.outer .hamburgerMenu .hmbMain ul, .p0m0 {
    padding: 0 !important;
    margin: 0 !important
}

body {
    font-family: Roboto,sans-serif;
    padding: 0;
    margin: 0;
    font-size: 16px;
    letter-spacing: -.5px
}

a {
    text-decoration: none !important
}

b {
    font-weight: 700 !important;
    color: #000
}

.b0, .outer .hamburgerMenu .hmbMain .hmbTop .searchHmb .gsc-input-box, .outer .searchModel .searcMain footer .gsc-input-box {
    border: 0 !important
}

.dnone, .outer .hamburgerMenu .hmbMain ul li .hambAktive, .outer .row1 .top .menu .dnone, .outer .row1 .top .menu ul li .hoverMenu .hoverZemin:hover .hoverMenu, .outer .row2 .top .menu .dnone, .outer .row4 .tabOuter .acRow .acHeader label img:last-child, .outer .row4 .tabOuter .active .acHeader label img:first-child, .swiper-button-lock, .swiper-pagination-lock, .swiper-scrollbar-lock {
    display: none
}

.dtable {
    display: table
}

.outer .hamburgerMenu .hmbMain ul li ul li, .w100 {
    width: 100% !important
}

.maxw100 {
    max-width: 100% !important
}

.fleft, .outer .row1 .video, .swiper-container-no-flexbox .swiper-slide {
    float: left
}

.fright, .outer .row1 .top .menu ul .loginPop ul .pRow3 a:last-child, .outer .row1 .top .menu ul li .hoverMenu .hoverMain ul, .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .header, .outer .row2 .top .menu ul .loginPop ul .pRow3 a:last-child, .outer .row2 .top .menu ul li .hoverMenu .hoverMain ul {
    float: right
}

.outer, .outer .h404 img, .outer .registerOuter .regMain .footer, .outer .registerOuter .regMain .header, .outer .registerOuter .regMain .main, .outer .row1 .bottomArrow img, .outer .row1 .top .menu ul .loginPop ul li, .outer .row10 .footer .footerA0, .outer .row10 .footer .footerA0 ul li a img, .outer .row10 .footer .footerA1, .outer .row10 .footer .footerA2, .outer .row10 .footer .footerA2 .logoOuter, .outer .row10 .footer .footerA3, .outer .row2 .bigPic .bigPicMain .bigPicMainA1 .footer, .outer .row2 .bigPic .bigPicMain .bigPicMainA1 .header, .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .footer, .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .footer span, .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .header, .outer .row2 .top .menu ul .loginPop ul li, .outer .row3 .marinasOuter .marAccording .marAcRow .marHeader img, .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a, .outer .row3 .subMenu .subMenuMain ul li a, .outer .row4 .tabOuter .tab1 .header, .outer .row4 .tabOuter .tab3, .outer .row4 .tabOuter .tab4, .outer .row4 .tabOuter .tab4 ul li a img, .outer .row4 .tabOuter .tab5, .outer .row4 .tabOuter .tab6, .outer .row4 .tabOuter .tab7, .outer .row4 .tabOuter .tab7 .main, .outer .row4 .tabOuter .tab7 .main .mainA1, .outer .row4 .tabOuter .tableDouble, .outer .row4 .tabOuter .tableOne, .outer .row7 .miniSliderOuter .msFR .msMain, .outer .searchModel .searcMain header, .outer .seturModel .smOuter .smMain img, .rowFW {
    float: left;
    width: 100% !important
}

.pb20 {
    padding-bottom: 20px
}

.outer .row4 .tabOuter .tableDouble thead th:last-child, .tcenter {
    text-align: center
}

.outer .row9 .egeYatOuter .egeYatA3, .tright {
    text-align: right
}

.font {
    font-family: Roboto,sans-serif
}

.italic {
    font-style: italic
}

.f0, .outer .row1 .carusel .caruselMain .bigPic .bigPicMain .word1 div, .outer .row1 .carusel .caruselMain .bigPic .bigPicMain .word2 div, .outer .row1 .carusel .caruselMain .bigPic .bigPicMain .word3 div {
    font-size: 0
}

.b300 {
    font-weight: 300
}

.b400, .outer .registerOuter .regMain .footer .form-check label {
    font-weight: 400 !important
}

.b700 {
    font-weight: 700 !important
}

.bgAGri {
    background-color: #f3f3f3 !important
}

.h600 {
    height: 600px !important
}

.ohidden, .outer .row1 {
    overflow: hidden
}

.ortali {
    display: table;
    margin: 0 auto;
    width: 95%;
    max-width: 1430px;
    float: none
}

.dblock, .outer .row1 .top .menu ul .loginPop:hover ul, .outer .row1 .top .menu ul li:hover .hoverMenu, .outer .row1 .top .menu ul li:hover span, .outer .row10 .footer .footerA0 ul li a, .outer .row2 .top .menu ul .loginPop:hover ul, .outer .row2 .top .menu ul li:hover .hoverMenu, .outer .row2 .top .menu ul li:hover span, .outer .row4 .tabOuter .acRow .acHeader label img:first-child, .outer .row4 .tabOuter .active .acHeader label img:last-child, .outer .row4 .tabOuter .active .acMain, .outer .row7 .miniSliderOuter .msFR .msMain .active {
    display: block
}

p {
    width: 100%;
    display: table !important;
    padding: 10px 0;
    margin: 0;
    font-family: Roboto,sans-serif !important
}

.pRB20 {
    padding: 0 20px 20px 0
}

.ptb-40 {
    padding: 40px 0 !important
}

.f24 {
    font-size: 24px !important
}

.f18 {
    font-size: 18px
}

.mt-30, .outer .row2 .bigPic .bigPicMain .bigPicMainA1 .footer {
    margin-top: 30px
}

.mt-95 {
    margin-top: 95px
}

.mr10 {
    margin-right: 10px
}

.h97 {
    height: 97px !important
}

.pt35 {
    padding-top: 35px !important
}

.pt0 {
    padding-top: 0 !important
}

.hovDnone {
    display: none !important
}

.activeColor {
    color: #091e2d !important
}

.kirmizi {
    color: #cd0000
}

.mavi {
    color: #009fdf
}

.amavi, .outer .row10 .footer .footerA2 .linkOuter ul li a:hover {
    color: #005696
}

.kmavi {
    color: #091e2d
}

.beyaz, .outer .row4 .tabOuter .active .acHeader label {
    color: #fff
}

.btn-primary {
    background-color: #009fdf !important
}

