/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
	line-height: 1.6;
}
.top-menu{
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #01a1df;
}
ul.top_left{
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
ul.top_left li{
	position: relative;
	float:left;
	margin-right: 12px;
}
ul.top_left li:last-child{
	margin-right: 0px;
}
ul.top_left li a{
	color: #FFF !important;
		-webkit-transition: all 0.15s ease-out;
   -moz-transition: all 0.15s ease-out;
   -o-transition: all 0.15s ease-out;
   -ms-transition: all 0.15s ease-out;
   transition: all 0.15s ease-out;
}
ul.top_left li i{
	font-size: 25px !important;
	line-height: 30px !important;
	width: 30px;
	margin-right: 0 !important;
}
ul.top_left li a:hover{
	color: #e30011 !important;
}
.tf_p_1{
	font-size: 20px !important;
	line-height: 30px !important;
	padding-right: 10px;
}
.tf_p_2, .tf_p_2 a{
	font-family: 'Poppins', sans-serif;
	font-size: 30px !important;
	font-weight: 700 !important;
	line-height: 30px !important;
	-webkit-transition: all 0.15s ease-out;
   -moz-transition: all 0.15s ease-out;
   -o-transition: all 0.15s ease-out;
   -ms-transition: all 0.15s ease-out;
   transition: all 0.15s ease-out;
}
.tf_p_2 a:hover{
	color: #e30011 !important;
}
.wechat_qr {
    background-image: url(images/wechat.jpg);
    background-size: cover;
    height: 209px;
    width: 150px;
    position: absolute;
    z-index: 20000;
    top: 40px;
    display: none;
	margin-left: -25px;
	    -webkit-box-shadow: 0px 5px 50px 5px rgba(1, 161, 223, 0.3);
    -moz-box-shadow: 0px 5px 50px 5px rgba(1, 161, 223, 0.3);
    box-shadow: 0px 5px 50px 5px rgba(1, 161, 223, 0.3);
}
li.wechat_qr_href:hover .wechat_qr{
	display: block;
}
.top_right_box{
	display: table;
	position: relative;
	float: right;
}
.top_right_box ul, .navbar-topmenu{
	float: left;
	margin-top: 0;
	display: table;
	position: relative;
	width: auto !important;
}
ul.top-red-box{
	position: relative;
	color: #FFF;
	height: 50px;
	background-size: cover;
	background-position: top center;
	margin-right: 50px;
}
ul.top-red-box:before{
	position: absolute;
	content: '';
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	height: 100%;
	margin-left: -30px;
	transform: skew(-20deg);
	background-color: #e30011;
	z-index: 1;
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	left: 0;
}
ul.top-red-box li{
	position: relative;
	float: left;
	z-index: 2;
	font-size: 20px;
	line-height: 50px;
	margin-right: 15px;
	margin-left: 15px;
}
ul.top-red-box li:after{
	position: absolute;
	top: 50%;
	margin-top: -3px;
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 10px;
	background-color: #FFF;
	right: -18px;
}
ul.top-red-box li:first-child{
	margin-left:0;
}
ul.top-red-box li:last-child{
	margin-right:0;
}
ul.top-red-box li:last-child:after{
	display:none;
}
.navbar-topmenu{
	margin-top:12px;
}
.menu-light .menu-smart > li.active > a, .menu-light .menu-smart > li a.active, .menu-light .menu-smart > li.current-menu-ancestor > a, .menu-light .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
    color: #01a1df;
}
a.free_call_btn, a.free_call_btn2{
	-webkit-transition: all 0.15s ease-out;
   -moz-transition: all 0.15s ease-out;
   -o-transition: all 0.15s ease-out;
   -ms-transition: all 0.15s ease-out;
   transition: all 0.15s ease-out;
	background-color: #e30011;
	color: #FFF;
	padding: 16px 40px 16px 40px;;
	border-radius: 100px;
	display: table;
	margin: auto;
	-webkit-transform: translateY(-43px);
    -ms-transform: translateY(-43px);
    transform: translateY(-43px);
	    -webkit-box-shadow: 0px 5px 50px 5px rgba(227, 0, 17, 0.3);
    -moz-box-shadow: 0px 5px 50px 5px rgba(227, 0, 17, 0.3);
    box-shadow: 0px 5px 50px 5px rgba(227, 0, 17, 0.3);
}
a.free_call_btn .btn_tf_p_1, a.free_call_btn2 .btn_tf_p_1{
	font-size: 25px;
	line-height: 45px;
	padding-right: 10px;
}
a.free_call_btn .btn_tf_p_2, a.free_call_btn2 .btn_tf_p_2{
	font-family: 'Poppins', sans-serif;
	font-size: 45px;
	font-weight: 700;
	line-height: 45px;
}
a.free_call_btn:hover, a.free_call_btn2:hover{
	background-color:#c7000f !important;
	color: #FFF !important;
}
a.free_call_btn2{
	margin: auto;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
	z-index: 5;
}
a.free_call_btn2 .btn_tf_p_1{
	font-size: 20px;
	line-height: 23px;
	padding-right: 0;
}
a.free_call_btn2 .btn_tf_p_2{
	font-size: 35px;
	line-height: 35px;
}
a.free_call_btn2 .btn_tf_p_1, a.free_call_btn2 .btn_tf_p_2{
	width: 100%;
	display: table;
}
hr.separator-break.separator-accent{
	width: 60px;
	border-top-width: 4px;
	margin-top: 0;
}
.content_carousel{
	background-color: #e5f5fc;
	display: table;
	-webkit-box-shadow: 0px 5px 50px 5px rgba(1, 161, 223, 0.3);
    -moz-box-shadow: 0px 5px 50px 5px rgba(1, 161, 223, 0.3);
    box-shadow: 0px 5px 50px 5px rgba(1, 161, 223, 0.3);
}
.content_carousel, .content_carousel_icons, .content_carousel_full, .single_content_full{
	position: relative;
	width: 100%;
}
.single_content_icon{
	width: 20%;
	position: relative;
	float: left;
	background-color: #01a1df;
	padding: 45px 25px 40px 25px;
	text-align: center;
	border-right: 1px solid #FFF;
	-webkit-transition: all 0.15s ease-out;
   -moz-transition: all 0.15s ease-out;
   -o-transition: all 0.15s ease-out;
   -ms-transition: all 0.15s ease-out;
   transition: all 0.15s ease-out;
}
.single_content_icon img{
	height:75px;
	width:auto;
	display:block;
	margin:auto auto 10px auto;
}
.single_content_icon h3{
	line-height: 1.2;
}
.single_content_icon h3, .single_content_icon p{
	color:#FFF;
}
.single_content_icon p{
	font-size: 12px;
	margin-top: 0;
}
.single_content_icon:hover, .single_content_icon.activeicon{
	cursor: pointer;
	background-color: #cc0000;
}
.single_content_full{
	display: none;
}
.single_content_full h4{
	color:#cc0000;
}
.poster{
	width: 20%;
	position: relative;
	float: left;
	border-right: 1px solid #FFF;
}
.poster img{
	width: 100%;
	display: block;
}
.single_content_full_content{
	width: 60%;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 20px;
	float: left;
}
.content_carousel_full{
	-webkit-transition: all 0.15s ease-out;
   -moz-transition: all 0.15s ease-out;
   -o-transition: all 0.15s ease-out;
   -ms-transition: all 0.15s ease-out;
   transition: all 0.15s ease-out;
}
#index-165404 .t-entry-title a{
	color: #01a1df !important;
}
.video_box{
	position: relative;
	width: 100%;
	-webkit-transition: all 0.15s ease-out;
   -moz-transition: all 0.15s ease-out;
   -o-transition: all 0.15s ease-out;
   -ms-transition: all 0.15s ease-out;
   transition: all 0.15s ease-out;
}
a.video_box_link{
	position:absolute;
	width:100%;
	height:100%;
}
.video_box p{
	color: #01a1df;
	margin-top: 5px;
	text-align: center;
}
.video_box p i{
	font-size: 30px;
	color: #e40113;
	-webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
}
.video_box:hover{
	opacity: 0.6;
}
ol {
    margin-left: 20px;
}
.panel-title > a span {
    font-size: 18px !important;
}
::-webkit-input-placeholder {
    color:    #FFF;
}
:-moz-placeholder {
    color:    #FFF;
}
::-moz-placeholder {
    color:    #FFF;
}
:-ms-input-placeholder {
    color:    #FFF;
}
.wpcf7 input{
	width: 100%;
	background-color: #01a1df;
	border-radius: 6px;
	color: #FFF;
	padding: 15px;
	font-size: 16px;
	border: 0;
}
.wpcf7 textarea{
	width: 100%;
	background-color: #01a1df;
	border-radius: 6px;
	color: #FFF;
	padding: 15px;
	font-size: 16px;
	border: 0;
}
.wpcf7 input[type="submit"]{
	width:auto;
	background-color: #e40112 !important;
	margin: auto !important;
	display: table;
	color: #FFF !important;
}
.wpcf7 input[type="submit"]:hover{
	color: #FFF !important;
	background-color: #01a1df !important;
}
.wpcf7-response-output{
	text-align: center !important;
}
footer .footer-center {
    padding-top: 0px;
    padding-bottom: 72px;
}
.newpic{
	width: 100%;
	height: 400px;
}
.video-row{
	display: none;
}
#player{
	width: 100%;
	height: 420px;
}
.fixed_bg .background-inner{
	background-size: auto !important;
}
.style-dark-bg.footer-center.footer-last, footer .style-color-nhtu-bg{
	background-color: transparent;
}
footer{
	background-image: url('images/footer-bg2.jpg');
	background-size: cover;
	background-position: center center;
}
.casecarousel>.uncol{
	background-image: url('images/Logo-bg.jpg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
#menu-language-switcher i{
	
}
#menu-language-switcher .drop-menu{
	min-width: 0em !important;
    max-width: none !important;
	margin-top: -6px !important;
	margin-left: 0px !important;
	position: absolute !important;
	display: none;
}
#menu-language-switcher .drop-menu li a{
	padding: 0 !important;
}
.wpml-ls-item>a{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.top-red-box-tc:lang(zh-hans), .top-red-box-sc:lang(zh-hant), .tc-element:lang(zh-hans), .sc-element:lang(zh-hant){
	display: none;
}
.top-red-box-tc:lang(zh-hant), .top-red-box-sc:lang(zh-hans), .tc-element:lang(zh-hant), .sc-element:lang(zh-hans){
	display: block;
}
.top-menu{
	position:fixed;
	z-index:5000;
	width:101%;
}
#masthead{
	position:fixed !important;
	padding-top:50px !important;
	width:100%;
}
#masthead .menu-container{
	position:relative !important;
	top:0  !important;
}
.menu-wrapper{
	height:150px !important;
}
@media (max-width: 1100px){
	.single_content_icon h3 {
		font-size: 20px;
}
}
@media (max-width: 1024px){
.menu-dark .row-brand, .menu-dark .row-menu .row-menu-inner {
    border-bottom: 1px solid rgba(48,49,51,0);
}
	.menu-dark .row-brand, .menu-dark .row-menu .row-menu-inner{
		display: -ms-flexbox !important;
    display: flex !important;
		-ms-flex-pack: justify!important;
    justify-content: space-between!important;
		    -ms-flex-align: center!important;
    align-items: center!important;
	}
	.col-lg-6-1, .col-lg-6-2{
		width:auto;
		height: 100% !important;
	}
}
@media (max-width: 959px){
	.pc-item{
		
	}
	.casecarousel>.uncol{
		background: none;
	}
	.submenu-dark .menu-smart, .submenu-dark .menu-sidebar-inner, .submenu-dark .main-menu-container {
    background-color: transparent;
}
	.submenu-dark .menu-smart, .submenu-dark .menu-smart li {
    border-color: rgba(48,49,51,0);
}
	.menu-smart a i.fa-dropdown {
    top: 0.8em;
}
	.navbar-topmenu{
		margin-top: 6px;
	}
	.uncode-single-media.hero .single-wrapper{
		max-width: 40% !important;
	}
	.menu-horizontal-inner > div:first-child:not(.navbar-social) .menu-smart{
		padding-top: 0px !important;
	}
	.top-menu{
		padding-left: 18px;
		padding-right: 18px;
	}
	
	
	.top-menu{
		
	}
	.menu-wrapper{
		height:122px !important;
	}
}
@media (max-width: 880px){
	.tf_p_1{
	font-size: 16px !important;
}
.tf_p_2, .tf_p_2 a{
	font-size: 20px !important;
	}
}
@media (max-width: 795px){
	.tf_p_1{
	font-size: 12px !important;
}
.tf_p_2, .tf_p_2 a{
	font-size: 16px !important;
	}
}
@media (max-width: 768px){
	.top-red-box{
		display: none !important;
	}
	#menu-language-switcher .drop-menu{
		    margin-top: 0px !important;
	}
	#menu-language-switcher .drop-menu li a{
		color: #000;
	}
	.top-menu{
		display: table;
		width: 100%;
	}
	.top-menu .col-lg-6-1{
		width: 78%;
		float: left;
	}
	.top-menu .col-lg-6-2{
		width: 22%;
		float: left;
	}
	body.menu-custom-padding .menu-container .logo-container {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
		padding-left: 18px !important;
		padding-right: 18px !important;
}
	.tf_p_1{
	font-size: 13px !important;
	line-height: 20px !important;
	padding-right: 5px;
}
.tf_p_2, .tf_p_2 a, ul.top_left li i{
	font-size: 16px !important;
	line-height: 20px !important;
}
	ul.top_left li{
		margin-right: 7px;
		}
	.top-menu{
		padding-left: 0px;
		padding-right: 0px;
	}
	.wechat_qr{
		display: none !important;
	}
	.navbar-topmenu {
    margin-top: 0px;
}
	a.free_call_btn{
		    -webkit-transform: translateY(35px);
    -ms-transform: translateY(35px);
    transform: translateY(35px);
	}
	a.free_call_btn .btn_tf_p_1, a.free_call_btn2 .btn_tf_p_1{
	font-size: 20px;
	line-height: 35px;
	padding-right: 0px;
		width: 100%;
	display: table;
		text-align: center;
}
a.free_call_btn .btn_tf_p_2, a.free_call_btn2 .btn_tf_p_2{
	font-size: 35px;
	line-height: 35px;
	width: 100%;
	display: table;
	text-align: center;
}
	a.free_call_btn2{
		width: 100%;
	}
	#wpadminbar{
		display: none;
	}
	body.logged-in.admin-bar {
    padding-top: 0px !important;
}
	.menu-sticky{
		height: 88px !important;
	}
	.top-menu{
		position: fixed;
	}
	.menu-wrapper.menu-sticky .menu-container{
		top: 32px !important;
	}
	.main-wrapper{
		padding-top: 88px;
	}
	html{
		margin-top: 0 !important;
	}
	.fixed_bg .background-inner{
	background-size: cover !important;
}
	.with-parallax.boomapps_vcrow{
		display: none !important;
	}
	.links-row .col-lg-3{
		width: 50%;
		float: left;
		clear: none !important;
	}
	#masthead{
	padding-top:32px !important;
}
	.main-wrapper>.main-container {
    padding-top: 0px !important;
}
}
@media (max-width: 767px){
	
	.single_content_icon{
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #FFF;
		    padding: 25px 15px 20px 15px;
	}
	.single_content_icon img{
		height: 45px;
	}
	.single_content_icon h3 {
		margin-top: 6px;
	}
	.poster{
		display: none;
	}
	.single_content_full_content{
		width: 100%;
		padding: 0 20px 20px 20px;
	}
	.content_carousel_icons, .content_carousel_full{
		display: table;
	}
	.footer-tagline h2{
		font-size: 22px !important;
	}
	
	#player{
	width: 100%;
	height: 250px;
}
	.video_box p{
		line-height: 1.2;
	}
	.video_box p i{
		font-size: 16px;
		    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
	}
	.newpic{
	width: 100%;
	height: 150px;
}
	h4, .h4{
		font-size: 18px !important;
	}
}

    /* iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) {
		.with-parallax.boomapps_vcrow{
		display: none !important;
	}
	.scjh.with-parallax.boomapps_vcrow{
		display: block !important;
	}
	.links-row .col-lg-3, .col-lg-6-1, .col-lg-6-2{
		width: 50%;
		float: left;
		clear: none !important;
	}
	#wpadminbar{
		display: none;
	}
	body.logged-in.admin-bar {
    padding-top: 0px !important;
}
	.menu-sticky{
		
	}
	.top-menu{
		position: fixed;
		width: 101%;
	}
	.menu-wrapper.menu-sticky .menu-container{
		top: 30px !important;
	}
	.main-wrapper{
		padding-top: 86px;
	}
	html{
		margin-top: 0 !important;
	}
	ul.top-red-box{
		
	}
	ul.top-red-box li{
		
		font-size: 16px;
	}
	.content_carousel_icons, .content_carousel_full {
    display: table;
}
}