a,a.active,a:focus,a:hover{
    text-decoration:none;
    outline:0
}
.btn:active,.btn:focus,a,button:active,button:focus,input[type=submit]:active,input[type=submit]:focus,input[type=button]:active,input[type=button]:focus{
    outline:0
}
html{
    font-size:62.5%
}
body,p{
    font-family:Lato,sans-serif;
    font-size:1.6rem;
    padding:0;
    margin:0;
    color:rgba(33,39,57,.7);
    line-height:2.6rem
}
body{
    background:#f9f9f9
}
p{
    font-weight:400
}
.h3,.h4,h3,h4{
    font-family:Lato,sans-serif;
    font-weight:700
}
.h1,h1{
    font-family:Lato,sans-serif;
    font-size:6.8rem;
    line-height:10.2rem;
    line-height:7.2rem
}
.h2,h2{
    font-family:Lato,sans-serif;
    font-size:4.2rem;
    line-height:6.300000000000001rem;
    line-height:4.8rem
}
.h3,h3{
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    line-height:4.2rem
}
.h4,.h5,h4,h5{
    font-size:1.6rem
}
.h3 a,h3 a{
    color:inherit
}
.h3 a:hover,h3 a:hover{
    color:#09afd2
}
.h4,h4{
    line-height:2.4000000000000004rem;
    line-height:2.4rem
}
.h4 a,h4 a{
    color:inherit
}
.h4 a:hover,h4 a:hover{
    color:#09afd2
}
.h5,h5{
    line-height:2.4000000000000004rem;
    line-height:2.4rem
}
.h6,h6{
    font-size:1.4rem;
    line-height:2.0999999999999996rem;
    line-height:2.4rem
}
img{
    max-width:100%
}
.csi-table thead tr{
    background:rgba(230,43,76,.2)
}
.csi-table thead tr th{
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    border-bottom:0;
    padding-top:2rem;
    padding-bottom:2rem;
    font-family:Cookie,cursive;
    font-weight:400;
    color:#212739;
    text-align:center
}
.csi-table tbody tr td,.csi-table tbody tr th{
    padding-top:2rem;
    padding-bottom:2rem;
    border-top:4px solid #f9f9f9;
    background:rgba(230,43,76,.05);
    text-align:center;
    border-right:2px solid #f9f9f9
}
blockquote,blockquote p{
    font-weight:400;
    font-size:1.6rem;
    line-height:2.4000000000000004rem;
    text-align:justify
}
.csi-table tbody tr td:hover,.csi-table tbody tr th,.csi-table tbody tr th:hover{
    background:rgba(230,43,76,.1)
}
a{
   /* color:#ffffff; */
    -moz-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.about-top-single,.csi-btn{
    -moz-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s
}
a.active,a:focus,a:hover{
    color:#003399;
}
.csi-inner{
    padding:2rem 0
}
blockquote{
    font-family:Lato,sans-serif;
    overflow:hidden;
    width:100%;
    color:#212739;
    margin:2rem 0;
    display:block;
    padding:4rem 2rem;
    font-style:italic;
    position:relative;
    border-left:0
}
blockquote p{
    font-family:inherit;
    color:inherit
}
blockquote footer{
    float:none!important;
    color:#09afd2
}
blockquote:before{
    background-image:url(../img/quote.png);
    left:0;
    position:absolute;
    top:10%;
    width:129px;
    height:112px;
    content:" ";
    opacity:.5
}
.csimapcanvas{
    min-height:400px
}
.csi-heading{
    text-align:center;
    margin-bottom:2.8rem
}
.csi-heading .title{
    font-family:"Agency FB";
    font-size:50px;
    color:#09afd2;
    margin:0;
    line-height:8rem
}
.csi-heading .subtitle{
    font-family:Lato,sans-serif;
    font-size:1.6rem;
    line-height:2.4000000000000004rem;
    color:#212739;
    text-transform:uppercase;
    font-weight:900;
    margin:0
}
.csi-btn,.csi-heading-black .subtitle{
    color:#fff
}
.csi-btn{
   
    background:#09afd2;
    padding:.5rem 2.6rem;
    font-weight:400;
    overflow:hidden;
    display:inline-block;
    -webkit-box-shadow:0 4px 10px rgba(0,0,0,.25);
    -moz-box-shadow:0 4px 10px rgba(0,0,0,.25);
    box-shadow:0 4px 10px rgba(0,0,0,.25);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:50px;
    letter-spacing:.1rem;
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    transition-duration:.3s;
    border:2px solid #09afd2
}
.csi-btn:hover{
    background:0 0;
    color:#09afd2
}
.csi-btn-lg{
    padding:1.2rem 3.4rem
}
.csi-btn-white{
    background:#fff;
    color:#09afd2;
    border:2px solid #fff
}
.csi-btn-white:hover{
    background:0 0;
    color:#09afd2;
    border:2px solid #09afd2
}
@-webkit-keyframes zoomIn{
    from{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    from{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
@-webkit-keyframes flipInY{
    from{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
        transform:perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
        transform:perspective(400px) rotate3d(0,1,0,10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
        transform:perspective(400px) rotate3d(0,1,0,-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInY{
    from{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
        transform:perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
        transform:perspective(400px) rotate3d(0,1,0,10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
        transform:perspective(400px) rotate3d(0,1,0,-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@-webkit-keyframes bounceIn{
    20%,40%,60%,80%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
@keyframes bounceIn{
    20%,40%,60%,80%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
@-webkit-keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.csi-header{
    background:#f1f1f1
}
.csi-header .csi-inner{
    margin:0 auto
}
.csi-header .csi-toggle{
    position:absolute;
    top:10px;
    right:0;
    z-index:99;
    color:#fff
}
.csi-header .csi-toggle i{
    font-size:26px
}
.csi-header .header-top{
    background:#f1f1f1;
    padding:.4rem 0 0
}
.csi-header .header-top .header-top-inner .contact{
    margin-top:.6rem
}
.csi-header .header-top .header-top-inner .contact ul li{
    color:#212739;
    font-size:15px;
    margin-right:1rem;
    opacity:.7
}
.csi-header .header-top .header-top-inner .contact ul li i{
    font-size:20px;
    font-size:2rem;
    color:#09afd2;
    margin-right:.4rem;
    position:relative;
    top:2px
}
.csi-header .header-top .header-top-inner .right-menu{
    text-align:right;
    font-size:14px
}
.csi-banner-content,.csi-slider .csi-item-center{
    text-align:center
}
.csi-header .header-top .header-top-inner .right-menu ul{
    margin-bottom:.5rem
}
.csi-header .header-top .header-top-inner .right-menu ul li{
    text-align:center;
    padding-right:2px;
    padding-left:2px
}
.csi-header .header-top .header-top-inner .right-menu ul li a{
    background:rgba(33,39,57,.1);
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:50%;
    -moz-transition-duration:.6s;
    -webkit-transition-duration:.6s;
    -o-transition-duration:.6s;
    transition-duration:.6s
}
.csi-header .header-top .header-top-inner .right-menu ul li a i{
    font-size:26px;
    line-height:39px
}
.csi-header .header-top .header-top-inner .right-menu ul li a .fa-twitter{
    color:#1da1f2
}
.csi-header .header-top .header-top-inner .right-menu ul li a .fa-facebook-f,.csi-header .header-top .header-top-inner .right-menu ul li a .facebook-f{
    color:#3b5998
}
.csi-header .header-top .header-top-inner .right-menu ul li a .fa-linkedin{
    color:#00a0dc
}
.csi-header .header-top .header-top-inner .right-menu ul li a .fa-youtube-play{
    color:#cd201f
}
.csi-header .header-top .header-top-inner .right-menu ul li a .fa-instagram{
    color:#c13584
}
.csi-header .header-top .header-top-inner .right-menu ul li a:hover{
    background:rgba(255,255,255,.8);
    -webkit-box-shadow:0 2px 10px rgba(52,61,71,.2);
    -moz-box-shadow:0 2px 10px rgba(52,61,71,.2);
    box-shadow:0 2px 10px rgba(52,61,71,.2)
}
.csi-header .header-top .header-top-inner .right-menu ul li a:hover i{
    animation-name:zoomIn;
    -webkit-transform-origin:center;
    transform-origin:center;
    animation-duration:.5s;
    animation-timing-function:linear
}
.csi-header .csi-header-bottom{
    width:100%;
    z-index:9;
    background:#fff;
    padding:.6rem
}
.csi-header .csi-header-bottom-trans{
    position:fixed;
    width:100%;
    z-index:9;
    background:rgba(255,255,255,0)
}
.csi-header .navbar-nav li:hover>ul,.csi-header .navbar-nav ul li:hover>ul{
    display:block;
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-transform-origin:center;
    transform-origin:center;
    animation-duration:.6s;
    animation-timing-function:linear
}
.csi-header .csi-navbar .csi-logo,.csi-header .csi-navbar .csi-nav{
    -webkit-transform-origin:center;
    animation-duration:.4s;
    animation-timing-function:linear
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.csi-header .dropdown-submenu{
    position:relative
}
.csi-header .dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px
}
.csi-header .dropdown-submenu:hover>.dropdown-menu{
    display:block
}
.csi-header .dropdown-submenu>a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    margin-top:5px;
    margin-right:-10px
}
.csi-header .dropdown-submenu.pull-left{
    float:none
}
.csi-header .dropdown-submenu.pull-left>.dropdown-menu{
    left:-100%;
    margin-left:10px
}
.csi-header .csi-navbar{
    margin-bottom:0;
    border:none;
    background:0 0;
    border-radius:0
}
.csi-header .csi-navbar .container{
    padding-right:0;
    padding-left:0
}
.csi-header .csi-navbar .csi-nav{
    position:relative;
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight;
    transform-origin:center;
    margin-top:1.6rem
}
.csi-header .csi-navbar .csi-nav li a{
    color:#fff;
    font-family:Lato,sans-serif;
    font-size:1.6rem;
    line-height:2.4000000000000004rem;
    font-weight:700;
    text-transform:uppercase;
    padding:16px 11px
}
.csi-header .csi-navbar .csi-nav li a:hover{
    background:0 0;
    color:#09afd2;
    opacity:1
}
.csi-header .csi-navbar .csi-nav li .csi-btn{
    font-family:Cookie,cursive;
    background:#09afd2;
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    margin-top:.3rem;
    padding:.3rem 2.4rem;
    -moz-transition-duration:.6s;
    -webkit-transition-duration:.6s;
    -o-transition-duration:.6s;
    transition-duration:.6s;
    color:#fff;
    opacity:1;
    margin-left:1rem;
    text-transform:capitalize;
    font-weight:400!important;
    border:2px solid #09afd2
}
.csi-header .csi-navbar .csi-nav .active a,.csi-header .csi-navbar .csi-nav li .csi-btn:hover{
    background:0 0;
    color:#09afd2
}
.csi-header .csi-navbar .csi-logo{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight;
    transform-origin:center;
    margin-left: 450px;
}
.csi-header .csi-navbar .csi-logo a img{
    max-width:150px;
    float:left;
    -webkit-transition:all .4s ease-in-out 0s;
    -moz-transition:all .4s ease-in-out 0s;
    -o-transition:all .4s ease-in-out 0s;
    transition:all .4s ease-in-out 0s
}
.csi-header .csi-navbar .csi-nav,.csi-slider .csi-item-right .banner-btn,.csi-slider .csi-item-right .text{
    float:right
}
.csi-header .csi-navbar .csi-nav .dropdown-menu{
    background:#09afd2;
    border:0;
    border-radius:0
}
.csi-header .csi-navbar .csi-nav .dropdown-menu li a{
    color:#fff;
    padding:.6rem 1.5rem!important;
    font-size:1.4rem;
    line-height:2.0999999999999996rem;
    font-weight:400;
    opacity:.8
}
.csi-header .csi-navbar .csi-nav .dropdown-menu li a b{
    color:#09afd2
}
.csi-header .csi-navbar .csi-nav .dropdown-menu li a:hover{
    opacity:1;
    margin-left:5px
}
.csi-header .menu-onscroll{
    background:#212739;
    position:fixed;
    top:0;
    width:100%;
    z-index:999;
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown;
    -webkit-transform-origin:center;
    transform-origin:center;
    animation-duration:.6s;
    animation-timing-function:linear;
    -moz-box-shadow:0 10px 20px -12px rgba(0,0,0,.42),0 3px 20px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
    -webkit-box-shadow:0 10px 20px -12px rgba(0,0,0,.42),0 3px 20px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
    -o-box-shadow:0 10px 20px -12px rgba(0,0,0,.42),0 3px 20px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
    box-shadow:0 10px 20px -12px rgba(0,0,0,.42),0 3px 20px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)
}
.csi-header .menu-onscroll .csi-toggle{
    color:#09afd2;
    top:15px
}
.csi-header .menu-onscroll .csi-navbar .csi-nav{
    margin-top:.09rem
}
.csi-header .menu-onscroll .csi-navbar .csi-nav li a:hover{
    background:0 0;
    opacity:1
}
.csi-header .menu-onscroll .csi-navbar .csi-nav li .csi-btn{
    background:#09afd2;
    margin-top:.3rem;
    padding:.3rem 2.4rem;
    -moz-transition-duration:.6s;
    -webkit-transition-duration:.6s;
    -o-transition-duration:.6s;
    transition-duration:.6s;
    font-weight:400
}
.csi-header .menu-onscroll .csi-navbar .csi-nav .active a{
    background:0 0;
    color:#09afd2;
    opacity:1
}
.csi-header .menu-onscroll .csi-navbar .csi-logo{
    display:block;
    margin-top:0
}
.csi-header .menu-onscroll .csi-navbar .csi-logo a img{
    max-width:130px;
    -webkit-transition:all .2s ease-in-out 0s;
    -moz-transition:all .2s ease-in-out 0s;
    -o-transition:all .2s ease-in-out 0s;
    transition:all .2s ease-in-out 0s
}
.csi-header-white .csi-toggle{
    color:#09afd2
}
.csi-header-white .csi-navbar .csi-nav li a{
    color:#212739;
    opacity:.7
}
.csi-header-white .csi-navbar .csi-nav .active a,.csi-header-white .csi-navbar .csi-nav li a:hover{
    color:#09afd2
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{
    color:red;
    background-color:transparent
}
.csi-simple-slider-header .csi-navbar .csi-nav li a{
    opacity:1;
    color:#fff
}
.csi-simple-slider-header .csi-navbar .csi-nav .dropdown-menu li a{
    opacity:.8
}
.csi-simple-slider-header .csi-header-bottom{
    margin-top:1.5rem;
    position:fixed;
    width:100%;
    z-index:9;
    background:rgba(255,255,255,0)
}
.csi-simple-slider-header .menu-onscroll{
    margin-top:0;
    background:rgba(255,255,255,.95)
}
.csi-simple-slider-header .menu-onscroll .csi-navbar .csi-nav li a{
    color:#212739
}
.csi-simple-slider-header .menu-onscroll .csi-navbar .csi-nav .dropdown-menu li a,.csi-simple-slider-header .menu-onscroll .csi-navbar .csi-nav li .csi-btn{
    color:#fff
}
.csi-banner-header .csi-header-bottom{
    position:fixed;
    width:100%;
    z-index:9;
    background:0 0
}
.csi-banner-header .menu-onscroll{
    margin-top:0;
    background:rgba(33,39,57,.95)
}
@-webkit-keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.csi-typed-info .typed-cursor{
    opacity:1;
    font-weight:300;
    margin-left:5px;
    -webkit-animation:blink .7s infinite;
    -moz-animation:blink .7s infinite;
    animation:blink .7s infinite
}
@keyframes blink{
    0%,100%{
        opacity:1
    }
    50%{
        opacity:0
    }
}
@-webkit-keyframes blink{
    0%,100%{
        opacity:1
    }
    50%{
        opacity:0
    }
}
@-moz-keyframes blink{
    0%,100%{
        opacity:1
    }
    50%{
        opacity:0
    }
}
.csi-header-zikzak .header-top{
    background:#fff;
    position:relative
}
.csi-header-zikzak .header-top:before{
    background:url(../img/zikzak-bottom-white.png) top center no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    content:'';
    position:absolute;
    width:100%;
    height:50px;
    bottom:-32px
}
.csi-header-zikzak .csi-header-bottom{
    margin-top:1.6rem
}
.csi-header-zikzak .menu-onscroll{
    margin-top:0
}
.csi-banner{
    background:url(../img/banner-bg.jpg) top center no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    color:#fff
}
.csi-banner .csi-inner{
    padding:28rem 0
}
.csi-banner-content .csi-btn{
    margin-top:3.2rem;
    display:inline-block
}
.csi-banner-content .csi-subtitle{
   /* font-family:Cookie,cursive; */
    font-size:5rem; 
    font-weight:400;
    line-height:13rem;
    margin:0;
    color:#fff
}
.csi-banner-content .csi-title,.csi-banner-content .date{
    font-family:Lato,sans-serif;
    text-transform:uppercase
}
.csi-banner-content .csi-title span,.csi-banner-content .date span{
    color:#09afd2
}
.csi-banner-content .csi-title{
    font-size:7rem;
    line-height:16.5rem;
    line-height:13rem;
    font-weight:900;
    margin:0 0 1.6rem
}
.csi-banner-content .date{
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    font-weight:700;
    font-style:italic;
    margin-top:0
}
.csi-banner-content .text{
    padding:0 10%;
    margin-bottom:3rem
}
.csi-banner-content .btn-area .csi-btn{
    padding:.8rem 3rem;
    margin:1.6rem .6rem 0
}
.csi-banner-typed{
    background:url(../img/typed-bg.jpg) top center no-repeat
}
.csi-banner-typed .csi-banner-content .csi-title{
    color:#fff
}
.csi-banner-typed .csi-banner-content .csi-title span{
    color:inherit
}
.csi-banner-zikzak{
    background:url(../img/zikzak-bg.jpg) top center no-repeat
}
.csi-slider{
    color:#fff;
    position:relative
}
.csi-slider p{
    color:#fff;
    opacity:.7
}
.csi-slider .csi-inner{
    padding-bottom:0;
    padding-top:0
}
.csi-slider .csi-item-center .text{
    margin:0 auto
}
.csi-slider .csi-item-left{
    text-align:left
}
.csi-slider .csi-item-left .banner-btn .csi-btn{
    margin-right:.5rem
}
.csi-slider .csi-item-right{
    text-align:right
}
.csi-slider .owl-controls .owl-nav [class*=owl-]{
    height:60px;
    width:60px;
    background:#09afd2;
    background:rgba(255,255,255,.1);
    color:#fff;
    border-radius:50%;
    -webkit-box-shadow:1px 2px 10px rgba(52,61,71,.3);
    -moz-box-shadow:1px 2px 10px rgba(52,61,71,.3);
    box-shadow:1px 2px 10px rgba(52,61,71,.3)
}
.about-top-single,.csi-special-single figure a img{
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.25);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.25)
}
.csi-slider .owl-controls .owl-nav [class*=owl-]:hover{
    background:#fff;
    color:#09afd2
}
.csi-slider .owl-next,.csi-slider .owl-prev{
    position:absolute;
    top:45%;
    opacity:0
}
.csi-slider .owl-next i,.csi-slider .owl-prev i{
    font-size:40px;
    line-height:49px
}
.csi-slider .owl-prev{
    left:0;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.csi-slider .owl-next{
    right:0;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.csi-slider:hover .owl-next,.csi-slider:hover .owl-prev{
    opacity:1
}
.csi-slider:hover .owl-prev{
    left:15px
}
.csi-slider:hover .owl-next{
    right:15px
}
.csi-slider .csi-brand{
    background:0 0;
    padding-top:2rem;
    padding-bottom:10px;
    position:fixed;
    z-index:999;
    width:100%;
    -webkit-transition:all .3s ease;
    transition:all .3s linear
}
.csi-slider .csi-brand .csi-logo{
    max-width:180px;
    -webkit-transition:all .3s ease;
    transition:all .3s linear
}
.csi-slider .slider-text-single figure{
    position:relative
}
.csi-slider .slider-text-single figure figcaption{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.csi-slider .slider-text-single figure figcaption .figcaption-inner,.csi-slider .slider-text-single figure figcaption .figcaption-inner-center,.csi-slider .slider-text-single figure figcaption .figcaption-inner2{
    width:100%;
    height:100%
}
.csi-slider .slider-text-single figure figcaption .csi-container{
    max-width:1170px;
    display:block;
    margin:0 auto;
    height:100%;
    padding-left:20px;
    padding-right:20px
}
.csi-slider .slider-text-single figure figcaption .csi-container .csi-hover-link{
    width:100%;
    height:100%;
    display:table
}
.csi-slider .slider-text-single figure figcaption .csi-container .csi-hover-link .csi-vertical{
    display:table-cell;
    vertical-align:middle
}
.csi-slider .slider-text-single figure figcaption:before{
    content:"";
    position:absolute;
    background:rgba(33,39,57,.2);
    top:-38px;
    left:0;
    width:100%;
    height:20%;
    -webkit-filter:blur(30px);
    filter:blur(30px)
}
.csi-slider .owl-theme .owl-controls{
    margin-top:0;
    text-align:center
}
#csi-main-slider .active .csi-fadeInLeft-img,#csi-owlcontslider .active .csi-fadeInLeft-img{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:.3s;
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
#csi-main-slider .active .csi-fadeInLeft-one,#csi-owlcontslider .active .csi-fadeInLeft-one{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:.9s;
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
#csi-main-slider .active .csi-fadeInLeft-two,#csi-owlcontslider .active .csi-fadeInLeft-two{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:1.5s;
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
#csi-main-slider .active .csi-fadeInLeft-three,#csi-owlcontslider .active .csi-fadeInLeft-three{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:2.1s;
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
#csi-main-slider .active .csi-fadeInLeft-four,#csi-owlcontslider .active .csi-fadeInLeft-four{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:2.7s;
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
#csi-main-slider .active .csi-fadeInRight-img,#csi-owlcontslider .active .csi-fadeInRight-img{
    -webkit-animation-duration:.7s;
    animation-duration:.7s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:.3s;
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
#csi-main-slider .active .csi-zoomIn-one,#csi-owlcontslider .active .csi-zoomIn-one{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:.9s;
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
#csi-main-slider .active .csi-zoomIn-two,#csi-owlcontslider .active .csi-zoomIn-two{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:1.5s;
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
#csi-main-slider .active .csi-zoomIn-three,#csi-owlcontslider .active .csi-zoomIn-three{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:2.1s;
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
#csi-main-slider .active .csi-fadeInRight-four,#csi-owlcontslider .active .csi-fadeInRight-four{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:2.7s;
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
#csi-main-slider .active .csi-fadeInU-img,#csi-owlcontslider .active .csi-fadeInU-img{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:.3s;
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
#csi-main-slider .active .csi-zoomInUp-one,#csi-owlcontslider .active .csi-zoomInUp-one{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:.9s;
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
#csi-main-slider .active .csi-zoomInUp-two,#csi-owlcontslider .active .csi-zoomInUp-two{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:1.5s;
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
#csi-main-slider .active .csi-zoomInUp-four,#csi-main-slider .active .csi-zoomInUp-three,#csi-owlcontslider .active .csi-zoomInUp-four,#csi-owlcontslider .active .csi-zoomInUp-three{
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay:2.1s;
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
#csi-main-slider .item img{
    display:block;
    width:100%;
    height:auto
}
@media (max-width:600px){
    .csi-slider .owl-carousel .owl-item,.csi-slider .owl-carousel .owl-item img{
        height:350px
    }
    .csi-slider .csi-banner-content{
        margin-top:2rem!important
    }
    .csi-slider .csi-banner-content .csi-subtitle,.csi-slider .csi-banner-content .csi-title{
        font-size:6rem!important;
        line-height:6.300000000000001rem!important;
        line-height:6rem
    }
}
.about-top-single .title,.team-single figure figcaption .title{
    font-size:30px;
    line-height:4.800000000000001rem;
    font-weight:bold;
    font-family:"Agency FB"
}
.csi-about-top{
    background:#212739
}
.csi-about-top .csi-inner{
    padding:4.2rem 0
}
.about-top-single{
    background:#09afd2;
    text-align:center;
    color:#fff;
    padding:2.6rem 10%;
    border-radius:6px;
    box-shadow:0 0 10px rgba(0,0,0,.25);
    transition-duration:.3s
}
.about-top-single:hover,.csi-about{
    background:#fff
}
.about-top-single .title{
    margin:0;
    letter-spacing:1px
}
.about-top-single p{
    color:#fff;
    opacity:.8
}
.about-top-single:hover .title{
    color:#09afd2
}
.about-top-single:hover p{
    color:rgba(33,39,57,.7)
}
.csi-about .csi-inner{
    background-image:url(../img/about-top-left.png),url(../img/about-top-right.png);
    background-repeat:no-repeat;
    background-position:0 0,100% 0;
    padding-bottom:0
}
.csi-about .csi-heading{
    margin-bottom:4.2rem
}
.csi-about-content{
    text-align:center
}
.csi-about-content .text{
    padding:0 20%;
    margin-bottom:4.2rem
}
.csi-about-zikzak{
    position:relative
}
.csi-about-zikzak .csi-inner{
    background:0 0
}
.csi-about-zikzak:before{
    background:url(../img/zikzak-top-white.png) top center no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    content:'';
    position:absolute;
    width:100%;
    height:50px;
    top:-40px
}
.csi-about-inner{
    background:0 0
}
.csi-about-inner .csi-inner{
    background:#fff!important;
    padding-bottom:11rem
}
.csi-team{
    background:#f9f9f9
}
.csi-team .csi-inner{
    padding:11rem 0 1.6rem
}
.csi-team .team-featured-area{
    margin-bottom:6.8rem;
    display:block;
    overflow:hidden
}
.csi-team .team-featured-area .team-single figure figcaption{
    padding:2.6rem 1.5rem
}
.team-single{
    display:block;
    overflow:hidden;
    margin-bottom:4.2rem
}
.team-single figure{
    position:relative;
    margin-bottom:4.2rem
}
.team-single figure figcaption{
    background:#f9f9f9;
    position:absolute;
    bottom:-6.8rem;
    width:90%;
    margin:0 5%;
    padding:1.5rem;
    border-radius:4px;
    text-align:center;
    -moz-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.team-single figure figcaption .title{
    color:#212739;
    margin:0
}
.team-single figure figcaption .title a{
    color:inherit
}
.team-single figure figcaption .subtitle{
    margin:0 0 .5rem;
    color:#09afd2;
    opacity:.7
}
.team-single figure figcaption .social-area li a{
    font-size:2rem;
    line-height:3rem;
    color:#212739;
    opacity:.5
}
.team-single figure figcaption .social-area li:hover a{
    color:#09afd2;
    opacity:1
}
.team-single:hover figure figcaption{
    bottom:1.6rem;
    padding:1.5rem 1.5rem 0;
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-transform-origin:center;
    transform-origin:center;
    animation-duration:.5s;
    animation-timing-function:linear;
    color:inherit
}
.team-single:hover figure figcaption .title{
    margin-bottom:.3rem
}
.team-single:hover figure figcaption .subtitle{
    display:none
}
.csi-testimonials{
    background:#f1f1f1
}
.csi-testimonials .csi-inner{
    padding:11rem 0 8.4rem
}
.csi-testimonials .testi-single{
    background:#fff;
    border-radius:50px 4px 4px;
    padding:1.5rem;
    margin:1.6rem 0 2.6rem
}
.csi-testimonials .testi-single .author-area figure{
    float:left;
    position:relative;
    display:inline-block;
    top:-32px;
    left:-15px
}
.csi-testimonials .testi-single .author-area figure .author-img img{
    border-radius:50%;
    max-width:100px
}
.csi-testimonials .testi-single .author-area figure figcaption{
    position:absolute;
    right:0;
    bottom:0;
    background:#09afd2;
    border-radius:50%;
    padding:.5rem 1rem
}
.csi-testimonials .testi-single .author-area figure figcaption i{
    color:#fff
}
.csi-testimonials .testi-single .author-area .author-info{
    overflow:hidden;
    margin-top:1rem
}
.csi-testimonials .testi-single .author-area .author-info .title{
    font-family:Cookie,cursive;
    font-size:2.6rem;
    font-weight:400;
    color:#212739;
    line-height:2.8rem;
    margin:0
}
.csi-testimonials .testi-single .author-area .author-info .title a{
    color:inherit
}
.csi-testimonials .testi-single .author-area .author-info .subtitle{
    margin:0;
    color:#09afd2;
    opacity:.7
}
.csi-testimonials .testi-single .text{
    display:block;
    font-weight:700;
    color:#212739;
    padding:26px;
    font-style:italic
}
.csi-testimonials .testi-single .text p{
    font-weight:inherit
}
.csi-testimonials .testi-single:hover .author-area figure figcaption{
    background:#09afd2
}
.csi-testimonials .testi-single:hover .author-area figure figcaption i{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-transform-origin:center;
    transform-origin:center;
    animation-duration:.5s;
    animation-timing-function:linear
}
.csi-special .csi-inner{
    background-image:url(../img/special-style-left.png),url(../img/special-style-right.png);
    background-repeat:no-repeat;
    background-position:0 100%,100% 100%;
    padding-bottom:6.8rem
}
.csi-special-content{
    margin-top:-100px
}
.csi-special-single{
    margin-bottom:4.2rem
}
.csi-special-single figure{
    position:relative
}
.csi-special-single figure a{
    border-radius:50%
}
.csi-special-single figure a img{
    /* border-radius:50%; */
    border:3px solid #ddd;
    box-shadow:0 0 10px rgba(0,0,0,.25);
    -moz-transition-duration:.6s;
    -webkit-transition-duration:.6s;
    -o-transition-duration:.6s;
    transition-duration:.6s
}
.csi-special-single figure figcaption{
    background:rgba(33,39,57,.4);
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0;
    border-radius:50%;
    opacity:0;
    -moz-transition-duration:.6s;
    -webkit-transition-duration:.6s;
    -o-transition-duration:.6s;
    transition-duration:.6s
}
.csi-special-single figure figcaption .csi-hover-link{
    display:table;
    height:100%;
    width:100%
}
.csi-special-single figure figcaption .csi-hover-link .csi-vertical{
    display:table-cell;
    text-align:center;
    vertical-align:middle
}
.csi-special-single figure figcaption .csi-hover-link .csi-vertical a i{
    font-size:4.2rem;
    line-height:6.300000000000001rem;
    color:#fff;
    margin-bottom:3rem;
    -moz-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.csi-special-single figure figcaption .csi-hover-link .csi-vertical a i:hover{
    color:#09afd2
}
.csi-special-single .single-info{
    border-top:3px solid #f9f9f9;
    -moz-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s;
    background:#f9f9f9;
    position:relative;
    z-index:1;
    text-align:center;
    margin-top:0px;
    padding:1.0rem 0 0rem
}
.csi-special-single .single-info .price-area{
    position:absolute;
    top:-60px;
    text-align:center;
    width:100%
}
.csi-special-single .single-info .speacial-info,.csi-special-zikzak{
    position:relative
}
.csi-special-single .single-info .price-area .price{
    background:#f9f9f9;
    border-radius:50%;
    width:80px;
    height:80px;
    font-family:Cookie,cursive;
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    line-height:6rem;
    color:#212739;
    display:inline-block
}
.csi-special-single .single-info .price-area .price span{
    font-family:Lato,sans-serif;
    font-size:1.6rem;
    line-height:2.4000000000000004rem;
    color:#09afd2;
    font-weight:400
}
.csi-special-single .single-info .subtitle{
    font-family:"Microsoft Sans Serif";
    font-size:30px;
    line-height:3.9000000000000004rem;
    color:#09afd2;
    margin:0;
    font-weight:400
}
.csi-special-single .single-info .title{
    font-family:Lato,sans-serif;
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    color:#212739;
    font-weight:900;
    margin:0
}
.csi-special-single:hover figure a img{
    border:0 solid #ddd
}
.csi-special-single:hover figure figcaption{
    opacity:1;
    height:100%
}
.csi-special-single:hover figure figcaption .csi-hover-link .csi-vertical a i{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn;
    -webkit-transform-origin:center;
    transform-origin:center;
    animation-duration:.6s;
    animation-timing-function:linear
}
.csi-special-single:hover .single-info{
    border-top:3px solid #09afd2
}
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.csi-special-zikzak:after,.csi-special-zikzak:before{
    content:'';
    position:absolute;
    width:100%;
    height:50px
}
.csi-special-zikzak .csi-inner{
    background:0 0
}
.csi-special-zikzak:before{
    background:url(../img/zikzak-top-ash-light.png) top center no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    top:-40px
}
.csi-special-zikzak:after{
    background:url(../img/zikzak-bottom-ash-light.png) bottom center no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    bottom:-40px
}
.csi-special-inner{
    background:0 0
}
.csi-special-inner .csi-inner{
    background:0 0;
    margin-top:11rem
}
.csi-menu{
    background:url(../img/menu-bg.jpg) top center no-repeat fixed;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover
}
.csi-menu .csi-inner{
    background:rgba(255,255,255,.9);
    padding-bottom:8.4rem
}
.csi-nav-pills-area{
    text-align:center;
    margin-bottom:4.2rem
}
.csi-nav-pills-area .csi-nav-pills{
    display:inline-block
}
.csi-nav-pills-area .csi-nav-pills li>a{
    font-family:Cookie,cursive;
    padding:0 15px;
    color:#212739;
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    border:2px solid transparent
}
.csi-nav-pills-area .csi-nav-pills li>a img{
    margin-top:-10px;
    opacity:.3
}
.csi-nav-pills-area .csi-nav-pills li a:hover{
    background-color:transparent
}
.csi-nav-pills-area .csi-nav-pills li.active>a,.csi-nav-pills-area .csi-nav-pills li.active>a:focus,.csi-nav-pills-area .csi-nav-pills li.active>a:hover{
    color:#09afd2;
    background-color:transparent;
    border:2px solid #09afd2
}
.csi-nav-pills-area .csi-nav-pills li.active>a img,.csi-nav-pills-area .csi-nav-pills li.active>a:focus img,.csi-nav-pills-area .csi-nav-pills li.active>a:hover img{
    opacity:1
}
.csi-tab-content .active .csi-single-tab{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn;
    -webkit-transform-origin:center;
    transform-origin:center;
    animation-duration:.6s;
    animation-timing-function:linear
}
.csi-tab-content .tab-pane .csi-single-tab{
    margin-bottom:2.6rem;
    width:48%;
    margin-left:1%;
    margin-right:1%;
    float:left
}
.csi-tab-content .tab-pane .csi-single-tab .menu-content,.csi-tab-content .tab-pane .csi-single-tab .menu-thumb{
    float:left
}
.csi-tab-content .tab-pane .csi-single-tab .menu-thumb{
    width:30%;
    border-radius:50%;
    position:relative;
    padding-right:1rem
}
.csi-tab-content .tab-pane .csi-single-tab .menu-thumb a{
    border-radius:50%
}
.csi-tab-content .tab-pane .csi-single-tab .menu-thumb a img{
    border-radius:50%;
    border:2rem solid #ddd;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.25);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.25);
    box-shadow:0 0 10px rgba(0,0,0,.25);
    -moz-transition-duration:.6s;
    -webkit-transition-duration:.6s;
    -o-transition-duration:.6s;
    transition-duration:.6s
}
.csi-tab-content .tab-pane .csi-single-tab .menu-content{
    width:70%
}
.csi-tab-content .tab-pane .csi-single-tab .menu-content .csi-info .title-area{
    background:#fff;
    overflow:hidden;
    padding:5px 1.5rem 5px 5rem;
    margin-left:-5rem;
    border-radius:0 50px 50px 0;
    margin-top:2rem;
    margin-bottom:1rem
}
.csi-tab-content .tab-pane .csi-single-tab .menu-content .csi-info .title-area .title{
    font-family:Cookie,cursive;
    display:inline-block;
    font-size:3.2rem;
    line-height:4.800000000000001rem;
    line-height:4.3rem;
    font-weight:400;
    margin:0;
    color:#212739
}
.csi-tab-content .tab-pane .csi-single-tab .menu-content .csi-info .title-area .title a{
    color:inherit
}
.csi-tab-content .tab-pane .csi-single-tab .menu-content .csi-info .title-area .title a:hover{
    color:#fff
}
.csi-tab-content .tab-pane .csi-single-tab .menu-content .csi-info .title-area .price{
    float:right;
    display:inline-block;
    font-family:Cookie,cursive;
    font-size:4.2rem;
    color:#09afd2;
    margin:0;
    line-height:4.5rem
}
.csi-tab-content .tab-pane .csi-single-tab .menu-content .csi-info .title-area .price span{
    color:#212739;
    font-family:Lato,sans-serif;
    font-weight:400;
    font-size:1.6rem;
    line-height:2.4000000000000004rem
}
.csi-tab-content .tab-pane .csi-single-tab .menu-content .text{
    opacity:.8
}
.csi-tab-content .tab-pane .csi-single-tab:hover .menu-content .csi-info .title-area{
    background:rgba(230,43,76,.9)
}
.csi-tab-content .tab-pane .csi-single-tab:hover .menu-content .csi-info .title-area .price,.csi-tab-content .tab-pane .csi-single-tab:hover .menu-content .csi-info .title-area .title{
    color:#fff
}
.csi-tab-content .tab-pane .csi-single-tab:hover .menu-thumb a img{
    border:0 solid #ddd
}
.csi-menu-inner,.csi-menu-inner .csi-inner{
    background:0 0
}
.csi-reservaton-area{
    margin-bottom:2.6rem;
    text-align:center
}
.csi-reservaton-area figure{
    position:relative
}
.csi-reservaton-area figure figcaption{
    background:#212739;
    border-radius:6px;
    position:absolute;
    bottom:-26px;
    left:0;
    width:90%;
    padding:4.2rem 2.6rem;
    margin:0 5%
}
.csi-reservaton-area form .error{
    background:red;
    padding:0 10px;
    color:#fff;
    font-weight:400
}
.csi-reservaton-area form .csi-form-left .error{
    float:right
}
.csi-reservaton-area form .csi-form-right .error{
    float:left
}
.csi-reservaton-area form .form-group{
    width:49%;
    margin:0 .5% 1.6rem;
    float:left;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.1);
    box-shadow:0 0 10px rgba(0,0,0,.1)
}
.csi-reservaton-area form .form-control{
    text-align:left;
    display:block;
    width:100%;
    height:45px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:3px solid #ddd;
    border-radius:4px;
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.csi-reservaton-area form .form-control:focus,.csi-reservaton-area form .form-control:hover{
    border:3px solid #09afd2
}
.csi-reservaton-area form .csi-form-left,.csi-reservaton-area form .csi-form-left .form-control{
    border-radius:25px 0 0 25px
}
.csi-reservaton-area form .csi-form-right,.csi-reservaton-area form .csi-form-right .form-control{
    border-radius:0 25px 25px 0
}
.csi-milestone .csi-counter-area,.csi-video-area figure{
    border-radius:6px;
    position:relative
}
.csi-reservaton-area .call-phone{
    margin-top:4.2rem
}
.csi-reservaton-area .call-phone .title{
    font-family:"myriad Pro";
    font-size:4.2rem;
    line-height:6.300000000000001rem;
    font-weight:400;
    color:#09afd2;
    margin-bottom:0
}
.csi-reservaton-area .call-phone ul li{
    font-family:"myriad Pro";
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    font-weight:400
}
.csi-reservation-zikzak{
    position:relative
}
.csi-reservation-zikzak:after,.csi-reservation-zikzak:before{
    content:'';
    position:absolute;
    height:50px;
    width:100%
}
.csi-reservation-zikzak:before{
    background:url(../img/zikzak-top-ash-light.png) top center no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    top:-40px
}
.csi-reservation-zikzak:after{
    background:url(../img/zikzak-bottom-ash-light.png) bottom center no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    bottom:-40px
}
.csi-milestone-about{
    background:url(../img/milestone-bg.jpg) top center no-repeat fixed;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover
}
.csi-milestone-about .csi-inner{
    background:rgba(33,39,57,.9)
}
.csi-milestone .csi-counter-area{
    margin-bottom:4.2rem;
    color:#fff;
    text-align:center
}
.csi-milestone .csi-counter-area img{
    opacity:.7;
    margin-bottom:-5px
}
.csi-milestone .csi-counter-area .counter-text{
    text-align:center;
    position:relative
}
.csi-milestone .csi-counter-area .counter-text .csi-counter{
    display:block;
    font-size:42px;
    font-size:4.2rem;
    font-weight:900
}
.csi-milestone .csi-counter-area .counter-text small{
    font-family:Cookie,cursive;
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    font-weight:400;
    letter-spacing:.05rem;
    display:block;
    margin-bottom:.5rem
}
.csi-video-area figure img{
    border-radius:6px
}
.csi-video-area figure figcaption{
    background:rgba(33,39,57,.7);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.csi-video-area figure figcaption .video-icon{
    display:table;
    height:100%;
    width:100%
}
.csi-video-area figure figcaption .video-icon .csi-vertical{
    display:table-cell;
    text-align:center;
    vertical-align:middle
}
.csi-video-area figure figcaption .video-icon .icon{
    position:relative;
    -moz-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s;
    z-index:2
}
.csi-video-area figure figcaption .video-icon .icon:after,.csi-video-area figure figcaption .video-icon .icon:before{
    content:'';
    position:absolute;
    display:block;
    z-index:-1;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s
}
.csi-video-area figure figcaption .video-icon .icon:before{
    width:125px;
    height:125px;
    border-radius:50%;
    top:-62px;
    left:32px;
    opacity:1;
    border:5px solid rgba(255,255,255,.5);
    -moz-transition-duration:.3s;
    transition-duration:.3s
}
.csi-video-area figure figcaption .video-icon .icon:after{
    width:190px;
    height:190px;
    border-radius:50%;
    top:-20px;
    left:-20px;
    background:rgba(255,255,255,.5);
    opacity:0;
    -moz-transition-duration:.3s;
    transition-duration:.3s
}
.csi-video-area figure figcaption .video-icon .icon i{
    display:inline-block;
    background:#09afd2;
    color:#fff;
    margin:0 45px;
    border-radius:50%;
    height:100px;
    width:100px;
    text-align:center;
    line-height:100px;
    font-size:42px;
    padding-left:10px;
    -moz-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-duration:.3s
}
.csi-video-area figure figcaption .video-icon .icon:hover i{
    background:#fff;
    color:#09afd2
}
.csi-video-area figure figcaption .video-icon .icon:hover:before{
    border:5px solid rgba(255,255,255,0)
}
.csi-video-area figure figcaption .video-icon .icon:hover:after{
    background:rgba(255,255,255,0)
}
.csi-modal{
    background:rgba(33,39,57,.8)
}
.csi-modal .modal-dialog,.csi-modal .modal-dialog .modal-content{
    background:0 0;
    box-shadow:none;
    width:100%
}
.csi-modal .modal-dialog .modal-content{
    border:0
}
.csi-modal .modal-dialog .modal-content .modal-header{
    border-bottom:0
}
.csi-modal .modal-dialog .modal-content .modal-header .close{
    margin-top:-36px;
    font-size:30px;
    color:#fff;
    padding:7px 14px 8px;
    border-radius:50%;
    opacity:.8;
    -webkit-transition:all .2s ease-in-out 0s;
    -moz-transition:all .2s ease-in-out 0s;
    -ms-transition:all .2s ease-in-out 0s;
    -o-transition:all .2s ease-in-out 0s;
    transition:all .2s ease-in-out 0s
}
.csi-modal .modal-dialog .modal-content .modal-header .close:hover{
    opacity:1
}
.csi-modal .modal-dialog .modal-content .modal-body{
    width:70%;
    margin:0 auto;
    background:#212739
}
.csi-modal .modal-dialog .modal-content .modal-body iframe{
    width:100%;
    height:650px;
    border:0
}
.csi-milestone-about-inner{
    background:0 0
}
.csi-milestone-about-inner .csi-counter-area .counter-text{
    color:#212739
}
.csi-milestone-about-inner .csi-inner{
    background:#ddd
}
.csi-news{
    background:#f1f1f1
}
.csi-news .csi-btn,.csi-news .csi-heading{
    text-align:center
}
.csi-news iframe{
    width:100%;
    min-height:209px;
    border:none;
    margin-bottom:0
}
.csi-news .news-area{
    overflow:hidden;
    display:block;
    margin-bottom:1.6rem
}
.csi-news .single-news{
    background:#fff;
    padding:1rem;
    text-align:left;
    margin-bottom:2.6rem;
    border-radius:6px
}
.csi-news .single-news figure{
    position:relative
}
.csi-news .single-news figure a img{
    -moz-transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -o-transition-duration:.5s;
    transition-duration:.5s
}
.csi-news .single-news .news-content .title a,.csi-news .single-news figure figcaption{
    -moz-transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -o-transition-duration:.5s
}
.csi-news .single-news figure figcaption{
    background:#fff;
    position:absolute;
    bottom:1.6rem;
    left:1.6rem;
    border-radius:4px;
    width:60px;
    height:60px;
    transition-duration:.5s
}
.csi-news .single-news figure figcaption .date{
    font-family:Cookie,cursive;
    font-size:26px;
    font-size:2.6rem;
    font-weight:900;
    text-align:center;
    color:#09afd2;
    margin-top:.5rem
}
.csi-news .single-news figure figcaption .date span{
    font-family:Lato,sans-serif;
    display:block;
    font-size:1.6rem;
    line-height:2.4000000000000004rem;
    color:rgba(33,39,57,.7);
    font-weight:700;
    text-transform:uppercase
}
.csi-news .single-news .news-content{
    padding:0 .6rem
}
.csi-news .single-news .news-content .title{
    font-family:"Agency FB";
    font-size:3.2rem;
    line-height:4.800000000000001rem;
    line-height:3.2rem;
    font-weight:400;
    color:#212739
}
.csi-news .single-news .news-content .title a{
    color:inherit;
    transition-duration:.5s
}
.csi-news .single-news .news-content .title a:hover{
    color:#09afd2
}
.csi-news .single-news .news-content p{
    padding-bottom:1.6rem;
    line-height:2.2rem
}
.csi-news .single-news .news-content .readmore{
    font-family:Cookie,cursive;
    font-size:1.6rem;
    border-top:1px solid #f1f1f1;
    padding:.6rem 0;
    display:block
}
.csi-news .single-news:hover figure a img{
    border-radius:4px;
    -webkit-box-shadow:0 4px 10px rgba(0,0,0,.25);
    -moz-box-shadow:0 4px 10px rgba(0,0,0,.25);
    box-shadow:0 4px 10px rgba(0,0,0,.25)
}
.csi-news .single-news:hover figure figcaption{
    -moz-transition-duration:.5s;
    -webkit-transition-duration:.5s;
    -o-transition-duration:.5s;
    transition-duration:.5s;
    bottom:-2rem;
    opacity:0
}
.csi-news-single header{
    margin-bottom:2.6rem
}
.csi-news-single header .hits-area{
    border-bottom:1px solid rgba(33,39,57,.1);
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    padding:1rem 0
}
.csi-news-single header .hits-area .date a{
    font-size:1.6rem;
    line-height:2.4000000000000004rem;
    font-weight:400;
    color:#212739;
    margin-right:2rem;
    display:inline-block;
    opacity:.7
}
.csi-news-single header .hits-area .date a i{
    color:#09afd2;
    opacity:.4
}
.csi-news-single header .author{
    overflow:hidden;
    position:relative;
    top:-30px;
    z-index:3;
    margin-bottom:-30px!important
}
.csi-news-single header .author .author-img,.csi-news-single header .author .author-info{
    float:left
}
.csi-news-single header .author .author-img{
    width:15%
}
.csi-news-single header .author .author-img img{
    border-radius:50%
}
.csi-news-single header .author .author-info{
    width:85%;
    padding-left:1.5rem;
    margin-top:2rem
}
.csi-news-single header .author .author-info .name{
    font-family:Cookie,cursive;
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    font-weight:400;
    margin-bottom:0;
    color:#212739
}
.csi-news-single header .author .author-info .subtitle{
    margin-top:2px;
    color:#09afd2
}
.csi-news-single header .text-area{
    margin-top:2.6rem!important
}
.csi-news-single header .text-area .title{
    font-family:Cookie,cursive;
    font-size:6.8rem;
    font-weight:400;
    color:#212739;
    line-height:7.5rem
}
.csi-news-single header .text-area .title a{
    color:inherit
}
.csi-news-single section p{
    margin-bottom:2.6rem
}
.csi-news-single section .csi-img-left{
    float:left;
    padding:1rem 2rem 1.5rem 0
}
.csi-news-single section .csi-img-right{
    float:right;
    padding:1rem 0 1.5rem 2rem
}
.csi-news-single section .csi-img-center{
    margin:0 auto;
    display:block;
    padding:1.5rem
}
.csi-news-single footer .title{
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    font-family:Cookie,cursive;
    font-weight:400;
    color:#212739
}
.csi-news-single footer .csi-share{
    margin-left:0;
    border-top:1px solid rgba(33,39,57,.1);
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    padding:1rem 0
}
.csi-news-single footer .csi-share ul li{
    border-radius:50%;
    text-align:center;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:all .3s ease-in-out 0s;
    -o-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s
}
.csi-news-single footer .csi-share ul li a{
    background:#fff;
    width:50px;
    height:50px;
    display:inline-block;
    border-radius:50%;
    font-size:26px
}
.csi-news-single footer .csi-share ul li a i{
    font-size:inherit;
    line-height:53px
}
.csi-news-single footer .csi-share ul li a .fa-twitter{
    color:#1da1f2
}
.csi-news-single footer .csi-share ul li a .facebook-f{
    color:#3b5998
}
.csi-news-single footer .csi-share ul li a .fa-linkedin{
    color:#00a0dc
}
.csi-news-single footer .csi-share ul li a .fa-youtube-play{
    color:#cd201f
}
.csi-news-single footer .csi-share ul li a .fa-instagram{
    color:#c13584
}
.csi-news-single footer .csi-share ul li:hover a{
    background:#09afd2;
    color:#fff
}
.csi-news-single footer .csi-share ul li:hover a i{
    animation-name:zoomIn;
    -webkit-transform-origin:center;
    transform-origin:center;
    animation-duration:.5s;
    animation-timing-function:linear;
    color:inherit
}
.csi-feedback{
    background:#09afd2;
    overflow:hidden;
    display:block;
    position:relative
}
.csi-feedback::after,.csi-feedback::before{
    position:absolute;
    height:100%;
    content:"";
    width:50%;
    top:0
}
.csi-feedback::before{
    background:#09afd2;
    z-index:1
}
.csi-feedback::after{
    background-image:url(../img/feedback-bg-left.html);
    background-repeat:no-repeat;
    background-position:0 100%;
    background-size:auto;
    left:0;
    z-index:2
}
.csi-feedback .csi-feedback-bg{
    background-image:url(../img/feedback-bg-right.html);
    background-repeat:no-repeat;
    background-position:100% 100%;
    overflow:hidden;
    position:relative;
    z-index:3
}
.csi-testi-feedback,.csi-twitter-feedback{
    overflow:hidden;
    display:block;
    width:50%;
    float:left
}
.csi-testi-feedback .owl-theme .owl-controls,.csi-twitter-feedback .owl-theme .owl-controls{
    margin-top:0
}
.csi-testi-feedback .owl-carousel .owl-item,.csi-twitter-feedback .owl-carousel .owl-item{
    padding-top:1rem;
    padding-left:1rem
}
.csi-testi-feedback .csi-client-image,.csi-testi-feedback .csi-thumb,.csi-testi-feedback .csi-tweet-content,.csi-testi-feedback .testi-info-area,.csi-twitter-feedback .csi-client-image,.csi-twitter-feedback .csi-thumb,.csi-twitter-feedback .csi-tweet-content,.csi-twitter-feedback .testi-info-area{
    float:left
}
.csi-testi-feedback .csi-client-image .csi-date,.csi-testi-feedback .csi-thumb .csi-date,.csi-testi-feedback .csi-tweet-content .csi-date,.csi-testi-feedback .testi-info-area .csi-date,.csi-twitter-feedback .csi-client-image .csi-date,.csi-twitter-feedback .csi-thumb .csi-date,.csi-twitter-feedback .csi-tweet-content .csi-date,.csi-twitter-feedback .testi-info-area .csi-date{
    margin-bottom:0
}
.csi-testi-feedback .csi-client-image,.csi-testi-feedback .csi-thumb,.csi-twitter-feedback .csi-client-image,.csi-twitter-feedback .csi-thumb{
    width:25%;
    position:relative
}
.csi-testi-feedback .csi-client-image:before,.csi-testi-feedback .csi-thumb:before,.csi-twitter-feedback .csi-client-image:before,.csi-twitter-feedback .csi-thumb:before{
    font-family:FontAwesome;
    font-size:20px;
    position:absolute;
    top:0;
    right:15px;
    z-index:99;
    width:45px;
    height:45px;
    text-align:center;
    border-radius:50%;
    line-height:45px
}
.csi-testi-feedback .csi-client-image:before,.csi-twitter-feedback .csi-client-image:before{
    content:"\f10d";
    background:#09afd2
}
.csi-testi-feedback .csi-thumb:before,.csi-twitter-feedback .csi-thumb:before{
    content:"\f099";
    background:#f1f1f1;
    color:#1da1f2
}
.csi-testi-feedback .csi-owltestimonial .item,.csi-testi-feedback .feedback-inner .csi-heading h2{
    color:#fff
}
.csi-testi-feedback .csi-tweet-content,.csi-testi-feedback .testi-info-area,.csi-twitter-feedback .csi-tweet-content,.csi-twitter-feedback .testi-info-area{
    width:75%;
    overflow:hidden
}
.csi-testi-feedback .feedback-inner,.csi-twitter-feedback .feedback-inner{
    padding:11rem 15px 9rem;
    max-width:570px
}
.csi-testi-feedback .feedback-inner .csi-heading,.csi-twitter-feedback .feedback-inner .csi-heading{
    text-align:left;
    margin-bottom:4.2rem
}
.csi-testi-feedback .feedback-inner .csi-heading h2,.csi-twitter-feedback .feedback-inner .csi-heading h2{
    font-family:Cookie,cursive;
    font-size:4.2rem;
    margin:0;
    line-height:4rem
}
.csi-testi-feedback{
    padding-right:3rem
}
.csi-testi-feedback .feedback-inner{
    float:right;
    text-align:left
}
.csi-blog-single .csi-card-single header .author,.csi-blog-single .csi-card-single header .text-area,.csi-twitter-feedback .feedback-inner{
    float:left
}
.csi-testi-feedback .csi-owltestimonial{
    position:relative
}
.csi-testi-feedback .csi-owltestimonial .item .testi-info-area{
    display:block;
    border-radius:4px
}
.csi-testi-feedback .csi-owltestimonial .item .csi-review{
    font-weight:400;
    color:#fff
}
.csi-testi-feedback .csi-owltestimonial .item .csi-review span{
    font-size:22px;
    font-size:2.2rem;
    line-height:inherit;
    font-weight:inherit
}
.csi-testi-feedback .csi-owltestimonial .item .csi-client-image,.csi-testi-feedback .csi-owltestimonial .item .testi-info-area{
    float:left;
    padding-right:10px
}
.csi-testi-feedback .csi-owltestimonial .item .csi-client-image img{
    width:auto;
    display:inline-block;
    border:10px solid #ddd;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow:1px 2px 10px rgba(52,61,71,.45);
    -moz-box-shadow:1px 2px 10px rgba(52,61,71,.45);
    box-shadow:1px 2px 10px rgba(52,61,71,.45)
}
.csi-testi-feedback .csi-owltestimonial .item .csi-client-image:hover img{
    border-color:#fff
}
.csi-testi-feedback .csi-owltestimonial .item .csi-client-image:hover figcaption{
    background-color:#fff
}
.csi-testi-feedback .csi-owltestimonial .item .csi-client-image:hover figcaption i{
    color:#d4193a
}
.csi-testi-feedback .csi-owltestimonial .item .csi-client-name{
    text-align:left;
    font-family:Cookie,cursive;
    color:#fff;
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    font-weight:400;
    letter-spacing:.05rem
}
.csi-footer .csi-footer-bottom,.csi-footer .footer-top-area .footer-top,.csi-footer .footer-top-area .single,.csi-subscribe-area,.csi-subscribe-area .form-control{
    text-align:center
}
.csi-testi-feedback .csi-owltestimonial .item .csi-client-name::before{
    content:'\2014 \00A0';
    color:#fff
}
.csi-testi-feedback .csi-owltestimonial .owl-controls{
    margin:0
}
.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav [class*=owl-]{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav [class*=owl-] i{
    font-size:40px;
    color:#09afd2;
    font-weight:400
}
.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav [class*=owl-]:hover{
    background-color:#09afd2
}
.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav [class*=owl-]:hover i{
    color:#fff
}
.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav .owl-next,.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav .owl-prev{
    color:#09afd2;
    -moz-transition:all .3s ease-in 0s;
    -o-transition:all .3s ease-in 0s;
    -webkit-transition:all .3s ease-in 0s;
    transition:all .3s ease-in 0s
}
.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav .owl-next i,.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav .owl-prev i{
    color:inherit;
    line-height:52px
}
.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav .owl-next:hover,.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav .owl-prev:hover{
    background:#09afd2;
    color:#fff;
    -webkit-box-shadow:1px 2px 10px rgba(52,61,71,.3);
    -moz-box-shadow:1px 2px 10px rgba(52,61,71,.3);
    box-shadow:1px 2px 10px rgba(52,61,71,.3)
}
.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav .owl-next:hover i,.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav .owl-prev:hover i{
    color:inherit
}
.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav .owl-prev{
    position:absolute;
    left:0;
    bottom:26%;
    height:60px;
    width:60px;
    border-radius:50%
}
.csi-testi-feedback .csi-owltestimonial .owl-controls .owl-nav .owl-next{
    position:absolute;
    right:0;
    bottom:26%;
    height:60px;
    width:60px;
    border-radius:50%
}
.csi-twitter-feedback{
    padding-left:3rem
}
.csi-twitter-feedback .owl-carousel.owl-loaded{
    margin-left:-4rem
}
.csi-twitter-feedback .csi-thumb{
    display:inline-block;
    padding-right:10px
}
.csi-twitter-feedback .csi-thumb img{
    font-size:6.8rem;
    line-height:10.2rem;
    display:inline-block;
    border:10px solid #fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow:1px 2px 10px rgba(52,61,71,.2);
    -moz-box-shadow:1px 2px 10px rgba(52,61,71,.2);
    box-shadow:1px 2px 10px rgba(52,61,71,.2)
}
.csi-twitter-feedback .csi-tweet-content .csi-author,.csi-twitter-feedback .csi-tweet-content .csi-date{
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    font-family:Cookie,cursive;
    font-weight:400
}
.csi-twitter-feedback .csi-tweet-content .csi-date{
    color:#1da1f2
}
.csi-twitter-feedback .csi-tweet-content .csi-author::before{
    content:'\2014 \00A0';
    color:#1da1f2
}
.csi-subscribtion-zikzak:after,.csi-subscribtion-zikzak:before{
    content:'';
    width:100%;
    height:50px
}
.csi-twitter-feedback .feedback-inner .csi-heading h2{
    color:#09afd2
}
.csi-twitter-feedback .owl-item li{
    list-style:none
}
.csi-twitter-feedback .owl-item li .csi-date{
    display:block
}
.csi-subscribtion{
    background-image:url(../img/subscribe-bg-left.png),url(../img/subscribe-bg-right.png);
    background-repeat:no-repeat;
    background-position:0 100%,100% 100%
}
.csi-subscribtion .csi-heading{
    margin-bottom:4.2rem
}
.csi-subscribe-area .text{
    margin-top:0;
    margin-bottom:4.2rem
}
.csi-subscribe-area .form-control{
    display:block;
    width:100%;
    height:50px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:3px solid #ddd;
    border-radius:50px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.csi-subscribe-area .form-control:focus,.csi-subscribe-area .form-control:hover{
    -webkit-box-shadow:0 2px 10px rgba(52,61,71,.45);
    -moz-box-shadow:0 2px 10px rgba(52,61,71,.45);
    box-shadow:0 2px 10px rgba(52,61,71,.45)
}
.csi-subscribe-area .csi-subscribe-input{
    margin-bottom:2.6rem
}
.csi-subscribe-area .csi-submit-btn{
    padding:.5rem 3.6rem
}
.csi-subscribtion-zikzak{
    position:relative;
    background:0 0
}
.csi-subscribtion-zikzak:before{
    background:url(../img/zikzak-top-ash-light.png) top center no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position:absolute;
    top:-40px;
    z-index:3
}
.csi-subscribtion-zikzak:after{
    background:url(../img/zikzak-bottom-ash-light.png) bottom center no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    position:absolute;
    bottom:-40px
}
.csi-footer{
    background:url(../img/footer-bg.jpg) bottom center no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    color:#fff
}
.csi-footer .csi-inner{
    background:rgba(33,39,57,.95);
    padding-bottom:0
}
.csi-footer .single p{
    margin-bottom:0
}
.csi-footer p{
    color:#fff
}
.csi-footer p a{
font-weight:bold;
    color:#fff
}
.csi-footer .csi-footer-inner{
    margin:0 auto;
    background:#09afd2;
    padding:2.6rem 0
}
.csi-footer .footer-top-area .footer-social li{
    text-align:center;
    padding-right:1px;
    padding-left:1px
}
.csi-footer .footer-top-area .footer-social li a{
    background:#212739;
    display:inline-block;
    width:45px;
    height:45px;
    border-radius:50%;
    -moz-transition-duration:.6s;
    -webkit-transition-duration:.6s;
    -o-transition-duration:.6s;
    transition-duration:.6s
}
.csi-footer .footer-top-area .footer-social li a i{
    font-size:26px;
    line-height:46px
}
.csi-footer .footer-top-area .footer-social li a .fa-twitter{
    color:#1da1f2
}
.csi-footer .footer-top-area .footer-social li a .fa-facebook-f,.csi-footer .footer-top-area .footer-social li a .facebook-f{
    color:#3b5998
}
.csi-footer .footer-top-area .footer-social li a .fa-linkedin{
    color:#00a0dc
}
.csi-footer .footer-top-area .footer-social li a .fa-youtube-play{
    color:#cd201f
}
.csi-footer .footer-top-area .footer-social li a .fa-instagram{
    color:#c13584
}
.csi-footer .footer-top-area .footer-social li a:hover{
    background:rgba(255,255,255,.8)
}
.csi-footer .footer-top-area .footer-social li a:hover i{
    animation-name:zoomIn;
    -webkit-transform-origin:center;
    transform-origin:center;
    animation-duration:.5s;
    animation-timing-function:linear
}
.csi-footer .footer-top-area .footer-top .footer-logo{
    display:block;
    margin-bottom:4.2rem
}
.csi-footer .footer-top-area .single p{
    color:#ffffff
}
.csi-footer .footer-top-area .single .title{
    font-family:"Times new roman";
    font-size:42px;
    font-size:4.2rem;
    font-weight:400;
    margin-bottom:2.6rem;
    color:#fff;
    letter-spacing:.08rem;
    opacity:.7
}
.csi-footer .footer-top-area .single .title i{
    color:#09afd2
}
.csi-footer .csi-footer-bottom{
    font-family:Lato,sans-serif;
    padding:2.6rem 0;
    background:#09afd2;
    margin-top:1rem
}
.single .csi-news-single footer,.single .csi-news-single header .author,.single .csi-news-single header .text-area,.single .csi-news-single section,.single-post .csi-news-single footer,.single-post .csi-news-single header .author,.single-post .csi-news-single header .text-area,.single-post .csi-news-single section{
    margin:0 auto;
    max-width:750px
}
.csi-footer .csi-footer-bottom p{
    font-family:inherit;
    color:#fff;
    font-size:1.6rem;
    line-height:2.4000000000000004rem;
    font-weight:400;
    opacity:.7
}
.page,.page-template,.single,.single-post{
    text-align:left
}
.page p,.page-template p,.single p,.single-post p{
    margin-bottom:1.6rem
}
.page .csi-footer p,.page-template .csi-footer p,.single .csi-footer p,.single-post .csi-footer p{
    margin-bottom:0
}
.page .csi-banner-inner,.page-template .csi-banner-inner,.single .csi-banner-inner,.single-post .csi-banner-inner{
    background:url(../img/inner-banner-bg.jpg) bottom center no-repeat;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    padding:11rem 0 6.8rem
}
.page .csi-banner-inner .csi-inner,.page-template .csi-banner-inner .csi-inner,.single .csi-banner-inner .csi-inner,.single-post .csi-banner-inner .csi-inner{
    padding:0
}
.page .csi-news .single-news,.page-template .csi-news .single-news,.single .csi-news .single-news,.single-post .csi-news .single-news{
    min-height:468px
}
.page .csi-heading-area,.page-template .csi-heading-area,.single .csi-heading-area,.single-post .csi-heading-area{
    text-align:center
}
.page .csi-heading-area .csi-heading,.page-template .csi-heading-area .csi-heading,.single .csi-heading-area .csi-heading,.single-post .csi-heading-area .csi-heading{
    font-family:Cookie,cursive;
    margin-bottom:1rem;
    font-size:6.8rem;
    line-height:10.2rem;
    line-height:7.5rem;
    font-weight:400
}
.page .breadcrumb,.page-template .breadcrumb,.single .breadcrumb,.single-post .breadcrumb{
    background:0 0;
    padding:0
}
.page .breadcrumb li,.page-template .breadcrumb li,.single .breadcrumb li,.single-post .breadcrumb li{
    font-size:1.6rem;
    line-height:2.4000000000000004rem;
    font-weight:400
}
.page .breadcrumb li a,.page-template .breadcrumb li a,.single .breadcrumb li a,.single-post .breadcrumb li a{
    color:inherit;
    font-size:inherit;
    font-weight:inherit
}
.page .breadcrumb .active,.page-template .breadcrumb .active,.single .breadcrumb .active,.single-post .breadcrumb .active{
    color:#09afd2
}
.page .breadcrumb>li+li:before,.page-template .breadcrumb>li+li:before,.single .breadcrumb>li+li:before,.single-post .breadcrumb>li+li:before{
    padding:0 5px;
    color:#fff;
    content:"/\00a0";
    opacity:.7
}
.csi-blog-single .csi-card-single{
    padding:0;
    background:0 0;
    box-shadow:none;
    margin-bottom:0
}
.csi-blog-single .csi-card-single header figure{
    padding:2rem;
    display:block;
    background:rgba(230,43,76,.1);
    overflow:hidden;
    border-radius:4px;
    border:1px solid transparent;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    -webkit-box-shadow:0 0 2px rgba(221,221,221,.75);
    -moz-box-shadow:0 0 2px rgba(221,221,221,.75);
    box-shadow:0 0 2px rgba(221,221,221,.75);
    margin-bottom:4.2rem
}
.csi-blog-single .csi-card-single header .author{
    width:30%;
    padding-right:4.2rem;
    text-align:right
}
.csi-blog-single .csi-card-single header .author a img{
    border-radius:50%
}
.csi-blog-single .csi-card-single header .author .name{
    margin-bottom:0
}
.csi-blog-single .csi-card-single header .author .subtitle{
    font-size:1.6rem;
    line-height:2.4000000000000004rem;
    font-weight:400;
    font-style:italic;
    opacity:.7;
    margin:0
}
.csi-blog-single .csi-card-single header .author .comtitle{
    margin-top:0;
    margin-bottom:2rem;
    color:#09afd2;
    font-weight:400;
    font-style:italic
}
.csi-blog-single .csi-card-single header .author .follow-btn{
    background:rgba(230,43,76,.1);
    font-style:italic;
    font-weight:700;
    padding:.5rem 2rem
}
.csi-blog-single .csi-card-single header .text-area{
    width:70%;
    margin-bottom:2.6rem;
    padding-bottom:1.6rem;
    border-bottom:1px solid rgba(52,61,71,.1);
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.csi-blog-single .csi-card-single header .text-area .title{
    margin-bottom:1.6rem;
    font-size:4.2rem;
    line-height:6.300000000000001rem;
    line-height:5rem;
    margin-top:0
}
.csi-blog-single .csi-card-single header .text-area .title a{
    color:inherit
}
.csi-blog-single .csi-card-single header .text-area .title:hover{
    color:#09afd2
}
.csi-blog-single .csi-card-single header .text-area .title:hover a{
    color:inherit
}
.csi-blog-single .csi-card-single header .text-area .link{
    font-size:1.9rem;
    line-height:2.8499999999999996rem;
    font-weight:400;
    opacity:.8;
    margin-bottom:1.2rem;
    display:inline-block;
    -webkit-transition:all .2s ease-in-out .2s;
    -moz-transition:all .2s ease-in-out .2s;
    -ms-transition:all .2s ease-in-out .2s;
    -o-transition:all .2s ease-in-out .2s;
    transition:all .2s ease-in-out .2s
}
.csi-blog-single .csi-card-single header .text-area .link:hover{
    opacity:1
}
.csi-blog-single .csi-card-single header .text-area .hits-area .date{
    font-weight:700;
    font-style:italic;
    margin-right:2rem;
    display:inline-block
}
.csi-blog-single .csi-card-single header .text-area .hits-area .hit-right{
    color:#212739;
    opacity:.7
}
.csi-blog-single .csi-card-single header .text-area .hits-area .hit-right a{
    color:inherit
}
.csi-blog-single .csi-card-single section{
    background:0 0;
    width:70%;
    float:right;
    text-align:left
}
.csi-blog-single .csi-card-single section p{
    margin-bottom:2.6rem
}
.csi-blog-single .csi-card-single section .csi-img-left{
    float:left;
    padding:1rem 2rem 1.5rem 0
}
.csi-blog-single .csi-card-single section .csi-img-right{
    float:right;
    padding:1rem 0 1.5rem 2rem
}
.csi-blog-single .csi-card-single section .csi-img-center{
    margin:0 auto;
    display:block;
    padding:1.5rem
}
.csi-blog-single .csi-card-single footer{
    width:70%;
    float:right;
    text-align:left;
    margin-top:1.6rem
}
.csi-blog-single .csi-card-single footer .title{
    font-family:Cookie,cursive;
    text-transform:uppercase;
    font-weight:400;
    color:#09afd2;
    border-bottom:1px solid rgba(52,61,71,.1);
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.csi-blog-single .csi-card-single footer .csi-share{
    margin-left:0
}
.csi-blog-single .csi-card-single footer .csi-share li a{
    height:40px;
    width:40px;
    background:#fff;
    color:#09afd2;
    display:inline-block;
    text-align:center;
    border-radius:50%
}
.csi-blog-single .csi-card-single footer .csi-share li a i{
    font-size:16px;
    line-height:40px
}
.csi-blog-single .csi-card-single footer .csi-share li a:hover{
    background:#09afd2;
    color:#fff
}
.csi-blog-single .csi-card-single:hover{
    border:1px solid transparent;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.form-control{
    text-align:center;
    display:block;
    width:100%;
    height:50px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:2px solid #ddd;
    border-radius:50px;
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-control:focus,.form-control:hover{
    -webkit-box-shadow:0 2px 10px rgba(52,61,71,.45);
    -moz-box-shadow:0 2px 10px rgba(52,61,71,.45);
    box-shadow:0 2px 10px rgba(52,61,71,.45);
    border:2px solid #09afd2
}
textarea.form-control{
    height:250px;
    border-radius:25px
}
.home-terms .img{
    float:left;
    margin:2px 0;
    max-width:20px;
    width:10%
}
.home-terms .text{
    color:#fd3337;
    font-size:16px;
    position:absolute;
    right:0;
    width:90%
}
.product ul.products{
    margin-left:-.5%;
    margin-right:-.5%
}
.csi-single-item .single-thumb{
    margin-right:1.5rem
}
.csi-single-item .single-thumb img{
    border-radius:50%;
    border:3rem solid #fff;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.25);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.25);
    box-shadow:0 0 10px rgba(0,0,0,.25)
}
.csi-single-item .csi-singleitem-content .title{
    font-family:"Agency FB";
    font-size:50px;
    line-height:10.2rem;
    line-height:9rem;
    font-weight:400;
    color:#09afd2;
    margin:0
}
.csi-single-item .csi-singleitem-content .subtitle{
    color:#09afd2;
    margin:0;
    text-transform:uppercase
}
.csi-single-item .csi-singleitem-content .price{
    background:#fff;
    border-radius:0 50px 50px 0;
    border:1px solid #ddd;
    padding-left:1.5rem;
    padding-right:1.5rem;
    margin-bottom:1.6rem;
    text-align:left
}
.csi-single-item .csi-singleitem-content .price span{
    text-align:right;
    float:right;
    color:#09afd2;
    font-weight:900
}
.csi-contact .csi-inner{
    padding-top:0
}
.csi-contact .csimapcanvas{
    min-height:417px
}
.csi-contact .contact-info .csi-box{
    margin-bottom:2.6rem
}
.csi-contact .contact-info .csi-box .address .title{
    color:#09afd2;
    font-weight:400;
    letter-spacing:normal;
    margin:0
}
.csi-contact .contact-top-area{
    margin-bottom:6.8rem;
    overflow:hidden
}
.csi-contact .contact-top-area .contact-top-left,.csi-contact .contact-top-area .contact-top-right{
    float:left
}
.csi-contact .contact-top-area .contact-top-left{
    background:#09afd2;
    padding:11rem 0 8.4rem;
    width:45%
}
.csi-contact .contact-top-area .contact-top-left blockquote{
    color:#fff
}
.csi-contact .contact-top-area .contact-top-left .contact-info{
    width:60%;
    float:right;
    padding-right:4.2rem
}
.csi-contact .contact-top-area .contact-top-left .contact-info .csi-box .csi-icon{
    float:left;
    background:rgba(255,255,255,.1);
    width:45px;
    height:45px;
    border-radius:50%;
    text-align:center;
    margin-right:1rem
}
.csi-contact .contact-top-area .contact-top-left .contact-info .csi-box .csi-icon i{
    font-size:26px;
    color:#fff;
    line-height:43px
}
.csi-contact .contact-top-area .contact-top-left .contact-info .csi-box .address{
    overflow:hidden
}
.csi-contact .contact-top-area .contact-top-left .contact-info .csi-box .address p{
    font-family:Lato,sans-serif;
    font-size:1.6rem;
    line-height:2.4000000000000004rem;
    color:#fff;
    font-weight:400;
    margin:0
}
.csi-contact .contact-top-area .contact-top-right{
    width:55%
}
.csi-contact .csi-contactform{
    text-align:center
}
.csi-contact .csi-contactform .csi-send{
    margin-top:1rem
}
.csi-contact .help-block{
    color:#e74f3f;
    margin:0
}
.csi-contact-white{
    background:#fff
}
.csimapcanvas .gm-style .gm-style-iw{
    font-weight:300;
    font-size:14px;
    line-height:2.2rem;
    overflow:hidden;
    padding:.6rem 1.6rem;
    border-radius:4px;
    text-align:center
}
.csimapcanvas .gm-style .gm-style-iw h1{
    font-size:2.6rem;
    line-height:3.9000000000000004rem;
    text-transform:uppercase;
    margin:0;
    color:#09afd2
}
@media (min-width:1921px){
    .csi-banner .csi-inner{
        padding:35rem 0
    }
}
@media (min-width:1200px) and (max-width:1400px){
    .csi-banner .csi-inner{
        padding:15rem 0
    }
    .csi-special .csi-inner{
        background-size:32%
    }
    .csi-feedback .csi-feedback-bg{
        background-size:27%
    }
    .csi-testi-feedback .feedback-inner-bg{
        background-size:60%
    }
    .csi-banner-content .csi-subtitle{
        /*font-size:9rem; */
        line-height:13.5rem;
        line-height:10rem
    }
    .csi-banner-content .csi-title{
        font-size:6rem;
        line-height:13.5rem;
        margin:0 0 1rem
    }
}
@media (min-width:1200px){
    .lg-text-center{
        text-align:center
    }
    .csi-special .csi-inner{
        background-size:32%
    }
}
@media (max-width:1199px){
    .csi-testi-feedback .feedback-inner .csi-heading,.csi-twitter-feedback .feedback-inner .csi-heading,.md-text-center{
        text-align:center
    }
    .csi-feedback .csi-feedback-bg,.csi-special .csi-inner,.csi-subscribtion,.csi-testi-feedback .feedback-inner-bg,.csi-twitter-feedback .feedback-inner-bg{
        background:0 0
    }
    html{
        font-size:55%
    }
    .csi-special-single .single-info{
        margin-top:-80px
    }
    .csi-testi-feedback{
        padding-right:0
    }
    .csi-twitter-feedback{
        padding-left:1.5rem
    }
    .csi-testi-feedback,.csi-twitter-feedback{
        width:100%;
        float:none
    }
    .csi-testi-feedback .feedback-inner,.csi-twitter-feedback .feedback-inner{
        float:none;
        margin:0 auto
    }
    .csi-testi-feedback .csi-owltestimonial{
        min-height:auto
    }
    .csi-contact .csimapcanvas{
        min-height:366px
    }
    .csi-feedback::after,.csi-feedback::before{
        background:0 0;
        position:static
    }
    .csi-feedback .csi-testi-feedback{
        background:#09afd2
    }
}
@media (max-width:991px){
    .csi-testi-feedback .feedback-inner .csi-heading,.csi-twitter-feedback .feedback-inner .csi-heading,.sm-text-center{
        text-align:center
    }
    html{
        font-size:53%
    }
    .csi-header .csi-navbar .csi-nav li a{
        padding:16px 7px
    }
    .csi-header .csi-navbar .csi-logo a img{
        max-width:120px
    }
    .csi-header .menu-onscroll .csi-navbar .csi-nav li .csi-btn{
        padding:.3rem 2rem
    }
    .csi-header .menu-onscroll .csi-navbar .csi-logo a img{
        max-width:110px
    }
    .csi-header .header-top .header-top-inner .right-menu ul{
        margin-top:.8rem
    }
    .csi-banner .csi-inner{
        padding:20rem 0
    }
    .csi-testi-feedback,.csi-twitter-feedback{
        width:100%;
        float:none
    }
    .csi-feedback .csi-feedback-bg,.csi-subscribtion,.csi-testi-feedback .feedback-inner-bg,.csi-twitter-feedback .feedback-inner-bg{
        background:0 0
    }
    .csi-testi-feedback .feedback-inner,.csi-twitter-feedback .feedback-inner{
        float:none;
        margin:0 auto
    }
    .csi-testi-feedback .csi-owltestimonial{
        min-height:auto
    }
    .csi-tab-content .tab-pane .csi-single-tab{
        width:90%;
        margin-left:5%;
        margin-right:5%
    }
    .csi-tab-content .tab-pane .csi-single-tab .menu-content .csi-info .title-area{
        padding:5px 1.5rem 5px 6rem;
        margin-left:-6rem
    }
    .csi-slider .csi-banner-content .csi-subtitle,.csi-slider .csi-banner-content .csi-title{
        font-size:7.4rem;
        line-height:12.600000000000001rem;
        line-height:10rem
    }
    .csi-contact .contact-top-area .contact-top-left{
        padding:6.8rem 1.6rem;
        width:100%
    }
    .csi-contact .contact-top-area .contact-top-right{
        width:100%
    }
    .csi-contact .contact-top-area .contact-top-left .contact-info{
        width:60%;
        float:none;
        padding-right:0;
        margin:0 auto
    }
}
@media (max-width:767px){
    .csi-reservaton-area form .csi-form-left,.csi-reservaton-area form .csi-form-left .form-control,.csi-reservaton-area form .csi-form-right,.csi-reservaton-area form .csi-form-right .form-control{
        border-radius:25px
    }
    html{
        font-size:52%
    }
    .xs-text-center{
        text-align:center
    }
    .xs-text-right{
        text-align:right
    }
    .xs-text-left{
        text-align:left
    }
    .csi-header .header-top .header-top-inner .contact,.csi-singleitem-content,.sm-text-center{
        text-align:center
    }
    .xs-float-none{
        float:none
    }
    .h1,.h2,h1,h2{
        font-size:4.2rem;
        line-height:6.300000000000001rem;
        line-height:4.8rem
    }
    .h3,h3{
        font-size:2re,;
        line-height:2.4rem;
        font-weight:400
    }
    .csi-btn{
        padding:1rem 2.6rem
    }
    .csi-header .header-top .header-top-inner .right-menu{
        text-align:center;
        margin-bottom:1.2rem
    }
    .csi-header .csi-navbar .csi-nav{
        float:left
    }
    .csi-header-bottom .navbar-default .navbar-collapse,.csi-header-bottom .navbar-default .navbar-form{
        border-color:#212739;
        background:rgba(33,39,57,.85);
        padding-left:3rem
    }
    .menu-onscroll .navbar-default .navbar-collapse,.menu-onscroll .navbar-default .navbar-form{
        background:0 0;
        padding-left:2rem
    }
    .csi-header-bottom .navbar-default .navbar-toggle .icon-bar{
        background-color:#fff;
        -moz-transition-duration:.3s;
        -webkit-transition-duration:.3s;
        -o-transition-duration:.3s;
        transition-duration:.3s
    }
    .csi-header-bottom .navbar-default .navbar-toggle:focus .icon-bar,.csi-header-bottom .navbar-default .navbar-toggle:hover .icon-bar{
        background-color:#09afd2
    }
    .csi-header-bottom .navbar-toggle .icon-bar{
        width:28px;
        height:4px
    }
    .csi-header-bottom .navbar-default .navbar-toggle{
        border-color:transparent
    }
    .csi-header-bottom .navbar-default .navbar-toggle:focus,.csi-header-bottom .navbar-default .navbar-toggle:hover{
        background-color:transparent
    }
    .csi-about .csi-inner,.csi-special-inner,.csi-subscribtion{
        background:0 0
    }
    .csi-banner-content .csi-subtitle,.csi-banner-content .csi-title{
        font-size:5.8rem;
        line-height:10.2rem;
        line-height:8rem
    }
    .csi-banner-content .csi-title{
        margin:0 0 1rem
    }
    .csi-banner .csi-inner{
        padding:11rem 0 7rem
    }
    .csi-banner-content .btn-area .csi-btn{
        padding:.6rem 3rem
    }
    .about-top-single{
        margin-bottom:1.6rem
    }
    .csi-inner{
        padding:6.8rem 0
    }
    .csi-heading .title{
        font-size:4.2rem;
        line-height:6.300000000000001rem;
        line-height:6rem
    }
    .csi-heading{
        margin-bottom:4.2rem
    }
    .csi-footer .csi-footer-bottom{
        margin-top:4.2rem
    }
    .csi-testi-feedback .feedback-inner,.csi-twitter-feedback .feedback-inner{
        padding:6.8rem 0 4.2rem
    }
    .csi-about .csi-heading{
        margin-bottom:2.6rem
    }
    .csi-special-single{
        max-width:480px;
        margin:0 auto 2.6rem
    }
    .csi-special-single .single-info{
        margin-top:-60px
    }
    .csi-nav-pills-area .csi-nav-pills li>a{
        padding:0 10px
    }
    .csi-reservaton-area form .form-group{
        width:100%
    }
    .csi-reservaton-area form .csi-form-left .date .form-control{
        border-radius:25px 0 0 25px
    }
    .csi-reservaton-area .input-group.date .input-group-addon{
        border-radius:0 25px 25px 0
    }
    .csi-reservaton-area figure figcaption{
        position:static;
        bottom:0;
        left:0;
        width:100%;
        margin:0;
        border-radius:0
    }
    .csi-modal .modal-dialog .modal-content .modal-body iframe{
        height:300px
    }
    .csi-video-area figure figcaption .video-icon .icon::after,.csi-video-area figure figcaption .video-icon .icon::before{
        display:none
    }
    .csi-video-area figure figcaption .video-icon .icon i{
        height:80px;
        width:80px;
        line-height:80px;
        font-size:26px
    }
    .csi-header .menu-onscroll .csi-navbar .csi-logo{
        margin-top:4px
    }
    .csi-footer .footer-top-area .single{
        margin-bottom:2.6rem
    }
    .csi-footer .footer-top-area .single .title{
        margin-bottom:1.6rem
    }
    .csi-menu .csi-inner,.csi-special .csi-inner{
        padding-bottom:4.2rem
    }
    .csi-slider .csi-banner-content{
        margin-top:2rem!important
    }
    .csi-slider .csi-banner-content .csi-subtitle,.csi-slider .csi-banner-content .csi-title{
        font-size:6.8rem;
        line-height:10.2rem;
        line-height:8rem
    }
    .csi-news-single header .text-area .title,.page .csi-heading-area .csi-heading,.page-template .csi-heading-area .csi-heading,.single .csi-heading-area .csi-heading,.single-post .csi-heading-area .csi-heading{
        font-size:4.2rem
    }
    .page .csi-banner-inner,.page-template .csi-banner-inner,.single .csi-banner-inner,.single-post .csi-banner-inner{
        padding:6.8rem 0 4.2rem
    }
    .csi-contact .contact-top-area .contact-top-left .contact-info{
        width:100%
    }
    .csi-contact .csimapcanvas{
        min-height:230px
    }
    .csi-special-inner .csi-inner{
        background:0 0;
        margin-top:6.8rem
    }
    .csi-special-inner .csi-special-content{
        margin-top:-26px
    }
    .csi-about-inner .csi-inner{
        padding-bottom:6.8rem
    }
    .page .csi-news .single-news,.page-template .csi-news .single-news,.single .csi-news .single-news,.single-post .csi-news .single-news{
        min-height:auto
    }
    .csi-news-single header .text-area .title,.page .csi-heading-area .csi-heading,.page-template .csi-heading-area .csi-heading,.single .csi-heading-area .csi-heading,.single-post .csi-heading-area .csi-heading{
        line-height:4.5rem
    }
    .csi-team .csi-inner{
        padding:6.8rem 0 0
    }
    .csi-milestone-about .csi-inner,.csi-testimonials .csi-inner{
        padding:6.8rem 0 4.2rem
    }
    .team-single{
        margin-bottom:2.6rem
    }
    .page .csi-banner-inner .csi-inner,.page-template .csi-banner-inner .csi-inner,.single .csi-banner-inner .csi-inner,.single-post .csi-banner-inner .csi-inner{
        padding:2.6rem 0 0
    }
    .csi-about-content .text{
        padding:0;
        margin-bottom:2.6rem
    }
    .csi-single-item .single-thumb{
        margin-right:0;
        margin-bottom:1.6rem
    }
    .csi-single-item .single-thumb img{
        border:1rem solid #fff
    }
    .csi-single-item .csi-singleitem-content .title{
        font-size:4.2rem;
        line-height:6.300000000000001rem;
        line-height:6rem
    }
    .csi-reservaton-area{
        margin-bottom:0
    }
    .csi-reservaton-area form .csi-form-left .error,.csi-reservaton-area form .csi-form-right .error{
        float:none
    }
}
@media (max-width:480px){
    html{
        font-size:50%
    }
    .csi-tab-content .tab-pane .csi-single-tab{
        width:100%;
        margin-left:0;
        margin-right:0;
        margin-bottom:3.2em
    }
    .csi-tab-content .tab-pane .csi-single-tab .menu-thumb{
        width:100%;
        padding-right:0
    }
    .csi-tab-content .tab-pane .csi-single-tab .menu-content .csi-info .title-area{
        padding:0;
        margin-left:0;
        border-radius:50px;
        background:0 0;
        margin-top:1rem
    }
    .csi-tab-content .tab-pane .csi-single-tab .menu-content{
        width:100%
    }
    .csi-tab-content .tab-pane .csi-single-tab:hover .menu-content .csi-info .title-area{
        background:0 0
    }
    .csi-tab-content .tab-pane .csi-single-tab:hover .menu-content .csi-info .title-area .price,.csi-tab-content .tab-pane .csi-single-tab:hover .menu-content .csi-info .title-area .title{
        color:#212739
    }
    .csi-tab-content .tab-pane .csi-single-tab:hover .menu-content .csi-info .title-area .price:hover a,.csi-tab-content .tab-pane .csi-single-tab:hover .menu-content .csi-info .title-area .title:hover a{
        color:#09afd2
    }
    .csi-nav-pills-area .csi-nav-pills li>a img{
        display:none
    }
    .csi-nav-pills-area{
        margin-bottom:2.6rem
    }
    .csi-testi-feedback .csi-client-image::before,.csi-testi-feedback .csi-thumb::before,.csi-twitter-feedback .csi-client-image::before,.csi-twitter-feedback .csi-thumb::before{
        font-size:16px;
        width:30px;
        height:30px;
        line-height:31px;
        right:5px
    }
    .csi-testi-feedback .csi-owltestimonial .item .csi-client-image img,.csi-twitter-feedback .csi-thumb img{
        border:5px solid #fff
    }
    .csi-banner-content .btn-area .csi-btn{
        padding:.3rem 2.5rem;
        margin:1.6rem .2rem 0;
        font-size:16px
    }
    .csi-slider .owl-carousel .owl-item,.csi-slider .owl-carousel .owl-item img{
        height:300px
    }
    .csi-btn{
        padding:.3rem 2.5rem;
        font-size:16px
    }
    .csi-special-inner .csi-special-content{
        margin-top:-42px
    }
    .csi-special-single .single-info .price-area .price{
        line-height:7.5rem
    }
}
