/* ------------------------- GLOBAL -------------------------*/
@import url(//fonts.googleapis.com/css?family=Oswald:400,700|Titillium+Web:700);

body { background-color: #000; overflow-x: hidden}

/* Slidershow */
.slider {margin: 0px auto; left: 0px; top:20px;margin-bottom: 20px; width: 1366px; height: 590px; overflow: hidden; float: left; clear: left; }
.loading {left: 0px; top: 0px; position: absolute;}
.slideshow_img { width: 1366px; height: 590px; overflow: hidden;  cursor: auto; text-align: center;  }
.slideshow{position:absolute;  }
.slideshow div,.slideshow div:hover,.slideshow .av{position:absolute;width:19px;height:19px;text-align:center;line-height:19px;color:#fff;font-size:12px;background:url(http://www.aod.education/*img*/) no-repeat;overflow:hidden;}/*for navigator*/
.slideshow div{background-position:-5px -5px}
.slideshow div:hover,.slideshow .av:hover{background-position:-35px -5px}
.slideshow .av{background-position:-65px -5px}

.slideshow .dn,.slideshow .dn:hover{background-position:-95px -5px}

.slideshowl{display:block;position:absolute;width:55px;height:55px;cursor:pointer;background: url(../images/index/prev-icon.png) center center no-repeat;overflow:hidden}

.slideshowr{display:block;position:absolute;width:55px;height:55px;cursor:pointer;background: url(../images/index/next-icon.png) center center no-repeat;overflow:hidden}


/* Video */
video, source { float: left; clear: left; margin: 0; padding: 0}
.video {width:100% !important; height: auto; position:relative;}
.pg-video { width:100% !important; max-height: 1200px}
#video-m { display: none}


/* Desiger & newsletter */
#news { position: relative; width: 100%;  height: 100%; margin:0; padding:0; float: left; background: url(../images/index/aod_section4.jpg); background-size: 100% auto; background-repeat: no-repeat}

#designer_area { width:60%; margin: 40px 0 35px 25px; position: relative}
#designer_area img { width:32%; height: 100%; margin-right: 10px }

#newsletter_area, .newsletter_content, .newsletter-signup  { width:35%; position: relative; }
.newsletter_content { width: 30%; margin-top: 35px; font-size:1.8em; font-family: 'Oswald', sans-serif; color: #fff; cursor: default}
.newsletter-signup {width: 100%;  margin-top:47%}
.newsletter-signup button {border:none; background:none; outline: 0; cursor: pointer}
.newsletter-signup img{ width:100%;}

.newsletter-email { width:90%; margin-top:10px }
.email-bg { width:100%; position: absolute; cursor: text; z-index: 1}
.email-bg-off {z-index: 0}
.newsletter-email input {width: 95%; height: 15%; position: absolute; border:none;background: #fff; border: 3px solid #fff; border-radius: 10px; font-size:2em; margin:0px 10px; margin-top:1% ;cursor: text; outline-color: #d44f7e}

/* Blog */
.blog { width: 100%; margin-top: -1px; padding-bottom: 60px; float: left}
.blog img{  width: 100%; height:100%;  float: left}


/* ----------------------------------------------------------------*/

@media all and (max-width: 1024px) {

#news { width: auto;}    

#designer_area { position:static}
    
#newsletter_area, .newsletter_content, .newsletter-signup  { position:static }        
.newsletter_content { width: 25%; font-size:22px }
.newsletter-signup {margin-top:43%}
.newsletter-signup img { width:80%;margin-left: -20%}
    
.newsletter-email { width:35%; }
.newsletter-email img { width:35%; }
.newsletter-email input {width: 33%; height: 30px; margin-top:3px ; }
    
#designer_area img { width:30%;}
    
/* Slidershow */    
.slideshowl, .slideshowr {width:80px;height:80px; background-size: 100% 100%}
}


/* ----------------------------------------------------------------*/

@media all and (max-width: 1023px) {
    
body { min-width: auto}    
    
.newsletter_content {font-size:1.3em }
.newsletter-signup {margin-top:23% }

.newsletter-email input {margin-top:0px ; font-size:1.3em; height: 20px;  }

#designer_area { margin-top: 30px; margin-bottom: 20px}    
    
}

/* ----------------------------------------------------------------*/

@media all and (max-width: 700px) {
 
body { min-width: 320px}    
    
/* Video */
#video { display: none}    
#video-m { display: block}
    
/* Desiger & newsletter */
#news { width: 100%; height: 630px; background-size: auto 300px; background-position: right bottom; background-color: #d44f7e}
    
#designer_area { width:95%; margin: 10px 13px;}
    
#newsletter_area, .newsletter_content, .newsletter-signup  { width:60% }
.newsletter_content { width: 95%; margin-top: 10px; margin-left: 10px; font-size:1.3em}
.newsletter-signup { width: 90%;  margin-top:10px; margin-left: 10px;}
.newsletter-signup img{ width:80%;}

.newsletter-email { width:80%; margin-top:10px; margin-left: 10px; }
.newsletter-email img { width:80%; }
.newsletter-email input {width: 70%; height: 20px; font-size:1.3em; outline: 0;}


}