@font-face {
    font-family: "camptonbook";
    src: url("../fonts/campton-book.woff2") format("woff2"), url("../fonts/campton-book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "camptonthin";
    src: url("../fonts/campton-thin.woff2") format("woff2"), url("../fonts/campton-thin.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "camptonextralight";
    src: url("../fonts/campton-extralight.woff2") format("woff2"), url("../fonts/campton-extralight.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "camptonlight";
    src: url("../fonts/campton-light.woff2") format("woff2"), url("../fonts/campton-light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "good_vibesregular";
    src: url("../fonts/good-vibes.woff2") format("woff2"), url("../fonts/good-vibes.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "00859";
    src: url("../fonts/a0859.eot");
    src: url("../fonts/a0859.eot?#iefix") format("embedded-opentype"), url("../fonts/a0859.woff2") format("woff2"), url("../fonts/a0859.woff") format("woff"), url("../fonts/a0859.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "northwellregular";
    src: url("../fonts/northwell-regular.woff2") format("woff2"), url("../fonts/northwell-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "gtsectrafine-regularregular";
    src: url("../fonts/regular.woff2") format("woff2"), url("../fonts/regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "GT America";
    src: url("../fonts/GTAmerica-Regular.eot");
    src: url("../fonts/GTAmerica-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/GTAmerica-Regular.woff2") format("woff2"), url("../fonts/GTAmerica-Regular.woff") format("woff"), url("../fonts/GTAmerica-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "nowayregular";
    src: url("../fonts/noway-regular-webfont.eot");
    src: url("../fonts/noway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/noway-regular-webfont.woff2") format("woff2"), url("../fonts/noway-regular-webfont.woff") format("woff"), url("../fonts/noway-regular-webfont.ttf") format("truetype"), url("../fonts/noway-regular-webfont.svg#nowayregular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "NoeDisplay-Medium";
    src: url("../fonts/NoeDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NoeDisplay-Medium.woff") format("woff"), url("../fonts/NoeDisplay-Medium.ttf") format("truetype"), url("../fonts/NoeDisplay-Medium.svg#NoeDisplay-Medium") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "NoeDisplay";
    src: url("../fonts/NoeDisplay.eot?#iefix") format("embedded-opentype"), url("../fonts/NoeDisplay.woff") format("woff"), url("../fonts/NoeDisplay.ttf") format("truetype"), url("../fonts/NoeDisplay.svg#NoeDisplay") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Luminari-Regular";
    src: url("../fonts/Luminari-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Luminari-Regular.woff") format("woff"), url("../fonts/Luminari-Regular.ttf") format("truetype"), url("../fonts/Luminari-Regular.svg#Luminari-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Apple-Chancery";
    src: url("../fonts/Apple-Chancery.eot?#iefix") format("embedded-opentype"), url("../fonts/Apple-Chancery.woff") format("woff"), url("../fonts/Apple-Chancery.ttf") format("truetype"), url("../fonts/Apple-Chancery.svg#Apple-Chancery") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Georgia";
    src: url("../fonts/Georgia.eot?#iefix") format("embedded-opentype"), url("../fonts/Georgia.woff") format("woff"), url("../fonts/Georgia.ttf") format("truetype"), url("../fonts/Georgia.svg#Georgia") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
body.animated.fadeIn.pro-body.fancybox-active.compensate-for-scrollbar header {
    z-index: auto !important
}
@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 0;
        top: 29%
    }
}
@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 0;
        top: 29%
    }
}
@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 0;
        top: 29%
    }
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}
html {
    height: auto !important
}
*::-moz-selection {
    background: #fff;
    color: #fff
}
*::selection {
    background: #fff;
    color: #fff
}
.containers {
    max-width: 1280px;
    margin: 0 auto
}
button, a {
    text-decoration: none;
    outline: 0 !important
}
ol, ul {
    padding: 0;
    margin: 0
}
ol li, ul li {
    list-style-type: none
}
area {
    top: 0;
    width: 27px !important;
    height: 27px !important;
    background: url(../images/pl.png) center center #b5b5b5 no-repeat;
    border-radius: 50%
}
.slick-slide, .slick-track {
    outline: 0 !important
}
.unactive {
    display: none !important
}
.fancybox-container .fancybox-slide--html {
    padding: 0
}
.fancybox-container .fancybox-inner {
    background: #000
}
.fancybox-container .page {
    padding: 0 155px;
    background: none;
    height: 100%
}
.fancybox-container .container-fluid {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}
.fancybox-container .fancybox-close-small {
    font: 17px camptonextralight !important;
    cursor: pointer !important;
    color: #fff !important;
    right: 50px !important;
    top: 50px !important;
    opacity: 1;
    padding: 0 60px 0 0 !important;
    width: auto !important;
    height: 62px !important;
    display: flex;
    align-items: center
}
.fancybox-container .fancybox-close-small svg {
    display: none !important
}
.fancybox-container .fancybox-close-small:before {
    transition: .3s;
    content: "";
    background: url(../images/close-new.png) right center no-repeat;
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    right: 0;
    top: 11px
}
.pagingInfo {
    position: absolute;
    bottom: 0;
    background: #000000b0;
    width: 100px;
    height: 30px;
    display: block;
    left: 50%;
    margin-left: -30px;
    color: #fff;
    text-align: center;
    padding: 7px;
    font: 14px camptonextralight
}
.panel {
    transition: .7s;
    position: fixed;
    top: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    z-index: 45;
    right: 0;
    background: none;
    border: none
}
.panel.ope {
    transition: .7s;
    width: 100%
}
.panel.ope nav {
    transition: .7s;
    width: 440px !important
}
.panel .p-list-data {
    position: fixed;
    right: 440px;
    width: 80%;
    z-index: 99;
    background: #000;
    display: none;
    border-left: 1px solid #3d3d3d;
    scrollbar-width: none
}
.panel .p-list-data::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}
.panel .p-list-data::-webkit-scrollbar {
    width: 0;
    background-color: #f5f5f5
}
.panel .p-list-data::-webkit-scrollbar-thumb {
    background-color: #000;
    border: 2px solid #555
}
.panel .p-list-data .pa {
    padding: 0 !important
}
.panel .p-list-data .pro-list {
    max-width: 100%
}
.panel .p-list-data .item {
    transition: .3s;
    float: left;
    width: 100%;
    border-bottom: 1px solid #232323;
    position: relative
}
.panel .p-list-data .item a:hover {
    transition: .3s
}
.panel .p-list-data .item a:hover:before {
    transition: .3s;
    opacity: 1
}
.panel .p-list-data .item a:hover .text {
    position: relative;
    z-index: 9
}
.panel .p-list-data .item a:before {
    transition: .3s;
    content: "";
    opacity: 0;
    background: rgba(18, 18, 18, .44);
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}
.panel .p-list-data .item:after {
    transition: .3s;
    content: "";
    background: #232323;
    width: 70%;
    left: -70%;
    height: 1px;
    position: absolute;
    bottom: 0;
    display: block
}
.panel .p-list-data .item .text {
    transition: .3s;
    font: 23px camptonthin;
    color: #a8a8a8;
    display: table;
    height: 180px;
    width: 50%;
    float: right
}
.panel .p-list-data .item .text span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 50px
}
.panel .p-list-data .item .text span i {
    transition: .3s;
    position: relative;
    top: 12px;
    font-style: normal
}
.panel .p-list-data .item .images {
    transition: .3s;
    height: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center
}
.panel .p-list-data .item .images .resim-att {
    display: none
}
.panel .p-list-data .item .images img {
    min-height: 100%;
    min-width: 100%
}
.panel .p-list-data .item .images .resim-att {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    padding: 0;
    text-align: center
}
.panel .p-list-data .item .images .resim-att .resim-att-pre {
    width: 100%;
    height: 100%;
    position: relative
}
.panel .p-list-data .item .images .resim-att .resim-att-pre .resim-thumb {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}
.panel .p-list-data .item .images .resim-att .resim-att-pre .resim-thumb .resim-centered {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}
.panel .p-list-data .item .images .resim-thumb .resim-centered img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.panel .mobile-menu {
    float: left;
    width: 100%;
    height: 100%
}
.panel .mobile-menu .inner {
    float: left;
    width: 100%;
    height: 100%
}
.panel .mobile-menu .inner nav {
    transition: .7s;
    position: relative;
    z-index: 9999;
    background: #000;
    float: right;
    width: 0;
    height: 100%;
    overflow: hidden
}
.panel .mobile-menu .inner nav ul {
    margin: 0;
    padding: 130px 35px 0 0;
    height: 100%
}
.panel .mobile-menu .inner nav ul li {
    opacity: 0;
    float: left;
    width: 100%
}
.panel .mobile-menu .inner nav ul li span i {
    display: none
}
.panel .mobile-menu .inner nav ul li a .images {
    height: 85px;
    float: right;
    width: 125px
}
.panel .mobile-menu .inner nav ul li a .images img {
    max-height: 100%
}
.panel .mobile-menu .inner nav ul li a .images .resim-att {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    padding: 0;
    text-align: center
}
.panel .mobile-menu .inner nav ul li a .images .resim-att .resim-att-pre {
    width: 100%;
    height: 100%;
    position: relative
}
.panel .mobile-menu .inner nav ul li a .images .resim-att .resim-att-pre .resim-thumb {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}
.panel .mobile-menu .inner nav ul li a .images .resim-att .resim-att-pre .resim-thumb .resim-centered {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}
.panel .mobile-menu .inner nav ul li a .images .resim-thumb .resim-centered img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.panel .mobile-menu .inner nav ul li.open span, .panel .mobile-menu .inner nav ul li.open a {
    transition: .3s;
    color: #fff
}
.panel .mobile-menu .inner nav ul li.open span i, .panel .mobile-menu .inner nav ul li.open a i {
    width: 120% !important
}
.panel .mobile-menu .inner nav ul li.hover span, .panel .mobile-menu .inner nav ul li.hover a {
    transition: .5s;
    color: #fff
}
.panel .mobile-menu .inner nav ul li span, .panel .mobile-menu .inner nav ul li a {
    transition: .5s;
    display: block;
    padding: 15px 0;
    cursor: pointer;
    text-decoration: none;
    font: 27px camptonlight;
    color: #7b7b7b;
    position: relative;
    text-align: right;
    float: right
}
.panel .mobile-menu .inner nav ul li span:hover, .panel .mobile-menu .inner nav ul li a:hover {
    transition: .5s;
    color: #fff
}
.panel .mobile-menu .inner nav ul li span i, .panel .mobile-menu .inner nav ul li a i {
    transition: .5s;
    content: "";
    position: absolute;
    right: 50%;
    width: 0;
    height: 1px;
    background: #3d3d3d;
    top: 50%;
    margin-top: 0;
    margin-right: 168px
}
.panel .mobile-menu .inner nav ul li ul {
    display: none;
    padding: 0;
    float: left;
    width: 100%;
    margin: 15px 0
}
.panel .mobile-menu .inner nav ul li ul li {
    opacity: 1 !important;
    border-bottom: 1px solid #3d3d3d
}
.panel .mobile-menu .inner nav ul li ul li a {
    font-size: 18px;
    padding: 0;
    opacity: 1 !important;
    display: table;
    height: 85px;
    width: 100%
}
.panel .mobile-menu .inner nav ul li ul li a em {
    display: table-cell;
    vertical-align: middle;
    font-style: normal;
    color: #7b7b7b;
    text-align: left
}
.fancybox-button--close {
    transition: .3s;
    content: "";
    background: url(../images/close-new.png) right center no-repeat;
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    display: none
}
.fancybox-button--close svg {
    display: none
}
@keyframes tops1 {
    0% {
        height: 20px
    }
    to {
        height: 130px
    }
}
@keyframes tops1 {
    0% {
        height: 0
    }
    to {
        height: 130px
    }
}
@keyframes tops {
    0% {
        transform: scale(6)
    }
    25% {
        transform: scale(5)
    }
    35% {
        transform: scale(4)
    }
    50% {
        transform: scale(3)
    }
    75% {
        transform: scale(2)
    }
    100% {
        transform: scale(1)
    }
}
.slider-box-mobil {
    float: left;
    width: 100%;
    height: 100vh;
    display: none
}
@media only screen and (max-width : 767px) {
    .slider-box-mobil {
        display: block
    }
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .slider-box-mobil {
        display: block
    }
}
.slider-box-mobil .slick-track {
    height: 100vh
}
.slider-box-mobil .slider-mob {
    height: 100vh
}
.slider-box-mobil .slick-list {
    height: 100vh
}
.slider-box-mobil .container-fluid {
    max-width: 1200px;
    position: absolute;
    height: 100vh;
    z-index: 9;
    top: 0;
    width: 100%;
    padding: 0
}
.slider-box-mobil .line {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 50%;
    text-align: center;
    transform: translateY(50%);
	text-shadow: 2px 2px 2px #000;
    padding: 0 35px
}
@media only screen and (max-width: 767px) {
    .slider-box-mobil .line {
        padding: 0 30px
    }
}
.slider-box-mobil .line .line1 {
    font: 25px/32px camptonthin;
    color: #fff;
    letter-spacing: 2px;
	margin: 5px 0 0 0
}
@media only screen and (max-width: 340px) {
    .slider-box-mobil .line .line1 {
        font: 17px/25px camptonthin
    }
}
@media only screen and (max-width: 767px) {
    .slider-box-mobil .line .line1 {
        letter-spacing: 1px;
        font: 20px/25px camptonthin
    }
}
.slider-box-mobil .line .line2 {
    font: 25px/32px camptonthin;
    color: #fff;
    letter-spacing: 2px;
    margin: 5px 0 0 0
}
@media only screen and (max-width: 767px) {
    .slider-box-mobil .line .line2 {
        letter-spacing: 1px;
        font: 20px/25px camptonthin
    }
}
@media only screen and (max-width: 340px) {
    .slider-box-mobil .line .line2 {
        font: 17px/25px camptonthin
    }
}
.slider-box-mobil .line .line3 {
    font: 25px/32px camptonthin;
    color: #fff;
    letter-spacing: 2px;
    margin: 5px 0 0 0
}
@media only screen and (max-width: 767px) {
    .slider-box-mobil .line .line3 {
        letter-spacing: 1px;
        font: 20px/25px camptonthin        
    }
}
@media only screen and (max-width: 340px) {
    .slider-box-mobil .line .line3 {
        font: 17px/25px camptonthin
    }
}
.slider-box-mobil .line .line4 {
    font: 25px/32px camptonthin;
    color: #fff;
    letter-spacing: 2px;
    margin: 5px 0 0 0
}
@media only screen and (max-width: 767px) {
    .slider-box-mobil .line .line4 {
        letter-spacing: 1px;
        font: 20px/25px camptonthin        
    }
}
@media only screen and (max-width: 340px) {
    .slider-box-mobil .line .line4 {
        font: 17px/25px camptonthin
    }
}
.slider-box-mobil .images {
    background-size: cover;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center
}
.slider-box-mobil .images:before {
    content: "";
    background: #000;
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    opacity: .5;
    left: 0
}
.slider-box-mobil .images img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.slider-box-mobil .slick-arrow {
    position: absolute;
    bottom: 60px;
    z-index: 9
}
.slider-box-mobil .slick-arrow.slick-prev {
    right: 90px;
    background: url(../images/path.png) no-repeat;
    width: 46px;
    height: 24px;
    border: none;
    transform: rotate(90deg);
    background-size: contain
}
@media only screen and (max-width: 767px) {
    .slider-box-mobil .slick-arrow.slick-prev {
        right: 80px !important
    }
}
.slider-box-mobil .slick-arrow.slick-next {
    right: 35px;
    background: url(../images/path.png) no-repeat;
    width: 46px;
    height: 24px;
    border: none;
    transform: rotate(-90deg);
    background-size: contain
}
@media only screen and (max-width: 767px) {
    .slider-box-mobil .slick-arrow.slick-next {
        right: 30px !important
    }
}
svg {
    transition: .5s;
    transform: scale(0);
    display: none !important
}
.sld-bef {
    position: absolute;
    width: 100%;
    z-index: 20;
    bottom: 7vh;
    height: 140px
}
.slider-box {
    float: left;
    width: 100%;
    height: 100vh;
    overflow: hidden
}
@media only screen and (max-width : 767px) {
    .slider-box {
        display: none
    }
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .slider-box {
        display: none
    }
}
.slider-box .item-slide {
    float: left;
    width: 100%
}
.slider-box .item-slide:before {
    content: "";
    background: #000;
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    opacity: .5;
    left: 0
}
.slider-box .slider {
    float: left;
    width: 100%;
    text-align: center
}
.slider-box .slider .images {
    opacity: 0;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: center
}
.slider-box .slider .images img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.slider-box .slider .container-fluid {
    max-width: 1200px;
    position: relative;
    height: 100vh;
    z-index: 9
}

/* Modified by Sebahattin 2021/03/05  */
.font-std { font: 1em/1em camptonthin; color: #fff; }
.font-mini {font: 0.8em/1em camptonthin; color: #fff;}
.slider-box .slider .line {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 50%;
    text-align: center;
    transform: translateY(110px);
	text-shadow: 2px 2px 2px #000;
    padding: 0 100px
}
.slider-box .slider .line > div {	
    margin: 5px 0 0 0;
    opacity: 0;
    font: 2em/1.3em camptonthin;
    color: #fff;
    letter-spacing: 3px
}
.slider-box .slider .line > div > b {
    font-size: 1.1em;
}
@media screen and (min-width: 1024px)and (max-width: 1200px) {
    .slider-box .slider .line > div {
        font: 1.5em/1.2 camptonthin
    }
}

.slider-box .slick-dots {
    position: relative;
    bottom: 130px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0 !important;
    display: inline
}
.slider-box .slick-dots.active:before {
    transition: .3s;
    width: 100%
}
.slider-box .slick-dots:before {
    transition: .3s;
    content: "";
    background: url(../images/line.png);
    width: 0;
    height: 1px;
    display: block;
    position: absolute;
    top: 8px;
    left: 0
}
.slider-box .slick-dots li {
    display: inline-block;
    margin: 0 1% 0 0;
    position: relative
}
.slider-box .slick-dots li:after {
    content: ""
}
.slider-box .slick-dots li:hover button:before {
    transform: scale(1.9) !important;
    margin-left: -5px !important
}
.slider-box .slick-dots li.slick-active svg {
    transition: .5s;
    transform: rotate(1000.67deg) scale(1)
}
.slider-box .slick-dots li.slick-active svg:last-child {
    display: block !important
}
.slider-box .slick-dots li.slick-active:before {
    transition: .6s;
    transform: scale(6.5);
    opacity: 1;
    border-radius: 50%;
    background: transparent
}
.slider-box .slick-dots li.slick-active.full button:before {
    transition: .6s;
    transform: scale(6.5) !important;
    background: url(../images/ellips.png) no-repeat;
    background-size: contain !important
}
.slider-box .slick-dots li:last-child {
    margin-right: 0
}
.slider-box .slick-dots li.actives button:after {
    transition: .3s;
    opacity: 1;
    transform: scale(1)
}
.slider-box .slick-dots li.active button {
    transition: .3s;
    opacity: 1
}
.slider-box .slick-dots li.active button:before {
    transition: .3s;
    transform: scale(1)
}
.slider-box .slick-dots li button {
    cursor: pointer;
    transition: .3s;
    opacity: 0;
    width: 54px;
    height: 54px;
    background: none;
    border: 1px solid transparent;
    border-radius: 50%;
    text-indent: -9999px;
    position: relative
}
.slider-box .slick-dots li button:before {
    transition: .3s;
    content: "";
    background: #fff;
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 20px -4px;
    transform: scale(7)
}
body {
    background-color: #000 !important;
    background-repeat: no-repeat !important;
    z-index: inherit !important;
    overflow-x: hidden
}
body::-webkit-scrollbar-track {
    background-color: #fff
}
body::-webkit-scrollbar {
    width: 10px;
    background-color: #fff
}
body::-webkit-scrollbar-thumb {
    background-color: #000
}
body.hid {
    overflow: hidden !important
}
body.zirh {
    background-size: 57%;
    background-position: right 100px top
}
body.bereket, body.esma {
    background-size: 46%
}
body.fancybox-active > .mbYTP_wrapper {
    display: none
}
body.fancybox-active > .YTPOverlay {
    display: none
}
.container-fluid {
    max-width: 2000px
}
header {
    width: 100%;
    position: absolute
}
@media only screen and (max-width : 767px) {
    header {
        padding: 30px 0
    }
}
header .logo {
    transition: .3s;
    float: left;
    position: fixed;
    left: 30px;
    top: 30px;
    z-index: 999
}
header .logo.fixed {
    transition: .3s;
    top: -110px
}
header .logo a {
    width: 90px;
    display: block
}
header .logo a img {
    max-width: 100%
}
header .menu-btn {
    transition: .3s;
    float: right;
    position: fixed;
    right: 30px;
    top: 68px;
    z-index: 999
}
@media only screen and (max-width: 1200px) {
    header .menu-btn {
        top: 38px
    }
}
header .menu-btn button {
    display: block !important;
    padding: 0;
    margin: 0;
    border-radius: 0 !important;
    cursor: pointer
}
header .menu-btn button:hover span {
    width: 32px !important
}
header .menu-btn button.kapali span {
    width: 32px !important
}
header .menu-btn button.kapali span:nth-child(1) {
    transition: .3s;
    -webkit-transform: rotate(-45deg) translateY(4.5px) translateX(-4.5px);
    -moz-transform: rotate(-45deg) translateY(4.5px) translateX(-4.5px);
    -ms-transform: rotate(-45deg) translateY(4.5px) translateX(-4.5px);
    -o-transform: rotate(-45deg) translateY(4.5px) translateX(-4.5px);
    transform: rotate(-45deg) translateY(4.5px) translateX(-4.5px)
}
header .menu-btn button.kapali span:nth-child(2) {
    transition: .3s;
    opacity: 0
}
header .menu-btn button.kapali span:nth-child(3) {
    transition: .3s;
    -webkit-transform: rotate(45deg) translateY(-4.5px) translateX(-4.5px);
    -moz-transform: rotate(45deg) translateY(-4.5px) translateX(-4.5px);
    -ms-transform: rotate(45deg) translateY(-4.5px) translateX(-4.5px);
    -o-transform: rotate(45deg) translateY(-4.5px) translateX(-4.5px);
    transform: rotate(45deg) translateY(-9.5px) translateX(-8.5px)
}
header .menu-btn button span {
    transition: .3s;
    display: block;
    height: 2px !important;
    background: #fff;
    border-radius: 0 !important
}
header .menu-btn button span:nth-child(1) {
    width: 16px
}
header .menu-btn button span:nth-child(2) {
    width: 25px
}
header .menu-btn button span:nth-child(3) {
    width: 32px
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 8px
}
.home footer {
    background: none
}
.home span#controlBar_bgndVideo {
    display: block;
    position: absolute !important;
    bottom: 0;
    z-index: initial !important
}
.home span#controlBar_bgndVideo .mb_YTVPMuteUnmute, .home span#controlBar_bgndVideo .mb_YTVPTime {
    z-index: inherit !important
}
.home .buttonBar {
    position: absolute;
    bottom: 0;
    max-width: 55px
}
.home .mb_YTVPProgress {
    top: -5px
}
.video-slider {
    height: 100vh
}
.video-slider:after {
    content: "";
    background: rgba(0, 0, 0, .4901960784);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 200%;
    z-index: 5
}
.video-slider .ytb {
    position: relative;
    z-index: 5;
    margin-top: -120px;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%
}
.video-slider .ytplayer-container {
    bottom: 0;
    height: 100%;
    left: 0;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}
.video-slider .ytplayer-video {
    position: absolute;
    height: 100% !important;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.video-slider .ytplayer-shield {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}
.video-slider .linkto {
    position: absolute;
    bottom: 110px;
    right: 55px;
    z-index: 40
}
.video-slider .linkto a {
    transition: .3s;
    display: block;
    font: 14px camptonlight;
    color: #fff;
    width: 92px;
    height: 42px;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 50px;
    padding: 13px 8px
}
.video-slider .linkto a:hover {
    transition: .3s;
    color: #000;
    background: #fff
}
.slider {
    vertical-align: middle;
    float: left;
    width: 100%;
    height: 100%;
    position: relative
}
.slider .fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden;
    height: 100vh !important
}
.slider .fullwidthbanner-container ul {
    overflow: hidden;
    height: 100% !important;
    position: relative
}
.slider .fullwidthbanner-container ul li {
    list-style: none;
    position: absolute;
    visibility: hidden
}
.slider .fullwidthbanner-container ul li:after {
    content: "";
    background: #000;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: .4
}
.slider .fullwidthbanner-container ul li .tp-caption {
    position: absolute;
    z-index: 8;
    top: 50% !important;
    width: 100%;
    left: 0 !important;
    margin-top: -130px !important
}
.slider .fullwidthbanner-container ul li .tp-caption .capBig {
    max-width: 100%;
    display: block;
    margin: 0 auto
}
.slider .fullwidthbanner-container ul li .tp-caption .capBig .line {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto
}
.slider .fullwidthbanner-container ul li .tp-caption .capBig .line .line1 {
    font: 33px camptonthin;
    color: #fff;
    display: block;
    margin: 0 auto;
    position: relative;
    opacity: 0;
    text-align: center;
    letter-spacing: 15px
}
.slider .fullwidthbanner-container ul li .tp-caption .capBig .line .line2 {
    font: 70px camptonthin;
    color: #fff;
    position: relative;
    opacity: 0;
    letter-spacing: 18px
}
.slider .fullwidthbanner-container ul li .tp-caption .capBig .line .line3 {
    font: 16px camptonthin;
    color: #fff;
    position: relative;
    opacity: 0;
    letter-spacing: 3px;
    padding: 0 0 10px 0
}
.slider .fullwidthbanner-container ul li .tp-caption .capBig .line .line4 {
    font: 16px camptonthin;
    color: #fff;
    position: relative;
    opacity: 0;
    letter-spacing: 3px
}
.slider .player {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0
}
.slider .home-button {
    float: left;
    width: 100%;
    position: absolute;
    z-index: 40;
    top: 50%;
    margin-top: 80px;
    opacity: 0
}
.slider .home-button ul {
    display: block;
    text-align: center;
    margin: 0 auto
}
.slider .home-button ul li {
    display: inline-block;
    margin: 0 5px
}
.slider .home-button ul li a {
    transition: .3s;
    display: block;
    height: 42px;
    border-radius: 30px;
    border: 1px solid #fff;
    font: 17px camptonthin;
    color: #fff;
    padding: 12px 25px;
    position: relative
}
.slider .home-button ul li a:hover {
    transition: .3s;
    color: #000;
    font-family: camptonlight;
    background: #fff
}
span#controlBar_bgndVideo {
    position: absolute !important;
    bottom: 62px;
    width: 100%;
    left: 0;
    display: none
}
span#controlBar_bgndVideo .buttonBar {
    max-width: 55px
}
span#controlBar_bgndVideo .buttonBar .mb_OnlyYT, span#controlBar_bgndVideo .buttonBar .mb_YTVPUrl, span#controlBar_bgndVideo .buttonBar .mb_YTVPPlaypause {
    display: none
}
span#controlBar_bgndVideo .buttonBar .mb_YTVPTime {
    font: 14px camptonbook;
    color: #fff;
    float: left;
    padding: 9px;
    position: relative;
    margin: -130px 50px 90px 50px
}
span#controlBar_bgndVideo .buttonBar .mb_YTVPTime b {
    margin: 0 2px
}
span#controlBar_bgndVideo .buttonBar .mb_YTVPMuteUnmute {
    display: none !important;
    transition: .3s;
    cursor: pointer;
    background: url(../images/mute-new.png) top 15px center no-repeat transparent;
    width: 60px;
    height: 47px;
    display: block;
    text-indent: -9999px;
    float: left;
    border-right: 1px solid rgba(112, 112, 112, .34)
}
span#controlBar_bgndVideo .buttonBar .mb_YTVPMuteUnmute.cls {
    transition: .3s;
    background: url(../images/cls.png) top 15px center no-repeat
}
span#controlBar_bgndVideo .mb_YTVPProgress {
    width: 100%;
    height: 5px;
    background: #3d3d3d;
    bottom: -62px;
    left: 0;
    z-index: initial !important
}
span#controlBar_bgndVideo .mb_YTVTime {
    height: 5px;
    width: 0;
    background: #fff
}
.press {
    position: absolute;
    width: 500px !important;
    height: 76px;
    background-position: 0 0;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: 60px
}
.preloader-bar {
    float: left;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -247px;
    top: 50%;
    z-index: 9;
    width: 0;
    background-position: 0 60px;
    height: 76px;
    margin-top: 80px
}
.preloader-bar.bars {
    height: 200px;
    background-size: contain;
    margin: 0 auto;
    position: inherit !important;
    display: block;
    text-align: center;
    width: 100% !important
}
.preloader-percentage {
    display: none !important
}
.main-preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999999999;
    background-color: #000;
    text-align: center
}
.main-preloader .main-preloader-inner {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%)
}
.main-preloader .preloader-percentage {
    color: #fff;
    margin: 0;
    position: relative;
    top: 70px
}
.main-preloader .preloader-percentage span {
    display: inline-block;
    font: 25px gtsectrafine-regularregular;
    color: #7b7b7b
}
.gallery-pro-detail {
    float: left;
    width: 100%;
    margin: 100px 0 50px 0;
    position: relative
}
.gallery-pro-detail .slick-track, .gallery-pro-detail .slick-slide, .gallery-pro-detail .slick-slider {
    outline: 0 !important
}
.gallery-pro-detail .item {
    float: left;
    width: 100%;
    position: relative;
    border: 2px solid rgba(255, 255, 255, .1215686275)
}
.gallery-pro-detail .item .text {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    background: #000;
    width: 40%;
    display: table;
    height: 100%;
    opacity: .8;
    font: 17px/24px camptonextralight;
    color: #fff;
    padding: 0 30px
}
.gallery-pro-detail .item .text p {
    margin: 0 0 20px 0
}
@media only screen and (max-width : 767px) {
    .gallery-pro-detail .item .text {
        height: 360px;
        text-align: left !important
    }
}
.gallery-pro-detail .item .text span {
    display: table-cell;
    vertical-align: middle
}
.gallery-pro-detail .item .images {
    /*height: 650px;*/
    height: auto;
    display: block;
}
.gallery-pro-detail .item .images img {
    max-width: 100%;
    max-height: 100%;
}
@media only screen and (max-width : 1200px) {
    .gallery-pro-detail .item .images {
        background-size: cover;
        height: 360px
    }
}
.gallery-pro-detail .item .images .resim-att {
    display: none
}
.gallery-pro-detail .item .images img {
    min-width: 100%
}
.gallery-pro-detail .item .images .resim-att {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    padding: 0;
    text-align: center
}
.gallery-pro-detail .item .images .resim-att .resim-att-pre {
    width: 100%;
    height: 100%;
    position: relative
}
.gallery-pro-detail .item .images .resim-att .resim-att-pre .resim-thumb {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}
.gallery-pro-detail .item .images .resim-att .resim-att-pre .resim-thumb .resim-centered {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}
.gallery-pro-detail .item .images .resim-thumb .resim-centered img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.gallery-pro-detail .slick-list {
    padding: 0 40px
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .gallery-pro-detail .slick-list {
        padding: 0
    }
}
.gallery-pro-detail .slick-arrow {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 53;
    transform: translateY(-50%)
}
.gallery-pro-detail .slick-arrow.slick-prev {
    left: -30px;
    border: none;
    width: 24px;
    height: 46px;
    cursor: pointer;
    background: none
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .gallery-pro-detail .slick-arrow.slick-prev {
        left: 8px
    }
}
.gallery-pro-detail .slick-arrow.slick-prev:after {
    content: "";
    background: url(../images/s-arrow-path.png) no-repeat;
    width: 24px;
    height: 46px;
    display: block;
    transform: rotate(180deg)
}
.gallery-pro-detail .slick-arrow.slick-next {
    right: -30px;
    border: none;
    width: 24px;
    height: 46px;
    cursor: pointer;
    background: none
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .gallery-pro-detail .slick-arrow.slick-next {
        right: 15px
    }
}
.gallery-pro-detail .slick-arrow.slick-next:after {
    content: "";
    background: url(../images/s-arrow-path.png) no-repeat;
    width: 24px;
    height: 46px;
    display: block;
    text-align: center
}
.about-home {
    float: left;
    width: 100%;
    padding: 80px 0
}
.about-home .title {
    float: left;
    width: 100%;
    text-align: center;
    font: 52px camptonthin;
    color: #fff;
    margin: 0 0 42px 0
}
.about-home .title span {
    display: block;
    font-size: 26px;
    line-height: 35px;
    margin: 10px 0 0 0
}
.about-home .gallery-pro-detail .slick-arrow {
    z-index: 40 !important
}
.about-home .gallery-pro-detail .text {
    font: 14px/28px camptonextralight !important
}
.quality-home {
    float: left;
    width: 100%;
    padding: 80px 125px 50px 125px
}
.quality-home .pa {
    padding: 0
}
.quality-home .title {
    transition: .3s;
    font: 52px camptonthin;
    color: #fff;
    float: left;
    width: 100%;
    top: 0
}
.quality-home .mini-title {
    font: 26px camptonextralight;
    color: #7b7b7b;
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    padding-right: 50px
}
.quality-home .content {
    float: left;
    width: 100%;
    padding-left: 50px
}
.quality-home .content strong, .quality-home .content b {
    display: block;
    font: 22px camptonbook;
    color: #fff;
    margin: 0 0 20px 0
}
.quality-home .content p {
    font: 15px/22px camptonbook;
    color: #7b7b7b
}
.quality-home .content .accordion {
    float: left;
    width: 100%
}
.quality-home .content .accordion .item {
    float: left;
    width: 100%;
    outline: 0 !important;
    position: relative;
    margin: 20px 0;
    cursor: pointer
}
.quality-home .content .accordion .item:after {
    content: "";
    background: #2d2d2d;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 12px;
    left: 0
}
.quality-home .content .accordion .item span {
    transition: .3s;
    position: absolute;
    right: 0;
    background: url(../images/accordion-ico.png) no-repeat #000;
    width: 48px;
    height: 28px;
    z-index: 9;
    background-position: 20px 0
}
.quality-home .content .accordion .item span.ui-icon-triangle-1-s {
    transition: .3s;
    background-position: 20px -50px
}
.quality-home .content .accordion .titles {
    font: 22px camptonlight;
    color: #fff;
    display: -webkit-inline-box;
    position: relative;
    background: #000;
    padding: 0 20px 0 0;
    z-index: 9
}
.quality-home .content .accordion .titles strong, .quality-home .content .accordion .titles b {
    display: inline !important;
    font: 22px camptonbook;
    font-weight: 700
}
.quality-home .content .accordion .ui-accordion-content {
    float: left;
    width: 100%;
    margin: 0
}
.quality-home .content .accordion .ui-accordion-content b, .quality-home .content .accordion .ui-accordion-content strong {
    display: inline !important;
    font: 18px camptonbook
}
.nakkas-kalite {
    float: left;
    width: 100%;
    padding: 80px 125px 50px 125px
}
.nakkas-kalite .pa {
    padding: 0
}
.nakkas-kalite .slick-slider, .nakkas-kalite .slick-slide {
    outline: 0 !important
}
.nakkas-kalite .title {
    transition: .3s;
    font: 52px camptonthin;
    color: #fff;
    float: left;
    width: 100%;
    top: 0
}
.nakkas-kalite .mini-title {
    font: 26px camptonextralight;
    color: #7b7b7b;
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    padding-right: 50px
}
.nakkas-kalite .content {
    float: left;
    width: 100%;
    padding-left: 50px
}
.nakkas-kalite .content strong, .nakkas-kalite .content b {
    display: block;
    color: #fff
}
.nakkas-kalite .content p {
    font: 15px/22px camptonbook;
    color: #7b7b7b
}
.nakkas-kalite .content .list {
    float: left;
    width: 100%;
    border: 1px solid #2d2d2d;
    margin: 20px 0;
    height: 230px
}
.nakkas-kalite .content .item {
    font: 15px/22px camptonbook;
    color: #7b7b7b;
    float: left;
    width: 100%;
    padding: 35px 60px 25px 60px
}
.nakkas-kalite .content .item p {
    margin: 0 0 6px 0 !important
}
.nakkas-kalite .slick-dots {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    position: absolute;
    bottom: 0
}
.nakkas-kalite .slick-dots li {
    display: inline-block;
    margin: 0 2px
}
.nakkas-kalite .slick-dots li.slick-active button {
    transition: .3s;
    background: #fff
}
.nakkas-kalite .slick-dots li button {
    transition: .3s;
    background: #676767;
    text-indent: -9999px;
    border: none;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    cursor: pointer
}
.nakkas-kalite .slick-arrow {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 9;
    margin-top: -120px;
    border: none;
    cursor: pointer
}
.nakkas-kalite .slick-arrow.slick-prev {
    background: url(../images/s-arrow-path.png) no-repeat;
    width: 24px;
    height: 76px;
    margin: -30px -18px;
    text-align: center;
    background-color: #000;
    background-position: center center;
    transform: rotate(180deg)
}
.nakkas-kalite .slick-arrow.slick-next {
    left: inherit;
    right: 0;
    background: url(../images/s-arrow-path.png) no-repeat;
    width: 24px;
    height: 76px;
    margin: -30px -18px;
    text-align: center;
    background-color: #000;
    background-position: center center
}
@media only screen and (min-width : 1024px)and (max-width : 1200px) {
    .career-home {
        padding: 0 25px;
        height: auto !important
    }
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .career-home {
        height: auto !important
    }
}
@media only screen and (max-width : 767px) {
    .career-home {
        padding: 0;
        height: auto !important
    }
    .career-home .title {
        font-size: 32px !important
    }
}
.career-home .title {
    transition: .3s;
    font: 52px camptonthin;
    color: #fff;
    float: left;
    width: 100%;
    top: 0;
    text-align: center;
    margin: 0 0 20px 0
}
.quality-home-box .title span {
    width: 50%;
    margin: 0 auto
}
.news-home {
    float: left;
    width: 100%;
    padding: 80px 125px 50px 125px
}
@media only screen and (min-width : 1024px)and (max-width : 1200px) {
    .news-home {
        padding: 0 25px !important
    }
}
@media only screen and (max-width : 767px) {
    .news-home {
        padding: 0
    }
    .news-home .title {
        font-size: 35px !important
    }
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .news-home {
        padding: 0
    }
    .news-home .title {
        font-size: 40px !important
    }
    .news-home .images {
        height: 130px !important
    }
}
.news-home .title {
    transition: .3s;
    font: 52px camptonthin;
    color: #fff;
    float: left;
    width: 100%;
    top: 0;
    text-align: center;
    margin: 0 0 42px 0
}
.news-home .list {
    margin: 0 -20px
}
.news-home .list .pa {
    padding: 0
}
.news-home .list .item {
    float: left;
    width: 100%;
    margin: 0 0 22px 0;
    padding: 0 22px
}
.news-home .list .item a:hover .images .resim-att {
    transition: .4s;
    transform: scale(1.2)
}
.news-home .list .item a:hover .text .detail {
    transition: .4s;
    color: #7b7b7b
}
.news-home .list .item .images {
    height: 180px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
.news-home .list .item .images .resim-att {
    transition: .4s;
    display: none
}
.news-home .list .item .images .resim-att {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    padding: 0;
    text-align: center
}
.news-home .list .item .images .resim-att .resim-att-pre {
    width: 100%;
    height: 100%;
    position: relative
}
.news-home .list .item .images .resim-att .resim-att-pre .resim-thumb {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}
.news-home .list .item .images .resim-att .resim-att-pre .resim-thumb .resim-centered {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}
.news-home .list .item .images .resim-thumb .resim-centered img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.news-home .list .item .text {
    float: left;
    width: 100%
}
.news-home .list .item .text .date {
    float: left;
    width: 100%;
    font: 12px camptonextralight;
    color: #707070;
    position: relative;
    margin: 30px 0 10px 0
}
.news-home .list .item .text .detail {
    transition: .4s;
    float: left;
    width: 100%;
    color: #fff;
    font: 15px/23px camptonextralight;
    letter-spacing: .5px;
    display: -webkit-box;
    height: 75px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 10px 0
}
.news-home .more {
    float: left;
    width: 100%;
    margin: 30px 0 0 0
}
.news-home .more a {
    transition: .3s;
    display: block;
    background: none;
    outline: 0;
    height: 42px;
    border-radius: 30px;
    border: 1px solid #fff;
    font: 17px camptonthin;
    color: #fff;
    padding: 12px 25px;
    position: relative;
    width: 168px;
    text-align: center;
    margin: 0 auto
}
.news-home .more a:hover {
    transition: .3s;
    background: #fff;
    color: #000;
    font-family: camptonbook
}
.contact-home {
    display: inline-block;
    width: 100%
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .contact-home .title {
        font-size: 28px !important
    }
    .contact-home .maps {
        height: 350px !important
    }
    .contact-home .adress em {
        font: 17px/25px camptonbook !important
    }
}
@media only screen and (max-width : 767px) {
    .contact-home .maps {
        height: 240px !important
    }
    .contact-home .title {
        font-size: 30px !important;
        padding: 0 !important
    }
    .contact-home li.head {
        font-size: 20px !important
    }
    .contact-home .adress {
        margin-bottom: 30px
    }
    .contact-home .adress span {
        font-size: 20px !important;
        margin-bottom: 5px !important
    }
    .contact-home .adress em {
        font: 16px/23px camptonbook !important
    }
}
.contact-home .title {
    font: 44px camptonthin;
    color: #fff;
    float: left;
    width: 100%;
    margin: 0 0 20px 0
}
.contact-home button.gm-control-active.gm-fullscreen-control, .contact-home .gm-style-cc, .contact-home .gmnoprint, .contact-home .gm-style-mtc {
    display: none !important
}
.contact-home .gm-style a {
    display: none !important
}
.contact-home p {
    font: 20px camptonthin;
    color: #fff
}
.contact-home .pa {
    padding: 0
}
.contact-home .adress {
    display: inline-block;
    width: 100%;
    padding-right: 40px
}
.contact-home .adress .btn {
    display: inline-block;
    margin-top: 20px
}
.contact-home .adress .btn a {
    transition: .4s;
    display: block;
    height: 40px;
    border-radius: 30px;
    border: 1px solid #fff;
    font: 17px camptonthin;
    color: #fff;
    padding: 11px 28px;
    position: relative;
    float: left
}
.contact-home .adress .btn a:hover {
    transition: .4s;
    color: #000;
    font-family: camptonbook;
    background: #fff
}
.contact-home .adress span {
    float: left;
    width: 100%;
    display: block;
    font: 24px camptonthin;
    color: #fff;
    margin: 0 0 15px 0
}
.contact-home .adress em {
    display: block;
    font: 20px/28px camptonbook;
    color: #7b7b7b;
    float: left;
    width: 100%
}
.contact-home .adress em p {
    font: 20px/28px camptonbook;
    color: #7b7b7b
}
.contact-home .adress ul {
    float: left;
    width: 100%;
    margin: 10px 0 0 0
}
.contact-home .adress ul li {
    float: left;
    width: 100%;
    font: 14px camptonbook;
    padding: 6px 0;
    color: #7b7b7b
}
.contact-home .adress ul li.head {
    font: 24px camptonthin;
    color: #fff
}
.contact-home .adress ul li b {
    display: block;
    float: left;
    font: 17px camptonthin;
    color: #fff;
    padding-right: 12px
}
.contact-home .adress ul li a {
    font: 14px camptonbook;
    color: #7b7b7b
}
.form {
    float: left;
    width: 100%
}
.form .formError {
    left: inherit !important;
    right: 15px;
    margin: 0 !important
}
.form form {
    padding: 10px 0;
    display: inline-block;
    width: 100%
}
.form form .form-group {
    margin: 0 0 25px 0;
    position: relative
}
.form form .form-group.foc label {
    transition: .3s;
    top: -10px
}
.form form .form-group label {
    transition: .3s;
    float: left;
    width: 100%;
    font: 14px camptonbook;
    color: #7b7b7b;
    position: absolute;
    top: 10px
}
.form form .form-group select, .form form .form-group input[type=text], .form form .form-group input[type=tel], .form form .form-group input[type=email] {
    transition: .3s;
    width: 100%;
    font: 17px camptonbook;
    color: #fff;
    background: none;
    border: none;
    border-bottom: 2px solid #2d2d2d;
    outline: 0;
    height: 50px
}
.form form .form-group select:focus, .form form .form-group input[type=text]:focus, .form form .form-group input[type=tel]:focus, .form form .form-group input[type=email]:focus {
    transition: .3s;
    border-color: #fff
}
.form form .form-group input:-webkit-autofill {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important
}
.form form .form-group textarea {
    width: 100%;
    font: 17px GT America;
    color: #fff;
    background: none;
    border: none;
    border-bottom: 2px solid #2d2d2d;
    outline: 0;
    resize: none;
    padding: 20px 0 0 0;
    height: 100px
}
.form form .form-group textarea:focus {
    transition: .3s;
    border-color: #fff
}
.form form .form-group .nice-select {
    width: 100%;
    border-radius: 0;
    background: none;
    border: none;
    padding: 0;
    border-bottom: 2px solid #2d2d2d
}
.form form .form-group .nice-select:after {
    border-color: #fff !important;
    height: 8px;
    width: 8px;
    margin-top: -10px
}
.form form .form-group .nice-select span {
    font: 14px camptonbook;
    color: #fff
}
.form form .form-group .nice-select .option {
    padding: 10px;
    line-height: inherit;
    color: #fff;
    font: 14px camptonbook;
    min-height: inherit
}
.form form .form-group .nice-select .list {
    width: 100%;
    background: #fff;
    border-radius: 0;
    margin: 0;
    max-height: 200px;
    overflow: auto
}
.form form .form-group .nice-select .list::-webkit-scrollbar-track {
    background-color: #000
}
.form form .form-group .nice-select .list::-webkit-scrollbar {
    width: 8px;
    background-color: #000
}
.form form .form-group .nice-select .list::-webkit-scrollbar-thumb {
    background-color: #fff
}
.form form .form-group .nice-select .list li {
    color: #7b7b7b;
    text-align: left
}
.form form .form-group .nice-select .list li.selected, .form form .form-group .nice-select .list li:hover {
    color: #7b7b7b
}
.form form .form-group .nice-select .list li:first-child {
    display: none
}
.form form .form-group input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer
}
.form form .form-group input[type=file]:focus {
    outline: none
}
.form form .form-group .inf__drop-area {
    float: left;
    width: 100%;
    height: 50px;
    border-bottom: 2px solid #2d2d2d
}
.form form .form-group .inf__drop-area .inf__btn {
    position: absolute;
    right: 50px;
    bottom: 0;
    background: #2d2d2d;
    color: #fff;
    font: 14px camptonlight;
    width: 89px;
    height: 33px;
    text-align: center;
    padding: 9px
}
.form form .form-group .inf__drop-area .inf__btn:hover {
    background: #b1895c
}
.form form .form-group .inf__drop-area .inf__hint {
    display: block;
    float: left;
    position: absolute;
    left: 50px;
    bottom: 18px;
    color: #fff
}
.form form .form-group .left {
    float: right;
    margin: 0 30px 0 0
}
.form form .form-group .left .checkbox {
    color: #fff;
    float: left;
    width: 100%;
    position: inherit !important
}
.form form .form-group .left .checkbox a {
    color: #fff;
    text-decoration: underline
}
.form form .form-group .left .checkbox label {
    color: #fff;
    position: inherit;
    padding: 0
}
.form form .form-group .left .checkbox .icheckbox_square-blue {
    transition: .3s;
    height: 15px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    width: 15px;
    background: url(../images/check-new.png) left center no-repeat;
    border: none;
    cursor: pointer;
    margin: -1px 8px 0 0
}
.form form .form-group .left .checkbox .icheckbox_square-blue.checked {
    transition: .3s;
    background-position: -21px 0
}
.form form .submit {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}
.form form .submit .sub {
    display: flex;
    align-items: center;
    justify-content: flex-end
}
@media only screen and (max-width: 767px) {
    .form form .submit .sub {
        display: inline-block
    }
}
.form form .submit .btn {
    float: right
}
.form form .submit .btn input, .form form .submit .btn button {
    transition: .3s;
    display: block;
    background: none;
    cursor: pointer !important;
    outline: 0 !important;
    height: 42px;
    border-radius: 30px;
    border: 1px solid #fff;
    font: 17px camptonbook;
    color: #fff;
    padding: 12px 25px;
    position: relative
}
.form form .submit .btn input:hover, .form form .submit .btn button:hover {
    transition: .3s;
    background: #fff !important;
    color: #000
}
@media screen and (min-width: 1100px)and (max-width: 1400px) {
    .gallery .item a .images {
        height: 160px !important
    }
    .quality-home .title {
        font-size: 38px
    }
    .nakkas-kalite .title {
        font-size: 38px
    }
    .nakkas-kalite .content .list {
        height: 280px
    }
    .nakkas-kalite .slick-arrow.slick-prev, .nakkas-kalite .slick-arrow.slick-next {
        margin: -40px -18px
    }
    .about-home .gallery-pro-detail .text {
        font: 14px/23px camptonextralight !important
    }
}
.down {
    float: left;
    width: 100%;
    margin: -70px 0 0 0;
    position: relative;
    z-index: 30;
    text-align: center
}
.down a {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    background: url(../images/path.png) no-repeat center;
    width: 46px;
    height: 24px
}
.pro-one {
    float: left;
    width: 100%;
    height: calc(100vh - 47px);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain
}
@media only screen and (max-width : 767px) {
    .pro-one {
        height: 100vh
    }
}
.pro-one .container-fluid {
    height: 100%
}
@media only screen and (max-width : 767px) {
    .pro-one {
        background-size: contain;
        background-position: bottom right
    }
}
.pro-two {
    float: left;
    width: 100%;
    margin: 0 0 -40px 0
}
@media only screen and (max-width : 767px) {
    .pro-two {
        margin: 0
    }
}
.product-contents {
    padding: 0 !important
}
.prlist {
    max-width: 1200px;
    height: 100%;
    float: none !important;
    margin: 0 auto
}
.prlist .pro-new-page {
    float: left;
    width: 100%;
    height: 100%
}
@media only screen and (max-width : 767px) {
    .prlist .pro-new-page .title {
        font-size: 45px !important
    }
    .prlist .pro-new-page .pro-videos {
        height: 280px;
        margin: 0 0 50px 0
    }
    .prlist .pro-new-page .pro-videos iframe {
        transform: inherit !important
    }
}
.prlist .pro-new-page .cont {
    float: left;
    width: 100%;
    height: 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    display: block !important
}
.prlist .pro-new-page .cont.cevsen {
    background-position: right top
}
.prlist .pro-new-page .cont.activepage .title:before {
    transition: .7s;
    opacity: 1 !important;
    top: -110px !important
}
.prlist .pro-new-page .cont .mc-md-6, .prlist .pro-new-page .cont .mc-md-8 {
    display: table;
    height: 100%
}
.prlist .pro-new-page .cont .mini-pro {
    display: table-cell;
    vertical-align: middle
}
.prlist .pro-new-page .cont .mini-pro .title {
    font: 86px camptonthin;
    color: #fff;
    text-align: center;
    position: relative
}
.prlist .pro-new-page .cont .mini-pro .title:before {
    transition: .7s;
    content: "";
    opacity: 0;
    position: absolute;
    left: 0;
    top: -150px;
    background: url(../images/title-ico.png) no-repeat;
    width: 285px;
    height: 198px
}
.prlist .pro-new-page .cont .mini-pro .text {
    float: left;
    width: 100%;
    font: 22px/40px camptonextralight;
    color: #7b7b7b;
    text-align: center;
    letter-spacing: 5px;
    opacity: 0
}
@media screen and (max-width: 767px) {
    .prlist .pro-new-page .cont .mini-pro .text {
        font: 18px/26px camptonextralight
    }
}
.prlist .pro-new-page .images {
    display: none
}
.prlist .pro-videos {
    float: left;
    width: 100%;
    position: relative;
    height: 650px;
    cursor: pointer;
    margin: 50px 0 100px 0
}
.prlist .pro-videos iframe {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    transform: scale(1.6)
}
.prlist .pro-videos .video-slider {
    height: 100%
}
.prlist .pro-videos .img {
    float: left;
    width: 100%;
    height: 650px
}
.prlist .pro-videos .img img {
    max-width: 100%
}
.prlist .pro-videos .img .resim-att {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    padding: 0;
    text-align: center
}
.prlist .pro-videos .img .resim-att .resim-att-pre {
    width: 100%;
    height: 100%;
    position: relative
}
.prlist .pro-videos .img .resim-att .resim-att-pre .resim-thumb {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}
.prlist .pro-videos .img .resim-att .resim-att-pre .resim-thumb .resim-centered {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}
.prlist .pro-videos .img .resim-thumb .resim-centered img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.prlist .pro-videos span#controlBar_bgndVideo {
    background: #000000ba;
    bottom: 0
}
.prlist .pro-videos .mb_YTVPProgress {
    bottom: -5px !important
}
.prlist .pro-videos .mb_YTVPTime {
    margin: 4px 20px !important
}
.prlist .pro-videos .mb_YTVPPlaypause {
    transition: .4s;
    cursor: pointer;
    display: block !important;
    position: absolute;
    bottom: 47px;
    right: 0;
    width: 100%;
    height: 600px;
    text-indent: -9999px;
    margin-left: 0;
    background-size: 107px
}
.prlist .pro-videos .mb_YTVPPlaypause i.play {
    transition: .4s;
    background: url(../images/plays.png) center center no-repeat;
    width: 107px;
    display: block;
    text-align: center;
    margin: 0 auto;
    height: 100%
}
.prlist .pro-videos .mb_YTVPPlaypause i.pause {
    transition: .4s;
    width: 14px;
    background: url(../images/pause.png) no-repeat;
    position: absolute;
    height: 22px;
    bottom: -33px;
    left: inherit;
    right: 20px
}
.text-pro-detail {
    float: left;
    width: 100%
}
.text-pro-detail .more {
    transition: .4s;
    display: block;
    height: 35px;
    border-radius: 30px;
    border: 1px solid #fff;
    font: 15px camptonthin;
    color: #fff;
    padding: 8px 18px;
    position: relative;
    float: left;
    margin: 20px 0 0 0
}
.text-pro-detail .more:hover {
    transition: .4s;
    background: #fff;
    color: #000;
    font-family: camptonbook
}
.text-pro-detail .titles {
    font: 30px camptonthin;
    color: #fff;
    float: left;
    width: 100%;
    margin: 0 0 20px 0
}
.text-pro-detail .contents {
    float: left;
    width: 100%
}
.text-pro-detail .contents.prover {
    max-height: 295px;
    overflow: hidden
}
@media only screen and (max-width : 767px) {
    .text-pro-detail .contents.prover {
        max-height: 132px
    }
}
.text-pro-detail .contents p {
    font: 19px/28px camptonextralight;
    color: #7b7b7b !important;
    letter-spacing: 1px
}
.news-new-page {
    margin: 10vh 0 !important
}
@media screen and (min-width: 1600px)and (max-width: 5000px) {
    .mc-lg-3 {
        width: 25%
    }
}
@media screen and (min-width: 1100px)and (max-width: 1600px) {
    .pro-one.cevsen {
        background-position: right -90px center
    }
    .slider iframe {
        top: -150px !important
    }
}
@media screen and (max-width: 1600px) {
    .newpage .content p {
        font-size: 17px !important
    }
}
.pro-body .fancybox-button--close {
    display: block !important
}
.pro-body .fancybox-slide {
    transform: inherit !important
}
.pro-body .fancybox-active .fancybox-content {
    cursor: zoomIn !important
}
.pro-body .fancybox-slide {
    margin: 0;
    padding: 0
}
.pro-body img.fancybox-image {
    cursor: grab !important
}
.pro-body .fancybox-slide {
    position: absolute;
    cursor: default !important;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}
