@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lobster);
/* CSS Document font-family: 'Lobster', cursive; */
 
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	background:#ffffff;
	padding:0;
	margin:0;
	font-family:'Open Sans', sans-serif;
	font-size:14px; color:#555555; line-height:22px; font-weight:400;
	border:0px; 
}

.fl { float:left !important;}
.fr { float:right !important;}

.tR { text-align:right !important;}
.tC { text-align:center !important;}
.tL { text-align:left !important;}
.tJ { text-align:justify !important; }

.tCp{text-transform:capitalize !important;}
.tUp{text-transform:uppercase !important;}
.tLp{text-transform:lowercase !important;}

.vtop{vertical-align: top;}
.vmid{vertical-align: middle;}
.vbot{vertical-align: bottom;}

.b, strong, .txtbold {
    font-weight: 600;
}

.dIB{display:inline-block !important;}
.dB{display:block;}
.dI{display:inline;}

.fO{font-family:'Open Sans', sans-serif;} 

.clear { clear:both; height:0px; padding:0px; margin:0px; }

p { margin-bottom:10px;}

/*************************************
	CSS3 animation for every anchor tag
**************************************/
a {
	color:#337ab7;
	transition: color 0.4s ease-out 0s; text-decoration:none; outline:none;
}
a:hover, a:focus {
	color: #2b699e;
	text-decoration:none;
}

a > img { outline:none !important; border:0px; }

.mh500{min-height:500px;}

