@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Barlow:200,300,400,600,700,900|Quicksand:300,400,500,700|Raleway:200,300,400,500,600,800&display=swap&subset=latin-ext');

/*
font-family: 'Barlow', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans', sans-serif;
*/


/* GENEL AYARLAR */

body {
    font-family: "Quicksand", Arial, Helvetica, sans-serif;
    font-weight: 600;
    overflow-x: hidden;
}

::-moz-selection {
    /* Code for Firefox */
    background: #00468a;
    color: #fff;
}

::selection {
    background: #00468a;
    color: #fff;
}


/* ------------------------------------------------------------------------------------ */


/* --------------------------------- HEADER TASARIM ----------------------------------- */


/* ------------------------------------------------------------------------------------ */

.header,
.header .row,
.header .row>div {
    padding: 0;
    margin: 0;
    z-index: 9;
}

.headerHome {
    position: absolute;
}

.headerDetay_:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 450px;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1946c5+0,000000+100&0.65+0,0+100 */
    background: -moz-linear-gradient(top, rgba(25, 70, 197, 0.80) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(25, 70, 197, 0.80) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(25, 70, 197, 0.80) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a61946c5', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

.headerMenuLine {
    position: relative;
    border: solid 1px rgba(255, 255, 255, .6);
    border-left: 0;
    border-right: 0;
    background: rgba(8, 34, 188, .3);
    /*padding:30px 0 !important;*/
}


/* Logo Tasarımı */

.logo {
    position: absolute;
    background: #fff;
    padding: 10px;
    top: 0;
    margin-top: -60px;
    padding-top: 50px;
    -webkit-border-bottom-right-radius: 300px;
    -webkit-border-bottom-left-radius: 300px;
    -moz-border-radius-bottomright: 300px;
    -moz-border-radius-bottomleft: 300px;
    border-bottom-right-radius: 300px;
    border-bottom-left-radius: 300px;
    -webkit-box-shadow: 0 20px 70px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 20px 70px 0 rgba(0, 0, 0, .5);
}

.logo:after {
    content: '';
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    top: 10px;
    background: url('../images/turkey.png') no-repeat center;
    background-size: contain;
}

@media (min-width: 991px) {
    .logoSticky {
        margin-top: 0;
        top: -10px;
        position: fixed;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .logoSticky a canvas {
        opacity: 0;
    }
    .logoSticky a img {
        max-width: 120px;
        max-height: 120px;
        opacity: 1 !important;
    }
}


/* Sidebar Menu Tasarım */

#sidebar-menu {
    position: fixed;
    left: -260px;
    top: 0;
    width: 260px;
    height: 100%;
    background: #ee970b;
    z-index: 10003;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sidebar-logo {
    background: #fff;
    padding: 10px;
}

.sidebar-logo img {
    max-width: 40%;
}

#sidebar-menu.sidebarAcik {
    left: 0;
    -webkit-box-shadow: 10px 0 40px 0 rgba(0, 0, 0, .4);
    box-shadow: 10px 0 40px 0 rgba(0, 0, 0, .4);
}

#sidebar-menu ul {
    padding: 15px;
}

#sidebar-menu ul>li {
    width: 100%;
}

#sidebar-menu ul>li>a {
    font-weight: 600;
    color: #fff;
    padding: 6px 10px;
    display: block;
    font-size: .90em;
    letter-spacing: -0.03em !important;
    font-family: 'Open Sans', sans-serif;
    border-top: solid 1px rgba(255, 255, 255, .1);
    border-bottom: solid 1px rgba(0, 0, 0, .1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-menu ul>li:first-child a {
    border-top: none;
}

#sidebar-menu ul>li:last-child a {
    border-bottom: none;
}

#sidebar-menu ul>li>a:hover {
    text-decoration: underline;
    color: #fff;
}

#sidebar-menu .dropdown-menu {
    position: relative !important;
    margin: 0 !important;
    padding: 10px !important;
    transform: none !important;
    top: 0 !important;
    min-width: 100% !important;
    background: #003755 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .4);
}

#sidebar-menu .dropdown-menu:before {
    display: none;
}

#sidebar-menu .dropdown-menu a:hover {
    background: #000 !important;
}


/* SIDEBAR ÜYELİK */

.sidebarUyelik {
    position: relative;
    text-align: center;
    background: #e08e09;
    padding: 15px 0;
    border: solid 1px rgba(0, 0, 0, .1);
    border-left: none;
    border-right: none;
}

.sidebarUyelik a {
    color: #fff;
    font-weight: 400;
    font-size: .90em;
    letter-spacing: -0.03em;
    font-family: "Barlow", sans-serif;
    display: inline-block;
    position: relative;
    padding: 5px 8px;
    background: rgba(0, 0, 0, .1);
    width: 39%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sidebarUyelik a:nth-child(1) {
    background: rgba(204, 0, 0, .8);
}

.sidebarUyelik a:nth-child(2) {
    background: rgba(0, 51, 153, .8);
}

.sidebarUyelik a:nth-child(3) {
    display: block;
    width: 79%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 4px;
    background: rgba(0, 153, 51, .8);
}

.sidebarUyelik a:nth-child(3) span {
    top: 5px;
    right: 6px;
}

.sidebarUyelik a i {
    margin-right: 5px;
}


/* SIDEBAR DİLLER */

.sidebarDiller {
    position: absolute;
    margin-top: -90px;
    right: 10px;
}

.sidebarDiller a {
    color: #003755;
    font-weight: 400;
    font-size: .90em;
    letter-spacing: -0.03em;
    font-family: "Barlow", sans-serif;
    display: inline-block;
    padding: 5px 8px;
    border: dashed 1px #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sidebarDiller a:hover,
.sidebarDiller a:active,
.sidebarDiller a:focus {
    background: #003755;
    border-color: #003755;
    color: #fff;
}


/* SIDEBAR SOSYAL */

.sidebarSosyal {
    position: absolute;
    margin-top: -43px;
    right: 10px;
}

.sidebarSosyal a {
    color: #fff;
    background: #003755;
    font-weight: 400;
    font-size: .90em;
    letter-spacing: -0.03em;
    font-family: "Barlow", sans-serif;
    display: inline-block;
    padding: 3px;
    width: 30px;
    height: 30px;
    line-height: 23px;
    text-align: center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}


/* SIDEBAR ARAMA */

.sidebarArama {
    margin-top: 15px;
    margin-left: 20px;
    position: relative;
}

.sidebarArama input[type="text"] {
    background: none;
    border: solid 1px rgba(255, 255, 255, .4);
    padding: 8px 16px;
    color: #fff;
    max-width: 100%;
    position: relative;
    outline: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.sidebarArama button {
    position: absolute;
    background: none;
    border: none;
    outline: none;
    color: #fff;
    top: 8px;
    right: 35px;
    cursor: pointer;
}

.sidebarArama input[type="text"]::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.sidebarArama input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.sidebarArama input[type="text"]::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}


/* MOBİL MENU ANIMASYON */

.navbar-toggler {
    z-index: 3;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

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

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(2),
.navbar-toggler span:nth-child(3) {
    -webkit-transition: transform .35s ease-in-out;
    -moz-transition: transform .35s ease-in-out;
    -o-transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0.9;
}

.lavalamp-object {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px !important;
    top: 82px !important;
    background: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.sticky.is-sticky .lavalamp-object {
    display: none;
}


/* STICKY MENU */

.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0 !important;
    margin: 0;
    z-index: 1000;
    width: 100%;
    height: auto;
    text-align: center;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: #003755;
    -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .4);
}

.navbar-collapse {
    margin-top: -6px;
}

.navbar {
    background: none;
    padding: 0;
}

.navbar ul li {
    padding: 30px 8px;
    position: relative;
}

.sticky.is-sticky ul li {
    padding: 20px 8px !important;
}

.sticky.is-sticky .dropdown-menu {
    top: 62px !important;
}

.navbar ul li:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 30%;
    top: 35%;
    right: 0;
    display: block;
    background: rgba(255, 255, 255, .2);
}

.navbar ul li:last-child:after {
    display: none;
    content: '';
}

.navbar ul>li>a {
    letter-spacing: -0.02em;
    font-weight: 500;
    color: #fff;
    padding: 0px 7px !important;
    display: block;
    font-size: 1em;
    font-family: 'Quicksand', sans-serif;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-item:hover>a {
    color: #92e7f0;
    text-decoration: none;
}

.dropdown-menu {
    position: absolute !important;
    border: none !important;
    padding: 20px 10px !important;
    background: #6ac4e3 !important;
    min-width: 250px !important;
    width: auto !important;
    top: 82px !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


/*
.dropdown-menu:after {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 85, 165, 0);
	border-bottom-color: #045760;
	border-width: 10px;
	margin-left: -10px;
}
*/

.dropdown-menu:before {
    content: '';
    width: 100%;
    height: 30px;
    position: absolute;
    display: block;
    background: url('../images/dropdown_menu_footer.png') no-repeat top center;
    bottom: -30px;
    z-index: 9999;
    left: 0;
}

.dropdown-menu a {
    color: #fff;
    padding: 7px;
    display: block;
    font-size: .80em;
    letter-spacing: -0.01em;
    font-family: 'Open Sans', sans-serif;
    border-top: solid 1px rgba(255, 255, 255, .2);
    border-bottom: solid 1px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-menu a span {
    color: #92e7f0;
    right: 0;
    float: right;
}

.dropdown-menu a:first-child {
    border-top: none;
}

.dropdown-menu a:last-child {
    border-bottom: none;
}

.dropdown-menu a:hover,
.dropdown-menu a.active {
    background: #003755;
    color: #fff;
}

.navbar-nav>.dropdown:hover .dropdown-menu {
    display: block;
}


/* HEADER ARAMA */

.headerArama {
    margin-top: 15px;
}

.headerArama input[type="text"] {
    background: none;
    border: solid 1px rgba(255, 255, 255, .4);
    padding: 8px 16px;
    color: #fff;
    max-width: 100%;
    position: relative;
    outline: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.headerArama button {
    position: absolute;
    background: none;
    border: none;
    outline: none;
    color: #fff;
    top: 22px;
    right: 8px;
    cursor: pointer;
}

.headerArama input[type="text"]::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.headerArama input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.headerArama input[type="text"]::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}


/* Header Sosyal Medya */

.headerSosyalMedya {
    position: relative;
    margin-top: 20px;
    float: right;
}

.headerSosyalMedya a {
    color: #fff;
    padding: 4px;
    display: inline-block;
    font-weight: normal;
}


/* Header Top Menü */

.headerTopMenu a {
    position: relative;
    color: #fff;
    font-weight: 600;
    font-size: .90em;
    padding: 15px 10px;
    display: inline-block;
    letter-spacing: -0.01em;
    font-family: 'Barlow', sans-serif;
}

.headerTopMenu a i {
    position: relative;
    margin-right: 7px;
}

.headerTopTelefon a:nth-child(1) {
    border-right: solid 1px rgba(255, 255, 255, .4);
}

.headerTopUyelik a:nth-child(3) {
    border-left: solid 1px rgba(255, 255, 255, .4);
    border-right: solid 1px rgba(255, 255, 255, .4);
}

.headerTopUyelik a:nth-child(4) {
    padding: 15px 0;
    margin: 0 4px 0 15px;
}

.headerTopUyelik a:nth-child(5) {
    padding: 15px 0;
}

.sepetButon i {
    font-size: 1.40em;
}

.sepetButon span {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    font-size: .80em;
    font-weight: 700;
    text-align: center;
    background: rgba(255, 0, 0, .6);
    color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}


/* ------------------------------------------------------------------------------------ */


/* ---------------------------------- HOME SLİDER ------------------------------------- */


/* ------------------------------------------------------------------------------------ */

.tp-mask-wrap {
    overflow: visible !important;
}


/* Slider Li After */

#rev_slider_16_1_wrapper ul li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 450px;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1946c5+0,000000+100&0.65+0,0+100 */
    background: -moz-linear-gradient(top, rgba(25, 70, 197, 0.80) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(25, 70, 197, 0.80) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(25, 70, 197, 0.80) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a61946c5', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}


/* Slider Tarih */

#rev_slider_16_1_wrapper .sliderTarih {
    position: relative;
    padding: 0 20px !important;
    color: #fff;
    line-height: 50px !important;
    font-size: 1em !important;
    background: #ee970b;
    font-family: "Barlow", sans-serif;
    font-weight: 600 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

#rev_slider_16_1_wrapper .sliderTarih i {
    font-size: 1em !important;
    line-height: inherit !important;
}


/* Slider Konaklama */

#rev_slider_16_1_wrapper .sliderKonaklama {
    position: relative;
    padding: 0 20px !important;
    color: #fff;
    line-height: 50px !important;
    font-size: 1em !important;
    background: #003755;
    font-family: "Barlow", sans-serif;
    font-weight: 600 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

#rev_slider_16_1_wrapper .sliderKonaklama i {
    font-size: 1em !important;
    line-height: inherit !important;
}


/* Slider Başlık */

#rev_slider_16_1_wrapper .sliderBaslik {
    position: relative;
    padding: 0 0 20px 0 !important;
    color: #fff;
    line-height: 100% !important;
    /*font-size: 1.60em !important;*/
    font-family: "Barlow", sans-serif;
    font-weight: 600 !important;
    letter-spacing: -0.04em !important;
    width: 400px !important;
    white-space: normal !important;
    background: url('../images/slider-baslik-underline.png') no-repeat bottom left;
}


/* Slider Fiyat */

#rev_slider_16_1_wrapper .sliderFiyat {
    position: relative;
    padding: 0 35px 0 90px !important;
    color: #0c57b4;
    line-height: 50px !important;
    font-size: 1em !important;
    background: #fff;
    font-family: "Barlow", sans-serif;
    font-weight: 800 !important;
    text-align: right !important;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

#rev_slider_16_1_wrapper .sliderFiyat:after {
    content: "\f11c";
    color: #999;
    font-size: 3.7em !important;
    padding: 10px;
    display: block;
    font-family: "Flaticon";
    font-size: 64px;
    line-height: 1;
    font-weight: normal;
    position: absolute;
    left: 15px;
    top: 3px;
}

#rev_slider_16_1_wrapper .sliderFiyat i {
    font-size: .90em !important;
    font-weight: 300 !important;
    line-height: 25px !important;
    display: block;
    font-style: normal;
    margin-top: -20px;
}