.icos {
    display: none !important
}
.multi {
    color: #7b7b7b !important;
    font: 18px Luminari-Regular !important;
    padding-top: 27px !important
}
.right-mouse {
    position: absolute;
    right: 50px;
    bottom: 50px;
    width: 33px;
    height: 55px;
    z-index: 9
}
.scroll-btn .mouse {
    position: relative;
    display: block;
    width: 33px;
    height: 55px;
    margin: 0 auto 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #b1895c;
    border-radius: 32px
}
.scroll-btn .mouse > * {
    background: #b1895c !important;
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin: -2px 0 0 -2px;
    border-radius: 50%;
    -webkit-animation: ani-mouse 2.5s linear infinite;
    -moz-animation: ani-mouse 2.5s linear infinite;
    animation: ani-mouse 2.5s linear infinite
}
.pro-content {
    margin: 0 !important;
    height: 100vh !important
}
.dt1, .p-list-data {
    float: left;
    width: 100%;
    height: 100%;
    overflow: auto
}
.dt1::-webkit-scrollbar-track, .p-list-data::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent
}
.dt1::-webkit-scrollbar, .p-list-data::-webkit-scrollbar {
    width: 0;
    background-color: transparent
}
.dt1::-webkit-scrollbar-thumb, .p-list-data::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: transparent
}
.multiple-img {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
    height: 550px
}
@media only screen and (max-width : 767px) {
    .multiple-img {
        margin: 50px 0;
        height: auto
    }
    .multiple-img .fancybox-inner {
        position: inherit
    }
}
.multiple-img > .fancybox-container {
    position: relative !important
}
.multiple-img .three-day {
    float: left;
    width: 100%;
    position: relative
}
@media only screen and (max-width : 767px) {
    .multiple-img .three-day .left-title {
        position: inherit !important;
        width: 100% !important
    }
    .multiple-img .three-day .threesixty-wrapper img {
        max-width: 100%;
        max-height: inherit
    }
}
.multiple-img .three-day .left-title {
    float: left;
    width: 260px;
    font: 18px/25px camptonbook;
    color: #7b7b7b;
    position: absolute;
    left: 0;
    z-index: 99
}
.multiple-img .three-day .threesixty-wrapper {
    height: 100%;
    position: relative;
    display: inline-block;
    width: 100%;
}
.multiple-img .three-day .threesixty {
    display: block;
    width: 100%;
    height: 550px;
    overflow: hidden;
    margin: 0 auto
}
.multiple-img .three-day .threesixty a {
    margin: 0 auto;
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%
}
.multiple-img .three-day img.threesixty-frame {
    transition: .4s;
    max-height: 100%;
    margin: 0 auto;
    cursor: grab !important
}
.multiple-img .three-day .ui {
    display: block;
    position: absolute;
    top: 50%;
    width: 720px;
    opacity: 1;
    left: 50%;
    margin: 0 -360px
}
.multiple-img .three-day .prev {
    transition: .3s;
    cursor: pointer !important;
    display: inline-block;
    background: url(../images/prev-ico.png) center center no-repeat;
    width: 58px;
    height: 58px;
    position: absolute;
    left: 0;
    border: 1px dashed #707070;
    border-radius: 50%
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .multiple-img .three-day .prev {
        left: 30px
    }
}
.multiple-img .three-day .prev:hover {
    transition: .3s;
    background-color: #232323
}
.multiple-img .three-day .next {
    transition: .3s;
    cursor: pointer !important;
    display: inline-block;
    background: url(../images/next-ico.png) center center no-repeat;
    width: 58px;
    height: 58px;
    position: absolute;
    right: 0;
    border: 1px dashed #707070;
    border-radius: 50%
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .multiple-img .three-day .next {
        right: 30px
    }
}
.multiple-img .three-day .next:hover {
    transition: .3s;
    background-color: #232323
}
.pro-bottom-two {
    float: left;
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(112, 112, 112, .34);
    border-bottom: 1px solid rgba(112, 112, 112, .34)
}
.pro-bottom-two:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8
}
.pro-bottom-two .prlist {
    position: relative;
    z-index: 9
}
.pro-bottom-two .prlist .new-pro-content {
    display: flex;
    padding: 100px 0;
    margin: 0 -15px;
    align-items: center
}
@media only screen and (max-width : 767px) {
    .pro-bottom-two .prlist .new-pro-content {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 50px 0
    }
}
.pro-bottom-two .prlist .new-pro-content .images {
    height: 500px;
    min-width: 500px;
    position: relative;
    max-width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}
