/*Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.1
Template: x
*/
/* FONTS -ab */h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: .2em 0!important; }strong {color: #54690e; font-weight: 900}.entry-content {    font-size: 18px!important;}h4, .h4 {    font-size: 50px!important;}footer h4, .h4 {    font-size: 20px!important;    color: #54690e!important;}
footer a {color: #54690e!important;}
/* COLORS -ab */.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a, .x-navbar .desktop .sub-menu a:hover, .x-navbar .desktop .sub-menu .x-active > a, .x-navbar .desktop .sub-menu .current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav .x-active > a, .x-navbar .mobile .x-nav .current-menu-item > a {    color: #222!important;}.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {    box-shadow: inset 0 4px 0 0 #54690e!important;}/* PORTAL AREA HOME -ab */.portal {width: 100%;margin: 0 auto;}.portal-h3 h3 {font-size: 14px;text-align: center;padding:margin: 0!important;line-height: 1.5;color: #fff}.portal-single {width: 12.5%;float: left;background-color: #111;border: 1px #1a1a1a solid;overflow: hidden;}.x-navbar .x-brand {    margin-top: 6px!important;}.portal-single a {height: 100%;display: block}.portal-single a:hover {background: #ccc;}.portal-single img {-webkit-transition: all 0.8s ease;    -moz-transition: all 0.8s ease;    -o-transition: all 0.8s ease;    -ms-transition: all 0.8s ease;    transition: all 0.8s ease;}.portal-single img:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);transform: rotateY(180deg);}@media(max-width:568px) {.x-navbar .x-brand {    margin-top: 12px!important;}}@media(max-width:568px) {.portal-h3 {min-height: 40px;}.portal-h3 h3 {font-size: 1.2rem;}.x-btn.x-btn-flat, .x-btn.x-btn-flat:hover {margin-bottom: 20px!important;}.portal-single {    height: 96px!important;}}@media(max-width:1264px) {.portal-single {width: 25%;}.portal-single img {display: block;margin: 0 auto;}}.portal-h3 {width: 100%;border-top: 0;background-color: #54690e}/*GENERAL -ab */hr {    border-top: 3px solid #aabb70;    width: 30%;    margin: 20px auto;}.x-btn.x-btn-flat, [type="submit"] {    margin-bottom: 0;    color: #fff;    border-radius: 9px!important;    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.65);    box-shadow: none;    background: rgba(255,90,0,1);    background: -moz-linear-gradient(top, rgba(255,90,0,1) 0%, rgba(175,62,0,1) 100%);    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,90,0,1)), color-stop(100%, rgba(175,62,0,1)));    background: -webkit-linear-gradient(top, rgba(255,90,0,1) 0%, rgba(175,62,0,1) 100%);    background: -o-linear-gradient(top, rgba(255,90,0,1) 0%, rgba(175,62,0,1) 100%);    background: -ms-linear-gradient(top, rgba(255,90,0,1) 0%, rgba(175,62,0,1) 100%);    background: linear-gradient(to bottom, rgba(255,90,0,1) 0%, rgba(175,62,0,1) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#af3e00', GradientType=0 );    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;}.x-btn.x-btn-flat:hover {opacity: .8;}.x-btn, .button, [type="submit"] {    border-color: #732800!important;    border-left: none!important;    border-right: none!important;    border-top: none!important;border: 5px solid;}.x-btn.x-btn-flat, .x-btn.x-btn-flat:hover {    margin-bottom: 0;    text-shadow: none;    box-shadow: none;color: #fff;}.x-img {    margin: 0 auto!important;    display: block;}.x-colophon {    position: relative;    border-top: 0;    background: url("/wp-content/uploads/2015/10/binding_dark.png")!important;    box-shadow: 0 -0.125em 0.25em 0 rgba(0,0,0,0.075);}.x-colophon+.x-colophon {    box-shadow: none!important}.x-btn.x-btn-large {padding: 20px!important;font-weight: 900;}.entry-content {    font-size: 15px!important;}.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {    padding-left: 6px!important;    padding-right: 6px!important;}.widget {    text-shadow: none}.widget ul li {box-shadow: none;border: none;padding: 0}.widget ul {border: none; box-shadow: none; border-radius: 0!important}footer p {color: #ccc!important; font-size: 15px}body .gform_wrapper input[type=text] {height: 3.5em!important}body .gform_wrapper .top_label .gfield, body .gform_wrapper .top_label li.gsection.gf_scroll_text {    margin-bottom: 0em !important;}[type="submit"] {    color: #fff!important;padding: 10px;}.widget ul li:hover, .widget ol li:hover {    background-color: transparent!important;}.widget_nav_menu ul li a {box-shadow: none!important;padding: 5px 0!important;color: #ccc!important;    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;}select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {    height: 3.5em!important}.x-colophon.top {    padding: 5% 0 3%;}#text-4 {margin-top: 20px}.widget_nav_menu ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover {    background-color: transparent;color: #54690e!important;}.x-navbar .desktop .x-nav > li > a {    padding-top: 45px!important;}.widget_nav_menu .current-menu-item > a {color: #54690e!important; background: transparent;}x-section-5 {     border-width: 1px 0px 1px 1px!important}/*.x-container.width {    width: 100%!important;}*/#field_1_1 > label {display: none!important}textarea {    height: 8.5em!important;}body .gform_wrapper label.gfield_label+div.ginput_container {   width: 100%;}.widget_search {width: 80%}.x-colophon.bottom {text-align: left!important;    background: #111!important;}.cred {font-size: 12px!important}.x-colophon.bottom .x-colophon-content {    margin: 18px 0 10px;    letter-spacing: 0px;}body.product-page .x-section img {border-radius: 5px}#rev_slider_2_1_wrapper > div.tp-thumbs.tp-span-wrapper.outer-bottom.gyges {background: url("/wp-content/uploads/2015/10/mooning.png")!important}.prop-form label.gfield_label+div.ginput_container {width: 100%!important}.gform_footer input[type=submit] {    font-weight: 900!important;}.x-navbar {    background: url("/wp-content/uploads/2015/11/header-bg.png")!important;}@media(min-width:1472px) {/*.x-brand img {    width: 300px!important;}*/.x-navbar .desktop .x-nav > li > a {    padding-top: 46px!important;}.portal-single {    height: 118px;}}.x-btn-widgetbar {  border-width: 25px;}.x-btn-widgetbar i {    right: -18px;    top: -20px;    font-size: 15px;}@media (max-width: 1300px) {.x-brand img {    width: 250px!important;}}@media (max-width: 1100px) {.x-brand img {    width: 200px!important;}.x-navbar .x-brand {    margin-top: 18px!important;}}.portal-single a:hover {background: #ccc}h3 strong {color: #333333!important}.float-img-left {float: left;padding-right: 20px;padding-bottom: 10px;border-radius: 5px 5px 5px 5px;}.float-img-right {float: right;padding-left: 20px;padding-bottom: 10px;border-radius: 5px 5px 5px 5px;}.x-navbar .desktop .sub-menu a:hover {color: #d44b00!important}.desktop .sub-menu li:hover {background: #f0f0f0!important}.x-colophon.top {    padding: 3% 0 3%!important;}/*REV SLIDER*/rs-layer > h1{	line-height: 1em !important;}

#top > div.x-container.max.width.offset{
    margin-top: 0 !important;
}

div.entry-wrap{
    padding: 0;
}
.home #x-section-8 video{
   display:none !important; 
}
footer > .x-container.max{
    max-width: 1200px !important;
}
.x-navbar-wrap .x-container.max{
    max-width: 1200px !important;
}
.x-breadcrumb-wrap .x-container.max{
    max-width: 1200px !important;
}

/* my custom css start */
.single_casestudy .casestudy_content_ar .content_ar {
    line-height: 30px;
}
.single_casestudy .casestudy_content_ar .content_ar a{
    font-weight: 700;
}
.single_casestudy a{
    color: #D44B00 !important; 
}
.casestudy_content_ar{ 
    text-align:center;
    padding:30px 70px 30px 0;
}
.casestudy_content_ar .content_ar{
    margin-top: 20px;
}
.casestudy_content_ar .content_ar p{
    font-weight: 600; 
}
.case_study{
    padding: 10px 30px;}
.feature_img_casestudy{
    max-height: 400px;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);}
