/*
Theme Name: WHOM Main
Version: 1.0
*/

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,300,700);

*,
*:before,
*:after{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    margin: 0;
    color: #777;
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;/*for smooth fonts*/
}
input[type="button"],
input[type="submit"]{
    -webkit-appearance: none;/*for Iphone, Safari*/
}
a{color: #3d83bf;}
.btn,
.fa,
a{
    -webkit-transition: all .3s;
    transition: all .3s;
}
a .fa{
    -webkit-transition: none;
    transition: none;
}
a,
a:active,
a:focus,
a:hover,
img{
    outline: none !important;
    border: none;
    text-decoration: none;
}
img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
iframe{
    display: block;
    width: 100%;
}
p{margin: 0 0 1em;}
.wrapper:after,
.clearfix:after{
    content: '';
    display: table;
    clear: both;
}
.desktop-hid,
.hid{display: none;}
.block{display: block;}
.full-width{width: 100% !important;}
.rst-mar{margin: 0 !important;}
.rst-opacity{opacity: 1 !important;}
.text-center{text-align: center;}
.upc{text-transform: uppercase;}
.bold{font-weight: 700;}
.no-select{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}
.wrapper{
    max-width: 1200px;
    margin: 0 auto;
}


/* ========================== Background and Font colors ========================== */
.bg-transparent:after,
.bg-transparent{background-color: transparent;}
.bg-white:after,
.bg-white{background-color: #fff;}
.bg-blue:after,
.bg-blue{background-color: #3d83bf;}
.bg-gray:after,
.bg-gray{background-color: #525254;}

.bg-overlay:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .55;
}
.bg-overlay > div{
    position: relative;
    z-index: 1;
}

.f-col-white{color: #fff;}
.f-col-black-1{color: #333;}
.f-col-blue{color: #3d83bf;}
/* ========================== End Of Background colors ========================== */


/* ========================== Form default styling ========================== */
input, textarea, select, button{
    max-width: 100%;
    width: 100%;
    padding: 7px;
    border: 0;
    outline: 0;
    color: #636466;
    font: 14px/1.2 "Roboto", sans-serif;
}
.form-styling .inp-cont{margin: 0 auto 10px;}
.form-styling ::-webkit-input-placeholder{color: #777;}/* Webkit */
.form-styling :-moz-placeholder{color: #777;}/* Firefox 4-18 */
.form-styling ::-moz-placeholder{color: #777;}/* Firefox 19+ */
.form-styling :-ms-input-placeholder{color: #777;}/* IE10+ */
.form-styling textarea,
.form-styling select,
.form-styling input[type="number"],
.form-styling input[type="email"],
.form-styling input[type="text"]{
    padding: 0 0 10px;
    border-bottom: 1px solid #e7e7e7;
    color: #272727;
}
.form-styling .gform_wrapper{margin: 0;}
.form-styling .gform_wrapper .gform_title{
    margin: 0 0 30px;
    text-transform: uppercase;
    color: #333;
    font-size: 20px;
}
.form-styling .gform_wrapper .top_label .gfield > .gfield_label,
.form-styling .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label{display: none;}
.form-styling .gform_wrapper ul.gform_fields li.gfield{padding: 0;}
.form-styling .gform_wrapper input[type="number"],
.form-styling .gform_wrapper input[type="email"],
.form-styling .gform_wrapper input[type="text"]{
    padding: 0 0 10px !important;
    font-size: 14px !important;
}
.form-styling .gform_wrapper textarea{border: 1px solid #e7e7e7;}
.form-styling .gform_wrapper .gform_footer{padding: 0;}
.form-styling .gform_wrapper .gform_button[type="submit"]{
    height: auto;
    padding: .6em 1.6em;
    border: 1px solid #3d83bf;
    background-color: #3d83bf;
    color: #fff;
    font-size: 20px;
    line-height: normal !important;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.form-styling .gform_wrapper .gform_button[type="submit"]:hover{
    background-color: transparent;
    color: #3d83bf;
}
.form-styling .gform_wrapper textarea{
    height: 220px !important;
    font-size: 14px;
}
/* ========================== End Of Form default styling ========================== */


/* ========================== Owl Carousel Styling ========================== */
.owl-carousel .owl-stage{margin: 0 auto;}
.owl-carousel .owl-controls{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 1315px;
    margin: 0 auto;
}
.owl-carousel .owl-next,
.owl-carousel .owl-prev{
    position: absolute;
    top: 0;
    left: 0;
}
.owl-carousel .owl-next{
    left: auto;
    right: 0;
}
.owl-carousel .owl-next > i,
.owl-carousel .owl-prev > i{
    margin: -40px 5px 0;
    color: #fff;
    font-size: 80px;
}
.owl-carousel .owl-next:hover > i,
.owl-carousel .owl-prev:hover > i{color: #3d83bf;}

/* Round Arrows */
.owl-carousel.round-arrows .owl-next,
.owl-carousel.round-arrows .owl-prev{
    width: 100px;
    height: 100px;
    margin: -50px 0 0;
    border-radius: 50%;
    background-color: #3d83bf;
    text-align: center;
    opacity: .5;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.owl-carousel.round-arrows .owl-next > i,
.owl-carousel.round-arrows .owl-prev > i{font-size: 100px;}
.owl-carousel.round-arrows .owl-prev > i{margin: 0 0 0 -10px;}
.owl-carousel.round-arrows .owl-next > i{margin: 0 0 0 10px;}
.owl-carousel.round-arrows .owl-controls:hover .owl-next,
.owl-carousel.round-arrows .owl-controls:hover .owl-prev{opacity: 1;}
/* End Of Round Arrows */

/* Dots Carousel */
.owl-carousel.with-dots .owl-controls{position: static;}
.owl-carousel.with-dots .owl-dots{
    margin: 20px 0;
    text-align: center;
}
.owl-carousel.with-dots .owl-dot{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 4px;
    border-radius: 50%;
    opacity: 1;
    vertical-align: top;
    background: #d2d2d2;
}
.owl-carousel.with-dots .owl-dot.active{background-color: #787878;}
/* End Of Dots Carousel */

/* ========================== End Of Owl Carousel Styling ========================== */


/* ========================== Buttons ========================== */
.btn{
    display: inline-block;
    width: auto;
    padding: .6em 1.6em;
    border: 1px solid #3d83bf;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}
.btn.inverse,
.btn:hover{
    border: 1px solid #3d83bf;
    background-color: #fff;
    color: #3d83bf;
}
.btn.inverse:hover{
    background-color: #3d83bf;
    color: #fff;
}
.btn.transparent-hover:hover{
    border-color: #fff;
    background-color: transparent;
    color: #fff !important;
}

.btn.bg-transparent:hover{background-color: #3d83bf;}

.btn.bg-white{
    border-color: #fff;
    color: #3d83bf;
}

.btn.bg-orange{border-color: #3d83bf;}
.btn.bg-orange:hover{color: #3d83bf;}

.btn-link{
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #3d83bf;
    text-transform: uppercase;
    color: #3d83bf;
    font-size: 16px;
    cursor: pointer;
}
.btn-link:after{
    content: '\f0da';
    margin: 0 0 0 10px;
    vertical-align: -1px;
    background-color: inherit;
    font: 20px/1.1 FontAwesome;
}
.btn-link:hover{
    background-color: #3d83bf;
    color: #fff;
}
.btn-link.external:after{content: '\f08e';}
.btn-link.arr-down:after{content: '\f0d7';}

.btn-link.bg-red-1{
    border-color: #a4292d;
    color: #fff;
}
.btn-link.bg-red-1:hover{
    background-color: #fff;
    color: #a4292d;
}

/*---------------------------------------------*/
.btn-link.red-4{border-color: #c2273b;}
.btn-link.red-4{color: #c2273b;}
.btn-link.red-4:hover{
    color: #fff;
    background-color: #c2273b;
}
/* ========================== End Of Buttons ========================== */


/* ========================== Links ========================== */
.link.with-arrow{
    display: block;
    position: relative;
    padding: 0 40px 0 0;
}
.link.with-arrow:after{
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 0;
    margin: -40px 0 0;
    color: #fff;
    font: 80px/1 FontAwesome;
}
.link:hover:after{color: #3d83bf;}
/* ========================== End Of Links ========================== */


/* ========================== Heading ========================== */
.heading-cont .heading{
    padding: 15px 0 .9em;
    text-align: center;
    color: #3d83bf;
    font: 53px/1.1 'IntroBlackInlineCaps', sans-serif;
}
.heading-cont .heading > .small{font: 33px/1.1 'IntroBlackInlineCaps', sans-serif;}
.heading-cont .heading > .block.small + .block.standard{margin-top: -10px;}
/* ========================== End Of Heading ========================== */


/* ========================== Popup styling ========================== */
#overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, .5);
}
.popup-cont{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 101;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .5);
}
.popup{
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 102;
    max-width: 930px;
    margin: 0 auto;
    border: 12px solid #3d83bf;
    background-color: #fff;
}
.close-btn{
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.close-btn:after,
.close-btn:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    margin-left: -1px;
    background-color: #3d83bf;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.close-btn:after{
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
.popup > .close-btn{
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
}
.popup > .close-btn:before{
    -webkit-transform: rotateZ(40deg);
    transform: rotateZ(40deg);
}
.popup > .close-btn:after{
    -webkit-transform: rotateZ(-40deg);
    transform: rotateZ(-40deg);
}
.popup > .holder{padding: 30px;}
.popup > .holder > .title{
    margin: 0 auto 50px;
    text-align: center;
    color: #3d83bf;
    font: 38px/1.1 'IntroBlackInlineCaps', sans-serif;
}
.popup-link{cursor: pointer;}
/* ========================== End Of Popup styling ========================== */


/* ========================== Pagination styling ========================== */
.pagination span,
.pagination a{
    float: left;
    margin: 0 1px 1px 0;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
}
.pagination a{background-color: #333;}
.pagination span,
.pagination a:hover{background-color: #3d83bf;}

.pagination.for-post > .previous{float: left;}
.pagination.for-post > .next{float: right;}
/* ========================== End Of Pagination styling ========================== */


/* ========================== Sidebar styling ========================== */
.sidebar li{list-style: none;}
.sidebar > li{margin: 0 0 70px;}
.sidebar .widgettitle{
    margin: 0 0 30px;
    color: #333;
    font-size: 36px;
    line-height: 1.1;
}
.sidebar ul{padding: 0;}
.sidebar ul > li{padding: 5px 0;}
.sidebar ul > li > a{
    color: #777;
    font-size: 14px;
}
.sidebar ul > li:not(:first-child){border-top: 1px solid #d2d2d1;}
.sidebar ul > li > a:before{
    content: '\f061';
    margin: 0 15px 0 0;
    color: #3d83bf;
    font-size: 12px;
    font-family: FontAwesome;
}
.sidebar ul > li > a:hover{color: #3d83bf;}
/* ========================== End Of Sidebar styling ========================== */


#to-top{
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    color: #333;
    cursor: pointer;
}
#to-top:hover{color: #3d83bf;}
#to-top > i{font-size: 37px;}
#to-top.actv{display: block;}

#content > .content{padding: 80px 30px;}
#content > .content.front{padding: 0;}
#content > .content.front > .holder{padding: 80px 30px 40px;}

/* Site Header */
#header{
    padding: 20px;
    background: center 0 no-repeat #efefef;
    background-size: cover;
}
#header > .wrapper{max-width: 1920px;}
#header .home-link{
    float: left;
    max-width: 300px;
}
#header > .home-link img{width: 100%;}

/* Site Main Menu */
#main-nav{
    float: right;
    margin: 22px 0 0;
}
#main-nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#main-nav ul > li{display: inline-block;}
#main-nav ul > li a{
    display: block;
    padding: 20px 27px;
    text-transform: uppercase;
    color: #777;
    font-size: 20px;
    line-height: 1.1;
}
#main-nav ul > li.current-menu-item a,
#main-nav ul > li a:hover{color: #212121;}
#main-nav .sub-menu{display: none;}
/* End Of Site Main Menu */

#search-form-cont{
    position: relative;
    float: right;
    margin: 40px 30px 0 100px;
}
#search-form-cont i{
    font-size: 24px;
    cursor: pointer;
}
#search-form{
    position: absolute;
    top: 100%;
    right: 0;
    z-index: -1;
    width: 240px;
    margin: 20px 0 0;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}
#search-form.actv{
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
#search-form input{
    float: left;
    width: 190px;
    padding: 12px 25px 12px 10px;
    border-radius: 20px 0 0 20px;
    background-color: #000;
    color: #e7e7e7;
    font-size: 14px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}
#search-form .submit-btn{
    float: right;
    width: 70px;
    height: 40px;
    margin: 0 0 0 -20px;
    padding: 0 10px;
    border-radius: 20px;
    background-color: #3d83bf;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
#search-form i{color: #fff;}

#mobile-menu-toggler{
    padding: 9px;
    background-color: #333;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}
#mobile-menu-toggler:hover{background-color: #525254;}
/* End Of Site Header */

/* Site Footer */
#footer{color: #fff;}
#footer > .footer-top{
    padding: 100px 30px;
    background-color: #333;
}
#footer > .footer-top > .wrapper{max-width: 700px;}
#footer > .footer-top > div > div{
    display: inline-block;
    width: 49%;
    vertical-align: top;
    text-align: left;
}
#footer > .footer-top > div > .rgt{padding: 0 0 0 50px;}
#footer > .footer-top .title{
    margin: 0 0 20px;
    font-size: 18px;
}
#footer > .footer-top .text p{
    margin: 0;
    font-size: 14px;
}
#footer > .footer-top .text a{color: #fff;}
#footer > .footer-top .text a:hover{color: #3d83bf;}
#footer > .footer-top .soc-link{
    display: inline-block;
    width: 44px;
    height: 44px;
    margin: 0 6px 6px 0;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    vertical-align: top;
    color: #fff;
}
#footer > .footer-top .soc-link > i{
    color: inherit;
    font-size: 22px;
}
#footer > .footer-top .soc-link:hover{
    border-color: #3d83bf;
    color: #3d83bf;
}
#footer > .footer-bottom{
    padding: 80px 0;
    background-color: #3d83bf;
}
#footer .copyright{
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}
#footer .copyright a{color: #fff;}
/* End Of Site Footer */

/* Banner Carousel */
.banner.standard,
.banner.owl-carousel .item{
    height: 600px;
    background: center no-repeat;
    background-size: cover;
}
.banner .holder{
    max-width: 50%;
    float: right;
    padding: 100px 0 0;
}
.banner .text{
    margin: 0 0 15px;
    color: #333;
    font: 300 40px/1.1 'Roboto', sans-serif;
}
.banner .link{
    display: inline-block;
    padding: .6em 1.5em;
    background-color: #312d21;
    color: #3d83bf;
    font-size: 24px;
}
.banner .link:hover{background-color: #fff;}
/* End Of Banner Carousel */

/* Testimonial Carousel */
.testimonial-cont{padding: 50px 0;}
.testimonial-cont > .wrapper{max-width: 1000px;}
.testimonial .item{
    padding: 53px 0 0 120px;
    background: url(images/quotes.png) 0 0 no-repeat;
}
.testimonial .item > img{
    float: left;
    width: 110px;
    margin: 0 30px 15px 0;
    border-radius: 24px;
}
.testimonial .item.with-img .quote{
    margin: 0 0 20px 135px;
    font-style: italic;
    font-size: 18px;
}
.testimonial .item.with-img .author{
    margin: 0 0 0 135px;
    font-size: 26px;
}
/* End Of Testimonial Carousel */


/* ========================== Front Page styling ========================== */
.front .service-list{padding: 0 0 60px;}
.front .service-list .item{max-width: inherit;}
.front .service-list > .wrapper:before{
    content: '';
    display: block;
    margin: 0 auto 25px;
    border-top: 1px solid #ddd;
}
.recent-post-list .item,
.service-list .item{
    max-width: 348px;
    width: 31%;
    float: left;
    margin: 0 3.5% 40px 0;
}
.recent-post-list .item:last-child,
.service-list .item:last-child{margin-right: 0;}
.service-list .item > .title{
    margin: 0;
    padding: 5px 15px;
    font-size: 28px;
}
.service-list .item > .img-cont{
    height: 245px;
    margin: 0 0 15px;
    background: center no-repeat #f3f3f3;
    background-size: cover;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.service-list .item > .text{padding: 0 18px;}
.service-list .item > .read-more{
    display: block;
    margin: 0 0 10px 20px;
    font-weight: 700;
}
.service-list .item:hover > .img-cont{opacity: .5;}
.service-list .stage-cont{
    display: inline-block;
    width: 30%;
    margin: 0 1.5% 20px;
    vertical-align: top;
}
.service-list .stage-cont > .stage{
    margin: 0 auto 10px;
    font-size: 36px;
}
.service-list .stage-cont .item{
    min-height: 460px;
    width: auto;
    margin: 0 0 40px;
    text-align: left;
}
.service-list .stage-cont > .item > .text ul{padding: 0 0 0 15px;}
.service-list .stage-cont.planning > .stage{color: #3d83bf;}
.service-list .stage-cont.planning > .item{background-color: #3d83bf;}
.service-list .stage-cont.coaching > .stage{color: #525254;}
.service-list .stage-cont.coaching > .item{background-color: #525254;}
.service-list .stage-cont.execution > .stage{color: #3d83bf;}
.service-list .stage-cont.execution > .item{background-color: #3d83bf;}

.recent-post-list{
    margin: 0 -30px;
    padding: 0 30px;
    background-color: #efefef;
}
.recent-post-list > .wrapper{padding: 70px 0;}
.recent-post-list .item{
    max-width: inherit;
    min-height: 250px;
    padding: 20px;
    background-color: #fff;
}
.recent-post-list .item > .date{
    margin: 0 0 15px;
    font-weight: 100;
    font-size: 24px;
}
.recent-post-list .item > .title{
    margin: 0 0 10px;
    font-size: 20px;
}
.recent-post-list .item > .text{margin: 0 0 25px;}
.recent-post-list .item > .btn{
    padding: .4em 1.2em;
    text-transform: none;
    font-size: 16px;
}

.promo-banner{
    margin: 0 -30px;
    padding: 100px 0;
    background: center no-repeat;
    background-size: cover;
    color: #fff;
}
.promo-banner > .wrapper{max-width: 800px;}
.promo-banner .title{
    margin: 0 0 30px;
    font-size: 36px;
}
.promo-banner .text{
    font-weight: 300;
    font-size: 36px;
}
/* ========================== End Of Front Page styling ========================== */


/* ========================== About Page styling ========================== */
.info-cont{margin: 0 0 30px;}
.info-cont .text{line-height: 1.5;}
.info-cont.with-img img{
    float: left;
    width: 35%;
    margin: 0 30px 0 0;
}

.partner-list{padding: 40px 0;}
.partner-list .item{
    display: inline-block;
    width: 470px;
    margin: 0 2% 30px;
}

.other-info{
    padding: 60px 0 100px;
    font-weight: 300;
    font-size: 36px;
}
.other-info > .wrapper{max-width: 900px;}
/* ========================== End Of About Page styling ========================== */


/* ========================== Services Page styling ========================== */
.page-services .promo-banner{margin-bottom: -80px;}
.page-services .service-list .item{min-height: inherit;}
.page-services .service-list .item > .title{
    position: relative;
    min-height: 64px;
    font-size: 20px;
}
.page-services .service-list .item > .title > span{
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
    right: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.page-services .service-list .item > .img-cont{background-size: 80% auto;}
/* ========================== End Of Services Page styling ========================== */


/* ========================== Contact Page styling ========================== */
.contact-cont .lft{
    float: left;
    width: 35%;
    padding-right: 30px;
}
.contact-cont .lft .title{
    margin: 0 0 30px;
    font-size: 20px;
}
.contact-cont .lft .text{line-height: 1.5;}
.contact-cont .rgt{
    float: left;
    width: 65%;
}

#contact-form .gform_body{margin: 0 -1.6666667%;}
#contact-form .gfield:not(:last-child){
    float: left;
    clear: none;
    width: 30%;
    margin: 0 1.6666667% 20px !important;
}
#contact-form .gfield:last-child{
    width: 96.5%;
    margin: 0 auto !important;
}
#contact-form > .form-clear-btn{
    float: right;
    margin: -50px 2px 0 0;
    text-transform: none;
}
/* ========================== End Of Contact Page styling ========================== */


/* ========================== Blog Page styling ========================== */
.blog-page > div > .lft{
    float: left;
    width: 72%;
}
.blog-page > div > aside{
    float: left;
    width: 28%;
    padding: 0 0 0 30px;
}
.blog-page .post-list > .item{margin: 0 0 40px;}
.blog-page .post-data img{
    display: inline-block;
    height: auto;
}
.blog-page .post-data .info{
    margin: 0 0 20px;
    padding: 10px 0;
    border: solid #efefef;
    border-width: 1px 0;
    color: #777;
    font-size: 14px;
    line-height: 1.4;
}
.blog-page .post-data .author > a{color: inherit;}
.blog-page .post-data .author i{color: #525254;}
.blog-page .post-data .text{
    margin: 0 0 20px;
    line-height: 1.5;
}
.blog-page .post-data .btn{text-transform: none;}

.blog.blog-page .post-data > a{
    float: left;
    width: 30%;
    margin: 0 0 20px;
}
.blog.blog-page .post-data > .holder{
    float: left;
    width: 70%;
    padding-left: 20px;
}
.blog.blog-page .post-data img{width: 100%;}
.single-post.blog-page .post-data > .holder > .title,
.blog.blog-page .post-data > .holder > .title{margin: 0 0 10px;}
.blog.blog-page .post-data > .holder > .btn-cont{text-align: right;}
.blog.blog-page .post-data > .holder .btn{padding: .4em 1.2em;}

.single-post.blog-page .post-data > img{
    float: right;
    width: 40%;
    margin: 0 0 15px 20px;
}
.single-post.blog-page .post-data > .holder > .title,
.single-post.blog-page .post-data > .holder > .info{width: 57%;}


/* ========================== End Of Blog Page styling ========================== */


/* ========================== Single Post Page styling ========================== */
.blog-page .pagination{margin: 30px 0 40px;}
.blog-page .written-by{
    margin: 0 0 90px;
    padding: 20px;
    background-color: #efefef;
    color: #525254;
    font-size: 20px;
}
.blog-page .written-by > p > a{color: inherit;}
.blog-page .written-by > p > a:hover{color: #3d83bf;}
.blog-page .written-by > img{display: inline-block;}
.blog-page .rel-posts{
    margin: 0 0 70px;
    padding: 80px 0 70px;
    border: solid #efefef;
    border-width: 1px 0;
}
.comment-reply-title,
.comments-title,
.blog-page .rel-posts > .title{
    margin: 0 0 30px;
    font-size: 60px;
}
.blog-page .rel-posts .item{
    float: left;
    width: 22%;
    margin: 0 3% 30px 0;
}
.blog-page .rel-posts .item:last-child{margin-right: 0;}
.blog-page .rel-posts .item > .title{
    margin: 10px 0;
    color: #777;
    font-size: 14px;
}
.blog-page .rel-posts .item:hover > .title{color: inherit;}
/* ========================== End Of Single Post Page styling ========================== */


/* ========================== Comments styling ========================== */
.comment-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.comment-list li{margin: 0 0 30px;}
.comment-list li > article{
    margin: 0 0 15px;
    padding: 30px;
    background-color: #efefef;
}
.comment-list li .comment-meta{
    margin: 0 0 20px;
    overflow: hidden;
}
.comment-list li .comment-meta .avatar{
    float: left;
    margin: 0 20px 0 0;
}
.comment-list li .comment-meta .fn{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
}
.comment-list li .comment-meta .says{display: none;}
.comment-list li .comment-meta .comment-metadata{
    margin: 4px 0 0;
    font-size: 12px;
}
.comment-list li .comment-meta .comment-metadata a{color: #777;}
.comment-list li .reply > a:hover,
.comment-list li .comment-meta .comment-metadata a:hover{color: #3d83bf;}
.comment-list li .comment-meta .comment-metadata:before{
    content: '\f017';
    margin-right: 3px;
    font-family: FontAwesome;
}
.comment-list li .reply{text-align: right;}
.comment-list li .reply > a{
    text-transform: uppercase;
    color: #525254;
    font-size: 14px;
}

.comment-respond .comment-reply-title{color: #333;}
.comment-respond .comment-reply-title > small{
    font-weight: 400;
    font-size: 36px;
}
.comment-respond textarea{
    padding: 10px;
    border: 1px solid #e7e7e7;
}
.comment-respond .submit{
    margin: 20px 0 0;
    text-transform: none;
}
/* ========================== End Of Comments styling ========================== */


/* ========================== Media Queries ========================== */
@media all and (max-width: 1200px) {
    .form-styling .gform_wrapper .gform_button[type="submit"],
    .btn{padding: .5em 1.2em;}

    #content > .content{padding: 60px 30px;}
    #content > .content.front > .holder{padding: 60px 30px 40px;}

    #main-nav ul > li a{padding: 20px 15px;}
    #search-form-cont{margin: 40px 0 0 10px;}

    .front .service-list{padding: 0 0 30px;}

    .partner-list .item{width: 40%;}
    .other-info{
        padding-bottom: 100px;
        font-size: 30px;
    }

    #contact-form > .form-clear-btn{margin-top: -46px;}

    .page-services .promo-banner{margin-bottom: -60px;}
}

@media all and (max-width: 992px) {
    #header .home-link{width: 200px;}
    #main-nav{margin-top: 8px;}
    #main-nav ul > li a{font-size: 17px;}
    #search-form-cont{margin-top: 25px;}

    .banner.standard,
    .banner.owl-carousel .item{height: 450px;}
    .banner .holder{max-width: 60%;}
    .banner .text{font-size: 30px;}
    .banner .link{font-size: 18px;}

    .service-list .item > .img-cont{height: 170px;}
    .service-list .stage-cont{width: auto;}
    .service-list .stage-cont > .item{
        width: 46%;
        margin: 0 3.5% 40px 0;
    }

    .sidebar .widgettitle{
        margin: 0 0 20px;
        font-size: 28px;
    }
    .comment-reply-title,
    .comments-title,
    .blog-page .rel-posts > .title{font-size: 32px;}
    .blog-page .written-by{margin: 0 0 60px;}
    .blog-page .rel-posts{
        margin: 0 0 40px;
        padding: 40px 0 10px;
    }
}

@media all and (max-width: 768px) {
    .mobile-hid{display: none;}
    .mobile-vis{display: block;}
    .desktop-hid{display: block;}

    .form-styling .gform_wrapper .gform_button[type="submit"],
    .btn-link,
    .btn{font-size: 16px;}

    .form-styling{font-size: 18px;}
    .form-styling textarea,
    .form-styling select,
    .form-styling input[type="number"],
    .form-styling input[type="email"],
    .form-styling input[type="text"]{
        padding: 7px;
        font-size: 16px;
    }

    .owl-carousel.round-arrows .owl-next,
    .owl-carousel.round-arrows .owl-prev{
        width: 50px;
        height: 50px;
        margin: -25px 0 0;
    }
    .owl-carousel.round-arrows .owl-next > i,
    .owl-carousel.round-arrows .owl-prev > i{font-size: 50px;}

    .banner .holder{padding-top: 80px;}

    .testimonial-cont{padding: 20px 0;}
    .testimonial .item{
        padding: 30px 0 0 65px;
        background-size: 55px;
    }
    .testimonial .item > img{margin-right: 20px;}
    .testimonial .item.with-img .author{font-size: 20px;}

    #header .home-link{float: none;}
    #footer > .footer-bottom,
    #footer > .footer-top{padding: 40px 30px;}

    #main-nav{
        display: none;
        float: none;
        margin: 0;
        text-align: center;
    }
    #main-nav.actv{display: block;}
    #main-nav ul > li{
        display: block;
        border-top: 1px solid #fff;
        background-color: #3d83bf;
    }
    #main-nav ul > li.current-menu-item,
    #main-nav ul > li:hover{background-color: #525254;}
    #main-nav ul > li a{
        padding: 9px;
        color: #fff !important;
        font-size: 12px;
    }
    #search-form-cont{
        float: none;
        margin: 15px auto;
        text-align: center;
    }
    #search-form{
        top: auto;
        bottom: 100%;
        left: 0;
        margin: 0 auto;
    }

    #content > .content{padding: 30px;}
    #content > .content.front > .holder{padding: 30px;}

    .service-list .item{
        width: 100%;
        margin-bottom: 30px;
    }
    .service-list .item > .img-cont{height: 220px;}
    .service-list .item > .title{font-size: 24px;}

    .recent-post-list{margin: 0 -30px;}
    .recent-post-list > .wrapper{padding: 30px 0;}
    .recent-post-list .item{
        width: 100%;
        margin: 0 0 30px;
    }
    .recent-post-list .item:last-child{margin: 0;}

    .promo-banner{
        max-width: inherit;
        padding: 40px 0;
    }
    .promo-banner .title{font-size: 30px;}
    .promo-banner .text{font-size: 28px;}

    .info-cont.with-img img{margin-right: 20px;}
    .partner-list{padding: 20px 0;}
    .partner-list .item{
        max-width: 400px;
        width: auto;
    }
    .other-info{
        padding: 40px 0;
        font-size: 24px;
    }

    .page-services .promo-banner{margin-bottom: -30px;}

    .contact-cont .lft{
        float: none;
        width: 100%;
        margin: 0 0 40px;
        padding: 0;
    }
    .contact-cont .rgt{width: 100%;}
    #contact-form > .form-clear-btn{margin-top: -37px;}

    .blog-page > div > aside,
    .blog-page > div > .lft{
        float: none;
        width: 100%;
        padding: 0;
    }
    .blog-page > div > .lft{margin: 0 0 40px;}
    .comment-reply-title,
    .comments-title,
    .blog-page .rel-posts > .title{
        margin: 0 0 20px;
        font-size: 28px;
    }
}

@media all and (max-width: 620px) {
    #header > .home-link{width: 120px;}

    #content > .content{padding: 30px 20px;}
    #content > .content.front > .holder{padding: 30px 20px 20px;}
    #footer > .footer-bottom,
    #footer > .footer-top{padding: 40px 20px;}

    .service-list .stage-cont > .item{
        float: none;
        width: 100%;
        margin: 0 auto 30px;
    }

    .recent-post-list{
        margin: 0 -20px;
        padding: 0 20px;
    }
    .recent-post-list > .wrapper{padding: 30px 0;}

    .promo-banner{margin: 0 -20px;}

    #contact-form .gfield:not(:last-child){
        float: none;
        width: auto;
    }
    #contact-form > .form-clear-btn{
        float: none;
        width: 100%;
    }

    .blog-page .rel-posts .item{
        width: 47%;
        margin: 0 6% 30px 0;
    }

    .single-post.blog-page .post-data > img{
        float: none;
        width: 100%;
        margin: 0 0 15px;
    }
    .single-post.blog-page .post-data > .holder > .title,
    .single-post.blog-page .post-data > .holder > .info{width: auto;}
}

@media all and (max-width: 480px) {
    #header > .home-link{width: 100px;}
    #header > .phone{
        top: 25px;
        right: 60px;
        font-size: 18px;
    }
    #footer > .footer-top > div > div{width: 100%;}
    #footer > .footer-top > div > .rgt{
        margin: 30px 0 0;
        padding: 0;
    }

    .banner.standard,
    .banner.owl-carousel .item{height: 350px;}
    .banner .holder{
        float: none;
        max-width: 85%;
        margin: 0 auto;
        padding-top: 70px;
    }
    .banner .text{font-size: 26px;}

    .testimonial .item{padding: 0;}
    .testimonial .item.with-img .quote{margin: 0 0 20px;}
    .testimonial .item.with-img .author{margin: 0;}

    .service-list .stage-cont > .stage{font-size: 32px;}
    .service-list .stage-cont > .item{margin-bottom: 20px;}

    .blog-page .written-by{margin: 0 0 40px;}
    .blog-page .rel-posts{
        margin: 0 0 20px;
        padding: 20px 0 0;
    }
}

@media all and (max-width: 375px) {

}

@media all and (max-width: 320px) {

}
/* ========================== End Of Media Queries ========================== */