@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,500);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,300);

/*==================================================

=            Bootstrap 3 Media Queries             =

==================================================*/



/*==========  Mobile First Method  ==========*/



/* Custom, iPhone Retina */ 

@media only screen and (min-width : 320px) {

    

}



/* Extra Small Devices, Phones */ 

@media only screen and (min-width : 480px) {



}



/* Small Devices, Tablets */

@media only screen and (min-width : 768px) {



}



/* Medium Devices, Desktops */

@media only screen and (min-width : 992px) {



}



/* Large Devices, Wide Screens */

@media only screen and (min-width : 1200px) {



}





/*==========  Non-Mobile First Method  ==========*/



/* Large Devices, Wide Screens */

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



}



/* Medium Devices, Desktops */

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



}



/* Small Devices, Tablets */

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



}



/* Extra Small Devices, Phones */ 

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



}



/* Custom, iPhone Retina */ 

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

    

}

body{

 /* font-family: 'Roboto', sans-serif !important; */

 font-family: 'Open Sans', sans-serif !important;

 /* background: #F5F5F5 !important; */

}

.home-bg{

/* 	background:url(../images/home_bg.png) no-repeat; */

	background:url(../images/sob.jpg) no-repeat;

	height:600px;

	background-size: cover;

}

label{

font-family:Arial;

font-size:14px;

color:#999999;

}

.tblSaveForm {

border-top:2px #999999 solid;

background-color: #f8f8f8;

}

.tableheader {

background-color: #fedc4d;

}

.tablerow {

background-color: #A7D6F1;

color:white;

}

.btnSubmit {

background-color:#fd9512;

padding:5px;

border-color:#FF6600;

border-radius:4px;

color:white;

}

.message {

color: #FF0000;

text-align: center;

width: 100%;

}

.txtField {

padding: 5px;

border:#fedc4d 1px solid;

border-radius:4px;

}

.evenRow {

background-color: #E2EDF9;

font-size:12px;

color:#101010;

}

.evenRow:hover {

background-color: #ffef46;

}

.oddRow {

background-color: #B3E8FF;

font-size:12px;

color:#101010;

}

.oddRow:hover {

background-color: #ffef46;

}

.tblListForm {

border-top:2px #999999 solid;

}

.listheader {

background-color: #fedc4d;

font-size:12px;

font-weight:bold;

}

.link{

text-decoration:none;

color:#5e8fc7;

font-size:11px;

}

.bor{

	border-bottom:1px dashed #ccc;

}

.block{

	text-align:left;

	display:block;

	  text-align: left;

  display: block;

  font-size: 14px;

  padding-top: 5px;

  color: #000;

  line-height: 30px;

}

.block input[type="checkbox"]{

	zoom:1.5;

}

.property{

  border-bottom: 1px dotted #ccc;

  padding-bottom: 10px;

  margin-bottom: 20px;

  border-right: 1px dotted #ccc;

}

.footer-wrapperr{

background: url("../images/background-outer-wrapper.png") repeat-x scroll bottom center transparent;

    padding-bottom: 245px;

}

.cto{

	background-color: rgba(11, 140, 198, 0.25);

    color: #000;

    padding: 10px;

    font-size: 14px;

}

.ct2{

	background-color:#0B8CC6;

	color: #fff;

	padding: 10px;

}

.snd{

   background: #0D7FB1;

  color: #fff;

  width: 300px;

  margin-left: 0%;

  border-radius: 20px;

  height: 40px;

  font-size: 20px;

}

.sndt{

       background: #27527D;

    color: #000;

    width: 300px;

    border-radius: 20px;

    height: 40px !important;

    font-size: 20px;

    width: 490px !important;

    font-size: 14px !important;

    font-style: italic;

	padding: 20px !important;

}

 /* jssor slider bullet navigator skin 05 css */

/*

.jssorb05 div           (normal)

.jssorb05 div:hover     (normal mouseover)

.jssorb05 .av           (active)

.jssorb05 .av:hover     (active mouseover)

.jssorb05 .dn           (mousedown)

*/

.jssorb05 {

    position: absolute;

}

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {

    position: absolute;

    /* size of bullet elment */

    width: 16px;

    height: 16px;

    background: url(images/b05.png) no-repeat;

    overflow: hidden;

    cursor: pointer;

}

.jssorb05 div { background-position: -7px -7px; }

.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }

.jssorb05 .av { background-position: -67px -7px; }

