@font-face {
    font-family: 'monetasans-blackregular';
    src: url('/upload/fonts/moneta/monetasans-black-webfont.woff2') format('woff2'),
         url('/upload/fonts/moneta/monetasans-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'monetasans-boldregular';
    src: url('/upload/fonts/moneta/monetasans-bold-webfont.woff2') format('woff2'),
         url('/upload/fonts/moneta/monetasans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'monetasans-lightregular';
    src: url('/upload/fonts/moneta/monetasans-light-webfont.woff2') format('woff2'),
         url('/upload/fonts/moneta/monetasans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'monetasansoblique-blackRg';
    src: url('/upload/fonts/moneta/monetasansoblique-black-webfont.woff2') format('woff2'),
         url('/upload/fonts/moneta/monetasansoblique-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'monetasansoblique-boldregular';
    src: url('/upload/fonts/moneta/monetasansoblique-bold-webfont.woff2') format('woff2'),
         url('/upload/fonts/moneta/monetasansoblique-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'monetasansoblique-lightRg';
    src: url('/upload/fonts/moneta/monetasansoblique-light-webfont.woff2') format('woff2'),
         url('/upload/fonts/moneta/monetasansoblique-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'monetasansoblique-regularRg';
    src: url('/upload/fonts/moneta/monetasansoblique-regular-webfont.woff2') format('woff2'),
         url('/upload/fonts/moneta/monetasansoblique-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'monetasans-regularregular';
    src: url('/upload/fonts/moneta/monetasans-regular-webfont.woff2') format('woff2'),
         url('/upload/fonts/moneta/monetasans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

p,li,a,div,span,h1,h2,h3,h4,h5,h6 {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
img{
    pointer-events: none;
}

.content-488{
    overflow:hidden;
    width:100%;
    float:left;
}
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a img{
    display: none!important;
}

.mainwrap.parallax-background-menu{
    background-size: cover!important;
    background: url(/upload/images/leaves-bg.png);
    border-top: 0px solid rgb(255, 255, 255);
    border-bottom: 0px solid rgb(255, 255, 255);
    padding: 0 0 50px;
    background-attachment: fixed !important;
    position: static;
    background-size: auto !important;
}

.ilkresim{
    margin-top: 30px;
}
.ilkresim img{
    margin-top: 30px;
}
@media (min-width: 1401px) and (max-width: 2600px){
    .container {
        width: 1380px!important;
    }
}
@media (min-width: 992px){
    div.iletisim {
        width: 32%;
        padding: 30px;
        border: 8px solid #eee;
        margin-bottom: 18px;
        min-height: 300px;
        margin-right: 1%;
    }
}
@media (max-width: 991px){
    .custom-margin-3 img._right, .custom-margin-3 img._left, .custom-margin-3 img._middle {
        width: 160px!important;
    }
    img.custom-image-style-1._right {
        top: -70px;
    }
    .col-xs-12.col-md-6.custom-margin-3.center.aos-init {
        transform: translateZ(0) translate3d(0px,0,0);
        opacity: 1;
    }
    .slider-galeri .thumb-info .thumb-info-title{
        top: -30px!important;
    }
    .slider-galeri .owl-stage-outer{
        overflow: visible!important;
    }
    div.iletisim {
        width: 96%;
        padding: 30px;
        border: 8px solid #eee;
        margin-bottom: 18px;
        margin-left: 2%;
    }
    div.content-536 svg{
        margin-top: -130px;
        padding-bottom: 100px;
    }
}

/*************** GALERİ ÜRÜNLER DETAY SAYFALARI CSS **************/
.galeri-urun .portfolio-item.img-thumbnail{
    border: 0;
    padding: 0;
    background: transparent;
}
.galeri-urun .thumb-info{
    overflow: visible;
    border: 0;
    padding: 0;
    background: transparent;
}
.galeri-urun .thumb-info img{
    transform: scale(1.16);
}
.galeri-urun .owl-carousel .owl-stage{
    min-height: 350px;
}
.galeri-urun .owl-carousel .owl-stage-outer{
    padding-bottom: 30px;
}
/*************** GALERİ ÜRÜNLER DETAY SAYFALARI CSS SON **************/


/*************** OZELLİKLER DETAY SAYFALARI CSS **************/
div.ozellikler{
    width: 60%;
    margin-left: 20%;
    margin-top: -30px;
    border: 1px solid #666;
    padding: 30px 20px 20px;
    margin-bottom: 30px;

}
.content-513{
    margin-bottom: 40px;
}
h5{
    text-transform: capitalize;
}
/*************** OZELLİKLER ÜRÜNLER DETAY SAYFALARI CSS SON **************/



@media (min-width: 1300px){
    .container {
        width: 1270px;
    }
}
img.mfp-img{
    background: white;
    max-height: 357px!important;
}
.custom-margin-3 img._right, .custom-margin-3 img._left{
    width: 200px;
}
.custom-margin-3 img._middle{
    width: 270px;
}
.slider-galeri{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 221px;
}
.slider-galeri .thumb-info {
    overflow: visible;
    background: transparent;
    box-shadow: none;
    border: 0;
}
.slider-galeri .img-thumbnail {
    background: transparent;
    border: 0;
}
.slider-galeri .thumb-info:hover img{
    transform: none;
    pointer-events: none;
}
.slider-galeri .thumb-info .thumb-info-title{
    font-family: "Open Sans",Arial,sans-serif;
    text-transform: inherit;
    font-weight: 400;
    letter-spacing: 0;
    max-width: 100%;
    top: 0%;
    bottom: auto;
    background: transparent;
    color: #545454;
    text-shadow: none;
    font-size: 27px;
    width: fit-content;
    margin: auto;
    right: 0;
    left: 0;
    top: 20px;
    text-decoration: none;
}
.slider-galeri .thumb-info .thumb-info-title:after{
    width: 0%;
    height: 1px;
    background: #3d3935;
    position: absolute;
    left: 0;
    top: 8px;
    content: '';
    transition: 2s;
}
.slider-galeri .thumb-info:hover .thumb-info-title:after{
    width: 100%;
}
.slider-galeri .thumb-info:hover .thumb-info-title{
    background: transparent;
}
.kozmetika h2 {
    font-size: 24px;
    letter-spacing: 0;
}
.kozmetika .thumb-info{
    background: transparent;
    box-shadow: none;
}
.kozmetika .img-thumbnail{
    background: transparent
}
@media (min-width: 920px){
    .owl-item .portfolio-item.img-thumbnail{
        width: 100%;
    }
    .header-nav-top ul li:nth-child(1), .header-nav-top .dropdown-menu li{
        float: right;
    }
    .header-nav-top img.g-icon {
        width: 30px;
    }
    a#dropdownLanguage{
        width: 100px;
    }
    a#dropdownLanguage img, .header-nav-top .dropdown-menu li img{
        display: none;
    }
}
.header-menu-top .nav .open>a, 
.header-menu-top .nav .open>a:focus, .nav .open>a:hover{
    background: #f8f8f8;
}
@media (min-width: 920px){
    #header .header-nav-top .nav>li>a a:focus, #header .header-nav-top .nav>li>a:hover{
        background: transparent;
    }
}

@media (min-width: 920px){
    .forcefullwidth_wrapper_tp_banner{margin-top: -240px !important;}
}
@media (max-width: 320px){
    .rev_slider_wrapper{height:246px;}
}
@media screen and (min-width: 321px) and (max-width: 375px) { 
    .rev_slider_wrapper{height:288px;}
}

@media screen and (min-width: 376px) and (max-width: 425px) { 
    .rev_slider_wrapper{height:327px;}
}

@media screen and (min-width: 426px) and (max-width: 767px) { 
    .rev_slider_wrapper{height:315px;}
}
@media screen and (min-width: 768px) and (max-width: 921px) {
    .rev_slider_wrapper{height:459px;}
}
@media screen and (min-width: 922px) and (max-width: 1023px) {
    .rev_slider_wrapper{height:614px;}
}
@media screen and (min-width: 1024px) and (max-width: 1348px) {
    .rev_slider_wrapper{height:480px;}
}
@media screen and (min-width: 1349px) and (max-width: 2559px) {
    .forcefullwidth_wrapper_tp_banner{height:308px;}
}
@media screen and (min-width: 2560px){
    .rev_slider_wrapper{height:414px;}
}
.header-search{display:none;}


.portfolio-item.img-thumbnail{padding:0;}

#header .header-body{
    background: white;
    border-top: none;
    padding: 0;
}

#header .header-body > div{z-index:3;position:relative;}
#header .header-top{
    z-index: 4!important;
    position: relative;
}
/*
#header .header-body:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: repeat;
    z-index: 2;
    opacity: 1;
    background: rgba(0, 0, 0, 0.85) url(https://www.webtasarim34.com/upload/images/icons/pattern-dots.png);
}
*/
.header-nav-main>nav>ul>li>a{transition: background-color 0.5s ease;}
.header-nav-main>nav>ul>li:first-child{display:none!important;animation: fade-out 1s;}
.sticky-header-active .header-nav-main>nav>ul>li:first-child{display:inline-block!important;animation: fade-in 1s;}
#menu-logo{
    margin: -6px 15px 0 0;
    height: 36px;
    filter: brightness(4) contrast(0.1) grayscale(1);
}
@keyframes fade-in {
  from { 
    opacity: 0; 
  }
  to { 
    opacity: 1; 
  }
}

@keyframes fade-out {
  from { 
    opacity: 1; 
  }
  to { 
    opacity: 0;
  }
}



@media (max-width: 768px){
    body div:not(#footer-wrapper) .container .row li {
        font-size: 16px;
        line-height: 32px;
        margin-left: 43px;
    }
    body div:not(#footer-wrapper) .container .row li ul li {
        margin-left: 0;
    }
    .p-text {
        margin-right: 0;
        width: 100%;
        background: #ffffff00;
        padding: 0 100px 70px;
        border-radius: 10px;
    }
    .col-md-12.col-sm-12.col-xs-12.content.content-513 {
        width: 80%;
        left: 10%;
    }
    div.ozellikler {
        width: 80%;
        margin-left: 10%;
    }
    .owl-carousel.owl-carousel-spaced.slider1.owl-theme.owl-loaded.owl-drag.owl-carousel-init{
        margin-bottom: 81px!important;
    }
    .galeri-urun .owl-carousel .owl-stage-outer{
        max-height: 250px;
    }
    .sticky-header-active .content aside.sidebar{
        background: white!important;
        z-index: 4!important;
    }
    #header .header-column.header-column-center .header-logo{
        width: auto!important;
        padding: 0!important;
        height: 65px !important;
    }
    .header-logo svg {
        width: 380px;
        height: 72px;
        margin-left: -85px;
        transition: .3s;
        margin-top: -23px;
    }
    .sticky-header-active .header-logo svg{
        margin-top: 21px;
        margin-left: -125px;
        width: 100%;
    }
    .dropdown-menu>li>a{
        color: #7a7a7a;
    }
    #header .header-nav-main nav > ul > li > a, 
    #header .header-nav-main nav > ul > li > a:focus, 
    #header .header-nav-main nav > ul > li > a:hover{
        color: #262626;
    }
    .sticky-header-active #header .header-logo img{height:36px !important;}
    .sticky-header-active #header .header-body{
        min-height: 135px;
        max-height: 135px;
        top: -68px!important;
        background: #ffffff !important;
    }
    #header .header-body{
        background: #ffffff;    
        border-top: none;
        padding: 0;
    }
    .sticky-header-active #header .header-body div:nth-child(3){
        background-color: #ffffff;
    }
    #header .header-btn-collapse-nav{
        margin: 0;
        position: absolute;
        right: 3px;
        top: -64px;
        z-index: 111;
        width: 62px;
        height: 62px;
        background: #ffffff00;
        border: 0;
    }
    #header .header-btn-collapse-nav i{
        font-size: 33px;
        color: #acacac;
    }
    .sticky-header-active #header .header-btn-collapse-nav{
        margin: 25px 0 0;
    }
    
    #header .header-logo img{float:left;height:66px!important;}
    .sticky-header-active #header .header-logo img{top: 14px!important;}
    #header .header-top{
        max-width: 130px;
        float: right;
        padding: 0;
        margin-top: 0;
        background-color: #ffffff;
        border-bottom: 0px solid #4a4a4a;
    }
    .header-nav-top .nav>li>a>img{
        width: 22px;
    }
    #header .header-top .header-nav-top {
        float: right;
        margin-right: -12px;
    }
    .fa.fa-globe {
        padding: 8px 6px!important;
        color: #ababab;
    }
    .goog-te-gadget-simple a span {
        font-size: 0.9em!important;
    }
    .skiptranslate.goog-te-gadget .goog-te-gadget-simple .goog-te-menu-value span {
        color: #ababab!important;
    }
    .header-nav-top .nav-pills>li {
        float: right;
    }
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{font-size:0.9em;}
    #header .header-nav-top .nav>li:last-child>a{padding: 10px 15px;}
}
/*Breadcrumb-8*/
@media (min-width: 992px){
    /*
    .weoffer:hover .heading h2 {
        margin-left: -366px;
    }
    .weoffer:hover img{
        filter: invert(1)
    }
    */
    /****************************************/
    /********* MEGA MENU RESİMLİ CSS ********
        #header ul.dropdown-mega-sub-nav>li>a {
            display: grid!important;
            background: aliceblue;
            justify-items: center;
            justify-content: center;
        }
        #header ul.dropdown-mega-sub-nav>li>a img {
            height: 286px;
            margin-top: -110px;
            margin-bottom: -30px;
            transition: .3s
        }
        #header ul.dropdown-mega-sub-nav>li>a:hover img{
            margin-bottom: -18px;
        }
        #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content {
            min-height: 425px;
        }
        .dropdown-mega-content>.row>div.col-md-3 {
            width: 16%;
        }
        #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{
            transition: .3s;
            border: none;
            color: #3D3935;
            padding: 12px 18px;
            font-size: 16px;
            font-weight: 300;
            margin-top: 151px;
        }
        #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:hover{
            padding-top: 0px;
        }
    /****** MEGA MENU RESİMLİ CSS SON ********/
    /*****************************************/
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{
        transition: .3s;
        border: none;
        color: #3D3935;
        padding: 12px 18px;
        font-size: 16px;
        font-weight: 300;
    }
    .weoffer .heading h2, .weoffer:hover img{
        transition: .6s;
    }
    #header .header-nav-top .dropdown-menu a{
        line-height: 2.428571;
        color: #3d3935;
    }
    .weoffer li{
        line-height: 36px;
        font-size: 16px;
    }
    .thumb-info:hover img{transition:1s;}
    #header .header-nav-main nav>ul>li.dropdown.open>.dropdown-menu, #header .header-nav-main nav>ul>li.dropdown:hover>.dropdown-menu{
        top: 53px;
        width: 100%;
        background: #ffffff;
        border: 0;
        margin-left: 13px;
    }
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
        color: #262626;
        text-decoration: none;
    }
    #header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
        border-color: #fff transparent transparent;
    }    
    .tparrows:before, .tparrows:after{color:#848484;}
    .single-footer-widget p:hover{color:#fff!important;transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
    .single-footer-widget p{-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
    #header .header-nav-top .nav>li:first-child>a{top:3px;}
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {border-top-color: #01973b;padding:0;}
    #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
        background: rgba(81, 81, 81, 0);
    }    
    .header-menu-top  .fa.fa-globe{top:0px!important;}
    .sticky-header-active #header .header-body{background-color: white!important;}
    #header .header-top{padding:0;border:none;background:transparent;position:absolute !important;right: 0;}
    #header .header-top .header-nav-top{float:right!important;}
    .goog-te-gadget-simple a span{font-size: 1.1em;text-transform: uppercase;}
    .skiptranslate.goog-te-gadget .goog-te-gadget-simple .goog-te-menu-value span{color:#fff!important;}
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span {
        padding: 22px 5px!important;
        font-size: 1.1em;
        color: #3d3935;
    }
    #header .header-top .header-search{float:left;margin-top: 22px;}
    #header .header-nav-top .nav>li>a a:focus, #header .header-nav-top .nav>li>a:hover {background: transparent;}
    /*#header .header-nav-main nav>ul>li:first-child>a{font-size: 25px;border-bottom: 3px solid #01983b;font-weight:700;}
    #header .header-nav-main nav>ul>li:first-child:hover>a{padding: 10px 13px !important;}*/
    #header .header-nav-main nav>ul>li>a{
        font-size: 16px;
        border-bottom: 0;
        font-weight: 300!important;
        color: #3D3935;
        padding: 20px 30px;
    }
    #header .header-nav-main nav>ul>li:first-child>a {
        padding: 0;
    }
    /*
    .sticky-header-active #header .header-nav-main nav>ul>li>a{
        color: white;
    }
    */
    /*#header .header-column.header-column-center .header-logo{margin-top: -41px;}*/
    .breadcrumb8{padding: 50px 0 !important;}
    .page-header.breadcrumb8{background-position: 50% 75%;
    background-size: cover;}
}

/* -- Google Translate Css*/
.goog-te-gadget-icon{display:none;}
.goog-te-banner-frame.skiptranslate {display:none !important;} 
body{top: 0px !important;}
.goog-te-gadget-simple{border:0;}
.goog-te-gadget-simple {background-color: transparent;}
.goog-te-gadget-simple .goog-te-menu-value span {color:#999  !important;}
.goog-te-gadget-simple .goog-te-menu-value{padding:0px;margin:0 15px 0 0;display: inline-block;}
#header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{padding: 12px 15px;}
@media (min-width: 992px){

    #header .header-nav-main nav>ul>li.open>a, #header .header-nav-main nav>ul>li:hover>a{
        color: #d0d0d0;
    }
    #header.header-narrow .header-logo .logo-default{
        margin: -75px -70px -102px 0;
    }
}
html.sticky-header-active #header.header-semi-transparent-light .header-body{top:0px !important;}
.goog-te-gadget-simple{color: #222 !important;font-family: 'Alegreya Sans SC', sans-serif;}
.fa.fa-globe {float:left;padding:6px 6px;}
/* -- End Google Translate Css */
.featured-boxes-style-6 .featured-box h4{
    background-color: #f1f1f1;
    padding: 5px;
    font-size:1.3em;
    text-transform:capitalize!important;
}
.featured-boxes-style-6 .featured-box .box-content{
    margin-top: 30px;
    border-top: 0;
    box-shadow: 0px 0px 60px -10px rgba(139, 139, 139, 0.5);
    width: 102%;
    background: #FFF;
    padding: 30px 30px 20px 30px;
}
.featured-boxes-style-6 .featured-box .icon-featured{display:none;}




/******************************************************/
/**************** ESKİ FOOTER CSS**********************
.footer_custom{
    background-image: url(https://www.ribaproductselector.com/ImageHandler.ashx?image=/docs/8/19888/external/images/CS5320.jpg)!important;
    background-repeat: none;
    background-size: cover!important;;
    background-position: center!important;
}
.contact-list li{list-style-type:none;}
#footer .contact-list a{
    background: none;
    padding-left: 0;
}
#footer .contact-list .icons{
    padding: 0px 5px 0px 0px;
    vertical-align: text-bottom;
}
#footer .contact-list li{
    font-size: 16px;
}
.bg-dark-1, .footer_custom{position:relative;}
.footer_custom:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: repeat;
    z-index: 2;
    opacity: 1;
    background: rgba(0, 0, 0, 1) url(https://www.webtasarim34.com/upload/images/icons/pattern-dots.png);
    border-top:0;
}
.bg-dark-1 > div, .footer_custom > div{z-index:3;position:relative;}

.bg-dark-1 .divider.divider-primary.divider-small hr {background: #ffffff;}

#footer .single-footer-widget h3{font-size:1.6em;}
span.tutar{font-size: 16px;}

#footer .container .row>div {
    margin-bottom: 0;
}
#footer .container .row li {line-height: 25px}
#footer .footer2 h1, #footer .footer2 h3, #footer .footer2 h4, #footer .footer2 h5 {
    color: #aaa !important;
}
#footer{background: #000000;}
#footer .footer2 .container .row>div {
    margin-bottom: 0;
}
#footer:not(.light) a, #footer:not(.light) h1, #footer:not(.light) h2, #footer:not(.light) h3, #footer:not(.light) h4 {
    color: #1d2127;
}
#footer a{color: #d0d0d0!important}
.single-footer-widget ul:not(.social-icons) a{
    background: url(/upload/images/footer-arrow.png) no-repeat left 8px;color: #d0d0d0!important;padding: 2px 0 2px 20px;display: block;
}

.footer-form .form-group {
    margin-bottom: -10px;
}
#footer .footer-copyright {
    background: transparent;
    border-top: 1px solid #6b6b6b;
}
#footer .footer-copyright p,#footer .footer-copyright a, #footer .footer-developed-by a {
    color: #9f9f9f!important;font-size:13px;}

.single-footer-widget .logo a {
    color: #283a5e;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 900;
}
.single-footer-widget .logo a span {
    color: #ffffff;
}
.single-footer-widget ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    color: #aaa;
}
   
#footer-wrapper .col-md-3 ul li a:before{content: '\203A';display:inline-block;margin-right:5px;font-size: 19px;color: #fff;}
#footer-wrapper .col-md-3 ul.social-icons li a:before{content:none;}
#footer-wrapper .footer-social-icons>li>strong>a:before{content:none!important;}
#footer .footer2 .social-icons li{border-radius:0;box-shadow:none;list-style-type:none;}
#footer .footer2 .social-icons li:hover a{opacity:1}
#footer .footer2 .social-icons li a{color:#FFF!important;border-radius:0}
#footer .footer2 .social-icons li.social-icons-twitter a{background:#1aa9e1}
#footer .footer2 .social-icons li:hover.social-icons-foursquare a{background:#0072b1!important}
#footer .footer2 .social-icons li:hover.social-icons-tripadvisor a{background:#00AF87!important}
#footer .footer2 .social-icons li.social-icons-facebook a{background:#3b5a9a}
#footer .footer2 .social-icons li.social-icons-instagram a{background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
#footer .footer2 .social-icons li:hover.social-icons-instagram a{background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;}
#footer .social-icons li:hover.social-icons-foursquare a{background:#0072b1!important}
#footer .social-icons li:hover.social-icons-tripadvisor a{background:#00AF87!important}
#footer .social-icons li:hover.social-icons-linkedin a{background:#0e76a8 !important}
.social-icons li:hover.social-icons-facebook a{background: #3b5a9a!important;}
.social-icons li:hover.social-icons-twitter a {background: #1aa9e1!important;}
.social-icons li:hover.social-icons-instagram a {background: #f09433!important; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)!important; 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important; 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 )!important;}
#footer p, #footer a{color:#d0d0d0;font-size: 16px;}
#footer .footer-ribbon span, .home-concept strong, .home-intro p em {font-family: inherit;}
#footer{margin-top:0;}

/**************** ESKİ FOOTER CSS SON *****************/
/******************************************************/


/******************************************************/
/**************** YENİ FOOTER CSS**********************/
#footer .footer-copyright.pt-md.pb-md.tleft{text-align:center;}
#footer .footer-copyright img{opacity:0.5;}
#footer .footer-copyright .footer-developed-by{
    z-index: 2;
    padding-top: 15px;
}
#footer .fa-facebook:before{
    margin-left: -1px;
}
#footer i.fa.fa-linkedin {
    margin-top: 9px;
}
#footer .social-icons a:hover i.fa.fa-linkedin:last-child {
    margin-top: 7px;
}
#footer .fa-linkedin:before {
    margin-left: -2px;
}
#footer-wrapper>.container>.col-md-3{
    z-index: 2;
}
#footer-wrapper iframe{
    filter: grayscale(.5) contrast(1.03) opacity(0.8);
    border-radius: 4px;
}
#footer-wrapper a.btn.btn-primary.btn-m.mt15.block{
    border-radius: 4px;
    width: auto!important;
}
.footerlogo {
    background-color: #ac1f2500;
    padding: 0px;
    margin: -1px 0 25px 0;
    text-align: left;
}
@media (min-width: 768px) {
    #footer a.btn.btn-primary.btn-borders.btn-lg.mr-md {
        margin-right: 23px!important;
    }
    /*
    #footer-wrapper>.container>.col-md-4{
        width: 41.66666667%!important;
        padding-right: 7.5%;
    }
    */
    .logo.footerlogo img{
        width: auto;
        height: 20px;
        margin-top: -6px;
    }
}
@media (max-width: 767px) {
    #footer .col-md-3 h5{
        margin-top: 40px;
    }
    #footer h5:before{
        display: none
    }
    .social-icons li{
        margin-right: 10px;
    }
    .social-icons li:last-child{
        margin-right: 0;
    }
    .iufzhm .lhJXOF{
        margin-left: -15px;
    }
    footer#footer:before {
        background: linear-gradient(180deg, black, transparent);
    }
    #footer{
        background-position: 81% 100%!important;
        padding: 40px 0!important;
    }
    #footer-wrapper{text-align:center;padding: 0!important;}
    #footer-wrapper .footerlogo{margin:0 auto 15px;text-align: center;}
}    
#footer-wrapper .col-md-3 ul li a:before{content: '\203A';display:inline-block;margin-right:5px;font-size: 19px;color: #fff;}
#footer-wrapper .col-md-3 ul.social-icons li a:before{content:none;}
#footer-wrapper .footer-social-icons>li>strong>a:before{content:none!important;}
#footer .footer2 .social-icons li{border-radius:0;box-shadow:none;list-style-type:none;}
#footer .footer2 .social-icons li:hover a{opacity:1}
#footer .footer2 .social-icons li a{color:#FFF!important;border-radius:0}
#footer .footer2 .social-icons li.social-icons-twitter a{background:#1aa9e1}
#footer .footer2 .social-icons li:hover.social-icons-foursquare a{background:#0072b1!important}
#footer .footer2 .social-icons li:hover.social-icons-tripadvisor a{background:#00AF87!important}
#footer .footer2 .social-icons li.social-icons-facebook a{background:#3b5a9a}
#footer .footer2 .social-icons li.social-icons-instagram a{background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
#footer .footer2 .social-icons li:hover.social-icons-instagram a{background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;}
#footer .social-icons li:hover.social-icons-foursquare a{background:#0072b1!important}
#footer .social-icons li:hover.social-icons-tripadvisor a{background:#00AF87!important}
#footer .social-icons li:hover.social-icons-linkedin a{background:#0e76a8 !important}
.social-icons li:hover.social-icons-facebook a{background: #3b5a9a!important;}
.social-icons li:hover.social-icons-twitter a {background: #1aa9e1!important;}
.social-icons li:hover.social-icons-instagram a {background: #f09433!important; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)!important; 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important; 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 )!important;}
#footer .footer-copyright {

    background: transparent;
    border-top: 0;
    margin-top: 50px;
    margin-bottom:30px;
}
#footer .container .row>div {
    margin-bottom: 0;
}
.phone-no {
    line-height: 22px;
}
@media (min-width: 992px){
    .call-to-action .call-to-action-btn {
        width: 22%;
        text-align: right;
        position: absolute;
        top: 50%;
        margin: -18px 0 0;
        left: auto;
        right: 19px;
    }
}
ul#menu-footer-menu a {
    margin-bottom: 2px;
    line-height: 26px;
    font-size: 16px;
    text-decoration: none;
    transition: .3s ease-in-out;
}
ul#menu-footer-menu a:hover {
    padding-left: 10px
}
#footer-wrapper .col-md-3 .phone-no p {
    margin-bottom: 2px;
    line-height: 26px;
}
.phone-no span{color: #ac1f25;}
#footer-wrapper {
    position: relative;
    padding: 50px 0 0;
}
#footer-wrapper .footer-social-icons {
    margin-top: 20px;
    padding-left:0;
}
#footer-wrapper .footer-social-icons li{display: inline-block;}
#footer{
    font-size:1em!important;
    margin-top: 0;
    border: 0;
    padding: 0;
    background: #5f6064;
    background-position: 81% 50%;
    background-size: cover;
}
/*
.footer-social-icons li a:hover {background: #ac1f25!important;}
.footer-social-icons a {
    background: #ac1f25!important;
    color: #ffffff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 0 5px 5px 0;
    padding: 0!important;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    font-size: 20px;
}
*/
/*Footer Social Icons Start*/
    #footer .social-icons li {
        border-radius: 0;
        box-shadow: none;
        margin: 0;
    }
    #footer .social-icons li a {
        overflow: hidden;
        margin: 0 5px 5px 0;
        width: 40px;
        height: 40px;
        border: #ffffff29 1px solid;
        border-radius: 3px;
        color: #eeeeee!important;
        background: transparent;
    }
    #footer .social-icons li a i {
        font-size: 20px;
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        margin-top: 10px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    #footer .social-icons a:hover i {
        color:#fff;
    }
    #footer .social-icons a:hover i:first-child {
        margin-top: -38px;
    }
    #footer .social-icons a:hover i:last-child {
        margin-top: 8px;
    }
    /*Footer Social Icons End*/
