/*
Theme Name: WSU Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0
*/
div#masthead{
	ul.header-nav{
		>li.menu-item{
			padding:0 20px;
			>a.nav-top-link {
			    color: #fff;
			    font-family: open sans,Sans-serif;
			    font-size: 15px;
			    font-weight: 500;
			    text-transform: uppercase;
			    line-height: 35px;
			}
		}
	}
}
.sec__banner_home {
	.titles{
		h2{
		    color: #fff;
		    font-size: 60px;
		    font-weight: 600;
		    // letter-spacing: -0.5px;
		    text-shadow: 4px 5px 1px #5b5b5b;
		    line-height: 80px;
		}
	}
	.sub_txt p {
	    color: #ddd;
	    font-size: 20px;
	    font-weight: 300;
	    line-height: 1.5em;
	    text-shadow: 2px 3px 4px rgba(0, 0, 0, 61%);
	
	}
	a.button.secondary  {
   		font-size: 16px;
	    font-weight: 500;
	    line-height: 35px;
	    fill: #fff;
	    color: #fff;
	    background-color: #a02020;
	    border-style: solid;
	    border-width: 1px 0 0;
	    border-color: #d73333;
	    padding: 6px 20px;
	}
	a.button.primary {
	    font-weight: 500;
	    line-height: 35px;
	    fill: #fff;
	    color: #fff;
	    background-color: #333;
	    border-style: solid;
	    border-width: 1px 0 0;
	    border-color: #8f8f8f;
	    padding: 6px 20px;
	}
}

