/*
Theme Name: gotspace
Theme URI: http://dharmeshs.sg-host.com/
Author: gotspace
Author URI: http://dharmeshs.sg-host.com/
Description: gotspace Version 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, full-width-template,  rtl-language-support, sticky-post
Text Domain: gotspace
*/

body
{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
    font-family: 'Titillium Web', sans-serif;
}
.padding {
    padding: 0;
}

/******************* Header section **************************/

.header{
    width: 100%;
    float: left;
    margin: 0;
    padding: 15px 0;
    border-top: 2px solid #EA8100;
}
.header p{
    width: 100%;
    float: left;
    text-align: right;
    margin: 0;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.48px;
    color: #3D3D3D;
}
.call-top{
    padding-top: 18px;
    padding-bottom: 18px;
}

/* ********************** Slider Section ********************** */

.slider-inner{
    margin: 0 !important;
}

/* ********************** About Us Section ********************** */

.aboutus-sec{
    padding-top: 70px;
    padding-bottom: 70px;
}
.aboutus-sec h2 {
    margin: 0;
    font-size: 48px;
    font-family: 'Montserrat', sans-serif;
    line-height: 58px;
    font-weight: 700;
    letter-spacing: 1.44px;
    padding: 0 0 30px;
}
.aboutus-sec h2:after {
    content: "";
    display: block;
    width: 114px;
    height: 2px;
    margin: 0px auto 0;
    background-color: #2B65EB;
}
.aboutus-sec p {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.36px;
    color: #4D4D4D;
    margin: 0;
    padding: 0 40px 15px;
    font-weight: 600;
}
.aboutus-sec p:last-child{
    padding-bottom: 0;
}

/* ********************** Gotspace Services Section ********************** */

.gotspace-content-sec {
    padding: 0 22% 0 8% !important;
    height: 651px;
    background-color: #f7f2ee;
    display: flex;
    align-items: center;
}
.gotspace-development .gotspace-content-sec {
    height: 861px;
}
.gotspace-content-sec .vc_column-inner{
    z-index: 9;
}
.gotspace-righht-content {
    padding: 0 7% 0 23.5% !important;
}
.gotspace-content-sec h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: 1.6px;
    font-weight: 700;
    padding: 0 0 10px;
    margin: 0;
}
.gotspace-content-sec h2{
    font-size: 48px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: 1.44px;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0 0 25px;
    color: #3D3D3D;
}
.gotspace-content-sec h2 img{
    display: inline-block;
    padding-left: 10px;
}
.gotspace-content-sec p{
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.36px;
    color: #4D4D4D;
    margin: 0;
    padding: 0 0 15px;
    font-weight: 600;
}
.gotspace-content-sec p:last-child{
    padding: 0;
}
.gotspace-gallery-sec {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
}
.gotspace-gallery-sec .tparrows:before{
    font-size: 35px;
}
.gotspace-gallery-sec .tparrows{
    background: transparent;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 3px 0;
}
.gotspace-gallery-sec .tp-rightarrow{
    left: 96.5% !important;
}
.gotspace-gallery-sec .tp-leftarrow{
    left: 3.5% !important;
}
.gotspace-gallery-sec .tparrows:hover {
    background: rgba(0,0,0,0.5);
}
.gotspace-services{
    padding-bottom: 50px;
}
.gotspace-future{
    padding-bottom: 70px;
}
.gotspace-future .gotspace-content-sec{
    padding: 0 18% 0 8% !important;
}
.gotspace-gallery-right .slider-inner{
    padding-left: 15px;
}
gotspace-gallery-left .slider-inner{
    padding-right: 15px;
}

/*********************** CTA Section ***************************/

.looking-space-sec{
    padding-top: 70px;
    padding-bottom: 70px;
}
.contact-form-sec{
    padding: 0 71px !important;
}
.looking-space-sec h2{
    font-size: 46px;
    font-weight: 600;
    margin: 0 0 15px;
    line-height: 58px;
    letter-spacing: 1.38px;
    background-color: #00000078;
    padding: 0 0 10px;
}
.contact_input, .contact_message{
    width: 100%;
    float: left;
    margin: 0 0 10px;
    border: none;
    font-size: 14px;
    color: #3C3C3C;
    font-weight: 300;
    padding: 5px 15px 17px;
}
.contact_message{
    height: 96px;
}
.submit_btn{
    border: none;
    background-color: #2B65EB;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    display: inline-block;
    letter-spacing: 0.36px;
    padding: 9px 25px;
}
.contact-form-sec .wpcf7-response-output {
    width: 100%;
    float: left;
    margin: 20px 0 0 !important;
    background-color: #00000078;
    color: #fff;
}
.contact-form-sec .wpcf7-not-valid-tip {
    float: left;
    font-size: 11px;
    font-weight: 600;
    background-color: #00000087;
    margin: 0 0 20px;
    padding: 0 5px 2px;
    width: 100%;
}
.contact-form-sec .ajax-loader{
    display: none !important;
}

/* ******************* Footer Section ******************* */

