@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body {
  font-family: 'Roboto', sans-serif; color: #444444; font-size:15px; overflow-x:hidden; padding:0; margin:0;}
  
a { text-decoration:none;}
.whatsapp_btn {
    position: fixed;
    top: 36em;
    right: 40px;
    width: 55px;
    height: 55px;
    z-index: 9999;
  }
  .whatsapp_btn .icon_logo {
    position: relative;
    z-index: 100;
    padding: 5px;
  }

  .whatsapp_btn .icon_logo > a > img {
    width: 100%;
  }

  .whatsapp_btn .circle_waves {
    border-radius: 50%;
    background-color: #3cc04e;
    width: 55px;
    height: 55px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0px;
    z-index: 99;
    animation: waves 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);
  }

  @keyframes waves {
    from {
      transform: scale(0.55, 0.55);
      opacity: 0.6;
    }
    to {
      transform: scale(1.8, 1.8);
      opacity: 0;
    }
  }

a:hover {
  color: #8ec4dd;
  text-decoration: none;
}

p{ font-family: 'Roboto', sans-serif; font-size:15px; color:#333; line-height:23px; text-align:justify;}

ul li{ font-family: 'Roboto', sans-serif; font-size:15px; color:#333; line-height:23px; text-align:left;}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
}

img{ max-width:100%;}

:focus{outline:none;}
	
.navbar-brand>img, .navbar-right, .navbar-default .navbar-nav>li>a{transition:0.5s;}
.header-fix .navbar-default .navbar-nav>li>a{ padding: 8px 25px; color:#000;}
.header-fix .navbar-right{ margin-top: 14px;}

#main-head.header-fix{ }

header img { margin: 0 auto;}

#main-head.header-fix .navbar-brand>img{ padding-top:8px;}
#main-head.header-fix .top-nav{ display:none;}
.top-nav{ color:#fff; padding: 20px 0 30px; font-size: 15px;}
.top-nav-lft .fa{ font-size: 16px; margin-right: 10px;}
.top-nav-lft .fa-envelope-o{ margin-left:30px;}
.top-nav-lft a{ color:#fff;}
.top-nav-rht{ text-align:right}
.top-nav-rht .fa{ margin-left: 16px; color:#fff;}
.top-nav-rht a{ color:#fff;}
.top-nav-rht span{ margin-left:10px;}
.top-nav-rht .fa-lock{ margin-left:25px;}

.Clients{}
.Clients .box-clt{ border:1px #ccc solid; text-align:center;}


#widgetsControl, #widgetsControl_C{height:inherit !important;}
#main-head {
    /* border-bottom: solid 1px rgba(255,255,255,.2); */
    /* padding: 6px 0; */
    position: absolute;
    /* top: 0; */
    z-index: 9;
    width: 100%;
    left: 0;
    /* height: 47px; */
    /* color: #ccc; */

}

#home:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 130px;
    z-index: 2;
}
#HeaderControl {
    height: 82px;
    float: Left;
    margin-bottom: 0;
    /* padding: 16px 0; */
    padding: 9px 0 9px 16px;
    transition: 0.5s;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 99;
    width: 33%;
    background: transparent;
    text-align: center;
}
#MenuControl {
    height: 82px;
    float: Right;
    margin-bottom: 0;
    padding: 0px 0;
    transition: 0.5s;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 9;
    width: 67%;
    background: transparent;
}
.body-fx #HeaderControl {
    float: Left;
    position: fixed;
    width: 35.1%;
    padding: 0;
    padding-left: 0;
    background: rgba(17,64,95,0.95);
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 70px;
    top: 0;
}

.body-fx #MenuControl {
    float: Right;
    position: fixed;
    right: 0;
    width: 65%;
    padding: 0;
    padding-right: 0;
    background: rgba(17,64,95,0.95);
    transition: 0.5s;
    top: 0;
    height: 70px;
}
center #form1 #main-head { background: #11405f;}
center #form1 #HeaderControl { margin-left: 0; width: 36%; background: #11405f;}
center #form1 #MenuControl { margin-right:0; background: #11405f;}
center #form1 #HomepagecontentControl { padding-top: 105px; padding-bottom: 25px; margin-top: 30px;}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter, #MenuControl .rdCenter{
    background-color: transparent !important;}
