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

@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900);

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,500,600,700,800,900);

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900);

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,900);

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

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,600,700);

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');

@import url('https://fonts.googleapis.com/css?family=Quattrocento:400,700');

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700');



body {

background: #fff;

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

color:#4e4e4e;

line-height: 22px;

}



h1,h2,h3,h4,h5,h6 {

font-weight: 600; 

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

color:#4e4e4e;

}

h1{

font-size: 36px;

/*  color:#fff;*/

}

h3{

font-size: 16px;

color: #787878;

font-weight: 400;

line-height: 24px;

}

h4{

font-size: 16px;

font-family:"Roboto",sans-serif;

}

a {

color: #13aceb;

-webkit-transition: color 100ms, background-color 200ms;

-moz-transition: color 100ms, background-color 200ms;

-o-transition:  color 100ms, background-color 200ms;

transition:  color 100ms, background-color 200ms;

}

a:hover, a:focus {

color: #d43133;

}

hr {

border-top: 1px solid #e5e5e5;

border-bottom: 1px solid #fff;

}



button:active, button:focus {

outline: 0;

}

.cd-top {

display: inline-block;

height: 40px;

width: 40px;

right: 20px;

bottom: 20px;

position: fixed;

margin-bottom: -80px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

overflow: hidden;

text-indent: 100%;

white-space: nowrap;

background: url(../images/top.png) no-repeat center 50%;

visibility: hidden;

opacity: 0;

-webkit-transition: all .3s;

-o-transition: all .3s;

transition: all .3s; 

z-index: 9999;

}

.cd-top.cd-is-visible {

visibility: visible;

opacity: 1;

margin-bottom: 0px;

}

.cd-top.cd-fade-out {

opacity: .5;

}

.logo img {

margin-top: -10px;

margin-left: -15px;

margin-bottom: 10px;

}

.center-txt{

text-align: center;

}



.left-txt{

text-align: left;

}

.right-txt{

text-align: right;

}

.bdr-left1{

border-right: 1px solid #00bcd4;

}

.help-number{

font-family: 'Roboto', sans-serif;

font-size: 18px;

color: #864027;

margin-bottom: -4px;

}

.help-info{

font-family: 'Roboto', sans-serif;

font-size: 12px;

color: #4a4a4a;

margin-top: 0;

}

.txt-left{

text-align: left;

}

.txt-right{

text-align: right;

}

.txt-justify{

text-align: justify;

}

#cont_apt{

padding: 15px 0 25px;

width: 100%;

}

.cont_ct{

background: #93458b;

width: 100%;

}

.tpsc{

width: 100%;

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

background-position: top right;

}

.hdrsc{

float: right;

}

.tplnks{

list-style: none;

padding: 0px;

margin: 0px;

text-align: right;

}

.tplnks li{

display: inline-block;

color: #FF9800;

font-family: 'Titillium Web';

font-weight: 600;

font-size: 15px;

}

.tplnks li i{

margin-right: 5px;

}

.tplnks li a{

display: inline-block;

color: #0992c6;

font-size: 14px;

padding: 5px 15px; 

}

.tplnks li a:hover{

color: #000;

}

.gtrn{

display: inline-block;

float: right;

padding-top: 5px;

margin-right: -30px;

margin-bottom: -30px;

}



.goog-te-gadget{

font-size: 3px !important;

color: #fff !important;

height: 30px !important;

overflow: hidden;

}

.goog-te-combo{

width:100%;

margin-top: 0px !important;

color: #666 !important;

height: 28px !important;

border-color: #e5e5e5;

padding-left: 4px;

}

.goog-logo-link{

display: none !important;

}

.servchm{

padding-top: 20px;

padding-bottom: 20px;

}

.km_srvbx{

margin-bottom: 0px;

}

.ct_pk{

text-align: center;

margin-bottom: -30px;

}

.h2_sr1{

font-family: 'Quattrocento';

font-size: 34px;

color: #4986ea;

margin-top: 15px;

font-weight: normal;

}

.h2_sr2{

font-family: 'Quattrocento';

font-size: 34px;

color: #d18541;

margin-top: 15px;

font-weight: normal;

}

.h2_sr3{

font-family: 'Quattrocento';

font-size: 34px;

color: #ae78d0;

margin-top: 15px;

font-weight: normal;

}

.h2_sr2 span{

font-size: 28px;

}

.tl_dv{

text-align: left;

width: 100%;

float: left;

padding: 0 12px;

background: #fff;

padding-bottom: 20px;

border-bottom: 2px solid #e1e1e1;

}

.ld_srvs{

font-family: 'Open Sans';

font-size: 14px;

color: #6c6c6c;

line-height: 22px;

}

.bt_rm{

font-family: 'Open Sans';

font-size: 14px;

color: #726f6f;

padding-left: 0px;

padding-right: 0px;

font-weight: 600;

}

#apptsc{

padding: 0;

width: 100%;

}

.apmt{

background: #50d8cd;

}

.tx_apt{

font-family: 'Source Sans Pro';

color: #fff;

font-size: 22px;

margin-top: 45px;

}

.apt_bt{

font-family: 'Poppins';

font-size: 14px;

color: #fff;

font-weight: 500;

background: #1e96a4;

margin-top: 40px;

padding: 10px 15px; 

}

.hnlr{

display: none !important;

}

#bntsc{

padding: 25px 0;

}

.bntsc{

width: 100%;

position: relative;

}

#pcnt_sc{

padding-top: 30px;

padding-bottom: 30px;

}

.abt_bg{

background: #fafdff;

background: #eee;

}

.pcnt{

width: 100%;

}

.h3_pri{

font-family: 'Roboto';

font-size: 17px;

color: #064f99; 

margin-top: 25px;

font-weight: 300;

line-height: 22px;

margin-bottom: 10px;

}

.h1_pri{

font-family: 'Roboto';

font-size: 22px;

color: #064f99; 

margin-top: 25px;

font-weight: 300;

line-height: 22px;

margin-bottom: 0px;

}

.hr_pri{

width: 45px;

margin-top: 10px;

margin-left: 0px;

border-top: 1px solid #999;

opacity: .5;

margin-bottom: 40px;

border-bottom-color: transparent;

}

.ld_insd{

font-family: 'Raleway';

font-size: 14px;

line-height: 24px;

color: #414141;

font-weight: 500;

}



.cont_tlm{

/*border-left: 2px solid #16487b;*/

padding-left: 10px;

}

.m_nm{

font-family: 'Montserrat';

font-size: 16px;

font-weight: 600;

color: #353535;

margin-top: 0;

margin-bottom: 0;

}

.m_ds{

font-family: 'Montserrat';

font-size: 14px;

margin-top: 4px;

line-height: 20px;

color: #333;

font-weight: 500;

margin-bottom: 0;

}

.m_ql{

line-height: 18px;

margin-top: 0px;

margin-bottom: 0;

font-family: 'Montserrat';

font-size: 13px;

color: #666;

}

.m_ex{

font-family: 'Montserrat';

font-size: 13px;

font-weight: 500;

margin-top: 10px;

margin-bottom: 0;

}

.ld_tm1{

font-family: 'Open Sans';

font-size: 14px;

line-height: 24px;

color: #565656;

font-weight: 500;

}

.alnr{

float: right;

}

.bdrin{

border-left: 1px solid #e5e5e5;

padding-left: 25px;

}

.sd-nv{

padding: 0px;

margin: 0px;

list-style: none;

}

.sd-nv li{

font-family: 'Raleway';

font-size: 13px;

color: #353535;

font-weight: 600;

}

.sd-nv li a{

display: block;

padding: 10px 15px;

border-bottom: 1px solid #ebeaea;

}

.sd-nv li a:hover{

color: #064f99;

}

.tx_tm{

font-size: 12px;

line-height: 14px;

color: #353535;

}

.vtrc{

text-align: left;

font-size: 14px;

color: #fff;

padding-top: 10px;

padding-bottom: 10px;

}

.fdrc{

text-align: left;

margin-bottom: 10px;

margin-top: 15px;

padding-left: 12px;

}

.ibse{

padding-top: 15px;

color: #353535;

margin-top: 10px;

margin-bottom: 15px;

}

.h3_bn{

font-family: 'Open Sans';

color: #465bc4;

font-size: 21px;

font-weight: 400;

}

.opn_bt{

font-family: 'Open Sans';

background: #26a65b;

color: #fff;

font-size: 15px;

font-weight: 500;

border-radius: 3px;

padding: 8px 15px;

}



.tm_drc{

margin-top: 25px;

}

.dr_vu{

font-family: 'Open Sans';

color: #555353;

font-size: 14px;

font-weight: 500;

line-height: 22px;

margin-left: 14px;

}

.qtmk{

font-family: 'Open Sans';

font-size: 30px;

color: #b2b2b2;

padding-left: -20px;

padding-right: 0px;

}

.dr_vu .qtmk2{

left: -10px !important;

right: 0;

}

.view_mr{

font-family: 'Source Sans Pro';

color: #465bc4;

font-size: 15px;

font-weight: 600;

padding: 8px 15px;

border: 1px solid #e6e6e6;

}

.prsn{

color: #1ea89d;

font-style: italic;

}

.lead-tm span{

font-family: 'Open Sans';

color: #000;

font-size: 12px;

font-weight: 600;

line-height: 16px;

padding-top: 15px;

display: inline-block;

}

.lead-tm img{

margin-bottom: 15px;

}

#tp_insd{

padding: 15px 0;

width: 100%;

}

.tp_insd{

background: #90d7eb;

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

background-position: center top;

}

.insd_tl1{

font-family: 'Raleway';

font-size: 35px;

color: #fff;

text-align: center;

}

.insd_br{

border-top: 2px solid #f242b6;

border-bottom: 2px solid #f242b6;

}

#abtsc{

padding-top: 30px;

padding-bottom: 30px;

margin-bottom: -10px;

}

.abt_hm{

width: 100%;

position: relative;

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

background-position: top right;

height: 500px;

}

.ovsc{

border-left: 2px solid #d0caca;

padding-left: 30px;

padding-bottom: 25px;

}

.h1_sbthm{

margin-top: 15px;

font-family: 'Raleway';

font-size: 22px;

line-height: 26px;

color: #383838;

font-weight: 300;

}

.ld_abhm{

font-family: 'Raleway';

font-size: 15px;

line-height: 26px;

color: #383838;

font-weight: 500;

}

.abt_bt{

font-family: 'Raleway';

color: #1f2779;

font-weight: 600;

}

#prd_sc{

padding-top: 0px;

padding-bottom: 40px;

background-color: #0d1e4a; 

}

.prd_hm{

background-image: url(../images/prd_bg.png);

background-repeat: no-repeat;

background-position: top right;

width: 100%;

}

.hmbx1{

background-color: #fd722e; 

padding: 0px;

height: 435px;

text-align: center;

}

.hmbx2{

background-color: #d83434; 

padding: 0px;

height: 435px;

text-align: center;

}

.hmbx3{

background-color: #064f99; 

padding: 0px;

height: 435px

}

.tlccnt{

margin-top: -20px;

}

.h2_prdsc1{

font-family: 'Quattrocento';

font-weight: 400;

color: #fff;

background: #10297b;

display: inline-block;

margin-top: 0;

padding: 12px 15px 8px;

font-size: 18px;

line-height: 22px;

}

.h2_prdsc1 a, .h2_prdsc2 a{

color: #fff;

}

.h2_prdsc1 a:hover, .h2_prdsc2 a:hover{

color: #fff;

}

.h2_prdsc1:hover, .h2_prdsc2:hover {

background: #000;

}

.prbcnt{

margin-top: 10px;

padding-left: 30px;

padding-right: 30px;

}

.ld_hmsc{

margin-top: 15px;

font-family: 'Montserrat';

font-size: 15px;

line-height: 24px;

color: #fff;

margin-bottom: 20px;

}

.h2_prdsc2{

font-family: 'Quattrocento';

font-weight: 400;

color: #fff;

background: #7dab2e;

display: inline-block;

margin-top: 0;

padding: 12px 15px 8px;

font-size: 18px;

line-height: 22px;

}

.prbcnt2{

padding-left: 30px;

padding-right: 30px;

}

.h2_prdsc3{

font-family: 'Raleway';

font-weight: 400;

color: #fff;

margin-top: 0px;

padding-top: 20px;

font-size: 20px;

line-height: 22px;

}

.hrwht{

border-top: 1px solid #3b9cff;

border-bottom-width: 0px;

width: 45px;

margin-top: 10px;

margin-left: 0px;



}

.ld_hmsc2{

margin-top: 15px;

font-family: 'Montserrat';

font-size: 13px;

line-height: 22px;

color: #fff;

margin-bottom: 20px;

}

.hmbx3{

font-size: 14px;

line-height: 18px;

padding-top: 15px;

}

.h2_trsts{

font-family: 'Raleway';

font-weight: 400;

color: #606060;

margin-top: 20px;

font-size: 24px;

line-height: 22px;

}

#tksh_sc{

padding-top: 40px;

padding-bottom: 50px;

}

.tksh_hmt{

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

}

.hm_prtl{

font-family: 'Montserrat';

font-size: 15px;

font-weight: 500;

color: #ffc106;

line-height: 16px;

margin-bottom: 15px;

margin-top: 0px;

}

.abt_tsh{

font-family: 'Roboto';

color: #fff;

text-align: center;

}

.abt_tsh:hover{

color: #ffc106;

}

.abt_tsh i{

padding-left: 10px;

}

#clnt_sc{

padding-top: 20px;

padding-bottom: 40px;

}



.insdh4{

font-family: 'Raleway';

font-size: 20px;

color: #30363f;

font-weight: 400;

margin-bottom: 5px;

margin-top: 15px;

}

.insd_sm{

width: 35px;

margin-left: 0;

border-top: 2px solid #fff;

border-bottom-color: transparent;

margin-top: 0;

}

.insdh4_2{

font-family: 'Raleway';

font-size: 20px;

color: #465bc4;

font-weight: 400;

margin-bottom: 5px;

margin-top: 15px;

}

.insd_sm2{

width: 35px;

margin-left: 0;

border-top: 2px solid #26a65b;

border-bottom-color: transparent;

margin-top: 0;

}

.pkinsd{

margin-top: 130px;

}

.pd-left0{

padding-left: 0; 

}

.pd-right0{

padding-right: 0; 

}

.pd-lr0{

padding: 0;

}

.hn{

display: none;

}

.hdrtp{

width: 100%;

}

