/*
Theme Name: Twenty Twenty Child - Generic3
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks,accessibility-ready
Version: 1.0.1575269007
Updated: 2019-12-02 06:43:26

*/
body{
	font-family: 'Montserrat', sans-serif;
	background-color: #000;
	letter-spacing: 0;
}
a:hover,
a:focus{
	text-decoration: none;
	outline: none;
}
#site-header{
	background: #363636;
}
#site-footer{
	background: #363636;
	padding: 0;
}
#site-header .main-logo a,
#site-footer .footer-logo a {
    font-size: 40px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -2px;
    color: #ccc;
    text-decoration: none;
}
#site-header .header-phone a,
#site-footer .footer-phone a{
	font-size: 18px;
    color: #fff;
    font-weight: 500;
}
#site-header .header-phone a:hover,
#site-header .header-phone a:focus,
#site-footer .footer-phone a:hover,
#site-footer .footer-phone a:focus{
	color: #6d6d6d;
	text-decoration: none;
}
#site-header .primary-menu,
#site-footer .footer-menu{
	align-items: center;
    justify-content: center;
    letter-spacing: 0;
    margin: 0;
}
#site-header .primary-menu > li,
#site-footer .footer-menu > li{
	margin: 0;
	padding: 0 10px;
}
#site-header .primary-menu > li a,
#site-footer .footer-menu > li a{
    color: #cccccc;
    font-weight: 500;
    font-size: 15px;
}
#site-header .primary-menu > li a:hover,
#site-header .primary-menu > li a:focus,
#site-footer .footer-menu > li a:hover,
#site-footer .footer-menu > li a:focus{
	text-decoration: none;
	color: #6d6d6d;
}
.top-banner{
	background: #252525;
}
.top-banner .row{
	min-height: 650px;
}
.banner-content{

}
.banner-content h1{
	color: #ccc;
	font-size: 50px;
	line-height: 65px;
	font-weight: normal;
	margin-bottom: 0;
	position: relative;
    letter-spacing: 0;
}
.banner-content h1:after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 0;
	border: 3px solid #fff;
	width: 155px;
}
.banner-content h1 span{
	font-weight: 600;
}
.home-section-1{
    gap: 0px;
}
.home-section-1 .item-con{
	background: #363636;
	padding: 3em 10em;
    text-align: center;
}
.home-section-1 .item-con:nth-child(4n+0),
.home-section-1 .item-con:nth-child(4n+1){
    background: #484848;
}
.home-section-1 .item-con .icon img{
	margin: 0px auto;
}
.home-section-1 .item-con h3{
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #cccccc;
	margin: 1em 0 10px;
}
.home-section-1 .item-con .content{
	padding: 0 10em;
	font-size: 15px;
	color: #cccccc;
}
.home-section-2{
	background: #252525;
}
.home-section-2 .container{
    margin: auto;
}
.home-section-2 .content{
	text-align: center;
	padding-top: 7em;
	padding-bottom: 7em;
}
.home-section-2 .content h2{
	color: #ccc;
    font-size: 50px;
    line-height: 65px;
    font-weight: normal;
    margin-bottom: 0;
    position: relative;
    letter-spacing: 0;
}
.home-section-2 .content h2 span{
	position: relative;
}
.home-section-2 .content h2 span:after{
	content: '';
	position: absolute;
    bottom: 0;
    left: 0;
    border: 2px solid #ccc;
    width: 100%;
}
.home-section-2 .content .button-action a{
	font-weight: 700;
	background: #ddd;
	color: #252525;
	font-size: 20px;
	display: inline-block;
	padding: 10px 45px;
	border-radius: 50px;
	letter-spacing: 0;
	margin-top: 30px;
}
.home-section-2 .content .button-action a:hover,
.home-section-2 .content .button-action a:focus{
	background: #484848;
    color: #ccc;
}
.home-section-3 {
	background: #484848;
	padding: 5em 0;
}
.home-section-3 .container{
    margin: auto;   
}
.home-section-3 h2{
	color: #ccc;
    font-size: 40px;
    line-height: 55px;
    font-weight: normal;
    margin-bottom: 1em;
    position: relative;
    letter-spacing: 0;
    text-align: center;
}
.home-section-3 .item-con{
	padding: 0 5px;
	margin-bottom: 5em;
}
.home-section-3 .item-con h3{
	font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #cccccc;
    padding: 0 20px;
    position: relative;
	margin-top: 25px;
    margin-bottom: 22px;
    padding-bottom: 25px;
}
.home-section-3 .item-con h3:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 50%;
	border: 3px solid #7d7d7d;
}
.home-section-3 .item-con .content{
    font-size: 15px;
    color: #cccccc;
    padding: 0 20px;
}
.loadmore,
.loadless{
	text-align: center;
}
.loadmore a,
.loadless a{
	color: #cccccc;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 500;
}
.loadmore a:hover,
.loadmore a:focus,
.loadless a:hover,
.loadless a:focus{
	color: #7d7d7d;
}
.loadmore a img,
.loadless a img{
	display: inline-block;
	width: 28px;
	vertical-align: middle;
	margin-top: -3px;
}
.nav-toggle svg{
	fill: #ccc;
}
.toggle-inner .toggle-text{
	color: #ccc!important;
}
.menu-modal-inner{
	background: #363636;
}
button.close-nav-toggle{
	outline: none;
	box-shadow: none;
    text-decoration: none!important;
}
button.close-nav-toggle .toggle-text,
button.close-nav-toggle svg{
	color: #ccc;
}
.mobile-menu .modal-menu li{
	border-color: #252525;
}
.mobile-menu .modal-menu li a{
    color: #ccc;
    font-weight: normal;
}
.mobile-menu .modal-menu li a:hover,
.mobile-menu .modal-menu li a:focus{
	color: #6d6d6d;
	text-decoration: none;
}

