/* ==============================================
    RESET -->
    =============================================== */
	html, body{ width:100%; max-width: 100%; height:auto; padding:0; margin:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering:optimizeLegibility; text-rendering: geometricPrecision; }
	body{ overflow-x: hidden !important; overflow-y: scroll; -webkit-tap-highlight-color:rgba(0,0,0,0.3); font-style: normal; font-weight: 700; font-size: 21px; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing:antialiased; line-height: 30px; letter-spacing: 0.3px; color: #45545C;}
	section, .cover{ background-size:cover; background-position: center center; background-repeat: no-repeat; }
	html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{ -webkit-text-size-adjust:none; }
	/* Undragable Images */
	img{display: block; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-user-drag: none; }
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,p{ color: inherit; font-variant-ligatures: common-ligatures; padding:0; margin:0; }
	ol, ul{ list-style: none; padding: 0; }
	a, a:hover, a:focus, button, button:hover, button:focus{ text-decoration: none; color: inherit;}
	*{ border:0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	*, *:hover, *:focus{ outline:none !important; }
	.container{max-width: 1170px;}
	h6{font-size: 14px;}
	section{overflow: hidden;}

	/* ==============================================
HEADER
=============================================== */
 header{ position: fixed;  width: 100%; background: transparent; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 3;}
 .navigation-sticky{ -webkit-transition: all 0.4s ease; transition: all 0.4s ease; padding:50px 12% 0; margin: 0;}
 header.sticky .navigation-sticky{background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.4); padding: 12px 12%;}
 header.sticky .change-color{color: #2D277E !important;}
 header .logo img{padding-left: 15px;}
 .white-logo, .black-logo{max-width: 220px !important;}
 header .col-md-4, header .col-md-8{padding: 0;}
.black-logo{display: none;}
 header.sticky .white-logo{display: none;}
 header.sticky .black-logo{display: block;}
 header .right-navigation .first-ul{display: flex; float: right;margin: 17px 0 0;}
 header .right-navigation ul li{padding:0 15px;}
 header .right-navigation ul li a{font-weight: 500;font-size: 13px;color: #FFFFFF;letter-spacing: 0.19px;}
 header .right-navigation ul li .header-phone{font-weight: 800;font-size: 13px;color: #FFFFFF;letter-spacing: 0;text-align: center; background-color: #7BA9C9; padding: 10px 25px; border-radius: 40px;}
 header .header-link{padding: 10px 30px !important; border: 1px solid #fff;}
 header.sticky .header-link1{background-color: #8EC475; color: #fff !important;}
 header.sticky .header-link2{border: 1px solid #1BB3D5;}
@media screen and (max-width: 768px){
	header{padding: 10px 15px;}
	header .logo img{padding-left: 0;max-width: 200px !important;min-width: 200px;}
}
.color-new{color: #717171 !important;}
.main-menu {display:block;position:relative;}
.main-menu:before,.main-menu:after{display: table;line-height: 0;content: "";}
.core-menu {text-align:right;overflow:hidden;margin:0;}
.core-menu li {list-style:none;display:inline-block;cursor:pointer;}
.core-menu li a {display:inline-block;padding:0.5em 0;}
li span.toggle {padding-left:8px;}
.toggle:before {content:"\f107";font:normal normal normal 16px/1 FontAwesome;}
header .dropdown {position:absolute;width:260px;background:#fff;text-align:left;display:none;padding: 15px 0;}
header .dropdown li {display:block;}
header .dropdown li a {display:block;}
.dropdown2 {position:absolute;width:230px;background:#2d2d2d;text-align:left;display:none;right:-100%;top:0;}
.dropdown2 li {display:block;}
.dropdown2 li a {display:block;}
li span.toggle2 {position:absolute;right:0;margin-right:20px;}
.toggle2:before {content:"\f105";font:normal normal normal 16px/1 FontAwesome;}
.hamburger-menu {padding:1em;display:none;text-transform:uppercase;}
@media (max-width:720px) {
 
  .container-menu {width:100%;}
  .navigation {float:left;display:block;width:100%;}
  .core-menu {float:right;width:100%;background:#fff;margin:auto;display:none;height: 100vh;overflow: scroll;padding-top: 25vh; }
  .core-menu li {width:100%;display:block;}
  .core-menu li a{display:block;margin:auto;}
  .hamburger-menu {display:block;position: absolute;right: 15px;top: 20px;}
  .burger-1, .burger-2, .burger-3 {display:block;position:absolute;width:35px;height:3px;right:0;margin-right: 15px;background:#fff;-webkit-transition:.2s ease;-ms-transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease; }
  .burger-1 {top:15px;}
  .burger-2 {top:23px;}
  .burger-3 {top:31px;}
  .burger-1.open, .burger-2.open, .burger-3.open {-webkit-transition:.2s ease;-ms-transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;transform-origin:50% 50%;}
  .burger-1.open {top:25px;width:35px;transform:rotate(45deg);-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); background-color: #292656 !important;}
  .burger-2.open {opacity:0;}
  .burger-3.open {top:25px;width:35px;transform:rotate(-45deg);background-color: #292656 !important;}
  .dropdown {width:100%;background:#292656;text-align:center;position:relative;}
  .dropdown2 {right:0;top:0;width:100%;position:relative;padding:0 20px;}
}

@media screen and (max-width: 768px){
	.right-navigation{position: absolute; right: 0; top: 0; max-width: 100%; padding: 0;}
	header .right-navigation ul li a{color: #292656 !important;text-align: center;}
	header .right-navigation .dropdown li a{ } 
	.color-new{color: #fff !important;}
	header.sticky .burger{background: #2D277E;}
	.navigation-sticky{padding: 10px 0;}
	header .dropdown{width: 100%;padding-right: 20px;}
}

.btn {
	 display: inline-block;
	 padding: 13px 20px;
	 color: #fff;
	 text-decoration: none;
	 position: relative;
	 background: transparent;
	 border: 1px solid #e1e1e1;
	 font: 10px "Oswald", sans-serif;
	 letter-spacing: 0.4em;
	 text-align: center;
	 text-indent: 2px;
	 text-transform: uppercase;
	 transition: color 0.1s linear 0.05s;
}
 .btn::before {
	 content: "";
	 display: block;
	 position: absolute;
	 top: 50%;
	 left: 0;
	 width: 100%;
	 height: 1px;
	 background: #e1e1e1;
	 z-index: 1;
	 opacity: 0;
	 transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0.2s;
}
 .btn::after {
	 transition: border 0.1s linear 0.05s;
}
 .btn .btn-inner {
	 position: relative;
	 z-index: 2;
}
 .btn:hover {
	 color: #373737;
	 transition: color 0.1s linear 0s;
}
 .btn:hover::before {
	 top: 0;
	 height: 100%;
	 opacity: 1;
	 transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s;
}
 .btn:hover::after {
	 border-color: #373737;
	 transition: border 0.1s linear 0s;
}
 .slideshow {
	 overflow: hidden;
	 position: relative;
	 width: 100%;
	 height: 100vh;
	 z-index: 1;
}
 .slideshow .slideshow-inner {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 .slideshow .slides {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 1;
}
 .slideshow .slide {
	 display: none;
	 overflow: hidden;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 1;
	 opacity: 0;
	 transition: opacity 0.3s ease;
}
 .slideshow .slide.is-active {
	 display: block;
}
 .slideshow .slide.is-loaded {
	 opacity: 1;
}
 .slideshow .slide .caption {
	 padding: 0 100px;
	 text-align: left;
	 position: absolute;
     left: 8%;
     bottom: 100px;
}
 .slideshow .slide .image-container {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-position: center;
	 z-index: 1;
	 background-size: cover;
	 image-rendering: optimizeQuality;
}
 .slideshow .slide .image-container::before {
	 content: "";
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(0, 0, 0, 0.5);
}
 .slideshow .slide .image {
	 width: 100%;
	 width: 100%;
	 object-fit: cover;
	 height: 100%;
}
 .slideshow .slide-content {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 2;
	 color: #fff;
	 text-align: center;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .slideshow .slide .title {
 	 font-weight: 400;
	 font-size: 16px;
	 color: #FFFFFF;
	 letter-spacing: 0.23px;
}
 .slideshow .slide .text {
	 font-weight: 800;
     font-size: 48px;
     color: #FFFFFF;
     letter-spacing: 0.69px;
     line-height: 58px;
     padding: 10px 0 50px;
}
 .slideshow .slide .btn {
	 margin: 15px 0 0;
	 border-color: #fff;
}
 .slideshow .slide .btn::before {
	 background: #fff;
}
 .slideshow .pagination {
	 position: absolute;
	 bottom: 35px;
	 left: 0;
	 width: 100%;
	 height: 12px;
	 cursor: default;
	 z-index: 2;
	 text-align: center;
	 display: none;
}
 .slideshow .pagination .item {
	 display: inline-block;
	 padding: 15px 5px;
	 position: relative;
	 width: 46px;
	 height: 32px;
	 cursor: pointer;
	 text-indent: -999em;
	 z-index: 1;
}
 .slideshow .pagination .item + .page {
	 margin-left: -2px;
}
 .slideshow .pagination .item::before {
	 content: "";
	 display: block;
	 position: absolute;
	 top: 15px;
	 left: 5px;
	 width: 36px;
	 height: 2px;
	 background: rgba(255, 255, 255, 0.5);
	 transition: background 0.2s ease;
}
 .slideshow .pagination .item::after {
	 width: 0;
	 background: #fff;
	 z-index: 2;
	 transition: width 0.2s ease;
}
 .slideshow .pagination .item:hover::before, .slideshow .pagination .item.is-active::before {
	 background-color: #fff;
}
 .slideshow .arrows .arrow {
	 padding: 15px 20px;
	 position: absolute;
	 cursor: pointer;
	 z-index: 3;
	 border: 1px solid #fff;
     border-radius: 100%;
     bottom: 100px;
}
 .slideshow .arrows .prev {
	 right: 17%;
}

 .slideshow .arrows .next {
	 right: 13%;
}

 .slideshow .arrows .svg {
	 position: relative;
	 left: 0;
	 width: 14px;
	 height: 26px;
	 fill: #fff;
	 transition: left 0.2s ease;
}
 
.right-button a, .right-button a::after {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.right-button a {position: relative; background: none; padding: 10px 0px 10px 47px; max-width: fit-content;font-weight: 400;font-size: 13px;color: #FFFFFF;letter-spacing: 1px;overflow: visible; margin-left: -30px; display: flex;}
.right-button a::before, .right-button a::after {background: #7BA9C9;content: '';position: absolute;z-index: -1;}
.right-button .btn-2::after {height: 50px;left: 30px;top: 0;width: 50px;border-radius: 30px;}
.right-button .btn-2:hover:after {width: 92%;}
.right-button a img{max-width: 17px; margin-right: 30px;}



@media (max-width: 768px){
	.slideshow .slide .caption{padding: 0;}
	.slideshow .slide .text{font-size: 36px; line-height: 40px; max-width: 90%;}
	.slideshow .slide .caption{bottom: 40%;}
	.slideshow .arrows .prev, .slideshow .arrows .next{right: auto; left: 30px; bottom: 170px;}
	.slideshow .arrows .next{left: 100px;}
	header.sticky .navigation-sticky{padding: 10px 0;}
	header .right-navigation ul li .header-phone{color: #fff !important}
}
	




.home-about{padding: 85px 0;}
.home-about-text p{max-width: 730px; margin: 0 auto;}
.home-about-text p .span1{font-weight: 400;font-size: 13px;color: #7BA9C9;letter-spacing: 0.19px; padding-right: 10px;}
.home-about-text p .span2{color: #6CAACC;}

@media (max-width: 768px){
	.home-about{padding: 70px 0;}
	.home-about .home-about-text{padding: 0 15px;}
}



.home-link{position: relative; background-image: url(../images/new-bg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: 60vh;}
.home-link .row{height: 100%;}
.home-link .home-link-item{position: relative; height: 100%; display: flex; justify-content: center; align-items: center; border-right: 1px solid #fff; }
.home-link .home-link-item a{font-weight: 700;font-size: 36px;color: #FFFFFF;letter-spacing: 0.51px;text-align: center;position: relative;height: 100%;width: 100%; display: flex; justify-content: center; align-items: center;}
.home-link .home-link-item a span{opacity: 0.4;-webkit-transition: all 0.4s ease;transition: all 0.4s ease; z-index: 2;}
.home-link .home-link-item a:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.home-link .col-md-4{padding: 0;}
.home-link .home-link-item a:hover{opacity: 1;}
.home-link .home-link-item a:hover .home-link-span{opacity: 1;}
.home-link .home-link-item a:hover:after{background-color: rgba(0,0,0,0);}

@media (max-width: 768px){
	.home-link{height: 80vh;}
	.home-link .home-link-item{border-right: none; border-bottom: 1px solid #fff; }
	.home-link .home-link-item a span{opacity: 1;}
}





.home-services{position: relative; padding: 120px 0;}
.home-services:after{position: absolute; content: ''; width: 100%; height: 200%; border:1px solid #7BA9C9; left: -50vw; top: -50%; border-radius: 100%;}
.home-services .home-services-right .home-services-right-item{display: flex; justify-content: center; align-items: center; padding-bottom: 25px;}
.home-services .home-services-right .home-services-right-item:last-child{padding-bottom: 0;}
.home-services .home-services-right .home-services-right-item img{max-width: 48px;}
.home-services .home-services-right .home-services-right-item .home-services-right-item-description{padding-left: 45px;}
.home-services .home-services-right .home-services-right-item .home-services-right-item-description h6{font-weight: 400;font-size: 18px;color: #48535B;letter-spacing: 0.3px;line-height: 30px;}
.home-services .home-services-right .home-services-right-item .home-services-right-item-description p{font-weight: 400;font-size: 13px;color: #48535B;letter-spacing: 0; line-height: 16px; max-width: 350px;}
.home-services .col-md-4{display: flex; justify-content: center; align-items: center;}
.home-services .col-md-8{display: flex;justify-content: flex-end; align-items: center;}

@media (max-width: 768px){
	.home-services:after{display: none;}
	.home-services{padding: 70px 15px;}
	.home-services .home-services-left{padding-bottom: 30px;}
}



footer{background-color: #48535B; padding-top: 100px;}
footer .container{max-width: 85%;}
footer .footer-top .col-md-7, footer .footer-top .col-md-5{padding: 0;}
footer .footer-top .footer-top-left{background-color: #7BA9C9; display: flex; justify-content: center; align-items: center;height: 100%;}
footer .footer-top .footer-top-left .footer-top-left-item{padding: 0 65px;}
footer .footer-top .footer-top-left .footer-top-left-item .span1{color: #fff;}
footer .footer-top .footer-top-left .footer-top-left-item p{font-weight: 700;font-size: 16px;color: #FFFFFF;letter-spacing: 0.23px;line-height: 24px; max-width: 100%;}
footer .footer-top .footer-newsletter form{padding-top: 30px; display: flex; justify-content: flex-start; align-items: center;}
footer .footer-top .footer-newsletter form input{width: 50%; background-color: #fff;  padding: 12px 30px; border-radius: 40px;font-weight: 400;font-size: 13px;color: #7BA9C9;letter-spacing: 1px;}
footer .footer-top .footer-newsletter form input::placeholder{font-weight: 400;font-size: 13px;color: #7BA9C9;letter-spacing: 1px;}
footer .footer-top .footer-newsletter form .send-button button img{max-width: 17px;    min-width: 17px;}
footer .footer-top .footer-newsletter form .send-button button{padding: 24px 20px;border-radius: 100%;}
footer .footer-top .footer-newsletter form .send-button {padding-left: 10px;}
footer .footer-top .footer-top-right{background-color: #fff; padding: 70px 0;}
footer .footer-top .footer-top-right p{max-width: 410px; margin: 0 auto; padding-bottom: 25px;}
.right-button2 a{color: #7BA9C9; margin-left: 65px;}
.right-button2 a::before, .right-button2 a::after{z-index: 0;}
.right-button2 a img{z-index: 2;}
.right-button2 span{z-index: 2;}
.right-button2 .btn-2:hover .r-button-span{color: #fff; }


footer .footer-center{padding: 60px 65px;}
footer .footer-center .footer-center-item img{max-width: 170px;}
footer .footer-center .footer-center-item p{font-weight: 400;font-size: 13px;color: #FFFFFF;letter-spacing: 0.19px;line-height: 20px; max-width: 255px; padding-top: 60px;}
footer .footer-center .footer-center-item ul li a{font-weight: 500;font-size: 13px;color: #FFFFFF;letter-spacing: 0.19px;}
footer .footer-center .footer-center-item ul{line-height: 25px;}
footer .footer-center .footer-center-item-right{display: flex; justify-content: flex-end; }
footer .footer-center .footer-center-item-right p{padding-top: 0; max-width: 100%; text-align: right;}
footer .footer-center .footer-center-item-right p span{color: #6CAACC; padding: 0 5px;}
footer .footer-center .footer-center-item-right .footer-mail-p{font-size: 16px; line-height: 20px; letter-spacing: 0.23px; padding-top: 20px;}
footer .footer-center .footer-center-item-right .footer-center-item-right-social{padding-top: 60px;}
footer .footer-center .footer-center-item-right .footer-center-item-right-social ul{display: flex; justify-content: flex-end;}
footer .footer-center .footer-center-item-right .footer-center-item-right-social ul li{padding: 0 15px;}
footer .footer-bottom{background-color: #D8E6EF; padding: 30px 65px;}
footer .footer-bottom .footer-bottom-item p{font-weight: 400;font-size: 13px;color: #48535B;letter-spacing: 0.19px;line-height: 20px; padding-right: 30px;}
footer .footer-bottom .footer-bottom-item{display: flex;}
footer .footer-bottom .footer-bottom-item2{justify-content: flex-end;}
footer .footer-bottom .footer-bottom-item2 p{padding-right: 0; text-align: right;}



@media (max-width: 768px){
	footer{padding-top: 70px;}
	footer .footer-top .footer-top-left .footer-top-left-item, footer .footer-top .footer-top-right{padding: 40px;}
	footer .footer-top .footer-newsletter form input{width: 80%;}
	footer .footer-top .footer-top-right p{font-size: 18px;}
	.right-button2 a{margin-left: -25px;}
	footer .footer-center .footer-center-item p{padding-top: 20px; text-align: center;}
	footer .footer-center{padding: 60px 30px 40px;}
	footer .footer-center .footer-center-item img{margin: 0 auto;}
	footer .footer-center .footer-center-item ul{text-align: center; padding-top: 20px;}
	footer .footer-center .footer-center-item-right{justify-content: center;}
	footer .footer-center .footer-center-item-right .footer-center-item-right-social{padding-top: 20px;}
	footer .footer-bottom{padding: 20px 0;}
	footer .footer-bottom .footer-bottom-item{justify-content: center;}
	footer .footer-bottom .footer-bottom-item p{padding-right: 15px;}
	footer .container{max-width: 100%;}
}




.alt-title{position: relative; background-image: url(../images/alt-title-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 35vh;}
.alt-title .alt-title-description{position: absolute; left: 14%; bottom: 40px;}
.alt-title .alt-title-description h1{font-weight: 800;font-size: 48px;color: #FFFFFF;letter-spacing: 0.69px;}
.about-page{padding: 85px 0;}
.about-page .about-img{padding: 85px 0;}
.home-about-text2 p{font-size: 14px; line-height: 24px;}



@media (max-width: 768px){
	.about-page{padding: 70px 15px;}
	.about-page .about-img{padding: 30px 0;}
	.alt-title .alt-title-description h1{font-size: 30px;}
	.alt-title .alt-title-description{left: 8%; bottom: 40px;}
	.alt-title{height: 30vh;}
}







.alt-top-menu{background-color: #F9F9F9;}

.accordion .link:after {
    display: none;
}



.accordion {
    width: 100%;
    max-width: 100%;
    margin: 0;
}



.accordion .link {
    font-weight: 700;
font-size: 13px;
color: #7BA9C9;
letter-spacing: 0;
line-height: 40px;
    cursor: pointer;
    display: block;
    padding: 20px 15px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 100%;
}

.accordion .link-contact {
    font-weight: 300;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    padding: 10px 15px 10px 42px;
}

.title-link {
    margin-bottom: 1px;
}

.accordion li:last-child .link {
    border-bottom: 0;
}

.accordion li img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 10px;
    font-size: 18px;
    max-width: 18px;
    color: #6CAACC;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}



.accordion li.open .drow-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/**
 * Submenu
 -----------------------------*/

.submenu {
    display: none;
    background: #F9F9F9;
    font-size: 14px;
        box-shadow: 0 10px 40px rgb(72 83 91 / 40%);
}
.center-content-ilkokul .submenu{
    background: #f5c500;
}
.center-content-ortaokul .submenu{
    background: #47d05c;
}
.center-content-anaokulu .submenu{
    background: #ED1C24;
}


.submenu li {
    border-bottom: none;
}

.submenu a {
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    color: #000000;
    letter-spacing: 0.3px;
    line-height: 32px;
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.accordion .submenu {
    padding: 0;
}

.center-content-active {
    font-weight: 600 !important;
}



.product-page{padding: 60px 0 100px;}
.product-page .product-page-item{position: relative; margin-bottom:30px;}
.product-page .product-page-item:after{content: ''; position: absolute; left: 20px; bottom: 15px; background-color: #7BA9C9; width: 85%; height: 4px;}
.product-page .product-page-item .product-page-item-description{position: absolute; bottom: 30px; left: 20px;}
.product-page .product-page-item .product-page-item-description h6{font-weight: 700;font-size: 16px;color: #FFFFFF;letter-spacing: 0.44px;}





@media (max-width: 768px){
	.product-page{padding-bottom: 70px;}
	.accordion .link{padding: 10px 15px;}
}

.services-page{background-color: #F9F9F9;}
.services-page:after{display: none;}
.services-page .home-services-right .home-services-right-item{align-items: flex-start; padding-bottom: 50px;}
.services-page .home-services-right .home-services-right-item img{padding-top: 15px;}



.alt-page-alt-item{padding: 85px 0 0;}
.alt-page-alt-item .alt-page-alt-item-title h2{font-weight: 700;font-size: 21px;color: #48535B;letter-spacing: 0.3px;line-height: 30px; padding-left: 15px;}
.alt-page-alt-item .alt-page-alt-item-title h2 span{font-weight: 400;font-size: 13px;color: #7BA9C9;letter-spacing: 0.19px; padding-right: 15px;}
.alt-page-alt-item .product-page{padding-top: 30px;}

@media (max-width: 768px){
	.alt-page-alt-item{padding: 70px 0 0;}
}







.detail-galeri{padding-bottom: 70px;}
.galeri-buttons{display: flex; justify-content: center; align-items: center; background-color: #F9F9F9; padding: 10px 0;}
.detail-galeri .nak-gallery-poster{filter: none;}
.detail-galeri .container{max-width: 1170px;}

.revGallery-anchor, .gal-overlay, .nak-gallery-poster{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}


.revGallery-anchor{
  overflow: hidden;
  position: relative;
  width: calc(100% / 4);
  display: block;
  float: left;
  padding: 15px;
}

.gal-overlay{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: background .4s ease;
  -webkit-transition: background .4s ease;
}
		
.revGallery-anchor:hover .gal-overlay{
  background: rgba(27,27,27, 0);
}

.nak-gallery {
  display: block;
  width: 100%;
  position: relative;
  margin-top: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.nak-gallery-poster{
  padding-bottom:100%;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
}

.revGallery-anchor:hover .nak-gallery-poster{
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
}

.img-responsive{
  display:none;
}

.detail-galeri .button{

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  font-weight: 700;
  font-size: 13px;
  color: #7BA9C9;
  letter-spacing: 0;
  line-height: 40px;
  width: 23%;
  background-color: transparent;

}



.detail-galeri .button:active,
.detail-galeri .button.is-checked {
  color: #2D277E;
  font-weight: 700;
}

.detail-galeri .button.is-checked {
  color: #2D277E;
}




.revGallery-anchor-width1{
  width: 40%
}

.revGallery-anchor-width2{
  width: 30%
}

.revGallery-anchor-width3{
  width: 20%
}




@media (max-width: 768px){
	.revGallery-anchor{width: calc(100% / 2);}
	.nak-gallery{margin-top: 30px;}
}


.contact-page{padding: 65px 0 295px; background-color:#F9F9F9; position: relative; }
.contact-page:after{content: ''; position: absolute; bottom: 0; right: 0; width: 34%; height: 100%; background-color: #D8E6EF; z-index: 0;}
.contact-page .container{max-width: 65%; position: relative; z-index: 1;}
.contact-page .contact-page-left .contact-page-left-description p{max-width: 465px;}
.contact-page .contact-page-left .contact-page-left-description .contact-page-left-description-item{padding-top: 25px;}
.contact-page .contact-page-left .contact-page-left-description .contact-page-left-description-item h6{font-weight: 700;font-size: 13px;color: #7BA9C9;letter-spacing: 0; padding-bottom: 7px;}
.contact-page .contact-page-left .contact-page-left-description .contact-page-left-description-item p{font-weight: 400;font-size: 13px;color: #48535B;letter-spacing: 0; line-height: 18px;}
.contact-page .contact-page-left{height: 100%; display: flex;justify-content: flex-start;align-items: center;}
.contact-page .contac-page-right form{background-color: #fff; box-shadow: 0 30px 50px -20px rgba(0,0,0,0.2); border-radius: 20px; padding: 50px 40px;}
.contact-page .contac-page-right form h2{font-weight: 700;font-size: 21px;color: #7BA9C9;letter-spacing: 0; padding: 0 0 40px 20px;}
.contact-page .contac-page-right form input{width: 100%; padding: 10px 30px; border:1px solid #D8E6EF; border-radius: 14px; margin-bottom: 10px;ont-weight: 300;font-size: 13px;color: #48535B;letter-spacing: 1px;}
.contact-page .contac-page-right form input::placeholder{font-weight: 300;font-size: 13px;color: #48535B;letter-spacing: 1px;}
.contact-page .contac-page-right form .send-button button{display: flex; justify-content: center; align-items: center; background-color: #D8E6EF; border-radius: 14px;font-weight: 400;font-size: 13px;color: #7BA9C9;letter-spacing: 1px; padding: 5px 30px;}
.contact-page .contac-page-right form .send-button button span{padding-right: 35px;}
.contact-page .contac-page-right form .send-button{display: flex; justify-content: flex-end; padding-top: 10px;}


.map{transform: translateY(-50%);}
.map .map-item{position: relative;}
.map .container{max-width: 65%;}
.map .map-item .map-bg{border-radius: 30px;box-shadow: 0 30px 50px -20px rgba(0,0,0,0.2);}
.map .map-item .location{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.map .map-item .location-icon{max-width: 25px; margin: 0 auto; padding-bottom: 10px;}
.map .map-item .location-button{display: flex; justify-content: center; align-items: center; background-color: #7BA9C9; border-radius: 14px; padding: 5px 30px;}
.map .map-item .location-button span{font-weight: 400;font-size: 13px;color: #FFFFFF;letter-spacing: 1px; padding-right: 35px;}
.map .map-item .location-button img{max-width: 17px;}


@media (max-width: 768px){
	.contact-page{padding: 70px 0;}
	.map .container, .contact-page .container{max-width: 100%;}
	.contact-page .contact-page-left{padding: 0 15px 30px;}
	.contact-page:after{display: none;}
	.map .map-item .map-bg{min-height: 200px; object-fit: cover;}
	.map{transform: none; padding: 70px 0;}
	.map .map-item .location{width: 100%;}
	.map .map-item .location-button{max-width: 60%; margin: 0 auto;}
}







.prodoct-page-detail{padding: 35px 0 100px;}
.prodoct-page-detail .container{max-width: 65%;}
.prodoct-page-detail .prodoct-page-detail-back a img{max-width: 45px;}
.prodoct-page-detail .prodoct-page-detail-right h1{font-weight: 700;font-size: 36px;color: #7BA9C9;letter-spacing: 1px;}
.prodoct-page-detail .prodoct-page-detail-right p{font-weight: 400;font-size: 13px;color: #48535B;letter-spacing: 0.3px; line-height: 16px; max-width: 736px; padding-top: 10px;}
.prodoct-page-detail .prodoct-page-detail-right{padding-bottom: 25px; border-bottom: 1px solid #7BA9C9;}
.prodoct-page-detail .prodoct-page-detail-right-img{padding: 25px 0;}

table { width: 100%; }
table th, table td { padding: 10px; }
table.wp-block-table { border-color: #dedede; }
table.wp-block-table tr, table.wp-block-table td, table.wp-block-table th { border-color: inherit; }
table.wp-block-table th, table.wp-block-table td { padding: 0.45em 1em; }
.new-table-item{background-color: #7BA9C9;font-size: 13px; font-weight: 700; width: 25%; color: #fff;}
table tbody th, table tbody td{font-size: 13px; color: #000; font-weight: 400;}
table tbody th strong, table tbody td strong{font-weight: 400;}
table tr{background-color: #F9F9F9;}
table tr:nth-child(2n+1){background-color: #F4F4F4;}
.new-table-item2{width: 50%;}




.prodoct-page-detail2{padding-bottom: 0;}
.detail-galeri2 .nak-gallery{margin-top: 0;}
@media (max-width: 768px){
	.prodoct-page-detail .container{max-width: 100%;}
}





@media screen and (max-width: 768px){
	footer .footer-center .footer-center-item-right .footer-center-item-right-social ul{justify-content: center;}
}




footer .footer-center .footer-center-item ul li a i{font-size: 20px; padding-right: 10px;}


.bottom-nav {z-index: 999999;padding: 10px 0;width: 100%;background-color: rgba(123,169,201,0.5);backdrop-filter: blur(5px);color: white;letter-spacing: 1px;position: fixed;bottom: 0;}
.bottom-nav2{bottom: 0;position: absolute;}
.bottom-nav .container{max-width: 90%;}
.bottom-nav ul{margin: 0; display: flex;justify-content: center;align-items: center;}
.bottom-nav.sticky {position: fixed;top: 68px; z-index: 99999999; padding: 0; height: 54px;}
.bottom-nav li {display: inline-block;padding: 0 40px;margin: 0;}
.bottom-nav .social a{padding: 0 30px 0 0;}
.bottom-nav .social i{font-size: 25px;}
.bottom-nav-whatsap a{display: flex; background-color: #47D556; padding: 12px 30px;}
.bottom-nav-whatsap img{max-width: 18px;}
.bottom-nav-whatsap span{padding-right: 10px;}
.bottom-nav ul li a{font-weight: 700;font-size: 13px;color: #FFFFFF;letter-spacing: 0;}


@media screen and (max-width: 768px){
	.bottom-nav li:nth-child(2), .bottom-nav li:nth-child(3), .bottom-nav li:nth-child(4){display: none;}
	.bottom-nav li .social{display: flex;}
	.bottom-nav.sticky{max-width: 93%; left: 0; right: 0; margin: 0 auto;}
	.bottom-nav.sticky{top: 70px;}
}