/*!============================== * Theme Name: Atlantis * Theme URL: https://probootstrap.com/atlantis-hotel-free-html5-template-using-bootstrap-framework * Author: ProBootstrap.com * Author URL: https://probootstrap.com * License: Released for free under the Creative Commons Attribution 3.0 license (probootstrap.com/license) */
body,html{
    overflow-x:hidden
}
@font-face{
    font-family:icomoon;
    src:url(../fonts/icomoon/icomoon.eot?1z9v6x);
    src:url(../fonts/icomoon/icomoon.eot?1z9v6x#iefix) format("embedded-opentype"),url(../fonts/icomoon/icomoon.ttf?1z9v6x) format("truetype"),url(../fonts/icomoon/icomoon.woff?1z9v6x) format("woff"),url(../fonts/icomoon/icomoon.svg?1z9v6x#icomoon) format("svg");
    font-weight:400;
    font-style:normal
}
html{
    font-size:1em
}
body{
    font-size:15px;
    font-weight:400;
    line-height:1.85;
    background:#fff;
    font-family:Rubik,sans-serif;
    /*color:#7e8890*/
    color:#000;
}
::selection{
    background:#000;
    color:#fff
}
::-moz-selection{
    background:#000;
    color:#fff
}
h1,h2,h3,h4{
    /*margin:1.414em 0 .5em;*/
    margin:0.707em 0 .5em;
    line-height:1.2;
    font-weight:300;
    font-family:"Crimson Text",serif;
    color:#000
}
h1{
    margin-top:0;
    font-size:3.998em
}
h2{
    font-size:2.827em
}
h3{
    font-size:1.999em
}
h4{
    font-size:1.414em
}
.font_small,small{
    font-size:.807em
}
figure,ol,p,ul{
    margin-bottom:1.3em
}
a{
    -webkit-transition:.3s all;
    transition:.3s all;
    color:#903479
}
a:active,a:focus,a:hover{
    color:#000;
    text-decoration:none
}
a.hover-reverse{
    color:#000
}
a.hover-reverse:active,a.hover-reverse:focus,a.hover-reverse:hover{
    color:#903479;
    text-decoration:none
}
.probootstrap-header{
    padding-top:10px;
    /*padding-bottom:10px;*/
    width:100%;
    z-index:4;
    top:0;
    /*background:#fff*/
    /*background: #f5f8fa;*/
    /*background: orange;*/
/*    background: rgb(255,165,0);*/
    background-color:rgba(183,183,183);
/*    background: linear-gradient(59deg, rgb(255, 165, 0) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 30%, rgb(255, 165, 0) 51%);*/
}
.probootstrap-logo{
    float:left;
    color:#000;
    padding-left:15px;
    font-size:20px;
    display:block;
    text-transform:uppercase;
    font-weight:700;
    font-family:Rubik,sans-serif
}
.probootstrap-logo:active,.probootstrap-logo:focus,.probootstrap-logo:hover{
    color:#000
}
@media screen and (max-width:768px){
    .probootstrap-logo{
        /*padding-left:25px*/
        padding-left:10px
    }
}
.probootstrap-logo-center{
    text-transform:uppercase;
    position:relative;
    top:-7px
}
.probootstrap-logo-center a{
    margin-right:20px;
    margin-left:20px;
    text-align:center;
    color:#000;
    display:inline-block;
    zoom:1
}
@media screen and (max-width:992px){
    .probootstrap-logo-center a{
        margin-left:0;
        margin-right:0
    }
}
.probootstrap-nav{
    margin-left:0;
    text-align:center;
    float:none
}
.probootstrap-mobile-menu-active .probootstrap-nav{
    text-align:left;
    position:fixed;
    display:block!important;
    overflow-y:auto;
    top:0;
    right:0;
    bottom:0;
    z-index:1100;
    height:100vh;
    width:300px;
    /*background:whitesmoke;*/
    /*background: #5b523c;*/
    background:#5b4203;
    padding:40px;
    -webkit-transition:.3s all ease-out;
    transition:.3s all ease-out;
    -webkit-transform:translateX(300px);
    transform:translateX(300px)
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text{
    display:block;
    float:left;
    clear:both;
    margin-top:30px;
    color:#fff
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons{
    padding:0;
    margin:0 0 20px
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons li{
    display:inline-block;
    zoom:1;
    padding:0;
    margin:0
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons li a{
    color:#fff;
    padding:10px
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons li:first-child a{
    padding-left:0
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text h5{
    text-transform:uppercase;
    letter-spacing:.1em;
    color:rgba(255,255,255,.5)
}
.probootstrap-mobile-menu-active.show .probootstrap-nav{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.probootstrap-main-nav{
    margin:0;
    padding:0
}
.probootstrap-mobile-menu-active .probootstrap-main-nav{
    float:left;
    margin-top:40px;
    width:100%
}
.probootstrap-main-nav li{
    /*margin:0;*/
    padding:0 10px;
    list-style:none;
    display:inline;
    font-size:18px
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li{
    margin-bottom:10px;
    padding-left:0;
    padding-right:0;
    display:block
}
.probootstrap-main-nav li a{
    /*text-transform:uppercase;*/
    padding:0;
    /*color: #000;*/
    color: #fff;
    /*color:rgba(0,0,0,.5);*/
    font-size:16px
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li a{
    margin-bottom:10px;
    padding:5px 0;
    display:block;
    line-height:1.5;
    color:rgba(255,255,255,.5);
    border-bottom:none!important
}
.probootstrap-main-nav li a:hover{
    /*color:#903479*/
    color:#000
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li a:hover{
    color:#fff
}
.probootstrap-main-nav li.probootstrap-cta{
    margin-left:20px
}
.probootstrap-main-nav li.probootstrap-cta a{
    border:2px solid #fff;
    padding-right:20px;
    padding-left:20px;
    border-radius:4px
}
.probootstrap-main-nav li.probootstrap-cta a:hover{
    background:#fff;
    color:#903479
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li.probootstrap-cta{
    margin-left:0;
    margin-top:20px
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li.probootstrap-cta a{
    padding-top:2px;
    padding-bottom:2px
}
.probootstrap-main-nav li.active a{
    /*color:#903479;*/
    color:#000;
    border-bottom:4px solid #000;
    font-Size: 18px;
    margin-bottom: 5px;
}
.probootstrap-main-nav li.active a:hover{
    color:#000
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li.active a{
    border-bottom:none!important;
    color:#fff
}
.probootstrap-header-social{
    position:absolute;
    /*top:34px;*/
    right:60px
}
.probootstrap-header-social li{
    display:inline;
    list-style:none;
    margin-left:5px
}
.probootstrap-header-social li a{
    /*color:#fff*/
    color:#000
}
.mobile-menu-overlay{
    z-index:1099;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,.3);
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s all ease-out;
    transition:.3s all ease-out
}
.probootstrap-mobile-menu-active.show .mobile-menu-overlay{
    opacity:1;
    visibility:visible
}
.probootstrap-intro{
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    top:0;
    height:100vh;
    overflow:hidden
}
.probootstrap-intro.probootstrap-intro-inner{
    height:500px
}
.probootstrap-intro .probootstrap-scroll-down{
    position:absolute;
    z-index:1;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:.9s all ease-out;
    transition:.9s all ease-out;
    bottom:20px;
    color:#fff;
    opacity:1;
    visibility:visible
}
.probootstrap-intro .probootstrap-scroll-down.probootstrap-sleep{
    bottom:-50px;
    opacity:0;
    visibility:hidden
}
.probootstrap-intro .probootstrap-intro-text{
    margin-top:300px
}
@media screen and (max-width:768px){
    .probootstrap-intro{
        background-position:center center
    }
    .probootstrap-intro .probootstrap-intro-text{
        height:inherit!important;
        margin-top:100px;
        padding-left:15px;
        padding-right:15px
    }
}
.probootstrap-intro.probootstrap-intro-inner .probootstrap-intro-text{
    margin-top:190px
}
.probootstrap-intro:before{
    z-index:1;
    position:absolute;
    display:none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:"";
    background:#ddf0f3;
    background:-webkit-gradient(linear,left top,right top,from(#ddf0f3),to(#903479));
    background:linear-gradient(to right,#ddf0f3 0,#903479 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=$firstcolor, endColorstr=$secondcolor, GradientType=1 );
    opacity:.8
}
.probootstrap-intro>.container,.probootstrap-intro>.container-fluid{
    position:relative;
    z-index:3
}
.probootstrap-intro h1{
    font-size:120px;
    text-transform:uppercase;
    color:#000;
    font-weight:900;
    line-height:100px;
    margin-bottom:0
}
.probootstrap-intro h1 span{
    font-weight:300;
    display:block
}
@media screen and (max-width:768px){
    .probootstrap-intro.probootstrap-intro-inner .probootstrap-intro-text{
        margin-top:150px
    }
    .probootstrap-intro{
        height:inherit!important;
        padding:7em 0
    }
    .probootstrap-intro h1{
        font-size:60px;
        line-height:60px
    }
}
.probootstrap-intro .probootstrap-subtitle{
    max-width:700px
}
.probootstrap-intro .probootstrap-subtitle h2{
    margin-top:0;
    color:rgba(0,0,0,.9);
    font-weight:300;
    font-family:"Crimson Text",serif;
    letter-spacing:.1em;
    text-transform:uppercase;
    position:relative;
    padding-bottom:10px
}
.probootstrap-intro .probootstrap-subtitle h2:before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:50px;
    height:2px;
    background:#903479
}
.probootstrap-intro .probootstrap-subtitle h2 a{
    color:#000
}
.probootstrap-intro .probootstrap-subtitle h2 a:hover{
    color:rgba(0,0,0,.7)
}
.probootstrap-intro.probootstrap-intro-inner h1{
    font-size:100px;
    line-height:100px
}
@media screen and (max-width:768px){
    .probootstrap-intro.probootstrap-intro-inner h1{
        font-size:50px;
        line-height:50px
    }
}
.probootstrap-intro.probootstrap-intro-inner h2{
    font-size:30px
}
.probootstrap-watch-intro{
    font-size:23px;
    font-weight:300
}
.probootstrap-watch-intro a i{
    position:relative;
    top:2px;
    -webkit-transition:.3s all;
    transition:.3s all
}
.probootstrap-watch-intro a:hover i{
    margin-left:20px
}
.probootstrap-burger-menu{
    display:inline-block;
    width:18px;
    height:18px;
    cursor:pointer;
    text-decoration:none
}
.probootstrap-burger-menu i{
    position:relative;
    display:inline-block;
    width:18px;
    height:2px;
    color:#000;
    font:700 14px/.4 Helvetica,arial;
    text-transform:uppercase;
    text-indent:-55px;
    background:#000;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.probootstrap-burger-menu i::after,.probootstrap-burger-menu i::before{
    content:'';
    width:18px;
    height:2px;
    background:#000;
    position:absolute;
    left:0;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.probootstrap-burger-menu i::before{
    top:-7px
}
.probootstrap-burger-menu i::after{
    bottom:-7px
}
.probootstrap-burger-menu:hover i::before{
    top:-10px
}
.probootstrap-burger-menu:hover i::after{
    bottom:-10px
}
.probootstrap-burger-menu.active i{
    background:0 0
}
.probootstrap-burger-menu.active i::before{
    top:0;
    -webkit-transform:rotateZ(45deg);
    transform:rotateZ(45deg)
}
.probootstrap-burger-menu.active i::after{
    bottom:0;
    -webkit-transform:rotateZ(-45deg);
    transform:rotateZ(-45deg)
}
.probootstrap-mobile-menu-active.show .probootstrap-burger-menu i{
    color:#000;
    background:#000;
}
.probootstrap-mobile-menu-active.show .probootstrap-burger-menu i:after,.probootstrap-mobile-menu-active.show .probootstrap-burger-menu i:before{
    /* background:#fff */
    background:#000;
}
.probootstrap-mobile-menu-active.show .probootstrap-burger-menu.active i{
    background:0 0
}
.probootstrap-burger-menu{
    position:absolute;
    top:26px;
    right:20px
}
.btn{
    border:none;
    border-radius:4px;
    padding:8px 15px
}
.btn:active{
    -webkit-transition:.2s all;
    transition:.2s all;
    -webkit-transform:scale(.95);
    transform:scale(.95);
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn.btn-lg{
    line-height:1.5;
    padding:15px 20px
}
.btn.btn-primary{
    border:2px solid #903479;
    background:#903479;
    color:#fff
}
.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover{
    background:#6b265a;
    color:#fff;
    border:2px solid #6b265a
}
.btn.btn-primary:active,.btn.btn-primary:focus{
    outline:0;
    border:2px solid #6b265a
}
.btn.btn-ghost{
    background:0 0;
    border:2px solid #903479;
    color:#903479
}
.btn.btn-ghost:hover{
    background:#903479;
    color:#fff;
    border:2px solid #903479
}
.btn.btn-ghost:active,.btn.btn-ghost:focus{
    outline:0;
    background:0 0;
    color:#903479;
    border:2px solid #903479
}
.btn.btn-ghost.btn-ghost-white{
    background:0 0;
    border:2px solid #fff;
    color:#fff
}
.btn.btn-ghost.btn-ghost-white:hover{
    background:#fff;
    color:#903479
}
.btn.btn-ghost.btn-ghost-white:active,.btn.btn-ghost.btn-ghost-white:focus{
    outline:0;
    background:#fff;
    color:#903479;
    border:2px solid #fff
}
.btn.btn-black,.btn.btn-black:active,.btn.btn-black:focus,.btn.btn-black:hover{
    background:#000;
    border:1px solid #000;
    color:#fff
}
.btn.btn-black:active,.btn.btn-black:focus{
    outline:0
}
.probootstrap-section{
    /* padding:5em 0; */
    position:relative;
    z-index:2
}
.probootstrap-section.probootstrap-section-sm{
    padding:3em 0
}
.probootstrap-section.probootstrap-border-top{
    border-top:1px solid rgba(0,0,0,.1)
}
.probootstrap-section.probootstrap-border-bottom{
    border-bottom:1px solid rgba(0,0,0,.1)
}
.probootstrap-section>.container.probootstrap-border-top{
    padding-top:50px;
    border-top:1px solid rgba(0,0,0,.1)
}
.probootstrap-section.probootstrap-section-colored,.probootstrap-section.probootstrap-section-dark{
    background:#ddf0f3;
    background:-webkit-gradient(linear,left top,right top,from(#ddf0f3),to(#903479));
    background:linear-gradient(to right,#ddf0f3 0,#903479 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=$firstcolor, endColorstr=$secondcolor, GradientType=1 )
}
.probootstrap-section.probootstrap-section-colored .section-heading h2,.probootstrap-section.probootstrap-section-dark .section-heading h2{
    color:#fff
}
.probootstrap-section.probootstrap-section-colored .section-heading p,.probootstrap-section.probootstrap-section-dark .section-heading p{
    color:rgba(255,255,255,.6)
}
.probootstrap-section.probootstrap-section-colored p,.probootstrap-section.probootstrap-section-dark p{
    color:#fff
}
.probootstrap-section.probootstrap-section-dark{
    background:#f5f5f5;
    color:#000
}
.probootstrap-section.probootstrap-section-dark .section-heading h2{
    color:#000
}
.probootstrap-section.probootstrap-section-dark .section-heading p,.probootstrap-section.probootstrap-section-dark p{
    color:rgba(0,0,0,.6)
}
.probootstrap-section.probootstrap-bg-white{
    background:#fff
}
.probootstrap-section.probootstrap-bg{
    background-size:cover;
    background-repeat:no-repeat
}
.probootstrap-section.probootstrap-bg:before{
    position:absolute;
    content:"";
    background:rgba(0,0,0,.4);
    top:0;
    left:0;
    right:0;
    bottom:0
}
.probootstrap-section .heading-with-icon{
    color:#903479;
    font-size:24px
}
.probootstrap-section .heading-with-icon i{
    color:#903479
}
.probootstrap-section-heading h2{
    margin-top:0;
    margin-bottom:10px
}
@media screen and (max-width:768px){
    .probootstrap-section{
        padding:3em 0
    }
    .probootstrap-section-heading h2{
        font-size:30px
    }
}
.probootstrap-cta{
    padding:2em 0
}
.probootstrap-cta.probootstrap-light{
    background:#f5f5f5
}
.probootstrap-cta .probootstrap-cta-heading{
    font-size:24px;
    margin-top:10px;
    float:left;
    width:80%;
    margin-bottom:0
}
.probootstrap-cta .probootstrap-cta-heading span{
    font-size:16px
}
.probootstrap-cta .probootstrap-cta-button-wrap{
    width:20%;
    float:right;
    text-align:right
}
@media screen and (max-width:768px){
    .probootstrap-cta .probootstrap-cta-heading{
        margin-bottom:30px
    }
    .probootstrap-cta .probootstrap-cta-button-wrap,.probootstrap-cta .probootstrap-cta-heading{
        width:100%;
        text-align:left
    }
}
.probootstrap-relative{
    position:relative
}
.probootstrap-owl-navigation{
    margin:0;
    padding:0
}
.probootstrap-owl-navigation.absolute{
    position:absolute;
    top:2px
}
.probootstrap-owl-navigation.absolute.right{
    right:15px
}
@media screen and (max-width:768px){
    .probootstrap-owl-navigation.absolute{
        position:relative;
        margin-bottom:40px
    }
    .probootstrap-owl-navigation.absolute.right{
        margin-left:15px
    }
}
.probootstrap-owl-navigation.absolute.left{
    left:0
}
.probootstrap-owl-navigation li{
    display:inline-block;
    list-style:none;
    margin:0;
    padding:0
}
.probootstrap-owl-navigation li a{
    font-size:20px;
    padding:7px;
    background:#e6e5e5;
    color:#807f7f;
    border-radius:4px
}
.probootstrap-owl-navigation li a i{
    position:relative;
    top:1px
}
.probootstrap-owl-navigation li a:hover{
    background:#903479;
    color:#fff
}
.probootstrap-room, .probootstrap-room1{
    -webkit-transition:.3s all ease-out;
    transition:.3s all ease-out;
    margin-bottom:30px
}
.probootstrap-room h3, .probootstrap-room1 h3{
    font-size:26px;
    line-height:24px;
    margin-bottom:0;
    margin-top:20px;
    text-align: center;
}
.probootstrap-room p, .probootstrap-room1 p{
    color:#000000bd;
    /*color: #790101;*/
    line-height: 1.5;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: justify;
    height: 190px;
    font-size: 16px;
}
.probootstrap-room p strong, , .probootstrap-room1 p strong{
    color:#000;
    font-weight:400
}
.probootstrap-room p:last-child, , .probootstrap-room1 p:last-child{
    margin-bottom:0
}
.probootstrap-room .text, , .probootstrap-room1 .text{
    padding:20px;
    border:1px solid #e0e0e0;
    border-top:none
}
.probootstrap-room.fade{
    opacity:.4
}
.probootstrap-half{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.probootstrap-half .image,.probootstrap-half .text{
    width:50%
}
.probootstrap-half .image{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.probootstrap-half .text{
    padding:100px;
    background:#903479
}
@media screen and (max-width:1000px){
    .probootstrap-half .image{
        height:300px;
        width:100%
    }
    .probootstrap-half .text{
        width:100%;
        padding:30px 15px;
        float:left
    }
}
.probootstrap-half .text h2{
    color:#fff
}
.probootstrap-half .text p{
    color:rgba(255,255,255,.5);
    line-height:1.5
}
.section-heading h2{
    font-size:2.074em;
    font-weight:300
}
.probootstrap-form .form-note-link,.probootstrap-form label{
    font-weight:400
}
.lead{
    line-height:1.65;
    color: #000;
}
.probootstrap-footer{
    padding:3em 0;
    position:relative;
    /*background-color: #dda22e;*/
/*    background-color: lightyellow;*/
    background-color:#2f2b2b80;
    color: black;
}
.probootstrap-footer .probootstrap-backtotop{
    position:absolute;
    top:-30px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.probootstrap-footer .probootstrap-backtotop a{
    -webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.1);
    box-shadow:0 2px 20px 0 rgba(0,0,0,.1);
    display:inline-block;
    zoom:1;
    text-align:center;
    background:#fff;
    width:60px;
    height:60px;
    line-height:60px;
    border-radius:50%;
    border-bottom:none!important
}
.probootstrap-footer .probootstrap-backtotop a:active,.probootstrap-footer .probootstrap-backtotop a:focus,.probootstrap-footer .probootstrap-backtotop a:hover{
    color:#903479!important
}
.probootstrap-footer .border-top{
    padding-top:50px;
    border-top:1px solid rgba(255,255,255,.2)
}
@media screen and (max-width:768px){
    .probootstrap-footer{
        padding:3em 0
    }
}
.probootstrap-footer .probootstrap-footer-widget{
    float:left;
    width:100%;
    margin-bottom:30px
}
.probootstrap-footer .probootstrap-footer-widget h4{
    font-size:20px;
    margin-bottom:20px
}
.probootstrap-footer .probootstrap-footer-link{
    padding:0;
    margin:0
}
.probootstrap-footer .probootstrap-footer-link.float{
    float:left;
    margin-right:40px
}
@media screen and (max-width:992px){
    .probootstrap-footer .probootstrap-footer-link.float{
        margin-top:0;
        margin-left:0;
        margin-right:40px
    }
}
@media screen and (max-width:480px){
    .probootstrap-footer .probootstrap-footer-link.float{
        margin-top:0;
        margin-left:0;
        margin-right:0;
        width:100%
    }
}
.probootstrap-footer .probootstrap-footer-link li{
    list-style:none;
    padding:0;
    margin:0
}
.probootstrap-footer .probootstrap-back-to-top{
    text-align:right
}
@media screen and (max-width:768px){
    .probootstrap-footer .probootstrap-back-to-top{
        text-align:left;
        margin-top:30px
    }
}
.probootstrap-hover-overlay{
    position:relative;
    display:block;
    overflow:hidden;
    -webkit-transition:.7s all ease-out;
    transition:.7s all ease-out;
    margin-bottom:30px
}
.probootstrap-hover-overlay img{
    position:relative;
    z-index:1;
    -webkit-transition:.3s all ease-out;
    transition:.3s all ease-out
}
.probootstrap-hover-overlay:before{
    -webkit-transition:.3s all ease-out;
    transition:.3s all ease-out;
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    background:rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    z-index:2
}
.probootstrap-hover-overlay .probootstrap-text-overlay{
    position:absolute;
    z-index:20;
    left:20px;
    top:20px;
    -webkit-transition:.4s all ease-out;
    transition:.4s all ease-out;
    opacity:0;
    visibility:hidden
}
.probootstrap-hover-overlay .probootstrap-text-overlay h3{
    color:#fff;
    margin-bottom:0;
    margin-top:0
}
.probootstrap-hover-overlay .probootstrap-text-overlay p{
    color:rgba(255,255,255,.8);
    font-size:12px;
    letter-spacing:.1em;
    text-transform:uppercase
}
.probootstrap-hover-overlay .probootstrap-text-overlay p:last-child{
    margin-bottom:0
}
.probootstrap-hover-overlay:hover:before{
    opacity:1;
    visibility:visible
}
.probootstrap-hover-overlay:hover .probootstrap-text-overlay{
    top:20px;
    opacity:1;
    visibility:visible
}
.probootstrap-hover-overlay:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.probootstrap-block-image-text{
    background:#fff;
    margin-bottom:30px
}
.probootstrap-block-image-text figure{
    /*margin-bottom:0;
    position:relative*/
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
/*     -ms-transform: skewY(-3deg); /* IE 9 */*/
/*  -webkit-transform: skewY(-3deg); /* Safari */*/
/*  transform: skewY(-3deg); */
}
.probootstrap-block-image-text figure img{
    max-width:100%;
    margin-bottom:0
}
.probootstrap-block-image-text .actions{
    position:absolute;
    bottom:10px;
    right:0
}
.probootstrap-block-image-text .actions a{
    color:#fff;
    margin-right:10px
}
.probootstrap-block-image-text .text{
    padding:20px
}
.probootstrap-block-image-text .text h3{
    margin:0 0 10px;
    font-size:30px
}
.probootstrap-block-image-text .text h3 a{
    color:#000
}
.probootstrap-block-image-text .text h3 a:hover{
    color:#903479
}
.probootstrap-block-image-text .text p.dark{
    color:#999
}
.probootstrap-block-image-text .text p:last-child{
    margin-bottom:0
}
.post-meta{
    font-size:12px;
    text-transform:uppercase;
    color:#b3b2b2
}
.post-meta ul{
    padding:0;
    margin:0
}
.post-meta ul li{
    display:inline-block;
    list-style:none;
    margin-right:10px;
    margin-bottom:10px
}
.post-meta .review-rate{
    border-radius:4px;
    display:inline-block;
    zoom:1;
    margin-right:10px;
    padding:2px 3px;
    line-height:1;
    background:#000;
    color:#fff
}
.probootstrap-blog-list,.probootstrap-news-list,.probootstrap-product-list{
    padding:0;
    margin:0
}
.probootstrap-blog-list li,.probootstrap-news-list li,.probootstrap-product-list li{
    padding:0;
    margin:0 0 20px;
    list-style:none
}
.probootstrap-blog-list li a,.probootstrap-news-list li a,.probootstrap-product-list li a{
    color:#000;
    display:table
}
.probootstrap-blog-list li a .probootstrap-image,.probootstrap-blog-list li a .probootstrap-text,.probootstrap-news-list li a .probootstrap-image,.probootstrap-news-list li a .probootstrap-text,.probootstrap-product-list li a .probootstrap-image,.probootstrap-product-list li a .probootstrap-text{
    display:table-cell;
    vertical-align:top
}
.probootstrap-blog-list li a p,.probootstrap-news-list li a p,.probootstrap-product-list li a p{
    color:#7e8890;
    line-height:1.4
}
.probootstrap-blog-list li a .probootstrap-image,.probootstrap-news-list li a .probootstrap-image,.probootstrap-product-list li a .probootstrap-image{
    width:80px
}
.probootstrap-blog-list li a .probootstrap-image img,.probootstrap-news-list li a .probootstrap-image img,.probootstrap-product-list li a .probootstrap-image img{
    border-radius:2px
}
.probootstrap-blog-list li a .probootstrap-text,.probootstrap-news-list li a .probootstrap-text,.probootstrap-product-list li a .probootstrap-text{
    padding-left:20px
}
.probootstrap-blog-list li a .probootstrap-text .meta,.probootstrap-news-list li a .probootstrap-text .meta,.probootstrap-product-list li a .probootstrap-text .meta{
    display:block;
    color:#ccc
}
.probootstrap-blog-list li a .probootstrap-text h4,.probootstrap-news-list li a .probootstrap-text h4,.probootstrap-product-list li a .probootstrap-text h4{
    font-size:20px;
    margin:0;
    color:#000
}
.link-with-icon,.probootstrap-blog-list li a:hover h4,.probootstrap-news-list li a:hover h4,.probootstrap-product-list li a:hover h4{
    color:#903479
}
.link-with-icon i{
    position:relative;
    top:2px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s all;
    transition:.3s all;
    left:-20px
}
.link-with-icon:focus,.link-with-icon:hover{
    color:#6b265a
}
.link-with-icon:focus i,.link-with-icon:hover i{
    position:relative;
    top:2px;
    left:0;
    opacity:1;
    visibility:visible
}
.link-with-icon.white,.link-with-icon.white:hover{
    color:#fff
}
.probootstrap-footer-social{
    padding:0;
    margin:0
}
.probootstrap-footer-social li{
    display:inline;
    padding:0;
    margin:0;
    list-style:none
}
.probootstrap-footer-social li a{
    padding:10px;
    font-size:22px
}
.probootstrap-footer-social li:first-child>a{
    padding-left:0
}
.nav-pills.probootstrap-center,.nav-tabs.probootstrap-center{
    text-align:center
}
.nav-pills.probootstrap-center>li,.nav-tabs.probootstrap-center>li{
    float:none;
    display:inline-block;
    zoom:1
}
.nav-pills.probootstrap-tabs>li>a,.nav-tabs.probootstrap-tabs>li>a{
    border-radius:0;
    padding:20px 30px;
    background:#903479;
    color:#fff;
    font-size:16px;
    border:none!important
}
@media screen and (max-width:480px){
    .nav-pills.probootstrap-center>li,.nav-pills.probootstrap-tabs>li>a,.nav-tabs.probootstrap-center>li,.nav-tabs.probootstrap-tabs>li>a{
        width:100%;
        display:block
    }
}
.nav-pills.probootstrap-tabs>li>a:hover,.nav-tabs.probootstrap-tabs>li>a:hover{
    background:#7d2d69
}
.nav-pills.probootstrap-tabs>li>a:active,.nav-pills.probootstrap-tabs>li>a:focus,.nav-tabs.probootstrap-tabs>li>a:active,.nav-tabs.probootstrap-tabs>li>a:focus{
    outline:0
}
.nav-pills.probootstrap-tabs>li.active>a,.nav-tabs.probootstrap-tabs>li.active>a{
    background:#fff;
    color:#000
}
.nav-pills.probootstrap-tabs.no-border,.nav-tabs.probootstrap-tabs.no-border{
    border-bottom:none
}
.probootstrap-tab-style-1{
    position:absolute;
    bottom:1px;
    width:100%
}
@media screen and (max-width:768px){
    .probootstrap-tab-section{
        padding-bottom:0!important
    }
    .probootstrap-tab-style-1{
        position:relative
    }
}
.service{
    margin-bottom:30px;
    float:left;
    width:100%;
    padding:40px;
    border:1px solid rgba(0,0,0,.1)
}
.service .icon{
    display:block;
    margin-bottom:30px
}
.service .icon i{
    font-size:40px;
    color:#903479
}
.service h3{
    font-size:22px;
    margin-bottom:20px;
    margin-top:0
}
.service p{
    font-size:15px
}
.service.left-icon{
    padding:0;
    border:none;
    margin-bottom:20px!important
}
.service.left-icon .icon,.service.left-icon .text{
    display:table-cell;
    vertical-align:top
}
.service.left-icon .icon{
    width:50px;
    position:relative;
    top:0
}
.service.left-icon .icon img{
    max-width:100%
}
.service.left-icon .icon i{
    font-size:40px
}
.service.left-icon .icon .svg{
    /*fill:#903479*/
    fill: orange;
}
.service.left-icon .text{
    display:table-cell;
    padding-left:30px
}
.service.left-icon h3{
    font-size:22px;
    margin-bottom:20px
}
.service.left-icon p{
    font-size:14px
}
.service.left-icon p:last-child{
    margin-bottom:0
}
.service.left-icon.left-icon-sm .icon{
    width:60px
}
.service.left-icon.left-icon-sm .text{
    padding-left:0
}
.service.hover_service{
    -webkit-transition:.3s all;
    transition:.3s all
}
.service.hover_service:focus,.service.hover_service:hover{
    -webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.1);
    box-shadow:0 2px 20px 0 rgba(0,0,0,.1);
    border:1px solid transparent
}
.probootstrap-form{
    margin-bottom:50px
}
.probootstrap-form.probootstrap-form-box{
    background:#fff;
    padding:60px;
    -webkit-box-shadow:18px 17px 104px -24px rgba(0,0,0,.1);
    box-shadow:18px 17px 104px -24px rgba(0,0,0,.1)
}
@media screen and (max-width:768px){
    .probootstrap-form.probootstrap-form-box{
        padding:20px
    }
}
.probootstrap-form .form-note-link a{
    color:#bfbfbf
}
.probootstrap-form .form-note-link a:active,.probootstrap-form .form-note-link a:focus,.probootstrap-form .form-note-link a:hover{
    color:#404040
}
.probootstrap-form .form-control{
    height:46px;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-size:16px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:2px solid #e6e5e5;
    background:#fafafa;
    -webkit-transition:.3s all ease-out;
    transition:.3s all ease-out
}
.probootstrap-form .form-control:active,.probootstrap-form .form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:#903479;
    background:#fff
}
.probootstrap-form .form-group .form-field{
    position:relative
}
.probootstrap-form .form-group .form-field .icon{
    position:absolute;
    top:15px;
    right:20px
}
.probootstrap-form .form-group .form-field .form-control{
    padding-right:50px
}
.probootstrap-form textarea.form-control{
    height:inherit;
    resize:vertical
}
.probootstrap-animate{
    opacity:0;
    visibility:hidden
}
.probootstrap-contact-info,.with-icon{
    padding:0;
    margin:0 0 30px
}
.probootstrap-contact-info li,.with-icon li{
    padding:0;
    margin:20px 0 15px;
    list-style:none;
    line-height:24px;
    display:table
}
.probootstrap-contact-info li>i,.probootstrap-contact-info li>span,.with-icon li>i,.with-icon li>span{
    vertical-align:top;
    display:table-cell
}
.probootstrap-contact-info li>i,.with-icon li>i{
    font-size:20px;
    position:relative;
    top:4px;
    width:30px
}
.with-icon li i{
    top:4px;
    font-size:15px
}
.with-icon.colored i{
    color:#903479
}
.flexslider,.flexslider .slides>li,.slider-height{
    height:800px;
    /*min-height:100%;*/
    overflow:hidden
}
.lead{
    font-size:16px
}
.flexslider{
    position:relative;
    z-index:2;
    background:0 0;
    border:none;
    margin:0;
    border-radius:0;
    color:rgba(255,255,255,.7)
}
.flexslider .seperator{
    max-width:auto;
    width:auto!important;
    margin:0 auto
}
.flexslider .probootstrap-heading{
    color:#fff;
    font-weight:300;
    font-size:50px;
    line-height:60px;
    font-family:"Crimson Text",serif
}
.flexslider .probootstrap-sub-wrap{
    max-width:700px;
    text-align:left;
    font-size:18px;
    line-height:1.5
}
.flexslider .text-center .probootstrap-sub-wrap{
    margin:0 auto;
    text-align:center
}
.flexslider .probootstrap-slider-text{
/*    margin-top:300px*/
  margin-top: 540px;
  height: 200px;
  background-color: #000000d1;
  padding: 30px;
  width: 515px;
  left: 220px !important;
  position: relative;
}
}
@media screen and (max-width:480px){
    .flexslider,.flexslider .slides>li,.slider-height{
        height:inherit;
        height:500px
    }
    .flexslider .probootstrap-slider-text{
        margin-top:100px
    }
}
.flexslider.probootstrap-inner{
    height:500px
}
.flexslider.probootstrap-inner .probootstrap-slider-text{
    /*margin-top:150px;*/
    margin-top: 300px;
    background-color: #020202a1;
}
.flexslider .slides>li{
    background-size:cover;
    background-position:center center;
    background-repeat:none
}
.flexslider .slides>li.overlay:before{
    content:"";
    background:rgba(0,0,0,.3);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.flexslider .flex-control-paging{
    position:absolute;
    bottom:30px;
    z-index:20
}
@media screen and (max-width:480px){
    .flexslider.probootstrap-inner .probootstrap-slider-text{
        margin-top:100px
    }
    .flexslider .flex-direction-nav{
        display:none
    }
}
.flexslider .flex-direction-nav a{
    text-decoration:none;
    display:block;
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:10;
    overflow:hidden;
    opacity:0;
    cursor:pointer;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    border:2px solid rgba(255,255,255,.9);
    border-radius:50%;
    padding:30px
}
.flexslider .flex-direction-nav a:active,.flexslider .flex-direction-nav a:focus,.flexslider .flex-direction-nav a:hover{
    outline:0
}
.flexslider .flex-direction-nav a:before{
    font-family:icomoon;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    position:absolute;
    content:"\e929";
    -webkit-transition:.3s all;
    transition:.3s all;
    font-size:30px;
    display:inline-block;
    color:#fff;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.flexslider .flex-direction-nav a.flex-next:before{
    content:"\e92a";
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.flex-direction-nav .flex-prev{
    left:50px
}
.flex-direction-nav .flex-next{
    right:50px;
    text-align:right
}
.flexslider:hover .flex-direction-nav .flex-prev{
    opacity:.7;
    left:60px
}
.flexslider:hover .flex-direction-nav .flex-next:hover,.flexslider:hover .flex-direction-nav .flex-prev:hover{
    opacity:1;
    background:rgba(255,255,255,.3)
}
.flexslider:hover .flex-direction-nav .flex-next{
    opacity:.7;
    right:60px
}
.flex-control-paging li a{
    width:7px;
    height:7px;
    display:block;
    background:rgba(255,255,255,.2);
    cursor:pointer;
    text-indent:-9999px;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    -webkit-transition:.3s all;
    transition:.3s all
}
.flex-control-paging li a:hover{
    background:#333;
    background:rgba(255,255,255,.7)
}
.flex-control-paging li a.flex-active{
    background:#fff;
    cursor:default
}
.owl-carousel{
    margin-bottom:100px
}
.owl-carousel.border-rounded .item{
    border:1px solid rgba(0,0,0,.1);
    border-radius:4px;
    overflow:hidden
}
.owl-carousel .owl-controls,.owl-carousel-posts .owl-controls{
    margin-top:0
}
.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel-posts .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-prev{
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:9999;
    position:absolute;
    -webkit-transition:.2s all;
    transition:.2s all
}
.owl-carousel-posts .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-prev{
    top:24%
}
.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-next{
    right:20px
}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel-posts .owl-controls .owl-nav .owl-prev{
    left:20px
}
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i,.owl-carousel-posts .owl-controls .owl-nav .owl-next i,.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,.owl-carousel-posts .owl-controls .owl-nav .owl-prev i,.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i{
    color:#000
}
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i,.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i,.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i{
    color:#fff
}
.owl-theme .owl-controls .owl-nav [class*=owl-]{
    background:0 0!important
}
.owl-theme .owl-controls .owl-nav [class*=owl-] i{
    font-size:24px;
    background:rgba(0,0,0,.7)!important;
    padding:12px;
    -webkit-transition:.5s all;
    transition:.5s all
}
.mfp-no-margins .mfp-container,.mfp-no-margins img.mfp-img{
    padding:0
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:focus i,.owl-theme .owl-controls .owl-nav [class*=owl-]:hover i{
    background:rgba(0,0,0,.7)!important
}
.owl-theme .owl-dots{
    position:absolute;
    bottom:-30px;
    width:100%;
    text-align:center
}
.owl-carousel-fullwidth.owl-theme .owl-dots,.owl-work.owl-theme .owl-dots{
    bottom:-30px;
    margin-bottom:-2.5em
}
.owl-theme .owl-dots .owl-dot span{
    width:8px;
    height:8px;
    background:rgba(0,0,0,.2);
    -webkit-transition:.2s all;
    transition:.2s all;
    border:2px solid transparent
}
.owl-theme .owl-dots .owl-dot span:hover{
    background:0 0;
    border:2px solid rgba(0,0,0,.2)
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:0 0;
    border:2px solid #000
}
.probootstrap-testimonial:before{
    background:rgba(0,0,0,.7)!important
}
.probootstrap-testimonial .section-heading p{
    color:rgba(255,255,255,.9)!important
}
.probootstrap-testimonial .owl-theme .owl-dots .owl-dot span{
    background:rgba(255,255,255,.2)
}
.probootstrap-testimonial .owl-theme .owl-dots .owl-dot span:hover{
    background:0 0;
    border:2px solid rgba(255,255,255,.2)
}
.probootstrap-testimonial .owl-theme .owl-dots .owl-dot.active span,.probootstrap-testimonial .owl-theme .owl-dots .owl-dot:hover span{
    background:0 0;
    border:2px solid #fff
}
.mfp-fade.mfp-bg{
    opacity:0;
    -webkit-transition:all .15s ease-out;
    transition:all .15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready{
    opacity:.8
}
.mfp-fade.mfp-bg.mfp-removing{
    opacity:0
}
.mfp-fade.mfp-wrap .mfp-content{
    opacity:0;
    -webkit-transition:all .15s ease-out;
    transition:all .15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
    opacity:1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
    opacity:0
}
.image-link{
    cursor:-webkit-zoom-in;
    cursor:zoom-in
}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{
    opacity:0;
    -webkit-backface-visibility:hidden;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.mfp-with-zoom.mfp-ready .mfp-container{
    opacity:1
}
.mfp-with-zoom.mfp-ready.mfp-bg{
    opacity:.8
}
.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{
    opacity:0
}
.mfp-no-margins .mfp-figure:after{
    top:0;
    bottom:0
}
.mfp-title{
    text-align:center;
    padding:6px 0
}
.image-source-link{
    color:#DDD
}
.probootstrap-gutter0>div[class*=col-]{
    padding-right:0;
    padding-left:0
}
@media screen and (max-width:480px){
    .probootstrap-gutter0>div[class*=col-]{
        padding-right:0;
        padding-left:0
    }
    .probootstrap-gutter10>div[class*=col-]{
        padding-right:5px;
        padding-left:5px
    }
}
.probootstrap-gutter10>div[class*=col-]{
    padding-right:5px;
    padding-left:5px
}
.probootstrap-gutter40>div[class*=col-]{
    padding-right:20px;
    padding-left:20px
}
@media screen and (max-width:480px){
    .probootstrap-gutter40>div[class*=col-]{
        padding-right:15px;
        padding-left:15px
    }
}
.probootstrap-gutter60>div[class*=col-]{
    padding-right:30px;
    padding-left:30px
}
.mb0{
    margin-bottom:0!important
}
.mb10{
    margin-bottom:10px!important
}
.mb20{
    margin-bottom:20px!important
}
.mb30{
    margin-bottom:30px!important
}
.mb40{
    margin-bottom:40px!important
}
.mb50{
    margin-bottom:50px!important
}
.mb60{
    margin-bottom:60px!important
}
.mb70{
    margin-bottom:70px!important
}
.mb80{
    margin-bottom:80px!important
}
.mb90{
    margin-bottom:90px!important
}
.mb100{
    margin-bottom:100px!important
}
.mt0{
    margin-top:0!important
}
.mt10{
    margin-top:10px!important
}
.mt20{
    margin-top:20px!important
}
.mt30{
    margin-top:30px!important
}
.mt40{
    margin-top:40px!important
}
.mt50{
    margin-top:50px!important
}
.mt60{
    margin-top:60px!important
}
.mt70{
    margin-top:70px!important
}
.mt80{
    margin-top:80px!important
}
.mt90{
    margin-top:90px!important
}
.mt100{
    margin-top:100px!important
}

.pb10{
    padding-bottom:10px!important
}
.pb20{
    padding-bottom:20px!important
}
.pb30{
    padding-bottom:30px!important
}
.pb40{
    padding-bottom:40px!important
}
.pb50{
    padding-bottom:50px!important
}
.pb60{
    padding-bottom:60px!important
}
.pb70{
    margin-bottom:70px!important
}
.pb80{
    padding-bottom:80px!important
}
.pb90{
    padding-bottom:90px!important
}
.pb100{
    padding-bottom:100px!important
}
.pt0{
    padding-top:0!important
}
.pt10{
    padding-top:10px!important
}
.pt20{
    padding-top:20px!important
}
.pt30{
    padding-top:30px!important
}
.pt40{
    padding-top:40px!important
}
.pt50{
    padding-top:50px!important
}
.pt60{
    padding-top:60px!important
}
.pt70{
    padding-top:70px!important
}
.pt80{
    padding-top:80px!important
}
.pt90{
    padding-top:90px!important
}
.pt100{
    padding-top:100px!important
}
.pb0{
    padding-bottom:0!important
}
.probootstrap-black-color{
    color:#000!important
}
.probootstrap-white-color{
    color:#fff!important
}
.probootstrap-primary-color{
    color:#903479!important
}
.probootstrap-secondary-color{
    color:#ddf0f3!important
}
@media screen and (max-width:768px){
    .owl-theme .owl-controls .owl-nav{
        display:none
    }
    .img-sm-responsive,.img-xs-responsive{
        max-width:100%
    }
}
@media screen and (max-width:480px){
    .probootstrap-gutter60>div[class*=col-]{
        padding-right:15px;
        padding-left:15px
    }
    .col-xxs-12{
        float:none;
        width:100%
    }
}

    .tablink {
            background-color: #555;
            color: white;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 14px 16px;
            font-size: 17px;
            /*width: 25%;*/
        }

        .tablink:hover {
            background-color: #777;
        }

        /* Style the tab content (and add height:100% for full page content) */
        .tabcontent {
            color: white;
            display: none;
            padding: 100px 20px;
            height: 100%;
        }
        .btnn {
            background-color: DodgerBlue; /* Blue background */
            border: none; /* Remove borders */
            color: white; /* White text */
            padding: 12px 16px; /* Some padding */
            font-size: 16px; /* Set a font size */
            cursor: pointer; /* Mouse pointer on hover */
        }

/* Darker background on mouse-over */
        .btnn:hover {
            background-color: RoyalBlue;
        }

        #Home {background-color: red;}
        #News {background-color: green;}
        #Contact {background-color: blue;}
        #About {background-color: orange;}

    /*.box:hover{
      box-shadow: 5px 5px 5px black;
    }*/
    .box{
      border: 6px solid goldenrod;
      box-sizing: border-box;
      border-radius: 20px;
      margin-left:0.5%;
      margin-right:0.5%;
      margin-top:0.5%;
      margin-bottom:0.5%;
      background-color: goldenrod;
    }   

.btn.exebkn{
    border:2px solid #c46464;
    background:#880b10;
    color:#fff;
    width: 150px;
/*    padding: 15px;*/
    font-size: 16px;
    font-weight: bold;
}
.btn.exebkn:active,.btn.exebkn:focus,.btn.exebkn:hover{
    background:#c46464;
    color:#fff;
    border:2px solid #880b10;

}

.btn.intlbkn{
    border:2px solid #c83d3d64;
    background:#370606;
    color:#fff;
    width: 150px;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
}
.btn.intlbkn:active,.btn.intlbkn:focus,.btn.intlbkn:hover{
    background:#c83d3ded;
    color:#fff;
    border:2px solid #370606
}

.windine{
    /*background-color: #f6a63fd6;*/
/*    background-color:#d3d3d3a3;*/
    /*background-image:  url('../img/winedine.jpg') ;*/
    background-size: 100% 100%;
  background-repeat: no-repeat;
    padding-top: 3em;
    margin-bottom: 3em;
    min-height: 600px;

}

.windine .text{
/*    background-color: #ead9b985;*/
    background-color: #ead9b93b;
    padding: 15px;
}

/*.probootstrap-room1:focus{
    -webkit-animation: backInLeft 1s;
    animation: backInLeft 1s;
}*/

.resta{
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*.probootstrap-room1:hover{
    -webkit-animation: backInLeft 1s;
    animation: backInLeft 1s;
}*/

.banquets{
    padding-top: 3em;
    margin-bottom: 3em;
    background-color:#d3d3d3a3;
}

.Gallery{
       padding-top: 3em;
    padding-bottom: 3em; 
    background-color:#d3d3d3a3;
}

.probootstrap-room{
    background-color: lightyellow;
    color: black;
    position: relative;
      border: 2px solid orange;
      border-left: 40px solid orange;
      padding: 15px;
      color: rgba(black, 0.5);
}

/*@media only screen 
   and (min-width : 1600px) {*/
    .probootstrap-room h3{
        transform: rotate(270deg);
        bottom: 0;
        left: 0;
        margin-left: -535px;
        color: white;
    }
/*}*/
/*@media only screen 
   and (max-width : 1200px) {
    .probootstrap-room h3{
        transform: rotate(270deg);
        bottom: 0;
        left: 0;
        margin-left: -535px;
        color: white;
    }
}



@media screen and (max-width:768px){
    .probootstrap-room h3{
        transform: rotate(270deg);
        bottom: 0;
        left: 0;
        margin-left: -400px;
        color: white;
    }
}

@media screen 
   and (min-width : 320px) {
    .probootstrap-room h3{
        transform: rotate(270deg);
        bottom: 0;
        left: 0;
        margin-left: -300px;
        color: white;
    }
}*/

/*desktops - higher resolution*/
@media (min-width: 1281px){
    .probootstrap-room h3{
        transform: rotate(270deg);
        bottom: 0;
        left: 0;
        margin-left: -535px;
        color: white;
    }
}

/*laptops, desktops*/
@media (min-width: 1025px) and (max-width: 1280px) {
    .probootstrap-room h3{
        transform: rotate(270deg);
        bottom: 0;
        left: 0;
        margin-left: -535px;
        color: white;
    }
}

/*tablets, ipads (portrait)*/
@media (min-width: 768px) and (max-width: 1024px){
    .probootstrap-room h3{
        transform: rotate(270deg);
        bottom: 0;
        left: 0;
        margin-left: -535px;
        color: white;
    }
}

/*tablets, ipads (landscape)*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
.probootstrap-room h3{
        transform: rotate(270deg);
        bottom: 0;
        left: 0;
        margin-left: -535px;
        color: white;
    }
}

/*low resolution tablets, mobiles (landscape)*/
@media (min-width: 481px) and (max-width: 767px){
    .probootstrap-room h3{
        transform: rotate(270deg);
        bottom: 0;
        left: 0;
        margin-left: -565px;
        color: white;
    }
}

/*smartphones mobiles (portrait)*/
@media (min-width: 320px) and (max-width: 480px){
    .probootstrap-room h3{
        transform: rotate(270deg);
        bottom: 0;
        left: 0;
        margin-left: -290px;
        color: white;
    }
}

.rooms{
  padding-top: 3em;
    margin-bottom: 3em;    
}

.contact{
  padding-top: 3em;
    margin-bottom: 3em;    
}

.abt{
  padding-top: 3em;
    margin-bottom: 3em;    
}
.abt img{
    border-radius: 0px,20px,0px,20px;
}

.abt-wave{
    /*<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#ffd700" fill-opacity="1" d="M0,256L48,256C96,256,192,256,288,240C384,224,480,192,576,192C672,192,768,224,864,245.3C960,267,1056,277,1152,266.7C1248,256,1344,224,1392,208L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>*/
}
.amenities
{
    padding-top: 3em;
    padding-bottom: 3em;
    margin-bottom: 3em;    
    background-color: #d3d3d3a3;
}
.amenirow{
    padding: 25px;
    background-color: lightgrey;
    /*padding-bottom: 3em;*/
}

table {
    margin: 0 auto;            
}

.shadow{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.probootstrap-hentry p{
    color: #fff;
}

.places{
    padding-top: 3em;
    margin-bottom: 3em;  
}


.testimonials{
    padding-top: 3em;
    margin-bottom: 3em; 

}

.testimonials .item
{
    background-color: #ead9b985;
    background-color: goldenrod;
    padding: 5px;
}

.logos img {
    margin: auto;
    display: block;
    text-align: center;
    width: 100%;
    opacity: 0.3;
}

.logos img:hover {
    opacity: 0.5;
}

.desc h3 i {
    color: #2f2f2f;
    font-size: 27px;
    vertical-align: middle;
    margin-right: 12px;
}

.desc {
    padding: 30px;
    position: relative;
    background: #fff;
    border: 1px solid #ededed;
    height: 403px;
}
.testi-meta h4 {
    font-size: 18px;
    color: #ffffff;
    padding: 13px 0 0;
}

.testimonial h4 {
    font-size: 18px;
    color: #ffffff;
    padding: 13px 0 0;
}

.testimonial img {
    max-width: 55px;
}

.testimonial small {
    margin-top: 7px;
    font-size: 16px;
    display: block;
}

.testimonial {
    background-color: transparent;
}

.testimonial h3 {
    padding: 0 0 10px;
    font-size: 20px;
    font-weight: 300;
}

.testimonial small,
.testimonial .lead {
    background-color: transparent;
    color: #aaa;
    display: block;
    font-size: 16px;
    font-style: italic;
    line-height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
    font-weight: 400;
    text-align: justify;
}

.testimonial p:after {
    display: none;
}

.sticky-icon  {
    z-index:999;
    position:fixed;
    top:35%;
    right:0%;
    /*width:60px;*/
    display:flex;
    flex-direction:column;}  
.sticky-icon a  {
    transform:translate(120px,0px);
    border-radius:50px 0px 0px 50px;
    text-align:left;
    margin:2px;
    text-decoration:none;
    text-transform:uppercase;
    padding:3px;
    /*font-size:22px;*/
    /*font-family:'Oswald', sans-serif;*/
    transition:all 0.8s;}
.sticky-icon a:hover  {
    color:#FFF;
    transform:translate(0px,0px);}  
.sticky-icon a:hover i  {
    transform:rotate(360deg);}
/*.search_icon a:hover i  {
    transform:rotate(360deg);}*/
.Facebook  {
    background-color:#2C80D3;
    color:#FFF;}
    
.Youtube  {
    background-color:#fa0910;
    color:#FFF;}
    
.Twitter  {
    background-color:#53c5ff;
    color:#FFF;}
    
.Instagram  {
    background-color:#FD1D1D;
    color:#FFF;}
    
.Google  {
    background-color:#d34836;
    color:#FFF;}    
.WhatsApp  {
    background-color:#00d260;
    color:#FFF;}                    
.sticky-icon a i {
    background-color:#FFF;
    height:40px;
    width:40px;
    color:#000;
    text-align:center;
    line-height:30px;
    border-radius:50%;
    /*margin-right:20px;*/
    transition:all 0.5s;}
.sticky-icon a i.fa-facebook-f  {
    background-color:#FFF;
    color:#2C80D3;}
    
.sticky-icon a i.fa-google-plus-g  {
    background-color:#FFF;
    color:#d34836;}
    
.sticky-icon a i.fa-instagram  {
    background-color:#FFF;
    color:#FD1D1D;}
    
.sticky-icon a i.fa-youtube  {
    background-color:#FFF;
    color:#fa0910;}
    
.sticky-icon a i.fa-twitter  {
    background-color:#FFF;
    color:#53c5ff;}
.fas fa-shopping-cart  {
    background-color:#FFF;} 


#myBtn {
    height:50px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  text-align:center;
  padding:10px;
  text-align:center;
    line-height:40px;
  border: none;
  outline: none;
  background-color: #1e88e5;
  color: white;
  cursor: pointer;
  border-radius: 50%;
}
.fa-arrow-circle-up  {
    font-size:30px;}

#myBtn:hover {
  background-color: #555;
}   


.room-desc{
    padding-top: 25px;
/*padding-bottom: 25px;*/
background-color: #daa5204d;
margin-bottom: 20px;

}