/* *********************
   Theme Name: Digital Spotlight
   ********************* */

/** Table of Contents:

* 1.0 - Fonts
* 2.0 - Icon-fonts
* 3.0 - General
* 4.0 - Useful classes
* 5.0 - Buttons
* 6.0 - Forms
* 7.0 - Mobile navigation
* 8.0 - Header
* 9.0 - Footer
* 10.0 - Sidebar
* 11.0 - Contact Us
* 12.0 - Testimonials
* 13.0 - Resources
* 14.0 - Business
* 15.0 - About
* 16.0 - Blog
* 17.0 - Client Index and Media Index
* 18.0 - Client Single and Media Single
* 19.0 - Contact
* 20.0 - Contact Alternative
* 21.0 - Resource Page
* 22.0 - 22.0 Resource Single Page And Resource Single Page With Header
* 23.0 - Services page
* 24.0 - Service Single

**/

/* 1.0 Fonts
***************************** */
@font-face {
    font-family: 'AvenirBook';
    src: url('../fonts/AvenirBook.eot');
    src: url('../fonts/AvenirBook.eot') format('embedded-opentype'),
    url('../fonts/AvenirBook.woff2') format('woff2'),
    url('../fonts/AvenirBook.woff') format('woff'),
    url('../fonts/AvenirBook.ttf') format('truetype'),
    url('../fonts/AvenirBook.svg#AvenirBook') format('svg');
}
@font-face {
    font-family: 'AvenirMedium';
    src: url('../fonts/AvenirMedium.eot');
    src: url('../fonts/AvenirMedium.eot') format('embedded-opentype'),
    url('../fonts/AvenirMedium.woff2') format('woff2'),
    url('../fonts/AvenirMedium.woff') format('woff'),
    url('../fonts/AvenirMedium.ttf') format('truetype'),
    url('../fonts/AvenirMedium.svg#AvenirMedium') format('svg');
}
@font-face {
    font-family: 'AvenirBlack';
    src: url('../fonts/AvenirBlack.eot');
    src: url('../fonts/AvenirBlack.eot') format('embedded-opentype'),
         url('../fonts/AvenirBlack.woff2') format('woff2'),
         url('../fonts/AvenirBlack.woff') format('woff'),
         url('../fonts/AvenirBlack.ttf') format('truetype'),
         url('../fonts/AvenirBlack.svg#AvenirBlack') format('svg');
}
@font-face {
    font-family: 'AvenirHeavy';
    src: url('../fonts/AvenirHeavy.eot');
    src: url('../fonts/AvenirHeavy.eot') format('embedded-opentype'),
         url('../fonts/AvenirHeavy.woff2') format('woff2'),
         url('../fonts/AvenirHeavy.woff') format('woff'),
         url('../fonts/AvenirHeavy.ttf') format('truetype'),
         url('../fonts/AvenirHeavy.svg#AvenirHeavy') format('svg');
}
@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/GothamBook.eot');
    src: url('../fonts/GothamBook.eot') format('embedded-opentype'),
    url('../fonts/GothamBook.woff2') format('woff2'),
    url('../fonts/GothamBook.woff') format('woff'),
    url('../fonts/GothamBook.ttf') format('truetype'),
    url('../fonts/GothamBook.svg#GothamBook') format('svg');
}

@font-face {
    font-family: 'gothamBold';
    src: url('../fonts/gothamBold.eot');
    src: url('../fonts/gothamBold.eot') format('embedded-opentype'),
    url('../fonts/gothamBold.woff2') format('woff2'),
    url('../fonts/gothamBold.woff') format('woff'),
    url('../fonts/gothamBold.ttf') format('truetype'),
    url('../fonts/gothamBold.svg#gothamBold') format('svg');
}