.phone-no span, .phone-no a:hover, .col-md-3 h5 span, .widget-column-2 ul li a:hover, .widget-column-2 ul li.current_page_item a {
    color: #ffffff;
}

#menu-footer-menu{list-style: none;padding-left:0}
#footer .col-md-3 h5 {
    font-weight: 400;
    margin-bottom: 25px;
    text-transform: capitalize;
    border-bottom: 1px solid #ffffff1a;
    padding-bottom: 15px;
    color: #ffffff;
    font-size: 23px;
}
#footer .col-md-3 h5 a{
    color: white;
    text-decoration: none;
}
#footer h5:before {
    position: absolute;
    content: '';
    top: 33px;
    left: 14px;
    height: 1px;
    width: 12px;
    background: #ffffff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#footer .col-md-3:hover h5:before{
    width: 181px;
}

#footer p, #footer a{color:#ffffffab!important;}

@media only screen and (min-width: 992px){
    #footer .col-md-3.col-md-6 ul{
        column-count: 3;
    }
    #footer .col-md-3.col-md-6{
        width: 50%!important;
    }
    #footer .container .row>div {
        margin-bottom: 0;
    }
}
#footer{
    background: #111111;
    background-image: url(/upload/images/bg-footer.png);
    background-size: cover;
    background-position: 0 0;
}
footer#footer:after {
    content: '';
    background: #0000009c;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    position: absolute;
}
/**************** YENİ FOOTER CSS SON *****************/
/******************************************************/