.sec__best_selling{
	.col_left {
		.box-text {
		    height: 100%;
		    top: 20px !important;
		    left: -40px !important;

		}
	}
	.col_rights{
		.text h2{
			color: #fff;
		    font-size: 43px;
		    font-weight: 600;
			line-height: 40px;
		    letter-spacing: -1.4px;
    		text-shadow: 0 0 10px rgba(0, 0, 0, 56%);
		}
		.txt_sub h3{
			color: #ddd !important;
		    font-size: 20px;
		    font-weight: 400;
		    line-height: 1.5em;
		    position: relative;
		    margin-bottom: 35px;
		    text-shadow: 2px 3px 4px #000000;
		    &:after{
		    	content: "";
			    border: 1.5px solid #a02020;
			    position: absolute;
			    bottom: -13px;
			    left: 0;
			    width: 60px;
			    height: 2px;
			    background: #a02020;
		    }
		}
		.sub_content p{
			font-size: 16px;
			color: #ddd !important;

		}
	}
}
.sec__gt_sp{
	.titles h2 {
	    font-size: 50px;
	    font-weight: 600;
	    position: relative;
	    letter-spacing: -1.4px;
	     &:after{
	    	content: "";
		    border: 1.5px solid #a02020;
		    position: absolute;
		    bottom: -13px;
		    left: calc(50% - 30px);
		    width: 60px;
		    height: 2px;
		    background: #a02020;
	    }
	}
	.title_s h3{
	    margin: 0;
	    font-size: 35px;
	    font-weight: bold;
	    text-transform: uppercase;
	    margin-bottom: 11px;
	}
	.the_descript p{
	    font-size: 17px;
	    font-weight: 400;
	    color: #fff;
	    /* max-width: 450px; */
	    /* width: 100%; */
	    padding-left: 20%;
	    margin-bottom: 14px;
	    /* float: right; */
	    display: inline-block;
	    text-transform: none;
	    letter-spacing: .03em;
	}
	a.button.primary.is-link.lowercase {
	    background-image: linear-gradient(to right, transparent, #a02020);
	    width: 165px;
	    padding: 0px 20px;
	    transform: skewX(-20deg);
	    font-size: 15px;
	    font-weight: 500;
	    border-left: unset;
	}
}
.sec_baotri{
	.titles h2 {
	    font-size: 50px;
	    font-weight: 600;
	    position: relative;
	    letter-spacing: -1.4px;
	     &:after{
	    	content: "";
		    border: 1.5px solid #a02020;
		    position: absolute;
		    bottom: -13px;
		    left: calc(50% - 30px);
		    width: 60px;
		    height: 2px;
		    background: #a02020;
	    }
	}
}
.sec_donghanh{
	.titles h2 {
	    font-size: 53px;
	    font-weight: 600;
	    position: relative;
	    letter-spacing: -1.4px;
	     &:after{
	    	content: "";
		    border: 1.5px solid #a02020;
		    position: absolute;
		    bottom: -13px;
		    left: calc(50% - 30px);
		    width: 60px;
		    height: 2px;
		    background: #a02020;
	    }
	}
	.text p{
	    color: #ddd !important;
	    font-size: 20px;
	    font-weight: 400;
	    line-height: 1.5em;
	}
	.col_sl_img{
		h3{
			font-weight: 600;
			margin-top: 15px;
			font-size: 21px;
			color: #eee !important;
	        overflow: hidden;
		    text-overflow: ellipsis;
		    line-height: 25px;
		    -webkit-line-clamp: 2;
		    height: 50px;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		}
		p{
			font-size: 14px;
			color: #aaa !important;
			text-align: justify;
		}
	}
	
}
.sec_baivietcs {
	ol.flickity-page-dots{
		display: none;
	}
	.titles h2{
		font-size: 56px;
	    font-weight: 600;
	    position: relative;
	    letter-spacing: 0.4px;
	    margin-bottom: 35px;
	    &:after{
	   	    content: "";
		    width: 10vw;
		    background: #AA0000;
		    position: absolute;
		    bottom: -5px;
		    display: block;
		    height: 3px;
		    z-index: 9;
		    left: calc(50% - 5vw);
	    }
	}
	p.from_the_blog_excerpt {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    line-height: 25px;
	    -webkit-line-clamp: 2;
	    height: 50px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	}
}
.sec_videos {
	.box-text.text-center {
	    height: 100%;
	    .box-text-inner {
		    margin: 0;
		    position: absolute;
		    top: 50%;
		    -ms-transform: translateY(-50%);
		    transform: translateY(-50%);
		    left: calc(50% - 30px);
		}
	}
}
h5.post-title.is-large {
    color: #d90020;
}
.blog_homes  {
	.href_popup{
		border-radius: 10px;
		img{
			border-radius: 10px;
		}
	}
	ol.flickity-page-dots li{
		    background-color: #fff !important;
	}
}
.content_popup{
	position: unset !important;
    left: unset !important;
    border-radius: 10px;
    .row > .col{
    	padding-bottom: 0;
    	
    }
    .col.large-6.item__content {
    	padding: 3em;
    	.content_rv{
    	    font-style: oblique;
    	    font-size: 16px;
    		letter-spacing: .5px;
    	}
    	.name.text-center {
		    font-size: 26px;
		    font-weight: 700;
		    color: #000;
		}
		.textvitri.text-center {
    		font-size: 14px;
		}
	}
}
footer{
	span.widget-title{
		font-size: 18px;
		color: #fff;
		font-weight: 700;
	}
	.dark .is-divider {
    	background-color: #da0101;
	}
	h3{
		font-size: 17px;
		text-transform: uppercase;	
	}
	.info_com {
	    font-size: 16px;
	    font-weight: 500;
	    color: #fff;
	    line-height: 28px;
	}
}
.combo_film{	
	h1 {
	    font-size: 30px;
	    text-transform: uppercase;
	    position: relative;
	    z-index: 1;
	    font-weight: 500;
	}
	nav.rank-math-breadcrumb * {
	    z-index: 2;
	    font-size: 14px;
	    font-weight: 400;
	    color: #d73333;
	}
	.title_combo p{
	    text-align: left;
	    text-transform: uppercase;
	    font-weight: bold;
	    padding-bottom: 10px;
	    font-size: 36px;
	    margin: 0;
	}
	.table_price table {
		tr{
			td{
				border:1px solid #fff;
				padding:8px 10px;
			}
			&+tr{
				td{
					border-top: unset;
				}
			}
		}
	}
	.content_conbo{
		ul{
			li{
				font-size:15px;
			}
		}
	}
	.tabbed-content.tab_descripts{
		ul{
			li.tab{
			    background: #ededed;
			    color: #222;
			    display: inline-block;
			    padding: 10px 25px;
			    cursor: pointer;
			    font-size: 15px;
			    font-weight: 600;
			    text-transform: uppercase;
			    border-radius: 0;
			    margin-right: 2px;
			    a{
			    	color: #000;
			    	&:before{
			    		display: none;
			    	}
			    }
			    &.active{
			    	a{
			    		color: #fff;
			    	}
			    	background: #d73333 !important;
			    }

			}
		}
		.tab-panels{
			table{
				margin-top: 15px;
		    	tr{
		    		td{
		    			border:1px solid #fff; 
		    			padding:8px 10px;
		    		}
		    	}
		    	&+tr{
		    		td{
		    			border-top: unset;
		    		}
		    	}
		    }
		}
	}
	.related_title p{
		text-transform: uppercase;
	    background: #f3f3f3;
	    border-left: 5px solid #d73333;
	    font-size: 22px;
	    margin-top: 20px;
	    color: #000;
	    padding: 8px 15px;
	    box-sizing: border-box;
	    font-weight: bold;
	}
	.box-text.text-left p {
	    margin: 0;
	    margin-bottom: 15px;
	    margin-top: 10px;
	    font-size: 19px;
	    font-weight: bold;
	}
}
.sec_page_menu{
	.banner {
		.title_min h2{
			font-style: normal;
		    font-size: 24px;
		    color: #fff;
		    font-weight: 400;
		    margin-bottom: 20px;
		    position:relative	;
		    &:after{
			    background: #a02020;
			    position: absolute;
			    bottom: -10px;
			    left: 0;
		    	content: "";
		    	width: 60px;
		    	height: 4px;
		    }
		}
		.title_bot h3{
			color: #fff;
		    font-size: 65px;
		    font-weight: 600;
		    letter-spacing: -3.5px;
		}
	}
	.des_2{
		.title_top{
			h2{
				color: #fff;
			    font-size: 38px;
				line-height:38px;
			    font-weight: 600;
			    letter-spacing: -1.4px;
			}
		}
		.text_descript{
			font-weight:400;
			font-size: 14px;
			line-height: 22px;
		}
		.title_bottom_border{
			position:relative;
			font-size: 18px;
			letter-spacing: 1px;
			&:after{
				background: #a02020;
			    position: absolute;
			    bottom: -10px;
			    left: 0;
		    	content: "";
		    	width: 40px;
		    	height: 2px;
			}
		}
		.title_border p{
			border:1px solid #Fff;
			padding:6px 10px;
			width: auto;
		    font-size: 20px;
		    font-weight: 400;
		    line-height: 1.3em;
			display: inline-block;
			border-radius: 10px;	
		}
	}
	.row.r-icon{
		.icon-box{
			h3{
				font-size: 21px;
				font-weight:400;
				line-height: 22px;
			}
			p{
				font-size: 13px;
				font-weight:400;
				color: #9f9f9f;
			}
		}
	}
}
.sec_vision{
	h1{
		font-size: 4.2vw;
	    font-weight: 600;
	    letter-spacing: -3.2px;
	}
	.vision_title h2{
		color: #c5c5c5 !important;
	    font-size: 24px;
	    line-height: 1.3em;
	    letter-spacing: -1.8px;
	    font-weight: normal;
	    font-style: normal;
	    margin: 50px 0;
	}
	.r_icon{
		.icon-box{
			h3{
				font-weight: 700;
			    text-transform: uppercase;
			    font-style: normal;
			    font-size: 24px;
			}
		}
	}
	.conent_under_bottom *{
		color: #c5c5c5 !important;
	    font-size: 24px;
	    line-height: 1.3em;
	    letter-spacing: -1.8px;
	    font-weight: normal;
	    font-style: normal;
	    margin: 50px auto;
	    max-width: 700px;
	}
	&.sec_img_under_text{
		.bg-loaded {
		    background-repeat: no-repeat !important;
		    background-size: 100vw 300px !important;
		    background-position: top left;
		}
		.box-image{
			z-index: 5;
			.overlay{
				display: none;
			}
		}
		.box-text{
			height: 100%;
			text-shadow:unset !important;
			.under p {
			    padding: 0;
			    margin: 0;
			    line-height: 1;
			    font-size: 3.8vw;
			    font-weight: 700;
			    letter-spacing: -3.5px;
			    margin-top: -60px;
			}
			.text.top p{
				padding: 0;
			    margin: 0;
			    line-height: 1;
			    font-size: 3.8vw;
			    font-weight: 700;
			    letter-spacing: -3.5px;
			    margin-top: 0px;
			    margin-left: 13vw;
			    -webkit-transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
			    transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
			    -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
			    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
			    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-box-shadow .3s;
			    background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
			    background-size: 200% auto;
			    background-clip: text;
			    -webkit-background-clip: text;
			    -webkit-text-fill-color: transparent;
			    -webkit-animation: shine 10s linear infinite;
			    animation: shine 10s linear infinite;
			    font-weight: 700 !important;
			}
		}
	}
	.title_h2 *{
	    font-size: 80px;
	    font-weight: 600;
	    margin-top: 65px;
	    line-height: .95em;
	    letter-spacing: -5px;
	}
	.sub_txt p{
	    color: #aeaeae;
	    font-size: 1vw;
	    line-height: 1.4em;
	    letter-spacing: -.4px;
	}
	.smoke_row{
		padding-top:100px;
		padding-bottom: 60px;
		background: url(assets/img/smoke.png) no-repeat; 
		background-size: 100vw 550px;
    	opacity: 0.9;

		.r_center{
			.text.title_color_smoke p {
			    color: #60bd4c;
			    font-size: 7.4vw;
			    font-weight: 700;
			    line-height: .9em;
			    letter-spacing: -5px;
			    margin-bottom: 0;
			}
			.text.sub_title p {
			    font-size: 5.2vw;
			    font-weight: 400;
			    line-height: .9em;
			    letter-spacing: -5px;
			    color: #eeeeee;
			}
		}
	}
}
@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}