@media only screen and (max-width : 767px) {
    .pro-bottom-two .prlist .new-pro-content .images {
        min-width: 100%
    }
}
.pro-bottom-two .prlist .new-pro-content .images img {
    max-width: 100%;
    max-height: 100%
}
.pro-bottom-two .prlist .new-pro-content .dots {
    transition: .4s;
    float: left;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
    height: 100%
}
.pro-bottom-two .prlist .new-pro-content .dots .dot {
    transition: .4s;
    position: absolute;
    top: 0;
    width: 27px;
    height: 27px;
    background: url(../images/pl.png) center center #b5b5b5 no-repeat;
    border-radius: 50%;
    cursor: pointer;
    overflow: inherit !important
}
.pro-bottom-two .prlist .new-pro-content .dots .dot:before {
    transition: .4s;
    content: "";
    border-radius: 50%;
    width: 33px;
    height: 33px;
    border: 1px solid transparent;
    display: block;
    margin: -3px
}
.pro-bottom-two .prlist .new-pro-content .dots .dot.open {
    transition: .4s;
    background-color: #fff
}
.pro-bottom-two .prlist .new-pro-content .dots .dot.open:before {
    transition: .4s;
    border-color: #fff
}
.pro-bottom-two .prlist .new-pro-content .dots .dot.dt1 {
    left: 140px;
    top: 40px
}
.pro-bottom-two .prlist .new-pro-content .dots .dot.dt2 {
    left: 100px;
    top: 80px
}
.pro-bottom-two .prlist .new-pro-content .dots .dot.dt3 {
    left: 172px;
    top: 106px
}
.pro-bottom-two .prlist .new-pro-content .dots .dot.dt4 {
    left: 120px;
    top: 130px
}
.pro-bottom-two .prlist .new-pro-content .dots .dot.dt5 {
    left: 170px;
    top: 182px
}
.pro-bottom-two .prlist .new-pro-content .dots .dot.dt6 {
    left: 235px;
    top: 210px
}
.pro-bottom-two .prlist .new-pro-content .dots .dot.dt7 {
    left: 195px;
    top: 295px
}
.pro-bottom-two .prlist .new-pro-content .dots .dot.dt8 {
    left: 200px;
    top: 600px
}
.pro-bottom-two .prlist .new-pro-content .dots .dot.dt9 {
    left: 170px;
    top: 340px
}
.pro-bottom-two .prlist .new-pro-content .content {
    float: left;
    width: 100%;
    padding: 70px 0
}
.pro-bottom-two .prlist .new-pro-content .content .item {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(112, 112, 112, .34)
}
.pro-bottom-two .prlist .new-pro-content .content .item.open .titles {
    transition: .4s;
    color: #fff
}
.pro-bottom-two .prlist .new-pro-content .content .item .titles {
    transition: .4s;
    float: left;
    width: 100%;
    font: 16px camptonbook;
    color: #828282;
    padding: 10px 0;
    cursor: pointer
}
@media only screen and (max-width : 767px) {
    .pro-bottom-two .prlist .new-pro-content .content .item .titles {
        background: url(../images/che.png) no-repeat right center;
        padding-right: 30px
    }
}
.pro-bottom-two .prlist .new-pro-content .content .item .cont {
    float: left;
    width: 100%;
    font: 16px/22px camptonbook;
    color: #fff;
    display: none;
    opacity: 0;
    padding-bottom: 10px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
.pro-bottom-one {
    float: left;
    width: 100%
}
.pro-bottom-one .prlist {
    overflow: hidden
}
.pro-bottom-one .technical {
    padding: 100px 0 150px 0;
    display: inline-block;
    width: 100%
}
@media screen and (min-width: 768px)and (max-width: 1023px) {
    .pro-bottom-one .technical {
        padding: 40px 20px 120px 20px
    }
}
.pro-bottom-one .technical .pa {
    padding: 0
}
.pro-bottom-one .technical .left {
    float: left;
    width: 40%;
    margin: 70px 0 0 0
}
@media screen and (min-width: 768px)and (max-width: 1023px) {
    .pro-bottom-one .technical .left {
        margin: 0
    }
}
.pro-bottom-one .technical .left .mc-md-7 {
    padding-right: 20px
}
.pro-bottom-one .technical .left .text {
    float: left;
    width: 100%;
    padding: 0 40px 0 0;
    max-height: 370px;
    overflow: auto;
    scrollbar-color: #b1895c #3d3d3d;
    scrollbar-width: 4px
}
.pro-bottom-one .technical .left .text::-webkit-scrollbar-track {
    background-color: #3d3d3d
}
.pro-bottom-one .technical .left .text::-webkit-scrollbar {
    width: 6px;
    background-color: #3d3d3d
}
.pro-bottom-one .technical .left .text::-webkit-scrollbar-thumb {
    background-color: #b1895c
}
.pro-bottom-one .technical .left .text p {
    font: 16px/22px camptonbook;
    color: #828282;
    margin: 0 0 20px 0
}
.pro-bottom-one .technical .left .text p:last-child {
    margin-bottom: 0
}
.pro-bottom-one .technical .left .color {
    float: left;
    width: 100%;
    padding: 20px 0 0 20px
}
.pro-bottom-one .technical .left .color span {
    float: left;
    font: 14px camptonlight;
    color: #b1895c;
    display: block;
    width: 100%;
    margin: 0 0 25px 0
}
.pro-bottom-one .technical .left .color ul {
    float: left
}
.pro-bottom-one .technical .left .color ul li {
    float: left;
    font: 14px camptonlight;
    color: #a6a6a6;
    width: 100%;
    margin: 0 0 25px 0
}
.pro-bottom-one .technical .left .color ul li.active a:after {
    transition: .3s;
    border-width: 1px
}
.pro-bottom-one .technical .left .color ul li a {
    font: 14px camptonlight;
    color: #a6a6a6;
    cursor: pointer !important;
    padding: 0 5px 5px 35px;
    position: relative;
    display: flex;
    align-items: center
}
.pro-bottom-one .technical .left .color ul li a:before {
    content: "";
    width: 23px;
    height: 23px;
    display: block;
    float: left;
    border-radius: 50%;
    margin: -3px 8px 0 0;
    background: #ddd;
    position: absolute;
    left: 0;
    top: 0
}
.pro-bottom-one .technical .left .color ul li a:after {
    transition: .3s;
    content: "";
    border: 0 solid #ddd;
    position: absolute;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    top: -7px;
    left: -4px
}
.pro-bottom-one .technical .left .color ul li.gumus a:before {
    background: #7b7b7b
}
.pro-bottom-one .technical .left .color ul li.gumus a:after {
    border-color: #7b7b7b
}
.pro-bottom-one .technical .left .color ul li.sari a:before {
    background: #b1895c
}
.pro-bottom-one .technical .left .color ul li.sari a:after {
    border-color: #b1895c
}
.pro-bottom-one .technical .left .color ul li.sedef a:before {
    background: #7d501e
}
.pro-bottom-one .technical .left .color ul li.sedef a:after {
    border-color: #7d501e
}
.pro-bottom-one .technical .right {
    float: left;
    width: 60%;
    display: flex;
    align-items: flex-end
}
.pro-bottom-one .technical .right .item {
    float: left;
    width: 33.3%
}
@media only screen and (max-width : 767px) {
    .pro-bottom-one .technical .right .item {
        padding: 0 5px
    }
}
.pro-bottom-one .technical .right .item .img {
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center
}
.pro-bottom-one .technical .right .item .img .resim-att {
    display: none
}
.pro-bottom-one .technical .right .item .img img {
    max-width: 100%;
    max-height: 100%
}
.pro-bottom-one .technical .right .item .img .resim-att {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    padding: 0;
    text-align: center
}
.pro-bottom-one .technical .right .item .img .resim-att .resim-att-pre {
    width: 100%;
    height: 100%;
    position: relative
}
.pro-bottom-one .technical .right .item .img .resim-att .resim-att-pre .resim-thumb {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}
.pro-bottom-one .technical .right .item .img .resim-att .resim-att-pre .resim-thumb .resim-centered {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}
.pro-bottom-one .technical .right .item .img .resim-thumb .resim-centered img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.pro-bottom-one .technical .right .item .type {
    float: left;
    width: 100%;
    padding: 0 20px 0 30px
}
.pro-bottom-one .technical .right .item .type span {
    display: block;
    font: 14px Georgia;
    color: #b1895c;
    margin: 0 0 10px 0
}
.pro-bottom-one .technical .right .item .type ul {
    float: left;
    width: 100%;
    margin: 50px 0 0 0
}
.pro-bottom-one .technical .right .item .type ul li {
    float: left;
    width: 100%;
    font: 12px camptonlight;
    color: #fff;
    padding: 3px 0
}
.pro-bottom-one .technical .right .item .type ul li.head {
    font: 14px camptonbook;
    color: #7b7b7b
}
.pro-bottom-one .technical .right .item .type ul li em {
    font: 12px camptonlight;
    display: block;
    float: left;
    margin-right: 20px;
    min-width: 50px
}
@media only screen and (max-width : 767px) {
    .pro-bottom-one .technical .right .item .type ul li em {
        width: auto
    }
}
@media screen and (min-width: 1700px)and (max-width: 8000px) {
    .photo-product-gallery .gallery {
        margin-top: 0
    }
}
.iframe-videos {
    height: 650px;
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    margin: 60px 0;
    cursor: pointer
}
.iframe-videos #iframe-player {
    width: 100%;
    height: 100%;
    overflow: hidden
}
.iframe-videos #iframe-player iframe {
    width: 100%;
    height: 100%
}
.iframe-videos .overlay {
    background-color: rgba(0, 0, 0, .32);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .2s all;
    opacity: 1;
    z-index: 100
}
.iframe-videos .overlay.playing {
    opacity: 0
}
.iframe-videos .overlay:after {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    font-size: 100px;
    color: #fff
}
.iframe-videos .progbar {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 47px;
    color: #fff;
    width: 100%;
    background: rgba(0, 0, 0, .52);
    z-index: 101
}
.iframe-videos .progbar .control:after {
    content: "";
    clear: both;
    display: block
}
.iframe-videos .progbar .control .sound {
    transition: .3s;
    background: url("../images/mute-new.png") top 15px center no-repeat transparent;
    width: 60px;
    height: 47px;
    border-right: 1px solid #272727;
    margin-right: 10px;
    float: left
}
.iframe-videos .progbar .control .sound.cls {
    transition: .3s;
    background: url("../images/cls.png") top 15px center no-repeat transparent
}
.iframe-videos .progbar .control .time {
    padding: 15px;
    float: left
}
.iframe-videos .progbar .control .time b {
    font-weight: normal !important
}
.iframe-videos .progbar .progress {
    height: 5px;
    width: 100%;
    display: block;
    background-color: #3c3c3c;
    position: relative;
    transform: translateY(-50%)
}
.iframe-videos .progbar .progress span {
    height: 5px;
    width: 56px;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    transition: .2s all
}
footer {
    position: fixed;
    bottom: 0;
    border-top: 1px solid rgba(112, 112, 112, .34);
    height: 47px;
    z-index: 15;
    background: #000;
    width: 100%
}
footer .container-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}
@media only screen and (max-width: 767px) {
    footer .container-fluid {
        display: inline-block;
        width: 100%
    }
}
footer.fixed {
    position: fixed
}
@media only screen and (max-width : 767px) {
    footer {
        position: initial;
        height: auto;
        text-align: center;
        margin: 0 auto;
        display: inline-block;
        padding: 20px 0
    }
    footer.fix {
        display: none !important
    }
    footer .back {
        z-index: 9 !important
    }
    footer .right {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        z-index: 9 !important
    }
    footer .copy {
        width: 100%;
        padding: 0 !important
    }
    footer .copy span {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 100%
    }
    footer .copy a {
        float: none !important;
        display: inline-block;
        margin: 0 !important
    }
    footer .copy a:nth-child(2) {
        display: block;
        margin-top: 20px !important
    }
}
footer .back {
    width: 32px;
    height: 32px;
    position: fixed;
    bottom: 80px;
    right: 30px;
    display: none;
    cursor: pointer;
    z-index: 99
}
footer .mute {
    transition: .3s;
    cursor: pointer;
    background: url(../images/mute-new.png) top 15px center no-repeat;
    width: 60px;
    height: 47px;
    text-indent: -9999px;
    float: left;
    border-right: 1px solid rgba(112, 112, 112, .34);
    position: absolute;
    left: 0;
    top: 0
}
footer .mute.cls {
    transition: .3s;
    background: url(../images/cls.png) top 15px center no-repeat
}
footer .mute a {
    display: block;
    height: 100%
}
footer .left {
    float: left;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center
}
footer .left .social {
    float: left;
    margin: 0 20px 0 7px;
}
footer .left .social .fa-instagram {
    background: url(../images/insta.svg) no-repeat;
    width: 20px;
    height: 20px;
    margin-left: -2px
}
footer .left .social .fa-instagram:before {
    display: none
}
footer .left .social ul li {
    float: left;
    margin-left: 15px
}
footer .left .social ul li:first-child {
    margin-left: 0
}
footer .left .social ul li a {
    display: block
}
footer .left .social ul li a:hover i {
    transition: .3s;
    transform: rotate(360deg)
}
footer .left .social ul li a i {
    transition: .3s;
    color: #fff;
    font-size: 20px
}
footer .left .f-menu {
    float: left;
    border-left: 1px solid rgba(112, 112, 112, .34);
    padding-left: 15px;
}
footer .left .f-menu ul li {
    float: left;
    margin-right: 18px
}
footer .left .f-menu ul li a {
    transition: .3s;
    display: block;
    font: 12px camptonextralight;
    color: #fff;
    letter-spacing: .5px
}
footer .left .f-menu ul li a:hover {
    transition: .3s;
    color: #b1895c
}
footer .right {
    float: right;
    position: relative;
    z-index: 99
}
footer .right .copy {
    float: left
}
footer .right .copy span {
    float: left;
    font: 12px camptonextralight;
    color: #fff;
    letter-spacing: .5px
}
@media only screen and (max-width : 767px) {
    footer .right .copy span {
        margin-bottom: 20px
    }
}
footer .right .copy a {
    transition: .3s;
    float: left;
    font: 12px camptonextralight;
    color: #fff;
    margin: 0 0 0 20px;
    letter-spacing: .5px
}
footer .right .copy a:hover {
    transition: .3s;
    color: #b1895c
}
footer .right .copy a:last-child {
    margin: 0 0 0 5px
}
.mb_YTVPTime, .mb_YTVPMuteUnmute {
    position: relative;
    z-index: 100
}
.mb_YTVPProgress {
    z-index: 99
}
@media screen and (max-width: 1600px) {
    .photo-product-gallery .gallery .images {
        height: 75vh
    }
    .photo-product-gallery .gallery {
        margin: 0 auto
    }
}
@media screen and (min-width: 1000px)and (max-width: 1500px) {
    .photo-product-gallery .slick-arrow.slick-next {
        right: -50px
    }
    .nopad #section1 .all {
        padding-right: 70px
    }
    .nopad #section1 .mini-title {
        font-size: 21px
    }
}
.fancybox-button--zoom, button.fancybox-button.fancybox-button--play {
    display: none !important
}
.fancybox-thumbs__list a:before {
    border-color: #b1895c
}
@media screen and (min-width: 1750px)and (max-width: 5000px) {
    .photo-product-gallery .gallery {
        width: 800px !important
    }
}
@media screen and (min-width: 2000px)and (max-width: 5000px) {
    .page .page-content .title {
        font-size: 60px !important
    }
    .page .page-content .content p {
        font: 20px/34px camptonbook !important
    }
    .page .page-content .title .mini-title {
        font-size: 29px !important
    }
}
.not-found {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}
.not-found h3 {
    font: 44px camptonthin;
    color: #fff
}
.not-found h6 {
    font: 28px camptonthin;
    color: #fff;
    margin: 20px 0
}
.not-found p {
    margin: 0 10px !important
}
.not-found a {
    transition: .3s;
    display: block;
    font: 20px nowayregular;
    color: #fff;
    padding: 2px 0 0 30px;
    position: relative;
    max-width: 180px;
    margin: 40px auto 0 auto
}
.not-found a:hover {
    transition: .3s;
    color: #b1895c
}
.not-found a:hover:after {
    transition: .3s;
    transform: rotate(90deg)
}
.not-found a:after {
    transition: .3s;
    content: "";
    background: url(../images/plus.png) no-repeat;
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    left: 0;
    top: 6px
}
.panel .mobile-menu .inner nav ul li.fadeOut {
    animation-duration: .3s
}
.newsdetail-page {
    float: left;
    width: 100%;
    padding: 14vh 195px
}
@media only screen and (min-width : 1024px)and (max-width : 1200px) {
    .newsdetail-page .pa {
        padding: 0
    }
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .newsdetail-page {
        padding: 0 25px
    }
    .newsdetail-page .gallery .item .images {
        height: 110px
    }
    .newsdetail-page .gallery .item .images img {
        max-width: inherit !important;
        max-height: 100%
    }
}
@media only screen and (max-width : 767px) {
    .newsdetail-page {
        padding: 0
    }
    .newsdetail-page .titles {
        margin: 15px 0 !important;
        font-size: 23px !important
    }
    .newsdetail-page .content p {
        font: 15px/23px camptonbook !important
    }
    .newsdetail-page img {
        max-width: 100%
    }
}
.newsdetail-page .titles {
    float: left;
    width: 100%;
    font: 26px camptonbook;
    color: #7b7b7b;
    margin: 0 0 30px 0
}
.newsdetail-page .titles i {
    font: 14px camptonbook;
    color: #7b7b7b;
    display: block
}
.newsdetail-page .content {
    float: left;
    width: 100%
}
.newsdetail-page .content img {
    margin: 0 35px 18px 0;
    float: left
}
.newsdetail-page .content p {
    font: 17px/26px camptonbook;
    color: #7b7b7b
}
.gallery {
    margin: 30px -10px;
    overflow: hidden
}
.gallery .item {
    float: left;
    width: 25%;
    padding: 0 10px;
    margin: 0 0 20px 0
}
.gallery .item a {
    display: block
}
.gallery .item a:hover .images .resim-att {
    transition: .3s;
    transform: scale(1.1)
}
.gallery .item a .images {
    height: 185px;
    overflow: hidden
}
.gallery .item a .images .resim-att {
    transition: .3s
}
.gallery .item a .images img {
    max-width: 100%;
    margin: inherit !important
}
.gallery .item a .images .resim-att {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    padding: 0;
    text-align: center
}
.gallery .item a .images .resim-att .resim-att-pre {
    width: 100%;
    height: 100%;
    position: relative
}
.gallery .item a .images .resim-att .resim-att-pre .resim-thumb {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}
.gallery .item a .images .resim-att .resim-att-pre .resim-thumb .resim-centered {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}
.gallery .item a .images .resim-thumb .resim-centered img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.back {
    float: left;
    width: 100%
}
.back a {
    transition: .3s;
    display: block;
    height: 42px;
    border-radius: 30px;
    border: 1px solid #fff;
    font: 17px camptonthin;
    color: #fff;
    padding: 12px 25px;
    position: relative;
    float: left
}
.back a:hover {
    transition: .3s;
    color: #000;
    font-family: camptonlight;
    background: #fff
}
.back a i {
    float: left;
    position: relative;
    left: -8px;
    font-weight: 100
}
.left-fix-button {
    display: none !important;
    position: fixed;
    top: 50%;
    margin-top: -250px;
    z-index: 52;
    height: 60vh;
    width: 180px;
    left: 50px
}
.left-fix-button a {
    transition: .5s;
    padding: 2px 7px;
    cursor: pointer;
    display: block;
    width: 85px;
    height: 85px;
    border: 1px dotted #707070;
    border-radius: 50%;
    position: relative;
    float: left;
    top: 190px;
    left: -250px;
    background: #000
}
.left-fix-button a:hover {
    background: #fff
}
.left-fix-button a span {
    transition: .3s;
    font: 11px nowayregular;
    color: #b1895c;
    display: block;
    text-align: right;
    padding: 25px 10px
}
.left-fix-button a span:before {
    content: "";
    background: url(../images/pat.png) no-repeat;
    width: 10px;
    height: 19px;
    display: block;
    float: left;
    margin: 6px -5px;
    transform: rotate(180deg)
}
.right-fix-button {
    display: none !important;
    position: fixed;
    top: 50%;
    margin-top: -250px;
    z-index: 52;
    height: 60vh;
    width: 180px;
    right: 50px
}
.right-fix-button a {
    transition: .5s;
    padding: 2px 7px;
    cursor: pointer;
    display: block;
    width: 85px;
    height: 85px;
    border: 1px dotted #707070;
    border-radius: 50%;
    position: relative;
    float: right;
    top: 190px;
    right: -200px;
    background: #000
}
.right-fix-button a:hover {
    background: #fff
}
.right-fix-button a span {
    transition: .3s;
    font: 11px nowayregular;
    color: #b1895c;
    display: block;
    text-align: left;
    padding: 28px 8px
}
.right-fix-button a span:before {
    content: "";
    background: url(../images/pat.png) no-repeat;
    width: 10px;
    height: 19px;
    display: block;
    float: right;
    margin: 6px -5px
}
.icos {
    float: left;
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 10px;
    background: #000;
    z-index: 9
}
.page {
    display: inline-block;
    width: 100%
}
.page .cons-title {
    float: left;
    width: 100%;
    font: 44px camptonthin;
    color: #fff;
    margin: 0 0 25px 0
}
@media only screen and (max-width: 340px) {
    .page .cons-title {
        font-size: 25px !important
    }
}
.page .cons-page {
    float: left;
    width: 100%;
    height: calc(100vh - 47px)
}
.page .cons-page .slick-arrow {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 35;
    margin-top: -120px
}
@media only screen and (max-width : 767px) {
    .page .cons-page .slick-arrow {
        top: inherit !important;
        bottom: 60px;
        margin: 0 !important
    }
}
.page .cons-page .slick-arrow.slick-prev {
    background: none;
    text-indent: -9999px;
    left: 30px;
    border: none;
    width: 24px;
    height: 46px;
    cursor: pointer;
    margin: 0;
    padding: 0
}
@media only screen and (max-width : 767px) {
    .page .cons-page .slick-arrow.slick-prev {
        left: inherit !important;
        right: 80px
    }
}
.page .cons-page .slick-arrow.slick-prev:after {
    content: "";
    background: url(../images/s-arrow-path.png) no-repeat;
    transform: rotate(180deg);
    width: 100%;
    height: 100%;
    display: block
}
.page .cons-page .slick-arrow.slick-next {
    background: none;
    text-indent: -9999px;
    right: 30px;
    border: none;
    width: 24px;
    height: 46px;
    cursor: pointer;
    margin: 0;
    padding: 0
}
.page .cons-page .slick-arrow.slick-next:after {
    content: "";
    background: url(../images/s-arrow-path.png) no-repeat;
    text-align: center;
    width: 100%;
    height: 100%;
    display: block
}
.page .cons-page .slick-list {
    height: 100vh !important
}
.page .cons-page .item {
    float: left;
    width: 100%;
    height: 100vh
}
.page .cons-page .item .banner {
    float: left;
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right
}
.page .cons-page .item .banner img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.page .cons-page .item .text {
    padding: 0 120px;
    height: 100%;
    display: flex;
    align-items: center
}
@media screen and (min-width: 1024px)and (max-width: 1300px) {
    .page .cons-page .item .text {
        padding: 0 85px
    }
}
.page .cons-page .item .text .all {
    max-width: 650px
}
.page .cons-page .item .text .all .title {
    font: 44px camptonthin;
    color: #fff;
    margin: 0 0 30px 0
}
.page .cons-page .item .text .all p {
    font: 23px/32px camptonextralight;
    color: #fff;
    letter-spacing: 2px
}
@media screen and (min-width: 1024px)and (max-width: 1300px) {
    .page .cons-page .item .text .all p {
        font: 20px/28px camptonextralight
    }
}
@media only screen and (max-width: 1023px) {
    .page .cons-page .item .text .all p {
        font: 16px/22px camptonextralight
    }
}
.page .pagingInfo {
    position: absolute;
    bottom: 80px;
    width: 49px;
    height: 49px;
    display: block;
    left: 50%;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font: 14px camptonextralight;
    border: 1px solid #fff;
    border-radius: 50%
}
.page .pages {
    float: left;
    width: 100%
}
.page .pages .banner {
    transition: .2s;
    float: left;
    opacity: 0;
    position: fixed;
    width: 100%;
    z-index: -1;
    height: 100vh;
    left: 0;
    top: 0
}
.page .pages .banner.active {
    transition: .2s;
    opacity: 1
}
.page .pages .page-content-all {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    height: 100vh
}
@media only screen and (max-width : 767px) {
    .page .pages .page-content-all {
        padding: 0
    }
    .page .pages .page-content-all .top {
        padding: 0 30px !important;
        display: flex;
        align-items: center;
        margin-bottom: 30px
    }
    .page .pages .page-content-all .top p {
        font: 15px/25px camptonextralight !important
    }
}
.page .pages .page-content-all .text {
    font: 24px camptonextralight;
    color: #e1e1e1;
    float: left;
    width: 100%;
    margin: -100px 0 70px 0;
    padding: 0 120px 9vh 15vh;
    text-align: center;
    position: relative;
    z-index: 9
}
.page .pages .page-content-all .text a {
    color: #fff
}
.page .pages .page-content-all .page-title {
    transition: .4s;
    text-align: center;
    font: 44px camptonthin;
    color: #fff;
    margin: 0 0 15px 0
}
@media only screen and (max-width : 767px) {
    .page .pages .page-content-all .page-title {
        font: 30px camptonthin;
        margin: 0 0 10px 0
    }
}
.page .pages .page-content-all .top {
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center
}
.page .pages .page-content-all .top p {
    transition: .4s;
    font: 30px/48px camptonextralight;
    color: #e1e1e1
}
@media only screen and (min-width: 1000px)and (max-width: 1600px) {
    .page .pages .page-content-all .top p {
        font: 25px/36px camptonextralight
    }
}
.page .pages .page-content-all .bottom {
    float: left;
    width: 100%;
    height: 100vh
}
.page .pages .page-content-all .bottom .listing {
    float: left;
    width: 100%
}
.page .pages .page-content-all .bottom .listing .item {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center
}
.page .pages .page-content-all .bottom .listing .item .title {
    margin-bottom: 25px
}
.page .pages .page-content-all .bottom .listing .item .title strong {
    display: block;
    font: 90px camptonthin;
    color: #fff
}
@media only screen and (min-width: 1000px)and (max-width: 1600px) {
    .page .pages .page-content-all .bottom .listing .item .title strong {
        font: 70px/80px camptonthin
    }
}
.page .pages .page-content-all .bottom .listing .item .title small {
    display: block;
    font: 30px camptonthin;
    color: #fff
}
@media only screen and (min-width: 1000px)and (max-width: 1600px) {
    .page .pages .page-content-all .bottom .listing .item .title small {
        font: 20px camptonthin
    }
}
.page .pages .page-content-all .bottom .listing .item .title span {
    display: block;
    font: 50px camptonthin;
    color: #fff
}
@media only screen and (min-width: 1000px)and (max-width: 1600px) {
    .page .pages .page-content-all .bottom .listing .item .title span {
        font: 30px camptonthin
    }
}
.page .pages .page-content-all .bottom .listing .item p {
    font: 25px/36px camptonextralight;
    color: #e1e1e1;
    margin-bottom: 30px
}
@media only screen and (min-width: 1000px)and (max-width: 1600px) {
    .page .pages .page-content-all .bottom .listing .item p {
        font: 22px/33px camptonextralight
    }
}
.page .pages .page-content-all .bottom .listing .item p:last-child {
    margin-bottom: 0 !important
}
.opa {
    transition: .5s;
    opacity: .5;
    left: 40px !important
}
.opac {
    transition: .5s;
    opacity: .3;
    left: 80px !important
}
.opacity {
    transition: .5s;
    opacity: 0;
    left: 120px !important
}
.scroll {
    transition: .5s;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10vh;
    color: #fff;
    font: 15px camptonthin
}
@media only screen and (max-width : 767px) {
    .scroll {
        bottom: 50px
    }
}
@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    to {
        opacity: 0;
        top: 29%
    }
}
@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    to {
        opacity: 0;
        top: 29%
    }
}
.reds > * {
    color: #fff !important
}
.reds .mouse {
    border: 1px solid #fff !important
}
.scroll-btn2, .scrool-btn1 {
    color: #000
}
.scroll-btn, .scroll-btn2 {
    display: block;
    text-align: center;
    z-index: 9999
}
.scroll-btn2 > *, .scroll-btn > * {
    line-height: 18px;
    font-size: 13px;
    font-weight: normal;
    color: #7f8c8d;
    letter-spacing: 2px
}
.scroll-btn2 .active, .scroll-btn2 :focus, .scroll-btn2 > :hover, .scroll-btn .active, .scroll-btn :focus, .scroll-btn > :hover {
    color: #fff
}
.scroll-btn2 .active, .scroll-btn2 :focus, .scroll-btn2 > :hover, .scroll-btn2:active, .scroll-btn .active, .scroll-btn :focus, .scroll-btn:active, .scroll-btn > :hover {
    opacity: .8;
    filter: alpha(opacity=80)
}
.scroll-btn2 .mouse, .scroll-btn .mouse {
    position: relative;
    display: block;
    width: 38px;
    height: 57px;
    margin: 0 auto 10px;
    box-sizing: border-box;
    border: 1px solid #1d1d1b;
    border-radius: 23px;
    cursor: pointer;
}
.scroll-btn2 .mouse > *, .scroll-btn .mouse > * {
    position: absolute;
    display: block;
    top: 29%;
    background: none !important;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -3px;
    border: 1px solid #fff;
    background: #fff !important;
    border-radius: 25px;
    -webkit-animation: ani-mouse 2.5s linear infinite;
    animation: ani-mouse 2.5s linear infinite;
    cursor:pointer;
}
.over {
    overflow: auto
}
.container-fluids {
    max-width: 1500px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
@media only screen and (max-width : 767px) {
    .container-fluids {
        padding: 0
    }
}
.quality-list {
    float: left;
    width: 100%;
    padding: 0 120px 0 120px;
    margin-top: -27.2vh;
    position: relative
}
@media only screen and (max-width : 767px) {
    .quality-list {
        margin: 0 !important;
        padding: 0 40px
    }
    .quality-list .scroll {
        display: none
    }
    .quality-list .item {
        float: left;
        width: 100%
    }
    .quality-list .item .left {
        width: 100% !important;
        padding: 0 !important
    }
    .quality-list .item .right {
        width: 100% !important;
        margin: 0 !important;
        padding: 20px !important
    }
}
.quality-list .scroll {
    width: 70px;
    right: 33vh;
    top: 7vh;
    left: inherit !important
}
.quality-list .item {
    float: left;
    width: 100%;
    margin-bottom: 12vh
}
.quality-list .item:last-child {
    margin-bottom: 0
}
.quality-list .item:last-child .left {
    transition: .6s
}
.quality-list .item .left {
    transition: .2s;
    float: left;
    width: 62%;
    font: 3vh/6vh camptonextralight;
    color: #e1e1e1;
    padding-right: 25vh
}
.quality-list .item .left p {
    font: 3vh/6vh camptonextralight;
    color: #e1e1e1
}
.quality-list .item .left p strong {
    font: 3vh camptonbook
}
.quality-list .item .right {
    transition: .6s;
    float: right;
    width: 36%;
    border: 1px solid #707070;
    padding: 40px 60px;
    margin-top: 20vh;
    min-height: 23vh;
    display: table
}
.quality-list .item .right span {
    font: 3vh/5vh camptonextralight;
    color: #e1e1e1;
    display: table-cell;
    vertical-align: middle
}
.quality-list .item .right span strong {
    font: 3vh/5vh camptonbook;
    display: block
}
@media only screen and (min-width: 767px) {
    .pro-new-page .mc-md-4.pa.mc-xs-12.mc-sm-12 {
        float: right
    }
}
@media only screen and (max-height: 750px) {
    .quality-list .item .right {
        margin-top: 27vh
    }
    .quality-list {
        margin-top: -29vh
    }
}
.form form .form-group .nice-select span {
    position: relative;
    top: -7px
}
.form .p-mask {
    padding-left: 18px
}
.form small {
    position: absolute;
    top: 15px;
    font: 17px camptonbook;
    color: #fff;
    opacity: 0;
    left: 15px
}
.foc small {
    opacity: 1
}
.mobile-slider {
    height: 100vh;
    display: none;
    overflow: hidden
}
.mobile-slider .linkto {
    position: absolute;
    bottom: 110px;
    right: 55px;
    z-index: 40
}
.mobile-slider .linkto a {
    transition: .3s;
    display: block;
    font: 14px camptonlight;
    color: #fff;
    width: 92px;
    height: 42px;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 50px;
    padding: 13px 8px
}
.mobile-slider .linkto a:hover {
    transition: .3s;
    color: #000;
    background: #fff
}
.mobile-slider:before {
    content: "";
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .4
}
.mobile-slider video {
    height: 100vh;
    transform: scale(3.3)
}
.mobile-slider button {
    transition: .3s;
    cursor: pointer;
    background: url(../images/mute-new.png) top 15px center no-repeat;
    width: 60px;
    height: 47px;
    text-indent: -9999px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 130px;
    z-index: 5;
    border: none
}
.mobile-slider button.stop {
    background: url(../images/cls.png) top 15px center no-repeat
}
@media only screen and (min-width: 370px)and (max-width: 767px) {
    .gallery .item {
        width: 50%
    }
    .gallery .item .images {
        height: 100px !important
    }
    .news-home .list .pa {
        width: 50%
    }
    .news-home .list .pa .images {
        height: 95px
    }
    .news-home .list .pa .detail {
        font: 13px/17px camptonextralight !important;
        -webkit-line-clamp: 4 !important
    }
    .cons-page .item .text {
        padding: 0 !important
    }
    .cons-page .item .all {
        max-width: 100%;
        padding: 0 !important
    }
    .cons-page .item .all p {
        font-size: 18px !important;
        line-height: 25px !important
    }
}
@media only screen and (max-width : 370px) {
    .cons-page .item .text {
        padding: 0 !important
    }
    .cons-page .item .all {
        max-width: 100%
    }
    .cons-page .item .all p {
        font-size: 15px !important;
        line-height: 20px !important
    }
    .gallery .item {
        width: 100%
    }
    .gallery .item .images {
        height: 160px !important
    }
    .gallery .item img {
        max-height: 100%;
        max-width: inherit !important
    }
}
.ytp-title-text {
    display: none !important
}
@media only screen and (max-width : 767px) {
    .fancybox-caption {
        display: none !important
    }
    .form form {
        margin: 0 !important
    }
    .iframe-videos .overlay:after {
        display: none
    }
    .mobile-slider button {
        bottom: 160px !important
    }
    .page .cons-page .item .text .all p {
        letter-spacing: 1px !important
    }
    .pro-bottom-two .prlist .new-pro-content .content {
        padding: 0 !important
    }
    .iframe-videos #iframe-player {
        transform: inherit !important
    }
    .progbar {
        display: none
    }
    .iframe-videos {
        height: 25vh !important;
        min-height: 180px
    }
    .pro-one .images img {
        max-height: 100%
    }
    .opacity {
        width: 0 !important
    }
    .mobile-slider .linkto {
        bottom: 160px;
        right: 20px
    }
    .prlist .pro-new-page .cont .mini-pro .text {
        letter-spacing: 2px
    }
    .pro-one .activepage .mc-md-4 {
        padding: 0 !important
    }
    .gallery-pro-detail .item .text {
        background: rgba(0, 0, 0, .6392156863) !important
    }
    .pro-bottom-two .prlist .new-pro-content .images {
        width: 100%
    }
    .pro-two .pro-new-page {
        margin: 0 !important
    }
    .page .pages .page-content-all .text {
        font-size: 18px;
        padding: 0 40px;
        margin: -120px 0 50px 0
    }
    .quality-list .item {
        margin-bottom: 10px
    }
    .quality-list .item .right {
        margin-bottom: 50px !important
    }
    .quality-page .top {
        height: auto !important
    }
    .quality-list .item .right {
        min-height: inherit !important;
        text-align: center
    }
    .quality-list .item .right span, .quality-list .item .right strong {
        font-size: 18px !important;
        line-height: 28px !important
    }
    .quality-list .item .left p strong {
        font-size: 15px;
        line-height: 28px
    }
    .quality-list .item .left {
        margin: 20px 0 !important;
        text-align: center
    }
    .quality-list .item .left p {
        font-size: 15px;
        line-height: 28px
    }
    .page .pages .page-content-all .bottom .listing .item {
        margin: 0 0 30px 0
    }
    .logo a {
        background: url(../images/boytu_logo.svg) no-repeat;
        display: block;
        width: 90px;
        height: 90px;
        background-size: contain
    }
    .logo img {
        display: none
    }
    .gallery-pro-detail .pagingInfo {
        bottom: -10px !important
    }
    .text-pro-detail .contents p {
        font: 18px/26px camptonextralight !important
    }
    .page .pages .page-content-all .bottom .listing .item .title strong {
        font-size: 40px !important;
        line-height: 45px;
        margin-bottom: 0 !important
    }
    .page .pages .page-content-all .bottom .listing .item .title small {
        font-size: 30px !important;
        margin: 0 !important
    }
    .page .pages .page-content-all .bottom .listing .item .title span {
        font-size: 24px !important
    }
    .page .pages .page-content-all .bottom .listing .item .title {
        margin: 0 0 20px 0
    }
    .page .pages .page-content-all .bottom .listing .item p {
        font: 18px/27px camptonextralight
    }
    .page .pages .page-content-all .bottom .listing .item p span {
        font-size: 18px !important
    }
    .page .pages .page-content-all .bottom .listing .item {
        padding: 0 20px
    }
    .video-mobile {
        float: left;
        width: 100%;
        height: 280px !important
    }
    .pro-two .pro-videos {
        display: none
    }
    .prlist .pro-new-page .cont .mini-pro .title {
        margin: 0 0 20px 0
    }
    .pro-bottom-one .technical .left .text {
        overflow: auto !important;
        text-align: center;
        padding: 0 !important;
        max-height: initial !important
    }
    .multiple-img .three-day .threesixty {
        height: 100%
    }
    .pro-bottom-one .technical .twoAll .item .type ul li em {
        width: 100%;
        margin: 0 0 5px 0
    }
    .pro-bottom-one .technical .right .item .type {
        padding: 0
    }
    .pro-bottom-one .technical .right .item .type ul {
        margin: 20px 0
    }
    .pro-bottom-one .technical .right .item .type ul li {
        padding: 10px 0;
        border-bottom: 1px solid #424141;
        text-align: center
    }
    .pro-bottom-one .technical .left .color ul {
        text-align: center;
        width: 100%
    }
    .pro-bottom-one .technical .left .color ul li {
        width: auto !important;
        float: none;
        display: inline-block
    }
    .pro-bottom-one .technical .left .color {
        padding: 20px 0;
        margin-bottom: 10px
    }
    .pro-bottom-one .technical .left .color span {
        text-align: center
    }
    .pro-bottom-one .technical {
        padding: 40px 0
    }
    .pro-bottom-one .technical .left {
        width: 100%
    }
    .pro-bottom-one .technical .right {
        width: 100%
    }
    .multiple-img .three-day .ui {
        width: 100%;
        left: 0;
        margin: 0
    }
    .multiple-img .three-day .ui .next {
        width: 42px;
        height: 42px;
        background-size: 20px;
        right: 0
    }
    .multiple-img .three-day .ui .prev {
        width: 42px;
        height: 42px;
        background-size: 20px;
        left: 0
    }
    .gallery-pro-detail {
        margin-top: 50px;
        margin-bottom: 0 !important
    }
    .page .pagingInfo {
        bottom: 30px
    }
    .gallery-pro-detail .item .text {
        width: 100%;
        padding: 0 30px;
        font: 15px/25px camptonextralight
    }
    .gallery-pro-detail .item .text span {
        padding: 0 !important
    }
    .gallery-pro-detail .item .text span {
        padding: 0 !important
    }
    .gallery-pro-detail .item .text p {
        margin: 0 0 10px 0 !important
    }
    .gallery-pro-detail .slick-list {
        padding: 0 !important
    }
    .gallery-pro-detail .item .images {
        background-position: top center
    }
    .gallery-pro-detail .slick-arrow {
        bottom: 40px;
        top: inherit !important;
        transform: inherit !important
    }
    .gallery-pro-detail .slick-arrow.slick-prev {
        background-size: contain;
        width: 24px;
        height: 46px;
        left: inherit !important;
        right: 80px !important;
        margin: 0
    }
    .gallery-pro-detail .slick-arrow.slick-prev:after {
        width: 24px;
        height: 46px;
        margin: -22px auto;
        background-size: contain
    }
    .gallery-pro-detail .slick-arrow.slick-next {
        left: inherit;
        background-size: contain;
        width: 24px;
        height: 46px;
        right: 30px !important;
        margin: 0
    }
    .gallery-pro-detail .slick-arrow.slick-next:after {
        width: 24px;
        height: 46px;
        margin: 0 auto;
        background-size: contain
    }
    .mb0 {
        margin: 0 !important
    }
    .history-page {
        margin: 0 !important
    }
    .news-home .list .item {
        padding: 0 10px
    }
    .news-home .list {
        padding: 0 18px
    }
    .form form .form-group .left {
        padding: 0;
        margin: 20px auto;
        width: 100%;
        text-align: center
    }
    .form form .form-group .left .icheckbox_square-blue {
        float: none !important
    }
    .lg-actions .lg-next, .lg-actions .lg-prev {
        margin-top: -120px;
        background: none !important
    }
    .fancybox-container .page-content {
        margin-bottom: 0 !important
    }
    .form form .submit .btn {
        width: 100%
    }
    .form form .submit .btn button, .form form .submit .btn input {
        float: none;
        margin: 0 auto
    }
    .fancybox-container {
        z-index: 99
    }
    .fancybox-container .page {
        height: auto !important;
        padding: 105px 30px 0 30px !important;
        margin: 0
    }
    .cons-page {
        height: auto !important
    }
    .panel .mobile-menu .inner nav ul {
        padding: 130px 30px
    }
    .panel .mobile-menu .inner nav ul li a, .panel .mobile-menu .inner nav ul li span {
        font-size: 23px;
        padding: 12px 0
    }
    .panel .mobile-menu .inner nav {
        width: 100% !important;
        overflow: auto
    }
    .mobile-slider {
        display: block
    }
    .cons-title {
        z-index: 2;
        font-size: 25px !important;
        padding: 0 !important
    }
    .video-slider .linkto {
        right: 40px;
        bottom: 80px
    }
    .video-slider {
        display: none
    }
}
@media only screen and (min-width : 1024px)and (max-width : 1200px) {
    .iframe-videos {
        height: 490px !important
    }
   /* .gallery-pro-detail .item .images {
        height: 550px
    }*/
    .gallery-pro-detail .item .text {
        width: 360px
    }
    .pro-videos {
        height: 500px !important
    }
    .video-slider {
        display: none
    }
    .mobile-slider {
        display: block !important
    }
    .mobile-slider video {
        transform: scale(1.3)
    }
    .mobile-slider button {
        bottom: 0 !important;
        left: 0 !important;
        right: inherit !important
    }
    .prlist .pro-videos iframe {
        transform: inherit !important;
        height: 500px !important
    }
    .pro-bottom-one .technical .right .item .type ul li {
        font: 12px camptonlight
    }
    .pro-bottom-one .technical .right .item .type ul li em {
        min-width: 30px;
        font: 12px camptonlight
    }
    .pro-bottom-one .technical .left .text p {
        font: 17px/26px camptonbook
    }
    .pro-bottom-one .technical .left .text p:last-child {
        margin-bottom: 0 !important
    }
    .prlist .pro-new-page .cont .mini-pro .title {
        font-size: 50px !important
    }
    .quality-page {
        padding: 2vh 0 120px 0 !important
    }
    .quality-list .item .left p, .quality-list .item .left strong {
        font-size: 19px;
        line-height: 40px
    }
    .quality-list .item .right span, .quality-list .item .right strong {
        font-size: 19px !important;
        line-height: 30px !important
    }
    .logo a {
        background: url(../images/boytu_logo.svg) no-repeat;
        width: 90px;
        height: 90px;
        display: block;
        background-size: contain
    }
    .logo a img {
        display: none
    }
    .quality-list .item .left {
        width: 55% !important;
        padding-right: 10vh !important
    }
    .quality-list .item .right {
        padding: 20px 25px;
        width: 45%
    }
    .page .pages .page-content-all {
        padding: 0
    }
    .panel .p-list-data .item .images {
        background-position: right top;
        background-size: cover
    }
    .page .cons-title {
        z-index: 9
    }
    .history-page {
        margin: 0 !important
    }
    .fancybox-container .page {
        padding: 130px 40px;
        margin: 0 !important;
        height: auto
    }
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .contact-home {
        height: auto !important
    }
    .contact-home .adress {
        padding-right: 20px
    }
    .iframe-videos .overlay {
        background: none
    }
    .iframe-videos .overlay:after {
        display: none
    }
    .page .cons-page .item .text {
        padding: 0 70px !important
    }
    .page .cons-page .item .text .all p {
        letter-spacing: 1px !important
    }
    .gallery-pro-detail {
        margin: 70px 0 30px 0
    }
    .iframe-videos {
        height: 440px !important
    }
    .containers {
        max-width: 720px
    }
    .panel .mobile-menu .inner nav ul {
        padding-left: 50px;
        padding-top: 90px
    }
    .panel .mobile-menu .inner nav {
        overflow: auto
    }
    footer.fixed {
        background: none !important
    }
    .mobile-slider {
        display: block
    }
    .mobile-slider .linkto {
        right: 55px !important
    }
    .mobile-slider video {
        transform: scale(1.9)
    }
    .mobile-slider button {
        right: inherit !important;
        left: 0 !important;
        bottom: 0 !important
    }
    .pro-videos {
        display: none
    }
    .pro-bottom-two .prlist .new-pro-content .content {
        padding: 0 !important
    }
    .gallery-pro-detail .slick-arrow {
        background-size: contain !important
    }
    .gallery-pro-detail .item .text {
        width: 42%;
        font: 14px/23px camptonextralight !important
    }
    .gallery-pro-detail .item .text span {
        padding: 30px !important
    }
    .text-pro-detail .contents.prover {
        max-height: 210px
    }
    .pro-bottom-two .prlist .new-pro-content .images {
        float: none;
        display: block;
        margin: 0 auto
    }
    .gallery-pro-detail .item .images {
        height: 430px
    }
    .prlist .pro-new-page .cont .mini-pro .title {
        font-size: 58px;
        margin-bottom: 15px
    }
    .pro-bottom-one .technical .left {
        width: 25%
    }
    .pro-bottom-one .technical .right {
        width: 75%
    }
    .pro-bottom-one .technical .mc-md-5 {
        width: 100% !important
    }
    .pro-bottom-one .technical .mc-md-7 {
        display: none
    }
    .pro-bottom-one .technical .color {
        padding: 0 20px 0 0 !important
    }
    .pro-bottom-one .technical .type {
        padding: 0 10px !important
    }
    .logo a {
        background: url(../images/boytu_logo.svg) no-repeat;
        width: 90px;
        height: 90px;
        display: block;
        background-size: contain
    }
    .logo a img {
        display: none
    }
    .video-slider {
        display: none
    }
    .prlist .pro-videos {
        height: 360px !important
    }
    .prlist .pro-videos iframe {
        transform: inherit !important;
        height: 360px !important
    }
    .quality-page .top {
        height: auto !important
    }
    .quality-page .left, .quality-page .right {
        text-align: center
    }
    .page .pages .page-content-all .bottom {
        margin: -50px 0
    }
    .page .pages .page-content-all .bottom .listing .title strong {
        font-size: 58px !important
    }
    .page .pages .page-content-all .bottom .listing .title small {
        font-size: 35px !important;
        margin: 0 !important
    }
    .page .pages .page-content-all .bottom .listing .title span {
        font-size: 30px !important
    }
    .page .pages .page-content-all .bottom .listing .item {
        padding: 0 40px
    }
    .page .pages .page-content-all .bottom .listing .item p {
        font: 18px/30px camptonextralight
    }
    .scroll {
        bottom: 80px
    }
    .page .pages .page-content-all .text {
        margin: -20px 0 70px 0
    }
    .page .pages .page-content-all .top {
        padding: 0 50px
    }
    .page .pages .page-content-all .top p {
        font-size: 18px;
        line-height: 30px
    }
    .quality-page {
        padding: 0 !important
    }
    .quality-page .scroll {
        display: none
    }
    .quality-page .quality-list {
        margin: 40px 0 0 0 !important;
        padding: 0 50px
    }
    .quality-page .item .left {
        width: 100%;
        padding: 0
    }
    .quality-page .item .left p, .quality-page .item .left strong {
        font-size: 18px !important;
        line-height: 30px !important
    }
    .quality-page .item .right {
        width: 100%;
        margin: 40px 0 0 0;
        min-height: auto;
        padding: 30px
    }
    .quality-page .item .right span, .quality-page .item .right strong {
        font-size: 18px !important;
        line-height: 30px !important
    }
    .history-page {
        margin: 0 !important
    }
    .fancybox-container .page {
        padding: 130px 40px;
        margin: 0 !important
    }
    .fancybox-container {
        z-index: 99
    }
    .prlist .pro-new-page .cont .mini-pro .text {
        font-weight: 700
    }
}
.bootstrap-filestyle {
    position: relative
}
.group-span-filestyle {
    position: absolute;
    right: 0;
    bottom: 50%;
    outline: 0 !important;
    transform: translateY(-20%)
}
.group-span-filestyle label {
    position: relative !important;
    outline: 0 !important;
    margin: 0;
    top: 0 !important;
    cursor: pointer
}
.form form .form-group.pa.pl0 input {
    padding-left: 0 !important;
    padding-right: 80px
}
.buttonText {
    outline: 0 !important;
    background: #2d2d2d;
    color: #fff;
    font: 14px camptonlight;
    width: 89px;
    height: 33px;
    text-align: center;
    padding: 9px
}
.modal {
    padding: 0 !important
}
.modal .modal-header {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 15px 30px;
    border-bottom: 1px solid #403f3f;
    position: sticky;
    top: 0;
    background: #1d1d1d;
    z-index: 9;
    color: #7b7b7b
}
.modal .modal-content {
    border-radius: 0;
    background-color: #1d1d1d;
    border: none;
    box-shadow: inherit
}
.modal .modal-dialog {
    display: flex;
    align-items: center;
    max-width: 950px;
    margin: 60px auto;
    width: 100%;
    padding: 0
}
@media only screen and (max-width: 767px) {
    .modal .modal-dialog {
        padding: 20px;
        margin: 0 !important
    }
}
.modal .modal-body {
    float: left;
    width: 100%;
    padding: 30px
}
.modal span {
    font: 22px camptonbook;
    color: #7b7b7b;
    float: left
}
.modal .close {
    opacity: 1;
    background: none;
    outline: 0 !important;
    text-shadow: none !important;
    color: #707070;
    font-size: 30px;
    font-weight: 100
}
.modal .modal-body p {
    font: 16px/24px camptonbook;
    color: #7b7b7b
}
.modal .modal-body ul {
    padding: 0 15px
}
.modal .modal-body ul li {
    font: 16px/24px camptonbook;
    color: #7b7b7b;
    list-style-type: disc
}
.grecaptcha-badge {
    display: none !important
}
@media screen and (min-width: 1279px)and (max-width: 1390px) {
    .containers {
        padding: 0 60px
    }
}
.prlist .pro-videos .mb_YTVPTime {
    position: absolute !important;
    padding: 14px 0 !important
}
@media all and (-ms-high-contrast: none) {
    .svs {
        left: -5px;
        width: 63px;
        height: 63px;
        margin-top: -4px !important
    }
    .svs svg {
        width: 63px;
        height: 63px
    }
    *::-ms-backdrop, .svs {
        left: -5px;
        width: 63px;
        height: 63px;
        margin-top: -4px !important
    }
    *::-ms-backdrop, .svs svg {
        width: 63px;
        height: 63px
    }
}
.fancybox-container {
    z-index: 30
}
.fancybox-slide:before {
    display: none
}
.form form .form-group input[type=email], .form form .form-group input[type=tel], .form form .form-group input[type=text], .form form .form-group select {
    border-radius: 0 !important
}
.form form .form-group .nice-select {
    height: 50px
}
.alert-danger {
    color: #ff2e2a;
    background-color: none;
    border-color: none;
    border-radius: 0;
    background: none;
    border: none;
    padding: 0 50px;
    font-weight: 700;
    margin: -70px 0 60px 0
}
.fancybox-active .fancybox-container {
    z-index: 9999 !important
}
.svs {
    width: 100%;
    height: 100%
}
.svs svg {
    width: 100%;
    height: 100%
}
@media screen and (min-width: 1024px)and (max-width: 1200px) {
    .news-home {
        padding: 80px 0
    }
    .newsdetail-page {
        padding: 25px 0
    }
    .quality-list .item .right {
        padding: 15px 25px
    }
    .quality-list {
        margin: -160px 0 0 0
    }
}
@media screen and (min-width: 1200px)and (max-width: 1279px) {
    .news-home {
        padding: 80px 0
    }
    .newsdetail-page {
        padding: 105px 30px !important
    }
    .quality-list .item .right {
        padding: 15px 25px
    }
    .quality-list {
        margin: -160px 0 0 0
    }
}
.rrg .content {
    float: none !important;
    padding: 0 !important
}
@media only screen and (max-width: 1023px) {
    .pro-bottom-two .prlist .new-pro-content .images {
        height: auto !important
    }
    .rrg {
        height: auto !important;
        margin-top: 25px
    }
}
.nakkas-kalite {
    margin: 0 0 80px 0;
    height: auto !important;
    max-width: 100% !important
}
.nakkas-kalite .last {
    display: inline-block;
    width: 100%
}
.nakkas-kalite .listing {
    display: inline-block;
    width: 100%;
    padding-bottom: 50px
}
.nakkas-kalite .page-title {
    margin: 0 0 40px 0 !important
}
.nakkas-kalite .tops {
    float: left;
    width: 100%;
    padding: 0 120px;
    text-align: center;
    height: 100%
}
.nakkas-kalite .tops p {
    font: 24px/45px camptonextralight;
    color: #e1e1e1;
    margin: 0 0 25px 0
}
.nakkas-kalite .tops p:last-child {
    margin-bottom: 0
}
.nakkas-kalite .tops p a {
    color: #e1e1e1;
    text-decoration: underline
}
.nakkas-kalite .item {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px
}
.nakkas-kalite .item:last-child {
    margin-bottom: 0
}
.nakkas-kalite .item:nth-child(1) {
    opacity: 1 !important
}
.nakkas-kalite .item:nth-child(1) .texts {
    opacity: 1 !important
}
.nakkas-kalite .item .texts {
    display: inline-block;
    width: 100%
}
.nakkas-kalite .item .promise {
    transition: .7s;
    border: 1px dashed #707070;
    padding: 0 30px;
    margin: 50px 0 0 0;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 170px
}
.nakkas-kalite .item .promise .cont, .nakkas-kalite .item .promise small {
    display: block;
    font: 34px camptonextralight;
    color: #e1e1e1;
    letter-spacing: 0
}
.nakkas-kalite .item .promise .cont p, .nakkas-kalite .item .promise small p {
    font: 34px camptonextralight
}
.nakkas-kalite .item .promise span {
    font: 35px camptonextralight;
    color: #e1e1e1;
    opacity: 0
}
@media screen and (min-width: 767px)and (max-width: 1200px) {
    .nakkas-kalite .item .texts {
        opacity: 1
    }
    .nakkas-kalite .listing {
        padding: 0 !important
    }
    .nakkas-kalite .last {
        opacity: 1
    }
    .nakkas-kalite .item .promise {
        left: 0;
        right: 0;
        width: 100%;
        height: auto
    }
    .nakkas-kalite .item .promise span {
        opacity: 1;
        float: left;
        width: 100%;
        font-size: 20px
    }
    .nakkas-kalite .item .promise small {
        opacity: 1;
        float: left;
        width: 100%;
        font-size: 15px
    }
    .kvvk-page {
        padding: 0 !important
    }
    .kvvk-page h2 {
        font-size: 30px !important
    }
    .nakkas-kalite .item .promise {
        padding: 42px 40px;
        font: 18px camptonextralight
    }
    .nakkas-kalite .tops {
        padding: 130px 40px 0 40px
    }
    .nakkas-kalite .tops p {
        font: 17px/30px camptonextralight
    }
    .nakkas-kalite {
        padding: 0 !important;
        margin-top: -50px
    }
}
@media only screen and (max-width: 767px) {
    .nakkas-kalite .item .texts {
        opacity: 1
    }
    .nakkas-kalite .item .promise {
        left: 0;
        right: 0;
        width: 100%;
        height: auto
    }
    .nakkas-kalite .item .promise span {
        opacity: 1;
        float: left;
        width: 100%;
        font-size: 20px
    }
    .nakkas-kalite .item .promise small {
        opacity: 1;
        float: left;
        width: 100%;
        font-size: 15px
    }
    header.fixed {
        background: #000
    }
    .kvvk-page {
        padding: 0 !important
    }
    .kvvk-page h2 {
        font-size: 22px !important
    }
    .nakkas-kalite .item .promise {
        padding: 42px 20px;
        font: 20px camptonextralight;
        letter-spacing: 0
    }
    .nakkas-kalite .tops {
        padding: 100px 30px 40px 30px
    }
    .nakkas-kalite .tops p {
        font: 17px/27px camptonextralight
    }
    .nakkas-kalite .last {
        opacity: 1
    }
    .nakkas-kalite {
        padding: 0 !important;
        margin: 0 !important
    }
    .nakkas-kalite .page-title {
        margin: 0 0 10px 0 !important
    }
}
.kvvk-page {
    float: left;
    width: 100%
}
.kvvk-page h2 {
    font: 30px camptonextralight;
    color: #e1e1e1;
    margin: 20px 0
}
.kvvk-page p {
    font: 20px/28px camptonextralight;
    color: #e1e1e1;
    margin: 0 0 20px 0
}
.kvvk-page ul li {
    font: 20px/28px camptonextralight;
    color: #e1e1e1;
    position: relative;
    padding-left: 15px;
    margin: 5px 0
}
.kvvk-page ul li:before {
    content: "";
    width: 5px;
    height: 6px;
    display: block;
    position: absolute;
    left: 0;
    background: #e0e0e0;
    top: 10px;
    border-radius: 50%
}
.h-100 {
    height: 100%
}
@media screen and (min-width: 1000px)and (max-height: 570px) {
    .panel .mobile-menu .inner nav ul {
        padding: 90px 35px 0 0
    }
    .panel .mobile-menu .inner nav ul li a, .panel .mobile-menu .inner nav ul li span {
        padding: 10px 0
    }
}
@media only screen and (max-width: 767px) {
    .logo {
        display: block !important;
        opacity: 1 !important
    }
}
@media only screen and (min-width: 1024px) {
    .sub ul {
        display: none !important
    }
}
@media only screen and (max-width : 767px) {
    .logos img {
        max-width: 140px
    }
    .fLeft {
        display: flex;
        margin: 0 auto 10px auto;
        text-align: center;
        width: 100%;
        position: relative;
        align-items: center;
        justify-content: center
    }
    .fLeft .left {
        margin: 0 !important
    }
    .fLeft .mute {
        position: inherit !important
    }
    .mobileBanner:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 1;
        opacity: .5
    }
    .container-fluid {
        padding: 0 30px
    }
}
@media screen and (min-width: 1200px)and (max-height: 615px) {
    #map {
        height: 390px !important
    }
}
.fancybox-container .general {
    padding: 0 !important
}
.general {
    max-width: 1600px;
    margin: 0 auto;
    padding: 100px 90px;
    display: -webkit-box
}
@media only screen and (max-width: 767px) {
    .general {
        padding: 80px 0
    }
}
.general.h100 {
    height: calc(100vh - 48px)
}
@media only screen and (max-height: 600px) {
    .general.h100 {
        height: auto
    }
}
@media screen and (min-width: 768px)and (max-width: 1023px) {
    .general.h100 {
        padding: 100px 60px 100px 60px
    }
}
@media only screen and (max-width: 767px) {
    .general.h100 {
        height: auto
    }
}
.general.h100 .page-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}
@media only screen and (max-width: 767px) {
    .general.h100 .page-content {
        height: auto;
        display: inline-block
    }
}
@media only screen and (max-width: 767px) {
    .prlist .pro-new-page .cont .mini-pro .text {
        color: #fff !important
    }
    .oneAll .item {
        width: 50% !important
    }
    .oneBox .item {
        width: 100% !important
    }
    .prlist .pro-new-page .cont .mini-pro .title:before {
        width: 100% !important;
        background-size: contain
    }
    .pro-bottom-one .technical .left {
        margin: 0 !important
    }
    .content.contact-form {
        display: inline-block;
        padding-bottom: 50px
    }
}
@media only screen and (max-width: 1023px) {
    .fancybox-slide--html .fancybox-close-small {
        margin: -30px !important
    }
    .g-recaptcha {
        margin-bottom: 20px
    }
    .g-recaptcha div {
        display: block;
        margin: 0 auto
    }
}
.productDown {
    float: left;
    width: 100%
}
@media only screen and (min-width : 768px)and (max-width : 1023px) {
    .productDown {
        padding: 0 15px
    }
}
@media screen and (min-width: 768px)and (max-width: 1023px) {
    .pro-bottom-two .prlist .new-pro-content .images {
        min-width: 100%
    }
    .pro-bottom-two .prlist .new-pro-content .images .dots {
        display: none
    }
    .form form .submit .sub {
        justify-content: center !important
    }
}
@media screen and (min-width: 1024px)and (max-width: 1200px) {
    .prlist, .containers {
        max-width: 900px !important
    }
}
@media screen and (min-width: 1024px)and (max-width: 1100px) {
    .pro-bottom-two .prlist .new-pro-content .images {
        height: 530px !important
    }
}
@media only screen and (max-width: 1023px) {
    .three-day .web {
        display: none
    }
}
.three-day .mobile {
    display: none
}
@media only screen and (max-width: 1023px) {
    .three-day .mobile {
        display: block
    }
}
@media only screen and (max-width: 767px) {
    .history-page .pagingInfo {
        display: none
    }
}
.fancybox-toolbar {
    opacity: 1 !important;
    visibility: inherit !important
}
@media screen and (min-width: 321px)and (max-width: 767px) {
    .pro-bottom-one .technical .right .item .type ul li {
        display: flex;
        align-items: center;
        white-space: nowrap;
        justify-content: space-between
    }
    .pro-bottom-one .technical .right .item .type ul li em {
        min-width: auto !important
    }
}
@media only screen and (max-width: 320px) {
    .pro-bottom-one .technical .right .item .type ul li em {
        width: 100% !important;
        margin-bottom: 5px
    }
    .pro-bottom-one .technical .right .item .type ul li {
        display: inline-block;
        white-space: inherit
    }
}
.page .pages .page-content-all .bottom .listing .item:last-child {
    margin-bottom: 0 !important
}
@media only screen and (max-width: 767px) {
    .dots {
        display: none
    }
    .page .cons-page .item .banner:before {
        content: "";
        background: #000;
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: .4
    }
}
@media screen and (min-width: 768px)and (max-width: 1023px) {
    .slider-box-mobil .slick-arrow {
        bottom: 100px !important
    }
}
@media only screen and (max-width: 767px) {
    .slider-box-mobil * {
        animation: none
    }
}
.right .item.big .img {
    height: 390px
}
@media only screen and (max-width : 767px) {
    .right .item.big .img {
        height: auto
    }
}
.right .item.middle .img {
    height: 320px
}
@media only screen and (max-width : 767px) {
    .right .item.middle .img {
        height: auto
    }
}
.right .item.small .img {
    height: 250px
}
@media only screen and (max-width : 767px) {
    .right .item.small .img {
        height: auto
    }
}
@media only screen and (max-width : 767px) {
    .pro-bottom-one .technical .left .color ul li {
        margin: 0 5px !important
    }
}
.allTopNew {
    width: 100%
}
@media only screen and (max-width : 767px) {
    .page .pages .page-content-all .bottom .listing .item {
        min-height: 100vh;
        height: auto !important;
        margin-bottom: 100px
    }
}
.mbActiveBg {
    display: block !important;
    opacity: 1 !important
}
.mbNone {
    display: none !important
}
.backImages:before {
    content: "";
    background: #000;
    width: 100%;
    height: 100%;
    display: block;
    opacity: .6;
    position: absolute;
    z-index: 1
}
.backImages picture {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.backImages picture img {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
}
@media only screen and (max-width : 1024px) {
    .backImages picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media only screen and (max-width : 1024px) {
    .gallery-pro-detail .item .images img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
blockquote{
    border-left: 5px solid;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 20px 0 20px 20px;
    font: 23px/32px camptonextralight;
    color: #fff;
    letter-spacing: 1px;
}