*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
body{
    font-family:open sans,sans-serif;
    font-size:13px;
    font-weight:400;
    color:#555;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    line-height:-webkit-calc(22/13);
    line-height:-moz-calc(22/13);
    line-height:calc(22/13)
}
.swal-button{
    background:#333;
    border-radius:0
}
.swal-button:active{
    background-color:#333
}
section{
    position:relative
}
.section-content{
    position:relative;
    margin:0 auto
}
.section-content--w1090{
    max-width:1090px
}
.section-content--w1140{
    max-width:1140px
}
.section-content--w1792{
    max-width:1792px
}
.page-content-top-wrap{
    padding:0 35px
}
img{
    max-width:100%;
    height:auto
}
p{
    line-height:-webkit-calc(22/13);
    line-height:-moz-calc(22/13);
    line-height:calc(22/13);
    margin-bottom:0
}
a{
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    -moz-transition:all .3s ease;
    font-size:14px
}
a:link,a:visited{
    text-decoration:none;
    color:#444
}
a:hover,a:active{
    text-decoration:none;
    color:#ad313d
}
ul{
    margin-bottom:0
}
.ul--inline>li{
    display:inline-block
}
.ul--no-style>li{
    list-style:none
}
.pull-left{
    float:left
}
.pull-right{
    float:right
}
.visible{
    display:block
}
h1,h2,h3,h4,h5,h6{
    text-transform:uppercase;
    color:#333;
    margin-bottom:0;
    font-weight:700;
    line-height:-webkit-calc(24/18);
    line-height:-moz-calc(24/18);
    line-height:calc(24/18)
}
h1{
    font-size:36px
}
h2{
    font-size:30px
}
h3{
    font-size:24px
}
h4{
    font-size:18px
}
h5{
    font-size:15px
}
h6{
    font-size:13px
}
.m-r-15{
    margin-right:15px
}
.m-r-8{
    margin-right:8px
}
.m-t-60{
    margin-top:60px
}
.m-t-50{
    margin-top:50px
}
.m-t-40{
    margin-top:40px
}
.m-t-70{
    margin-top:70px
}
.m-t-20{
    margin-top:20px
}
.m-t-90{
    margin-top:90px!important
}
.m-b-20{
    margin-bottom:20px
}
.m-b-100{
    margin-bottom:100px
}
.m-b-5{
    margin-bottom:5px
}
.m-t-25{
    margin-top:25px
}
.m-t-30{
    margin-top:30px
}
.m-b-35{
    margin-bottom:35px
}
.m-b-75{
    margin-bottom:75px
}
.m-b-40{
    margin-bottom:40px!important
}
.m-b-10{
    margin-bottom:10px
}
.m-b-8{
    margin-bottom:8px
}
.p-r-15{
    padding-right:15px
}
.p-l-15{
    padding-left:15px
}
.m-l-20{
    margin-left:20px
}
.m-b-25{
    margin-bottom:25px
}
.m-b-0{
    margin-bottom:0
}
section.p-t-50{
    padding-top:50px
}
.p-t-30{
    padding-top:30px
}
.title{
    font-size:36px;
    font-weight:700;
    text-transform:uppercase;
    text-align:center
}
.title-2{
    font-size:42px;
    position:relative;
    margin-bottom:60px
}
.under-title-2{
    display:block;
    height:12px;
    width:12px;
    background:#ad313d;
    position:relative;
    bottom:-19px;
    left:50%;
    margin-left:-9px
}
.under-title-2:before{
    content:'';
    position:absolute;
    height:1px;
    width:100px;
    top:5px;
    left:-111px;
    background:rgba(0,0,0,.34)
}
.under-title-2:after{
    content:'';
    position:absolute;
    height:1px;
    width:100px;
    top:5px;
    left:23px;
    background:rgba(0,0,0,.34)
}
.title-small{
    font-size:30px
}
.title-2--special{
    position:relative;
    text-align:left;
    display:inline-block
}
.title-2--special:before{
    content:'';
    position:absolute;
    height:12px;
    width:12px;
    top:12px;
    right:-23px;
    background:#ad313d
}
.title-2--special:after{
    content:'';
    position:absolute;
    height:1px;
    width:100px;
    background:rgba(0,0,0,.34);
    top:17px;
    right:-136px
}
.title>span{
    color:#ad313d;
    font-size:36px;
    font-weight:700
}
.title-detail{
    text-align:center;
    margin-top:10px;
    margin-bottom:80px;
    padding:0 20px
}
.title-detail--px-45{
    padding:0 45px
}
.title-f8{
    color:#f8f8f8
}
.title-f8>.under-title-2:before,.title-f8>.under-title-2:after{
    background:rgba(48,48,48,.341)
}
::-webkit-input-placeholder{
    color:#d6d6d6
}
::-moz-placeholder{
    color:#d6d6d6
}
:-ms-input-placeholder{
    color:#d6d6d6
}
:-moz-placeholder{
    color:#d6d6d6
}
.bg--f8{
    background:#f8f8f8
}
.owl-theme .owl-dots .owl-dot span{
    width:11px;
    height:11px;
    background:0 0;
    border:2px solid #666;
    -webkit-transition:all .3s ease,-webkit-transform .3s ease;
    transition:all .3s ease,-webkit-transform .3s ease;
    -o-transition:all .3s ease,-o-transform .3s ease;
    -moz-transition:all .3s ease,transform .3s ease,-moz-transform .3s ease;
    transition:all .3s ease,transform .3s ease;
    transition:all .3s ease,transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background-color:#ad313d;
    display:block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:1px solid #fff;
    -webkit-box-shadow:0 0 0 2px #ad313d;
    -moz-box-shadow:0 0 0 2px #ad313d;
    box-shadow:0 0 0 2px #ad313d
}
#sync2 .owl-dots .owl-dot span{
    border:2px solid #f1f1f1
}
#sync2 .owl-dots .owl-dot.active span,#sync2 .owl-dots .owl-dot:hover span{
    border:2px solid #000
}
.au-bullet-wrap .tp-bullet{
    width:11px;
    height:11px;
    background:0 0
}
.au-bullet-wrap .tp-bullet .au-bullet{
    border:2px solid #f1f1f1;
    -webkit-transition:background-color .3s ease,-webkit-transform .3s ease;
    transition:background-color .3s ease,-webkit-transform .3s ease;
    -o-transition:background-color .3s ease,-o-transform .3s ease;
    -moz-transition:background-color .3s ease,transform .3s ease,-moz-transform .3s ease;
    transition:background-color .3s ease,transform .3s ease;
    transition:background-color .3s ease,transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease;
    top:0;
    left:0;
    width:100%;
    height:100%;
    outline:none;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background-color:transparent;
    text-indent:-999em;
    cursor:pointer;
    position:absolute
}
.au-bullet-wrap .tp-bullet.selected{
    -webkit-box-shadow:0 0 0 2px #ad313d;
    -moz-box-shadow:0 0 0 2px #ad313d;
    box-shadow:0 0 0 2px #ad313d;
    border:none;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background:0 0
}
.au-bullet-wrap .tp-bullet.selected .au-bullet{
    background-color:#ad313d;
    -moz-transform:scale(.75);
    -ms-transform:scale(.75);
    -o-transform:scale(.75);
    transform:scale(.75);
    -webkit-transform:scale(.75);
    border:none
}
.box-head{
    float:left
}
.box-head--border{
    width:68px;
    line-height:64px;
    text-align:center
}
.box-body{
    margin-left:60px;
    padding:0 32px
}
.icon-zoom{
    font-size:45px;
    font-weight:600
}
.icon-zoom--white{
    color:#fff
}
#page-loader{
    background:#f8f8f8;
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:99999
}
.page-loader__spin{
    width:35px;
    height:35px;
    position:absolute;
    top:50%;
    left:50%;
    border-top:6px solid #222;
    border-right:6px solid #222;
    border-bottom:6px solid #222;
    border-left:6px solid #ad313d;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-animation:spinner 1000ms infinite linear;
    -moz-animation:spinner 1000ms infinite linear;
    -o-animation:spinner 1000ms infinite linear;
    animation:spinner 1000ms infinite linear;
    z-index:100000
}
@-webkit-keyframes spinner{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-moz-keyframes spinner{
    0%{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-o-keyframes spinner{
    0%{
        -webkit-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spinner{
    0%{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.au-btn{
    display:inline-block;
    line-height:50px;
    padding:0 15px;
    text-align:center;
    -webkit-transition:.5s ease;
    -o-transition:.5s ease;
    -moz-transition:.5s ease;
    transition:.5s ease;
    white-space:nowrap
}
.au-btn--small{
    line-height:27px;
    padding:0 20px
}
.au-btn--pill{
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px
}
.au-btn--yellow{
    color:#fff;
    background-color:#ad313d
}
.au-btn--yellow:hover{
    color:#fff;
    background-color:#333
}
.au-btn--border{
    border:1px solid transparent
}
.au-btn--border:hover{
    color:#fff;
    background-color:#ad313d;
    border-color:#ad313d
}
.au-btn--gray{
    color:#999;
    border-color:#999
}
.au-btn--white{
    border-color:#fff
}
.au-btn--gray-1{
    background:#c8c8c8;
    color:#333
}
a.au-btn--dark{
    background-color:#333;
    color:#fff
}
a.au-btn--dark:hover{
    background-color:#ad313d;
    color:#fff
}
a.au-btn--white{
    color:#fff
}
.tp-caption.au-btn--pill.au-btn.au-btn--slide{
    color:#fff;
    font-size:13px;
    white-space:nowrap;
    cursor:pointer;
    padding:0 40px;
    text-transform:capitalize;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    -moz-transition:all .5s ease;
    transition:all .5s ease
}
.tp-caption.au-btn--gray-1.au-btn--slide{
    color:#333!important
}
.tp-caption.au-btn--gray-1.au-btn--slide:hover{
    background:#ad313d
}
.au-btn--big{
    padding:0 50px
}
.au-btn--medium{
    padding:0 40px
}
.au-btn--medium.au-btn--pill{
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px
}
.au-btn--pill.au-btn--slide{
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px
}
.tp-caption.au-btn--slide:hover{
    color:#fff;
    background-color:#333
}
.au-btn--big.au-btn--pill{
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px
}
#btn-to-top{
    display:none;
    width:40px;
    height:40px;
    background-color:#ad313d;
    position:fixed;
    bottom:25px;
    right:55px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:40px;
    text-align:center;
    z-index:1000
}
#btn-to-top:hover{
    background-color:#333
}
#btn-to-top .fa.fa-chevron-up{
    font-weight:400;
    color:#fff
}
#btn-to-top i{
    margin-right:0
}
.overlay{
    background:rgba(0,0,0,.7);
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    text-align:center;
    -webkit-transition:.4s;
    -o-transition:.4s;
    -moz-transition:.4s;
    transition:.4s
}
.overlay--p-15{
    padding:15px
}
.overlay--invisible{
    opacity:0
}
.overlay--dark{
    background:rgba(0,0,0,.8)
}
.overlay--border{
    height:100%;
    width:100%;
    border:2px dashed #ad313d
}
.overlay--yellow{
    background:rgba(235,205,30,.63);
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.overlay--yellow>i{
    color:#fff;
    font-size:72px
}
.parallax{
    background-repeat:no-repeat;
    background-position:center left;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.parallax--footer{
    background-image:url(../img/bg-footer.jpg);
    padding:40px 0
}
.form{
    position:relative
}
.form-header{
    margin:-5px 15px 26px 0
}
.form__input{
    border:1px solid #e6e6e6;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    line-height:30px;
    outline:none;
    padding:0 20px;
    font-size:13px;
    color:#999;
    width:500px
}
.form__input--show{
    display:block
}
.form__input--hidden{
    display:none
}
.header-stick{
    position:fixed;
    top:-128px;
    -webkit-transition:.6s;
    -o-transition:.6s;
    -moz-transition:.6s;
    transition:.6s;
    width:100%;
    left:0;
    z-index:88888;
    -webkit-box-shadow:1px 0 3px #ccc;
    -moz-box-shadow:1px 0 3px #ccc;
    box-shadow:1px 0 3px #ccc;
    background-color:rgba(255,255,255,.96)
}
.header-stick nav>ul>li{
    padding:20px
}
.header-stick .logo{
    margin-top:-1px
}
.header-stick nav .sub-menu{
    top:59px
}
.header-stick--show{
    top:0
}
.header-stick--dark{
    background-color:rgba(0,0,0,.75);
    -webkit-box-shadow:1px 0 3px #222;
    -moz-box-shadow:1px 0 3px #222;
    box-shadow:1px 0 3px #222
}
.header-stick--dark nav>ul>li>a{
    color:#eee
}
.header-stick nav.menu-desktop{
    margin-right:0
}
header h1{
    margin-top:10px
}
.logo{
    text-align:center
}
nav.menu-desktop{
    margin-right:30px
}
nav>ul>li{
    padding:30px 18px
}
nav>ul>li>a{
    font-size:15px
}
.menu-desktop--hidden{
    display:none
}
.menu-desktop--show{
    display:block
}
.li-has-sub{
    position:relative;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s
}
.sub-menu{
    position:absolute;
    left:0;
    top:79px;
    z-index:1000;
    max-height:0;
    border-top:3px solid #ad313d;
    overflow:hidden;
    transform:rotate3d(1,0,0,-90deg);
    -ms-transform-origin:50% 0;
    transform-origin:50% 0;
    -webkit-transform:rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
    -moz-transform:rotate3d(1,0,0,-90deg);
    -moz-transform-origin:50% 0;
    -o-transform:rotate3d(1,0,0,-90deg);
    -o-transform-origin:50% 0;
    transition:350ms;
    -webkit-transition:350ms;
    -moz-transition:350ms;
    -o-transition:350ms
}
.li-has-sub:hover .sub-menu{
    max-height:10000px;
    -webkit-transform:rotate3d(0,0,0,0);
    -moz-transform:rotate3d(0,0,0,0);
    -o-transform:rotate3d(0,0,0,0);
    transform:rotate3d(0,0,0,0)
}
.sub-menu>li{
    min-width:224px
}
.sub-menu>li>a{
    display:block;
    line-height:50px;
    padding:0 20px;
    border-bottom:1px solid #e6e6e6;
    background-color:#fff
}
.sub-menu>li>a:hover{
    background-color:#ad313d;
    color:#444
}
.mini-cart{
    position:relative
}
.header-button{
    margin-top:32px
}
.header-button>.pull-right{
    margin-left:30px
}
.header-button>.pull-right:last-child{
    margin-left:0
}
.header-button>div>a>i{
    font-size:18px;
    font-weight:600
}
.mini-cart-counter{
    display:block;
    width:16px;
    height:16px;
    line-height:16px;
    font-size:11px;
    color:#333;
    background-color:#ad313d;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    text-align:center;
    position:absolute;
    bottom:-6px;
    right:-8px
}
.mini-cart-counter--gray{
    background-color:#e6e6e6;
    top:-7px;
    right:-8px
}
.cart-dropdown{
    position:absolute;
    z-index:1000;
    top:47px;
    right:-3px;
    min-width:241px;
    border-top:3px solid #ad313d;
    background:#fff;
    -webkit-box-shadow:0 1px 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow:0 1px 1px 1px rgba(0,0,0,.1);
    box-shadow:0 1px 1px 1px rgba(0,0,0,.1);
    -webkit-transition:.6s ease;
    -o-transition:.6s ease;
    -moz-transition:.6s ease;
    transition:.6s ease
}
.cart-dropdown--hidden{
    display:none;
    height:0
}
.cart-dropdown--show{
    height:auto;
    display:block
}
.cart-list>li{
    padding:15px 10px 15px 17px;
    border-bottom:1px solid #f3f3f3
}
.cart__item>.img-thumb{
    position:relative;
    display:inline-block;
    float:left;
    width:50px;
    border:1px solid #e6e6e6
}
.pro-detail{
    padding:8px 0 11px 65px
}
.pro-detail>h6{
    margin-bottom:2px
}
.pro-detail>h6>a{
    font-weight:400;
    text-transform:capitalize;
    color:#555;
    font-size:13px
}
.pro-detail>h6>a:hover{
    color:#ad313d
}
.pro-detail>p{
    line-height:1;
    margin-bottom:0
}
.pro-detail>p>em{
    font-size:11px;
    color:#999
}
.total-checkout{
    padding:18px 25px
}
.total{
    text-align:center;
    font-weight:600;
    margin-bottom:15px;
    color:#333
}
.checkout{
    margin-bottom:5px
}
.checkout>a.au-btn{
    font-size:11px
}
.sum{
    text-align:center;
    font-weight:600;
    margin-bottom:20px;
    color:#333
}
.header2{
    position:absolute;
    top:0;
    left:0;
    z-index:10000;
    width:100%
}
.header2 .form-header>.form__input{
    background:0 0
}
.header2 nav>ul>li>a{
    color:#eee
}
.header2 nav>ul>li>a:hover{
    color:#ad313d
}
.header2 .header-button>div>a>i{
    color:#eee
}
#menu-canvas{
    background-image:url(../img/bg-menu-canvas.jpg);
    background-color:#333;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    height:100vh;
    width:360px;
    position:fixed;
    z-index:10000;
    top:0;
    -webkit-transition:right .5s;
    -o-transition:right .5s;
    -moz-transition:right .5s;
    transition:right .5s;
    padding:0 30px
}
.close-menu-canvas i{
    color:#ad313d;
    font-size:22px;
    line-height:22px;
    cursor:pointer
}
.canvas-menu-button i{
    -webkit-transition:.6s ease-in-out;
    -o-transition:.6s ease-in-out;
    -moz-transition:.6s ease-in-out;
    transition:.6s ease-in-out
}
.menu-canvas--hidden{
    right:-361px
}
.menu-canvas--show{
    right:0
}
.menu-canvas__inner{
    height:100%;
    margin-top:30%
}
.menu-canvas-slide{
    margin-top:74px
}
.menu-canvas__image{
    padding:10px;
    border:2px dashed #ad313d
}
.menu-canvas__detail{
    color:#c2c2c2;
    padding:0 45px;
    text-align:center;
    margin-top:79px
}
.social{
    text-align:center;
    margin-top:55px
}
.social__item{
    display:inline-block;
    line-height:30px;
    -webkit-transition:.6s ease;
    -o-transition:.6s ease;
    -moz-transition:.6s ease;
    transition:.6s ease;
    text-align:center;
    width:30px;
    background:#484848;
    margin-right:7px
}
.social .social__item:last-child{
    margin-right:0
}
.social__item:hover{
    background:#ad313d
}
.social__item:hover>i{
    color:#333
}
.social__item>i{
    color:#dedede
}
#sync2 .owl-dots{
    position:absolute;
    top:20px;
    left:126px
}
header.header-mobile{
    display:none
}
.menu-mobile__button{
    display:inline-block;
    float:right;
    width:40px;
    line-height:40px;
    height:40px;
    text-align:center;
    border:1px solid #c6c6c6;
    cursor:pointer;
    margin:20px 0
}
.menu-mobile__button:hover{
    background:#ad313d
}
.menu-mobile__button:hover i{
    color:#333
}
.menu-mobile__button i{
    font-size:18px
}
.hidden{
    display:none
}
.menu-mobile__more{
    position:absolute;
    top:0;
    right:0;
    text-align:center;
    line-height:40px;
    padding:0 20px;
    cursor:pointer;
    color:#444
}
nav.menu-mobile{
    position:absolute;
    top:77px;
    left:0;
    float:left;
    z-index:50000;
    background:#fff;
    width:100%;
    margin-right:0
}
nav.menu-mobile>ul{
    border-top:3px solid #ad313d
}
nav.menu-mobile>ul>li{
    position:relative;
    padding:0;
    border-bottom:1px solid rgba(0,0,0,.05)
}
nav.menu-mobile li{
    border-bottom:1px solid rgba(0,0,0,.05)
}
nav.menu-mobile>ul>li a{
    padding:0 20px;
    line-height:40px;
    display:block
}
nav.menu-mobile>ul>li a:hover{
    background-color:#ad313d;
    color:#444
}
nav.menu-mobile>ul>li>ul{
    background:rgba(0,0,0,.03)
}
.click{
    background:#ad313d
}
.click>i{
    color:#333
}
.slide-title{
    color:#fff;
    text-transform:uppercase;
    text-align:center
}
.slide-content{
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    white-space:nowrap
}
.slide-content-2{
    font-family:montserrat;
    padding:0 40px;
    text-transform:uppercase;
    text-align:center;
    border:2px dashed #ad313d;
    font-weight:800;
    color:#fff
}
.slide-content-2 span.color{
    font-family:montserrat;
    text-transform:uppercase;
    font-weight:800;
    color:#ad313d;
    font-size:72px
}
.owl-theme .owl-dots .owl-dot.active span{
    background:#ad313d
}
.mouse{
    position:absolute;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    left:50%;
    bottom:47px;
    width:16px;
    height:30px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    border:2px solid #fff;
    -webkit-transform:translateX(-50%) translateZ(0);
    -moz-transform:translateX(-50%) translateZ(0);
    transform:translateX(-50%) translateZ(0);
    z-index:88887
}
.mouse__wheel{
    position:absolute;
    left:50%;
    margin-left:-1px;
    top:3px;
    width:2px;
    height:5px;
    background:#fff;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-animation:mouse-wheel 1.25s infinite linear;
    -moz-animation:mouse-wheel 1.25s infinite linear;
    -o-animation:mouse-wheel 1.25s infinite linear;
    animation:mouse-wheel 1.25s infinite linear;
    -webkit-transform-origin:50% 0%;
    -moz-transform-origin:50% 0%;
    -ms-transform-origin:50% 0%;
    -o-transform-origin:50% 0%;
    transform-origin:50% 0%
}
@-webkit-keyframes mouse-wheel{
    0%{
        -webkit-transform:scaleY(.4) translateY(0);
        transform:scaleY(.4) translateY(0)
    }
    20%{
        -webkit-transform:scaleY(1) translateY(0);
        transform:scaleY(1) translateY(0)
    }
    60%{
        -webkit-transform:scaleY(.4) translateY(8px);
        transform:scaleY(.4) translateY(8px)
    }
    100%{
        -webkit-transform:scaleY(.4) translateY(0);
        transform:scaleY(.4) translateY(0)
    }
}
@-moz-keyframes mouse-wheel{
    0%{
        -moz-transform:scaleY(.4) translateY(0);
        transform:scaleY(.4) translateY(0)
    }
    20%{
        -moz-transform:scaleY(1) translateY(0);
        transform:scaleY(1) translateY(0)
    }
    60%{
        -moz-transform:scaleY(.4) translateY(8px);
        transform:scaleY(.4) translateY(8px)
    }
    100%{
        -moz-transform:scaleY(.4) translateY(0);
        transform:scaleY(.4) translateY(0)
    }
}
@-o-keyframes mouse-wheel{
    0%{
        -o-transform:scaleY(.4) translateY(0);
        transform:scaleY(.4) translateY(0)
    }
    20%{
        -o-transform:scaleY(1) translateY(0);
        transform:scaleY(1) translateY(0)
    }
    60%{
        -o-transform:scaleY(.4) translateY(8px);
        transform:scaleY(.4) translateY(8px)
    }
    100%{
        -o-transform:scaleY(.4) translateY(0);
        transform:scaleY(.4) translateY(0)
    }
}
@keyframes mouse-wheel{
    0%{
        -webkit-transform:scaleY(.4) translateY(0);
        -moz-transform:scaleY(.4) translateY(0);
        -o-transform:scaleY(.4) translateY(0);
        transform:scaleY(.4) translateY(0)
    }
    20%{
        -webkit-transform:scaleY(1) translateY(0);
        -moz-transform:scaleY(1) translateY(0);
        -o-transform:scaleY(1) translateY(0);
        transform:scaleY(1) translateY(0)
    }
    60%{
        -webkit-transform:scaleY(.4) translateY(8px);
        -moz-transform:scaleY(.4) translateY(8px);
        -o-transform:scaleY(.4) translateY(8px);
        transform:scaleY(.4) translateY(8px)
    }
    100%{
        -webkit-transform:scaleY(.4) translateY(0);
        -moz-transform:scaleY(.4) translateY(0);
        -o-transform:scaleY(.4) translateY(0);
        transform:scaleY(.4) translateY(0)
    }
}
.mouse>i{
    position:absolute;
    color:#fff;
    left:50%;
    margin-left:-3px;
    bottom:-15px
}
.service-wrap{
    display:table;
    width:100%
}
.service__item{
    text-align:center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    width:25%;
    float:left;
    display:table-cell;
    vertical-align:middle;
    min-height:385px;
    position:relative;
    border:1px solid #7f7f7f;
    border-right:none
}
.service__item-inner{
    position:absolute;
    width:78%;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.service__intro h3>span{
    color:#ad313d;
    font-size:24px;
    font-weight:600
}
.service__intro h3{
    font-weight:600;
    color:#f9f9f9;
    line-height:30px
}
.service__intro p{
    color:#a2a2a2;
    margin-top:18px;
    margin-bottom:38px
}
.service__intro{
    text-align:left;
    padding:0 60px
}
.service__item h4{
    margin-top:38px
}
.service__item h4 a{
    font-size:18px;
    color:#ad313d;
    font-weight:600
}
.service__item h4 a:hover{
    color:#fff
}
.service-2{
    background:#f8f8f8;
    padding:130px 0 93px
}
.service-2-wrap{
    position:relative
}
.service-2__left{
    float:left;
    width:44%;
    margin-left:15px
}
.service-2__right{
    position:absolute;
    z-index:10;
    float:left;
    width:62%;
    top:75px;
    right:0
}
.service-2__img{
    position:relative;
    margin:0 auto;
    width:90%
}
.service-2__img>img{
    width:100%;
    -webkit-box-shadow:0 6px 14.56px 1.44px rgba(0,0,0,.22);
    -moz-box-shadow:0 6px 14.56px 1.44px rgba(0,0,0,.22);
    box-shadow:0 6px 14.56px 1.44px rgba(0,0,0,.22)
}
#our1{
    -ms-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
    top:50px;
    left:-57px
}
#our1:after{
    top:17px;
    left:-137px
}
#our1:before{
    top:12px;
    left:-22px
}
#our2{
    left:-72px;
    top:-5px
}
.service-2__inner-head{
    background:#222;
    padding:30px 0
}
.service-2__inner-head h3{
    font-weight:600;
    color:#ad313d;
    margin:0 auto;
    width:80%;
    margin-bottom:12px
}
.service-2__inner-head p{
    color:#dcdcdc;
    margin:0 auto;
    width:80%
}
.service-2__inner-body{
    background:#222;
    padding:50px 65px;
    width:83%;
    margin:0 auto;
    margin-top:20px
}
.service-2__inner-body .body__item:last-child{
    margin-bottom:0
}
.service-2__inner-body .box-item .box-body{
    padding-right:0
}
.body__item{
    margin-bottom:50px
}
.body__item>.box-head--border{
    border:2px solid #ad313d
}
.body__item>.box-body{
    margin-left:68px
}
.body__item>.box-body>h5{
    margin-bottom:12px
}
.body__item>.box-body>h5>a{
    color:#ad313d;
    font-size:18px;
    font-weight:600
}
.body__item>.box-body>h5>a:hover{
    color:#fff
}
.body__item>.box-body>p{
    color:#dcdcdc
}
.recent-project{
    padding-top:95px
}
.recent-project .title-detail{
    margin-bottom:70px
}
.slide-re-pro{
    width:100%;
    position:relative
}
.slide-re-pro__item{
    position:relative
}
.parallax--slide-re-pro{
    padding:75px 80px;
    background-image:url(../img/bg-recent-project.jpg)
}
.pro-info{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:all .6s ease 0s;
    -o-transition:all .6s ease 0s;
    -moz-transition:all .6s ease 0s;
    transition:all .6s ease 0s;
    top:0;
    left:0;
    background:rgba(235,205,30,.66);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    z-index:100;
    text-align:center;
    overflow:hidden
}
.pro-link{
    cursor:pointer
}
.pro-link:hover>.pro-info{
    opacity:1
}
h4.pro-title{
    width:100%;
    display:block;
    position:absolute;
    top:40.5%;
    -webkit-transform:translateY(-50px);
    -moz-transform:translateY(-50px);
    -ms-transform:translateY(-50px);
    -o-transform:translateY(-50px);
    transform:translateY(-50px);
    text-align:center;
    -webkit-transition:all .6s ease 0s;
    -o-transition:all .6s ease 0s;
    -moz-transition:all .6s ease 0s;
    transition:all .6s ease 0s
}
h4.pro-title>a{
    font-size:36px;
    font-weight:700;
    color:#fff
}
.pro-link:hover>.pro-info>.pro-title{
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -o-transform:translateY(0px);
    transform:translateY(0px)
}
.pro-link:hover>.pro-info>.pro-cat-name{
    -webkit-transform:translateY(45px);
    -moz-transform:translateY(45px);
    -ms-transform:translateY(45px);
    -o-transform:translateY(45px);
    transform:translateY(45px)
}
a.pro-link:hover{
    color:#666
}
.pro-cat-name{
    width:100%;
    position:absolute;
    top:41%;
    -webkit-transform:translateY(70px);
    -moz-transform:translateY(70px);
    -ms-transform:translateY(70px);
    -o-transform:translateY(70px);
    transform:translateY(70px);
    text-align:center;
    -webkit-transition:all .6s ease 0s;
    -o-transition:all .6s ease 0s;
    -moz-transition:all .6s ease 0s;
    transition:all .6s ease 0s
}
.pro-cat-name>a{
    font-size:13px;
    font-weight:600
}
.pro-cat-name>a:hover{
    color:#666
}
.pro-cat-name>a:after{
    content:","
}
.pro-cat-name>a:last-child:after{
    content:''
}
.slide-re-pro.owl-theme .owl-nav div{
    width:50px;
    height:50px;
    line-height:52px;
    position:absolute;
    top:50%;
    margin-top:-25px;
    background:#111;
    text-align:center;
    cursor:pointer;
    -webkit-transition:all .6s ease 0s;
    -o-transition:all .6s ease 0s;
    -moz-transition:all .6s ease 0s;
    transition:all .6s ease 0s;
    color:#fff;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.slide-re-pro.owl-theme .owl-nav div:hover{
    color:#333;
    background:#ad313d
}
.slide-re-pro.owl-theme .owl-nav .owl-prev{
    left:-30px
}
.slide-re-pro.owl-theme .owl-nav .owl-next{
    right:-30px
}
.our-team{
    padding:90px 0;
    padding-bottom:60px
}
.our-team .title-detail{
    margin-bottom:75px
}
.our-team__left{
    width:80%;
    position:relative
}
.our-team__info{
    text-align:center;
    background:#222;
    border-top:1px solid #fff;
    padding:15px 0;
    position:relative
}
.our-team__info>h5{
    color:#ad313d;
    font-weight:400;
    text-transform:capitalize;
    margin-bottom:5px
}
.our-team__info>p>em{
    color:#d5d5d5
}
.our-team__info:after{
    content:'';
    width:40px;
    height:260px;
    border-right:2px dashed #bbb;
    border-bottom:2px dashed #bbb;
    position:absolute;
    bottom:35px;
    right:-40px
}
.social__item--big{
    line-height:70px;
    height:70px;
    width:70px;
    font-size:20px;
    margin:0;
    background:#222;
    display:block;
    position:absolute
}
.social__item--fb{
    top:0;
    right:-71px
}
.social__item--insta{
    top:71px;
    right:-71px
}
.social__item--google{
    top:142px;
    right:-71px
}
.our-team .owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:60px
}
#owl-client-say,#owl-our-team,#owl-re-pro-2,#owl-testi,#owl-partner,#owl-our-team-2,#owl-testi-1,#owl-partner-1,#owl-client-say-2,#owl-blog,#owl-partner-2,#owl-client-say-1{
    touch-action:none
}
#owl-our-team.row{
    margin:0
}
.recent-news{
    background:#f9f9f9;
    padding:90px 0;
    padding-bottom:110px
}
.recent-news .title-detail{
    margin-bottom:70px
}
.see-more.see-more--left{
    text-align:left;
    margin-top:40px
}
.recent-news .blog-title>a{
    font-weight:600
}
.row#owl-testi{
    margin:0
}
.parallax-testi{
    background-image:url(../img/bg-testi.jpg);
    padding:80px 0;
    padding-bottom:50px;
    background-position:center
}
.testi__item{
    text-align:justify;
    -moz-text-align-last:center;
    text-align-last:center;
    margin-top:60px
}
.testi__item>blockquote{
    color:#dcdcdc;
    line-height:22px;
    position:relative;
    width:80%;
    margin:0 auto
}
.testi-img{
    width:106px;
    height:106px;
    border:2px solid #ad313d;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    overflow:hidden;
    margin:0 auto;
    margin-bottom:15px;
    margin-top:55px
}
.testi-name{
    color:#fff;
    font-weight:400
}
.testi-job em{
    font-size:11px;
    color:#ededed
}
.big-qoute{
    font-size:27px;
    color:#bfbfbf;
    position:absolute;
    top:-5px;
    left:-42px
}
.testi .owl-theme .owl-nav div{
    width:50px;
    height:50px;
    line-height:50px;
    position:absolute;
    top:50%;
    margin-top:-25px;
    background:#ad313d;
    text-align:center;
    cursor:pointer;
    -webkit-transition:all .6s ease 0s;
    -o-transition:all .6s ease 0s;
    -moz-transition:all .6s ease 0s;
    transition:all .6s ease 0s;
    color:#fff;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.testi .owl-theme .owl-nav div:hover{
    color:#333;
    background:#fff
}
.testi .owl-theme .owl-nav .owl-prev{
    left:54px
}
.testi .owl-theme .owl-nav .owl-next{
    right:54px
}
.testi .owl-carousel{
    position:static
}
.our-process{
    padding:95px 0;
    padding-bottom:140px;
    background-color:#f8f8f8
}
.our-process__item{
    background:#222;
    padding:45px 30px;
    position:relative;
    margin-top:25px
}
.our-process__item>h3{
    color:#fff;
    font-weight:700;
    margin-bottom:22px
}
.our-process__item>h3>i{
    color:#ad313d;
    margin-right:8px;
    font-size:30px;
    vertical-align:middle
}
.our-process__item>p{
    color:#fff
}
.our-process__item--l-b:after{
    content:'';
    height:30px;
    width:287px;
    border:2px dashed #bbb;
    border-top:none;
    position:absolute;
    left:50%;
    bottom:-30px
}
.our-process__item--l-t:before{
    content:'';
    height:30px;
    width:287px;
    border:2px dashed #bbb;
    border-bottom:none;
    position:absolute;
    left:50%;
    top:-30px
}
.latest-project{
    padding-top:90px
}
.latest__item{
    border:2px solid #f1f1f1;
    position:relative;
    overflow:hidden
}
.latest__item--content{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    text-align:center
}
.latest__item--inner{
    opacity:0;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s
}
.latest__item img{
    -webkit-transition:.6s;
    -o-transition:.6s;
    -moz-transition:.6s;
    transition:.6s
}
.latest__item:hover img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
.latest__item:hover .overlay{
    opacity:1
}
.latest__item:hover .latest__item--inner{
    opacity:1
}
.latest__item--inner h3 a{
    color:#ad313d;
    font-size:24px
}
.latest__item--inner h3 a:hover{
    color:#fff
}
.cat-name a em{
    color:#d5d5d5;
    font-size:11px
}
.cat-name a:hover em{
    color:#fff
}
.blog{
    padding:95px 0;
    padding-bottom:160px
}
.blog-single{
    margin-bottom:30px;
    margin-right:25px
}
.img-blog{
    margin-bottom:20px
}
.img-blog>a{
    position:relative;
    display:block;
    overflow:hidden
}
.img-blog>a>img{
    width:100%;
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease
}
.img-blog>a>img:hover{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
.date{
    height:47px;
    width:47px;
    background:#333;
    padding:5px;
    position:absolute;
    top:10px;
    right:10px
}
.date--big{
    width:80px;
    height:80px;
    top:20px;
    right:20px
}
.date .date__inner{
    width:100%;
    height:100%;
    text-transform:uppercase;
    border:1px solid #999;
    padding:7px 0;
    text-align:center
}
.date .date__inner span{
    display:block;
    color:#fff;
    font-size:10px;
    font-weight:700;
    line-height:1
}
.date--big .date__inner{
    width:100%;
    height:100%;
    text-transform:uppercase;
    border:1px solid #999;
    padding:15px 0;
    text-align:center
}
.date--big .date__inner span{
    display:block;
    color:#fff;
    font-size:18px;
    font-weight:700;
    line-height:1
}
.blog-title{
    margin-bottom:3px;
    margin-top:-6px
}
.blog-title>a{
    text-transform:uppercase!important;
    color:#333;
    font-size:18px;
    text-transform:none;
    font-weight:700;
    text-decoration:none;
    outline:none;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s
}
.blog-title>a:hover{
    color:#ad313d
}
.author{
    color:#999;
    margin-bottom:5px
}
.blog-single .blog-content{
    margin-top:17px
}
.see-more{
    text-align:center;
    margin-top:55px
}
.blog-link__item{
    display:inline-block;
    color:#777;
    margin-right:15px
}
.blog-link .blog-link__item:last-child{
    margin-right:0
}
.blog-link__item>a>i{
    color:#777
}
.client-say{
    padding:95px 0;
    padding-bottom:75px;
    background:#f8f8f8
}
#owl-client-say.row{
    margin:0
}
.client-say .title.m-b-100{
    margin-bottom:100px
}
.client-say .owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:78px
}
.client__item{
    display:table
}
.client-img{
    width:37%;
    display:table-cell
}
.client-content{
    display:table-cell;
    vertical-align:middle;
    width:100%;
    color:#dcdcdc;
    background:#222;
    padding:30px 14px;
    padding-left:25px;
    position:relative;
    height:300px;
}
.client-content--white{
    background:#fff;
    border:1px solid #ededed
}
.client-content--white:before{
    display:none
}
.client-content.client-content--white blockquote:before{
    color:#999
}
.client-content.client-content--white blockquote{
    color:#666
}
.client-content.client-content--white .client-name{
    color:#333;
    font-weight:600
}
.client-content.client-content--white .client-job>em{
    font-weight:300;
    font-size:11px;
    color:#555
}
.client-content:before{
    content:'';
    height:20px;
    width:20px;
    border:10px solid #333;
    border-top:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid transparent;
    position:absolute;
    z-index:100;
    left:-20px;
    top:45%
}
.client-content blockquote{
    margin-bottom:18px
}
.client-content blockquote:before{
    font-family:source sans pro;
    font-size:60px;
    line-height:0;
    content:"“";
    color:#ad313d;
    display:inline-block;
    font-style:normal;
    vertical-align:-.4em;
    margin-right:0
}
.client-name{
    color:#ad313d;
    line-height:1;
    margin-bottom:7px
}
.client-job{
    line-height:1;
    font-size:11px;
    color:#a2a2a2
}
.client-job>em{
    color:#a2a2a2
}
.partner{
    /*background-image:url(../img/bg-partner.jpg);*/
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    /*background-color:#ad313d;*/
    padding:60px 0
}
.partner-2{
    background-image:none;
    background-color:#ad313d
}
footer{
    position:relative;
    text-align:center
}
.form-footer{
    margin-top:43px
}
.form-footer>.form__input{
    line-height:38px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    -webkit-border-top-right-radius:0;
    -moz-border-radius-topright:0;
    border-top-right-radius:0;
    -webkit-border-bottom-right-radius:0;
    -moz-border-radius-bottomright:0;
    border-bottom-right-radius:0;
    max-width:156px
}
.au-btn--submit{
    outline:none;
    border:none;
    cursor:pointer;
    line-height:40px;
    -webkit-border-top-right-radius:30px;
    -moz-border-radius-topright:30px;
    border-top-right-radius:30px;
    -webkit-border-bottom-right-radius:30px;
    -moz-border-radius-bottomright:30px;
    border-bottom-right-radius:30px;
    padding:0 22px;
    margin-left:-5px
}
.ul--footer{
    margin-top:45px
}
.ul--footer li{
    display:inline-block;
    padding:0 5px
}
.ul--footer li a{
    color:#c2c2c2
}
.ul--footer li a:hover{
    color:#ad313d
}
footer .social{
    margin-top:38px
}
.social__item--circle{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.copyright{
    padding:15px 0;
    text-align:center;
    background:#111;
    color:#626262;
    font-size:11px
}
.copyright span{
    color:#ad313d
}
.footer-2>.overlay.overlay--dark{
    display:none
}
.footer-2>.parallax.parallax--footer{
    background-image:none;
    background-color:rgba(14,14,14,.94)
}
.top-contact{
    background:#222;
    padding:12px 0
}
.top-contact--left>span{
    color:#969696;
    font-size:11px
}
.top-contact--left>span:first-child{
    margin-right:40px
}
.top-contact--right a{
    margin-right:20px
}
.top-contact--right a:last-child{
    margin-right:0
}
.top-contact--right a i{
    color:#969696;
    font-size:16px
}
.top-contact--right a:hover i{
    color:#ad313d
}
.header3{
    position:absolute;
    z-index:1000;
    width:100%
}
.header-wrap{
    background:#fff;
    padding:0 70px
}
.slide-title-3{
    font-family:montserrat;
    font-weight:700;
    line-height:-webkit-calc(60/48);
    line-height:-moz-calc(60/48);
    line-height:calc(60/48);
    min-width:700px
}
.slide-title>span{
    color:#ad313d
}
.slide-title-3>span{
    font-family:montserrat;
    font-weight:700
}
.service-3{
    padding-bottom:105px;
    background-color:#f8f8f8
}
.service-3__item{
    margin-top:-83px;
    -webkit-box-shadow:3px 5.196px 14.56px 1.44px rgba(0,0,0,.086);
    -moz-box-shadow:3px 5.196px 14.56px 1.44px rgba(0,0,0,.086);
    box-shadow:3px 5.196px 14.56px 1.44px rgba(0,0,0,.086);
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    position:relative
}
.bottom-shadow{
    vertical-align:middle;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-box-shadow:0 0 1px transparent;
    -moz-box-shadow:0 0 1px transparent;
    box-shadow:0 0 1px transparent;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    -moz-osx-font-smoothing:grayscale;
    position:relative;
    -webkit-transition:all .6s ease 0s;
    -o-transition:all .6s ease 0s;
    -moz-transition:all .6s ease 0s;
    transition:all .6s ease 0s
}
.bottom-shadow:after{
    pointer-events:none;
    position:absolute;
    z-index:-1;
    content:'';
    top:100%;
    left:5%;
    height:1px;
    width:95%;
    opacity:0;
    background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 70%);
    background:-moz-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 70%);
    background:-o-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 70%);
    background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 70%);
    -webkit-transition:all .6s ease 0s;
    -o-transition:all .6s ease 0s;
    -moz-transition:all .6s ease 0s;
    transition:all .6s ease 0s
}
.service-3__item:hover.bottom-shadow:after{
    opacity:.6;
    height:10px;
    -webkit-transform:translateY(10px);
    -moz-transform:translateY(10px);
    -ms-transform:translateY(10px);
    -o-transform:translateY(10px);
    transform:translateY(10px)
}
.service-3__item:hover{
    margin-top:-93px
}
.service-3-icon{
    width:102px;
    line-height:88px;
    text-align:center;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    padding:5px;
    background-color:#ad313d;
    position:absolute;
    top:-45px;
    left:50%;
    z-index:20;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
}
.service-3-icon__inner{
    border:2px solid #222;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.service-3__inner{
    background-color:#222;
    text-align:center;
    padding:90px 40px 60px;
    position:relative;
    z-index:20
}
.service-3__inner h3{
    margin-bottom:20px
}
.service-3__inner h3 a{
    color:#ad313d;
    font-size:24px
}
.service-3__inner h3 a:hover{
    color:#fff
}
.service-3__inner p{
    color:#d5d5d5;
    text-align:center
}
.why-choose{
    padding:90px 0;
    padding-bottom:120px
}
.title-3{
    position:relative;
    margin-bottom:100px
}
.why-choose .title-3{
    margin-bottom:56px
}
.title-3:after{
    content:"";
    height:6px;
    width:133px;
    position:absolute;
    background-color:#ad313d;
    bottom:-35px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
}
.why-choose__inner .box-head{
    width:88px
}
.why-choose__inner .box-head--border{
    border:3px solid #bbb
}
.why-choose__inner .box-head--border i{
    color:#333;
    font-size:36px;
    line-height:82px
}
.why-choose__inner .box-body h3{
    margin-bottom:7px;
    line-height:1
}
.why-choose__inner .box-body p{
    line-height:20px
}
.why-choose__inner .box-body--right{
    margin-left:88px;
    padding-left:30px;
    padding-right:0
}
.why-choose__inner .box-body--left{
    text-align:right;
    margin:0;
    margin-right:88px;
    padding-right:30px;
    padding-left:0
}
.why-choose__inner .box-head--right{
    float:right
}
.latest-project-3{
    background:#f8f8f8;
    padding-bottom:75px
}
.latest-project-3 .title-3{
    margin-bottom:120px
}
.see-more.m-t-70{
    margin-top:70px
}
.overlay--border-solid{
    border:2px solid #ad313d
}
.statistic__item{
    margin-top:30px
}
.parallax-statistic{
    background-image:url(../img/bg-statistic-01.jpg);
    padding:65px 0;
    padding-top:35px
}
.statistic__item>div{
    text-align:center
}
.number-wrap{
    display:block;
    font-size:48px;
    color:#ad313d
}
.number{
    font-size:48px;
    color:#ad313d
}
.label1{
    font-size:24px;
    color:#d5d5d5
}
.blog-3{
    padding-top:90px;
    padding-bottom:150px
}
.blog-3 .blog-title{
    margin-top:0
}
.blog-3 .title-3{
    margin-bottom:90px
}
.blog-item-3{
    margin-top:35px
}
.img-blog-3{
    position:relative;
    overflow:hidden
}
a.sbold{
    font-weight:600
}
.date--blog3{
    background:#ad313d;
    text-align:center;
    position:absolute;
    left:-50%;
    margin-left:15px;
    margin-top:-15px;
    top:50%;
    width:100%;
    height:30px;
    z-index:10;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.date--blog3 .day{
    color:#f2f2f2;
    font-size:18px
}
.date--blog3 .month{
    color:#f2f2f2;
    font-size:18px;
    text-transform:uppercase
}
.blog-title--normal a{
    font-weight:400
}
.blog-title.m-b-20{
    margin-bottom:20px
}
.contact__content{
    text-transform:uppercase;
    font-size:18px;
    color:#333;
    font-weight:600;
    display:inline-block;
    margin-right:30%
}
.contact__inner .au-btn--big{
    padding:0 40px
}
.parallax--contact{
    padding:45px 0;
    background-image:url(../img/bg-contact.jpg)
}
.header--bg-dark{
    background-color:rgba(0,0,0,.6)
}
.slide-title-4-h{
    font-family:montserrat;
    color:#ad313d;
    text-transform:uppercase;
    font-weight:600
}
.slide-title-4{
    font-family:montserrat;
    color:#fff;
    text-transform:lowercase;
    text-align:center
}
#revolution-slider4 .tparrows.gyges{
    background:rgba(0,0,0,.741);
    width:90px;
    height:90px
}
#revolution-slider4 .tparrows:before{
    font-family:material-design-iconic-font;
    font-size:36px;
    color:#fff;
    line-height:90px
}
#revolution-slider4 .tparrows.tp-leftarrow:before{
    content:'\f2ea'
}
#revolution-slider4 .tparrows.tp-rightarrow:before{
    content:'\f2ee'
}
.we-are{
    padding:120px 0
}
.we-are__right>h2{
    font-family:montserrat,sans-serif
}
.we-are__right>h2:first-child{
    font-size:48px
}
.we-are .see-more.see-more--left{
    margin-top:33px
}
h2.title--small{
    margin-bottom:37px
}
.we-are__right{
    padding-left:70px
}
.we-are__right>h5{
    font-weight:600;
    text-transform:initial;
    margin-bottom:19px;
    font-size:16px;
    color:#333
}
.we-are__left>div{
    text-align:right
}
.we-are__item{
    width:200px;
    height:200px;
    display:inline-block;
    margin-right:20px
}
.top{
    margin-bottom:20px
}
.top>.item:last-child{
    margin-right:0
}
.bottom>.item:last-child{
    margin-right:0
}
.why-choose4{
    padding:70px 0;
    padding-top:15px;
    background-color:#f8f8f8
}
.why-choose4__item{
    text-align:center;
    margin-top:60px
}
.why-choose4__item>h4{
    margin-top:15px
}
.our-process2 .title-3{
    margin-bottom:130px
}
.parallax--our-process2{
    background-image:url(../img/bg-service-01.jpg);
    background-position:left center;
    padding:84px 0;
    padding-bottom:50px
}
.overlay--light{
    background-color:rgba(0,0,0,.5)
}
.title--light{
    color:#fff
}
.our-process2__item{
    margin:0 auto;
    height:270px;
    width:270px;
    background:#222;
    border:2px solid #575757;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    padding:80px 0;
    text-align:center;
    margin-bottom:50px
}
.our-process2__item>h4{
    color:#efefef;
    font-family:montserrat;
    font-weight:600;
    margin-bottom:10px
}
.our-process2__item>h4>span{
    font-weight:700;
    font-size:36px;
    color:#ad313d
}
.our-process2__item>p{
    width:75%;
    margin:0 auto;
    text-align:center;
    color:#dcdcdc
}
.latest-project.latest-project-4 .title-3{
    margin-bottom:120px
}
.latest__item .overlay i{
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}
.latest__item:hover .overlay i{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.our-team2{
    padding:90px 0;
    background-color:#f8f8f8;
    padding-bottom:75px
}
.our-team2 .title-3{
    margin-bottom:115px
}
.our-team2__img{
    position:relative
}
.our-team2__detail{
    background-color:#222;
    text-align:center;
    padding:15px 0
}
.our-team2__detail>h4{
    font-weight:600;
    color:#ad313d
}
.our-team2__detail>p>em{
    color:#dcdcdc;
    font-size:11px
}
.our-team2__contact{
    width:100%;
    color:#fff;
    position:absolute;
    top:82%;
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
    text-align:center;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
.our-team2__contact>a.social__item{
    color:#fff;
    height:30px;
    border:1px solid #fff;
    background:0 0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
.our-team2__contact>a.social__item:hover{
    color:#333;
    border-color:#333
}
.our-team2__link{
    cursor:pointer
}
.our-team2__link:hover .our-team2__info{
    opacity:1
}
.our-team2__link:hover .our-team2__contact{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.our-team2 .owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:70px
}
.testi-partner{
    padding:85px 0;
    padding-bottom:70px;
    padding-top:55px
}
.testi-partner__left,.testi-partner__right{
    margin-top:40px
}
.testi-partner .testi__item{
    margin-top:0
}
.testi-partner .owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:48px
}
.title-3--left{
    text-align:left
}
.title-3--left:after{
    width:70px;
    left:0;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.title-3--right{
    text-align:right
}
.title-3--right:after{
    width:70px;
    right:0;
    left:auto;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.testi__person{
    width:100px;
    height:100px;
    float:left
}
.testi__person>h6{
    margin-top:8px
}
.testi__speech{
    margin-left:100px;
    padding-left:20px
}
.testi-partner .testi-job em{
    color:#555
}
.testi__speech blockquote{
    position:relative;
    padding:40px;
    padding-left:50px;
    font-size:12px;
    line-height:-webkit-calc(23/12);
    line-height:-moz-calc(23/12);
    line-height:calc(23/12);
    margin-bottom:0;
    border:1px solid #f8f8f8;
    text-align:left;
    -ms-text-align-last:left;
    -moz-text-align-last:left;
    text-align-last:left
}
.testi__speech blockquote .big-qoute{
    left:19px;
    top:33px
}
.partner-wrap1{
    position:relative
}
.partner-wrap1 .owl-stage-outer{
    padding:41px 0px;
    border:1px solid #f8f8f8
}
.partner-wrap1 .partner__item{
    display:inline-block
}
.partner__item{
    display:block;
    text-align:center
}
.partner__item>img{
    margin:0 auto
}
.header4{
    position:absolute;
    z-index:100;
    width:100%
}
.header4 nav.menu-desktop{
    margin-right:0
}
.header4 nav>ul>li{
    padding:46px 24px
}
.header4 nav li a{
    color:#eee;
    text-transform:uppercase;
    font-family:montserrat;
    font-weight:400;
    font-size:14px
}
.header4 nav li a:hover{
    color:#ad313d
}
.logo--center{
    line-height:111px;
    padding:0 30px;
    background:#171717;
    margin-top:0;
    -webkit-box-shadow:3px 5.196px 16.74px 1.26px rgba(0,0,0,.094);
    -moz-box-shadow:3px 5.196px 16.74px 1.26px rgba(0,0,0,.094);
    box-shadow:3px 5.196px 16.74px 1.26px rgba(0,0,0,.094)
}
.logo--center>a{
    display:block
}
.header4 .header-button{
    margin-top:43px
}
.header4 .header-button .mini-cart i{
    color:#eee;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
.header4 .header-button .mini-cart>a:hover i{
    color:#ad313d
}
.header4 .header-button .mini-cart .cart-dropdown{
    top:65px
}
.header4 .header-button .search-button i{
    color:#eee;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
.header4 .header-button .search-button>a:hover i{
    color:#ad313d
}
.header4 .header-button .search-button .form__input{
    width:300px;
    background:0 0
}
.header4 nav>ul>li>.sub-menu{
    top:108px
}
.header4 nav>ul>li>.sub-menu>li>a{
    color:#333;
    text-transform:capitalize
}
.slide-title-5-f{
    font-family:montserrat;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:25px;
    font-weight:400
}
.slide-title-5{
    font-family:montserrat;
    color:#ad313d;
    text-transform:uppercase;
    text-align:center;
    font-weight:700
}
#revolution-slider5 .persephone.tparrows{
    height:50px;
    width:50px;
    background:0 0;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
#revolution-slider5 .persephone.tparrows:hover{
    background:#ad313d;
    border-color:#ad313d
}
#revolution-slider5 .persephone.tparrows:before{
    line-height:50px;
    font-family:material-design-iconic-font;
    color:#e3e3e3;
    font-size:24px
}
#revolution-slider5 .tparrows.tp-leftarrow:before{
    content:'\f2ea'
}
#revolution-slider5 .tparrows.tp-rightarrow:before{
    content:'\f2ee'
}
.service4{
    padding:100px 0;
    padding-top:50px
}
.service4__item{
    margin-top:50px
}
.service4__img{
    overflow:hidden
}
.service4__img>img{
    display:block;
    -webkit-transition:all .6s ease 0s;
    -o-transition:all .6s ease 0s;
    -moz-transition:all .6s ease 0s;
    transition:all .6s ease 0s
}
.service4__img:hover>img{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15)
}
.service4__content{
    padding:30px 50px;
    border:1px solid #ededed
}
.service4__content h5{
    text-align:center;
    margin-bottom:17px
}
.service4__content h5 a{
    color:#333;
    font-size:16px;
    font-weight:700
}
.service4__content h5 a:hover{
    color:#ad313d
}
.service4__content p{
    text-align:center
}
.statistic2{
    background:#f8f8f8;
    padding:55px 0;
    padding-top:10px
}
.statistic2__item{
    margin-top:50px;
    text-align:center
}
.statistic2__icon{
    margin-bottom:25px
}
.statistic2__info{
    font-size:18px;
    color:#333
}
.number1{
    font-size:18px;
    color:#333;
    margin-right:-4px
}
.title--36{
    font-size:36px
}
.m-b-92{
    margin-bottom:92px
}
.our-process3{
    padding:92px 0;
    position:static;
    padding-bottom:100px
}
.our-process3 h2.title{
    margin-bottom:95px
}
.our-process3-wrap{
    position:relative
}
.our-process3__inner{
    position:relative
}
.our-process3__item{
    outline:none
}
.our-process3__text{
    border:1px solid #ededed;
    padding:72px 70px;
    padding-top:45px;
    padding-right:50px;
    width:60%;
    position:absolute;
    top:80px;
    left:0;
    background:#fff;
    z-index:207
}
.num{
    font-size:158px;
    font-weight:600;
    color:#ad313d;
    line-height:1
}
.head{
    line-height:1;
    font-weight:700;
    font-size:60px;
    color:#444;
    text-transform:uppercase;
    margin-bottom:28px
}
.p-btn{
    cursor:pointer;
    width:100%;
    height:100%;
    background:rgba(34,34,34,.84);
    border:1px solid #ebebeb;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.p-btn:after{
    content:'';
    display:block;
    padding-bottom:100%
}
.p-btn:hover{
    background:rgba(235,205,30,.84)
}
.our-process3__big-img>img{
    width:100%
}
.dot-wrap .slick-dots{
    position:absolute;
    top:0;
    right:0;
    width:13.62%;
    height:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.dot-wrap .slick-dots li{
    position:static;
    margin:0;
    width:100%;
    height:25%
}
.dot-wrap .slick-dots li.slick-active .p-btn{
    background:rgba(235,205,30,.84)
}
.our-process3__big-img{
    float:right;
    width:54%
}
.m-b-125{
    margin-bottom:125px
}
.our-process3__text{
    outline:none
}
.our-process3__right .p-btn{
    outline:none
}
html.homepage-box{
    background:url(../img/icon/bg-box.png) repeat
}
body.box{
    max-width:1200px;
    margin:auto;
    -webkit-box-shadow:1px 1.732px 14.56px 1.44px rgba(0,0,0,.063);
    -moz-box-shadow:1px 1.732px 14.56px 1.44px rgba(0,0,0,.063);
    box-shadow:1px 1.732px 14.56px 1.44px rgba(0,0,0,.063);
    position:relative;
    background-color:#fff;
    overflow-x:hidden
}
.top-contact1-wrap{
    padding:18px 0;
    border-bottom:1px solid #ededed
}
.top-contact1-wrap span{
    font-size:11px;
    color:#969696
}
.top-contact1-wrap span>a{
    font-size:11px;
    color:#969696
}
.top-contact1-wrap span>a:hover{
    color:#ad313d
}
.header-stick6 nav>ul>li a{
    text-transform:uppercase;
    font-size:13px
}
.header6.header-stick .logo{
    margin-top:0
}
.header6 h1{
    margin-top:8px
}
.header6 .header-button>.pull-right{
    margin-left:20px
}
.header6 nav>ul>li a{
    text-transform:uppercase;
    font-size:13px
}
.header6 .sub-menu{
    top:77px
}
.header6 .header-button{
    margin-top:28px
}
.header6 .search-button{
    position:relative
}
.header6 .search-button .form-header{
    margin-right:0
}
.header6 .search-button .form-header button{
    position:absolute;
    top:1px;
    right:0;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:block;
    border:none;
    background:0 0;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s
}
.header6 .search-button .form-header button i{
    font-size:18px;
    color:#444
}
.header6 .search-button .form__input{
    display:block;
    width:150px;
    border:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    padding-left:0
}
.header6 .search-button .form__input:focus{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    border-bottom:1px solid #ad313d!important
}
.header6 nav.menu-desktop{
    margin-right:40px
}
.slide-title-6.yellow{
    color:#ad313d
}
.slide-title-normal.black{
    color:#333
}
.slide-title-normal{
    font-family:montserrat;
    font-weight:400;
    text-transform:uppercase
}
.slide-title-6{
    font-family:montserrat;
    font-weight:600;
    text-transform:uppercase
}
.slide-title-light{
    font-family:montserrat;
    font-weight:300;
    text-transform:uppercase
}
.slide-label{
    color:#fff;
    font-family:montserrat;
    text-transform:uppercase;
    text-align:center;
    background:#ff8383;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.white{
    color:#fff
}
.slide6 .tp-caption.au-btn--pill.au-btn.au-btn--slide{
    color:#333
}
.slide-content-1{
    color:#fff
}
.au-btn--white.au-btn--slide{
    color:#333;
    background-color:#fff
}
.au-btn--white.au-btn--slide:hover{
    background-color:#ad313d
}
.product-wrap{
    padding:30px 0;
    padding-top:0;
    border-bottom:1px solid #ededed
}
.product__item{
    margin-top:30px
}
.product__item>a{
    position:relative;
    display:block;
    overflow:hidden
}
.product__item>a>img:hover{
    -webkit-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15)
}
.product__item>a>img{
    width:100%;
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease
}
.label{
    position:absolute;
    z-index:10;
    text-transform:uppercase;
    line-height:20px;
    font-size:18px
}
.label--rect{
    display:inline-block;
    font-family:montserrat;
    font-weight:300;
    padding:0 25px;
    line-height:40px;
    color:#fff;
    background-color:#f39cc3;
    top:15px;
    left:20px
}
.au-collect{
    font-family:montserrat;
    font-weight:300;
    color:#fff;
    top:15px;
    left:20px
}
.sale-off{
    font-family:montserrat;
    font-weight:300;
    color:#333;
    top:15px;
    left:20px
}
.sale-off>span{
    font-family:montserrat;
    color:#f1646c;
    font-weight:400;
    font-size:18px
}
.title-6{
    font-size:24px;
    color:#222;
    font-weight:400;
    margin-bottom:25px
}
.our-product{
    padding:65px 0;
    padding-bottom:30px
}
#pro-menu{
    margin:auto;
    margin-bottom:20px
}
#pro-menu .nav-pills .nav-link.active{
    background-color:#ad313d
}
#pro-menu .nav-pills .nav-link{
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    padding:6px 25px;
    text-transform:uppercase;
    text-align:center
}
.label--small{
    padding:0 15px;
    color:#fff;
    font-size:11px;
    text-transform:uppercase;
    line-height:25px;
    top:10px;
    left:10px
}
.label--small.pink{
    background-color:#f1646c
}
.label--small.green{
    background-color:#9dd5c0
}
.pro__item{
    margin-top:30px
}
.pro__img{
    position:relative
}
.pro-info--dark{
    background:rgba(0,0,0,.42)
}
.pro__detail{
    border:1px solid #ededed;
    border-top:none;
    padding:25px 0;
    text-align:center
}
.pro__detail>h5{
    margin-bottom:10px
}
.pro__detail>h5>a{
    font-size:16px;
    font-weight:400;
    color:#555
}
.pro__detail>h5>a:hover{
    color:#ad313d
}
.pro__detail>.pro__price{
    margin-bottom:6px
}
.pro-info--center{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pro__add{
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transition:all .6s ease 0s;
    -o-transition:all .6s ease 0s;
    -moz-transition:all .6s ease 0s;
    transition:all .6s ease 0s
}
.pro-link:hover .pro__add{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.pro__price .old{
    font-size:16px;
    color:#999;
    text-decoration:line-through;
    margin-right:20px
}
.pro__price .current{
    font-weight:600;
    color:#555;
    font-size:16px
}
.pro__star>i{
    color:#ad313d
}
.service5{
    background-color:#f8f8f8;
    padding:60px 0;
    padding-top:20px
}
.service5__item{
    margin-top:40px;
    padding:3px
}
.service5__inner{
    border:1px solid #fff;
    padding:15px 0;
    padding-left:30px;
    padding-right:15px
}
.service5__inner .box-body{
    margin-left:63px;
    color:#fff;
    text-transform:uppercase;
    padding-right:0;
    padding-top:10px;
    padding-left:40px
}
.service5__inner .box-body h5{
    color:#fff;
    font-weight:600;
    margin-bottom:8px;
    font-size:16px
}
.service5__inner .box-body p{
    line-height:1;
    text-transform:uppercase
}
.service5__item.pink{
    background-color:#f39cc3
}
.service5__item.orange{
    background-color:#fac174
}
.service5__item.green{
    background-color:#9dd5c0
}
.testi-lastest{
    padding:50px 0;
    padding-top:10px
}
.testi-lastest__left,.testi-lastest__right{
    margin-top:40px
}
.testi-lastest .testi-job em{
    color:#666
}
.title6--left{
    text-align:left
}
.testi-lastest__left .testi__item{
    margin-top:0
}
.testi-lastest__left .title-6{
    margin-bottom:40px
}
.testi-lastest__right .title-6{
    margin-bottom:40px
}
.testi-lastest__right .blog-item .img-blog{
    position:relative
}
.testi-lastest__right .blog-item .date{
    color:#fff;
    padding:5px 0;
    left:10px;
    right:auto
}
.testi-lastest__right .blog-item .date span{
    display:block;
    text-align:center;
    text-transform:uppercase;
    font-size:13px;
    font-weight:600;
    line-height:1
}
.testi-lastest__right .blog-item .date .day{
    font-size:18px;
    font-weight:700;
    line-height:1;
    margin-bottom:3px
}
.date--yellow{
    background-color:#ad313d
}
.testi-lastest__right .blog-item .blog-content h4{
    line-height:25px;
    margin-bottom:10px;
    margin-top:-5px
}
.testi-lastest__right .blog-item .blog-content h4>a{
    font-weight:600;
    font-size:18px;
    color:#333
}
.testi-lastest__right .blog-item .blog-content h4>a:hover{
    color:#ad313d
}
.testi-lastest__right .blog-item .blog-content p{
    margin-bottom:15px
}
.testi-lastest__right .blog-item .blog-content div>a{
    color:#555;
    text-transform:uppercase;
    font-size:13px
}
.testi-lastest__right .blog-item .blog-content div>a:hover{
    color:#ad313d
}
.testi-lastest .owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:30px
}
.logo-footer{
    margin-bottom:35px
}
.footer-3{
    background-color:#222;
    padding-top:70px;
    text-align:left
}
.footer-3 p{
    color:#dcdcdc
}
.title-footer{
    font-size:18px;
    font-weight:600;
    color:#f1f1f1;
    margin-top:30px
}
.social-footer{
    margin-top:15px
}
.social-footer a{
    display:inline-block;
    margin-right:15px
}
.social-footer a i{
    color:#c7c7c7
}
.footer-3 .social-footer a i{
    font-size:18px
}
.social-footer a:hover i{
    color:#ad313d
}
.copyright-2{
    margin-top:55px;
    padding:22px 0;
    text-align:center;
    border-top:1px solid #5f5f5f;
    color:#a2a2a2
}
.copyright-2 span{
    color:#ad313d
}
.m-b-26{
    margin-bottom:26px
}
.m-b-30{
    margin-bottom:30px
}
.con__item{
    margin-bottom:20px
}
.con__item i{
    margin-right:15px
}
.gallery__item{
    position:relative;
    display:inline-block;
    float:left;
    max-width:25%;
    margin-right:10px;
    margin-bottom:10px
}
.gallery__item .pro-link:hover .overlay--invisible{
    opacity:1
}
.parallax--nav{
    padding:125px 0;
    background-image:url(../img/bg-head.jpg);
    background-position:50% 50%
}
.navigation h2{
    color:#fff;
    font-size:30px;
    float:left;
    padding-right:40px;
    text-transform:uppercase;
    display:block;
    margin:0;
    font-weight:600
}
.breadcrumbs{
    float:right;
    margin-top:3px;
    padding:0
}
.breadcrumbs span{
    display:inline-block;
    font-size:18px;
    margin:0 3px;
    color:#fff
}
.breadcrumbs li{
    font-size:18px;
    color:#fff
}
.breadcrumbs li a{
    color:#ad313d;
    font-size:18px
}
.project1{
    padding:90px 0;
    padding-top:60px
}
.project1 .see-more{
    margin-top:90px
}
.project2{
    padding:80px 0;
    padding-top:65px
}
.project3 #filter-wrap{
    margin-bottom:65px
}
#filter li{
    margin:0 30px
}
#filter li span{
    font-size:18px;
    color:#333;
    cursor:pointer;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
