@charset "utf-8";
/* Author : Govi  */
 
 

/***************** Simple Change **************/
.mainbg {background: #0092D5;}
.maincr { color:#06C; }
.maincr ul li { color: #4B89DC;}
.maincr ul li a { color: #fff;}
.maincr ul li a:hover { color:#A4D7FD}
.white { color:#fff; }
.black { color:#fff; }
.mybtn { background: #4B89DC; border:none;  }
.mybtn:hover { background: #3173CB; border:none; }
.myframe { border:#4B89DC 1px solid !important; }
.maincr a { color: #4B89DC;}
a { color: #4B89DC;}


.min  {        width: 265px;
    height: 144px;
    margin: 0px 4px 5px 3px; }

 
.vvidoe {width:800px; height:auto; float:left; margin:15px 0px 20px 120px; }


 
 
.ins {  
    margin: 5px 12px 12px 15px !important;
    
    width: 336px !important;
    height: 464px !important;
     
}
 
.insp { font-size:15px !important; line-height:25px !important; text-align:justify !important; margin:9px 22px 0px 22px !important;  } 
 
 
 
.brand {     width: 264px;
    height: 67px;
    position: absolute;
    margin:22px 0px 0px 0px;
    background: url(../images/brand.png);
    z-index: 9999999;
    right: 10px; }
 

.home_hea_a {     font-size: 29px;
    margin: 23px 0px 17px 0px;
    text-align: left;
    font-weight:bold; border-bottom:#b9e0f3 1px solid; padding-bottom:5px;    }
	
	
.home_hea_b {        font-size: 42px;
    margin: 30px 0px 23px 14px;
    text-align: center;
    
    /* text-transform: uppercase; */
    font-family: 'Pacifico', cursive; font-weight:100;  }
	
	
	
.home_hea_c { font-size:38px; margin:-20px 0px 15px 0px; text-align:center;  font-weight: normal; }
.home_hea_f { font-size:22px; margin:10px 0px 12px 0px; text-align:left;  font-weight:bold;   }
.home_hea_g { font-size: 38px; margin: -2px 0px -4px 0px; text-align: center; font-weight: normal; }

.home_text_a {     font-size: 15px;
    line-height: 27px;
    text-align: justify;
    margin: 0px 0px 10px 0px; color:#fff    }
	
	
.home_text_e { font-size:20px; line-height:28px; text-align:justify; margin:0px 0px 10px 0px; color:#03F;   }
 

.inner_hea_a {     font-size: 31px;
    margin: 38px 0px 22px 0px;
    text-align:center;
    font-weight: bold;  }
	
	
.inner_hea_f {     font-size: 31px;
    padding:38px 0px 22px 0px !important;
    text-align: left;
    font-family: 'Pacifico', cursive; font-weight:100; text-align:center;  }	
	
	
.inner_hea_i {    font-size: 22px;
    margin: 25px 0px 9px 4px !important;
    text-align: left;
    font-weight: normal;
    color: #F30;  }		
	
	
.inner_hea_b { font-size:30px; margin:22px 0px 4px 0px; text-align:left;  font-weight: normal;  } 
.inner_hea_c { font-size:30px; margin:18px 0px 2px 0px; text-align:left;  font-weight: normal;  } 
.inner_hea_d { font-size:22px; margin:5px 0px 5px 0px; text-align:center;  font-weight: normal; } 
   
.inner_text_a { font-size: 16px; line-height: 29px; text-align: justify; margin: 0px 0px 10px 0px; }
.inner_text_b { font-size:15px; line-height:26px; text-align:justify; margin:0px 0px 10px 0px;  }
.inner_text_c {font-size:15px; line-height:26px; text-align:justify; margin:0px 0px 10px 0px;   }
.inner_text_d {font-size:15px; line-height:26px; text-align:center; margin:0px 0px 10px 0px;   } 
 

.send { color:#F00; margin:8px 5px 2px 0px; }


  
.act {  }
.act2 { border-bottom: #4B89DC 1px solid; color: #4B89DC; } 
.act2:hover { border:none; color:#F30 }  
  
  
/***************** Basic **************/ 
@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensans-regular-webfont.woff2') format('woff2'),  url('../fonts/opensans-regular-webfont.woff') format('woff'),  url('../fonts/opensans-regular-webfont.ttf') format('truetype'),  url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/************** Basic ***************/
* {margin: 0 auto; padding: 0; outline: none;}
.both {clear: both}
a { text-decoration: none; outline: none; }
img { border: none;}
body {font-size: 14px; font-family: 'open_sansregular'; color: #333; background:#e7f6fd; font-weight: normal;}
h1 , h2{ font-weight: normal; }
.wrapper { width: 1100px; height: auto; margin-left: 0 auto; margin-right: 0 auto;}
.myrow {width:100%; height:auto; float:left;}
.myblk {width:auto; height:auto; }
.myleft { float:left; }
.myright { float:right; }



.c1 { background:#df5f82; } 
.c2 { background:#3baeda; } 
.c3 { background:#967bdc; } 
.c4 { background:#36bc9b; } 
.c5 { background:#ffab00; } 
.c6 { background:#8cc051; } 
.c7 { background:#e9573e; } 
.c8 { background:#4b89dc; } 





.b1 { border:#df5f82 3px solid; } 
.b2 { border:#3baeda 3px solid; } 
.b3 { border:#967bdc 3px solid;} 
.b4 { border:#36bc9b 3px solid; } 
.b5 { border:#ffab00 3px solid; } 
.b6 { border:#8cc051 3px solid; } 
.b7 { border:#e9573e 3px solid; } 
.b8 { border:#4b89dc 3px solid;} 





 
.rd { background:#3e3e3f}
.rd:hover { background:#3e3e3f; } 
 
 
.lst_mr { margin-right:0px !important} 
.lst_ml { margin-left:0px !important}  




  
/***************** Header **************/
.header {      width: 100%;
    height: 78px;
    float: left;
    background: #081161;
    border-top: #ffae00 3px solid;
    position: fixed;
    z-index: 9999;  }
.logo {
   width: 145px;
    height: auto;
    float: left;
    margin: 2px 0px 0px -2px;
}
.logo img { width: 100%; height: auto; }
.logo_right {      width: 589px;
    height: auto;
    float: left;
    margin: 8px 0px 0px 38px;
    text-align: right;
} 
 
 .sc {     border: #ccc 1px solid;
    padding: 1px 0px 0px 0px !important;
    margin: 10px 3px 0px 8px !important; }
 
.soc {     width: 91px;
    height: auto;
    float: right;
    margin: -41px -7px 0px 0px; }
.soc ul li { float:left; margin:0px 0px 0px 0px; list-style:none;}
 
 
 
 
.logo_right2 {      width: 260px;
    height: auto;
    float: left;
    margin: -29px 0px 0px 575px;
    background-position: 9% 48%;
    padding: 1px 4px 0px 33px;
    font-size: 17px;
    line-height: 25px;
    text-align: left;
    color: #F30;  }
	
.sms { width:30px; }


	
.logo_right3 { width:100px;
    height: auto;
    float: right;
    margin: -27px -11px 0px 0px;
    background-position: 9% 52%;
    padding: 1px 4px 0px 14px;
    font-size: 17px;
    line-height: 25px;
    text-align: right;
    color: #F30;  }	
	

 
.mobilees  {
           background: url(../images/phicon.png) no-repeat;
    background-position: 1% 76%;
    padding: 1px 0px 0px 34px;
    font-size: 17px;
    line-height: 25px;
    text-align: left;
    color: #fff;
}


.social1  {
        background: url(../images/phicon.png) no-repeat;
    background-position: 30% 78%;
    padding: 1px 0px 0px 42px;
    font-size: 17px;
    line-height: 25px;
    text-align: right;
    color: #fff;
}



 
 
.logo_right ul { }
.logo_right ul li {   font-size: 15px;
    float: left;
    padding: 3px 9px 3px 0px;
    list-style: none;
    margin: 18px 22px 0px 0px;
    float: left;
    color: #e6fefe;
    text-align: right; }   
	
	
.logo_right li a { color:#e6fefe; text-transform:uppercase;     }
.logo_right li a:hover { color:#f6df00 } 
 
 
 
 
 
   
.testim { background:#51B948; }
.done { background:#EB4138;  }
.dtwo { background:#51B948; }
.dthree { background:#0167AF; }
.dfour { background:#FFC423; }



 
 
 
 
/***************** Slider **************/
.sliderr {     width: 100%;
    height: auto;
    float: left;
    background: #fff; margin-top:80px;   }
	
	
	
.sliderr .blk {     width: 100%;
    height: 690px;
    float: left;
     }


.down {width:100%; height:63px;  }	
	
	
	
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.rslides {
	margin: 0 auto 40px;
}
#slider2, #slider3 {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 auto;
}
.rslides_tabs {
	       position: absolute;
    right: 13px;
    bottom: 29px;
    z-index: 999;
}
.rslides_tabs li {
	display: inline;
	float: none;
	margin-right: 1px;
}
.rslides_tabs a {
	    width: auto;
    line-height: 20px;
    padding: 7px 7px;
    height: auto;
    background: #0b73d7; border-radius:50%;
    color: #fff;
    display: inline;
    font-size: 0px;
    margin-right:6px;
}
.rslides_tabs li:first-child {
	margin-left: 0;
}
.rslides_tabs .rslides_here a {
	background:#fff200;
	color: #fff;
	font-weight: bold;
}
.callbacks_container {
	position: relative;
	float: left;
	width: 100%;
}
.callbacks {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.callbacks li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.callbacks img {
	display: block;
	position: relative;
	z-index: 1;
	height: auto;
	width: 100%;
	border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	background: #000;
	background: rgba(0,0,0, .8);
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
}
.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 52%;
	left: 0;
	opacity: 0.4;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none; 
	height: 38px;
	width: 38px; background:url(../slider/themes.gif) no-repeat 8% 43%;
	margin-top: -45px;  -moz-border-radius:50%;
border-radius: 50%;
}

.callbacks_nav:hover {opacity: 1.0; }


.callbacks_nav:active {
	opacity: 1.0;
}
.callbacks_nav.next {
	left: auto;
	background-position: right 42%;
	right: 0;
}
#slider3-pager a {
	display: inline-block;
}
#slider3-pager img {
	float: left;
}
#slider3-pager .rslides_here a {
	background: transparent;
	box-shadow: 0 0 0 2px #666;
}
#slider3-pager a {
	padding: 0;
}
 @media screen and (max-width: 600px) {
h1 {
	font: 24px/50px;
}
.callbacks_nav {
	top: 47%;
}
}
 










/***************** Aboutblk **************/
.aboutblk { width: 100%; height:auto; float: left;  width: 100%;
    height: auto;
    float: left;
    padding: 59px 0px 32px 0px;
    background: #0072bc; background:#0072bc;     }
.aboutblk .left {    width: 61%;
    height: auto;
    float: left;
    margin: 2px 10px 0px 0px; } 

.aboutblk .left h4 {     margin: 28px 0px 0px 0px;  }
.aboutblk .left h4 a {     background: #11109a;
    padding: 9px 19px 9px 23px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    margin: 25px 0px 0px 0px;
    font-weight: normal;  }
.aboutblk .left h4 a:hover {  background:#0b9361; }
.aboutblk .left p a { color:#fff; }
.aboutblk .left p a:hover { color:#FF0; }




.aboutblk .right {     width: 35%;
    height: auto;
    float: right;
    margin: 75px 0px 0px -13px;
    padding: 6px;  }  
.aboutblk .right ul li { width:100%; height:auto; float: left;  margin: 4px 13px 14px 9px; list-style: none; }
.aboutblk .right h2 {font-size:16px; font-weight:normal; margin:5px 0px 10px 5px; }
.aboutblk .right ul li p img {width:100%; padding:4px; border:#ccc 1px solid; background:#fff; }
.aboutblk .right ul li p img:hover {  }
.aboutblk .right ul li h5 { font-size: 20px;
   
    margin: 5px 0px 10px 0px;
    font-weight: bold; color:#0C6;    }
.aboutblk .right ul li h6 {text-decoration:underline; font-size:13px; font-weight:normal;  margin:0px 0px px 0px;   }
.aboutblk .right ul li h6 a:hover { color:#03F}
.respimg {max-width:100%; margin:10px 0px 0px 0px;  }
 
  
  
  
  
  
  
  
  
  
  
  
/***************** Clientsblk  **************/
.clientsblk { width: 100%; height:auto; float: left;  padding:5px 0px 45px 0px; } 

.cd-testimonials-wrapper {
	 position: relative;
    width: 90%;
    max-width: 768px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 20px 25px 50px 26px;
    z-index: 1;
}
.cd-testimonials-wrapper::after {
  /* quotation mark */
  content: '\201C';
  position: absolute;
  top: 10px;
  left: 0;
  width: 50px;
  height: 50px;
  padding-top: 8px;
  margin-left: -25px;
  background: rgba(32, 32, 34, 0.9);
  font-family: "Georgia", serif;
  color: #ffffff;
  font-size: 70px;
  font-size: 4.375rem;
  text-align: center;
  /* visible on big devices only */
  display: none;
}
 
.cd-testimonials li { list-style:none; } 
.cd-testimonials li p { font-family: "Georgia", serif; font-style: italic; font-size:18px; margin:26px 0px 5px 0px;
 line-height:30px; padding: 0 14px; color:#fff; text-align:center; }
 
.cd-testimonials li h5 { font-size: 16px;
    margin: 14px 0px 0px 12px;
    color: #fff;
    font-weight: normal;
    float: left;  }
	
.cd-author img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    float: left;
    margin: 9px 32px 0px 7px;
    margin-right: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.cd-author {width:300px; height:auto; margin:0 auto;}
 
.cd-author .cd-author-info li:first-child {
  font-size: 14px;
  font-size: 0.875rem;
}
.cd-author .cd-author-info li:last-child {
  font-size: 12px;
  font-size: 0.75rem;
  color: #6b6b70;
}

.flex-direction-nav li {
  position: absolute;
  height: 100%;
  width: 40px;
  top: 0;
}
.flex-direction-nav li:first-child {
  left: 0;
}
.flex-direction-nav li:last-child {
  right: 0;
}
.flex-direction-nav li a {
  display: block;
  height: 100%;
  width: 100%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.no-touch .flex-direction-nav li a:hover {
  background-color: #323234;
}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
  /* left and right arrows in css only */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 13px;
  background-color: #ffffff;
}
.flex-direction-nav li a::before {
  -webkit-transform: translateY(-35px) rotate(45deg);
  -moz-transform: translateY(-35px) rotate(45deg);
  -ms-transform: translateY(-35px) rotate(45deg);
  -o-transform: translateY(-35px) rotate(45deg);
  transform: translateY(-35px) rotate(45deg);
}
.flex-direction-nav li a::after {
  -webkit-transform: translateY(-27px) rotate(-45deg);
  -moz-transform: translateY(-27px) rotate(-45deg);
  -ms-transform: translateY(-27px) rotate(-45deg);
  -o-transform: translateY(-27px) rotate(-45deg);
  transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::before {
  -webkit-transform: translateY(-35px) rotate(-45deg);
  -moz-transform: translateY(-35px) rotate(-45deg);
  -ms-transform: translateY(-35px) rotate(-45deg);
  -o-transform: translateY(-35px) rotate(-45deg);
  transform: translateY(-35px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::after {
  -webkit-transform: translateY(-27px) rotate(45deg);
  -moz-transform: translateY(-27px) rotate(45deg);
  -ms-transform: translateY(-27px) rotate(45deg);
  -o-transform: translateY(-27px) rotate(45deg);
  transform: translateY(-27px) rotate(45deg);
}
 
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 



 
 

 
 

 

/***************** Whyusblk **************/
.selfblk  { width:100%; height:auto; float:left; padding:4px 0px 50px 0px; background:#fff; }

.selfblk ul li {     float: left;
    margin: 5px 12px 17px 15px;
    list-style: none;
    text-align: center;
    width: 323px;
    height:280px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); background:#fff; 
}

 
.selfblk ul li .box {    width: 96%;
    height: 155px;
    float: left;
    margin: 7px 0px 17px 7px; background:#fff;   }
	
	
.selfblk ul li .box img {width:100%; }	
	
	
	
	
.selfblk ul li .rnd {   width: 109px;
    height: 109px;
    float: left;
    margin: -75px 0px 11px 58px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;  }
.selfblk ul li .rnd p {  text-align: center;
    margin: 30px 0px 0px 0px;  }	
	
.selfblk ul li h3 { font-size: 18px;
    margin: 0px 0px 8px 0px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    clear: both;   }
.selfblk ul li p {     font-size: 13px;
    margin: 0px 8px 20px 5px;
    text-align: center;  }
.selfblk ul li h5 { font-size:14px; margin:25px 50px 0px 50px; text-align:center; }
.selfblk ul li h5 a {     font-size: 14px;
    margin: 0px 0px 0px 0px; font-weight:normal;
    text-align: center;
    color: #fff;
    padding: 7px 16px 8px 16px; text-transform:uppercase; }
.selfblk ul li h5 a:hover { background:#333; }
 




/***************** Whyusblk **************/
.concept  {   width: 100%;
    height: 550px;
    float: left;
  background:#062f05 !important; padding:18px 0px 23px 0px;  }
 
.concept ul {    margin: 21px 0px 27px 0px;
    display: block;
    float: left;  }
.concept ul li {     list-style: none;
    margin: 0px 17px 15px 18px;
    width: 240px;
    height: 150px;
    float: left;  } 
.concept ul li img { width:100%; border:#fff 8px solid; } 


  
.concept h5 { font-size:14px; margin:30px 50px 0px 50px; text-align:center; }
.concept h5 a {     font-size: 14px;
    margin: 0px 0px 0px 0px; font-weight:normal;
    text-align: center;
    color: #fff;
    padding: 7px 22px 8px 22px; text-transform:uppercase; background:#fff; color:#000; font-size:18px; text-transform:uppercase;   }
.concept h5 a:hover { background:#fff; } 
  
  
  
.connect  {   width: 100%;
    height: 523px;
    float: left;
  background:#fff; padding:18px 0px 23px 0px;  } 
  
.connect .cnleft { width: 70%;
    height: auto;
    float: left;
    margin: 10px 0px 0px 0px;  }  
.connect .cnright {     width: 27%;
    height: auto;
    float: right;
    margin: 83px 0px 0px 0px; }

.connect .cnleft ul {    margin: 47px 0px 0px 0px;  }
.connect .cnleft ul li {     width: 236px;
    height: 160px;
    float: left;
    margin: 9px 20px 0px 0px;
    list-style: none; }
.connect .cnleft ul li p { text-align: center;
    margin: 0px 0px 1px -10px; }
.connect .cnleft ul li h4 {     text-align: center;
    margin: 1px 0px 0px 0px;
    font-size: 18px;
    text-transform: uppercase;  }


  
  
  
  
.i1 { color:#cb3920}
.i2 { color:#12b266}
.i3 { color:#cb207c}
.i4 { color:#4720cb}
.i5 { color:#c9451e}
.i6 { color:#20c510}
 
 
 
 

/***************** Footer**************/
.copyright {width: 100%; height: 60px; float: left; background:#2c2b2b; }
.copyright .cleft {width:auto; height: auto;  float: left;margin: 22px 10px 0px 0px; color: #FFF; font-size: 14px; }
.copyright .ccentre {     width: auto;
    height: auto;
    float: left;
    margin: 12px 0px 0px 41px; }
.copyright .ccentre ul li { float: left;
    list-style: none;
    margin: 10px 6px 0px 31px; }

.copyright .cright {width: auto; height: auto; float: right; margin:22px 0px 0px 0px;color: #FFF;font-size: 14px; }
.copyright li a, .copyright a {color: #FFF;}
.copyright a:hover { color:#FF9}
.u { text-decoration:underline; }


 
.inbanner { width: 100%;
    height: auto;
    float: left;
    margin: 81px 0px 0px 0px;
    background: #0e518b;  }
.inbanner img { max-width:100%; height:auto; margin:15px 10px 15px 0px; }



/***************** Inner Pages**************/
.innerbody { width: 100%; height: auto; float: left; padding:0px 0px 20px 0px; background:#fff3e3;   }
.innerbody .innerblk { width:100%; min-height:450px; float: left; margin:0px 0px 25px 0px; }
.innerbody .innerblk .inrow {width:100%; height:auto; float:left; }
.innerbody .innerblk .inrow .one {  width: 174px;
    height: auto;
    float: left;
    background: none;
    margin: 7px 9px 3px 0px;  }
.innerbody .innerblk .inrow .one h3 {font-weight: normal;
    padding: 8px;
    color: #fff;
    margin-top: -5px;   }
.innerbody .innerblk .inrow .one img {width:100%;  }
.innerbody ul { margin:0px 0px 0px 20px;  }
.innerbody ul li {      font-size: 16px;
    margin: 0px 0px 0px 1px;
    line-height: 30px;  }

.gallery { padding:0px 0px 16px 0px; background:#fff3e3}
.book2 { margin-top:22px !important;}


.innerbody .fone { width:48%; height:auto; float:left; margin:10px 10px 10px 10px; }
.innerbody .fone img {width:98%; padding:6px; background:#fff; border:#ccc 1px solid;  }

.imgul li {width:250px !important; height:auto !important; float:left !important; margin:20px 20px 10px 0px !important; list-style:none !important;  }
.imgul li img {width:100% !important; list-style:none !important; background:#fff !important; border:#ccc 1px solid !important;  }
 
.facul { margin:0px 0px 0px 8px !important; }
.facul li {     margin: 3px 0px 0px 8px !important;
    line-height: 30px !important;
    list-style: outside !important;
    font-size: 16px; }
 
 
 
 
 
 
 
/***************** Team AboutUs**************/
.team {width:100%; height:auto; float:left; margin:0px 10px 0px 0px;  }
.team .tone { width: 100%;
    height: auto;
    float: left;
    margin: 0px 20px 20px 0px;
    background: #F7FBFD;
    border: #D1E8F9 1px solid; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);  }
 
.timg {width:200px; height:auto; float:left; margin:10px 10px 0px 10px; border:#DBDBDB 1px solid;  }
.simg { width:40px; } 
.aboutimg { width:400px; float:left; margin:10px 17px 0px 0px; }
.aboutimg2 {width:500px; border:#ccc 1px solid; margin:0 auto;  margin:10px 17px 20px 0px; }
.lrg { text-align:center; }


.ficon { background:#3A579B; width:30px; height:30px;     margin: 0px 2px 0px 0px;   }
.gicon {background:#E04A32;  width:30px; height:30px;     margin: 0px 2px 0px 0px;  }
.ticon {background:#53A2DB;  width:30px; height:30px;     margin: 0px 2px 0px 0px;  }
  
.ficon:hover { background:#363636;  } 
.gicon:hover { background:#363636;  }
.ticon:hover { background:#363636;  }
 
 
.wid2 { border-bottom:#D8EEFE 1px solid; padding-bottom:5px; margin:0px 0px 10px 0px; color:#09F; font-size:15px;  } 
.team .tone .tdeta { width:100%; height:auto; float:left; margin:0px 0px 0px 0px; }
.team .tone .ttxt { width:100%; height:auto; float:left; margin:0px 0px 0px 0px; }
.team .tone h3 { font-size:22px; margin:10px 10px 0px 15px; font-weight:normal ; color:#F30 !important }
.team .tone h4 { font-size: 15px ; margin:5px 10px 20px 14px; font-weight: normal; color: #F60; font-style: italic;  }
.team .tone h5 {
    font-size: 15px;
    border-bottom: #D8EEFE 1px solid;
    padding-bottom: 5px;
    margin: 14px 10px 12px 15px;
    font-weight: normal;
}
.team .tone p {  font-size: 15px;
    margin: 16px 12px 13px 15px;
    font-weight: normal;
    line-height: 24px;
    text-align: justify;  }



/***************** Inner Pages Services**************/
.sone {   width: 344px;
    height: 366px;
    float: left;
    margin: 9px 12px 11px 7px;
    background: #fff;
    border: #ccc 1px solid;
    -webkit-box-shadow: 3 4px 2px rgba(0,0,0,0.3);
    -moz-box-shadow:3 4px 2px rgba(0,0,0,0.3);
    box-shadow:3 4px 2px rgba(0,0,0,0.3); }
	
	
	
.sone h3 {}
.sone h3 img { width:100%; max-height:194px;  }



.sone h3 img:hover { opacity: 0.9; filter: alpha(opacity=90); }
.sone h4 {     font-size: 21px;
    text-align: center;
    margin: 3px 0px -4px 0px;
    font-weight: normal;
    text-transform: uppercase;  }
	
.sone h6 {     font-size: 15px;
    text-align: center;
    margin: 7px 119px 2px 115px;
    font-weight: normal;
    padding: 7px 7px 8px 8px;
    color: #fff;  }	
.sone h6 a { color:#fff;  }		
.sone h6:hover { background:#0061af;  }	
	
	
.sone p { font-size:14px; line-height:23px; margin:9px 18px 15px 15px; color:#333; text-align:justify;  }

.sone h4:hover { color:#F60}


/***************** Inner Pages Contact Us**************/
.innerbody .cleft {width:400px; height:auto; float:left; margin: 0px 40px 5px 0px;}  
.innerbody .cright {width:400px; height:auto; float:left; margin: 0px 0px 5px 0px; } 
.innerbody .address  {width:100%; height:auto; float:left;  margin:15px 0px 10px 0px; }
.innerbody .address .cone {width:28%; height:auto; float:left; padding:20px; margin:0px 16px 0px 0px;  }
.innerbody .address .cone h4 { font-size:22px; margin:0px 0px 15px 0px; color:#fff; text-decoration:underline }
.innerbody .address .cone p {     font-size: 16px;
    margin: 10px 0px 0px 10px;
    color: #fff;
    line-height: 28px; }



.innerbody .contact {width:100%; height:auto; float:left; margin:0px 0px 0px 0px; }
.innerbody .contact .cleft {width:40%; height:auto; float:left; }
.innerbody .contact .cright {width:40%; height:auto; float:left; margin:0px 20px 0px 20px;  }
.innerbody .contact h4 { font-size:22px; margin:18px 0px 15px 0px; text-decoration:underline; font-weight:normal; }
  
  
.add {width:100%; height:auto; float:left; margin:0px 0px 0px -15px; }  
.add ul { }
.add ul li { width: 307px;
    height:150px;
    float: left;
    margin: 0px 11px 12px 0px;
    list-style: none;
    
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: #ccc 1px solid;
    padding: 20px; 

 }

.add ul li h4 { color:#fff; font-size:29px; font-weight:normal; margin:10px 0px 19px 0px; text-align:center; text-transform:uppercase;    }
 
.add ul li h5 { font-weight:normal; font-size:16px; color:#093; margin:8px 0px 0px 0px;line-height:19px;   }
.add ul li p { font-size:16px; line-height:28px ; color:#fff ; text-align:center; }
 
  
.innerbody .innerblk table {width:100%; height:auto; }
.innerbody .innerblk table tr td { padding:0px 0px 0px 0px; }
.myinput {width: 100%;height: 31px;padding: 3px 3px 3px 10px;margin: 0px 0px 10px 0px;background: #fff; 
border: #5FB5F2 1px solid; font-family: 'open_sansregular'; color:#333; font-size: 14px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.myselect { width: 107%;
    height: 38px;
    padding: 3px 11px 3px 8px;
    margin: 1px 3px 10px 0px;
    background: #fff;
    border: #5FB5F2 1px solid;
    font-family: 'open_sansregular';
    color:#333;
    font-size: 14px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.mytextarea {width: 100%;height:76px; padding: 8px 3px 3px 8px;margin: 0px 0px 0px 0px;background: #fff; border: #5FB5F2 1px solid;
font-family: 'Open Sans', sans-serif; color:#333; font-size: 14px;  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.mybtn { width: 137px; height:43px; padding:8px; margin:5px 0px 0px 0px; 
font-family: 'open_sansregular'; color: #fff; font-size: 16px; text-transform: uppercase; cursor: pointer; } 
 
.ctable { padding:33px 0px 10px 0px; }
.ctable ul li { font-size:16px; line-height:28px; } 
.innerul { margin:4px 0px 0px 0px !important}  
 




 






 
@media only screen and (min-width: 768px) and (max-width: 1023px) {	
.selfblk ul li {
    margin: 0px 13px 13px 7px !important;
     
    width: 46% !important;
    
}
	
.concept ul li {
    margin: 0px 14px 18px 19px !important;
    width: 45% !important;
    
}	
.connect .cnleft ul {
    margin: 9px 0px 0px 0px !important;
}

.connect .cnleft {
    width: 50% !important;
    
    margin: -9px 0px 0px 0px !important;
}

.connect .cnleft ul li {
    width: 42% !important;
    
    margin: 9px 6px 5px 18px !important;
     
}

.connect .cnright {
    width: 26% !important;
    
    margin:84px 0px 0px 20px !important;
}

.copyright .ccentre ul li {
 
    margin: 8px 83px 0px 3px !important;
}

.vvidoe iframe { height:500px !important}



	
}





 
@media only screen and (max-width:1024px) {
.wrapper { max-width:95%; width:95%;  }
.logo {
    width: 97px;
    margin: 6px 0px 0px -2px;
}
.header { height:60px;  } 
.brand {    margin: 16px 0px 0px 0px;  }
.sliderr {    margin-top: 63px; }
.logo_right {
    display: none;
}
.logo_right2 {
    display: none;
}
.soc {
    display: none;
}

.aboutblk { padding:5px 0px 4px 0px; }

.sliderr {  height: auto;  }
.sliderr .blk { height: auto; }
.home_hea_a { font-size: 20px;
    margin: 9px 0px 17px 0px;
    text-align: center;
    font-weight: normal; }
.aboutblk .left { width: 100%; }
.makeap { display:none; }	
.home_text_a {     font-size: 14px;
    line-height: 22px;
    text-align: justify;
    margin: -2px 5px 10px 5px; }	
.home_text_p { font-size:20px; }
.home_text_e {font-size: 18px; line-height: 28px; text-align: left; margin: 0px 0px 1px 0px; color: #03F; }	
.aboutblk .right { width: 97%; display:none; }
.selfblk ul li { margin: 0px 0px 13px 3px; list-style: none; text-align: center;     width: 97%; height: auto;  }	
.cd-testimonials-wrapper { width: 86%; }
.fone { width: 99%; margin:10px 0px -10px 0px;}
.ftwo {  width: 99%; margin: 8px 0px 11px 0px;  }
.copyright { height:auto; padding-bottom:10px;  }
.copyright .cleft { width: 100%; text-align: center; margin: 13px 10px 0px 0px;   }
.copyright .cright { width: 100%; text-align: center; margin: 11px 0px 0px 0px; }
.inner_hea_a { font-size: 24px; margin: 4px 0px 4px 0px; text-align: left; font-weight: normal; }
.timg { width: 94%; margin:10px 10px 7px 10px;  }

.selfblk ul li .box {
    width: 96%;
    height: auto;
    
    margin: 7px 0px 8px 7px;
  
}
.selfblk ul li h3 {     margin: 0px 0px 8px 0px; }
.selfblk ul li h5 {
    
    margin: 19px 50px 19px 50px;
    
}
.team .tone h3 { font-size: 18px; margin: 10px 10px 0px 15px; font-weight: normal; color: #F30 !important; }
.team .tone h6 { margin:0px 0px 0px 14px; }
.photoGrid { padding:0px  ; }
.innerbody .fone { width: 98%; height: auto; float: left; margin: 10px 10px 0px 0px; }
.home_hea_f { font-size: 19px;  margin: 8px 0px 8px 0px; text-align: left; font-weight: bold; }
.sone { width: 100%; }
.innerbody .contact .cleft { width: 93%;
    text-align: center;
    margin: 2px 13px 0px 5px; }
.innerbody .contact .cright { width: 100%;
    text-align: center;
    margin: 11px 0px 21px 0px;   }
	
.copyright .ccentre {
    width: 100%;
    height: auto;
    float: left;
    margin: 6px 0px 0px 4px;
}	
	
.copyright .ccentre ul li {
    float: left;
    list-style: none;
    margin: 8px 6px 0px 3px;
}	
	
	
.myframe { border: #4B89DC 1px solid !important; max-width: 98% !important; }
.nav_mob { display:block !important;}
.logo_right { display:none;} 
.book { display:none; }
.nav { display:block !important; }
.book2 { display:block !important;}
.book2 { margin-top: 2px !important; width:100%;  }
.makeap { margin:0px 0px 0px 0px; height:auto; position:none !important; width:100%; height:auto; position:inherit !important;  }
.makeap .boxx { width:95%; margin: 15px 30px 0px -5px; }
.home_hea_b {     font-size: 32px;
    margin: 10px 0px 15px 0px;
    text-align: center;
    font-weight: normal; }
.makeap .boxx { width:92%}

.concept ul {
    margin: 5px 0px 27px 0px;
   
}
.concept ul li {
    
    margin: 0px 17px 9px 14px;
    width: 90%;
    height: auto; }
 
.concept ul li img {
    width: 100%;
    border: #fff 4px solid;
}
.gallery { height:auto; }
.concept h5 {  margin: 2px 50px 11px 50px;  }
.connect { height:auto; }
.connect .cnleft {
    width: 100%;
    height: auto;
    
    margin: -9px 0px 0px 0px;
} 
.connect .cnleft ul li {
    width: 41%;
    height: auto;
    float: left;
    margin: 9px 6px 5px 18px;
    list-style: none;}


.connect .cnright {
    width: 100%;
    height: auto;
    float: left;
    margin: 24px 0px 0px 20px;
}
.gallery {     padding: 30px 0px 16px 0px; }
.min {
    width: 100%;
    height: auto;
    margin: 0px 4px 5px 3px;
}
.inbanner {     margin: 63px 0px 0px 0px; }
.inner_hea_a {
    font-size: 22px;
    margin: 11px 0px 8px 0px;
    text-align: center;
    font-weight: normal;
}

.aboutimg {
    width: 100%;
    
    margin: 3px 17px 13px 0px;
}

.inner_text_a {
    font-size: 14px;
    line-height: 21px;
    text-align: justify;
    margin: 0px 7px 10px 4px;
}

.vvidoe {
    width: 100%;
    height: auto;
    float: left;
    margin: 8px 0px 20px 0px;
}

.vvidoe iframe {width:98% !important; height:auto !important; border:none !important }
.add {
    width: 100%;
    
    margin: 24px 0px 0px -15px;
} 

.add ul li {
    width: 100%;
    height: auto;
    float: left;
    margin: 3px 8px 6px 0px;
    list-style: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: #ccc 1px solid;
    padding: 7px;
}

.add ul li h4 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin: 2px 0px 4px 0px;
    text-align: center;
    text-transform: uppercase;
}

.add ul li p {
    font-size: 14px;
    line-height: 23px;
    color: #fff;
    text-align: center;
}

.innerbody .innerblk table tr td {
    padding: 0px 0px 0px 0px;
    text-align: left;
}
 
.brand {   width: 100px;
    height: 25px;
    position: absolute;
    margin: 12px 0px 0px 0px;
    background: url(../images/brand2.png);
    z-index: 999;
    right: 10px; }





}

 










/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav {
	position:relative;
	display:inline-block;
	font-size:14px;
	font-weight:900; z-index:999999;
}
.nav-list {
	text-align:left;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative; list-style:none; font-weight:normal;  
}
.nav-item a {
	display:block;
	color:#FFF;
	padding:15px 20px;
	background:#0889c4;
	border-bottom:1px solid #129fe0;
}
.nav-item > a:hover {
	background:#0f9bdb;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.nav-submenu-item a {
	background:#8B2770;
	border-bottom:1px solid #9A337E;
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {
	background:#932C77;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:url(../images/resicon.png) no-repeat center center;
	background-size:18px;
	height:50px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #8B2870;
	height:49px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../img/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:#6E1656;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 768px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
}

.nav { display:none;}
 




 

.nav { display:none;}
 
 
 

.cntbg { background:url(../images/bb.jpg) !important  }