@keyframes shine {
  to {
    background-position: 200% center;
  }
}
@media only screen and (max-width: 850px){
		.sec_vision .smoke_row{
			background: unset;
		}
		.sub_title p{
			margin-right: 10%;
		}
}
.img_Verrti  {
	.top_title p{
		color:#a6a6a6;    
	    font-size: 4.3vw;
	    font-weight: 500;
	}
	.txt_bot p{
	    font-size: 5.6vw;
	    font-weight: 700;
	    line-height: 85px;
	    letter-spacing: -1px;
	}
}
.future{
	.txt_future .title_future  p{
		font-size:55px
	}
	.title_future p{
		font-size: 4.1vw;
	    font-weight: 600;
	    line-height: 0.9em;
	    letter-spacing: -3.7px;
	    margin-bottom: 20px;
    	margin-top: 25px;
	}
	.content p{
		font-size: 13px;
		color:#a6a6a6;  
	}
}
.top_grey p {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -3.5px;
    margin-bottom: 0;
    line-height: 48px;
}
.bt_color p {
    color: #0067d8 !important;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -3.5px;
    margin-bottom: 0;
    line-height: 48px;
}
.sec_menu {
	 .row.align-center{
	 	margin: auto !important;
	 	.icon_menu{
	 		h5{
			    font-size: 16px;
			    font-weight: 500;
			    line-height: 10px;
			    margin-bottom: 0;
	 		}
	 		p{
	 			font-size: 13px;
			    font-weight: 400;
			    line-height: 30px;
	 		}
	 	}
	 	.icon_sp {
	 		.icon-box-text.last-reset{
	 			p{
	 				font-size: 13px;
			    font-weight: 400;
			    line-height: 30px;
	 			}
	 		}
	 	}
	}
}
div#comments {
    background: #fff;
    border-radius: 5px;
}
.single {
	div#content{
		.entry-content.single-page,.entry-header-text.entry-header-text-top.text-left{
			background: #000;
		}
		.info_poost{
			background: #000;
			ul{
				display: flex;
				margin-left: 0;
				margin-bottom: 0;
				padding: 0 1.5em;
				li{
					list-style: none;
					float: left;
					margin-right: 15px;
				}
			}
		}
	}
}
@media only screen and (max-width: 1660px) and (min-width: 1480px){
	div#masthead {
		ul.header-nav{	
			> li{
				padding: 0px 10px !important;
				margin: 0;
			 	a{
			 	   	font-size: 13px !important;
			 	}
			}
		}
		ul li .header-button a{
			font-size: 10px !important;
		}
		#logo{
			width: 175px !important; 
		}
	}
	.sec_vision .smoke_row{
		background-size: 100vw 430px;
	}
	i.icon-angle-down {
	    display: none;
	}
}

