/*nav css*/
.navbar-inverse {background-color: #ffffff !important;border-radius: 0px !important;height:80px;width:100%;position: fixed;z-index: 999;border: 0px solid;
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);transition:all ease 0.8s;
-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
color:rgb(0, 4, 51) !important;background-color: #0e364c;}
.navbar-brand {padding: 0;margin-left: 0px !important;}
.navbar-brand img { height:70px;margin-left: 20px !important;margin-top: 9%;/*transition:all ease 0.8s;*/}
.navbar-inverse .navbar-nav>li>a {color:rgb(255, 102, 0);font-family: 'Open Sans', sans-serif; line-height:3;font-weight: bold;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {color:rgb(0, 4, 51) !important;}
.menu { display:none;}
.search-box1 {padding: 20px 0px;z-index: 99999;width: 100%;}
.search {padding: 30px 0px;float: left;width: 100%;}
.serach-footer {left: 20px;position: absolute;top: 10px;}
.search-wrap {display: block;width: 100%;height: 40px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;
background-image: none;border: 1px solid #e2e2e2;border-radius: 20px;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
width: 100% !important;padding-left: 45px;}
.search-btn {background:rgb(0, 4, 51);
width: 100%;border-radius: 0px 20px 20px 0px;color: #fff !important;height: 40px;border: 0px solid;font-weight: 600;font-size: 14px;}
.search-btn:hover, .search-btn:focus {background:rgb(0, 4, 51);color: #fff !important;}
.modal-dialog {margin: 10% auto !important;}
.modal-content { background-color:rgb(255, 102, 0);}
.modal-title {color: #222 !important;}
.nav-menu li a {margin: 5px 5px 5px 5px;position: relative;display: block;padding: 10px 50px;border: 0px solid !important;box-shadow: none !important;
background-color: rgb(0, 4, 51) !important;color: #fff !important;    white-space: nowrap;}
.nav-menu li.active a {background-color: rgb(255, 102, 0) !important;}
.stick{position:fixed !important;top:0;z-index:999 !important;width:100%;background:#ffffff !important;height:auto; transition:all ease 0.8s;
-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);}
.stick a { line-height:20px !important;}
.stick img {margin-bottom: 10px;
    margin-top: 10px; }

.navbar-nav {
    margin: 29px 0 !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #333 !important;
}

.home_cont {
  float: left;
  margin-bottom: 80px;
  margin-top: 435px;
  width: 100%;
}

.home_img{
	float: left;
	padding-left: 0 !important;
}

.navbar-inverse .navbar-nav > li > a.active {
    color: #0e79be !important;
}
#home1{padding: 50px 0 !important; background: url(../../assets/img/BANNER.jpg) no-repeat left top;}
#home{ padding:0 0 !important;}

.how_work{
	margin: 0 12% !important;
}

.how_work .img-responsive{
	width: 100%;
	margin-left: 0;
}

.stick li::after {
   
    top: 0 !important;
}

#myCarousel .carousel-control{
    display: none;
}

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

.how_cont{
   margin: 12% 0 0 12%;
    width: 50%;
}

.how_cont_right{
    margin: 15% 0% 0 33%;
}

.how_cont_last{
    margin: 20% 0 0 12%;
}
.how_cont h2{
    font-size: 35px;
    margin-bottom: 60px;
    position: relative;
}

.how_cont h2:before{
    position: absolute;
    bottom: -28px;
    left: 0;
    content: "";
    background: #0e79be;
    width: 60px;
    height: 2px;
}

.how_cont p{
    font-size: 20px;
    line-height: 38px;
}
/* Carousel */

#quote-carousel {
    background: #fff none repeat scroll 0 0;
    border: 1px dotted #ddd;
    margin-top: 0;
    padding: 38px 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
   /* top: 0;*/
    bottom: 25px;
    margin-right: -19px;
    margin-bottom: 7px;
}
#quote-carousel .carousel-indicators li {
    width: 20px;
    height: 20px;
    margin: 5px;
    cursor: pointer;
    border: 2px solid #bbb;
    border-radius: 50px;
   
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #0F78BD;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    border-color: #233B50;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 300px;
}

#quote-carousel .carousel-inner > .item{
	height: 495px;
}

.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.how_white_sec, .how_second_part, .how_third_sec{
	background: #fff;
	padding: 65px 0;
	float: left;
	width: 100%;
}

.how_second_part{
	background: #F2F2F2;
}

.how_third_sec{
	background: #ECECEC;
}

