@charset "utf-8";
/* CSS Document */

@import url(font-awesome.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,500);

body{ margin:0px; padding:0px; line-height:27px; font-family:arial; font-size:14px; color:#565555;}
h1,h2,h3{font-family: 'Raleway', sans-serif; font-weight:normal;}
.logo{ position:absolute; z-index:99999; left:0px; right:0px; margin:auto; text-align:center; width:342px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#4e4d4d; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
a:hover{ text-decoration:none; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}

.aboutustext{font-family: 'Raleway', sans-serif; font-weight:normal; font-size:17px;}
.howitworkmain{font-family: 'Raleway', sans-serif; font-weight:normal; font-size:17px;}

.container{ max-width:1160px; margin:auto;}
.welcometitle{ text-align:center; text-transform:capitalize; font-size:24px; color:#1ab1bf; background:url(../images/bgtitle.jpg) repeat-x bottom; margin-bottom:15px; padding-bottom:5px;}
.howitworkmain{ overflow:hidden; padding-bottom:40px;}
.howitworkmain ul{ margin:0px; padding:0px;}
.howitworkmain ul li{ margin:0px; padding:0px; float:left; width:31%; padding:1%; text-align:center; list-style:none;}
.howitworksicon{ min-height:130px;}
.videosection{ background:#799c00; min-height:200px; overflow:hidden; padding:30px 0px;}

.videomain{ width:550px; padding:10px; margin-right:10px; background:#fff; float:left; line-height:0px;}
.videocontentright{ width:500px; float:right; font-size:27px; color:#fff; line-height:47px; font-family: 'Raleway', sans-serif;}
.footer{ background:#eeeeee; color:#595959;}
.footer a{color:#595959; text-decoration:none;}
.footer a:hover{color:#00a6a6;}
.footertopmain{ width:31%; float:left; padding:0px 1%;}

.footerbott{ background:#e0e0e0; overflow:hidden; padding:10px 0px; font-size:13px;}
.footerbotleft{width:auto; float:left;}
.footerbotright{width:auto; float:right;}

.menu{ width:44px;  position:fixed; z-index:9999; top:20%; background-color:rgba(255, 255, 255, .70); }
.menu ul{ margin:0px; padding:0px;}
.menu ul li{ margin:0px; padding:0px; background:url(../images/menudiv.jpg) no-repeat; font-size:30px; padding:10px 5px; color:#13a2da;}
.menu ul li a{ color:#13a2da;}
.menu ul li a:hover{ color:#000;}

.mobilemenu .fa{color:#13a2da; font-size:30px; cursor:pointer; padding:10px 5px; color:#13a2da; }
.mobilemenu .fa:hover{color:#000; }

.footertopmain h2{ font-size:22px;}

.footercontactinfo{ font-size:23px; line-height:48px; text-align:left; font-family:'Raleway', sans-serif;}
.footercontactinfo .fa{ color:#01a7a5; font-size:28px; width:40px;}
.footermenu{}
.footermenu li{ list-style:none;font-family:'Raleway', sans-serif; margin:0px 0px 0px 10px; padding:3px; }
.footermenu ul{margin:0px; padding:0px;}
.footermenu .fa{ margin-right:5px;}
.mobilemenu{ display:none;}

.contactpopup{ position:fixed; display:none; width:100%; height:100%; top:0px; left:0px; z-index:9999999; background-color: rgba(0, 0, 0, .50);}
.popupmain{ max-width:600px; background:#fff; margin:auto; min-height:250px; padding:10px; margin-top:10%; border:solid 10px rgba(0, 0, 0, .10);}

.close{ background:#EFEFEF; color:#555252; width:10px; float:right; padding:0px 10px; margin-top:-20px; margin-right:-20px; cursor:pointer; }
.popuptitle h2{ margin:0px 0px 10px 0px; padding:0px; color:#1ab1bf; background:url(../images/bgtitle.jpg) repeat-x bottom; padding-bottom:10px;}

.aboutuspopup{ position:fixed; display:none; width:100%; height:100%; top:0px; left:0px; z-index:9999999; background-color: rgba(0, 0, 0, .50);}

#topcontrol{ padding:8px; font-size:15px; background:#f7a020; color:#fff;}
.homedownloadbutt{font-family:'Raleway', sans-serif;  position:absolute; max-width:260px;  left:0px; right:0px; margin:auto; margin-top:-50px;}
.homedownloadbutt a{   padding:10px 10px; font-size:18px; text-transform:uppercase; color:#799c00; background:#fff; border-radius:10px; text-decoration:none;  }
.homedownloadbutt a:hover{ color:#fff; background:#799c00;  }

.contactform{ position:absolute; right:0px; background-color: rgba(255, 255, 255, .70); padding:20px; margin:10px; border-radius:10px; }

div#contactus {margin: 0px 0px -7px 0px}
#contactus.container{ }
#contactus .welcometitle{ margin-bottom:0px;}
.footermenu .fa{color:#01a7a5;}
.poupinner{ max-height:300px; overflow-y:auto; }

.amazingslider-title-0{font-family:'Raleway', sans-serif !important;}
.amazingslider-description-0{font-family:'Raleway', sans-serif !important;}

.videocontentrightnew{ margin-right:0px;}

li{ list-style:circle;}

/*css media query start here*/
@media screen and (max-width: 1185px){
.videocontentright{ width:40%;}
.videomain{ margin:10px; width:45%;}
.videomain img{ width:100%;}
.videomain iframe{ width:100%;}

}

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

}


@media screen and (max-width: 960px){
.footertopmain h2{ font-size:20px;}
.footercontactinfo{ font-size:16px;}

}
@media screen and (max-width: 850px){
.videomain{ margin:1%;}
}

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


}
@media screen and (max-width: 750px){
.footertopmain h2{ font-size:18px;}

}


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


}
@media screen and (max-width: 680px){
body{overflow-x:hidden;}
.howitworkmain ul li{float:none; width:98%;}
.footertopmain{ width:98%; float:none;  padding: 10px 10px;  border-bottom: dotted 1px #ccc; }
.footertopmain h2{ margin:0px; padding:10px 0px;}
.videocontentright{ width:95%; margin:auto; float:none; text-align:center; font-size:18px;}
.videomain{ margin:10px auto; width:90%; float:none; overflow:hidden;}
.videomain img{ width:100%; height:auto;}
.videomain iframe{ width:100%;}
.mobilemenu{display:block;}
.menu ul{display:none;}
.contactform{ position:static; margin:0px; border-radius:0px;  background-color: rgba(234, 241, 244, 100);}

}
@media screen and (max-width: 650px){
.amazingslider-title-0{ display:none !important;}
.amazingslider-description-0{ display:none !important;}
}


@media screen and (max-width: 480px){
.logo{ width:90%; margin:auto; }
.logo img{ width:100%; }

}

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


}
@media screen and (max-width: 350px){


}