/*
Theme Name: TuyensinhNauan
Theme URI: http://hoccaodangnauan.edu.vn
Author: Tuyen Sinh Nau An
Author URI: http://hoccaodangnauan.edu.vn
Description: TuyensinhNaan theme design by TuanTN.
Version: 1.5
Text Domain: TuanTN
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto+Slab:100,300,400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=vietnamese');

body{color:#666666;background: #f2f2f2;overflow-x:hidden;font:14px 'Open Sans';line-height:1.454}
img{max-width: 100%;}
.td-container{width:100%;max-width:1260px;margin-left: auto;margin-right: auto;}
.row-f{margin-left:-15px;margin-right:-15px;margin-top: 10px;}
a, a:hover, a:focus{text-decoration:none;}
*{transition:all 0.6s ease-in-out}

@media(max-width:767px){
    body{padding-left:5px;padding-right:5px}
}
[class*="gv"]{float:left;min-height:1px;padding-left:30px}
.gv12{width:100%}.gv11{width:91.66666667%}.gv10{width:83.33333333%}.gv9{width:75%}.gv8{width:66.66666667%}.gv7{width:58.33333333%}
.gv6{width:75%;padding-left: 2px;}.gv5{width:41.66666667%}.gv4{width:33.33333333%}.gv3{width:25%}.gv2{width:16.66666667%}.gv1{width:8.33333333%}

.padtop10{padding-top:10px}.padbot10{padding-bottom:10px}
.padtop20{padding-top:20px}.padbot20{padding-bottom:20px}
.padtop30{padding-top:30px}.padbot30{padding-bottom:30px}
.padtop40{padding-top:40px}.padbot40{padding-bottom:40px}
.padtop50{padding-top:50px}.padbot50{padding-bottom:50px}
.padtop60{padding-top:60px}.padbot60{padding-bottom:60px}

.row-gv{margin-left:-30px}
.row-gv:after, .row-f:after, .row-gv:before, .row-f:before{content:"";display:table}
.row-gv:after, .row-f:after{clear:both}
@media(max-width:767px){
    [class*="gv"]{padding:0 10px;width:100%}
    .row-gv{margin-left:-10px;margin-right:-10px}
}


/*header*/
#header{background: rgb(236, 236, 236);}
.logo{}
.logo img{margin:10px 0;}
.search{margin:27px 0;padding-right:30px}
.search form{position:relative;}
.search form input.input-search{line-height:20px;padding:7px 10px;width:100%;border:1px solid #ccc;color:#666;}
.search form button[type="submit"]{height:100%;width:auto;position:absolute;right:0;top:0px;display:inline-block;border:0;background:0;color:#000}

@media(max-width:767px){
    .logo{text-align:center}
    .search{padding-right:0;margin:5px 0}
}

/* Menu */
.menu-navigator{background:#134ef9;border-radius: 5px;}
.navbar-inverse .navbar-header .navbar-brand{font:15px 'Open Sans';padding:17px 15px;color:#FFF;font-weight:bold}
.menu-navigator .navbar-inverse{padding:0;border:0;background:transparent;border-radius:0;margin-bottom:0}
.navbar-inverse .navbar-nav>li{position:relative;}
.navbar-inverse .navbar-nav *{transition:all 0.6s ease-in-out}
.navbar-inverse .navbar-nav>li>a{display:block;line-height:20px;padding:17px 15px;font:15px 'helvetica';text-transform:uppercase;color:#FFF;border-left: 1px solid rgba(0, 0, 0, 0.1);font-weight: bold;}
.navbar-inverse .navbar-nav>li.menu-item-has-children>a:after{display: inline-block;content: "\f0d7";font-family: "FontAwesome";font-size:13px;margin: 0 0 0 7px;line-height:20px;}
.navbar-inverse .navbar-nav>li:hover>a{background:rgba(255,255,255,0.1)}
.navbar-inverse .navbar-nav .sub-menu{box-shadow:0px 0px 3px 0px #999;position:absolute;top:100%;left: 0;z-index:999;display:none;background:#fff;/*border-top:3px solid #b9812c;border-radius:0 5px 0 0;*/-webkit-background-clip: padding-box;background-clip: padding-box;min-width:230px;list-style:none;margin:0;padding:0;}
.navbar-inverse .navbar-nav>li:hover .sub-menu{display:block}
.navbar-inverse .navbar-nav .sub-menu>li{position:relative;}
.navbar-inverse .navbar-nav .sub-menu>li>a{padding:9px 12px;display:block;color:#444;font-weight:400;font: 15px 'helvetica';}
.navbar-inverse .navbar-nav .sub-menu>li+li>a{border-top:1px solid #f7f7f7}
.navbar-inverse .navbar-nav .sub-menu>li:hover{background:#134ef9;}
.navbar-inverse .navbar-nav .sub-menu>li:hover a{color: #fff;text-decoration: none;}

#sp-menu-wrapper{background: rgb(0, 126, 49) !important; margin: 0 0 0px 0 !important; }

.navbar-inverse .navbar-toggle{border-color:#fff}

@media(max-width:767px){
    .navbar-inverse .navbar-nav{margin-top:0px;margin-left: 0;margin-right: 0;}
    .navbar-right{margin-top:0px}
    .container{padding:0;}
}
.navbar-brand{line-height:50px;height:50px;padding:2px 14px;font-family:arial;font-size:13px;font-weight:bold;text-transform:uppercase;}
.navbar-collapse{padding-left:0;padding-right:0;}

.wpcf7-form input:not([type="checkbox"]), .wpcf7-form select{line-height:20px;border:1px solid #ddd;padding:7px 10px;width:100%;color:#555;border-radius: 5px;}
.wpcf7-form input.wpcf7-submit{width:auto;background:#134ef9;color:#FFF;padding:8px 35px;border:0;border-radius: 5px;}

/* Slide */
.carousel-indicators{top:20px;left:inherit;right:30px;width:auto}
.carousel-indicators li{height:13px;width:13px;margin:0;border:0;background:#134ef9;}
.carousel-indicators .active{height:13px;width:13px;border-color:#fff;border:0;}
.carousel-control{display: none;}


.title-head-o{font:28px 'helvetica';font-weight:bold;margin:0 0 7px;text-transform:uppercase;color:#134ef9;}
.title-sub-o{font: 16px 'helvetica';font-weight:bold;margin-bottom: 0;color: #f10505;font-size: 16pt;}

/* Level */
.levels{background: url(http://tuyensinhketoan.com/wp-content/uploads/2018/12/88141-6.jpeg); border: 2px dashed #ff0101;}
.levels1{background:#FFF;}
.box-pad{padding:0 0;}
.box-content{}
.item-level img{width:100%;height:auto;}
.anh-chan-home{border: 1px solid #134ef9;border-radius: 5px;box-shadow: 3px 3px 4px #134ef9;margin-bottom: 15px;}
@media(min-width:768px){
    .box-pad{padding:0 35px;}
	.box-pad1{padding:0 0;}
}
/* Links */
.links{background: -webkit-radial-gradient(bottom center, circle farthest-side, #d3e2f8 0%, #fce0a3 100%);}
.item-link{background:#dceaf3;text-align: center;margin-bottom:10px;border-radius: 20px;box-shadow: 3px 3px 4px #c28805;border: 1px solid #c28805;}.item-link a{display:block;position:relative;padding:10px 10px 10px 80px;min-height:105px}.item-link a img{position: absolute;left: 20px;top: 20px;height: 65px;width: auto;}.item-link a h3{text-transform: uppercase;margin: 15px 20px 5px;font-size: 15px;font-weight: bold;color:#FF9414;}.item-link a p{margin:0 20px;font-size:15px;color:#2f6aa1}.item-link a p b{font-size:21px;color:red}

/* Knows */
.knows{background:#FFF}
.know-slide .item img{width:100%;height:auto}
.know-slide .carousel-indicators{top:10px;right:20px}
.sub-cat{display:inline-block;position:absolute;top:0;left:0;padding:5px 10px;background:#F44336;color:#FFF;text-transform:uppercase;}
.know-item{position:absolute;bottom:0;left:0;text-align:left;width:100%;padding:0 20px 20px 20px;background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.79))}
.know-item h3{margin:0 0 10px;font:24px 'helvetica';}
.know-item h3 a{color:#FFF}
.know-item h3 a:hover{color:#ccc}
.know-item span{display:inline-block;font:17px 'Open Sans';font-weight:bold;text-transform:uppercase;padding:2px 10px;position:relative;color:#Ff0008}
.know-item span:before{width:2px;height:17px;position:absolute;top:50%;transform:translateY(-50%);left:0;content:"";background:#ff0008}

.know-2-item img{width:100%;height:auto}
.know-2-item{margin-bottom:15px;}
.know-2-item h4{font:15px 'Open Sans';font-weight:bold;margin:10px 0;}
.know-2-item p{font:14px helvetica;margin-bottom:0;padding-bottom:15px;border-bottom:1px solid #Ff0008;text-align:justify;line-height:1.5}
.know-2-item h4 a{color:#134ef9;}

.box-bottom a{background-color:#fff;border:1px solid #134ef9;color:#134ef9;font-family:'Open Sans';line-height:20px;font-size:16px;font-weight: 400;font-style: normal;text-decoration: none;padding: 10px 45px;text-transform:uppercase}
.box-bottom a:hover{background: #134ef9;color: #fff;text-decoration: none;;}

/* Environs */
.environs{background: rgb(236, 236, 236)}
.item-environ{background: -webkit-radial-gradient(bottom center, circle farthest-side, #def9f9 0%, #a7cbff 100%);;margin:0 0 25px 0;padding:15px;border-radius: 5px;box-shadow: 3px 3px 4px #134ef9;border: 1px solid #134ef9;}
.item-environ>h3{margin:0 0 10px;font:18px 'helvetica';text-transform:uppercase;    text-align: center;color: blue;font-weight: bold;}
.info-environs p{text-align:justify;}
.info-environs a{text-transform:uppercase;color:#ff6500}
.info-environs .t-content{color: #08106f;font-size: 16px;padding-bottom: 10px;}

/* news */
.news{background:#fff;border: 1px solid #134ef9;border-radius: 5px;}
.title-news-o{color:#F44336;font-family:'Open Sans';font-weight:bold;letter-spacing:1px}
.title-news-h{position:relative;margin:0;padding:0 0 0 15px;font:22px 'Open Sans';text-transform:uppercase;color: blue;font-weight: bold;}
.title-news-h:before{width:3px;height:24px;background:#F44336;position:absolute;left:0;top:50%;transform:translateY(-50%);content:""}

.box-news{padding:0 10px}
.box-padding{padding-right:10px;padding-left:10px}

@media(min-width:768px){
    .box-news{padding:0 3%}
    .box-padding{padding-right:3%;padding-left:3%}
}
.news-item img{width:100%;height:auto}
.news-item h3{font:16px 'Open Sans';letter-spacing:0.5px;margin:10px 0;font-weight:600}
.news-item h3 a{color:#134ef9;}
.news-item p{text-align:justify;}
.owl-theme .owl-dots, .owl-theme .owl-nav{text-align:right}
.owl-theme .owl-dots .owl-dot span{margin: 5px 3px;}

/* Maps */
.maps{padding:0 0 0;background:#Fff;}
.maps iframe{margin:0;height:300px;width:100%;}

/* Page */
#single, #page, #category{background:#fff}
.breadcrum ul{padding: 10px 0;border-bottom: 1px solid #ccc}
.page-title{font: 24px 'Open Sans';margin:0px 0 10px;text-transform: uppercase;font-weight: 600;color: #002aaa;}
.page-child .page-item{padding-left:10px;border-left: 2px solid;margin-top: 5px;margin-bottom: 5px;}
.page-child .page-item h3{display:inline-block;width:100%;font:16px 'Open Sans';margin: 0;border-bottom:1px solid #f2f2f2;}
.page-child .page-item h3 a{color:#134ef9;display:block;padding:10px 0px;}
.page-child .page-item h3 a:hover{text-decoration:none;color:#002aaa;background:#f9f9f9;padding-left:10px;padding-right:10px}

/* Footer */
.top-space{min-height: 50px;background:#002aaa;}
footer{background: url(http://tuyensinhglobe.edu.vn/wp-content/uploads/2018/12/nen-trang.jpg)}

.dang-ky-home{background: #f44336;padding-top: 20px;padding-left: 20px;padding-right: 20px;padding-bottom: 20px;border-radius: 5px;box-shadow: 3px 3px 4px #134ef9;}
.mod-dang-ky{text-transform: uppercase;margin: 20px 0 10px;position: relative;text-align: center;font-weight: bold;color: #ffffff;font-size: 19px;}
.mod-dang-ky2{margin: 20px 0 25px;position: relative;text-align: center;font-weight: bold;color: #ffffff;font-size: 14px;}
.mod-title{font: 20px 'Open Sans';padding: 10px 10px 10px 10px;text-transform: uppercase;margin: 0 0 15px;position: relative;background: #134ef9;color: white;font-weight: bold;text-align: center;}
.mod-title1{font:20px 'Open Sans';padding:0 0 0 15px;text-transform:uppercase;margin:0 0 15px;position:relative;color: #de0f05;font-weight: bold;}
.mod-title1:before{width:3px;height:24px;background:#F44336;position:absolute;left:0;top:50%;transform:translateY(-50%);content:""}.title-news-h:before{width:3px;height:24px;background:#F44336;position:absolute;left:0;top:50%;transform:translateY(-50%);content:""}
.foot-nav{list-style:none;padding:0}
.foot-nav>li{display:block;position:relative;}
.foot-nav>li>a{padding:5px 0;display:block;line-height:20px;font:14px 'helvetica';color:#666;}
.copy-right{padding:10px 0;background:#ddd;color:#444}


/* Sidebar */
aside{margin-bottom: 20px;border: 1px solid #134ef9;border-radius: 5px;}
#sp-right .nav .current-menu-item a{background: #ff6500;color: #fff;}
#sp-right .nav li{background: #e5e5e5;} 
#sp-right .nav li a{display: block;color: #333333;line-height: 26px;padding-left: 30px;margin-bottom: 5px;text-transform: uppercase;border-left: 3px solid #ff6500}
#sp-right .nav li:hover {}
#sp-right .nav li:hover a{color: #fff;background: #ff6500;}

#register ul{padding: 0px;list-style: none;}
#register ul li img{border-left:1px solid #ccc;margin:5px 0;border-bottom:1px solid #ccc}

.cat-view{list-style: none;padding: 0}
.cat-view > li{font-family: "Roboto";padding: 11px 0;border-bottom: 1px dotted #eee;position: relative}
.cat-view > li .thumb-left{width:25%}
.cat-view > li h4{margin: 0 0 2px;font-size: 15px;font-weight:normal}
.cat-view > li h4 > a{color: #666}
.cat-view > li span{font-style: italic;color: #ccc}

/* Single */
.list-posts{list-style:none;padding:0;margin:0;}

.thumb-left{float:left;width:30%;margin-right:15px}
.thumb-left img{width:100%;height:auto}
.post-right h3{font:17px 'Open Sans';margin:0 0 5px;font-weight:bold;letter-spacing:0.5px}
.post-right h3 a{color:#444;}
.post-right h3 a:hover{color:#002aaa}
.post-right span{font-style:italic;}
.post-right p{margin:10px 0 0;text-align:justify;line-height:1.4}

.single-title{font:24px 'Open Sans';font-weight:600;color:#555;margin:0 0 10px;}
.metapost{margin-bottom: 10px;font-style:italic;}
.metapost span{display: inline-block;}
.entry-content{margin-bottom:20px;text-align:justify;}
.entry-content img{max-width: 100%;height: auto}
.entry-content iframe, .entry-content object{max-width: 100%}
.entry-content .aligncenter img, .entry-content .alignleft img, .entry-content .alignright img{max-width: 100%;height: auto}
.aligncenter, .alignleft, .alignright{max-width: 100%;}
.aligncenter{float: none;margin: auto;display: block;}
.alignleft{float: left;display: inline-block;margin-right: 15px;}
.alignright{float: right;display: inline-block;margin-left:15px}
.relasted{padding-top: 14px;border-top: 1px solid #eee;margin-top: 14px;}
.title-related{font-family: "Open Sans";text-transform: capitalize;font-size:22px;line-height: 1.3;color: #888;margin:0 0 8px}
.post-related{list-style: none;padding: 0;}
.post-related > li{font-family: "Helvetica";padding: 4px 0 4px 14px;position: relative;}
.post-related > li > h4{margin: 0 0 2px;font-size: 15px;font-weight:normal}
.post-related > li::before{position: absolute;height: 5px;width: 5px;left: 0;top: 11px;background: #FFA500;content: "";border-radius: 10px;}
.post-related > li > h4 a{color: #666}
.post-related > li span{font-style: italic;color: #ccc;margin-left: 6px;}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {color: #fff;text-decoration:none;}

.navigation li {display: inline;}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {background-color: #6FB7E9;border-radius: 3px;cursor: pointer;padding: 12px;padding: 0.75rem;}

.navigation li a:hover,
.navigation li.active a {background-color: #3C8DC5;}

/* Chat ---*/#cfacebook{position: fixed;bottom: 0px;right: 10px;z-index:99;width: 220px;height: auto;box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);border-radius: 6px 6px 0 0;overflow: hidden;background:#FFF;}#cfacebook .fchat{float:left;width:100%;height:300px;overflow:hidden;display:none;background-color:#fff;}#cfacebook .fchat .fb-page{margin-top:0px;width:100%;display:block}#cfacebook .fchat .fb-page{width:100% !important}#cfacebook a.chat_fb{text-transform:uppercase;float:left;padding:10px 0px;width:100%;color:#fff;text-decoration:none;line-height:20px;text-shadow:0 1px 0 rgba(0,0,0,0.1);background-color:#134ef9;border:0;border:1px solid #134ef9;z-index:9999999;font-size:16px;text-decoration:none;overflow:hidden;}#cfacebook a.chat_fb.in{background:#f00;border-color:#f00}#cfacebook a.chat_fb>i{display:inline-block;line-height:1;padding:0 10px;border-right: 1px solid #FFF;margin-right: 10px;}

h1.title
{
    font-size: 29px;
    line-height: 35px;
    margin: 0;
    font-weight: bold;
    margin-top: 10px;
    color: black;
}
.post-content
{
    padding: 20px 0;
}


@media (max-width: 767px)
{	#cfacebook{right:2%}
    .td-container{width: 100%;}
    .navbar-inverse .navbar-nav .sub-menu{
        display: block;
        position: unset;
    }
    .navbar-inverse .navbar-nav .sub-menu li a{padding-left: 20px;background: rgb(0, 126, 49) !important;color: #fff}
}

.tieudenho{font-family:tahoma;margin:0;padding:8px 5px 15px 5px;font-size:16px;color:#fff;font-weight: bold;text-align: center;}
.thong-tin-form-blogdep{margin:auto;max-width:100%;height: 450px;background:#f44336;padding:15px 15px;border-radius:6px}
.thong-tin-form-blogdep input{width:98%;padding:7px;margin:8px 1%;border-radius:4px;border:1px solid #ccc}
.thong-tin-form-ft{margin:auto;max-width:100%;height: 310px;background:#f44336;padding:15px 15px;border-radius:6px}
.thong-tin-form-ft input{width:98%;padding:7px;margin:8px 1%;border-radius:4px;border:1px solid #ccc}
#ss-submit{background:#134ef9;color:#fff;font-size:16px;cursor:pointer}