.casestudy-main-title{
    text-align: center;
    padding: 50px 0 20px 0;
}
.before_after_text{
    /*    float: left;*/
    width: 100%;
    padding: 10px;
    color: #54690e;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
.popup_contactus_hd{
    padding: 20px 0;
    color: #546911;
}
.feature_img_casestudy_2{
    margin-left: 3%;
}
.feature_img_casestudy_1{
    margin-right: 1%;
}
.feature_img_casestudy_2, .feature_img_casestudy_1{
    width: 48%;
    float: left;
    margin-bottom: 15px;
}
.sidebar_callout_content_cs .feature_img_casestudy_2, .sidebar_callout_content_cs .feature_img_casestudy_1{
    width: 35%; 
    float: left;
    margin-bottom: 15px;
}
.sidebar_callout_content_cs{
    padding-top: 100px !important;
}
.sub_hd_casestudy
.feature_img_casestudy_1 img,
.feature_img_casestudy_2 img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.sidebar_callout_content_cs .feature_img_casestudy_1 img,
.sidebar_callout_content_cs .feature_img_casestudy_2 img{
    width: 100%;
    height: 190px;
    object-fit: cover;
}
.single_casestudy .casestudy-main-title{
    text-align: center;
    padding: 0px 0 20px 0;
}
.case_study_main_listing article{
    padding: 20px 20px;
}
.page-template-tpl_casestudy-php .x-pagination {
    margin: 40px 0 20px !important;
}
.case_study_main_listing article .entry-wrap{
    box-shadow: none !important;
}

.sidebar_casestudy{
    background-color: #ededee;
    padding: 20px 30px;
}
.sidebar_casestudy strong, .casestudy_right_text strong{
    font-weight: 900 !important;
    font-size: 19px;
}
.casestudy_right_text .content_ar {
    margin: 20px 0;
}
.casestudy_right_text .content_ar p{
    line-height: 25px;
}
.sidebar_casestudy ul{
    list-style: inherit;
    padding: 0px 35px;
    margin: 20px 0;
}
.impression_area{
    text-align: center;
}
.impression_area h3{
    font-size: 40px;
    font-weight: bold;  
}
.impression_area h4{
    font-size: 20px !important; 
}
.result_area h3{
    font-size: 30px;
    font-weight: bold;  
}
.result_area{
    margin: 30px 0;
}
.result_area h2{
    font-size: 30px;
    position: relative;
}
.case_study_single_title{
    margin: 0px 0 30px 0!important;
    line-height: 50px;
}
.sidebar_callout_content_cs h2 {
    font-size: 22px;
    margin: 20px 0px !important;
    font-weight: 700;
}
.single.single-post .entry-content.content h2{
    font-size: 22px;
    text-transform: initial !important;
}
.pd-left-20{
    padding-left: 20px;
}
.pd-left-40{
    padding-left: 40px;
}
.sidebar_callout_content_cs h2,.sidebar_callout_content_cs strong,.sidebar_callout_content_cs h3,.sidebar_callout_content_cs h4{
    color: #fff;
}
.sidebar_callout_content_cs{
    width: 90%;
    padding: 30px;
    position: relative;
    display: table;
    color: #fff;
    margin-left: 5%;
    background: #54690e;
}
.sidebar_callout_content_cs:before{
    position: absolute;
    left: 11%;
    top: 0;
    width: 64%;
    content: "";
    height: 2px;
    background-color: #54690e;
}
.mg-r-0{
    margin-right: 0px !important;

}
.sidebar_callout_content_cs .impression_area h3 {
    font-size: 38px;
    font-weight: bold;
}
.learn_more_cs{
    display: inline-block;
    outline: none;
    background: #fff;
    color: #54690e;
    padding: 12px 52px 10px 52px;
    min-height: 40px;
    margin: 20px 0;
    font-weight: 600;
    line-height: 12px;
}
.learn_more_cs:hover{
    line-height: 12px;
    display: inline-block;
    outline: none;
    background: transparent;
    color: #fff;
    padding: 12px 52px 10px 52px;
    min-height: 40px;
    margin: 20px 0;
    font-weight: 600;
    border: 2px solid #fff;
    text-decoration: none; 
}
.sidebar_callout_content_cs .impression_area{
    text-align: center;
}
.sidebar_callout_content_cs .result_area h2:after {
    right: -40px; 
    top: 14px;
    position: absolute;
    content: "";
    width: 36%;
    height: 2px;
    background: #fff;
}
.pd-r-85{
    padding-right: 85px;
}
.pd-l-130{
    padding-left: 130px;
}
.sidebar_callout_content_cs .img_area{
    padding: 30px 0 0 0;
}
.single-case_study .sub_hd_casestudy{
    padding:0px;
}
.sidebar_callout_content_cs .result_area h2:before {
    top: 14px;
    left: -40px;
    width: 36%;
    height: 2px;
    background: #fff;
    position: absolute;
    content: "";
}
.result_small_box{
    width: 240px;
    margin: 20px auto;
}
.sidebar_callout_content_cs .result_area{
    max-width: 300px;
    margin: 0 auto;
}
.sidebar_callout_content_cs .impression_area h4 { 
    font-weight: 500;
    font-size: 13px !important;
}
.sidebar_callout_content_cs:after{
    position: absolute;
    background-color: #54690e;
    left: 11%;
    bottom: 0;
    width: 64%; 
    content: "";
    height: 2px;
}
.sidebar_callout_content_cs ul {
    list-style: inherit;
    padding: 0px 35px;
    margin: 20px 0;
}
.sidebar_callout_content_cs .img-hover-zoom {
    /*border-radius: .5em;*/
    height: 190px;
    border: 5px solid #ffffff;
    overflow: hidden; 
}
/*.sidebar_callout_content_cs .img-hover-zoom:hover{
    border-color:#fff;
}*/

/* [2] Transition property for smooth transformation of images */
/*.sidebar_callout_content_cs .img-hover-zoom img {
    transition: transform .5s ease;
}*/

/* [3] Finally, transforming the image when container gets hovered */
/*.sidebar_callout_content_cs .img-hover-zoom:hover img {
    transform: scale(1.5);
}*/
.sidebar_callout_content_cs .sub_hd_casestudy {
    background: #fff;
    /*width: 100%;*/
    padding: 20px;
    display: inline-block;
    margin: 0px 0 20px 0 !important;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 24px;
    padding: 14px;
    color: #54690e;

    position: absolute;
    top: 0;
    left: 0;
    float: left;
    width: auto;
}
.feature_img_casestudy_2 img, .feature_img_casestudy_1 img{
    width: 400px;
    height: 300px;
    object-fit: cover;
}
.sidebar_callout_content_cs ul li {
    padding: 5px 0px;
    line-height: 21px;
    font-size: 16px;
}
.sidebar_callout_content_cs strong {
    font-weight: 900 !important;
    font-size: 19px;
}
.sub_hd_casestudy span{color: #000;}
.sidebar_callout_content_cs .sub_hd_casestudy span{color: #54690e;}
.sub_hd_casestudy{
    padding: 0 90px;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    margin: 20px 0 !important;
}
.result_area h2:before{
    top: 14px;
    left: 0px;
    width: 36%;
    height: 2px;
    background: #54690e;
    position: absolute;
    content: "";
}
.result_area h2:after{
    right: 0px;
    top: 14px;
    position: absolute;
    content: "";
    width: 36%;
    height: 2px;
    background: #54690e;
}
.result_area h4{
    line-height: 25px;
    font-size: 18px !important; 
}
.sidebar_casestudy ul li{
    padding: 5px 0px;
    line-height: 21px;
    font-size: 16px;
}
.text-center{
    text-align: center !important;
}
.sidebar_casestudy h2{
    font-size: 25px;
    margin: 20px 0px !important;
}
.casestudy_right_text {
    padding: 0px 0px 30px 0;
}
.company_name_case{
    font-weight: 600;
    text-transform: capitalize;
}
.blog_listing_page .entry-header{
    padding: 20px;
}
.blog_listing_page .more-link{
        margin: 10px 0;
}
.blog_listing_page .x-pagination {
    margin: 20px 0;
}
.blog_listing_page #sidebar_blog{
    margin-top:15px; 
}
.single_post_custom_p div.entry-wrap {
    margin: 15px 20px;
    padding: 20px;
}
.blog_listing_page .entry-content {
    margin-top: 1.25em !important;
}
.site .blog_listing_page article .entry-wrap {
    box-shadow: 0 0.15em 0.35em 0 rgb(0 0 0 / 14%) !important;
}
.home .entry-content{
    margin-top: 0px !important;
}

body:not(.home) .x-section {
    margin: 0px !important;
    padding: 20px !important;
}
.x-root{
    display: block !important;
}
/*my custom css end */

@media screen and (max-width: 1260px){
      body:not(.home)  h1{
    font-size: 2.5em;
    line-height: 1.2em;
    }
    html body footer.x-colophon.top{
        padding: 20px 30px !important; 
    }
    .home #x-section-3, .home #x-section-4, .home #x-section-5{
        margin: 0 !important;
    }
    .home #x-section-6, .home #x-section-10, .home #x-section-7, .home #x-section-8, .home #x-section-9{
        margin: 0 !important;
    }
    
}