.abt-left-cont{

background: #f4f4f4;

width: 100%;

float: left;

padding: 0 15px;

}



.pd-lr-30{

padding-left: 30px;

padding-right: 30px;

}

.abt-school{

font-family: 'Roboto Slab', serif;

font-size: 17px;

color: #079688;

margin-top: 30px;

margin-bottom: 10px;

}

.abt-sub{

font-family: 'Roboto Slab', serif;

font-size: 14px;

color: #696969;

line-height: 18px;

margin-top: 0px;

margin-bottom: 30px;

}

.lead-abt{

font-family: 'Ubuntu', sans-serif;

font-size: 13px;

line-height: 18px;

color: #696969;

}

h2{

font-size: 20px;

}

img {

vertical-align: middle;

}

.homepage .navbar-brand h2 {

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

font-size: 30px;

color: #262626;

font-weight: 300;

float: left;

margin-top: 28px;

margin-bottom: 5px;

min-width: 250px;

}

.inner .navbar-brand h2 {

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

font-size: 25px;

color: #262626;

font-weight: 300;

float: left;

margin-top: 25px;

margin-bottom: 0;

min-width: 222px;

}

ul.related-catg{

padding: 0;

list-style: none;

font-family: 'Roboto', sans-serif;

padding-bottom: 15px;

display: block;

overflow: auto;

background: rgba(245,245,245,1);

margin: 0 -5px;

}

ul.related-catg li {

padding: 12px 0 12px 13px;

}

ul.related-catg li {

border-bottom: 1px solid #e8e8e8;

font-size: 13px;

padding: 12px 0px;

width: 83%;

line-height: 16px;

margin: 0 auto;

}

ul.related-catg li a{

color: #333;

}

ul.related-catg li a:hover{

color: #03a9f4;

}

.title-inner {

margin-top: 0;

font-family: 'Roboto Slab';

font-size: 18px;

font-weight: normal;

color: #3f4568;

}

.navbar-brand h3 {

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

font-size: 11px;

color: #262626;

font-weight: normal;

margin: 0;

margin-top: 10px;

line-height: 18px;

}



.clearfix:after {

visibility: hidden;

display: block;

font-size: 0;

content: " ";

clear: both;

height: 0;

}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.vr{

display: inline;

height: 100%;

width: 1px;

border-left: 1px dashed #3ec4ff;

margin: 5px;

position: absolute;

top: 0;

right: 0;

}

.no-padding{

padding-bottom: 0;

}

.link-nor{

font-family: 'Roboto', sans-serif;

font-size: 13px;

font-weight: bold;

color: #00b1b0;

}



.btn_qenq {

font-family: 'Montserrat';

font-size: 13px;

font-weight: 600;

padding: 6px 15px 7px;

background: #1e60bd;

color: #fff;

border-radius: 3px;

border:none;

margin-top: 10px;

}

.btn_qenq:hover {

color: #fff;

background: #333;

}

.btn-primary{

font-family: 'Titillium Web';

font-family: 'Open Sans';

font-size: 14px;

font-weight: 500;

padding: 6px 18px;

background: #1e60bd;

color: #fff;

border-radius: 3px;

border:none;

margin-top: 10px;

}

.btn_qenq:hover {

color: #fff;

background: #333;

}

.btn-border {

border-radius: 3px;

border: 1px solid rgba(255,255,255,.5);

color: rgba(255,255,255,.8);

font-size: 13px;

-webkit-transition: all .2s;

-o-transition: all .2s;

transition: all .2s; 

}

.btn-border:hover {

color: #fff;

border-color: #fff;

}

.btn-white{

color: #fff;

}

.btn-white:hover{

color: #d49b5b;

}

.btn-primary:hover, 

.btn-primary:focus{

background: #b4b4b5;

outline: none;

box-shadow: none;

} 

.btn-transparent {

border: 3px solid #fff;

background: transparent;

color: #fff;

}

.btn-transparent:hover {

border-color: rgba(255, 255, 255, 0.5);

}

.spacer{

margin-bottom: 40px;

}

.spacer10{

padding-top: 10px;

height: 1px;

clear: both;

}

.spacer10:after{

content: '.';

visibility: hidden;

clear: both;

}

.spacer20{

padding-top: 20px;

height: 1px;

clear: both;

}

.spacer20:after{

content: '.';

visibility: hidden;

clear: both;

}

.spacer30{

padding-top: 30px;

height: 1px;

clear: both;

}

.spacer30:after{

content: '.';

visibility: hidden;

clear: both;

}

.spacer40{

padding-top: 40px;

height: 1px;

clear: both;

}

.spacer40:after{

content: '.';

visibility: hidden;

clear: both;

}

a:hover,a:focus {

color: #111;

text-decoration: none;

outline: none;

}

.lsinsd{

font-size: 14px;

line-height: 22px;

text-align:left;

padding-bottom: 14px;

padding-top: 17px;

}

.tm_tx{

text-align: left;

font-size: 14px;

}



#main-content{

background-color: #f5f5f5;

padding-top: 25px;

padding-bottom: 25px;

}

ul.insd_ls{

list-style: none;

text-align: left;

padding: 0;

font-size: 14px;

font-family: 'Raleway';

line-height: 23px;

font-weight: 500;

}

ul.insd_ls{

list-style: none;

text-align: left;

padding: 0;

font-size: 14px;

-webkit-transition: all 400ms;

-moz-transition: all 400ms;

-ms-transition: all 400ms;

-o-transition: all 400ms;

transition: all 400ms;

position: relative;

}

ul.insd_ls li:before{

content: "\f054";

font-family: 'FontAwesome';

font-size: 8px;

padding-top: 1px;

color: #c52d2f;

text-indent: -13px;

position: absolute;

}

ul.insd_ls li {

color: #414141;

padding: 0 17px;

line-height: 24px;

margin-bottom: 8px;

}

ul.insd_ls ul{

list-style: none;

text-align: left;

padding: 0;

padding-left: 15px;

font-size: 14px;

margin-top: 10px;

}

ul.insd_ls ul li {

color: #414141;

padding: 0 17px;

line-height: 18px;

margin-bottom: 8px;

}

ul.insd_ls ul li:before{

content: "\f105";

font-family: 'FontAwesome';

font-size: 11px;

padding-top: 2px;

color: #c52d2f;

text-indent: -13px;

position: absolute;

}

ul.insd_ls li a{

color: #727272;

}

ul.insd_ls li a:hover{

color: #c52d2f;

-webkit-transition: all 200ms;

-moz-transition: all 200ms;

transition: all 200ms;

}

.im_rt{

float: right;

}

.alfe{

vertical-align: middle !important;

}

.tblm thead>tr>td{

background: #c8811b;

color: #fff;

text-align: center;

border-color: #f2ab45;

}

.spc_t{

text-align: center;

border-bottom: 1px solid #f2ab45 !important;

}

.dropdown-menu {

margin-top: -1px;

min-width: 180px;

}

body > section {

padding: 50px 0;

}

.center {

text-align: center;

padding-bottom: 0px;

}

.center-text{

text-align: center;

}

.lead{

font-size: 13px;

line-height: 20px;

font-weight: 400;

font-family: 'Roboto', sans-serif;

color: #727272;

}

.blue-block{

display: block;

color: #2996bd;

text-transform: uppercase;

margin-top: 8px;

margin-bottom: 10px;

}

.btn-blue{

background: #2996bd;

color: #fff;

font-family: 'Lato', sans-serif;

font-size: 12px;

font-weight: bold;

}

.btn-blue-light{

background: #9dc9ec;

color: #fff;

font-family: 'Lato', sans-serif;

font-size: 12px;

font-weight: bold;

margin-top: 25px;

margin-bottom: 0px;

}

.btn-violet{

background: #b86a9e;

color: #fff;

font-family: 'Lato', sans-serif;

font-size: 12px;

font-weight: bold;

}

.btn-violet-margin{

background: transparent;

color: #b86a9e;

font-family: 'Lato', sans-serif;

font-size: 12px;

font-weight: bold;

margin-top: 20px;

margin-bottom: 12px;

text-align: center;

display: inline-block;

border-top: 1px solid #b86a9e;

width: 30%;

}

.pr-20 {

padding-bottom: 20px;

}

#recent-works .lead{

font-size: 14px;

max-width: 800px;

margin: 0 auto;

padding-left: 15px;

padding-right: 15px;

color: #333;

padding-bottom: 40px;

}

.small-font{

font-size: 13px;

line-height: 19px;

}

.small-font p{

margin-top: 30px;

}

.transparent-bg {

background-color: transparent !important;

margin-bottom: 0;

}

#header{

background: transparent;

}

.top-bar {

padding: 5px 0 0;

background: #fff;

width: 100%;

float: left;

}

.logo{

float: left;

margin-top: 10px;

}

.tp_nbr{

margin-bottom: 0;

text-align: center;

}



.social{

text-align: right;

}

.social-share{

display: inline-block;

list-style: none;

padding: 0;

margin: 0;

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

font-size: 11px;

color: #9a9898;

margin-right: 15px;

}

.social-share li {

display: inline-block;

padding-left: 2px;

}

.social-share li a {

display: inline-block;

color: #203876;

line-height: 16px;

text-align: center;

border-radius: 2px;

font-size: 14px;

padding-left: 5px;

}

.social-share .fb, .social-icon-footer .fb {

color: #002e5b;

}

.social-share .tw, .social-icon-footer .tw{

color: #45a3ff;

}

.social-share .gp, .social-icon-footer .gp{

color: #f03637;

}

.social-share .yt, .social-icon-footer .yt{

color: #fe0000;

}

.social-share li a:hover {

background: #203876;

color: #fff;

}

.login-links{

display: inline-block;

list-style: none;

padding: 0;

margin: 0;

margin-right: 15px;

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

font-size: 12px;

text-transform: uppercase;

font-weight: 600;

line-height: 16px;

}

.login-links li {

display: inline-block;

color: #1e3578;

padding-left: 5px;

padding-right: 5px;

}

.login-links li a {

display: inline-block;

color: #1e3578;

line-height: 25px;

text-align: center;

}

.login-links li a:hover {

color: #333;

}

.txa_l{

text-align: left !important;

}

.txa_c{

text-align: center !important;

}

.txa_r{

text-align: right !important;

}

.txa_j{

text-align: justify !important;

}

#hlpl{

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

background-position: top center;

padding: 10px 0;

height: 73px;

position: relative;

margin-bottom: -11px;

}

.tphlpl{

width: 100%;

position: relative;

padding: 0;

}

.nmbr-top{

margin: 0;

margin-top: 9px;

font-family: 'Roboto';

color: #fff;

font-size: 18px;

font-weight: normal;

}

.nmbr-top a{

color: #fff;

}

.nmbr-top i{

font-weight: normal;

font-size: 13px;

margin-right: 5px;

display: none;

}

.nmbr-lb{

margin: 0;

font-family: 'Roboto';

color: #ffb5b5;

font-size: 12px;

line-height: 16px;

font-weight: normal;

}

.asmnt{

margin: 0;

margin-top: 4px; 

text-align: right;

color: #75838a;

font-family: 'Karla';

font-size: 13px;

font-weight: normal;

}

.asmntlnk{

margin: 0;

text-align: right;

color: #7dc4f8;

font-size: 17px;

font-weight: 500;

font-family: 'Karla';

}

.asmntlnk a{

color: #7dc4f8;

}

.asmntlnk a:hover{

color: #fff;

text-decoration: underline;

}

#frm_tp{

padding: 20px 0;

background: #002e5b;

}

.enqr{

width: 100%;

}

.enq_bt{

background: transparent;

color: #fff;

font-size: 16px;



}

.enq-h2{

margin-top: 6px;

font-family: 'Roboto Slab';

font-size: 16px;

color: #fff;

font-weight: 300;

text-align: right;

}



#consl-enq .form-group{

margin-bottom: 0;

}

#consl-enq .form-group .form-control{

background: #0d3963;

border-color: transparent;

}

#consl-enq .form-group .form-control:focus{

border-color: #1b558c;

}

.submit-btnn{

color: #fff;

background: #774a9d;

border-radius: 3px;

font-family: 'Poppins';

font-weight: 600;

padding: 8px 18px;

border: 1px solid #774a9d;

height: 42px;

outline: 0;

}

.submit-btnn:hover, .submit-btnn:focus, .submit-btnn:active{

outline: 0;

background: #000;

color: #fff;

box-shadow: none;

}





#result{

color: #fff;

margin-top: 5px;

text-align: center;

}

#result1{

padding-top: 15px; 

}

#home-abt{

padding-top: 30px;

padding-bottom: 30px;

background: #f1f9fc;

}

.h1-pri{

font-family: 'Poppins';

font-size: 30px;

line-height: 30px;

color: #002e5b;

text-align: center;

margin-top: 0;

font-weight: 700;

margin-bottom: 10px;

}

.h1-pri2{

font-family: 'Poppins';

font-size: 25px;

line-height: 25px;

color: #002e5b;

text-align: center;

margin-top: 30px;

font-weight: 400;

margin-bottom: 0px;

}

.lead-abt{

font-family: 'Raleway';

font-size: 14px;

color: #35364e;

line-height: 23px;

text-align: center;

font-weight: 500;

margin-top: 28px;

margin-bottom: 0;

}

.lead-abt2{

font-family: 'Raleway';

font-size: 14px;

color: #35364e;

line-height: 23px;

text-align: center;

font-weight: 500;

margin-top: 15px;

}

.hrsml-pri{

border: 0;

margin-top: 0;

margin-bottom: 0;

height: 6px;

width: 35px;

border-radius: 3px;

background: #fe0000;

}

.hrsml-pri-bl{

border: 0;

margin-top: 0;

margin-bottom: 0;

height: 6px;

width: 35px;

border-radius: 3px;

background: #002e5b;

}

.km-btn{

color: #e40404;

font-family: 'Nunito';

font-weight: 500;

font-size: 16px;

text-align: center;

margin-top: 15px;

}



#tmnl{

width: 100%;

position: relative;

padding: 40px 0 50px; 

} 

.tsmnl{

width: 100%;

position: relative;

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

background-position: bottom left;

}



.h2-pri{

font-family: 'Poppins';

font-size: 20px;

line-height: 20px;

margin-top: 0;

color: #002e5b;

text-align: left;

font-weight: 700;

margin-bottom: 0;

}

.h2-pri img{

margin-right: 8px;

}