/* Slider Buton */

#rev_slider_16_1_wrapper .sliderButon {
    position: relative;
    padding: 0 50px 0 20px !important;
    color: #fff;
    line-height: 50px !important;
    font-size: 1em !important;
    background: #1db916;
    font-family: "Barlow", sans-serif;
    font-weight: 600 !important;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

#rev_slider_16_1_wrapper .sliderButon:after {
    content: "";
    display: block;
    position: absolute;
    background: url('../images/arrow-right.png') no-repeat center;
    width: 27px;
    height: 11px;
    right: 15px;
    top: 20px;
}

#rev_slider_16_1_wrapper .sliderButon:hover {
    background: #0c57b4;
}


/* Slider Resim */

#rev_slider_16_1_wrapper .sliderResim img {
    padding: 10px;
    background: #fff;
}

#rev_slider_16_1_wrapper .sliderResim,
#rev_slider_16_1_wrapper .sliderResim div {
    font-size: 1.10em !important;
}

#rev_slider_16_1_wrapper .sliderResim div p {
    padding: 0 10px 25px 10px !important;
    background: #fff;
    font-size: 1.10em !important;
    font-weight: 400 !important;
    font-family: "Barlow", sans-serif;
    color: #0c57b4 !important;
    line-height: 1.10em !important;
    text-align: center;
    margin-top: -5px;
    letter-spacing: -0.03em !important;
    max-width: 360px;
    word-wrap: break-word;
    white-space: pre-wrap;
}

#rev_slider_16_1_wrapper .sliderResim div p span {
    font-size: 1.10em !important;
    font-weight: 700;
}

#rev_slider_16_1_wrapper .sola_cevir {
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-box-shadow: 0 20px 60px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 20px 60px 0 rgba(0, 0, 0, .2);
}

#rev_slider_16_1_wrapper .saga_cevir {
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-box-shadow: 0 20px 60px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 60px 0 rgba(0, 0, 0, .4);
}


/* BAŞLIK STYLE */

.baslikStyle .baslikH {
    color: #003755;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-size: 4.5em;
    letter-spacing: 4px;
    margin-bottom: 0;
    position: relative;
}

.baslikStyle p {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 1em;
}


/* ------------------------------------------------------------------------------------ */


/* -------------------------------- HOME ETKİNLİKLER ---------------------------------- */


/* ------------------------------------------------------------------------------------ */

.homeEtkinlikler {
    position: relative;
    width: 100%;
    min-height: 1030px;
    height: auto;
    z-index: 1;
    background: url('../images/etkinlikler-bg.jpg') no-repeat bottom center;
}

.homeEtkinlikler .container>.row>.col-12 {
    position: relative;
    width: 100%;
    height: 1030px;
    background: url('../images/line.png');
}

.homeEtkinlikler .baslikStyle {
    margin-top: 70px;
}

#scene {
    position: absolute;
    z-index: 5;
    margin-top: -150px;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}

.etkinliklerParasut {
    position: absolute;
    width: 306px;
    height: 316px;
    background: url('../images/parasut.png') no-repeat center;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}


/* ETKİNLİKLERİ LİSTELE */

.homeEtkinlikList {
    margin-top: 88px;
}

.homeEtkinlikList>div {
    padding: 10px;
    margin: 0;
    position: relative;
}

.homeEtkinlikList>div>div {
    position: relative;
    width: 100%;
    min-height: 300px;
    height: auto;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 20px 70px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 20px 70px 0 rgba(0, 0, 0, .6);
}

.homeEtkinlikList>div:hover>div {
    -webkit-box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.7);
    box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.7);
}