@media only screen and (max-width: 1480px) and (min-width: 1300px){
	div#masthead {
		ul.header-nav{	
			> li{
				padding: 0px 5px !important;
				margin: 0;
			 	a{
			 	   	font-size: 12px !important;
			 	}
			}
		}
		ul li .header-button a{
			font-size: 10px !important;
		}
		#logo{
			width: 175px !important; 
		}
	}
	.sec_vision .smoke_row{
		background-size: 100vw 430px;
	}
	i.icon-angle-down {
	    display: none;
	}
}

@media only screen and (max-width: 1299px) and (min-width: 850px){
	div#masthead {
		ul.header-nav{	
			> li{
				padding: 0px 3px !important;
				margin: 0;
			 	a{
			 	   	font-size: 8px !important;
			 	}
			}
			ul li .header-button a{
				font-size: 8px !important;
			}
			#logo{
				width: 155px !important; 
			}
		}
	}
	.banner_homes {

	}
	.sec_vision .smoke_row{
		background-size: 100vw 430px;
	}
}
@media only screen and (max-width: 550px){
	.titles h2{
		font-size: 26px !important;
		margin-bottom:20px;
	}
	.future .title_future p {
    font-size: 4.6vw;
    font-weight: 600;
    line-height: 0.9em;
    letter-spacing: 0;
    margin-bottom: 5px;
    margin-top: 4px;
}
	.sec_baivietcs{
		.section-content.relative>.row{
			max-width: 100% !important;
		}
	}
	.banner_homes{
		a.button{
			font-size: 14px !important;
			padding: 0px 14px !important;
		}
		.titles{
			h2{
			    color: #fff;
			    font-size: 25px;
			    font-weight: 600;
			    letter-spacing: 0;
			    line-height: 36px;
			   	text-shadow: 1px 1px black;
			}
		}
		.sub_txt p{
			font-size: 16px;
		}
	}
	.sec__best_selling .col_rights .text h2{
		font-size: 26px;
		text-align: center;
		line-height: 26px;
	}
	.sec__gt_sp {

		.title_s h3{
			font-size: 25px;
		}
		.the_descript p{
			font-size: 14px;
		}
	}
	.sec_donghanh {
		.titles h2{
			font-size: 30px;
		}
		.text p{
			font-size: 14px;
		}
		.col_sl_img{
			h3{
			 	font-size: 18px;
			}
		}
	}
	.sec_baivietcs {
		.titles h2{
			font-size: 30px;
			    margin-bottom: 15px;
		}
	}
	.sec_vision {
		h1 {
		    font-size: 33px;
		    font-weight: 600;
		    letter-spacing: -1px;
		}
		.vision_title h2{
			font-size: 20px;
		}
		.r_icon .icon-box h3{
			font-size: 18px;
		}
		.conent_under_bottom *{
			font-size: 18px;
		}
		&.sec_img_under_text {
			.box-text .under p{
				font-size: 20px;
				margin-top: -30px;
				letter-spacing: 0;
			}
			.box-text .text.top p{
				font-size: 20px;
				letter-spacing: -1px;
    			margin-left: 8vw;
			}
		}
		.title_h2 *{
		 	font-size: 65px;
		}
		.sub_txt p {
		    color: #aeaeae;
		    font-size: 12px;
		    line-height: 1.4em;
		    letter-spacing: -0.4px;
		}
		.smoke_row .r_center .text.title_color_smoke p{
			font-size: 45px;
			    letter-spacing: -1px;
		}
		.smoke_row .r_center .text.sub_title p{
			font-size: 42px;
		}
		.img_Verrti  {
			.box-text.text-left{
				padding-left: 10px;
				.top_title p {
				    color: #a6a6a6;
				    font-size: 26px;
				    font-weight: 500;
				}
				.txt_bot p {
				    font-size: 30px;
				    line-height: 44px;
				    letter-spacing: -1px;
				}
			}
		}
	}
	f.uture .title_future p {
	    font-size: 30px;
	    font-weight: 600;
	    line-height: 0.9em;
	    letter-spacing: -0.7px;
	    margin-bottom: 20px;
	    margin-top: 25px;
	}
}
.form_become_installer{
	.col.large-6{
		padding-bottom: 5px;
	}
	div.title{	
	    margin-bottom: 10px;
	    font-size: 17px;
	    margin-top: 15px;

	}
	input.wpcf7-form-control,textarea.wpcf7-form-control.wpcf7-textarea {
	    border-radius: 5px;
	    background-color: #222;
	    color: #fff;
	    border-color: #545454;
	    margin-bottom: 18px;

	}
	input.wpcf7-form-control.has-spinner.wpcf7-submit {
	    background: #A00;
	    display:block;
	    margin:15px auto 5px;
	    padding: 2px 35px;
	    border-radius: 99px;
	}
	input[type=checkbox], input[type=radio]{
		margin-bottom: 10px;
	}
}