@media screen and (max-width: 1024px){

    footer.bottom .x-container{
  text-align: center !important; 
}
.cd-testimonials-wrapper {
    padding: 0px 50px 0px !important;
}
}
@media screen and (max-width: 978px){
    #x-btn-widgetbar{
        display: none !important;
    }
.masthead-inline .x-btn-navbar {
    margin: 20px!important;
}
header.masthead .x-navbar {
    padding-left: 16px;
} 
}
@media screen and (max-width: 768px){
    
.home #x-section-3 .x-column, .home #x-section-4 .x-column, .home #x-section-5 .x-column{
        padding:  20px !important;
    }
    .home #x-section-6 .x-column, .home #x-section-7 .x-column{
         padding: 0 0px 0px 0px !important;
    }
 .home #x-section-8 .x-column, .home #x-section-9 .x-column{
        padding:  20px !important;
    }

    #custom_html-2{
        max-width: 95%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    #sidebar_blog{
        padding: 20px;
    }
 .pd-l-130 {
    padding-left: 0px;
}
.pd-r-85 {
    padding-right: 40px;
}
.sidebar_callout_content_cs .feature_img_casestudy_2, .sidebar_callout_content_cs .feature_img_casestudy_1 {
    width: 48%;
}
}
@media screen and (max-width: 824px){
    .feature_img_casestudy_1, .feature_img_casestudy_2 {
        width: 100%;
        margin-right: 0px;
        /*height: 250px;*/
    }
    /*    .feature_img_casestudy_2{
            float: right;
        }*/
}

@media screen and (max-width: 570px){
 .home #x-section-4 .x-container{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
 .home #x-section-9 .x-container{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
.home .portal-single {
    width: 50%;
    min-height: 180px;
}
.home .portal-single img {
    min-height: 180px;
    object-fit: cover;
}
  footer.bottom .x-container {
    padding: 0 10px;
}
  footer.bottom .cred {
    line-height: 25px;
}
.sidebar_callout_content_cs .feature_img_casestudy_1 , .sidebar_callout_content_cs .feature_img_casestudy_2{
    width: 100%;
 }
.pd-r-85 {
    padding-right: 0px;
}
.pd-l-130 {
    padding-left: 10px;
}
 .cd-testimonials-wrapper {
    width: 95%;
    margin: 0 auto;
    }
}