.hrlai-pri{

margin-top: 15px;

margin-bottom: 10px;

border-bottom: 0;

border-top-color: #ebebeb;

overflow: visible;

position: relative;

}

.hrlai-pri:after{

content: "";

width: 53px;

top: -1px;

left: 0;

background: #fe0000;

height: 1px;

position: absolute;

}

.ssld{

padding-left: 0px;

text-align: center;

list-style: none;

margin-top: 10px;

}

.imve{

max-width: 100%;

display: block;

}

.imvec{

margin: 0 auto;

}

.tx_dm{

text-align: left;

font-size: 16px;

}





.evna{

padding-left: 0px;

text-align: center;

list-style: none;

margin-top: 20px;

}

.nv_ld{

font-family: 'Raleway';

color: #000;

font-size: 14px;

font-weight: 500;

line-height: 19px;

padding-left: 0px;

margin-bottom: 0;

padding-bottom: 10px;

padding-right: 0px;

}

.hr_nv{

margin-top: 0px;

margin-bottom: 0px;

}

.nv_ld span{

font-family: 'Open Sans';

color: #000;

font-size: 12px;

font-weight: 600;

line-height: 16px;

padding-top: 15px;

padding-bottom: 15px;

display: block;

border-bottom: 1px solid #eee;

}

.nv_ld i{

margin-bottom: 15px;

}

.nv_ldp{

text-align: center;

margin-top: 10px;

}

.lead-why{

font-family: 'Raleway';

color: #35364e;

/*margin-top: 50px;*/

margin-top: 30px;

font-size: 14px;

line-height: 24px;

font-weight: 500;

margin-bottom: 25px;

}

.km_btn2{

color: #e40404;

font-family: 'Nunito';

font-weight: 500;

font-size: 16px;

}

.p_sc{

padding: 30px 0;

border-top: 1px solid #ddd;

background: #f0f8ff;

border-bottom: 1px solid #d5d5d5;

}

.h1_pr_c{

font-family: 'Lato', sans-serif;

font-size: 26px;

font-weight: bold;

margin-top: 0;

color: #123a70;

margin-bottom: 0px;

text-align: center;

} 

.cns_t{

padding: 30px 0;

}



.h2_pri_pr{

font-family: 'Lato', sans-serif;

color: #455272;

text-align: center;

background: #fff;

font-size: 24px;

display: inline-block;

font-weight: normal;

padding: 0 15px;

}

.hr_prtn{

margin-top: -22px;

border-top-color: #d6d6d6

}

.tieups .bx-wrapper{

margin-top: 20px;

}



#serv_sc{

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

background-position: top center;

padding: 30px 0;

}

.h1-pri-wht{

font-family: 'Poppins';

font-size: 28px;

line-height: 30px;

color: #fff;

font-weight: 600;

text-align: center;

margin-top: 0px;

}

.hrsml-pri2{

border: 0;

margin-top: 0;

margin-bottom: 15px;

height: 6px;

width: 35px;

border-radius: 6px;

background: #fff;

}

.h2_pri_ser1{

font-family: 'Poppins';

font-size: 18px;

line-height: 20px;

color: #50e0ff;

font-weight: 600;

}

.h2_pri_ser2{

font-family: 'Poppins';

font-size: 18px;

line-height: 20px;

color: #fea430;

font-weight: 600;

}

.h2_pri_ser3{

font-family: 'Poppins';

font-size: 18px;

line-height: 20px;

color: #92e36a;

font-weight: 600;

}

.h2_pri_ser4{

font-family: 'Poppins';

font-size: 18px;

line-height: 20px;

color: #ffe74b;

font-weight: 600;

}

.lead_serv{

font-family: 'Raleway';

font-size: 13px;

line-height: 20px;

font-weight: 300;

color: #eaeaea;

margin-top: 18px;

}



.serv_bt{

color: #fff;

font-family: 'Nunito';

font-weight: 500;

font-size: 16px;

padding: 5px 0 15px;



}

.serv_bt:hover, .serv_bt:focus{

color: #0079ff;

}

.btntkp{

color: #212121;

font-family: 'Nunito';

font-weight: 500;

font-size: 14px;

line-height: 18px;

display: inline-block;

padding: 10px 15px 0;

white-space: normal;

}

.btntkp:hover, .btntkp:focus{

color: #0079ff;

}

.mrtb15{

margin-top: 20px;

margin-bottom: 20px;

text-align: center;

}

#videos{

background: url(../images/video-bg.jpg);

padding: 30px 0 50px;

}

#inner_cont{

padding: 40px 0;

/*background: #f1f9fc;*/

border-bottom: 1px solid #e8e8e8;;



}

.insct{

border-right: 1px solid #e8e8e8;

padding-right: 25px;

}

#frm-insd{

padding: 0 25px;

}

.enq-h2in{

margin-top: 6px;

font-family: 'Roboto Slab';

font-size: 16px;

color: #333;

margin-bottom: 15px;

font-weight: 700;

}

#consl-enq2 .form-group{

margin-bottom: 15px;

}

#consl-enq2 .form-group .form-control{

margin-left: 0;

margin-right: 0;

}

#consl-enq2 .form-group .form-control:focus{

border-color: #1b558c;

}



.submit-btn2{

color: #fff;

background: #002e5b;

border-radius: 0;

font-family: 'Poppins';

font-weight: 600;

padding: 8px 18px;

border: 1px solid #2e5377;

height: 36px;

outline: 0;

}

.submit-btn2:hover, .submit-btn2:focus, .submit-btn2:active{

outline: 0;

background: #fff;

color: #000;

box-shadow: none;

}



.h2_insd{

font-family: 'Raleway';

font-size: 18px;

font-weight: 500;

margin-top: 20px;

margin-bottom: 12px;

color: #474747;

}

.h2_insd2{

font-family: 'Raleway';

font-size: 18px;

font-weight: 500;

margin-top: 20px;

margin-bottom: 12px;

color: #05bae7;

}

.h2_insd3{

font-family: 'Raleway';

font-size: 20px;

font-weight: 600;

color: #212121;

margin-top: 40px;

line-height: 24px;

}

.mt0{

margin-top: 5px;

}

.insd_ld{

font-family: 'Raleway';

font-size: 14px;

color: #35364e;

line-height: 23px;

font-weight: 500;

margin-top: 10px;

}

.insd_ld_lk {

font-family: 'Open Sans';

font-size: 14px;

color: #35364e;

line-height: 20px;

font-weight: 500;

margin-top: 10px;

}

.insd_ld_lk a{

color: #35364e;

word-break: break-all;

}

.lead-inner-lnk a:hover{

color: #000;

text-decoration: underline;

}

.icon-text {

position: relative;

display: inline-block;

vertical-align: middle;

display: inline-block;

line-height: 14px;

font-family: 'Montserrat', sans-serif;

color: #303f9f;

}

.icon-text span {

display: inline-block;

vertical-align: middle;

}

.icon-text span.small{

line-height: 12px;

margin-top: -5px;

}

#header{

z-index: 9999 !important;

}

.navbar-brand {

padding: 0;

margin:0;

}

hr.hr-arrow-bot {

color: #F3F3F3;

text-align: center;

margin: 30px 0;

line-height: 100%;

padding: 0;

border: none;

border-top: 1px solid #F0F0F0;

position: relative;

overflow: visible;

}

hr.hr-arrow-bot:before {

background: #066baf;

content: "";

height: 1px;

left: 25%;

position: absolute;

margin-top: -1px;

width: 50%;

}

hr.hr-arrow-bot:after {

background: #fff;

color: #066baf;

content: '\f107';

display: inline-block;

font-family: "FontAwesome";

font-size: 30px;

line-height: 35px;

padding: 0 40px;

position: relative;

top: -15px;

}



hr.hr-arrow-about {

color: #F3F3F3;

text-align: center;

margin: 30px 0;

line-height: 100%;

padding: 0;

border: none;

border-top: 1px solid #F0F0F0;

position: relative;

overflow: visible;

}

hr.hr-arrow-about:before {

background: #066baf;

content: "";

height: 1px;

left: 15%;

position: absolute;

margin-top: -1px;

width: 70%;

}

hr.hr-arrow-about:after {

background: #fff;

color: #066baf;

content: '\f009';

transform: rotate(45deg);

display: inline-block;

font-family: "FontAwesome";

font-size: 35px;

line-height: 35px;

padding: 0 20px;

position: relative;

top: -15px;

font-size: 20px;

}

h2.abt-h2{

color: #066baf;

font-size: 24px;

font-family: 'Raleway';

}

.navbar-default .navbar{

border-width: 0; 

}

.homepage .navbar {

padding: 0;

margin: 0;

background-color: #f1940a;

border-radius: 0;

min-height: 0;

z-index: 999;

transition:background-color 0.2s;

-webkit-transition: all .2s;

-o-transition: all .2s;

transition: all .2s; 

}

.inner .navbar {

border-radius: 0;

margin-bottom: 0;

padding: 0;

padding-bottom: 0;

background-color: #fff;

z-index: 999;

transition:background-color 0.2s;

min-height: 85px;

-webkit-transition: all .2s;

-o-transition: all .2s;

transition: all .2s; 

}

.img-padding-right0{

padding-right: 0;

}

.homepage .navbar-nav{

font-family: 'Titillium Web', sans-serif;

}

.inner .navbar-nav{

margin-top: 6px;

font-family: 'Titillium Web', sans-serif;

}

.navbar-default{

border-width: 0; 

font-family: 'Titillium Web', sans-serif;

}

.navbar-default .navbar-nav>li>a {

font-family: 'Titillium Web', sans-serif;

color: #fff;

line-height: 24px;

font-size: 13px;

font-weight: 600;

text-transform: uppercase;

border-color: transparent;

padding: 8px 16px;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, 

.navbar-default .navbar-nav>.active>a:hover {

background-color: transparent;

color: #044483;

}

.navbar-default .navbar-nav > li > a:hover{

background-color: #013a5c;

color: #fff;

border-color: transparent;

}

.navbar-default .navbar-nav .open>a, .navbar-default .navbar-nav>.open>a:focus, 

.navbar-default .navbar-nav>.open>a:hover {

background-color: #013a5c;

color: #fff;

border-color: transparent;

}

.navbar-default .dropdown-menu {

position: absolute;

top: 100%;

left: 0;

z-index: 1000;

display: none;

float: left;

text-transform: uppercase;



min-width: 170px;

padding: 5px 0;

margin: 2px 0 0;

font-size: 13px;

text-align: left;

list-style: none;

background-color: #fff;

-webkit-background-clip: padding-box;

background-clip: padding-box;

border: 0;

min-width: 20em;

border-radius: 0px;

-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);

box-shadow: 0 6px 12px rgba(0,0,0,.175);

}

.navbar-default .navbar-nav li.open>a, .navbar-default .navbar-nav .open>a:focus{

background-color: #013a5c;

color: #fff!important;

transition: none;

}

.navbar-default .dropdown-menu>li>a {

color: #333;

font-weight: 600;

padding-top: 8px ;

padding-bottom: 8px ;

}

.navbar-default .dropdown-menu>li>a:focus,.navbar-default .dropdown-menu>li>a:hover {

color: #fff;

text-decoration: none;

background-color: #33b2e8;

}

.navbar-default .navbar-toggle .icon-bar {

background-color: #fff;

}

.navbar-default .navbar-toggle .icon-bar {

background-color: #e61c1b;

}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

background-color: #e6e6e6;

}

.navbar-default .navbar-toggle .icon-bar {

-webkit-transition: opacity, -webkit-transform;

transition: opacity, -webkit-transform;

transition: opacity, transform;

transition: opacity, transform, -webkit-transform;

-webkit-transition-duration: 400ms;

transition-duration: 400ms;

-webkit-transition-timing-function: cubic-bezier(0.9, 0, 0, 0.2);

transition-timing-function: cubic-bezier(0.9, 0, 0, 0.2);

}

.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(1) {

-webkit-transform: translateY(6px) rotate(45deg);

transform: translateY(6px) rotate(45deg);

}

.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {

opacity: 0;

-webkit-transform: translateX(-100%);

transform: translateX(-100%);    

}

.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {

-webkit-transform: translateY(-6px) rotate(-45deg);

transform: translateY(-6px) rotate(-45deg);

}

.navbar-header{

text-align: center;

}

.navbar-toggle {

position: relative;

float: none;

padding: 12px 10px;

margin-right: 15px;

text-align: center;

margin: 0 auto;

margin-bottom: 8px;

margin-top: 8px;

background-image: none;

border: 1px solid #e6e5e5;

background: #e6e6e6;

border-radius: 0;

}

.navbar-inverse .navbar-nav > li > a {

padding: 15px 14px;

margin: 0;

color: #555656;

line-height: 24px;

display: inline-block;

font-size: 12px;

font-weight: 400;

border-top: 3px solid transparent;

border-color: transparent;

padding-top: 15px;

}

.navbar-inverse .navbar-nav > li > a:hover{

background-color: #f1682c;

color: #fff;

}

.navbar-inverse {

border: none;

}

.navbar-inverse .navbar-brand {

font-size: 36px;

line-height: 50px;

color: #fff;

}

.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus,

.navbar-inverse .navbar-nav > .open > a,

.navbar-inverse .navbar-nav > .open > a:hover,

.navbar-inverse .navbar-nav > .open > a:focus {

background-color: #a7a8ac;

color: #fff;

}

.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus{

background-color: transparent;

color: #555656;

border-top: 3px solid #c5c4c2;

}

.navbar-inverse .navbar-nav .dropdown-menu {

background-color: rgba(0,0,0,.85);

-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);

-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);

box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);

border: 0;

padding: 0;

margin-top: 0;

border-top: 0;

border-radius: 0;

left: 0;

}

.navbar-inverse .navbar-nav .dropdown-menu:before{

position: absolute;

top:0;

}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {

padding: 8px 15px;

color: #fff;

}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,

.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,

.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {

background: #1e60bd;

color: #fff;

}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {

border-radius: 0 0 3px 3px;

}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {

background-color: transparent;

}

.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

border-top: 0;

padding-bottom: 0;

}



#news{

padding: 0;

margin: 0;

}

.thumb-info.tb-thumb-info .thumb-info-title {

text-transform: none;

font-size: 18px;

font-weight: 400;

padding: 9px 30px 9px 14px;

}

.thumb-info .font-normal{

padding-top: 13px;

line-height: 15px;

}

.thumb-info .font-normal .txt-info{

margin-top: 12px;

}

.thumb-info .font-big{

font-size: 20px;

line-height: 35px;

}

