/* Common */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,900');

@import url('https://fonts.googleapis.com/css?family=Crafty+Girls:400');



#homeAnimation #slider { font-size:12px; line-height: 1.3; font-family: 'Lato', sans-serif; margin:0; padding:0; color:#aaa;}

#homeAnimation #animation-holder { overflow: hidden; max-width: 100%; height: 300px; position: relative; display: block; background: #156f7c; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%;  margin:0 auto; padding:0; list-style:none;}

#homeAnimation #animation-holder li { height: 300px; position: absolute; width: 100%; top:0; left:0; display: block; padding:0; margin:0; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}

#homeAnimation #animation-holder li .slides-inner { max-width: 1600px; margin:0 auto; height: 300px; position: relative; font-family: 'Lato', sans-serif;}

#homeAnimation .play.slides { z-index: 2;}

#homeAnimation #animation-holder li.play { opacity: 1; filter:alpha(opacity=100);}

#homeAnimation .blink {

  animation: blink 2s linear infinite; -webkit-animation: blink 2s linear infinite; z-index: 100;

}



/*Slide*/

#homeAnimation .slides { background: #156f7c; }

#homeAnimation .play.slides .slides-inner { position: relative; opacity: 1; filter:alpha(opacity=100); z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}

#homeAnimation .slides .slides-inner .slide-text-holder { position: absolute; opacity: 0; filter:alpha(opacity=0); top: 0; left: 20px; z-index: 40; padding:10px 15px;  -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s; -webkit-transition-delay: 2.5s; transition-delay: 2.5s;}

#homeAnimation .slides .slide-text-holder h3.heading { color:#ffffff; font-size: 18px; font-family: 'Lato'; font-weight: 400; }



#homeAnimation .slide-title-holder { background: #444444; left: 0; right: 0; bottom: 0; position: absolute; text-align: center; z-index: 50;}

#homeAnimation .slide-title-holder h2 { color: #ffffff; margin-top: -15px; display: inline-block; padding: 10px 20px; background: #111111; font-size: 25px;}



#homeAnimation .slides.third-d-p { background-image: url('../img/image02-bg.jpg'); -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }

#homeAnimation .slides.fourth-d-p { background-image: url('../img/image03-bg.jpg'); }

#homeAnimation .slides.fifth-d-p { background-image: url('../img/image04-bg.jpg'); }



/*1st Slide*/

#homeAnimation .slides.first-d-p {background: #ffffff;}

#homeAnimation .play.slides.first-d-p .slides-inner { position: relative; z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}

#homeAnimation .slides.first-d-p .slide-text-holder { right:0; opacity: 0; filter:alpha(opacity=0); left: 0; text-align:center; top: 50%; background: none; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -o-transition: all ease 1.5s; -ms-transition: all ease 1.5s; transition: all ease 1.5s; -webkit-transition-delay: 1s; transition-delay: 1s; }

#homeAnimation .slides.first-d-p .slide-text-holder h3.heading { font-size: 70px; }

#homeAnimation .slides.first-d-p .slide-text-holder h3.heading img { width: 200px; -webkit-transition: all ease 2.5s; -moz-transition: all ease 2.5s; -o-transition: all ease 2.5s; -ms-transition: all ease 2.5s; transition: all ease 2.5s; }



#homeAnimation .play.slides.first-d-p .slide-text-holder,

#homeAnimation .out.slides.first-d-p .slide-text-holder { opacity: 1; filter:alpha(opacity=100);}

#homeAnimation .play.slides.first-d-p .slide-text-holder h3.heading img,

#homeAnimation .out.slides.first-d-p .slide-text-holder h3.heading img { width: 300px; }



/*2nd Slide*/

#homeAnimation .slides.second-d-p { background: url('../img/bg1.jpg') repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

#homeAnimation .play.slides.second-d-p .slides-inner { position: relative; z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}