.how_last{
	background: #F5F5F5;
	padding: 20px 0;
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

.how_last h3,.how_last .last-para-text{
	margin: 0 0 10px !important;
}


.how-we-work-page .left_bluebg_sec {
    background: #0098d7 none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
   
    padding: 30px 50px;
}


.about_top{
	background: #F5F5F5 !important;
}

.about_btm{
	background: #ECECEC !important;	
}

.whatwebulid img{
	/*border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 100%;*/
    display: block;
    height: auto;
    max-width: 100%;
    padding: 30px;
}

/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
.carousel-control {
    left: -12px;
}
.carousel-control.right {
    right: -12px;
}
/* Changes the position of the indicators */
.carousel-indicators {
    right: 50%;
    /*top: 0;*/
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
    background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}



@media all and (min-width:1350px){

.navbar-theme .navbar-nav > li::after {
    content: "/" !important;
    position: absolute;
    right: -12px;
    top: 10px;
}

.navbar-theme .navbar-nav > li:last-child:after {
	content: ""!important;
}
}


@media all and (min-width: 1800px) and (max-width:1920px){

.header_container{

	padding: 0 90px !important;
}
}



@media screen and (min-width: 1500px ) and (max-width:1920px){
.how-we-work-page .blue-bg-section {
    background: #0098d7 none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    margin: -15% 0 1px -6% !important;
    padding: 30px 50px !important;
}

.how_work h2 {
    color: #333;
    font-size: 37px;
    font-weight: 600;
    line-height: 60px;
    margin: 5% 12% 0 11% !important;
    padding: 20px 35px;
}

.how-we-work-page .left_bluebg_sec{
	margin: -15% 0 1px 6% !important;
    padding: 30px 50px !important;
}

}




@media all and (max-width:1750px){

.left-img-style-1-1 {
	margin: 28px 0 138px 8% !important;
}

}



@media all and (max-width:1650px){
	.home_img img{
		width: 100%
}
.how_work h2 {
    color: #333;
    font-size: 28px;
    font-weight: 600;
    line-height: 47px;
    margin: 5% 0 0 40px !important;
    padding: 20px 35px;
}

.left-img-style-1-1 {
    margin: 0 0 120px 4% !important;
}

}

@media screen and (min-width: 1300px ) and (max-width:1499px){
	.how-we-work-page h2 {
    font-size: 30px;
    line-height: 48px;
  	margin: 6% 12% 0 !important;
    padding: 18px 0;
}

.how-we-work-page .howwork_title {
   
	margin: 6% 0 0 85px !important;
}

.how-we-work-page .left_bluebg_sec{
	margin: -15% 0 1px 6% !important;
    padding: 30px 50px !important;
}

.how-we-work-page .blue-bg-section {
    margin: -12% 0 0 -7% !important;
    padding: 25px 35px !important;
}

.how_cont {
    margin: 11% 0 0 10%;
    width: 74%;
}

.how_cont_right {
  margin: 16% 0 0 14%;
}

.how_cont_last {
  margin: 18% 0 0 12%;
}

}


@media screen and (min-width: 1100px ) and (max-width:1299px){
	.how-we-work-page h2 {
    font-size: 23px;
    line-height: 42px;
    margin: 30px 0 0 18% !important;
    padding: 18px 0;
}

.how-we-work-page .left_bluebg_sec{
	margin: -15% 0 1px 6% !important;
    padding: 30px 50px !important;
}




.how-we-work-page .blue-bg-section {
    margin: -12% 0 0 -7% !important;
    padding: 25px 35px !important;
}

.how_cont {
    margin: 6% 0 0 8%;
    width: 80%;
}

.how_cont_right {
  margin: 9% 0 0 15%;
}

.how_cont_last {
  margin: 15% 0 0 8%;
}

}

@media all and (max-width:1280px){
	#home {
    padding: 0 !important;
}

.how_work{ margin: 0 6% !important;}
}

@media all and (max-width:1200px){
.dl_icons{
	width: 100%;
}

.home_cont {
    float: left;
    width: 100%;
    margin-top: 0;
   
}

}


@media screen and (min-width: 918px ) and (max-width:1099px){
	.how-we-work-page h2 {
    font-size: 30px;
    line-height: 48px;
  margin: 0% 12% 0 !important;
    padding: 18px 0 0;
}

.how-we-work-page .left_bluebg_sec{
	margin: -15% 0 1px 6% !important;
    padding: 30px 50px !important;
}




.how-we-work-page .blue-bg-section {
    margin: -12% 0 0 -7% !important;
    padding: 25px 35px !important;
}
#quote-carousel .carousel-inner > .item {
    height: 556px;
}

#quote-carousel hr {
    display: block !important;
}

.how_cont {
    margin: 20px 0 0 5%;
    width: 90%;
}

.how_cont_right {
  margin:9% 0 0 8%;
}

.how_cont_last {
  margin: 14% 0 0 5%;
}

.how_cont h2::before {
  bottom: -18px;

}

.how_cont h2 {
  margin-bottom: 41px;

}

}




@media all and (min-width: 992px) and (max-width:1336px){

.navbar-nav > li {
    margin-left: 0px !important;
}
#home1 .section-heading h1 {
    font-size: 29px !important;
    margin: 31px 0 16px !important;
}
.home_cont {
   
    margin-top: 0;
    
}

}

@media all and (min-width: 992px) and (max-width:1176px){
.navbar-nav {
    margin: 0 !important;
}
.navbar-nav > li {
    margin-left: 0px !important;
}

.nav > li {
    display: inline-block!important;
   
}#home1 .section-heading h1 {
    font-size: 29px !important;
    margin: 31px 0 16px !important;
}

}






