.PageWidth1{width:100%;max-width:1200px;height:1px;margin:0 auto;}
.SearchBox{position:absolute;top:-150px;left:50%;margin-left:-150px;width:300px;background:#EEEEEE;z-index:3000;height:80px;overflow:hidden;padding:25px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;}
.SearchFormInput, .SearchFormButton{height:24px;color:#333333;}
.SearchFormInput{padding-left:5px;border:none;width:200px;}
.SearchFormButton{border:none;color:transparent;cursor:pointer;}
.CopyDiv{text-align:center;}
.ContactBox{background-color:#5D606A;width:100%;padding:20px;margin-top:10px;color:#FFFFFF;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media screen and (max-width:1000px){.ContactBox{display:none;}
}
.HomeSliderBox{width:100%;position:relative;height:31.5vw;overflow:hidden;background:#000000;}
.HomeSliderBoxImage{width:100%;}
@media screen and (max-width:550px){.HomeSliderBox{height:50vw;}
.HomeSliderBoxImage{width:160%;margin-left:-20%;}
}
.HomeSliderBoxIn{position:absolute;top:0;left:0;height:100%;width:70%;margin-left:15%;display:flex;align-items:center;justify-content:center;text-align:center;}
.SliderBox{-moz-animation-name:SlideHeaderMessage;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease-in;-moz-animation-duration:1s;-webkit-animation-name:SlideHeaderMessage;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-in;-webkit-animation-duration:1s;animation-name:SlideHeaderMessage;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;}
.HeaderMessageBox{position:absolute;top:16vw;left:0;background-color:rgba(0,0,0,0.2);width:50%;font-size:2.5vw;padding:2vw 0;-moz-animation-name:SlideHeaderMessage;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease-in;-moz-animation-duration:1s;-webkit-animation-name:SlideHeaderMessage;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-in;-webkit-animation-duration:1s;animation-name:SlideHeaderMessage;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;}
.HeaderMessageBox p{color:#FFFFFF;text-shadow:1px 1px 7px rgba(0,0,0,0.3);}
@-moz-keyframes SlideHeaderMessage {0% {-moz-transform:translateX(-1000px);}
100% {-moz-transform:translateX(0);}
}
@-webkit-keyframes SlideHeaderMessage {0% {-webkit-transform:translateX(-1000px);}
100% {-webkit-transform:translateX(0);}
}
@keyframes SlideHeaderMessage {0% {transform:translateX(-1000px);}
100% {transform:translateX(0);}
}
.HomeParallax1{background-image:url(https://www.affordablewebdesignadelaide.com.au/data/uploads/Parall01.jpg);background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;width:100%;height:350px;position:relative;}
.HomeParallax1Inner{width:100%;height:350px;background-color:rgba(0,0,0,0.2);position:absolute;top:0;left:0;}
.SocIcon{-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.SocIcon:hover{opacity:0.7;filter:alpha(opacity=70);}
.ClientLogo{margin:10px 20px;opacity:0.6;filter:alpha(opacity=60);-webkit-filter:grayscale(100%);filter:grayscale(100%);-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.ClientLogo:hover{opacity:1;filter:alpha(opacity=100);-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.BlockCarWrap h4{font-size:20px;margin:0;line-height:30px;}
.MediaWrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;height:600px;border:1px solid rgba(0,0,0,0.1);}
.MainWide ul, .ckeditor ul, .FaqABox ul{list-style-image:url(https://www.affordablewebdesignadelaide.com.au/z_images/images/li-b.svg);padding-left:20px;}
.MainWide ul li, .ckeditor ul li, FaqABox ul li{padding-left:5px;margin-bottom:5px;}
.WideDiv02 ul, .WideDiv03 ul{list-style-image:url(https://www.affordablewebdesignadelaide.com.au/z_images/images/li-w.svg);padding-left:20px;}
.MainWide ul ul{margin-top:5px;list-style-image:none;}
.FeaturePanel1{width:100%;background:rgba(0,0,0,0.3);padding:10px;text-align:center;position:absolute;left:0;bottom:0;color:#FFFFFF;font-weight:bold;font-size:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.DividerLineLeft{width:160px;height:3px;background:#3790AE;overflow:hidden;}
.DividerLineCenter{width:160px;height:3px;background:#3790AE;overflow:hidden;margin:auto;}
.HeaderContactButton{width:160px;text-align:center;cursor:pointer;background-color:rgba(F,0,0,0.7);border:1px solid #FFFFFF;font-size:16px;line-height:40px;color:#FFFFFF;text-decoration:none;margin:0 auto;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.HeaderContactButton a{text-decoration:none;}
.SliderBox .P1{font-size:4vw;line-height:4vw;color:#FFFFFF;}
.SliderBox .P2{font-size:2.5vw;line-height:3vw;color:#FFFFFF;}
.SliderBox .P1, .SliderBox .P2{font-family:'Open Sans Condensed', sans-serif;text-shadow:2px 2px 7px rgba(0,0,0,0.5)}
.HeaderContactButton:hover{background-color:rgba(0,0,0,0.9);}
@media screen and (max-width:550px){.TopWide .P1, .SliderBox .P1{font-size:5vw;line-height:7vw;}
.TopWide .P2, .SliderBox .P2{font-size:3.5vw;line-height:5vw;margin-bottom:3vw;}
}
.flip-container{width:32%;min-width:300px;height:320px;background:transparent;display:inline-block;margin:7px 0.5%;text-align:center;z-index:1;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;perspective:1000px;}
.flip-container:hover .flipper, .flip-container.hover .flipper {}
.front, .back {width:100%;height:320px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px;text-align:center;}
.flipper {transition:0.6s;transform-style:preserve-3d;position:relative;}
.front, .back {backface-visibility:hidden;position:absolute;top:0;left:0;}
.front {z-index:2;transform:rotateY(0deg);position:relative;}
.back {transform:rotateY(180deg);background:#777777;}
.Shadow{box-shadow:2px 2px 11px rgba(0,0,0,0.3);}
.YanaHome{margin-top:-120px;}
.PromoBox{margin-top:-100px;}
.promo, .promo1, .promo2, .promo3 {clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 10% 50%);}
.promo{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.promo, .promo1, .promo2, .promo3 {background:#2E7992;padding:50px 35px;margin-left:-11.1%;min-height:175px;display:flex;align-items:center;justify-content:center;text-align:center;}
.promo p, .promo1 p, .promo2 p, .promo3 p{color:#FFFFFF !important;}
.promo{margin-left:0;}
.promo1{background:#368BA8;}
.promo2{background:#3FA0C1;}
.promo3{background:#47B6DB;}
@media screen and (max-width:750px){.promo, .promo1, .promo2, .promo3 {clip-path:polygon(0 0, 50% 10%, 100% 0%, 100% 100%, 0% 100%);margin-left:0;margin-top:-11%;padding-top:40px;}
.promo{clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%);margin-top:0%;}
.PromoBox{margin-top:0;}
.YanaHome{margin-top:0;}
}