#homeAnimation .slides.second-d-p .slide-text-holder { right:auto; opacity: 0; filter:alpha(opacity=0); padding:0; left: auto; text-align:center; top: auto; height: 100%; bottom:auto; position: relative; background: none; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -o-transition: all ease 1.5s; -ms-transition: all ease 1.5s; transition: all ease 1.5s; -webkit-transition-delay: 1s; transition-delay: 1s; }

#homeAnimation .slides.second-d-p .slide-text-holder h3.heading { height: 100%; }

#homeAnimation .slides.second-d-p .slide-text-holder h3.heading img { height:100%; max-width: inherit; -webkit-transition: all ease 2.5s; -moz-transition: all ease 2.5s; -o-transition: all ease 2.5s; -ms-transition: all ease 2.5s; transition: all ease 2.5s; }



#homeAnimation .play.slides.second-d-p .slide-text-holder,

#homeAnimation .out.slides.second-d-p .slide-text-holder { opacity: 1; filter:alpha(opacity=100);}



/*3rd Slide*/

#homeAnimation .slides.third-d-p { background:url('../img/slide-1-bg.jpg') repeat-x 0 bottom #ffffff; }

#homeAnimation .play.slides.third-d-p .slides-inner { position: relative; z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}

#homeAnimation .slides.third-d-p .slide-text-holder { right:auto; opacity: 0; filter:alpha(opacity=0); padding:0; left: 60%; text-align:left; top: 50%; bottom:auto; position: absolute; background: none; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -o-transition: all ease 1.5s; -ms-transition: all ease 1.5s; transition: all ease 1.5s; -webkit-transition-delay: 2s; transition-delay: 2s; }

#homeAnimation .slides.third-d-p img.main { height:120%; position: absolute; z-index: 10; left: 3%; top: -40%; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }

#homeAnimation .slides.third-d-p img.oval { height:80%; position: absolute; z-index: 1; left: -30%; top: 60%; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; }

#homeAnimation .slides.third-d-p .slide-text-holder h3.heading { color: #d60039; font-size: 90px; }

#homeAnimation .slides.third-d-p .slide-text-holder h4.text { font-size: 50px; color:#6b6b6b; font-family: "Crafty Girls", sans-serif;}



#homeAnimation .play.slides.third-d-p img,

#homeAnimation .out.slides.third-d-p img { opacity: 1; filter:alpha(opacity=100);}

#homeAnimation .play.slides.third-d-p img.main,

#homeAnimation .out.slides.third-d-p img.main { top: -25%; }

#homeAnimation .play.slides.third-d-p img.oval,

#homeAnimation .out.slides.third-d-p img.oval { left:-7%; }

#homeAnimation .play.slides.third-d-p .slide-text-holder,

#homeAnimation .out.slides.third-d-p .slide-text-holder { left: 50%; }



/*4th Slide*/

#homeAnimation .slides.fourth-d-p { background:#f32d62; }

#homeAnimation .play.slides.fourth-d-p .slides-inner { position: relative; z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}

#homeAnimation .slides.fourth-d-p .slide-text-holder { width: 60%; opacity: 0; filter:alpha(opacity=0); padding:0; left: -10%; text-align:center; top: 50%; bottom:auto; position: absolute; background: none; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -o-transition: all ease 1.5s; -ms-transition: all ease 1.5s; transition: all ease 1.5s; -webkit-transition-delay: 2s; transition-delay: 2s; }

#homeAnimation .slides.fourth-d-p img.main { height:95%; position: absolute; z-index: 10; right: 15%; top: -15%; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }

#homeAnimation .slides.fourth-d-p img.oval { height:80%; position: absolute; z-index: 1; right: -8%; top: 60%; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; }

#homeAnimation .slides.fourth-d-p .slide-text-holder h3.heading { color: #ffffff; font-size: 100px; }

#homeAnimation .slides.fourth-d-p .slide-text-holder h4.text { font-size: 50px; color:#b9b9b9; font-family: "Crafty Girls", sans-serif;}



#homeAnimation .play.slides.fourth-d-p img,

#homeAnimation .out.slides.fourth-d-p img { opacity: 1; filter:alpha(opacity=100);}

