/*
 Theme Name:     Specular Child
 Theme URI:      http://codeless.co
 Description:    Specular Child Theme
 Author:         Codeless
 Author URI:     http://www.codeless.co
 Template:       specular
 Version:        1.0.0
*/
/*Start Font css*/

@font-face {
    font-family: Brandon;
    src: local('Brandon Black'), local(' -Black'), url(fonts/BrandonText-Black.otf)
}
@font-face {
    font-family: BrandonText-Bold;
    src: local('Brandon Black'), local(' -Black'), url(fonts/BrandonText-Bold.otf)
}
@font-face {
    font-family: Brandon-light;
    src: local('Brandon light'), local('Brandon-light'), url(fonts/BrandonText-Light.otf)
}
@font-face {
    font-family: Brandon-medium-italic;
    src: local('Brandon MediumItalic'), local('Brandon-MediumItalic'), url(fonts/BrandonText-MediumItalic.otf)
}
@font-face {
    font-family: Brandon text medium;
    src: local('Brandon text medium'), local('Brandon-text-medium'), url(fonts/BrandonText-Medium.otf)
}
@font-face {
    font-family: Brandon text regular;
    src: local('Brandon text regular'), local('Brandon-text-regular'), url(fonts/BrandonText-Regular.otf)
}
@font-face {
    font-family: Brandon bold italic;
    src: local('Brandon text bolditalic'), local('Brandon-text-bolditalic'), url(fonts/BrandonText-BoldItalic.otf)
}
.Brandon {
    font-family: Brandon
}
.Brandon-bold {
    font-family: BrandonText-Bold
}
.Brandon-light {
    font-family: Brandon-light
}
.Brandon-medium-italic {
    font-family: Brandon-medium-italic
}
.Brandon-text-medium {
    font-family: Brandon text medium
}
.Brandon-text-regular {
    font-family: Brandon text regular
}
.Brandon-bold-italic {
    font-family: Brandon bold italic
}

h1, h2, h3, h4, h5, h6, .skill_title {
    font-family: Brandon text medium !important;
}


/*Fonts css*/

