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

#FooterrControl2_Footer table{ background-color:#324463 !important;}

.main-table{font-family:Arial; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify;}
.main-heading{font-weight:bold; Font-size:18px; color:#324463; line-height:36px; border-bottom:1px #ccc solid; text-transform:uppercase;}
.sub-heading{font-weight:bold; Font-size:16px; color:#324463; line-height:30px; text-transform:uppercase;}
.team-title{font-weight:bold; Font-size:14px; color:#324463; line-height:30px;}

.main-box{ width:320px; height:180px; background: rgba(3,26,65,0.8);}
.main-box h2{ font-family:Arial; font-size:20px; font-weight:normal; text-align:center; text-transform:uppercase; color:#fff; line-height:30px; margin:0; padding-top:7px;}
.main-box p{ font-size:14px; font-family:arial; color:#fff; line-height:20px; padding:0 10px;}
.main-box p img{float:left;  margin-right:5px;}
.main-box a{ color:#fff; text-decoration:none; float:right; margin-right:20px;}

.top-container{ width:100%; min-height:40px; margin:0; padding:0; background:#354767;}
.container-inside{ width:1000px; margin:0 auto; padding:0; line-height:40px; color:#fff;}

.bdr-bottom{ border-bottom:1px #ccc solid;}

.call{ float:left; font-family:Arial; font-size:16px; font-weight:normal; text-align:left; color:#fff; line-height:40px;}
.call img{ margin-top:8px; float:left; margin-right:10px;}
.follow{ float:right; font-family:Arial; font-size:16px; font-weight:normal; text-align:right; color:#fff; line-height:40px;}
.follow img{ margin-top:8px; float:left; margin-right:10px;}

.cont-home{ width:1000px; margin:0 auto; padding:0; overflow:hidden;}
.cont-home h1{ font-family:Arial; font-size:20px; font-weight:600; color:#1f304f; line-height:30px; text-align:left;}
.cont-home p{ font-family:Arial; font-size:14px; color:#333; line-height:24px; text-align:left; padding:0px;}

.bgs{ background:#fff; padding:5px;}
.bgs h3{ font-family:Arial; font-size:20px; font-weight:600; text-transform:uppercase; color:#354767; line-height:30px; text-align:left; margin:0;}
.bgs p{ font-family:Arial; font-size:14px; color:#222; line-height:24px; text-align:left; margin:0;}

.serv-box{ width:310px; float:left; margin-left:1%; margin-right:1%; margin-top:20px;}
.serv-box img{ width:80px; border-radius:50%; border:5px #354767 solid; padding:1px; float:left; margin-right:7px; margin-bottom:50px;}
.serv-box img:hover{border:5px #1f304f solid;  transition:.9s;  transform: rotateZ(-360deg);}
.serv-box h2{ font-family:Arial; font-size:16px; font-weight:bold; line-height:24px; color:#1f304f; margin:0;}
.serv-box p{ font-family:Arial; font-size:13px; font-weight:normal; line-height:20px; color:#333; text-align:left; margin-top:0;}
.serv-box a{ font-size:13px; text-decoration:none; color:#0247c0; text-transform:uppercase;}

.f-social{list-style:none; margin-top:15px; font-size:13px;}
.f-social li{ float:left; margin-right:10px;}
.f-social li a{text-decoration:none; color:#fff; margin-right:10px;}
.f-social li a:hover{ color:#1366f9;}
.f-social li a img{float:left; width:16px; margin-right:5px; margin-top:10px;}

.footer-sub{width:1000px; line-height:36px; min-height:40px; margin:0 auto; padding:0; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}

#HomepagecontentControl_C p { text-align: inherit !important;}
@media(max-width:767px){
.ser-box, .serv-bx, .td-banner, .inner-container, .header-logo, .main, .main-contaner, .ser-bx-hm-inner, .three-bx, .hm-service, .rht-cont, .footer table, footer table{width:98%; text-align:center; margin-left:0px; margin:0 auto;}
.col-three, .hm-cnt-rht, .hm-cnt-lft, .ft-cont, .bann-lft, .bann-rht, .ser-bx, .team-lft, .team-rht, footer .footer-brand, .footer-nav, .footer-social, .footer-ns, .container-middle, .home-container, .tp-colthree-inner, .service-box.ser-lft, .service-box.ser-rht, .team-col, .sep-dv, .cont-main{width:98%; margin:0 auto; padding:2px 6px;}
#HeaderControl_C table, #HeaderControl_C .head-top, #widgetsControl table, .header, .cont-home, .serv-box{width:100% !important; height: initial !important;}
#widgetsControl div, #widgetsControl table{ /*width: 100% !important;*/}
.ser-cnt p{text-align:center !important;}
.fl-head h2, .header h1, .title-name{ font-size: 18px;  margin-left: 5px;}
.fl-head h4, .header h2, .title-name-sub{ font-size: 15px;  margin-left: 5px;}
.fr-head{float:inherit;}
img{ max-width:100%; }
.head-top .mailus, .head-top .callus{width:100%; text-align:center; float:inherit;}
.hm-serv-inner{width:96%; margin:10px auto; float:inherit;}
.about-hm-inner-lft, .about-hm-inner-rht, .middle-cont, .aside{float: inherit; width: 98%;}
#HeaderControl_C_ctl00_imageheader, .fr-head{display:none;}
#HeaderControl_C_ctl00_tr_HeaderBackImage{ position: relative !important;}
}