/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Nunito Regular'), local('Nunito-Regular'), url('font/Nunito/400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Nunito Regular'), local('Nunito-Regular'), url('font/Nunito/400-ext.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url('font/Nunito/600.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url('font/Nunito/600-ext.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Nunito Bold'), local('Nunito-Bold'), url('font/Nunito/700.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Nunito Bold'), local('Nunito-Bold'), url('font/Nunito/700-ext.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url('font/Nunito/800.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url('font/Nunito/800-ext.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Nunito', sans-serif;
}

body {
    background: rgb(255,255,255);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,249,255,1) 0%, rgba(221,242,253,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), color-stop(0%, rgba(240,249,255,1)), to(rgba(221,242,253,1)));
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,249,255,1) 0%, rgba(221,242,253,1) 100%);
    width: 100%;
    overflow-x: hidden;
}

ul li {
    list-style: none;
    color: #0b73b9;
}

label {
    color: #0b73b9;
}

p {
    color: #0b73b9;
}

.pageBody {
    padding-top: 100px;
}

.bodyCloudbx {
    position: relative;
}

.bodyCloud-Left img {
    position: absolute;
    width: 600px;
    top: -300px;
    left: -300px;
    z-index: -1;
}

.bodyCloud-Right img {
    position: absolute;
    width: 600px;
    top: -300px;
    right: -300px;
    z-index: -1;
}
/** back to up button**/
#buttonback {
    display: inline-block;
    background: linear-gradient(0deg, rgba(251,190,71,1) 38%, rgba(253,205,57,1) 66%);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    -webkit-transition: background .3s, opacity .5s, visibility .5s;
    -o-transition: background .3s, opacity .5s, visibility .5s;
    transition: background .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    line-height: 44px;
    border-radius: 50%;
    cursor: pointer;
}

    #buttonback::after {
        content: 'prev';
        font-family: swiper-icons;
        border: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-left: -4px;
        position: absolute;
        top: 2px;
        font-size: 16px;
        color: white;
        font-weight: 700;
    }

    #buttonback:hover {
        background: #0b73b9;
    }

    #buttonback:active {
        background-color: #555;
    }

    #buttonback.show {
        opacity: 1;
        visibility: visible;
    }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    overflow: hidden;
    background: #fff;
}

    #preloader:before {
        content: '';
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        border: 4px solid #fbbe47;
        border-top-color: #fff;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        -webkit-animation: animate-preloader 1s linear infinite;
        animation: animate-preloader 1s linear infinite;
    }

@-webkit-keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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


@media(max-width:1600px) {
    .bodyCloud-Left img {
        position: absolute;
        width: 400px;
        top: -100px;
        left: -100px;
        z-index: -1;
    }

    .bodyCloud-Right img {
        position: absolute;
        width: 400px;
        top: -100px;
        right: 0px;
        z-index: -1;
    }
}

@media(max-width:675px) {
    #buttonback {
        background-color: rgba(255, 152, 0, .7);
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

        #buttonback::after {
            content: 'prev';
            font-family: swiper-icons;
            border: 0;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            margin-left: -4px;
            position: absolute;
            top: 1px;
            font-size: 16px;
            color: white;
            font-weight: 700;
        }

    .bodyCloud-Left img {
        position: absolute;
        width: 200px;
        top: -70px;
        left: 0px;
        z-index: -1;
    }

    .bodyCloud-Right img {
        position: absolute;
        width: 200px;
        top: -90px;
        right: 0px;
        z-index: -1;
    }
}


/********============= BODY END  =================************/

/********============= BUTTON SETTINGS  =================************/
.btn-ar {
    border-radius: 22px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: -o-linear-gradient(bottom, rgba(251,190,71,1) 38%, rgba(253,205,57,1) 66%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(38%, rgba(251,190,71,1)), color-stop(66%, rgba(253,205,57,1)));
    background: linear-gradient(0deg, rgba(251,190,71,1) 38%, rgba(253,205,57,1) 66%);
    font-weight: 800;
    height: 43px;
    font-size: 17px;
    padding: 10px 22px 6px;
    border: 1px solid #fff;
}

    .btn-ar:hover {
        background: white;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        border: 1px solid rgba(251,190,71,1);
    }

a.btn-ar {
    color: white;
    text-decoration: none;
}

    a.btn-ar:hover {
        color: rgb(251,190,71);
    }
/******* BLOG BTN ***********/
.btn-blog {
    font-size: 14px;
    border-radius: 22px;
    padding: 5px 22px;
    text-transform: uppercase;
    background: #0b73b9;
    font-weight: 800;
    border: 1px solid #fff;
    height: 36px;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}


    .btn-blog.btn-blogbtn-Beslenme {
        background: #0b73b9;
    }

    .btn-blog.btn-blogbtn-Gelisim {
        background: #fdce38;
    }

    .btn-blog.btn-blogbtn-Saglik {
        background: #f0a741;
    }

    .btn-blog.btn-blogbtn-Tarifler {
        background: #bcd82c;
    }

    .btn-blog.btn-blogbtn-Default {
        background: #d0d0d0;
    }

.btn-blogbtn-Submit {
    background: white;
    border: 1.2px solid #0b73b9;
    color: #0b73b9;
    border-radius: 22px;
    font-weight: 700;
    transition: .3s ease;
}

a.btn-blog {
    color: white;
    text-decoration: none;
}

.blog.blogMain .card {
    margin-bottom: 70px;
}

.blog .owl-item {
    padding-top: 18px;
    padding-bottom: 18px;
}

.blog .card.card-bottom, .article .card.card-bottom {
    position: absolute;
    width: 55%;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 50px;
    padding: 1px;
    min-width: 100px;
}

.blog .card-body {
    height: 100px;  
}
.card-body a {
    text-decoration:none;
}
.categoryItem a {
    text-decoration: none;
}
.blog .card-body.h-80 {
    padding-top: 25px;
    height: 70px;
}

.article .card-body {
    height: 110px;
    overflow: hidden;
}
/***BTN CONTENT*/
.btn-content {
    font-size: 17px;
    padding: 10px 22px 6px;
    border: 1px solid #fff;
}


.btn-md {
    width: 160px;
    text-align: center;
    display: block;
}

@media(max-width:991px) {
    .btn-md {
        width: 100px;
        text-align: center;
        display: block;
        height: 24px;
        margin: 0 auto;
    }
}

/**==BTN CATEGORY ==*/
.btn-cagetory {
    border-radius: 22px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-weight: 800;
    height: 43px;
    line-height: 23px;
    font-size: 17px;
    padding: 10px 22px 6px;
    border: 1px solid #fff;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

a.btn-cagetory {
    text-decoration: none;
}

.btn-nutrition {
    color: #0b73b9;
    border: 2px solid #0b73b9;
}

    .btn-nutrition:hover, .btn-nutrition.active {
        color: white;
        background: #0b73b9;
    }

.btn-evolution {
    color: #fdce38;
    border: 2px solid #fdce38;
}

    .btn-evolution:hover, .btn-evolution.active {
        color: white;
        background: #fdce38;
    }

.btn-health {
    color: #f0a741;
    border: 2px solid #f0a741;
}

    .btn-health:hover, .btn-health.active {
        color: white;
        background: #f0a741;
    }

.btn-recipes {
    color: #bcd82c;
    border: 2px solid #bcd82c;
}

    .btn-recipes:hover, .btn-recipes.active {
        color: white;
        background: #bcd82c;
    }

@media(max-width:370px) {
    .btn-ar.btn-buy {
        font-size: 14px;
    }
}
/**== BLOG OWL SETTINGS ==**/
@media(min-width:991px) {
    .blog .owl-item, .article .swiper-slide {
        padding: 40px;
    }
}

@media (max-width:1000px) {
    .btn-md.btn-pd {
        width: 120px;
        height: 34px;
        line-height: 27px;
        font-size: 16px;
    }
}

@media(min-width: 768px) {
    .btn-ar.btn-buy {
        /*margin-left: 3px;*/
        display: block;
    }

    .blog .owl-all .owl-stage {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: 120% !important;
        padding-top: 10px;
    }

    .blog .owl-all .owl-carousel .owl-stage-outer {
        width: 100%;
        overflow: visible;
    }

    .blog .owl-all .owl-stage-outer > .owl-stage > .owl-item {
        display: -ms-inline-grid;
        display: inline-grid;
        float: none;
        margin-bottom: 30px;
    }
}





/********=============// BUTTON SETTINGS  =================************/
/********============= NAVBAR START  =================************/
/**MM MENU**/
.mm-navbar {
    --mm-color-background: white;
    border: none;
}

.mm-panel {
    --mm-color-background: white;
}

.mm-listitem {
    color: rgba(0,0,0,.75);
    border-color: rgba(0,0,0,.1);
    color: #0b73b9;
    border-color: white;
}

    .mm-listitem:hover {
        font-weight: 700;
    }
/** //MM MENU**/


.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0b73b9;
}

.sidebar-nav {
    padding: 9px 0
}

.navbar-collapse .dropdown-menu {
    border-radius: 10px;
    min-width: 200px;
    padding: 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible
}

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
    margin-top: 0
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0px;
        margin-left: -1px;
        border-radius: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
        border: none;
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 16%);
        box-shadow: 0 0 2px rgba(0, 0, 0, 16%);
    }

    .dropdown-submenu:hover > dropdown-submenu {
        background: red;
        color: red;
    }


.dropdown-menu > li:hover {
    background-color: #fffbe8;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #0b73b9;
    margin-top: 16px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu .pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        border-radius: 6px 0 6px 6px;
    }

#navbarsExampleDefault .dropdown:hover > .dropdown-menu {
    display: block;
    border: none;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 16%);
    box-shadow: 0 0 2px rgba(0, 0, 0, 16%);
}

.navbar {
    height: 100px;
    padding-bottom: 15px;
}

li.nav-item {
    height: 71px;
    line-height: 67px;
}

ul.dropdown-menu li {
    height: 53px;
    line-height: 53px;
}

.dropdown-item {
    color: #0b73b9;
}

.dropdown:hover .dropdown-toggle::after {
    opacity: .5;
}

/*.dropdown-toggle::after {
    background-image: url(../img/icons/bluecaret.png);
    background-size: 16px 8px;
    display: inline-block;
    width: 16px;
    height: 8px;
    content: "";
    border-top: 0;
    background-repeat: no-repeat;
    background-position: center;
}*/
.dropdown-toggle::after {
    content: 'prev';
    font-family: swiper-icons;
    border: 0;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-left: 14px;
    position: absolute;
    top: 6px;
    font-size: 16px;
}

.navbar-nav .nav-link {
    color: #0b73b9;
    font-weight: 700;
    font-size: 20px;
}

    .navbar-nav .nav-link:hover {
        color: #0b73b99c;
    }

.dropdown:hover .nav-link {
    color: #0b73b99c;
}
/*****===== NAVBAR LOGO // fixed navbar===== ********/
.header {
    /*padding: 10px 16px;*/
    color: #f1f1f1;
    -webkit-transition: background-color 0.4s ease-in-out;
    -o-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, .9);
    z-index: 2;
}

.navbar {
    position: relative;
}

.logo {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 0px;
}

ul.navbar-nav {
    z-index: 2;
}

.logo img {
    max-width: 160px;
}

.sticky .logo img {
    max-width: 120px;
    margin-top: 10px;
}


/*** R�GHT MENU - nav-icon ***/
.nav-right {
    position: absolute;
    right: 40px;
    cursor: pointer;
}

.rightMenu img {
    width: 20px;
}

.navbar-fixed {
    top: 0;
    z-index: 100;
    width: 100%;
}

.rightMenu {
    margin-top: 5px;
    float: left;
}

/*** LANG SELECT ***/
#langSelect select {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 !important;
    padding-left: 15px;
    background: transparent;
}

    /* Remove IE arrow */
    #langSelect select::-ms-expand {
        display: none;
    }
/* Custom Select */
.langSelect {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70px;
    /*overflow: hidden;*/
    margin-right: 45px;
    margin-top: 10px;
    float: left;
}

#langSelect select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 3px .5em;
    color: #0b73b9;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    z-index: 222;
}
/* Arrow */