#homeAnimation .play.slides.fourth-d-p img.main,

#homeAnimation .out.slides.fourth-d-p img.main { top: 0; }

#homeAnimation .play.slides.fourth-d-p img.oval,

#homeAnimation .out.slides.fourth-d-p img.oval { right:5%; }

#homeAnimation .play.slides.fourth-d-p .slide-text-holder,

#homeAnimation .out.slides.fourth-d-p .slide-text-holder { left: 0; }



/*5th Slide*/

#homeAnimation .slides.fifth-d-p { background: url('../img/bg2.jpg') repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#homeAnimation .play.slides.fifth-d-p .slides-inner { position: relative; z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}

#homeAnimation .slides.fifth-d-p .slide-text-holder { right:auto; opacity: 0; filter:alpha(opacity=0); padding:0; left: 60%; text-align:center; top: 50%; width: 50%; bottom:auto; position: absolute; background: none; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -o-transition: all ease 1.5s; -ms-transition: all ease 1.5s; transition: all ease 1.5s; -webkit-transition-delay: 2s; transition-delay: 2s; }

#homeAnimation .slides.fifth-d-p img.main { height:110%; position: absolute; z-index: 10; left: 3%; top: -20%; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }

#homeAnimation .slides.fifth-d-p .slide-text-holder h3.heading { color: #d60039; font-size: 90px; }

#homeAnimation .slides.fifth-d-p .slide-text-holder h4.text { font-size: 50px; color:#ffffff; font-family: "Crafty Girls", sans-serif;}



#homeAnimation .play.slides.fifth-d-p img,

#homeAnimation .out.slides.fifth-d-p img { opacity: 1; filter:alpha(opacity=100);}

#homeAnimation .play.slides.fifth-d-p img.main,

#homeAnimation .out.slides.fifth-d-p img.main { top: -10%; }

#homeAnimation .play.slides.fifth-d-p .slide-text-holder,

#homeAnimation .out.slides.fifth-d-p .slide-text-holder { left: 45%; }



/*.second-d-p .slides-inner:before { content:""; display: block; position: absolute; left: 5%; top: 50%; margin:-56px 0 0 141px; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); z-index: 100; width: 112px; height: 90px; background: url('../img/image01.gif') no-repeat center center; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }*/



/*Last Slide*/

#homeAnimation .lastanimation {background: url('../img/last-bg.jpg') no-repeat 0 center #ffffff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

#homeAnimation .play.lastanimation .slides-inner { position: relative; z-index: 10; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}

#homeAnimation .lastanimation .inside-text { opacity: 0; filter:alpha(opacity=0); color: #ffffff; position: absolute; z-index: 30; left: 0; top:0; right: 0; bottom:0; text-align: center; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; -webkit-transition-delay: 1s; transition-delay: 1s;}

#homeAnimation .lastanimation .text-center { height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-transform:translate(50%,50%); -ms-transform:translate(50%,50%); transform:translate(50%,50%);}

#homeAnimation .lastanimation .text-center > div { -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

#homeAnimation .lastanimation .text-center > div img { position: inherit; left: auto; right: auto; top: auto; bottom: auto; margin:0; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); }

#homeAnimation .lastanimation h2 {line-height: 1.3; font-weight: bold; font-size: 25px; margin: 0; padding:0;}



#homeAnimation .play.lastanimation .inside-text {opacity: 1; filter:alpha(opacity=100);}

#homeAnimation .out.lastanimation .inside-text { opacity: 0; filter:alpha(opacity=0); -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}



#homeAnimation #mask #animation-holder .out.slides, 

#homeAnimation #mask #animation-holder .out.slides * { -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}



#homeAnimation .play.slides img,

#homeAnimation  .out.slides img { opacity: 1; filter:alpha(opacity=100);}

#homeAnimation #slider .play.slides .slides-inner .slide-text-holder, 

#homeAnimation #slider .out.slides .slides-inner .slide-text-holder { opacity: 1; filter:alpha(opacity=100);}



