/*!
Theme Name: Theme core of Ngoc Thang
Theme URI: ngocthang.net
Author: MaiNN
Author URI: ngocthang.net
Description: Theme core of Ngoc Thang
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ngocthang
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ngocthang is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
  --------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 *{padding:0;}
 a{color:#000;}
 a:hover{color:#f5d963;text-decoration:none;}
 figure{width:100%!important;}
 figure img,p img{height:auto;}
 figcaption{text-align:center;}
 body{font-family:OpenSans-Regular;font-size: 15px;line-height:1.6;color:#515358;font-family: 'Fira Sans', sans-serif;}
 h1,h2,h3,h4{}
 h6{color:#fff;font-size: 14px;}
 @font-face{src:url(http://vietnamesephoyou.com/wp-content/themes/ngocthang/assets/fonts/OpenSans-Regular.ttf);font-family:OpenSans-Regular;}
 @font-face{src:url(http://vietnamesephoyou.com/wp-content/themes/ngocthang/assets/fonts/OpenSans-Bold.ttf);font-family:OpenSans-Bold;}
 .alignleft {
 	float: left;
 	margin-right: 10px;
 }
 .alignright {
 	float: right;
 	margin-left: 10px;
 }
 .aligncenter {
 	display: block;
 	clear: both;
 	margin: 0 auto;
 }
 .size-full {
 	width: 100%;
 }
 .page__content {
 	display: flex;
 	padding-bottom: 40px;
 }
 .page__content ul {
 	padding-left: 10%;
 }
/**
* HEADER
*/
.footer-bottom h6 a {
	color: #fdbc2a;
}
.header__header{}
.header{}
.header__menu {
	background: #fcbe32;
	display: flex;
}
.header{box-shadow:1px 1px 5px #d4d4d4;}
.header__button a{font-size:16px;padding:16px 28px;line-height:1;display:inline-block;margin:10px 0 0 0;text-decoration:none;white-space:nowrap;vertical-align:middle;font-weight:700;letter-spacing:0;text-align:center;background:#0160e7;cursor:pointer;border:1px solid transparent;outline:0;box-sizing:border-box;color:#fff;border-radius:36px;box-shadow:12px 12px 20px 0px rgba(1,96,231,.3);-webkit-box-shadow:12px 12px 20px 0px rgba(1,96,231,.3);-moz-box-shadow:12px 12px 20px 0px rgba(1,96,231,.3);}
.logo{margin:0;line-height:81px;}
.logo img{width:44%;}
.header-top{background: #fcbe32;color:#fff;}
.header-top ul li{font-size:15px;display:inline-block;border-right:1px solid rgba(255,255,255,.15);padding-right:30px;padding-left:30px;}
.header-top ul li i{color:#fff;padding-right:5px;}
.header-top ul{margin:0;}
.header-top ul li:last-child{border:none}
.header-top .container-fluid{display:inline-block;}
.top-info{display:flow-root;}
.sologan {
	padding: 33px 0;
}
.sologan h1{
	text-align: center;
	font-size: 29px;
	font-family: 'Pacifico', cursive;
	color: #47b8e0;
}
/*SLIDER*/
.slider .owl-theme .owl-nav {
	position: absolute;
	margin-top: 10px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.review__item.slick-slide{opacity:0.4;transition:0.4s ease-in-out;padding:30px;}

.review__item.slick-slide img {border-radius: 50%;height: 220px;width: auto;margin: 0 auto;padding-bottom: 10px;}
.review__item.slick-slide.slick-center{opacity:1;transform:translateY(-20px);}

.slick-arrow {
	position: absolute;
	top: 50%;
	background: #fff;
	border: 1px solid #e6e6e6;
	color: #1d9045;
	padding: 0 4px;
	outline: none;
}
.slick-arrow i{
	outline: none;
}
.slick-prev.slick-arrow {
	left: 0;
}

.slick-next.slick-arrow {
	right: 0;
}

/**
* COMMENT
*/
.comments-area{}
.comments-area .comment-form-author,.comments-area .comment-form-email,.comments-area .comment-form-url{width:33%;float:left;padding-right:10px;}
.comments-area p input{width:100%;border-radius:4px;border:1px solid #a9a9a9;padding:5px 0;}
.comments-area .comment-form-comment textarea{width:100%;}
.comments-area form p{padding:0;}
.comments-area .form-submit input{width:auto!important;padding:4px 12px!important;background:#fdbc2a;color:color:#515358;border:none;}
.comment-form-cookies-consent input,.comment-form-cookies-consent label{display:inline!important;width:auto!important;font-style:italic;font-size:15px;}
.comments-area .label{vertical-align:top;}
.comments-form-cookies-consent{display:block;}
.comments-area label{display:block;color:#fdbc2a;}

/**
* HOTLINE
*/

/**
* SEARCH-FORM
*/
.search-form{}
.search-form .buttom-search{line-height:24px;border-radius:0;background-color:#fdbc2a;border:0;color:#fff;text-transform:uppercase;font-size:14px;height:35px;}
.search-form input.form-control{line-height:42px;height:35px;border-radius:0;background:#f6f7f9;color:#444;}
.search-form .form-control{border:0;-webkit-box-shadow:none;box-shadow:none;}
.search-form .form-group{margin:0;}

/*
======================================
[ Menu Main ]
======================================
*/
nav.menu-primary{position:relative;}
nav.menu-primary{font-size:14px;text-transform:uppercase;font-weight:bold;}
nav.menu-primary ul{list-style:none;padding:0;margin:0}
nav.menu-primary >ul >li{position:relative;display:block;float:left;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;width:auto;text-align:center;transition: 0.4s ease;}
nav.menu-primary>ul>li:last-child{border:none;}
nav.menu-primary>ul>li>a{color:#fff;text-decoration:none; padding: 11px 18px;display:block;}
nav.menu-primary>ul>li:hover >a,nav.menu-primary>ul>li.current-menu-item >a{color: #34314c;}
nav.menu-primary>ul>li>a:after{background:#813921;;content:'';width:0;height:3px;position:absolute;bottom:0;left:0;right:0;margin:0 auto;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:width 0.2s ease;-moz-transition:width 0.2s ease;-o-transition:width 0.2s ease;transition:width 0.2s ease;}
nav.menu-primary>ul>li:hover >a:after,nav.menu-primary ul li.current-menu-item >a:after{background: #34314c;width:100%;}
nav.menu-primary >ul >li:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
nav.menu-primary >ul >li:hover:before,nav.menu-primary >ul >li.current-menu-item:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
.menu{}
.menu-primary >ul >li >ul.sub-menu{display:none;width:200px;position:absolute;z-index:9;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;}
.menu-primary ul.sub-menu{background: #fcbe32;}
.menu-primary ul.sub-menu li{padding:10px;border-bottom:1px solid rgba(255,255,255,0.18);text-align:left;position:relative;}
.menu-primary ul.sub-menu li:last-child{border:none;}
.menu-primary ul.sub-menu li a{color: #fff;text-transform:none;}
.menu-primary ul.sub-menu li:hover{color:#000;background:#fff;}
.menu-primary ul.sub-menu li:hover a{color:#000;}
.menu-primary ul li.menu-item-has-children:hover >ul.sub-menu{display:block;}
.menu-primary ul.sub-menu li > ul{left:200px;top:0;width:200px;display:none;position:absolute;z-index:99999;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;}
nav.menu-primary ul li.hot >a:before{content:"Hot";font-size:10px;position:absolute;top:0;right:0;background:#d40736;color:#fff;padding:2px 5px;}
nav.menu-primary ul li.hot:after{content:"";width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#d40736 transparent transparent transparent;position:absolute;top:18px;right:8px;}

/**
* MENU RESPONSIVE
*/
.menu-responsive{background:#611d0c;top:0;height:100%;position:fixed;width:300px;z-index:9999999;overflow-y:scroll;display:none;transition:all 0.2s ease-out;}
.menu-icon{-webkit-animation-duration:.60s;animation-duration:.60s;-webkit-animation-fill-mode:both;animation-fill-mode:both;transition:all 500ms cubic-bezier(1.000,0.000,0.000,1.000);position:absolute;right:10px;z-index:9999;top:14%;transform:translateY(-50%);}
.menu-icon span{position:absolute;top:10px;color:#444;}
.menu-close{cursor:pointer;background:#fdbc2a;color:#000;overflow:hidden;font-size:14px;text-align:right;}
.menu-close i{padding:10px 15px;background:rgba(0,0,0,0.23);font-size:30px;}
.menu-close span{float:left;text-transform:uppercase;margin:15px;}
.menu-open{color:#fdbc2a;font-family:Arial;font-size:25px;padding:0px 10px;text-decoration:none;text-transform:uppercase;font-weight:bold;overflow:hidden;cursor:pointer;border:1px solid;}
.menu-open i.fa-search{font-size:20px;margin:5px 20px;float:left;padding:8px;border-radius:50%;width:40px;height:40px;}
.menu-responsive ul{list-style:none;padding:0;}
.menu-responsive >ul >li{border-bottom:1px solid rgba(255,255,255,0.08);position:relative;transition:0.4s ease}
.menu-responsive >ul >li >a{color:#fff;font-size:15px;padding:10px;display:block;text-transform:uppercase;}
.menu-responsive >ul li >ul> li >a{color:#fff;font-size:14px;padding:10px 20px 10px;display:block;}
.menu-responsive ul li a:before{content:"";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);position:absolute;right:10px;top:13px;}
.menu-responsive ul li a.dcjq-parent:before{content:"\f067";font-family: 'Font Awesome 5 Free';font-weight: 900;}
.menu-responsive ul li a.dcjq-parent.active:before{content:"\f068";}
.menu-responsive >ul >li >ul> li> ul li{padding-left:20px;position:relative;}
.menu-responsive >ul >li >ul >li{position:relative;border-bottom:1px solid rgba(255,255,255,0.17);}
.menu-responsive ul li a.active{border-bottom:1px solid rgba(255,255,255,0.17);}
.menu-responsive >ul >li >ul> li> ul li a:before{content:"\f054";font:normal normal normal 14px/1 FontAwesome;color:#fff;position:absolute;left:15px;top:13px;}
a:not([href]):not([tabindex]) {
	color: #fff;
	text-decoration: none;
}
/**
* TITLE
*/
.h1-title{font-weight:bold;font-size:32px;color:#fdbc2a;margin:20px 0;}
.h3-title{}
.h2-title {
	font-size: 22px;
	color: #00b116;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 20px;
}

/**
 *  Slide
 */
 .slide {
 	background: #a5cb78;
 	padding: 40px;
 	position: relative; }
 	.slide__title {
 		text-transform: uppercase;
 		text-align: center;
 		font-size: 20px;
 		font-weight: bold;
 		position: absolute;
 		bottom: 15%;
 		left: 50%;
 		transform: translateX(-50%); }
 		.slide__read {
 			text-align: center;
 			position: absolute;
 			bottom: 10%;
 			left: 50%;
 			transform: translateX(-50%); }
 			.slide__read a {
 				background: #fdbc2a;
 				border-radius: 10px;
 				padding: 10px;
 				color: #fff; }


/**
* POST
*/
.post-content img{height:256px;}
.post-content{padding:10px 0;box-shadow:8px 8px 30px 0px rgba(42,67,113,.15);-webkit-box-shadow:8px 8px 30px 0px rgba(42,67,113,.15);-moz-box-shadow:8px 8px 30px 0px rgba(42,67,113,.15);border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;background:#fff;margin-bottom:60px;overflow:hidden;}
.post-meta{padding:30px;}
.post-img{position:relative;}
.archive__content .post-img .post-date,.single__content .post-img .post-date{position:absolute;bottom:0;padding:5px 10px;background:#0000003d;color:#fff;}
.post-img img{height:230px;}
h2.entry-title{font-size:17px;line-height:1.2;}
.post-title a{font-size:17px;line-height:1.4;color:#000;font-weight:bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:46px;}
.post-title{padding:10px 0 5px 0;}
.post-meta span:nth-child(2){text-transform:uppercase;}
.post-info{font-style:italic;font-size:14px;color:#848484;}
.post-meta .post-info{background:#fff;padding:0;border:0;border-top:0;box-sizing:border-box;border-radius:0 0 5px 5px;}
.archive__content .blog-item{margin-bottom:20px;}

/**
* SINGLE
*/
.entry-content iframe {width: 100%; height: 450px;}
.single__content article{text-align:justify;word-wrap: break-word;}
.tags a{padding-left:5px;}
.tags{padding-bottom:10px;}
.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5{color:#515358;font-weight:bold;}
.entry-content h2{font-size:27px;}
.entry-content h3{font-size:21px;}
.entry-content h4{font-size:17px;}
.entry-content .ft-info,.page__content ul{}
.entry-content ol,.entry-content ul{padding-left:30px;}
.single-author{clear:both;display:inline-block;border:1px solid #e6e6e6;padding:10px;width:100%;}
.single-author-img{width:15%;float:left;margin:0 auto;text-align:center;}
.single-author-img img{border-radius:50%;width:81px;height:auto;border:1px solid #d2d2d2;padding:3px;margin:0 auto;}
.single-author-name{width:85%;float:right;padding-left:10px;border-left:2px solid #e2e2e2;}
.single-author-name p{margin-bottom:2px;}
.single-author-name .name{color:#fdbc2a;font-weight:bold;}
.single__content .info-price span{margin-right:40px;}
.single__content .info-price{margin-bottom:10px;}

/****HOTLINE******/
.kenit-alo-phone{position:fixed;left:0px;bottom:10px;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:99;}
.kenit-alo-img-circle{width:30px;height:30px;top:43px;left:43px;position:absolute;background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background-color:#f4d34b;background-size:70%;}
.kenit-alo-circle-fill{width:60px;height:60px;top:28px;left:28px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:#f4d34b;opacity:.75!important;}
.kenit-alo-circle{width:90px;height:90px;top:12px;left:12px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;border-color:#f4d34b;opacity:.5;}
.kenit-alo-phone span{display:block;background:#30a4cc;color:#fff;padding:5px;text-align:center;position:absolute;left:5px;width:110px;top:-15px;border-radius:4px 4px;}
.kenit-alo-phone span:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#30a4cc transparent transparent transparent;position:absolute;top:28px;left:0;right:0;text-align:center;margin:0 auto;}
#back-to-top{position:fixed;bottom:30px;right:39px;cursor:pointer;z-index:9999;display:none;}
#back-to-top.show{display:block;}
.show i{background:#fdbc2a;padding:0px 5px;color:#813921;font-size:24px;font-weight:bold;border-radius:50%;}

/*FOOTER*/
.footer{padding:60px 0 10px 0;background: linear-gradient(45deg, #212121d1, #000000b5),url(http://vietnamesephoyou.com/wp-content/themes/ngocthang/assets/images/back-ft.jpg);background-repeat: no-repeat;background-size: cover;}
.footer .footer-logo{text-align:center;margin-bottom:15px;}
.footer .footer-logo img{max-width:60%;}
.footer .title{margin-bottom:35px;}
.footer .title h3{font-size:24px;font-weight:500;color: #fff;margin:-.13em 0 0;font-family:Charmonman;/*font-family: Niramit;*/}
.footer .footer-social{}
.footer .footer-social ul{list-style:none;text-align:center;}
.footer .footer-social ul li{display:inline-block;margin:5px;}
.footer .footer-social ul li i{padding-left: 5px;display:inline-block;vertical-align:top;width:38px;height:38px;line-height:38px;font-size:16px;color:#fff!important;margin:2px 2px 2px 0;text-align:center;background-color:rgba(255,255,255,0.23);border-radius:50%;transition:all 0.4s ease;}
.footer .footer-social ul li:hover i{background-color:rgba(255,255,255,0.8);}
.footer .ft-info{list-style:none;}
.footer .ft-info li span{color:#000;display:inline-block;padding-right:5px;}
.footer .ft-info li{font-size:15px;color: #fff;}
.footer-img-right ul li{padding:5px;}
.footer-img-right ul{list-style:none;display:grid;grid-template-columns:auto auto auto;}
.footer-bottom{text-align:center;}
.footer-bottom .hr{display:block;background:linear-gradient(90deg,rgba(255,255,255,0),#fff,rgba(255,255,255,0));opacity:0.1;filter:alpha(opacity=10);height:1px;border:none;margin-bottom:10px;}
.footer .h2-title {
	font-size: 21px;
	padding-bottom: 0;
	color: #fdbc2a;
}
.footer ul {
	list-style: none;
}
.footer ul li {
	padding: 5px 0;
	color: #fff;
	font-size: 14px;
}
.footer ul li i {
	padding-right: 5px;
}
.footer .ft-txt {
	color: #fff;
	text-align: center;
	font-weight: 600;
}
.footer .ft-call {
	text-align: center;
}
.footer .ft-call a {
	width: 100%;
	font-size: 15px;
	color: #813921;
	font-weight: 600;
	background: #fdbc2a;
	padding: 10px 20px;
	border-radius: 100px;
}
.footer .ft-call a:hover{
	background: #813921;
	color: #fdbc2a;
	transition: 1s;
}
.ft-top {
	padding: 0 0 50px 0;
	display: flex;
}
.ft-top nav.menu-primary>ul>li>a {
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	padding: 15px 12px;
	display: block;
	background: #fdbc2a;
	margin: 5px;
	transition: 0.4s ease;
}
.ft-top nav.menu-primary>ul>li:hover >a{
	background: #813921;
}
.ft-top nav.menu-primary>ul>li>a:after{
	content: none;
}
.footer span.wpcf7-form-control-wrap.your-message textarea {
	height: 170px;
}
.register__address .h2-title {
	text-align: center;
	font-size: 20px;
}
/**
* SECTION
*/
section{clear: both;}
section.slider {
	padding: 0;
}

/***
*FORM
***/
.contact-form .input-group{margin-bottom:10px;float:left;flex-wrap:inherit;}
.contact-form .input-group br{display:none;}
.contact-form .form-margin .input-group{margin-bottom:10px;}
.contact-form .input-group .input-group-addon{border-radius:10px;padding:15px;text-align:center;background-color:#056bb3;border:none;position:relative;}
.contact-form .input-group .input-group-addon i{color:#ffffff;font-size:22px;width:24px;height:24px;}
.contact-form .input-group .form-control{border: 1px solid #fdbc2a;background-color: #fffffff7;border-radius:0;-moz-border-radius:0;-webkit-border-radius:10px;/*border:none;*/padding:10px 15px;color: #fdbc2a;font-size:14px;min-height:50px;box-shadow:none;-webkit-box-shadow:none;}
::-webkit-input-placeholder{color:#fff;}
:-moz-placeholder{color:#fff;}
::-moz-placeholder{color:#fff;}
:-ms-input-placeholder{color:#fff;}
.widget.widget_search{padding-top:20px;}
.widget.widget_media_image{margin-bottom:20px;text-align:center;}
.wpcf7-form-control-wrap{width:100%;position:relative;}
.contact-form{margin-bottom:20px;}
.btn-success {
	color: #813921;
	padding: 10px 30px;
	font-weight: 600;
	background-color: #fdbc2a;
	border-color: #fdbc2a;
}
.contact-form input[type=submit]:hover {
	background-color: #ffffff;
	color: #fdbc2a;
	box-shadow: none;
	border: 1px solid #fdbc2a;
	transition: 1s;
}
input.wpcf7-form-control.wpcf7-submit.btn.btn-success.detail {
	width: 100%;
}
.contact-form .input-group option{background-color:white;color:#000;}
div.wpcf7-validation-errors{color:red;border:2px solid #803a95;}
.contact-form p {
	padding-left: 15px;
}
span.wpcf7-form-control-wrap.checkbox-level .input-group {
	display: contents;
	margin-bottom: 10px;
	float: left;
	flex-wrap: inherit;
}
.checkbox-join span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.input-group {
	display: block;
}
span.wpcf7-form-control-wrap.your-time textarea {
	height: 82px;
}
span.wpcf7-form-control-wrap.your-briefly textarea {
	height: 100px;
}
/*OLDER*/
.order-circle {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 20px;
}
.order-circle img{
	border-radius: 50%;
}
.order-text {
	line-height: 1.5;
	margin: 7px;
	font-size: 15px;
	position: relative;
	z-index: 99;
}
.order-text:hover {
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	color: #93fd61;
	transition: .4s;
}
.order-text .order-title {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	margin: 4px 0;
}
.col-md-4:nth-child(4n+1) .order-item {
	background: #47b8e0;
}
.col-md-4:nth-child(4n+1) .order-item:before {
	border-color: #28addc transparent #28addc #47b8e0;
}
.col-md-4:nth-child(4n+2) .order-item {
	background: #28addc;
}
.col-md-4:nth-child(4n+2) .order-item:before {
	border-color: #00a1da transparent #00a1da #28addc;
}
.col-md-4:nth-child(4n+3) .order-item {
	background: #00a1da;
}
.col-md-4:nth-child(4n+3) .order-item:before {
	border-color: transparent transparent transparent #00a1da;
}
.row.no-margin {
	margin-right: 0;
	margin-left: 0;
}
.order-item {
	color: #fff;
	overflow: hidden;
	position: relative;
	padding: 9px;
	height: 120px;
}
.row.no-margin>[class^=col-], .row.no-margin>[class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}
.order-item:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 0 60px 40px;
	display: inline-block;
	z-index: 99;
}

/*BLOGS*/
.blogs{padding: 60px 0;background: #fffefe;}
.blog-img a img {
	height: 215px;
}
.blog-img {
	overflow: hidden;
}
.blog-img :hover img{
	transform: scale(1.1);
	transition: 1s;
}
.blog-content {
	padding: 10px 10px;
	text-align: center;
}
.blog-content h3 {
	font-size: 20px;
	line-height: 30px;
}
.blog-content h3:hover a {color: #813921;}
.blog-content h3 a{
	text-decoration: none;
	color: #fdbc2a;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
.blog-item {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	background: #ffff;
}
.blogs .blog-item:hover {
	border-radius: 0;
	border-color: #fff;
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
	-webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,0.06);
	box-shadow: 0 2px 28px 0 rgba(0,0,0,0.06);
	transition: 1s;
	background: #ffff;
}
.content-title{
	margin-bottom: 20px;
	text-align: center;
}
.content-title span {
	font-size: 18px;
}
.blog-txt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.post-related .h2-title {
	font-size: 27px;
	color: #813921;
	background: #fdbc2a;
	font-weight: 600;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}
.post-related .blog-item {
	margin-bottom: 10px;
}
#reply-title {
	text-transform: uppercase;
	font-weight: 600;
	color: #fdbc2a;
}
/**
* BREADCRUMBS
**/
.breadcrumbs{padding:5px 0;}
  /**
  * PAGE
  **/
  .page__content{}
  .page-lien-he{}
  .page-lien-he li{display:block;padding:8px 0;}
  .page-lien-he li i{color:#fdbc2a;padding-right:5px;}
  .page__content li a {
  	color: #000!important;
  	font-weight: 600!important;
  }
  /**
  * COMMENT
  */
  .comments-area{}
  .comments-area .comment-form-author,.comments-area .comment-form-email,.comments-area .comment-form-url{width:33%;float:left;padding-right:10px;}
  .comments-area p input{width:100%;border-radius:4px;border:1px solid #a9a9a9;padding:5px 0;}
  .comments-area .comment-form-comment textarea{width:100%;}
  .comments-area form p{padding:0;}
  .comments-area .form-submit input{width:auto!important;padding:4px 12px!important;background:#fcbe32;color:#813921;border:none;}
  .comment-form-cookies-consent input,.comment-form-cookies-consent label{display:inline!important;width:auto!important;font-style:italic;font-size:15px;}
  .comments-area .label{vertical-align:top;}
  .comments-form-cookies-consent{display:block;}
  .comments-area label{display:block;color:#fdbc2a;}


  /*  INFORMATION*/
  .infomation{
  	padding: 40px 0;
  	background: url(http://vietnamesephoyou.com/wp-content/themes/ngocthang/assets/images/bg-tree.jpg);
  	background-size: contain;
  }
  .header-title{
  	text-align: center;
  	max-width: 600px;
  	width: 100%;
  	margin: 0 auto;
  }
  .header-title h2 {
  	color: #fdbc2a;
  	font-weight: 600;
  	font-size: 28px;
  	text-transform: uppercase;
  	/*font-family: 'Pacifico', cursive;
  	text-transform: capitalize;*/
  	letter-spacing: 2.1px;
  }
  .content_about_us {
  	text-align: justify;
  }
  .info-video {
  	text-align: center;
  	margin: 0 auto;
  	width: 100%;
  	padding: 10px 0;
  }
  .info-video iframe {
  	width: 80%;
  	height: 500px;
  }
  .registration {
  	width: 100%;
  	text-align: center;
  	margin-top: 15px;
  }
  .registration a {
  	padding: 13px 38px;
  	color: #ffff;
  	background: #fdbc2a;
  	border-radius: 5px;
  	font-size: 15px;
  	font-weight: 600;
  	transition: 0.4s ease;
  }
  .registration a:hover{
  	background: #87432c;
  	color: #fdbc2a;
  }
  /*ALL-VIDEO*/
  .all-video {
  	overflow: hidden;
  	padding: 40px 0;
  }
  .all-video ul {
  	grid-gap: 20px;
  	list-style: none;
  	margin: 0 auto;
  	display: grid;
  	grid-template-columns: 1fr 1fr 1fr;
  }
  .all-video ul li .invi {
  	padding: 5px;
  }
  .all-video ul li .invi h3 {
  	text-align: center;
  	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 1;
  	overflow: hidden;
  	font-size: 20px;
  	font-weight: 600;
  	color: #fdbc2a;
  }
  .all-video ul li .invi h3:hover{
  	color: #87432c;
  }
  .all-video ul li .invi p {
  	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 3;
  	overflow: hidden;
  }
  .all-video ul li{
  	position: relative;
  }
  .around-video {
  	position: relative;
  }
  .around-video iframe {
  	width: 100%;
  }
  .knot {
  	width: calc(100%);
  	height: calc(100%);
  	position: absolute;
  	bottom: 0;
  	opacity: 0;
  	left: 55%;
  	transform: translateX(-50%);
  	transition: all .5s;
  }
  .all-video ul li:hover .knot {
  	opacity: 1;
  	visibility: visible;
  	bottom: 0%;
  }
  .knot button i {
  	color: #87432c;
  	font-size: 35px;
  }
  .knot button {
  	padding: 8px 20px;
  	background: #fdbc2a;
  	border: none;
  	position: relative;
  	bottom: -41%;
  	left: 39%;
  }
  .knot button:hover{
  	color: #fff;
  	background: #87432c;
  }
  .knot button:hover i{
  	color: #fff;
  }
  .knot button:focus{
  	box-shadow: none;
  	outline: none;
  }
  .modal-dialog {
  	margin-top: 5%;
  	min-width: 1000px;
  }
  .modal-dialog .around-video {
  	margin-top: 20px;
  	width: 50%;
  	float: left;
  	padding-right: 20px;
  }
  .modal-dialog .popup-right {
  	width: 50%;
  	float: left;
  	overflow-y: scroll;
  	height: 450px;
  	padding: 10px;
  }
  .modal-dialog .popup-right p {
  	text-align: justify;
  }
  .modal-dialog .popup-right::-webkit-scrollbar-thumb, div#v-pills-tabContent::-webkit-scrollbar-thumb {
  	background: #fdbc2a;
  	border-radius: 20px;
  }
  .modal-dialog .popup-right::-webkit-scrollbar, div#v-pills-tabContent::-webkit-scrollbar {
  	width: 5px;
  }
  .modal-dialog .popup-right h3 {
  	font-weight: 600;
  }
  .loading-more {
  	text-align: center;
  }
  .loading-more a {
  	text-decoration: none;
  	padding: 10px 40px;
  	background: #fdbc2a;
  	color: #fff;
  	border-radius: 5px;
  	font-weight: 600;
  }

  /*REVIEW*/
  .review .h2-title {
  	color: #fdbc2a;
  	font-weight: 600;
  	font-size: 28px;
  	text-transform: uppercase;
  	margin: 0 auto;
  	padding-bottom: 0;
  	text-align: center;
  }
  .head-review {
  	text-align: center;
  	color: #34314c;
  	padding-bottom: 20px;
  }
  .review__item img {
  	width: 125px!important;
  	height: 125px;
  	border-radius: 50%;
  	margin: 0 auto;
  	object-fit: cover;
  }
  .review {
  	background: url(http://vietnamesephoyou.com/wp-content/themes/ngocthang/assets/images/bg-gray.jpg);
  	background-size: cover;
  	background-repeat: no-repeat;
  	padding: 50px 0 100px 0;
  }
  .review__item-title {
  	padding: 0 20px;
  	font-weight: bold;
  	color: #fdbc2a;
  	font-size: 23px;
  	text-align: center;
  }
  .review .item {
  	background: #fff;
  	border-radius: 20px;
  	padding: 20px;
  }
  .review__item-job {
  	text-align: center;
  	color: #8a8a8a;
  }

  /*BLOG*/
  .head-blog {
  	text-align: center;
  }
  .head-blog h2 {
  	margin: 0;
  	padding-bottom: 5px;
  	color: #fdbc2a;
  	font-weight: 600;
  	font-size: 28px;
  	text-transform: uppercase;
  }
  .head-blog {
  	padding-bottom: 20px;
  }
  .pagenavi {
  	width: 100%;
  	text-align: center;
  	padding: 10px 0;
  	font-size: 17px;
  }
  span.page-numbers.current {
  	color: #fcbe32;
  }

  @media (max-width:1024px){
  	nav.menu-primary>ul>li>a {
  		padding: 30px 10px;
  	}
  	.service{padding:90px 0 0;}
  	.contact-around .item-info li{padding:20px 35px;}
  	.sologan h1 {
  		font-size: 37px;
  	}
  	.ft-top nav.menu-primary>ul>li>a {
  		padding: 15px 5px;
  	}
  }
  @media (max-width:768px){
  	.logo img{width:23%}
  	.nav-tabs .nav-item{display:contents;}
  	nav.menu-primary>ul>li>a{color:#fff;text-decoration:none;padding:30px 18px;}
  	.header__menu {
  		background: #fcbe32;
  		display: none;
  	}
  	.sologan{padding: 0;}
  	.sologan h1 {
  		font-size: 37px;
  	}
  	.all-video ul {
  		grid-template-columns: 1fr 1fr;
  	}
  	.blog-img a img {
  		height: 150px;
  	}
  	.ft-top{display: none;}
  	.post-related .h2-title {
  		font-size: 18px;
  	}
  	main.single__content .h1-title {
  		font-size: 28px;
  	}
  	.modal-dialog {
  		margin-top: 5%;
  		min-width: auto;
  	}
  	.modal-dialog .popup-right {
  		width: 100%;
  		float: inherit;
  		overflow-y: scroll;
  		height: 400px;
  		padding: 10px;
  	}
  	.modal-dialog .around-video {
  		margin-top: 0;
  		width: 100%;
  		float: inherit;
  		padding-right: 0;
  	}
  }
  @media (max-width:425px){
  	.logo{text-align:center;}
  	.all-video ul {
  		grid-template-columns: 1fr;
  	}
  	.entry-content iframe{height:auto;}
  	.info-video {
  		padding: 10px;
  	}
  	.info-video iframe {
  		width: 100%;
  		height: 315px;
  	}
  	.all-video{padding-bottom: 40px;}
  	.header-title h2 {
  		font-size: 22px;
  	}
  	.all-video ul li .invi h3{font-size: 17px;}
  	.review .h2-title{font-size: 22px;}
  	.head-blog h2{font-size: 22px;}
  	.ft-top {
  		display: none;
  	}
  	.footer .h2-title {
  		font-size: 22px;
  		text-align: center;
  	}
  	.sologan h1 {
  		font-size: 25px;
  		font-family: 'Pacifico', cursive;
  		color: #47b8e0;
  		text-align: center;
  	}
  	.blog-img a img {
  		height: 190px;
  	}
  	.post-related .h2-title {
  		font-size: 25px;
  	}
  	.content_about_us {
  		padding: 10px;
  	}
  	.page__content img {
  		width: 100%;
  	}
  }