@charset "utf-8";
/* CSS Document */
.wrapper{ width:100%; float:left; height:auto;}
.header{ width:100%; float:left;    border-top: solid 4px #0f407c; background-color: #fff; height:auto;  transition: 0.5s all ease;  }
.banner{ width:100%; float:left;}
	.logo{ width:100%; float:left; z-index:99999; cursor:pointer;}
	/*.bg2{ width:100%; float:left; height:auto;  background: linear-gradient(0deg, rgb(255, 248, 232), rgba(167, 186, 255, 0), rgba(8, 8, 8, 0.53), rgba(255, 255, 255, 0.22)); height:700px;}*/
/*		.logo img{ width:100%; float:left;}*/
.navi{    width: 22%; float: left;  padding: 15px 20px 0px 0px; z-index:99999;}
.sea{width: 100%;
    float: left;
    height: auto;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.54), rgba(255, 255, 255, 0)); 
    padding: 23px 0px 9px 0px;
    margin-top: -167px;
    position: absolute;}
.f1{ width:100%; float:left; text-align:center; cursor:pointer; transition:0.5s all ease;}
.f1:hover{ margin-top:-10px;}
.f2{ width:100%; height:auto;}
.f1 h3{ color:#000;  transition:0.5s all ease; font-size:16px; text-shadow: 0px 0px 2px #000;  color: #fff; font-family: 'Comfortaa', cursive;  }
.f2 i{ font-size: 36px;
    color: #fff;
    color: #ab4737;
    font-weight: 100;
    border: solid 3px #6d2928;
    line-height: 42px;
    transition: 0.9s all linear;
    padding: 24px 0px;
    height: 88px;
    width: 91px;
    background-color: #ffffff;
    border-radius: 100%;}

.f1:hover .f2 i{ color:#fff; border:solid 3px #f8c300; background-color:#f8c300;}
.f1:hover:hover h3{ color:#f8c300;} 

.inq{ width:100%; float:left; height:auto;  font-family: 'Comfortaa', cursive;   top: 0;    position: absolute;}

.f4{width: 50%;float: left; position:absolute; background-color:rgba(49, 48, 47, 0.51);padding: 20px;margin: 124px 20px;border-radius: 3px;}
.f5{ width:98%; float:left; height:45px;     margin-right: 10px; padding:10px; border:solid 1px #fff; border-radius:2px; margin-bottom:10px;}
.but1{ width:auto; float:right; margin-right:0px; margin-top:5px;}
.but1 a{    padding: 10px 37px;
    float: left;
    border: solid 1px #c19b10;
    background-color: #f8c300;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;}
.jump2{ width:100%; float:left; height:45px;  padding:10px; border:solid 1px #fff; border-radius:2px; margin-bottom:10px;}
.l1{ width:55%; float:left; height:auto}
.box{ width:100%; height:100px; border-radius: 3px;border:solid 1px #fff;}
.l2{ width:44%; float:right; height:auto}



.sticky {     background: rgb(249, 249, 249); border-bottom: solid 1px #f4ebeb; position: fixed; top: 0;  width: 100%; font-size: 1em!important; z-index: 9;transition: 0.8s all ease; padding: 0px 0px; color: #fff; padding:5px 0px;}
.sticky .logo img { width: 85%; transition: 0.5s all ease;}
.sticky .navi {  padding: 7px 20px;}
.navi2{ width:25%; float:left;}

.banner h1{ width: 100%; float: left; font-size: 28px; line-height: 40px; color: #fff; font-weight: 300;  font-family: 'Quicksand', sans-serif;  margin-top: 16%;    text-shadow: 0px 0px 1px #382d69;} 
/*
.but2{ width:auto; float:left; height:auto; margin-top:40px;}
.but2 a{padding: 13px 24px; border-radius: 3px; background-color: #de4704; color: #fff; font-size: 16px; font-family: 'Comfortaa', cursive;      text-shadow: 0px 0px 1px #6b2404;  border: solid 1px #bd3e05; transition:0.5s all ease;}
.but2 a:hover{ color:#fff;    background-color: #1c64b6; border:none;}
.but3 a:hover{ color:#fff;    background-color: #1c64b6; border:none;}

.but1{ width:auto; float:left; margin-right:20px;} 
.but1 a{ padding:10px 15px; color:#fff; font-size:15px; font-weight:400; }

.but3{ width:auto; float:left; height:auto; margin-top:40px;}
.but3 a{padding: 13px 24px; border-radius: 3px; background-color: #eabe20; color: #fff; font-size: 16px; font-family: 'Comfortaa', cursive;    border: solid 1px #bf9c1d;    text-shadow: 0px 0px 1px #423508;}

.b1{ width:auto; float:left; height:auto;}
.b1 a{     text-shadow: 0px 0px 1px #382d69;  padding: 10px 120px 10px 0px; float: left; color: rgb(255, 255, 255); font-size: 16px; font-family: 'Comfortaa', cursive;}
.b1 i{font-size: 15px;margin-right: 5px; color: #fff; float: left; margin-top: 2px;}
*/
.main{ width:100%; float:left;    background-color: #fff; height:auto; padding:40px 0px; font-family: 'Montserrat', sans-serif;}
.main h1{ width:100%; float:left; height:auto; text-align:center;font-size: 24px;  font-weight:600; color:#254d97;}

.main p{ width:100%; float:left; text-align:center;    font-size: 15px;     line-height: 24px; margin-top:10px; font-weight: 600; }
.c1{ width:100%; float:left; height:auto; text-align:center; transition:0.8s all ease;   margin-top: 26px;cursor:pointer;}
.im{ width:100%; text-align:center; float:left; transition:0.5s all ease; }
.im i{      font-size: 40px; color: #ffffff; font-weight: 100; line-height: 42px;transition:0.9s all linear;  padding: 24px 0px;  height: 88px; width: 91px;
    background-color: #254d97; border-radius: 100%;}
.c1 h1{ width:100%; float:left; font-size:17px; color:#000; font-weight:600;margin: 16px 0px 0px 0px;}
.c1 p{    width: 100%; float: left;  font-size: 14px; color: #000; line-height: 21px;font-weight: 100;}

.client{ width:100%; float:left; height:auto; background-image:url(../images/cl.jpg);    background-position: center center;font-size: 16px; font-family: 'Comfortaa', cursive;
    background-repeat: no-repeat; background-size: cover;}

.c1:hover .im i{ background-color:#f8c300; box-shadow: 0px 0px 0px 6px rgb(219, 175, 9); font-size:45px;}
.c1:hover h1{ color:#e85b08;}


#shiva{ float:left; width:100%; text-align:center;}
.count{ width:100%; text-align:center;line-height: 44px; font-family: 'Quicksand', sans-serif;  
    color: #fff; font-size:23px; }
.name2{ width:100%; float:left; height:auto; text-align:center; font-size:19px;   color: #fff; margin:10px 0px}
.bg{ width:100%; float:left; height:auto;  }
.name2 i{ font-size:40px; padding:12px; padding-top:0px; color:#fff;}

.testi{ width:100%; float:left; height:auto; padding:40px 0px; font-family: 'Montserrat', sans-serif;}


.testi p{ font-size:15px;}
#quote-carousel {  padding: 0 10px 30px 10px; margin-top: 12px; }
#quote-carousel .carousel-control {  background: none;color: #CACACA; font-size: 2.3em; text-shadow: none;  margin-top: 30px;}
#quote-carousel .carousel-control.left { left: -60px;}
#quote-carousel .carousel-control.right { right: -60px;}
#quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px;}
#quote-carousel .carousel-indicators li { width: 50px; height: 50px;  margin: 5px; cursor: pointer;
    border: 4px solid #CCC;border-radius: 50px;opacity: 0.4; overflow: hidden;transition: all 0.4s;}
#quote-carousel .carousel-indicators .active { background: #fff; width: 85px; height: 85px; border-radius: 100px; border-color: #e85b08; opacity: 1;  overflow: hidden;}
.carousel-inner { }
.item blockquote { border-left: none;margin: 0;}
.item blockquote p:before {  content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px;}
.testi h1 { width: 100%; float: left;height: auto; text-align: center;
    font-size: 24px; font-weight: 600; color: #254d97;font-family: 'Montserrat', sans-serif;}

.bg1{ background-color:red;padding:50px 0px; transition:0.6s all ease-in;}
.bg1:nth-child(1) { background:rgba(85, 94, 119, 0.93); }
.bg1:nth-child(2) { background:rgba(109, 119, 85, 0.98);}
.bg1:nth-child(3) { background: rgba(119, 85, 85, 0.98);}
.bg1:nth-child(4) { background: rgba(100, 73, 108, 0.93);}
.nopadding{ margin:0px!important; padding:0px!important;}

.bg1:nth-child(1):hover { background:#555e77; cursor:pointer;border: solid 10px #3a4258; padding: 40px;}
.bg1:nth-child(2):hover {  background:#6d7755; cursor:pointer;border: solid 10px #4a5434; padding: 40px;}
.bg1:nth-child(3):hover { background:#775555; cursor:pointer; border: solid 10px #603939; padding: 40px;;}
.bg1:nth-child(4):hover { background:#64496c; cursor:pointer;border: solid 10px #573960; padding: 40px;}


.footer { width: 100%; float: left; height: auto; font-family: 'Montserrat', sans-serif; background-color: #1b1f22; padding: 36px 0px;}
.last{ width:100%; float:left; height:auto;}
.last h1{ width:100%; float:left; height:auto; font-size:13px; color:#919191; font-weight:300;     text-transform: uppercase;}
.last p{text-shadow: 0px 0px 0px #080707; width:100%; float:left; height:auto; font-size:13px; color:#e6e6e6; line-height: 20px;}

.last2{ width:100%; float:left;}
.last2 a{ color:#e6e6e6; padding:5px 0px 2px 0px; float:left; font-size:13px;text-shadow: 0px 0px 0px #080707;}
.last2 a:hover{ color:#fff;}
.ao{ width:100%; float:left; height:auto;    padding: 13px 0px 5px 0px; font-family: 'Quicksand', sans-serif; font-size: 13px;     background-color: #333; border-top: 1px solid #444; color:#a7a7a7;}
.ao-logo{ float:right; }
.last p i{    color: #fff;  padding: 7px 4px 7px 11px; border-radius: 4px; background-color: #595756;
    margin-right: 5px;  margin-top: 7px; transition:0.5s all ease;}

.last p i:hover{ background-color:#3c3b3a;}
.last3{ width:auto; float:left;}
.last3 a{    font-size: 12px; padding: 3px 10px;  margin: 0 5px 5px 0; display: block;
    border: 1px solid #444;  text-decoration: none; color:#fff;}

.last p i:nth-child(1) { background:rgba(85, 94, 119, 0.93);}
.last p i:nth-child(3) { background:red;}



@media screen and (min-width:320px) and (max-width:768px){
.inq { position: static; margin-top:15px;}
.f1 { width: 100%;  padding: 10px;  margin: 0px 0px;}
.f2 { height: 34px;}
.but1 a { padding: 7px 26px; font-size: 10px;}
.but2 a { padding: 7px 26px; font-size: 10px;}	
	
.banner{ width:100%; float:left;}	
.header { width: 100%; float: left; height: auto;}	
.logo { width: 100%; float: left; text-align:center;}
.logo img{ width: 80%;}	
.navi {  width: 96%; float: left;padding: 0px 20px; margin: 0px 2%;}	
.top1{float: left; width: 48%;  font-size: 12px!important; padding: 9px 12px!important; margin-right: 5px!important;}	
.top2{float: left; width: 100%;  font-size: 11px!important; margin-right: 5px!important; margin-top:5px;}			
.main {  padding: 40px 2%;}	
.main h1, .c1 h1 { font-size:18px;}	
.main p, .c1 p { font-size:14px;}		
.ao-logo{ float:left; width:100%; text-align:center; margin-top:6px;}	
.ao{ text-align:center;}  	
.carousel-inner { min-height: auto;}
#quote-carousel .carousel-control.right { right: 0px; top: 30%;}
.sea { width: 100%;padding: 23px 0px 9px 0px; background: linear-gradient(0deg, rgb(255, 248, 232), rgb(255, 248, 232), rgb(255, 248, 232));  margin-top: 0px; z-index: 99999; position: static;}
.f1{ margin-bottom:30px;}
.f1 h3 { margin-top: 69px; color:black; text-shadow:none;}
.f4 { width: 100%;  margin: 0% 0px; position:static;}
.l1 {width: 100%;}
.f5 { height: 34px;}
.l2 {width: 100%;}
.jump2{ height: 34px;}



	}





@media screen and (min-width:769px) and (max-width:1000px){
.header { width: 100%; float: left; height: auto;}	
.logo { width: 100%; float: left; text-align:center; margin-top:12px;}
.logo img{ width: 100%;}	
/*.navi {  width: 100%; float: left;padding: 0px 20px; margin: 0px 2%;}*/
/*.top1{float: left; width: 30%;  font-size: 12px!important; padding: 9px 12px!important; margin-right: 5px!important;}	
.top2{float: left; width: 30%;  font-size: 11px!important; margin-right: 5px!important; margin-top:0px;}	*/	
.banner h1 { font-size: 24px;line-height: 37px; margin-top:22%;}	
.main h1, .c1 h1 { font-size:20px;}	
.main p, .c1 p { font-size:15px;}		
.sea { width: 100%;padding: 23px 0px 9px 0px; background: linear-gradient(0deg, rgb(255, 248, 232), rgb(255, 248, 232), rgb(255, 248, 232));  margin-top: 0px; z-index: 99999; position: static;}
.f1{ margin-bottom:30px;}
/*.f1 h3 { margin-top: 69px; color:black; text-shadow:none;}*/
.f4 { width: 55%;  margin: 0% 0px;}
.l1 {width: 55%;}
.f5 { height: 35px;}
.l2 {width: 45%;}
.jump2{ height: 35px;}
#quote-carousel .carousel-control.right { right: 0px; top: 30%;}
.inq {  position: absolute;top: 33%;}	
.box { width: 100%; height: 80px;}

	}

@media screen and (min-width:1001px) and (max-width:1200px){.inq {  position: absolute;top: 33%;}	}