.langSelect .dropdown-toggle {
    color: #0b73b9;
    font-weight: 700;
    font-size: 20px;
    outline: none;
}

.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.langSelect .dropdown-menu {
    width: 100px;
    min-width: 100px !important;
    text-align: center;
}

.langSelect .dropdown-toggle::after {
    color: #0b73b9;
}

@media (max-width:991px) {
    .mt-100 {
        margin-top: 10px;
    }

    .pageBody {
        padding-top: 40px;
    }

    .logo img {
        width: 110px;
    }

    .logo {
        width: 100%;
        height: 50px;
        position: absolute;
        text-align: left;
    }

    .sticky .logo {
        top: 0px;
    }


    /*.sticky .logo img {
        width: 70px;
    }*/
    .nav-right {
        right: 20px;
        padding-top: 20px;
    }
}

/***** === NAVBAR SEARCH ====== *******/
.searchBox {
    /*width: 40px;
    height: 40px;*/
    float: left;
}

    .searchBox img {
        width: 18px;
    }

#searchIcon {
    cursor: pointer;
}

.searchDiv {
    position: relative;
}
/****== ==****/
.search-box {
    /*width: 20px;
    height: 20px;*/
    position: relative;
}

.searchBox .input {
    position: absolute;
    top: 10px;
    right: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 0px;
    height: 36px;
    padding: 0 11px;
    outline: none;
    font-size: 18px;
    border-radius: 50px;
    color: #29313a;
    border: 3px solid transparent;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    background: transparent;
}

.searchBox ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #0b73b9;
}

.searchBox ::-moz-placeholder {
    /* Firefox 19+ */
    color: #0b73b9;
}

.searchBox :-ms-input-placeholder {
    /* IE 10+ */
    color: #0b73b9;
}

.searchBox :-moz-placeholder {
    /* Firefox 18- */
    color: #0b73b9;
}

.searchBox .btn-search {
    position: absolute;
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 50%;
    right: 20px;
    top: 20px;
    cursor: pointer;
    text-align: center;
    line-height: 18px;
    font-size: 20px;
    color: #0b73b9;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.searchBox .input.active {
    width: 250px;
    right: 20px;
    background: white;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 16%);
    box-shadow: 0 0 1px rgba(0, 0, 0, 16%);
}

span.mobileSearch input {
    width: 90%;
    height: 45px;
    display: block;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #f3f3f3;
}

span.mobileSearch {
    padding: 5px;
    /*background: rgba(0, 0, 0, 0.3);*/
}