@media all and (max-width: 910px){

.how_work {
    margin: 0 4% !important;
}
}

@media all and (min-width: 768px ) and (max-width:917px){
.how_cont {
    margin: 28px 0 0 5%;
    width: 90%;
}

.how_cont_right {
  margin: 11% 0 0 10%;
}

.how_cont_last {
  margin: 14% 0 0 5%;
}

.how_cont h2::before {
  bottom: -11px;

}

.how_cont h2 {
    font-size: 23px;
    margin-bottom: 21px;
}

.how_cont p {
    font-size: 18px;
    line-height: 31px;
}

.last-row-left-col h3 {
    margin: 28px 0 11px !important;
    padding: 0 3%;
}
.how-we-work-page h3 {
    color: #353a3f;
    font-size: 27px !important;
    font-weight: 400;
    line-height: 50px;
    margin: 30px 0 !important;
}
}


@media all and (min-width: 769px ) and (max-width:991px){
.nav > li {
    display: inline-block!important;
   
}
#home1 .section-heading h1 {
    font-size: 29px !important;
    margin: 31px 0 16px !important;
}
}

@media screen and (min-width: 769px ) and (max-width:841px){
	.nav > li > a {
 
    padding: 0 10px !important;
   
}
}



@media screen and (min-width: 908px ) and (max-width:918px){
	.how-we-work-page h2 {
    font-size: 30px;
    line-height: 48px;
  margin: 0% 12% 0 !important;
    padding: 18px 0;
}

.how-we-work-page .left_bluebg_sec{
	margin: -15% 0 1px 6% !important;
    padding: 30px 50px !important;
}




.how-we-work-page .blue-bg-section {
    margin: -12% 0 0 -7% !important;
    padding: 25px 35px !important;
}

#quote-carousel hr {
    display: block !important;
}

#quote-carousel .carousel-inner > .item {
    height: 750px;
}

}


@media screen and (min-width: 768px ) and (max-width:907px){
	.how-we-work-page h2 {
    font-size: 30px;
    line-height: 48px;
  margin: 0% 12% 0 !important;
    padding: 18px 0;
}

.how-we-work-page .left_bluebg_sec{
	margin: -15% 0 1px 6% !important;
    padding: 30px 50px !important;
}




.how-we-work-page .blue-bg-section {
    margin: -8% 0 0 -7% !important;
    padding: 25px 35px !important;
}

#quote-carousel hr {
    display: block !important;
}

#quote-carousel .carousel-inner > .item {
    height: 655px;
}


}



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

.navbar-inverse .drop_menu {display: block !important;visibility: visible !important;width: 110px !important;height:1000px !important;padding:0px 20px !important;position: absolute !important;right:-100px !important;
transition:all ease 0.5s;border-top: 0px solid;cursor: pointer;}
.navbar-brand {padding: 0;margin-left: 10px !important;}
a.menu { display:block !important;margin:9px 20px 9px 0;float: right;color: #1179BE; border:0px solid; background:none; font-size:30px;width:27px;position: relative;
cursor:pointer;}
a.menu:hover, a.menu:focus { color:rgb(0, 4, 51);}

.drop_menu1 { display: block;visibility: visible;width:250px !important;height:1000px;padding:5px 30px;position: absolute;right:0 !important;
background-color:#ffffff !important; transition:all ease 0.5s;border-top: 0px solid;cursor: pointer;}

#home1 .section-heading h1 {
    font-size: 29px !important;
    margin: 31px 0 16px !important;
}

.section-heading p {
    font-size: 21px !important;
    line-height: 32px !important;
    margin-bottom: 20px !important;
    
}



}

@media all and (max-width:767px){

.how-we-work-page .blue-bg-section {
    margin: 0 0 0 0 !important;
    padding: 40px 50px;
}

.how-we-work-page h2 {
    margin: 0 !important;
}

#quote-carousel hr {
    display: none; !important;
}

#quote-carousel .carousel-inner > .item {
    height: auto;
}

.how_cont {
    margin: 28px 0 0 5%;
    width: 90%;
}

.how_cont_right {
  margin:6% 0 11px 5%;
}

.how_cont_last {
  margin:3% 0 0 5%;
}

.how_cont h2::before {
  bottom: -11px;

}

.how_cont h2 {
    font-size: 23px;
    margin-bottom: 21px;
}

.how_cont p {
    font-size: 18px;
    line-height: 31px;
}

.last-row-left-col h3 {
    margin: 28px 0 11px !important;
    padding: 0 3%;
}
.how-we-work-page h3 {
    color: #353a3f;
    font-size: 27px !important;
    font-weight: 400;
    line-height: 50px;
    margin: 30px 0 !important;
}


}



@media all and (max-width:430px){
.profile-head ul li {font-size: 12px !important;}
.nav-menu li { width:50%;}
.bio-table>tbody>tr>td {font-size: 13px;}
.carousel-inner > .item {
    height: auto;
}


}