.srpl{

width: 100%;

}

.srplsldr{

width: 100%;

}

#main-slider {

position: relative;

}

#main-slider .container{

padding: 0;

}

.no-margin {

margin: 0;

padding: 0;

}

#main-slider .carousel .carousel-content {

margin-top: 120px;

position: relative;

}

#main-slider .carousel .carousel-content-2 {

margin-top: 340px;

margin-left: 30px;

margin-right: 30px;

padding: 20px;

padding-top: 5px;

position: relative;

}

#main-slider .carousel .carousel-content-3 {

margin-top: 340px;

margin-left: 0px;

margin-right: 0px;

padding: 0px;

padding-top: 5px;

position: relative;

}

#main-slider .carousel .carousel-content-4 {

margin-top: 350px;

margin-left: 0px;

margin-right: 0px;

padding: 0px;

padding-top: 5px;

position: relative;

}

#main-slider .carousel .sld_tx1{

font-family: 'Raleway', sans-serif;

color: #021d4f;

margin-bottom: 0px;

font-size: 35px;

line-height: 34px;

font-weight: 300;

text-align: right;

}

#main-slider .carousel .sld_tx2{

font-family: 'Raleway', sans-serif;

color: #fff;

margin-bottom: 0px;

font-size: 35px;

line-height: 34px;

font-weight: 300;

text-align: right;

}

.tl1{

border-bottom: 3px solid #ff0a0a;

}

#main-slider .carousel .sld_tx1 strong{

font-weight: 800;

}

.btsld{

margin-top: 10px;

color: #ff1919;

background: #071a39;

opacity: .7;

font-size: 15px;

font-weight: 800;

border-radius: 20px;

font-family: 'Poppins';

padding: 5px 20px;

margin-left: 3px;

margin-right: 3px;

}

span.title1{

font-weight: normal;

}

span.title2{

font-size: 40px;

font-weight: 300;

color: #fff;

margin-top: 15px;

}

#main-slider .carousel h2.sld-2 {

padding-top: 100px;

}

#main-slider .carousel h3 {

margin-top: 10px;

color: #fff;

}

#main-slider .carousel .btn-slide {

padding: 8px 20px;

background: #c52d2f;

color: #fff;

border-radius: 4px;

margin-top: 25px;

display: inline-block;

}

#main-slider .carousel .slider-img{

text-align: right;

position: absolute;

}

#main-slider .carousel .item {

background-position: 50%;

background-repeat: no-repeat;

background-size: cover;

left: 0 !important;

opacity: 0;

top: 0;

position: absolute;

width: 100%;

display: block !important;

height: 350px;

-webkit-transition: opacity ease-in-out 500ms;

-moz-transition: opacity ease-in-out 500ms;

-o-transition: opacity ease-in-out 500ms;

transition: opacity ease-in-out 500ms;

}

#main-slider .carousel .inner {

background-position: 50%;

background-repeat: no-repeat;

background-size: cover;

left: 0 !important;

opacity: 0;

top: 0;

position: absolute;

width: 100%;

display: block !important;

height: 350px;

-webkit-transition: opacity ease-in-out 500ms;

-moz-transition: opacity ease-in-out 500ms;

-o-transition: opacity ease-in-out 500ms;

transition: opacity ease-in-out 500ms;

}



li.orange-icon{

color: #de9e51;

}

li.green-icon{

color: #9abd50;

}

li.blue-icon{

color: #48b2ce;

}

#main-slider .carousel .item:first-child {

top: auto;

position: relative;

}

#main-slider .carousel .item.active {

opacity: 1;

-webkit-transition: opacity ease-in-out 500ms;

-moz-transition: opacity ease-in-out 500ms;

-o-transition: opacity ease-in-out 500ms;

transition: opacity ease-in-out 500ms;

z-index: 1;

}

#main-slider .prev,

#main-slider .next {

position: absolute;

/*top: 50%;*/

bottom: 15px;

background-color: #2b2b2b;

color: #fff;

display: inline-block;

margin-top: -25px;

height: 35px;

line-height: 33px;

width: 35px;

text-align: center;

border-radius: 50%;

z-index: 5;

font-size: 17px;

left: 60px;

}

#main-slider .prev i,

#main-slider .next i {

opacity: .8;

}

#main-slider .prev:hover,

#main-slider .next:hover {

background-color: #000;

}

#main-slider .prev {

bottom: 55px;

}

#main-slider .next {

left: 60px;

}

#main-slider .carousel-indicators{

left: 0px;

top: 50%;

margin-top: -40px;

margin-left: 0;

width: 20px;

}

#main-slider .carousel-indicators li {

display: block;

width: 12px;

height: 12px;

background-color: transparent;

margin: 0 10px 7px 10px;

border: 2px solid #fff;

opacity: .5;

}

#main-slider .carousel-indicators .active{

border: 2px solid #fff;

opacity: .8;

}



#main-slider .active .animation.animated-item-1 {

-webkit-animation: fadeInUp 300ms linear 300ms both;

-moz-animation: fadeInUp 300ms linear 300ms both;

-o-animation: fadeInUp 300ms linear 300ms both;

-ms-animation: fadeInUp 300ms linear 300ms both;

animation: fadeInUp 300ms linear 300ms both;

}

#main-slider .active .animation.animated-item-1-1 {

-webkit-animation: fadeInLeft 300ms linear 300ms both;

-moz-animation: fadeInLeft 300ms linear 300ms both;

-o-animation: fadeInLeft 300ms linear 300ms both;

-ms-animation: fadeInLeft 300ms linear 300ms both;

animation: fadeInLeft 300ms linear 300ms both;

}

#main-slider .active .animation.animated-item-2-1 {

-webkit-animation: fadeInRight 300ms linear 300ms both;

-moz-animation: fadeInRight 300ms linear 300ms both;

-o-animation: fadeInRight 300ms linear 300ms both;

-ms-animation: fadeInRight 300ms linear 300ms both;

animation: fadeInRight 300ms linear 300ms both;

}

.qube{

position: absolute;

display: inline;

top: 10px;

margin-left: 15px;

}

.qube img{

position: absolute;

top: 0;

left: 0;

}

#main-slider .active .animation.animated-item-2 {

-webkit-animation: fadeInUp 300ms linear 600ms both;

-moz-animation: fadeInUp 300ms linear 600ms both;

-o-animation: fadeInUp 300ms linear 600ms both;

-ms-animation: fadeInUp 300ms linear 600ms both;

animation: fadeInUp 300ms linear 600ms both;

}

#main-slider .active .animation.animated-item-3 {

-webkit-animation: fadeInUp 300ms linear 900ms both;

-moz-animation: fadeInUp 300ms linear 900ms both;

-o-animation: fadeInUp 300ms linear 900ms both;

-ms-animation: fadeInUp 300ms linear 900ms both;

animation: fadeInUp 300ms linear 900ms both;

}

#main-slider .active .animation.animated-item-4 {

-webkit-animation: fadeInUp 300ms linear 1200ms both;

-moz-animation: fadeInUp 300ms linear 1200ms both;

-o-animation: fadeInUp 300ms linear 1200ms both;

-ms-animation: fadeInUp 300ms linear 1200ms both;

animation: fadeInUp 300ms linear 1200ms both;

}

#inner .col-sm-3{

padding: 0;

}

#whyus-slider {

position: relative;

background: #eee;

}

#whyus-slider .carousel .carousel-content {

margin-top: 160px;

margin-left: 30px;

margin-right: 30px;

padding: 30px;

padding-top: 10px;

}

#whyus-slider .carousel h2 {

font-family: 'Source Sans Pro', sans-serif;

color: #fff;

margin-bottom: 0px;

font-size: 25px;

line-height: 22px;

margin-left: 35px;

margin-top: 90px;

}

#whyus-slider .carousel h3 {

margin-top: 10px;

color: #fff;

}

#whyus-slider .carousel .btn-slide {

padding: 8px 20px;

background: #c52d2f;

color: #fff;

border-radius: 4px;

margin-top: 25px;

display: inline-block;

}

#whyus-slider .carousel .slider-img{

text-align: right;

position: absolute;

}

.blue-h2{

font-family: 'Ubuntu', sans-serif;

color: #0598ff;

font-size: 22px;

font-weight: normal;

}

.border-right{

border-right:1px solid #eaeaea; 

}

hr.margin0{

margin: 0;

}

.profile-content{

padding: 25px;

}

#whyus-slider .carousel .item {

background-position: 50%;

background-repeat: no-repeat;

background-size: cover;

left: 0 !important;

opacity: 0;

top: 0;

position: absolute;

width: 100%;

display: block !important;

height: 520px;

-webkit-transition: opacity ease-in-out 500ms;

-moz-transition: opacity ease-in-out 500ms;

-o-transition: opacity ease-in-out 500ms;

transition: opacity ease-in-out 500ms;

}

#whyus-slider .carousel .inner {

background-position: 50%;

background-repeat: no-repeat;

background-size: cover;

left: 0 !important;

opacity: 0;

top: 0;

position: absolute;

width: 100%;

display: block !important;

height: 520px;

-webkit-transition: opacity ease-in-out 500ms;

-moz-transition: opacity ease-in-out 500ms;

-o-transition: opacity ease-in-out 500ms;

transition: opacity ease-in-out 500ms;

}

#whyus-slider .carousel .item:first-child {

top: auto;

position: relative;

}

#whyus-slider .carousel .item.active {

opacity: 1;

-webkit-transition: opacity ease-in-out 500ms;

-moz-transition: opacity ease-in-out 500ms;

-o-transition: opacity ease-in-out 500ms;

transition: opacity ease-in-out 500ms;

z-index: 1;

}

#whyus-slider .prev,

#whyus-slider .next {

position: absolute;

top: 50%;

background-color: rgba(0,0,0, .7);

color: #fff;

display: inline-block;

margin-top: -25px;

height: 40px;

line-height: 40px;

width: 40px;

line-height: 40px;

text-align: center;

border-radius: 4px;

z-index: 5;

}

#whyus-slider .prev:hover,

#whyus-slider .next:hover {

background-color: #2f7afd;

}

#whyus-slider .prev {

left: 10px;

}

#whyus-slider .next {

right: 10px;

}

#whyus-slider .carousel-indicators li {

width: 20px;

height: 20px;

background-color: #fff;

margin: 0 15px 0 0;

position: relative;

}

#whyus-slider .carousel-indicators li:after {

position: absolute;

content: "";

width: 24px;

height: 24px;

border-radius: 100%;

background: rgba(0, 0, 0, 0);

border: 1px solid #FFF;

left: -3px;

top: -3px;

}

#whyus-slider .carousel-indicators .active{

width: 20px;

height: 20px;

margin: 0 15px 0 0;

background-color: #2f7afd;

border: 1px solid #2f7afd;

position: relative;

}

#whyus-slider .carousel-indicators .active:after {

position: absolute;

content: "";

width: 24px;

height: 24px;

border-radius: 100%;

background-color: #2f7afd;

border: 1px solid #2f7afd;

left: -3px;

top: -3px;

}

#whyus-slider .active .animation.animated-item-1 {

-webkit-animation: fadeInUp 300ms linear 300ms both;

-moz-animation: fadeInUp 300ms linear 300ms both;

-o-animation: fadeInUp 300ms linear 300ms both;

-ms-animation: fadeInUp 300ms linear 300ms both;

animation: fadeInUp 300ms linear 300ms both;

}

#whyus-slider .active .animation.animated-item-2 {

-webkit-animation: fadeInUp 300ms linear 600ms both;

-moz-animation: fadeInUp 300ms linear 600ms both;

-o-animation: fadeInUp 300ms linear 600ms both;

-ms-animation: fadeInUp 300ms linear 600ms both;

animation: fadeInUp 300ms linear 600ms both;

}

#whyus-slider .active .animation.animated-item-3 {

-webkit-animation: fadeInUp 300ms linear 900ms both;

-moz-animation: fadeInUp 300ms linear 900ms both;

-o-animation: fadeInUp 300ms linear 900ms both;

-ms-animation: fadeInUp 300ms linear 900ms both;

animation: fadeInUp 300ms linear 900ms both;

}

#whyus-slider .active .animation.animated-item-4 {

-webkit-animation: fadeInUp 300ms linear 1200ms both;

-moz-animation: fadeInUp 300ms linear 1200ms both;

-o-animation: fadeInUp 300ms linear 1200ms both;

-ms-animation: fadeInUp 300ms linear 1200ms both;

animation: fadeInUp 300ms linear 1200ms both;

}

#inner-slider {

position: relative;

background: #fdc518 url('../images/slider-bg.jpg') no-repeat;

background-size: cover;

padding-top: 15px;

padding-bottom: 15px;

}

#inner-slider .container{

padding: 0;

}

#inner-slider .carousel .carousel-content {

margin-top: 232px;

position: relative;

}

#inner-slider .carousel .carousel-content-2 {

margin-top: 340px;

margin-left: 30px;

margin-right: 30px;

padding: 20px;

padding-top: 5px;

position: relative;

}

#inner-slider .carousel .carousel-content-3 {

margin-top: 340px;

margin-left: 0px;

margin-right: 0px;

padding: 0px;

padding-top: 5px;

position: relative;

}

#inner-slider .carousel .carousel-content-4 {

margin-top: 350px;

margin-left: 0px;

margin-right: 0px;

padding: 0px;

padding-top: 5px;

position: relative;

}

#inner-slider .carousel h2 {

font-family: 'Roboto Slab', sans-serif;

color: #292929;

margin-bottom: 0px;

font-size: 25px;

line-height: 22px;

margin-left: 32px;

margin-top: 5px;

font-weight: normal;

display: inline-block;

}

#inner-slider .carousel h3 {

margin-top: 10px;

color: #fff;

}

#inner-slider .carousel .btn-slide {

padding: 8px 20px;

background: #c52d2f;

color: #fff;

border-radius: 4px;

margin-top: 25px;

display: inline-block;

}



#inner-slider .carousel .slider-img{

text-align: right;

position: absolute;

}

#inner-slider .carousel .item {

background-position: 50%;

background-repeat: no-repeat;

background-size: cover;

left: 0 !important;

opacity: 0;

top: 0;

position: absolute;

width: 100%;

display: block !important;

height: 228px;

-webkit-transition: opacity ease-in-out 500ms;

-moz-transition: opacity ease-in-out 500ms;

-o-transition: opacity ease-in-out 500ms;

transition: opacity ease-in-out 500ms;

}

