/*
Theme Name: WEB173
Description: Web in ấn
Author: 123Web.vn
Author URI: https://123web.vn/
Template: flatsome
Version: 3.0
*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Oswald:300,400,500,600,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=vietnamese);
@font-face {
    font-family: 'SVN-Gotham Light';
    font-weight: 300;
    src: url('assets/font/SVN-Gotham Light.ttf');
}
@font-face {
    font-family: 'SVN-Gotham Bold';
    font-weight: 700;
    src: url('assets/font/SVN-Gotham Bold.ttf');
}
/*************** ADD CUSTOM CSS HERE.   ***************/
#header-contact li>a>i {
	border: 2px solid #e90900;
	color: #e90900;
	width: 33px;
	border-radius: 50%;
	padding: 5px 0;
	text-align: center;
	background: #fff;
}

#header-contact li>a {
	padding: 0;
	background: #e90900;
	color: #fff !important;
	padding-right: 15px;
	border-radius: 30px 0 0 30px;
	font-size: 16px;
	line-height: inherit;
	animation: glowing-btn-yellow 2s infinite;
}

@keyframes glowing-btn-yellow {
	0% {
		box-shadow: 0 0 0 0 #e90900;
	}
	100% {
		box-shadow: 0 0 0 8px rgba(233, 9, 0, 0);
	}
}
/*** HEADER ***/
#wide-nav .social-icons {
    min-height: 58px;
    line-height: 58px;
    background: #124d80;
}
#wide-nav .social-icons a {
	margin: 0;
}
#wide-nav .social-icons a i {
    width: 50px !important;
    text-align: center;
}

.has-dropdown .icon-angle-down {
    display: none;
}
/*** HOME ***/
.slider-home h1 {
	font-size: 4.5rem;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
	color: #333;
	line-height: 1.2;
}
.slider-home p {
    font-family: 'SVN-Gotham Light';
    font-weight: bold;
	font-size: 1.5rem;
}

.ss-services h4, .ss-services h2 {
    font-family: 'SVN-Gotham Bold';
}
.ss-services h2 {
	font-size: 3rem;
}
.ss-services p {
    font-family: 'SVN-Gotham Light';
	font-weight: bold;
}

.ss-services {
	background-image: url(/wp-content/uploads/2020/04/bg6.png);
}
.ss-services .is-divider {
    display: none;
}
.ss-services .post-item > .col-inner {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}
/*** about ***/
.ss-about h4, .ss-about h2 {
    font-family: 'SVN-Gotham Bold';
}
.ss-about h2 {
	font-size: 3rem;
}
.ss-about p {
    font-family: 'SVN-Gotham Light';
	font-weight: bold;
}
.ss-about .col-left .img {
    transform: scale(1.25);
}
.ss-about {
    background: url(/wp-content/uploads/2020/05/bg-demo.png) no-repeat top right;
	background-size: contain;
}
.ss-about .section-bg {
    background: rgba(96,140,177,0.5);
    background-image: linear-gradient(120deg, rgba(18,90,152,1) 0%, rgba(18,90,152,1) 70%, rgba(255,255,255,0.2) 200%);
}
.btn-yellow {
	color: #FFF !important;
    background: #FFCB09 !important;
}
/*** why ***/
.ss-why {
	background-image: url(/wp-content/uploads/2020/05/bg6.png);
}
.ss-why h4, .ss-why h2 {
    font-family: 'SVN-Gotham Bold';
}
.ss-why h2 {
	font-size: 1.5rem;
}
.ss-why p {
    font-family: 'SVN-Gotham Light';
	font-weight: bold;
}
/*** news home ***/
.ss-news h4, .ss-news h2 {
    font-family: 'SVN-Gotham Bold';
}
.ss-news h2 {
	font-size: 1.5rem;
}
.ss-news p {
    font-family: 'SVN-Gotham Light';
	font-weight: bold;
}
/*** LINE HEAD HOME ***/
.ss-why h2:before, .ss-services h2:before {
    position: absolute;
    content: '';
    height: 4px;
    width: 7.5rem;
    background: #125a98;
    bottom: -20px;
    left: calc(50% - 3.75rem);
}
.ss-why h2:after, .ss-services h2:after {
    position: absolute;
    content: '';
    height: 4px;
    width: 3.75rem;
    background: #ffcb09;
    bottom: -20px;
    left: calc(50% - 3.75rem);
}
/*** WIDGET ***/
.widget .news-list h5 {
    background: url(/wp-content/themes/web173/assets/img/arrow-left.png) no-repeat left 5px;
    padding-left: 25px;
}
.widget .news-list h5:hover {
	color: #ff0000;
}
.widget .is-divider {
    display: none;
}
.widget .news-list .box-text {
    padding: 0;
    margin: 0;
}
.widget .news-list .col.post-item {
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget h5 {
	font-weight: normal !important;
}

/*** FOOTER ***/
#footer ul li {
    font-size: 13px;
    margin-bottom: 0.2px;
}

#footer h4 span {
    color: #ffcb09;
    font-family: 'SVN-Gotham Bold';
    font-size: 21px;
}
#footer h4 span {
	text-transform: capitalize !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.ss-services h2 {
		font-size: 30px;
	}
	.ss-about h2 {
		font-size: 30px;
	}

}