/*
Theme Name: Twenty Twenty Child - Generic 8
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.1.1579507819
Updated: 2020-01-20 08:10:19

*/
body{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
}
a,
a:hover,
a:focus{
	text-decoration: none!important;
	outline: none!important;
}
.no-padding{
	padding: 0!important;
}
.main-logo a{
	color: #000;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 50px;
}
.header-number p{
	margin-bottom: 0;
}
.header-number p a{
	color: #000;
    font-weight: 600;
    font-size: 30px;
}
.header-number p a:hover,
.header-number p a:focus{
	color: #515151!important;
}
ul.primary-menu{
	justify-content: flex-start;
}
.search-toggle-wrapper{
	text-align: right;
}
.search-toggle{
	position: relative;
	left: unset;
	bottom: unset;
	top: unset;
}
.search-toggle .toggle-text{
	top: unset;
	left: -50px;
	right: unset;
	font-size: 14px;
}
.primary-menu a{
	color: #000!important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}
.primary-menu a:hover,
.primary-menu a:focus{
	color: #515151!important;
}
#site-footer{
	background: transparent;
	border: none;
	padding: 0;
}
#site-footer .footer-top{
	background: #272727;
	border: none;
}
.footer-logo{
	color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 50px;
}
.footer-logo a{
	color: #fff;
}
.footer-logo a:hover,
.footer-logo a:focus{
	color: #fff;
}
#site-footer .footer-top .content p{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #cccccc;
	font-size: 16px;
	text-transform: none;
}
#site-footer .footer-bottom{
	background: #1f1f1f;
	padding: 1em 0;
}
#site-footer .footer-bottom p{
	color: #666666;
    font-weight: normal;
    font-size: 16px;
}
.footer-menu-con{
	width: fit-content;
    margin: 0px auto;
}
.footer-main-menu h2{
	font-size: 18px;
	font-weight: bold;
	color: #999999;
	text-transform: uppercase;
	letter-spacing: 0;
    margin-top: 20px;
}
.footer-main-menu nav{
    margin-top: 1.5em;
}
.footer-main-menu nav ul{
	display: block;
	margin: 0;
}
.footer-main-menu nav ul li{
	margin: 0;
}
.footer-main-menu nav ul li a{
	color: #cccccc;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	padding: 5px 0;
}
.footer-main-menu nav ul li a:hover,
.footer-main-menu nav ul li a:focus{
	color: #fff;
}
.footer-contact h2.widget-title{
	font-size: 18px;
	font-weight: bold;
	color: #999999;
	text-transform: uppercase;
	letter-spacing: 0;
    margin-top: 20px;
}
.footer-contact .text-group {
	display: flex;
}
.footer-contact .text-group input{
	border-radius: 30px 0 0 30px;
	padding: 12px 20px;
}
.footer-contact .text-group button{
	border-radius: 0 30px 30px 0;
	padding: 12px 20px;
	background-color: #a6a6a6!important;
	color: #333333;
	font-weight: bold;
	width: 100px;
	letter-spacing: 0;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
.footer-contact .text-group button:hover,
.footer-contact .text-group button:focus{
	text-decoration: none;
	outline: none;
	color: #a6a6a6;
	background-color: #1f1f1f!important;
}
.footer-social h2.widget-title{
	margin-top: 40px;
}
.footer-social ul{
	list-style: none;
    margin: 15px 0 0;
}
.footer-social ul li{
	display: inline-block;
    margin: 0;
}
.footer-social ul li a{
	background: transparent;
	color: #cccccc;
	font-size: 20px;
    margin-right: 20px;
}
.footer-social ul li a:hover,
.footer-social ul li a:focus{
	color: #a6a6a6;
}
.footer-social ul li:last-child a{
	margin-right: 0;
}
.top-banner{

}
.top-banner .banner-con{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.top-banner .banner-content{
	padding: 170px 25%;
	/*background: #030303;*/
	background: rgba(0, 0, 0, 0.8);
}
.top-banner .banner-content h1{
	font-size: 52px;
    color: #fff;
    font-weight: bold;
}
.top-banner .banner-content .content{
    color: #999999;
    margin: 25px 0;
}
.top-banner .banner-content a{
	color: #cccccc;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	position: relative;
}
.top-banner .banner-content a:hover,
.top-banner .banner-content a:focus{
	color: #fff;
}
.top-banner .banner-content a i{
	color: #333;
	background: #fff;
	padding: 23px;
	font-size: 20px;
	width: 66px;
	height: 66px;
	text-align: center;
	border-radius: 100%;
	margin-right: 30px;
}
.top-banner .banner-content a:hover i,
.top-banner .banner-content a:focus i{
	background: #515151;
	color: #fff;
}
.section{
	padding: 5em 0;
}
.section-1{
	background: #333333;
}
.section-1 img{

}
.section-1 h4{
	font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 21px;
    margin: 20px 0;
}
.section-1 .content{
    color: #cccccc;
}
.section.section-2{
	padding: 0;
}
.section-2 .left-content{
	padding: 100px 25%;
}
.section-2 .left-con h2{
	font-weight: bold;
	color: #000;
	font-size: 52px;
	line-height: 58px;
}
.section-2 .left-con .content{
	color: #666666;
    margin: 10px 0;
}
.section-2 .left-con a{
	color: #333333;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline!important;
    margin-top: 15px;
    display: inline-block;
}
.section-2 .left-con a:hover,
.section-2 .left-con a:focus{
	color: #000;
}
.section-2 .right-con{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.section-3{
	background: #e6e6e6;
}
.logo-slider img{
	margin: 0px auto;
}
button.close-nav-toggle,
button.toggle{
	outline: none!important;
	box-shadow: none!important;
}
button.close-nav-toggle .toggle-text{
	display: none;
}
.modal-menu > li > a, 
.modal-menu > li > .ancestor-wrapper > a{
	color: #000;
	text-transform: uppercase;
}
@media only screen and (max-width: 1600px) {
	.top-banner .banner-content,
	.section-2 .left-content{
		padding-left: 24%;
		padding-right: 24%;
	}
}
@media only screen and (max-width: 1500px) {
	.top-banner .banner-content,
	.section-2 .left-content{
		padding-left: 22%;
		padding-right: 22%;
	}
}
@media only screen and (max-width: 1300px) {
	.top-banner .banner-content,
	.section-2 .left-content{
		padding-left: 20%;
		padding-right: 20%;
	}
}
@media only screen and (max-width: 1250px) {
	.top-banner .banner-content,
	.section-2 .left-content{
		padding-left: 18%;
		padding-right: 18%;
	}
}
@media only screen and (max-width: 999px) {
	.header-number p{
		display: none;
	}
	.header-search .search-toggle-wrapper{
		display: none;
	}
	.top-banner .banner-content,
	.section-2 .left-content{
	    padding: 100px 20%;
	}
}
@media only screen and (max-width: 991px) {
	.top-banner .banner-con .col-md-6{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.top-banner .banner-content{
		text-align: center;
	}
	.section-2 .row{
		position: relative;
	}
	.section-2 .left-con{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		z-index: 2;
		background: rgba(255, 255, 255, 0.7);
		text-align: center;
	}
	.section-2 .right-con{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		height: 100%;
		position: absolute;
	}
	.footer-social ul li a{
	    margin-right: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.top-banner .banner-content,
	.section-2 .left-content{
	    padding: 100px 10%;
	}
	.section-1 .blurb-con{
		margin-bottom: 2em;
	}
	.section-1 .blurb-con:last-child{
		margin-bottom: 0;
	}
	.section-1 .blurb{
		text-align: center;
	}
	.section-1 img{
		margin: 0px auto;
	}
	.footer-logo{
		margin-bottom: 25px;
	}
	.footer-main-menu{
		text-align: center;
		margin-bottom: 25px;
	}
	.footer-contact{
		text-align: center;
	}
}
@media only screen and (max-width: 576px) {
	.top-banner .banner-content h1,
	.section-2 .left-con h2{
		font-size: 48px;
	}
}
@media only screen and (max-width: 414px) {
	.top-banner .banner-content h1,
	.section-2 .left-con h2{
		font-size: 44px;
	}
}