#inner-slider .carousel .inner {

background-position: 50%;

background-repeat: no-repeat;

background-size: cover;

left: 0 !important;

opacity: 0;

top: 0;

position: absolute;

width: 100%;

display: block !important;

height: 270px;

-webkit-transition: opacity ease-in-out 500ms;

-moz-transition: opacity ease-in-out 500ms;

-o-transition: opacity ease-in-out 500ms;

transition: opacity ease-in-out 500ms;

}

#inner-slider .carousel .item:first-child {

top: auto;

position: relative;

}

#inner-slider .carousel .item.active {

opacity: 1;

-webkit-transition: opacity ease-in-out 500ms;

-moz-transition: opacity ease-in-out 500ms;

-o-transition: opacity ease-in-out 500ms;

transition: opacity ease-in-out 500ms;

z-index: 1;

}

#inner-slider .prev,

#inner-slider .next {

position: absolute;

top: 50%;

background-color: rgba(0,0,0, .7);

color: #fff;

display: inline-block;

margin-top: -25px;

height: 40px;

line-height: 40px;

width: 40px;

line-height: 40px;

text-align: center;

border-radius: 4px;

z-index: 5;

}

#inner-slider .prev:hover,

#inner-slider .next:hover {

background-color: #2f7afd;

}

#inner-slider .prev {

left: 10px;

}

#inner-slider .next {

right: 10px;

}

#inner-slider .carousel-indicators li {

width: 20px;

height: 20px;

background-color: #fff;

margin: 0 15px 0 0;

position: relative;

}

#inner-slider .carousel-indicators li:after {

position: absolute;

content: "";

width: 24px;

height: 24px;

border-radius: 100%;

background: rgba(0, 0, 0, 0);

border: 1px solid #FFF;

left: -3px;

top: -3px;

}

#inner-slider .carousel-indicators .active{

width: 20px;

height: 20px;

background-color:  #2f7afd;

margin: 0 15px 0 0;

border: 1px solid #2f7afd;

position: relative;

}

#inner-slider .carousel-indicators .active:after {

position: absolute;

content: "";

width: 24px;

height: 24px;

border-radius: 100%;

background-color:  #2f7afd;

border: 1px solid #2f7afd;

left: -3px;

top: -3px;

}

#inner-slider .active .animation.animated-item-1 {

-webkit-animation: fadeInUp 300ms linear 300ms both;

-moz-animation: fadeInUp 300ms linear 300ms both;

-o-animation: fadeInUp 300ms linear 300ms both;

-ms-animation: fadeInUp 300ms linear 300ms both;

animation: fadeInUp 300ms linear 300ms both;

}

#inner-slider .active .animation.animated-item-1-1 {

-webkit-animation: fadeInLeft 300ms linear 300ms both;

-moz-animation: fadeInLeft 300ms linear 300ms both;

-o-animation: fadeInLeft 300ms linear 300ms both;

-ms-animation: fadeInLeft 300ms linear 300ms both;

animation: fadeInLeft 300ms linear 300ms both;

}

#inner-slider .active .animation.animated-item-2-1 {

-webkit-animation: fadeInRight 300ms linear 300ms both;

-moz-animation: fadeInRight 300ms linear 300ms both;

-o-animation: fadeInRight 300ms linear 300ms both;

-ms-animation: fadeInRight 300ms linear 300ms both;

animation: fadeInRight 300ms linear 300ms both;

}



#inner-slider .active .animation.animated-item-2 {

-webkit-animation: fadeInUp 300ms linear 600ms both;

-moz-animation: fadeInUp 300ms linear 600ms both;

-o-animation: fadeInUp 300ms linear 600ms both;

-ms-animation: fadeInUp 300ms linear 600ms both;

animation: fadeInUp 300ms linear 600ms both;

}



#inner-slider .active .animation.animated-item-3 {

-webkit-animation: fadeInUp 300ms linear 900ms both;

-moz-animation: fadeInUp 300ms linear 900ms both;

-o-animation: fadeInUp 300ms linear 900ms both;

-ms-animation: fadeInUp 300ms linear 900ms both;

animation: fadeInUp 300ms linear 900ms both;

}

#inner-slider .active .animation.animated-item-4 {

-webkit-animation: fadeInUp 300ms linear 1200ms both;

-moz-animation: fadeInUp 300ms linear 1200ms both;

-o-animation: fadeInUp 300ms linear 1200ms both;

-ms-animation: fadeInUp 300ms linear 1200ms both;

animation: fadeInUp 300ms linear 1200ms both;

}

#small-slider {

position: relative;

}

#small-slider .carousel .carousel-content {

margin-top: 60px;

padding-top: 10px;

}

#small-slider .carousel h1 {

font-family: 'Poppins', sans-serif;

color: #fff;

margin-top: 0;

margin-bottom: 10px;

font-size: 30px;

font-weight: 600;

line-height: 22px;

text-align: center;

}

.breadcrumb {

font-family: 'Lato';

padding: 0px 15px;

list-style: none;

text-align: center;

color: #a5a5a5;

margin-top: 15px;

margin-bottom: 0;

background-color: transparent;

border-radius: 0px;

position: relative;

}

.breadcrumb a {

color: #cbcbcb;

}

.breadcrumb a:hover {

color: #ffffff;   

}

.breadcrumb>.active {

color: #cbcbcb;

}

#small-slider .carousel .item {

background-position: 50%;

background-repeat: no-repeat;

background-size: cover;

left: 0 !important;

opacity: 0;

top: 0;

position: absolute;

width: 100%;

display: block !important;

height: 200px;

-webkit-transition: opacity ease-in-out 500ms;

-moz-transition: opacity ease-in-out 500ms;

-o-transition: opacity ease-in-out 500ms;

transition: opacity ease-in-out 500ms;

}

#small-slider .carousel .inner {

background-position: 50%;

background-repeat: no-repeat;

background-size: cover;

left: 0 !important;

opacity: 0;

top: 0;

position: absolute;

width: 100%;

display: block !important;

height: 270px;

-webkit-transition: opacity ease-in-out 500ms;

-moz-transition: opacity ease-in-out 500ms;

-o-transition: opacity ease-in-out 500ms;

transition: opacity ease-in-out 500ms;

}

#small-slider .carousel .item:first-child {

top: auto;

position: relative;

}

#small-slider .carousel .item.active {

opacity: 1;

-webkit-transition: opacity ease-in-out 500ms;

-moz-transition: opacity ease-in-out 500ms;

-o-transition: opacity ease-in-out 500ms;

transition: opacity ease-in-out 500ms;

z-index: 1;

}

#small-slider .prev,

#small-slider .next {

position: absolute;

top: 50%;

background-color: rgba(0,0,0, .7);

color: #fff;

display: inline-block;

margin-top: -25px;

height: 40px;

line-height: 40px;

width: 40px;

line-height: 40px;

text-align: center;

border-radius: 4px;

z-index: 5;

}

#small-slider .prev:hover,

#small-slider .next:hover {

background-color: #2f7afd;

}

#small-slider .prev {

left: 10px;

}

#small-slider .next {

right: 10px;

}

#small-slider .carousel-indicators li {

width: 20px;

height: 20px;

background-color: #fff;

margin: 0 15px 0 0;

position: relative;

}

#small-slider .carousel-indicators li:after {

position: absolute;

content: "";

width: 24px;

height: 24px;

border-radius: 100%;

background: rgba(0, 0, 0, 0);

border: 1px solid #FFF;

left: -3px;

top: -3px;

}

#small-slider .carousel-indicators .active{

width: 20px;

height: 20px;

margin: 0 15px 0 0;

background-color: #2f7afd;

border: 1px solid #2f7afd;

position: relative;

}

#small-slider .carousel-indicators .active:after {

position: absolute;

content: "";

width: 24px;

height: 24px;

border-radius: 100%;

background-color: #2f7afd;

border: 1px solid #2f7afd;

left: -3px;

top: -3px;

}

#small-slider .active .animation.animated-item-1 {

-webkit-animation: fadeInUp 300ms linear 300ms both;

-moz-animation: fadeInUp 300ms linear 300ms both;

-o-animation: fadeInUp 300ms linear 300ms both;

-ms-animation: fadeInUp 300ms linear 300ms both;

animation: fadeInUp 300ms linear 300ms both;

}

#small-slider .active .animation.animated-item-2 {

-webkit-animation: fadeInUp 300ms linear 600ms both;

-moz-animation: fadeInUp 300ms linear 600ms both;

-o-animation: fadeInUp 300ms linear 600ms both;

-ms-animation: fadeInUp 300ms linear 600ms both;

animation: fadeInUp 300ms linear 600ms both;

}

#small-slider .active .animation.animated-item-3 {

-webkit-animation: fadeInUp 300ms linear 900ms both;

-moz-animation: fadeInUp 300ms linear 900ms both;

-o-animation: fadeInUp 300ms linear 900ms both;

-ms-animation: fadeInUp 300ms linear 900ms both;

animation: fadeInUp 300ms linear 900ms both;

}

#small-slider .active .animation.animated-item-4 {

-webkit-animation: fadeInUp 300ms linear 1200ms both;

-moz-animation: fadeInUp 300ms linear 1200ms both;

-o-animation: fadeInUp 300ms linear 1200ms both;

-ms-animation: fadeInUp 300ms linear 1200ms both;

animation: fadeInUp 300ms linear 1200ms both;

}

.iconset{

position: relative;

float: left;

min-width: 50px;

margin-right: 30px;

margin-left: -40px;

}

.text-desc{

position: relative;

text-align: left;

font-family: 'Roboto', sans-serif;

font-size: 13px;

margin-top: 20px;

margin-bottom: 20px;

}

.text-desc-last{

text-align: left;

font-family: 'Roboto', sans-serif;

font-size: 13px;

margin-top: -20px;

margin-bottom: 20px;  

}

.text-desc-right{

position: relative;

text-align: right;

font-family: 'Roboto', sans-serif;

font-size: 13px;

margin-top: -20px;

margin-bottom: 0px;

margin-right: 24px;

}

.txt-container{

position: relative;

display: inline-block;

}

#feature {

background: #fff;

padding-top: 15px;

padding-bottom: 18px;

}

.features{

padding: 0;

}

.feature-wrap {

margin-bottom: 35px;

overflow: hidden;

}

.feature-wrap h2{

margin-top: 10px;

}

.feature-wrap .pull-left {

margin-right: 25px;

}

.feature-wrap i{

font-size: 48px;

height: 110px;

width: 110px;

margin: 3px;

border-radius: 100%;

line-height: 110px;

text-align:center;

background: #ffffff;

color: #c52d2f;

border: 3px solid #ffffff;

box-shadow: inset 0 0 0 5px #f2f2f2;

-webkit-box-shadow: inset 0 0 0 5px #f2f2f2;

-webkit-transition: 500ms;

-moz-transition: 500ms;

-o-transition: 500ms;

transition: 500ms;

float: left;

margin-right: 25px;

}

.feature-wrap i:hover {

background: #c52d2f;

color: #fff;

box-shadow: inset 0 0 0 5px #c52d2f;

-webkit-box-shadow: inset 0 0 0 5px #c52d2f;

border: 3px solid #c52d2f;

}

#recent-works .col-xs-12.col-md-4{

padding: 0;

}

.con-full {

margin: 0 auto;

width: 100%;

position: relative;

}

.padding0{

padding: 0;

}

.img-overlay{

position: relative;

display: block;

}

.img-overlay img{

display: block;

position: absolute;

top: 0;

left: 0;

margin-top: -60px;

}

.navbar-inverse .navbar-toggle .icon-bar {

background-color: #2f7afd;

}

.recent-work-wrap {

position: relative;

}

.recent-work-wrap img{

width: 100%;

}

img.brands{

margin:0 auto;

display: block;

}

.recent-work-wrap .recent-work-inner{

top: 0;

background: transparent;

opacity: .8;

width: 100%;

border-radius: 0;

margin-bottom: 0;

}

.recent-work-wrap .recent-work-inner h3{

margin: 10px 0;

}

.recent-work-wrap .recent-work-inner h3 a{

font-size: 24px;

color: #fff;

}

.recent-work-wrap .overlay {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

opacity: 0;

border-radius: 0;

background: #c52d2f;

color: #fff;

vertical-align: middle;

-webkit-transition: opacity 500ms;

-moz-transition: opacity 500ms;

-o-transition: opacity 500ms;

transition: opacity 500ms;  

padding: 30px;

}

.recent-work-wrap .overlay .preview {

bottom: 0;

display: inline-block;

height: 35px;

line-height: 35px;

border-radius: 0;

background: transparent;

text-align: center;

color: #fff;

}

.recent-work-wrap:hover .overlay {

opacity: 1;

}

#strategy {

background: #2e4563;

padding-bottom: 20px;

}

#page-header {

background: #2e4563;

padding-bottom: 35px;

padding-top: 35px;

}

#page-header .breadcrumb {

padding: 0 15px 0px;

margin-bottom: -10px;

list-style: none;

text-align: center;

color: #708baf;

background-color: transparent;

border-radius: 0px;

border-bottom: 0;

box-shadow: none;

margin-top: -15px;

font-family: 'Lato';

font-size: 12px;

}

#page-header .breadcrumb a {

color: #708baf;

font-size: 12px;

-webkit-transition: color 100ms, background-color 200ms;

-moz-transition: color 100ms, background-color 200ms;

-o-transition: color 100ms, background-color 200ms;

transition: color 100ms, background-color 200ms;

}

#page-header .breadcrumb>li+li:before {

color: #708baf;

}

.zero-margin{

margin-bottom: 10px;

margin-top: 0;

}

#page-header .breadcrumb>.active {

color: #708baf;

font-size: 12px;

}

#strategy .lead{

font-family: 'Roboto', sans-serif;

font-size: 14px;

color: #b6c3d8;

font-weight: 100px;

line-height: 22px;

}

.header-lead{

font-family: 'Roboto', sans-serif;

font-size: 13px;

color: #7c9fcc;

font-weight: 100px;

line-height: 22px;

}

.padding-all0{

padding: 0;

}

.padding-all-left1{

padding: 0;

padding-left: 1px;

padding-bottom: 1px;

}

.home-product-title{

font-family: 'Roboto Slab', sans-serif;

font-size: 22px;

color: #fff;

text-align: left;

line-height: 22px;

font-weight: 400;

margin-top: 55px;

}

