/*! Template Name: ConsultingExpert - HTML Template Author: ThemeSurf Version: 1.1.0 Update: 12.03.2017 */



a:link,a:visited{
    text-decoration:none
}
a:active,a:focus,a:hover{
    outline:0;
    color:#0871db
}
img{
    outline:0;
    border:0 none;
    max-width:100%;
    height:auto;
    vertical-align:top;
    -ms-border-radius:5px;
    border-radius:5px
}
img h3,img h4,img+h2{
    margin-top:15px
}
.center{
    text-align:center
}
.section-pad{
    padding-top:90px;
    padding-bottom:90px
}
.section-pad-md{
    padding-top:67.5px;
    padding-bottom:67.5px
}
.section-pad-lg{
    padding-top:135px;
    padding-bottom:135px
}
.pad-0{
    padding:0
}
.wide-lg{
    max-width:1170px;
    margin:0 auto
}
.wide-md{
    max-width:970px;
    margin:0 auto
}
.col-list .row+.row{
    margin-top:30px
}
.image{
    margin-bottom:15px
}
.image:last-child{
    margin-bottom:0
}
.gaps{
    clear:both;
    height:20px;
    display:block;
    margin:0
}
.gaps.size-lg{
    height:60px
}
.gaps.size-md{
    height:30px
}
.gaps.size-section{
    height:90px
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        transform:translate3d(-50px,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
@keyframes fadeInRight{
    from{
        opacity:0;
        transform:translate3d(50px,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translate3d(0,50px,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.content-section{
    margin-top:60px
}
.content-section:first-child{
    margin-top:0
}
.content .list-style li{
    position:relative;
    padding-left:18px;
    margin-left:0;
    margin-bottom:8px
}
.content .list-style li:last-child{
    margin-bottom:0
}
.content .list-style li:before{
    font-family:FontAwesome;
    content:'\f105';
    color:#24c9ed;
    position:absolute;
    left:1px;
    top:3px;
    font-size:16px;
    line-height:18px
}
.content .list-style.style-v2 li{
    margin-bottom:2px
}
.content .list-style.style-v2 li:before{
    color:#9aa4ae;
    font-size:6px
}
.footer-widget{
    background:#2a2d33;
    color:#fff;
    font-size:14px;
    line-height:1.75
}
.footer-widget a{
    color:inherit;
    text-decoration:none
}
.footer-widget a:focus,.footer-widget a:hover{
    color:#24c9ed
}
.footer-widget.style-v2{
    background:#fafafb;
    border-top:1px solid rgba(42,45,51,.06);
    color:#778793
}
a:hover>.feature.boxed{
    transform:translateY(-10px)
}
div[class*=box-s]:not([class*=pd-x]){
    padding:25px
}
div[class*=box-s]:not([class*=round]){
    -ms-border-radius:5px;
    border-radius:5px
}
div[class*=box-flat]{
    border:2px solid rgba(36,201,237,.1)
}
div[class*=box-flat]:not([class*=pd-x]){
    padding:25px
}
div[class*=box-flat]:not([class*=round]){
    -ms-border-radius:5px;
    border-radius:5px
}
div[class*=box-flat]:not([class*=bg-]){
    background:#fff
}
div[class*=box-flat] h3,div[class*=box-flat] h4{
    font-size:1.375em;
    font-weight:400
}
.gallery{
    display:block
}
.gallery:after,.gallery:before{
    content:"";
    display:table;
    clear:both
}
.gallery-col5 .gallery-list>li{
    width:20%
}
.gallery-col4 .gallery-list>li,.gallery:not([class*=gallery-col]) .gallery-list>li{
    width:25%
}
.gallery-col3 .gallery-list>li{
    width:33.333333%
}
.gallery-col2 .gallery-list>li{
    width:50%
}
.gallery[class*=gallery-col] .gallery-list>li{
    float:left
}
.gallery.hover-zoom .gallery-item img{
    transform:scale(1.01)
}
.gallery.hover-zoom a:hover>.gallery-item:after{
    opacity:.2
}
.gallery.hover-zoom a:hover>.gallery-item img{
    transform:scale(1.2)
}
div[class*=wide-]+.gallery{
    margin-top:25px
}
div[class*=wide-]+.gallery.gallery-md{
    margin-top:34px
}
.gallery:not(.gallery-filled)>.has-carousel{
    margin-top:15px
}
.gallery-list{
    list-style:none;
    margin-left:-15px;
    margin-right:-15px;
    padding:0
}
.gallery-list li{
    padding:15px;
    position:relative
}
.gallery-md .gallery-list{
    margin-left:-6px;
    margin-right:-6px
}
.gallery-md .gallery-list li{
    padding:6px
}
.gallery-item{
    position:relative;
    overflow:hidden;
    display:block;
    -ms-border-radius:5px;
    border-radius:5px;
    transform-style:preserve-3d
}
.gallery-item img{
    width:100%;
    height:auto;
    transition:all 1s;
    -ms-border-radius:inherit;
    border-radius:inherit
}
.gallery-item>a{
    display:block;
    position:relative;
    z-index:4
}
.gallery-item:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:#000;
    opacity:0;
    z-index:0;
    transition:opacity .5s;
    -ms-border-radius:inherit;
    border-radius:inherit
}
.gallery-item:focus .gallery-item-link,.gallery-item:hover .gallery-item-link{
    opacity:1
}
.gallery-item-link{
    opacity:0;
    transition:.4s
}
.gallery-item-link:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:#000;
    opacity:.7;
    z-index:1;
    transition:all .3s;
    -ms-border-radius:inherit;
    border-radius:inherit
}
.gallery-item-link a:not(.btn){
    overflow:hidden;
    color:#fff;
    display:inline-block;
    width:44px;
    height:44px;
    line-height:42px;
    font-size:.875em;
    -ms-border-radius:50%;
    border-radius:50%;
    border:1px solid #24c9ed;
    background-color:#24c9ed;
    margin:0 5px;
    z-index:8
}
.gallery-item-link a:not(.btn):hover{
    border-color:#0871db;
    background:#0871db
}
div[class*=filtered-menu]{
    width:100%;
    margin:40px 0;
    text-align:center;
    position:relative;
    z-index:1
}
div[class*=filtered-menu]:first-child{
    margin-top:0
}
div[class*=filtered-menu]:last-child{
    margin-bottom:0
}
div[class*=filtered-menu] ul{
    list-style:none;
    margin:0;
    padding:0
}
div[class*=filtered-menu] li{
    background:#ececec;
    color:#778793;
    display:inline-block;
    font-size:12px;
    font-weight:600;
    line-height:24px;
    padding:10px 20px;
    text-transform:uppercase;
    text-align:center;
    cursor:pointer;
    margin-right:-2px;
    position:relative;
    transition:all .3s
}
div[class*=filtered-menu] li:hover{
    background:#24c9ed;
    color:#fff
}
div[class*=filtered-menu] li:first-child{
    border-top-left-radius:5px;
    border-bottom-left-radius:5px
}
div[class*=filtered-menu] li:last-child{
    border-top-right-radius:5px;
    border-bottom-right-radius:5px
}
div[class*=filtered-menu].style-v2{
    margin-bottom:20px
}
div[class*=filtered-menu].style-v2 li{
    padding:4px 10px;
    font-weight:400;
    font-size:1em;
    text-transform:inherit;
    background:0 0
}
div[class*=filtered-menu].style-v2 li:hover{
    color:#24c9ed
}
div[class*=filtered-menu].style-v2 li:not(:last-child):after{
    content:"/";
    display:inline-block;
    padding-left:15px;
    font-weight:300;
    font-size:.75em;
    color:#dedede
}
div[class*=filtered-menu].style-v2 li:first-child{
    padding-left:0
}
div[class*=filtered-menu].style-v2 li:last-child{
    padding-right:0
}
@media screen and (min-width:1600px){
    .section-pad{
        padding-top:135px;
        padding-bottom:135px
    }
    .section-pad-md{
        padding-top:90px;
        padding-bottom:90px
    }
    .section-pad-lg{
        padding-top:195px;
        padding-bottom:195px
    }
}
@media only screen and (max-width:1199px){
    body{
        font-size:15px
    }
    .footer-widget{
        font-size:12px;
        line-height:22px
    }
}
@media only screen and (max-width:991px){
    body{
        font-size:14px;
        -webkit-text-size-adjust:100%
    }
    .container{
        max-width:720px
    }
    .section-pad,.section-pad-lg{
        padding-top:60px;
        padding-bottom:60px
    }
    .center-md{
        text-align:center
    }
    .gaps{
        height:20px
    }
    .gaps.size-lg{
        height:45px
    }
    .gaps.size-md{
        height:25px
    }
    .gaps.size-section{
        height:60px
    }
    .site-by{
        width:100%;
        text-align:left;
        font-size:12px
    }
    .site-by{
        margin-top:10px
    }
    .content .list-style li:before{
        top:1px
    }
    .footer-widget{
        font-size:14px;
        line-height:24px
    }
    .footer-widget .footer-col:nth-child(3){
        clear:both
    }
    .footer-widget .footer-col .col-md-6:last-child{
        padding-left:0
    }
    .footer-col .col-md-6:last-child{
        padding-left:0
    }
    .content-section{
        margin-top:30px
    }
}
@media only screen and (max-width:767px){
    .container{
        padding-left:30px;
        padding-right:30px;
        max-width:100%
    }
    .section-pad,.section-pad-lg{
        padding-top:60px;
        padding-bottom:60px
    }
    .gaps.size-lg{
        height:30px
    }
    .gaps.size-section{
        height:60px
    }
    .gallery-list{
        margin-left:-6px;
        margin-right:-6px
    }
    .gallery-list li{
        padding:6px
    }
}
@media only screen and (max-width:599px){
    .site-header{
        border-top:4px solid #2a2d33
    }
    .gallery-col2 .gallery-list>li,.gallery-col4 .gallery-list>li,.gallery-col5 .gallery-list>li,.gallery:not([class*=gallery-col]) .gallery-list>li{
        width:50%
    }
    div[class*=filtered-menu] li{
        padding:6px 10px;
        font-size:11px
    }
    div[class*=filtered-menu].style-v2 li{
        padding:5px 4px
    }
    div[class*=filtered-menu].style-v2 li:not(:last-child):after{
        padding-right:3px;
        padding-left:13px
    }
}
@media only screen and (max-width:480px){
    body{
        min-width:320px
    }
}
@media only screen and (max-width:375px){
    .h1,h1{
        font-size:1.875em
    }
    .h2,h2{
        font-size:1.5em
    }
}
.section-404{
    background-color:#ebf2f2
}
.content-404{
    padding-top:5%;
    padding-bottom:5%;
    text-align:center
}
.content-404 h1{
    font-size:10em;
    font-weight:300;
    letter-spacing:.2em;
    line-height:1
}
.content-404 p{
    font-size:1.5em;
    line-height:1.4
}
@media only screen and (max-width:767px){
    .content-404 h1{
        font-size:5em
    }
}