#filter li span:hover{
    color:#ad313d
}
#filter-wrap{
    margin-bottom:40px;
    text-align:center
}
#isotope-grid .col-md-6{
    display:block;
    float:left
}
.project__item{
    margin-top:30px
}
.pro-info--darker{
    background:rgba(0,0,0,.6)
}
.project--hover .project__item .company{
    text-transform:capitalize;
    text-align:left;
    position:absolute;
    bottom:0;
    left:30px;
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
    text-align:center;
    -webkit-transition:all .6s ease 0s;
    -o-transition:all .6s ease 0s;
    -moz-transition:all .6s ease 0s;
    transition:all .6s ease 0s;
    margin-bottom:6px
}
.project--hover .project__item .company>a{
    color:#ad313d;
    font-size:30px
}
.project--hover .project__item .company>a:hover{
    color:#fff
}
#filter .active span{
    color:#ad313d
}
.project--hover .project__item .cat-name{
    line-height:1;
    text-align:left;
    position:absolute;
    bottom:-18px;
    left:30px;
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
    text-align:center;
    -webkit-transition:all .6s ease 0s;
    -o-transition:all .6s ease 0s;
    -moz-transition:all .6s ease 0s;
    transition:all .6s ease 0s
}
.project--hover .project__item .pro-link:hover .company{
    -webkit-transform:translateY(-39px);
    -moz-transform:translateY(-39px);
    -ms-transform:translateY(-39px);
    -o-transform:translateY(-39px);
    transform:translateY(-39px)
}
.project--hover .project__item .pro-link:hover .cat-name{
    -webkit-transform:translateY(-42px);
    -moz-transform:translateY(-42px);
    -ms-transform:translateY(-42px);
    -o-transform:translateY(-42px);
    transform:translateY(-42px)
}
.project--hover .project__item .cat-name a em{
    color:#d5d5d5;
    font-size:13px
}
.project--hover .project__item .cat-name a:hover em{
    color:#fff
}
.project--zoom .pro__img{
    overflow:hidden
}
.project--zoom .pro__img a img{
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
.project--zoom .pro__img:hover a img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
.project--zoom .pro__text{
    text-align:center;
    padding:25px 0;
    border:1px solid #ededed
}
.project--zoom .pro__text .company a{
    text-transform:capitalize;
    font-size:18px;
    font-weight:600
}
.project--zoom .pro__text .company a:hover{
    color:#222
}
.project--zoom .pro__text .cat-name a em{
    color:#999
}
.project--zoom .pro__text .cat-name a:hover em{
    color:#555
}
.project3{
    padding:90px 0;
    padding-top:65px
}
.project3 .project__item{
    margin-top:0
}
.project3 .project--hover .project__item .cat-name em{
    font-size:11px
}
.project3 .col-md-4{
    float:left
}
.project4{
    padding:90px 0;
    padding-top:65px
}
.project4 .col-md-4{
    float:left;
    padding:0 30px
}
.project4 .project__item .pro__text .company{
    margin-bottom:5px
}
.project5{
    padding:90px 0;
    padding-top:65px
}
.project5 .project__item{
    margin-top:0
}
.project5 .project__item .pro-info .company a{
    text-transform:uppercase;
    font-size:18px
}
.project5 #isotope-grid{
    margin-top:30px
}
.project5 .see-more{
    margin-top:90px
}
.project6{
    padding:90px 0;
    padding-top:65px
}
.project6 .project__item .pro-info .company{
    margin-bottom:0
}
.project6 .project__item .pro-info .company a{
    font-size:16px;
    text-transform:uppercase
}
.project6 .project--hover .project__item .company{
    left:20px
}
.project6 .project--hover .project__item .cat-name{
    left:20px
}
.project6 .project--hover .project__item .cat-name em{
    font-size:11px
}
.project6 .see-more{
    margin-top:90px
}
.parallax--nav-1{
    padding:125px 0;
    background-image:url(../img/bghead/about.jpg)
}
.navigation--bgf8{
    background-color:#f8f8f8;
    padding:125px 0
}
.navigation--bgf8 h2{
    color:#333
}
.navigation--bgf8 .breadcrumbs span{
    color:#333
}
.navigation--bgf8 .breadcrumbs .active{
    color:#333
}
.page-404{
    padding-top:80px;
    padding-bottom:90px;
    text-align:center
}
.page-404 .big-info{
    font-size:18px;
    font-weight:700;
    color:#999;
    line-height:1;
    text-transform:capitalize;
    margin-bottom:30px
}
.page-404 .big-info>span{
    display:block;
    font-size:85px;
    font-weight:700;
    color:#999;
    margin-bottom:5px
}
.page-404 .see-more{
    margin-top:40px
}
.parallax--contact1{
    background-image:url(../img/bg-contact-02.jpg)
}
#owl-client-say-1 .client-wrap .client__item.clearfix:first-child{
    margin-bottom:30px
}
.client-say--testi{
    padding-top:75px;
    padding-bottom:60px
}
#owl-client-say-1 .client-wrap .client-content{
    padding-left:40px;
    padding-right:35px
}
.client-say--testi .owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:60px
}
.client-say--testi .client-name{
    font-size:16px;
    margin-bottom:10px
}
.process-page{
    padding:100px 0
}
.process-page .pro__img{
    overflow:hidden
}
.process-page .pro__img img{
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
.process-page .pro__img:hover img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
.bg-f8{
    background:#f8f8f8
}
.process-page .pro__text>h2{
    margin-bottom:30px
}
.process-page .pro__text>p{
    margin-bottom:15px
}
.process-page .pro__text>h2>span{
    font-size:60px;
    font-weight:700;
    color:#ad313d
}
.process-item{
    display:table
}
.process-item>.process__left{
    display:table-cell;
    width:50%
}
.process-item>.process__right{
    display:table-cell;
    width:50%
}

.process-item>.left1{
     display:table-cell;
    width:20%
}

.process-item>.right1{
     display:table-cell;
    width:20%
}

.process-item>.left2{
     display:table-cell;
    width:20%
}

.process-item>.right2{
     display:table-cell;
    width:20%
}

.pro__text-wrap{
    padding-left:70px;
    padding-right:70px;
    vertical-align:middle
}
.li-item{
    margin-bottom:15px
}
.li-item>i{
    font-size:18px;
    color:#ad313d;
    margin-right:7px
}
.process-page .pro__text>h2.m-b-20{
    margin-bottom:20px
}
.process-page .pro__text>p>span{
    text-transform:uppercase;
    color:#333;
    font-weight:700
}
.process-page .pro__text>p.m-b-0{
    margin-bottom:0
}
.pro-bar-wrap .bar__title{
    font-size:16px;
    color:#333;
    line-height:25px
}
.color-e1{
    background:#ad313d
}
.color-333{
    background:#333
}
.process-page .pro__text>p.m-b-30{
    margin-bottom:30px
}
.process-page .pro-bar-wrap .pro-bar-container.m-y-15{
    margin:15px 0
}
.process-page .pro-bar-wrap .pro-bar-container{
    height:10px;
    margin:0;
    border:none;
    border-color:transparent;
    margin:8px 0
}
.process-page .pro-bar-wrap .pro-bar{
    height:10px;
    -webkit-border-radius:30px 0 0 30px;
    -moz-border-radius:30px 0 0 30px;
    border-radius:30px 0 0 30px
}
.port1{
    padding:90px 0 50px
}
.port1-img{
    /*display:block;*/
    /*float:left;*/
    /*width:33.33%;*/
    /*padding-right:30px*/
     margin-top:10px;
}
.port1__img-wrap{
    margin-top:30px;
    margin-right:-30px
}
.port1__img-wrap .port1-img{
    padding-right:30px;
    /*margin-top:10px;*/
}
.port1__img-wrap .port1-img a img{
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease
}
.port1__img-wrap .port1-img a:hover img{
    opacity:.5
}
.port__text{
    margin-bottom:25px;
    margin-left:20px
}
.port__text>h3{
    font-weight:400;
    margin-bottom:20px;
    text-transform:capitalize
}
.port__info{
    margin-left:20px;
    border:1px solid #cecece;
    padding:30px 0
}
.port__info-list>li{
    margin-bottom:25px;
    text-align:center
}
.port__info-title{
    min-width:90px;
    font-weight:600;
    text-align:left;
    display:inline-block
}
.port__info-value{
    min-width:100px;
    display:inline-block;
    text-align:left;
    text-transform:uppercase
}
.port__info-title span:last-child{
    margin-bottom:0
}
.port__info-value span:last-child{
    margin-bottom:0
}
.port__info-value span{
    display:block;
    text-transform:uppercase;
    margin-bottom:30px
}
.port-nav-wrap{
    text-align:center;
    background:#f8f8f8;
    padding:35px 0;
    margin-top:45px
}
.port-nav-wrap i{
    font-size:24px;
    color:#666
}
.port-nav-wrap .nav-port i{
    font-size:16px
}
.port-nav-wrap a.nav-port:hover i{
    color:#ad313d
}
.port-nav-wrap a.nav-port{
    display:block
}
.social--port{
    text-align:center;
    margin-top:40px
}
.social--port a{
    margin-right:20px
}
.social--port a i{
    color:#666;
    font-size:16px;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease
}
.social--port a:hover i{
    color:#ad313d
}
.port2{
    padding-top:85px;
    padding-bottom:50px
}
.port2 .port__text{
    margin-left:0
}
.port2 .port__info{
    margin-left:0
}
.port2 .port__img{
    margin-bottom:50px
}
.port2 .col-lg-4{
    padding-right:35px
}
.port2 .col-lg-8{
    padding-left:35px
}
.port__img.m-b-0{
    margin-bottom:0
}
.port3{
    padding-top:50px;
    padding-bottom:50px
}
.port3 .port__info{
    margin-left:0;
    margin-top:50px
}
.port3 .port__text{
    margin-bottom:0;
    margin-top:50px;
    margin-left:40px
}
.port3 .port__text h3{
    text-transform:capitalize
}
.port3 .port__img{
    margin-top:50px
}
/*.parallax--ser-li{
    padding:125px 0;
    background-image:url(../img/bg-head-04.jpg);
    background-position:50% 85%
}*/
.service-list{
    padding:100px 0;
    padding-top:30px
}
.service-list__item{
    margin-top:30px
}
.service-list__text{
    text-align:center;
    padding:25px 50px;
    border:1px solid #ededed
}
.service-list__text>h5>a{
    font-size:16px;
    font-weight:700
}
.service-list__text>h5>a:hover{
    color:#ad313d
}
.service-list__text>h5{
    margin-bottom:15px
}
.service-list .contact2{
    margin-top:70px
}
.contact2__item{
    background-image:url(../img/bg-adver.jpg);
    background-repeat:none;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    font-family:montserrat;
    text-align:center;
    padding:50px 60px;
    margin-top:40px
}
.contact2__item>p{
    font-weight:600;
    color:#fff;
    line-height:25px;
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:30px
}
.contact2 .partner-wrap1{
    padding:78px 30px;
    background:#f8f8f8;
    border:none;
    margin-top:40px;
    padding-bottom:31px
}
.contact2 .partner-wrap1 .owl-stage-outer{
    padding:0;
    border:none
}
#owl-partner-2.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:23px
}
.service-content{
    padding:100px 0
}

  .service-content .service-text a{
          
          font-size: 13px!important;
      }