.footer {
    width: 100%;
    float: left;
    margin: 0;
    padding: 40px 0 13px;
    border-bottom: 2px solid #EA8100;
    background-color: #F7F2EE;
}
.footer-add p{
    margin: 0;
    font-size: 18px;
    color: #4D4D4D;
    font-weight: 600;
    letter-spacing: 0.36px;
    line-height: 30px;
}
.footer-add {
    width: 100%;
    float: left;
    padding: 18px 0 10px;
}
.footer-add:after {
    content: "";
    display: block;
    background-color: #2B65EB;
    height: 2px;
    width: 114px;
    margin: 20px auto 0;
}
.footer h6{
    margin: 0;
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.28px;
    line-height: 30px;
    color: #3C3C3C;
}

/* **************************** Responsive ******************************* */

@media all and (min-width: 320px) and (max-width: 480px){
    .header{ padding: 12px 0 15px; }
    .logo img{ margin: 0 auto; }
    .call-top { padding-top: 15px; padding-bottom: 0; }
    .header p{ font-size: 22px; text-align: center; }
    .aboutus-sec { padding-top: 40px; padding-bottom: 40px; }
    .aboutus-sec h2 { font-size: 33px; padding: 0 0 20px; line-height: 48px; }
    .aboutus-sec p { padding: 0; font-size: 16px; line-height: 29px; }
    .gotspace-content-sec{ padding: 40px 15px 80px !important; height: auto; }
    .gotspace-gallery-sec{ position: unset; transform: none; margin: -50px 0 0; }
    .gotspace-gallery-right .slider-inner { padding: 0 15px; }
    .gotspace-gallery-left .slider-inner { padding: 0 15px; }
    .gotspace-content-sec h3{ text-align: center !important; font-size: 21px; letter-spacing: 0.5px; line-height: 32px; }
    .gotspace-content-sec h2 { font-size: 25px; text-align: center !important; letter-spacing: 1px; line-height: 41px; padding: 0 0 10px; }
    .gotspace-content-sec h2 img { padding: 10px 0 0; display: block; margin: 0 auto; }
    .gotspace-content-sec p{ font-size: 16px; text-align: center; line-height: 29px; }
    .gotspace-gallery-sec .tp-leftarrow { left: 0 !important; }
    .gotspace-gallery-sec .tparrows:before { font-size: 27px; }
    .gotspace-gallery-sec .tp-rightarrow { left: 100% !important; }
    .gotspace-future .gotspace-content-sec { padding: 40px 15px 80px !important; }
    .gotspace-future { padding-bottom: 50px; }
    .looking-space-sec { padding-top: 50px; padding-bottom: 50px; text-align: center; }
    .contact-form-sec { padding: 0 !important; }
    .looking-space-sec h2{ font-size: 30px; line-height: 40px; padding: 0 10px 6px; width: auto; display: inline-block; }
    .contact-form-sec .wpcf7-not-valid-tip{ text-align: left; }
}

@media all and (min-width: 481px) and (max-width: 640px){
    .header{ padding: 12px 0 15px; }
    .logo img{ margin: 0 auto; }
    .call-top { padding-top: 15px; padding-bottom: 0; }
    .header p{ font-size: 22px; text-align: center; }
    .aboutus-sec { padding-top: 40px; padding-bottom: 40px; }
    .aboutus-sec h2 { font-size: 33px; padding: 0 0 20px; line-height: 48px; }
    .aboutus-sec p { padding: 0; font-size: 16px; line-height: 29px; }
    .gotspace-content-sec{ padding: 40px 15px 80px !important; height: auto; }
    .gotspace-gallery-sec{ position: unset; transform: none; margin: -50px 0 0; }
    .gotspace-gallery-right .slider-inner { padding: 0 15px; }
    .gotspace-gallery-left .slider-inner { padding: 0 15px; }
    .gotspace-content-sec h3{ text-align: center !important; font-size: 21px; letter-spacing: 0.5px; line-height: 32px; }
    .gotspace-content-sec h2 { font-size: 25px; text-align: center !important; letter-spacing: 1px; line-height: 41px; padding: 0 0 10px; }
    /*.gotspace-content-sec h2 img { padding: 10px 0 0; display: block; margin: 0 auto; }*/
    .gotspace-content-sec p{ font-size: 16px; text-align: center; line-height: 29px; }
    .gotspace-gallery-sec .tp-leftarrow { left: 0 !important; }
    .gotspace-gallery-sec .tparrows:before { font-size: 27px; }
    .gotspace-gallery-sec .tp-rightarrow { left: 100% !important; }
    .gotspace-future .gotspace-content-sec { padding: 40px 15px 80px !important; }
    .gotspace-future { padding-bottom: 50px; }
    .looking-space-sec { padding-top: 50px; padding-bottom: 50px; text-align: center; }
    .contact-form-sec { padding: 0 !important; }
    .looking-space-sec h2{ font-size: 30px; line-height: 40px; padding: 0 10px 6px; width: auto; display: inline-block; }
    .contact-form-sec .wpcf7-not-valid-tip{ text-align: left; }
}