.rdCenter{ background: transparent !important;}
.body-fx #HeaderControl header img { margin-top: 10px;}
/*banner*/



#HeaderControl_C_ctl00_tr_HeaderBackImage {
    background: transparent;
}

#widgetsControl.RadDock.RadDock_Default.col-md-12 {
	padding-left:0px !important;
    padding-right:0px !important;	
}
.fa-question:before {
    color: #a9a4a4 !important;
}
#WidgetControl1.RadDock.RadDock_Default.col-md-12 {
	padding-left:0px !important;
    padding-right:0px !important;
}

/*banner*/
.tpack-main .ser-box{
    width: 29.6%;
    float: left;
    background: #fff;
    margin: 0 15px;
    transition: 0.5s;
    text-align: center;
    border: 5px solid #fff;
    box-shadow: 3px 5px 8px #000;
    margin-bottom: 25px;
    }
	
	
.banner-cont{ position: absolute;width:100%;right:0;top: 24%;z-index:9;text-align: right;}
.banner-cont h3{font-size: 33px;
    color: #fff; text-align:left;
    text-transform: uppercase;
    background: rgba(0,0,0,0.6);
    padding: 10px 12px;
    display: inline-block;
    border: 1px solid #000; border-radius:15px 0 0 15px; border-right:0;}
	
.banner-cont h3 span{display:block; font-weight:700; color:#fff;}

.hm-head{ text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: 40px;
    font-size: 40px;}
	
.head-sep {
    z-index: 3;
    margin-bottom: 25px;
    display: inline-block;
    top: -3px;
    line-height: 1;
    position: relative;
}

.head-sep:before{    width: 50px;
    height: 1px;
    content: "";
    display: inline-block;
    position: relative;
    margin-right: 6px;
	background-color: #11405f !important;
    color: #fff !important;}
	
.head-sep:after{width: 50px;
    height: 1px;
    content: "";
    display: inline-block;
    position: relative;
    margin-right: 6px;
	    margin-left: 22px;
    margin-right: 0;
	    background-color: #11405f !important;
    color: #fff !important;}
.head-sep u {
    width: 20px;
    position: absolute;
    display: block;
    left: 50%;
    top: 12px;
    margin-left: -10px;
}

.head-sep u:before{    position: absolute;
    top: 0;
    left: -2px;
    border-left: 2px #888 solid;
    border-right: 2px #888 solid;
    width: 10px;
    height: 6px;
    display: inline-block;
    content: "";
    transform: skew(30deg);
    -webkit-transform: skew(50deg);
	border-left-color: #11405f !important;}
	
.head-sep u:after{    position: absolute;
    top: 0;
    left: -2px;
    border-left: 2px #888 solid;
    border-right: 2px #888 solid;
    width: 10px;
    height: 6px;
    display: inline-block;
    content: "";
    transform: skew(30deg);
    -webkit-transform: skew(50deg);
	    left: auto;
    right: -3px;
    transform: skew(-30deg);
    -webkit-transform: skew(-50deg);
	border-right-color: #11405f !important;}
	
.hm-head span{
    font-weight: 600;
    color:#11405f;}
	

.fourcol{ background:#478ee8; color:#fff; /*padding: 50px 0;*/ transition:0.5s; margin-top:0px; background:url(image/four-bg.jpg) no-repeat; border: 5px solid #11405f; border-left:0; border-right:0;}

.fourcol h3{ font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    color: #a9a4a4;
    margin: 10px 0;
    transition: 0.5s;
    text-transform: uppercase;
    text-align: left;
    display: inline-block;}
.fourcol h3 span{     display: block;
    font-weight: bold;
    color: #333; transition:0.5s;
    font-size: 15px;
    text-transform: initial;}
.fourcol h3 span a{color: #11405f;}
	
.fourcol-inner{ position:relative; transition:0.5s ease-in; padding: 65px 15px; border:1px dashed transparent;
    text-align: center;}
	
.fourcol-inner:hover{    transform: scale(1.3);
    background: #2661f7;
    border-color: #11405f;
    z-index: 9;}
.fourcol-inner:hover .fa{color:#fff;}
.fourcol-inner:hover h3 span a{color:#fff;}
.fourcol-inner:hover h3{color:#fff;}
.fourcol-inner:hover h3 span{    font-size: 12px;}
.fourcol-inner .fa{
    font-size: 50px;
    margin-top: 7px;
    color: #fff;
    margin-right: 12px;
    display: inline-block;
    }
.fourcol-inner .fa.fa-question{    font-size: 60px;
    margin-top: 3px;}
.fourcol-inner .fa.fa-lock{ font-size: 57px;}
.fourcol-inner img{
    float: left;
    max-width: 80px;
    margin-right: 18px;
    transition:0.5s;
    }

.fourcol .col-md-3{ transition:0.2s; margin-bottom: -3px;}
.fourcol .col-md-3:hover{}
.fourcol .col-md-3:hover img{/* transform:scale(1.1) rotate(5deg); */}

.ecal, .hm-whats{ background: #11405f;}
.ecal .fa, .hm-whats .fa{ color:#fff;}
.ecal h3 span a, .hm-whats H3 span a{color: #11405f;}
.fourcol{ margin:0;}
.fourcol .col-md-3{ padding:0}

.tpack-main{ background:url(image/t-pack-bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; position:relative; padding: 30px 0 50px; margin-bottom: 0px;}

.tpack-main .item{ }
.tpack-main-img{width: 100%;
    height: 230px;
    overflow: hidden;}
.tpack-main-img img{transition:0.5s;     height: 100%;}
.tpack-main .ser-box:hover img{transform:scale(1.1) rotate(3deg)}
.tpack-cnt{ padding: 0 11px;}
.tpack-cnt h3{      
    font-size: 17px;
    margin-top: 22px;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px;
    background:#11405f;
    color: #fff;
    padding: 9px 0px;
    margin-top: -22px;
}

.tpack-main .ser-box p{ text-align:left;}


.rd-mr{ float:right; text-align: right;
    margin-top: 30px;
    position: relative;
    margin-right: -25px;
    margin-bottom: -8px;}
	
.rd-mr a{ background: #11405f; color: #fff; padding: 8px 25px;
    border-radius: 0px; position:relative; transition:0.5s; text-decoration:none;}
	
.rd-mr a:before{    content: "";
    position: absolute;
    top: -11px;
    width: 0;
    height: 0;
    border-bottom: 0px solid transparent;
    border-top: 15px solid transparent;
    border-left: 11px solid #11405f;
    left: 0; transition:0.5s;}
	
.rd-mr a:after{    content: "";
    position: absolute;
    top: -15px; transition:0.5s;
    width: 0;
    height: 0;
    border-bottom: 0px solid transparent;
    border-top: 15px solid transparent;
    border-left:9px solid #11405f;
    right: 0;}
	
.rd-mr a:hover{background:#488ee6; color:#fff;}
.rd-mr a:hover:after,
.rd-mr a:hover:before{border-left:10px solid #488ee6;}
	
.tpack-cnt h3 span{    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    font-weight: normal;
    color: #999; text-align:right;
    text-decoration: line-through;}
.tpack-cnt h3 span strong{    text-decoration: none;
    display: inline-block;
    font-size: 21px;
    color: #4692e7;}
.date-tpack .fa{    color: #4692e7; margin-right:5px;}
.ratin-tpack .fa{    color: #ffa127;}
.ratin-tpack span{    font-size: 13px;
    color: #777;}
.ratin-tpack{padding-bottom:20px}
.off-bx{ position: absolute; display:none;
    top: 30px;
    background: #e85e34;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 20px 10px 30px;
    left: 4px;}
	
.off-bx:after{    content: "";
    position: absolute;
    top: 42px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 11px solid #74301d;
    left: 0; }
	
.tpack-main .owl-nav{color: #fff;
    }
.tpack-main .owl-prev{position: absolute;
    top: 54%; left:0; background-color: #4674e7;
    padding: 16px 26px;
    font-size: 20px;}
.tpack-main .owl-next{position: absolute;
    top: 54%; right:0; background-color: #4674e7;
    padding: 16px 26px;
    font-size: 20px;}

.owl-dots{display:none;}
.owl-carousel{position:inherit;}

.hm-desti .hm-head{color:#333;     margin-bottom: 30px;}
.hm-desti .hm-head .fa{color:#467fe7; margin-right:10px;}
.hm-desti .hm-head a{color:#467fe7;}
.hm-desti h4{    margin-top: 0;
    color: #999;
    font-weight: normal;
    font-size: 17px;
    line-height: 23px;}
.hm-desti ul{padding-left:0; list-style:none; margin-top:0px;}
.hm-desti ul li{float:left; width:25%; position:relative;     overflow: hidden; transition:0.5s;}
.hm-desti ul li img{transition:0.5s ease-in;}
.hm-desti ul li:hover img{transform:scale(1.2) ;}
.text-des{    position: absolute;
    bottom: 15px;
    width: 100%;
    padding: 0 5%;
    color: #fff;
    font-size: 18px;
    font-weight: bold;}
.text-des .fa{font-size: 24px;
    font-weight: normal;
    margin-right: 5px;}
.text-des span{float:right; font-family:Arial, Helvetica, sans-serif; font-weight:normal;     color: #4692e7;
    font-size: 16px;
    margin-top: 6px;}
	
.banner-dis{background:url(image/full-banner-dcnt.jpg) no-repeat; background-size:cover; color:#fff; min-height:450px; background-attachment: fixed;}
.banner-dis p{ color:#fff; font-size: 16px;}
.banner-dis h2{ font-size: 45px; font-weight: 700; color: #ffffff; margin-bottom: 20px;}
.banner-dis a{     color: #424242;
    background: #ffffff;
    padding: 15px 33px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    border-radius: 30px;
    display: inline-block; transition:0.5s;}
.banner-dis-cnt{width: 50%;
    float: right;
    margin-top: 100px;}
.banner-dis a:hover{    background: #11405f;
    color: #fff;}
	


.whatsnew{    height: 450px;
    overflow: hidden;
    border: 1px solid #000;}
	
.whatsnew h3{    margin: 0;
    background: #20418e;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 8.5px 0;
    border-bottom: 1px solid #000;}

.hm-box p{line-height:23px; color:#555;     font-size: 16px;     line-height: 28px;}
.hm-about{/*background:url(../image/about-bg.jpg) no-repeat; padding-top:0px;*/ padding-bottom:50px; color:#fff; background-attachment:fixed; background-size:cover; /*min-height:510px;*/}
.hm-about .icon-ul li{color:#fff;}
.hm-box .hm-head{color:#000;}
.icon-ul{list-style-image:url(../image/hand-icon1.png); padding-left:22px;}
.icon-ul li{padding-left:15px; margin-bottom:3px; color:#555;}
.hm-box .icon-ul li{    margin-bottom: 6px; color:#555;}


.sam-cl .fa{    float: left;
    color: #fac012;
    font-size: 27px; position:absolute; left:0; top:5px;}
.sam-cl h3{     text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    line-height: 27px; margin-top:0;
    padding-left: 32px; position:relative;}
.sam-cl h3 span{    text-transform: initial;
    color: #c8c8c8;
    font-size: 15px; display:block; }
	
.sam-cl.ft-ph h3 span{font-size:26px;}
.sam-cl.ft-time h3 span{font-size:20px;}

.tpack-main .carousel-indicators li{ background-color: #000; width: 30px;}
.tpack-main .carousel-indicators .active {
    background-color: #11405f;
    width: 30px;
}
.carousel-indicators {
    bottom: -30px;
}


/*footer*/

footer{ background: #222; padding-top:20px;
    /* border-top: 4px solid #f9c809; */
	/*background: url(../image/ft-bg.png) no-repeat;
    background-attachment: fixed;
    background-size: cover;	
	*/
    
}

footer .container-middle{position:relative;}

footer h2{font-weight: 500;
    font-size: 23px;
    position: relative;
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
    border-bottom: 3px SOLID rgba(255, 255, 255, 0.03);
    padding-bottom: 15px;
}
	
footer h2 span {
    position: absolute;
    width: 100%;
    left: 1px;
    font-size: 20px;
    color: #222;
    z-index: 1;
    top: -17px;
}

footer .container-middle a{    color: #fff;}

.col-three{color:#ffffff;}

.us-lk p{color:#ffffff}

.us-lk ul{     list-style-type: square;
    font-size: 15px;
    margin-bottom: 0;
    color: #fff;       padding-left: 24px;}

.us-lk ul li{ font-size: 15px; line-height: 20px; margin-bottom: 10px; transition:0.5s;}
.us-lk ul li:nth-last-child(1){margin-bottom:0}

.us-lk ul li:hover{padding-left: 5px;}

.us-lk ul li a{ color:#ffffff; text-decoration: none;}
.us-lk ul li:hover a{color:#fff !important;}

footer a{color:#fff;}

.ft-soc ul{ font-size: 16px; margin-bottom: 0; list-style: none;}

.ft-soc ul{padding-left: 0; font-size: 15px;}
	
.ft-soc ul a{ color:#ffffff;}
.ft-soc ul li{ margin-bottom:8px;}
.ft-soc ul li img{ margin-right: 10px; transition:0.5s;}
.ft-soc ul li:hover img{ border-radius:50%; transition:0.5s;}
	
.ft-cont strong{ color:#fff;}

.ft-cont p, .ft-cont p a{ margin-bottom:8px; font-size: 15px; color: #ffffff; line-height: 23px; 
    min-height: 25px; transition: 0.5s; text-align: left;}

.copyrht{ background:#212121;
    margin-top: 10px;
    color: #fff;
    font-size: 15px;
    padding:12px 0;
    /* height: 32px; */
    position: relative;
    /* border-top: 1px solid #fff; */
    /* box-shadow: 0px -4px 4px #ccc; */
}
	
.copyrht p{ margin-bottom: 0; color: #fff; font-size: 15px;}
	
footer .container{position:relative;}

#FooterrControl1_tr_FooterBackImage{background-image:none !important;}

.cprht-lft{ text-align:left;}
.cprht-lft a{ color:#fff; text-decoration:none;}
.cprht-rht{ text-align:right;}

.cprht-rht ul{ list-style:none; text-align:right; margin:0;     font-size: 15px;}

.cprht-rht ul li{ display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    border-left:1px solid #db6e5d;
    line-height: 13px;}
	
.cprht-rht ul li:first-child{border-left:0;}

.cprht-rht a{ color:#fff; padding: 0 1px;}
.cprht-rht a .fa{    background:#11405f;
    border-radius: 50%;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 29px; transition:0.5s;}

.cprht-rht a .fa:hover{background:#11405f; color:#fff; transition:0.5s;}

p.cprht-rht img {
    height: 18px; transition:0.5s;     vertical-align: bottom;
}

p.cprht-rht img:hover{transform:rotate(360deg); transition:0.5s;}

.cprht-lft strong{    color: #fff;
    font-weight: 300;}

.ft-cont i {    width: 35px;
    height: 35px;
    text-align: center;
    border: 1px solid #ffffff;
    font-size: 19px;
    line-height: 0px;
    margin-right: 11px;
    margin-top: 4px;
    vertical-align: baseline;
    float: left;
    transition: 0.5s;
}

.cprht-img{    float: left;
    margin-left: 120px;}
	
.cprht-img img{height: 45px;}

.ft-cont i img{margin-top: 6px;}

.ft-cont p:hover i{background:#77be32; transition:0.5s;}
	
.ft-nav ul{    list-style: none;
    text-align: center;
    margin-top: 0;
    padding-top: 21px;
    font-weight: bold; z-index: 9;
    position: relative;}
	
.ft-nav ul li{    display: inline-block;
    padding: 0 35px;}

.ft-nav ul li a:hover{color:#77be32;}

.same-ft{ border:1px dashed #444; padding: 0 10px; position: relative;
    padding-left:70px; margin-top:15px; transition:0.5s;}
.same-ft h3{ color: #fff; font-size: 18px;}
.same-ft p{ color: #fff;  font-size:15px;}
.same-ft p span{ display:block; color:#fff;}
.same-ft p  a{ color:#fff; text-decoration:none;}
	
.same-ft:after{    
    font-size: 48px;
    font-family: Flaticon;
    position: absolute;
    left:18px;
    top: 21px;
    color: #4294c7;	
}

.ft-add:after{content: "\f131";}
.ft-ph:after{content: "\f130";}
.ft-mail:after{content: "\f12e";}

.same-ft:hover{background:#2661f7; color:#fff;}
.same-ft:hover p, .same-ft:hover p span, .same-ft:hover p a{color:#fff;}
.same-ft:hover:after{color:#fff;}

.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #11405f;
    padding: 10px 10px;
    z-index: 9;
    border-radius: 50%;
    border: 2px solid #11405f;
    cursor: pointer;
    opacity: 0;
    transition: ease-in 0.5s;
}


.top.scll-top {
    opacity: 1;
    transition: ease-in 0.5s;
    bottom: 50px;
}

.top .fa {
    display: block !important;
}

/*footer*/
/*contact*/
.map-cont{     margin-top: 10px;
    width: 56%;
    float: left;
    border: 1px solid #ddd;
    text-align: center; padding: 10px 0;}
.map-cont img{max-width:100%;}
	
.bx-rht-cont{    width:40%;
    float: left;
    margin-left: 3%; text-align: left;}
	
.bx-rht-cont a{cursor:pointer;}
.bx-rht-cont h2{text-align: left;
    font-size: 16px;
    font-weight: bold;     line-height: 18px; margin-top: 10px; margin-bottom:5px;}
	
.bx-rht-cont p{margin-bottom:0;}
.brn-off{width:31%; padding:1%; float:left;     padding-bottom: 0;}
.cont-page h3{     margin: 0;
    font-size: 18px;
    margin-bottom: 8px;}
.cont-page p{font-size: 16px;color: #fff;line-height: 24px !important;}

.cont-heading {
    margin: 0;

    font-size: 15px;
    text-transform: uppercase;
    background:#60355c;
    padding: 9px 10px;
    color: #fff;
    margin-bottom: 8px;
}
	
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.brn-bx h2{text-align:center;}

.map-cont img{max-width:100%;}

.cont-page .st-feature-box{    background: #11405f;
    padding-top: 10px;
    padding-bottom: 10px; margin-bottom: 10px;     padding-right: 10px;
	    color: #fff;}
	
.cont-page .feature-box-image{    margin-top: 13px;}

.brnh-off p{margin-bottom:2px;}


.st-custom-heading-layout2.st-custom-heading-wraper {
    margin-bottom: 24px;
}

.st-custom-heading-layout2 .st-heading-title {
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px; font-weight:bold;
	margin-top: 0;
}

.st-custom-heading-layout2 .st-heading-title>span {
	    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    display: block;
    margin-bottom: 11px;
}

.st-custom-heading-layout2 .heading-line {
    width: 26px;
    height: 1px;
    background: #114366;
    margin: 0;
}

.st-feature-box {
    padding-left:75px;
    position: relative;
	    margin-bottom: 35px;
}

.st-feature-box .st-feature-box-icon {
    /* color: #fff; */
    color: #fffffff;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height:0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

.cont-soc img{margin-right:5px;}
.cont-page h2{
    font-weight:bold;
    color: #111;
    font-size: 19px;
    margin-top: 0;
    /* text-transform: uppercase; */
    margin-bottom: 18px;
    margin-top:10px;
    }
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page h5{    color: #222;
    font-size: 19px;
    margin-bottom: 25px;}
	
.cont-page h2 span {
    color: #111;
    font-weight: normal;
    font-size: 18px;
}

.cont-page{text-align:left;font-family: arial; font-size: 14px;}



/*contact*/

.hm-team{    text-align: center; min-height:510px;
    padding-bottom: 30px;
    background: rgba(138,191,0,0.45);
    background: url(../image/team-bg.jpg) no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    position: relative;}
.hm-team .hm-head span{    color: #333;}	
.hm-team .head-sep:before,
.hm-team .head-sep:after{    background-color: #fff !important;}
.hm-team  .head-sep u:after{    border-right-color: #fff !important;}
.hm-team  .head-sep u:before{    border-left-color: #fff !important;}
.head-sep u{    top: 13px;}
.hm-team p{color:#000;}
/*.hm-team:before{position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(255,255,255,0.85); content:"";}*/
	
.hm-team img{    margin: 0 auto;
    width: 105px !important;
    height: 105px !important;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 0px 17px #ddd;}
.hm-team p{text-align:center;     padding: 0 10px;     line-height: 23px;}

.info-btn a{    background: #488ee6;
    color: #fff;
    padding: 6px 22px;
    border-radius: 6px;
    border: 1px dashed;
    transition: 0.5s;}
	
.info-btn a:hover{transition:0.5s; background: #333; padding: 6px 28px;} 
.hm-team .carousel-indicators{bottom:0px;}
.info-btn{    margin-bottom: 60px; }
.hm-team .item h3{    font-weight: bold; margin-bottom:4px; color:#000;     margin-top: 6px;}
.hm-team .carousel-indicators li{    background-color: #fff;     width: 30px;}
.hm-team .carousel-indicators .active{    background-color: #488ee6;     width: 30px; border: 0;}	

.hm-team h4{    font-weight: 400;
    color: #eee;
    font-size: 16px;
    font-style: italic;
    margin-top: 0;
    margin-bottom: 20px;}
	
	
@media(max-width:1024px){
.fourcol h3{font-size: 17px;}	
.hm-about{padding-bottom: 34px;     padding-top: 1px;}
.hm-team{padding-top: 1px; background-size: cover;}
.hm-box p{    line-height: 26px;}
.banner-dis-cnt{    background: rgba(0,0,0,0.4);
    padding: 0 2%;     width: 100%;}
.hm-desti{    margin-top: -10px;}

.same-ft:after{left: 6px;}
.same-ft{    padding-left: 62px;}

.navbar-default .navbar-nav>li>a{padding: 2px 3px;}
.tpack-main .ser-box {width: 30%; margin:20px 10px;}

}
	
@media(max-width:998px){
.hm-desti ul li{width: 50%;}	
.hm-desti ul li img{    height: 250px;
    width: 100%;}

.same-ft {
    padding-left: 85px;
}
.same-ft:after{left: 18px;}
.top-nav { font-size: 13px;}
.banner-cont{top: 15%;}
.slider-img img { height: 350px; width: 100%;}
.body-fx #home:after{background:none;}

}
	
@media(max-width:767px){
.fourcol-inner{padding: 25px 15px;}	
.top-nav-rht{display:none;}
.tpack-main .item .ser-box:nth-child(3){display:none; }
.tpack-main .ser-box{width: 47%;}

#home:after{ display:none;}
#home{ top: 100px; position: relative;}

}
	
@media(max-width:667px){
.same-ft h3{font-size: 16px;}
.banner-cont h3{font-size: 20px;}
.tpack-main .ser-box{width: 45%;}

.slider-img img{height:250px;}
	}
	
@media(max-width:568px){
.hm-head{    font-size: 30px;}	
.text-des{    font-size: 14px;}
.text-des span{    font-size: 12px;
    margin-top: 9px;}
.cprht-lft, .cprht-rht{width:100%; text-align:center;}
.tpack-main .item .ser-box:nth-child(3){display:block; }
.tpack-main .ser-box{width: 70%; margin:30px auto;float: inherit;}
#main-head{position: relative; background: #11405f;}
.navbar-default .navbar-toggle { border-color: #fff;}
.navbar-toggle{margin-top:0; float: initial;}
.navbar{text-align:center;}
.top-nav {padding: 10px 0;}
.navbar-default .navbar-nav>li>a { padding: 2px 40px;}

}
	
@media(max-width:480px){
.hm-desti ul li {
    width: 100%;
}
.hm-desti ul li img{height: 200px;}	
.text-des { font-size: 20px;}
.text-des span{    font-size: 15px;}
.ft-add p br{display:none;}
.tpack-main .ser-box { width: 85%;}
.top-nav { text-align: center;}

}
	
@media(max-width:414px){
.same-ft {
    padding-left: 80px;
}
.same-ft:after {
    left: 12px;
}		
	}
	
@media(max-width:375px){
.text-des {
    font-size: 16px;
}	
.top-nav-lft .fa-envelope-o {
    margin-left: 15px;
}
.top-nav-lft{font-size: 12px;}
.top-nav{display:none;}

}
	
@media(max-width:360px){
	.same-ft {
    padding-left: 70px;}

}