/*
Theme Name: Twenty Sixteen Child
Theme URI: https://wordpress.org/themes/twentysixteen-child/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen
Template: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/******FONTS*******/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/******BODY*******/
body{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #7c8086;
}

/******SITE*******/
.site {
    margin: 0;
}
.site-inner{
    max-width: 1200px;
}
a, a:hover, a:focus{
    text-decoration: none;
    box-shadow: none;
    outline: none;
}
.site-main {
    margin-bottom: 0;
}
.content-area {
    float: none;
    margin-right: 0;
    width: 100%;
}
.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
    margin-right: 0;
    margin-left: 0;
}
.site-content {
    padding: 0;
}
p:last-child{
    margin-bottom: 0;
}
.btn-link{
    margin: 0;
    padding: 0;
}
.btn-link:hover{
    text-decoration: none;
}
.btn-link.white:hover {
    color: #fff;
}

/******LIST*******/
ul{
    margin: 0;
}
ul li{
    list-style: none;
}

/******SPACER*******/
.spacer{
    height: 40px;
}
.spacer-medium{
    height: 20px;
}

/******DISPLAY*******/
body:not(.custom-background-image):before, body:not(.custom-background-image):after, .entry-header, .team .slick-dots, .testimonials .slick-dots{
    display: none !important;
}

/******BACKGROUND*******/
.light-gray-bg{
    background: #f4f4f4;
}
.medium-gray-bg{
    background: #dcdcdc;
}
.dark-gray-bg{
    background: #7c8086;
}