h2.white-bold{

font-family: 'Roboto Slab', sans-serif;

font-size: 22px;

color: #fff;

text-align: left;

line-height: 32px;

font-weight: 300;

}

.home-lead{

font-family: 'Roboto', sans-serif;

font-size: 13px;

color: #fff;

font-weight: normal;

font-weight: 300;

line-height: 22px;

margin-bottom: 35px;

}

span.gold-text{

color: #d49b5b;

}

#services .lead,

#services h2{

color: #fff;

}

.service-box{

position: relative;

max-width: 237px;

text-align: center;

display: inline-block;

}

.service-box-content{

position: absolute;

bottom: 0;

left: 0;

font-family: 'Source Sans Pro', sans-serif;

margin-bottom: 45px;

margin-left: 30px;

text-align: left;

}

hr.hr-small-blue{

width: 35px;

border-top:3px solid #36a1ec;

text-align: left;

margin-left:0;

margin-top: 0px;

}

.form-horizontal .form-group {

margin-right: 0px; 

margin-left: 0px; 

}

.lead h3{

color: #36a1ec;

}

hr.hr-small-blue-center{

width: 35px;

border-top:3px solid #36a1ec;

margin-top: 0;

padding-top: 0;

}

hr.hr-small-gold-center{

width: 35px;

border-top: 2px solid #d1ac69;

margin-top: 0;

padding-top: 0;

border-bottom-color: transparent; 

}

.home-product-title {

font-family: 'Roboto Slab', sans-serif;

font-size: 22px;

line-height: 22px;

font-weight: 400;

margin-top: 55px;

}

.page-title {

font-family: 'Roboto Slab', sans-serif;

font-size: 22px;

color: #fff;

line-height: 22px;

font-weight: 300;

margin-top: 0px;

}

hr.hr-small-green-top{

width: 20px;

border-top:2px solid #00b1b0;

text-align: left;

margin-left:0;

margin-top: 0px;

transform: rotate(90deg);

margin: 0 auto;

margin-top: 16px;

margin-bottom: 20px;

}

hr.hr-small-green{

width: 20px;

border-top:2px solid #00b1b0;

text-align: left;

margin-left:0;

margin-top: 0px;

transform: rotate(90deg);

margin: 0 auto;

margin-bottom: 24px;

margin-top: -5px;

}

hr.hr-small-white-top{

width: 20px;

border-top:1px solid rgba(255,255,255, 0.5);

text-align: left;

margin-left:0;

margin-top: 0px;

transform: rotate(90deg);

margin: 0 auto;

margin-top: 16px;

margin-bottom: 20px;

}

hr.hr-small-white{

width: 20px;

border-top:1px solid rgba(255,255,255, 0.5);

text-align: left;

margin-left:0;

margin-top: 0px;

transform: rotate(90deg);

margin: 0 auto;

margin-top: 25px;

margin-bottom: 20px;

}

h2.right-white{

text-align: right;

font-family: 'Libre Baskerville', serif;

font-size: 16px;

margin-right: 25px;

margin-top: 42px;

color: #fff;

}

h2.right-white-last{

text-align: right;

font-family: 'Libre Baskerville', serif;

font-size: 16px;

margin-right: 25px;

margin-top: 8px;

color: #fff;

}

h2.left-white{

text-align: left;

font-family: 'Libre Baskerville', serif;

font-size: 16px;

}

.service-box-content h2{

font-size: 25px;

font-family: 'Source Sans Pro', sans-serif;

margin-bottom: -5px;

line-height: 25px;

color: #fff;

}

.service-box-content h3{

padding:0;

margin: 0;

}

.service-link{

padding-top: 0;

margin: 0;

color: #fff;

font-size: 13px;

font-weight: 600;

}

hr.arrow-down{

position: relative;

}

hr.arrow-down:after{

content: '\f107';

position: absolute;

text-align: center;

top: 0;

left: 50%;

font-family: 'FontAwesome';

color: #cac7c7;

margin-top: -9px;

background: white;

font-size: 19px;

}

hr.arrow-down-nomargin{

position: relative;

margin-top: -25px;

}

hr.arrow-down-nomargin:after{

content: '\f107';

position: absolute;

text-align: center;

top: 0;

left: 50%;

font-family: 'FontAwesome';

color: #cac7c7;

margin-top: -9px;

background: white;

font-size: 19px;

}

.padding25{

padding-bottom: 25px;

display: block;

position: relative;

}

.padding25:after{

content: " ";

display: table;

clear: both;

position: relative;

}

.services-wrap {

padding: 40px 30px;

background: #fff;

border-radius: 4px;

margin: 0 0 40px;

}

.services-wrap h3 {

font-size: 20px;

margin: 10px 0;

}

.services-wrap .pull-left {

margin-right: 20px;

}

#middle {

background: #f2f2f2;

}

.skill h2{

margin-bottom: 25px;

}

.accordion h2{

margin-bottom: 25px;

}

.panel-default{

border-color: transparent;

}

.panel-default>.panel-heading,

.panel{

background-color: #e6e6e6; 

border:0 none;

box-shadow:none;

}

.panel-default>.panel-heading+.panel-collapse .panel-body{

background: #fff;

color: #858586;

}

.panel-body{

padding: 20px 20px 10px;

}

.panel-group .panel+.panel{

margin-top: 0;

border-top: 1px solid #d9d9d9;

}

.panel-group .panel{

border-radius: 0;

}

.panel-heading{

border-radius: 0;

}

.panel-title>a{

color: #4e4e4e;

}

.accordion-inner img{

border-radius: 4px;

}

.accordion-inner h4{

margin-top: 0;

}

.panel-heading.active{

background: #1f1f20;

}

.panel-heading.active .panel-title>a{

color:#fff;

}

a.accordion-toggle  i{

width: 45px;

line-height: 44px;

font-size: 20px;

margin-top: -10px;

text-align: center;

margin-right: -15px;

background: #c9c9c9;

}

.panel-heading.active a.accordion-toggle i{

background: #c52d2f;

color: #fff;

}

.panel-heading.active a.accordion-toggle.collapsed i{

background: #c52d2f;

color: #fff;

}

.range-h4-link{

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

padding-bottom: 5px;

display: inline-block;

}

.range-h4-link  h4{

color: #5f6d7b;

font-weight: normal;

font-size: 18px;

padding-bottom: 5px;

margin-bottom: 30px;

border-bottom: 1px solid transparent;

-webkit-transition: all .2s;

-o-transition: all .2s;

transition: all .2s; 

}

.range-h4-link:hover h4{

color: #0b7ff3;

}

#testimonial{

background-color: #48b2ce;

padding-top: 30px;

padding-bottom: 20px;

}

.testimonial-img{

display: block;

margin: 0 auto;

text-align: center;

border-radius: 64px;

border: 2px solid white;

-webkit-box-shadow: 6px 6px 58px 2px rgba(0,0,0,0.16);

-moz-box-shadow: 6px 58px 12px 2px rgba(0,0,0,0.16);

box-shadow: 6px 6px 58px 2px rgba(0,0,0,0.16);

}

.lead-testimonial{

font-size: 14px;

color: #fff;

font-family: 'Roboto', sans-serif;

line-height: 19px;

}

.btn-white-border{

border-radius: 6px;

border: 1px solid #fff;

padding: 7px 18px;

color: #fff;

font-size: 13px;

font-family: 'Cabin', sans-serif;

text-transform: uppercase;

}

.testimonial h2{

margin-top: 0;

}

.testimonial-inner {

color:#858586;

font-size: 14px;

}

.testimonial-inner .pull-left{

border-right: 1px solid #e7e7e7;

padding-right: 15px;

position: relative;

}

.testimonial-inner .pull-left:after{

content: "";

position: absolute;

width: 9px;

height: 9px;

top: 50%;

margin-top: -5px;

background: #FFF;

-webkit-transform: rotate(45deg);

border: 1px solid #e7e7e7;

right: -5px;

border-left: 0 none;

border-bottom: 0 none;

}



.about-us {

margin-top: 110px;

margin-bottom: -110px;

}



.about-us h2, 

.skill_text h2 {

color:#4e4e4e;

font-size: 30px;

font-weight: 600;

}



.about-us p {

color:#4e4e4e;

}



#carousel-slider {

position: relative;

}



#carousel-slider .carousel-indicators {

bottom: -25px;

}



#carousel-slider .carousel-indicators li {

border: 1px solid #ffbd20;

}



#carousel-slider a i {

border: 1px solid #777;

border-radius:50%;

font-size: 28px;

height: 50px;

padding: 8px;

position: absolute;

top: 50%;

width: 50px;

color:#777;

}



#carousel-slider a i:hover {

background:#bfbfbf;

color:#fff;

border: 1px solid #bfbfbf;

}



#carousel-slider 

.carousel-control {

width:inherit;

}



#carousel-slider .carousel-control.left i {

left:-25px

}



#carousel-slider .carousel-control.right i {

right: -25px;

}



#carousel-slider

.carousel-control.left, 

#carousel-slider

.carousel-control.right {

background: none;

}



.skill_text {

display: block;

margin-bottom: 60px;

margin-top: 25px;

overflow: hidden;

}



.sinlge-skill {

background:#f2f2f2;

border-radius: 100%;

color: #FFFFFF;

font-size: 22px;

font-weight: bold;

height: 200px;

position: relative;

width: 200px;

text-transform: uppercase;

overflow: hidden;

margin: 30px 0;



}



.sinlge-skill p em {

color: #FFFFFF;

font-size: 38px;

}



.sinlge-skill p {

line-height: 1;

}

ul.social_icons,

ul.tag {

list-style: none;

padding: 0;

margin: 10px 0;

display: block;

}



ul.social_icons li,

ul.tag li {

display: inline-block;

margin-right: 5px;

}



ul.social_icons li  a i{

border-radius: 50%;

color: #FFFFFF;

height: 25px;

line-height: 25px;

font-size: 12px;

padding: 0;

text-align: center;

width: 25px;

opacity:.8;

}

.services {

padding: 0;

}



.get-started {

background: none repeat scroll 0 0 #F3F3F3;

border-radius: 3px;

padding-bottom: 30px;

position: relative;

margin-bottom: 18px;

margin-top: 60px;

}

.get-started h2 {

padding-top: 30px;

margin-bottom: 20px;

}



.request {

bottom: -15px;

left: 50%;

position: absolute;

margin-left: -110px;

}



.request h4 {

position: absolute;

width: 220px;

position:relative;

}



.request h4 a{

background:#c52d2f;

color: #fff;

font-size: 14px;

font-weight: normal;

border-radius: 3px;

padding: 5px 15px;

}



.request h4:after {

border-color: #c52d2f transparent transparent;

border-style: solid;

border-width: 12px;

bottom: -18px;

content: "";

height: 0;

position: absolute;

right: 13px;

z-index: -99999;

}



.request h4:before {

border-color: #c52d2f transparent transparent;

border-style: solid;

border-width: 12px;

bottom: -18px;

content: "";

height: 0;

left: 13px;

position: absolute;

z-index: -99999;

}



.clients-area {

padding: 60px;

}



.clients-comments {

background-image: url("../images/image_bg.png");

background-position: center 118px;

background-repeat: no-repeat;

margin-bottom: 100px;

}



.clients-comments img {

background:#DDDDDD;

border: 1px solid #DDDDDD;

height: 182px;

padding: 3px;

width: 182px;

transition: all 0.9s ease 0s;

-moz-transition: all 0.9s ease 0s;

-webkit-transition: all 0.9s ease 0s;

-o-transition: all 0.9s ease 0s;

}



.clients-comments h3 {

margin-top: 55px;

font-weight: 300;

padding: 0 40px;

}



.clients-comments h4 {

font-weight: 300;

margin-top: 15px;

}

.clients-comments  h4  span {

font-weight: 700;

font-style: oblique;

}



.footer {

background: none repeat scroll 0 0 #2E2E2E;

border-top: 5px solid #C52D2F;

height: 84px;

margin-top: 110px;

}



.footer_left {

padding: 10px;

}



.text-left {

color: #FFFFFF;

font-size: 12px;

margin-top: 15px;

}

.widget {

margin-bottom: 60px;

padding-left: 0;

}



.single_comments {

margin-bottom: 20px;

}

.single_comments img {

float: left;

margin-right: 10px;

margin-top: 5px;

}

.single_comments p {

margin-bottom: 0;

}

.widget .entry-meta span {

display: inline-block;

margin-right: 10px;

}

.widget h3 {

color: #000;

margin-bottom: 20px;

}

.blog_category{

list-style:none;

margin:0;

padding:0;

}

.blog_category li{

float:none;

margin-bottom:20px;

}

.blog_category li a {

background:#f5f5f5;

border-radius: 4px;

color: #888;

display: inline-block;

padding: 5px 15px;

}

.blog_category li a:hover{

background:#c52d2f;

color: #fff;

}

.badge:before {

border-color: transparent transparent transparent #c52d2f;

border-style: solid;

border-width: 10px;

bottom: -8px;

content: "";

height: 0;

left: 5px;

position: absolute;

z-index: -99999;

}

.badge {

background-color: #c52d2f;

border-radius: 5px;

color: #fff;

padding: 8px;

position: relative;

left: 60px;

top: -18px;

font-weight: normal;

}

.blog_archieve {

list-style: none outside none;

margin: 0;

padding: 0;

}

.blog_archieve li {

padding: 10px 0;

border-bottom: 1px solid #f5f5f5;

}

.blog_archieve li:first-child {

padding-top: 0;

}

ul.gallery {

list-style: none;

padding: 0;

margin: 0;

}

ul.gallery li {

display: block;

width: 60px;

padding: 0;

margin: 0 4px 4px 0;

float: left;

}

ul.faq {

list-style: none;

margin: 0;

}

.blog-item {

border-radius: 0;

overflow: hidden;

margin-bottom: 50px;

}



.blog .blog-item .img-blog {

border-radius: 5px;

margin-bottom: 45px;

}



.blog .blog-item .blog-content {

padding-bottom: 25px;

}



.blog .blog-item .blog-content h2 {

margin-top: 0;

font-size: 30px;

}



.readmore{

margin-top: 0;

}



.blog .blog-item .blog-content h3 {

color: #858586;

margin-bottom: 40px;

}



.blog .blog-item .blog-content h4 {

font-size: 14px;

}

.blog .blog-item .entry-meta {

border-radius: 5px;

overflow: hidden;

}



.blog .blog-item .entry-meta > span {

background: #f5f5f5;

border-top: 1px solid #fff;

display: block;

font-size: 12px;

overflow: hidden;

padding: 5px;

text-align: left;

}



