@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700);

body,html,form,section {height: 100%; width: 100%; font-family: 'Open Sans', sans-serif !important;} 
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a {color: #505050 !important;text-decoration: none;}

body {padding-top:80px;}
.text-highlight {background:#00acd4; color:#fff; text-shadow: 0px 0px 10px rgba(20, 20, 20, 0); padding:0px 5px;}
@media (max-width:767.98px) {
body {padding-top:84px; font-size:0.938rem !important; line-height:1.4 !important}
}

.fluid_container {bottom: 0;min-height: 100%;left: 0;position: relative;right: 0;top: 0;width: 100%;height: 100%;z-index: 0;display:block}
@media (max-width:1279.98px) and (min-width:768px) {
.fluid_container{min-height:78.5%!important; height: auto !important;} 
.fluid_container .swiper-slide img {max-width:125% !important; height:auto; width:auto !important}
}
@media (max-width:767.98px) {
.fluid_container{min-height:35%!important; height: auto !important;} 
.logo{width:250px;text-align:left}
.paralaxbg{padding:0!important}
}

/* GO To Top Style  */
.scrollup a {position: fixed;bottom:5px;right: 5px; z-index: 1;font-size: 24px;padding: 0px 8px 3px; background:#00acd4; width:40px; height:40px; text-align:center; color: #fff !important; transition: all .2s ease-in-out;}
.scrollup > a:hover {background: #0d61ab !important;}

/* HEADER STYLE */
header {width: 100%;z-index: 999;background: rgba(255, 255, 255, 1);top: 0;box-shadow: #333 0 -1px 14px -3px;z-index: 9999;}
.header {padding: 0 20px;width: 100%;float: left;z-index: 10;position: relative;}
.fixed {position:fixed;}
.borderTop {width: 100%;height: 2px;background: #00acd4;}

/* Visual Style */
.visual-text {position:absolute; top:150px; left:0px; right:0px;} 
.visual-bg {background: rgba(51, 51, 51, 0.56);color:#fff; position:relative; top:0; left:0; right:0;}
 
@media (max-width:767px) {   
.visual-text {position:relative; top:0px; left:0px; right:0px;}  
.visual-bg {color:#000; background: transparent;}   
.visual-bg h1{font-size:1.35rem;}
.visuals .container h1 span{color:#fca504!important;}}
 
/* form classes */
.arrow {position: absolute;bottom: 0px;left: -80px;}
.err1 {color: red;font-size: 12px;}

/* Parallax */
.parallax-banner {position: relative;width: 100%;padding: 0;text-align: center;overflow: hidden;clear: both;margin: 0px;float: left;color: #fff}
.just_pattern {background-image: url(images/pattern2.png);position: absolute;opacity: .90;left: 0px;margin: 0px;top: 0px;right: 0;bottom: 0;width: 100%;height: 100%;}

@media (max-width: 767px) {.just_pattern {z-index: 0;}} 
.parallax-banner h2 {position: relative;z-index: 99;}
.paralaxbg {background: url(images/pic-parallax1.jpg) no-repeat center;background-size: cover;min-height: 320px;padding: 40px;}

@media (min-width:767px) {.paralaxbg {background: url(images/pic-parallax1.jpg) no-repeat center;background-size: cover;padding: 0px;}} 
.footer {position: relative;width: 100%;margin: 0 auto;}
.content {color:#244588;}.footer {width: 100%;background: #01478d;border-top: 3px solid #00add5;color: #FFF;padding: 15px 0px;font-size: 13px;}
.footer h2 {font-size: 14px !important;color: #FFF !important;margin: 0px 0px 5px 0px;}.footer hr {border-color: rgba(255, 255, 255, .25)}
.footer a:hover {color: #f9ab2d!important;}

/*Thank you*/
.thankStyle {margin-top: 30px;}
.thankStyle h2 {color: #ef49a5;}

 /* SOCIAL MEDIA */
.social-container {float: right;text-align: right}
@media (max-width: 768px) {.social-container {float: left;text-align: left;margin-top: 15px;}}
ul.social_media {margin: 0px;padding: 0px 0px 5px 0px;width: 100%;}
ul.social_media li {display: inline-block;list-style-type: none;list-style-image: none;padding: 0px;margin: 0 0px 10px 2px;border: none;vertical-align: top;}
ul.social_media li a {display: block;font-size: 15px;transition: none .6s ease-in-out;-webkit-transition: none .6s ease-in-out;-moz-transition: none .6s ease-in-out;-o-transition: none .6s ease-in-out;-ms-transition: none .6s ease-in-out;}
ul.social_media li a:hover {display: block;font-size: 15px;}
ul.social_media .fa {padding: 0px;margin: 0px;font-weight: 300;color: #fff;width: 30px;height: 30px;line-height: 30px;text-align: center;}
ul.social_media .fa:hover {color: #fff;}
.fa-facebook,.fa-google,.fa-google-plus,.fa-linkedin,.fa-youtube,.fa-youtube-play,.fa-tumblr,.fa-twitter,.fa-pinterest,.fa-instagram {background: #00acd4;border: 2px solid #fff;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;}
.fa-facebook {background: #4862a3;border: 1px solid transparent;}
.fa-google,.fa-google-plus,.fa-instagram,.fa-linkedin,.fa-pinterest,.fa-tumblr,.fa-twitter,.fa-youtube,.fa-youtube-play{border:1px solid transparent}
.fa-facebook:hover,.fa-google-plus:hover,.fa-google:hover,.fa-instagram:hover,.fa-linkedin:hover,.fa-pinterest:hover,.fa-tumblr:hover,.fa-twitter:hover{border:1px solid #fff}
.fa-google{background:#3f85f4}.fa-google-plus{background:#dd4b39}.fa-linkedin{background:#0177b5}.fa-youtube,.fa-youtube-play{background:#d02022}
.fa-tumblr{background:#2c4762}.fa-twitter{background:#55acee}.fa-pinterest{background:#db242c}.fa-instagram{background:#5085af}
.fa-facebook:hover{background:#4862a3}.fa-google:hover{background:#3f85f4}.fa-google-plus:hover{background:#dd4b39}
.fa-linkedin:hover{background:#0177b5}.fa-youtube-play:hover,.fa-youtube:hover{background:#d02022;border:1px solid #fff}
.fa-tumblr:hover{background:#2c4762}.fa-twitter:hover{background:#55acee}.fa-pinterest:hover{background:#db242c}.fa-instagram:hover{background:#5085af}


@media (max-width: 1280px) {.logo{width:250px}}
@media (min-width:767.98px) and (max-width:993px) {.visual-text {position:relative !important; top:0; left:0px; right:0px;} .fluid_container{min-height:35%!important; height: auto !important;} .visual-bg {background: rgba(51, 51, 51, 0.56);color:#fff; position:relative; top:0; left:0; right:0; margin-bottom: 25px;}}


@media (max-width:470px){.copyright p{font-size:12px}}