.no-padding {
    padding: 0
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.priPad .btn-primary {
    padding: 5px 40px
}

.priPad {
    margin-bottom: -35px;
    height: 60px
}

.col3Inp input, .outer .profilOuter .proMain input, .outer .profilOuter .proMain select, .outer .registerOuter .regMain .main input {
    max-width: 100%
}

.ico {
    background: url("img/ico.png") no-repeat
}

.sticyMenu1 {
    left: 0;
    top: 187px;
    width: 100%;
    z-index: 4
}

.sticyMenu2 {
    left: 0;
    top: -4px;
    width: 100%;
    z-index: 4
}

.outer .hamburgerMenu {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

    .outer .hamburgerMenu .hmbMain {
        float: left;
        padding-top: 20px;
        margin-left: -400px;
        position: fixed;
        width: 400px;
        height: 100%;
        background-color: #fff;
        z-index: 6
    }

        .outer .hamburgerMenu .hmbMain .ayirac {
            float: left;
            height: 20px;
            margin-top: 17px;
            width: 2px;
            background-color: #091e2d
        }

        .outer .hamburgerMenu .hmbMain .hmbTop {
            display: table;
            margin: 0 auto;
            width: 90%
        }

            .outer .hamburgerMenu .hmbMain .hmbTop .logoHmb {
                width: 100% !important;
                margin-bottom: 20px
            }

                .outer .hamburgerMenu .hmbMain .hmbTop .logoHmb img {
                    display: table;
                    margin: 0 auto;
                    width: 200px
                }

            .outer .hamburgerMenu .hmbMain .hmbTop .hmbExit {
                float: left;
                font-family: Roboto,sans-serif;
                font-weight: 400 !important;
                color: #091e2d !important;
                font-size: 24px
            }

            .outer .hamburgerMenu .hmbMain .hmbTop .searchHmb {
                float: left;
                width: 100% !important;
                border: 1px solid #ccc;
                padding: 5px 10px;
                border-radius: 5px
            }

                .outer .hamburgerMenu .hmbMain .hmbTop .searchHmb i {
                    float: left;
                    background: url("img/ico.png") no-repeat;
                    width: 20px;
                    height: 20px;
                    margin-top: 3px
                }

                .outer .hamburgerMenu .hmbMain .hmbTop .searchHmb input {
                    float: right;
                    width: 90%;
                    border: 0
                }

                .outer .hamburgerMenu .hmbMain .hmbTop .searchHmb .gsc-search-button, .outer .searchModel .searcMain footer .gsc-search-button {
                    background-color: #fff !important;
                    background-image: -webkit-linear-gradient(top,#fff,#fff);
                    border: 1px solid #fff;
                    padding: 0 !important
                }

                .outer .hamburgerMenu .hmbMain .hmbTop .searchHmb .gsc-control-cse, .outer .searchModel .searcMain footer .gsc-control-cse {
                    height: auto !important;
                    box-shadow: none !important
                }

                .outer .hamburgerMenu .hmbMain .hmbTop .searchHmb .gsc-search-button-v2 svg, .outer .searchModel .searcMain footer .gsc-search-button-v2 svg {
                    fill: #000;
                    width: 20px;
                    height: 20px;
                    margin-right: 10px
                }

                .outer .hamburgerMenu .hmbMain .hmbTop .searchHmb .cse .gsc-control-cse, .outer .hamburgerMenu .hmbMain .hmbTop .searchHmb .gsc-control-cse, .outer .searchModel .searcMain footer .cse .gsc-control-cse, .outer .searchModel .searcMain footer .gsc-control-cse {
                    padding: 0 !important
                }

        .outer .hamburgerMenu .hmbMain ul {
            list-style: none;
            position: absolute;
            top: 120px;
            left: 0;
            height: 100%;
            overflow: scroll
        }

            .outer .hamburgerMenu .hmbMain ul li, .outer .row4 .tabOuter .tab7 .main .mainA2 {
                float: left;
                width: 100% !important;
                position: relative
            }

                .outer .hamburgerMenu .hmbMain ul li:last-child {
                    padding-bottom: 100px
                }

                .outer .hamburgerMenu .hmbMain ul li a {
                    float: left;
                    width: 100% !important;
                    font-family: Roboto,sans-serif;
                    font-weight: 400 !important;
                    text-align: left;
                    color: #091e2d;
                    font-size: 14px;
                    padding: 10px 20px
                }

                    .outer .hamburgerMenu .hmbMain ul li a span {
                        background: url("img/ico.png") -393px -198px no-repeat;
                        width: 30px;
                        height: 17px;
                        position: absolute;
                        right: 30px;
                        top: 10px;
                        transition-duration: 1s
                    }

                    .outer .hamburgerMenu .hmbMain ul li a .spaActive {
                        transform: rotate(180deg)
                    }

                .outer .hamburgerMenu .hmbMain ul li ul {
                    float: left;
                    width: 100% !important;
                    margin: 0;
                    padding: 10px 0;
                    list-style: none;
                    background-color: #009fdf;
                    position: relative;
                    top: auto;
                    left: auto;
                    overflow: hidden
                }

                    .outer .hamburgerMenu .hmbMain ul li ul li:first-child {
                        background: #fff;
                        border-top: 1px solid #fff
                    }

                    .outer .hamburgerMenu .hmbMain ul li ul li:last-child {
                        padding-bottom: 10px
                    }

                    .outer .hamburgerMenu .hmbMain ul li ul li i {
                        background: url("img/ico.png") -403px -40px no-repeat;
                        width: 30px;
                        margin-bottom: -1px;
                        height: 15px;
                        margin-left: 70px;
                        float: left
                    }

                    .outer .hamburgerMenu .hmbMain ul li ul li a {
                        float: left;
                        width: 100% !important;
                        color: #fff;
                        font-family: Roboto,sans-serif;
                        font-weight: 400 !important;
                        text-align: left;
                        font-size: 14px;
                        padding: 5px 15px
                    }

    .outer .hamburgerMenu .hambZemin {
        display: none;
        background: rgba(0,0,0,.7);
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 5
    }

.outer .hamburgerICO {
    display: none;
    background: url("img/ico.png") -393px -77px no-repeat;
    position: fixed;
    width: 50px;
    height: 50px;
    top: 40px;
    left: 15px;
    z-index: 5;
    border: none;
    padding: 0;
    margin: 0
}

.outer .row1 .carusel {
    overflow: hidden;
    position: relative
}

    .outer .row1 .carusel .leftArrow, .outer .row1 .carusel .rightArrow {
        background: url("img/ico.png") no-repeat;
        width: 35px;
        height: 35px;
        position: absolute;
        top: 50%
    }

    .outer .row1 .carusel .leftArrow {
        left: 0;
        background-position: -325px -335px
    }

    .outer .row1 .carusel .rightArrow {
        right: 0;
        background-position: -325px -384px
    }

    .outer .row1 .carusel .caruselMain, .outer .row4 .tabOuter .tab4 ul li:first-child {
        margin-left: 0
    }

        .outer .row1 .carusel .caruselMain .bigPic {
            float: left;
            width: 100%;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover
        }

            .outer .row1 .carusel .caruselMain .bigPic .bigPicMain {
                float: left;
                position: relative;
                left: 10%;
                top: 35%;
                height: 300px;
                text-align: left;
                line-height: 30px
            }

                .outer .row1 .carusel .caruselMain .bigPic .bigPicMain .bigger, .outer .row1 .carusel .caruselMain .bigPic .bigPicMain .rotate, .outer .row1 .carusel .caruselMain .bigPic .bigPicMain .word1 div, .outer .row1 .carusel .caruselMain .bigPic .bigPicMain .word2 div, .outer .row1 .carusel .caruselMain .bigPic .bigPicMain .word3 div {
                    color: #fff;
                    opacity: 0;
                    letter-spacing: -3px;
                    display: inline-block
                }

                .outer .row1 .carusel .caruselMain .bigPic .bigPicMain .bigger {
                    visibility: inherit;
                    opacity: 0;
                    font-size: 0;
                    transition-duration: 0s
                }

                .outer .row1 .carusel .caruselMain .bigPic .bigPicMain .rotate {
                    visibility: inherit;
                    opacity: 0;
                    font-size: 48px;
                    transform: rotateX(180deg);
                    transition-duration: 0s
                }

            .outer .row1 .carusel .caruselMain .bigPic .bigActive .bigger {
                visibility: inherit;
                opacity: 1;
                font-size: 48px;
                transition-duration: 1s
            }

            .outer .row1 .carusel .caruselMain .bigPic .rotActive .rotate {
                visibility: inherit;
                opacity: 1;
                transform: rotateX(360deg);
                transition-duration: 1s
            }

.outer .row1 .top {
    position: fixed !important;
    width: 100% !important;
    height: 90px;
    background-color: #fff;
    border-bottom: 1px solid #d1d1d1;
    z-index: 5
}

    .outer .row1 .top .menu, .outer .row2 .top .menu, .outer .row3 .midHeader .main, .outer .row4 .kurumsalMain {
        margin: 0 auto;
        width: 95%;
        max-width: 1430px;
        float: none;
        display: block
    }

        .outer .row1 .top .menu a, .outer .row2 .top .menu a {
            float: left;
            padding: 35px 0
        }

            .outer .row1 .top .menu a img, .outer .row2 .top .menu a img {
                float: left;
                width: 100% !important;
                max-width: 155px
            }

        .outer .row1 .top .menu ul, .outer .row2 .top .menu ul {
            float: right;
            padding: 0;
            margin: 0;
            list-style: none
        }

            .outer .row1 .top .menu ul li, .outer .row2 .top .menu ul li {
                display: inline-block
            }

                .outer .row1 .top .menu ul li a {
                    display: block;
                    font-family: Roboto,sans-serif;
                    font-weight: 400 !important;
                    color: #091e2d;
                    font-size: 14px;
                    padding: 35px 5px
                }

                    .outer .row1 .top .menu ul li a i, .outer .row2 .top .menu ul li a i {
                        display: block;
                        background: url("img/ico.png") no-repeat;
                        width: 20px;
                        height: 20px
                    }

                    .outer .row1 .top .menu ul li a:first-child, .outer .row2 .top .menu ul li a:first-child {
                        border-left: 0
                    }

                .outer .row1 .top .menu ul li span {
                    display: none;
                    background: url("img/ico.png") -403px -40px no-repeat;
                    width: 30px;
                    height: 15px;
                    position: absolute;
                    margin-left: 25px;
                    bottom: -2px
                }

                .outer .row1 .top .menu ul li select, .outer .row2 .top .menu ul li select {
                    float: left;
                    font-weight: 400 !important;
                    color: #091e2d;
                    margin: 33px 0;
                    border: 0;
                    cursor: pointer
                }

                .outer .row1 .top .menu ul li .hoverMenu, .outer .row2 .top .menu ul li .hoverMenu {
                    display: none;
                    width: 100% !important;
                    background-color: #009fdf;
                    position: absolute;
                    left: 0;
                    top: 90px
                }

                    .outer .row1 .top .menu ul li .hoverMenu .hoverMain, .outer .row2 .top .menu ul li .hoverMenu .hoverMain {
                        margin: 0 auto;
                        width: 95%;
                        max-width: 1430px;
                        float: none;
                        display: block;
                        height: 55px
                    }

                        .outer .row1 .top .menu ul li .hoverMenu .hoverMain ul li, .outer .row2 .top .menu ul li .hoverMenu .hoverMain ul li {
                            padding: 15px 0
                        }

                            .outer .row1 .top .menu ul li .hoverMenu .hoverMain ul li a, .outer .row2 .top .menu ul li .hoverMenu .hoverMain ul li a {
                                color: #fff;
                                padding: 0 8px;
                                margin-left: -3px;
                                border-right: 1px solid #00b5fc
                            }

                                .outer .row1 .top .menu ul li .hoverMenu .hoverMain ul li a:hover, .outer .row2 .top .menu ul li .hoverMenu .hoverMain ul li a:hover, .outer .row4 .tabOuter .tab5 .main .priceTotal span, .outer .row4 .tabOuter .tab6 .main .priceTotal span {
                                    color: #04203f
                                }

                            .outer .row1 .top .menu ul li .hoverMenu .hoverMain ul li:last-child a, .outer .row2 .top .menu ul li .hoverMenu .hoverMain ul li:last-child a, .outer .row3 .subMenu .subMenuMain ul li:last-child, .outer .row4 .tabOuter .tab1 .main .mainA1 ul li:last-child, .outer .row4 .tabOuter .tab2 .main .mainA1 ul li:last-child, .outer .row4 .tabOuter .tab3 .main .mainA1 ul li:last-child, .outer .row4 .tabOuter .tab5 .main .mainA1 ul li:last-child, .outer .row4 .tabOuter .tab6 .main .mainA1 ul li:last-child, .outer .row4 .tabOuter .tab7 .main .mainA1 ul li:last-child, .outer .row9 .egeYatOuter .egeYatA2 ul li:last-child {
                                border: 0
                            }

                    .outer .row1 .top .menu ul li .hoverMenu .hoverZemin, .outer .row2 .top .menu ul li .hoverMenu .hoverZemin {
                        background-color: rgba(0,0,0,.6);
                        position: fixed;
                        width: 100%;
                        height: 100%;
                        left: 0
                    }

            .outer .row1 .top .menu ul .loginPop ul, .outer .row2 .top .menu ul .loginPop ul {
                display: none;
                background-color: #fff;
                padding: 20px;
                width: 400px;
                position: absolute;
                margin-left: -240px;
                top: 87px
            }

                .outer .row1 .top .menu ul .loginPop ul .pRow1 .ortali, .outer .row2 .top .menu ul .loginPop ul .pRow1 .ortali {
                    width: 85%
                }

                .outer .row1 .top .menu ul .loginPop ul .pRow1 p span, .outer .row2 .top .menu ul .loginPop ul .pRow1 p span {
                    float: left;
                    width: 100% !important;
                    display: block !important;
                    margin: -15px 0 0;
                    bottom: auto;
                    height: 2px !important;
                    background-color: #04203f;
                    position: relative;
                    z-index: 1
                }

                .outer .row1 .top .menu ul .loginPop ul .pRow1 p label, .outer .row2 .top .menu ul .loginPop ul .pRow1 p label {
                    text-align: center;
                    font-family: Roboto,sans-serif;
                    font-weight: 700 !important;
                    display: table;
                    margin: 0 auto;
                    background-color: #fff;
                    font-size: 24px;
                    padding: 0 20px;
                    position: relative;
                    z-index: 2
                }

                .outer .row1 .top .menu ul .loginPop ul .pRow2 input, .outer .row2 .top .menu ul .loginPop ul .pRow2 input {
                    float: left;
                    width: 100% !important;
                    font-family: Roboto,sans-serif;
                    font-weight: 400 !important;
                    border: 1px solid #04203f;
                    max-width: 100%;
                    font-size: 14px;
                    padding: 10px;
                    color: #04203f;
                    margin-bottom: 10px
                }

                .outer .row1 .top .menu ul .loginPop ul .pRow3 a, .outer .row2 .top .menu ul .loginPop ul .pRow3 a {
                    font-family: Roboto,sans-serif;
                    font-weight: 700 !important;
                    padding: 0;
                    font-size: 16px !important;
                    text-decoration: underline !important
                }

                .outer .row1 .top .menu ul .loginPop ul .pRow4 align-content, .outer .row1 .top .menu ul .loginPop ul .pRow4 button, .outer .row1 .top .menu ul .loginPop ul .pRow4 input {
                    float: left;
                    width: 100% !important;
                    color: #fff;
                    font-family: Roboto,sans-serif;
                    font-weight: 700 !important;
                    max-width: 100%;
                    font-size: 18px;
                    margin-top: 30px;
                    background-color: #005696;
                    border: 0;
                    border-radius: 5px;
                    padding: 10px
                }

            .outer .row1 .top .menu ul .loginPop .enteredWeb {
                background-color: #009fdf;
                width: 200px;
                margin-left: -65px;
                border-radius: 0 0 30px 30px;
                top: 89px
            }

                .outer .row1 .top .menu ul .loginPop .enteredWeb > span, .outer .row2 .top .menu ul .loginPop .enteredWeb > span {
                    background: url("img/ico.png") -403px -40px no-repeat;
                    width: 30px;
                    height: 15px;
                    position: absolute;
                    bottom: 0;
                    top: -12px;
                    left: 50%;
                    margin-left: -15px
                }

                .outer .row1 .top .menu ul .loginPop .enteredWeb li span {
                    float: left;
                    width: 100% !important;
                    font-family: Roboto,sans-serif;
                    font-weight: 700 !important;
                    text-align: center;
                    position: relative !important;
                    color: #04203f;
                    height: auto;
                    bottom: 0 !important;
                    background: 0 0;
                    margin: 0;
                    font-size: 14px;
                    border-bottom: 1px solid #037fb1;
                    padding-bottom: 10px
                }

                .outer .row1 .top .menu ul .loginPop .enteredWeb li a, .outer .row2 .top .menu ul .loginPop .enteredWeb li a {
                    float: left;
                    width: 100% !important;
                    color: #fff;
                    font-family: Roboto,sans-serif;
                    font-weight: 300;
                    text-align: center;
                    padding: 0;
                    font-size: 16px;
                    margin-top: 10px
                }

                .outer .row1 .top .menu ul .loginPop .enteredWeb li .footerEntered, .outer .row2 .top .menu ul .loginPop .enteredWeb li .footerEntered {
                    border-top: 1px solid #037fb1;
                    border-bottom: 0;
                    margin-top: 10px
                }

.outer .row1 .bottomArrow {
    margin-left: -25px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 52px;
    height: 55px
}

.outer .row2 {
    display: block;
    position: relative;
    z-index: 1
}

    .outer .row2 .top {
        width: 100% !important;
        background-color: #fff;
        border-bottom: 1px solid #d1d1d1;
        z-index: 5
    }

.outer .row3 .contact, .outer .row3 .subMenu {
    margin-top: -97px;
    z-index: 3;
    position: relative
}

.outer .row2 .top .menu ul li a {
    display: block;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #091e2d;
    font-size: 14px;
    padding: 35px 5px
}

.outer .row2 .top .menu ul li span {
    display: none;
    background: url("img/ico.png") -403px -40px no-repeat;
    width: 30px;
    height: 15px;
    position: relative;
    margin-left: 25px;
    bottom: -75px
}

.outer .row2 .top .menu ul .loginPop ul .pRow4 button {
    float: left;
    width: 100% !important;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-weight: 700 !important;
    font-size: 18px;
    margin-top: 30px;
    background-color: #009fdf;
    border: 0;
    border-radius: 5px;
    padding: 10px
}

.outer .row2 .top .menu ul .loginPop .enteredWeb {
    background-color: #009fdf;
    width: 200px;
    margin-left: -65px;
    border-radius: 0 0 30px 30px;
    top: 95px
}

    .outer .row2 .top .menu ul .loginPop .enteredWeb li span {
        float: left;
        width: 100% !important;
        font-family: Roboto,sans-serif;
        font-weight: 700 !important;
        text-align: center;
        color: #04203f;
        height: auto;
        bottom: 0 !important;
        background: 0 0;
        margin: 0;
        font-size: 14px;
        border-bottom: 1px solid #037fb1;
        padding-bottom: 10px
    }

.outer .row2 .bigPic {
    float: left;
    width: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important
}

.outer .row3 .marinasOuter, .outer .row3 .marinasPreOuter {
    background-size: cover;
    height: 550px;
    width: 50%;
    padding: 0 2%
}

.outer .row2 .bigPic .bigPicMain {
    margin: 0 auto;
    width: 95%;
    max-width: 1430px;
    float: none;
    display: block;
    padding-top: 200px
}

    .outer .row2 .bigPic .bigPicMain .bigPicMainA1, .outer .row3 .marinasOuter .marAccording .marAcL, .outer .row4 .tabOuter .tab1 .main .mainA1, .outer .row4 .tabOuter .tab2 .main .mainA1, .outer .row4 .tabOuter .tab3 .main .mainA1, .outer .row4 .tabOuter .tab6 .main .mainA1 {
        float: left;
        width: 50%
    }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA1 h1 {
            font-size: 22px;
            margin: 0;
            padding: 0;
            font-weight: 700;
            letter-spacing: 0;
            font-style: normal;
            color: #fff
        }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA1 .header img {
            float: left;
            max-width: 448px
        }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA1 .footer img {
            float: left;
            margin-right: 10px;
            width: 81px
        }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA1 .footer i {
            background: url("img/ico.png") -230px -336px no-repeat;
            float: left;
            margin-right: 10px;
            width: 85px;
            height: 85px
        }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA1 .footer p {
            padding: 0 !important;
            margin: 0 !important;
            float: left;
            color: #fff;
            font-family: Roboto,sans-serif;
            font-weight: 300;
            width: auto;
            font-size: 20px;
            max-width: 335px
        }

    .outer .row2 .bigPic .bigPicMain .bigPicMainA2 {
        float: right;
        width: 50%;
        text-align: right
    }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .header label {
            float: right;
            color: #fff;
            font-family: Roboto,sans-serif;
            font-size: 16px;
            margin-top: 15px;
            margin-left: 10px
        }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .header i {
            float: right;
            background: url("img/ico.png") -251px -491px no-repeat;
            width: 50px;
            height: 40px
        }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .footer span label {
            float: right;
            color: #fff;
            font-family: Roboto,sans-serif;
            font-size: 120px;
            line-height: 100px
        }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .footer span img {
            float: right;
            width: 45px
        }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .footer span i {
            float: right;
            background: url("img/ico.png") 0 -443px no-repeat;
            width: 45px;
            height: 35px
        }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .footer span:last-child {
            opacity: .5
        }

.outer .row3 .marinasPreOuter {
    float: left;
    background-color: #f3f3f3
}

    .outer .row3 .marinasPreOuter .marinasPreMain {
        float: right;
        text-align: left;
        max-width: 663px;
        padding: 100px 0 50px
    }

        .outer .row3 .marinasPreOuter .marinasPreMain h3, .outer .row4 .marinasPreOuter .marinasPreMain h3 {
            float: left;
            width: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
            font-family: Roboto,sans-serif;
            font-weight: 700 !important;
            font-size: 36px;
            letter-spacing: -1px
        }

        .outer .row3 .marinasPreOuter .marinasPreMain p, .outer .row4 .marinasPreOuter .marinasPreMain p {
            float: left;
            width: 100% !important;
            font-weight: 300;
            font-size: 20px;
            padding: 20px 0
        }

.outer .row3 .marinasOuter {
    float: right;
    background-color: #517396
}

    .outer .row3 .marinasOuter .selectOuter {
        display: none;
        position: relative;
        overflow: hidden;
        width: 100% !important;
        cursor: pointer;
        max-width: 250px;
        margin: 20px auto;
        padding: 10px;
        border-radius: 10px;
        border: 2px solid #fff
    }

        .outer .row3 .marinasOuter .selectOuter select {
            text-align-last: center;
            background: 0 0;
            color: #fff;
            border: 0;
            position: relative;
            z-index: 2;
            width: 99%
        }

            .outer .row3 .marinasOuter .selectOuter select option {
                color: #04203f;
                text-align-last: center;
                cursor: pointer
            }

        .outer .row3 .marinasOuter .selectOuter a {
            position: absolute;
            background-color: #517396;
            right: 0;
            padding: 10px;
            top: 2px;
            z-index: 1
        }

            .outer .row3 .marinasOuter .selectOuter a img {
                float: left;
                width: 23px;
                height: 20px
            }

    .outer .row3 .marinasOuter .marAccording {
        float: left;
        max-width: 800px;
        padding: 40px
    }

        .outer .row3 .marinasOuter .marAccording .marAcR {
            float: right;
            width: 50%
        }

        .outer .row3 .marinasOuter .marAccording .marAcRow {
            float: left;
            width: 96%;
            overflow: hidden
        }

            .outer .row3 .marinasOuter .marAccording .marAcRow .marHeader {
                float: left;
                cursor: pointer;
                margin-bottom: 10px;
                height: 20px;
                font-size: 18px;
                color: #fff;
                font-style: italic
            }

                .outer .row3 .marinasOuter .marAccording .marAcRow .marHeader h3 {
                    font-size: 14px;
                    margin: 0;
                    padding: 0;
                    font-weight: 500;
                    letter-spacing: 0;
                    font-style: normal
                }

            .outer .row3 .marinasOuter .marAccording .marAcRow .marMain {
                display: none;
                float: left;
                width: 100% !important;
                max-width: 420px;
                padding-bottom: 20px
            }

                .outer .row3 .marinasOuter .marAccording .marAcRow .marMain span {
                    float: left;
                    width: 100% !important;
                    font-weight: 400 !important;
                    color: #fff;
                    font-size: 14px
                }

                    .outer .row3 .marinasOuter .marAccording .marAcRow .marMain span b {
                        float: left;
                        width: 100% !important;
                        font-weight: 700 !important;
                        color: #f5d581;
                        padding-right: 5px;
                        letter-spacing: .5px
                    }

                .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul {
                    padding: 0 !important;
                    margin: 0 !important;
                    float: left;
                    width: 100% !important;
                    list-style: none
                }

                    .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li, .outer .row4 .tabOuter .tab1 .main, .outer .row4 .tabOuter .tab2 .main, .outer .row4 .tabOuter .tab3 .main, .outer .row4 .tabOuter .tab5 .main, .outer .row4 .tabOuter .tab6 .main {
                        float: left;
                        width: 100% !important;
                        margin-top: 10px
                    }

                        .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a img {
                            float: left;
                            max-height: 25px;
                            max-width: 35px
                        }

                        .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a i {
                            background: url("img/ico.png") no-repeat;
                            float: left;
                            width: 48px;
                            height: 32px
                        }

                        .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a .ico1 {
                            background-position: 8px -140px
                        }

                        .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a .ico2 {
                            background-position: -43px -140px
                        }

                        .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a .ico3 {
                            background-position: -107px -141px
                        }

                        .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a .ico4 {
                            background-position: -161px -139px
                        }

                        .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a .ico5 {
                            background-position: -210px -140px
                        }

                        .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a .ico6 {
                            background-position: -252px -140px
                        }

                        .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a label {
                            float: left;
                            color: #fff;
                            font-weight: 400 !important;
                            width: 84%;
                            cursor: pointer;
                            font-size: 12px;
                            margin-top: 5px;
                            padding-left: 10px
                        }

.outer .row3 .subMenu {
    float: left;
    width: 67%;
    height: 62px;
    background-color: #009fdf;
    overflow: hidden
}

    .outer .row3 .subMenu .subMenuMain {
        float: left;
        width: 100% !important;
        padding: 35px 10px 15px 0 !important
    }

        .outer .row3 .subMenu .subMenuMain ul {
            float: left;
            width: 100% !important;
            padding: 0;
            list-style: none
        }

            .outer .row3 .subMenu .subMenuMain ul li {
                display: inline-block;
                border-right: 1px solid #fff;
                padding: 0 2%
            }

                .outer .row3 .subMenu .subMenuMain ul li:first-child {
                    padding-left: 0
                }

                .outer .row3 .subMenu .subMenuMain ul li a span {
                    float: left;
                    color: #fff;
                    font-family: Roboto,sans-serif;
                    font-weight: 400 !important;
                    font-size: 16px
                }

                    .outer .row3 .subMenu .subMenuMain ul li a span:hover {
                        color: #04203f !important
                    }

.outer .row3 .contact {
    float: right;
    width: 32.5%;
    background: #04203f;
    height: 97px;
    padding: 10px 25px
}

.outer .row4 .kupResim, .outer .row6, .outer .row8 {
    background-repeat: no-repeat;
    background-size: cover
}

.outer .row3 .contact span {
    float: left;
    width: 100% !important;
    height: 38px
}

    .outer .row3 .contact span i {
        background: url("img/ico.png") no-repeat;
        float: left;
        width: 40px;
        height: 40px
    }

    .outer .row3 .contact span .phone {
        background-position: -89px -342px
    }

    .outer .row3 .contact span .mail {
        background-position: -92px -382px
    }

    .outer .row3 .contact span label {
        float: left;
        color: #fff;
        font-family: Roboto,sans-serif;
        font-weight: 300;
        font-size: 16px;
        padding: 10px
    }

.outer .row3 .midHeader {
    float: left;
    width: 100% !important;
    background-color: rgba(4,32,63,.8);
    margin-top: -75px;
    position: relative;
    z-index: 2
}

    .outer .row3 .midHeader .main h1 {
        float: left;
        width: 100% !important;
        font-family: Roboto,sans-serif;
        font-weight: 400 !important;
        color: #fff;
        font-size: 24px;
        padding: 25px 0;
        margin: 0
    }

.outer .row4 {
    background-color: #fff;
    min-height: 500px
}

.outer .row6, .outer .row8 {
    background-color: #272727;
    background-attachment: fixed;
    background-position-y: 0
}

.outer .row4 .kupResim {
    float: left;
    background-color: #f3f3f3 !important;
    min-height: 550px;
    padding: 100px 50px;
    width: 50%;
    font-weight: 100
}

    .outer .row4 .kupResim .marinasPreMain {
        max-width: 663px
    }

.outer .row4 .marinasPreOuter {
    float: left;
    width: 50%;
    background-color: #f3f3f3;
    padding: 0 2%
}

    .outer .row4 .marinasPreOuter .marinasPreMain {
        float: left;
        text-align: left;
        max-width: 663px;
        padding: 120px 0 50px
    }

.outer .row4 .tabOuter {
    margin: 0 auto;
    width: 95%;
    max-width: 1430px;
    float: none;
    display: block;
    padding: 30px 0
}

    .outer .row4 .tabOuter p {
        display: block;
        font-weight: 300;
        font-size: 16px;
        color: #04203f
    }

    .outer .row4 .tabOuter .tableOne thead {
        color: #fff;
        background-color: #009fdf
    }

        .outer .row4 .tabOuter .tableDouble tbody tr th, .outer .row4 .tabOuter .tableDouble thead th, .outer .row4 .tabOuter .tableOne tbody th, .outer .row4 .tabOuter .tableOne thead th {
            padding-left: 20px
        }

    .outer .row4 .tabOuter .tableDouble tbody tr td {
        font-size: 14px !important
    }

    .outer .row4 .tabOuter .tab1 {
        float: left;
        width: 100% !important;
        padding-bottom: 30px
    }

        .outer .row4 .tabOuter .tab1 .header h3, .outer .row4 .tabOuter .tab2 h3, .outer .row4 .tabOuter .tab3 h3, .outer .row4 .tabOuter .tab4 h3, .outer .row4 .tabOuter .tab5 h3, .outer .row4 .tabOuter .tab6 h3, .outer .row4 .tabOuter .tab7 h3 {
            font-family: Roboto,sans-serif;
            font-weight: 400 !important;
            padding: 0;
            margin: 0 0 20px
        }

        .outer .row4 .tabOuter .tab1 .main .mainA1 h2, .outer .row4 .tabOuter .tab2 .main .mainA1 h2, .outer .row4 .tabOuter .tab3 .main .mainA1 h2, .outer .row4 .tabOuter .tab6 .main .mainA1 h2 {
            float: left;
            width: 100% !important;
            font-family: Roboto,sans-serif;
            font-weight: 700 !important;
            margin-top: 0;
            padding-bottom: 10px;
            font-size: 24px;
            border-bottom: 3px solid #000
        }

        .outer .row4 .tabOuter .tab1 .main .mainA1 ul, .outer .row4 .tabOuter .tab2 .main .mainA1 ul, .outer .row4 .tabOuter .tab3 .main .mainA1 ul, .outer .row4 .tabOuter .tab5 .main .mainA1 ul, .outer .row4 .tabOuter .tab6 .main .mainA1 ul, .outer .row4 .tabOuter .tab7 .main .mainA1 ul {
            float: left;
            width: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
            list-style: none
        }

            .outer .row4 .tabOuter .tab1 .main .mainA1 ul li, .outer .row4 .tabOuter .tab2 .main .mainA1 ul li, .outer .row4 .tabOuter .tab3 .main .mainA1 ul li, .outer .row4 .tabOuter .tab5 .main .mainA1 ul li, .outer .row4 .tabOuter .tab6 .main .mainA1 ul li, .outer .row4 .tabOuter .tab7 .main .mainA1 ul li {
                float: left;
                width: 100% !important;
                border-bottom: 1px solid #d1d1d1;
                padding-bottom: 10px;
                margin-bottom: 10px
            }

                .outer .row4 .tabOuter .tab1 .main .mainA1 ul li span, .outer .row4 .tabOuter .tab2 .main .mainA1 ul li span, .outer .row4 .tabOuter .tab3 .main .mainA1 ul li span, .outer .row4 .tabOuter .tab6 .main .mainA1 ul li span {
                    float: left;
                    font-family: Roboto,sans-serif;
                    font-weight: 700 !important;
                    font-size: 16px
                }

                .outer .row4 .tabOuter .tab1 .main .mainA1 ul li label, .outer .row4 .tabOuter .tab2 .main .mainA1 ul li label, .outer .row4 .tabOuter .tab3 .main .mainA1 ul li label, .outer .row4 .tabOuter .tab6 .main .mainA1 ul li label {
                    float: left;
                    font-family: Roboto,sans-serif;
                    font-weight: 300;
                    font-size: 14px;
                    color: #a1a1a1
                }

                .outer .row4 .tabOuter .tab1 .main .mainA1 ul li a, .outer .row4 .tabOuter .tab2 .main .mainA1 ul li a, .outer .row4 .tabOuter .tab3 .main .mainA1 ul li a, .outer .row4 .tabOuter .tab5 .main .mainA1 ul li a, .outer .row4 .tabOuter .tab6 .main .mainA1 ul li a, .outer .row4 .tabOuter .tab7 .main .mainA1 ul li a {
                    float: left;
                    width: 100% !important;
                    font-family: Roboto,sans-serif;
                    font-weight: 400 !important;
                    color: #009fdf;
                    font-size: 14px
                }

        .outer .row4 .tabOuter .tab1 .main .mainA2, .outer .row4 .tabOuter .tab2 .main .mainA2, .outer .row4 .tabOuter .tab3 .main .mainA2 {
            float: right;
            width: 50%;
            position: relative
        }

            .outer .row4 .tabOuter .tab1 .main .mainA2 .mapdiv, .outer .row4 .tabOuter .tab1 .main .mainA2 iframe, .outer .row4 .tabOuter .tab2 .main .mainA2 .mapdiv, .outer .row4 .tabOuter .tab2 .main .mainA2 iframe, .outer .row4 .tabOuter .tab3 .main .mainA2 .mapdiv, .outer .row4 .tabOuter .tab3 .main .mainA2 iframe, .outer .row4 .tabOuter .tab5 .main .mainA2 .mapdiv, .outer .row4 .tabOuter .tab5 .main .mainA2 iframe, .outer .row4 .tabOuter .tab6 .main .mainA2 .mapdiv, .outer .row4 .tabOuter .tab6 .main .mainA2 iframe {
                float: right;
                width: 95%;
                height: 500px;
                position: relative;
                z-index: 1
            }

            .outer .row4 .tabOuter .tab1 .main .mainA2 .btn, .outer .row4 .tabOuter .tab2 .main .mainA2 .btn, .outer .row4 .tabOuter .tab3 .main .mainA2 .btn, .outer .row4 .tabOuter .tab5 .main .mainA2 .btn, .outer .row4 .tabOuter .tab6 .main .mainA2 .btn, .outer .row4 .tabOuter .tab7 .main .mainA2 .btn {
                font-family: Roboto,sans-serif;
                text-align: center;
                color: #fff !important;
                border-radius: 5px;
                padding: 10px 20px;
                background-color: #009fdf;
                font-size: 16px;
                margin-left: -65px;
                left: 50%;
                bottom: 85px;
                position: absolute;
                z-index: 2
            }

    .outer .row4 .tabOuter .tab2 {
        margin-bottom: 30px;
        float: left;
        width: 100% !important
    }

    .outer .row4 .tabOuter .tab4 ul {
        display: table;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        list-style: none
    }

        .outer .row4 .tabOuter .tab4 ul li {
            display: inline-block;
            margin: 1%;
            width: 23.3%
        }

            .outer .row4 .tabOuter .tab4 ul li:last-child {
                margin-right: 0
            }

    .outer .row4 .tabOuter .tab5 .main .priceTotal {
        float: left;
        width: 100% !important;
        font-family: Roboto,sans-serif;
        font-weight: 700 !important;
        font-size: 24px;
        color: #009fdf
    }

    .outer .row4 .tabOuter .tab5 .main .mainA1, .outer .row7 .miniSliderOuter .msFL img {
        float: left;
        width: 100%
    }

        .outer .row4 .tabOuter .tab5 .main .mainA1 h2 {
            margin-top: 0;
            float: left;
            width: 100% !important;
            font-family: Roboto,sans-serif;
            font-weight: 700 !important;
            padding-bottom: 10px;
            margin-bottom: 15px;
            font-size: 24px;
            border-bottom: 3px solid #000
        }

            .outer .row4 .tabOuter .tab5 .main .mainA1 h2 a, .outer .row4 .tabOuter .tab7 .main .mainA1 h2 a {
                float: right;
                font-family: Roboto,sans-serif;
                font-weight: 400 !important;
                margin-top: 5px;
                font-size: 16px;
                color: #009fdf;
                text-decoration: underline !important
            }

                .outer .row4 .tabOuter .tab5 .main .mainA1 h2 a i {
                    float: left;
                    background: url("img/ico.png") -353px -140px no-repeat;
                    margin: -7px 10px 0 0;
                    width: 23px;
                    height: 30px
                }

        .outer .row4 .tabOuter .tab5 .main .mainA1 ul li span {
            float: left;
            font-family: Roboto,sans-serif;
            font-weight: 700 !important;
            color: #fff;
            text-align: center;
            background-color: #04203f;
            border-radius: 100%;
            font-size: 16px;
            padding: 10px 17px
        }

        .outer .row4 .tabOuter .tab5 .main .mainA1 ul li label {
            float: left;
            font-family: Roboto,sans-serif;
            font-weight: 400 !important;
            color: #04203f;
            font-size: 16px;
            margin: 10px
        }

    .outer .row4 .tabOuter .tab5 .main .mainA2 {
        float: right;
        width: 100%;
        padding: 0;
        position: relative
    }

        .outer .row4 .tabOuter .tab5 .main .mainA2 img {
            float: left;
            width: 100% !important;
            margin-bottom: 20px
        }

    .outer .row4 .tabOuter .tab6 .main .priceTotal {
        float: left;
        width: 100% !important;
        font-weight: 700 !important;
        font-size: 24px;
        color: #009fdf;
        margin: 20px 0
    }

    .outer .row4 .tabOuter .tab6 .main .mainA2 {
        float: right;
        width: 45%;
        position: relative
    }

        .outer .row4 .tabOuter .tab6 .main .mainA2 p {
            display: block;
            color: #333;
            padding: 20px 30px;
            font-size: 16px;
            border: 1px solid #d1d1d1
        }

            .outer .row4 .tabOuter .tab6 .main .mainA2 p span {
                display: block;
                font-family: Roboto,sans-serif;
                font-weight: 700 !important;
                margin-bottom: 10px
            }

            .outer .row4 .tabOuter .tab6 .main .mainA2 p label {
                display: block;
                font-family: Roboto,sans-serif;
                font-weight: 300;
                margin-bottom: 10px
            }

        .outer .row4 .tabOuter .tab6 .main .mainA2 ul {
            display: block;
            margin: 0;
            padding-left: 20px;
            line-height: 25px
        }

            .outer .row4 .tabOuter .tab6 .main .mainA2 ul li {
                margin-bottom: 10px
            }

    .outer .row4 .tabOuter .tab7 .main .mainA1 h2 {
        float: left;
        width: 100% !important;
        font-family: Roboto,sans-serif;
        font-weight: 700 !important;
        padding-bottom: 10px;
        font-size: 24px;
        border-bottom: 3px solid #000
    }

        .outer .row4 .tabOuter .tab7 .main .mainA1 h2 a i {
            float: left;
            background: url("img/ico.png") -311px -140px no-repeat;
            margin: -7px 10px 0 0;
            width: 33px;
            height: 33px
        }

    .outer .row4 .tabOuter .tab7 .main .mainA1 ul li span {
        float: left;
        width: 100% !important;
        font-family: Roboto,sans-serif;
        font-weight: 700 !important;
        font-size: 16px
    }

    .outer .row4 .tabOuter .tab7 .main .mainA1 ul li label {
        float: left;
        width: 100% !important;
        font-family: Roboto,sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #a1a1a1
    }

    .outer .row4 .tabOuter .tab7 .main .mainA2 .mapdiv, .outer .row4 .tabOuter .tab7 .main .mainA2 iframe {
        float: right;
        width: 100% !important;
        margin-top: 0;
        height: 500px;
        position: relative;
        z-index: 1
    }

    .outer .row4 .tabOuter .tab7 .orgTheme ul li {
        position: relative
    }

        .outer .row4 .tabOuter .tab7 .orgTheme ul li img {
            position: absolute;
            right: 0;
            width: 90px
        }

    .outer .row4 .tabOuter .acRow {
        float: left;
        width: 100% !important;
        margin-bottom: 3px
    }

        .outer .row4 .tabOuter .acRow .acHeader {
            float: left;
            width: 100% !important;
            background: #f1f1f1;
            padding: 10px 25px;
            height: 55px;
            cursor: pointer
        }

            .outer .row4 .tabOuter .acRow .acHeader label {
                font-family: Roboto,sans-serif;
                font-weight: 700 !important;
                font-size: 22px;
                margin-top: 4px
            }

                .outer .row4 .tabOuter .acRow .acHeader label i {
                    background: url("img/ico.png") no-repeat;
                    float: left;
                    width: 50px;
                    height: 50px;
                    margin: -10px 20px 0 0
                }

                .outer .row4 .tabOuter .acRow .acHeader label .tekstil {
                    background-position: -448px 8px
                }

                .outer .row4 .tabOuter .acRow .acHeader label .ayakkabi {
                    background-position: -448px -34px
                }

                .outer .row4 .tabOuter .acRow .acHeader label .kozmetik {
                    background-position: -448px -77px
                }

                .outer .row4 .tabOuter .acRow .acHeader label .kuyumcu {
                    background-position: -448px -127px
                }

                .outer .row4 .tabOuter .acRow .acHeader label .optik {
                    background-position: -448px -176px
                }

                .outer .row4 .tabOuter .acRow .acHeader label .ev {
                    background-position: -448px -228px
                }

                .outer .row4 .tabOuter .acRow .acHeader label .hediyelik {
                    background-position: -448px -273px
                }

                .outer .row4 .tabOuter .acRow .acHeader label .yeme {
                    background-position: -448px -320px
                }

                .outer .row4 .tabOuter .acRow .acHeader label img {
                    float: left;
                    margin: -10px 30px 0 0
                }

            .outer .row4 .tabOuter .acRow .acHeader i {
                background: url("img/ico.png") -150px -385px no-repeat;
                float: right;
                width: 30px;
                height: 30px;
                margin-top: 5px
            }

        .outer .row4 .tabOuter .acRow .acMain {
            float: left;
            width: 100% !important;
            display: none
        }

            .outer .row4 .tabOuter .acRow .acMain ul {
                padding: 0 !important;
                margin: 0 !important;
                list-style: none
            }

                .outer .row4 .tabOuter .acRow .acMain ul li {
                    display: table;
                    margin: 0 auto;
                    width: 95%;
                    padding: 10px 0;
                    border-bottom: 1px solid #d1d1d1
                }

                    .outer .row4 .tabOuter .acRow .acMain ul li label {
                        float: left;
                        font-weight: 400 !important;
                        width: 50%
                    }

                    .outer .row4 .tabOuter .acRow .acMain ul li span {
                        float: right;
                        font-weight: 700 !important;
                        color: #005696;
                        width: 50%;
                        text-align: right
                    }

                    .outer .row4 .tabOuter .acRow .acMain ul li i {
                        background: url("img/ico.png") -187px -345px no-repeat;
                        float: right;
                        width: 30px;
                        height: 30px;
                        margin-top: 5px
                    }

                    .outer .row4 .tabOuter .acRow .acMain ul li:last-child {
                        border-bottom: 0
                    }

    .outer .row4 .tabOuter .active .acHeader {
        background-color: #009fdf
    }

        .outer .row4 .tabOuter .active .acHeader label i {
            background-position-x: -497px !important
        }

        .outer .row4 .tabOuter .active .acHeader i {
            background-position: -150px -347px
        }

.outer .row5 h4 {
    float: left;
    width: 100% !important;
    text-align: center;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    color: #091e2d;
    font-size: 34px;
    padding: 10px 0
}

.outer .row5 .camping {
    display: block;
    max-width: 980px;
    margin: 0 auto;
    position: relative
}

    .outer .row5 .camping .campingMain {
        float: left;
        width: 100% !important;
        overflow: hidden
    }

        .outer .row5 .camping .campingMain ul {
            padding: 0 !important;
            margin: 0 !important;
            position: relative;
            left: 0
        }

            .outer .row5 .camping .campingMain ul li {
                float: left;
                list-style: none;
                vertical-align: top
            }

                .outer .row5 .camping .campingMain ul li a {
                    display: table;
                    width: 90%;
                    margin: 0 auto
                }

                    .outer .row5 .camping .campingMain ul li a span {
                        float: left;
                        width: 100% !important;
                        box-shadow: 1px 2px 3px #ccc
                    }

                        .outer .row5 .camping .campingMain ul li a span img {
                            display: block;
                            width: 100% !important;
                            margin: 0 auto
                        }

                    .outer .row5 .camping .campingMain ul li a label {
                        float: left;
                        width: 100% !important;
                        text-align: center;
                        font-weight: 300;
                        color: #091e2d;
                        font-size: 14px;
                        padding: 5px 0
                    }

                .outer .row5 .camping .campingMain ul li i {
                    background: url("img/ico.png") no-repeat;
                    display: block;
                    width: 38px;
                    height: 38px;
                    margin-bottom: 20px
                }

                    .outer .row5 .camping .campingMain ul li i:hover {
                        background-position-y: -380px
                    }

                .outer .row5 .camping .campingMain ul li .leftArrow {
                    background-position: 0 -342px
                }

                .outer .row5 .camping .campingMain ul li .rightArrow {
                    background-position: -38px -342px
                }

    .outer .row5 .camping .campingFooter ul {
        padding: 0 !important;
        margin: 0 auto !important;
        display: block;
        max-width: 120px
    }

        .outer .row5 .camping .campingFooter ul li {
            max-width: 230px;
            list-style: none;
            display: inline-block;
            margin: 0 5px;
            vertical-align: top
        }

            .outer .row5 .camping .campingFooter ul li a {
                float: left;
                width: 100% !important;
                padding: 0 4px
            }

            .outer .row5 .camping .campingFooter ul li i {
                background: url("img/ico.png") no-repeat;
                display: block;
                width: 38px;
                height: 39px;
                margin-bottom: 20px
            }

                .outer .row5 .camping .campingFooter ul li i:hover {
                    background-position-y: -379px
                }

            .outer .row5 .camping .campingFooter ul li .leftArrow {
                background-position: 0 -341px
            }

            .outer .row5 .camping .campingFooter ul li .rightArrow {
                background-position: -38px -341px;
                width: 39px
            }

.outer .row5 .campL {
    max-width: 1430px;
    width: 95%
}

.outer .row6 {
    background-image: url("img/paralax1.png");
    padding-top: 8%;
    padding-bottom: 8%;
    background-position-x: 50%
}

.outer .row7 {
    padding: 40px 0
}

    .outer .row7 .miniSliderOuter {
        display: block;
        width: 100% !important;
        margin: 0 auto;
        max-width: 980px
    }

        .outer .row7 .miniSliderOuter .msFL {
            float: left;
            width: 33%;
            max-width: 260px
        }

        .outer .row7 .miniSliderOuter .msFR {
            float: right;
            width: 70%;
            margin-top: 10px
        }

            .outer .row7 .miniSliderOuter .msFR .msMain .msRow {
                display: none;
                float: left;
                width: 100% !important;
                text-align: center;
                font-weight: 300;
                font-size: 16px;
                height: 220px;
                overflow: hidden
            }

                .outer .row7 .miniSliderOuter .msFR .msMain .msRow b, .swiper-slide b {
                    font-family: Roboto,sans-serif;
                    font-weight: 400 !important;
                    font-size: 22px
                }

            .outer .row7 .miniSliderOuter .msFR .msFooter {
                float: left;
                width: 100% !important;
                text-align: center;
                margin-top: 20px
            }

                .outer .row7 .miniSliderOuter .msFR .msFooter i {
                    display: inline-block;
                    background: url("img/ico.png") 0 -195px no-repeat;
                    width: 15px;
                    height: 15px;
                    cursor: pointer
                }

                .outer .row7 .miniSliderOuter .msFR .msFooter .active {
                    background-position: -20px -195px
                }

.outer .row8 {
    background-image: url("img/paralax2.png");
    padding-top: 8%;
    padding-bottom: 8%;
    background-position-x: 8%
}

.outer .row9 .egeYatOuter {
    width: auto;
    display: block;
    margin: 0 auto;
    max-width: 1000px;
    list-style: none;
    padding: 0
}

    .outer .row9 .egeYatOuter li {
        display: inline-block;
        vertical-align: top
    }

    .outer .row9 .egeYatOuter .egeYatA1 {
        text-align: left
    }

        .outer .row9 .egeYatOuter .egeYatA1 img {
            display: block;
            width: 100% !important;
            max-width: 215px;
            margin-top: 30px
        }

    .outer .row9 .egeYatOuter .egeYatA2 {
        text-align: center;
        width: 100%;
        max-width: 560px;
        margin-right: -60px;
        padding-top: 40px
    }

        .outer .row9 .egeYatOuter .egeYatA2 h3 {
            text-align: center;
            padding: 0;
            margin: 40px 0 20px
        }

            .outer .row9 .egeYatOuter .egeYatA2 h3 span {
                font-weight: 700 !important;
                font-size: 24px
            }

            .outer .row9 .egeYatOuter .egeYatA2 h3 label {
                font-weight: 400 !important;
                font-size: 18px;
                color: #f33
            }

        .outer .row9 .egeYatOuter .egeYatA2 ul {
            padding: 0 !important;
            margin: 0 !important;
            text-align: center;
            list-style: none
        }

            .outer .row9 .egeYatOuter .egeYatA2 ul li {
                display: inline-block;
                padding: 0 10px;
                border-right: 1px solid #091e2d
            }

                .outer .row9 .egeYatOuter .egeYatA2 ul li a {
                    font-weight: 400 !important;
                    color: #091e2d;
                    font-size: 16px
                }

    .outer .row9 .egeYatOuter .egeYatA3 img {
        display: block;
        width: 100% !important;
        max-width: 265px
    }

.outer .row10 {
    background-color: #ececec;
    padding: 20px
}

    .outer .row10 .footer {
        display: block;
        width: 95%;
        margin: 0 auto;
        max-width: 1430px;
        list-style: none;
        padding: 0
    }

        .outer .row10 .footer .footerA0 ul {
            display: table;
            margin: 0 auto;
            list-style: none;
            padding: 0
        }

            .outer .row10 .footer .footerA0 ul li {
                max-width: 410px;
                margin: 5px 10px;
                display: inline-block
            }

        .outer .row10 .footer .footerA1 .footerSearchOuter {
            float: left;
            max-width: 700px;
            position: relative
        }

            .outer .row10 .footer .footerA1 .footerSearchOuter form {
                height: 80px
            }

            .outer .row10 .footer .footerA1 .footerSearchOuter .labelBulten {
                float: left;
                width: 100% !important;
                font-weight: 400 !important;
                font-size: 18px
            }

            .outer .row10 .footer .footerA1 .footerSearchOuter #BulletinEmailAddress {
                float: left;
                width: 100% !important;
                font-weight: 400 !important;
                font-size: 16px;
                border: 0;
                padding: 10px
            }

            .outer .row10 .footer .footerA1 .footerSearchOuter #bulletin {
                float: left;
                font-weight: 700 !important;
                text-align: center;
                color: #091e2d;
                border: 0;
                padding: 10px 20px;
                margin-left: 10px;
                letter-spacing: 6px;
                font-size: 14px;
                background-color: #cacaca;
                border-radius: 5px
            }

            .outer .row10 .footer .footerA1 .footerSearchOuter .eBultenModel {
                display: none;
                width: 100% !important;
                position: absolute;
                background-color: #009fdf;
                padding: 20px;
                border-radius: 10px;
                margin-top: 62px
            }

                .outer .row10 .footer .footerA1 .footerSearchOuter .eBultenModel span {
                    background: url("img/ico.png") -403px -40px no-repeat;
                    width: 30px;
                    height: 15px;
                    position: absolute;
                    top: -11px;
                    left: 50%;
                    margin-left: -25px
                }

                .outer .row10 .footer .footerA1 .footerSearchOuter .eBultenModel .exit {
                    float: right;
                    color: #fff;
                    font-family: Roboto,sans-serif;
                    font-weight: 300;
                    margin: -10px -5px 0 0;
                    padding: 0;
                    background-color: transparent
                }

                .outer .row10 .footer .footerA1 .footerSearchOuter .eBultenModel input {
                    display: inline;
                    cursor: pointer
                }

                .outer .row10 .footer .footerA1 .footerSearchOuter .eBultenModel label {
                    display: inline;
                    color: #fff;
                    font-family: Roboto,sans-serif;
                    font-weight: 300;
                    margin-left: 10px
                }

                    .outer .row10 .footer .footerA1 .footerSearchOuter .eBultenModel label a {
                        color: #fff;
                        font-weight: 700 !important
                    }

        .outer .row10 .footer .footerA1 .appDownload {
            float: right;
            margin-top: 20px
        }

            .outer .row10 .footer .footerA1 .appDownload a {
                float: right;
                background: url("img/ico.png") no-repeat;
                height: 40px;
                margin: 10px 0 0 10px
            }

            .outer .row10 .footer .footerA1 .appDownload .tusab {
                background-position: 0 -280px;
                width: 90px;
                height: 50px;
                margin: 0
            }

            .outer .row10 .footer .footerA1 .appDownload .and {
                background-position: 0 -221px;
                width: 95px
            }

            .outer .row10 .footer .footerA1 .appDownload .ios {
                background-position: -100px -221px;
                width: 110px
            }

        .outer .row10 .footer .footerA2 .linkOuter {
            float: left;
            width: 100% !important;
            padding: 40px 0 0
        }

            .outer .row10 .footer .footerA2 .linkOuter ul {
                float: left;
                padding: 0 !important;
                margin: 0 !important;
                list-style: none;
                width: 25%;
                max-width: 230px
            }

                .outer .row10 .footer .footerA2 .linkOuter ul li {
                    float: left;
                    width: 100% !important;
                    padding-bottom: 5px
                }

                    .outer .row10 .footer .footerA2 .linkOuter ul li i {
                        float: left;
                        width: 100% !important;
                        background: url("img/ico.png") -52px -190px no-repeat;
                        height: 20px
                    }

                    .outer .row10 .footer .footerA2 .linkOuter ul li span {
                        float: left;
                        width: 100% !important;
                        font-weight: 700 !important;
                        color: #091e2d;
                        font-size: 16px;
                        height: 20px
                    }

                    .outer .row10 .footer .footerA2 .linkOuter ul li a {
                        float: left;
                        color: #091e2d;
                        font-size: 14px
                    }

        .outer .row10 .footer .footerA2 .logoOuter a {
            float: right;
            background: url("img/ico.png") no-repeat;
            width: 40px;
            height: 35px
        }

        .outer .row10 .footer .footerA2 .logoOuter .face {
            background-position: -130px -280px
        }

        .outer .row10 .footer .footerA2 .logoOuter .twi {
            background-position: -175px -280px
        }

        .outer .row10 .footer .footerA2 .logoOuter .pinter {
            background-position: -218px -280px
        }

        .outer .row10 .footer .footerA2 .logoOuter .insta {
            background-position: -258px -280px
        }

        .outer .row10 .footer .footerA3 {
            border-top: 1px solid #04203f;
            padding: 5px 0;
            margin-top: 10px
        }

            .outer .row10 .footer .footerA3 i {
                float: left;
                background: url("img/ico.png") -272px -218px no-repeat;
                width: 80px;
                height: 40px
            }

            .outer .row10 .footer .footerA3 label {
                float: right;
                font-weight: 400 !important;
                color: #091e2d;
                font-size: 16px;
                margin-top: 10px
            }

.outer .seturModel {
    display: none;
    width: 100% !important;
    height: 100%;
    position: absolute
}

    .outer .seturModel .smOuter {
        width: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 8
    }

        .outer .seturModel .smOuter .sagOk, .outer .seturModel .smOuter .solOk {
            position: absolute;
            top: 50%;
            cursor: pointer
        }

            .outer .seturModel .smOuter .sagOk img, .outer .seturModel .smOuter .solOk img {
                width: 100% !important;
                max-width: 30px
            }

        .outer .seturModel .smOuter .solOk {
            left: 0
        }

            .outer .seturModel .smOuter .solOk img {
                float: left;
                margin-left: 20px
            }

        .outer .seturModel .smOuter .sagOk {
            right: 0
        }

            .outer .seturModel .smOuter .sagOk img {
                float: right;
                margin-right: 20px
            }

        .outer .seturModel .smOuter .smMain {
            background-color: #fff;
            position: fixed;
            left: 50%;
            margin-left: -500px;
            top: 10%
        }

            .outer .seturModel .smOuter .smMain .exitModel {
                font-family: Roboto,sans-serif;
                font-weight: 700 !important;
                color: #fff;
                position: absolute;
                top: 0;
                right: 0;
                padding: 10px 20px;
                font-size: 24px;
                background-color: #009fdf
            }

    .outer .seturModel .smZemin {
        width: 100% !important;
        height: 100%;
        background-color: rgba(0,0,0,.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 7
    }

.outer .midInfo {
    display: table;
    margin: 0 auto;
    width: 95%;
    max-width: 1430px;
    float: none;
    padding: 20px 0
}

.outer .searchModel {
    display: none;
    position: fixed;
    background-color: rgba(4,32,63,.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 6
}

    .outer .searchModel .exit {
        background: url("img/ico.png") -362px -283px no-repeat;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 40px;
        right: 40px
    }

    .outer .searchModel .searcMain {
        margin: -100px auto 0;
        width: 95%;
        max-width: 1430px;
        float: none;
        display: block;
        position: relative;
        top: 50%
    }

        .outer .searchModel .searcMain header h2 {
            font-family: Roboto,sans-serif;
            color: #fff;
            padding: 0 !important;
            margin: 0 !important;
            font-weight: 400 !important;
            font-size: 32px;
            letter-spacing: -1.5px
        }

        .outer .searchModel .searcMain footer {
            float: left;
            width: 100% !important;
            margin-top: 25px
        }

            .outer .searchModel .searcMain footer .searchIco {
                background: url("img/ico.png") -324px -283px no-repeat;
                width: 30px;
                height: 30px;
                float: right;
                position: relative;
                z-index: 2;
                margin: -45px 20px 20px
            }

.outer .profilOuter, .outer .registerOuter {
    float: left;
    width: 100% !important;
    margin-top: 125px;
    padding-bottom: 100px
}

    .outer .registerOuter .regMain {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 0 20px
    }

        .outer .registerOuter .regMain .header {
            margin-bottom: 15px
        }

            .outer .registerOuter .regMain .header label {
                display: table;
                font-family: Roboto,sans-serif;
                font-weight: 400 !important;
                text-align: center;
                width: auto;
                font-size: 24px;
                color: #04203f;
                background-color: #fff;
                padding: 5px 20px;
                margin: 0 auto;
                position: relative;
                z-index: 2
            }

            .outer .registerOuter .regMain .header span {
                float: left;
                width: 100% !important;
                background: #04203f;
                height: 1px;
                margin-top: -20px;
                position: relative;
                z-index: 1
            }

        .outer .registerOuter .regMain .footer a {
            text-decoration: underline !important
        }

        .outer .profilOuter .proMain button, .outer .registerOuter .regMain .footer button {
            float: left;
            width: 100% !important;
            color: #fff;
            font-family: Roboto,sans-serif;
            font-weight: 700 !important;
            max-width: 100%;
            font-size: 18px;
            margin-top: 30px;
            background-color: #009fdf;
            border: 0;
            border-radius: 5px;
            padding: 10px
        }

        .outer .registerOuter .regMain .footer .form-check input {
            float: left;
            width: auto;
            height: auto;
            margin: 15px 0 0;
            cursor: pointer
        }

        .outer .registerOuter .regMain .footer .form-check label p {
            padding: 10px
        }

            .outer .registerOuter .regMain .footer .form-check label p a {
                color: #091e2d;
                font-weight: 400 !important;
                float: left;
                width: 100% !important
            }

    .outer .registerOuter .regMid {
        max-width: 500px
    }

    .outer .profilOuter .proMain {
        margin: 0 auto;
        width: 95%;
        max-width: 1430px;
        padding: 20px;
        float: none;
        display: block
    }

        .outer .profilOuter .proMain a {
            float: right;
            color: #091e2d;
            font-family: Roboto,sans-serif;
            font-weight: 300;
            font-size: 14px;
            text-decoration: underline !important
        }

        .outer .profilOuter .proMain h2, .outer .profilOuter .proMain h3 {
            float: left;
            width: 100% !important;
            border-bottom: 1px solid #d1d1d1;
            padding-bottom: 20px !important;
            margin-bottom: 20px !important
        }

.outer .backTop {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    z-index: 9999;
}

.outer .mobiImgTablet {
    display: none;
    background: url('img/headerBG.png') center center/cover no-repeat
}

    .outer .mobiImgTablet img {
        position: absolute;
        bottom: 30%;
        left: 35px;
        width: 100%;
        max-width: 300PX
    }

.outer .h404 {
    float: left;
    width: 100% !important;
    padding-bottom: 50px;
    margin-top: 90px
}

    .outer .h404 h1, .outer .h404 h2 {
        float: left;
        width: 100% !important;
        text-align: center;
        color: #091e2d;
        font-family: Roboto,sans-serif;
        padding: 0 10px;
        margin: 0
    }

    .outer .h404 h1 {
        font-size: 22px;
        font-weight: 700 !important
    }

    .outer .h404 h2 {
        font-size: 18px;
        font-weight: 400 !important
    }

.video-background {
    background: #000;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
    box-sizing: border-box
}

    .video-background iframe, .video-foreground {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        box-sizing: border-box
    }

@media(min-aspect-ratio:16/9) {
    .video-foreground {
        height: 300%;
        top: -100%
    }
}

.swiper-slide, .swiper-wrapper {
    height: 100%;
    position: relative
}

@media(max-aspect-ratio:16/9) {
    .video-foreground {
        width: 300%;
        left: -100%
    }
}

@media all and (max-width:600px) {
    .vid-info {
        width: 50%;
        padding: .5rem
    }

        .vid-info h1 {
            margin-bottom: .2rem
        }
}

@media all and (max-width:500px) {
    .vid-info .acronym {
        display: none
    }
}

@media screen and (max-width:1024px) {
    .outer .row6, .outer .row8 {
        background-attachment: inherit
    }

    .menuOuter {
        display: none !important
    }

    .outer .hamburgerMenu .hmbMain {
        width: 100%;
        max-width: 300px
    }

    .outer .hamburgerICO, .outer .row3 .marinasOuter .selectOuter {
        display: block
    }

    .outer .row1 .carusel .caruselMain .bigPic .bigPicMain {
        top: 75%
    }

    .outer .row1 .carusel .bottomArrow {
        margin-left: -20px
    }

    .outer .row2 .bigPic .bigPicMain .bigPicMainA1 .footer, .outer .row3 .marinasOuter .marAccording .marAcRow, .video-background {
        display: none
    }

    .outer .row3 .marinasPreOuter {
        width: 100% !important;
        background-color: #fff
    }

        .outer .row3 .marinasPreOuter .marinasPreMain, .outer .row4 .marinasPreOuter .marinasPreMain {
            text-align: center;
            max-width: 100%;
            padding: 30px 0
        }

    .egemobi, .outer .h404, .outer .row3 .marinasOuter, .outer .row3 .marinasPreOuter {
        margin-top: 0 !important
    }

    .outer .sticyMenu1 {
        top: auto
    }

    .outer .row3 .subMenu {
        width: 100% !important;
        height: auto !important;
        margin: 0;
        z-index: 4
    }

    .outer .row3 .contact {
        width: 100% !important;
        text-align: center;
        height: auto;
        margin: 0
    }

        .outer .row3 .contact span {
            float: none;
            margin: 0 auto;
            display: inline-block;
            width: auto !important
        }

    .outer .row3 .subMenu .subMenuMain {
        text-align: center;
        display: table;
        float: none !important;
        padding: 15px 0 !important;
        margin-left: 0 !important
    }

    .outer .row3 .marinasOuter, .outer .row4 .kupResim, .outer .row4 .tabOuter .tab1 .main .mainA1, .outer .row4 .tabOuter .tab1 .main .mainA2, .outer .row4 .tabOuter .tab1 .main .mainA2 iframe, .outer .row4 .tabOuter .tab6 .main .mainA1, .outer .row4 .tabOuter .tab6 .main .mainA2 {
        width: 100% !important
    }

        .outer .row3 .marinasOuter .marAccording {
            display: table;
            float: none;
            padding-top: 0;
            height: auto;
            margin: 0 auto
        }

            .outer .row3 .marinasOuter .marAccording .marAcL, .outer .row3 .marinasOuter .marAccording .marAcR {
                width: auto;
                margin: 0 auto;
                display: table;
                max-width: 275px
            }

            .outer .row3 .marinasOuter .marAccording .marAcRow .marHeader {
                float: left;
                width: 100% !important;
                display: none
            }

                .outer .row3 .marinasOuter .marAccording .marAcRow .marHeader img {
                    max-width: 220px
                }

            .outer .row3 .marinasOuter .marAccording .marAcRow .marMain {
                float: left;
                display: block
            }

                .outer .row3 .marinasOuter .marAccording .marAcRow .marMain span {
                    text-align: center
                }

                    .outer .row3 .marinasOuter .marAccording .marAcRow .marMain span b {
                        float: left;
                        width: 100% !important;
                        text-align: center
                    }

                .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul {
                    padding-left: 55px !important
                }

                    .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a, .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a i {
                        display: table;
                        float: none;
                        margin: 0 auto
                    }

                        .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a img {
                            float: left
                        }

                        .outer .row3 .marinasOuter .marAccording .marAcRow .marMain ul li a label {
                            text-align: left;
                            width: 77%;
                            padding: 0 0 0 10px;
                            font-size: 14px
                        }

    .outer .row4 .tabOuter {
        display: table
    }

    .outer .row4 .marinasPreOuter {
        width: 100% !important;
        background-color: #fff;
        margin-top: 0
    }

    .outer .row6 {
        background-position-y: 100% !important
    }

    .outer .row8 {
        background-position-y: 0 !important
    }

    .outer .row10 .footer .footerA1 .footerSearchOuter #BulletinEmailAddress {
        width: 63% !important
    }

    .outer .row10 .footer .footerA1 .footerSearchOuter #bulletin {
        font-size: 12px;
        padding: 13px
    }

    .outer .row10 .footer .footerA1 .footerSearchOuter .eBultenModel {
        width: 370px !important
    }

    .outer .row10 .footer .footerA2 .linkOuter ul li a {
        font-size: 12px
    }

    .col3Inp input {
        max-width: max-content
    }

    .pRB20 {
        max-width: 100px
    }

    .campingFooter, .mobiImgTablet {
        display: block !important
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .outer .row2 .bigPic .bigPicMain {
        padding-top: 110px
    }

    .outer .row1 .carusel .caruselMain .bigPic .bigPicMain {
        top: 75%
    }

    .outer .row1 .carusel .caruselMain .bigPic .bigActive .bigger, .outer .row1 .carusel .caruselMain .bigPic .bigActive .rotate {
        font-size: 36px;
        letter-spacing: 0
    }

    .outer .row2 .bigPic {
        height: 500px !important
    }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .footer span label {
            font-size: 80px;
            line-height: 65px
        }

        .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .footer span img {
            width: 32px
        }

    .outer .row3 .subMenu .subMenuMain ul {
        margin-bottom: 0
    }

    .outer .row3 .contact span label {
        padding: 10px 20px 10px 10px
    }

    .outer .row5 .camping {
        max-width: 95%
    }

    .outer .row6, .outer .row8 {
        padding: 20% 0
    }

    .outer .row8 {
        background-size: inherit;
        background-position-x: center;
        background-position-y: -260px !important
    }

    .outer .row7 .miniSliderOuter {
        width: 95% !important
    }

        .outer .row7 .miniSliderOuter .msFL {
            max-width: 280px
        }

        .outer .row7 .miniSliderOuter .msFR {
            width: 65%
        }

    .outer .row9 .egeYatOuter {
        max-width: 720px
    }

        .outer .row9 .egeYatOuter .egeYatA1 img {
            max-width: 100px;
            margin-top: 45px
        }

        .outer .row9 .egeYatOuter .egeYatA2 {
            padding: 0 0 40px;
            max-width: 505px
        }

        .outer .row9 .egeYatOuter .egeYatA3 img {
            max-width: 160px
        }

    .outer .row10 .footer .footerA1 .appDownload {
        float: right
    }

    .marStiMobi {
        margin-top: 110px !important
    }

    .stiMid {
        margin-top: 62px !important
    }

    .midInfo .col-md-2 {
        width: 100% !important
    }

    .outer .seturModel .smOuter .smMain {
        background-color: #fff;
        position: fixed;
        left: 50%;
        top: 10%;
        max-width: 700px;
        margin-left: -350px
    }
}

@media screen and (max-width:767px) {
    .outer .row2 .bigPic .bigPicMain {
        padding-top: 90px
    }

    .outer .row1 .carusel .caruselMain .bigPic .bigPicMain {
        top: 65%
    }

    .outer .row1 .carusel .caruselMain .bigPic .bigActive .bigger, .outer .row1 .carusel .caruselMain .bigPic .bigActive .rotate {
        font-size: 24px;
        letter-spacing: 0;
        width: 100%;
        margin-top: 0
    }

    .outer .row4 .kupResim {
        background-size: cover;
        background-position: center center
    }

    .outer .row2 .bigPic .bigPicMain .bigPicMainA1, .outer .row4 .tabOuter .tab5 .main .mainA1, .outer .row4 .tabOuter .tab5 .main .mainA2 {
        width: 100% !important
    }

    .outer .row2 .bigPic .bigPicMain .bigPicMainA2 {
        width: 100% !important;
        position: absolute;
        right: 25px;
        bottom: 5%
    }

    .outer .row2 .bigPic .bigPicMain .bigPicMainA1 .header img {
        max-width: 250px;
        margin-left: 12px
    }

    .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .footer span label {
        font-size: 50px;
        line-height: 40px
    }

    .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .footer span img {
        width: 20px
    }

    .outer .row2 .bigPic .bigPicMain .bigPicMainA2 .header label {
        font-size: 12px
    }

    .outer .row3 .subMenu .subMenuMain {
        padding: 15px 0 10px !important
    }

        .outer .row3 .subMenu .subMenuMain ul {
            width: 90% !important;
            float: none;
            display: table;
            margin: 0 auto
        }

            .outer .row3 .subMenu .subMenuMain ul li {
                margin-bottom: 5px;
                padding: 0 3%
            }

                .outer .row3 .subMenu .subMenuMain ul li a span, .outer .row4 .tabOuter .acRow .acHeader label {
                    font-size: 18px
                }

    .outer .row3 .midHeader {
        margin-top: -72px
    }

        .outer .row3 .midHeader .main h2 {
            font-size: 20px
        }

    .outer .row4 {
        min-height: 100%
    }

        .outer .row4 .tabOuter {
            padding-bottom: 0
        }

            .outer .row4 .tabOuter .acRow .acHeader {
                padding: 10px 15px
            }

            .outer .row4 .tabOuter .acRow .acMain ul li {
                width: 100% !important;
                padding: 10px 15px
            }

                .outer .row4 .tabOuter .acRow .acMain ul li span {
                    margin-right: 10px;
                    width: 45%
                }

    .outer .row3 .contact span label, .outer .row9 .egeYatOuter .egeYatA3 {
        display: none
    }

    .outer .row3 .contact span {
        padding: 0 10px
    }

    .outer .row2 .bigPic {
        height: 400px !important
    }

    .outer .row6, .outer .row8 {
        padding: 30% 0
    }

    .outer .row8 {
        background-size: cover;
        background-position-x: center
    }

    .outer .row7 .miniSliderOuter .msFL, .outer .row7 .miniSliderOuter .msFR {
        width: 100% !important;
        max-width: 100%
    }

        .outer .row7 .miniSliderOuter .msFL img {
            display: table;
            float: none;
            margin: 0 auto;
            width: 50%;
            max-width: 250px
        }

        .outer .row7 .miniSliderOuter .msFR .msMain {
            float: none;
            width: 95% !important;
            margin: 0 auto;
            display: table
        }

    .outer .row9 .egeYatOuter .egeYatA1 {
        width: 100%;
        float: left
    }

        .outer .row9 .egeYatOuter .egeYatA1 img {
            margin: -105px auto 0
        }

    .outer .row9 .egeYatOuter .egeYatA2 {
        padding: 0 10px 60px;
        margin: -30px auto 0;
        display: table
    }

        .outer .row10 .footer .footerA2 .linkOuter ul li a, .outer .row9 .egeYatOuter .egeYatA2 h3 label {
            width: 100% !important;
            text-align: center
        }

    .outer .row10 .footer .footerA1 .footerSearchOuter {
        width: 100% !important;
        float: none;
        margin: 0 auto;
        max-height: 500px !important;
    }

    .newsletter-title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .newsletter-content {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .secure-ssl {
        margin-top: -40px;
    }

    .outer .row10 .footer .footerA1 .appDownload {
        width: 100% !important;
        float: none;
        margin: 20px auto 0;
        display: table;
        max-width: 315px
    }

    .outer .row10 .footer .footerA2 .linkOuter ul {
        width: 100% !important;
        max-width: 100%;
        margin-bottom: 30px !important
    }

        .outer .row10 .footer .footerA2 .linkOuter ul li, .outer .row10 .footer .footerA2 .logoOuter {
            text-align: center
        }

            .outer .row10 .footer .footerA2 .linkOuter ul li i {
                display: table;
                float: none;
                max-width: 145px;
                margin: 0 auto
            }

            .outer .row10 .footer .footerA2 .logoOuter a {
                display: inline-block;
                margin: 0 auto;
                float: none
            }

    .outer .row10 .footer .footerA3 i {
        margin: 0 auto;
        display: table;
        float: none
    }

    .outer .row10 .footer .footerA3 label {
        width: 100% !important;
        text-align: center;
        font-size: 14px
    }

    .outer .row10 .footer .footerA1 .footerSearchOuter .eBultenModel {
        width: auto !important
    }

    .outer .row10 .footer .footerA1 .appDownload a {
        float: none;
        display: inline-block;
        margin: 0 auto
    }

    .outer .registerOuter .regMid .form-check input {
        vertical-align: top
    }

    .outer .registerOuter .regMain .footer .form-check label {
        width: 95%
    }

    .marStiMobi {
        margin-top: 185px !important
    }

    .stiMid {
        margin-top: 130px !important
    }

    .outer .seturModel .smOuter .smMain {
        background-color: #fff;
        position: fixed;
        left: 50%;
        top: 10%;
        max-width: 320px;
        margin-left: -160px
    }

        .outer .seturModel .smOuter .smMain .exitModel {
            padding: 5px 10px
        }

    .outer .seturModel .smOuter .sagOk, .outer .seturModel .smOuter .solOk {
        top: 45%
    }

        .outer .seturModel .smOuter .sagOk img, .outer .seturModel .smOuter .solOk img {
            max-width: 20px
        }

    .mobiImgTablet img {
        max-width: 270px !important
    }
}

@media screen and (max-width:480px) {
    .tableMVis {
        display: none
    }

    .outer .row4 .tabOuter .tab6 .rallyMain {
        overflow-x: scroll;
        width: 400px !important;
        float: none;
        display: block;
        margin: 0 auto
    }
}

@media screen and (min-width:667px) and (max-width:768px) {
    .outer .seturModel .smOuter .smMain {
        background-color: #fff;
        position: fixed;
        left: 50%;
        top: 10%;
        max-width: 480px;
        margin-left: -240px
    }
}

.mt-0 {
    margin-top: 0 !important
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 0
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    width: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform,-webkit-transform;
    font-weight: 300;
    font-size: 16px
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        -o-transition-property: transform,height;
        transition-property: transform,height,-webkit-transform
    }

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: relative;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url("img/ico.png") 0 -195px no-repeat;
    cursor: pointer
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background-position: -20px -195px
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: top .2s,-webkit-transform .2s;
            transition: transform .2s,top .2s,-webkit-transform .2s;
            -o-transition: transform .2s,top .2s
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: left .2s,-webkit-transform .2s;
        transition: transform .2s,left .2s,-webkit-transform .2s;
        -o-transition: transform .2s,left .2s
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s;
    -o-transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill, .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

.swiper-pagination-black .swiper-pagination-bullet-active, .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag, .swiper-slide-zoomed {
    cursor: move
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: 1s steps(12,end) infinite swiper-preloader-spin;
    animation: 1s steps(12,end) infinite swiper-preloader-spin
}

    .swiper-lazy-preloader:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

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

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

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

    .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-fade .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container {
    width: 100%;
    height: 100%
}

.cookie-popup-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    margin: 5% 0;
    left: 0;
    top: 0;
    width: 100%;
}

    .cookie-popup-modal > input:not([class*='col-']), select:not([class*='col-']), .input-select:not([class*='col-']), textarea:not([class*='col-']), button[type="submit"]:not([class*='col-']) {
        width: auto !important;
    }

/* Modal Content */
.cookie-popup-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 25px 24px 0px 24px;
    border: 1px solid #88888891;
    border-radius: 5px;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    max-height: 650px;
    overflow-y: scroll;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.cookie-popup-header > h2 {
    font-family: "Open Sans Bold",sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 27px;
    padding: 0px 24px 25px 0px;
    color: black;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 0px;
}

.cookie-popup-body {
    padding-top: 25px;
}

    .cookie-popup-body p {
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        line-height: 19px;
        color: black;
        letter-spacing: 0;
        margin-bottom: 10px;
    }

    .cookie-popup-body a {
        color: black;
        text-decoration: underline;
        font-weight: bold;
    }

.cookie-popup-footer {
    padding: 0px 0px 33px 0px;
    display: flex;
    flex-direction: row;
}

.cookie-popup-reject-all {
    margin: 0px auto;
    margin-right: 10px;
    font-family: "Open Sans SemiBold", sans-serif;
    color: white;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    padding: 16px 24px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.cookie-popup-approval-button {
    font-family: "Open Sans SemiBold", sans-serif;
    color: white;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    padding: 16px 24px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.manage-elections {
    color: white;
    float: left;
    border-radius: 5px;
    border: none;
    font-family: "Open Sans SemiBold", sans-serif;
    line-height: 22px;
    letter-spacing: 0;
    padding: 16px 24px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 600;
}

#select-cookie {
    padding: 25px 0px 32px 0px;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 20px;
    display: none;
}

    #select-cookie h2 {
        font-family: "Open Sans",sans-serif;
        color: black;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 27px;
        margin: 0px 0px 23px 0px;
    }

.select-cookie-item-title {
    padding: 7px 0px;
    font-family: "Open Sans",sans-serif;
    background-color: #F6F6F6;
    color: black;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
    width: 100%;
    height: 36px;
    border: none;
    margin-bottom: 8px;
    text-align: left;
}

    .select-cookie-item-title:after {
        content: ' ';
        background-image: url('../img/add.svg');
        color: black;
        background-size: cover;
        height: 14px;
        width: 14px;
        float: left;
        margin: 3px 21px;
    }

.select-cookie-list-item-content {
    padding: 0 18px;
    display: none;
    background-color: #F6F6F6;
    overflow: hidden;
    margin: -8px 0px 8px 0px;
}

.select-cookie-desc {
    font-size: 15px;
    padding: 17px 16px 17px 36px;
}

    .select-cookie-desc p {
        color: black;
    }

.select-cookie-form-checkbox-input {
    display: none;
}

.cookies-check {
    float: right;
}

.cookie-details {
    color: black;
    border: none;
    line-height: normal;
    padding: 10px 0px 10px 0px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
}

.cookie-list-table {
    font-family: "Open Sans",sans-serif;
    border-collapse: collapse;
    border-spacing: 0;
    width: 90%;
    border: 1px solid #ddd;
    font-size: 13px;
    margin: 0px 0px 15px 36px;
}

    .cookie-list-table > th {
        border: 1px solid #cccccc;
        border-collapse: collapse;
        text-align: left;
        padding: 8px;
    }

    .cookie-list-table > td {
        border: 1px solid #cccccc;
        border-collapse: collapse;
        text-align: left;
        padding: 8px;
    }

.switch-cookie {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    margin-right: 16px;
}

    .switch-cookie input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .switch-cookie > input:checked + .select-cookie-form-checkbox-label {
        background-color: black;
    }

    .switch-cookie > input:focus + .select-cookie-form-checkbox-label {
        box-shadow: 0 0 1px black;
    }

    .switch-cookie > input:checked + .select-cookie-form-checkbox-label:before {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px);
    }

    .switch-cookie > .select-cookie-form-checkbox-label {
        border-radius: 34px;
    }

        .switch-cookie > .select-cookie-form-checkbox-label:before {
            border-radius: 50%;
        }


    .switch-cookie > .select-cookie-form-checkbox-label {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .switch-cookie > .select-cookie-form-checkbox-label:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }


.compulsory-cookie-lock-icon {
    float: right;
    width: 11px;
    height: 15px;
    margin: 4px 6px;
}

@media only screen and (max-width: 1200px) {
    .cookie-popup-modal > input:not([class*='col-']), select:not([class*='col-']), .input-select:not([class*='col-']), textarea:not([class*='col-']), button[type="submit"]:not([class*='col-']) {
        width: 100% !important;
    }

    .cookie-popup-content {
        width: 95%;
        max-height: 580px;
        overflow-y: scroll;
    }

    .cookie-popup-footer {
        flex-direction: column;
        padding: 0px;
    }

    .cookie-popup-body {
        font-size: 14px;
    }

    .manage-elections {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 16px;
        padding: 0px;
        height: 45px;
    }

    .cookie-popup-reject-all {
        padding: 0px;
        font-size: 14px;
        margin-top: 8px;
        height: 45px;
    }

    .cookie-popup-approval-button {
        padding: 0px;
        font-size: 14px;
        margin-top: 8px;
        height: 45px;
    }

    .select-cookie-item-title:after {
        margin: 3px 5px;
    }

    .select-cookie-item-title {
        font-size: 14px;
    }

    .switch-cookie {
        margin-right: 8px;
        margin-top: 0px;
    }

    .select-cookie-desc {
        font-size: 14px;
        padding: 16px 8px 17px 6px;
    }

        .select-cookie-desc p {
            color: black;
        }

    .cookie-popup-body a {
        color: black;
        text-decoration: underline;
        font-weight: bold;
    }

    .cookie-list-table {
        margin: 0px 0px 15px 6px;
        width: 100%;
        overflow: auto;
    }
}

@media only screen and (max-width: 800px) {
    .cookie-popup-content {
        width: 95%;
        max-height: 550px;
        overflow-y: scroll;
    }

    .cookie-popup-footer {
        flex-direction: column;
        margin-bottom: 34px;
    }

    .select-cookie-item-title:after {
        margin: 3px 5px;
    }

    .select-cookie-item-title {
        font-size: 14px;
    }

    .switch-cookie {
        margin-right: 8px;
        margin-top: 0px;
    }

    .select-cookie-desc {
        font-size: 14px;
        padding: 16px 8px 17px 6px;
    }

        .select-cookie-desc p {
            color: black;
        }

    .cookie-popup-body a {
        color: black;
        text-decoration: underline;
        font-weight: bold;
    }

    .cookie-list-table {
        margin: 0px 0px 15px 6px;
        width: 100%;
        overflow: auto;
    }
}

@media only screen and (max-width: 1014px){
    .cookie-button {
        width: 100% !important;
        float: left !important;
        position: relative;
        left: 0 !important;
        margin: 0 !important;
        margin-top: 5px !important;
    }

    .settings-button {
        width: 100% !important;
    }
}

.purpose-radio {
    margin-bottom: 10px;
}


.text-navy {
    color: #1ab394;
}

.cart-product-imitation {
    text-align: center;
    padding-top: 30px;
    height: 80px;
    width: 80px;
    background-color: #f8f8f9;
}

.product-imitation.xl {
    padding: 120px 0;
}

.product-desc {
    padding: 20px;
    position: relative;
}

.ecommerce .tag-list {
    padding: 0;
}

.ecommerce .fa-star {
    color: #d1dade;
}

    .ecommerce .fa-star.active {
        color: #f8ac59;
    }

.ecommerce .note-editor {
    border: 1px solid #e7eaec;
}

table.shoping-cart-table {
    margin-bottom: 0;
}

    table.shoping-cart-table tr td {
        border: none;
        text-align: right;
    }

        table.shoping-cart-table tr td.desc,
        table.shoping-cart-table tr td:first-child {
            text-align: left;
        }

        table.shoping-cart-table tr td:last-child {
            min-width: 300px;
        }

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

    .ibox.collapsed .ibox-content {
        display: none;
    }

    .ibox:after,
    .ibox:before {
        display: table;
    }

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}

.secure-ssl {
    width: 190px;
    max-width: 175px;
    margin-right: 5px;
}

#desk360-whatsapp-iframe {
    position: fixed !important;
    right: 30px !important;
    bottom: 160px !important;
    z-index: 9999 !important;
}

#desk360-chat-iframe {
    position: fixed !important;
    right: 20px !important;
    bottom: 80px !important;
    z-index: 9999 !important;
}