@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:#fff;
	padding:0;
	margin:0;
	font-family:'Open Sans', sans-serif;
	font-size:14px; color:#555; line-height:22px;
	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; }

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

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


.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:#00A6E4;
	transition: color 0.4s ease-out 0s; text-decoration:none; outline:none; 
}
a:hover, a:focus {
	color: #ff9933;
	text-decoration:none;
}

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

.blue-txt{ color:#1c346e;} 
.org-txt{ color:#ff9933; } 
.red-txt { color:#ff221c;}
.cbk-txt { color:#000;}

.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: 'Open Sans', sans-serif;  font-weight:normal;  line-height: 1.1;  color: #384E99; margin-bottom:10px;}

h1,.h1{
    font-size: 30px;
	font-weight: 400;
	color: #00a6e4; margin:10px 0; padding:0; 
}
h1 span,.h1 span { color: #ff9934; }
h2,.h2{
	font-size: 18px;
}
h2.innerh2 { margin-top: 10px;
                font-size: 15px;
                font-weight: 600;  line-height:20px; 
    }
h3,
.h3 {
  font-size: 16px;
}
h4,
.h4 {
  font-size: 16px;
}
h5,
.h5 {
  font-size: 13px; font-weight:600;
}
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:0px;}

.mtop5 {
	margin-top: 5px;
}
.mtop10 {
	margin-top: 10px;
}
.mtop15 {
	margin-top: 15px;
}
.mtop20 {
	margin-top: 20px;
}
.mtop25 {
	margin-top: 25px;
}
.mtop30 {
	margin-top: 30px;
}
.mtop160 {
	margin-top:160px;
}
.mbotp5 {
	margin-bottom: 5px;
}
.mbot5 {
	margin-bottom: 5px;
}
.mbot10 {
	margin-bottom: 10px;
}
.mbot15 {
	margin-bottom: 15px;
}
.mbot20 {
	margin-bottom: 20px;
}
.mbot30 {
	margin-bottom: 30px;
}
/*************************************
	padding top, bottom custome style
**************************************/
.ptop5 {
	padding-top: 5px;
}
.ptop10 {
	padding-top: 10px;
}
.ptop15 {
	padding-top: 15px;
}
.ptop20 {
	padding-top: 20px;
}
.ptop30 {
	padding-top: 30px;
}
.pbotp5 {
	padding-bottom: 5px;
}
.pbot10 {
	padding-bottom: 10px;
}
.pbot15 {
	padding-bottom: 15px;
}
.pbot20 {
	padding-bottom: 20px;
}
.pbot30 {
	padding-bottom: 30px;
}

.ptb10{ padding:10px 0;}
.pd10{ padding:10px;}
.pd15{ padding:15px;}
.pd20{ padding:20px;}

.pl0 { padding-left:0px; }
.pt0 { padding-right:0px; }
.pr0 { padding-top:0px; }
.pb0 { padding-bottom:0px; }

.pL10 { padding-left:10px; }

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

.lh24 { line-height:24px;}

.mR10 { margin-right:10px;}
.mR20 { margin-right:20px;}

.mL10 {  margin-left:10px;}
.mL20 {  margin-left:20px;}

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

header { background-color: #68BF1F; height:80px; margin-bottom: 15px; }
header .navbar-default { background-color: transparent;  border-color: transparent; }
header .navbar-brand { padding:0px; height: auto; }
header .navbar { margin-bottom: 0px; border-radius: 0px;}




.mainslider .carousel-caption { right: 0%; left: 0%;    padding-bottom: 30px; background-color:rgba(0,0,0,0.3); text-align: left;  }
.mainslider .carousel-caption  h2 { padding-left:20px; color:#99ff66; font-weight:600; font-size:36px; text-shadow:1px 1px 0px #000; } 
.mainslider .carousel-caption  p { padding-left:20px; color:#fff; font-weight:600; font-size:18px; text-shadow:1px 1px 0px #000; } 
.mainslider .carousel-caption  h3 { padding-left:20px; color:#66ccff; font-weight:600; font-size:22px; text-shadow:1px 1px 0px #000; } 


.mainLine { height:1px; background-color:#e1e1e1; text-align:center; margin-bottom: 30px; margin-top: 30px;}
.lineCircle { width:44px; height:44px; border:1px solid #e1e1e1;  border-radius: 100%; background-color:#fff; display:inline-block; position: relative; top: -22px;}
.lineCircle > i{ line-height: 44px; font-size: 25px; color:#B9B9B9;}

.mainBoxes { padding-top:30px; padding-bottom:30px;}
.orgCircle { /*background-color:#e6831e; */ background-color: #6CF; color:#fff; width:50px; height:50px; border-radius: 100%; display: inline-block; transition: all 0.4s ease-out 0s; }
.orgCircle  > i{line-height: 46px; font-size: 22px;} 
.orgCircle:hover { background-color:#24c0cf;}

.mainBoxes > div { cursor:pointer; padding:30px; border-radius: 6px; transition: all 0.4s ease-out 0s; }
.mainBoxes > div h2 { text-align:center; padding-top:15px; padding-bottom:15px;}
.mainBoxes > div p { width:80%; margin:0 auto; text-align:center; color:#555; }
.grnHead{ color:#80cd3f; font-size:24px; font-weight:600;} 

.mainBoxes > div:hover, .mainBoxes > div.active { background-color:#f3f8fa;} 
.mainBoxes > div:hover .orgCircle { background-color:#24c0cf;}
.mainBoxes > div .orgCircle { margin-bottom:15px;}
.mainBoxes > div.active .orgCircle { background-color:#24c0cf;}

.cGyBox { background-color:#f3f2f2; padding-top:20px; padding-bottom:20px; margin-top:20px;}

#floatme { float: left; width: 90%; }

/* To get an empty column, just indicate a hex code for a non-breaking space: \a0 as the content (use \0000a0 when following such a space with other characters) */
.example::before {
  content: url('../../images/quoteLeft.jpg');
  float: left;
  width: 5%
}
.example::after {
  content: url('../../images/quoteRight.jpg');
  float: right;
  width:5%
}

.example { text-align:center; height:130px; color:#555 !important;  }

.blogSlider .item  > h3{ margin:0px auto; width:90%; color:#003164; font-weight:600; font-size:18px; text-align:center; margin-bottom:10px; }
.blogSlider .carousel-indicators li { background-color: #cccccc; border: 1px solid #cccccc;}
.blogSlider .carousel-indicators .active { background-color: #FFF; border: 1px solid #cccccc; }
 
 
.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; } 
 
 .footer { background-color: #68BF1F; padding-top:30px; padding-bottom:30px; color:#fff; font-weight:600; }
 .footer  a { color:#fff; text-decoration:none; }
  .footlinks li { padding:0px;}
 .footlinks li  a{ border-left:1px solid #648D42; padding-left:10px; padding-right:5px; }
 .footlinks li:first-child a { border-left:0px solid #fff;  padding-left:0px; } 
 
 .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;}
 .hbdr {border-bottom: 1px dotted #ccc;
padding-bottom: 10px;
margin-bottom: 20px;}

.supIcon{ position:fixed; top:50%; margin-top:-23px; right:-95px; background-color:#66ccff; color:#fff; border-radius:45px 0 0 45px; line-height:45px; padding-right:10px; font-weight:700; width:140px; transition: all 0.4s ease-out 0s; }
.supIcon > span { float:left; width:45px; height:45px; background-color:#00a6e4; border-radius:100%; margin-right:10px;  }


.faqIcon{ position:fixed; top:50%; margin-top:30px; right:-95px; background-color:#99ff66; color:#fff; border-radius:45px 0 0 45px;  line-height:45px; padding-right:10px; font-weight:700;  width:140px; transition: all 0.4s ease-out 0s; }
.faqIcon > span { float:left; width:45px; height:45px; background-color:#80cd3f; border-radius:100%; margin-right:10px;}

.supIcon:hover, .faqIcon:hover { color:#fff; outline:none;  right:0px; }

 
/*************************************
	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;
 }
  
  
  .boxSlider {
    width:100%; height:auto;
    background:#FFF;
    position: relative;	
}
 
 
.boxSlider:before, .boxSlider:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px; top: 80%;
    left: 10px;
    width: 50%; max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
 
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
 
.boxSlider:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px; left: auto;
}

.OurClients .carousel-control { top: -50px; color: #6CF; opacity: 0.7; text-shadow: none; width:auto; left: auto; bottom:auto; }
.OurClients .carousel-control.left { right:25px;}
.OurClients .carousel-control.left, .OurClients .carousel-control.right { background-image: none; background-repeat: no-repeat; }

.ClientsPage .panel{ transition: all 0.4s ease-out 0s; cursor:pointer; }
.ClientsPage .panel:hover{ box-shadow: 0px 0px 10px rgba(207, 207, 207, 0.8);}

.OurClients .item { text-align:center;}
.OurClients .item img { display:inline-block !important; }

label.error { background-color: #F00; padding: 0 5px;color: #fff;font-weight: 600;font-size: 12px;}
.form-control.error { border-color:#666;}


.loginbtn span { color:#ff0; text-transform:uppercase; font-weight:700; padding: 3px 7px; background-color: #519914; border-radius:3px; }

.modal-header { background-color: #68BF1F; !important; color: #fff !important;}
.modal-header h4 { color: #fff !important; font-weight: 600;  font-size: 18px; } 
.close { font-size: 28px;}

.errMsg { color:#f00; font-size:12px; }

.mainMenu .navbar-toggle { margin-top: 20px; background-color:#fff !important; border: 1px solid #fff !important;}
 
.modal { top: 120px; z-index: 99999;} 

.vis15adbrand { position:fixed; bottom:10px; right:20px; }

/*************************************
	custom media quries
**************************************/

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

  .footlinks { text-align:center;}
  .footlinks  ul { display:inline-block;}
  .footcopytxt {  text-align:center !important;} 
  
  
   
  
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
   .mainMenu .nav > li > a { padding-left:10px; padding-right:10px; font-size: 13px; }

} 

@media screen and (max-width: 1024px)  { 
    .container { width:100%;}
} 

@media screen and (min-width: 900px) and (max-width: 991px)  {
     
    .mainMenu .nav > li > a { padding-left:10px; padding-right:00px; font-size: 13px; }
}
 
@media screen and (min-width: 800px) and (max-width: 900px)  { 
    .mainMenu .nav > li > a { padding-left:6px; padding-right:6px; font-size: 13px; }
} 

@media screen and (min-width: 768px) and (max-width: 800px)  { 
    .mainMenu .nav > li > a { padding-left:5px; padding-right:5px; font-size: 12px; }
} 

@media screen and (min-width: 768px) and (max-width: 991px)  {
    .mainMenu .navbar-nav { margin-right: -20px; } 
}

@media screen and (min-width: 768px) {
header .navbar-right { margin-right:0px;}
header .navbar-default .navbar-nav > li > a { color:#fff; font-weight:600; border-bottom: 5px solid #80cd3f;}
header .navbar-nav > li > a { padding-top: 15px; padding-bottom: 29px;}
header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:focus, header .navbar-default .navbar-nav > .active > a:hover { color: #fff !important; background-color: transparent; border-bottom: 5px solid #669900; }
header .navbar-default .navbar-nav > li > a:focus, header .navbar-default .navbar-nav > li > a:hover { color: #fff !important; }
header .dropdown-menu > li > a { padding-top:10px; padding-bottom:10px; font-size: 15px; font-weight: 600; color: #285E8E; border-top:1px dotted #ccc;}
header .dropdown-menu > li > a:first-child {  border-top:0px dotted #ccc;}
.loginbtn { padding-left:0px !important; padding-right:0px !important; }
}

@media screen and (max-width: 767px){
   .example { height: 200px;}
   .navbar-collapse { z-index: 999; position: relative;
background-color: rgb(255, 255, 255);
color: rgb(85, 85, 85);
margin-left: -15px;
margin-right: -15px;
border-bottom: 3px solid rgb(104, 191, 31);
box-shadow: 0px 5px 10px rgb(126, 126, 126);}

.vis15adbrand { position:relative; bottom:auto; right:auto; left: 50%; margin-left: -98px; }
 }
 
@media screen and (min-width: 640px) and (max-width: 767px)  {
   
}


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

@media screen and (max-width: 359px)  {
   .ClientsPage .col-xs-6 { width:100%; }
}