@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Oswald');
/* CSS Document font-family: 'Lobster', cursive; */
 
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%; 
}
body {
	background:#002B57 url(../images/mainbg.jpg) repeat left top;
	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:#1c346e;
	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;}

.bgW { background:#fff !important; }

.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: 1.6em;
	font-weight: 600;
	color: #1c3174; margin:0px; 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;
}
.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;}
.ptb15{ padding:15px 0;}
.ptb20{ padding:20px 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; }
.pL20 { padding-left:20px; }
.pL30 { padding-left:30px; }

.bB { border-bottom:1px dashed #ccc;}

/*************************************
	Website CSS 
**************************************/

 .MainBG{background:url(../images/mainbg.jpg) repeat left top;}
 .innerBg{ background:transparent url(../images/banner.png) no-repeat center bottom; overflow:hidden; border-top:3px solid #3371b0;}
 
 header { background-color:#fff; }
 .header_logo { padding-top:15px; padding-bottom:15px;}
 
 .vis_logo { width:320px; margin:0 auto 30px auto; padding-top:50px; -webkit-animation-duration: 3s;  -webkit-animation-delay: 2s;  -webkit-animation-iteration-count: infinite; }

 .whiteBox { width:292px; height:292px; background-color:#fff; border-radius:100%;  display:table-cell; vertical-align:middle; text-align:center; overflow:hidden; }
 .whiteBox  img { display: inline-block;  }

 .whiteBoxBdr { width:312px; height:312px; border:10px solid rgba(0,0,0,0.1); border-radius:100%; margin:50px auto 100px auto;} 
 
 .MainNavbar  .navbar { margin-bottom:10px; min-height:40px; border-radius: 0px;}
 
.MainNavbar .navbar-default{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3bc9fe+0,0296cd+100 */
background: rgb(59,201,254); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiYzlmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjk2Y2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(59,201,254,1) 0%, rgba(2,150,205,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,201,254,1)), color-stop(100%,rgba(2,150,205,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(59,201,254,1) 0%,rgba(2,150,205,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(59,201,254,1) 0%,rgba(2,150,205,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(59,201,254,1) 0%,rgba(2,150,205,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(59,201,254,1) 0%,rgba(2,150,205,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bc9fe', endColorstr='#0296cd',GradientType=0 ); /* IE6-8 */ border:0px solid #3bc9fe; border-bottom:3px solid #3bc9fe; }
.MainNavbar .navbar-default .navbar-nav > li > a {font-weight: 600; text-transform:uppercase; color:#fff; font-size: 12px; outline:none;}

 .MainNavbar .navbar-nav > li > a {  padding: 12px 30px; color:#fff; }
 .MainNavbar .navbar-nav > li > a:hover { background-color:#0296cd; color:#fff;}

.MainNavbar .navbar-nav>.active>a, 
.MainNavbar .navbar-nav>.active>a:focus, 
.MainNavbar .navbar-nav>.active>a:hover {
    background-color: #0274bd;
    color: #fff;
}
 
 .mySlider { margin-bottom:10px; }
 .mySlider .item img { width:100%; }
 .mySlider  h2 {float: left; margin-left: 20px; color: #fff; font-size: 26px; font-weight: 400; margin-bottom:0px;}
 .mySlider  .carousel-caption {  right: 0%;  left: 0%;   padding-bottom: 20px; background-color:rgba(0,0,0,0.4); bottom:0px; }
 .mySlider  .carousel-indicators { right: 20px; width:auto; left:auto;}

.row10 { margin-left:-10px; margin-right:-10px;}

.head02{ font-family: "Lobster",cursive;
color: #E70009;
margin-bottom: 0px;
font-size: 22px;
text-align: right;
padding-right: 0px; }

.imgBdr{padding: 5px;
border: 1px solid #CCC;
margin-bottom: 10px;}

.gryBox {background-color: #eee;
padding: 10px;
font-weight: 600;
font-size: 16px; text-transform:uppercase;}

.BlueBox {background-color: #3bc9fe; color:#fff;
padding: 10px;
font-weight: 600;
font-size: 16px; text-transform:uppercase; border-bottom:5px solid #0296cd;}

.rightBox{ padding:10px;  margin-bottom:15px; border-radius:6px; padding-bottom:15px; border-bottom:1px solid #ccc; background-color:#E5F0F8; }
.rBtitle { background-color: #FFF;
padding: 7px 10px;
border-radius: 4px;
display: block;
width: 100%;
float: left; margin-bottom:10px; }
 .rBtitle img, .rBtitle span { float: left;  }
  .rBtitle img { margin-right:10px;}
.rBtitle span { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #0296CD;  }
.rBContent { min-height:80px;}

.blkhead { color:#000; font-size:15px; text-transform:uppercase; font-weight:400;}
.listBk  li { background:url("../images/arrow.png") no-repeat 0px 10px; padding: 7px 5px 7px 20px; font-weight:600;   }
.listBk400  li { background:url("../images/arrow.png") no-repeat 0px 10px; padding: 7px 5px 7px 20px; font-weight:400;   }

.map {
    padding: 5px;
border: 1px solid #CCC;
margin-bottom: 10px;
}
.map {
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.contBox { padding:10px; background-color:rgba(0,0,0,0.2); border-radius:4px; margin-bottom:50px; }
.contBox .form-group label { color:#fff;}
.contBox .form-group label.error { background-color: #F00; padding: 0 5px;color: #fff;font-weight: 600;font-size: 12px;}
.contBox .form-group .form-control { border-color:#666;}

/* Footer-content  */
.footer { background-color:#003164; border-top:5px solid #00264c; }
.footer h2 { color:#fff; padding-top:10px; font-weight:600; margin-bottom: 5px; font-size:20px;  }
.footer p{ /*color:#3b6fa4;*/ color:#7ca8d5;}
.footer p a { color:#fff; font-weight:600;}
.footer p a:hover { color:#ffcc66;} 
.footer_bottom { background-color:#002b57; color:#3b6fa4; border-top:1px solid #1a4674; border-bottom:1px solid #1a4674; padding-top:10px; padding-bottom:10px; }
.footer_bottom p { color:#7ca8d5; }
.footer_bottom p a { color:#9cc0e4;}
.footer_bottom p a:hover { color:#fff; }
.footlist li { padding-left:10px; margin-left:10px; border-left:1px solid #1a4674;}
.footlist li a { color:#9cc0e4; font-weight:600; }
.footlist li a:hover { color:#fff;}
.footlist li:first-child { border:0px; padding-left:0px; margin-left: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;
 }
 .cmenu { margin-top: 20px;}
 .cmenu li{ margin:0px 10px; } 
 .cmenu li a { float:right; font-weight:600; font-size:14px; padding:10px 15px; border-radius:4px;}
 .cmenu li a:hover { background-color:#0274BD;  color:#fff; }
 
 
 /* BeTheBoss Css */
 
 .btbMenu .navbar-default {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,d2ebf9+100;Blue+3D+%2312 */
	background: #feffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #feffff 0%, #d2ebf9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #feffff 0%,#d2ebf9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */
 }


.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;
}

.listItem li{ margin-bottom:10px; line-height:24px; }

.btbFooter{background-color:#002B57; color:#fff;  padding:15px 30px; }

.vis15 { position:absolute; top:20px; right:20px; }

.newLogo { font-family: 'Abril Fatface', cursive; color: #003164; font-size: 60px;     padding: 50px 0; } 
.taxlogo { display: block; font-family: 'Abril Fatface', cursive; color: #003164;  font-size: 38px;  } 
.taxlogo span {color: #333; font-size: 34px; font-family: 'Oswald', sans-serif; display: block; line-height: 60px; } 
.taxlogo.visoftcircle span {  font-size: 18px;  line-height: 50px;  }
.visgroup { position: relative; height: 1px; background-color: #ccc;  top: -65px;} 
.visgroup span {  position: absolute; background-color: #fff; padding: 0px 10px; top: 50%;  left: 50%; transform: translate(-50%, -50%);  color: #333;
    font-size: 14px;  font-weight: 600;}
  
/*************************************
	custom media quries
**************************************/

@media screen and (max-width: 1024px)  { 
    .container { width:100%;}
  }
@media screen and (max-width: 991px) {
   .footer h2 { font-size:14px; }
   .whiteBox { width:224px; height:224px; }
   .whiteBoxBdr { width:242px; height:242px;}
    .whiteBox.wBmdimg  img { width: 95%;  } 
	.vis_logo { width:280px; }
	.vis_logo img{ width:100%; }

	.newLogo { font-size: 50px; }

    .taxlogo.visoftcircle span { line-height: 24px;  margin-top: 10px; }
    .visgroup { top: -60px; }
}
 @media screen and (max-width: 767px){
   .mainCirclues .col-xs-4 { padding-left:3px; padding-right:3px; } 
   .whiteBox { width:162px; height:162px;  }
   .whiteBoxBdr { width:170px; height:170px; border:5px solid rgba(0,0,0,0.1); margin:50px auto;}
   .whiteBox img { 
		width: 84%;
	}
	.vis_logo { width:240px; }
	.whiteBoxBdr {  margin:0px auto 10px auto;}
	.contactPage .col-xs-12 { text-align:center;} 
	.contactPage .col-xs-12 .pull-right{float: none !important; display: inline-block !important;}
	
	.vis15 { position:relative; top:0px; right:auto; left: 50%; margin-left: -98px;}
	
	.MainNavbar .navbar-default .navbar-toggle { background-color:#fff;}
	.hpTxt .tR, .hpTxt .head02 { text-align: center !important; margin-bottom: 5px !important;	}
	 
	.bhptxt .tR, .bhptxt  .text-right {  text-align: center !important; margin-bottom: 5px !important; padding-top:0px;}
	.btbFooter { padding: 10px;} 

	.newLogo { font-size: 42px; }

	.taxlogo span { 
        font-size: 24px; 
        LINE-HEIGHT: 34px;
    }

    .visgroup { top: -50px; }
 }
 
@media screen and (min-width: 640px) and (max-width: 767px)  {
   
}


 
 @media screen and (max-width: 639px)  {
   .footer_top .col-xs-6, .footer_bottom .col-xs-6 { width:100%;}
   .footer_top .col-xs-6 .tR { text-align: left !important;}
   .footer_bottom .col-xs-6 .pull-right { float:left !important; margin: 10px 0px 0px 5px;}
   
}

@media screen and (max-width: 600px)  {
  .mainCirclues .col-xs-4 { width:100%;} 
}

@media screen and (max-width: 479px)  {
  .cmenu li { margin: 0px 2px; } 
  .cmenu li a { padding: 10px; }
}


 
 


 