#publish_date {

background: #c52d2f;

border-bottom: 5px solid #4e4e4e;

color: #fff;

padding: 5px 0;

text-align: center;

}



.blog .blog-item .entry-meta > span {

color: #ccc;

}



.blog .blog-item .entry-meta > span a {

font-size: 12px;

margin-left: 3px;

font-weight: 300;

color: #888;

}



ul.pagination > li > a {

border: 1px solid #F1F1F1;

margin-right:5px;

border-radius: 5px;

font-size: 16px;

padding: 5px 14px;

}



ul.pagination > li > a i{

margin-left:5px;

margin-right:5px;

}



ul.pagination > li.active > a, 

ul.pagination > li:hover > a {

background-color: #c52d2f !important;

border-color: #c52d2f !important;

color: #fff;

}



.search_box {

background-image: url("../images/search_icon.png");

background-position: 314px 15px;

background-repeat: no-repeat;

border-color: #DEDEDE;

height: 48px;

outline: medium none;

box-shadow: none;

}



.form-control:focus {

box-shadow:none;

outline: 0 none;

}





ul.tag-cloud, 

ul.sidebar-gallery {

list-style: none;

padding: 0;

margin: 0;

}



.tag-cloud li{

display: inline-block;

margin-bottom: 3px;

}



.tag-cloud li a {

background: #f5f5f5;

color: #888;

border: 0;

border-radius: 4px;

padding: 8px 15px;

}



.tag-cloud li a:hover{

background:#c52d2f;

color: #fff;  

}



.sidebar-gallery li{

display: inline-block;

margin: 0 10px 10px 0;

}



.sidebar-gallery li a {

border-radius: 4px;

display: inline-block;

}

.reply_section {

background: #f5f5f5;

border-radius: 5px;

}



.post_reply {

margin-left: 10px;

margin-top: 45px;

}

.post_reply img {

width: 85px;

height: 85px;

border: 5px solid #D5D8DD;

}

.post_reply ul {

list-style: none outside none;

margin: 0;

padding: 0;

margin-top: 5px;

}

.post_reply ul li{

float:left;

}

.post_reply ul li a {

display: block;

}

.post_reply ul li a i {

border: 1px solid #DDDDDD;

border-radius: 39px;

color: #FFFFFF;

font-size: 20px;

height: 30px;

margin-right: 3px;

padding-top: 7px;

text-align: center;

width: 30px;

}

.post_reply ul li a i.fa-facebook {

background: #0182C4;

}

.post_reply ul li a i.fa-twitter {

background: none repeat scroll 0 0 #3FC1FE;

}

.post_reply ul li a i.fa-google-plus{

background: none repeat scroll 0 0 #D34836;

}

.post_reply ul li a i:hover{

opacity:.5;

}

.post_reply_content {

margin: 30px;

}

.post_reply_content h1 a:hover{

color:#FFC800;

}

.post_reply_content h4 {

margin-bottom: 50px;

}

.reply_section .media-body{

display:inherit;

}

.comment_section .media-body{

display:inherit;

}

.media-body h2{

color: #1756bf;

}

.media-body p{

color: #255fc1;

}

#comments_title{

color:#4e4e4e;

font-weight:700px;

font-size:20px;

margin-top:60px;

margin-bottom:40px;

}

.comment_section {

margin-top: 30px;

position: relative;

}



.post_comments img {

width: 85px;

height: 85px;

margin-top: 35px;

}

.post_reply_comments {

background:#f5f5f5;

border-radius: 4px;

padding: 30px;

}

.post_reply_comments:before {

border-color: transparent #F0F0F0 transparent transparent;

border-style: solid;

border-width: 15px;

content: " ";

height: 0;

left: 75px;

position: absolute;

top: 20px;

}

.post_reply_comments h3, 

.post_reply_content h3{

margin-top: 0;

}

.post_reply_comments h1 a:hover{

color:#c52d2f;

}

.post_reply_comments h4{

color:#c4c4c5;

font-weight:400;

}

.post_reply_comments p {

padding-bottom: 30px;

}

.post_reply_comments a {

bottom: 15px;

position: absolute;

right: 30px;

background: #c52d2f;

color: #fff;

border-radius: 5px;

padding: 8px 20px;

}

.post_reply_comments a:before {

border-color: #c52d2f transparent transparent;

border-style: solid;

border-width: 16px;

bottom: -11px;

content: "";

height: 0;

left: -12px;

position: absolute;

z-index: 99999;

}

.message_heading {

margin-bottom: 50px;

margin-top: 60px;

}

#bottom {

background: #064f99;

padding: 0;

}

#contact_form3{

margin-top: 25px;

}

#contact_form3 .form-control{

background: #3a3f45;

border-color: #3a3f45;

}

.ld_ftr{

color: #aaabae;

font-size: 13px;

line-height: 18px;

font-family: 'Roboto';

}

.submit-btn33{

font-family: 'Poppins';

font-size: 15px;

font-weight: 600;

border-radius: 2px;

color: #6d7073;

background: transparent;

border: 1px solid #6d7073;

}

#result3{

color: #fff;

}

.footer-border {

padding-bottom: 18px;

margin-top: 30px;

}

#bottom h3 {

margin-top: 0;

margin-bottom: 15px;

font-size: 19px;

color: #fff;

font-family: 'Raleway', serif;

font-weight: 400;

line-height: 18px;

}

#bottom ul {

list-style: none;

padding: 0;

margin: 0;

margin-bottom: 15px;

}

#bottom ul li {

display: inline-block;

padding: 0px 10px;

margin-bottom: 15px;

line-height: 13px;

border-right: 1px solid #338de8;

}

#bottom ul li:last-child {

border-right-color: transparent;

}

#bottom ul li a {

font-size: 13px;

font-family: 'Raleway';

line-height: 13px;

color: #4ea6ff;

}

#bottom ul li a:hover {

color: #fff;

}

.bdrtf{

border-left: 1px solid #1960a8;

}

.btlk{

padding-right: 30px;

}

.adrs_bt{

font-size: 13px;

font-family: 'Montserrat';

color: #fff;

line-height: 16px;

padding-top: 10px;

}

.ld_adrs{

display: inline-block;

padding-bottom: 5px;

color: #4ea6ff

}

.btm_nm{

font-size: 13px;

font-family: 'Montserrat';

color: #fff;

line-height: 16px;

padding-top: 10px;

}

#bottom .widget {

margin-bottom: 0;

}

.cprt_bt{

font-size: 11px;

font-family: 'Montserrat';

color: #8ec3f9;

font-weight: 300;

margin-top: 10px;

margin-bottom: 10px;

opacity: .8;

}

.cprt_bt a{

color: #8ec3f9;

font-size: 10px;

}

.cprt_bt a:hover{

color: #fff;

}

.widget-lead {

color: #aaabae;

font-size: 13px;

line-height: initial;

}

.widget-lead a{

color: #aaabae;

}

.widget-lead a:hover{

color: #fff;

}

#footer {

padding-top: 17px;

padding-bottom: 15px;

color: #032547;

position: relative;

background: #fff;

border-bottom: 3px solid #fe0000;

}

.ftr{

margin-bottom: 0;

}



#footer a:hover {

color: #000;

}

#footer ul {

list-style: none;

padding: 0;

margin: 0;

}

#footer ul > li {

display: inline-block;

margin-left: 5px;

font-family: 'Roboto', sans-serif;

font-size: 12px;

}

#footer ul > li a{

/*color: #032547;*/

}

.contact-footer{

font-family: 'Ubuntu', sans-serif;

font-size: 20px;

font-weight: 300;

color: #686868;

margin-bottom: 0;

}

#footer ul.contact-links {

color: #506176;

margin-top: 20px;

line-height: 18px;

}

#footer ul.contact-links li{

font-family: 'Roboto', sans-serif;

font-size: 13px;

margin: 0;

}

.ams{

font-size: 12px;

margin-top: 15px;

font-family: 'Roboto', sans-serif;

text-align: left;

color: #51555a;

padding-top: 15px;

border-top: 1px solid #3b3f45;

}

.ams a{

color: #51555a;

}

.ams a:hover{

color: #fff;

}

.social-icon-footer{

display: block;

position: relative;

padding-bottom: 20px;

}

.social-icon-footer li{

display: inline-block !important;

position: relative;

}

.social-icon-footer li a{

width: 28px;

height: 28px;

border-radius: 28px;

text-align: center;

line-height: 28px;

font-size: 14px;

color: #51555a  !important;

display: inline-block;

}

.social-icon-footer li a:hover{

background: #444;

color: #fff !important;

}



#chairman-section {

padding-bottom: 30px;

background-color: #1E7BB8;

position: relative;

padding-top: 0px;

padding-bottom: 0px;

border-top: 8px solid #ddd;

}



.news-update h2.title {

font-size: 18px !important;

display: block;

font-weight: 400;

background: #148bdb;

padding-top: 20px;

margin-top: 0px;

}

.news-update h2 {

font-family: 'Raleway', sans-serif;

font-weight: 400;

font-size: 13px;

color: #fff;

display: inline-block;

padding: 0 20px;

padding-bottom: 20px;

text-transform: uppercase;

}

.about-home{

padding-top: 20px;

line-height: 22px;

font-size: 13px;

padding-bottom: 21px;

}

.about-home img{

margin: 0 auto;

text-align: center;

margin-top: 0px;

margin-bottom: 14px;

}

.with_borders{

position: relative;

display: table;

}



.product_item_holder {

position: relative;

}

.with_borders .product_item_holder .featured_image {

border: 0;

padding: 20px;

}

.product_item_holder .featured_image {

margin-bottom: 10px;

padding: 10px;

border: 1px solid #efefef;

}

.product_info {

padding: 0 20px 20px;

}

.product_info img{

margin-bottom:25px;

}

.with_borders .box:after, .portfolio_boxes .box:after {

background: #00a9ca;

content: "";

display: block;

height: 11px;

left: -1px;

position: absolute;

top: -2px;

width: 2px;

}

.with_borders .box:before, .with_borders .box:after {

background: #00a9ca;

}

.with_borders .box:before, .portfolio_boxes .box:before {

background: #00a9ca;

content: "";

display: block;

height: 2px;

left: 1px;

position: absolute;

top: -2px;

width: 10px;

z-index: 2;

}

.with_borders .box:hover:after, .portfolio_boxes .box:hover:after {

height: 80px;

}

.with_borders .box:hover:before, .portfolio_boxes .box:hover:before {

width: 80px;

}

.with_borders .box:hover:after, .with_borders .box:hover:before {

-ms-transition: all .3s;

-webkit-transition: all .3s;

-moz-transition: all .3s;

-o-transition: all .3s;

transition: all .3s;

}



.img-center{

margin: 0 auto;

}



.page-center {

text-align: center;

}

label {

display: inline-block;

max-width: 100%;

margin-bottom: 8px;

font-weight: 400;

color: #666;

line-height: 18px;

font-size: 14px;

font-family: 'Roboto';

}

.admission-enq-form .form-group{

margin-bottom: 20px;

}

.admission-enq-form .form-group .form-control{

border-color: #e6e6e6;

}

.form-control {

border-radius: 2px;

background: #fff;

height: 40px;

padding: 5px 8px;

padding-right: 30px;

border-color: #e1e1e1;

color: #484848;

font-family: 'Roboto', sans-serif;

font-size: 14px;

box-shadow: inset 0 1px 2px rgba(0,0,0,.075);

}

.form-group textarea.form-control{

height: auto;

}

.form-control-feedback {

color: #777;

width: 40px;

height: 40px;

line-height: 40px !important;

top: 0;

}



.has-feedback label~.form-control-feedback {

top: 27px;

}

.has-feedback .form-control {

padding-right: 42.5px;

}

.has-feedback {

position: relative;

}

.form-group {

margin-bottom: 15px;

}

.list-icons {

list-style: none;

padding: 0;

position: relative;

}

.list-icons li {

padding: 5px 0;

padding-left: 20px;

}

.list-icons li i {

min-width: 25px;

text-align: center;

position: absolute;

margin-left: -25px;

line-height: 25px;





}

.list-icons li a{

color: #09afdf;

}



.pr-10 {

padding-right: 10px;

}

.text-default {

color: #09afdf;

}

.separator-2, .separator-3 {

width: 100%;

margin-bottom: 15px;

position: relative;

height: 1px;

}



.nav-tabs {

border-bottom: 2px solid #DDD;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {

border-width: 0;

}

.nav-tabs > li > a {

border: none;

color: #666;

}

.nav-tabs > li.active > a, .nav-tabs > li > a:hover {

border: none;

color: #4285F4 !important;

background: transparent;

}

.nav-tabs > li > a::after {

content: "";

background: #4285F4;

height: 2px;

position: absolute;

width: 100%;

left: 0px;

bottom: -1px;

transition: all 250ms ease 0s;

transform: scale(0);

}

.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {

transform: scale(1);

}

.tab-nav > li > a::after {

background: #21527d none repeat scroll 0% 0%;

color: #fff;

}

.tab-pane {

padding: 15px 0;

}

.tab-content {

padding: 20px

}

ul.lead-list{

font-size: 13px;

line-height: 20px;

font-weight: 400;

font-family: 'Roboto', sans-serif;

color: #727272;

padding:0 0 0 12px;

}

ul.lead-list2{

font-size: 13px;

line-height: 20px;

font-weight: 400;

font-family: 'Roboto', sans-serif;

color: #727272;

padding:0 0 0 25px;

}

ul.lead-list2 li{list-style:circle;}



.yellow-h2 {

color: #f1682c;

font-family: "Ubuntu",sans-serif;

font-size: 20px;

font-weight: normal;

}

.table-q table{width:100%;}

.table-q tr {

border: 1px solid #ccc;

line-height: 35px;

padding: 0;



}

.table-q td{font-size: 13px;

font-weight: 400;

font-family: 'Roboto', sans-serif;

color: #727272;

padding-left:15px;}

.table-q th{font-family: 'Roboto', sans-serif;

padding-left:15px;

} 



ul.ul-footer-links{

text-transform: uppercase;

font-size: 11px;

margin: 15px 0 !important;

margin-left: 20px !important;

display: block;

}

.ul-footer-links li{

padding: 0 10px !important;

margin-left: 0 !important;

margin-right: 0 !important;

line-height: 12px;

}

.ul-footer-links li:first-child{

border-right: 1px solid #acacac;

}



