@charset "utf-8";
/* CSS Document */

#HomepagecontentControl_C_ctl00_tdeee {
  margin-top: 20px;
}
.main-table{ font-weight:normal; Font-size:15px; color:#333; line-height:24px; text-align:justify;margin-top: 41px;}
.main-heading{    font-weight: bold;
    Font-size: 20px;
    color: #2f4d5a;
    line-height: 36px;
    border-bottom: 1px #ccc dashed;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 0;}
.sub-heading{    font-weight: bold;
    Font-size: 16px;
    color: #2f4d5a;
    line-height: 30px;
    margin-bottom: 5px;     text-transform: uppercase;}




.col-md-2.team img {
  width: 100%;
}
.sub-headingg{    font-weight: bold;
    Font-size: 16px;
    color: #2f4d5a;
    line-height: 30px;
    margin-bottom: 5px;     text-transform: uppercase;
text-align: center;
}
.team-title{font-weight:bold; Font-size:18px; color:#2f4d5a; line-height:30px;}
.contact-us{ padding-left:20px; line-height:24px;}


.container-fluid{padding-left:2px; padding-right:2px;}

#HeaderControl .rdCenter, #MenuControl .rdCenter{background: transparent !important;}

#MenuControl_C .dropdown-menu{/*padding:0 !important;*/ animation: fadeInUp 400ms;}

center #form1 #HeaderControl, center #form1 #MenuControl{background-color: rgba(2,67,107,1);}

#MenuControl_C #navbar-collapse-1{height:100% !important;}
#WidgetControl4{/*! display:none; */}

#HeaderControl{     height: 82px;
    float: Left;
    margin-bottom: 0;
    padding: 16px 0;
    transition: 0.5s;
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 9;
    width: 33%;
    background: transparent;
    text-align: center;}
	
#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}

#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}

#MenuControl{    height: 82px;
    float: Right;
    margin-bottom: 0;
    padding: 0px 0;
    transition: 0.5s;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 9;
    width: 67%;
    background: transparent;}
	
	
.body-fx #HeaderControl{
    height: 90px;
    float: Left;
    position: fixed;
    width: 35%;
    padding: 0;
    padding-left: 0;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 70px !important;
	 background: rgba(2,67,107,.85);
    top: 0;
}

.body-fx #logo-web{margin-top: 6px;}

.body-fx #MenuControl_C{height: 68px !important;}


.body-fx #MenuControl {
    float: Right;
    position: fixed;
    right: 0;
    width: 65%;
    padding: 0;
    padding-right: 0;
    background: rgba(2,67,107,.85);
    transition: 0.5s;
    top: 0px;
    height: 70px !important;
}

center #form1 #HomepagecontentControl{padding-top: 81px; padding-bottom:25px;}
center #form1 .top-nav{background:#033c5e;}


.body-fx center #form1 #HeaderControl{margin-left:0;}
.body-fx center #form1 #MenuControl{margin-right: 0px;}
#widgetsControl, #widgetsControl_C{height:inherit !important;}
@media (max-width: 991px){
#MenuControl_C, #HeaderControl_C{height:inherit !important;}
center #form1 #HeaderControl{margin-left: -2px; /*! height:inherit !important; */    width: 35%;}
}
@media (max-width: 769px){
#MenuControl, #MenuControl_C{height: initial !important;}	
#widgetsControl_C, #widgetsControl{height:initial !important}
	}

@media (max-width: 767px)
{
#MenuControl, #HeaderControl, #header{width:100% !important; top:0px; /*! position:relative !important; */ /*! height:inherit !important; *//*! background:#02436b; */}
center #form1 #HomepagecontentControl{/*! padding-top: 0px; */}

#HomepagecontentControl_C table{margin-top:0 !important;}
}



@media(max-width:736px){
    .container-middle.cont-page.container {
  margin-top: 13%;
}
    center #form1 #MenuControl{/*! top: inherit; */margin-top: 20px;}
.body-fx #MenuControl{position: absolute !important;}
#HeaderControl, #HeaderControl_C{height: initial !important;}	
header{padding-top: 2px;}
}

@media(max-width:375px){

}

.table-responsive {
    min-height: .01%;border: 0;
    overflow: hidden !important;
}

 /*============WHATSAPP==========*/
  
.whatsapp_btn{
    position: fixed;
    bottom: 1em;
    left: 7px;
    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(.36, .11, .89, .32);
}

