/*
 * Theme Name: SCG Landing Page
 */


/*====================================================== Genaral CSS ======================================================*/

* { box-sizing: border-box; margin: 0; padding: 0;  }
body { margin: 0; padding: 0; color: #000; font-size: 20px; line-height: 30px; font-family: 'Open Sans', sans-serif; position: relative; }
section, header, footer { width: 100%; float: left; }

a { text-decoration: none; }
a:hover, a:focus { text-decoration: none; }

h2 { font-size: 80px; line-height: 80px; margin: 0 0 15px; font-weight: 600;  }

.theme_btn { text-decoration: none; background-color: #f26522; display: inline-block; padding: 24px 30px; font-weight: 600; min-width: 950px; width: auto; margin: 0 auto; text-align: center; border: 1px solid #FFF; font-size: 40px; line-height: 50px; color: #FFF; font-family: 'Open Sans', sans-serif;  }
.theme_btn:hover { border-color: #f26522; background-color: #FFF; color: #f26522; }

.container, .banner-section .execphpwidget { width: 1450px; max-width: 95%; margin: 0 auto; }

.alignleft { float: left; margin: 0 30px 30px 0; }
.alignright { float: right; height: auto; margin: 0 0 30px 30px; }
.aligncenter { display: block; margin: auto auto 20px auto; }
img { max-width: 100%; width: auto; height: auto; }

.text-center { text-align: center; }

/*====================================================== Inner Page CSS =======================================================*/

.site-header { width: 100%; float: left; position: absolute; top: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.84); padding: 10px 0 25px; }
.logo { width: auto; float: left; }
.header-right { width: auto; float: right; padding: 10px 0 0; }
.header-right-top { width: 100%; float: left; margin: 0 0 20px; }
.header-right-top .phone-number { width: auto; float: right; margin-right: 40px; }
.header-right-top .phone-number a { border: 2px solid #1fbeca; min-width: 360px; padding: 8px 15px; font-size: 25px; color: #000; line-height: normal; background-color: #1fbeca; text-align: center; display: inline-block; border-radius: 8px; }
.header-right-top .phone-number a:hover { background-color: transparent; color: #1fbeca; border-color: #1fbeca;  }
.social-icons { float: right; width: auto; }
.social-icons ul.cnss-social-icon li { margin: 0 0 0 15px !important; }

.header-right-center ul li {
    width: auto;
    float: left; 
    padding: 0 0 0 25px;
}
.header-right-center ul li:first-child { padding: 0; }
.header-right-center ul {
    margin: 0 !important;
    list-style: none;
    width: auto;
    float: right;
}
.menu-container {
    width: auto;
    float: right;
}
.header-right-center ul li a {
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
}
.header-right-bottom { float: right; width: auto; margin-top: 60px; }
.header-right-bottom { font-size:30px; line-height: 40px; font-weight: 600; color: #1fbeca; }





/**** ******/



.site-footer { width: 100%; float: left; background-color: #000; padding: 10px 0 25px; }
.footer-logo { width: auto; float: left; }
.footer-right { width: auto; float: right; padding: 10px 0 0; }
.footer-right-top { margin: 0 0 20px; display: inline-block; }
.footer-right-top .phone-number { width: auto; float: right; margin-right: 40px; }
.footer-right-top .phone-number a { border: 2px solid rgba(0,0,0,0); min-width: 360px; padding: 8px 15px; font-size: 25px; font-weight: 700; color: #FFF; line-height: normal; background-color: rgba(0,0,0,0); text-align: center; display: inline-block; border-radius: 8px; }
.footer-right-top .phone-number a:hover { background-color: transparent; color: #1fbeca; border-color: rgba(0,0,0,0);  }
.social-icons { float: right; width: auto; }
.social-icons ul.cnss-social-icon li { margin: 0 0 0 15px !important; }

.footer-right-center ul li {
    width: auto;
    display: inline-block;
    padding: 0 0 0 25px;
}
.footer-right-center ul li:first-child { padding: 0; }
.footer-right-center ul {
    margin: 0 !important;
    list-style: none;
    width: 100%;
    float: right;
}
.footer-right-center {
    width: 100%;
    float: left;
}
.menu-container {
    width: 100%;
    float: right;
    text-align: center;
}
.footer-right-center ul li a {
    font-size: 20px;
    font-weight: 700;
    color: #1fbeca;
    text-transform: uppercase;
}
.footer-right-bottom { text-align: right; margin: 40px 0; }
.footer-right-bottom a.theme_btn { padding: 16px 30px; min-width: 550px; }

.footer-logo-bottom { width: 100%; float: left; margin: 10px 0; }
.footer-logo-bottom { font-size:30px; line-height: 40px; font-weight: 600; color: #FFF; }

.copyright { width: 100%; float: left; text-align: center; }
.copyright p { color: #1fbeca; font-weight: 700; }


/*******/


.white-text { width: 100%; float: left; }
.white-text h2, .white-text p, .white-text ul li { color:  #FFF; }

.banner-section { padding: 400px 0 300px; width: 100%; float: left; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; text-align: center; }

.banner-section h2 { margin: 0 0 91px; }
.banner-section a.theme_btn { margin: 70px 0; }
.banner-section p { font-size:30px; line-height: 40px; font-weight: 600; }

.logos-section { width: 100%; float: left; background-color: #252525; text-align: center; padding: 30px 0; } 
.logos-section ul { margin: 0; padding: 0; display: table; }
.logos-section ul li { padding: 0 10px; margin: 0; list-style: none; width: auto; display: table-cell; }

.game-info-box {
    width: 25%;
    float: left;
    position: relative;
}
.game-info-box a {
    width: 100%;
    float: left;
    line-height: 0;
}
.game-info-box h2 {
    font-size: 40px;
    line-height: 50px;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #FFF;
    background-color: rgba(0,0,0,0.51);
    text-transform: uppercase;
    padding: 10px 0 20px;         
}
.game-info-box h2 strong {
    font-size: 60px;
    font-weight: 900;
    display: block;
}
.game-info-box img {
    height: 253px;
    width: 100%;
}

.love-section { width: 100%; float: left; padding: 50px 0; text-align: center; background-color: #000; }
.love-section h2 { color: #1fbeca; margin: 110px 0 100px;  }
.love-section p { font-size: 40px; font-weight: 600; line-height: 45px; color: #FFF; margin: 30px 0; }

.testimonial-section { width: 100%; float: left; padding: 60px 0 210px; background-color: #000; }
.testimonial-section h2 { color: #FFF; }
.testimonial-section article { width: 100%; float: left; margin: 40px 0; padding: 0 6%; }
.testimonial-section .article-text { font-size: 30px; line-height: 35px; margin-top: 25px; color: #FFF; text-align: center; }
.testimonial-section .article-text p { margin: 0 0 30px; }
.testimonial-section .article-img { width: 450px; float: left; }

.sample-section { width: 100%; float: left; padding: 60px 0 40px; background-color: #000; text-align: center; }
.sample-section p { font-size: 50px; color: #FFF; line-height: 75px; font-weight: 600; margin: 0 0 35px;  }
.sample-section .width-50 { padding: 0 18px; width: 50%; float: left; margin: 15px 0 15px; }


.backyard-section { width: 100%; float: left; padding: 80px 0 140px; background-color: #1fbeca; text-align: center; }
.backyard-section h2 { margin-bottom: 100px; }
.backyard-section ul { padding: 0 14%; }
.backyard-section ul li { text-align: left; list-style: none; margin: 0px 0 30px; position: relative; padding: 0 0 0 80px; }
.backyard-section ul li::before { content: ""; position: absolute; top: 0; left: 0; height: 49px; width: 49px; background: url(images/list-icon.png) no-repeat center center; background-size: 100%; }


.about-section { width: 100%; float: left; padding: 40px 0 140px; background-color: #000; text-align: center; }
.about-section h2 {
    color: #FFF;
    margin: 40px 0 60px;
    width: 100%;
    float: left;
}

.about-section p {
    margin-top: 50px;
    width: 100%;
    float: left;
}
.about-section .theme_btn {
    margin: 100px 0 0;
}

.service-section { padding: 40px 0 60px; width: 100%; float: left; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; text-align: center; }
.service-list ul li {
    width: 50%;
    float: left;
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    list-style: none;
    margin: 15px 0;
}
.list-text {
    padding: 30px 0 30px 122px;
}
.list-icon {
    width: 92px;
    float: left;
}
.service-section .section-title.text-center {
    background: #1fbeca;
    padding: 50px;
}
.service-section ul {
    margin: 0;
    padding: 0;
}
.service-list {

    margin: 0;
    width: 100%;
    float: left;

}



.contact-section { width: 100%; float: left; padding: 150px 0;  }
.contact-section .contact-form { width: 100%; float: left; padding: 50px 6%; }
.contact-section h2 {
    font-size: 60px;
    text-align: center;
}
.form-control {
    width: 100%;
    height: 80px;
    border: 1px solid #959595;
    margin: 0 0 25px;
    padding: 0 20px;
    font-size: 35px;
    color: #959595;
}
textarea.form-control { font-family: 'Open Sans', sans-serif; }
.send-btn {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    display: inherit;
    background-color: #000;
    color: #FFF;
    border: none;
    font-size: 40px;
    padding: 17px;
	text-transform: capitalize;
	cursor:pointer;
}

.home-bootom-banner { padding: 40px 0 60px; width: 100%; float: left; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; text-align: center; }
.home-bootom-banner h2 {
    color: #FFF;
    font-size: 70px;
    margin: 100px 0;
}
.page-content {
    width: 100%;
    float: left;
    padding: 120px 0;
}
.page-content h2, .page-content p {
    margin: 60px 0 60px;
}
.testimonial-section h2, .testimonial-section h2 img { vertical-align: middle; }

.mobile-menu { display: none; width: 40px; height: 40px; background-color: transparent; cursor: pointer; float: right; border: 2px solid #1fbeca; border-radius: 5px; outline: 0; padding: 5px; }
.mobile-menu span { width: 100%; float: left; border: 2px solid #1fbeca; margin: 2px 0; }
.testimonial-section h2 strong {
    display: inline-block;
	margin: 0 10px;
	font-weight:600;
}
.error-info-main {
    width: 100%;
    float: left;
    text-align: center;
    margin: 350px 0 100px;
}
.testimonial-section.testimonial-page-contant {
    width: 100%;
    float: left;
    padding: 0;
    background-color: #FFF;
}
.testimonial-section.testimonial-page-contant h2, .testimonial-section.testimonial-page-contant .article-text {
    color: #000;
}
.game-info-box a:hover h2, .game-info-box a:focus h2 {
    color: #1fbeca;
}
.game-info {
    width: 100%;
    float: left;
    margin: 30px 0;
}