@media only screen and (max-width: 1280px) and (min-width: 1025px) {

    #homeAnimation #animation-holder,

    #homeAnimation #animation-holder li,

    #homeAnimation #animation-holder li .slides-inner { height: 250px; }

}

@media only screen and (max-width: 1024px) and (min-width: 992px) {

    #homeAnimation #animation-holder,

    #homeAnimation #animation-holder li,

    #homeAnimation #animation-holder li .slides-inner { height: 200px; }

    #homeAnimation .slides .slides-inner .slide-text-holder h3.heading { font-size: 70px; }

    #homeAnimation .slides .slides-inner .slide-text-holder h4.text { font-size: 35px; line-height: 1; }

    #homeAnimation .slides.fourth-d-p img.main { right: 5%; }

    #homeAnimation .slides.fourth-d-p img.oval { right: -18%; }

    #homeAnimation .play.slides.fourth-d-p img.oval,

    #homeAnimation .out.slides.fourth-d-p img.oval { right:-5%; }

}

@media only screen and (max-width: 991px) and (min-width: 768px) {

    #homeAnimation #animation-holder,

    #homeAnimation #animation-holder li,

    #homeAnimation #animation-holder li .slides-inner { height: 200px; }

    #homeAnimation .slides .slides-inner .slide-text-holder h3.heading { font-size: 60px; }

    #homeAnimation .slides .slides-inner .slide-text-holder h4.text { font-size: 30px; line-height: 1; }

    #homeAnimation .slides.fourth-d-p img.main { right: 5%; }

    #homeAnimation .slides.fourth-d-p img.oval { right: -18%; }

    #homeAnimation .play.slides.fourth-d-p img.oval,

    #homeAnimation .out.slides.fourth-d-p img.oval { right:-5%; }

}



