/* ===================================
    Table of Content
====================================== */


/*  - Fonts
    - General
    - Fonts
    - Social Icon Hover
    - Header And Navigation
    - Slider
    - Feature
    - Team
    - Portfolio
    - Price
    - Parallax
    - Testimonial
    - Client
    - Blog
    - Contact
    - Map
    - Footer
    - Loader
    - Media Queries   */


/* ===================================
    Google font
====================================== */

.aleo-font{font-family: 'Aleo', serif;}
.raleway-font{font-family: 'Raleway', sans-serif;}

/* ===================================
    General
====================================== */

body {font-family: 'Raleway', sans-serif;font-size: 16px;color: #241a18;font-weight:500;line-height: 26px;letter-spacing: 0.3px;overflow-x: hidden;-webkit-font-smoothing: antialiased;}
a {color:inherit;}
::-webkit-scrollbar-track {background-color: #e9edf0;border-left: 1px solid #ededed;}
::-webkit-scrollbar {width: 7px;background-color: #3a2f29;}
::-webkit-scrollbar-thumb {background:#3a2f29;}
a:hover, a:active {color: #204030;text-decoration: none;}
a:visited{color:#649083;}
a:focus, a:active, button:focus, button:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;text-decoration: none}
a, *::before, *::after, img, span, input, button, .navbar, .fixedmenu, .tp-bullet, .owl-dot, .owl-prev, .owl-next {transition: ease-in-out 0.2s;-webkit-transition: ease-in-out 0.2s;-moz-transition: ease-in-out 0.2s;-ms-transition: ease-in-out 0.2s;-o-transition: ease-in-out 0.2s;}
ul{list-style: none;padding: 0;}
:focus{outline: none;}
img {max-width: 100%}
section,.section-padding {position: relative;padding: 7.5rem 0;overflow: hidden;}
section.inner-title{position: relative; margin-top:7.5rem;padding-top:3rem;padding-bottom: 2rem;padding-left:0;padding-right: 0;overflow: hidden;}
.section-top-margin{margin-top: 7.5rem;}
.section-bottom-margin{margin-top: 3rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.3;text-transform: uppercase;font-family: 'Aleo', serif;}
.btn.focus, .btn:focus{box-shadow: none;}
.section-title{margin-bottom: 3rem;}
.transform-none{ text-transform: none;}
.p-rel{position: relative}
/* transition none */

.no-transition *{transition-timing-function:initial; -moz-transition-timing-function:initial; -webkit-transition-timing-function:initial; -o-transition-timing-function:initial; -ms-transition-timing-function:initial; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;}


/* opacity */
.opacity-full{opacity: 1;}
.opacity-3{opacity: .3;}
.opacity-4{opacity: .4;}
.opacity-5{opacity: .5;}
.opacity-6{opacity: .6;}
.opacity-7{opacity: .7;}
.opacity-8{opacity: .8;}

/*font-weight*/
.font-weight-300{font-weight: 300;}
.font-weight-400{font-weight: 400;}
.font-weight-500{font-weight: 500;}
.font-weight-600{font-weight: 600;}

.text-normalcase{
    text-transform: none;
}

.bottom80{
    margin-bottom: 80px;
}
.bottom70{
    margin-bottom: 70px;
}
.bottom60{
    margin-bottom: 60px;
}
.bottom50{
    margin-bottom: 50px;
}
.bottom40{
    margin-bottom: 40px;
}
.bottom30{
    margin-bottom: 30px;
}
.bottom25{
    margin-bottom: 25px;
}
.bottom20{
    margin-bottom: 20px;
}
.bottom15{
    margin-bottom: 15px;
}

.top90{
    margin-top: 90px;
}
.top80{
    margin-top: 80px;
}
.top70{
    margin-top: 70px;
}
.top60{
    margin-top: 60px;
}
.top50{
    margin-top: 50px;
}
.top40{
    margin-top: 40px;
}
.top30{
    margin-top: 30px;
}
.top25{
    margin-top: 25px;
}
.top20{
    margin-top: 20px;
}
.top15{
    margin-top: 15px;
}

/* button */
.btn {
    display: inline-block;
    letter-spacing: .5px;
    line-height: inherit;
    border-radius: 0;
    width: auto;
    font-weight: 600;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    -o-transition-property: color;
    -moz-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
}
.btn.cart{
	    background: rgba(200,200,200,0.6);
		padding: 6px 25px;
		color: #cc0000;
}
.btn.cart i{
	    font-style:normal;
		color: #b30000;
		font-size:18px;

}
.btn.cart em{
	    font-style:normal;
		color: #b30000;
		font-size:16px;
		font-family: 'Aleo', serif;
		font-weight:normal;

}
.btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0,0.5);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -moz-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform, -o-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btn:hover,.btn:focus, .btn:active{color: #FFFFFF;}
.btn:hover:before, .btn:focus:before, .btn:active:before {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);-moz-transform: scaleX(1);transform: scaleX(1);}

/* btn size */
.btn-medium {font-size: 12px;padding: 6px 25px;}
.btn-small {font-size: 12px;padding: 2px 18px;}
.btn-large {font-size: 14px;padding: 9px 34px;line-height: 25px;}
.btn-rounded {border-radius: 50px;}

/* btn style */

.btn-brown, input[type="submit"].btn-brown {background: #3a2f29;color: #FFFFFF;border: 2px solid #3a2f29;text-transform: uppercase;letter-spacing: 2px;}
.btn-brown:hover{color: #3a2f29;}
input[type="submit"].btn-brown:hover{color: #3a2f29; background: #eee;}
.btn-brown:visited, input[type="submit"].btn-brown:visited,  .btn-white:visited{color: #FFFFFF;}
.btn-brown:before,input[type="submit"].btn-brown:before{background: #eee;}
.btn-gray{background: #eee;color: #393029;border: 2px solid #ccc;text-transform: uppercase;font-weight: 400;}
.btn-white{background: transparent; color: #fff;border: 2px solid #FFFFFF;}
.btn-transparent-white{color: #FFFFFF;background:transparent;border: 2px solid #FFFFFF;}
.btn-transparent-gray{color: #666666;background:transparent;border: 2px solid #666666;}
.btn-transparent-green{color: #3a2f29;background:transparent;border: 2px solid #3a2f29;}

/* btn hover */
.btn-white:hover{color: #333;background:#fff;}
.btn-white:before{display: none;}
.btn-transparent-white:focus, .btn-transparent-white:visited{color: #fff;}
.btn-transparent-white:hover{color: #333;}
.btn-transparent-gray:hover,.btn-transparent-gray:focus{color: #393029;}
.btn-transparent-green:hover,.btn-transparent-pink:focus{color: #FFFFFF;}

.btn-transparent-white:before{background: #FFFFFF;}
.btn-transparent-gray:before{background: #666666;}
.btn-transparent-brown:before{background: #3a2f29;}



/* z index */
.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.z-index-3{z-index: 3;}
.z-index-4{z-index: 4;}
.z-index-5{z-index: 5;}
.height-60vh{min-height: 60vh; height: 100%}

/* overlay */
.bg-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* backround color */
.green a{ color:#204030}
.ciano a{color:#177591}
.orange a{color:#d0750b}
.turchese a {color:#364058}

.bg-black{
    background: #000000;}
.bg-brown {background: #3a2f29;}
.bg-dark {background-color: #1d1d21 !important;}
.bg-green {background-color: #204030; color:#fff;}
.bg-ciano {background-color: #177591; color:#fff;}
.bg-orange {background-color: #d0750b; color:#fff;}
.bg-turchese {background-color: #364058; color:#fff;}

.bg-gray {
    background-color: #f2f3ee;
}
.bg-white{
     background-color: #fff;
}
.bg-beige {
    background-color: #f2f3ee;
}
.bg-scuro {
    background-color: rgba(0, 0, 0, 0.4);
}
.bg-light-op {
    background-color: rgba(255, 255, 255, 0.4);
}
.bg-dark-op {
    background-color: rgba(34, 27, 23, 0.7);
}
.wrapper-slide::before {
    content:'';
     position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 27, 23,0.7);

}
/* text-color */
.main-color{color:#47daaf;}
.whitecolor {color:#fff!important;}
/* Column 2 */
.content-column {
  -webkit-column-count: 2;
  -webkit-column-gap: 50px;
  -webkit-column-rule: 1px solid #47daaf;
  -moz-column-count: 2;
  -moz-column-gap: 50px;
  -moz-column-rule: 1px solid #47daaf;
  column-count: 2;
  column-gap: 50px;
  column-rule: 1px solid #47daaf;
}

@media screen and (max-width: 991px)  {
    .content-column {
        -webkit-column-count: 1;
        -webkit-column-gap: 0px;
        -webkit-column-rule:  none;
        -moz-column-count: 1;
        -moz-column-gap: 0;
        -moz-column-rule: none;
        column-count: 1;
        column-gap: 0;
        column-rule: none;
      }
}
/* ===================================
   Social Icon Hover
====================================== */

/*icon bg bover */
.facebook-bg-hvr:hover{background:#4267B2 !important;color: #fff !important;border: 1px solid #4267B2 !important;}
.twitter-bg-hvr:hover{background:#1DA1F2 !important;color: #fff !important;border: 1px solid #1DA1F2 !important;}
.instagram-bg-hvr:hover{background:#C32AA3 !important;color: #fff !important;border: 1px solid #C32AA3 !important;}
.linkedin-bg-hvr:hover{background:#0077B5 !important;color: #fff !important;border: 1px solid #0077B5 !important;}
.pinterest-bg-hvr:hover{background:#BD081C !important;color: #fff !important;border: 1px solid #BD081C !important;}
.google-bg-hvr:hover{background:#DB4437 !important;color: #fff !important;border: 1px solid #DB4437 !important;}

/*icon text bover */
.facebook-text-hvr:hover{color:#4267B2 !important;}
.twitter-text-hvr:hover{color:#1DA1F2 !important;}
.instagram-text-hvr:hover{color:#C32AA3 !important;}
.linkedin-text-hvr:hover{color:#0077B5 !important;}
.pinterest-text-hvr:hover{color:#BD081C !important;}
.google-text-hvr:hover{color:#DB4437 !important;}


/* ===================================
    Header & Navigation
====================================== */

header {
    width: 100%;
    z-index: 99;

}

.top-header-area {
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top: 0;
    z-index: 100;
    height: 50px;
    line-height: 50px;
    width: 100%;
    border-bottom:rgba(255, 255, 255, 0.18);
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
}
.header-appear .top-header-area{
    display: none;
}
.language{
    width: 70px;
    margin-top: 0;
    display: inline-block;
}
.language .wpml-ls-legacy-dropdown-click a {
    color: #fff;
    border: none;
    background-color: transparent;
    padding: 5px 10px;
    line-height: 1;
}
.language .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    border: .35em solid transparent;
    border-top: .5em solid;
    position: absolute;
    right: -25px;
    top: calc(50% - 0.1em);
}

/* logo change */

header .logo .logo-dark, header .logo .logo-light {transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
header .logo .logo-dark.default, header .logo .logo-light.default {transition-duration:0.5s;  -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
header.header-appear nav .logo .logo-light, header.header-appear nav.header-dark .logo .logo-light {transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
header.header-appear nav .logo .logo-dark, header.header-appear nav.header-dark .logo .logo-dark { transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
header.header-appear nav.header-light .logo .logo-dark { transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
header.header-appear nav .logo .logo-light, header.header-appear nav.header-light .logo .logo-light {transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
header a.logo {display: inline-block; vertical-align: middle;line-height: 0;max-height:100%; max-width: 100%;vertical-align: top;}
header a.logo svg.logo-dark path, header a.logo svg.logo-light path {color:#fff; fill: #fff;}
header .logo .logo-dark  {visibility: visible;  opacity: 1;  width: 135px;vertical-align: top!important;}
header .logo .logo-light  {visibility: hidden;  opacity: 0; width: 0;vertical-align:top!important;}
header.header-appear .logo .logo-dark  {visibility: hidden;  opacity: 0; width: 0;}
header.header-appear .logo .logo-light  {visibility: visible;  opacity: 1;  width: 50px;}


header  a.logo svg.logo-dark path,
header .navbar-top-default .header-social a,
header .navbar-top-default .sidemenu_btn,
header .navbar-top-default .sidemenu_btn em.nav-title,
header .navbar-top-default .sidemenu_btn > span{

     -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}


header.color-header  a.logo svg.logo-dark path{
    color:#fff;
    fill:#fff!important;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
header .navbar-top-default .header-social a{

    opacity: 1;
     -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
header.color-header .navbar-top-default .header-social a{

    opacity: 0;
     -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

header.color-header .navbar-top-default .sidemenu_btn,
header.color-header .navbar-top-default .sidemenu_btn em.nav-title {
   color: #fff;
    border-color: #fff;
     -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
header.color-header .navbar-top-default .sidemenu_btn > span{
    background-color: #fff;
     -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}


/* logo top center navigation */




@-webkit-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-o-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}
@keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@-webkit-keyframes animationFadeInOut {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
     100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes animationFadeInOut {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
     100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes animationFadeInOut {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
     100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}



.navbar-toggler {
    position: relative;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.navbar-toggler span {
    display: block;
    background: #fff;
    height: 2px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    left: 0;
    opacity: 1;
}
.header-appear .navbar-toggler span {
    background:#666666;
}

.navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) {
    -webkit-transition: transform .35s ease-in-out;
    -o-transition: transform .35s ease-in-out;
    -webkit-transition: -webkit-transform .35s ease-in-out;
    transition: -webkit-transform .35s ease-in-out;
    -o-transition: -o-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out, -o-transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 3px;
    visibility: hidden;
    background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}

/* nav top default */

.navbar-top-default{
    position: absolute;
    top: 0;
    z-index: 99;
    height: 120px;
    width: 100%;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

.navbar-top-default .header-social {
    position: absolute;
    top:calc(50% - 5px);
    right: 170px;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}
.navbar-top-default .navbar-nav{ padding-top: 20px}

.navbar-top-default .header-social{
    text-align: right;
}

.navbar-top-default .navbar-nav .nav-link {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    color: #FFFFFF;
    font-size: 32px;
    font-family: 'Aleo', serif;
    font-weight: 400;
        position: relative;
}
.navbar-top-default .navbar-nav .nav-link.current-menu-item a {
    color:#fff;}
.navbar-top-default .navbar-nav .nav-link {
        padding: 4rem 1rem 0;
}
.nav-line .navbar-nav .nav-link:before {
    position: absolute;
    content: '';
    width: 100%;
    max-width: 3px;
    margin: 0 auto;
    display: inline-block;
    height: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    bottom: -0.5rem;
    right: 0rem;
    background: #fff;
}
.nav-line .navbar-nav .nav-link:last-child:before {
    content: none;
}
.nav-line .navbar-nav .nav-link:after {
    position: relative;
    content: '';
    width: 100%;
    max-width: 60%;
    margin: 0 auto;
    display: table;
    height: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    bottom: -13px;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background: #fff;
    visibility: hidden;
    opacity: 0;
}
.nav-line .navbar-nav .nav-link.current-menu-item:after,
.nav-line .navbar-nav .nav-link:hover:after{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    visibility: visible;
    opacity: 1;
    color:#fff;
}
.nav-line .navbar-nav .nav-link a:hover,
.nav-line .navbar-nav .nav-link a:visited{
    color:#fff
}

.header-appear .navbar-top-default .menu-focus, .header-appear .navbar-top-default .header-social{
    visibility: hidden;
    height: 0;
    display: none;
    -webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.header-appear .navbar-top-default .navbar-nav{
    display: none;
}
.header-appear .navbar-top-default {
    height: 80px;
    position: fixed;
    background: #67873b;
    -webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}
.header-appear .navbar-top-default .navbar-nav .nav-link {
    color: #1b1e21;
    font-weight: 400;
}
header .navbar-top-default .header-social a {
    color: #FFFFFF;
    height: 25px;
    width: 25px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

header .navbar-top-default .header-social .language li ul {
    border-top: none;

}
header .navbar-top-default .header-social .language li  {
    margin-right: 10px;
    width: 100%
}
header .navbar-top-default .header-social .language a:hover,
header .navbar-top-default .header-social .language li:hover a,
header .navbar-top-default .header-social .language a:focus{
     color: #FFFFFF;
     background: transparent;
}

/* nav bottom  */

.navbar-top-default.navbar-bottom{
    position: absolute;
    top: auto;
    bottom: 0;
    margin: 0;
}
.header-appear .navbar-top-default.navbar-bottom {
    height: 50px;
    position: absolute;
    background: #000;
    -webkit-animation-name:fadeIn;
    -o-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}

.navbar-top-default.navbar-bottom.navbar-bottom-top{
    position: fixed;
    top: 0;
    bottom: auto;
}



/* ===================================
    Intro home
====================================== */
.section-title h5, .title h5 {
    font-family: 'Raleway', sans-serif;
    color: #979795;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 28px;
}
.intro-page{
    margin-bottom: 70px;
}
.intro-area h3 {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: none;
    margin-bottom: 35px;
}
.intro-area h1 {
    font-family: 'Aleo', sans-serif;
    color: #979795;
    line-height: 1.6;
    margin-right: 20px;
    font-weight: 300;
}
.intro-area.test h2 {
    text-transform: uppercase;
    color: #ffff;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 2px;

    margin-bottom: 35px;
}
.intro-area .about-content-inner {
    position: relative;
    width: 100%;
    padding: 80px 60px 120px 60px;
}
.intro-area .about-content-single {
    position: absolute;
    width: 100%;
    height: 100%;
    right: -150px;
    z-index: 2;
    padding: 80px 80px 120px 50px;
}
@media only screen and (min-width: 1500px) {
    .intro-area.test h2 {
        font-size: 56px;
    }

}
@media only screen and (max-width: 1100px) {
    .intro-area .about-content-single {

        right: -50px;

        padding: 120px 50px 120px 20px;
    }
    .intro-area .about-content-inner {
        position: relative;
        width: 100%;
        padding: 50px 50px 20px 40px;
    }

}
@media only screen and (max-width: 991px) {
	.intro-area h1 {
		font-size: 1.825px;
	}
    .intro-area .about-content-single {
         position: relative;
        right: 0;

        padding: 50px 30px;
    }

}
.intro-area .section-more  {
    margin-top: 50px;
    text-align: center;
}
.intro-page .img-container:before{
    content:'';
    position: absolute;
    height: 100%;
    width: 30%;
    background-color: rgba(255, 255, 255, 0.5);
    left: 0;
     -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.intro-page .img-container:hover:before{
 -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
 background-color: rgba(255, 255, 255, 0.1);
width: 100%
}

/* ===================================
   Slider
====================================== */

.slider-social{
    display: inline-block;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: 25;
    left: 40px;
}

.slider-social a{
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin: 5px;
    font-size: 16px;
    color: #FFFFFF;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}

.dark-slider .slider-social a{
    color: #666666;
}

.scroll-down {
    position: absolute;
    bottom: 50px;
    z-index: 30;
    right: 100px;
    height: 80px;
    width: 80px;
    margin:15px;
    line-height: 100px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #3a2f29;
   -webkit-box-shadow: 0 0 5px 10px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 5px 10px rgba(255, 255, 255, 0.2);
}

.scroll-down .triangle-down{
    width: 0;
    height: 30px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(255, 255, 255, 0.5);
    opacity: 0.5;
    top: 55%;
    left: calc(50% - 10px);
    position: absolute;
     -webkit-animation: animationFade 1.5s infinite;
    -o-animation: animationFade 1.5s infinite;
    animation: animationFade 1.5s infinite;
}
.scroll-down-intro {
    position: absolute;
    bottom: 50px;
    z-index: 5;
    width: 40px;
    height: 70px;
    left: calc(50% - 40px);
    box-shadow: inset 0 0 0 2px #fff;
    border-radius: 25px;
    margin:15px;
    line-height: 100px;
    display: inline-block;
    text-align: center;
    border: 1px solid #fff;
    background: transparent;
    opacity: 0.5;
}

.scroll-down-intro .triangle-down:before{
    content: "\e64b";
    font-family: 'themify';
    font-size: 14px;
    color: #fff;
    opacity: 0;
    height: 45px;
    width:  40px;
    top: 0;
    left: calc(50% - 20px);
    position: absolute;
     -webkit-animation: animationFadeInOut 1.4s infinite;
    -o-animation: animationFadeInOut 1.4s infinite;
    animation: animationFadeInOut 1.4s infinite;
}

.rev_slider .tp-parallax-wrap p{
    font-size: 15px !important;
    line-height: 20px !important;
}

.single-cover {
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
     background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.cover {
    width: 100%;
    background-repeat: no-repeat;
     background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
#particles-js {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

.single-cover .center-item{
    margin-top: 10rem;
}
.single-cover .personal-cape{
    margin-bottom: 2%
}
.personal-cape p{
    font-size:14px;
}
.single-cover h1, .inner-title h1 {
    font-size: 2.5rem;
    letter-spacing: 2px;
}
.single-cover h1.content-singlecover{
    line-height: 3.5rem;
    font-size: 2.8rem;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 50px;

    /*text-transform: none;*/
}
.single-cover p, .inner-title p{
    letter-spacing: 2px;
    font-size: 1.5rem;
}

.rev-gradient{
    height: 100vh;
    width: 100%;
}

@media screen and (max-width: 1400px){
    .single-cover h1.content-singlecover{
        line-height: 3rem;
        font-size: 2.2rem;
        padding-right: 3rem;
    }

}
@media screen and (max-width: 1200px){

    .intro-area.test h2 {
        font-size: 30px;
        line-height: 1.4;

    }
    .intro-area h3 {
      font-size:20px;
    }
}
@media screen and (max-width: 1024px){
    .single-cover h1.content-singlecover{
        line-height: 2.5rem;
        font-size: 1.7rem;
        padding-right: 3rem;
    }
    h1 span{font-size: 2.8rem; }
    .intro-area.test h2 {
        font-size: 26px;
        line-height: 1.4;

    }
    .intro-area h3 {
      font-size: 18px;
    }
}

@media screen and (max-width: 768px){
/*    .single-cover h1.content-singlecover{
        line-height: 2rem;
        font-size: 1.5rem;
        padding-right: 0px;
        padding-left: 0px;
    }*/
}
@media screen and (max-width: 500px){
    .single-cover h1.content-singlecover{
        line-height: 1.7rem;
        font-size: 1.275rem;
         padding-right: 20px;
        padding-left: 20px;
    }
    h1 span{font-size: 2rem; }
    .intro-area.test h2 {
        font-size: 22px;
        line-height: 1.4;

    }
    .intro-area h3 {
      font-size: 16px;
    }
}


/* ===================================
   Features
====================================== */
.features{
    margin: 5em 0;
    padding: 7em 0 0;
    position: relative;
    height: 100%;
    width: 100%;
}
.features::before {
    content: '';
    position: absolute;
    top: 0;
    left: 40%;
    right: 0;
    background: #204030;
    height: 100%;
    width: 100%;
}
.owl-features{
    margin-top: 50px;
    height: 100%;
    padding: 4em 9em;
}
.owl-features:before{
     content: '';
    position: absolute;
    top: 0;
    left:4em;
    height: 180px;
    width: 1px;
    background: #67873b;
}
.owl-features .owl-nav{
    text-align: right;
}
.owl-features .owl-nav .owl-prev,
.owl-features .owl-nav .owl-next{
    display: inline-block;
    padding: 20px;
    margin:5px;
    color: #67873b;
}
.owl-features .owl-nav .owl-prev:hover,
.owl-features .owl-nav .owl-next:hover{
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
}
.feature-box h4{
    line-height: 1.4;
}

.feature-icon{
    font-size: 50px;
    color: #cdcdcd;
}

@media only screen and (max-width: 650px) {
	.owl-features{
		margin-top: 30px;
		padding: 4em 3em;
	}
	.owl-features:before{
		left:1.5em;
	}
}

@media only screen and (max-width: 400px) {
	.owl-features{
		margin-top: 20px;
		padding: 4em 1em;
	}
	.owl-features:before{
		display:none
	}
}



/* ===================================
   Gallery
====================================== */
.our-gallery{
        height: 100%;
        position: relative;

}

.gallery-slider .owl-stage-outer{
    display: block;
   right: -8.34%;;
    overflow: hidden;

}
.title-gallery{
    position: absolute;
   top: 50%;
    left: 62px;
    letter-spacing: 2px;
    -moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);

}
.gallery-box {
    display: inline-block;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;

    position: relative;
    overflow: hidden;
    max-width:100%;
    margin: 0 auto;
}


.gallery-box .overlay-img{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;

}
.gallery-box .overlay-img:before{
    content: "";
    background-image:url(../images/zoom.svg) ;
    background-size: 40%;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    position: absolute;
    bottom: 25px;
    right: 25px;
    width: 100px;
    height: 100px;
    background-color:rgba(0,0,0,0.8);
    opacity: .8;
}

.gallery-box:hover .overlay {

}
.gallery-box img {
     -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.gallery-box:hover img {
     -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.gallery-slider .owl-nav .owl-prev,
.gallery-slider .owl-nav .owl-next{
    bottom: 8px;
    position: absolute;
    width: 150px;
    height: 100px;
    line-height: 100px;
    color: #3b3128;
    font-size: 60px;
    margin: 0px;
    padding: 4px 7px;
    background: #fff;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
}
.gallery-slider .owl-nav .owl-prev{
    right: 0;
}
.gallery-slider .owl-nav .owl-next{
    left: 8.34%;
}

 @media only screen and (max-width: 1500px) {

    .gallery-slider .owl-stage-outer{
       right: -130px;
    }
    .gallery-slider .owl-nav .owl-next{
        left: 130px;
    }
    .title-gallery{
        left: 32px;
    }

 }
  @media only screen and (max-width: 1024px) {
      .gallery-box .overlay-img:before{
        bottom: 50%;
        right: 50%;
        width: 60px;
        height: 60px;
    }

  }
 @media only screen and (max-width: 768px) {
     .section-title {
        margin-bottom: 2.5rem;
    }
    section.inner-title {
      margin-top: 5.5rem;
    }
    .single-cover h1, .inner-title h1 {
        font-size: 2rem;

    }
    .navbar-top-default {

        height: 90px;
     }
     header .logo .logo-dark {
        width: 105px;
    }
    .gallery-slider .owl-stage-outer{
        display: block;
        right: 0px;
        overflow: hidden;

        }
    .title-gallery{
        position: relative;
        top: 0;
        left: 0;
        letter-spacing: 2px;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);

    }

     .gallery-slider .owl-stage-outer{
       right: 0px;
    }
    .gallery-slider .owl-nav .owl-next{
        left:0px;
    }

    .gallery-slider .owl-nav .owl-prev,
    .gallery-slider .owl-nav .owl-next{
        bottom: 8px;
        position: absolute;
        width: 80px;
        height: 50px;
        line-height: 50px;
        color: #3b3128;
        font-size: 30px;
        margin: 0px;
        padding: 4px 7px;
        background: #fff;
        display: inline-block;
        cursor: pointer;
        border-radius: 0;
    }
    .intro-area .about-content-inner {
        padding: 80px 40px 40px 40px;
    }
    .intro-area .about-content-inner h1 {
        font-size: 1.8rem;
        line-height: 1.4;
    }
    .intro-area .text-content{
        line-height: 20px;
    }


 }
  @media only screen and (max-width: 425px) {

      .intro-area .about-content-inner {
        padding: 80px 20px 0px 20px;
    }
    .intro-area .about-content-inner h1 {
        font-size: 1.625rem;
        line-height: 1.4;
    }

    .intro-area .text-content{
        line-height: 20px;
        font-size: 0.95rem;
    }


  }

/*-------------------------------*/
/* Gallery Portfolio */
/*-------------------------------*/

.gallery_top {
    position: relative;
    overflow: hidden;
}
#gallery_top::before,
#gallery_top::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    height: 110px;
    width: 100%;
}
#gallery_top::before {
    top: 0;
}
#gallery_top::after {
    bottom: 0;
}
.text_wrap {
    padding: 50px 2rem 0.5rem 2rem;
}
.itemshadow .cbp-item-wrapper {
    -webkit-box-shadow: 0 0 4px 1px rgba(101, 101, 101, 0.2);
    box-shadow: 0 0 4px 1px rgba(101, 101, 101, 0.2);
    padding-bottom: 2px;
    padding-top: 5px;
}
.border-portfolio{
    margin-left: 70px;
    margin-right: 70px;
}
.border-portfolio .cbp-item img {
    border: 20px solid #fff;
}
.bottom-text {
    display: table;
}
.bottom-text > .cells {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}
.bottom-text p {
    font-size: 15px;
    margin-bottom: 0;
}
.bottom-text .port_head {
    font-weight: bold;
    font-size: 5.625rem;
    line-height: 1;
}

/*Overlays*/

.overlay{
    position: absolute;
    left: 20px; top: 25px;
    right: 20px; bottom: 22px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .5s ease-in .1s;
    -o-transition: all .5s ease-in .1s;
    transition: all .5s ease-in .1s;
}

.overlay:before{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#204030;
    opacity: .6;
}

.cbp-item:hover .overlay,
.cbp-item:focus .overlay {
    opacity: 1; visibility: visible;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.cbp-item:hover .overlay{
    opacity: 1; visibility: visible;
}
.plus{
    display: inline-block;
    height: 70px;
    width: 70px;
    position: relative;
    overflow: hidden;
}
.overlay > h4,.overlay > p{
    position: relative;
}

.plus::before,
.plus::after {
    content: " ";
    position: absolute;
    background: #fff;
}
.plus::after {
    height: 2px;
    margin-top: -1px;
    top: 50%;
    left: 5px;
    right: 5px;
}
.plus::before {
    width: 2px;
    margin-left: -1px;
    left: 50%;
    top: 5px;
    bottom: 5px;
}
.overlay p {
    font-size: 13px;
}
.port_head {
   color: #FF6666;
}


.bottom-text > .cells {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}

.center-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.right-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
     justify-content: space-between;

    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-align-items: flex-end;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}
.center-vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.bottom-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* portfolio three */

.gallery{
    width: 100% !important;
    height: 600px;
}

.portfolio-three .filtering .active {
    color: #ff6666;
}

.portfolio-three .filtering span {
    background-color: #fff;
    border-right: 3px solid #ECECEC;
    line-height: 18px;
    color: #888888;
    cursor: pointer;
    overflow: visible;
    padding: 0 17px;
    position: relative;
    display: inline-block;
    -webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out;
    transition: color .3s ease-in-out, border-color .3s ease-in-out;
}

.portfolio-three .filtering span:last-child{
    border-right: none;
}

.portfolio-three .items {
    position: relative;
    padding: 0;
}
.portfolio-three .items {
    padding:0 5px;
}
.portfolio-three .items{
    margin-top: 10px;
}

.portfolio-three .item-img {
    position: relative;
    overflow: hidden;
}
.portfolio-three .item-img img{
    width: 100%;
}

.portfolio-three .item-img-overlay {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    color: #ffffff;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 2;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.portfolio-three .item-img-overlay:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff6666;
    opacity: .7;}

.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.overlay-info{
    position: relative;
    width: 100%;
}
.overlay-info p{
    font-size: 13px;
}

.portfolio-three .item-img:hover .item-img-overlay {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.portfolio-three .item-img-overlay a {
    font-size: 30px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #FFF;
}

/* ===================================
    price
====================================== */


.price-item{
    padding:60px 30px;
    max-width: 350px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.price-item.center{
    margin-top: -23px;
    background: #ff6666;
    color: #FFFFFF;
}
.price-list li{
    padding: 10px 0;
    border-bottom: 1px solid #f5f5f5;
}

.price-item.center li{
    border-bottom: 1px solid rgba(243, 243, 243, 0.31);
}
.price-offer h6{
    background: #ffffff;
    color: #666;
    font-weight: 700;
    letter-spacing: 1.2px;
    position: absolute;
    width: 100%;
    left: -118px;
    top: 35px;
    line-height: 35px;
    transform: rotate(-45deg);
}
.price-item h2{
    font-size:3rem;
}


/* ===================================
    Parallax
====================================== */

.parallax{
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    position: relative;
}
.parallax:before{
    content: '';
    position: absolute;
    margin: 2%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 96%;
    background: rgba(255,255,255,0.5);
}
.parallax.video-parallax:before{
    content: '';
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    background: rgba(0,0,0,0.5);
}
.parallax.vuoto:before{
    content: '';
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    background: transparent;

}
.parallax.vuoto .content-space200{
    margin: 150px;
    padding: 150px;
}

.video-parallax h2{
    font-size: 2.8rem;
}

.button-play-two {
    height: 50px;
    width: 50px;
    margin:15px 10px 20px 10px;
    line-height: 56px;
    padding-left: 3px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 22px;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ff6666;
    -webkit-animation: pulse_effect 1s infinite;
    -o-animation: pulse_effect 1s infinite;
    animation: pulse_effect 1s infinite;
    -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);
    box-shadow: 0 0 0 0 rgb(255, 255, 255);
}
.button-play-two i{
    color: #fff;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}
.button-play-two:hover,.button-play-two:focus{
    color: #ff6666;
    background: #FFFFFF;
}
.button-play-two:hover i,.button-play-two:focus i{
    color: #ff6666;
}
.parallax  .content-parallax{
    margin: 60px 0;
}
.parallax h3{
    font-size: 2rem;
    margin-bottom: 2rem;
    text-transform: none;
    color: #3a2f29;
}

/* ===================================
    News
   =================================== */
.news:before{
    content: '';
    position: absolute;
    background-color:#f2f2f0;
    top: 0;
    width: 100%;
    height:50%;
}

.news-container-inner{
    height: 100%;
}
.news-content-area {
    margin-top: 100px;
}
.single-news .news-image {
    margin-left: -15px;
    margin-top: -80px;
    position: relative;
    overflow: hidden;
}
.single-news .news-image img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.single-news:hover .news-image img {

  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

 @media only screen and (max-width: 768px) {
     .news-content-area {
        margin-top: 0px;
    }
     .single-news .news-image {
        margin-left: 0px;
        margin-top: 40px;
        position: relative;
        overflow: hidden;

    }
     .single-news {

        margin-top: 40px;

    }
    .single-news:after{
       content:"";
       position: absolute;
       width: 60%;
       height: 1px;
       background-color: #ccc;
       bottom: -40px;
    }
    .news-about h4{
        margin-top: 40px;
    }
 }

/* ===================================
    Case History
   =================================== */
.case:before{
    position: absolute;
    content: "";
    background: #204030;
    width: 100%;
    height:  calc(100% - 110px);
    top: 0;
    left: 0;
    right: 0;
}

.case-item {
     padding: 100px 40px 150px;
    text-align: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.case-content .owl-item {
    min-height: 650px;
}
.case-item .post-info {
    position: relative;
    text-align: left;
    left: 0;
    z-index: 1;
    color:#fff;
    max-width: 500px;
    width: 100%;
}
.case-item .post-info__title a,
.case-item .post-info__title a:visited{
    color: #fff;

}
.case-item .post-thumb {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 92%;
    visibility: visible;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.case-item .post-thumb:before {
    background-color: rgba(0, 0, 0, 0.4);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.case-item:hover .post-thumb:before {
    background-color: rgba(0, 0, 0, 0.2);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
 .case-content .owl-nav{
    width: 100px;
    position: absolute;
    left: -50px;
    z-index: 99999;
    bottom: 8px;
 }
 .case-content .owl-nav .owl-next,
 .case-content .owl-nav .owl-prev{
    background: transparent;
    border: 2px solid #3a2f29;
    color: #66863a;
    font-size: 12px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.6;
    visibility: visible;
}
.case .owl-nav .owl-prev:hover, .case .owl-nav .owl-next:hover, .case .owl-nav .owl-prev:focus, .case .owl-nav .owl-next:focus {
    background: #3a2f29;
    border: 2px solid #3a2f29;
    color: #fff;
    opacity: 1;
}
 .case-content .owl-nav .owl-next{    left: -5px;}
 .case-content .owl-nav .owl-prev{    right: -5px;}

 @media only screen and (max-width: 991px) {
     .case.pb-5{
        padding-bottom: 5rem!important;
     }
     .case-item {
     padding: 50px 40px 50px;
     }
     .case-content .owl-item {
        min-height: 450px;
    }
    .case-item .post-thumb {
        width:100%;
    }
     .case-content .owl-nav{
         left: calc(50% - 50px);
         bottom: -40px;

     }
     .parallax .content-parallax {
        margin: 30px 0;
    }
 }

/* ===================================
    newsleter
   =================================== */
.newsletter{
   background-color: #f2f3ee;
   color: #9b9b9b;
}
.newsletter h3{
   color: #9b9b9b;
}
.newsletter .form-group{
    margin-bottom: 0.2rem;
}

.newsletter .form-control{
    border-right: none;
    border: 1px solid #9b9b9b;
    background-color: #f2f3ee;
    padding: 12px;
    font-family: 'Aleo', serif;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 54px;
    color: #a5a5a5;
    font-size: 14px;
    position: relative;
    -webkit-transition: border .9s ease;
    -o-transition: border .9s ease;
    transition: border .9s ease;
}
.newsletter input[type="submit"]{
    border: 1px solid #3a2f29;
    background-color: #3a2f29;
    padding: 12px;
    font-family: 'Aleo', serif;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 54px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.newsletter input[type="submit"]:hover{
    background-color: #fff;
    color:#3a2f29;

}
.newsletter .legal{
    font-size: 13px;
    line-height: 1.3em;
}
/* ===================================
    Testimonial
====================================== */

.testimonial-bg{
    background-repeat: no-repeat;
     background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 520px;
    overflow: hidden;
}
.item.testimonial-bg:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    bottom: 0;
    z-index: 0;
}

.testimonial-quote {
    margin-top: 40px;
    padding-top: 10px;
    margin-bottom: 25px;
}

.testimonial-quote .quote{
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.testimonial-quote .quote p:first-child::before{
    font-family: 'themify';
    content: '\e67f';
    font-size: 36px;
    color:#fff;
    left: -15px;
    top: 5px;
    position: relative;
}
.testimonial-quote .quote p:last-child::after{
    font-family: 'themify';
    content: '\e67e';
    font-size: 36px;
    color: #fff;
    right: -15px;
    top: 15px;
    position: relative;
}
.testimonial-quote h6{
    font-weight: 400;
    margin: 0;
    font-style: italic;
    color: #47daaf;
}

#owl-thumbs.owl-dots {
    position: absolute;
    z-index: 99999;
    width: 100%;
    text-align: center;
    bottom: 50px;
   }
#owl-thumbs.owl-dots .owl-dot {
    background: transparent;
    height: 65px;
    margin: 0;
    position: relative;
    width: 65px;
    -webkit-border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 5px solid rgba(255,255,255,.5);
    margin-left: -30px;
    opacity: .70;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95);
}

#owl-thumbs.owl-dots .owl-dot > img {
    width: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
#owl-thumbs.owl-dots .owl-dot:first-child{
    margin-left: 0;
}
#owl-thumbs.owl-dots .owl-dot::after{
    display: none;
}
#owl-thumbs.owl-dots .owl-dot:hover,
#owl-thumbs.owl-dots .owl-dot.active{
    z-index: 5;
    opacity: 1;
    background-color: rgba(71, 218, 175, 0.35);
    border: 5px solid rgba(255,255,255,.53);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/*testimonial two */




.owl-testimonial .owl-item.center .testimonial-item .testimonial-quote{
    background: #ff6666;
}
.owl-testimonial .owl-item.center .testimonial-item .text-small{
    color:#ff6666;;
}
.owl-testimonial .owl-dots .owl-dot{
 margin-top: 5rem;
}

.owl-testimonial .owl-dots .owl-dot span {
    height: 12px !important;
    width: 12px;
    background: transparent;
    margin: 2px 3px;
    position: relative;
    border: 1px solid #ff6666;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}
.owl-testimonial .owl-dots .owl-dot.active span,.owl-testimonial .owl-dots .owl-dot:hover span {
    background: #ff6666;
}




/* video section */

.button-play {
    height: 70px;
    width: 70px;
    line-height: 77px;
    padding-left: 7px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 30px;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #ff6666;
    -webkit-animation: pulse_effect 1s infinite;
    -o-animation: pulse_effect 1s infinite;
    animation: pulse_effect 1s infinite;
    -webkit-box-shadow:0 0 0 0 rgb(255, 255, 255);
    box-shadow:0 0 0 0 rgb(255, 255, 255);
}
.button-play i{
    color: #fff;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}
.button-play:hover,.button-play:focus{
    color: #ff6666;
    background: #FFFFFF;
}
.button-play:hover i,.button-play:focus i{
    color: #ff6666;
}

@-webkit-keyframes pulse_effect {
    0% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
    }
    25% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
    }
    100% {
        -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
    }
}
@-o-keyframes pulse_effect {
    0% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(100, 48, 148, 0.1);
    }
}
@keyframes pulse_effect {
    0% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
    }
    25% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
    }
    100% {
        -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
    }
}

/* ===================================
    Client
====================================== */

.our-client .item {
    text-align: center;
}
.our-client.item,
.our-client .logo-item {
    position: relative;
}
.our-client .logo-item {
    width: 160px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}
.our-client .logo-item, .our-client  .logo-item > img{
    display: inline-block;
}
.logo-item > img {
    width: 98%;
    position: absolute;
    top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer;
}

/* ===================================
    News
====================================== */

 .content-carousel {
     display: block;
     margin: 0 auto;
 }
.content-carousel .owl-stage-outer{
    max-width: 100%;
}
.content-carousel .owl-carousel {
    width:100%;
}
.content-carousel .owl-carousel div {
    width: 100%;
}
.content-carousel .owl-carousel .owl-dots {
    position: absolute;
    padding:0 .5%;
    top: 70%;
    right:0;
    width:100%;
    max-width: 75%;
    height: 200px;
}

.content-carousel .owl-carousel .owl-dot {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 25%;
    display: inline-block;
    margin: 0.5% 0.5%;
    height: 100% !important;
    position: relative;
    overflow: hidden;
}
.content-carousel .owl-carousel .owl-dot:before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(57, 175, 140, 0.4);}
.content-carousel .owl-carousel .owl-dot.active:before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(57, 175, 140, 0);}
.content-carousel .owl-carousel .owl-dot:after{
    content: "";
    display: inline-block;
    width: 150%;
    height: 80%;
    position: absolute;
    right: 32%;
    top: -75%;
    background: rgba(255, 255, 255, 0.5);
    transform: skewY(-50deg);
    transition: all 0.5s ease;
}

.content-carousel .owl-carousel .owl-dot:hover{
    filter: brightness(60%);
}
.content-carousel .owl-carousel .owl-dots .owl-dot:hover:after{
    right: -55%;
    top: 120%;
}

.content-carousel .owl-carousel .owl-item img{
    width: 100%;
    max-width: 100%;
    display: none;
}


/* ===================================
    Blog
====================================== */

.blog-box h4 {
    position: relative;
    padding-left: 15px;
    border-left: 2px solid #47daaf;
    line-height: 35px;
}
.container-padding {
    padding-left: 5.625rem;
    padding-right: 5.625rem;
}

/* ===================================
    Contact
====================================== */


.contact h6{
    font-size: 1.1rem;
}
.our-address .pickus {
    font-size: 13px;
    text-transform: uppercase;
    color: #ff6666;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
}
.our-address i {
    font-size: 24px;
}
.our-address .pickus,
.our-address .pickus::after {
    display: inline-block;
}
.our-address .pickus::after {
    content: attr(data-text);
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    color: #666666;
    overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.our-address .pickus:hover::after {
    width: 100%;
}
.our-address .pickus:hover,
.our-address .pickus:focus {
    color: #666666;
}

/*Contact Form*/
.getin_form .form-control {
    border: none;
    border-bottom: 1px solid #67873b;
    padding: 12px 10px;
    background: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 44px;
    color: #a5a5a5;
    font-size: 14px;
    position: relative;
    -webkit-transition: border .9s ease;
    -o-transition: border .9s ease;
    transition: border .9s ease;
}
.getin_form textarea {
    min-height: 200px;
    resize: none;
}

.getin_form .form-control:focus {
    border-bottom: 1px solid #81cc19;
    -webkit-box-shadow:0px 1px 5px -1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.3);;
}
.border-form .form-control {
    border: 1px solid #dedada;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
}

.dark_form .form-control {

    border: 3px solid #fff;
    padding: 12px 10px;
    background: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 44px;
    color: #fff;
    font-size: 16px;
    position: relative;
    -webkit-transition: border .9s ease;
    -o-transition: border .9s ease;
    transition: border .9s ease;
}
.dark_form .form-control::-webkit-input-placeholder{color:#bbb;opacity:1}
.dark_form .form-control::-moz-placeholder{color:#bbb;opacity:1}
.dark_form .form-control:-ms-input-placeholder{color:#bbb;opacity:1}
.dark_form .form-control::-ms-input-placeholder{color:#bbb;opacity:1}
.dark_form .form-control::placeholder{color:#bbb;opacity:1}

.dark_form textarea {
    min-height: 200px;
    resize: none;
}

.dark_form .form-control:focus {
    color:#ddd;
    -webkit-box-shadow:0px 1px 5px 5px rgba(255,255,255,0.3);
    box-shadow: 0px 1px 5px 5px rgba(255,255,255,0.3);;
}

.logincontainer {
    padding: 3.5rem 1.5rem;
}
.border-form .form-control:focus {
    border: 1px solid #666666;
}

/* Map */

.map-container {
    height: 450px;
    width: 100%;
    margin-bottom: -70px;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.logo-icon{
    padding: 20px 40px;
    background: #1d1d21;
    display: inline-block;
    position: relative;
    z-index: 2;
    max-width: 190px;
}



/* footer social */

.footer-padding{
    padding-top: 3.5rem;
    padding-bottom: 0;
}
.footer-bg{
    padding-top: 7rem;
    padding-bottom: 3.5rem;
    position: relative;
}
.footer-bg:before{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(58,47,41,0.6);

}
.footer-bg .cls-1,
footer.bg-brown .cls-1 {
    fill:#fff!important;
}
.footer-bg  .footer-legal span{
    display: block;
}
footer.bg-brown  .footer-legal span:first-child:after{
   content: ' - ';
   width: 25px;
}
.footer-bg h3{
    text-transform: normal;
    letter-spacing: 0.05em;
    margin-bottom: 3rem;
}
footer .logo-footer{width:100%;}
footer .logo-footer svg{
    width: 100%;
    max-width: 150px;
}
@media screen and (min-width: 1024px) {
    .line-right{
        border-right: 1px solid #f2f2f2;
    }
}
footer a{ color: #7bb729;}
footer a:hover{ color: #7bb729;}
.text-white-60 {
    color: rgba(255,255,255,.6)!important;
}
.text-gray {
    color: rgba(255,255,255,.7)!important;
}
.text-black {
    color: rgba(0,0,0,.7)!important;
}
footer .line-1{
    border-top: 1px solid #e5e5e5;
}
footer .font-16{
    font-size: 16px;
}
footer .footer-line{
     border-top: 8px solid #f0eceb;
}
footer.bg-brown .footer-line{
     border-top: 8px solid #847771;
}
footer.intro-pg a,
footer.intro-pg a:visited {
    color:rgba(255,255,255,0.7);
}
footer.intro-pg a:hover{
    color:rgba(255,255,255,1);
}
footer.orange a {
     color:#ec840a;
}
footer.orange a:hover{
    color:#ff9600;
}

footer.blue a {
     color:#16a5d0;
}
footer.blue a:hover{
    color:#2bceff;
}

footer .list-unstyled li{
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    border-right: 1px solid #9b9b9b;
}
footer .list-unstyled li:first-child{ padding-left: 0;}
footer .list-unstyled li:last-child{ display: inline-block; border-right:none;}
.footer-social a {
    width: 40px;
    height: 40px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    font-size:24px;
    margin: 5px;
    color: #3a2f29;

}
.footer-social.intro-white a{
    color:rgba(255,255,255,0.7);
}
.footer-social.intro-white a:hover{
    color:rgba(255,255,255,1);
}
footer.orange .footer-social a,
footer.blue .footer-social a{
    color: #3a2f29;
}
footer.orange .footer-social a:hover{
    color:#ff9600;
}
footer.blue .footer-social a:hover{
    color:#2bceff;
}

.footer-bg a:visited{
    color:#c77009;
}
.footer-social  .nosc .fa{
    display: block;

    background-size: cover;
}
.fa.flipkey{ background-image: url(../images/flipkey.png);
             height: 55px;
             width: 40px;

}
.fa.agriturist{ background-image: url(../images/agriturist.png);
            height: 40px;
 width: 40px;
    }
/* scroll top */
.scroll-top-arrow, .scroll-top-arrow:focus {
    font-size: 16px;
    line-height: 49px;
    color: #fff;
    background: #3a2f29;
    display: none;
    height: 45px;
    width: 45px;
    padding: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
    text-decoration: none;
    z-index: 99;
    border-radius: 100%;
}
.scroll-top-arrow:hover{color: #FFFFFF}


/* ===================================
    Blog Page
====================================== */

.page-header i{
    font-size: 11px;
}


/* blog list */

section.blog-list, section.blog-list-intro{
    margin: 0;
    padding: 7rem 0 2rem;
}

section.blog-list:before{
    content:'';
    background: #eff1ea;
    width: 100%;
    position: absolute;
    bottom: 300px;
    top: 130px;
}

.blog-pagination li{
    display: inline-block;
    padding: 10px 4px;
}
.blog-pagination li a{
    font-size: 18px;
    display: block;
    width: 20px;
    height: 30px;
    margin: 0 5px;
    line-height: 30px;
    text-align: center;
    color: #a0a0a0;
}

.blog-pagination li span{
    font-size: 18px;
}
.blog-pagination li span.current{
     color: #cc0000;
}
.blog-pagination li a:hover,.blog-pagination li.current a,.blog-pagination li a:focus{
   color: #cc0000;
}

.widget {
    padding:2rem;
    margin-bottom: 3rem;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}

.widget:last-child{
    margin-bottom: 0;
}

.widget .search{
    width: 100%;
    padding: 5px 15px;
    border: 1px solid #e6e6e6;
    border-right: none;
}
.widget .search-btn{
    position: relative;
    width: 40px;
    line-height: 39px;
    text-align: center;
    border: none;
    color: #FFFFFF;
    background: #ff6666;
    cursor: pointer;
}

.recent-post {
    margin-bottom: .5rem;
}
.recent-post:last-child {
    margin-bottom:0;
}

.recent-post img{
    width: 80px;
    height: 75px;
    margin-right: 15px;
}

.recent-post .text a{
    line-height: 24px;
    margin-bottom: 5px;
    display: block;
    text-transform: uppercase;
}
.recent-post .text .date{
    font-size: 12px;
}

.blog-category li{
    text-transform: uppercase;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
    font-size: .8rem;

}

.blog-tags li{
    display: inline-block;
    margin-bottom: 6px;
}
.blog-tags li a{
    padding: 6px 15px;
    background: #666666;;
    font-size: 13px;
    color: #FFFFFF;
}

.blog-tags li a:hover,.blog-tags li a:focus{
    background:#ff6666;
    color: #FFFFFF;
}


.hover-effect{
    position: relative;
    overflow: hidden;
}

.hover-effect::before {
    right: 0;
    opacity: 1;
    top: 0;
}
.hover-effect::before, .hover-effect::after {
    content: "";
    background: #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    -webkit-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s;
}
.hover-effect::after {
    bottom: 0;
    opacity: .7;
    left: 0;
}
.hover-effect::before, .hover-effect::after {
    content: "";
    background: #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    -webkit-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s;
}
.hover-effect:hover::after, .hover-effect:hover::before {
    height: 100%;
    opacity: 0;
    width: 100%;
}

/* blog detail */

.blog-detail-item blockquote{
    font-size: 1.1rem;
    line-height: 1.7rem;
    font-style: italic;
    letter-spacing: 1px;
    font-weight: 500;
    padding-left: 15px;
    border-left: 5px solid #eee;
}

.blog-detail-item .blog-share{
    margin: 0;
    display: inline-block;
    float: right;
}
.blog-detail-item .blog-share li{
    display: inline-block;
}

.blog-detail-item .blog-share li a{
    display:block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border: 1px solid #ededed;
    text-align: center;
    color: #a9a9a9;
}

.blog-detail-tag{
    padding:15px 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin: 3rem 0;
    color: #969696;
}
.blog-detail-tag a{
    margin: 0 3px;
}
.blog-detail-tag .btn.btn-transparent-gray{
    color: #a6a6a6;
    border:1px solid #ededed;
}
.blog-detail-tag .btn.btn-transparent-gray:hover,.blog-detail-tag .btn.btn-transparent-gray:focus{
    color: #FFFFFF;
}

.blog-detail-nav{
    margin-top: 2rem;
    position: relative;
    display:flow-root;
}

.blog-detail-item .date{
    color: #a6a6a6;
}


.blog-comment {list-style: none; margin: 0; padding: 0;}
.blog-comment .avatar{width: 110px; margin-right: 20px}
.blog-comment .comment-text{vertical-align: top;}
.blog-comment .date{font-size: 12px; margin-bottom: .5rem; color: #b3aeae;}
.blog-comment li {padding: 50px 0; border-bottom: 1px solid #ededed; position: relative}
.blog-comment > li:first-child {padding-top: 0}
.blog-comment li:last-child {border-bottom: none; padding-bottom: 0}
.blog-comment li ul.child-comment {margin-left: 40px; list-style: none}
.blog-comment li ul.child-comment li {border: none; padding-bottom: 0; border-top: 1px solid #ededed; margin-top: 50px}


.comment-form .form-control{
    border-radius:0;
}

.comment-form .form-control:focus{
    border-color:#ced4da;
    outline: 0;
    box-shadow: none;
}
.comment-form textarea{
    margin-bottom: 1.2rem;
    resize: none;
}

/* ===================================
    Side Menu
====================================== */


.side-menu {
    width: 40%;
    position: fixed;
    right: 0;
    top: 0;
    background-color: rgba(239,239,239,0.9);
    z-index: 1032;
    height: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    overflow: hidden;
}
.side-menu.left {
    left: 0; right: auto;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.side-menu.before-side {
    width: 280px;
}
.side-menu.side-menu-active,
.side-menu.before-side{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.pul-menu .side-menu.side-menu-active {
    visibility: visible; opacity: 1;
}
.side-menu .navbar-brand {
    margin: 0 0 2.5rem 0;
}

/*Side overlay*/
#close_side_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    display: none;
    z-index: 1031;
    opacity: 0.4;
}

/*side clode btn*/
.side-menu .btn-close {
    height: 36px;
    width: 36px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    border: 1px solid #3a3029;
    border-radius: 50px;
}
.side-menu.before-side .btn-close{
    display: none;
}
.just-sidemenu #sidemenu_toggle {
    position: fixed;
    z-index: 999;
    /*background: #fff;*/
    right: 0;
    top: 16px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}
.side-menu .btn-close::before, .side-menu .btn-close::after {
    position: absolute;
    left: 16px;
    content: ' ';
    height: 24px;
    width: 2px;
    background: #3a3029;
    top: 5px;
}
.side-menu .btn-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.side-menu .btn-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*side open btn*/
.sidemenu_btn {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    width: 34px;
    padding: 8px;
    margin-right: 1rem;
    position: absolute;
    right: 15px;
    top: calc(50% - 10px);
    border: 1px solid #fff;
    border-radius: 50px;
}
.header-appear .sidemenu_btn {
    top: auto;
}
.sidemenu_btn em.nav-title{
    position: absolute;
    left: -55px;
    top: 0;
    font-style: normal;
    padding-right: 5px;
    color: #fff;
    background: transparent;
    font-family: 'Aleo', serif;
}
.sidemenu_btn.left {
    left: 15px;
    right: auto;
}
.sidemenu_btn > span {
    height: 1px;
    width: 100%;
    background: #FFFFFF;
    display: block;
}

.dark-navbar .sidemenu_btn > span{
    background:#666666;
}

.header-appear .sidemenu_btn > span{
    background: #FFFFFF;
}

.sidemenu_btn > span:nth-child(3) {
    margin: 5px 0;
}

.side-menu .inner-wrapper {
    padding: 3.5rem ;
    height: 100%;
    position: relative;
    overflow-y: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.side-menu .logo-menu{
    width: 50px;
    margin-bottom: 20px;
}
.pul-menu.pushwrap .side-menu .inner-wrapper{
    padding: 3.5rem 2.5rem;
}
.side-menu .side-nav {
    margin-bottom: 30px;
    display: block;
}
.side-nav #mobile.navbar-nav {
    margin-left: 1em;
}
.side-nav .navbar-nav .nav-link{
    display: block;
    margin: 10px 0; padding: 0 !important;
    opacity: 0;
    -webkit-transition: all 0.8s ease 500ms;
    -o-transition: all 0.8s ease 500ms;
    transition: all 0.8s ease 500ms;

    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
}
.side-nav .navbar-nav .nav-link:first-child {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}
.side-nav .navbar-nav .nav-link:nth-child(2){
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}
.side-nav .navbar-nav .nav-link:nth-child(3) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.side-nav .navbar-nav .nav-item:nth-child(4) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
.side-nav .navbar-nav .nav-item:nth-child(5) {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}
.side-nav .navbar-nav .nav-item:nth-child(6) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}
.side-nav .navbar-nav .nav-item:nth-child(7) {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}
.side-nav .navbar-nav .nav-item:nth-child(8) {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}
.side-nav .navbar-nav .nav-link:nth-child(9) {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s;
}
.side-menu.side-menu-active .side-nav .navbar-nav .nav-link {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.side-nav .navbar-nav .nav-link a {
    display: inline-table;
    color: #3a3029;
    padding: 2px 0 3px 0 !important;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: normal;
    position: relative;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.side-nav .navbar-nav .nav-link a::after{
    content: "";
    position: absolute;
    background: #3a3029;
    display: inline-block;
    width: 0;
    height: 3px;
    bottom: 0; left: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.side-nav .navbar-nav .nav-link a:hover::after,
.side-nav .navbar-nav .nav-link a:focus::after,
.side-nav .navbar-nav .nav-link.current-menu-item a::after {
    width: 100%;
}
.side-nav .navbar-nav .nav-link.current-menu-item {
    background: transparent;
}
.side-menu p{
    font-size: 13px;
    margin-top: .5rem;
    margin-bottom: 0;
}

.social-icons-simple{
    margin-bottom: 0;
    margin-left: -10px;
}

.social-icons-simple li{
    display: inline-block;
}

.social-icons-simple li a {
    display: block;
    font-size: 16px;
    height: 36px;
    line-height: 38px;
    border: 1px solid transparent;
    text-align: center;
    width: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.social-icons-simple li a:hover{
    color: #FFFFFF;
}

.modal-content{border-radius: 0}


/* ===================================
    Page Loader
====================================== */

.loader {
    height: 100%;
    width: 100%;
    top: 0;
    position: fixed;
    overflow: hidden;
    z-index: 1200;
    background: #FFFFFF;
}

.cssload-loader {
    width: 54px;
    height: 54px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    top: 50%;
}

.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.cssload-inner.cssload-one {
    left: 0%;
    top: 0%;
    animation: cssload-rotate-one 1.15s linear infinite;
    -o-animation: cssload-rotate-one 1.15s linear infinite;
    -ms-animation: cssload-rotate-one 1.15s linear infinite;
    -webkit-animation: cssload-rotate-one 1.15s linear infinite;
    -moz-animation: cssload-rotate-one 1.15s linear infinite;
    border-bottom: 5px solid #3a3029;
}

.cssload-inner.cssload-two {
    right: 0%;
    top: 0%;
    animation: cssload-rotate-two 1.15s linear infinite;
    -o-animation: cssload-rotate-two 1.15s linear infinite;
    -ms-animation: cssload-rotate-two 1.15s linear infinite;
    -webkit-animation: cssload-rotate-two 1.15s linear infinite;
    -moz-animation: cssload-rotate-two 1.15s linear infinite;
    border-right: 5px solid #3a3029;
}

.cssload-inner.cssload-three {
    right: 0%;
    bottom: 0%;
    animation: cssload-rotate-three 1.15s linear infinite;
    -o-animation: cssload-rotate-three 1.15s linear infinite;
    -ms-animation: cssload-rotate-three 1.15s linear infinite;
    -webkit-animation: cssload-rotate-three 1.15s linear infinite;
    -moz-animation: cssload-rotate-three 1.15s linear infinite;
    border-top: 5px solid #3a3029;
}

@keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-one {
    0% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-two {
    0% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-three {
    0% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}


/* ===================================
    Media Queries
====================================== */


@media screen and (max-width: 1367px) and (min-width: 1199px) {
    #rev_slider_15_1 .tp-parallax-wrap{
        padding-left: 0 !important;
        left: 120px !important;
    }

    #rev_slider_15_1 .slider-button{
        margin-left: 30px !important;
    }
    .navbar-top-default.center-logo .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }


}

@media screen and (min-width: 1610px){


    #rev_slider_15_1 .tp-parallax-wrap{
        padding-left: 50px !important;
    }
}
@media screen and (min-width: 1700px){
    .col-xxl-3{
        -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;}
}
@media screen and (max-width: 1199px) {


    #rev_slider_15_1 .tp-parallax-wrap{
        padding-left: 6rem;
    }
    .tp-bullets.heroex2{
        left: 58% !important;
    }

    .navbar-top-default.center-logo .logo {
        position: relative;
        left: 0;
        transform: translateX(0);
    }
    .container.top-header{
        max-width: 98%;
    }
    .top-center-logo .navbar-nav .nav-link{
        margin-right: 0.6rem;
        margin-left: 0.6rem;
        font-size: 13px;
    }
    .header-appear .top-center-logo .navbar-nav.sx .nav-link {
        margin-right: 0.5rem;
        margin-left: 0.5rem;

    }

    .top-left-logo .navbar-nav .nav-link {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .header-appear .top-center-logo .navbar-nav .nav-link {
        margin-right: 1rem;
        margin-left: 1rem;
    }
    .team-box input[type="radio"]:checked+label ~ .accslide,.team-box .accslide .team-inner {
        width: 780px;}
    .team-box .accslide .team-about {
        padding: 30px;
        width: 500px;
    }

    .team-box .accslide .team-img {
        width: 300px;
        margin-top: 0px;
    }

}
@media screen and (max-width: 1060px) {
    .top-center-logo .navbar-nav .nav-link{
         margin-left: 0.5rem;
        font-size: 12px;
    }
}
@media screen and (max-width: 991px) {
    .h1,h1 {font-size: 1.8rem;}
    
    .h2,h2 {font-size: 1.5rem;}
    .single-cover h2{
      font-size:3rem;
    }

    .tp-bullets.heroex2{
      display: none !important;
    }

    .top-header-area .header-top-text{
        display: none;
    }
    header .top-center-logo a.logo {
        position: relative;
        top:auto;
        left: 0;
        transform: translateX(0);
        margin: 20px 0;
    }
    .top-center-logo .logo-light,
    .top-center-logo .logo-dark{
        max-width: 70%!important
    }

    .header-appear .navbar.top-center-logo{
        height: auto;
    }

    header.header-appear .top-center-logo a.logo{
        top: 0;
        margin: 5px 0;
    }
    .navbar-top-default .header-social {
        top: calc(50% - 5px);
    right: 140px;
    }
    .navbar.top-center-logo .navbar-nav{
        top: auto;
        padding-left: 15px;
    }
    .navbar.top-center-logo .navbar-nav
    {
        border: none;
    }
    .top-center-logo .navbar-nav .nav-link,.header-appear .top-center-logo .navbar-nav .nav-link {
        margin-right:0;
        margin-left: 6px;
    }
    .nav-line .navbar-nav .nav-link:before{
        display: none;
    }

    .navbar.top-center-logo .navbar-nav{
        padding-left:0;
        padding-right:0;
    }
   #mobile.navbar-nav {
        margin-top: 4em;
    }
    .navNext,.navPrev{
        display: none;
    }

    .team-box input[type="radio"]:checked+label ~ .accslide, .team-box .accslide .team-inner {
        width: 540px;
    }
    .team-box .accslide .team-about {
        padding: 15px;
        width: 350px;
    }

    .owl-team .owl-item.active .offer-about{
        animation-name:initial;
        animation-duration: 0.1s;
        animation-delay: 0.1s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        backface-visibility: hidden;
    }
    .owl-team .owl-item.active .offer-image{
        animation-name: initial;
        animation-duration: 0.1s;
        animation-delay: 0.1s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        backface-visibility: hidden;
    }
    #portfolio_top::before, #portfolio_top::after {
        background: #f8f9fa;
        height: auto;
    }
    .apartment-content-area .owl-next, .apartment-content-area .owl-prev{
        top: 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);

    }
    .apartment-content-area .owl-next {
         left: 30%;
    }
    .apartment-content-area .owl-prev {
         right: 30%;
    }

    /* side nav */

    .sidemenu_btn {
        position: relative;
        right: 0;
        top: 10px;
    }

    .text_wrap {
    padding:0;
    }
    .text_wrap .heading-title{
        padding-top: .8rem !important;
    }
    .bottom-text > .cells{
        width: 100%;
        padding-bottom: 3rem;
    }

    .price-item.center{
        margin-top: 0;
    }

}

@media screen and (max-width: 775px){
    #rev_slider_15_1 .tp-parallax-wrap {
        padding-left:0 !important;
    }
}

@media screen and (max-width: 767px) {
    .h3, h3 {
        font-size: 1.3rem;
    }
    .mb-xs-5{
        margin-bottom: 3rem!important;
    }
    .mb-xs-4{
        margin-bottom: 1.5rem!important;
    }
    .mb-xs-3{
        margin-bottom: 1.5rem!important;
    }

    .single-cover h2{
        font-size:1.9rem;
    }

    .blog-box h4{
        padding: 0;
        border-left: none;
    }
	.btn.cart em{
	display:none;
	}

    .sm-container-full{
        max-width: 100%;
    }

    .team-box label{
        height: 50px;
        width: 100%;
        float: none;
        border-bottom: 2px solid #FFFFFF;
        border-top:none;
    }

    #rad1 label{
        margin-bottom: -2px;
    }

    .team-box .accslide {
        height:0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        border-left:1px solid #e8dcdc;
        border-right:1px solid #e8dcdc;
        border-bottom:none;
        border-top: none;
        -webkit-transition:height 1s linear;
        -moz-transition:height 1s linear;
        -o-transition:height 1s linear;
        -ms-transition:height 1s linear;
        transition:height 1s linear;
    }
    .team-box input[type="radio"]:checked+label ~ .accslide, .team-box .accslide .team-inner {
        width: 100%;
        height: 850px;
        opacity: 1;
        visibility: visible;
        overflow: hidden;
    }
    .team-box .accslide .team-about {
       display: block;
        width: 100%;
    }
    .team-box .accslide .team-img {
        width: 100%;
        margin-top: 15px;
        position: relative;
    }
    .team-img img{
        width: 100%;
    }
    .team-box .team-name {
        position: relative;
        text-align: center;
        line-height: 50px;
        top: auto;
        left: auto;
        transform: translateY(0);
        height: 50px;
        width: 100%;
        padding: 0;
        display:block;
    }

    .content-carousel .owl-carousel .owl-dots {
        position: relative;
        padding: 0.5%;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        margin-top: 5px;
    }
    .content-carousel .owl-carousel .owl-dot {
        max-width: 19%;
        margin: 0 .5%;
        height:100px !important;
        position: relative;
        overflow: hidden;
    }
    .content-carousel .owl-stage-outer {
        max-width:100%;
    }
    .content-carousel .owl-carousel .owl-item img {
        width: 100%;
        max-width: 98%;
        margin: 0 auto;
    }

    .heroex, .tp-tabs, .tp-thumbs{
        display: none !important;
    }
    .slider-social {
        display: block;
        top: auto;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
    }
    .slider-social a {
        display: inline-block;
    }

    .video-parallax h2 {
        font-size: 2rem;
    }
    header .top-center-logo a.logo{
        padding-left: 0px;
    }
    header.header-appear .top-center-logo a.logo{
        padding-left: 15px;
    }
    header .top-left-logo a.logo{
        padding-left: 15px;
    }

    .feature-box .h4,.feature-box h4 {
        font-size: 1.2rem;
    }
    .map-container {
        height: 350px;
    }

    .team-box{
        padding: 0;
    }

    /* side menu */

    .side-menu {
        width: 380px;}

    .bottom-text .port_head {
        font-size: 4rem;
     }
    .btn-large {
        font-size: 13px;
        padding: 6px 26px;
       }
    .circle-top:after, .circle-left:before{
        display: none;
    }
    .parallax-text {
        font-size: 2rem;
    }

    .page-title{
        padding: 4rem 0 1rem;
    }

}


@media screen and (max-width: 600px) {

    .content-carousel .owl-carousel .owl-dot {
        height: 60px !important;
        max-width: 18.2%;
        margin: 0 0.9%;
    }
    .offers-container-inner .offer-about {
        max-width: 100%;
        padding:50px 30px;
    }
    .offer-image {
       margin-left:0;
    }
    .offers-container-inner.d-flex {
        display: block !important;
    }
    .offers-container-inner .offer-about p {
        max-width: 100%;
    }
    .offer-image {
        margin-left: 0;
        height: 390px;
    }
    .slider-text{
        font-size: 28px !important;
    }

    .page-content{
        padding-left:15px;
        padding-right: 15px;
    }

    .blog-detail-tag{
        text-align: center;
    }

    .blog-detail-item .blog-share {
        text-align: center;
        display: block;
        float: none;
        margin-top: .7rem;
    }

}

.acf-map {
	width: 100%;
	height: 600px;
	border: none!important;
	margin: 0 0 0px 0;
}
/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
.acf-map h3 {
    margin:10px 0;
    font-size: 1.25rem;
}
.acf-map strong {
    font-size: 1rem;
    margin-bottom: 5px;
    display: inline-block;
}
@media (max-width: 991px) {
    .acf-map {

	height: 400px;
    }
}

.banner_focus {
    width: 100%;
    position: relative;
}
.banner_focus:before {
    content: "";
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    z-index: 0;
    height: 120px;
}
.banner_focus.banner_first:before {
    top: 0;
}
.banner_focus.banner_last:before {
    bottom: 0;
}
 .banner_focus:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f2f2f0;
    z-index: -1;
    transition: height 1s;
}
.banner_focus.banner_last:after {
    background-color: #39af8c;
}
.cantina .banner_focus.banner_last{
    top:-50px
}
.banner_focus.banner_first .banner_inner{
     padding-left: 50px;
}
.cantina .banner_focus.banner_first .banner_inner{
    top: -60px;
}
.banner_focus.banner_last .banner_inner{
     padding-right: 50px;
}
.banner_focus .banner_inner {
    max-width: 100%;
    padding: 60px 70px 0;
    position: relative;
    z-index: 1;
}
.banner_focus .banner_inner_img {
    height: 100%;
    padding-bottom: 70%;
    overflow: hidden;
    margin-bottom: 60px;
    position: relative;
}
.banner_focus .banner_inner_img.h60 {
    padding-bottom: 60%;
}
.banner_inner .button-play{
    top: 60%;
}

.btn-overlay{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner_focus .banner_inner_img>div {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
}
.banner_focus .banner_inner_img .post-thumb {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    visibility: visible;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.banner_focus.banner_first .banner_inner_content {
    padding-bottom: 60px;
}
.banner_focus.banner_last .banner_inner_content {
    padding-top: 30px;
    padding-bottom: 60px;
    color:#fff;
}
.banner_focus .banner_inner_content .banner_inner_title h2{
        font-size: 45px;
    margin-bottom: 30px;

}
.banner_focus .banner_inner_content .banner_inner_title h2 span {
    font-weight: 300;
    text-transform: none;
    font-style: italic;
    display: block;

}
.banner_focus .banner_inner_content .banner_inner_readmore {
    margin-right: 20%;
    font-size: 18px;
    line-height: 1.4;
}
.banner_focus .banner_inner_readmore .btn-arrow{
    display: block;
    text-align: left;
    padding: 20px 40px;
    margin-top: 20px;
    width: 220px;
    color: #fff;
    font-weight: 400;
    position: relative;
    -webkit-transition-property: color;
    -o-transition-property: color;
    -moz-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;

}
.banner_focus.banner_first .banner_inner_readmore .btn-arrow{
    color: #41c7a0;

}
.banner_focus .banner_inner_readmore .btn-arrow span {
    position: absolute;
    top: 22px;
    left: 0;
    margin-left: 0px;
    transition: left .2s ease;
    overflow: hidden;

}
.banner_focus .banner_inner_readmore .btn-arrow:hover {
    color:#000;
    -webkit-transition-property: color;
    -o-transition-property: color;
    -moz-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.banner_focus .banner_inner_readmore .btn-arrow:hover span {
    left:  180px;
    transition: left .2s ease;

}
/*-------------------------------*/
    /*Page Headers */
/*-------------------------------*/
.page-header {
  min-height: 600px;
   background-position: center center;
   -webkit-background-size: cover;
   background-size: cover;
   width: 100%;
}
.page-header.m-0 {
  min-height: 270px;
}
.page-header:after {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background-color: rgba(0,0,0,0.2);
}
.page-header.where {
     background-color: #2d7d66;
}
.page-header.where:after {
    content: none!important;
}

.page-header .page-titles {

   position: relative;
   margin-top: 5rem;
   text-transform: capitalize;
}
.breadcrumb {
	background: transparent;
	padding: 0;
        margin-left: 0;
}
.breadcrumb .breadcrumb-item {
   font-size: 14px;
}
.breadcrumb .breadcrumb-item:hover,
.breadcrumb .breadcrumb-item:focus,
.breadcrumb .breadcrumb-item.active {
	color: #67873b;
}
.breadcrumb .breadcrumb-item.active a:visited {
	color: #67873b;
}
#particles canvas {
	position: absolute;
}


.rev-overlay:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    z-index: 2;
}

.box-three{
    display: inline-block;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.box-three {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
    top: 0px;
    box-shadow: 1px 2px 10px rgba(100,100,100,0.3);
}
.box-three h3{
    font-size: 1.5rem;
}
.box-three .box-content {
    padding: 30px 1.25rem;
    text-align: center;
    background: #FFFFFF;
}
.works .box-three .box-content {

    text-align: left;

}
.works .box-three .box-content ul li {
    list-style: square;

}
.box-three .box-content h2 {
    font-size: 1.1rem;
}
.box-three .box-content h2 span{
    text-transform: none;
    display: block;
}
.box-three .image{
    position: relative;
    overflow: hidden;
}
.box-three .overlay
{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.box-three:hover .overlay {
    opacity: 1;
    visibility: visible;

}
.box-three:hover  {

    box-shadow: 1px 8px 30px rgba(100,100,100,0.4);
}



.breadcrumb-page a{
    position: relative;
    margin-top: 10px;
    color:#39af8c;
}
.breadcrumb-page a:hover{

    color:#29d6a3;
}
a.btn-back{
    margin-left: 40px;
    position: relative;
}
.btn-back:before{
    content: "";
    position: absolute;
    top: -2px;
    left: -35px;
    width: 1.1em;
    height: 1.5em;
   background-image:url(../images/back.svg) ;
    background-size: cover;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-back:hover:before{
    left: -55px;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}
.legal{font-size: 13px; line-height: 1.2rem;}
.dark_form span.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
}
.arrivo:before, .partenza:before {
    font-family: 'FontAwesome';
    content: '\f073';
    width: 15px;
    height: 15px;
    position: absolute;
    right: 20px;
    z-index: 1;
    top: 10px;
    color: #39af8c;
}
.intro-content.page-404 h4{
    text-transform: none;
}
.intro-content.page-404{
    font-size: 18px
}
.main-content .intro-content {
    padding: 7rem;
}
.main-content .intro-content-list {
    padding: 7rem 7rem 2rem;
}
.wrapper-slide .intro-content-list h2 {
    font-size:1.5rem;
}
.wrapper-slide .intro-content-list p {
    font-size:1.2rem;
}
.main-content .line-60-green{
    background: #204030;
    width: 100%;
    height: 55px;
        border-bottom:2px solid #26211d

}
@media (max-width: 991px) {
    #booking-form .container {
        width: 100%;
            max-width: 100%;
    }
    #booking-form .btn-large {

        padding: 9px 14px;
    }
}

.img-container {
    position: relative;
    overflow: hidden;
}
.section-video {
    background: #fff;
    padding: 0px;
    height: 100vh;
    width: 100%;
}
.cate-cape .item{
    margin: 9rem 0;
}
@media (max-width: 768px) {

    .wrapper-slide .intro-content-list p {
        font-size: 1rem;
        line-height: 1.1rem;
    }
    .newsletter .row .row .p-0{padding-left: 15px!important;padding-right: 15px!important;}
}
@media screen and (max-width: 600px) {
    .main-content .intro-content {
        padding: 5rem 2rem;
    }
}

.focus-content {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.focus-content:hover {

  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.focus-content a:hover,
.focus-content a:visited{
    color:#fff;
}
.focus-content-text a,
.focus-content-text a:visited{
    color:#000;
    text-transform: uppercase;
    
}
.focus-content-text a:hover{
    color:#30d5c8;
}
.focus-content a.arrow { position: relative; }
.focus-content-text a.arrow { 
    position: relative; 
    margin-top:20px;
    display: inline-block;
}

.focus-content a.arrow:before{
content: "\e628";
position: absolute;
width: 50px;
height: 40px;
color:#fff;
font-family: 'themify';
font-size: 0px;
right: 0;
top: 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.focus-content-text a.arrow:before{
    content: "\e628";
    position: absolute;
    width: 40px;
    height: 30px;
    color:#000;
    font-family: 'themify';
    font-size: 25px;
    right: -55px;
    top: calc(50% - 12px);
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.focus-content:hover a.arrow:before{
    right: -100px;
    top: calc(50% - 10px);
visibility: visible;
opacity: 1;
font-size: 30px;
-webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;

}
.focus-content-text:hover a.arrow:before{
    right: -90px;
    top: calc(50% - 12px);
visibility: visible;
opacity: 1;
font-size: 26px;
color:#364058;
-webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;

}
.focus-content-text .title-underline{ 
    padding-bottom: .5rem;
    margin-bottom: 2rem;
    position: relative;
}
.focus-content-text .title-underline:before {
    background-color: #364058;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(95%);
    height: 5px;
    width: 400px;
}
.focus-content-text .title-underline:after{
    bottom: 2px;
    right: 0;
    height: 1px;
    background-color: #364058;
    content: "";
    position: absolute;
    width: 100%;
}
.about-modern .about-content {
    z-index: 2;
    position: relative;
     padding: 80px 150px;
}
@media only screen and (max-width: 1200px) {
    .about-modern .about-content {
        padding: 80px 60px;
    }

}
@media only screen and (max-width: 991px) {
    .about-modern .about-content {
        padding: 50px 30px;
    }
    .about-modern .mt-5 {
        margin-top: 0!important;
    }

}


.sp-top {
    padding-top: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .sp-top {
        padding-top: 90px;
    }
}

@media only screen and (max-width: 767.98px) {
    .sp-top {
        padding-top: 60px;
    }
}
.about-content h2 {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.about-content h3 {
    text-transform: none;
    font-size: 1.75rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.about-content h3 {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.about-content.list-point li,
.list-point li{
	list-style: square;
	padding: 3px;
}
@media (max-width: 1200px) {
    .about-content h3 {
        font-size: calc(1.35rem + 1.2vw);
    }
}


.about-modern .about-txt {
    max-width: 370px;
}
.about-thumb {
    position: relative;
}
.about-thumb.brochure{
	text-align: center;
    background: #dcede4;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .about-thumb {
        margin-bottom:0;
    }
}
.about-thumb img {
    width: 100%;
}
.about-thumb.brochure img{width: auto; margin-left:auto; margin-right:auto;}

.about-thumb-ml {
    margin-left: -100px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .about-thumb-ml {
        margin-left: 0;
    }
}

.about-thumb-left-align {
    margin-left: -550px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .about-thumb-left-align {
        margin-left: auto;
    }
}
.about-thumb-right-align {
    margin-right: -550px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .about-thumb-right-align {
        margin-right: auto;
    }
}
.ontent-mw-400{
    max-width: 350px;
    width: 100%;
}
.ontent-mw-450{
    max-width: 450px;
    width: 100%;
}



.move-w::after {
    display: inline-block;
}
.move-w::after {
    content: attr(data-text);
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    color: #666666;
    overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.move-w:hover::after {
    width: 100%;
}
.move-w:hover,
.move-w:focus {
    color: #666666;
}

.about-content-icon {
    padding: 60px 30px;
    margin-left: 10px;
}
.about-content-icon:before {
    content: '';
    background-image:url(../images/interarredo-ico-light.svg) ;
    background-repeat: no-repeat;
    background-position:  0px 10px;
    position: absolute;
    left: 20px;
    top: 0;
    width: 250px;
    height: 100%;
    z-index: -1;

}
.about-content-icon .section-title h1{
    margin-top: 70px;
    margin-bottom: 70px;
    color: #000;
    text-transform: none;
    font-size: 2.2rem;
    line-height: 2.4rem;
}
.about-content-icon .section-title p{
    margin-top: 20px;
    font-family: 'Aleo', serif;
    color: #000;
    text-transform: none;
    font-size: 1.1rem;
    line-height: 2.1rem;
}
@media only screen and (max-width: 767.98px) {
    .about-content-icon {
        margin-left: 0;
        padding: 0;
    }
    .about-content-icon .section-title h1{font-size: 1.8rem;}
}

@media only screen and (min-width: 1200px) {
    .about-content-icon .about-txt {
        max-width: 400px;
    }
}

.gallery-news{
    position: relative;
}


.swiper-container {
      width: 100%;
      height: 600px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    .gallery-top {
      height: 100vh;
      width: 100%;
    }
    .gallery-top .swiper-slide:before{
        content: '';
        background-color: rgba(0,0,0,0.6);
        position: absolute;
        width: 100%;
        height: 100%;
		top:0;
		left:0;
    }
    .gallery-thumbs {
      height: auto;
      width: 80%;
      position: absolute;
      right: 0;
      bottom: 10%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .gallery-thumbs .swiper-slide {

        overflow: hidden;
        margin: 0 auto;
        height: 100%;

    }
    .gallery-thumbs .swiper-slide .content-swiper-thumb{
        position: relative;
    }
    .gallery-thumbs .swiper-slide .content-swiper-thumb:before{
        content: '';
        background-color: rgba(0,0,0,0.3);
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .content-swiper-thumb:before {
      background-color: rgba(0,0,0,0);
    }
    .content-box-thumbs{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    }
    .content-swiper-text,
    .content-swiper-thumb{
        display: block;
        width: 100%;
    }

.gallery-thumbs .swiper-slide .content-swiper-thumb{
        display: block;
        width: 100%;
        background-size: cover;
        background-position: center center;
        min-height: 200px;
    }
    .gallery-thumbs .swiper-slide .content-swiper-text{
        line-height: 1.3rem;
         min-height: 160px;
    }
    .gallery-thumbs .swiper-slide .content-swiper-text h5{
       letter-spacing: 0.05em
    }
    .gallery-thumbs .swiper-slide .content-swiper-text a,
    .gallery-thumbs .swiper-slide .content-swiper-text a:visited{
        color:#fff;
    }
    .gallery-thumbs .swiper-slide .content-swiper-text{
        display: none;
        width: 0%;
    }
    .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .content-swiper-text,
    .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .content-swiper-thumb{
        display: block;
        width: 100%;
    }
    
    @media (min-width: 1400px){ 
    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}
    
    .gallery-hotel {
      height: auto;
      width: 100%;
      box-sizing: border-box;
      padding: 10px 0 10px 50px;
    }
    .gallery-news.hotel .title-underline{ 
        padding-bottom: .5rem;
        margin-bottom: 2rem;
        position: relative;
    }
    .gallery-news.hotel .title-underline:before {
        background-color: #364058;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateX(-95%);
        height: 5px;
        width: 400px;
    }
    .gallery-news.hotel .title-underline:after{
        bottom: 2px;
        left: 0;
        height: 1px;
        background-color: #364058;
        content: "";
        position: absolute;
        width: 100%;
    }
    .gallery-hotel .swiper-slide {

        overflow: hidden;
        margin: 0 auto;
        height: 100%;

    }
    .gallery-hotel .swiper-slide .content-swiper-thumb{
        position: relative;
    }
    .gallery-hotel .swiper-slide .content-swiper-thumb:before{
        content: '';
        background-color: rgba(0,0,0,0.3);
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .gallery-hotel .swiper-slide.swiper-slide-thumb-active .content-swiper-thumb:before {
      background-color: rgba(0,0,0,0);
    }
    .content-box-thumbs{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    }
    .content-swiper-text,
    .content-swiper-thumb{
        display: block;
        width: 100%;
    }

.gallery-hotel .swiper-slide .content-swiper-thumb{
        display: block;
        width: 100%;
        background-size: cover;
        background-position: center center;
        min-height: 200px;
    }
    .gallery-hotel .swiper-slide .content-swiper-text{
        line-height: 1.3rem;
         min-height: 160px;
    }
    .gallery-hotel .swiper-slide .content-swiper-text h5{
       letter-spacing: 0.05em
    }
    
    
    @media only screen and (max-width: 767.98px) {
    #fullpage .section {
        padding: 0px 0;
    }

    #fullpage .section:first-child {
        padding-top: 0;
    }

    #fullpage .section:last-child {
        padding: 0;
    }

    #fullpage .section:nth-last-child(2) {
        padding-bottom: 0;
    }
    .gallery-hotel {
      height: auto;
      width: 100%;
      box-sizing: border-box;
      padding: 10px 0 10px 10px;
    }
}

#fullpage .section>.fp-tableCell>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

#fp-nav ul li,
#multiscroll-nav ul li {
    margin: 0 0 12px;
    height: auto;
    width: auto;
}

#fp-nav ul li:last-child,
#multiscroll-nav ul li:last-child {
    display: none;
    margin-bottom: 0;
}

#fp-nav ul li a,
#multiscroll-nav ul li a {
    background-color: transparent;
    border: 2px solid #3a3029;
    border-radius: 50%;
    width: 18px;
    height: 18px;
     -webkit-box-shadow:  1px 1px 1px 2px rgba(255, 255, 255, 0.6);
    box-shadow: 1px 1px 1px 2px rgba(255, 255, 255, 0.6);
}

#fp-nav ul li a.active,
#multiscroll-nav ul li a.active {
    border-color: #fff;
    background-color: #fff;
}

#fp-nav ul li a span,
#multiscroll-nav ul li a span {
    display: none;
}

#fp-nav.dark ul li a,
#multiscroll-nav.dark ul li a {
        border-color: #3a3029;

}

#fp-nav.dark ul li a.active,
#multiscroll-nav.dark ul li a.active {
        border-color: #fff;
        background-color: #fff;
}

#fp-nav.dark ul li .fp-tooltip,
#multiscroll-nav.dark ul li .fp-tooltip {
    color: #f2f2f2;
}

.content-page:before {
        content: '';
        background-color: rgba(0,0,0,0.5);
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
.content-page.cover {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
     background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.content-page .section-title h1{
    letter-spacing: 0.08em;
    color:#b4b4b8;
}
.content-page .about-content-inner{
    font-size: 16px;
    color:#b4b4b8
}



.section {
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
		overflow: hidden;
	}

#bg-video{
        position: absolute;
        right: 0;
        bottom: 0;
        top:0;
        right:0;
        width: 100%;
        height: 100%;
        min-width: 100%;
        min-height:100%;
        background-size: 100% 100%;
        background-color: black; /* in case the video doesn't fit the whole page*/
       /* background-image:  our video ;*/
        background-position: center center;
        background-size: contain;
        object-fit: cover; /*cover video background */
        z-index:3;
}
 .volume {
    position: absolute;
    bottom: 40px;
    left: 40px;
	z-index: 4;

}


 .volume .fa-volume-mute, .volume .fa-volume-up {
    padding: 10px;
	font-size:30px;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.volume :hover {
    cursor: pointer;
}
.fa-volume-mute::before {
	font-family: 'FontAwesome';
    content: "\f026";

}
.fa-volume-up::before {
	font-family: 'FontAwesome';
    content: "\f028";
}
.video-intro:before{
    content: '';
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    background: rgba(0,0,0,0.4);
    z-index: 4;
}
.background-intro{
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center -45px;
}
.layer{
    position: absolute;
    z-index: 4;
    right: 0;
   left: auto;
   width: 300px;
    top: 90px;
    bottom: 70px;
    height: calc(100% - 160px);
    display: block;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
@media only screen and (min-width: 1920px) {
    .layer{
   right: 0;
   left: auto;
   width: 300px;
    top: 150px;
    bottom: 150px;
    height: calc(100% - 300px);

    }
}
@media only screen and (max-width: 768px) {
    .bgvideo{
        height: 100%;
        width: auto;
    }
	.layer{
   right: 0;
   left: auto;
   width: 100%;
    top: auto;
    bottom: 50px;
    height: 100%;

    }
	
	.right-block {
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: end;
	}

}
.rounded-box{
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: .5rem;
    margin-right: 3rem;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.rounded-box:hover{
    cursor: pointer;
   -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.rounded-box h2 span{
    display: block;
    font-size: 1rem;
     line-height:1rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;

}
.rounded-box h2{
    display: block;
    text-align: center;
    font-size: 2rem;
    letter-spacing: 0.05em;
    line-height: 2.3rem;
    text-transform:  none;
     margin-bottom: 0;

}
.rounded-box a{
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
.rounded-box a,
.rounded-box a:visited,
.rounded-box a:hover{
    color:#fff;
}
.rounded-box h2:after{
    content: "\e661";
    font-family: 'themify';
    display: block;
    opacity: 0.5;
    font-size:1.4rem;
    padding-top: 10px;
    margin-left: 0;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.rounded-box:hover h2:after{
    margin-left: 35px;
     font-size:1.825rem;
     opacity: 1;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
@media only screen and (max-width: 1280px) {
    .rounded-box{
       width: 130px;
       height: 130px;
    }
    .rounded-box h2 span{

        font-size: 0.7rem;
         line-height:1rem;


    }
    .rounded-box h2{
         line-height: 1.8rem;
        font-size: 1.5rem;
    }
	.rounded-box h2:after{
    content: none;
	}
}
.paragraph_title_container{
    padding: 4rem 0;
    position: relative;
}

@media only screen and (max-width: 768px) {
	.rounded-box{
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
	}
	
}
@media only screen and (max-width: 500px) {
	.layer {
		right: 0;
		left: auto;
		width: 100%;
		top: auto;
		bottom: 40px;
		height: 250px;
	}

	.right-block{
		display:inline-block;
		text-align:center;
		
	}
	.rounded-box{
    display:inline-block;
	width: 130px;
    height: 110px;
	margin-top: 0;
    margin-bottom: 0; 
    margin-left: .2rem;
    margin-right: .2rem;
	}
	
}


.paragraph_title_container a, .paragraph_title_container a:visited{
    color:#fff;
    display: block;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1);
     -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.paragraph_title_container  a:hover{
    -webkit-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    -o-transform: scaleX(1.1);
    -moz-transform: scaleX(1.1);
    transform: scaleX(1.1);
     -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    display: block;
}
.paragraph_title_container:before{
    content: '';
    position: absolute;
    background-color: rgba(255,255,255,0.3);
   width: 100%;
   height: 100%
}
.paragraph_title_container .section-title{
    margin-bottom: 0;

}
.paragraph_title_container .section-title h3{
    text-transform: none;
    font-size: 3rem;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: 300;

}
.line_set._1 {
    position: absolute;
    left: calc(50% - 15%);
    bottom: 16px;
    width: 30%;
}
.line_set._1 .square {
    width: 16px;
    height: 16px;
    position: relative;
}
.line_set._1 .square .border {
    width: 14px;
    height: 14px;
    border: 1px solid #BDA991;
}
.square .inline {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px;
    background: #463c35;
}
.square.shifted.right .inline {
    left: 10px;
}
.square.shifted .inline {
    background: #3a3029;
}
.line_set._1 .start_square {
    position: absolute;
    top: 5px;
    left: 30px;
}
.start_square {
    width: 6px;
    height: 6px;

}
.line_set._1 .line._1 {
    top: 8px;
    position: absolute;
    left: 37px;
    width: calc(100% - 37px);
}
.line_set._1 .line, .line_set._2 .line, .line_set.side_walk .line, .line_set.round {
    background: #ffffff;
}
.line.l_r {
    transform-origin: left;
}
.line.horizontal {
    height: 1px;
    width: calc(100% - 35px);
}
.line {
    -webkit-transition: all 750ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition: all 750ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition: all 750ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition: all 750ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
.line_set._1 .line._2 {
    right: 0;
    position: absolute;
    bottom: 8px;
    height: 20vh;
    background: linear-gradient(#FFFFFF, #ffffff);
}
.line.vertical {
    height: 100%;
    width: 1px;
}
.line_set._1 .big_square {
    bottom: calc(20vh + 20px);
    right: -60px;
}

.line_set .big_square {
    cursor: pointer;
}
.big_square {
    position: absolute;
    width: 137px;
    height: 137px;
}
.big_square .borders {
    border: 1px solid #FFFFFF;
    width: 135px;
    height: 135px;
}
.big_square.shifted.right .inline {
    left: 80px;
    transform-origin: left;
}

.big_square .inline {
    width: 115px;
    height: 115px;
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.big_square .inline .inline_back {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    transform-origin: left;
    text-align: right;
}
.has_transition_1500 {
    -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.big_square .inline .inline_back:before {
    content: "";
    background-image:url(../images/arrow-angol.svg) ;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    margin-top: calc(50% - 25px);
    margin-left: calc(50% - 25px);
    display: block
}


.section.square > .fp-tableCell h3,
.section > .fp-tableCell h1{
	transform: translateY(-1000px);
	opacity: 0;
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out;

}
.section > .fp-tableCell .text-content{
	transform: translateY(2000px);
	opacity: 0;
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity 1.5s ease-in-out;
        transition-delay: .6s;
}

.section.square.active > .fp-tableCell h3,
.section.active > .fp-tableCell h1{
	transform: translateY(0);
	opacity: 1;
}
.section.active > .fp-tableCell .text-content {
	transform: translateY(0);
	opacity: 1;
        transition: all .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity 1.5s ease-in-out;

}
.section.square > .fp-tableCell .line_set._1 {
	transform: translateX(100%);
	opacity: 0;
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out;

}
.section.square > .fp-tableCell .paragraph_title_container:before {
    transform: translateX(-100%);
	opacity: 0;
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out;
}

.section.square > .fp-tableCell p + p {
	transform: translateX(-100%);
}

.section.square > .fp-tableCell p + p + p {
	transform: translateX(0) translateY(0);
	transform: translateY(1000px);
}

.section.square.active > .fp-tableCell .line_set._1 {
	transform: translateX(0);
	opacity: 1;
}
.section.square.active > .fp-tableCell .paragraph_title_container:before {
	transform: translateX(0);
	opacity: 1;
}

.section.square.active > .fp-tableCell .line_set._1 {
	transition-delay: .2s;
}
.section.square.active > .fp-tableCell .paragraph_title_container:before {
	transition-delay: .2s;
}
.section.square.active > .fp-tableCell h3 {
	transition-delay: .4s;
}

.section.square.active > .fp-tableCell p + p {
	transition-delay: .4s;
}

.section.square.active > .fp-tableCell p + p + p {
	transition-delay: .6s;
}

/* =====================================
#Sliding Bottom
======================================== */

#popup_share {
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 9001;
}

.nice-scroll #popup_share {
    right: 30px;
}

#popup_share > a.button {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    margin: 0;
    text-align: center;
    color: rgba(0,0,0,.5);
    background:transparent;
    display: block;
}
#popup_share > a.button .icon-share{
    content: "";
    background-image:url(../images/share-2.svg) ;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    fill: #fff;
}
#popup_share > a.button:hover {
    text-decoration: none;
}

#popup_share .popup_share_wrapper {
    width:300px;
    padding: 10px 15px  15px;
    background: #000;
    position: absolute;
    bottom: 65px;
    right: 0;
   display: none;
}

#popup_share.focus .popup_share_wrapper {
    display: block;


}

#popup_share .popup_share_wrapper:after {
    content: '';
    position: absolute;
    right: 15px;
    bottom: -8px;
    margin: 0 auto;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid #000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

#popup_share .popup_share_wrapper form {
}

#popup_share .popup_share_wrapper form input[type="text"],#popup_share .popup_share_wrapper form input[type="email"],#popup_share .popup_share_wrapper form textarea {
    background: #fff;
    margin-bottom: 10px;
}

#popup_share .popup_share_wrapper form textarea {
    resize: vertical;
    min-height: 100px;
}

#popup_share .popup_share_wrapper form input[type="submit"] {
    margin: 0;
    float: right;
}

#popup_share .wpcf7-form.invalid > p:after {
    display: block;
}

#popup_share .wpcf7-form-control-wrap {
    display: inline-block;
    margin-right: 0;
    width: 100%;
}

#popup_share div.wpcf7 img.ajax-loader {
    margin-top: 10px;
}

#popup_share {
     -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;

}
#popup_share.color-header > a.button .icon-share{
    background-image: url(../images/share-2b.svg);

}


.process-wrapp {
   overflow: hidden;
   display: block;
   table-layout:fixed;
   margin: 0 25px;
}
.process-wrapp, .process-wrapp .process-block,
.process-wrapp .process-block > .pro-step {
   position: relative;
   z-index: 1;
}
.process-wrapp .process-block {
   text-align: center;
   padding: 70px  15px 0 15px;
   display: table-cell;
}
.tab-pane .process-wrapp .process-block {

   padding: 20px  15px 0 15px;

}
.process-wrapp .process-block:hover {
   cursor: pointer;
}
.process-wrapp .process-block > .pro-step {
   display: inline-block;
   height: 110px;
   width: 110px;
   padding: 20px;
   border: 1px solid #000;
   background: #fff;
   color: #000;
   text-align: center;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}
.tab-pane .process-wrapp .process-block > .pro-step {

   border: 1px solid #3a2f29;
   background: transparent;

}

.process-wrapp .process-block.green > .pro-step {
    border: 1px solid #204030;
    color: #204030;
}
.process-wrapp .process-block.orange > .pro-step {
    border: 1px solid #d0750b;
    color: #d0750b;
}
.process-wrapp .process-block.ciano > .pro-step {
    border: 1px solid #177591;
    color: #177591;
}


.process-wrapp .process-block .pro-text {
   font-size: 14px;
   line-height: 1.7em;
   color: #888;
   text-align: justify;
   padding: 10px;
}
.process-wrapp .process-block .pro-text h4 {
   color: #000;
   text-align: center;
}
.process-wrapp .process-block:hover > .pro-step {
   -webkit-box-shadow: 0 0 25px 50px #fff inset;
   box-shadow: 0 0 25px 50px #fff inset;
   color: #00bcd4;
}
.process-wrapp .process-block > .pro-step svg {
  -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: transform 1s;
     width: 100%;
    height: 100%;
}
.process-wrapp .process-block:hover > .pro-step svg {
  -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: transform 1s;

}
.process-wrapp .process-block::before, .process-wrapp .process-block::after {
    content: "";
    height: 1px;
    top: 115px;
    background: rgba(0,0,0, .5);
    position: absolute;
    width: 50%;
    z-index: -1;
    margin: 0 -45px;
}
.process-wrapp .process-block.green::before, .process-wrapp .process-block.green::after {
    background: #204030;
}
.process-wrapp .process-block.ciano::before, .process-wrapp .process-block.ciano::after {
    background: #177591;
}
.process-wrapp .process-block.orange::before, .process-wrapp .process-block.orange::after {
        background: #d0750b;
}
.process-wrapp .process-block:first-child::before,
.process-wrapp .process-block:last-child::after {
   opacity: 0;
   visibility: hidden;
}
.process-wrapp .process-block::before {
   left: 0;
}
.process-wrapp .process-block::after {
   right: 0;
}

/*process with box */
.process-number {
   background: #ccc;
   padding: 0 1rem 2.5rem 1rem;
   position: relative;
   text-align: center;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
.process-number,
.process-number .pro-step {
   -webkit-transition: all .5s linear;
   -o-transition: all .5s linear;
   transition: all .5s linear;
}
.process-number:hover {
   -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
   box-shadow: 0 0 20px rgba(0, 0, 0, .15);
   cursor: pointer;
}
.process-number .pro-step {
	font-weight: bold;
	font-size: 1.75rem;
	font-family: 'Open Sans', sans-serif;
	margin-right: 5px;
	color: #000;
	line-height: 1;
	background: #00bcd4;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	margin-top: -50px;
}
.process-number .pro-step::after {
	content: "";
	height: 5px;
	width: 5px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	background: #000;
	margin-left: 3px;
}
.process-number.even .pro-step{
   background: #643094;
}

/*Process icoin inside*/
.process-number.iconic {
   padding: 2.5rem 1rem;
}
.process-number.iconic > span {
	height: 90px;
	width: 90px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	line-height: 90px;
	display: inline-block;
	text-align: center;
	font-size: 48px;
	background: #00bcd4;
	color: #000;
}
.process-number.iconic:hover > span {
   -webkit-box-shadow: 0 0 20px 45px #643094 inset;
   box-shadow: 0 0 20px 45px #643094 inset;
}


@media screen and (max-width:1200px) {
   .process-wrapp {
      text-align: center;
   }
   .process-wrapp .process-block {
      display: inline-block;
      /*max-width: 300px;*/
   }
   .process-wrapp .process-block:first-child::before,
   .process-wrapp .process-block:last-child::after {
      opacity: 1;
      visibility: visible;
   }
}

.about-business-item {

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about-business-item .about-content {
    max-width: 550px;
    margin: auto;
    padding: 0 25px;
}
.team-area .heading-title span{
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color:#999;
}
.team-box,
.team-box .team-content {
   -webkit-transition: all .5s ease-in .1s;
   -o-transition: all .5s ease-in .1s;
   transition: all .5s ease-in .1s;
}
.team-box {
   position: relative;
   padding: 20px 20px 70px 20px;
   overflow: hidden;
}

.team-box::before {
   content: "";
   border: 20px solid #fff;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 50px;
}

.team-box.grey-shade img{
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}
.team-box.grey-shade:hover img {
   -webkit-filter: grayscale(0);
   filter: grayscale(0);
}
.team-box .team-content {
   padding: 20px 1.25rem;
   position: absolute;
   overflow: hidden;
   bottom: 0;
   left: 20px;
   right: 20px;
   -webkit-transform: translateY(53%);
   -ms-transform: translateY(53%);
   -o-transform: translateY(53%);
   transform: translateY(53%);
   text-align: left;
   background-color: #3a2f29;
    color:#fff;
}
.team-box .team-content.noleggio {
   padding: 20px 1.25rem;
   position: absolute;
   overflow: hidden;
   bottom: 0;
   left: 20px;
   right: 20px;
   -webkit-transform: translateY(0%);
   -ms-transform: translateY(0%);
   -o-transform: translateY(0%);
   transform: translateY(0%);
   text-align: left;
   background-color: #3a2f29;
    color:#fff;
}
.team-box.single .team-content {
   -webkit-transform: translateY(38%);
   -ms-transform: translateY(38%);
   -o-transform: translateY(38%);
   transform: translateY(38%);
}
.team-box.no-hover .team-content {
   -webkit-box-shadow: 0px 10px 5px -10px #b7b7b7;
   box-shadow: 0px 10px 5px -10px #b7b7b7;
   background: #fff;
}
.team-box.no-hover .team-content{
   -webkit-transform: none;
   -ms-transform: none;
   -o-transform: none;
   transform: none;
   position: relative;
   left: 0; right: 0;
}

.team-box .team-content h3 {
   font-weight: normal;
   font-size: 1.25rem;
   margin-bottom: 1em;
}
.team-box.no-hover .team-content h3 {
   color: #fff;
}
.team-box .team-content p {
   font-size: 14px;
   margin-bottom: 0;
}
.team-box .team-content.noleggio a{
	color:#fff;
}
.team-box .team-content.noleggio a:hover{
	color:#aaa;
}
.team-box:hover .team-content {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
}


.team-box .overlay {
   top: 0; left: 0;
   right: 0; bottom: 0;
}
.team-box:hover .overlay {
	opacity: 1;
	visibility: visible;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.team-box ul.social-icons li a {
   height: 30px;
   width: 30px;
   line-height: 30px;
   font-size: 14px;
}


.gallery-item .owl-nav .owl-prev,
.gallery-item .owl-nav .owl-next{
    bottom:calc(50% - 30px);
    position: absolute;
    width: 60px;
    height:60px;
    line-height: 60px;
    color: #3b3128;
    font-size: 32px;
    margin: 0px;
    padding: 4px 7px;
    background-color:rgba(255,255,255,0.7);
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
}
.gallery-item .owl-nav .owl-prev{
    right: 0;
}
.gallery-item .owl-nav .owl-next {
   left: 0;
}
.gallery-item .owl-nav .owl-prev i{
    position: absolute;
    left: 15px;
    top: 15px;
     -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.gallery-item .owl-nav .owl-prev:hover i{
-webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    left: 25px;
}
.gallery-item .owl-nav .owl-next i{
    position: absolute;
    right: 15px;
    top: 15px;
     -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.gallery-item .owl-nav .owl-next:hover i{
-webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    right: 25px;
}
.news-box ul{
    margin: 0;
    padding: 0;

}
li.wp_rss_retriever_item,
li.wp_rss_retriever_item a{
    display: block;
}
li.wp_rss_retriever_item a.visited{
    color:#666;
}
.content-items {
    padding: 3rem 6rem 3rem 6rem;
}

.wp_rss_retriever_metadata{
    color:#bdbdbd;
    text-transform: uppercase;
    text-align: left;
}
a.wp_rss_retriever_title{
    color:#000;
    text-align: left;
    font-size: 1.25rem;
    font-family: 'Aleo', serif;
}
a.wp_rss_retriever_title:hover{
    color:#8e764a;
    text-align: left;
    font-size: 1.3rem;
    font-family: 'Aleo', serif;
}
a.wp_rss_retriever_readmore{
    color:#8e764a;
    text-align: left;
    position: relative;
}
a.wp_rss_retriever_readmore:after{
    content:'';
    width: 60px;
    height: 1px;
    background-color:#8e764a;
    position: absolute;
    top: 50%;
    margin-left: 10px;

}
a.wp_rss_retriever_readmore:hover{
    color:#000;
}

.slogan:before{
    content: '';
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    width: 97.4%;
    background: rgba(34, 27, 23,0.55);
}
.slogan h4{
    text-transform: none;
    font-size:1.75rem;
    line-height: 1.8;
}


ul.schedules-nav {
    border-bottom: 2px solid #eee;
    margin-bottom: 40px;
    margin-left: 0px;
    padding-bottom: 5px;
}

.schedules-nav li {
    margin-right: 10%;
    margin-bottom: 20px;
}

.schedules-nav li:last-child {
    margin-right: 0
}

.schedules-nav li a {
    color: #aaa;
    font-size: 1.35rem;
    line-height: 1;
    position: relative;
    padding-bottom:20px;
    font-family: 'Aleo', serif;
    font-weight: 300;
    text-transform: uppercase;
}
.schedules-nav li:hover a,
.schedules-nav li a.active {

    color:#3a2f29;
}
.schedules-nav li a.active:before {
    background-color:#3a2f29;
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 2px;
    width: 100%;
    color:#3a2f29;
}

.schedules-content {
    overflow: hidden
}

.schedules-content .tab-pane.show h4,
.schedules-content .tab-pane.show h6 {
    -webkit-animation: slideInLeft .4s forwards;
    animation: slideInLeft .4s forwards
}

.schedules-content-item h4 {
    color: #f2b636;
    margin-bottom: 33px
}
.process-wrapp .process-block::before, .process-wrapp .process-block::after {
    content: none;
}

@media only screen and (max-width:768px) {

    .schedules-nav li a {
         padding-bottom:0px;
         font-size: 1rem;
    }


}
@media screen and (max-width: 1024px) {
.paragraph_title_container .section-title h3 {

    font-size: 2rem;
    width: 300px;
    margin-left: 60px;
    margin-right: 40px;
    }
    .schedules-nav li {
        margin-right: 5%;

    }

 }
  @media screen and (max-width: 425px) {
    .paragraph_title_container .section-title h3 {

    font-size: 2rem;
    width: 200px;
    margin-left: 60px;
    margin-right: 40px;
    }
    .paragraph_title_container .section-title h3 a:after {
        font-family: 'FontAwesome';
        content: '\f0da';
        width: 15px;
        height: 15px;
        position: absolute;
        right: 20px;
        z-index: 1;
        top: 35%;
        color: #fff;
    }
    .content-items {
        padding: 3rem 2rem 3rem 2rem;
    }
     /*
	 .single-cover {
        height: 80vh;
     }
	 */
 }

#fp-nav.fp-right ul li:before{
    content: '';
    position: absolute;
    top: calc(-30vh - 30px);
    right: 40px;
    width: 1px;
    background-color: #aaa;
    height: 30vh;

}
#fp-nav.fp-right ul li:after{
    content: '';
    position: absolute;
    top: calc(0px + 40px);
    right: 40px;
    width: 1px;
    background-color: #aaa;
    height: 30vh

}
#fp-nav.fp-right ul li a {
    display: none;

}
#fp-nav.fp-right ul li a.active {
    display: none;

}
#fp-nav.dark.fp-right ul li a .fp-tooltip.right{
    opacity: 0;
    width: 0;
}
#fp-nav.dark.fp-right ul li .fp-tooltip.right span.ti-angle-down{
    margin-right: 10px;
}
/*
#fp-nav.dark.fp-right ul li:first-child a.active + div{
    opacity: 0;
    width: 0;
}
*/
#fp-nav.dark.fp-right ul li a.active + div{
    opacity: 1;
    width: auto;
    font-size: 1.25rem;
    font-family: 'Aleo', serif;
}

.px-works {
    padding-left: 12rem;
    padding-right: 12rem;
}

@media only screen and (max-width:1700px) {
    .px-works {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .px-works {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
.title-news{
    position: absolute;
    z-index: 2;
}
.title-news h3{
font-size: 2.4rem;
    font-weight: 300;
}

.main-content.page-404:after{
    content:'';
    position:relative;
    height: 40px;
    background-color: #ddd;
    display: block;
}

.grecaptcha-badge{
	visibility: collapse !important;
}

.before-after-slider img{
	max-width:none !important;
}
.slick-dots li button::before {
	color:#d0750b !important;
}
.slick-prev::before, .slick-next::before {

    opacity:1!important;
    color: #dc9848 !important;
}
.slick-prev, .slick-next {

    z-index: 2!important;
}

/* --- Case History di settore  Home page interraredo */
.testimonial-wrapper{
    height: 100vh;
    background: #f6f6f6;
    padding: 0;
    position: relative;
}

.testimonial-wrapper .container-fluid {
    padding: 0 30px;
    height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
only screen and (max-width: 767.98px) {
    .testimonial-wrapper .container-fluid {
        padding: 0 15px;
    }
}
.testimonial-wrapper .mtn-30 {
    margin-top: -30px;
    height: 100%;
}

.testimonial-wrapper .title-absolute{
    position: absolute;
    width: 100%;
    top: 60px;
    z-index: 1;
    text-align: center;
    color: #fff;
    letter-spacing: 0.2em;
}
.testimonial-wrapper .line_set._1{
    bottom: 0px;
    margin-top: 10px;
}

.testimonial-wrapper .testimonial-content {
    position: relative;
    margin-top: 30px;
    height: 100%;
}

.testimonial-wrapper .testimonial-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    height: 100%;
    width: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.testimonial-wrapper .testimonial-content.item-uf:before {
    background: rgba(17,70,86,0.4);
}
    .testimonial-wrapper .testimonial-content.item-pv:before {
    background: rgba(94,58,16,0.4);
    }
    .testimonial-wrapper .testimonial-content.item-far:before {
    background: rgba(65,150,46,0.4);
    }
.testimonial-item{
    cursor: pointer;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    width: 100%;
}
.testimonial-wrapper  .testimonial-content__thumb{
    height: 100%
}
.testimonial-wrapper  .testimonial-content__thumb img{height: 100%;object-fit: cover}

.testimonial-wrapper .testimonial-content__info {
    text-align: center;
    position: absolute;
    left: 50%;
    height: auto;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    min-width: 70%;

    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity:1;
    visibility: visible;
}



.testimonial-wrapper .testimonial-item .testimonial-quote {
    position: relative;
    color: #fff;
    font-size: 20px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    bottom: -25px;
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.testimonial-wrapper .item-far .testimonial-item .testimonial-quote {
    background: rgba(65,150,46,0.8);
}
.testimonial-wrapper .item-pv .testimonial-item .testimonial-quote {
    background: rgba(208,117,11,0.8);
}
.testimonial-wrapper .item-uf .testimonial-item .testimonial-quote {
    background: rgba(23,117,145,0.8);
}
.testimonial-wrapper .testimonial-text {
    padding: 2.5rem;
    border: 1px solid #f1f1f1;
    width: 100%;
    color:#ffffff;
}
.testimonial-wrapper .item-far .testimonial-item .testimonial-text {
    background: rgba(65,150,46,0.4);
}
.testimonial-wrapper .item-pv .testimonial-item .testimonial-text {
    background: rgba(208,117,11,0.4);
}
.testimonial-wrapper .item-uf .testimonial-item .testimonial-text {
    background: rgba(23,117,145,0.4);
}


.testimonial-wrapper .testimonial-photo {
    height: 100px;
    width: 100px;
    margin: -50px auto 0 auto;
}
.testimonial-wrapper .testimonial-photo > img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.testimonial-wrapper .testimonial-item h4{
    color:#ffffff;
}
.testimonial-wrapper .testimonial-item .text-small{
    font-size: .8rem;
}

@media only screen and (min-width: 991px) and (max-width: 1279px){
    .testimonial-wrapper .title-absolute{display: none;}
    .testimonial-wrapper .testimonial-photo{    margin: -50px auto -30px auto;}
}

@media only screen and (max-width: 1279px) {

    .paragraph_title_container {
        padding: 10rem 0;

    }
    .testimonial-wrapper .item-testimonial.col-xl-4{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .testimonial-wrapper .item-testimonial.col-xl-4:last-child{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .testimonial-wrapper .item-testimonial{
        height: 50vh;
    }
    .testimonial-wrapper .testimonial-text {
    line-height: 20px;
    font-size: 14px;
    }

}
@media only screen and (max-width: 600px) {
    .testimonial-wrapper .item-testimonial{
        height:100%;
    }
}
@media only screen and (max-width: 991px) {
    .testimonial-wrapper .mtn-30{
    margin-top: 0
  }
  .testimonial-wrapper .testimonial-content {

    margin-top: 0;
  }
  .testimonial-wrapper .item-testimonial:first-child .testimonial-item {
      margin-top: 80px;

  }
  .testimonial-wrapper .testimonial-text {
    padding: 1rem;
  }
  .testimonial-wrapper{
    height: 100%;
  }

    .testimonial-wrapper .item-testimonial.col-xl-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}



.page-template-home-gruppo nav{
    background-color: transparent!important
}

.page-template-home-gruppo .single-cover .personal-cape {
    margin-bottom: 0;
   
}
.page-template-home-gruppo .single-cover h1.content-singlecover {
    line-height: 3.5rem;
    font-size: 2.625rem;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 50px;
    /* text-transform: none; */
}

.page-template-home-gruppo  .scroll-down-intro {
    position: absolute;
    bottom: 10px;
    }

    @media only screen and (max-width: 1400px) {
        .page-template-home-gruppo .single-cover h1.content-singlecover {
    line-height: 3rem;
    font-size: 2rem;
        }
    }
	@media only screen and (max-width: 1024px) {
        .page-template-home-gruppo .single-cover h1.content-singlecover {
    line-height: 2rem;
    font-size: 1.325rem;
	padding-right:1.5rem; 
        }
    }
     @media only screen and (max-width: 500px) {
        .page-template-home-gruppo .single-cover h1.content-singlecover {
    line-height: 1.5rem;
    font-size: 1.25rem;
	padding-left: 5px;
	padding-right: 5px;
        }
    }

ul.dotlist{
	list-style: square;

}

.box-prodotti {
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: center!important;
  }

/*--------------------------- FAQ Page -------------------*/
.faq-page .faq-page-title {font-size: 32px; font-weight: 500;}
.faq-page .faq-search-form {height: 60px;position: relative;}
.faq-page .faq-search-form input {
  width: 500px;
  height: 100%;
  border: 1px solid #e1e1e1; 
  padding: 0 70px 0 30px;
  font-size: 18px;
  color: #a6a6a6;
  font-style: italic;
}
.faq-page .faq-search-form input:focus {border-color: #313131;}
.faq-page .faq-search-form button {
  position: absolute;
  width: 70px;
  top:0;
  right: 0;
  bottom: 0;
  background: transparent;
  color: #b1b1b1;
}
.faq-page .submit-faq .faq-page-title {padding-bottom: 75px;}
.faq-page .submit-faq input {
  width: 100%;
  height: 60px;
  padding: 0 15px 0 30px;
  color: #989ca2;
  border: 1px solid #e7e7e7;
  margin-bottom: 30px;
}
.faq-page .submit-faq ::placeholder {color: #989ca2;opacity: 1; /* Firefox */}
.faq-page .submit-faq :-ms-input-placeholder {color: #989ca2;}
.faq-page .submit-faq ::-ms-input-placeholder {color: #989ca2;}
.faq-page .submit-faq textarea {
  width: 100%;
  height: 290px;
  max-height: 290px;
  padding: 15px 30px;
  color: #989ca2;
  resize:none;
  border: 1px solid #e7e7e7;
  margin-bottom: 30px;
}
.faq-page .submit-faq input:focus,
.faq-page .submit-faq textarea:focus {border-color: #212121;}
.faq-page .submit-faq button {
  display: block;
  width: 100%;
  height: 60px;
  border-width: 2px;
  border-style: solid;
  font-size: 18px;
  color: #fff;
}
.faq-page .submit-faq button:hover {background: #fff;}

.faq-tab-wrapper .faq-panel .panel {
  background: #fff;
  box-shadow: 0px 10px 14px 0px rgba(90, 111, 155, 0.05);
  margin-bottom: 30px;
}
.faq-tab-wrapper .faq-panel .panel .panel-heading .panel-title a {
  display: block;
  padding: 25px 10px 25px 65px;
  font-size: 20px;
  color: #303858;
  position: relative;
}
.faq-tab-wrapper .faq-panel .panel .panel-heading .panel-title a:before {
  content: '+';
  position: absolute;
  left:35px;
  top:50%;
  transform: translateY(-50%);
  font-size: 30px;
  color: #464646;
}
.faq-tab-wrapper .faq-panel .panel .panel-heading.active-panel .panel-title a:before {content: '-';}
.faq-tab-wrapper .faq-panel .panel .panel-body p {
  line-height: 30px;
  padding: 0 90px 38px 65px;
}
.sass-faq-section .down-button {
  display: block;
  width: 50px;
  height: 50px;
  border: 2px solid #22d4ab;
  border-radius: 50%;
  margin: 60px auto 0;
  color: #22d4ab;
  line-height: 50px;
  text-align: center;
  font-size: 25px;
}



.bg-img {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.bg-img {
  background: #888;
}

.hero-slider-8 .col-lg-12 {
  padding-left: 55px;
  padding-right: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider-8 .col-lg-12 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-8 .col-lg-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-8 .col-lg-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-8 .col-lg-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.hero-slider-8 .hero-content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-left: 100px;
}
.hero-slider-8 .hero-content-wrap .hero-text-7 {
  z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-8 .hero-content-wrap {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-8 .hero-content-wrap {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-slider-8 .hero-content-wrap {
    margin-left: 30px;
  }
}
.hero-slider-8 .slick-arrow {
  position: absolute;
  top: 50%;
  left: 135px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
  font-size: 30px;
}
.hero-slider-8 .slick-arrow.arrow-next {
  right: 135px;
  left: auto;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-8 .slick-arrow {
    left: 35px;
  }
  .hero-slider-8 .slick-arrow.arrow-next {
    right: 35px;
    left: auto;
  }
}
@media only screen and (max-width: 575px) {
  .hero-slider-8 .slick-arrow {
    display: none;
  }
}
.hero-slider-8 .slick-arrow:hover {
  color: #000000;
}
.hero-slider-8 .slick-arrow:hover:before {
  background-color: #000000;
}



.project-section{
    padding: 3rem 0;
    background-color: #f2f3ee;
}

.single-hero-slider-7 {
    position: relative;
  height: 600px;
  background: #f1f1f1;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: flex-end;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-hero-slider-7 {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-slider-7 {
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-slider-7 {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .single-hero-slider-7 {
    height: 500px;
  }
}

.single-hero-slider-7:before {
    background: linear-gradient(0deg, rgba(80, 80, 80, .7), rgba(80, 80, 80, 0));
    bottom: 0;
    content: "";
    height: 30%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.single-hero-slider-7 .hero-content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-left: 100px;
}
.single-hero-slider-7 .hero-content-wrap .hero-text-7{
  z-index: 99;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-slider-7 .hero-content-wrap {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .single-hero-slider-7 .hero-content-wrap {
    margin-left: 0px;
  }
}
.single-hero-slider-7 h3 {
  position: relative;
  color: #fff;
  font-size: 30px;
  letter-spacing: 0.2rem;
  font-weight: 400;
}
.single-hero-slider-7 .inner-images {
  text-align: center;
  position: absolute;
  right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-slider-7 .inner-images {
    width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-slider-7 .inner-images {
    width: 400px;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .single-hero-slider-7 .inner-images {
    width: 300px;
    right: 0;
  }
  .single-hero-slider-7 h3 {
      font-size: 18px;
      padding: 0 10px;
      margin-bottom: 30px;
  }
}

.project-section .inner_readmore a.arrow { position: relative; }
.project-section .inner_readmore a.arrow { 
    position: relative; 
    margin-top:20px;
    display: inline-block;
}

.project-section .inner_readmore a.arrow:before{
    content: "\e628";
    position: absolute;
    width: 40px;
    height: 30px;
    color:#000;
    font-family: 'themify';
    font-size: 20px;
    right: -55px;
    top: calc(50% - 12px);
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.project-section .inner_readmore:hover a.arrow:before{
    right: -90px;
    top: calc(50% - 12px);
visibility: visible;
opacity: 1;
font-size: 20px;
color:#364058;
-webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;

}

.rev_slider .tp-caption.caption,
.tp-caption.caption {
    padding:10px 20px;
    background: rgba(0,0,0,0.4);
    font-style: italic;
    
}
.tp-caption.caption.end-20 {
    right: 140px;
    bottom: 20px;
}
.dida-gibam{
    max-height: 18px;
}
.tp-caption.dida span{
    padding-right: 10px;
    line-height: 18px;
    font-size: 16px!important;
    padding-top: 5px;
}

.swiper-slide {
  height: auto;
  padding: 4rem 1rem;
}

.swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
}

.swiper-pagination-bullet-active {
  background: #22d4ab;
}

.box-calltoaction .container{
	position:relative;
}
.box-calltoaction .content-calltoaction{
	height: auto;
	padding-top:20px;
    position: absolute;
   width: calc(100% - 30px);
    bottom: 0;
	background-color: rgba(250,250,250,0.7);
	border-top-left-radius: 100px 80px ;
	border-top-right-radius: 100px 80px ;
	font-family: 'Raleway', sans-serif;
}
.box-calltoaction .content-calltoaction img{
	max-width: 200px;
   
}
.box-calltoaction .content-calltoaction p{
	font-size: 22px;
	padding-top: 25px;
}
@media only screen and (max-width: 767px) {
	.box-calltoaction .content-calltoaction img{
		max-width: 120px;
		padding-top:10px;
		text-align:center
	   
	}
}