.sub_details p{
	margin-bottom: 15px;
		font-size: 14px;
	font-weight: 500;
}
.des_stek .accordion .accordion-title{
	border-top: unset;
}
.des_stek .accordion button.toggle {
    display: none;
}
.des_stek .accordion a.accordion-title.plain span{
	font-size: 24px;
}
.des_stek .accordion a.accordion-title.plain:hover span{
	color: #AA0000;
}
.des_stek .accordion .accordion-inner *{
	font-size: 13px;
	text-align: left;
}
.doitacstek {
	li.col_doitac{
		float: left;
	    width: 33%;
	    margin-left: 0 !important;
	    list-style: none;
	    margin-bottom: 30px;
		a{
			border-radius: 99px;
			width: 65px;
			height: 65px;
			img{
				width: 65px;
				border-radius: 99px;
				object-fit: cover;
				height: 65px;
			}
		}
	}
}
@media only screen and (max-width: 550px){
	.simply-scroll {
		.simply-scroll-list {
			li{
			    width: 120px!important;
    			height: 45px!important;
			}
		}
	}
	.sec__banner_home{
		.titles h2{
			font-size: 22px !important;
		}
	}
}
.sec_baivietcs  .box-text.text-left{
	vertical-align: top;
}
.localstore_action a:hover {
    color: #a02020 !important;
}
.localstore_action a.localstore_btn {
    text-decoration: none;

    background: #a02020 !important;
    color: #ffffff !important;

}
.localstore_searchbox {
    background: #cfcfcf !important;
    padding: 10px 10px 0 10px;
}
.fa-angle-left::before {
    content: "\f104";
    color: #fff;
}
.btn_Readmore {
    border-radius: 10px;
    padding: 2px 35px;
}