@media screen and (min-width: 768px) {
    .search-box {
        display: block;
    }

    .mobileSearch {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .search-box {
        display: none;
    }

    .mobileSearch {
        display: block;
    }
}
/****== ==****/

.u-header__search {
    visibility: hidden;
    position: absolute;
    right: 0;
    z-index: 102;
    width: 23.125rem;
    background-color: #fff;
    border: 1px solid #e3e6f0;
    -webkit-box-shadow: 0 0 1.5625rem rgba(21, 27, 38, 0.1);
    box-shadow: 0 0 1.5625rem rgba(21, 27, 38, 0.1);
    padding: 1rem;
    border-radius: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

    .u-header__search.slideInUp {
        visibility: visible;
    }

#search input.form-control.form__input {
    padding: 15px;
    width: 100%;
    float: left;
    height: 50px;
}

.search-group button {
    background: #0b73b9;
    width: 60px;
    padding: 16px;
    border: none;
    color: white;
    font-weight: bold;
    height: 50px;
    position: relative;
}

.search-group {
    float: left;
    font-size: 18px;
}

    .search-group span.btnSpan {
        font-size: 30px;
        line-height: 4px;
        position: absolute;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        display: block;
        margin: 0 auto;
        margin-left: 3px;
    }

@media(max-width:991px) {
    .searchBox {
        margin-right: 5px;
    }

    .langSelect {
        margin-right: 25px;
    }

    .u-header__search {
        width: 20.125rem;
    }

    .search-group button {
        width: 56px;
    }
}

/*****************************/
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
/********=============  //NAVBAR END  =================************/
/**==== FOOTER NAVBAR   ========**/
.footer-col ul {
    list-style: none;
}

    .footer-col ul li {
        line-height: 40px;
    }

        .footer-col ul li a {
            list-style: none;
            color: #0b73b9;
            font-weight: 600;
            text-decoration: none;
            -webkit-transition: .2s ease;
            -o-transition: .2s ease;
            transition: .2s ease;
        }

            .footer-col ul li a:hover {
                color: #fac04c;
            }

.footer-col h4 {
    font-weight: 800;
    color: #0b73b9;
    font-size: 24px;
}

@media(max-width:991px) {
    .footer-col h4 {
        font-size: 21px;
    }
}
/*** ==== SOCIAL MEDIA ====== *****/
.footer-col {
    background: white;
    padding-top: 80px;
    position: relative;
    margin-top: 100px;
}

.social ul {
    margin-top: 40px;
    text-align: center;
}

.social ul {
    list-style: none;
}

    .social ul li {
        display: inline-block;
        width: 70px;
    }

        .social ul li img {
            -webkit-transition: .2s ease;
            -o-transition: .2s ease;
            transition: .2s ease;
        }

            .social ul li img:hover {
                /*filter: grayscale(100%);*/
                opacity: 0.8;
            }
/*******==== FOOTER START ====******/
.footer {
    min-height: 150px;
    height: auto;
    position: relative;
    color: white;
    font-size: 20px;
    margin-top: 30px;
}

span.ari-logo {
    position: absolute;
    top: -163px;
    left: 0px;
}

    span.ari-logo img {
        width: 200px;
    }

@media(max-width:767px) {

    span.ari-logo {
        width: 100%;
        left: 0px;
        top: -120px;
    }

        span.ari-logo img {
            width: 110px;
        }

        span.ari-logo img {
            margin: 0 auto;
            display: block;
        }

    .social ul li {
        margin-bottom: 20px;
        width: 100px;
        line-height: 52px;
    }

    .p-mbl-0 {
        padding: 0 !important;
    }

    .social ul li img {
        max-width: 70px;
    }
}

.footer-bottom {
    background-color: #91bb43;
    padding-bottom: 40px;
}

.footer hr {
    background: rgba(255,255,255,0.5);
    margin-top: 40px;
    margin-bottom: 40px;
}

.footer ul li {
    display: inline-block;
}

    .footer ul li a {
        margin-left: 15px;
        margin-right: 15px;
        color: white;
    }

.footerLogo {
    text-align: right;
}

@media(max-width:992px) {
    .mt-200 {
        margin-top: 100px;
    }
}

@media(max-width:767px) {
    .footer hr {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .footerLogo {
        margin-top: 30px;
        text-align: center;
    }

    .footer-nav {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer {
        margin-top: 10px;
    }
}
/*******==== // FOOTER END ====******/

/****====================== TREN ==================================*****/
.tren {
    height: 190px;
    /*background: grey;*/
    position: relative;
    margin-bottom: 100px;
}

.vg.vg01 {
    width: 145px;
    height: 200px;
    position: relative;
}

    .vg.vg01 .vgBottom {
        width: 180px;
    }

.vgBottom {
    width: 115px;
    height: 200px;
    position: absolute;
}

/**/
.vgBottom {
    width: 105px;
    height: 175px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}
/**/
.vg01 .vgBottom {
    width: 165px;
    height: 175px;
}

.vgBottom img {
    bottom: 0;
    position: absolute;
}

.duz {
    position: absolute;
    width: 100px;
    margin-left: 132px;
    margin-top: 122px;
    z-index: -1;
}

    .duz img {
        height: 100%;
    }

.vg01 .duz {
    margin-left: 150px;
}

.owl-item {
    margin-right: 0 !important;
}

.ray {
    position: absolute;
    bottom: -26px;
}

/***== TREN CLOUD SETTINGS ==**/


.trainCloud .pivot {
    position: absolute;
    -webkit-animation: circleY 0.75s ease-in-out infinite;
    animation: circleY 0.75s ease-in-out infinite;
}

    .trainCloud .pivot .pivot-inner {
        width: 22px;
        height: 3px;
        background-color: #54C1CC;
        position: absolute;
        border-radius: 2px;
        -webkit-animation: circleX 0.75s ease-in-out infinite;
        animation: circleX 0.75s ease-in-out infinite;
    }

@-webkit-keyframes circleX {
    0% {
        left: 0px;
    }

    25% {
        left: 6px;
    }

    50% {
        left: 0px;
    }

    75% {
        left: -6px;
    }

    100% {
        left: 0px;
    }
}

@keyframes circleX {
    0% {
        left: 0px;
    }

    25% {
        left: 6px;
    }

    50% {
        left: 0px;
    }

    75% {
        left: -6px;
    }

    100% {
        left: 0px;
    }
}

.trainCloud .pivot .round {
    width: 7px;
    height: 7px;
    position: absolute;
    border-radius: 50%;
    background-color: #54C1CC;
}

    .trainCloud .pivot .round .round-inner {
        border-radius: 50%;
        background-color: #344049;
        position: absolute;
        top: 2px;
        left: 2px;
        width: 3px;
        height: 3px;
    }

@-webkit-keyframes circleY {
    0% {
        top: 2px;
    }

    50% {
        top: 15px;
    }

    100% {
        top: 2px;
    }
}

@keyframes circleY {
    0% {
        top: 2px;
    }

    50% {
        top: 15px;
    }

    100% {
        top: 2px;
    }
}

.trainCloud {
    width: 50px;
    height: 50px;
    position: relative;
    right: -82px;
    bottom: -7px;
}

@media(max-width:400px) {
    .trainCloud {
        width: 50px;
        height: 50px;
        position: relative;
        right: -82px;
        bottom: -15px;
    }
}


.trainCloud .train {
    position: absolute;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    right: 0;
    bottom: 0;
}

.trainCloud .trainbody {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwMCA3MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcwMCA3MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZGlzcGxheTpub25lO30KCS5zdDF7ZmlsbDojRENGMUY2O30KCS5zdDJ7ZmlsbDojRjZEMDZCO30KCS5zdDN7ZmlsbDojNTRDMUNDO30KCS5zdDR7ZmlsbDojRjVEMTgxO30KCS5zdDV7ZmlsbDojMzQ0MDQ5O30KCS5zdDZ7ZmlsbDojRkZGRkZGO30KCS5zdDd7ZGlzcGxheTppbmxpbmU7fQo8L3N0eWxlPgo8ZyBpZD0iTGF5ZXJfMSIgY2xhc3M9InN0MCI+CgkKCQk8aW1hZ2Ugc3R5bGU9ImRpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7IiB3aWR0aD0iODAwIiBoZWlnaHQ9IjYwMCIgeGxpbms6aHJlZj0iLi4vLi4vLi4vRGVza3RvcC9jaHFib29rLWljb25zLmpwZyIgIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgLTU0MyAyMCkiPgoJPC9pbWFnZT4KPC9nPgo8ZyBpZD0iTGF5ZXJfMiI+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNLTY1NC40LDI3Ni44Yy0yLjEtNS41LTcuNC05LjUtMTMuNy05LjVjLTYuMywwLTExLjcsNC0xMy44LDkuNmMtNSwwLjUtOC45LDQuNy04LjksOS45CgkJYzAsNS41LDQuNSw5LjksOS45LDkuOWMwLjEsMCwwLjIsMCwwLjMsMGMwLDAsMC4xLDAsMC4xLDBoMjUuNWMwLjEsMCwwLjEsMCwwLjIsMGMwLjEsMCwwLjIsMCwwLjMsMGM1LjUsMCw5LjktNC41LDkuOS05LjkKCQlDLTY0NC41LDI4MS4yLTY0OC45LDI3Ni44LTY1NC40LDI3Ni44eiIvPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTQzOS4xLDI1Mi40YzAtMTQtMTkuMS0yNS40LTQyLjctMjUuNGMtMjMuNiwwLTQyLjcsMTEuNC00Mi43LDI1LjQiLz4KCTwvZz4KCTxnPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDMiIHBvaW50cz0iMjg1LjIsMjUxLjUgMjg1LjIsMjIzIDkyLjUsMjIzIDkyLjUsMjUxLjUgOTIuNCwyNTEuNSA5Mi40LDQyOS40IDU0Ni45LDQyOS40IDU0Ni45LDI1MS41IAkJIi8+Cgk8L2c+Cgk8Zz4KCQk8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9IjU5Mi4xLDQyOS42IDQ4LjYsNDI5LjYgNDguNiw1MzguMyA2NTEuNCw1MzguMyAJCSIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTU1Ni4xLDEzMi4zYzAtMi43LTIuMi00LjktNC45LTQuOWgtOTguOGMtMi43LDAtNC45LDIuMi00LjksNC45djM5LjVjMCwyLjcsMi4yLDQuOSw0LjksNC45aDk4LjgKCQkJYzIuNywwLDQuOS0yLjIsNC45LTQuOVYxMzIuM3oiLz4KCTwvZz4KCTxnPgoJCTxyZWN0IHg9IjQ3MiIgeT0iMTc4IiBjbGFzcz0ic3QzIiB3aWR0aD0iNTQiIGhlaWdodD0iNzUiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0yOTcuMSwxNzguNWMwLTIuNy0yLjItNC45LTQuOS00LjlINzQuOGMtMi43LDAtNC45LDIuMi00LjksNC45VjIxOGMwLDIuNywyLjIsNC45LDQuOSw0LjloMjE3LjQKCQkJYzIuNywwLDQuOS0yLjIsNC45LTQuOVYxNzguNXoiLz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMjQ3LjgsMzQ0LjRIMTI0LjN2LTU3aDEyMy41VjM0NC40eiBNMTI5LjIsMzM5LjRoMTEzLjZ2LTQ3LjFIMTI5LjJWMzM5LjR6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cmVjdCB4PSIxMjYuNyIgeT0iMjYyLjgiIGNsYXNzPSJzdDYiIHdpZHRoPSIxMTguNiIgaGVpZ2h0PSIyNyIvPgoJCQk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMjQ3LjgsMjkyLjNIMTI0LjN2LTMyaDEyMy41VjI5Mi4zeiBNMTI5LjIsMjg3LjRoMTEzLjZ2LTIyLjFIMTI5LjJWMjg3LjR6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGNpcmNsZSBjbGFzcz0ic3Q2IiBjeD0iMjkxLjgiIGN5PSIzMzYuOCIgcj0iMTIuNCIvPgoJPC9nPgoJPGc+CgkJPGNpcmNsZSBjbGFzcz0ic3Q2IiBjeD0iMzM0LjUiIGN5PSIzMzYuOCIgcj0iMTIuNCIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0NiIgZD0iTTM5MC44LDM3OS40Yy00LjMsMC03LjYtMy4zLTcuNi03LjN2LTY5LjVjMC00LDMuMy03LjMsNy4zLTcuM2gwLjNjNCwwLDcuMywzLjMsNy4zLDcuM3Y2OS41CgkJCUMzOTgsMzc2LjIsMzk0LjgsMzc5LjQsMzkwLjgsMzc5LjR6IE0zOTAuNSwzMDAuNGMtMS4zLDAtMi4zLDEtMi4zLDIuM3Y2OS41YzAsMS4zLDEsMi4zLDIuMywyLjNjMS42LDAsMi42LTEsMi42LTIuM3YtNjkuNQoJCQljMC0xLjMtMS0yLjMtMi4zLTIuM0gzOTAuNXoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik00MjUuNCwzNzkuNGMtNC4zLDAtNy42LTMuMy03LjYtNy4zdi02OS41YzAtNCwzLjMtNy4zLDcuMy03LjNoMC4zYzQsMCw3LjMsMy4zLDcuMyw3LjN2NjkuNQoJCQlDNDMyLjYsMzc2LjIsNDI5LjQsMzc5LjQsNDI1LjQsMzc5LjR6IE00MjUuMSwzMDAuNGMtMS4zLDAtMi4zLDEtMi4zLDIuM3Y2OS41YzAsMS4zLDEsMi4zLDIuMywyLjNjMS42LDAsMi42LTEsMi42LTIuM3YtNjkuNQoJCQljMC0xLjMtMS0yLjMtMi4zLTIuM0g0MjUuMXoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik00NTkuOSwzNzkuNGMtNC4zLDAtNy42LTMuMy03LjYtNy4zdi02OS41YzAtNCwzLjMtNy4zLDcuMy03LjNoMC4zYzQsMCw3LjMsMy4zLDcuMyw3LjN2NjkuNQoJCQlDNDY3LjIsMzc2LjIsNDYzLjksMzc5LjQsNDU5LjksMzc5LjR6IE00NTkuNiwzMDAuNGMtMS4zLDAtMi4zLDEtMi4zLDIuM3Y2OS41YzAsMS4zLDEsMi4zLDIuMywyLjNjMS42LDAsMi42LTEsMi42LTIuM3YtNjkuNQoJCQljMC0xLjMtMS0yLjMtMi4zLTIuM0g0NTkuNnoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik00OTQuNSwzNzkuNGMtNC4zLDAtNy42LTMuMy03LjYtNy4zdi02OS41YzAtNCwzLjMtNy4zLDcuMy03LjNoMC4zYzQsMCw3LjMsMy4zLDcuMyw3LjN2NjkuNQoJCQlDNTAxLjgsMzc2LjIsNDk4LjUsMzc5LjQsNDk0LjUsMzc5LjR6IE00OTQuMiwzMDAuNGMtMS4zLDAtMi4zLDEtMi4zLDIuM3Y2OS41YzAsMS4zLDEsMi4zLDIuMywyLjNjMS42LDAsMi42LTEsMi42LTIuM3YtNjkuNQoJCQljMC0xLjMtMS0yLjMtMi4zLTIuM0g0OTQuMnoiLz4KCTwvZz4KCTxnIGNsYXNzPSJzdDAiPgoJCTxnIGNsYXNzPSJzdDciPgoJCQk8Y2lyY2xlIGNsYXNzPSJzdDYiIGN4PSIyMDMuOCIgY3k9IjQ4My43IiByPSI1OS4zIi8+CgkJPC9nPgoJCTxnIGNsYXNzPSJzdDciPgoJCQk8Y2lyY2xlIGNsYXNzPSJzdDUiIGN4PSIyMDMuOCIgY3k9IjQ4My43IiByPSIxMi40Ii8+CgkJPC9nPgoJCTxnIGNsYXNzPSJzdDciPgoJCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMjAzLjgsMzk0LjhjLTQ5LjEsMC04OC45LDM5LjgtODguOSw4OC45YzAsNDkuMSwzOS44LDg4LjksODguOSw4OC45YzQ5LjEsMCw4OC45LTM5LjgsODguOS04OC45CgkJCQlDMjkyLjgsNDM0LjYsMjUzLDM5NC44LDIwMy44LDM5NC44eiBNMjAzLjgsNTQzYy0zMi43LDAtNTkuMy0yNi41LTU5LjMtNTkuM2MwLTMyLjcsMjYuNS01OS4zLDU5LjMtNTkuMwoJCQkJYzMyLjcsMCw1OS4zLDI2LjUsNTkuMyw1OS4zQzI2My4xLDUxNi41LDIzNi42LDU0MywyMDMuOCw1NDN6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTU0Ni45LDM3NS43aDE5LjhjMi43LDAsNC45LTIuMiw0LjktNC45di03OS4xYzAtMi43LTIuMi00LjktNC45LTQuOWgtMTkuOCIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MCI+CgkJPGcgY2xhc3M9InN0NyI+CgkJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik01MTUuNCw0NzEuOWMtMjcuMywwLTQ5LjQsMjIuMS00OS40LDQ5LjRjMCwyNy4zLDIyLjEsNDkuNCw0OS40LDQ5LjRjMjcuMywwLDQ5LjQtMjIuMSw0OS40LTQ5LjQKCQkJCUM1NjQuOCw0OTQsNTQyLjcsNDcxLjksNTE1LjQsNDcxLjl6IE01MTUuNCw1NDIuOGMtMTEuOSwwLTIxLjUtOS42LTIxLjUtMjEuNWMwLTExLjksOS42LTIxLjUsMjEuNS0yMS41CgkJCQljMTEuOSwwLDIxLjUsOS42LDIxLjUsMjEuNUM1MzYuOSw1MzMuMiw1MjcuMyw1NDIuOCw1MTUuNCw1NDIuOHoiLz4KCQk8L2c+CgkJPGcgY2xhc3M9InN0NyI+CgkJCTxjaXJjbGUgY2xhc3M9InN0NiIgY3g9IjUxNS40IiBjeT0iNTIxLjMiIHI9IjIxLjUiLz4KCQk8L2c+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QwIj4KCQk8ZyBjbGFzcz0ic3Q3Ij4KCQkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTQwMS43LDQ3MS45Yy0yNy4zLDAtNDkuNCwyMi4xLTQ5LjQsNDkuNGMwLDI3LjMsMjIuMSw0OS40LDQ5LjQsNDkuNGMyNy4zLDAsNDkuNC0yMi4xLDQ5LjQtNDkuNAoJCQkJQzQ1MS4xLDQ5NCw0MjksNDcxLjksNDAxLjcsNDcxLjl6IE00MDEuNyw1NDIuOGMtMTEuOSwwLTIxLjUtOS42LTIxLjUtMjEuNWMwLTExLjksOS42LTIxLjUsMjEuNS0yMS41CgkJCQljMTEuOSwwLDIxLjUsOS42LDIxLjUsMjEuNUM0MjMuMiw1MzMuMiw0MTMuNiw1NDIuOCw0MDEuNyw1NDIuOHoiLz4KCQk8L2c+CgkJPGcgY2xhc3M9InN0NyI+CgkJCTxjaXJjbGUgY2xhc3M9InN0NiIgY3g9IjQwMS43IiBjeT0iNTIxLjMiIHI9IjIxLjUiLz4KCQk8L2c+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QwIj4KCQk8ZyBjbGFzcz0ic3Q3Ij4KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTQ3OS41LDUzMy42Yy02LjgsMC0xMi40LTUuNS0xMi40LTEyLjRzNS41LTEyLjQsMTIuNC0xMi40YzYuOCwwLDEyLjQsNS41LDEyLjQsMTIuNAoJCQkJUzQ4Ni4zLDUzMy42LDQ3OS41LDUzMy42eiBNNDc5LjUsNTEzLjljLTQuMSwwLTcuNCwzLjMtNy40LDcuNHMzLjMsNy40LDcuNCw3LjRzNy40LTMuMyw3LjQtNy40UzQ4My42LDUxMy45LDQ3OS41LDUxMy45eiIvPgoJCTwvZz4KCQk8ZyBjbGFzcz0ic3Q3Ij4KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTM2NS45LDUzMy42Yy02LjgsMC0xMi40LTUuNS0xMi40LTEyLjRzNS41LTEyLjQsMTIuNC0xMi40czEyLjQsNS41LDEyLjQsMTIuNFMzNzIuNyw1MzMuNiwzNjUuOSw1MzMuNnoKCQkJCSBNMzY1LjksNTEzLjljLTQuMSwwLTcuNCwzLjMtNy40LDcuNHMzLjMsNy40LDcuNCw3LjRzNy40LTMuMyw3LjQtNy40UzM3MCw1MTMuOSwzNjUuOSw1MTMuOXoiLz4KCQk8L2c+CgkJPGcgY2xhc3M9InN0NyI+CgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik00ODIuMiw1MjEuNHYtMC4xYzAtMi43LTIuMi00LjktNC45LTQuOUgzNjguNWMtMi43LDAtNC45LDIuMi00LjksNC45djAuMWMwLDIuNywyLjIsNC45LDQuOSw0LjloMTA4LjgKCQkJCUM0ODAsNTI2LjIsNDgyLjIsNTI0LDQ4Mi4yLDUyMS40eiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K');
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    position: absolute;
    -webkit-animation: bounce 0.375s ease-in-out alternate infinite;
    animation: bounce 0.375s ease-in-out alternate infinite;
}

@-webkit-keyframes bounce {
    from {
        top: 0px;
    }

    to {
        top: 3px;
    }
}

@keyframes bounce {
    from {
        top: 0px;
    }

    to {
        top: 3px;
    }
}

.trainCloud .bigwheel {
    width: 30px;
    height: 30px;
    background-color: #344049;
    border-radius: 50%;
    position: absolute;
}

    .trainCloud .bigwheel .innerwheelbig {
        width: 18px;
        height: 18px;
        background-color: #ffffff;
        border-radius: 50%;
        margin: 6px auto;
    }

.trainCloud .smallwheel {
    width: 18px;
    height: 18px;
    background-color: #344049;
    border-radius: 50%;
    position: absolute;
}

    .trainCloud .smallwheel .innerwheelsmall {
        width: 8px;
        height: 8px;
        background-color: #ffffff;
        border-radius: 50%;
        margin: 5px auto;
    }

.trainCloud .cloud {
    position: absolute;
}

    .trainCloud .cloud .cloudshapes {
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: #DCF1F6;
        border-radius: 50%;
    }

.trainCloud .pulse1 {
    -webkit-animation: pulse1 0.5s alternate infinite;
    animation: pulse1 0.5s alternate infinite;
}

@-webkit-keyframes pulse1 {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.9;
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
    }
}

@keyframes pulse1 {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.9;
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
    }
}

.trainCloud .pulse2 {
    -webkit-animation: pulse 0.75s alternate infinite;
    animation: pulse 0.75s alternate infinite;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
    }
}