.thumb-info .thumb-info-title{text-transform: inherit;font-weight: 400;letter-spacing:0;max-width: 100%;top:0%;bottom: 84%;}
.row.slider4 .img-thumbnail{padding:0;border:none;}
/*.row.slider4 .thumb-info{border:none;}*/
.thumb-info .thumb-info-inner{text-align:center;}
.footer-ribbon{display:none;}
/*Butonlar CSS*/
.btn-white{color:#fff;border:1px solid #ccc;}
.btn-white:hover{color:#fff;border: 1px solid #00538082;background-color: #27317d82;}
/*Butonlar CSS SON*/
.social-icons li:hover.social-icons-instagram a {background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}.page-odeme .submit{margin-bottom: 30px;}
.panel-group {margin-top: 42px;}
.product-price-box .old-price {width:100%;}

@media only screen and (min-width: 992px){
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {
        border-color: transparent transparent transparent #08c;
    }
}

.owl-carousel .owl-nav .owl-prev {
    left: -25px;
}
.owl-carousel .owl-nav .owl-next {
    right: -25px;
}


.header-logo a .logo-text span:first-child {
    font-size: 18px;
    color: #08c;
    text-align: left;
    font-weight: 600;
    letter-spacing: -1.3px;
    margin-top: -5px;
}
.header-logo a .logo-text span:nth-child(2) {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.7px;
    margin-top: 2px;
    color: #575757;
}
.logo-icon-wrp {
    float: left;
    width: 50px;
    height: 45px;
}
.parallax-background{background-repeat: no-repeat;}

.testimonial blockquote {background: #f5f5f5;}
.testimonial .testimonial-arrow-down {border-top-color: #f5f5f5;}


.page- .testimonial blockquote {background: #fff;}
.page- .testimonial .testimonial-arrow-down {border-top-color: #fff;}

.testimonial blockquote p {color: #777;}
.testimonial blockquote:after, .testimonial blockquote:before {color: #777;}
@media only screen and (min-width: 768px){
.testimonial blockquote p{min-height: 231px;max-height: 231px;overflow-y:auto;overflow-x:hidden;}
.section-yorumlar .aboutDesc>div:nth-child(1n+4), .masonry>div:nth-child(1n+4){margin-top:30px;}
}

/*
section.section {
    margin: 0;
    padding: 30px 0;
}
.row {
    padding-bottom:30px;
}
*/

 /*  STYLE 1
 */

.testimonial blockquote p::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.testimonial blockquote p::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.testimonial blockquote p::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.section.template-2{margin-top:0;}

.section-primary.template-2 span, .section-primary.template-2 label{color:#fff;}

.counters.template-2 strong { line-height: 1;font-size: 3.6em;font-family: 'Alegreya Sans SC', sans-serif !important;font-weight:normal;}
.counters.template-2 label{ font-family: 'Alegreya Sans SC', sans-serif !important;font-weight:normal;font-size: 1.1em;color: #6a80a9 !important;}

/* .sidebar form .form-area .col-md-6{padding:0;} */

/* Roundness */ 		
.rounded, .img-thumbnail, .img-thumbnail img, code, pre, .form-control, .form-control-sm, .form-control-sm .form-control, .form-control-lg, .form-control-lg .form-control, .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .invalid-tooltip, .btn, .btn-group-4 > .btn, .btn-sm, .btn-group-2 > .btn, .btn-xs, .btn-group-1 > .btn, .btn-lg, .btn-group-lg > .btn, .btn-sm, .btn-group-sm > .btn, .dropdown-menu, .input-group-4 > .form-control, .input-group-4 > .input-group-addon, .input-group-4 > .input-group-btn > .btn, .input-group-2 > .form-control, .input-group-2 > .input-group-addon, .input-group-2 > .input-group-btn > .btn, .input-group-addon, .input-group-addon.form-control-sm, .input-group-addon.form-control-lg, .nav-tabs > li > a, .nav-tabs.nav-justified > li > a, .nav-pills > li > a, .nav-tabs-justified > li > a, .navbar, .navbar-toggle, .navbar-toggle .icon-bar, .breadcrumb, .pagination, .pager li > a, .pager li > span, .label, .badge, .container .jumbotron, .container-fluid .jumbotron, .thumbnail, .alert, .progress, .card, .accordion .card, .well, .well-lg, .well-sm, .modal-content, .tooltip-inner, .popover, .popover-title, .carousel-indicators li, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span, #header .header-search .form-control, #header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a, #header.header-transparent .header-nav-main, #header.header-semi-transparent .header-nav-main, #header.header-semi-transparent-light .header-nav-main, #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a, #header .header-nav-top .dropdown-menu, .slider-container .tparrows, .nivo-slider .theme-default .nivoSlider, .nivo-slider .theme-default .nivoSlider img, .home-intro-compact, html.dark #header, html.boxed .body, blockquote.with-borders, p.drop-caps.drop-caps-style-2:first-child:first-letter, .btn-3d, select, .captcha-refresh, .featured-icon, .accordion .card-header, .tabs, .nav-tabs li a, .tab-content, .tabs.tabs-bottom .tab-content, .tabs.tabs-bottom .nav-tabs li a, .tabs-left .tab-content, .tabs-left .nav-tabs > li:first-child a, .tabs-left .nav-tabs > li:last-child a, .tabs-right .tab-content, .tabs-right .nav-tabs > li:first-child a, .tabs-right .nav-tabs > li:last-child a, .nav-tabs.nav-justified li:first-child a, .nav-tabs.nav-justified li:first-child a:hover, .nav-tabs.nav-justified li:last-child a, .nav-pills .nav-link, .nav-tabs.nav-justified li:last-child a:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a, .tabs-navigation, .tabs-navigation .nav-tabs > li:first-child a, .tabs-navigation .nav-tabs > li:last-child a, .nav-pills .nav-link, .navbar-toggler, .card, .card-header:first-child, .card-footer:last-child, .card-img, .badge, .badge-pill, .jumbotron, .alert, .progress, .modal-content, .tooltip-inner, .popover, .rounded, .toggle > label, .toggle.toggle-simple .toggle > label, .toggle.toggle-simple .toggle > label:after, .owl-carousel .owl-nav [class*="owl-"], .owl-carousel.rounded-nav .owl-nav [class*="owl-"], .owl-carousel.rounded-nav .owl-nav [class*="owl-"]:hover, .owl-carousel.full-width .owl-nav .owl-prev, .owl-carousel.big-nav .owl-nav .owl-prev, .owl-carousel.full-width .owl-nav .owl-next, .owl-carousel.big-nav .owl-nav .owl-next, .embed-responsive.embed-responsive-borders, .pricing-table h3, .pricing-table .plan, .featured-box, .featured-box .box-content, .thumb-info, .thumb-info .thumb-info-wrapper, .thumb-info .thumb-info-wrapper:after, .thumb-info .thumb-info-type, .thumb-info img, section.timeline .timeline-date, section.timeline .timeline-box, .testimonial blockquote, .testimonial.testimonial-style-2 blockquote, .testimonial.testimonial-style-3 blockquote, .testimonial.testimonial-style-4, .testimonial.testimonial-style-4 blockquote, .testimonial.testimonial-style-5 blockquote, .testimonial.testimonial-style-6 blockquote, .container .call-to-action, .progress, .progress.progress-border-radius, .progress.progress-border-radius .progress-bar, .progress-bar, .progress-bar-tooltip, .counters.with-borders .counter, html .scroll-to-top, .google-map.small, .google-map-borders, article.post .post-date .month, article.post .post-date .day, article .post-video, article .post-audio, ul.comments .comment-block, .recent-posts .date .month, #header nav.mega-menu .mega-menu-shop .dropdown-menu, .shop ul.products .product .add-to-cart-product, .product-info, .product-info img, .product-info + .product-info, .img-thumbnail.img-thumbnail-hover-icon:before, .product-thumb-info, .product .product-label span {border-radius: 0;}

/* */
.ml-15{margin-left:-15px;}
.mr-15{margin-right:-15px;}

/* Genel */
/*.text-primary{color:#ab7c09 !important;}*/
.breadcrumb-section{margin:0 0 60px 0 !important;}


/* .product .product-image-area {padding:0;border:none;border-radius:0;} */
.product .product-image-area .product-image{border-radius:0;}


h1, h2, h3, h4, h5, h6, p {
    font-family: 'monetasans-regularregular'!important;
    /*font-family: 'Century Gothic'!important;*/
    color: #3d3935;
}
/*
.page-hotel-slippers .heading.heading-middle-border h2, .page-hotel-slippers .heading.heading-middle-border h3{
    font-family: 'Century Gothic'!important;
}
*/
body{
    font-family: 'Roboto', sans-serif!important;
    font-weight: 300;
    letter-spacing: .025em;
}
body p {
    font-size: 18px;
}
footer.footer_custom  p{
    font-size: 16px;
}
.tp-caption.PostSlider-Title, .PostSlider-Title {font-family: 'Roboto', serif !important;}
body div:not(#footer-wrapper) .container .row li{
    font-size: 18px;
    line-height: 35px;
}

ul li{
    /*font-family: 'Century Gothic'!important;*/
}


html .scroll-to-top {
    background: #eaeaea;
    border-radius: 0px;
    mix-blend-mode: normal;
    bottom: 58px;
    color: #000000;
    border: 1px solid #fff;
    transition: .3s;
}
a.scroll-to-top.hidden-mobile.visible:before {
    position: absolute;
    top: -4px;
    right: 0;
    bottom: 1px;
    left: -5px;
    background: transparent;
    border: 1px solid #01983b;
    content: "";
    pointer-events: none;
    width: 57px;
    z-index: 4;
    height: 57px;
    border-radius: 0px;
}
html .scroll-to-top:hover, html .scroll-to-top:focus{
    color: #01983b;
    border: 1px solid #666666;
}



/* Slider Bullet */
.tp-thumbs.hades {background: transparent !important;}
.section .HakkimizdaTitle {
    font-size: 40px;
}
.call-to-action-content .fa-star{font-size:30px;color:#FD4;}
.call-to-action-with-star .call-to-action-content{padding-top:0;padding-bottom: 0;}

.call-to-action.call-to-action-with-star .call-to-action-content {
    width: 65%;
}
.call-to-action.call-to-action-with-star .call-to-action-btn {
    width: 30%;
}
@media (max-width: 767px) {
    .call-to-action.call-to-action-with-star .call-to-action-btn,
    .call-to-action.call-to-action-with-star .call-to-action-content{
        width:100%;
    }
}

.list.list-icons li > .fa:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .fa:first-child, .list.list-icons li a:first-child > .icons:first-child {
    position: absolute;
    left: 0;
    top: 5px;
}
.list.list-icons {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}
.fa-check:before {
    color: #0088cc;
    border-color: #0088cc;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
}
.icons {font-size: initial;}


.scroll-down{position:absolute;bottom:160px;left:50%;width:75px;height:120px;text-align:center;text-decoration:none;cursor:pointer;transform:translateX(-50%)}
.scroll-down > label{pointer-events:none;font-weight:600;font-size:1.1rem;color:#b6b6b6}
.scroll-down.arrow span{position:absolute;display:inline-block;top:20px;height:30px;width:2px;left:calc(50% - 1px);animation:animateArrow 1.5s infinite linear}
@keyframes animateArrow {
0%{transform:translateY(0)}
100%{transform:translateY(40px);opacity:0}
}
.scroll-down.arrow span::before,.scroll-down.arrow span::after{position:absolute;content:"";width:3px;height:100%;top:0;left:0;background:#fff;border-radius:3px}
.scroll-down.arrow span::before{transform-origin:bottom;transform:rotate(-45deg)}
.scroll-down.arrow span::after{transform-origin:bottom;margin-left:-1px;transform:rotate(45deg)}
.scroll-down.arrows span{position:absolute;display:inline-block;top:20px;height:25px;width:2px;left:calc(50% - 1px);animation:animateArrows 1.25s infinite linear}
@keyframes animateArrows {
0%,40%,100%{opacity:0}
75%{opacity:1}
}
.scroll-down.arrows span:first-child{top:35px;animation-delay:0}
.scroll-down.arrows span:nth-child(2){top:35px;animation-delay:.33s}
.scroll-down.arrows span:last-child{top:50px;animation-delay:.66s}
.scroll-down.arrows span::before,.scroll-down.arrows span::after{position:absolute;content:"";width:3px;height:100%;top:0;left:0;background:#fff;border-radius:3px}
.scroll-down.arrows span::before{transform-origin:bottom;transform:rotate(-45deg)}
.scroll-down.arrows span::after{transform-origin:bottom;margin-left:-1px;transform:rotate(45deg)}
.scroll-down.mouse{height:120px;z-index:2;}
.scroll-down.mouse span{position:relative;display:inline-block;width:30px;height:60px;border:2px solid #b6b6b6;border-radius:50px;top:5px}
.scroll-down.mouse.effect1 span::after{position:absolute;content:"";top:10px;left:0;right:0;margin:0 auto;width:6px;height:6px;border-radius:100%;background:#b6b6b6;animation:animateMousePointer 1.5s infinite}
@keyframes animateMousePointer {
0%{transform:translateY(0)}
50%{opacity:.7}
100%{opacity:0;transform:translateY(20px)}
}
.scroll-down.mouse.effect2 span::after{position:absolute;content:"";top:10px;left:0;right:0;margin:0 auto;width:2px;height:20px;border-radius:2px;background:#fff;animation:animateMouseScrollBar 1.5s infinite linear}
@keyframes animateMouseScrollBar {
0%{height:20px;top:10px}
50%{height:0;top:30px}
50.01%{top:10px}
100%{height:20px}
}
.card.shape{overflow:hidden}
.card.shape::before,.card.shape::after{position:absolute;content:"";bottom:0;width:50%;height:100px;background-color:#fff;z-index:2}
.card.shape::before{left:0;clip-path:polygon(0 50%,0% 100%,100% 100%)}
.card.shape::after{left:50%;clip-path:polygon(100% 50%,0% 100%,100% 100%)}
.scroll-down.semicircle span{position:absolute;width:100px;height:100px;left:-10px;border-radius:50%;background:#ffc2f0;bottom:-50px;display:inline-block;z-index:1}
.scroll-down.semicircle span svg{position:absolute;left:0;right:0;margin:0 auto;top:15px;animation:animateLargeArrow 1.25s infinite linear}
@keyframes animateLargeArrow {
0%{opacity:0;top:0}
25%,75%{opacity:1}
50%{top:15px}
100%{opacity:0;top:30px}
}



@font-face {
    font-family: 'Bradley Hand';
    src: url('/upload/fonts/BradleyHand.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bell MT';
    src: url('/upload/fonts/BellMT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('/upload/fonts/Calibri-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bradley Hand ITC';
    src: url('/upload/fonts/BradleyHandITC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('/upload/fonts/Calibri-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('/upload/fonts/Calibri-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('upload/fonts/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('/upload/fonts/Calibri-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Enclave Demo';
    src: url('/upload/fonts/EnclaveDemoRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('/upload/fonts/Calibri-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('/upload/fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('/upload/fonts/CenturyGothic_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mistral';
    src: url('/upload/fonts/Mistral.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('/upload/fonts/CenturyGothic_2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('/upload/fonts/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Microsoft Himalaya';
    src: url('/upload/fonts/MicrosoftHimalaya.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rotherdam';
    src: url('/upload/fonts/Rotherdam.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('/upload/fonts/CenturyGothic-Bold_1.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.century{
    font-family: 'Century Gothic'!important;
}
.rotherdam{
    font-family: 'Rotherdam'!important;
}
.miscrosoft-himalaya{
    font-family: 'Microsoft Himalaya'!important;
}
.mistral{
    font-family: 'Mistral'!important;
}
.calibri{
    font-family: 'Calibri'!important;
}
.enclave-demo{
    font-family: 'Enclave Demo'!important;
}
.bradley-hand-itc{
    font-family: 'Bradley Hand ITC'!important;
}
.bell-mt{
    font-family: 'Bell MT'!important;
}
.bradley-hand{
    font-family: 'Bradley Hand' !important;
}