@media only screen and (max-width: 767px) {

    #homeAnimation #animation-holder,

    #homeAnimation #animation-holder li,

    #homeAnimation #animation-holder li .slides-inner { height: 400px; }

    #homeAnimation .slides .slides-inner .slide-text-holder { text-align: center; }

    #homeAnimation .slides .slides-inner .slide-text-holder h3.heading { font-size: 60px; }

    #homeAnimation .slides .slides-inner .slide-text-holder h4.text { font-size: 30px; line-height: 1; }



    #homeAnimation .slides.third-d-p { background-color:#f32d62; }

    #homeAnimation .slides.third-d-p img.main { right: auto; left: 50%; top: 60%; height: 50%; width: auto; max-width: inherit; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); }

    #homeAnimation .slides.third-d-p img.oval { right: -18%; top: 60%; }

    #homeAnimation .play.slides.third-d-p img.main,

    #homeAnimation .out.slides.third-d-p img.main { left:50%; top: 45%; }

    #homeAnimation .play.slides.third-d-p img.oval,

    #homeAnimation .out.slides.third-d-p img.oval { right:-5%; width: 110%; height: auto; top: 80%; }

    #homeAnimation .slides.third-d-p .slide-text-holder,

    #homeAnimation .play.slides.third-d-p .slide-text-holder,

    #homeAnimation .out.slides.third-d-p .slide-text-holder { left: 0; top: 0; right: 0; height: 45%; background: rgba(255,255,255,0.8); -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);  }

    #homeAnimation .play.slides.third-d-p .slide-text-holder h3,

    #homeAnimation .out.slides.third-d-p .slide-text-holder h3 { padding-top:10%; }

    

    #homeAnimation .slides.fourth-d-p img.main { right: auto; left: 50%; top: 60%; height: 50%; width: auto; max-width: inherit; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); }

    #homeAnimation .slides.fourth-d-p img.oval { right: -18%; top: 60%; }

    #homeAnimation .play.slides.fourth-d-p img.main,

    #homeAnimation .out.slides.fourth-d-p img.main { left:50%; top: 45%; }

    #homeAnimation .play.slides.fourth-d-p img.oval,

    #homeAnimation .out.slides.fourth-d-p img.oval { right:-5%; width: 110%; height: auto; top: 80%; }

    #homeAnimation .slides.fourth-d-p .slide-text-holder,

    #homeAnimation .play.slides.fourth-d-p .slide-text-holder,

    #homeAnimation .out.slides.fourth-d-p .slide-text-holder { left: 0; top: 0; right: 0; height: 45%; width:auto; background: rgba(255,255,255,0.8); -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);  }

    #homeAnimation .play.slides.fourth-d-p .slide-text-holder h3,

    #homeAnimation .out.slides.fourth-d-p .slide-text-holder h3 { padding-top:10%; color: #d60039; }

    #homeAnimation .play.slides.fourth-d-p .slide-text-holder h4,

    #homeAnimation .out.slides.fourth-d-p .slide-text-holder h4 { color: #6b6b6b; }



    #homeAnimation .slides.fifth-d-p img.main { right: auto; left: 50%; top: 60%; height: 50%; width: auto; max-width: inherit; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); }

    #homeAnimation .slides.fifth-d-p img.oval { right: -18%; top: 60%; }

    #homeAnimation .play.slides.fifth-d-p img.main,

    #homeAnimation .out.slides.fifth-d-p img.main { left:50%; top: 45%; }

    #homeAnimation .play.slides.fifth-d-p img.oval,

    #homeAnimation .out.slides.fifth-d-p img.oval { right:-5%; width: 110%; height: auto; top: 80%; }

    #homeAnimation .slides.fifth-d-p .slide-text-holder,

    #homeAnimation .play.slides.fifth-d-p .slide-text-holder,

    #homeAnimation .out.slides.fifth-d-p .slide-text-holder { left: 0; top: 0; right: 0; height: 45%; width:auto; background: rgba(255,255,255,0.8); -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);  }

    #homeAnimation .play.slides.fifth-d-p .slide-text-holder h3,

    #homeAnimation .out.slides.fifth-d-p .slide-text-holder h3 { padding-top:5%; color: #d60039; }

    #homeAnimation .play.slides.fifth-d-p .slide-text-holder h4,

    #homeAnimation .out.slides.fifth-d-p .slide-text-holder h4 { color: #6b6b6b; }



    #homeAnimation .slides.fourth-d-p img.main { right: 5%; }

    #homeAnimation .slides.fourth-d-p img.oval { right: -18%; }

    #homeAnimation .play.slides.fourth-d-p img.oval,

    #homeAnimation .out.slides.fourth-d-p img.oval { right:-5%; left:-5%; }

}



@media only screen and (max-width: 640px) {
    #homeAnimation .play.slides.third-d-p img.oval,

    #homeAnimation .out.slides.third-d-p img.oval,

    #homeAnimation .play.slides.fourth-d-p img.oval,

    #homeAnimation .out.slides.fourth-d-p img.oval,

    #homeAnimation .play.slides.fifth-d-p img.oval,

    #homeAnimation .out.slides.fifth-d-p img.oval { width: 150% !important; max-width: inherit; left: 50%; right: auto; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); }

}



@media only screen and (max-width: 400px) {	

    #homeAnimation #animation-holder,

    #homeAnimation #animation-holder li,

    #homeAnimation #animation-holder li .slides-inner { height: 350px; }



    #homeAnimation .slides .slides-inner .slide-text-holder { -webkit-transition-delay: 1s; transition-delay: 1s; }

    #homeAnimation .slides .slides-inner .slide-text-holder h3.heading { font-size: 50px; }

    #homeAnimation .slides .slides-inner .slide-text-holder h4.text { font-size: 20px; line-height: 1; }



    #homeAnimation .play.slides.third-d-p img.oval,

    #homeAnimation .out.slides.third-d-p img.oval,

    #homeAnimation .play.slides.fourth-d-p img.oval,

    #homeAnimation .out.slides.fourth-d-p img.oval,

    #homeAnimation .play.slides.fifth-d-p img.oval,

    #homeAnimation .out.slides.fifth-d-p img.oval { width: 150% !important; max-width: inherit; left: 50%; right: auto; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); }

}