/******TRANSITION*******/
a, .brands-area .image-box:after{
    transition: all 0.4s ease-in-out;
    -webkitt-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

/******TEXT*******/
.heading, .entry-content h2.heading, .entry-summary h2.heading, .comment-content h2.heading{
    font-size: 30px;
    color: #7c8086;
    font-weight: bold;
    margin: 0 0 40px 0;
}
.sub-heading, .entry-content h5.sub-heading, .entry-summary h5.sub-heading, .comment-content h5.sub-heading{
    color: #000000;
    font-weight: bold;
    font-size: 21px;
    line-height: 1.5;
    margin: 0 0 20px 0;
}
.heading.white, .entry-content h2.heading.white, .entry-summary h2.heading.white, .comment-content h2.heading.white, .sub-heading.white, .entry-content h5.sub-heading.white, .entry-summary h5.sub-heading.white, .comment-content h5.sub-heading.white, .white{
    color: #fff;
}
.text-black{
    color: #000!important;
}

/******HEADER*******/
.site-branding, .site-header-menu, .header-image{
    margin-top: 0;
    margin-bottom: 0;
}
.site-branding img{
    height: 45px;
}
.site-header {
    padding: 22px 0;
}
.site-header .site-header-main{
    position: relative;
}
.logos img{
    height: 31px;
}
.logos li{
    margin-right: 80px;
    display: inline-block;
}
.logos li:last-child{
    margin-right: 0;
}
.position-middle{
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}
.menu-toggle {
    display: block;
    position: absolute;
    right: 15px;
    margin: 0;
    width: 70px;
    height: 50px;
    font-size: 22px;
    padding: 0;
    line-height: 1;
}
.menu-toggle:before, .menu-toggle:after, .menu-toggle span{
    width: 23px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.menu-toggle:before, .menu-toggle:after{
    content:'';
}
.menu-toggle:before{
    top: 16px;
}
.menu-toggle:after{
    top: 32px;
}
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
    background-color: #1a9799;
    border: 0;
    color: #fff;
}
.menu-toggle.toggled-on span{
    display: none;
}
.menu-toggle.toggled-on:before{
    top: 24px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.menu-toggle.toggled-on:after{
    top: 24px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
    background-color: #1a9799;
    color: #fff;
    outline: none;
}
.site-header-menu{
    position: absolute;
    right: 15px;
    top: 100%;
    width: 200px;
    background: #1a9799;
    z-index: 9;
    display: none;
    margin-top: 20px;
}
.site-header-menu:before{
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    right: 24px;
    content:'';
    border-bottom: 10px #1a9799 solid;
    border-left: 10px transparent solid;
    border-right: 10px transparent solid;
}
.main-navigation {
    margin: 0;
}
.main-navigation a {
    color: #fff;
    padding: 0.6em 0.875em;
}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation a:hover, .main-navigation a:focus, .main-navigation li:hover > a, .main-navigation li.focus > a{
    font-weight: normal;
    color: #fff;
}
.main-navigation .primary-menu > li {
    float: none;
}
@media screen and (min-width: 56.875em){
    .site-header-main {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.home-slider .image-box{
    position: relative;
}
.home-slider .image-box:after{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.5);
    content:'';
}
.home-slider .image-box .site-inner{
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.home-slider .image-box .caption-area{
    position: absolute;
    right: 80px;
    z-index: 1;
    max-width: 500px;
    font-size: 26px;
    color: #000000;
    font-weight: 300;
    line-height: 1.2;
}
.home-slider .image-box .caption-area p{
    margin: 0;
}
.home-slider .image-box .caption-area .logo{
    margin: 0 auto 25px auto;
}
.home-slider .slick-prev {
    left: 25px;
}
.home-slider .slick-next {
    right: 25px;
}
.home-slider .slick-prev, .home-slider .slick-next{
    z-index: 1;
}

/********SLICK*********/
.slick-prev:before, .slick-next:before{
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
    color: #7c8086;
    opacity: 1;
}
.slick-prev:hover:before, .slick-next:hover:before{
    color: #ccc;
}
.slick-prev:before{
    content: "\f104";
}
.slick-next:before{
    content:  "\f105";
}
.slick-prev, .slick-next{
    z-index: 1;
}

/********SPRITE ICONS*********/
.sprite-icon{
    background: url(./images/sprite-icons.png);
}
.color-icon{
    width: 53px;
    height: 53px;
}
.communities-icon{
    height: 42px;
    width: 50px;
}
.sprite-icon.astac-icon{
    background-position: 0 0;
    display: block;
}
.sprite-icon.inverted-icon{
    background-position: 0 -53px;
    display: block;
}
.sprite-icon.semicolon-icon{
    background-position: 0 -106px;
}
.icon-box .sprite-icon.inverted-icon{
    margin-left: 53px;
}
.sprite-icon.calender-icon {
    background-position: 0 -268px;
}
.sprite-icon.members-icon {
    background-position: 0 -311px;
}
.sprite-icon.readers-icon {
    background-position: 0 -355px;
}
.sprite-icon.followers-icon {
    background-position: 0 -399px;
}
.sprite-icon.pageviews-icon {
    background-position: 0 -442px;
}
.sprite-icon.right-arrow-icon {
    background-position: 0 -643px;
}
.sprite-icon.comma-icon {
    background-position: 0 -696px;
}

/********LEADERS*********/
.leaders-area img{
    margin:0 auto 20px 0;
}

/********BRANDS*********/
.brands-area .image-box{
    position: relative;
    margin-bottom: 40px;
    cursor: pointer;
}
.brands-area .image-box:after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: auto;
    content:'';
}
.brands-area .image-box.jlg:after {
    background: rgb(0, 155, 167, 0.2);
}
.brands-area .image-box.lj:after {
    background: rgba(220, 25, 33, 0.2);
}
.brands-area .image-box.slj:after {
    background: rgb(57, 84, 165,0.2);
}
.brands-area .image-box.horn-book:after {
    background: rgba(74, 59, 144, 0.2);
}
.brands-area .image-box:hover:after{
    width: 100%;
    height: 100%;
}
.brands-area .image-box img.size-full, .full{
    width: 100%;
}
.brands-area .icon{
    height: 50px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
}
.list-topic li{
    padding: 0 0 12px 19px;
    position: relative;
}
.list-topic li:last-child{
    padding: 0 0 0 19px;
}
.list-topic li:before{
    width: 9px;
    height: 9px;
    background: #999a9b;
    content:'';
    position: absolute;
    left: 0;
    top: 4px;
}

/********COMMUNITIES********/
.communities-area .list-inline{
    margin-right: -1%;
    margin-left: -1%;
}
.communities-area .list-inline li{
    margin-left: 1%;
    margin-right: 1%;
    border: 1px #e1e1e1 solid;
    padding: 15px;
    margin-bottom: 40px;
}
.communities-area .communities-icon{
    margin: 0 0 12px 0;
}
.communities-area .title{
    font-size: 25px;
    font-weight: bold;
    color: #231f20;
    margin: 0 0 12px 0;
}

/********TEAM********/
.team-area .icon-box .right-arrow-icon{
    margin: 0 0 22px 38px;
}
.team .image-box{
    height: 180px;
    position: relative;
}
.team .image-box:after{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    content:'';
    opacity: 0;
    visibility: hidden;
}
.team .image-box .plus{
    color: #fff;
    font-size: 30px;
    top: 50%;
    left: 0;
    right: 0;
    cursor: pointer;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    position: absolute;
}
.team .image-box:hover:after, .team .image-box:hover .plus{
    opacity: 1;
    visibility: visible;
}
.team .slick-list .inner-box {
    background: #fff;
    box-shadow: 0 0 30px #dcdcdc;
    margin: 10px;
}
.team .team-details{
    padding: 15px;
    font-size: 13px;
}
.popup-area .social{
    margin-top: 15px;
}
.popup-area .social a{
    color: #7c8086;
    font-size: 16px;
}
.popup-area .social a:hover{
    color: #000;
}
.team-details .name{
    font-size: 16px;
    margin-bottom: 8px;
}
.join-us-area .heading{
    margin: 0 0 15px 0;
}
.join-us-area.row > div{
    padding: 30px;
}

/********NEWS********/
.news .slick-prev, .news .slick-next{
    display: block;
}
.news .slick-list{
    margin-left: -40px;
    margin-right: -40px;
}
.news .slick-slide{
    margin-left: 40px;
    margin-right: 40px;
}
.news .news-inner-box{
    position: relative;
}
.news .date-area{
    border: 1px #fff solid;
    width: 53px;
    padding: 7px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.news .date-area .date{
    font-weight: bold;
    margin: 0;
    font-size: 27px;
}
.news .date-area p{
    margin: 0;
}
.news .details-area{
    padding-left: 68px;
}
.news .details-area .title{
    font-size: 16px;
    margin: 0 0 15px 0;
    font-weight: 600;
}
.news .btn-link{
    font-weight: 600;
}
.news .slick-dots li.slick-active button:before {
    background: #fff;
}
.news .slick-dots li button:before{
    background: #989a9e;
    width: 30px;
    height: 3px;
    content: '';
    opacity: 1;
}
.news .slick-dots li, .news .slick-dots li button{
    width: 30px;
    height: 3px;
}

/********TESTIMONIALS********/
.testimonials-area{
    background: #f0f0f0;
}
.testimonials-area .image-box{
    height: 256px;
}
.testimonials-area .content-box{
    background: #ffffff;
    padding: 15px;
    margin: -22px 12px 15px 12px;
    box-shadow: 0 0 20px #ccc;
}
.testimonials-area .content-box .name{
    font-size: 16px;
}
.testimonials .slick-slide{
    margin-left: 5px;
    margin-right: 5px;
}

/********FOOTER********/
.site-footer {
    display: block;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
}
.site-footer .col-md-3{
    margin-bottom: 40px;
}
.copyright{
    background: #f0f0f0;
    padding: 24px;
}
.copyright p{
    margin: 0;
}
.social-icons a{
    color: #fff;
    background: #000000;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
}
.social-icons a:hover{
    color: #fff;
    background: #999;
}
.address-list > li{
    margin-bottom: 6px;
}
.address-list > li:last-child{
    margin-bottom: 0;
}

/**********POPUP************/
.popup-area{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
}
.popup-area .popup-box{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    left: 0;
    right: 0;
    margin: auto;
    width: 400px;
    background: #fff;
    padding: 20px;
}
.popup-area .popup-box .closed {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #333;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
}
.popup-area .popup-box .closed:hover{
    color: #f00;
}
.popup-area .close{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/********RESPONSIVE********/
@media(max-width: 1199px){
    .site-inner {
        padding: 0 15px;
    }
}
@media(max-width: 991px){
    .logos li {
        margin-right: 30px;
    }
    .slick-next{
        right: 0;
    }
    .slick-prev{
        left: 0;
    }
}
@media(min-width: 768px){
    .site-footer .col-md-3{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .join-us-area.row{
        margin: 0 -1%;
    }
    .join-us-area.row > div{
        margin: 0 1%;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }
    .communities-area .heading{
        margin-bottom: 0;
    }
    .communities-area .list-inline{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .communities-area .list-inline li{
        -ms-flex: 0 0 18%;
        flex: 0 0 18%;
        max-width: 18%;
    }
}
@media(max-width: 767px){
    .site-branding img {
        height: 40px;
    }
    .logos li {
        margin-right: 20px;
    }
    .home-slider .image-box .caption-area{
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 0 15px;
        font-size: 20px;
    }
    .what-we-do-area .icon-box, .leaders-area .semicolon-icon, .team-area .icon-box{
        margin-bottom: 20px;
    }
    .join-us-area > div{
        margin-bottom: 40px;
    }
    .join-us-area > div:last-child{
        margin-bottom: 0;
    }
    .join-us-area.row{
        margin: 0;
    }
    .communities-area .communities-icon {
        margin: 0 auto 12px auto;
    }
    .communities-area .list-inline, .site-footer{
        text-align: center;
    }
    .home-slider .image-box .caption-area .logo {
        margin: 0 auto 10px auto;
        height: 40px;
    }
    .home-slider .slick-prev {
        left: 0;
    }
    .home-slider .slick-next {
        right: 0;
    }
}
@media(min-width: 710px){
    .site-header .mobile-view{
        display:none;
    }
}
@media screen and (min-width: 44.375em){
    .entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {
        margin-right: 0;
        margin-left: 0;
    }
}
@media(max-width: 709px){
    .site-branding{
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .site-header .dextop-view{
        display:none;
    }
    .logos {
        padding-left: 0;
        border-left: 0;
        text-align: center;
        margin-top: 20px;
    }
    .logos li {
        margin-right: 20px;
    }
    .menu-toggle:before {
        top: 12px;
    }
    .menu-toggle:after {
        top: 26px;
    }
    .menu-toggle.toggled-on:before, .menu-toggle.toggled-on:after{
        top: 18px;
    }
    .menu-toggle {
        width: 50px;
        height: 40px;
    }
}
@media(max-width: 400px){
    .site-branding img {
        height: 35px;
    }
    .home-slider .image-box .caption-area {
        font-size: 14px;
        font-weight: 500;
    }
    .popup-area .popup-box {
        width: 100%;
    }
}
@media(max-width: 350px){
    .site-branding img {
        height: 30px;
    }
    .logos li {
        margin-right: 13px;
    }
}