.white-txt{ color:#ffffff !important; } 
.black-txt{ color:#333 !important; } 
.blue-txt{ color:#33ccff;} 
.grn-txt{ color:#52b400; } 
.dblue-txt { color:#337ab7;}

.grn-bg { background-color:#80cd3f;}
.blue-bg { background-color:#25bce9;}
.cGy-bg { background-color:#dedede;}

.s0{font-size:0px;}
.s9{font-size:9px;}
.s10{font-size:10px;}
.s11{font-size:11px;}
.s12{font-size:12px;}
.s13{font-size:13px;}
.s14{font-size:14px;}
.s15{font-size:15px;}
.s16{font-size:16px;}
.s17{font-size:17px;}
.s18{font-size:18px;}
.s19{font-size:19px;}
.s20{font-size:20px;}
.s21{font-size:21px;}
.s22{font-size:22px;}
.s23{font-size:23px;}
.s24{font-size:24px;}
.s25{font-size:25px;}
.s27{font-size:27px;}
.s28{font-size:28px;}
.s30{font-size:30px;}
.s32{font-size:32px;}
.s70{font-size:70px;}
.s35{font-size:35px;}

.lh24{line-height:24px;}
.lh30 { line-height:30px; }


hr { border-color:#E5E6E8; }

/*************************************
	Heading Typography
**************************************/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {  font-family: 'Oswald', sans-serif; line-height: 1.1;  color: #33ccff; margin-bottom:10px; font-weight: 400;}

h1,.h1{
    font-size: 20px; 
	color: #33ccff; margin:0px 0px 15px 0px; padding:0px 0px 15px 0px;  
}
h1 span,.h1 span { color: #52b400; }

h2,.h2{
	font-size: 18px; 
}  

h2.cBK,.h2.cBK{
	color:#000;
} 
 
h3,
.h3 {
  font-size: 16px;
}
h4,
.h4 {
  font-size: 16px;
}
h5,
.h5 {
  font-size: 13px; 
}
h6,
.h6 {
  font-size: 13px; 
}

/*************************************
	Custom Width style
**************************************/

.w10{width:10px;}
.w15{width:15px;}
.w20{width:20px;}
.w25{width:25px;}
.w30{width:30px;}
.w35{width:35px;}
.w40{width:40px;}
.w45{width:45px;}
.w55{width:55px;}
.w50{width:50px !important;}
.w57{width:57px;}
.w60{width:60px;}
.w65{width:65px;}
.w70{width:70px;}
.w75{width:75px;}
.w80{width:80px;}
.w85{width:85px;}
.w90{width:90px;}
.w95{width:95px;}
.w100{width:100px;}
.w105{width:105px;}
.w110{width:110px;}
.w115{width:115px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w145{width:145px;}
.w150{width:150px;}
.w155{width:155px;}
.w160{width:160px;}
.w165{width:165px;}
.w170{width:170px;}
.w175{width:175px;}
.w180{width:180px;}
.w185{width:185px;}
.w190{width:190px;}
.w200{width:200px;}
.w205{width:205px;}
.w210{width:210px;}
.w215{width:215px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w255{width:255px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w290{width:290px;}
.w300{width:300px;}
.w310{width:310px;}
.w315{width:315px;}
.w320{width:320px;}
.w330{width:330px;}
.w335{width:335px;}
.w350{width:350px;}
.w360{width:360px;}
.w370{width:370px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w430{width:430px;}
.w440{width:440px;}
.w445{width:445px;}
.w450{width:450px;}
.w458{width:458px;}
.w460{width:460px;}
.w470{width:470px;}
.w480{width:480px;}
.w490{width:490px;}
.w500{width:500px;}
.w510{width:510px;}
.w515{width:515px;}
.w520{width:520px;}
.w530{width:530px;}
.w540{width:540px;}
.w550{width:550px;}
.w560{width:560px;}
.w570{width:570px;}
.w580{width:580px;}
.w590{width:590px;}
.w600{width:600px;}
.w625{width:625px;}
.w650{width:650px;}
.w655{width:655px;}
.w670{width:670px;}
.w690{width:690px;}
.w700{width:700px;}
.w715{width:715px;}
.w730{width:730px;}
.w760{width:760px;}
.w800{width:800px;}
.w825{width:825px;}
.w850{width:850px;}
.w870{width:870px;}
.w875{width:875px;}
.w900{width:900px;}
.w925{width:925px;}
.w950{width:950px;}
.w960{width:960px;}

/*************************************
	margin top, bottom custome style
**************************************/
.m0{margin:0 !important;}
.m2{margin:2px;}
.m3{margin:3px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
 
.mR0{margin-right:0px !important;}
.mR5{margin-right:5px;}
.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR30{margin-right:40px;}
.mR40{margin-right:40px;}

.mB0{margin-bottom:0 !important;}
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}

.mT0{margin-top:0 !important;}
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
 
.mL0{margin-left:0 !important;}
.mL5{margin-left:5px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL30{margin-left:30px;}
.mL40{margin-left:40px;} 

.mRL5{margin:0px 5px;}
.mRL10{margin:0px 10px;}
.mRL20{margin:0px 20px;}
 
.mTB5{margin:5px 0px;}
.mTB10{margin:10px 0px;}
.mTB20{margin:20px 0px;}
 
 
/*************************************
	padding top, bottom custome style
**************************************/
.p0{padding:0 !important;}
.p2{padding:2px;}
.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
 
.pR0{padding-right:0px !important;}
.pR5{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR30{padding-right:40px;}
.pR40{padding-right:40px;}

.pB0{padding-bottom:0 !important;}
.pB5{padding-bottom:5px;}
.pB10{padding-bottom:10px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}

.pT0{padding-top:0 !important;}
.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
 
.pL0{padding-left:0 !important;}
.pL5{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL30{padding-left:30px;}
.pL40{padding-left:40px;} 

.pRL5{padding:0px 5px;}
.pRL10{padding:0px 10px;}
.pRL20{padding:0px 20px;}
 
.pTB5{padding:5px 0px;}
.pTB10{padding:10px 0px;}
.pTB20{padding:20px 0px;}

.bB { border-bottom:1px dashed #ccc;}

/*************************************
	Website CSS 
**************************************/

.TopList li{ color:#fff; font-size:14px; font-weight:600; margin-left:5px;  border-left:1px solid #C6E3AE; margin-top: 3px;  }
.TopList li:first-child { margin-left:0px;  border-left:0px solid #C6E3AE; }
.TopList li i { font-size:16px; margin-left:5px; margin-right:5px;}  

.TopListRight {list-style:none; margin: 3px 0px; padding: 0px; float: right; }
.TopListRight li { float:left; color:#fff; font-weight:600; margin-left:5px; }
.TopListRight li a { float:left;   }
.TopListRight li a img { transition: all 0.4s ease-out 0s; display:block;}
.TopListRight li a:hover img { opacity:0.5;} 

.mainslider { margin-bottom:30px;}
.mainslider  .carousel-control { width:7%; text-shadow:none;}
.mainslider  .carousel-control i { position: absolute;  top: 50%; z-index: 5; display: inline-block; right: 50%; width: 30px; height: 30px; margin-top: -15px; margin-right: -15px; font-size: 17px; line-height:30px; color:#fff; background-color:#839da9; border-radius:100%; } 
.mainslider  .carousel-caption { padding-bottom: 0px; background-color:rgba(0,0,0,0.2);   }
.mainslider  .carousel-caption  h2 { font-size:30px; text-transform:uppercase; text-shadow:1px 1px #000;}
.mainslider  .carousel-caption p{ font-size: 16px; font-weight: 600;}

.imgBdr { border:1px solid #c4c4c4; padding:2px;}

.SlideList li { padding-left:15px; background:url("../images/listarrow.png") no-repeat left 7px; padding-bottom:5px; margin-bottom:5px; }
 .SlideList li a{color: #555; font-size: 13px; font-weight: 600; line-height:normal;} 
 .SlideList li a:hover { color: #5BC0DE; }
 .SlideList li ul { margin:0px; padding:0px; list-style:none; margin-top:5px; }
 .SlideList li ul li { background:url("../images/listarrow02.png") no-repeat left 7px; padding-bottom:2px; margin-bottom:2px;  }
  .SlideList li ul li  a { color:#888;}
  
  .ClientSlider { margin-bottom:30px;}
  .ClientSlider .item  img { border:1px solid #f0f0f0;}
  .ClientSlider  .carousel-control { width:auto; text-shadow:none;}
.ClientSlider  .carousel-control.left  { left:-15px;}
.ClientSlider  .carousel-control.right  { right:-15px;}
.ClientSlider  .carousel-control i { position: absolute;  top: 50%; z-index: 5; display: inline-block; right: 50%; width: 30px; height: 30px; margin-top: -15px; margin-right: -15px; font-size: 30px; color:#999; } 

label.error { color:rgb(255, 0, 0); font-size: 12px; font-weight: 400;}


/* Footer-content  */
.footer { background-color:#999999; border-top:5px solid #666666;  padding-top:10px;  }
 
.footer address { color:#d6d6d6; margin-bottom: 20px; font-style: normal; line-height: 1.42857; }
.footer address a { color:#fff;}

.footer h4 { color:#ffffff; padding-top:10px; font-weight:400; margin-bottom: 15px; text-transform:uppercase;}
.footer p{ color:#d6d6d6;}
.footer p a { color:#fff;}
.footer p a:hover { color:#fff;} 

.footer_bottom { background-color:#666666; color:#cccccc; padding-top:15px; padding-bottom:15px; }
.footer_bottom p { color:#3b6fa4; }
.footer_bottom p a { color:#9cc0e4;}
.footer_bottom p a:hover { color:#fff; }

.footer .SlideList li { background:url("../images/listarrowite.png") no-repeat left 7px;  padding-bottom: 0px;  
      margin-bottom: 0px; }
.footer .SlideList li a{color: #d6d6d6;} 
.footer .SlideList li a:hover { color: #fff; }



.footlist li { padding-left:10px; margin-left:10px; border-left:1px solid #1a4674;}
.footlist li a { color:#9cc0e4; }
.footlist li a:hover { color:#fff;}
.footlist li:first-child { border:0px; padding-left:0px; margin-left:0px;}

.tabnavcontent >.tab-pane { 
    padding: 70px 10px 20px 10px ;
}
 
.tabnav li a {
   font-size: 15px;
   font-weight: bold;
   text-transform: uppercase;
   outline: none;
}

.tabnav li.ui-tabs-active a {
   background-color: #2b699e; 
   color: #fff;
}

.tabnav {
     margin-top: 20px;
  }

/*************************************
	back-to-top styles
**************************************/
.back-to-top {
	position:fixed;
	z-index:999;
	bottom: 3%;
	right: 3%;
	text-decoration: none; 
	padding: 0px;
	display: none; text-align:center; width:32px; height:32px; opacity:1; 
}

.modal_div {
    background-image: url(../images/balck_trans.png);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: fixed;
    z-index: 999999999;
    display: none;
}

.popup {
    position: fixed;
    background-color: #fff;
    top: 50%;
    left: 50%;
    z-index: 99999999999;
    border-radius: 10px;
    display: none;
}

.close_popup {
    width: 38px;
    height: 38px;
    background-image: url(../images/close_popup.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -12px;
    right: -12px;
    cursor: pointer;
}

.popup_content{
	padding:10px;
 }


 .logo { display: block; position: relative; left: -15px;  } 

/*************************************
	custom media quries
**************************************/
@media screen and (min-width: 768px){
    .MainMenu .navbar-collapse { padding-right: 0px;  padding-left: 0px; }
    .MainMenu  .navbar-default { background-color: transparent; border-color: transparent; float:right; }
  .MainMenu  .navbar{border-radius: 0px; height: auto; margin-bottom: 0px; margin-top:30px;} 
  .MainMenu  .navbar-default .navbar-nav > li { margin-left:5px; margin-right:5px;}
  .MainMenu  .navbar-default .navbar-nav > li > a { color:#333; text-transform:uppercase; font-weight:600; padding:10px 6px; font-size:13px;}
  .MainMenu  .navbar-default .navbar-nav > li > a:hover { background-color:#25bce9; color:#fff; border-radius: 4px; }
  .MainMenu  .navbar-default .navbar-nav > li.active > a, 
  .MainMenu  .navbar-default .navbar-nav > li.active > a:hover { background-color:#25bce9; color:#fff; border-radius: 4px;  }
  
 }

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

     .container { width:100% !important; }
    
}
 
@media screen and (max-width: 1099px)  { 
  .MainMenu  .navbar-default .navbar-nav > li > a {  padding:10px 4px; font-size:12px;}
    
}

@media screen and (max-width: 991px) { 
.MainMenu .navbar-default .navbar-nav > li {
    margin-left: 2px;
    margin-right: 2px;
}
   .MainMenu .navbar-default .navbar-nav > li > a { 
    font-size: 11px;
    text-transform: capitalize;
}

.logo { text-align: center;}
.logo a { display: block;  left: 0px !important; margin-top: 15px;  }
 

} 


 @media screen and (min-width: 768px) and (max-width: 991px)  {
   .logo a img { width: 100%  }
}
 
 @media screen and (max-width: 767px){
    
 }
 
@media screen and (min-width: 640px) and (max-width: 767px)  {
   
}


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

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