/*******************************************
********************************************
*******************************************/
.d-none{
	display: none!important;
}
.margin-top-0{
	margin-top: 0!important;
}
.margin-0{
	margin: 0!important;
}
.padding-0{
	padding: 0!important;
}
.post-58 .entry-header{
	display: none;
}
.post-58 .post-inner{
	padding-top: 0;
}
.post-58 .banner-content{
	min-height: 650px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.post-58 .banner-content h2{
	color: #ccc;
	font-size: 50px;
	line-height: 65px;
	font-weight: normal;
	margin-bottom: 0;
	position: relative;
	letter-spacing: 0;
}
.post-58 .banner-content h2:after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 0;
	border: 3px solid #fff;
	width: 155px;
}
.post-58 .banner-content h2 strong{
	font-weight: 600;
}
.post-58 .home-section-1 .item-con{
	flex-basis: 50%;
    padding: 1.5em 4em;
}
.post-58 .home-section-1.section-1-2 .item-con{
	background: #484848;
}
.post-58 .home-section-1.section-1-2 .item-con:nth-child(4n+0),
.post-58 .home-section-1.section-1-2 .item-con:nth-child(4n+1){
	background: #363636;
}
.post-58 .home-section-1 .item-con figure{
	margin-top: 0;
	margin-bottom: 0;
}
.post-58 .home-section-1 .item-con p{
	font-family: 'Montserrat', sans-serif;
}
.post-58 .home-section-1 .item-con p:last-child{
	margin-bottom: 1rem;
}
.post-58 .home-section-2 .container{
	padding-top: 4em;
    padding-bottom: 4em;
}
.post-58 .home-section-2 h2{
	color: #ccc;
    font-size: 50px;
    line-height: 65px;
    font-weight: normal;
    margin-bottom: 0;
    position: relative;
    letter-spacing: 0;
    margin-top: 0;
}
.post-58 .home-section-2 h2 strong{
	position: relative;
}
.post-58 .home-section-2 h2 strong:first-child:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	border: 2px solid #ccc;
	width: 100%;
}
.post-58 .home-section-2 .wp-block-button a{
	margin-top: 30px;
	font-weight: 700;
	font-size: 20px;
	padding: 10px 45px;
	letter-spacing: 0;
}
.post-58 .home-section-2 .wp-block-button a:hover,
.post-58 .home-section-2 .wp-block-button a:focus{
	background: #484848!important;
	color: #ccc!important;
	text-decoration: none;
}
.post-58 .home-section-3{
	padding: 2.5em 0;
}
.post-58 .home-section-3 h2{
	margin: 0 0 1em;
}
.post-58 .home-section-3 .items-con .item-con{
	display: none;
}
.post-58 .home-section-3 .items-con .item-con:first-child{
	display: flex;
}
.post-58 .home-section-3 .items-con .moreBox{
	margin-left: 0;
	padding: 0 5px;
	margin-bottom: 3em;
}
.post-58 .home-section-3 .items-con .moreBox figure{
	margin-bottom: 0;
}
.post-58 .home-section-3 .items-con .moreBox h3{
	font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #cccccc;
    padding: 0 20px 25px;
    position: relative;
    margin-top: 25px!important;
    margin-bottom: 22px!important;
}
.post-58 .home-section-3 .items-con .moreBox h3:after{
	content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 50%;
    border: 3px solid #7d7d7d;
}
.post-58 .home-section-3 .items-con .moreBox p{
	font-size: 15px;
    color: #cccccc;
    padding: 0 20px;
    margin-bottom: 1rem;
    font-family: 'Montserrat', sans-serif;
}
.post-58 .home-section-3 .items-con .moreBox p:last-child{
	margin-bottom: 0;
}
.post-58 .home-section-3 .loadmore,
.post-58 .home-section-3 .loadless{
	margin: 0!important;
}
.post-58 .home-section-3 .loadmore a,
.post-58 .home-section-3 .loadless a{
	color: #cccccc;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    border: none;
    position: relative;
    text-decoration: none!important;
    padding: 0;
}
.post-58 .home-section-3 .loadmore a:hover,
.post-58 .home-section-3 .loadless a:hover{
    color: #7d7d7d;
}
.post-58 .home-section-3 .loadmore a:after{
	content: "\f078";
	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;
}
.post-58 .home-section-3 .loadless a:after{
	content: "\f077";
	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;
}
.post-58 .home-section-3 .loadless{
	display: none;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media only screen and (max-width: 1750px) {
	.home-section-1 .item-con .content{
		padding: 0 8em;
	}
}
@media only screen and (max-width: 1700px) {
	.home-section-1 .item-con .content{
		padding: 0 6em;
	}
}
@media only screen and (max-width: 1550px) {
	.home-section-1 .item-con .content{
		padding: 0 4em;
	}
}
@media only screen and (max-width: 1440px) {
	.home-section-1 .item-con .content{
		padding: 0;
	}
}
@media only screen and (max-width: 1300px) {
	.home-section-1 .item-con{
		padding: 3em 5em;
	}
}
@media only screen and (max-width: 1199px) {
	
}
@media only screen and (max-width: 999px) {
	.header-phone{
		display: none;
	}
	#site-footer .footer-menu{
		display: flex;
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 991px) {
	.home-section-1 .container-fluid{
		padding-right: 15px!important;
		padding-left: 15px!important;
	}
	.home-section-1 .item-con{
		padding: 3em 3em;
	}
}
@media only screen and (max-width: 767px) {
	.home-section-1 .item-con .content-con{
		max-width: 540px;
		margin: 0px auto;
	}
	.home-section-1 .item-con{
	    background: #363636!important;
	}
	.home-section-1 .item-con:nth-child(odd){
		background: #484848!important;
	}
	#site-footer .footer-menu > li{
		width: 100%;
		text-align: center;
	}
	.home-section-2 .content h2 span strong{
		text-decoration: underline;
	}
	.home-section-2 .content h2 span:after{
		display: none;
	}
	.post-58 .banner-content{
		min-height: 550px;
	}
	.post-58 .home-section-1 .item-con{
		flex-basis: 100%;
		padding: 2em;
	}
	.post-58 .home-section-3 .items-con .moreBox{
		flex-basis: 100%;
	}
}

