﻿html,body {
    height: 100%;background-color:#fff;
}

.tbc1,.tbc1h:hover{background-color:#e60b15;}
.tbc2,.tbc2h:hover{background-color:#016D9C;}

.tbc11,.tbc11h:hover{background-color:#e60b15;}
.tbc12,.tbc12h:hover{background-color:#2c2461;}

.ttc1,.ttc1h:hover{color:#e60b15;}
.ttc2,.ttc2h:hover{color:#016D9C;}
.ttc3,.ttc3h:hover{color:#a4a1b5;}

.tbdc1{border-color:#e60b15;}
.tbdc2{border-color:#2c2461;}

.bgi1{background-image:url(../../src/img/home/lady.jpg);}
.bgi2{background-image:url(../../src/img/home/bg.jpg);}
.bgi3{background-image:url(../../src/img/home/group.jpg);}
.bgi4{background-image:url(../../src/img/home/girl.jpg);}

/*header*/
.logo{width:100%;}
.logo img{width:100%;max-width:80px;margin:5px auto;}
.logo-m img{display:none;}
.header{height:auto;}
.tmenu{z-index:999999;}
.freeze{position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px rgba(0,0,0,.175);background-color:#fff;}
.freeze .fhide{display:none!important;}
.freeze .logo img{max-width:130px;margin:8px auto;}

/*navlink*/
.navlink{font-size:12px;color:#000;padding:10px 10px 10px 0px; }
.navlink span{font-size:12px;color:#000;padding:10px 10px 10px 0px;font-weight:bold; }
.navlink a{color:#000;padding-right:12px;margin-right:10px;background:url(/src/img/basic/arrow-right.png) no-repeat right top 4px;}
.navlink a:last-child {background: url(/src/img/basic/arrow-right.png) no-repeat right top 4px;}

/*footer*/
#back-top {position:fixed;right:10px;bottom:10px;border-radius:50%;z-index:1111;background-color:#54656f;}
#back-top {display:block;color:#fff;width:50px;height:50px;text-align:center;line-height:50px;}
.icon1 a{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;margin-left:10px;background-color:#e60b15;}
.icon1 a i{color:#fff;line-height:30px;font-size:16px;}
.icon1 a:hover{background-color:#fff;}
.icon1 a:hover i{color:#e60b15;}

/*inner*/
.gul1 {margin:0 10px 10px 0;}
.gul2 {border:1px solid black;margin:0 10px 10px 0;}

.abtimg{border-radius: 50%;border: 15px solid #ffffff;box-shadow: 0 0 20px rgb(0 0 0 / 10%);}

.profile{position:relative;height:auto;background-color:#016D9C;padding:0;overflow:hidden;min-height:200px;}
.profile img {width:100%;height:auto;}
.profile .container {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;}
.profile h1 {align-self:center;color:#fff;font-size:50px;line-height:50px;font-family:'Oswald',sans-serif;text-transform:uppercase;text-align:center;text-shadow:4px 4px 4px rgba(0,0,0,0.5);}

.desc1 { padding:20px 0;min-height:200px;}
.desc1 p {font-size:16px;line-height:28px;color:#111;letter-spacing:.05em;padding-bottom:10px;}
.desc1 a {color:#e60b15;}
.desc1 strong {color:#e60b15;}
.desc1 ul,.desc1 ol { margin-bottom:20px;}
.desc1 ul li,.desc1 ol li { display:block; padding:0px 0px 0px 20px;margin:0px; background:url(/src/img/basic/bullet.png) 0px 10px no-repeat;font-size:16px;line-height:30px;color:#111;}
.desc1 ul ul,.desc1 ol ol { margin-left:40px!important;}

.ctitle{padding-bottom:10px;font-size:28px;}
.ccontent p {font-size:16px;line-height:28px;color:#111;letter-spacing:.05em;padding-bottom:10px;}
.ccontent a {color:#e60b15;}
.ccontent b,.ccontent strong {font-weight:bold!important;}
.ccontent ul,.desc1 ol { margin-bottom:20px;}
.ccontent ul li,.desc1 ol li { display:block; padding:0px 0px 0px 20px;margin:0px; background:url(/src/img/basic/bullet.png) 0px 10px no-repeat;font-size:16px;line-height:30px;color:#111;}
.ccontent ul ul,.ccontent ol ol { margin-left:40px!important;}
.cimg{max-width:100%;display:block;margin:auto;}
.sht{padding-bottom:10px;}

.feed1 {border-radius:10px;overflow:hidden;background:#fff;margin-bottom:20px;box-shadow:2px 2px 4px #ddd;border:1px solid #ddd;padding-bottom:10px;}
.ttitle {background:#fff;color:#000;font-size:20px;line-height:100%;padding:10px;text-transform:capitalize;}
.feed1 img {float:left;display:block;width:100px;height:100px;margin:0 10px 0 0;border-radius:50%}
.feed1 .tauthor {font-size:15px;padding:0 10px 10px;font-weight:bold;}
.feed1 .rate {padding:0 10px 10px;}
.feed1 .rate span{font-size: 12px; line-height: 12px; font-family:'Roboto',sans-serif; color: #9A9A9A; margin-right: 50px;}
.feed1 .rate i{color: #e60b15; font-size: 13px;}
.tdesc{padding:0 10px 10px 10px;}
.tdesc:hover {overflow-x:hidden;}
.tdesc p {font-size:15px;line-height:24px;color:#333;padding-bottom:5px;}
.tdesc::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
.tdesc::-webkit-scrollbar{width: 6px; background-color: #F5F5F5;}
.tdesc::-webkit-scrollbar-thumb{background-color: #C5C5C5;}

.btn1 { display:inline-block;color:#fff;font-size:16px;line-height:30px;text-align:center;background:#e60b15;padding:9px 40px;text-transform:capitalize;border:0px;position:relative;overflow:hidden;border-radius:24px;}
.btn1:hover{color:#fff;}
.act1 {position:relative;overflow:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition: all 0.5s;}
.act1:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;opacity: 1;-webkit-transform:translate(-105%, 0);transform:translate(-105%, 0);border-right:1px solid #fff;background-color:rgba(255, 255, 255, 0.25);}
.act1:hover::before { opacity: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.tablebody { width:100%;border-collapse:collapse;margin-bottom:20px; }
.tablebody tr { width:100%;border-collapse:collapse; }
.tablebody tr:first-child { background-color:#016D9C;color:#fff;font-weight:bold; }
.tablebody td { border:solid 1px #016D9C;padding:10px 20px 10px 20px; }
.tablebody tr:hover { background-color:#f2f2f2;color:#000; }
.tablebody tr:first-child:hover { background-color:#016D9C;color:#fff; }
.tablebody a { color:#000;font-size:13px;padding:0px 25px 0px 0px;background:url(../images/basic/download.png) right 3px no-repeat;text-decoration:none;line-height:20px; }
.tablebody a:hover { color:#000;  }

/*contact*/
.map{width:100%;height:500px;background-color:#f5f5f5;position:relative;}
.contact{display:block;width:100%;height:600px;}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

.profile h1 {font-size:80px;line-height:80px;}
.logo img{width:100%;max-width:80px;margin:8px 0 3px 0;}
.freeze .logo img{max-width:80px;margin:8px 0 3px 0;}

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
   .contact{height:500px;}
 
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    
}