.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

  /* jssor slider arrow navigator skin 11 css */

                /*

.jssora11l                  (normal)

.jssora11r                  (normal)

.jssora11l:hover            (normal mouseover)

.jssora11r:hover            (normal mouseover)

.jssora11l.jssora11ldn      (mousedown)

.jssora11r.jssora11rdn      (mousedown)

*/

.jssora11l, .jssora11r {

    display: block;

    position: absolute;

    /* size of arrow element */

    width: 37px;

    height: 37px;

    cursor: pointer;

    background: url(images/a11.png) no-repeat;

    overflow: hidden;

}

.jssora11l { background-position: -11px -41px; }

.jssora11r { background-position: -71px -41px; }

.jssora11l:hover { background-position: -131px -41px; }

.jssora11r:hover { background-position: -191px -41px; }

.jssora11l.jssora11ldn { background-position: -251px -41px; }

.jssora11r.jssora11rdn { background-position: -311px -41px; }

.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; }

.toggle.ios .toggle-handle { border-radius: 20px; background: url(../images/tg.png);border:none;}

.toggle.btn {

    min-width: 59px;

    min-height: 28px !important;

}

.toggle-group{

	    width: 160% !important;

		transition: left .15s;

    -webkit-transition: left .15s;

}

.toggle.off .toggle-group {

        left: -59% !important;

}

.sp{

	    font-size: 12px;

    color: #fff;

    margin-top: 13%;

    /* margin-left: 16%; */

    text-align: justify;

    text-shadow: none;

    width: 50%;

    text-align: center;

    margin: auto;

    margin-top: 15% !important;

    background-color: rgba(0, 0, 0, 0.55);

    padding: 20px;

    border-radius: 45px;

}

.toggle-off.btn {

    padding-left: 16px !important;

}

.olay{

    min-height: 100%;

    position: absolute;

    transform: perspective(2000px);

    background: rgba(11, 29, 53, 0.7);

    min-width: 100%;

}

.view-first img {

   -webkit-transition: all 0.2s linear;

   -moz-transition: all 0.2s linear;

   -o-transition: all 0.2s linear;

   -ms-transition: all 0.2s linear;

   transition: all 0.2s linear;

}

.view-first .mask {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   background-color: rgba(219,127,8, 0.7);

   -webkit-transition: all 0.4s ease-in-out;

   -moz-transition: all 0.4s ease-in-out;

   -o-transition: all 0.4s ease-in-out;

   -ms-transition: all 0.4s ease-in-out;

   transition: all 0.4s ease-in-out;

}

.view-first h2 {

   -webkit-transform: translateY(-100px);

   -moz-transform: translateY(-100px);

   -o-transform: translateY(-100px);

   -ms-transform: translateY(-100px);

   transform: translateY(-100px);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition: all 0.2s ease-in-out;

   -moz-transition: all 0.2s ease-in-out;

   -o-transition: all 0.2s ease-in-out;

   -ms-transition: all 0.2s ease-in-out;

   transition: all 0.2s ease-in-out;

}

.view-first p {

   -webkit-transform: translateY(100px);

   -moz-transform: translateY(100px);

   -o-transform: translateY(100px);

   -ms-transform: translateY(100px);

   transform: translateY(100px);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition: all 0.2s linear;

   -moz-transition: all 0.2s linear;

   -o-transition: all 0.2s linear;

   -ms-transition: all 0.2s linear;

   transition: all 0.2s linear;

}

.view-first:hover img {

   -webkit-transform: scale(1.1,1.1);

   -moz-transform: scale(1.1,1.1);

   -o-transform: scale(1.1,1.1);

   -ms-transform: scale(1.1,1.1);

   transform: scale(1.1,1.1);

}

.view-first a.info {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition: all 0.2s ease-in-out;

   -moz-transition: all 0.2s ease-in-out;

   -o-transition: all 0.2s ease-in-out;

   -ms-transition: all 0.2s ease-in-out;

   transition: all 0.2s ease-in-out;

}

.view-first:hover .mask {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

}

.view-first:hover h2,

.view-first:hover p,

.view-first:hover a.info {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

   -webkit-transform: translateY(0px);

   -moz-transform: translateY(0px);

   -o-transform: translateY(0px);

   -ms-transform: translateY(0px);

   transform: translateY(0px);

}

.view-first:hover p {

   -webkit-transition-delay: 0.1s;

   -moz-transition-delay: 0.1s;

   -o-transition-delay: 0.1s;

   -ms-transition-delay: 0.1s;

   transition-delay: 0.1s;

}