@media only screen and (max-width: 414px) {
	.top-banner .row{
	    min-height: 550px;
	}
	.banner-content h1{
		font-size: 40px;
		line-height: 55px;
	}
	.home-section-2 .content{
		padding-top: 5em;
		padding-bottom: 5em;
	}
	.home-section-2 .content h2{
		font-size: 40px;
		line-height: 55px;
	}
	.home-section-2 .content .button-action a{
		font-size: 18px;
	}
	.home-section-3 h2{
		font-size: 34px;
		line-height: 48px;
	}
	.home-section-3 .item-con{
		padding: 0 15px;
	}
	.home-section-3 .item-con h3{
		padding: 0 0 25px;
	}
	.home-section-3 .item-con h3:after{
		left: 0;
	}
	.home-section-3 .item-con .content{
		padding: 0;
	}
	.post-58 .top-banner .container{
		padding: 0;
		margin: 0;
	}
	.post-58 .banner-content,
	.post-58 .top-banner .wp-block-column{
		margin-bottom: 0;
	}
	.post-58 .banner-content h2{
		font-size: 40px;
		line-height: 55px;
	}
	.post-58 .home-section-2 h2{
		font-size: 40px;
		line-height: 55px;
	}
	.post-58 .home-section-3 .items-con .moreBox h3{
		padding: 0 0 25px;
	}
	.post-58 .home-section-3 .items-con .moreBox p{
		padding: 0;
	}
}