.box-content a:hover{
    color:#000
}

:focus{
    outline:0!important
}
.reset{
    clear:both
}

a{
    text-decoration:none!important;
    color:#7d7c7c
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:  rgb(52 39 39 / 55%);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:  rgb(52 39 39 / 55%);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:  rgb(52 39 39 / 55%);
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #252525;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:  rgb(52 39 39 / 55%);
}

::placeholder { /* Most modern browsers support this now. */
   color:   rgb(52 39 39 / 55%);
}

.bookbg ::-moz-placeholder,.bookbg :-ms-input-placeholder,
.bookbg :-moz-placeholder,.bookbg ::-webkit-input-placeholder{
    color:#fff !important
}

#scrl::-webkit-scrollbar{
    width:2px;
    background-color:#000
}
#scrl::-webkit-scrollbar-thumb{
    background-color:#ccc;
    border-radius:10px
}
ul{
    padding:0;
    margin:0
}

.more:after{
    content:"\f0da";
    transition:all .25s;
    opacity:0;
    margin-left:-.5em;
    font-family:FontAwesome
}
.more:hover:after{
    opacity:1;
    margin-left:.4em
}

.p2{
    padding:2px
}
.p5{
    padding:5px
}
.p8{ padding: 8px }

@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
.header{
    width:100%;
    float:left;
    z-index:99;
    position:relative;
    height:0;
    -webkit-transition:height .5s;
    -moz-transition:height .5s;
    transition:all .4s ease-in-out
}
.cbp-af-header.cbp-af-header-shrink{
    height:65px;
    top:0
}
.cbp-af-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    transition:all .4s ease-in-out
}
.cbp-af-header.cbp-af-header-shrink .header{
    background:#333332;
    height:58px
}
.cbp-af-header.cbp-af-header-shrink .nav-menu>li>a{
    color:#fff!important;
    height:58px;
    font-size:1.125em;
    padding: 0px 13px 0px 10px;
	line-height: 58px;
}
.cbp-af-header.cbp-af-header-shrink .menubars{
    background:0 0;
    padding:0;
    height:58px;
    transition:all .4s ease-in-out
}
.cbp-af-header.cbp-af-header-shrink .submenu-indicator-chevron{
    border-color:#fff #fff #fff transparent;
	margin-top:18px;
}
.cbp-af-header.cbp-af-header-shrink .top__contact{
    display:none
}
.menubars{
    border-radius:3px;
    padding-right:0;
    padding-left:0
}
.logo{
    display:inline-block;
    float:left;
    transition:all .4s ease-in-out;
    background-repeat:no-repeat;
    position:absolute;
    top: 0px;
}
.cbp-af-header.cbp-af-header-shrink .logo{
    background-repeat:no-repeat;
    margin:0;
    transition:all .4s ease-in-out
}
.navbar-fixed{
    position:fixed;
    z-index:999!important
}
nav{
    width:100%
}
.navigation{
    width:100%;
    display:table;
    position:relative;
    font-family:inherit;
}
.navigation *{
    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent
}

.navigation-fixed-wrapper{
    width:100%;
    left:0;
    z-index:19998;
    will-change:opacity
}
.navigation-fixed-wrapper.fixed{
    position:fixed!important;
    -webkit-animation:fade .5s;
    animation:fade .5s
}
@keyframes fade{
    from{
        opacity:.999
    }
    to{
        opacity:1
    }
}
.navigation-fixed-wrapper .navigation{
    margin-right:auto;
    margin-left:auto
}
.navigation-fixed-placeholder{
    width:100%;
    display:none
}
.navigation-fixed-placeholder.navigation-fixed-placeholder.visible{
    display:block
}
.nav-toggle,.navigation-hidden .nav-header{
    display:none
}
.navigation-hidden{
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    position:absolute;
    top:-9999px
}
.nav-header{
    float:left
}
.nav-brand:focus,.nav-brand:hover{
    color:#70798b
}
.navigation-portrait .nav-brand{
    font-size:18px;
    line-height:48px
}
.nav-logo>img{
    height:48px;
    margin:11px auto;
    padding:0 15px;
    float:left
}

.nav-logo:focus>img{
    outline:initial
}
.sexy-menu.detached {
   display: none;
}
.nav-menu {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-size: 0;
    float: right;
}