/* 2.0 Icon-fonts
***************************** */
@font-face {
    font-family: 'icomoon';
    src:url('../icon-fonts/icomoon.eot?bnw2hw');
    src:url('../icon-fonts/icomoon.eot?bnw2hw#iefix') format('embedded-opentype'),
    url('../icon-fonts/icomoon.ttf?bnw2hw') format('truetype'),
    url('../icon-fonts/icomoon.woff?bnw2hw') format('woff'),
    url('../icon-fonts/icomoon.svg?bnw2hw#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fb-management:before {
  content: "\e908";
}
.icon-google-management:before {
  content: "\e909";
}
.icon-website:before {
  content: "\e90a";
}
.icon-social:before {
  content: "\e90b";
}
.icon-seo:before {
  content: "\e90c";
}
.icon-close:before {
  content: "\e907";
}
.icon-open:before {
  content: "\e906";
}
.icon-bottom:before {
  content: "\e913";
}
.icon-top:before {
  content: "\e912";
}
.icon-quote-left:before {
  content: "\e90e";
}
.icon-quote-right:before {
  content: "\e910";
}
.icon-circle:before {
  content: "\e90d";
}
.icon-plus:before {
  content: "\e917";
}
.icon-minus:before {
  content: "\e916";
}
.icon-comment:before {
  content: "\e915";
}
.icon-share:before {
  content: "\e914";
}
.icon-arrow-right:before {
  content: "\e911";
}
.icon-arrow-left:before {
  content: "\e90f";
}
.icon-search:before {
  content: "\e905";
}
.icon-instagram:before {
  content: "\e904";
}
.icon-twitter:before {
  content: "\e903";
}
.icon-google-plus:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e901";
}
.icon-phone:before {
  content: "\e900";
}
.icon-linkedin-square:before {
  content: "\f08c";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-square:before {
  content: "\f0d3";
}
.icon-youtube-square:before {
  content: "\f166";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-angle-down:before {
  content: "\f107";
}

/* 3.0 General
***************************** */
p {
    font-size: 16px;
}
/*sections*/
.row{
    max-width: 1250px;
}

.content-main{
    padding: 80px 0;
}
.section > .row{
    margin-bottom: 80px;
}
.blue-section{
    padding: 80px 0;
    background-color: #091835;
}
.inner-blue-section{
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
}
.blue-section h3,
.blue-section p{
    color: #fff;
    font-size: 16px;
}
.blue-section h2{
    color: #fff;
    letter-spacing: 3px;
}
.blue-section .button{
    border: 2px solid #fff;
    margin-bottom: 0;
}
.blue-section .button:hover{
    border-color: #fff;
}
.blue-section form{
    margin-top: 40px;
}
.blue-section input[type="email"]{
    background-color: transparent;
    border-right: 0;
    color: #fff;
}

.blue-section input[type="email"]::-webkit-input-placeholder{
    color: #fff;
}
.blue-section input[type="email"]:-moz-placeholder{
    color: #fff;
}
.blue-section input[type="email"]::-moz-placeholder{
    color: #fff;
}
.blue-section input[type="email"]:-ms-input-placeholder{
    color: #fff;
}
.blue-section input[type="email"]::-ms-input-placeholder {
    color: #fff;
}

.postid-2986 .single .head-bottom h1 {font-size: 72px !important;}
@media only screen and (max-width: 40em) {
    .blue-section input[type="email"]{
        border-right: 1px solid #fff;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 1024px) {
    .content-main {
        padding: 40px 0;
    }
    .testimonials blockquote p {
        line-height: 1.6;
    }
}
@media only screen and (max-width: 40.063em) {
    .section > .row{
        margin-bottom: 20px;
    }
    .blue-section{
        padding: 30px 0;
        background-color: #091835;
        text-align: center;
    }
    .blue-section form{
        margin-top: 0;
    }

    .blue-section input[type="submit"]{
        margin-bottom: 0;
        display: block;
        width: 100%;
    }

}

/* useful classes */
.clear-list{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.clear-list > li{
    margin-bottom: 0;
}
.brd-top{
    border-top: 1px solid #d2d5dc;
}
.brd-right{
    border-right: 1px solid #ececec;
}
.space{
    margin-top: 50px;
}

/* bxslider */
.bx-wrapper .bx-viewport{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: 0;
}
.bxslider{
    margin: 0;
    list-style-type: none;
    padding: 0;
}
.bx-wrapper img{
    margin: 0 auto;
}
.bx-wrapper {
    margin: 0 auto 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a{
    background-color: #fff;
    border: 1px solid #cdcdcd;
    outline: none;

}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
    background-color: #091835;
}
.bx-wrapper .bx-controls-direction a{
    background-color: #fff;
    width: 30px;
    height: 28px;
}
.bx-wrapper .bx-prev{
    background-image: url("../img/left_arrow.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    /*left: 5px;*/
}
.bx-wrapper .bx-prev:hover ,
.bx-wrapper .bx-next:hover{
    background-position: 0 0;
}
.bx-wrapper .bx-next{
    background-image: url("../img/right_arrow.png");
    background-repeat: no-repeat;
    background-position: 0 0;
   /* right: 5px;*/
}
@media only screen and (max-width: 1024px){
    .bx-wrapper .bx-controls-direction a{
        top:auto;
        bottom: 0;
    }
    .bx-wrapper .bx-pager{
        display: none;
    }
}

/* form-gray  and form-blue*/
.form-box{
    padding: 40px 50px;
}
.form-box h3{
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 30px;
    font-family: AvenirHeavy;
    text-transform: none;
    font-size: 22px;
}
.form-box input[type="text"],
.form-box input[type="email"],
.form-box input[type="tel"],
.form-box input[type="url"]{
    height: 48px;
    padding: 5px 20px;
    margin-bottom: 6px;
    font-family: AvenirBook;
    font-size: 15px;
    line-height: 1;
    border-color: #c4c4c4;
    box-shadow: none;
    background-color: #fff;
}
.form-box input[type="text"]::-webkit-input-placeholder,
.form-box input[type="email"]::-webkit-input-placeholder,
.form-box input[type="tel"]::-webkit-input-placeholder,
.form-box input[type="url"]::-webkit-input-placeholder{
    color: #c4c4c4;
}
.form-box input[type="text"]:-moz-placeholder,
.form-box input[type="email"]:-moz-placeholder,
.form-box input[type="tel"]:-moz-placeholder,
.form-box input[type="url"]:-moz-placeholder{
    color: #c4c4c4;
}
.form-box input[type="text"]::-moz-placeholder,
.form-box input[type="email"]::-moz-placeholder,
.form-box input[type="tel"]::-moz-placeholder,
.form-box input[type="url"]::-moz-placeholder{
    color: #c4c4c4;
}
.form-box input[type="text"]:-ms-input-placeholder,
.form-box input[type="email"]:-ms-input-placeholder,
.form-box input[type="tel"]:-ms-input-placeholder,
.form-box input[type="url"]:-ms-input-placeholder{
    color: #c4c4c4;
}
.form-box input[type="text"]::-ms-input-placeholder,
.form-box input[type="email"]::-ms-input-placeholder,
.form-box input[type="tel"]::-ms-input-placeholder,
.form-box input[type="url"]::-ms-input-placeholder {
    color: #c4c4c4;
}
.form-box input[type="submit"]{
    margin-bottom: 0;
    margin-top: 5px;
    height: 48px;
}
.form-box input[type="submit"]:hover{
    border: 2px solid #091835;
    outline: none;
}
.form-gray{
    background-color: #f2f2f2;
}
.form-blue{
    background-color: #0c2553;
}
.form-gray h3{
    color: #091835;
}
.form-blue h3{
    color: #fff;
}
@media only screen and (max-width: 1024px){
    .form-box{
        padding: 25px 20px;
    }
}

/* pagination */
ul.pagination li a,
ul.pagination li span,
ul.pagination li button{
    font-family: 'gothamBold';
    font-size: 15px;
    color: #091835;
    text-decoration: none;
    border-radius: 50%;
    padding: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 28px;
    display: block;
}
ul.pagination li.current a,
ul.pagination li span.current,
ul.pagination li.current button{
    background-color: #091835;
    color: #fff;
}
@media only screen and (max-width: 1024px){
    .pagination-block{
        text-align: center;
    }
    ul.pagination{
        display: inline-block;
    }
}
/* 5.0 - Buttons
***************************** */
button,
.button{
    font-family: 'AvenirMedium';
    text-transform: uppercase;
    letter-spacing: 4px;
    background-color: #091835;
    border: 2px solid #091835;
    padding: 10px 20px;
    white-space: nowrap;
}
button:hover,
.button:hover{
    background-color: #fff;
    color: #091835;
}
.button-border{
    background-color: #fff;
    color: #091835;
    -webkit-transition: background-color 0.8s ease, color 0.8s ease, border 0.8s ease;
    -moz-transition: background-color 0.8s ease, color 0.8s ease, border 0.8s ease;
    transition: background-color 0.8s ease, color 0.8s ease, border 0.8s ease;
}
.button-border:hover{
    background-color: #091835;
    color: #fff;
}
.button-group .button:first-child{
    margin-right: 10px;
}
@media only screen and (max-width: 1024px){
    button,
    .button{
        letter-spacing: 1px;
    }
    .button-group .button{
        margin-right: 0;
        width: 48%;
    }
}
@media only screen and (max-width: 40.063em){
    .button-group .button{
        display: block;
        width: 100%;
    }
}

/* 6.0 - Forms
***************************** */
input:not([type]),
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea{
    background-color: #e7e7e7;
    border-color: #bfc5d2;
    box-shadow: none;
    color: #707274;
    font-size: 15px;
    height: 46px;
    margin: 0 0 20px 0;
    padding: 5px 25px;
    font-family: 'AvenirBook';
}
.prefix,
.postfix {
    height: 46px;
    line-height: 44px;
}
.prefix.button{
    border: 2px solid #091835;
}

/* 7.0 Mobile navigation
***************************** */
.mobile-nav,
.menu-toggle{
    display: none;
}
@media only screen and (max-width: 1024px){
    .menu-toggle{
        display: block;
        position: absolute;
        left: 0.9375rem;
        top: 12px;
        font-size: 36px;
        color: #fff;
        line-height: 1;
        text-decoration: none;
    }
    .menu-toggle:hover,
    .menu-toggle:focus{
        color: #fff;
    }
    .mobile-nav .menu-toggle{
        right: 30px;
        top: 25px;
        left: auto;
    }
    .mobile-nav {
        display: block;
        position: fixed;
        top: 0;
        width: 250px;
        left: -250px;
        background-color: #091835;
        padding: 50px 30px;
        min-height: 100%;
        height: 100%;
        overflow-y: auto;
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        transition: all 0.8s ease;
        z-index: 9999;
    }
    .mobile-nav ul{
        margin: 0;
        list-style-type: none;
    }
    .mobile-nav ul a{
        font-family: 'AvenirMedium';
        font-size: 16px;
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        padding: 10px 0;
        color: rgba(255, 255, 255, 0.5);
        border-bottom: 1px solid  rgba(255, 255, 255, 0.2);
        -webkit-transition: color 0.5s ease, border 0.5s ease;
        -moz-transition:  color 0.5s ease, border 0.5s ease;
        transition: color 0.5s ease, border 0.5s ease;
    }
    .mobile-nav ul a:hover{
        color: #fff;
        border-bottom: 1px solid  #fff;
    }
    .open .mobile-nav {
        left: 0;
    }
}

/* 8.0 Header
***************************** */
.preheader{
    font-family: 'AvenirMedium';
    background-color: #091835;
    padding: 5px 0;
}
.header-main {
    position: relative;
    /*overflow: hidden;*/
    /*background-color: #171e2b;*/
    background-color: #091835;

}
.header-main p {
    color: #fff;
}
.header-main video{
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    z-index: 1;
    background-color: #171E2B;
}
.header-main .filter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(13, 31, 67, .75);
}
/*.new-ui .header-main .filter {
    background-color: rgba(13, 31, 67, .45);
}*/
.header-main-inner{
    position: relative;
    z-index: 3;
}

.head-phone{
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,0.5);
}
.head-phone i{
    margin-right: 5px;
}
.head-social{
    padding-left: 0;
    margin: 0;
    list-style-type: none;
}
.head-social li{
    float: left;
    margin-right: 20px;
}
.head-social li:last-child{
    margin-right: 0;
}
.head-social li a{
    color: rgba(255,255,255,0.6);
    font-size: 19px;
    text-decoration: none;
}
.head-social li a:hover{
    color: #fff;
}
.head-top{
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.head-top .large-9{
    border-right: 1px solid rgba(255, 255, 255, 0.15);;
}

.head-logo{
    margin-top: 35px;
    margin-bottom: 0;
    line-height: 1;
}
.head-logo a{
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}
.head-nav{
    margin-top: 72px;
}
.head-nav ul{
    margin: 0;
    list-style-type: none;
}
.head-nav li{
    float: left;
    margin-right: 30px;
}
.head-nav li:last-child{
    margin-right: 0;
}
.head-nav li a{
    text-decoration: none;
    font-family: 'AvenirMedium';
    color: #fff;
    position: relative;
    display: block;
    padding-bottom: 30px;
    text-transform: uppercase;
}

.head-nav ul li a:hover:after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}
.head-search{
    margin-top: 60px;
}
.head-search input{
    display: none;
}
.head-search .btn-search{
    color:#fff;
    font-size: 16px;
    background-color: transparent;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    line-height: 38px;
    opacity: .6;
}
.head-search .btn-search .icon{
    display: inline-block;
    /*margin-left: 2px;
    margin-bottom: 6px;*/
    margin-left: 4px;
    margin-bottom: 8px;
}
.head-search .active + .btn-search,
.head-search .btn-search:hover {
    color: #fff;
    opacity: 1;
}
.head-bottom {
    padding: 100px 0;
}
.head-bottom .row{
    max-width: 970px;
}

.head-bottom-two-col .form-box{
    max-width: 82%;
}
.head-bottom-two-col .head-bottom-txt{
    margin-top: 60px;
}
.head-bottom-txt{
    font-family: 'AvenirMedium';
    margin-bottom: 50px;
}
.head-bottom-txt h2{
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0;
    margin-bottom: 40px;
}
.head-bottom-txt p{
    font-size: 20px;
    line-height: 34px;
    color: #fff;
    margin-bottom: 0;
}
.head-bottom-list{
    margin: 0 -15px;
    list-style-type: none;
}
.head-bottom-list li{
    float: left;
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}
.head-bottom-list li a{
    color: #fff;
    font-size: 16px;
    line-height: 1;
}
.head-bottom-list li a i{
    font-size: 25px;
    float: left;
    width: 25px;
}
.head-bottom-list li a span{
    padding-left: 10px;
    float: left;
}
.head-bottom-list li:nth-child(3n){
    clear: right;
}
.head-bottom-two-col.head-bottom{
    padding-bottom: 0;
}
.head-bottom-two-col .row{
    max-width: 1250px;
}
.head-bottom-two-col .head-bottom-txt{
    text-align: left;
    max-width: 80%;
}
.head-bottom-two-col .head-bottom-txt h2{
    font-size: 40px;
    letter-spacing: 0;
    margin-bottom: 30px;
}
.header-secondary .head-top{
    padding: 20px 0;
    background-color: #0c2553;
}
.header-secondary .head-top .large-9{
    border-right: 0;
}
.header-secondary .head-top .head-logo{
    margin-top: 0;
}
.header-secondary .head-top .head-nav{
    margin-top: 40px;
}
.header-secondary .head-top .head-nav li a{
    padding-bottom: 0;
}
.header-secondary .head-top .head-search{
    margin-top: 25px;
}
@media only screen and (max-width: 90.063em) {
    .head-nav li{
        margin-right: 20px;
    }
}
@media only screen and (max-width: 1024px){
    .head-top{
        padding: 10px 0;
    }
    .head-top .large-9{
        display: none;
    }
    .head-logo {
        margin-top: 0;
        margin-left: 50px;
    }
    .head-search{
        margin-top: 20px;
        text-align: right;
    }
    .head-search .btn-search {
        border-width: 2px;
        font-size: 12px;
        width: 30px;
        height: 30px;
        display: inline-block;
    }
    .head-search .btn-search .icon{
        margin-bottom: 14px;
        margin-left: 1px;
    }
    .head-bottom{
        padding: 50px 0;
    }

    .head-bottom-txt{
        margin-bottom: 30px;
        text-align: center;
    }

    .head-bottom-list{
        display: inline-block;
    }
    .head-bottom-txt h2{
        margin-bottom: 20px;
    }
    .head-bottom-list li{
        float: none;
        width: 100%;
        text-align: left;
    }
    .head-bottom-two-col .form-box{
        max-width: 100%;
    }
    .head-bottom-two-col .head-bottom-txt {
        max-width: 100%;
        margin-top: 30px;
    }
    .head-bottom-two-col .head-bottom-txt h2 {
        letter-spacing: 3px;
        margin-bottom: 20px;
    }
    .head-bottom-two-col .form-gray{
        padding: 20px;
    }
    .head-bottom-two-col .form-gray h3{
        margin-bottom: 15px;
    }
    .header-main-two-col.header-secondary{
        padding-top: 0;
    }
    .header-secondary .head-top .head-search{
        margin-top: 17px;
    }
}

@media only screen and (max-width: 40.063em){
    .menu-toggle{
        top: 8px;
    }
    .head-search {
        margin-top: 16px;
    }
    .head-phone{
        letter-spacing: normal;
    }
    .head-social li {
        margin-right: 15px;
    }
    .head-bottom{
        padding:30px 0;
    }
    .head-bottom.head-bottom-two-col{
        padding-bottom: 0;
    }
    .head-bottom-two-col .head-bottom-txt {
        text-align: center;
        margin-top: 0;
    }
    .head-bottom-txt h2 {
        letter-spacing: normal;
        margin-bottom: 10px;
    }
    .head-bottom-txt p {
        font-size: 17px;
        line-height: 25px;
    }

    .head-bottom-list li{
        margin-bottom: 10px;
        text-align: left;
    }
    .head-bottom-list li a{
        font-size: 13px;
    }
    .head-bottom-list li a i{
        font-size: 20px;
    }
    .header-secondary .head-top .head-search{
        margin-top: 14px;
    }
    .head-bottom-two-col .form-box{
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
        max-width: none;
    }
}

/* 9.0 Footer
***************************** */
/* .foot-top{
    padding: 76px 0;
}
.foot-logo{
    display: inline-block;
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #091835;
}
.foot-info p{
    font-size: 16px;
    color: #091835;
    margin-bottom: 40px;
}
.foot-social {
    list-style-type: none;
    margin: 0;
}
.foot-social li{
    float: left;
    margin-right: 15px;
}
.foot-social li a{
    font-size: 16px;
    color: #6b7486;
    text-decoration: none;
}
.foot-social li a:hover{
    color: #091835;
}
.foot-links ul{
    list-style-type: none;
    margin: 0;
}
.foot-links ul li{
    margin-bottom: 20px;
}
.foot-links ul li a{
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    text-decoration: underline;
    color: #091835;
}
.foot-links ul li a:hover{
    text-decoration: none;
}
.foot-bottom{
    padding: 55px 0;
    border-top: 1px solid #e4e7ee;
}
.foot-nav ul{
    list-style-type: none;
    margin: 0;
}
.foot-nav ul li{
    float: left;
    margin-right: 25px;
}
.foot-nav ul li:last-child{
    margin-right: 0;
}
.foot-nav ul li a{
    font-family: 'AvenirMedium';
    font-size: 14px;
    line-height: 1;
    color: #091835;
    text-decoration: none;
}
.foot-nav ul li a:hover{
    text-decoration: underline;
}
.copyright{
    font-size: 14px;
    color: #999;
    text-align: right;
    margin-bottom: 0;
} */
/* @media only screen and (max-width: 1024px){
    .footer{
        border-top: 0;
    }
    .foot-top{
        padding: 40px 0 0;
        background-color: #F6F6F6;
    }
    .foot-top>.row>.columns.large-8{
        background-color: #fff;
    }
    .foot-links.visible-for-medium-down{
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
    }

    .foot-logo,
    .foot-info p{
        margin-bottom: 20px;
    }
    .foot-info{
        padding-bottom: 20px;
    }
    .mobile-foot-links{
        border-top: 1px solid #d6d6d6;
        padding: 20px 0.9375rem 0;
    }
    .mobile-foot-links ul{
        display: none;
    }
    .mobile-foot-title{
        cursor: pointer;
        position: relative;
    }
    .mobile-foot-title i{
        position: absolute;
        right: 0;
        top: 4px;
        font-size: 20px;
    }
    .foot-bottom{
        text-align: center;
        padding: 30px 0;
    }
    .foot-nav ul{
        display: inline-block;
    }

    .foot-nav ul li {
        float: none;
        margin: 5px;
        display: inline-block;
    }
    .copyright{
        text-align: center;
    }
} */

/* 10.0 Sidebar
***************************** */
.sidebar{
    padding-left: 40px;
}
.widget{
    margin-bottom: 40px;
}
.widget-link{
    font-family: 'AvenirMedium';
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 3px;
    color: #091835;
    text-transform: uppercase;
    text-decoration: underline;
}
.widget-list ul li{
    margin-bottom: 20px;
}
.widget-list .button{
    width: 100%;
    display: block;
}
.list-row{
    display: table;
}
.list-col{
    display: table-cell;
    vertical-align: middle;
}
.list-col-img{
    width: 30%;
}
.list-col-img img{
    width: 100%;
    height: auto;
}
.list-col-img a{
    display: block;
}
.list-col-txt{
    padding: 0 20px;
}
.list-col-txt h4{
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.list-col-txt p{
    margin-bottom: 0;
}
.widget-testimonials .testimonials{
    padding: 0;
    border: 0;
}
.widget-testimonials .testimonials blockquote{
    padding: 10px 30px;
}
.widget-testimonials .testimonials blockquote p {
    font-size: 16px;
    line-height: 26px;
    font-style: italic;
}
.widget-testimonials .testimonials blockquote p:before,
.widget-testimonials .testimonials blockquote p:after{
    font-size: 35px;
}
.widget-testimonials .testimonials blockquote p:before{
    left: -35px;
}
.widget-testimonials .testimonials blockquote p:after{
    right: -25px;
}
.widget-testimonials .bx-wrapper .bx-controls-direction a,
.widget-testimonials .bx-wrapper  .bx-pager{
    top: auto;
    bottom: -25px!important;
}
.widget-newsletter input[type="text"]{
    /*background-color: #fff;*/
}
@media only screen and (max-width: 1024px){
    .sidebar{
        padding-left: 0;
        margin-top: 50px;
    }
    .widget-newsletter{
        background-color: #f8f8f8;
        padding: 30px 10px;
    }
    .widget-testimonials .bx-wrapper .bx-controls-direction a,
    .widget-testimonials .bx-wrapper  .bx-pager{
        bottom: -40px!important;
    }
    .widget h3{
        font-weight: normal;
    }
}
@media only screen and (max-width: 40.063em){

    .widget-testimonials .testimonials .quote-img img{
        width: 50px;
        height: 50px;
    }
    .widget-testimonials .testimonials .quote-name{
        padding-top: 15px;
        padding-left: 8px;
    }
    .widget-list .button{
        display: block;
        width: 100%;
    }
}

/* 11.0 Contact Us
***************************** */
.contact-us{
    padding: 40px 0;
    background-color: #f7f7f7;
}
.contact-us h2{
    margin-top: 12px;
    margin-bottom: 12px;
}
.contact-us input[type="text"],
.contact-us input[type="email"],
.contact-us input[type="tel"],
.contact-us input[type="url"]{
    border-color: #dee1e8;
    box-shadow:none;
    background-color:transparent;
    border-right: 0;
    color: #000;
    font-size: 16px;
    height: 50px;
    margin-bottom: 0;
    padding: 5px 15px;
}
input[type="checkbox"]{
    -webkit-appearance: textfield;
    background-color: #fff;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    border-radius: 0;
    border: 2px solid #091835;
    height: 13px;
    width: 13px;
    margin: 0 7px 0 0;
    cursor: pointer;
}
input[type=checkbox]:checked{
    background:#091835 !important;
}
.contact-us input[type="submit"]{
    height: 50px;
    border: 2px solid #091835;
    margin-bottom: 0;
}
@media only screen and (max-width: 1024px){
    .contact-us h2 {
        font-family: 'AvenirBook';
        font-size: 17px;
    }
    .contact-us input[type="text"],
    .contact-us input[type="email"],
    .contact-us input[type="tel"],
    .contact-us input[type="url"]{
        border: 0;
        border-bottom: 1px solid #000;
        color: #000;
        font-size: 14px;
        height: 30px;
        /*padding: 0;*/
        margin-bottom: 20px;
    }
    .contact-us .checkbox{
        margin-bottom: 1rem;
    }
    .contact-us input[type="submit"]{
        /*height: 37px;*/
        /*line-height: 35px;*/
        /*font-size: 12px;*/
    }
}

/* 12.0 Testimonials
***************************** */
.testimonials{
    padding: 90px 0 55px 0;
    border-top: 1px solid #e4e7ee;
    border-bottom: 1px solid #e4e7ee;
}
.quote-img{
    float: left;
    border: 1px solid #c9c9c9;
    padding: 5px;
    border-radius: 50%;
}
.quote-img img{
    border-radius: 50%;
    width: 80px;
    height: 80px;
}
.quote-name{
    float: left;
    padding-top: 27px;
    padding-left: 20px;
    text-align: left;
}
.quote-name h5,
.quote-name strong{
    font-family: 'AvenirMedium';
    font-size: 14px;
    line-height: 1;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0;
    font-style: normal;
}
.quote-name h5{
    margin-bottom: 5px;
}
.testimonials .bx-wrapper {
    margin: 0 auto 70px;
}

@media only screen and (max-width: 1024px){
    .testimonials {
        padding: 50px 0;
    }
    .testimonials .bx-wrapper .bx-controls-direction a,
    .home .bx-wrapper .bx-pager,
    .home .bx-wrapper .bx-controls-auto{
        bottom: -40px;
    }
    .testimonials .bx-wrapper .bx-pager {
        display: block;
    }
    .quote-img img{
        width: 60px;
        height: 60px;
    }
    .quote-name{
        padding-left: 10px;
        padding-top: 20px;
    }

}

/* 13.0 Resources
***************************** */
.resource-single-page .content-main .section,
.service-single-page .content-main .section{
    overflow: hidden;
}
.service-single-page .content-main .section>.row,
.resource-single-page .content-main .section>.row{
    margin-left: -25px;
    margin-right: -25px;
}
.service-single-page .content-main .section>.row>.columns,
.resource-single-page .content-main .section>.row>.columns{
    padding-left: 25px;
    padding-right: 25px;
}
.resources{
    padding: 90px 0 45px 0;
    border-bottom: 1px solid #e4e7ee;
}
.resources p{
    font-size: 19px;
    margin-bottom: 40px;
}
.resource-boxes{
    border: 1px solid #ebebeb;
    margin-bottom: 50px;
}
.resource-box{
    border-right: 1px solid #ebebeb;
}
.resource-img{
    background-color: #f7f7f7;
    padding: 30px;
    border-bottom: 1px solid #ebebeb;
}
.resource-txt{
    padding: 30px;
}
.resource-txt-top{
    margin-bottom: 40px;
}

.resource-txt h3,
.resource-txt p{
    font-size: 16px;
    line-height: 23px;
}
.resource-txt h3{
    font-family: 'AvenirMedium';
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0 15px;
}
.resource-txt p{
    margin-bottom: 0;
}

.resource-box ul{
    list-style-type: none;
    margin: 0;
    display: inline-block;
}
.resource-box ul li{
    float: left;
}
.resource-box ul li+li:before{
    content: "|";
    margin-left: 5px;
    margin-right: 10px;
}
.resource-box a{
    font-family: 'AvenirMedium';
    font-size: 14px;
    font-weight: bold;
    color: #091835;
    line-height: 1;
}
.resource-box a:hover{
    text-decoration: underline;
}

@media only screen and (max-width: 1024px){
    .resource-page .services-section{
        padding-bottom: 0;
    }
    .resource-page .resource-section .box{
        padding-bottom: 35px;
        border-bottom: 1px solid #d2d5dc;
    }
    .resource-boxes.visible-for-medium-down{
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 70px;
    }
    .resources{
        padding: 40px 0;
    }
    .resources p {
        font-size: 14px;
    }
    .resource-box{
        border-right: 0;
    }
    .resource-img{
        background-color: #fff;
    }
    .resource-txt{
        padding: 0;
    }
    .resource-txt-top{
        background-color: #f7f7f7;
        padding: 17px;
        margin-bottom: 10px;
    }
    .resource-single-page .client-box,
    .service-single .client-box,
    .service-single-page .client-box,
    .about .client-box{
        border: 1px solid #d2d5dc;
        padding-bottom: 40px;
    }

}
@media only screen and (max-width: 40.063em){
    .resource-single-page .content-main .section,
    .service-single-page .content-main .section{
        overflow: inherit;
    }
    .service-single-page .content-main .section>.row,
    .resource-single-page .content-main .section>.row{
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
    }
    .service-single-page .content-main .section>.row>.columns,
    .resource-single-page .content-main .section>.row>.columns{
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
    .resource-single-page .form-box{
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
    }
    .resource-single-page .head-bottom-two-col .form-box,
    .resource-single-page .head-bottom-two-col .head-bottom-txt
    .service-single-page .head-bottom-two-col .form-box,
    .service-single-page .head-bottom-two-col .head-bottom-txt{
        max-width: none;
    }

    .resource-boxes.visible-for-medium-down{
        max-width: 100%;
    }
    .resource-page .services-section{
        border-top: 1px solid #d2d5dc;
        margin-top: 35px;
    }
    .resource-page .services-section h3{
        text-align: left;
    }
    .resource-page .services-section .box{
        display: table;
        width: 100%;
    }
    .resource-page .services-section .box-img{
        width: 40%;
    }
    .resource-page .services-section .box-img,
    .resource-page .services-section .box-info{
        display: table-cell;
        vertical-align: middle;
    }
    .resource-page .services-section .box-info{
        padding-left: 20px;
        text-align: left;
    }
    .resource-page .services-section .box-info h3{
        margin-bottom: 0;
    }
    .resource-page .services-section .button-group{
        margin-top: 20px;
    }
}
/* 14.0 Business
***************************** */
.business{
    position: relative;
    border-bottom: 1px solid #e4e7ee;
}
.business-col{
    width: 50%;
}
.business-col img{
    width: 100%;
}
.business-inner{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.business-inner.gray h2{
    color: #091835;
}

.business-cont{
    padding: 95px 65px 20px 65px ;
}
.business-cont p{
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 50px;
}
.business-cont .button{
    padding: 10px 15px;
    letter-spacing: 3px;
}
@media only screen and (max-width: 1200px) and (min-width: 1025px){
    .business-cont{
        padding: 20px 10px;
    }
}
@media only screen and (max-width: 1024px){
    .business-col{
        width: 100%;
        float: none!important;
    }
    .business-inner{
        position: static;
        left: auto;
        top: auto;
        background-color: #091835;
        color: #fff;
    }
    .business-inner h2{
        color: #fff;
        text-transform: none;
    }
    .business-inner .button{
        border-color: #fff;
    }
    .business-cont{
        padding: 20px 0;
    }
    .business-inner.gray{
        background-color: #F2F2F2;
        color: #000;
    }
}

/* 15.0 Home-blog
***************************** */
.home-blog{
    background-color: #f7f7f7;
}
.home-blog-menu{
    padding-top: 80px;
}
.home-blog-menu ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 40px;
}
.home-blog-menu ul li{
    line-height: 1;
    margin-bottom: 15px;
}
.home-blog-menu ul li a{
    font-size: 16px;
    line-height: 1;
    text-decoration: underline;
    color: #091835;
}
.home-blog-menu ul li a:hover{
    text-decoration: none;
}
.home-blog-menu .button{
    margin-bottom: 0;
}
.home-blog-list{
    border-left: 1px solid #d6d6d6;
}
.home-blog-img{
    overflow: hidden;
    cursor: pointer;
}
.home-blog-img img{
    display: block;
    width: 100%;
    max-width: none;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.home-blog-img:hover img{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.home-blog-txt{
    min-height: 80px;
    padding: 15px;
    border-right: 1px solid #d6d6d6;
}
.home-blog-txt h3{
    font-family: 'AvenirMedium';
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.5px;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 5px;
}
.home-blog-txt h3 a{
    color: #091835;
}
.home-blog-txt .meta{
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;color: #9eacc8;
    margin-bottom: 0;
}
.more-box{
    padding: 200px 0;
}
.more{
    font-size: 12px;
    text-transform: uppercase;
    color: #5d6d8c;
}
@media only screen and (max-width: 1024px){
    .home-blog{
        padding: 20px 0;
    }
    .home-blog,
    .home-blog-txt{
        background-color: #091835;
    }
    .home-blog-txt{
        border: 0;
    }
    .home-blog-menu{
        padding-top: 0;
    }
    .home-blog-menu h2,
    .home-blog-menu ul li a,
    .home-blog-box h3 a{
        color: #fff;
    }
    .home-blog-menu h2{
        text-transform: none;
    }
    .home-blog-menu .button{
        background-color: #fff;
        color: #091835;
        border: 2px solid #fff;
        margin-bottom: 30px;
    }
    .home-blog-menu .button:hover{
        background-color: #091835;
        color: #fff;
        border-color: #fff;
    }
    .home-blog-txt {
        padding: 15px 30px;
        text-align: center;
    }

    .home-blog .bx-wrapper .bx-prev{
        background-image: url("../img/left_arrow_dark.png");
        left: 0;
    }
    .home-blog .bx-wrapper .bx-next{
        background-image: url("../img/right_arrow_dark.png");
        right: 0;
    }
    .home-blog .bx-wrapper .bx-controls-direction a{
        background-color: #091835;
        width: 26px;
        height: 24px;
        bottom: 15px;
    }
}

/* 16.0 About
***************************** */
.about-section{
    border-bottom: 1px solid #e4e7ee;
}
.logos-block{
    padding: 110px 50px 100px 0;
    border-right: 1px solid #e4e7ee;
}
.logos-block h2{
    font-family: 'AvenirBlack';
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 40px;
}
.logos-block p{
    font-family: 'AvenirBook';
    font-size: 19px;
    line-height: 34px;
}
.logos-block p:last-child{
    margin-bottom: 0;
}
.logos-block p small{
    font-size: 16px;
    line-height: 32px;
}
.logos-block .logos-carousel-box{
    margin-bottom: 50px;
}
.logos-block .bx-wrapper img{
    margin: 0;
}
.about-section .testimonials blockquote{
    padding: 35px 0 0 50px;
}
.about-section .testimonials{
    padding: 90px 50px 55px;
    border: 0;
}

.about-section .bx-controls-direction{
    display: none;
}
.about-section .testimonials blockquote p {
    font-size: 16px;
    line-height: 32px;
    font-style: italic;
    text-align: left;
}
@media only screen and (max-width: 1024px){

    .about .client-section{
        padding: 30px 50px;
    }
    .logos-block {
        padding: 30px 0;
        border-right: 0;
        border-bottom: 1px solid #e4e7ee;
    }
    .logos-block h2 {
        margin-bottom: 30px;
    }
    .logos-block .logos-carousel-box {
        padding-bottom: 20px;
        margin-bottom: 30px;
        border-bottom: 1px solid #e4e7ee;
    }
    .logos-block .bx-wrapper img{
        max-width: 60%;
    }
    .logos-block p {
        font-size: 16px;
        line-height: 24px;
    }
    .logos-block p small{
        font-size: 14px;
        line-height: 22px;
    }
    .about-section .testimonials {
        padding: 40px 0;
    }
    .about-section .testimonials blockquote{
        padding: 25px 35px;
    }
    .about-section .testimonials blockquote p {
        text-align: center;
    }
    .about-section .testimonials blockquote p:before,
    .about-section .testimonials blockquote p:after{
        font-size: 35px;
    }
   .about-section .testimonials blockquote p:before{
        left: -40px;
    }
    .about-section .testimonials blockquote p:after{
        bottom: -10px;
    }
    .about-section .testimonials blockquote .quote-img img{
        width: 50px;
        height: 50px;
    }
    .about-section .testimonials blockquote  .quote-name {
        padding-top: 15px;
        padding-left: 5px;
    }

    .about-section .testimonials .bx-wrapper {
        margin: 0 auto 90px;
    }
    .about-section .bx-controls-direction{
        display: block;
    }
    .about-section .bx-wrapper .bx-pager,
    .about-section .bx-wrapper .bx-controls-auto{
        bottom: -44px;
    }
}
@media only screen and (max-width: 40.063em){
    .about .client-section{
        padding: 40px 0;
    }
    .about-section  .testimonials .button{
        display: block;
        width: 100%;
    }

}

/* client-section */
.client-section{
    padding: 55px 0;
  /*  border-bottom: 1px solid #e1e4eb;*/
}
.client-section h2{
    font-family: AvenirBlack;
    font-size: 30px;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 20px;
}
.client-section p{
    font-size: 19px;
    line-height: 34px;
    margin-bottom: 75px;
}
.box a{
    display: block;
}
.box-img{
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 35px;
}
.box-img img{
    width: 100%;
    height: auto;
    display: block;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;

}
.box-img:hover img{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.box-info p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 35px;
}
.link {
    font-family: AvenirHeavy;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: underline;
    color: #091835;
}
.link:hover {
    opacity: .7;
    color: #091835;
}
.client-info{
    padding: 0 10px;
}
.client-info h3{
    font-weight: normal;
}
.client-info h3 a:hover,
.box a:hover {
    opacity: .7;
    color: #091835;
}
@media only screen and (max-width: 1024px) {
    .client-section .bx-wrapper .bx-controls-direction a {
        bottom: 160px;
    }
    .client-section .bx-wrapper .bx-next{
        right: 10px;
    }
    .client-section .bx-wrapper .bx-prev{
        left: 10px;
    }
}
@media only screen and (max-width: 40.063em){
    .client-section .bx-wrapper .bx-controls-direction a{
        bottom: 266px;
    }
    .client-section{
        padding: 20px 0;
    }
    .client-section h2 {
        margin-bottom: 10px;
    }
    .client-section p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 25px;
    }
    .box{
        margin-bottom: 30px;
    }
}

/* subscribe-section */
.subscribe-section-mobile{
    display: none;
}
.subscribe-section {
background: linear-gradient(
    to right,
    #fbfbfb 0%,
    #fbfbfb 50%,
    #e7e7e7 50%,
    #e7e7e7 100%
  );
}
.subscribe-section .testimonials,
.subscribe-section-mobile .testimonials,
.subscribe-section-mobile .subscribe-block{
    padding: 50px 30px;
}
.subscribe-section h2,
.subscribe-section-mobile h2{
    font-family: AvenirBlack;
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0;
}
.subscribe-section .subscribe-block{
    padding: 50px 30px 50px 0;
}
.subscribe-section .testimonials{
    border: 0;
}
.subscribe-section .testimonials blockquote p:before,
.subscribe-section-mobile .testimonials blockquote p:before,
.subscribe-section .testimonials blockquote p:after,
.subscribe-section-mobile .testimonials blockquote p:after{
    color: #dbdbdb;
}
.subscribe-section-mobile .testimonials blockquote p:before,
.subscribe-section-mobile .testimonials blockquote p:after{
    font-size: 35px;
}
.subscribe-section-mobile .testimonials blockquote p:before{
    left: -30px;
}
.subscribe-section-mobile .testimonials blockquote .quote-name{
    padding-top: 15px;
    padding-left: 8px;
}
.subscribe-section .testimonials blockquote p{
    font-size: 16px;
    font-style: italic;
    line-height: 32px;
    margin-bottom: 40px;
}
.subscribe-section .testimonials .button{
    display: inline-block;
    margin-bottom: 0;
    margin-top: 20px;
    letter-spacing: 0;
}
.subscribe-section .subscribe-block p{
    margin-bottom: 40px;
    line-height: 34px;
}
.subscribe-section .subscribe-block input[type="text"]{
    background-color: #e7e7e7;
    height: 50px;
    padding: 5px 20px;
    margin-bottom: 40px;
}
@media only screen and (max-width: 1270px){
    .subscribe-section .testimonials,
    .subscribe-section .subscribe-block{
        padding: 25px;
    }
}
@media only screen and (max-width: 1024px){
    .subscribe-section-mobile{
        display: block;
    }
    .subscribe-section{
        display: none;
    }
    .subscribe-section-mobile-top{
        background-color: #fbfbfb;
    }
    .subscribe-section-mobile-top input[type="text"]{
        background-color: #fff;
    }
    .subscribe-section-mobile-bottom{
        background-color: #e7e7e7;
    }
    .subscribe-section-mobile-bottom .button:hover{
        background-color: transparent;
    }
    .subscribe-section-mobile-bottom .bx-wrapper .bx-viewport{
        background-color: #e7e7e7;
    }
    .subscribe-section-mobile-bottom .testimonials p:after{
        right: -30px;
    }
     .subscribe-section-mobile-bottom .testimonials blockquote{
         padding: 10px 30px 0;
     }
     .subscribe-section-mobile-bottom blockquote p{
        margin-bottom: 20px;
     }
    .subscribe-section-mobile-bottom .bx-wrapper .bx-controls-direction a{
        background-color: transparent;
     }
    .subscribe-section-mobile-bottom  .bx-wrapper .bx-pager,
    .subscribe-section-mobile-bottom .bx-wrapper .bx-controls-auto{
        bottom: -43px;
    }
    .subscribe-section-mobile-bottom  .bx-wrapper .bx-pager.bx-default-pager a{
        background-color: transparent;
    }
    .subscribe-section-mobile-bottom .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .subscribe-section-mobile-bottom .bx-wrapper .bx-pager.bx-default-pager a.active{
        background-color: #091835;
    }

}
@media only screen and (max-width: 40.063em){
    .subscribe-section-mobile .testimonials,
    .subscribe-section-mobile .subscribe-block{
        padding: 40px 0;
    }
    .subscribe-section-mobile .quote-img img{
        width: 50px;
        height: 50px;
    }
    .subscribe-section-mobile .testimonials blockquote p{
        line-height: 25px;
    }
    .subscribe-section .testimonials .button,
    .subscribe-section-mobile .button{
        display: block;
        width: 100%;
    }
}

/* 17.0 Blog
***************************** */
.blog-content-top{
    padding: 90px 0;
    background-color: #fdfdfd;
    border-bottom: 1px solid #e4e7ee;
}
.blog-content-top-inner{
    display: table;
}
.blog-content-top-img,
.blog-content-top-txt{
    display: table-cell;
    vertical-align: top;
}
.blog-content-top-img{
    width: 40%;
}
.blog-content-top-txt{
    width: 60%;
    padding-left: 30px;
}
.blog-content-top-img img{
    width: 100%;
    height: auto;
}
.blog-content-top-txt p{
    font-size: 19px;
    line-height: 32px;
    margin-bottom: 35px;
}
.blog-content-bottom .bx-pager{
    bottom: -30px;
}
.blog-content-bottom .bx-wrapper .bx-controls-direction a{
    top: auto;
    bottom: -26px;
}
.client-single .bx-wrapper .bx-prev,
.media-single .bx-wrapper .bx-prev,
.blog-content-bottom .bx-wrapper .bx-prev{
    left: 0;
}
.client-single .bx-wrapper .bx-next,
.media-single .bx-wrapper .bx-next,
.blog-content-bottom .bx-wrapper .bx-next{
    right: 0;
}
.post-block{
    padding-right: 40px;
}
.post-block{
    margin-bottom: 75px;
}
.post-header h2{
    margin-bottom: 5px;
}
.post-header h2 a:hover {
    opacity: .7;
    color: #091835;
}
.post-meta{
    margin-bottom: 30px;
}
.post-meta li{
    float: left;
    line-height: 1;
}
.post-meta li:not(:last-child){
    border-right: 2px solid #091835;
    margin-right: 5px;
    padding-right: 5px;
}
.post-meta li a,
.post-meta li > span {
    display: block;
    font-family: 'AvenirMedium';
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.5px;
    text-decoration: none;
    color: #091835;
}
.post-meta li > span {
    color: #000;
}
.post-meta li a:hover{
    opacity: 0.8;
}
.post-meta li a i{
    display: none;
}
.post-social-block{
    text-align: right;
    margin-bottom: 20px;
}
.post-social{
    display: inline-block;
}
.post-social li{
    float: left;
    font-family: 'AvenirMedium';
    font-size: 16px;
    font-weight: bold;
}
.post-social li:not(:last-child){
    margin-right: 10px;
}
.post-social li a{
    font-size: 16px;
    color: #091835;
    text-decoration: none;
}
.post-social li a:hover{
    opacity: 0.7;
}
.post-media{
    overflow: hidden;
    cursor: pointer;
}
.post-media img{
    width: 100%;
    height: auto;
    display: block;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.post-media:hover img{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.read-more{
    font-family: AvenirHeavy;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    text-decoration: underline;
    text-transform: none;
    color: #091835;
}
.read-more:hover{
    color: #091835;
    text-decoration: none;
}
.widget-categories ul li:not(:last-child){
    margin-bottom: 20px;
}
.widget-categories ul li a{
    font-size: 19px;
    line-height: 1;
    text-decoration: underline;
    color: #000;
}
.widget-categories ul li a:hover{
    text-decoration: none;
}

@media only screen and (max-width: 1024px){
    .blog-content-top {
        padding: 30px 0;
    }
    .blog-content-top,
    .blog-content-top-txt,
    .blog-content-top-img{
        width: 100%;
        display: block;
    }
    .blog-content-top-img{
        margin-bottom: 20px;
    }
    .blog-content-top-txt{
        padding-left: 0;
    }
    .blog-content-top-txt h2{
        margin-bottom: 10px;
    }
    .blog-content-top-txt p {
        font-size: 16px;
        line-height: 28px;
    }
    .content-main {
        padding: 40px 0;
    }
    .blog-content-bottom .bx-pager{
        bottom: -10px;
        display: block;
    }
    .blog-content-bottom .bx-wrapper .bx-controls-direction a{
        bottom: -8px;
    }
    .post-block{
        margin-bottom: 40px;
    }
    .post-social-block{
        text-align: left;
        margin-bottom: 10px;
    }
    .post-meta li a i{
        display: inline-block;
    }
    .post-meta li a span{
        display: none;
    }
    .post-body h2{
        margin-bottom: 5px;
    }
    .post-meta li a,
    .post-meta li > span {
        font-family: 'GothamBook';
        font-size: 9px;
    }
    .post-meta{
        margin-bottom: 20px;
    }
    .post-media{
        margin-bottom: 10px;
        position: relative;
    }
    .mobile-post-social{
        padding: 0 10px;
        position: absolute;
        right: 0;
        bottom: 0;
        background-color: #091835;
    }
    .mobile-post-social li a{
        color: #fff;
    }
    .widget-categories ul li:not(:last-child){
        margin-bottom: 15px;
    }
    .widget-categories ul li a {
        font-size: 17px;
    }
}

/* 18.0 Blog Single
***************************** */
.blog-single .content-left{
    border-right: 1px solid #e4e7ee;
}
.blog-single .post-body h3{
    font-size: 16px;
}
.blog-single .post-meta{
    margin-bottom: 0;
}
.recommended-posts{
    padding: 100px 40px 100px 0;
    border-top: 1px solid #e4e7ee;
}
.recommended-posts ul{
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}
.recommended-posts ul li{
    float: left;
    width: 50%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    margin-top: 20px;
    margin-bottom: 20px;
}
.recommended-posts ul li:nth-child(3n){
    clear: left;
}
.recommended-posts ul li a{
    display: block;
}
.recommended-posts ul li img{
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}
.recommended-posts ul li h4{
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
}
@media only screen and (max-width: 1024px){
    .blog-single .content-left{
        border-right: 0;
    }
    .blog-single  .post-header h2{
        margin-bottom: 10px;
    }
    .blog-single .post-social-block{
        text-align: right;
    }
    .recommended-posts{
        padding: 40px 0 0 0;
        border-top: 1px solid #e4e7ee;
    }
    .post-block{
        padding-right: 0;
    }
    .recommended-posts ul li h4{
        font-size: 14px;
    }
    .post-block-for-mobile .button{
        display: block;
        width: 100%;
    }
    .blog-index .post-block{
        padding-bottom: 35px;
        border-bottom: 1px solid #e4e7ee;
    }
    .blog-single .post-meta{
        margin-bottom: 20px;
    }

}
@media only screen and (max-width: 40.063em){
    .blog-single .post-social-block{
        margin-top: 10px;
        text-align: left;
    }
    .recommended-posts ul{
        margin-left: 0;
        margin-right: 0;
    }
    .recommended-posts ul li{
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .recommended-posts ul li{
        display: table;
        width: 100%;
    }
    .recommended-posts ul li a,
    .recommended-posts ul li h4{
        display: table-cell;
        vertical-align: middle;
    }
    .recommended-posts ul li a{
        width: 40%;
    }
    .recommended-posts ul li h4{
        padding-left: 20px;
        line-height: 20px;
    }
    .recommended-posts ul li a img{
        margin-bottom: 0;
    }
}

/* 17.0 Client Index and Media Index
***************************** */
.client .box,
.media .box{
    margin-bottom: 70px;
}

.client .content-left .box-img,
.media .content-left .box-img{
    margin-bottom: 0;
}
@media only screen and (max-width: 1024px){
    .media .content-left h4,
    .client .content-left h4,
    .resource-page .resource-section h4{
        font-size: 15px;
        line-height: 22px;
        padding-bottom: 35px;
        border-bottom: 1px solid #d6d6d6;
    }
    .media-single .content-left h4,
    .client-single .content-left h4,
    .privacy-policy .content-left h4,
    .terms-conditions .content-left h4{
        font-size: 15px;
        line-height: 22px;
    }
    .client .box,
    .media .box{
        margin-bottom: 35px;
        padding-bottom: 35px;
        border-bottom: 1px solid #d6d6d6;
    }
    .client .box-img,
    .client .content-left .box-img,
    .media .box-img,
    .media .content-left .box-img,
    .client .box-info p,
    .media .box-info p{
        margin-bottom: 20px;
    }
    .client .content-left .bx-wrapper .bx-controls-direction a.disabled{
        display: block;
    }
}

/* 18.0 Client Single and Media Single
*************************************** */
.client-single .bx-wrapper .bx-controls-direction a,
.media-single .bx-wrapper .bx-controls-direction a{
    top: auto;
    bottom: -100px;
}
.client-single .content-left .bx-wrapper .bx-pager,
.media-single .content-left .bx-wrapper .bx-pager{
    display: none;
}
.client-block img,
.media-block img{
    width: 100%;
    height: auto;
    margin-bottom: 60px;
}
.media-single  .bx-wrapper .media-section img{
    margin: 0 0 60px;
    width: 100%;
    max-width: none;
}
.media-single .content-left .button-group{
    margin-top: 60px;
}
@media only screen and (max-width: 1024px){
    .media .widget.form-box,
    .media-single .widget.form-box,
    .privacy-policy .widget.form-box{
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
    }
    .client-single .content-left,
    .media-single .content-left{
        margin-bottom: 50px;
    }
    .media-single .content-left .button-group {
        margin-top: 50px;
    }
    .client-single .bx-wrapper .bx-controls-direction a,
    .media-single .bx-wrapper .bx-controls-direction a{
        bottom: -50px;
    }
    .client-block img,
    .media-block img{
        margin-bottom: 30px;
    }
    .media-single  .bx-wrapper .media-section img {
        margin: 0 0 40px;
    }
}

/* 19.0 Contact
*************************************** */
.contact-details-section{
    margin-bottom: 200px;
}
.contact-details{
    border: 1px solid #e7e7e7;
}

.contact-map {
    position: relative;
    padding-top: 40%;
}
.contact-map .acf-map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #e7e7e7;
}
.contact-details .row .medium-4:not(:last-child){
    border-right: 1px solid #e7e7e7;
}
.contact-title{
    padding: 10px 5px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e7e7e7;
    -webkit-transition: background-color 0.8s ease, color 0.8s ease;
    -moz-transition: background-color 0.8s ease, color 0.8s ease;
    transition: background-color 0.8s ease, color 0.8s ease;
}
.contact-title h3{
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 1px;
    -webkit-transition: color 0.8s ease;
    -moz-transition:  color 0.8s ease;
    transition: color 0.8s ease;
}
.contact-detail-blue{
    background-color: #091835;
    color: #fff;
}
.contact-detail-blue h3{
    color: #fff;
}
.contact-title i{
    display: none;
}

.contact-detail{
    padding: 13px 5px;
    font-size: 14px;
    min-height: 70px;
}
.contact-form-section{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
.contact-form-section textarea{
    min-height: 230px;
    margin-bottom: 70px;
    padding: 15px 25px;
}
@media only screen and (max-width: 1024px){
    .contact-details{
        margin-top: 10px;
    }
    .contact-detail{
        min-height: 110px;
    }
    .contact-form-section .button{
        width: 100%;
        display: block;
    }
    .contact-form-section{
        padding-top: 30px;
        border-top: 1px solid #e7e7e7;
    }

}
@media only screen and (max-width: 40.063em){
    .contact-details-section {
        margin-bottom: 0;
    }
    .contact-block{
        margin-bottom: 40px;
    }
    .contact-title{
        cursor: pointer;
        position: relative;
    }
    .contact-title i{
        display: block;
        position: absolute;
        right: 10px;
        top: 16px;
        font-size: 14px;
    }
    .contact-detail{
        display: none;
        min-height: auto;
    }
    .contact-details .row .medium-4:not(:last-child){
        border-right: 0;
        border-bottom: 1px solid #e7e7e7;
    }
    .contact-form-section textarea {
        min-height: 150px;
        margin-bottom: 20px;
    }
}

/* 20.0 Contact Alternative
*************************************** */
.contact-alternative .contact-details-section {
    margin-bottom: 0;
}
.contact-alternative .contact-form-section {
    margin-bottom: 150px;
}
@media only screen and (max-width: 1024px){
    .contact .contact-form-section,
    .contact .contact-form-section p{
        margin-bottom: 40px;
    }
}

/* 21.0 Resource Page
*************************************** */
.resource-section .pagination{
    display: inline-block;
}
.resource-section h4{
    margin-bottom: 0;
}

/* 22.0 Resource single page and Resource single page with header
*************************************** */
.resource-single-page .content-main,
.service-single-page .content-main{
    padding-bottom: 0;
}
.resource-single-page .top-block{
    padding-top: 100px;
}
@media only screen and (max-width: 40.063em){
    .resource-single-page .top-block{
        padding-top: 0;
    }
    .resource-single-page .top-block p{
        margin-bottom: 0;
    }
    .resource-single-page .content-main .section>.row>.columns,
    .service-single-page .content-main .section>.row>.columns{
        margin-bottom: 40px;
    }
    .resource-single-page .section > .row,
    .service-single-page .section > .row{
        margin-bottom: 0;
    }
    .resource-section h4{
        margin-bottom: 20px;
    }
    .resource-single-page .client-section,
    .service-single-page .client-section,
    .service-single .client-section,
    .services-page .client-section{
        padding: 40px 0 0;
    }
    .service-single .service-img{
        text-align: center;
    }
    .services-page .services-section .service-box{
        padding-bottom: 35px;
        border-bottom: 1px solid #e7e7e7;
    }
}

/* 23.0 Services page
*************************************** */
.services-section{
    padding: 80px 0;
}
.latest-post-section{
    padding: 80px 0 135px;
}
.services-section > .row:not(:last-child){
    margin-bottom: 80px;
}
.services-page .post-box{
    display: table;
}
.services-page .post-img,
.services-page .post-info{
    display: table-cell;
    vertical-align: middle;
}
.services-page .post-img{
    width: 45%;
}
.services-page .post-info{
    padding-left: 15px;
}
.services-page .post-info h3{
    font-size: 16px;
    margin-bottom: 0;
}
.services-page .post-info p{
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 5px;
}
@media only screen and (max-width: 1024px){
  /*  .services-page .post-box,
    .services-page .post-img,
    .services-page .post-info{
        display: block;
    }
    .services-page .post-img{
        width: 100%;
        margin-bottom: 15px;
    }
    .services-page .post-info{
        padding-left: 0;
    }*/
}
@media only screen and (max-width: 40.063em){
    .services-section,
    .latest-post-section{
        padding: 40px 0;
    }
    .latest-post-section
    .services-section > .row:not(:last-child){
        margin-bottom: 0;
    }
    .services-page .client-section .client-box{
        padding-bottom: 60px;
        border: 1px solid #e5e5e5;
    }
    .services-page .client-section .client-img{
        margin-bottom: 20px;
    }
    .services-page .client-section .client-ihfo h3{
        margin-bottom: 10px;
    }
    .services-page .client-section .bx-wrapper .bx-controls-direction a{
        bottom: 35px;
    }
}

/* 24.0 Service Single and Service Single Alternative
*************************************** */
.service-single:not(.service-single-alternative) .services-section > .row{
    max-width: 840px;
}
.service-single .head-bottom-two-col .head-bottom-txt h2{
    font-size: 30px;
}
.service-single .service-img img {
    width: auto;
    display: inline-block;
}
.service-single .service-img a{
    display: inline-block;
}
.service-single .service-info h3{
    font-size: 16px;
    margin-bottom: 0;
}
.service-single .service-info p{
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
}
.service-single-alternative > .row{
    border: 1px solid #ececec;
}
.service-single-alternative .service-info h3,
.service-single-alternative .service-info p{
    margin-bottom: 30px;
}
.service-single-alternative .service-info p:last-child{
     margin-bottom: 0;
}
.service-single-alternative .service-img,
.service-single-alternative .service-info{
    padding: 30px;
}
.service-single-alternative .service-img{
    background-color: #f7f7f7;
}
.service-single-alternative .service-box{
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
.service-single .service-img:hover img{
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
@media only screen and (max-width: 40.063em) {
    .service-single .head-bottom-two-col .head-bottom-txt h2{
        font-size: 20px;
    }
    .service-single-alternative .service-img {
        margin-bottom: 0;
    }
    .service-single-alternative .service-info{
        padding: 30px 20px 60px;
    }
    .service-single-alternative .services-section .bx-wrapper .bx-controls-direction a{
        bottom: 40px;
    }
}

.bing{margin-top:39px!important}

/***** Facebook Collection vs Single *****/
.inline-block{
    display: inline-block;
}
.yellow-bg{
    background-color: #ffec00;
}
.blue-bg{
    background: #112c47;
    background: -webkit-linear-gradient(#112c47, #0b1932);
    background: -o-linear-gradient(#112c47, #0b1932);
    background: -moz-linear-gradient(#112c47, #0b1932);
    background: linear-gradient(#112c47, #0b1932);
    color: #fff;
}
.section-sm{
    padding-top: 25px;
    padding-bottom: 25px;
}
.section-md{
    padding-top: 40px;
    padding-bottom: 40px;
}
.section-lg{
    padding-top: 150px;
    padding-bottom: 25px;
}
.arrow-down{
    position: relative;
    padding-left: 10px;
    margin-left: 10px;
    margin-right: 10px;
    top: -4px;
}
.arrow-down:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #f04e23;
    position: absolute;
    left: 0;
    top: 0;
}
.arrow-up{
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    margin-left: 10px;
}
.arrow-up:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #00bfe7;
    position: absolute;
    right: 0;
    bottom: 7px;
}
.flex-child-grow{
    flex-grow: 1;
}
.head-bottom .row-small,
.row-small{
    max-width: 768px;
}
.header .page-header-title{
    vertical-align: top;
    font-size: 90px;
    margin-bottom: 0;
    line-height: 1;
}
.header .page-header-title sup{
    bottom: 2ex;
}
.header .header-under-title{
    color: #fff;
    font-size: 55px;
}
.header .header-under-title .icon-facebook{
    color: #0f253f;
    background: #fff;
    padding: 10px 25px 0;
    margin-top: -15px;
    border-radius: 5px;
    font-size: 80px;
    width: 80px;
    display: inline-block;
    line-height: 1;
}
.head-footer .button{
    background: #ffec00;
    color: #000;
}
.head-footer{
    color: #fff;
}
.head-footer h1,
.head-footer h2{
    color: inherit;
}
.head-footer h1{
    font-size: 85px;
    margin-right: 15px;
}
.head-footer h2{
    font-size: 32px;
}
.progress-results{
    padding-top: 40px;
}
.progress-results h4{
    margin-bottom: 30px;
}
.progress-arrows{
    height: 130px;
    background-image: url(images/lines.png);
    background-position: 0 100%;
    margin-bottom: 100px;
}
.the-res{
    position: relative;
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: flex-end;
    align-items: flex-end;
}
.res-details{
    position: absolute;
    top: calc(100% + 25px);
    left: 0;
    right: 0;
}
.res-details h2{
    margin-bottom: 0;
    line-height: 1;
    font-size: 42px;
}
.comparation-section .section-md{
    overflow: hidden;
}
.comparation-section .sect-small-sircle{
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #ffec00;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 0;
    box-shadow: 0 0 25px -3px rgba(85, 85, 85, 0.6);
}
.comparation-section .sect-v-line{
    position: absolute;
    left: 50%;
    transform: translateX(-100%);
    top: 0;
    bottom: 100%;
    border: 1px dashed #ffec00;
    z-index: 5;
}
.comparation-section h3{
    color: inherit;
    margin-bottom: 25px;
}
.circle-inner{
    background: rgba(255, 236, 0, 0.52);
    box-shadow: 0 0 20px 2px rgba(15, 37, 63, 0.11);
    border-radius: 50%;
    position: absolute;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    transition: all .2s;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    left: 25px;
    top: 25px;
    overflow: hidden;
}
.circle-inner.circle-content{
    background: #ffec00;
    font-size: 60px;
    color: #092847;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    font-family: AvenirBlack;
    line-height: 0.7em;
    z-index: 15;
}
.circle-wrapper {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: rgba(255, 236, 0, 0.82);
    padding: 10px;
    position: relative;
    z-index: 10;
    box-shadow: 0 0 20px 2px rgba(15, 37, 63, 0.11);
    margin-left: auto;
    margin-right: auto;
}
.circle-arrow{
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -100px;
}
.circle-arrow a{
    text-decoration: none;
    color: #092847;
    font-size: 32px;
    cursor: pointer;
}
.circle-container > *:not(.circle-wrapper) {
    position: relative;
    z-index: 11;
}
.blue-circle.circle-wrapper,
.blue-circle .circle-inner {
    background: rgba(14, 35, 61, 0.52);
}
.blue-circle .circle-inner {
    box-shadow: 0 0 3px 2px rgba(17, 42, 68, 0.7)
}
.light-circle.circle-wrapper{
    background: rgba(255, 255, 255, 0.9);
}
.light-circle .circle-inner {
    background: rgba(255, 255, 255, 0.9);
}
.light-circle .circle-inner {
    box-shadow:0 0 3px 2px rgba(237, 237, 237, 0.8)
}
.blue-circle .circle-inner.circle-content {
    background: #0e223c;
}
.blue-circle .circle-inner a{
    color: #fff200;
}
.comparation-section .circle-wrapper{
    transform: translateX(-50%);
    left: 50%;
    top: 100px;
}
.comparation-section .comp-item img{
    position: relative;
    z-index: 20;
}
.test-results h1{
    font-family: AvenirBlack;
    margin: 0;
}
.test-results .section-sm{
    box-shadow: 0 5px 15px -2px #eddb00;
}
.test-results .section-sm h2{
    font-size: 36px;
}
.test-results .section-sm h2,
.test-results .section-sm h4{
    margin-bottom: 0;
}
.simple-section .circle-arrow{
    bottom: -140px;
}
.collection-ads {
    color: #092847;
    background-color: #fff;
    z-index: 12;
}
.collection-ads .row-small .fc-image{
    position: absolute;
    max-width: none;
    top: -100px;
    left: -50px;
}
.collection-ads h1{
    margin-bottom: 40px;
}
.collection-list {
    counter-reset: my-badass-counter;
    padding-right: 15px;
}
.collection-list dt {
    font-family: 'AvenirBlack';
    font-size: 22px;
    position: relative;
    padding-left: 80px;
    margin-bottom: 5px;
}
.collection-list dt:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    background-color: #FFEC00;
    width: 60px;
    height: 60px;
    font-size: 42px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    left: 0;
    top: -12px;
}
.collection-list dd {
    margin-bottom: 50px;
    padding-left: 80px;
}
.collection-list dd:last-child{
    margin-bottom: 0;
}
.collection-list dd p{
    margin-bottom: 0;
}
.collection-list strong{
    display: inline-block;
    font-family: 'AvenirBlack';
    font-size: 70px;
    line-height: 1;
    color: #092847;
    margin-bottom: 10px;
}
.collection-list a{
    display: inline-block;
    margin-bottom: 10px;
}
.collection-list p {
    font-size: 18px;
}
.collection-ads .line:before{
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #ffec00;
    border-radius: 50%;
    position: absolute;
    left: -14px;
    bottom: 225px;
    box-shadow: 0 0 0 4px rgba(254, 234, 52, 0.5), 0 0 0 8px rgba(254, 234, 52, 0.4), 0 0 0 11px rgba(254, 234, 52, 0.3);
    z-index: 5;
}
.collection-ads .line:after{
    content: "";
    position: absolute;
    left:0;
    bottom: -25px;
    height: 250px;
    border: 1px dashed #ffec00;
    z-index: 5;
}
.collection-ads .example{
    margin-top: 490px;
    font-size: 15px;
}
.audiences-section {
    background-color: #00BFE7;
    z-index: 1;
}
.audiences-section *{
    color: #fff;
}
.audiences-section-head{
    box-shadow: inset 0 0 120px 2px rgba(15, 37, 63, 0.11)
}
.audiences-section .circle-wrapper {
    background: rgba(0, 191, 231, 0.82);
    bottom: auto;
    top: -150px;
}
.audiences-section .circle-inner {
    background: rgba(0, 191, 231, 0.52);
}
.audiences-section .relative-block{
    z-index: 11;
}
.audiences-section blockquote{
    padding: 0;
}
.audiences-section blockquote p{
    padding: 0 52px;
    font-size: 18px;
}
.audiences-section blockquote p:before{
    content:"";
    background-image: url(images/quote-left@2x-8.png);
    background-repeat: no-repeat;
    width: 52px;
    height: 42px;
    position: absolute;
    left: 0;
    top: 0;
}
.audiences-section blockquote p:after{
    content:"";
    background-image: url(images/quote-right@2x-8.png);
    background-repeat: no-repeat;
    width: 52px;
    height: 42px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.audiences-section blockquote cite{
    font-size: 16px;
}
.audiences-section blockquote cite:before{
    display: none;
}
.audiences-section-foot p{
    font-size: 18px;
}
.audiences-section-foot a{
    text-decoration: none;
    font-size: 25px;
}
.icons-section{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#122e49+0,0b1932+100&1+0,0+100,1+100 */
    background: -moz-linear-gradient(left, rgba(18,46,73,1) 0%, rgba(11,25,50,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(18,46,73,1) 0%,rgba(11,25,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(18,46,73,1) 0%,rgba(11,25,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#122e49', endColorstr='#0b1932',GradientType=1 ); /* IE6-9 */
    color: #fff;
}
.icons-section p{
    font-size: 18px;
    margin-bottom: 0;
}
.icons-section hr{
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: rgba(255,255,255,0.3);
}
.blue-bg strong{
    color: #fff;
}
.brand-info strong{
    font-size: 42px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin-right: 10px;
}
.brand-info span{
    display: inline-block;
    vertical-align: middle;
}
.brand-section .circle-arrow{
    bottom: -100px;
}
.brand-section .circle-arrow.light-circle{
    bottom: -80px;
}
.brand-section hr{
    margin-top: 40px;
    margin-bottom: 40px;
}
.blue-bg.brand-section hr{
    background-color: #27364d;
}
.brand-section hr.thin{
    margin-top: 15px;
    margin-bottom: 15px;
}
.fb_collection h1{
    font-family: AvenirBlack;
}
h1.increase-size{
    font-size: 105px;
    line-height: 1em;
    color: inherit;
}
h2.increase-size{
    font-size: 75px;
    line-height: 1em;
    font-family: AvenirBlack;
    margin-bottom: 15px;
}
.blue-bg h2{
    color: inherit;
}
.red-text{
    color: #f04e23!important;
}
.green-text{
    color: #39b54a!important;
}
.section-for-average .arrow-down:before{
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    top: auto;
    bottom: 10px;
}
.button.warning{
    border: none;
    background: #f04e23;
}
.button.success{
    border: none;
    background: #39b54a;
}
.button-thin{
    padding: 4px 15px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(50%);
    margin: 0;
    z-index: 10;
}
.average-table table{
    border: none;
    margin-bottom: 0;
}
.average-table table thead th{
    padding-top: 50px;
    background: #0f253f;
    font-family: AvenirBlack;
    border: none;
    font-size: 1.2em;
    color: rgba(0, 0, 0, 0);
    vertical-align: bottom;
}
.average-table table tbody tr{
    background: none;
}
.average-table table tbody td{
    border-left: none;
    border-right: none;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.2em;
    color: rgba(0, 0, 0, 0);
}
.average-table .cover-block{
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
}
.average-table .cover-block table thead th{
    color: #fff;
}
.average-table .cover-block table tbody td{
    color: inherit;
}
.average-table table tfoot{
    background: none;
}
.average-table table thead th:last-child,
.average-table table tbody td:last-child{
    text-align: center;
}
.average-table table tfoot td{
    border-left: none;
    border-right: none;
    font-size: 1.4em;
    font-family: AvenirMedium;
    padding-top: 15px;
    padding-bottom: 15px;
}
.average-table table .progress{
    width: 180px;
    margin: 0;
    opacity: 0;
}
.average-table .cover-block table .progress{
    opacity: 1;
    background: none;
}
.average-table .cover-block table .progress .meter{
    background: #ffec00;
    transform: none;
    opacity: 1;
    transform: scaleX(0);
    transform-origin: left;
}
@keyframes grow-right{
    0{transform: scaleX(0)}
    100%{transform: scaleX(1)}
}
.average-table .cover-block table .progress .animated.meter{
    animation: grow-right 3.9s ease 2s;
    transform: scale(1);
}
.upper-text{
    text-transform: uppercase;
}
.money-back-img{
    position: absolute;
    top: -15px;
    right: -50px;
}
.results-section{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#37b44a+0,079845+100&1+0,0+100,1+100 */
    background: -moz-linear-gradient(left, rgba(55,180,74,1) 0%, rgba(7,152,69,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(55,180,74,1) 0%,rgba(7,152,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(55,180,74,1) 0%,rgba(7,152,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b44a', endColorstr='#079845',GradientType=1 ); /* IE6-9 */
}
.results-section *{
    color: #fff;
}
.results-section  h2 {
    font-size: 84px;
}
.results-section  h3,
.results-section  p {
    font-family: AvenirBlack;
    font-size: 24px;
    line-height: 1;
}
.results-img{
    position: absolute;
    right: 0;
    bottom: -50px;
 }
.overall-profit-section{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#112b44+0,091723+100&1+0,0+100,1+100 */
    background: -moz-linear-gradient(top, rgba(17,43,68,1) 0%, rgba(9,23,35,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(17,43,68,1) 0%,rgba(9,23,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(17,43,68,1) 0%,rgba(9,23,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#112b44', endColorstr='#091723',GradientType=0 ); /* IE6-9 */
}
.overall-profit-section .ovr-prof-col:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #1ca447;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -10px;
    transform: translateX(-50%);
    box-shadow: 0 0 0 3px rgba(28, 164, 71, 0.3), 0 0 0 6px rgba(28, 164, 71, 0.3), 0 0 0 9px rgba(28, 164, 71, 0.3);
}
.overall-profit-section .ovr-prof-col:after{
    content: "";
    position: absolute;
    left: 0;
    top: -50px;
    border-left: 2px dashed #1ca447;
    z-index: 5;
    height: 40px;
}
.results-section .left-space,
.overall-profit-section .left-space{
    padding-left: 50px;
}
.overall-profit-section h2 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 90px;
    color: #39b54a;
    vertical-align: middle;
}
.overall-profit-section p {
    font-family: AvenirBook;
    font-size: 24px;
    color: #fff;
}
.overall-profit-section h3 {
    font-size: 32px;
    color: #fff;
}
.overall-profit-section hr,
.conclusions-section hr{
   margin: 60px 0;
    background-color: rgba(255,255,255,0.3);
}
.arrow-green-img {
    display: inline-block;
    vertical-align: middle;
}
.conclusions-section{
    background-color: #060f16;
}
.blue-bg .button-thin {
    bottom: -73px;
}
.conclusions-section *{
    color: #fff;
}
.conclusions-section h2 {
    font-size: 72px;
}
.conclusions-section h3 {
   margin: 20px 0;
}
.conclusions-title-img {
    position: absolute;
    right: 0;
    top: -88px;
}
.conclusions-list{
    padding-left: 0;
}
.conclusions-list li {
    position: relative;
    padding: 20px 20px 20px 100px;
    font-size: 20px;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    margin-bottom: 0;
}
.conclusions-list li:last-child{
    border-bottom: none;
}
.conclusions-list {
    counter-reset: my-badass-counter;
    list-style-type: none;
}
.conclusions-list li:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    font-family: 'AvenirBlack';
    font-size: 50px;
    color: #119e46;
    position: absolute;
    left: 40px;
    top: 10px;
}
@media screen and (max-width: 63.96em) {
    .collection-ads{
        overflow: hidden;
    }
    .collection-ads .line:after{
        left: 88px;
        bottom: -130px;
    }
    .collection-ads .line:before{
        left: 75px;
        bottom: 120px;
    }
    .collection-ads .row-small .fc-image{
        max-width: 100%;
        position: static;
    }
    .collection-ads .example{
        margin-top: 0;
    }
    .money-back-img{
        right: 0;
    }
    .overall-profit-section .ovr-prof-col:after{
        left: 10px;
    }
    .overall-profit-section .ovr-prof-col:before{
        transform: none;
    }
    .results-section .left-space, .overall-profit-section .left-space{
        padding-left: 20px;
    }
    .results-img{
        max-width: 40%;
        bottom: auto;
        top: 0;
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 39.96em){
    .fb_collection h1{
        font-size: 25px;
    }
    .fb_collection h2{
        font-size: 22px;
    }
    .fb_collection h3{
        font-size: 20px;
    }
    .fb_collection h4{
        font-size: 17px;
    }
    .progress-results{
        padding-top: 25px;
    }
    .progress-arrows .res-details h2{
        font-size: 26px;
    }
    .average-table{
        overflow: auto;
    }
    .header .page-header-title{
        font-size: 45px;
    }
    .header .header-under-title{
        font-size: 30px;

    }
    .header .header-under-title .icon-facebook{
        font-size: 35px;
        width: 34px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .head-footer h1{
        font-size: 65px;
    }
    .head-footer h2{
        font-size: 20px;
    }
    .circle-wrapper{
        width: 200px;
        height: 200px;
    }
    .circle-inner{
        width: calc(100% - 34px);
        height: calc(100% - 34px);
        top: 17px;
        left: 17px;
    }
    .circle-inner.circle-content{
        font-size: 44px;
    }
    .comparation-section h3{
        font-size: 18px;
    }
    .test-results .section-sm:not(:last-child) h4{
        margin-bottom: 15px;
    }
    .collection-list strong{
        font-size: 50px;
    }
    .collection-list dd{
        margin-bottom: 25px;
        padding-left: 25px;
    }
    .collection-list dt:before{
        width: 40px;
        height: 40px;
        font-size: 30px;
        line-height: 40px;
        transform: translateY(8px);
    }
    .collection-list dt{
        padding-left: 55px;
        margin-bottom: 5px;
    }
    .collection-ads .row-small .fc-image{
        position: static;
    }
    .collection-ads .example{
        margin-top: 15px;
    }
    .icons-section p {
        font-size: 16px;
    }
    .icons-section hr{
        margin: 20px 0;
    }
    h1.increase-size{
        font-size: 45px;
    }
    .section-lg{
        padding-top: 100px;
    }
    .section-md{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .money-back-img{
        max-width: 45%;
        top: 100%;
    }
    .button-thin{
        left: auto;
        transform: translateX(0) translateY(50%);
    }
    .average-table table thead th{
        font-size: 1em;
        padding-top: 30px;
    }
    .average-table table tbody td{
        font-size: 1em;
    }
    .average-table table tfoot td{
        font-size: 1.2em;
    }
    .average-table table .progress{
        width: 140px;
        margin-bottom: -4px;
    }
    .overall-profit-section h2{
        font-size: 40px;
    }
    .conclusions-list li{
        padding-left: 40px;
        font-size: 16px;
    }
    .conclusions-list li:before{
        left: 10px;
        font-size: 35px;
    }
    .conclusions-title-img{
        max-width: 40%;
    }
    .test-results .section-sm h1,
    .test-results .section-sm h2{
        font-size: 30px;
    }
    .collection-ads .line:after{
        left: 88px;
    }
    .collection-ads .line:before{
        left: 75px;
    }
    .brand-info strong{
    }
    h2.increase-size{
        font-size: 38px;
    }
    .brand-grow-info img{
        min-width: 45px;
    }
}
.icon-section-list {
    background-color: #f1f1f1
}
.icon-list {
    list-style-type: none;
}

@media screen and (max-width: 600px){
    .average-table table thead tr th:nth-child(2),
    .average-table table thead tr th:nth-child(3),
    .average-table table tbody tr td:nth-child(2),
    .average-table table tbody tr td:nth-child(3),
    .average-table table tfoot tr td:nth-child(2),
    .average-table table tfoot tr td:nth-child(4),
    .average-table table tfoot {
        display: none;
    }
    .average-table table tfoot tr td:nth-child(3) {
        text-align: center;
    }
}