.service-tab{
    margin-top:50px
}
.service-tab>ul>li>a{
    display:block;
    padding:0 10px;
    text-align:center;
    line-height:70px;
    font-size:13px;
    background:#f9f9f9;
    color:#333;
    text-transform:capitalize
}
.service-tab>ul>li>a:hover{
    border-left:5px solid #ad313d;
    border-right:5px solid #ad313d;
    background:#333;
    color:#ad313d
}
.service-tab>ul>li.active>a{
    border-left:5px solid #ad313d;
    border-right:5px solid #ad313d;
    background:#333;
    color:#ad313d
}
.service-text{
    margin-top:60px;
    padding-left:30px
}
.service-text h5{
    margin-bottom:20px;
    font-size:16px;
    font-weight:600
}
.service-text.m-t-50{
    margin-top:50px
}
.service-img-wrap{
    margin-right:-30px;
    margin-top:30px
}
.service-img{
    display:block;
    float:left;
    width:25%;
    padding-right:30px
}
.parallax--nav-2{
    padding:125px 0;
    background-image:url(../img/bg-head-05.jpg)
}
.contact-content{
    padding:70px 0;
    padding-top:30px
}
.contact-info{
    padding:40px 0;
    background:#f8f8f8;
    padding-top:10px
}
.contact-info .col-md-3>div{
    text-align:center
}
.contact-info .col-md-3>div>i{
    color:#666;
    font-size:18px;
    margin-right:10px
}
.form-contact-wrap{
    padding-left:40px
}
.form-contact-wrap h4{
    margin-bottom:30px
}
.form-contact input,textarea{
    width:100%;
    color:#999;
    outline:none;
    padding:10px;
    border:1px solid #cecece
}
.form-contact input{
    margin-bottom:10px
}
.form-contact textarea{
    min-height:190px
}
.form-contact-wrap div>button{
    border:none;
    cursor:pointer;
    margin-top:30px
}
.img-head__inner{
    padding-bottom:50px;
    border-bottom:1px solid #ededed
}
.pro-list-wrap{
    padding-bottom:70px
}
.pro-sorting{
    padding:45px 0;
    padding-bottom:15px
}
.pro-sorting .sort-left{
    text-transform:uppercase;
    color:#333
}
.pro-sorting .sort-right #order-by{
    text-transform:uppercase;
    color:#333;
    border:none;
    outline:none
}
.page-number{
    display:inline-block;
    width:30px;
    line-height:28px;
    border:1px solid #cecece;
    text-align:center;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    margin-right:6px
}
.page-number>i{
    font-size:13px
}
.page-number.dots{
    line-height:30px
}
.page-number.current,.page-number:hover{
    background:#222;
    color:#fff;
    border-color:#222
}
.pro-list-wrap .au-pagination{
    margin-top:70px
}
.parallax--nav-3{
    padding:125px 0;
    background-image:url(../img/bg-head-06.jpg)
}
.blog-list-wrap{
    padding-top:20px;
    padding-bottom:70px
}
.blog-list-wrap .blog-list .blog-item{
    margin-top:70px
}
.blog-sidebar{
    margin-top:70px;
    padding-left:30px
}
.blog-sidebar .blog__search .search-form{
    position:relative
}
.blog-sidebar .blog__search .search-form input{
    color:#999;
    border:1px solid #ddd;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:10px 20px;
    -webkit-border-radius:35px;
    -moz-border-radius:35px;
    border-radius:35px;
    outline:none
}
textarea,input{
    -o-transition:border-color .5s ease;
    transition:border-color .5s ease;
    -moz-transition:border-color .5s ease;
    -webkit-transition:border-color .5s ease
}
textarea:focus,input:focus{
    border-color:#ad313d!important
}
.form-footer .form__input:focus{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.blog-sidebar .blog__search button{
    position:absolute;
    top:1px;
    right:9px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    display:block;
    font-size:18px;
    border:none;
    background:0 0;
    color:#888;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s;
    outline:none;
    cursor:pointer
}
.title-sidebar{
    text-transform:uppercase;
    font-weight:400;
    position:relative;
    margin-bottom:30px
}
.title-sidebar:after{
    content:"";
    width:50px;
    height:5px;
    background-color:#ad313d;
    position:absolute;
    bottom:-10px;
    left:0
}
.blog__about{
    margin-top:30px
}
.blog__recent{
    margin-top:40px
}
.blog__recent .blog__recent-item{
    margin-top:15px
}
.blog__recent .blog__recent-item .img{
    width:40%
}
.blog__recent .blog__recent-item .text{
    margin-left:40%;
    padding-left:15px
}
.blog__recent .blog__recent-item .text>h6>a{
    line-height:20px;
    font-weight:600
}
.blog__recent .blog__recent-item .text>p{
    margin-top:5px
}
.blog__recent .blog__recent-item .text>p>em{
    font-size:11px;
    color:#999
}
.blog__cate{
    margin-top:45px
}
.blog__cate>li>a{
    display:block;
    line-height:30px;
    font-size:15px;
    color:#555;
    position:relative;
    padding-left:20px
}
.blog__cate>li>a:before{
    font-family:fontawesome;
    display:inline-block;
    font-size:18px;
    content:"\f105";
    color:#ad313d;
    position:absolute;
    left:0;
    top:0
}
.blog__cate>li>a:hover{
    color:#ad313d;
    margin-left:10px
}
.blog__cate>li>a>span{
    margin-left:25px
}
.blog__cate>li>a>span>em{
    font-size:11px;
    color:9px
}
.blog__tag-wrap{
    margin-top:40px
}
.blog__tag>a{
    display:inline-block;
    margin:0 7px 7px 0;
    padding:6px 20px;
    text-shadow:none;
    font-size:13px;
    float:left;
    border:1px solid #cecece;
    color:#555;
    text-decoration:none;
    outline:none;
    -webkit-transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    transition:.3s;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px
}
.blog__tag>a:hover{
    background:#ad313d;
    color:#fff;
    border-color:#ad313d
}
.pagination-wrap{
    padding:30px 0;
    background:#f8f8f8
}
.pagination-wrap .nav-port>i{
    font-size:18px
}
.pagination-wrap .page-number-wrap{
    text-align:center
}
.blog1{
    padding-top:65px;
    padding-bottom:100px
}
.blog1 #isotope-grid .blog-item{
    margin-top:30px
}
.blog1 .blog-item .img-blog{
    margin-bottom:0
}
.blog1 .blog-item .blog-content{
    border:1px solid #ededed;
    padding:30px 20px
}
.blog1 .blog-item .blog-content .blog-meta{
    margin-bottom:10px
}
.blog1 .blog-item .blog-content .blog-meta .author,.cate,.time{
    color:#999;
    font-size:11px;
    text-transform:capitalize
}
.blog1 .blog-item .blog-content .blog-meta .author,.cate{
    margin-right:25px
}
.blog1 .blog-item .blog-content .blog-title>a{
    font-weight:600
}
.blog-detail{
    padding-top:20px;
    padding-bottom:80px
}
.blog-detail .blog-title{
    font-weight:600;
    margin-top:25px;
    margin-bottom:10px
}
.blog-detail .blog-thumb{
    margin-top:70px
}
.blog-detail .blog-meta .author{
    color:#999;
    font-size:11px;
    text-transform:capitalize;
    margin-bottom:0;
    margin-right:25px
}
.blog-quote{
    margin:40px 0 25px 70px;
    border-left:5px solid #ad313d;
    padding-left:25px
}
.blog-footer{
    padding:15px 0;
    background:#f8f8f8;
    margin-top:40px;
    margin-bottom:55px
}
.blog-footer .tags span{
    text-transform:uppercase;
    font-size:11px
}
.blog-footer .tags a{
    font-size:11px;
    color:#666
}
.blog-footer .tags a:hover{
    color:#ad313d
}
.blog-footer .share a{
    display:inline-block;
    margin-right:20px;
    color:#999
}
.blog-footer .share a:hover{
    color:#ad313d
}
.blog-footer .share a i{
    font-size:14px
}
.cmt-title{
    text-transform:capitalize;
    font-weight:600
}
.cmt-list>li{
    margin:30px 0
}
.cmt-list>li.children{
    padding-left:125px
}
.cmt-list .cmt-right{
    margin-left:125px;
    padding:24px 30px;
    border:1px solid #cecece
}
.user-img{
    width:100px
}
.cmt-list .cmt-right h5{
    font-size:16px;
    font-weight:600;
    text-transform:capitalize;
    margin-bottom:5px
}
.cmt-list .cmt-right .cmt-date{
    margin-bottom:13px
}
.cmt-list .cmt-right .cmt-date em{
    color:#999;
    font-size:11px
}
.cmt-list .cmt-right .cmt-reply{
    margin-top:10px
}
.cmt-list .cmt-right .cmt-reply a{
    color:#ad313d
}
.cmt-leave{
    margin-top:60px
}
.cmt-leave>.cmt-title{
    margin-bottom:25px
}
.cmt-leave form textarea,.cmt-leave form input{
    width:100%;
    color:#999;
    outline:none;
    padding:15px 20px;
    border:1px solid #cecece
}
.cmt-leave form textarea{
    min-height:200px
}
.cmt-leave form input{
    margin-top:15px
}
.send-cmt{
    margin-top:40px
}
.send-cmt>button{
    outline:none;
    border:none;
    cursor:pointer
}
.breadcrumbs-inner{
    padding:25px 0;
    border-top:1px solid #ededed
}
.breadcrumbs1>li>a{
    color:#ad313d;
    font-size:13px
}
.span-active{
    color:#ad313d
}
.single-product{
    padding-bottom:30px
}
.single-product-img-thumb{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -moz-box-orient:horizontal;
    -moz-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    margin-top:10px
}
.single-product-img-thumb>li{
    width:142px;
    height:142px;
    margin-right:10px
}
.single-product-img-thumb>li:last-child{
    margin-right:0
}
.single-product-detail>h2{
    font-weight:600;
    line-height:1;
    margin-bottom:10px
}
.single-product-detail>.pro__price{
    margin-bottom:10px
}
.single-product-detail>.pro__price>.current{
    font-weight:600;
    color:#333;
    font-size:18px
}
.single-product-detail .pro__star{
    margin-bottom:25px
}
.single-product-detail .pro__star>span{
    display:inline-block;
    color:#999;
    font-size:13px;
    margin-left:10px
}
.quantity{
    position:relative
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
.quantity input{
    width:80px;
    height:50px;
    line-height:1.65;
    float:left;
    display:block;
    padding:0;
    margin:0;
    padding-left:25px;
    border:1px solid #cecece;
    font-size:15px;
    color:#333
}
.quantity input:focus{
    outline:0
}
.quantity-nav{
    float:left;
    position:relative;
    height:50px
}
.quantity-button{
    position:relative;
    cursor:pointer;
    border-left:1px solid #cecece;
    border-right:1px solid #cecece;
    border-collapse:collapse;
    width:20px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease;
    z-index:10;
    background:#fff
}
.quantity-button:hover{
    background-color:#ad313d;
    border-color:#ad313d
}
.quantity-button:hover i{
    color:#333
}
.quantity-button i{
    color:#999;
    font-size:15px;
    font-weight:300
}
.quantity-button.quantity-up{
    position:absolute;
    height:50%;
    top:0;
    border-bottom:1px solid #cecece;
    border-top:1px solid #cecece
}
.quantity-button.quantity-down{
    position:absolute;
    bottom:0;
    height:50%;
    border-bottom:1px solid #cecece
}
.single-product-form{
    margin-top:30px
}
.single-product-form form button[type=submit]{
    border:none;
    cursor:pointer;
    margin-left:20px
}
.single-product-tab{
    margin-top:35px
}
.single-product-tab .nav-tabs .nav-link{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    color:#666;
    font-size:13px;
    padding:15px 30px
}
.single-product-tab .nav-tabs .nav-link:hover{
    color:#ad313d
}
.single-product-tab .nav-tabs .nav-link.active{
    border-color:#cecece;
    border-bottom-color:transparent;
    color:#333
}
#pro-content{
    border:1px solid #cecece;
    border-top:none;
    padding:40px 25px
}
.tcolor-333{
    color:#333
}
.sbold{
    font-weight:600
}
.cart-wrap{
    padding-top:20px;
    padding-bottom:70px
}
.table-cart.table thead{
    background:#666;
    color:#fff;
    border:none
}
.table-cart.table thead tr{
    border:none
}
.table-cart.table thead th{
    border:none;
    padding-top:15px;
    padding-bottom:15px
}
.table-cart.table tr{
    border-left:1px solid #cecece;
    border-right:1px solid #cecece
}
.table-cart.table td{
    border-top:1px solid #cecece;
    border-bottom:1px solid #cecece;
    border-collapse:collapse;
    padding-top:15px;
    padding-bottom:15px;
    text-align:center;
    vertical-align:middle;
    font-size:18px
}
.img-cart{
    display:inline-block;
    width:70px;
    height:70px
}
.pro-cart>span{
    margin-left:25px;
    text-transform:uppercase;
    font-size:18px;
    color:#333
}
.cart-button>form>input[type=text]{
    padding:15px 20px;
    font-size:13px;
    color:#999;
    border:1px solid #cecece
}
.cart-button>form>input[type=text]:focus{
    outline:none
}
.cart-button>form>button{
    margin-left:25px;
    border:none;
    cursor:pointer
}
.cart-total{
    margin-top:45px
}
.table-cart-total.table-bordered tr td{
    border-color:#cecece;
    padding:40px;
    font-size:16px
}
.table-cart-total.table-bordered tr td.total{
    font-size:24px;
    color:#333;
    text-align:left
}
.table-order.table-hover tr td.total{
    font-size:24px;
    color:#333;
    text-align:left
}
.table-order.table tr td{
    text-align:left
}
.table-order.table tr .name{
    padding-left:70px
}
.table-cart-total.table-bordered{
    border-color:#cecece
}
.checkout-wrap{
    padding-bottom:45px
}
.suggest{
    padding-top:2px;
    border-top:3px solid #ad313d
}
.suggest__inner{
    background:#f8f8f8;
    padding:15px 30px
}
.suggest__inner>i{
    color:#ad313d;
    font-size:24px;
    margin-right:30px;
    vertical-align:middle
}
.suggest__inner>span>a{
    color:#ad313d;
    font-size:13px
}
.suggest__inner>span>a:hover{
    text-decoration:underline
}
.au-input-group{
    margin-top:15px
}
.au-input-group>label{
    display:block;
    font-size:15px;
    font-weight:600;
    margin-bottom:10px;
    text-transform:capitalize
}
.au-input-group>label>span{
    font-size:15px;
    color:#ad313d
}
.au-input-group .au-form-control{
    outline:none;
    border:1px solid #cecece;
    padding:0 15px;
    line-height:48px;
    width:100%;
    font-size:13px;
    color:#999
}
.au-input-group select.au-form-control{
    padding:13px 15px;
    font-size:13px;
    color:#999
}
.au-input-group input[type=checkbox]{
    vertical-align:middle
}
.au-input-group .checkmark{
    font-size:15px;
    color:#666;
    margin-left:6px
}
.pay-method{
    background:#f8f8f8;
    padding:40px 70px;
    border-bottom:1px solid #cecece
}
.checkmark1{
    font-weight:600;
    font-size:15px;
    color:#333;
    margin-left:15px
}
.pay-method-instruct{
    margin-left:32px;
    margin-top:10px
}
.paypal-instruct{
    margin-top:15px
}
.paypal-instruct img{
    vertical-align:middle
}
.paypal-instruct a{
    margin-left:5px
}
.paypal-instruct a:hover{
    text-decoration:underline
}
.form-sub{
    padding:30px 70px;
    background:#f8f8f8
}
@media(max-width:1200px){
    nav.menu-desktop{
        margin-right:0
    }
    .header6 nav.menu-desktop{
        margin-right:0
    }
    .our-process__item{
        padding:30px 13px;
        min-height:210px
    }
    .service-2__right{
        top:47px
    }
    .service-2__inner-body{
        padding:30px 25px;
        width:84%;
        margin:0 auto;
        margin-top:30px
    }
    .header-wrap{
        padding:0 20px
    }
    .service-3__inner{
        padding:90px 20px 60px
    }
    h2.title--small{
        white-space:normal
    }
    .testi__speech blockquote{
        padding:40px 30px;
        padding-right:10px
    }
    .our-process2__item{
        height:240px;
        width:240px;
        padding:56px 0
    }
    .our-process2__item>p{
        width:80%
    }
    .header4 nav>ul>li{
        padding:46px 18px
    }
    .header4 .header-button .search-button .form__input{
        width:250px
    }
    .testi__speech blockquote .big-qoute{
        left:3px
    }
    .blog1.blog2 .blog-item .blog-content .blog-meta .author,.cate,.time{
        display:block
    }
    .our-process3__text{
        padding:30px 70px;
        padding-right:50px;
        top:45px
    }
    .our-team__left{
        width:75%
    }
}
@media(max-width:1024px){
    .service__item{
        min-height:400px
    }
    .testi .owl-theme .owl-nav .owl-prev{
        left:20px
    }
    .testi .owl-theme .owl-nav .owl-next{
        right:20px
    }
    .contact__content{
        margin-right:17%
    }
    .pro__text-wrap{
        padding-left:45px
    }
    .blog-single{
        margin-right:0
    }
}
@media(max-width:992px){
    .header-stick{
        display:none
    }
    .title-2{
        font-size:30px
    }
    #menu-canvas{
        display:none
    }
    .header-desktop{
        display:none
    }
    .our-process__item--l-b:after,.our-process__item--l-t:before{
        display:none
    }
    header.header-mobile{
        display:block
    }
    #menu-canvas{
        padding:60px 30px
    }
    .service__item{
        width:50%
    }
    .our-process__item{
        min-height:auto
    }
    .service-2__left{
        width:100%
    }
    .service-2__right{
        width:100%;
        position:static;
        margin-top:30px
    }
    .service-3__item{
        margin-top:65px
    }
    .service-3__item:hover{
        margin-top:65px
    }
    .bottom-shadow:after{
        display:none
    }
    .service-3__inner{
        padding:90px 35px 60px
    }
    .contact__inner{
        text-align:center
    }
    .contact__content{
        margin:0 auto
    }
    .contact__inner>a{
        margin-top:30px
    }
    .we-are__left{
        margin-bottom:50px
    }
    .process-item{
        display:block
    }
    .process-item>.process__right,.process__left{
        display:block;
        width:100%
    }
    .pro__text-wrap{
        padding-top:30px;
        padding-bottom:30px
    }
    .port__text{
        margin-left:0;
        margin-top:50px
    }
    .port3 .port__text{
        margin-left:0;
        margin-top:50px
    }
    .port__info{
        margin-left:0
    }
    .port2 .col-lg-4{
        padding-right:15px
    }
    .port2 .col-lg-8{
        padding-left:15px
    }
    .port2__img{
        margin-top:50px
    }
    .port2 .port__info{
        margin-bottom:50px
    }
    .port2 .port__text{
        margin-top:0
    }
    .top-contact1{
        display:none
    }
    .single-product-detail{
        margin-top:40px
    }
    #revolution-slider4 .tparrows.gyges{
        display:none
    }
    #revolution-slider5 .persephone.tparrows{
        display:none
    }
    .partner{
        padding:35px 20px
    }
    .we-are__right{
        padding-left:0
    }
    .we-are__left>div{
        text-align:center
    }
}
@media(max-width:993px){
    .our-process3__text{
        position:static;
        width:100%
    }
    .our-process3__big-img{
        float:none;
        margin-top:15px;
        width:100%
    }
    .dot-wrap .slick-dots{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -moz-box-orient:horizontal;
        -moz-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        bottom:0;
        left:0;
        top:auto;
        right:auto;
        width:100%;
        height:18%
    }
    .dot-wrap .slick-dots li{
        height:100%
    }
}
@media(max-width:991px){
    .our-process2__item{
        height:270px;
        width:270px;
        padding:80px 0
    }
    .our-process2__item>p{
        width:75%
    }
    .slide-content-2 span.color{
        font-size:58px
    }
}
@media(min-width:1200px){
    .container{
        max-width:1200px
    }
}
@media(max-width:1200px) and (min-width:992px){
    .pro__text-wrap{
        padding-left:45px;
        padding-right:45px
    }
    .process-page .pro__text>h2{
        margin-bottom:0
    }
    .process-page .pro__text>h2>span{
        font-size:50px
    }
}
@media(min-width:768px){
    .slide-title-3{
        font-size:48px
    }
    .slide-title-3>span{
        font-size:48px
    }
}
@media(max-width:768px){
    .service-2__inner-body .box-item .box-head{
        float:none
    }
    .service-2__inner-body .box-item .box-body{
        margin-left:0;
        padding-left:0;
        margin-top:30px
    }
    .our-team__info:after{
        display:none
    }
    .navigation h2{
        float:none;
        text-align:center;
        padding:0
    }
    .breadcrumbs{
        float:none;
        text-align:center;
        margin-top:10px
    }
    .port1__img-wrap .port1-img{
        padding-right:10px
    }
    .port1__img-wrap{
        margin-right:-10px
    }
    .service-img-wrap .service-img{
        padding-right:10px
    }
    .service-img-wrap{
        margin-right:-10px
    }
    .service-text{
        padding-left:0
    }
    .blog-sidebar{
        padding-left:0
    }
    .cart-button>form{
        float:none
    }
    .cart-button>form>input[type=text]{
        display:block;
        width:100%
    }
    .cart-button>form>button{
        display:block;
        width:100%;
        margin:0;
        margin-top:15px
    }
    .cart-button>a{
        display:block;
        float:none;
        margin-top:15px
    }
    .pro-cart>span{
        margin-left:0;
        white-space:nowrap
    }
    .slide-title-3{
        font-size:34px
    }
    .slide-title-3>span{
        font-size:34px
    }
    .num{
        font-size:100px
    }
    .head{
        font-size:40px
    }
    h4.pro-title{
        font-size:28px
    }
    .form-contact-wrap{
        padding-left:0
    }
    #revolution-slider2 .tp-bullets{
        display:none
    }
    .parallax--slide-re-pro{
        padding:30px
    }
    #our2.title-2--special:before{
        top:8px
    }
    .title-2--special:after{
        width:80px
    }
    #our2.title-2--special:after{
        top:14px;
        right:-120px
    }
    .dot-wrap .slick-dots{
        height:15%
    }
}
@media(max-width:767px){
    .slide-content-2 span.color{
        font-size:38px
    }
}
@media(max-width:576px){
    .testi__item blockquote>i{
        left:-30px
    }
    .client-img,.client-content{
        display:block;
        width:100%;
        padding-top:20px;
        padding-bottom:20px
    }
    .service__item{
        display:block;
        width:100%
    }
    .top-contact{
        display:none
    }
    .we-are__item{
        display:block;
        margin:0 auto;
        margin-top:20px
    }
    .our-process3__text{
        padding:20px 30px;
        padding-right:10px
    }
    .pro-cat-name{
        top:35%
    }
    .user-img{
        width:100px;
        float:none;
        margin-bottom:20px
    }
    .cmt-list .cmt-right{
        margin-left:0;
        padding:24px 10px
    }
    .cmt-list>li.children{
        padding-left:75px
    }
    .blog-footer .tags{
        float:none;
        margin:0;
        margin-bottom:15px
    }
    .blog-footer .share{
        float:none
    }
    .blog-quote{
        margin-left:30px
    }
    .pro__text-wrap{
        padding-left:25px;
        padding-right:25px
    }
    .contact2__item{
        padding:50px 20px
    }
    .why-choose__inner .box-body h3{
        font-size:20px
    }
    .title-2--special{
        font-size:20px
    }
    #our1{
        left:-40px
    }
    #our1:before{
        top:7px;
        left:-22px
    }
    #our1:after{
        top:12px;
        left:-114px
    }
}
@media(max-width:425px){
    .pay-method{
        padding:40px 20px
    }
    .form-sub{
        padding:30px 20px
    }
    .slide-title-3{
        display:none
    }
    .slide-title-3>span{
        display:none
    }
    #revolution-slider3 a.tp-caption.au-btn{
        display:none
    }
    .pro-sorting .sort-left{
        float:none
    }
    .pro-sorting .sort-right{
        float:none;
        margin-top:15px
    }
    .slide-content-2 span.color{
        font-size:34px
    }
    .num{
        font-size:85px
    }
    .head{
        font-size:32px
    }
    h4.pro-title{
        font-size:24px
    }
    .testi__item>blockquote{
        width:70%
    }
    .service4__content{
        padding:30px 35px
    }
    #pro-menu>.nav#myTab{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -moz-box-orient:vertical;
        -moz-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    h2.title--small{
        font-size:26px
    }
    .title-3{
        font-size:30px
    }
    .our-process2__item{
        height:220px;
        width:220px;
        padding:35px 0
    }
    .title-detail--px-45{
        padding:0
    }
}
@media(max-width:480px){
    #filter li{
        display:block;
        margin:0;
        margin-bottom:10px
    }
    .slide-title-3{
        font-size:30px
    }
    .slide-title-3>span{
        font-size:30px
    }
}
@media(max-width:375px){
    .blog1 .blog-item .blog-content .blog-meta .author,.cate,.time{
        display:block
    }
    .form-footer>.form__input{
        max-width:120px
    }
}
@media(max-height:700px){
    .menu-canvas__inner{
        margin-top:20px
    }
}
@media(max-height:550px){
    #menu-canvas{
        display:none
    }
}