.trainCloud .smallcloudcontainer .smallcloud {
    position: absolute;
    width: 25px;
    height: 25px;
    /*background-color: #ccdeea;
    border-radius: 50%;*/
    -webkit-animation: drift 2s infinite;
    animation: drift 2s infinite;
}

@-webkit-keyframes drift {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        left: 30px;
    }

    to {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0;
        left: -100px;
    }
}

@keyframes drift {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        left: 30px;
    }

    to {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0;
        left: -100px;
    }
}

@media(min-width:991px) {
    .ray img {
        width: 95%;
        margin: 0 auto;
        display: block;
    }

    .tren .loop.owl-carousel.owl-all.owl-loaded.owl-drag {
        padding-left: 26px;
    }

    .owl-all .owl-stage {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: 120% !important;
        padding-top: 10px;
    }

    .owl-all .owl-carousel .owl-stage-outer {
        width: 100% !important;
        overflow: visible !important;
    }

    .owl-all .owl-stage-outer > .owl-stage > .owl-item {
        display: -ms-inline-grid !important;
        display: inline-grid !important;
        float: none !important;
    }
}


/**TABELA **/
.tbl {
    width: 116px;
    height: 130px;
    position: absolute;
    bottom: 5px;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.tbl-top {
    height: 40px;
    width: 100%;
    background: #0d71b8;
    color: white;
    text-align: center;
    line-height: 40px;
    border-radius: 10px;
    border: 1px solid white;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tren .tbl-top {
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

.tbl-center {
    width: 10px;
    height: 100px;
    background: #0d71b8;
    position: absolute;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: -1;
}

.tren .item {
    width: 100%;
    height: 185px;
    /*border: 1px solid;*/
}

    .tren .item:hover .tbl {
        bottom: 9px;
    }

@media(max-width:1200px) {
    .tren {
        height: 180px;
        margin-bottom: 80px;
    }

    .vgBottom {
        width: 90px;
    }

    .tbl {
        width: 95px;
        height: 111px;
    }

    .tbl-top {
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        border-radius: 6px;
    }

    .tbl-center {
        height: 80px;
    }

    .duz {
        margin-left: 112px;
    }
}

@media(max-width:991px) {
    .tren {
        height: 163px;
    }

    .duz {
        margin-left: 122px;
    }
}

@media(max-width: 565px) {
    .duz {
        width: 145px;
        margin-left: 70px;
    }

    .vg.vg01 .vgBottom {
        width: 167px;
    }
}

@media(min-width:395px) and (max-width:447px) {
    .duz {
        width: 145px;
        margin-left: 130px;
    }
}

@media(max-width:400px) {
    /*.mt-100 {
        margin-top: -50px;
    }*/
    .vgBottom {
        width: 95px;
    }

    .tbl {
        width: 90px;
        height: 113px;
    }

    .tbl-top {
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }

    .tbl-center {
        height: 55px;
    }

    .vg.vg01 .vgBottom {
        width: 160px;
    }

    .vg01 .duz {
        margin-left: 114px;
    }

    .duz {
        margin-top: 126px;
        width: 130px;
        margin-left: 100px;
    }
}

/**== TREN BUHARI ==**/
body {
    background-color: #ffffff;
}

.pivot {
    position: absolute;
    -webkit-animation: circleY 0.75s ease-in-out infinite;
    animation: circleY 0.75s ease-in-out infinite;
}

    .pivot .pivot-inner {
        width: 22px;
        height: 3px;
        background-color: #54C1CC;
        position: absolute;
        border-radius: 2px;
        -webkit-animation: circleX 0.75s ease-in-out infinite;
        animation: circleX 0.75s ease-in-out infinite;
    }

@keyframes circleX {
    0% {
        left: 0px;
    }

    25% {
        left: 6px;
    }

    50% {
        left: 0px;
    }

    75% {
        left: -6px;
    }

    100% {
        left: 0px;
    }
}

.pivot .round {
    width: 7px;
    height: 7px;
    position: absolute;
    border-radius: 50%;
    background-color: #54C1CC;
}

    .pivot .round .round-inner {
        border-radius: 50%;
        background-color: #344049;
        position: absolute;
        top: 2px;
        left: 2px;
        width: 3px;
        height: 3px;
    }

@keyframes circleY {
    0% {
        top: 2px;
    }

    50% {
        top: 15px;
    }

    100% {
        top: 2px;
    }
}

.train {
    position: absolute;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.trainbody {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwMCA3MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcwMCA3MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZGlzcGxheTpub25lO30KCS5zdDF7ZmlsbDojRENGMUY2O30KCS5zdDJ7ZmlsbDojRjZEMDZCO30KCS5zdDN7ZmlsbDojNTRDMUNDO30KCS5zdDR7ZmlsbDojRjVEMTgxO30KCS5zdDV7ZmlsbDojMzQ0MDQ5O30KCS5zdDZ7ZmlsbDojRkZGRkZGO30KCS5zdDd7ZGlzcGxheTppbmxpbmU7fQo8L3N0eWxlPgo8ZyBpZD0iTGF5ZXJfMSIgY2xhc3M9InN0MCI+CgkKCQk8aW1hZ2Ugc3R5bGU9ImRpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7IiB3aWR0aD0iODAwIiBoZWlnaHQ9IjYwMCIgeGxpbms6aHJlZj0iLi4vLi4vLi4vRGVza3RvcC9jaHFib29rLWljb25zLmpwZyIgIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgLTU0MyAyMCkiPgoJPC9pbWFnZT4KPC9nPgo8ZyBpZD0iTGF5ZXJfMiI+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNLTY1NC40LDI3Ni44Yy0yLjEtNS41LTcuNC05LjUtMTMuNy05LjVjLTYuMywwLTExLjcsNC0xMy44LDkuNmMtNSwwLjUtOC45LDQuNy04LjksOS45CgkJYzAsNS41LDQuNSw5LjksOS45LDkuOWMwLjEsMCwwLjIsMCwwLjMsMGMwLDAsMC4xLDAsMC4xLDBoMjUuNWMwLjEsMCwwLjEsMCwwLjIsMGMwLjEsMCwwLjIsMCwwLjMsMGM1LjUsMCw5LjktNC41LDkuOS05LjkKCQlDLTY0NC41LDI4MS4yLTY0OC45LDI3Ni44LTY1NC40LDI3Ni44eiIvPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTQzOS4xLDI1Mi40YzAtMTQtMTkuMS0yNS40LTQyLjctMjUuNGMtMjMuNiwwLTQyLjcsMTEuNC00Mi43LDI1LjQiLz4KCTwvZz4KCTxnPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDMiIHBvaW50cz0iMjg1LjIsMjUxLjUgMjg1LjIsMjIzIDkyLjUsMjIzIDkyLjUsMjUxLjUgOTIuNCwyNTEuNSA5Mi40LDQyOS40IDU0Ni45LDQyOS40IDU0Ni45LDI1MS41IAkJIi8+Cgk8L2c+Cgk8Zz4KCQk8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9IjU5Mi4xLDQyOS42IDQ4LjYsNDI5LjYgNDguNiw1MzguMyA2NTEuNCw1MzguMyAJCSIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTU1Ni4xLDEzMi4zYzAtMi43LTIuMi00LjktNC45LTQuOWgtOTguOGMtMi43LDAtNC45LDIuMi00LjksNC45djM5LjVjMCwyLjcsMi4yLDQuOSw0LjksNC45aDk4LjgKCQkJYzIuNywwLDQuOS0yLjIsNC45LTQuOVYxMzIuM3oiLz4KCTwvZz4KCTxnPgoJCTxyZWN0IHg9IjQ3MiIgeT0iMTc4IiBjbGFzcz0ic3QzIiB3aWR0aD0iNTQiIGhlaWdodD0iNzUiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0yOTcuMSwxNzguNWMwLTIuNy0yLjItNC45LTQuOS00LjlINzQuOGMtMi43LDAtNC45LDIuMi00LjksNC45VjIxOGMwLDIuNywyLjIsNC45LDQuOSw0LjloMjE3LjQKCQkJYzIuNywwLDQuOS0yLjIsNC45LTQuOVYxNzguNXoiLz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMjQ3LjgsMzQ0LjRIMTI0LjN2LTU3aDEyMy41VjM0NC40eiBNMTI5LjIsMzM5LjRoMTEzLjZ2LTQ3LjFIMTI5LjJWMzM5LjR6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cmVjdCB4PSIxMjYuNyIgeT0iMjYyLjgiIGNsYXNzPSJzdDYiIHdpZHRoPSIxMTguNiIgaGVpZ2h0PSIyNyIvPgoJCQk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMjQ3LjgsMjkyLjNIMTI0LjN2LTMyaDEyMy41VjI5Mi4zeiBNMTI5LjIsMjg3LjRoMTEzLjZ2LTIyLjFIMTI5LjJWMjg3LjR6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPGNpcmNsZSBjbGFzcz0ic3Q2IiBjeD0iMjkxLjgiIGN5PSIzMzYuOCIgcj0iMTIuNCIvPgoJPC9nPgoJPGc+CgkJPGNpcmNsZSBjbGFzcz0ic3Q2IiBjeD0iMzM0LjUiIGN5PSIzMzYuOCIgcj0iMTIuNCIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0NiIgZD0iTTM5MC44LDM3OS40Yy00LjMsMC03LjYtMy4zLTcuNi03LjN2LTY5LjVjMC00LDMuMy03LjMsNy4zLTcuM2gwLjNjNCwwLDcuMywzLjMsNy4zLDcuM3Y2OS41CgkJCUMzOTgsMzc2LjIsMzk0LjgsMzc5LjQsMzkwLjgsMzc5LjR6IE0zOTAuNSwzMDAuNGMtMS4zLDAtMi4zLDEtMi4zLDIuM3Y2OS41YzAsMS4zLDEsMi4zLDIuMywyLjNjMS42LDAsMi42LTEsMi42LTIuM3YtNjkuNQoJCQljMC0xLjMtMS0yLjMtMi4zLTIuM0gzOTAuNXoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik00MjUuNCwzNzkuNGMtNC4zLDAtNy42LTMuMy03LjYtNy4zdi02OS41YzAtNCwzLjMtNy4zLDcuMy03LjNoMC4zYzQsMCw3LjMsMy4zLDcuMyw3LjN2NjkuNQoJCQlDNDMyLjYsMzc2LjIsNDI5LjQsMzc5LjQsNDI1LjQsMzc5LjR6IE00MjUuMSwzMDAuNGMtMS4zLDAtMi4zLDEtMi4zLDIuM3Y2OS41YzAsMS4zLDEsMi4zLDIuMywyLjNjMS42LDAsMi42LTEsMi42LTIuM3YtNjkuNQoJCQljMC0xLjMtMS0yLjMtMi4zLTIuM0g0MjUuMXoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik00NTkuOSwzNzkuNGMtNC4zLDAtNy42LTMuMy03LjYtNy4zdi02OS41YzAtNCwzLjMtNy4zLDcuMy03LjNoMC4zYzQsMCw3LjMsMy4zLDcuMyw3LjN2NjkuNQoJCQlDNDY3LjIsMzc2LjIsNDYzLjksMzc5LjQsNDU5LjksMzc5LjR6IE00NTkuNiwzMDAuNGMtMS4zLDAtMi4zLDEtMi4zLDIuM3Y2OS41YzAsMS4zLDEsMi4zLDIuMywyLjNjMS42LDAsMi42LTEsMi42LTIuM3YtNjkuNQoJCQljMC0xLjMtMS0yLjMtMi4zLTIuM0g0NTkuNnoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik00OTQuNSwzNzkuNGMtNC4zLDAtNy42LTMuMy03LjYtNy4zdi02OS41YzAtNCwzLjMtNy4zLDcuMy03LjNoMC4zYzQsMCw3LjMsMy4zLDcuMyw3LjN2NjkuNQoJCQlDNTAxLjgsMzc2LjIsNDk4LjUsMzc5LjQsNDk0LjUsMzc5LjR6IE00OTQuMiwzMDAuNGMtMS4zLDAtMi4zLDEtMi4zLDIuM3Y2OS41YzAsMS4zLDEsMi4zLDIuMywyLjNjMS42LDAsMi42LTEsMi42LTIuM3YtNjkuNQoJCQljMC0xLjMtMS0yLjMtMi4zLTIuM0g0OTQuMnoiLz4KCTwvZz4KCTxnIGNsYXNzPSJzdDAiPgoJCTxnIGNsYXNzPSJzdDciPgoJCQk8Y2lyY2xlIGNsYXNzPSJzdDYiIGN4PSIyMDMuOCIgY3k9IjQ4My43IiByPSI1OS4zIi8+CgkJPC9nPgoJCTxnIGNsYXNzPSJzdDciPgoJCQk8Y2lyY2xlIGNsYXNzPSJzdDUiIGN4PSIyMDMuOCIgY3k9IjQ4My43IiByPSIxMi40Ii8+CgkJPC9nPgoJCTxnIGNsYXNzPSJzdDciPgoJCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMjAzLjgsMzk0LjhjLTQ5LjEsMC04OC45LDM5LjgtODguOSw4OC45YzAsNDkuMSwzOS44LDg4LjksODguOSw4OC45YzQ5LjEsMCw4OC45LTM5LjgsODguOS04OC45CgkJCQlDMjkyLjgsNDM0LjYsMjUzLDM5NC44LDIwMy44LDM5NC44eiBNMjAzLjgsNTQzYy0zMi43LDAtNTkuMy0yNi41LTU5LjMtNTkuM2MwLTMyLjcsMjYuNS01OS4zLDU5LjMtNTkuMwoJCQkJYzMyLjcsMCw1OS4zLDI2LjUsNTkuMyw1OS4zQzI2My4xLDUxNi41LDIzNi42LDU0MywyMDMuOCw1NDN6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTU0Ni45LDM3NS43aDE5LjhjMi43LDAsNC45LTIuMiw0LjktNC45di03OS4xYzAtMi43LTIuMi00LjktNC45LTQuOWgtMTkuOCIvPgoJPC9nPgoJPGcgY2xhc3M9InN0MCI+CgkJPGcgY2xhc3M9InN0NyI+CgkJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik01MTUuNCw0NzEuOWMtMjcuMywwLTQ5LjQsMjIuMS00OS40LDQ5LjRjMCwyNy4zLDIyLjEsNDkuNCw0OS40LDQ5LjRjMjcuMywwLDQ5LjQtMjIuMSw0OS40LTQ5LjQKCQkJCUM1NjQuOCw0OTQsNTQyLjcsNDcxLjksNTE1LjQsNDcxLjl6IE01MTUuNCw1NDIuOGMtMTEuOSwwLTIxLjUtOS42LTIxLjUtMjEuNWMwLTExLjksOS42LTIxLjUsMjEuNS0yMS41CgkJCQljMTEuOSwwLDIxLjUsOS42LDIxLjUsMjEuNUM1MzYuOSw1MzMuMiw1MjcuMyw1NDIuOCw1MTUuNCw1NDIuOHoiLz4KCQk8L2c+CgkJPGcgY2xhc3M9InN0NyI+CgkJCTxjaXJjbGUgY2xhc3M9InN0NiIgY3g9IjUxNS40IiBjeT0iNTIxLjMiIHI9IjIxLjUiLz4KCQk8L2c+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QwIj4KCQk8ZyBjbGFzcz0ic3Q3Ij4KCQkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTQwMS43LDQ3MS45Yy0yNy4zLDAtNDkuNCwyMi4xLTQ5LjQsNDkuNGMwLDI3LjMsMjIuMSw0OS40LDQ5LjQsNDkuNGMyNy4zLDAsNDkuNC0yMi4xLDQ5LjQtNDkuNAoJCQkJQzQ1MS4xLDQ5NCw0MjksNDcxLjksNDAxLjcsNDcxLjl6IE00MDEuNyw1NDIuOGMtMTEuOSwwLTIxLjUtOS42LTIxLjUtMjEuNWMwLTExLjksOS42LTIxLjUsMjEuNS0yMS41CgkJCQljMTEuOSwwLDIxLjUsOS42LDIxLjUsMjEuNUM0MjMuMiw1MzMuMiw0MTMuNiw1NDIuOCw0MDEuNyw1NDIuOHoiLz4KCQk8L2c+CgkJPGcgY2xhc3M9InN0NyI+CgkJCTxjaXJjbGUgY2xhc3M9InN0NiIgY3g9IjQwMS43IiBjeT0iNTIxLjMiIHI9IjIxLjUiLz4KCQk8L2c+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QwIj4KCQk8ZyBjbGFzcz0ic3Q3Ij4KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTQ3OS41LDUzMy42Yy02LjgsMC0xMi40LTUuNS0xMi40LTEyLjRzNS41LTEyLjQsMTIuNC0xMi40YzYuOCwwLDEyLjQsNS41LDEyLjQsMTIuNAoJCQkJUzQ4Ni4zLDUzMy42LDQ3OS41LDUzMy42eiBNNDc5LjUsNTEzLjljLTQuMSwwLTcuNCwzLjMtNy40LDcuNHMzLjMsNy40LDcuNCw3LjRzNy40LTMuMyw3LjQtNy40UzQ4My42LDUxMy45LDQ3OS41LDUxMy45eiIvPgoJCTwvZz4KCQk8ZyBjbGFzcz0ic3Q3Ij4KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTM2NS45LDUzMy42Yy02LjgsMC0xMi40LTUuNS0xMi40LTEyLjRzNS41LTEyLjQsMTIuNC0xMi40czEyLjQsNS41LDEyLjQsMTIuNFMzNzIuNyw1MzMuNiwzNjUuOSw1MzMuNnoKCQkJCSBNMzY1LjksNTEzLjljLTQuMSwwLTcuNCwzLjMtNy40LDcuNHMzLjMsNy40LDcuNCw3LjRzNy40LTMuMyw3LjQtNy40UzM3MCw1MTMuOSwzNjUuOSw1MTMuOXoiLz4KCQk8L2c+CgkJPGcgY2xhc3M9InN0NyI+CgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik00ODIuMiw1MjEuNHYtMC4xYzAtMi43LTIuMi00LjktNC45LTQuOUgzNjguNWMtMi43LDAtNC45LDIuMi00LjksNC45djAuMWMwLDIuNywyLjIsNC45LDQuOSw0LjloMTA4LjgKCQkJCUM0ODAsNTI2LjIsNDgyLjIsNTI0LDQ4Mi4yLDUyMS40eiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K');
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    position: absolute;
    -webkit-animation: bounce 0.375s ease-in-out alternate infinite;
    animation: bounce 0.375s ease-in-out alternate infinite;
}

@keyframes bounce {
    from {
        top: 0px;
    }

    to {
        top: 3px;
    }
}

.bigwheel {
    width: 30px;
    height: 30px;
    background-color: #344049;
    border-radius: 50%;
    position: absolute;
}

    .bigwheel .innerwheelbig {
        width: 18px;
        height: 18px;
        background-color: #ffffff;
        border-radius: 50%;
        margin: 6px auto;
    }

.smallwheel {
    width: 18px;
    height: 18px;
    background-color: #344049;
    border-radius: 50%;
    position: absolute;
}

    .smallwheel .innerwheelsmall {
        width: 8px;
        height: 8px;
        background-color: #ffffff;
        border-radius: 50%;
        margin: 5px auto;
    }

.cloud {
    position: absolute;
}

    .cloud .cloudshapes {
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: #ccdeea;
        border-radius: 50%;
    }

.pulse1 {
    -webkit-animation: pulse1 0.5s alternate infinite;
    animation: pulse1 0.5s alternate infinite;
}

@keyframes pulse1 {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.9;
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
    }
}

.pulse2 {
    -webkit-animation: pulse 0.75s alternate infinite;
    animation: pulse 0.75s alternate infinite;
}

@keyframes pulse {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
    }
}

.smallcloudcontainer .smallcloud {
    position: absolute;
    width: 25px;
    height: 25px;
    /*background-color: #ccdeea;
    border-radius: 50%;*/
    -webkit-animation: drift 2s infinite;
    animation: drift 2s infinite;
}

@keyframes drift {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        left: 30px;
    }

    to {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0;
        left: -100px;
    }
}

/****====================== // TREN ==================================*****/
/****====================== PRAT�K TAR�FLER ==================================*****/
.pratikTarif {
    position: relative;
}

    .pratikTarif .swiper-button-prev {
        left: -15px;
        outline: none;
    }

    .pratikTarif .swiper-button-next {
        right: -15px;
        outline: none;
    }

.tarifCloud img {
    position: absolute;
    top: -300px;
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: -1;
}

@media(max-width:991px) {
    .tarifCloud img {
        position: absolute;
        top: -100px;
        width: 50%;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: -1;
    }
}

.tarifItem {
    position: relative;
}

.tarifConntent {
    position: absolute;
    left: 5px;
    top: 0px;
    text-align: left;
    padding-top: 5px;
    padding-left: 20px;
}

    .tarifConntent a {
        text-decoration: none;
    }

.pratikTarif .swiper-button-next:after, .pratikTarif .swiper-button-prev:after {
    font-size: 20px;
    font-weight: 800;
    color: #0b73b9;
}

.tarifTitle {
    color: #0b73b9;
    font-weight: 700;
    padding-left: 26px;
    height: 35px;
    font-size: 30px;
}

.productTitle {
    color: #0b73b9;
    font-weight: 700;
    padding-left: 26px;
    height: 30px;
    font-size: 30px;
    max-width: 500px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 16px;
}

.tarifSubTitle p, .tarifSubTitle {
    color: #00aef0;
    margin-bottom: 30px;
    width: 80%;
    font-size: 18px;
    font-weight: 600;
}

.productDetail .tarifSubTitle {
    max-width: 655px;
    overflow: hidden;
    /*white-space: nowrap;*/
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.pratikTarif .swiper-wrapper {
    padding-bottom: 50px;
}

@media(min-width:1200px) {
    .pratikTarif {
        margin-top: 150px;
    }

    .tarifSubTitle {
        padding-top: 0 !important;
    }
}

.pratikTarif.altiAy .swiper-button-next, .pratikTarif.altiAy .swiper-button-prev {
    top: 60% !important;
}

@media (max-width:991px) {
    .productDetail .tarifConntent {
        top: 60px;
    }

    .productHeader {
        margin-top: 50px;
    }

    .productDetail .productTitle {
        height: 30px;
        font-size: 25px;
    }

    .tarifTitle {
        color: #0b73b9;
        font-weight: 700;
        padding-left: 26px;
        height: 20px;
        font-size: 18px;
    }

    .tarifSubTitle {
        color: #00aef0;
        margin-bottom: 15px;
        width: 70%;
        font-size: 14px;
    }

    .tarifConntent {
        padding-top: 0px;
    }

    .pratikTarif .swiper-button-next:after, .pratikTarif .swiper-button-prev:after {
        font-size: 14px;
        font-weight: 800;
        color: #0b73b9;
    }


    .btn-ar {
        border-radius: 22px;
        padding: 5px 17px;
        height: 30px;
        font-size: 16px;
        line-height: 22px;
    }

    .btn-content {
        font-size: 12px;
        padding: 10px;
        height: 30px;
        line-height: 10px;
    }
}

.swiper-slide.tarifItem {
    position: relative;
    display: block;
}

@media (max-width:1250px) {
    .pratikTarif .tarifConntent {
        width: 100%;
        text-align: center;
        bottom: 0;
        top: inherit;
        padding-left: 0;
    }

    .tarifSubTitle p, .tarifSubTitle {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 10px !important;
        height: 40px;
        overflow: hidden;
        /*white-space: nowrap;*/
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .pratikTarif .swiper-slide {
        padding-bottom: 90px;
    }
}

@media (max-width:991px) {
    .tarifSubTitle p, .tarifSubTitle {
        height: 25px;
    }
}

@media (max-width:675px) {
    .pratikTarif .tarifConntent {
        bottom: -35px;
    }

    .tarifSubTitle p, .tarifSubTitle {
        height: 38px;
    }

    .productDetail .productTitle {
        height: 22px;
        font-size: 18px;
    }

    .btn-content {
        border-radius: 22px;
        padding: 4px 17px;
        height: 30px;
        font-size: 16px;
        line-height: 22px;
    }

    .tarifTitle {
        text-align: center;
        padding-left: 0;
    }

    .tarifSubTitle {
        color: #00aef0;
        margin-bottom: 10px;
        width: 100%;
        font-size: 12px;
    }



    .pratikTarif.swp-pb-0 .swiper-slide {
        padding-bottom: 0;
    }

    .pratikTarif .productTitle {
        margin-bottom: 5px;
    }


    .pratikTarif .tarifConntent.tarif-pd {
        top: 230px;
    }

    .pratikTarif.productDetail .slider-wrapper {
        height: inherit;
    }

    .pratikTarif.altiAy .slider-wrapper {
        height: 172px;
        margin-top: -40px;
    }

    .pratikTarif .swiper-pagination-bullet {
        width: 4px !important;
        height: 4px !important;
    }

    .pratikTarif .swiper-pagination {
        /*bottom: -7px !important;*/
        display: none;
    }

    .pratikTarif .swiper-button-next, .pratikTarif .swiper-button-prev {
        top: 37%;
    }

    .pratikTarif.productDetail .swiper-button-next, .pratikTarif.productDetail .swiper-button-prev {
        top: 50%;
    }

    .pratikTarif.altiAy .swiper-button-next, .pratikTarif.altiAy .swiper-button-prev {
        top: 50%;
    }
}

@media(max-width:675px) and (min-width:475px) {
    .pratikTarif.productDetail .tarifConntent {
        top: 315px;
    }
}

@media(max-width:475px) and (min-width:380px) {
    .pratikTarif.productDetail .tarifConntent {
        top: 250px;
    }
}

@media(max-width:375px) {

    .tarifTitle {
        font-size: 17px;
        height: 20px;
    }
}

@media(max-width:365px) {
    .pratikTarif.productDetail .tarifConntent {
        top: 200px;
    }
}

/****======================  // PRAT�K TAR�FLER ==================================*****/
/****====================== PRODUCT SLIDER ==================================*****/
.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background-color: transparent;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.productSlider {
    min-height: 400px;
    height: auto;
    padding-top: 80px;
    padding-bottom: 50px;
}

    .productSlider .swiper-slide .card {
        background-color: transparent;
        border: none;
    }

    .productSlider .swiper-slide img {
        width: 145px;
        margin: 0 auto;
    }

    .productSlider .swiper-button-next:after, .productSlider .swiper-button-prev:after {
        font-size: 20px;
        font-weight: bold;
        color: #0b73b9;
    }

    .productSlider .swiper-button-next, .productSlider .swiper-button-prev {
        top: 37%;
    }

    .productSlider .swiper-button-next {
        right: 0;
    }

    .productSlider .swiper-button-prev {
        left: 0;
    }

.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: transparent !important;
    border: 2px solid #0b73b9;
}

.swiper-pagination-bullet-active {
    background: #0b73b9 !important;
}
/**== SWIPER SLIDER OZEL AYARLAR==**/
.productSlider .containerSwiper {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
}

.productSlider .swiper_wrap {
    padding: 0px 50px;
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
    text-align: left;
}

.productSlider .swiper-button-next {
    margin-top: 0px;
    position: absolute;
    right: -40px;
    width: 45px;
    height: 45px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: none;
}

.productSlider .swiper-button-prev {
    position: absolute;
    left: -40px;
    width: 45px;
    height: 45px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0px;
    outline: none;
}

.productSlider .card-body {
    padding: 0;
    padding-bottom: 10px;
}

@media(max-width:1230px) {
    .productSlider .swiper-slide img {
        max-width: 113px;
    }
}

@media (max-width:991px) {
    .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
    }

    .productSlider .swiper-slide img {
        width: 100px;
        margin: 0 auto;
    }

    .productSlider .swiper-button-next {
        right: -10px;
    }

    .productSlider .swiper-button-prev {
        left: -10px;
    }

    .pratikTarif .swiper-button-prev {
        left: 0px;
    }

    .pratikTarif .swiper-button-next {
        right: 0px;
    }
}

@media(max-width:768px) {

    .productSlider .swiper-slide .card {
        width: 100%;
        /*background-color: rgba(255, 255, 255, .2);*/
    }

    /*span.productSlider-Ari img {
        width: 30px;
        margin-top: -60px;
    }*/

    .productSlider {
        padding-bottom: 20px;
    }

        .productSlider .swiper-button-next, .productSlider .swiper-button-prev {
            top: 30%;
        }
}
/****======================// PRODUCT SLIDER ==================================*****/

/****====================== BLOG ==================================*****/
.blog {
    margin-top: 0px;
    margin-bottom: 80px;
    position: relative;
}

.blogCloud img {
    position: absolute;
    width: 50%;
    left: -250px;
    top: -80px;
    z-index: -1;
}

.blogMain span.cardBg img {
    max-width: 300px;
    width: 100%;
}

.blog .card-img-top, .article .card-img-top {
    width: 100%;
    height: 188px;
    background: transparent;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.article .card-img-top {
    width: 100%;
    height: 168px;
    background: transparent;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.blog .card, .article .card {
    position: relative;
    width: 290px;
    border-color: transparent;
    border-radius: 15px;
    padding: 3px;
    margin: 0 auto;
}

.blogmainTitle {
    height: 15px;
    color: #0b73b9;
    font-weight: 800;
    margin-bottom: 40px;
    margin-top: 20px;
    font-size: 30px;
}

span.cardBg {
    position: absolute;
    z-index: -1;
    left: -40px;
    top: -30px;
    width: 105%;
}

@media(max-width:768px) {
    span.cardBg {
        position: absolute;
        z-index: -1;
        left: -20px;
        top: -20px;
        width: 113%;
    }
}

.card .card-mounth {
    position: absolute;
    left: 30px;
    width: 70px;
    height: 70px;
    background: white;
    border-radius: 50%;
    text-align: center;
    top: -30px;
    z-index: 2222;
    overflow: hidden;
    padding: 3px;
}

    .card .card-mounth .card-mounth-content {
        background: -o-linear-gradient(bottom, rgba(251,190,71,1) 38%, rgba(253,205,57,1) 66%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(38%, rgba(251,190,71,1)), color-stop(66%, rgba(253,205,57,1)));
        background: linear-gradient(0deg, rgba(251,190,71,1) 38%, rgba(253,205,57,1) 66%);
        width: 100%;
        height: 100%;
        border-radius: 50%;
        padding-top: 10px;
    }

.card-mounth-content .mounth {
    display: block;
    color: white;
    font-size: 20px;
    font-weight: 800;
    line-height: 25px;
    width: 90%;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
}

.card-mounth-content .day {
    display: block;
    color: white;
    font-size: 18px;
    font-weight: 800;
    line-height: 25px;
    width: 90%;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
}

.card-mounth.right {
    right: 30px !important;
    left: inherit !important
}

.blog .card-title, .article .card-title {
    color: #0b73b9;
    font-weight: 700;
    min-height: 48px;
    height: 70px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: inherit;
}

.scale14 img {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.scale14:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


@media(max-width:991px) {
    .blogCloud img {
        position: absolute;
        width: 50%;
        left: -100px;
        top: -150px;
        z-index: -1;
    }
}

@media(max-width:991px) {
    .blog .card {
        width: 250px;
    }

    .btn-blog {
        font-size: 12px;
    }
}

@media(max-width:767px) {
    .blogCloud img {
        position: absolute;
        width: 80%;
        left: -50px;
        top: -100px;
        z-index: -1;
    }

    .blog .card {
        width: 130px;
        height: 170px;
        padding: 1px;
    }

    .h-140 {
        height: 140px !important;
    }

    .blog .card-img-top {
        height: 93px;
    }

    .blog .card.card-bottom, .article .card.card-bottom {
        background: transparent;
    }

    .blog .card .card-mounth .card-mounth-content {
        padding-top: 3px;
    }

    .blog .card .card-mounth {
        width: 35px;
        height: 35px;
        top: -18px;
        padding: 1px;
    }

    .card-mounth-content .day, .card-mounth-content .mounth {
        font-size: 10px;
        line-height: 14px;
        height: 14px;
    }

    .blog .card-title {
        font-size: 12px;
    }

    .btn-blog {
        font-size: 12px;
        padding: 5px 10px;
    }

    .blog .card .card-body {
        height: 80px;
    }
   
}

@media(min-width:310px) and (max-width:767px) {
    /*.blog .card {
        width: 120px;
        padding: 1px;
    }*/

    .blog .card .card-body {
        height: 80px;
        padding: 10px;
    }

    .blog .card-title {
        font-size: 12px;
    }

    .blog .card-img-top {
        height: 90px;
    }

    .btn-blog {
        font-size: 13px;
        padding: 2px 5px;
        height: 25px;
        line-height: 21px;
    }

    .blog .card .card-mounth {
        width: 30px;
        height: 30px;
        top: -15px;
        left: 15px;
    }

    .card-mounth-content .day, .card-mounth-content .mounth {
        font-size: 10px;
        line-height: 15px;
        height: 10px;
    }

    span.cardBg {
        position: absolute;
        z-index: -1;
        left: -20px;
        top: -10px;
        width: 117%;
    }

    .blog .card.card-bottom {
        padding: 0px;
        height: 28px;
        bottom: -14px;
    }
}




/****======================// BLOG ==================================*****/
/****======================// NASIL HAZIRLANIR ==================================*****/
.howto {
    min-height: 400px;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    background: white;
}

.cookvideo video {
    width: 100%;
    outline: none;
}

    .cookvideo video::-webkit-media-controls-panel {
        opacity: 0;
    }
/*.howto a.btn-ar {
    margin-right: 30px;
}*/

/*@media(max-width:991px) {
    .howto a.btn-ar {
        margin-right: 15px;
    }
}*/
/****======================// NASIL HAZIRLANIR ==================================*****/

/****====================== TEXT SLIDER ==================================*****/
.textSlider {
    min-height: 300px;
    padding-top: 70px;
    padding-bottom: 50px;
    height: auto;
    position: relative;
}

.textSliderCloud img {
    position: absolute;
    top: -100px;
    right: -100px;
    width: 50%;
    z-index: -1;
}

@media(max-width:1300px) {
    .textSliderCloud img {
        right: 0px;
    }
}

@media(max-width:991px) {
    .textSliderCloud img {
        position: absolute;
        top: -80px;
        right: 0px;
        width: 60%;
        z-index: -1;
    }
}

@media(max-width:767px) {
    .textSliderCloud img {
        width: 90%;
    }
}

.tsmainTitle {
    height: 60px;
    line-height: 50px;
    color: #0b73b9;
    font-weight: 800;
    margin-bottom: 40px;
    margin-top: 40px;
    font-size: 30px;
    text-transform: uppercase;
}


.rating {
    height: 35px;
    line-height: 50px;
    color: #0b73b9;
}

    .rating span {
        margin-right: 5px;
    }

.tsTitle {
    height: 40px;
    color: #eea340;
    font-weight: 700;
    padding: 20px;
    line-height: 20px;
    padding: 20px 10% 0px 10%;
    margin-bottom: 15px;
}

.tsDescription p {
    font-size: 20px;
    color: #eea340;
}

.tsDescription {
    height: 150px;
    margin-bottom: 7px;
    color: #eea340;
    padding: 10px 50px 0px 50px;
    position: relative;
}

.tsDescription {
    font-size: 20px;
}

.tsName {
    height: 50px;
    line-height: 60px;
    margin-bottom: 7px;
    color: #eea340;
    font-weight: 700;
}

.tsCity {
    height: 50px;
    color: #eea340;
    font-weight: 400;
}

.textSlider .carousel-indicators {
    position: absolute;
    bottom: -50px;
    height: 20px;
}

.textSlider ol.carousel-indicators li {
    border-radius: 50%;
    height: 10px;
    width: 10px;
    border: 1px solid #0b73b9;
    background-color: transparent;
}

    .textSlider ol.carousel-indicators li.active {
        background: #0b73b9;
    }

.tsLeft {
    font-size: 100px;
    position: absolute;
    left: 100px;
    top: 110px;
    color: #0b73b9;
}

.tsRight {
    font-size: 100px;
    position: absolute;
    right: 100px;
    bottom: 155px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #0b73b9;
}

@media(max-width:992px) {
    .tsDescription {
        padding: 10px 30px 0px 30px;
    }

        .tsDescription::before {
            top: -75px;
            left: 10px;
            font-size: 50px;
        }

        .tsDescription::after {
            top: 70px;
            right: 0px;
            font-size: 50px;
        }

    .tsTitle {
        height: 20px;
        padding: 0px 13% 0px 15%;
        font-size: 16px;
    }

    .tsDescription {
        min-height: 370px;
        font-size: 14px;
        overflow: hidden;
        height: auto;
    }
}

@media(max-width:767px) {
    .tsLeft {
        left: 20px;
        top: 131px;
        font-size: 70px;
    }

    .tsRight {
        right: 40px;
        bottom: 172px;
        font-size: 70px;
    }

    .tsmainTitle {
        font-size: 22px;
        line-height: 40px;
    }

    .blogmainTitle {
        font-size: 22px;
    }
}

@media(max-width:565px) {
    .tsmainTitle {
        font-size: 20px;
    }

    .blogmainTitle {
        font-size: 18px;
    }

    .productSlider .swiper-slide img {
        width: 100px;
        margin: 0 auto;
    }
}
/****======================// TEXT SLIDER ==================================*****/

/****====================== 3'LU HOVER ANIMATION ==================================*****/
.ucluBox {
    margin-bottom: 30px;
}

.uclu {
    min-height: 400px;
    height: auto;
    padding-top: 100px;
    position: relative;
}

.cloud {
    width: 40%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.frame {
    height: 200px;
    width: 200px;
    white-space: nowrap;
    text-align: center;
    margin: 1em 0;
    margin: 0 auto;
    position: relative;
    background-size: 85% 85%;
    background-repeat: no-repeat;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    background-position: center center;
    -webkit-animation: fadeIn ease 2s;
    animation: fadeIn ease 2s;
    cursor: pointer;
}

    .frame:before {
        content: "";
        display: block;
        width: 200px;
        height: 200px;
        position: absolute;
        left: 0;
        top: 0;
        background: url('../img/icons/uclu/uclubg.png');
        background-repeat: no-repeat;
        background-size: 75%;
        background-position: center center;
        z-index: 1;
        opacity: 1;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .frame .content {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-transition: 0.15s;
        -o-transition: 0.15s;
        transition: 0.15s;
    }

.content > img {
    display: block;
    width: 80%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 20px;
}

.frame:hover .content {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.frame:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.uclu h5 {
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

.uclu-footer {
    margin-top: 15px;
}

.uclu a:hover h5 {
    color: #fac04c;
}

.uclu .title {
    font-weight: 700;
    color: #0b73b9;
    font-size: 24px;
}

.uclu a {
    text-decoration: none;
}

.verticalLine {
    background-color: rgba(11, 115, 185, .3);
    width: 1px;
    height: 50%;
    position: absolute;
    right: 0;
    top: 9%;
}

.mt-130 {
    margin-top: 130px;
}

@media(max-width:992px) {
    .mt-130 {
        margin-top: 100px;
    }

    .uclu .cloud {
        top: -70px;
    }

    .col-xs-4 {
        width: 50%;
    }
}

@media(max-width:767px) {

    .verticalLine {
        display: none;
    }

    .frame {
        height: 130px;
        width: 130px;
    }

        .frame:before {
            width: 130px;
            height: 130px;
        }

    .uclu .cloud {
        width: 59%;
        position: absolute;
        top: -60px;
        left: 50px;
    }

    .uclu {
        min-height: 370px;
        padding-top: 40px;
    }

        .uclu .title {
            font-size: 15px;
        }

    .uclu-footer img {
        width: 90px;
    }
}

@media (min-width: 767px) {
    .ml-md-45 {
        margin-left: 2.5rem !important;
    }
}


/****======================// 3'LU HOVER ANIMATION ==================================*****/

/****======================// 0-6 AY ==================================*****/
.paginationBlog .list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.paginationBlog .list--list-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .paginationBlog .list--list-item:last-child {
        border-bottom: 0;
    }

.paginationBlog .no-result {
    display: none;
}

.paginationBlog .pagination-container {
    width: 100px;
    margin: 0px auto;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 10px;
    position: relative;
    height: 50px;
    margin-left: 40px;
}

.pagination-col {
    width: 200px;
    margin: 0 auto;
    position: relative;
    height: 50px;
}
/* width */
.pagination-container::-webkit-scrollbar {
    /*width: 5px;*/
    height: 3px;
}

/* Track */
.pagination-container::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.pagination-container::-webkit-scrollbar-thumb {
    background: transparent;
}

    /* Handle on hover */
    .pagination-container::-webkit-scrollbar-thumb:hover {
        background: transparent;
    }

.paginationBlog .pagination a {
    text-decoration: none;
}

.pagination-col #right-button {
    position: absolute;
    right: 30px;
    bottom: 15px;
    border: none;
    background: none;
    font-size: 25px;
    font-weight: bold;
    color: #0b73b9;
    outline: none;
}

.pagination-col #left-button {
    position: absolute;
    left: 0;
    bottom: 15px;
    border: none;
    background: none;
    font-size: 25px;
    color: #0b73b9;
    font-weight: bold;
    outline: none;
}

.paginationBlog .page {
    position: relative;
    display: block;
    margin-left: -1px;
    color: #0b73b9;
    border-radius: 50%;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

    .paginationBlog .page:hover {
        background: #0b73b9;
        color: white;
    }

.paginationBlog .active .page {
    z-index: 1;
    border: 1px solid #0b73b9;
}


/**== category navbar ==***/
.categoryNavbar {
    min-height: 100px;
    height: auto;
    margin-bottom: 50px;
}

    .categoryNavbar ul {
        display: block;
        text-align: center;
    }

        .categoryNavbar ul li {
            display: inline-block;
            width: 24%;
            padding-left: 20px;
            padding-right: 20px;
        }


@media(max-width:1200px) {
    .categoryNavbar ul li {
        display: inline-block;
        width: 35%;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 30px;
    }
}

@media(max-width: 991px) {
    .categoryNavbar ul li {
        width: 45%;
    }
}

@media(max-width: 575px) {
    .categoryNavbar ul li {
        width: 47%;
    }

    .categoryNavbar li a {
        font-size: 12px;
    }
}
/****====================== 0-6 AY ==================================*****/

/****====================== MAKALE ==================================*****/
.ariBanner {
    padding: 5px;
    border-radius: 20px;
    width: 100%;
    background: white;
    position: relative;
}

    .ariBanner img {
        border-radius: 20px;
    }

    .ariBanner span.bannerBg {
        position: absolute;
        z-index: -1;
        right: -40px;
        top: -40px;
        width: 100%;
    }

span.articleCloud {
    position: absolute;
    width: 40%;
    left: 0px;
}

span.articlerightCloud {
    position: absolute;
    width: 50%;
    right: -274px;
    top: 80%;
    z-index: -1;
}

span.productSlider-Ari.w-100 img {
    display: block;
    margin: 0 50px auto auto;
}

.article p {
    color: #1675bb;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 30px;
}

.article h1, .article h2, .article h4, .article h5, .article h6 {
    color: #30abe1;
    font-weight: 600;
}

.article .approved {
    color: #30abe1;
    font-weight: 600;
    font-size: 18px;
}

.article .deprecated {
    color: #30abe1;
    font-weight: 600;
    font-size: 18px;
}

.article ul li {
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #30abe1;
}

h5.color-blue {
    color: #1675bb;
    font-weight: 700;
}

.article .liChecked, .article .liUnChecked {
    color: #0b73b9;
    font-size: 18px;
    font-family: 'Zapf Dingbats';
}

.article .swiper-button-next:after, .article .swiper-button-prev:after {
    font-size: 20px;
    outline: none;
}

.article .swiper-button-next, .article .swiper-button-prev {
    outline: none;
}

.article .swiper-button-next {
    right: -10px;
}

.article .swiper-button-prev {
    left: -10px;
}

.liChecked, .liUnChecked {
    font-size: 20px;
    margin-right: 10px;
}

.article span.cardBg {
    position: absolute;
    z-index: -1;
    left: -30px;
    top: -22px;
    width: 105%;
}

@media(max-width:1200px) {
    .article .card-img-top {
        height: 125.44px;
    }

    .article .card-title {
        font-size: 15px;
    }

    .article .card-title {
        color: #0b73b9;
        font-weight: 700;
        font-size: 15px;
    }

    .article .btn-blog {
        font-size: 8px;
        border-radius: 22px;
        padding: 5px 22px;
        text-transform: uppercase;
        background: #0b73b9;
        font-weight: 800;
        border: 1px solid #fff;
        height: 30px;
        line-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .article .card-body {
        height: 90px;
        overflow: hidden;
        max-width: 991px;
        padding-top: 10px;
    }

    .article .card.card-bottom {
        bottom: -16px;
    }
}

@media(max-width:991px) {
    .ariBanner {
        max-width: 250px;
        margin: 0 auto;
    }

    span.articlerightCloud {
        position: absolute;
        width: 50%;
        right: 0px;
        top: 100%;
        z-index: -1;
    }

    .ariBanner span.bannerBg {
        position: absolute;
        z-index: -1;
        right: -15px;
        top: -15px;
        width: 100%;
    }

    span.articleCloud {
        width: 60%;
        top: -10px;
    }

    .article .deprecated {
        font-size: 16px;
    }

    .article .approved {
        font-size: 16px;
    }
}

@media(max-width:1200px) {
    .article .card {
        max-width: 200px;
    }
}

@media(min-width:692px) and (max-width:1080px) {

    .article .swiper-slide {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media(max-width:768px) {
    span.articlerightCloud {
        position: absolute;
        width: 70%;
        right: 0;
        top: 100%;
        z-index: -1;
    }

    .article ul li {
        min-height: 50px;
        line-height: 20px;
        height: auto;
    }

    .article .card-mounth-content {
        padding-top: 8px !important;
    }

    .article .card {
        width: 167px;
    }

    .article .swiper-slide {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .article .card .card-mounth {
        position: absolute;
        left: 30px;
        width: 45px;
        height: 45px;
        background: white;
        border-radius: 50%;
        text-align: center;
        top: -30px;
        z-index: 2222;
        overflow: hidden;
        padding: 2px;
        margin-top: 5px;
    }

    .article .card-mounth-content .day, .article .card-mounth-content .mounth {
        font-size: 13px;
        line-height: 14px;
        height: 14px;
    }
}
/****====================== // MAKALE ==================================*****/



/********=============  PRODUCT DETAIL  =================************/
.productContent {
    color: #0b73b9;
}

.productImage {
    padding-left: 30px;
    padding-right: 30px;
}

.productContent h6 {
    font-weight: 800;
    font-size: 20px;
}

.productContent p {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.productInformation {
    color: #eea340;
}

    .productInformation p {
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
        color: #eea340;
    }

.informationTable {
    height: 200px;
    display: table;
}

.infCell {
    display: table-cell;
    vertical-align: middle;
}

.informationIcon img {
    max-width: 100px;
    margin: 0 auto;
    display: block;
}

@media(max-width:768px) {
    .productImage img {
        max-width: 200px;
        margin-bottom: 30px;
        display: block;
        margin: 0 auto;
    }

    .productContent p {
        font-size: 14px;
    }

    .productInformation p {
        font-size: 14px;
    }

    .informationTable {
        height: 100px;
        overflow: scroll;
    }

    .informationIcon img {
        max-width: 50px;
    }
}

@media(max-width:768px) {
    .productImage img {
        max-width: 130px;
        margin-bottom: 40px;
    }
}

.productTable thead {
    background: #25aae2;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: white;
}

.productTable tfoot {
    background: #25aae2;
}

.productTable table {
    border-radius: 20px;
    overflow: hidden;
    font-size: 13px;
    color: #0b73b9;
    max-width: 300px;
    margin: 0 auto;
}

    .productTable table td {
        width: 50%;
        height: 40px;
        padding: 0 !important;
        line-height: 40px;
    }


.productTable .table td:nth-child(odd) {
    font-weight: bold;
    border-right: 3px solid #e1f3fe;
}

.productTable .table tbody tr:nth-child(odd) {
    background: #daeaf2;
}

.productTable .table tbody tr:nth-child(even) {
    background: #fff;
}

.productTable h6 {
    color: #0b73b9;
    font-weight: 700;
    font-size: 20px;
}

@media(max-width:768px) {
    .productTable table {
        max-width: 240px;
        margin: 0 auto;
        font-size: 13px;
    }

    .productTable h6 {
        font-size: 12px;
    }
}

/***== PRODUCT DETAIL TAB MENU ==*/
/* Style the tab */
.tab {
    float: left;
    width: 30%;
    height: 300px;
    margin-top: 20px;
}

    /* Style the buttons inside the tab */
    .tab button {
        display: block;
        background-color: inherit;
        color: #0b73b9;
        font-weight: 600;
        padding: 22px 16px;
        width: 80px;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        font-size: 17px;
        /*border-right: 3px solid #2baae4;*/
        margin-bottom: 30px;
        height: 30px;
        line-height: 3px;
        position: relative;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }

        .tab button span {
            width: 3px;
            height: 100%;
            background: #2baae4;
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            border-radius: 20px;
        }

        .tab button.active {
            font-weight: 800;
        }

            .tab button.active span {
                width: 4px;
            }
        /* Change background color of buttons on hover */
        /*.tab button:hover {
    background-color: #2baae4;
    color: white;
}*/

        /* Create an active/current "tab button" class */
        .tab button.active {
            /*border-right: 3px solid #2baae4;*/
        }

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    width: 70%;
    max-width: 290px;
    border-left: none;
    height: 300px;
}

.productImage img {
    max-width: 300px;
}

@media(max-width:991px) {
    .tab-container {
        width: 100%;
        height: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .productImage {
        margin-bottom: 40px;
    }

        .productImage img {
            max-width: 200px;
        }
}

@media(max-width:992px) {
    .tab {
        margin-top: 10px;
    }

    .productImage img {
        max-width: 150px;
    }

    .tab button {
        margin-bottom: 15px;
        height: 15px;
        padding: 14px 16px;
        font-size: 15px;
        font-weight: 100;
    }

    .tab-container {
        max-width: 300px;
        max-height: 245px;
    }

    .productImage {
        margin-bottom: -50px;
    }

    .tab button span {
        width: 2px;
    }

    .tab button.active span {
        width: 3px;
    }
}
/********=============  // PRODUCT DETAIL    =================************/

/********============= MARGIN - PADDING CUSTOM SETTING  =================************/
.mt-100 {
    margin-top: 70px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-6 {
    margin-bottom: 6rem;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mt-100 {
    margin-top: 100px;
}

.sm-mb-1 {
    margin-bottom: 1rem;
}

.pt-50 {
    padding-top: 50px;
}

@media(min-width:767px) {
    .mt-170 {
        margin-top: 170px;
    }
}

@media(max-width:767px) {
    .mb-xs-5 {
        margin-bottom: 3rem
    }

    .mb-xs-1 {
        margin-bottom: 1rem !important;
    }

    .mb-100 {
        margin-bottom: 50px;
    }

    .tsmainTitle-xs-30 {
        height: 30px;
    }

    .mb-xs-30 {
        margin-bottom: 30px;
    }

    .mt-xs-130 {
        margin-top: 90px;
    }

    .mt-xs-10 {
        margin-top: 10px;
    }

    .mt-xs-20 {
        margin-top: 20px;
    }

    .mt-xs-70 {
        margin-top: 70px;
    }

    .mb-xs-80 {
        margin-bottom: 80px;
    }

    .mb-xs-0 {
        margin-bottom: 0;
    }

    .pt-xs-15 {
        padding-top: 25px !important;
    }
}

/********============= // MARGIN - PADDING CUSTOM SETTING  =================************/

.productD.containerSwiper {
    margin: 0 auto;
    max-width: 950px;
    position: relative;
}

    .productD.containerSwiper img {
        /*background:Red;*/
    }

.productDetail .tarifConntent {
    position: absolute;
    left: 5px;
    text-align: left;
    padding-top: 5px;
    padding-left: 0px;
    top: 125px;
}

/********=============  CONTACT PAGE  =================************/
.contact-container {
    min-height: 500px;
    /*background: rgb(255 255 255 / 1);*/
    /*padding: 50px;*/
}

.contact-maps iframe {
    border: none;
}

.contact-maps .i4ewOd-pzNkMb-haAclf {
    background: red;
    display: none;
}

.contact-container .alert {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
 /*   opacity: 0;*/
    /*position: absolute;*/
    margin-bottom: 0;
}
.alertMessage {
    height: 52px;
}
.contact-container a {
    color: #0b73b9;
}

.contact-container .contact-form {
    background: white;
    padding: 30px;
    padding-top: 50px;
    border-radius: 25px;
}


.contact-content ul li {
    list-style: none;
    color: #0b73b9;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 37px;
}

.contact-content .contacIcon {
    width: 40px;
    height: 40px;
    display: inline-block;
}

    .contact-content .contacIcon img {
        width: 35px;
        margin: 0 auto;
    }

.contact-content ul li span {
    margin-right: 15px;
}

@media(max-width:768px) {
    .contact-content .contacIcon {
        width: 100%;
    }

    .contact-content li {
        text-align: center;
    }

    .contact-content .contacIcon img {
        margin-bottom: 15px;
    }
}

/********=============  // CONTACT PAGE   =================************/

/********============= TITLE SETTINGS   =================************/
.ariTitle {
    height: 47px;
    line-height: 50px;
    color: #0b73b9;
    font-weight: 800;
    margin-bottom: 40px;
    margin-top: 20px;
    font-size: 30px;
    position: relative;
    text-transform: uppercase;
}

@media(max-width:768px) {
    .ariTitle {
        line-height: 30px;
        font-size: 26px;
        height: 20px;
    }

        .ariTitle.BlogTitle {
            line-height: 30px;
            font-size: 20px;
            height: 20px;
        }

    .tarifTitle {
        width: 100%;
        text-align: center;
    }

    .tarifSubTitle p, .tarifSubTitle {
        width: 100%;
        font-size: 14px;
        height: 50px;
        padding-left: 13px;
        padding-right: 13px;
    }

    .producDtitle {
        height: 32px;
    }

    h3.ariTitle.text-center.mb-0.m-70 {
        height: 70px;
    }

    .mb-xs-0 {
        margin-bottom: 0 !important;
    }
}
/********============= TITLE SETTINGS  ==================************/
.containerSwiper {
    position: relative;
}


/********========= HAMİLELİK =================************/

#hamilelik .swiper-button-prev {
    left: -40px;
    right: auto;
    outline: none;
    margin-top: -20px;
}

    #hamilelik .swiper-button-prev:after {
        content: 'prev';
        font-size: 30px;
        color: #00aef0;
    }

#hamilelik .swiper-button-next {
    right: -40px;
    left: auto;
    outline: none;
    margin-top: -20px;
}

    #hamilelik .swiper-button-next:after {
        content: 'next';
        font-size: 30px;
        color: #00aef0;
    }

#hamilelik {
    height: 80px;
    background: #00aef0;
    color: white;
    border-radius: 40px;
    overflow: hidden;
    padding-bottom: 8px;
}

    #hamilelik h3 {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.2;
    }

    #hamilelik a {
        color: white;
    }

    #hamilelik .swiper-slide a {
        display: block;
        color: white;
        border-radius: 30px;
        height: 62px;
        width: 100px;
        padding-top: 18px;
        text-decoration: none;
        transition: .3s;
    }

        #hamilelik .swiper-slide a:hover {
            background: #0b73b9;
        }

    #hamilelik .swiper-slide.active a {
        background: #0b73b9;
    }

    #hamilelik h4 {
        font-size: 12px;
    }

.hm-item {
    padding-top: 10px;
    margin: 0 auto;
    display: block;
    width: 50px;
}

.mobileScroll {
    width: 100%;
}

    .mobileScroll img {
        width: 100%;
    }

.certificate .card {
    padding: 10px;
    width: 50%;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
}

@media(max-width:992px) {
    .mobileScroll {
        width: 100%;
        overflow: scroll;
    }

        .mobileScroll img {
            width: 300%;
        }

    .hm-item {
        width: inherit;
    }

    #hamilelik .swiper-button-next, #hamilelik .swiper-button-prev {
        display: none
    }

    .certificate .card {
        padding: 10px;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        margin: 0 auto;
    }
}



/**== SIDEBAR MENU ICON ==**/




.menuicon .span {
    width: 25px;
    height: 3.1px;
    background-color: white;
    margin: 6px auto;
    border-radius: 30px;
}

.menuiconbg {
    width: 50px;
    height: 50px;
    background: linear-gradient(0deg, rgba(251,190,71,1) 38%, rgba(253,205,57,1) 66%);
    display: block;
    padding-top: 8px;
    border-radius: 50%;
    box-sizing: border-box;
}


/* LOGO GUNCEL*/
.logo-header .logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 160px;
    /*height: 12.7rem;*/
}

    .logo-header .logo a {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%
    }

    .logo-header .logo img {
        width: 100%;
        box-sizing: border-box
    }

    .logo-header .logo .ari-logo-1 {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 3;
        -webkit-transition: transform .3s ease .5s;
        transition: transform .3s ease .5s
    }

    .logo-header .logo .arilac-logo {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        opacity: 1;
        z-index: 2;
        -webkit-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transition: transform .3s ease;
        transition: transform .3s ease
    }

    .logo-header .logo.step-1 .ari-logo-1 {
        -webkit-transition: transform .3s ease .5s;
        transition: transform .3s ease .5s;
        -webkit-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }

    .logo-header .logo.step-1 .arilac-logo {
        -webkit-transition: transform .3s ease;
        transition: transform .3s ease;
        -webkit-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    .logo-header .logo.step-2 .ari-logo-1 {
        -webkit-transition: transform .3s ease;
        transition: transform .3s ease;
        -webkit-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    .logo-header .logo.step-2 .arilac-logo {
        -webkit-transition: transform .3s ease .5s;
        transition: transform .3s ease .5s;
        -webkit-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }

    .logo-header .logo.step-3 .ari-logo-1 {
        -webkit-transition: transform .3s ease;
        transition: transform .3s ease;
        -webkit-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    .logo-header .logo.step-3 .arilac-logo {
        -webkit-transition: transform .3s ease;
        transition: transform .3s ease;
        -webkit-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

@media(max-width:768px) {
    .logo-header .logo {
        left: 70px;
        width: 110px;
        top: 24px;
    }

    .header.sticky .logo-header .logo {
        top: 10px;
    }
}
.categoryHero img {
    max-width: 150px;
    display: block;
    margin: 0 auto;
}

@Media(max-width:768px) {
    .categoryHero img {
        max-width: 100px;
    }
    .blog .card-title, .article .card-title {
        min-height:inherit;
        height: 29px;
        overflow: hidden;
    }
}

.pb-50 {
    padding-bottom: 50px;
}