.col-img {
    position: relative;
    .txt-overlay {
	    width: 100%;
	    position: absolute;
	    z-index: 9;
	    left: 0;
	    text-align: left;
	    bottom: 0px;
	    padding: 5px 15px;
	    background: rgba(0,0,0,0.5);
	    height: 85px;
	    padding-top: 4px;
	    div{
	    	font-size: 13px;
	  		&.thuyetminh{
	  			font-size: 16px;
	  		}
	    }
	}
}
@media only screen and (max-width: 550px){
	.sec_page_menu .banner .title_bot h3{
		font-size: 40px;
		letter-spacing: 0;
	}
	.sec_page_menu .banner .title_min h2{
		margin-top: 15px;
	}
	.sec_page_menu .row.r-icon .icon-box{
		h3{
			

		}
		 p{
			display: none;
		}
	}
	.des_2 .img{
		margin:5px auto 10px;
	}
	.img_center {
		margin:20px auto;
	}
	.sec_page_menu {
		.des_2 {

			.title_top h2{
				font-size: 25px;
			}
			.title_border p{
				text-align: center;
				margin:auto;
				display: block;
				margin-bottom: 20px;
				margin-top: 5px;
			}
		}
	}
	.sec_page_menu .row.r-icon .icon-box h3{
		font-size: 12px;
		line-height: 18px;
	}
	.single div#content .info_poost ul {
	    display: block;
	    margin-left: 0;
	    margin-bottom: 0;
	    padding: 0 25px 60px;
	    width: 100%;
	}
}
.mobile-sidebar{
	ul{
		li{
			a{
				font-size: 16px;
				font-weight: 500;
			}
		}
	}
}
.count_upnumber{
	display: flex;
	p{
	    position: relative;
	    width: 95px;
	    height: 95px;
	    font-size: 22px;
	    margin-right: 20px;
	    text-align: center;
	    background: rgba(0, 0, 0,0.38);
	    float: left;
	    border-radius: 99%;
	    line-height: 10px;
	    padding-top: 15px !important;
	    font-weight: bold;
		span{
			font-weight: bold;
			font-size: 22px;
			color: #fff;
			line-height: 36px;
		}
	}
}
.menuppf {
	.ux-menu-link.flex.menu-item{
		a{
			padding: 5px 10px 5px 50px;
			min-height: unset;
			    border-bottom-style: unset;
		}
	}
	.red_color a{
		color: #d73333;
	}
}
@media only screen and (max-width:850px){
	.doitacstek {

		li.col_doitac {
			.col-img{
			  display:flex;
			  align-items: center;
			  justify-content: center;
			  
			}
			a{
				height: 68px;
				width: 68px;
			    position: relative;
			    z-index: 0;
			    overflow: hidden;
			    border: none !important;
			    padding: 0 !important;
			    background: #000 !important;
			    color: #656565;
			    background: white;
			    border-radius: 99px;
			    text-align: center;
			    font-size: 14px;
			    font-weight: 400;
			    box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07);
			    transition: .2s all linear;
			    text-decoration: initial;
				span{
				    position: relative;
				    z-index: 1;
				    height: calc( 100% - 4px );
				    width: calc( 100% - 4px );
				    top: 2px;
				    left: 2px;
				    align-items: center;
				    display: flex;
				    justify-content: center;
				    border-radius: 99px;
				    color: white;
				    background: #5D5DFF;
					img{
						
					}
				}
				&:after{
					content: "";
				    position: absolute;
				    z-index: -2;
				    left: -50%;
				    top: -50%;
				    width: 200%;
				    height: 200%;
				    background-color: #a02020;
				    background-repeat: no-repeat;
				    background-size: 50% 50%, 50% 50%;
				    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
				    background-image: linear-gradient(90deg, rgba(255,255,255,0)    0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
				    -webkit-animation: rotate 2s linear infinite;
				    animation: rotate 2s linear infinite;
				}
			}
		}
	}
}
@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
ul.mobile-nav.nav.nav-right a.icon.primary.button.round.is-small {
    background: #981e1e;
}
.text.video {
    margin-top: 20px;
}
@media only screen and (max-width:1200px) and (min-width:850px){
	.future .txt_future .title_future p{
		    font-size: 40px;
		    margin-bottom: 10px;
         margin-top: 15px;
	}
	.has-dropdown .icon-angle-down{
		display:none;
	}
	.sec_baivietcs .titles h2{
		font-size:48px;
		line-height:45px;
	}
}
.banner_homes{
	.title_min{
		margin-bottom:25px;
		h2{
			font-size:24px;
			text-transform:uppercase;
			font-weight:500;
			border-left:3px solid #dc0000;
			padding-left:10px;
		}
	}
	.title_bot h3{
		margin-bottom:20px;
		font-weight:bold;
		font-size:40px;
		line-height: 48px;
	}
	.title_min_content {
		margin-bottom: 30px;
		p{
			font-size:15px;
			margin-bottom:5px;
		}
	}
}
@media only screen and (max-width:850px) and (min-width:550px){
	.banner_homes{
		.title_min{
			margin-bottom:15px;
			h2{
				font-size:20px;
				text-transform:uppercase;
				font-weight:500;
				border-left:3px solid #dc0000;
				padding-left:10px;
			}
		}
		.title_bot h3{
			margin-bottom:20px;
			font-weight:bold;
			font-size:32px;
			line-height: 48px;
		}
		.title_min_content {
			margin-bottom: 30px;
			p{
				font-size:13px;
				margin-bottom:5px;
			}
		}
	}
}
@media only screen and (max-width:550px) {
	.banner_homes{
		.title_min{
			margin-bottom:15px;
			h2{
				font-size:18px;
				text-transform:uppercase;
				font-weight:500;
				border-left:3px solid #dc0000;
				padding-left:10px;
			}
		}
		.title_bot h3{
			margin-bottom:20px;
			font-weight:bold;
			font-size:26px;
			line-height: 36px;
		}
		.title_min_content {
			margin-bottom: 30px;
			p{
				font-size:12.5px;
				margin-bottom:5px;
			}
		}
	}
}
.pt_contact_vertical {
    position: fixed;
    display: block !important;
    bottom: 196px;
    z-index: 100;
    left: 25px;
    .contact-mobile {
    	.contact-item {
    		a {
			    margin-bottom: 8px;
			    display: block;
			    transition: all 0.4s ease;
			    position: relative;
			    border-radius: 100%;
			    width: 40px;
			    height: 40px;
			    text-align: center;
			    line-height: 40px;
			    font-size: 20px;
			    i {
				    color: #fff;
				    line-height: inherit;
				}
			}
			.fb-mess {
			    background-color: #4b76bd;
			    span.dashicons.dashicons-facebook-alt {
				    color: #fff;
				    margin-top: 8px;
				    margin-left: -3px;
				}
			}
    	}
    }
}
.fix_bottom {
    position: fixed;
    left: 5px;
    bottom: 25px;
    color: #fff;
    z-index: 999999;
    height: auto;
    width: 160px;
    img{
    	border-radius: 10px;
    }
}
a.contact-icon.fb-mess img {
    height: 25px;
}