.homeEtkinlikList>div>div:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    opacity: 0.95;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+40,ffffff+40,003755+100&0+40,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(19, 47, 142, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(19, 47, 142, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(19, 47, 142, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#132f8e', GradientType=0);
    /* IE6-9 */
}

.homeEtkinlikList>div>div a {
    position: relative;
    display: block;
}

.homeEtkinlikList>div>div a img {
    position: relative;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.homeEtkinlikList>div:hover>div a img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.homeEtkinlikList>div>div a:after {
    content: '';
    width: 15px;
    height: 9px;
    display: block;
    z-index: 5;
    ;
    position: absolute;
    right: 25px;
    bottom: 25px;
    overflow: hidden;
    background: url('../images/btn-arrow-beyaz.png') no-repeat center;
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }
    25% {
        opacity: 0;
        transform: translateX(10px) scale(0.9);
    }
    26% {
        opacity: 0;
        transform: translateX(-10px) scale(0.9);
    }
    55% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }
}

.homeEtkinlikList>div>div a span {
    position: absolute;
    color: #fff;
    left: 20px;
    bottom: 20px;
    z-index: 5;
    font-weight: 200;
    font-size: 1.30em;
    font-family: "Barlow", sans-serif;
    letter-spacing: -0.03em;
    text-decoration: none;
    text-align: left;
    line-height: 130%;
}

.homeEtkinlikList>div>div a:hover span {
    text-decoration: underline;
}

.homeEtkinlikList>div>div a span b {
    font-weight: 700;
    display: block;
}

.homeEtkinlikList>div:nth-child(2)>div,
.homeEtkinlikList>div:nth-child(4)>div {
    margin-top: 100px;
}

.homeEtkinlikList>div:nth-child(5)>div,
.homeEtkinlikList>div:nth-child(7)>div,
.homeEtkinlikList>div:nth-child(9)>div,
.homeEtkinlikList>div:nth-child(11)>div {
    margin-top: -100px;
}


/* ------------------------------------------------------------------------------------ */


/* ---------------------------------- HOME TURLAR ------------------------------------- */


/* ------------------------------------------------------------------------------------ */

.homeTurlar {
    position: relative;
    margin-top: 250px;
    margin-bottom: 350px;
}

.dagEfekt {
    position: relative;
    width: 100%;
    min-height: 570px;
    overflow: hidden;
    margin-top: -250px;
    z-index: -1;
    background: url('../images/dag-efekt/dag-bg.jpg') no-repeat center;
}

.dag-bulut {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -220px;
    z-index: 10;
    background: url('../images/dag-efekt/dag-bulut.png') no-repeat center bottom;
}

.dag-dag {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    z-index: 7;
    background: url('../images/dag-efekt/dag-dag.png') no-repeat right bottom;
}

.dag-bayrak {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -250px;
    z-index: 8;
    background: url('../images/dag-efekt/dag-bayrak.png') no-repeat center bottom;
}

.dag-adam {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -20px;
    z-index: 9;
    background: url('../images/dag-efekt/dag-adam.png') no-repeat 300px bottom;
}

.dag-kayakci {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 30px;
    z-index: 9;
    background: url('../images/dag-efekt/kayakci.png') no-repeat 600px bottom;
}


/* OWL CAROUSEL ETKİNLİKLER */

.owlTurlarKapsayici {
    position: relative;
}


/* OWL CAROUSEL GÖRÜNÜRLÜK */

.owl-stage-outer {
    overflow: visible !important;
}

.owl-item {
    opacity: 0 !important;
    /*transition: opacity 500ms !important;*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.owl-item.active {
    opacity: 1 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* OWL TUR RESİM */

.owlTurResim {
    position: relative;
    max-width: 80%;
    -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.owlTurlarKapsayici:hover .owlTurResim {
    -webkit-box-shadow: 0 30px 80px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, .4);
}

.owlTurResim img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.owlTurResim a {
    position: absolute;
    background: #178ccb;
    padding: 10px;
    color: #fff;
    width: 47%;
    bottom: -17px;
    font-size: .80em;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -0.03em;
    text-align: center;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.owlTurResim a i {
    margin-right: 7px;
    position: relative;
}

.owlTurResim .owlSepeteEkle {
    background: #178ccb;
    left: 2%;
}

.owlTurResim .owlHemenAl {
    background: #79b23d;
    right: 2%;
}

.owlGunSonra {
    position: absolute;
    background: #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 100%;
    padding: 15px 10px;
    color: #0c57b4;
    font-family: "Barlow", sans-serif;
    font-size: .75em;
    font-weight: 300;
    letter-spacing: -0.03em;
    top: -45px;
    left: 15px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.owlGunSonra:after {
    content: '';
    position: absolute;
    width: 116%;
    height: 116%;
    left: -8%;
    top: -8%;
    z-index: 0;
    border: solid 1px rgba(255, 255, 255, .5);
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.owlGunSonra:before {
    content: '';
    position: absolute;
    width: 130%;
    height: 130%;
    left: -15%;
    top: -15%;
    z-index: 0;
    border: solid 1px rgba(255, 255, 255, .2);
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.owlDonenNokta {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background: rgba(0,0,0,0.7);*/
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.owlDonenNokta:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #fff;
    left: 4px;
    top: 4px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.owlGunSonra .owlGunSayisi {
    position: relative;
    display: block;
    font-size: 3em;
    font-weight: 800;
    line-height: 30px;
}


/* OWL TEXT STYLE */

.owlTurText {
    position: absolute;
    background: #fff;
    padding: 20px;
    z-index: 5;
    top: 15%;
    right: 0;
    max-width: 200px;
    width: auto;
    text-align: center;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.owlBaslik {
    position: relative;
    color: #ee970b;
    font-family: "Barlow", sans-serif;
    line-height: 110%;
    letter-spacing: -0.03em;
    font-size: 1.30em;
}

.owlText {
    position: relative;
    color: #003755;
    font-family: "Open Sans", sans-serif;
    line-height: 110%;
    letter-spacing: -0.03em;
    font-size: .90em;
    font-weight: 500;
}

.owlFiyat {
    position: relative;
    color: #0c57b4;
    font-family: "Barlow", sans-serif;
    line-height: 110%;
    letter-spacing: -0.03em;
    font-size: 1em;
    font-weight: 500;
    margin-top: 30px;
}

.owlFiyat b {
    position: relative;
    font-weight: 800;
    font-size: 3em;
}

.owlFiyat span {
    position: relative;
    display: block;
    font-size: .75em;
}

.owlTextLink {
    position: absolute;
    padding: 10px;
    background: #ee970b;
    color: #fff;
    width: 90%;
    left: 5%;
    font-size: .80em;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -0.03em;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.owlTextLink:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 9px;
    background: url('../images/btn-arrow-beyaz.png') no-repeat center;
    top: 15px;
    right: 20px;
}

.owlTextLink:hover {
    background: #0c57b4;
    color: #fff;
    text-decoration: none;
}


/* HOME OWL TURLAR NAV */

.owl-turlar .owl-dots {
    text-align: center !important;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 80px;
}

.owl-turlar .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important;
    background: #78828d !important;
    margin: 0 2px !important;
}

.owl-turlar .owl-dots .owl-dot.active span {
    background: #fff !important;
}

.home_turlar_items .owl-turlar .owl-nav [class*=owl-],
.owl-turlar .owl-nav [class*=owl-] {
    font-weight: 300;
    background: #78828d !important;
    margin: 0 2px !important;
    width: 45px;
    height: 45px;
    line-height: 32px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.home_turlar_items .owl-turlar .owl-nav [class*=owl-]:hover,
.owl-turlar .owl-nav [class*=owl-]:hover {
    font-weight: 300;
    background: #0c4d8f !important;
}

.home_turlar_items .owl-turlar .owl-dots .owl-dot span {
    margin: 5px 3px !important;
    background: #78828d !important;
}

.home_turlar_items .owl-turlar .owl-dots .owl-dot.active span {
    margin: 5px 4px !important;
    background: #ee970b !important;
}

.home_turlar_items .owl-turlar .owl-nav {
    margin-top: 70px !important;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.home_turlar_items:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -70%;
    z-index: -2;
    height: 390px;
    background: url('../images/cadir-bg.jpg') no-repeat bottom center;
}

.home_turlar_items .owl-turlar .owl-nav .owl-prev {
    margin-right: 200px !important;
    position: relative;
}


/* ------------------------------------------------------------------------------------ */


/* ------------------------------------ HOME INFO ------------------------------------- */


/* ------------------------------------------------------------------------------------ */

.homeInfo {
    position: relative;
    background: url('../images/kumsal-deniz.jpg') no-repeat bottom center;
    padding-bottom: 300px;
    z-index: 5;
}

.homeInfoText .homeInfoBaslik {
    position: relative;
    color: #78828d;
    font-family: "Raleway", sans-serif;
    font-weight: 200;
    font-size: 4em;
    letter-spacing: -0.03em;
    line-height: 110%;
    margin-bottom: 40px;
}

.homeInfoText p {
    position: relative;
    color: #78828d;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 180%;
    margin-left: 80px;
}

.homeInfoText p b {
    font-weight: 700;
}

.homeInfoText a {
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    border: solid 1px #78828d;
    color: #78828d;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 1em;
    margin-left: 80px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.homeInfoText a:hover {
    color: #fff;
    background: #78828d;
}

.homeSise {
    position: absolute;
    width: 271px;
    height: 122px;
    bottom: -80px;
    left: -200px;
    z-index: 1;
    background: url('../images/kumsal-sise.png') no-repeat center;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}

.homeYildiz {
    position: absolute;
    width: 180px;
    height: 70px;
    bottom: -50px;
    left: -220px;
    z-index: 0;
    background: url('../images/kumsal-yildizlar.png') no-repeat center;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}


/* HOME INFO RESİM */

.homeInfoImageResim1 {
    position: absolute;
    left: 0;
    top: 20px;
    max-width: 275px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

.homeInfoImageResim2 {
    position: absolute;
    right: 0;
    top: -80px;
    max-width: 275px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

.homeInfoImageResim2:after {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    border: solid 10px #62b8dd;
    left: -75px;
    top: -75px;
    z-index: -1;
}

.homeInfoImageResim3 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    margin-top: 150px;
    max-width: 275px;
    width: auto;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

.homeInfoImageResim3:after {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    border: solid 10px #78828d;
    left: -60px;
    bottom: -60px;
    z-index: -1;
}

.homeInfoImageResim3:before {
    content: '';
    position: absolute;
    width: 364px;
    height: 362px;
    background: url('../images/kumsal-agac.png') no-repeat center;
    left: -350px;
    bottom: -170px;
    z-index: 1;
}


/* ------------------------------------------------------------------------------------ */


/* ------------------------------- HOME POPÜLER TURLAR -------------------------------- */


/* ------------------------------------------------------------------------------------ */

.homePopulerTurlar {
    position: relative;
    margin-top: 100px;
    margin-bottom: 400px;
    z-index: 5;
}

.homePopulerTurlarKapadokya:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -200px;
    z-index: -2;
    width: 100%;
    height: 600px;
    background: url('../images/kapadokya-owl-bg.jpg') no-repeat bottom center;
}

.homePopulerTurlarDenizalti:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -200px;
    z-index: -2;
    width: 100%;
    height: 600px;
    background: url('../images/denizalti-owl-bg.jpg') no-repeat bottom center;
}

.homePopulerTurlarKapadokya .baslikH {
    color: #ec6a38;
    font-weight: 800;
    font-size: 3.5em;
}

.homePopulerTurlarDenizalti .baslikH {
    color: #095b8d;
    font-weight: 800;
    font-size: 3.5em;
}


/* Kapadokya Efekt */

.kapadokyaEfekt {
    position: relative;
    width: 100%;
    min-height: 530px;
    margin-top: -250px;
    z-index: -1;
    background: url('../images/kapadokya-bg.jpg') no-repeat center;
}

#scene2 {
    position: absolute;
    z-index: 5;
    right: 400px;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}

.kapadokyaBalon {
    position: absolute;
    width: 247px;
    height: 327px;
    z-index: 8;
    background: url('../images/kapadokya-balon.png') no-repeat center bottom;
}

.kapadokyaBulut {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -180px;
    z-index: 10;
    background: url('../images/dag-efekt/dag-bulut.png') no-repeat center bottom;
}


/* Denizaltı Efekt */

.denizaltiEfekt {
    position: relative;
    width: 100%;
    min-height: 530px;
    margin-top: -250px;
    z-index: -1;
    background: url('../images/denizalti-bg.jpg') no-repeat center;
}

#scene2 {
    position: absolute;
    z-index: 5;
    right: 400px;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}

.denizaltiDalgic {
    position: absolute;
    width: 723px;
    height: 388px;
    z-index: 8;
    background: url('../images/denizalti-dalgic.png') no-repeat center bottom;
}

.denizaltiBulut {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -180px;
    z-index: 10;
    background: url('../images/dag-efekt/dag-bulut.png') no-repeat center bottom;
}


/* OWL CAROUSEL ETKİNLİKLER */

.owlTurlarKapsayici {
    position: relative;
}


/* OWL CAROUSEL GÖRÜNÜRLÜK */

.owl-stage-outer {
    overflow: visible !important;
}

.owl-item {
    opacity: 0 !important;
    /*transition: opacity 500ms !important;*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.owl-item.active {
    opacity: 1 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* OWL TUR RESİM */

.owlTurResim {
    position: relative;
    max-width: 80%;
    -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.owlTurlarKapsayici:hover .owlTurResim {
    -webkit-box-shadow: 0 30px 80px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, .4);
}

.owlTurResim img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.owlTurResim button {
    position: absolute;
    background: #178ccb;
    padding: 10px;
    color: #fff;
    width: 47%;
    bottom: -17px;
    font-size: .80em;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -0.03em;
    text-align: center;
    outline: none;
    border: none;
    cursor: pointer;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.owlTurResim button:hover,
.owlTurResim button:focus {
    text-decoration: underline;
}

.owlTurResim button i {
    margin-right: 7px;
    position: relative;
}

.owlTurResim .owlSepeteEkle {
    background: #178ccb;
    left: 2%;
}

.owlTurResim .owlHemenAl {
    background: #79b23d;
    right: 2%;
}

.owlGunSonra {
    position: absolute;
    background: #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 100%;
    padding: 15px 10px;
    color: #0c57b4;
    font-family: "Barlow", sans-serif;
    font-size: .75em;
    font-weight: 300;
    letter-spacing: -0.03em;
    top: -45px;
    left: 15px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.owlGunSonra:after {
    content: '';
    position: absolute;
    width: 116%;
    height: 116%;
    left: -8%;
    top: -8%;
    z-index: 0;
    border: solid 1px rgba(255, 255, 255, .5);
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.owlGunSonra:before {
    content: '';
    position: absolute;
    width: 130%;
    height: 130%;
    left: -15%;
    top: -15%;
    z-index: 0;
    border: solid 1px rgba(255, 255, 255, .2);
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.owlDonenNokta {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background: rgba(0,0,0,0.7);*/
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.owlDonenNokta:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #fff;
    left: 4px;
    top: 4px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.owlGunSonra .owlGunSayisi {
    position: relative;
    display: block;
    font-size: 3em;
    font-weight: 800;
    line-height: 30px;
}


/* OWL TEXT STYLE */

.owlTurText {
    position: absolute;
    background: #fff;
    padding: 20px;
    z-index: 5;
    top: 15%;
    right: 0;
    max-width: 200px;
    width: auto;
    text-align: center;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.owlBaslik {
    position: relative;
    color: #ee970b;
    font-family: "Barlow", sans-serif;
    line-height: 110%;
    letter-spacing: -0.03em;
    font-size: 1.30em;
}

.owlText {
    position: relative;
    color: #003755;
    font-family: "Open Sans", sans-serif;
    line-height: 110%;
    letter-spacing: -0.03em;
    font-size: .90em;
    font-weight: 500;
}

.owlFiyat {
    position: relative;
    color: #0c57b4;
    font-family: "Barlow", sans-serif;
    line-height: 110%;
    letter-spacing: -0.03em;
    font-size: 1em;
    font-weight: 500;
    margin-top: 30px;
}

.owlFiyat b {
    position: relative;
    font-weight: 800;
    font-size: 3em;
}

.owlFiyat span {
    position: relative;
    display: block;
    font-size: .75em;
}

.owlTextLink {
    position: absolute;
    padding: 10px;
    background: #ee970b;
    color: #fff;
    width: 90%;
    left: 5%;
    font-size: .80em;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -0.03em;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.owlTextLink:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 9px;
    background: url('../images/btn-arrow-beyaz.png') no-repeat center;
    top: 15px;
    right: 20px;
}

.owlTextLink:hover {
    background: #0c57b4;
    color: #fff;
    text-decoration: none;
}


/* HOME OWL TURLAR NAV */

.owl-populer-turlar .owl-dots {
    text-align: center !important;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -510px;
}

.owl-populer-turlar .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important;
    background: #78828d !important;
    margin: 0 2px !important;
}

.owl-populer-turlar .owl-dots .owl-dot.active span {
    background: #fff !important;
}

.home_populer_turlar_items {
    margin-top: 70px;
}

.home_populer_turlar_items .owl-populer-turlar .owl-nav [class*=owl-],
.owl-populer-turlar .owl-nav [class*=owl-] {
    font-weight: 300;
    background: #78828d !important;
    margin: 0 2px !important;
    width: 45px;
    height: 45px;
    line-height: 32px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.home_populer_turlar_items .owl-populer-turlar .owl-nav [class*=owl-]:hover,
.owl-populer-turlar .owl-nav [class*=owl-]:hover {
    font-weight: 300;
    background: #0c4d8f !important;
}

.home_populer_turlar_items .owl-populer-turlar .owl-dots .owl-dot span {
    margin: 5px 3px !important;
    background: #78828d !important;
}

.home_populer_turlar_items .owl-populer-turlar .owl-dots .owl-dot.active span {
    margin: 5px 4px !important;
    background: #ee970b !important;
}

.home_populer_turlar_items .owl-populer-turlar .owl-nav {
    margin-top: -520px !important;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.home_populer_turlar_items .owl-populer-turlar .owl-nav .owl-prev {
    margin-right: 200px !important;
    position: relative;
}


/* ------------------------------------------------------------------------------------ */


/* ----------------------------------- BREADCRUMB ------------------------------------- */


/* ------------------------------------------------------------------------------------ */

.breadCrumb {
    position: relative;
    height: 400px;
    padding-top: 170px;
    z-index: 0;
}

.breadCrumb:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #1c71ad;
    opacity: 0.7;
    z-index: 0;
}

.breadCrumb>div {
    z-index: 5;
}

.breadCrumb>div>div {
    z-index: 5;
}

.breadCrumb>div>div>div {
    z-index: 5;
}

.breadCrumb>div>div:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 400px;
    top: -200px;
    left: 0;
    z-index: 0;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1946c5+0,000000+100&0.65+0,0+100 */
    background: -moz-linear-gradient(top, rgba(25, 70, 197, 0.90) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(25, 70, 197, 0.90) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(25, 70, 197, 0.90) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a61946c5', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

.breadCrumb>div:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: -30px;
    left: 0;
    z-index: 8;
    background: url('../images/breadcrumb-bulut.png') repeat-y center;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}

.breadCrumb h1 {
    position: relative;
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-weight: 600;
    letter-spacing: -0.03em;
    margin-bottom: 0;
    padding: 0;
}

.breadCrumbList {
    padding: 0;
    margin: 0;
}

.breadCrumbList li {
    list-style: none;
    display: inline;
    padding-right: 18px;
    position: relative;
}

.breadCrumbList li:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 9px;
    display: block;
    right: 0;
    top: 6px;
    background: url('../images/btn-arrow-beyaz.png') no-repeat center;
}

.breadCrumbList li:last-child:after {
    content: '';
    display: none;
}

.breadCrumbList li a {
    position: relative;
    color: #fff;
    padding: 5px;
    font-size: .90em;
    display: inline-block;
    font-weight: 400;
}

.breadCrumbList li a:hover {
    color: #fc0;
}


/* ------------------------------------------------------------------------------------ */


/* ---------------------------------- DETAY TASARIM ----------------------------------- */


/* ------------------------------------------------------------------------------------ */

.detayTasarim {
    position: relative;
    min-height: 400px;
    z-index: 5;
}

.detayTasarim:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: -1;
    opacity: 0.7;
    background: url('../images/bg-parcalar.png') no-repeat top center;
}

.detayBaslikTasarimi h3 {
    color: #adadad;
    font-size: 3em;
    font-weight: 800;
    font-family: "Barlow", sans-serif;
    border-right: solid 1px #adadad;
    display: inline-block;
    float: left;
    margin-right: 30px;
    padding-right: 30px;
}

.detayBaslikTasarimi h3 span {
    position: relative;
    font-weight: 400;
    font-size: .40em;
    display: block;
}

.detayBaslikTasarimi p {
    color: #919191;
    font-size: 1em;
    font-weight: 400;
    padding-top: 14px;
    font-family: "Raleway", sans-serif;
    max-width: 1000px;
}


/* ------------------------------------------------------------------------------------ */


/* ----------------------------------- TUR LİSTELE ------------------------------------ */


/* ------------------------------------------------------------------------------------ */

.turListeleRow {
    margin-top: 100px;
}

.turListeleRow div {
    margin-bottom: 60px;
}

.turListeleResim {
    position: relative;
    -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.turListeleResim:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    display: block;
    left: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0.95;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+40,ffffff+40,003755+100&0+40,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(19, 47, 142, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(19, 47, 142, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(19, 47, 142, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#132f8e', GradientType=0);
    /* IE6-9 */
}

.turListele:hover .turListeleResim {
    -webkit-box-shadow: 0 60px 80px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 60px 80px 0 rgba(0, 0, 0, .4);
}

.turListeleResim img {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.turListeleResim .turListeleSepeteEkle,
.turListeleResim .turListeleHemenAl {
    position: absolute;
    background: #178ccb;
    padding: 14px;
    color: #fff;
    width: 50%;
    bottom: -47px;
    font-size: .90em;
    outline: none;
    border: none;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -0.03em;
    text-align: center;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .2);
}

.turListeleResim .turListeleHemenAl i,
.turListeleResim .turListeleSepeteEkle i {
    margin-right: 7px;
    position: relative;
}

.turListeleResim .turListeleSepeteEkle {
    background: #0c57b4;
    left: 0;
    z-index: 5;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}

.turListeleResim .turListeleSepeteEkle:hover {
    background: #178ccb;
}

.turListeleResim .turListeleHemenAl {
    background: #358b79;
    right: 0;
    z-index: 5;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}

.turListeleResim .turListeleHemenAl:hover {
    background: #79b23d;
}

.turListeleGunSonra {
    position: absolute;
    background: #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 100%;
    padding: 15px 10px;
    color: #999999;
    font-family: "Barlow", sans-serif;
    font-size: .75em;
    font-weight: 300;
    letter-spacing: -0.03em;
    top: -45px;
    left: 15px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.turListele:hover .turListeleGunSonra {
    background: #fc0;
    color: #fff;
    text-shadow: 0 0 20px #fff;
}

.turListeleGunSonra:after {
    content: '';
    position: absolute;
    width: 116%;
    height: 116%;
    left: -8%;
    top: -8%;
    z-index: 0;
    border: solid 1px rgba(255, 255, 255, .5);
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.turListeleGunSonra:before {
    content: '';
    position: absolute;
    width: 130%;
    height: 130%;
    left: -15%;
    top: -15%;
    z-index: 0;
    border: solid 1px rgba(255, 255, 255, .2);
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.turListeleDonenNokta {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background: rgba(0,0,0,0.7);*/
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.turListeleDonenNokta:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #fff;
    left: 4px;
    top: 4px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.turListeleGunSonra .turListeleGunSayisi {
    position: relative;
    display: block;
    font-size: 3em;
    font-weight: 800;
    line-height: 30px;
}


/* TUR LİSTELE İÇERİK */

.turListeleBaslik {
    position: absolute;
    color: #fff;
    left: 20px;
    z-index: 5;
    bottom: 40px;
    font-family: "Barlow", sans-serif;
    letter-spacing: -0.03em;
    font-size: 1.30em;
}

.turListeleBaslik:hover {
    color: #fc0;
    text-decoration: none;
}

.turListeleText {
    position: absolute;
    z-index: 5;
    bottom: 5px;
    left: 20px;
    width: auto;
    text-align: center;
    letter-spacing: -0.02em;
    color: #fff;
    font-weight: 400;
    font-size: .85em;
    opacity: .8;
}

.turListeleFiyat {
    position: absolute;
    color: #0c57b4;
    background: #fff;
    font-family: "Barlow", sans-serif;
    line-height: 110%;
    letter-spacing: -0.03em;
    font-size: 1em;
    font-weight: 500;
    top: -35px;
    padding: 18px 25px 7px 70px;
    margin: 0;
    right: 20px;
    z-index: 5;
    text-align: right;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.turListeleFiyat:after {
    content: "\f11c";
    color: #999;
    font-size: 2.6em;
    padding: 10px;
    display: block;
    font-family: "Flaticon";
    line-height: 1;
    font-weight: normal;
    position: absolute;
    left: 10px;
    top: 5px;
}

.turListeleFiyat b {
    position: relative;
    font-weight: 800;
    font-size: 2.4em;
}

.turListeleFiyat span {
    position: relative;
    display: block;
    font-size: .75em;
}


/* SAYFALAMA */

.list_pagi {
    position: relative;
    margin-bottom: 200px;
}

.list_pagi li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.list_pagi li a {
    position: relative;
    background: #cccccc;
    color: #fff;
    padding: 5px;
    width: 50px;
    height: 50px;
    line-height: 40px;
    display: block;
    text-align: center;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.list_pagi li a:hover {
    background: #666666;
    text-decoration: none;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4);
}

.list_pagi li a.active {
    background: #79b23d;
    text-decoration: none;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4);
}


/*
.list_pagi li:nth-child(1) a:after {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
	display: block;
	background: url('../images/arrow-left.png') no-repeat center;
}
.list_pagi li:last-child a:after {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
	display: block;
	background: url('../images/arrow-right.png') no-repeat center;
}
*/


/* ÖNCEKİ SONRAKİ TASARIM */

.oncekiSonraki {
    position: relative;
    margin-top: 40px;
    border-top: solid 1px #d6d9dd;
    border-bottom: solid 1px #d6d9dd;
}

.oncekiSonraki>div>div {
    padding-top: 20px;
    padding-bottom: 20px;
}

.oncekiSayfa {
    border-right: solid 1px #d6d9dd;
}

.oncekiSonraki a {
    color: #78828d;
    line-height: 110%;
    letter-spacing: -0.04em;
}

.oncekiSonraki a span {
    display: block;
    font-weight: 300;
    font-size: .90em;
}

.oncekiSayfa i {
    position: relative;
    float: left;
    font-size: 2.70em;
    margin-right: 10px;
}

.sonrakiSayfa i {
    position: relative;
    float: right;
    font-size: 2.70em;
    margin-left: 10px;
}


/* ------------------------------------------------------------------------------------ */


/* --------------------------------- TUR DETAY TASARIMI ------------------------------- */


/* ------------------------------------------------------------------------------------ */

.turDetayInfo {
    position: relative;
    z-index: 5;
    padding-bottom: 250px;
}

.turDetayInfo:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -100px;
    z-index: -1;
    background: url('../images/kumsal-deniz.jpg') no-repeat bottom center;
}

.turDetayText .turDetayBaslik {
    position: relative;
    color: #78828d;
    font-family: "Raleway", sans-serif;
    font-weight: 200;
    font-size: 3em;
    letter-spacing: -0.03em;
    line-height: 110%;
    margin-bottom: 40px;
}

.turDetayText .turDetayAciklama {
    position: relative;
    color: #78828d;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 180%;
    margin-left: 80px;
}

.turDetayText .turDetayAciklama b {
    font-weight: 700;
}

.turDetaySise {
    position: absolute;
    width: 271px;
    height: 122px;
    bottom: -160px;
    left: -270px;
    z-index: 1;
    background: url('../images/kumsal-sise.png') no-repeat center;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}

.turDetayYildiz {
    position: absolute;
    width: 180px;
    height: 70px;
    bottom: -120px;
    left: -220px;
    z-index: 0;
    background: url('../images/kumsal-yildizlar.png') no-repeat center;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}


/* TUR DETAY FİYAT */

.turDetayFiyat {
    position: relative;
    padding: 10px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin: 40px 0;
}

.turDetayFiyat>div:nth-child(1) {
    border-right: solid 1px #ccc;
}

.turDetayFiyat>div:nth-child(1) i {
    position: relative;
    display: block;
    color: #ccc;
    float: left;
    margin-right: 15px;
}

.turDetayFiyat>div:nth-child(1) i:before {
    font-size: 3em;
    font-weight: normal;
}

.turDetayFiyat>div:nth-child(1) p {
    color: #666;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 120%;
    margin-top: 18px;
    margin-bottom: 0;
}

.turDetayFiyat>div:nth-child(2) i {
    position: relative;
    display: block;
    color: #ccc;
    float: left;
    margin-right: 15px;
}

.turDetayFiyat>div:nth-child(2) i:before {
    font-size: 3em;
    font-weight: normal;
}

.turDetayFiyat>div:nth-child(2) p {
    color: #666;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 120%;
    margin-top: 18px;
    text-align: right;
    float: left;
    margin-bottom: 0;
}

.turDetayFiyat>div:nth-child(2) p b {
    font-weight: 800;
    font-size: 3em;
    color: #0c57b4;
    font-family: "Barlow", sans-serif;
}

.turDetayFiyat>div:nth-child(2) p span {
    position: relative;
    display: block;
    font-size: .80em;
}


/* HOME INFO RESİM */

.turDetayImage .turListeleGunSonra {
    background: #fc0;
    color: #000;
    z-index: 9;
}

.turDetayImageResim1 {
    position: absolute;
    left: 0;
    top: 20px;
    max-width: 275px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

.turDetayImageResim2 {
    position: absolute;
    right: 0;
    top: -80px;
    max-width: 275px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

.turDetayImageResim2:after {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    border: solid 10px #62b8dd;
    left: -50px;
    top: -50px;
    z-index: -1;
}

.turDetayImageResim3 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    margin-top: 150px;
    max-width: 275px;
    width: auto;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

.turDetayImageResim3:after {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    border: solid 10px #78828d;
    left: -60px;
    bottom: -60px;
    z-index: -1;
}

.turDetayImageResim3:before {
    content: '';
    position: absolute;
    width: 364px;
    height: 362px;
    background: url('../images/kumsal-agac.png') no-repeat center;
    left: -350px;
    bottom: -170px;
    z-index: 1;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}

#detayHavaDurumu {
    position: absolute;
    right: 0;
    margin: auto;
    z-index: 2;
    margin-top: 450px;
    max-width: 275px;
    width: auto;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}


/* TUR DETAY BUTONLAR */

.turDetayButonlar {
    position: relative;
    margin-top: 0px;
}

.turDetayHemenAl,
.turDetaySepeteEkle,
.turDetayDetayaGit,
.turDetayHemenAl:active,
.turDetaySepeteEkle:active,
.turDetayDetayaGit:active,
.turDetayHemenAl:focus,
.turDetaySepeteEkle:focus,
.turDetayDetayaGit:focus {
    position: relative;
    background: #178ccb;
    padding: 12px;
    color: #fff;
    width: auto;
    min-width: 170px;
    display: inline-block;
    font-size: .90em;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -0.03em;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .2);
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.turDetayHemenAl i,
.turDetaySepeteEkle i,
.turDetayDetayaGit i {
    margin-right: 7px;
    position: relative;
}

.turDetaySepeteEkle {
    background: #178ccb;
}

.turDetayHemenAl {
    background: #79b23d;
}

.turDetayDetayaGit {
    background: #f9a318;
}

.turDetayHemenAl:hover,
.turDetaySepeteEkle:hover,
.turDetayDetayaGit:hover {
    background: #78828d;
    color: #fff;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .3);
}


/* TUR DETAY FOTO */

.turDetayFoto {
    position: relative;
    margin-bottom: 250px;
    z-index: 5;
}

.turDetayFotograflar div {
    padding: 10px;
    margin: 0;
    position: relative;
    margin-bottom: 20px;
}

.turDetayFotograflar div div {
    padding: 7px;
    background: #e9e9e9;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
}

.turDetayFotograflar div:hover div {
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .3);
}

.turDetayFotograflar div span:nth-child(2) {
    width: 80%;
    height: 80%;
    bottom: 15px;
    left: 10%;
    display: block;
    position: absolute;
    padding: 7px;
    background: #cfcdcd;
    border: solid 5px rgba(255, 255, 255, .4);
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
}

.turDetayFotograflar div span:nth-child(3) {
    width: 70%;
    height: 70%;
    bottom: 0px;
    left: 15%;
    display: block;
    position: absolute;
    padding: 7px;
    background: #cfcdcd;
    border: solid 5px rgba(255, 255, 255, .4);
    z-index: -2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
}

.turDetayFotograflar div:hover span:nth-child(2) {
    bottom: 5px;
}

.turDetayFotograflar div:hover span:nth-child(3) {
    bottom: -5px;
}


/* ------------------------------------------------------------------------------------ */


/* --------------------------------- TUR DETAY BİLGİLER ------------------------------- */


/* ------------------------------------------------------------------------------------ */

.turBilgileri {
    position: relative;
    margin-bottom: 100px;
    z-index: 5;
}


/* TUR BİLGİLER SOL TASARIM */

.turBilgileriSol {
    position: relative;
    background: #fff;
    padding: 0;
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2);
}

.turBilgilerSolMetin {
    position: relative;
    padding: 50px;
}

.turBilgileriSol .turBilgilerSolMetin h4 {
    text-align: right;
    font-family: "Barlow", sans-serif;
    font-weight: 800;
    font-size: 2em;
    color: #cccccc;
    position: relative;
    text-transform: uppercase;
}

.turBilgileriSol .turBilgilerSolMetin h4:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 5px;
    display: block;
    background: url('../images/funfact_wave.png') no-repeat center;
    right: 0;
    bottom: 10px;
}

.turBilgileriSol .turBilgilerSolMetin h4::before {
    content: '';
    position: absolute;
    left: -150px;
    top: -8px;
    border-style: solid;
    border-width: 85px 135px;
    border-color: transparent transparent transparent #21b151;
}

.turBilgileriSol .turBilgilerSolMetin h4 span {
    position: relative;
    display: block;
    font-weight: 400;
    font-size: .50em;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #e9e9e9;
}

.turBilgileriSol .turBilgilerSolMetin p {
    position: relative;
    color: #888585;
    font-family: "Open  Sans", sans-serif;
    font-weight: 500;
    font-size: 1em;
    letter-spacing: -.02em;
}


/* TUR BİLGİ FORM */

.turBilgiForm {
    position: relative;
    background: #e9e9e9;
    padding: 25px;
}

.turBilgiForm form input {
    position: relative;
    border: solid 1px #ccc;
    background: #fff;
    padding: 8px 15px;
    outline: none;
    max-width: 34%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.turBilgiForm form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: .80em;
    color: #999;
}

.turBilgiForm form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: .80em;
    color: #999;
}

.turBilgiForm form input::-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: .80em;
    color: #999;
}

.turBilgiForm form button {
    position: relative;
    border: none;
    background: #21b151;
    color: #fff;
    padding: 6px 15px;
    outline: none;
    cursor: pointer;
    width: 30%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.turBilgiForm form button:hover {
    background: #1c71ad;
}


/* TUR BİLGİLER SAĞ TASARIM */

.turBilgileriSag {
    position: relative;
    padding: 0;
}

.turBilgilerSagMetin {
    position: relative;
    margin-top: 125px;
    background: #1c71ad;
    padding: 40px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2);
}

.turBilgilerSagMetin:after {
    content: '';
    position: absolute;
    background: #1c71ad;
    display: block;
    width: 150%;
    height: 100%;
    left: -150%;
    top: 0;
    z-index: -1;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.turBilgilerSagMetin p {
    position: relative;
    color: #fff;
    font-family: "Open  Sans", sans-serif;
    font-weight: 500;
    font-size: 1em;
    letter-spacing: -.02em;
}

.turBilgilerSagMetin ul {
    padding: 0;
    margin: 0;
    padding-left: 20px;
    margin-bottom: 20px;
    position: relative;
}

.turBilgilerSagMetin ul li {
    list-style: none;
    float: none;
    padding: 2px 0 2px 25px;
    position: relative;
    font-size: .90em;
    font-weight: 400;
    border-bottom: dashed 1px rgba(255, 255, 255, .2);
    color: #fff;
}

.turBilgilerSagMetin ul li:last-child {
    border: none;
}

.turBilgilerSagMetin ul li:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 9px;
    left: 0;
    top: 10px;
    background: url('../images/btn-arrow-beyaz.png') no-repeat center;
}


/* TUR REZERVASYON BİLGİ */

.turBilgiRezervasyon {
    position: relative;
    background: #21b151;
    padding: 30px 20px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.turBilgiRezervasyon::before {
    content: '';
    position: absolute;
    left: 0;
    top: -80px;
    border-style: solid;
    border-width: 40px;
    border-color: transparent transparent #21b151 #21b151;
}

.turBilgiRezervasyon p {
    position: relative;
    color: #fff;
    font-weight: 800;
    font-size: 3em;
    font-family: "Barlow", sans-serif;
    line-height: 80%;
    text-align: right;
    width: 60%;
    float: left;
}

.turBilgiRezervasyon p:after {
    content: "\f102";
    font-family: Flaticon;
    font-size: 2em;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    position: absolute;
    left: -10px;
    top: 20px;
}

.turBilgiRezervasyon .rezervasyonLinkler {
    position: relative;
    text-align: right;
}

.turBilgiRezervasyon .rezervasyonLinkler a {
    position: relative;
    display: block;
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-size: 1em;
    line-height: 130%;
    border-bottom: dashed 1px rgba(255, 255, 255, .3);
}


/* ------------------------------------------------------------------------------------ */


/* -------------------------------- HAKKIMIZDA TASARIMI ------------------------------- */


/* ------------------------------------------------------------------------------------ */

.hakkimizdaInfo {
    position: relative;
    margin-bottom: 150px;
}

.hakkimizdaBaslik {
    position: relative;
    color: #78828d;
    font-family: "Raleway", sans-serif;
    font-weight: 200;
    font-size: 3em;
    letter-spacing: -0.03em;
    line-height: 110%;
    margin-bottom: 80px;
}

.hakkimizdaAciklama {
    position: relative;
    /*color:#78828d;*/
    color: #000;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 180%;
    margin-left: 80px;
}

.hakkimizdaAciklama b,
.hakkimizdaAciklama strong {
    font-weight: 700;
}

.hakkimizdaAciklama:after {
    content: '';
    position: absolute;
    background: #cde9fc;
    width: 145%;
    height: 130%;
    left: -15%;
    top: -15%;
    z-index: -1;
}

.hakkimizdaAltBaslik {
    position: relative;
    /*color:#78828d;*/
    color: #3b429e;
    font-family: "Barlow", sans-serif;
    font-weight: 600;
    letter-spacing: -0.03em;
    font-size: 1.30em;
    line-height: 180%;
    margin-left: 80px;
}

.hakkimizdaAltBaslik:after {
    content: '';
    position: absolute;
    background: #cde9fc;
    width: 145%;
    height: 170%;
    left: -15%;
    top: -35%;
    z-index: -1;
}

.hakkimizdaListele {
    position: relative;
    /*color:#78828d;*/
    color: #000;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 180%;
    margin-left: 80px;
}


/* LİSTELE STYLE */

.hakkimizdaListele li {
    list-style: none;
    float: none;
    border-bottom: dashed 1px rgba(0, 0, 0, .2);
    position: relative;
    color: #333;
    font-weight: 400;
    padding: 5px 5px 5px 20px;
    font-size: .90em;
    background: url('../images/list-bullets.png') no-repeat center left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hakkimizdaListele:after {
    content: '';
    position: absolute;
    background: #cde9fc;
    width: 145%;
    height: 135%;
    left: -15%;
    top: -15%;
    z-index: -1;
}


/* HAKKIMIZDA RESİM */

.hakkimizdaResim1 {
    position: absolute;
    left: 0;
    top: 20px;
    max-width: 275px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

.hakkimizdaResim2 {
    position: absolute;
    right: 0;
    top: -80px;
    max-width: 275px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

.hakkimizdaResim2:after {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    border: solid 10px #62b8dd;
    left: -50px;
    top: -50px;
    z-index: -1;
}

.hakkimizdaResim3 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    margin-top: 150px;
    max-width: 275px;
    width: auto;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
}

.hakkimizdaResim3:after {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    border: solid 10px #78828d;
    left: -60px;
    bottom: -60px;
    z-index: -1;
}

.hakkimizdaParasut {
    position: absolute;
    width: 306px;
    height: 316px;
    background: url('../images/parasut.png') no-repeat center;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}


/* ------------------------------------------------------------------------------------ */


/* --------------------------------- EKİBİMİZ TASARIMI -------------------------------- */


/* ------------------------------------------------------------------------------------ */

.ekibimizKapsayici {
    position: relative;
    margin-bottom: 200px;
}

.ekibimizKapsayici>div>div {
    padding: 10px;
    margin: 0;
}

.ekibimizKapsayici>div {
    margin-bottom: 10px;
    position: relative;
}

.ekibimiz {
    position: relative;
    background: #fff;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ekibimiz:hover {
    -webkit-box-shadow: 0 30px 70px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 30px 70px 0 rgba(0, 0, 0, .3);
}

.ekibimizKapsayici:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: -1;
    opacity: 0.7;
    background: url('../images/bg-parcalar.png') no-repeat top center;
}

.ekibimiz img {
    width: 100%;
}

.ekibimizAdSoyad {
    position: relative;
    color: #003755;
    font-weight: 700;
    font-family: "Barlow", sans-serif;
    letter-spacing: -0.04em;
    font-size: 1.30em;
    margin-top: 10px;
    margin-bottom: 0px;
}

.ekibimizGorev {
    position: relative;
    color: #003755;
    font-weight: 300;
    font-family: "Raleway", sans-serif;
    letter-spacing: -0.04em;
    font-size: .90em;
    margin: 0;
}

.ekibimiz .fa-facebook-f {
    color: #0c69a7;
    padding: 10px 5px;
    display: inline-block;
}

.ekibimiz .fa-instagram {
    color: #8c4fca;
    padding: 10px 5px;
    display: inline-block;
}

.ekibimiz .fa-twitter {
    color: #48c2f5;
    padding: 10px 5px;
    display: inline-block;
}

.ekibimiz a i {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ekibimiz a:hover i {
    -moz-transform: scale(1.3) rotate(360deg);
    -webkit-transform: scale(1.3) rotate(360deg);
    -o-transform: scale(1.3) rotate(360deg);
    -ms-transform: scale(1.3) rotate(360deg);
    transform: scale(1.3) rotate(360deg);
}


/* ------------------------------------------------------------------------------------ */


/* ---------------------------------- FOOTER TASARIMI --------------------------------- */


/* ------------------------------------------------------------------------------------ */

.footer {
    position: relative;
    background: #40a9f4 url('../images/footer-bg.jpg') no-repeat bottom center;
    min-height: 200px;
    height: auto;
    padding-bottom: 700px;
    margin-top: 100px;
    z-index: 5;
}

.footerTop {
    background: #bfe2fb;
    padding: 10px;
}

.footerTop:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 30px;
    background: url('../images/footer-asagi-cukur.png') no-repeat center;
    background-size: contain;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}

.footerTop:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 229px;
    top: -229px;
    background: url('../images/footer-dag-adam.png') no-repeat center;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}


/* FOOTER TELEFON */

.footerTelefon {
    position: relative;
    margin-top: 70px;
}

.footerTelefon>div {
    position: relative;
    border: solid 1px #2e92da;
    border-right: 0;
    border-left: 0;
    padding: 25px 80px;
}

.footerTelefon>div a {
    position: relative;
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-weight: 300;
    display: block;
    line-height: 220%;
}

.footerTelefon>div a:hover {
    text-decoration: none;
    text-shadow: 0 0 50px #fff;
}

.footerTelefon>div a span {
    font-size: 2.60em;
    font-weight: 700;
    display: block;
}

.footerTelefon>div a i:after,
.footerTelefon>div a i:before {
    font-size: 4em;
}

.footerTelefon>div:nth-child(1) {
    border-right: solid 1px #2e92da;
    text-align: right;
}

.footerTelefon>div:nth-child(1) a {
    padding-right: 80px;
}

.footerTelefon>div:nth-child(1) a i {
    position: absolute;
    top: 10px;
    right: 0;
}

.footerTelefon>div:nth-child(2) a {
    padding-left: 80px;
}

.footerTelefon>div:nth-child(2) a i {
    position: absolute;
    top: 10px;
    left: 0;
}


/* FOOTER CENTER */

.footerCenter {
    position: relative;
    margin-top: 50px;
}

.footer_menu h3 {
    position: relative;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: -0.02em;
    font-size: 1.30em;
}

.footer_menu h3:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 4px;
    display: block;
    background: #fff;
    left: 0px;
    bottom: -10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.footer_menu ul {
    padding: 0;
    margin: 0;
}

.footer_menu ul li {
    position: relative;
    list-style: none;
    float: none;
    display: block;
    color: #cce8fc;
    font-size: .90em;
    font-weight: 300;
}

.footer_menu ul li a {
    position: relative;
    padding: 3px 0;
    display: block;
    color: #cce8fc;
    font-weight: 300;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer_menu ul li a:hover {
    padding-left: 10px;
    color: #fff;
}

.footer_menu ul li a i {
    position: absolute;
    left: -17px;
    top: 7px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer_menu ul li a:hover i {
    position: absolute;
    left: -5px;
    top: 7px;
    opacity: 1;
}


/* FOOTER BOTTOM */

.footerBottom {
    position: relative;
    border-top: solid 1px #2e92da;
    margin-top: 40px;
    padding-top: 20px;
}

.footerBottom p {
    position: relative;
    color: #cce8fc;
    font-size: .90em;
    font-weight: 400;
}

.footerSosyal {
    position: relative;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.footerSosyal li {
    list-style: none;
    float: left;
    margin-right: 4px;
}

.footerSosyal li a {
    color: #fff;
    padding: 5px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    position: relative;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footerSosyal li a i {
    font-weight: inherit;
}

.footerSosyal li:nth-child(1) a {
    background: #0c69a7;
}

.footerSosyal li:nth-child(2) a {
    background: #8c4fca;
}

.footerSosyal li:nth-child(3) a {
    background: #48c2f5;
}

.footerSosyal li:nth-child(4) a {
    background: #d31a1a;
}

.footerSosyal li a:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.footerSosyal li a span {
    color: #fff;
    padding: 5px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.footerSosyal li span:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    top: 0px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.footerSosyal li:nth-child(2) span:after {
    right: 0;
    top: 25%;
}

.footerSosyal li:nth-child(3) span:after {
    right: 45%;
    top: 92%;
}

.footerSosyal li:nth-child(4) span:after {
    left: 0;
    top: 70%;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* ÖDEME FORMU TASARIMI */

#formify_odeme input[type="text"],
#formify_odeme input[type="number"],
#formify_odeme input[type="email"],
#formify_odeme input[type="tel"],
#formify_odeme input[type="url"],
#formify_odeme textarea,
#formify_odeme select {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 30px;
    color: #848484;
    font-weight: 400;
    padding: 9px 20px;
    background-color: #ffffff;
    border: 1px solid #efefef;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

#formify_odeme input:focus,
#formify_odeme select:focus,
#formify_odeme textarea:focus {
    border-color: #E3000F;
}

#formify_odeme textarea {
    height: 120px;
    resize: none;
}


/* ÖDEMELER TABLOSU */

.odemelerTablo {
    display: block;
    width: 100%;
    position: relative;
}

.odemelerTablo tbody,
.odemelerTablo tbody tr,
.odemelerTablo thead,
.odemelerTablo thead tr {
    display: block;
    width: 100%;
}

.odemelerTablo tr th {
    padding: 10px;
    border: dashed 1px #183075;
    color: #666;
    font-weight: 600;
    letter-spacing: -0.02em;
    display: inline-block;
    margin-bottom: 3px;
    background: #183075;
    color: #f5f5f5;
}

.odemelerTablo tr th:nth-child(1) {
    min-width: 36%;
}

.odemelerTablo tr th:nth-child(2) {
    min-width: 15%;
    text-align: center;
}

.odemelerTablo tr th:nth-child(3) {
    min-width: 15%;
    text-align: center;
}

.odemelerTablo tr th:nth-child(4) {
    min-width: 15%;
    text-align: center;
}

.odemelerTablo tr th:nth-child(5) {
    min-width: 15%;
    text-align: center;
}

.odemelerTablo tr td {
    padding: 10px;
    border: dashed 1px #ccc;
    color: #666;
    font-weight: 300;
    letter-spacing: -0.02em;
    display: inline-block;
    margin-bottom: 3px;
}

.odemelerTablo tr td:nth-child(1) {
    min-width: 36%;
}

.odemelerTablo tr td:nth-child(2) {
    min-width: 15%;
    text-align: center;
}

.odemelerTablo tr td:nth-child(3) {
    min-width: 15%;
    text-align: center;
}

.odemelerTablo tr td:nth-child(4) {
    min-width: 16.4%;
    text-align: center;
}

.odemelerTablo tr td:nth-child(5) {
    min-width: 15%;
    text-align: center;
}


/* İLETİŞİM LİSTELE */

.iletisimList {
    list-style: none;
    float: none;
    position: relative;
    padding: 0;
    margin: 0;
    color: #78828d;
    font-weight: 400;
}

.iletisimList li {
    border-bottom: dashed 1px #ccc;
    padding: 10px 0;
    padding-left: 40px;
    position: relative;
    font-size: .90em;
    letter-spacing: -0.02em;
}

.iletisimList li a {
    color: #78828d;
}

.iletisimList li a:hover {
    text-decoration: underline;
    color: #12b261;
}

.iletisimList li:after {
    position: absolute;
    left: 0;
    top: 0px;
    font-family: "FontAwesome";
    font-size: 1.80em;
    font-style: normal;
}

.iletisimList li.iletisimAdres:after {
    content: "\f015";
    top: 3px;
}

.iletisimList li.iletisimMobil:after {
    content: "\f10b";
    font-size: 2.70em;
    top: -8px;
}

.iletisimList li.iletisimWhatsapp:after {
    content: "\f232";
    top: 3px;
}

.iletisimList li.iletisimTelefon:after {
    content: "\f095";
}

.iletisimList li.iletisimFax:after {
    content: "\f1ac";
}

.iletisimList li.iletisimEposta:after {
    content: "\f0e0";
}

.iletisimList li.iletisimMobil,
.iletisimList li.iletisimAdres,
.iletisimList li.iletisimWhatsapp,
.iletisimList li.iletisimTelefon,
.iletisimList li.iletisimEposta {
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
}

.iletisimList li.iletisimAdres b,
.iletisimList li.iletisimMobil b,
.iletisimList li.iletisimWhatsapp b,
.iletisimList li.iletisimTelefon b,
.iletisimList li.iletisimEposta b {
    font-weight: 500;
}

.yolTarifiAl {
    position: relative;
    background: #12b261;
    color: #fff;
    font-weight: 400;
    font-size: 1.10em;
    padding: 15px;
    padding-left: 90px;
    clear: both;
    margin-top: 135px;
    width: 100%;
    display: block;
    letter-spacing: 0.02em;
    line-height: 120%;
    margin-bottom: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.yolTarifiAl span {
    display: block;
    font-weight: 700;
}

.yolTarifiAl:hover {
    color: #fff;
}

.yolTarifiAl:after {
    content: "\f279";
    position: absolute;
    left: 15px;
    top: 23px;
    font-family: "FontAwesome";
    font-size: 3em;
    font-style: normal;
}

.yolTarifiAl:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 75px;
    width: 300px;
    height: 293px;
    background: url('../images/iletisim-climber.png') no-repeat center;
    background-size: contain;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}


/* LİSTELE STYLE */

.listele {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    border-top: dashed 1px #ccc;
    border-left: dashed 1px #ccc;
    border-right: dashed 1px #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.listele li {
    list-style: none;
    float: none;
    border-bottom: dashed 1px #ccc;
    position: relative;
    color: #333;
    font-weight: 500;
    padding: 5px 5px 5px 30px;
    font-size: 1em;
    line-height: 170%;
    background: url('../images/arrow-gri-mini.png') no-repeat 10px 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.listele li a {
    color: #333;
}

.listele li:hover a,
.listele li a:hover {
    color: #fff;
}

.listele li:hover {
    padding: 5px 5px 5px 40px;
    background: #fff url('../images/arrow-gri-mini.png') no-repeat 5px 14px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .1);
}

.listele li:hover span {
    color: #fff !important;
}


/* LİSTELE STYLE */

.listeleSSS {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

.listeleSSS li {
    list-style: none;
    float: none;
    border-bottom: dashed 1px #ccc;
    position: relative;
    color: #333;
    font-weight: 400;
    padding: 5px 5px 5px 20px;
    font-size: .90em;
    background: url('../img/list-bullets.png') no-repeat center left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* GALERİ */

.galeri {
    margin-bottom: 30px;
}

.galeri div {
    position: relative;
    padding: 5px;
}

.galeri div a {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 7px;
    overflow: hidden;
    display: block;
    -webkit-box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .2);
}

.galeri_isik {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    left: -120%;
    top: 0;
    background: #29a268;
    box-shadow: 0 0 100px #29a268;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transform: skewX(-50deg);
    -webkit-transform: skewX(-50deg);
    -o-transform: skewX(-50deg);
    -ms-transform: skewX(-50deg);
    transform: skewX(-50deg);
}

.galeri div a:hover .galeri_isik {
    left: 120%;
    background: #1d2241;
    box-shadow: 0 0 100px #1d2241;
}

.galeri_isik2 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    left: 180%;
    top: 0;
    background: #fff;
    box-shadow: 0 0 100px #fff;
    opacity: 0.5;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transform: skewX(-50deg);
    -webkit-transform: skewX(-50deg);
    -o-transform: skewX(-50deg);
    -ms-transform: skewX(-50deg);
    transform: skewX(-50deg);
}

.galeri div a:hover .galeri_isik2 {
    left: -180%;
}


/* ÖNCEKİ SONRAKİ TASARIM */

.oncekiSonraki {
    position: relative;
    margin-top: 40px;
    border-top: solid 1px #d6d9dd;
    border-bottom: solid 1px #d6d9dd;
    font-family: "Barlow", sans-serif;
}

.oncekiSonraki>div>div {
    padding-top: 20px;
    padding-bottom: 20px;
}

.oncekiSayfa {
    border-right: solid 1px #d6d9dd;
}

.oncekiSonraki a {
    color: #193053;
    line-height: 110%;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.oncekiSonraki a:hover {
    color: #E30716;
}

.oncekiSonraki a span {
    display: block;
    font-weight: 300;
    font-size: .90em;
    color: #272627;
}

.oncekiSayfa i {
    position: relative;
    float: left;
    font-size: 2.70em;
    margin-right: 10px;
    line-height: normal !important;
}

.sonrakiSayfa i {
    position: relative;
    float: right;
    font-size: 2.70em;
    margin-left: 10px;
    line-height: normal !important;
}


/* LİSTELEME SAYFASI TASARIMI */

.articles-list {
    padding: 5px 10px;
}

.articles-list>div {
    margin-bottom: 10px;
    position: relative;
    padding: 15px;
    background: #fff;
    -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 15px 50px 0 rgba(0, 5, 0, .1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.articles-list>div>.artices-resim {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.articles-list>div>.artices-resim>a>img {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: -5px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.articles-list>div:hover>.artices-resim>a>img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.articles-list>div:hover {
    padding: 15px;
    -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 15px 150px 0 rgba(0, 0, 0, .4);
}

.articles-list>div:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 5px;
    background: #ef980c;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.articles-list>div:hover:after {
    width: 100%;
}

.articles-list article h3 {
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: -0.04em;
    font-size: 1.10em;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.articles-list article h3 a {
    color: #666;
    padding: 15px 0;
    display: inline-block;
    margin: 0;
}

.articles-list article h3 a:hover {
    color: #000;
    text-decoration: none;
}

.articles-list article {
    min-height: 135px;
}

.articles-list article p {
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .80em;
    font-weight: 400;
    line-height: 170%;
    letter-spacing: -0.01em;
}


/* BLOG DETAY TASARIMI */

.blogDetay .blogDetayOzet {
    position: relative;
    color: #003756;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 1.40em;
    letter-spacing: -0.03em;
    line-height: 140%;
    margin-bottom: 20px;
}

.blogDetay p {
    position: relative;
    color: #003756;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 1em;
    letter-spacing: -0.01em;
    line-height: 190%;
    margin-bottom: 20px;
    text-align: justify;
}


/* BLOG DETAY YAN MENÜ */

.aside_categories {
    padding: 30px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .1);
}

.UyePanelResim {
    position: absolute;
    width: 100px;
    height: 100px;
    right: 40px;
    margin-top: -80px;
}

.aside_categories h5 {
    position: relative;
    color: #003756;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    font-size: 1.40em;
    letter-spacing: -0.03em;
    line-height: 140%;
    margin-bottom: 20px;
}

.aside_categories ul {
    padding: 0;
    margin: 0;
}

.aside_categories ul li {
    list-style: none;
    float: none;
    position: relative;
    border-bottom: dashed 1px rgba(204, 204, 204, .5);
}

.aside_categories ul li a {
    position: relative;
    color: #003756;
    display: block;
    padding: 8px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: .95em;
    letter-spacing: -0.01em;
    line-height: 140%;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aside_categories ul li a.aktif {
    color: #096;
    text-decoration: underline;
}

.widget_title {
    position: relative;
    color: #003756;
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-size: 1.40em;
    letter-spacing: -0.02em;
    line-height: 140%;
    margin-bottom: 20px;
}


/* BLOG DETAY YAN TURLAR */

.widget_posts {
    padding: 30px;
    background: #fff;
    margin-top: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .1);
}

.widget_posts h5 {
    position: relative;
    color: #003756;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    font-size: 1.40em;
    letter-spacing: -0.03em;
    line-height: 140%;
    margin-bottom: 20px;
}

.widget_posts div {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: dashed 1px rgba(204, 204, 204, .6);
}

.widget_posts div:last-child {
    padding: 0;
    margin: 0;
    border: none;
}

.widget_posts div figure {
    margin: 0;
}

.postYanGun {
    left: -50px;
    top: 22%;
}

.widget_posts div>a {
    position: relative;
    color: #003756;
    display: block;
    padding: 8px;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-size: 1.10em;
    letter-spacing: -0.02em;
    line-height: 100%;
}


/*** 

====================================================================
        Cart Section style
====================================================================

***/

.cart-section {
    position: relative;
    padding: 0px;
}

.cart-section .cart-outer {
    position: relative;
}

.cart-section .table-outer {
    position: relative;
    width: 100%;
    overflow-x: auto;
}

.cart-section .cart-table {
    width: 100%;
    min-width: 900px;
}

.cart-table .cart-header {
    position: relative;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0px;
    background: #f7f7f7;
    color: #1f1f1f;
}

.cart-table thead tr th {
    line-height: 24px;
    padding: 16px 30px;
    min-width: 120px;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
}

.cart-table thead tr th.prod-column {
    text-align: left;
    padding-left: 30px;
}

.cart-table tbody tr {
    border-bottom: 1px solid #f2f2f2;
}

.cart-table tbody tr td {
    line-height: 24px;
    padding: 30px 30px 35px;
    min-width: 100px;
}

.cart-table tbody tr .qty {
    width: 136px;
    padding-right: 40px;
}

.cart-table tbody tr .qty .quantity-spinner {
    background: #f5f5f5;
}

.column.default-column .cart-table tbody tr .qty {
    width: 110px;
    padding-right: 20px;
}

.cart-table tbody tr .prod-column .column-box h3 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #36C;
    margin-top: 8px;
    max-width: 80%;
}

.cart-table tbody tr .prod-column .column-box {
    position: relative;
    min-height: 70px;
    padding-left: 100px;
    padding-top: 30px;
    text-align: left;
    min-width: 230px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
    position: absolute;
    width: 80px;
    left: 0px;
    top: 0px;
    border: 1px solid #f0f0f0;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    width: 100%;
}

.cart-table tbody tr .prod-column .column-box h4 {
    font-size: 16px;
    color: #222222;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.cart-table tbody tr .sub-total {
    font-weight: 400;
    color: #E3000F;
    font-size: 20px;
}

.cart-table tbody tr .remove-btn {
    position: relative;
    font-size: 14px;
    color: #d0d0d0;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border: 2px solid #d0d0d0;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cart-table tbody tr .remove {
    text-align: center;
}

.cart-table tbody tr .remove-btn:hover {
    color: #E3000F;
    border-color: #E3000F;
}

.cart-table tbody tr .E3000F-btn:hover .fa {
    text-indent: 0px;
    background: #fa9928;
}

.cart-table tbody tr td {
    vertical-align: middle;
}

.cart-table tbody tr td.price {
    font-size: 20px;
    font-weight: 400;
    color: #848484;
}

.cart-table tbody tr td .quantity-spinner {
    padding: 5px 0px 5px 20px;
    line-height: 24px;
    height: 34px;
    display: block;
    width: 100%;
    position: relative;
}

.cart-table tbody .available-info {
    position: relative;
    padding-left: 50px;
    color: #848484;
    font-size: 18px;
}

.cart-table tbody .available-info .icon {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    background: #E3000F;
    border-radius: 50%;
}

.cart-section .coupon-outer {
    position: relative;
    margin: 30px 30px 50px;
}

.cart-section .coupon-outer .cart-btn {
    color: #303030;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding: 15px 40px;
    text-transform: uppercase;
    background-color: #f7f7f7;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cart-section .coupon-outer .cart-btn:hover {
    color: #ffffff;
    background-color: #E3000F;
}

.cart-section .apply-coupon {
    position: relative;
}

.cart-section .apply-coupon .form-group {
    position: relative;
    float: left;
    margin-right: 15px;
}

.cart-section .apply-coupon .form-group .coupon-btn {
    padding: 15px 35px;
    line-height: 20px;
    font-size: 16px;
}

.cart-section .apply-coupon .form-group input[type="text"] {
    display: block;
    line-height: 26px;
    padding: 12px 20px;
    border: 2px solid #f7f7f7;
    height: 50px;
    width: 230px;
    background: none;
}

.cart-section .estimate-form {
    position: relative;
}

.cart-section .sec-title {}

.cart-section .sec-title h2 {
    font-size: 24px;
    color: #303030;
    font-weight: 400;
    padding-bottom: 0px;
    font-family: "Roboto", sans-serif;
}

.cart-section .sec-title:before {
    top: -5px;
    width: 55px;
}

.cart-section .estimate-form .row {
    margin-left: -7px;
    margin-right: -7px;
}

.cart-section .estimate-form .row .form-group {
    padding: 0px 7px !important;
    margin-bottom: 30px;
}

.cart-section .totals-table {
    position: relative;
    border: 1px solid #f2f2f2;
    margin-bottom: 30px;
}

.cart-section .totals-table .col {
    position: relative;
    display: block;
    float: left;
    padding: 15px 15px;
    line-height: 20px;
    width: 50%;
    font-weight: 400;
    font-size: 16px;
    color: #848484;
}

.cart-section .totals-table .col-title {
    font-size: 16px;
    color: #252525;
    font-weight: 400;
    border-right: 1px solid #f0f0f0;
    font-family: "Roboto", sans-serif;
}

.cart-section .totals-table li {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

.cart-section .totals-table li:last-child {
    border-bottom: none;
}

.cart-section .cart-note {
    position: relative;
    margin-bottom: 50px;
    padding: 16px 20px;
    text-align: center;
    border: 1px dashed #b2dd4c;
    background: #f4f4f4;
    line-height: 1.7em;
}

.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"] {
    position: relative;
    line-height: 46px;
    height: 46px;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    height: 24px;
    background: #e9e9e9;
}

.bootstrap-touchspin .input-group-btn-vertical i {
    left: 6px;
    top: 6px;
}


/*Shipping Form*/

.shipping-form .form-group {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 15px;
}

.shipping-form .form-group .ui-selectmenu-button.ui-button {
    background-color: #ffffff;
    height: 45px;
    font-size: 16px;
    line-height: 25px;
    z-index: 10;
    color: #848484;
    width: 100%;
    padding: 9px 20px;
    border: 1px solid #efefef;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(../images/icons/arrow-right.jpg);
}

.shipping-form .form-group .ui-button .ui-icon {
    opacity: 0;
}

.shipping-form .form-group input,
.shipping-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 33px;
    padding: 10px 20px;
    height: 45px;
    color: #848484;
    font-size: 16px;
    background: #ffffff;
    border: 1px solid #efefef;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.shipping-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 30px;
    padding: 10px 20px;
    height: 120px;
    resize: none;
    font-size: 16px;
    font-weight: 300;
    background: #f7f7f7;
    border: 1px solid #f4f4f4;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.shipping-form .form-group input:focus,
.shipping-form .form-group textarea:focus {
    border-color: #d5ac63;
}

.shipping-form .form-group .total-btn {
    color: #252525;
    font-size: 16px;
    padding: 11px 33px;
    font-weight: 700;
    background-color: #f6f6f6;
    font-family: "Roboto", sans-serif;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.shipping-form .form-group .total-btn:hover {
    background-color: #E3000F;
    color: #ffffff;
}

.cart-section .cart-outer .checkout-btn {
    padding: 12px 45px;
    border-radius: 0px;
    font-family: "Roboto", sans-serif;
}


/*** 

====================================================================
    CheckOut Sectioon
====================================================================

***/

.checkout-page {
    position: relative;
    padding: 80px 0px 0px;
}

.checkout-page .default-links {
    position: relative;
    margin-bottom: 50px;
}

.checkout-page .default-links li {
    font-size: 18px;
    color: #303030;
    line-height: 30px;
    padding: 15px 30px;
    background: #f7f7f7;
    font-weight: 400;
    border-left: 2px solid #E3000F;
    margin-bottom: 20px;
}

.checkout-page .default-links li a {
    color: #E3000F;
}

.checkout-page .default-links li a:hover {
    text-decoration: underline;
}

.checkout-form {
    position: relative;
}

.checkout-title {
    position: relative;
    margin-bottom: 20px;
}

.checkout-title h2 {
    position: relative;
    font-size: 24px;
    color: #303030;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}

.checkout-title:before {
    position: relative;
    top: -5px;
    height: 2px;
    width: 55px;
    background-color: #E3000F;
    display: inline-block;
    content: "";
}

.checkout-form .form-group {
    position: relative;
    margin-bottom: 25px;
}

.checkout-form .form-group .field-label {
    display: block;
    line-height: 24px;
    margin-bottom: 6px;
    text-transform: capitalize;
    color: #020e28;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.checkout-form .form-group .field-label sup {
    top: -1px;
    font-size: 16px;
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea {
    position: relative;
    display: block;
    width: 100%;
    background: #ffffff;
    line-height: 20px;
    padding: 14px 15px;
    height: 48px;
    border: 1px solid #f2f2f2;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.checkout-form textarea {
    resize: none;
    height: 120px !important;
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus {
    border-color: #E3000F;
}

.checkout-page .check-box {
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    padding-top: 5px;
}

.checkout-page .check-box label {
    position: relative;
    top: -1px;
    font-weight: 400;
    padding: 0px;
    font-size: 14px;
    cursor: pointer;
    color: #E3000F;
}

.checkout-page .lower-content {
    position: relative;
    margin-top: 30px;
    padding: 0px 0px 90px;
}

.checkout-page .lower-content .order-column {
    margin-bottom: 40px;
}

.checkout-page .lower-content .checkout-title {
    margin-bottom: 30px;
}


/*cart outer*/

.cart-outer {
    position: relative;
}

.cart-outer .table-outer {
    position: relative;
    width: 100%;
    overflow-x: auto;
}

.checkout-page .lower-content .order-column .cart-outer {
    overflow-x: auto;
}

.checkout-page .lower-content .order-column .cart-table {
    width: 100%;
}

.cart-table .cart-header {
    position: relative;
    width: 100%;
    text-transform: capitalize;
    font-size: 18px;
    background: #252d4f;
    color: #fff;
}

.cart-table thead tr th {
    line-height: 24px;
    padding: 13px 30px;
    font-weight: 500;
}

.cart-table thead tr th .fa {
    font-size: 18px;
}

.cart-table tbody tr td {
    line-height: 24px;
    padding: 0;
}

.cart-table tbody tr .qty input {
    width: 45px;
    height: 50px;
    color: #222222;
    font-size: 18px;
    line-height: 50px;
    background: #f7f7f7;
    text-align: center;
    border: none;
    outline: none;
    padding: 0 10px
}

.cart-table tbody tr .prod-column .column-box {
    position: relative;
    min-height: 70px;
    padding-left: 90px;
    padding-top: 10px;
    text-align: left;
    min-width: 230px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
    position: absolute;
    width: 68px;
    left: 0px;
    top: 15px;
    border: 1px solid #f0f0f0;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    width: 100%;
}

.cart-table tbody tr .prod-column .column-box h4 {
    font-size: 16px;
    color: #303030;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.cart-table tbody tr .price {
    font-weight: 400;
    font-size: 20px;
    color: #E3000F;
    font-family: "Open Sans", sans-serif;
}


/*Total Table*/

.checkout-page .lower-content .totals-table {
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #f2f2f2;
}

.checkout-page .lower-content .totals-table li .col {
    padding: 12px 20px;
}

.checkout-page .lower-content .totals-table li {
    line-height: 24px;
    border-bottom: 1px solid #f2f2f2;
}

.checkout-page .lower-content .totals-table li .col.title {
    font-weight: 400;
    color: #303030;
    font-size: 16px;
    border-right: 1px solid #f2f2f2;
}

.checkout-page .lower-content .totals-table li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.checkout-page .lower-content .totals-table .col {
    position: relative;
    display: block;
    float: left;
    line-height: 24px;
    width: 50%;
    color: #848484;
    font-weight: 400;
    font-size: 16px;
}


/*Payment Option*/

.checkout-page .payment-options {
    position: relative;
    padding: 30px 20px 40px;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
}

.checkout-page .payment-options li {
    position: relative;
    margin-bottom: 15px;
}

.checkout-page .payment-options li .radio-option {
    position: relative;
}

.checkout-page .payment-options li .radio-option label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-weight: 500 !important;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #333333;
    cursor: pointer;
}

.checkout-page .payment-options li .radio-option label strong {
    font-weight: 400;
    color: #020e28;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
}

.checkout-page .payment-options li .radio-option label strong a {
    font-size: 16px;
    color: #E3000F;
    margin-left: 15px;
    text-decoration: underline;
}

.checkout-page .payment-options li .radio-option input[type="radio"] {
    position: absolute;
    left: 0px;
    top: 3px;
}

.checkout-page .payment-options li .radio-option label .small-text {
    display: block;
    padding-top: 5px;
    letter-spacing: 0px;
    text-transform: none;
    font-size: 16px;
    color: #848484;
    font-weight: 400;
    line-height: 1.7em;
}

.checkout-page .payment-options li .radio-option label img {
    position: relative;
    top: -3px;
    display: inline-block;
    max-width: 100%;
    padding-left: 30px;
}

.checkout-page .payment-options .theme-btn {
    margin-top: 10px;
    margin-left: 32px;
    border-radius: 0px;
    font-weight: 700;
    padding: 12px 45px;
    line-height: 25px;
    font-family: "Roboto", sans-serif;
}


/* Popup Zamanlayıcı */

.popupZaman {
    position: absolute;
    z-index: 99999;
    color: #0c57b4;
    font-size: 1.60em;
    background: #fff;
    top: 100px;
    right: 100px;
    display: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 0 20px 70px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 20px 70px 0 rgba(0, 0, 0, .5);
}


/* Sizi Arayalım */

.siziArayalim {
    width: 116px;
    position: fixed;
    z-index: 9999;
    bottom: 30%;
    left: 0px;
    display: block;
    text-align: center;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.siziArayalim a {
    position: absolute;
    min-width: 240px;
    width: auto;
    padding: 0 10px;
    height: 60px;
    line-height: 60px;
    /*background:#E3000F;*/
    color: #fff;
    display: block;
    text-align: center;
    font-family: "Barlow", sans-serif;
    font-weight: 600;
    font-size: 1.10em;
    letter-spacing: -0.02em;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#183075+0,E3000F+100 */
    background: rgb(25, 48, 83);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(25, 48, 83, 1) 0%, rgba(227, 7, 22, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(25, 48, 83, 1) 0%, rgba(227, 7, 22, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(25, 48, 83, 1) 0%, rgba(227, 7, 22, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#183075', endColorstr='#E3000F', GradientType=1);
    /* IE6-9 */
    -webkit-box-shadow: 0 -15px 50px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 -15px 50px 0 rgba(0, 0, 0, .2);
}

.siziArayalim a i {
    font-weight: normal;
    font-size: 2em;
}

.siziArayalim:hover {
    left: 10px;
}

.siziArayalim a:hover {
    background: #fff;
    color: #E3000F;
    height: 70px;
    -webkit-box-shadow: 0 -10px 60px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 -10px 60px 0 rgba(0, 0, 0, .6);
}


/* GO TOP GO BOTTOM */

.goTop {
    position: fixed;
    width: 60px;
    height: 60px;
    line-height: 50px;
    display: block;
    bottom: 200px;
    right: 40px;
    z-index: 99;
    visibility: hidden;
    background: #fff url('../images/go-top.png') no-repeat center;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.goTop-aktif {
    bottom: 200px;
    visibility: visible;
}

.goBottom {
    position: fixed;
    width: 60px;
    height: 60px;
    line-height: 50px;
    display: block;
    bottom: 200px;
    right: 40px;
    z-index: 99;
    visibility: visible;
    background: #fff url('../images/go-bottom.png') no-repeat center;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
    25% {
        opacity: 0;
        transform: translateY(10px) scale(1);
    }
    26% {
        opacity: 0;
        transform: translateY(-10px) scale(1);
    }
    55% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}

.goBottom-pasif {
    visibility: hidden;
    bottom: 160px;
}


/* TUR ARA */

#turAra {
    position: relative;
    padding: 20px;
    background: url('../images/breadcrumb.jpg') no-repeat center;
    background-size: cover;
}

#ui-datepicker-div {
    z-index: 999 !important;
}

#turAra .col-4 {
    padding: 3px;
}

#turAra input {
    -webkit-box-shadow: 5px 15px 35px 0 rgba(0, 0, 0, .5);
    box-shadow: 5px 15px 35px 0 rgba(0, 0, 0, .5);
}

#turAra:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.90;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#792ccc+0,a1dbff+100 */
    background: #792ccc;
    /* Old browsers */
    background: -moz-linear-gradient(left, #792ccc 0%, #a1dbff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #792ccc 0%, #a1dbff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #792ccc 0%, #a1dbff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#792ccc', endColorstr='#a1dbff', GradientType=1);
    /* IE6-9 */
}


/* WHATSAPP BİLGİ HATTI */

.whatsappBilgi {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999;
    background: url('../images/whatsapp.png') no-repeat center;
    background-size: contain;
}

.whatsappBilgi:after {
    content: 'WhatsApp Danışma Hattı';
    line-height: 100%;
    position: absolute;
    width: 200px;
    height: 50px;
    right: 5px;
    bottom: 70px;
    font-size: .80em;
    text-align: center;
    padding: 18px;
    background: #0d9f16;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.whatsappBilgi:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: 63px;
    background: #0d9f16;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.whatsappBilgi:hover:before,
.whatsappBilgi:hover:after {
    background: #ed3237;
}

@media (min-width: 992px) {
    .whatsappMobilFooter {
        display: none;
    }
    .hemenAraMobilFooter {
        display: none;
    }
}

@media (max-width: 991px) {
    .whatsappBilgi {
        display: none;
    }
    .whatsappMobilFooter {
        position: fixed;
        display: block;
        bottom: 0;
        right: 0;
        padding: 1.6em 1em;
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
        font-size: 1em;
        line-height: 1;
        text-align: center;
        text-decoration: none;
        background-color: #21a46c;
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #34c759), color-stop(100%, #21a46c));
        background-image: -moz-linear-gradient(#34c759 0, #21a46c 100%);
        background-image: -webkit-linear-gradient(#34c759 0, #21a46c 100%);
        background-image: linear-gradient(#34c759 0, #21a46c 100%);
        box-shadow: inset 0 0 7px 0 rgba(255, 255, 255, .5);
        line-height: 30px;
        width: 50%;
        max-width: 50%;
        font-weight: 700;
        padding: 6px 0;
        z-index: 999;
        letter-spacing: -0.02em;
    }
    .whatsappMobilFooter:hover,
    .whatsappMobilFooter:active {
        color: #0e5230;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .hemenAraMobilFooter {
        position: fixed;
        display: block;
        bottom: 0;
        left: 0;
        padding: 1.6em 1em;
        color: #fff;
        font-size: 1em;
        line-height: 1;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        background-color: #7b22a7;
        background-size: 100%;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
        background: rgb(109, 179, 242);
        /* Old browsers */
        background: -moz-linear-gradient(top, rgba(109, 179, 242, 1) 0%, rgba(84, 163, 238, 1) 50%, rgba(54, 144, 240, 1) 51%, rgba(30, 105, 222, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(109, 179, 242, 1) 0%, rgba(84, 163, 238, 1) 50%, rgba(54, 144, 240, 1) 51%, rgba(30, 105, 222, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(109, 179, 242, 1) 0%, rgba(84, 163, 238, 1) 50%, rgba(54, 144, 240, 1) 51%, rgba(30, 105, 222, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0);
        /* IE6-9 */
        box-shadow: inset 0 0 7px 0 rgba(255, 255, 255, .5);
        line-height: 30px;
        width: 50%;
        max-width: 50%;
        font-weight: 700;
        padding: 6px 0;
        z-index: 999;
        letter-spacing: -0.02em;
    }
    .hemenAraMobilFooter:hover,
    .hemenAraMobilFooter:active {
        color: #3a0646;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    }
}