body{font-family: Brandon text regular !important;  line-height: 1.3;}
.header_8 nav .menu>li>a {margin-top: 0px;}
/*HEAder css*/
nav .menu > li > a{ text-transform:uppercase !important; font-family: BrandonText-Bold !important; font-size: 14px !important;   letter-spacing: 1px !important; color: #6f6f6f !important;}
nav .menu li > ul.sub-menu li{font-family: BrandonText-Bold !important;     font-size: 12px !important;}
button{ font-family: Brandon !important;}
/*End HEAder css*/
#footer .span3 .textwidget > span{position: relative;/* margin-bottom: 10px; */ line-height: 1.7; font-size: 16px;}
#footer .span3 .textwidget > span > i{position: absolute;
    left: -24px;
    top: 4px;
    font-size: 15px;
    color: #8b8a8a;}
footer#footer .widget-title{font-size: 20px;}
footer .inner .widget ul li{margin: 0;
    float: left;
    width: 100%;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;}
.margin-left-zero{margin-left: 0px !important;}
.wpcf7-form-control-wrap input[type="text"], 
.wpcf7-form-control-wrap input[type="email"], 
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form-control-wrap textarea
{    
   background: #ececec;
   border: 1px solid #d1cfcf !important;
}
.btn-contact{ background-color: #ec3136 !important; color: #fff !important; border: none !important;}
.btn-contact:hover{background-color: #ec3136 !important;}

.wpb_content_element.button{float: none !important;}
div.wpcf7-validation-errors {display:none !important;}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
    margin-top: -12px;
}
.twoline-heading{position:relative;}
.twoline-heading:after{content: '';
    position: absolute;
    width: 25%;
    height: 10px;
    border-bottom: 3px solid #EAB893;
    bottom: -17px;
    left: 36%;}
ol li{font-weight: 600; margin: 10px 0px}
.home-contact-row .wpcf7{padding: 0px 120px !important;}
.home #content{padding-bottom: 0px;}
.portfolio_single .content{display:none;}
.WhiteTxt{color:#FFF !important;}


/****** SERVICES PAGE CSS *******/
.services-listing a:hover{color:inherit !important;}
.services-listing h4{line-height: 17px; font-size: 16px; margin-top: 4px;}

/****** CONTACT PAGE CSS ******/
.GreyText{color:#777575 !important;}

.quotes-writer{  
    margin: 27px 0px 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 18px;}

.open-quote, .close-quote{
    font-size:48px !important;
    margin-right: 10px;
    display:inline-block; 
}
.close-quote{
    margin-left: 10px;
}
/***************** GENEAL CSS *****************/
.vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat
{
    background-color: #ec3136 !important;
}
.vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat:hover
{
    background-color: #ec3136 !important;
}
.tagline{margin-top: 25px;}
#header .span4 {
    font-style: italic;
    left: 18%;
    top: 14px;
    position: absolute;
    font-size: 17px;
}
/***************** GENEAL CSS *****************/

/*===================Home Page CSs========================*/
.vc_pageable-load-more-btn {
    display : none;
}
.text-slider-wrapper{position: absolute;
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 9999999;}
.short-desc{font-size: 18px !important; line-height: 30px;}


/*===============End Home Page========================*/
/*===============start Services page css========================*/

/*.services_medium.style_1:hover .icon_wrapper, 
.services_medium.style_3:hover .icon_wrapper,
.services_medium.style_1 .icon_wrapper{}
    background:initial !important; 
}*/
.services-listing h5{font-size: 14px;}
.services-listing .services_media .overlay{width: 80px; margin: auto;}
 .services-listing .services_media .overlay img{ height: 60px; width: initial !important;}
.services-listing {text-align: center;}
.services-listing .first-services-listing .services_media { padding-left: 98px; padding-left: 85px;}


/*===============End Services page css========================*/
/*===============Strat About us css========================*/
.header_page{ position: relative;}
.header_page .overlay{position: absolute;
        background-color: rgba(0, 0, 0,0.5);
        top:0px ;
        left:0px;
        right:0px;
        bottom: 0px;
}

.profile-info .wpb_content_element p{line-height: 0px;}
.about-us-content .section-style{padding-top: 0px !important; display: inline-block; width: 100%; margin-top: 80px; padding-bottom: 20px;}
.about-us-content{padding-bottom: 0px !important;}
.profile-info .media{
        padding: 20px;
    width: 180px;
    background-color: #fff;
    position: absolute;
    top: -160px;
    
}

.profile-info .wpb_content_element h1
{
    border-bottom: 1px solid #ececec;
     padding-bottom: 25px;
    
}
.about-us-content{padding-top: 40px !important;}
.about-us-content{ background-color: #f5f5f5 !important;}
   .profile-info{ position: relative;}
  /*   .profile-info .container{     
         top: -370px;
    position: absolute;
    background-color: #fff;
    padding: 30px 20px;
    left: 15%;
    right: 15%;
    width: initial;}*/
.label-important, .badge-important{
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
}
.about-tabbed-panel {background-color: #fff; padding: 50px 0px;}
.about-tabbed-panel .tabbable.tabs-top.style_1 .nav.nav-tabs li.active{ 
    border: none;
    position: relative;}
.about-tabbed-panel .tabbable.tabs-top.style_1 .nav.nav-tabs li{
    font-size: 16px;
    padding: 5px 0px;}
.about-tabbed-panel .tabbable.tabs-top.style_1 .nav.nav-tabs li.active:after{    content: '';
    position: absolute;
    height: 4px;
    bottom: -1px;
    left: 20%;
    right: 20%;
    background-color: #ec3136;}
.about-tabbed-panel .services_medium,.about-tabbed-panel .services_medium p
{text-align: left; }

.about-tabbed-panel .services_medium{position: relative;}
.about-tabbed-panel .services_medium .icon_wrapper{display: inline-block;  left:initial;     float: left; position: absolute; left: 0px;     left: 30px; }
.about-tabbed-panel .services_medium.style_2 h4{display: none;}
.about-tabbed-panel .services_medium p{ font-size: 18px; text-align: justify;  float: none;   padding-left: 60px;}
/*===============End About  page css========================*/
/*===============Contact page css========================*/
.contact-address .wpb_content_element p{position: relative; padding-left: 25px;}
.contact-address .wpb_content_element p i{position: absolute; left: 0px; top:8px;}
.wpcf7-form .wpcf7-mail-sent-ok {display: none !important;}


/*.portfolio-item.grayscale .project{    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0,0.5) !important;
    display: inline-block;
    width: 100%;
    height: 100%;}
.portfolio-item.grayscale:hover img{    top: 0px;}
.portfolio-item.grayscale .project h5{    margin-top: 100px;
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;}*/
/*===============End Contact  page css========================*/


#portfolio-filter ul li a{
    font-size: 14px !important;
}
#portfolio-filter ul li{
    padding: 6px 16px !important;
}

::-webkit-input-placeholder,textarea { /* Chrome/Opera/Safari */
 font-family: Brandon text regular !important;
 font-size: 16px;
  font-weight: 400;
}
::-moz-placeholder,textarea { /* Firefox 19+ */
 font-family: Brandon text regular !important;
 font-size: 16px;
  font-weight: 400;
}
:-ms-input-placeholder,textarea { /* IE 10+ */
  font-family: Brandon text regular !important;
  font-size: 16px;
   font-weight: 400;
}
:-moz-placeholder,textarea { /* Firefox 18- */
  font-family: Brandon text regular !important;
  font-size: 16px ;
  font-weight: 400;
  
}
.copyright_text p{    
    text-align: center;
    margin: 0px;
    font-family: Brandon text regular !important;
    font-size: 13px;}
footer#footer .inner .row-fluid.ff:first-child{padding-top: 30px !important; padding-bottom: 30px !important;}


/*Responsive css*/
@media only screen and (max-width: 980px) 
{
    .tagline{display:none;}
}

@media only screen and (max-width: 768px) 
{
    body{font-size: 16px !important;}
    .sub-heading {
        font-size: 18px;
        position: relative;
        display: inline-block;
        /* width: 45%; */
        margin: auto;
        line-height: 1.4;
    }
    .wpb_content_element.vc_custom_1492089485984{
        
        padding-left:0px !important; 
    }
    
    .home-contact-row .wpcf7 {
       padding: 0px 15px !important;
    }
   .footer_wrapper footer#footer .inner .row-fluid.ff .span12:first-child:last-child {
            margin-left: 0px !important;
            left: 0px;
            padding-bottom: 10px;
        }
        .row-fluid .span12{width: 100% !important;}
        .vc_grid.vc_row.vc_grid-gutter-10px .vc_pageable-slide-wrapper{padding-left: 35px;}
        .close-quote{position: relative; top:10px;}
        .header_page.centered h1{font-size: 38px !important;}
        .services-listing .first-services-listing .services_media{padding-left: 0px;}
        .services_media img {
                    width: 70px;
                }
        .page-id-937 .services-listing{ text-align:center; margin-bottom: 20px !important;}
        .services_media{margin-bottom:30px !important; }
        /*.services-listing .vc_column:last-child{margin-left: 15px !important;}*/
			.services-listing{margin-left: 0px !important;}
               .services_medium{padding-bottom:75px !important;} 
	.vc_column_container>.vc_column-inner{padding-left: 15px !important;     padding-right: 15px !important;}
	.portfolio-item{margin-bottom:15px;}
	.full-width-content .contact-form-col{padding-left: 25px !important;}

	.services-listing .services-icon-listing{margin-left: 0px !important;}
    .about-tabbed-panel .services_medium p{font-size: 16px; padding-left: 0px; float: left; width: 100%;}
    .about-tabbed-panel .services_medium.style_2 .icon_wrapper{margin-left: -34px;} 
    .about-tabbed-panel .tabbable.tabs-top.style_1 .nav.nav-tabs li
    {font-size: 14px; padding: 4px 0px;}
    .profile-info .container .vc_col-sm-3{float: left;width: 60%;padding: 0 28% !important;}
    .profile-info .vc_col-sm-9 .wpb_text_column .wpb_wrapper{
        position: relative;
        top: 200px;
        text-align: center;
    }
    .profile-info .wpb_content_element p{
        word-break: break-all;
        width: 78%;
        padding: 0 10%;
        line-height: 30px;
     }
    .profile-info .media {
        top:-120px;
    }
    .about-us-content .section-style{
        margin-top: 165px;
    }
    .about-tabbed-panel .services_medium .icon_wrapper{
        position: relative;
        float: left;
        width: 100%;
    }
}

@media only screen and (max-width: 480px) 
{
    .vc_section {
        padding-left: 0px !important; 
        padding-right: 0px !important;
        margin-left: 0px !important; 
        margin-right: 0px !important;
    }
    .wpb_text_column.vc_custom_1493809806718
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .profile-info .container .vc_col-sm-3
    {
        float: left;width: 60%;padding: 0 14% !important;
    }
}
/*End Responsive css */