.view-first:hover a.info {

   -webkit-transition-delay: 0.2s;

   -moz-transition-delay: 0.2s;

   -o-transition-delay: 0.2s;

   -ms-transition-delay: 0.2s;

   transition-delay: 0.2s;

}

.vdr{

	background-color: #F0F6F9;

	    height: 900px;

}

.cd, .cdb{

	border: 1px solid #ccc;

    background-color: #F0F6F9;

    height: 50px;

    width: 100%;

    margin-top: -1px;

    padding: 5px;

	text-transform: capitalize;

}

.cdb{

	 background-color: #0D90CA;

	 border: 0px solid;

	 color: #fff;

    font-weight: bold

}

.cn{

	display: block;

    font-size: 11px;

    font-weight: bold;

}

.lg{

	vertical-align:top;

}

.lg1{

	display:block;

    /*margin: 5px;*/

	padding-bottom: 5px;

}

.lgf{

display: inline-block;

  min-width: 95px;

  vertical-align: top;

  padding-bottom:5px;

}

.lg2{

display: inline-block;

    min-width: 85px;

	    margin-left: 5px;

}

.bd{

	width:100%;

	border: 1px solid rgba(149, 149, 149, 0.42);

	padding: 5px;

}

.form-control{

border: 1px solid #ccc;

    background-color: #F0F6F9;

    height: 50px;

    width: 100%;

    margin-top: 0px;

    padding: 5px;

	/* text-transform: capitalize; */

}

.frm{

	background: #F0F6F9;

	margin-top: 0px;

    border: 0px solid;

    margin: auto;

    width: 80%;

	    margin-top: 0px !important;

}

.frm input, .frm select, .frm radio{

	height: 30px !important;

    border-radius: 0;

    font-size: 12px !important;

}

.form-horizontal .control-label{

	font-weight:normal !important;

}

.search-block {

    width: 80%;

    margin: 0px auto;

    margin-top: 90px !important;

}

.header {

    background: url(../images/header-bg.jpg) repeat-x top left;

    width: auto;

}

@media (min-width: 768px){

.navbar-nav > li > a {

    padding-top: 10px;

    padding-bottom: 0px;

	color:#fff !important;

}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

    margin-left: -15px;

    background-color: #0B1D35;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    background-color: #0B1D35 !important;

}

}

.navbar {

    position: relative;

    min-height: 1% !important;

    margin-bottom: 0px !important;

    border: 1px solid transparent !important;

}

.btn-default{

	border-color: none !important;

}

.container-fluid {

    padding-right: 0px !important; 

    padding-left: 0px !important; 

    margin-right: auto;

    margin-left: auto;

}

.contact-content .headoffice-container ul li {

    width: 290px;

    float: left;

    margin: 0px 22px 22px 0px;

    background: #FFFFFF;

    border: solid 1px #dad9d9;

    padding: 10px;

    list-style: none;

    min-height: 150px;

}

@media (max-width: 767px){

.carousel .row .span3 {

display: block;

float: left;

width: 25%;

margin-left: 0;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

}

.form-msg{

	font-size: 14px;

	color: #fff;

	font-weight: 500;

}

.wyli{

	font-size: 15px;

    line-height: 30px;

}

.home-form{

	padding-left:50px;

}

.hs{

	width: 20%;

    height: 50px;

}

.hs-fld{

	 height: 50px;

}

.txmsg{

	font-size: 15px;

    color: #FFF;

    font-weight: normal;

}

label.slbl {

    padding: 5px;

    color: #000;

	display:block;

}

    .faqHeader {

        font-size: 27px;

        margin: 20px;

    }



    .panel-heading [data-toggle="collapse"]:after {

        font-family: 'Glyphicons Halflings';

        content: "e072"; /* "play" icon */

        float: right;

        color: #F58723;

        font-size: 18px;

        line-height: 22px;

        /* rotate "play" icon from > (right arrow) to down arrow */

        -webkit-transform: rotate(-90deg);

        -moz-transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

        -o-transform: rotate(-90deg);

        transform: rotate(-90deg);

    }



    .panel-heading [data-toggle="collapse"].collapsed:after {

        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */

        -webkit-transform: rotate(90deg);

        -moz-transform: rotate(90deg);

        -ms-transform: rotate(90deg);

        -o-transform: rotate(90deg);

        transform: rotate(90deg);

        color: #454444;

    }