@keyframes waves {
    from {
        transform: scale(.55, .55);
        opacity: .6;
    }
    to {
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}
.hm-serv {font-size: 14px; font-family: Open Sans;}

.hm-serv h4{font-size: 14px;
    font-weight: 700;
    font-family: Open Sans;
    color: #008237; text-align:center;}
	
.hm-serv h2{     font-size: 35px;
    font-family: Open Sans;
    font-weight: 800;
    color: #56698f;
    text-align: center;
    margin-bottom: 35px; border-bottom:1px solid #ccc; padding-bottom:10px;}
	
.hm-serv h2 strong{color:#0e2637;}
	
.hm-serv h2 span{font-style:normal; position:relative;}
	
.hm-serv h2 span:after{  content: "";
    position: absolute;
    z-index: 99;
    height: 5px;
    width: 100%;
    background: #f7a901;
    left: 0;
    bottom: -9px;}
	
.ser-main-cl{    position: relative;
    text-align: center;
    margin-top: 90px;
    margin-bottom:90px;}
	
.ser-main-cl img{border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 2px #47540e;
	}

.ser-cl-inner img{width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 4px solid #fff;
    float: left;
    margin-left: 15px;
    transition: 0.7s;
    position: absolute;
    top: -15px;}
	
.ser-cl-inner:hover img{ transition:0.7s; transform:scale(1.2);}
	
.ser-cl-inner h3{ font-size: 18px; font-weight: 700; color: #6e63ff;
    margin-bottom: 10px; margin-top: 0;
text-transform: uppercase;
}
	
.ser-cl-inner p{ line-height:18px;}
	
.fl-ser{    float: left;
    text-align: right;
    width: 100%;
    margin-top: 15px;
    font-size: 14px;
    padding-right: 135px;
    position: relative;}
	
.fl-ser.fr-ser{padding-right:0;     padding-left: 135px;}
	
.fl-ser p{text-align:right;}

.fl-ser p a{    display: block;
    color: #6e63ff;
    margin-top: 8px;
    font-weight: bold;
    font-style: italic;
    font-size: 13px; transition:0.5s;}
	
.fl-ser p a:hover{transition:0.5s; color: #948ef1;}
	
.cl1{     position: absolute;
    top: -50px;
    width: 40%;
    left: 90px;}
	
.cl2{    position: absolute;
    top: 100px;
    width: 38%;
    left: -15px;}
	
.cl3{    position: absolute;
    top: 314px;
    width: 40%;
    left: 12px;}
	
.cl4{    position: absolute;
    top: -30px;
    width: 40%;
    right: 65px;}
	
.cl5{    position: absolute;
    top: 135px;
    width: 40%;
    right: -45px;}
	
.cl6{    position: absolute;
    top: 300px;
    width: 40%;
    right: 0px;}
.cl7{    position: absolute;
		top: 390px;
		width: 40%;
    left: 160px;}

.cl7.ser-cl-inner h3{ margin-top: 32px;}
	
.cl4 .fl-ser p, .cl4 .fl-ser h3,
.cl5 .fl-ser p, .cl5 .fl-ser h3,
.cl6 .fl-ser p, .cl6 .fl-ser h3 {text-align:left;}

.cl4.ser-cl-inner img,
.cl5.ser-cl-inner img,
.cl6.ser-cl-inner img{ margin-right: 15px; margin-left:0;
    left: 0;}

.dn-img {
    display: none;
}

.hm-serv{    background: url(image/serv-bg.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    padding-top: 25px;
    padding-bottom: 7px; border-top: 1px solid #56698f;
    border-bottom: 1px solid #56698f;}
.hm-serv:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.90);}
.hm-serv .container{position:relative; z-index:9;}


.cont-page h2{font-weight: bold;
    Font-size: 20px;
    color: #242424;
    line-height: 36px;
    text-transform: uppercase;
    margin: 0;
text-align: left;
}
.cont-page .st-feature-box {
    background: rgba(110,99,255,0.95) !important;
    padding-top: 10px;
    padding-bottom: 2px;
    margin-bottom: 2px;
    padding-right: 10px;
    text-align:left;
}
.cont-page p {
    font-size: 15px;
    color: #fff;
    line-height: 24px !important;
}
.cont-page .feature-box-image {
    margin-top: 13px;
}
.st-feature-box {
    padding-left: 90px;
    position: relative;
    margin-bottom: 35px;
}
.st-feature-box .st-feature-box-icon {
    color: #114366;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height: 0px;
    top: 20px;
    left: 8px;
    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: 20px;
    line-height: 20px;
    font-weight: normal;
}

@media(max-width:568px){


.four-col-inner{margin: .5%; width: 49%;     padding-bottom: 0;}
.animatedParent{    margin-top: 3px;}
.sec-about{padding-top: 30px;}
.sec-about-lft img{    width: 100%;}
.sec-about-rht .hm-head{font-size:20px;}
p{font-size: 14px; line-height: 20px;}

.ser-bg{width:70%; margin:0 auto;}
.ser-cl-inner img{top: -4px;     width: 100px;
    height: 100px;}
.fl-ser, .fl-ser.fr-ser{padding-top: 60px;}
.ser-cl-inner h3{font-size:15px;}
.ser-cl-inner p{    font-size: 13px;}
.fl-ser{min-height: 190px;}
    
    
    
    @media(max-width:769px){
.three-cl h3{font-size: 23px;}	





.ser-cl-inner {
    position: initial;
    float: left;
    width: 47%;
    text-align: center;
    margin: 0 1.5%;
    border: 1px solid #eee;
    margin-top: 70px;
    padding-bottom: 20px;
}

.ser-main-cl{    margin-top: 30px;
    margin-bottom: 0;}
	
.fl-ser, 
.fl-ser.fr-ser
{float:inherit; text-align:center; padding:0 4px; border:1px solid #ccc;     padding-top: 75px;}
.sh-img{display:none;}
.fl-ser p,
.cl4 .fl-ser p, .cl4 .fl-ser h3, .cl5 .fl-ser p, .cl5 .fl-ser h3, .cl6 .fl-ser p, .cl6 .fl-ser h3
{text-align:center;}
.dn-img{display:block;}

.ser-cl-inner img,
.cl4.ser-cl-inner img, .cl5.ser-cl-inner img, .cl6.ser-cl-inner img {
    float: initial;
    left: 0;
    right: 0;
    margin: 0 auto; margin-top: -50px;
}



	}