#howTabs.nav-tabs {

border: 0;

}

#howTabs.nav{

text-align: center;

}

#howTabs.nav-tabs>li.active>a, #howTabs.nav-tabs>li.active>a:hover, #howTabs.nav-tabs>li.active>a:focus {

color: #0caa59;

background: rgba(0,0,0,.0);

font-weight: 600;

font-size: 13px;

border-bottom: 1px solid transparent;

border-left: 2px solid #4285f4;

border-right: 2px solid #4285f4;

}



#howTabs.nav-tabs>li {

margin-bottom: 0px;

float: none;

display: inline-block;

}

#howTabs .icon img{

margin-bottom: 5px;

-webkit-transition: all .2s;

-o-transition: all .2s;

transition: all .2s;  

}

#howTabs.nav-tabs>li>a {

margin-right: 7px;

margin-bottom: 15px;

line-height: 12px;

background: rgba(0,0,0,.0);

border: 0;

padding: 8px;

text-transform: uppercase;

color: #1570bc;

font-family: 'Ubuntu', sans-serif;

font-size: 12px;

font-weight: bold;

text-align: center;

-webkit-transition: all .2s;

-o-transition: all .2s;

transition: all .2s;

}



#howTabs.nav-tabs>li>a:hover img{

margin-bottom: 0;

}



#howTabs.nav-tabs>li>a:hover {

color: #0caa59;

font-weight: 600;

padding-bottom: 8px;

-webkit-box-shadow: inset 0px -27px 29px -25px rgba(0,0,0,0.15);

-moz-box-shadow: inset 0px -27px 29px -25px rgba(0,0,0,0.15);

box-shadow: inset 0px -27px 29px -25px rgba(0,0,0,0.15);

}



#howTabs.nav-tabs>li.active>a:hover img, #howTabs.nav-tabs>li.active>a:focus img{

margin-bottom: 5px; 

}

#howTabs.nav-tabs > li > a::after {

content: "";

background: #4285F4;

height: 2px;

position: absolute;

width: 100%;

left: 0px;

bottom: -2px;

transition: all 250ms ease 0s;

transform: scale(0);

}

#howTabs.nav-tabs > li.active > a::after, #howTabs.nav-tabs > li:hover > a::after {

transform: scale(1);

}

#howTabs.nav-tabs > li > a::before {

content: "";

background: #4285F4;

height: 2px;

position: absolute;

width: 100%;

left: 0px;

top: -1px;

transition: all 250ms ease 0s;

transform: scale(0);

}

#howTabs.nav-tabs > li.active > a::before, #howTabs.nav-tabs > li:hover > a::before {

transform: scale(1);

}

.howTabs{

margin-top: 0px;

}

.howTabs .tab-pane, .howTabs .tab-pane>.active{

font-family: 'Ubuntu', sans-serif;

font-size: 15px;

color: #8e8f8f;

text-align: center;

}

#collapse-howTabs{

font-family: 'Ubuntu', sans-serif;

}

#collapse-howTabs .panel-title {

background: transparent; 

color: #1570bc; 

text-transform: uppercase;

}

#collapse-howTabs .panel-heading.active  {

background: transparent;

color: #1570bc;

}

#collapse-howTabs .panel-default>.panel-heading {

background: transparent; 

color: #1570bc;

}

#collapse-howTabs .panel-title>a {

color: #1570bc;

text-transform: uppercase;

display: block;

}

#collapse-howTabs .panel-heading.active .panel-title>a {

color: #1570bc;

text-transform: uppercase;

}

.card {

box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);

}

.card {

border: 0;

margin-bottom: 20px;

margin-top: 20px;

border-radius: 6px;

padding-left: 15px;

padding-right: 15px;

padding-bottom: 40px;

color: #333333;

background: #fff;

width: 100%;

box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 

0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

}

.card {

position: relative;

display: flex;

flex-direction: column;

min-width: 0;

word-wrap: break-word;

background-color: #fff;

background-clip: border-box;

border: 1px solid #eeeeee;

border-radius: 0.75rem;

}

#collapse-howTabs.panel-group .panel-heading+.panel-collapse .panel-body {

border-top: 0;

border-top: 1px solid transparent;

-moz-border-image: -moz-linear-gradient(to right,#0caa59 0%, #fff 80%);

-webkit-border-image: -webkit-linear-gradient(left, transparent 0%, #0caa59 50%, transparent 100%);

-o-border-image: -o-linear-gradient(left, transparent 0%, #0caa59 50%, transparent 100%);

border-image: linear-gradient(to right, transparent 5%, #0caa59 50%, transparent 95%);

border-image-slice: 1;

}

table {

border-spacing: 0;

border-collapse: collapse;

font-family: 'Roboto';

}

.table>thead>tr>th, .table>tbody>tr>td{

padding: 8px 15px;

}

.table>tbody>tr>td{

font-size: 14px;

border-top: 1px solid #e5e5e5;

}

.table>thead>tr>th {

vertical-align: bottom;

font-size: 16px;

padding-top: 11px;

padding-bottom: 11px;

font-weight: 500;

color: #064f99;

border-right: 1px solid #fff;

background: #ebebeb;

border-bottom: 2px solid #ddd;

}

.table>thead>tr>th.hglght{

background: #46a4d0;

border-top: 1px solid #fff;

color: #fff;

padding: 6px;

}

.table>tbody>tr>th {

font-weight: 500;

}



.dropdown-menu.bootstrap-datetimepicker-widget {

opacity: 0;

transform: scale(0);

transition-duration: .3s;

transition-timing-function: cubic-bezier(.4, 0, .2, 1);

transform-origin: 0 0;

will-change: transform, opacity;

top: 0

}



.dropdown-menu.bootstrap-datetimepicker-widget.top {

transform-origin: 0 100%

}



.dropdown-menu.bootstrap-datetimepicker-widget.open {

opacity: 1;

transform: scale(1);

top: 0

}



/*!

* Datetimepicker for Bootstrap 3

* ! version : 4.17.37

* https://github.com/Eonasdan/bootstrap-datetimepicker/

*/

.bootstrap-datetimepicker-widget .btn[data-action=clear]:after,

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]:after,

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]:after,

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]:after,

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]:after,

.bootstrap-datetimepicker-widget .btn[data-action=showHours]:after,

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]:after,

.bootstrap-datetimepicker-widget .btn[data-action=today]:after,

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]:after,

.bootstrap-datetimepicker-widget .picker-switch:after,

.bootstrap-datetimepicker-widget table th.next:after,

.bootstrap-datetimepicker-widget table th.prev:after,

.sr-only {

position: absolute;

width: 1px;

height: 1px;

margin: -1px;

padding: 0;

overflow: hidden;

clip: rect(0, 0, 0, 0);

border: 0

}



.bootstrap-datetimepicker-widget {

list-style: none

}



.bootstrap-datetimepicker-widget a:hover {

box-shadow: none !important

}



.bootstrap-datetimepicker-widget a .btn:hover {

background-color: transparent

}



.bootstrap-datetimepicker-widget.dropdown-menu {

padding: 4px;

width: 21em

}



@media (min-width:768px) {

.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {

width: 38em

}

}



@media (min-width:991px) {

.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {

width: 38em

}

}



@media (min-width:1200px) {

.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {

width: 38em

}

}



.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after,

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {

right: auto;

left: 12px

}



.bootstrap-datetimepicker-widget.dropdown-menu.top {

margin-top: auto;

margin-bottom: 27px;

z-index: 1111

}



.bootstrap-datetimepicker-widget.dropdown-menu.top.open {

margin-top: auto;

margin-bottom: 27px

}



.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {

left: auto;

right: 6px

}



.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {

left: auto;

right: 7px

}



.bootstrap-datetimepicker-widget .list-unstyled {

margin: 0

}



.bootstrap-datetimepicker-widget a[data-action] {

padding: 0;

margin: 0;

border-width: 0;

background-color: transparent;

color: #f1940a;

box-shadow: none

}



.bootstrap-datetimepicker-widget a[data-action]:hover {

background-color: transparent

}



.bootstrap-datetimepicker-widget a[data-action]:hover span {

background-color: #eee;

color: #f1940a

}



.bootstrap-datetimepicker-widget a[data-action]:active {

box-shadow: none

}



.bootstrap-datetimepicker-widget .timepicker-hour,

.bootstrap-datetimepicker-widget .timepicker-minute,

.bootstrap-datetimepicker-widget .timepicker-second {

width: 40px;

height: 40px;

line-height: 40px;

font-weight: 400;

/*font-size: 1.125rem;*/

font-size: 14px;

margin: 0;

border-radius: 50%

}



.bootstrap-datetimepicker-widget button[data-action] {

width: 38px;

height: 38px;

margin-right: 3px;

padding: 0

}



.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]:after {

content: "Increment Hours"

}



.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]:after {

content: "Increment Minutes"

}



.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]:after {

content: "Decrement Hours"

}



.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]:after {

content: "Decrement Minutes"

}



.bootstrap-datetimepicker-widget .btn[data-action=showHours]:after {

content: "Show Hours"

}



.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]:after {

content: "Show Minutes"

}



.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]:after {

content: "Toggle AM/PM"

}



.bootstrap-datetimepicker-widget .btn[data-action=clear]:after {

content: "Clear the picker"

}



.bootstrap-datetimepicker-widget .btn[data-action=today]:after {

content: "Set the date to today"

}



.bootstrap-datetimepicker-widget .picker-switch {

text-align: center;

border-radius: 3px;

font-size: 13px;

}



.bootstrap-datetimepicker-widget .picker-switch:after {

content: "Toggle Date and Time Screens"

}



.bootstrap-datetimepicker-widget .picker-switch td {

padding: 0;

margin: 0;

height: auto;

width: auto;

line-height: inherit

}



.bootstrap-datetimepicker-widget .picker-switch td span {

line-height: 2.5;

height: 2.5em;

width: 100%;

border-radius: 3px;

margin: 2px 0 !important

}



.bootstrap-datetimepicker-widget table {

width: 100%;

margin: 0

}



.bootstrap-datetimepicker-widget table.table-condensed tr>td,

.bootstrap-datetimepicker-widget table td>div,

.bootstrap-datetimepicker-widget table th>div {

text-align: center

}



.bootstrap-datetimepicker-widget table th {

height: 20px;

line-height: 20px;

width: 20px;

font-weight: 500

}



.bootstrap-datetimepicker-widget table th.picker-switch {

width: 145px

}



.bootstrap-datetimepicker-widget table th.disabled,

.bootstrap-datetimepicker-widget table th.disabled:hover {

background: none;

color: #eee;

cursor: not-allowed

}



.bootstrap-datetimepicker-widget table th.next span,

.bootstrap-datetimepicker-widget table th.prev span {

border-radius: 3px;

height: 27px;

width: 27px;

line-height: 28px;

font-size: 12px;

border-radius: 50%;

text-align: center

}



.bootstrap-datetimepicker-widget table th.prev:after {

content: "Previous Month"

}



.bootstrap-datetimepicker-widget table th.next:after {

content: "Next Month"

}



.bootstrap-datetimepicker-widget table th.dow {

text-align: center;

border-bottom: 1px solid #eee;

font-size: 12px;

text-transform: uppercase;

color: #333;

font-weight: 400;

padding-bottom: 5px;

padding-top: 10px

}



.bootstrap-datetimepicker-widget table thead tr:first-child th {

cursor: pointer

}



.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover,

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span {

background: #eee

}



.bootstrap-datetimepicker-widget table td>div {

border-radius: 3px;

height: 54px;

line-height: 54px;

width: 54px;

text-align: center

}



.bootstrap-datetimepicker-widget table td.cw>div {

/*font-size: .8em;*/

font-size: 14px;

height: 20px;

line-height: 20px;

color: #999

}



.bootstrap-datetimepicker-widget table td.day>div {

height: 30px;

line-height: 30px;

width: 30px;

text-align: center;

padding: 0;

border-radius: 50%;

position: relative;

z-index: -1;

color: #3c4858;

font-size: 14px;

}



.bootstrap-datetimepicker-widget table td.hour>div,

.bootstrap-datetimepicker-widget table td.minute>div {

border-radius: 50%

}



.bootstrap-datetimepicker-widget table td.day:hover>div,

.bootstrap-datetimepicker-widget table td.hour:hover>div,

.bootstrap-datetimepicker-widget table td.minute:hover>div,

.bootstrap-datetimepicker-widget table td.second:hover>div {

background: #eee;

cursor: pointer

}



.bootstrap-datetimepicker-widget table td.new>div,

.bootstrap-datetimepicker-widget table td.old>div {

color: #999

}



.bootstrap-datetimepicker-widget table td.today>div {

position: relative

}



.bootstrap-datetimepicker-widget table td.today>div:before {

content: "";

display: inline-block;

border: 5px solid transparent;

border-bottom-color: #f1940a;

position: absolute;

bottom: 4px;

right: 4px

}



.bootstrap-datetimepicker-widget table td.active:hover>div,

.bootstrap-datetimepicker-widget table td.active>div {

background-color: #f1940a;

color: #fff;

box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)

}



.bootstrap-datetimepicker-widget table td.active.today:before>div {

border-bottom-color: #fff

}



.bootstrap-datetimepicker-widget table td.disabled:hover>div,

.bootstrap-datetimepicker-widget table td.disabled>div {

background: none;

color: #eee;

cursor: not-allowed

}



.bootstrap-datetimepicker-widget table td span {

display: inline-block;

width: 40px;

height: 40px;

line-height: 40px;

margin: 3px;

cursor: pointer;

border-radius: 50%;

text-align: center

}



.bootstrap-datetimepicker-widget table td span:hover {

background: #eee

}



.bootstrap-datetimepicker-widget table td span.active {

background-color: #f1940a;

color: #fff

}



.bootstrap-datetimepicker-widget table td span.old {

color: #999

}



.bootstrap-datetimepicker-widget table td span.disabled,

.bootstrap-datetimepicker-widget table td span.disabled:hover {

background: none;

color: #eee;

cursor: not-allowed

}



.bootstrap-datetimepicker-widget .timepicker-hours span,

.bootstrap-datetimepicker-widget .timepicker-minutes span,

.bootstrap-datetimepicker-widget .timepicker-picker span {

border-radius: 50% !important

}



.bootstrap-datetimepicker-widget.usetwentyfour td.hour {

height: 27px;

line-height: 27px

}



.input-group.date .input-group-addon {

cursor: pointer

}

.nwrp{

white-space: nowrap;

}