/* ==============================================
    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{ background-color: #F3FBFD; overflow-x: hidden !important; overflow-y: scroll; -webkit-tap-highlight-color:rgba(0,0,0,0.3); font-style: normal; font-weight: 400; font-size: 15px; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing:antialiased; line-height: 30px; letter-spacing: 0px; color: #797979;}
	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;}

		/* ==============================================
		FONTS -->
		=============================================== */
		@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');


		












/* ==============================================
HOME SLIDER
=============================================== */
 .slideshow .btn {display: inline-block;padding: 12px 40px;color: #fff;text-decoration: none;position: relative;background: #fff;text-align: center;transition: color 0.1s linear 0.05s;font-weight: 400;font-size: 16px;color: #1BB3D5;letter-spacing: 0.62px;text-align: center;border-radius: 0;}
 .slideshow .btn::before {content: "";display: block;position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #1BB3D5;z-index: 1;opacity: 0;transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0.2s;}
 .slideshow .btn::after {transition: border 0.1s linear 0.05s;}
 .slideshow .btn .btn-inner {position: relative;z-index: 2;}
 .slideshow .btn:hover {color: #fff;transition: color 0.1s linear 0s;}
 .slideshow .btn:hover::before {top: 0;height: 100%;opacity: 1;transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s;}
 .slideshow .btn:hover::after {border-color: #1BB3D5;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;}
 .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 {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 {max-width: 600px;letter-spacing: 0.35em;}
 .slideshow .slide .text {max-width: 520px;font-size: 18px;line-height: 1.4;padding: 15px 0;}
 .slideshow .slide .btn {margin: 15px 0 0;border-color: #fff;}
 .slideshow .slide .btn::before {background: #1BB3D5;}
 .slideshow .pagination {position: absolute;display: inline-grid;top: 50%;transform: translateY(-50%);left: 10%;width: 100%;cursor: default;z-index: 2;text-align: center;}
 .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: 12px;height: 12px;border: 2px solid #fff;border-radius: 10px;background: transparent;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{display: none;}




h1{font-weight: 800;font-size: 60px;color: #FFFFFF;letter-spacing: 2.31px;}
h2{font-weight: 700;font-size: 28px;color: #717171;letter-spacing: -0.18px;}
h6{font-weight: 400;font-size: 14px;color: #2CABE2;letter-spacing: -0.09px; padding-bottom: 5px;}
p{font-weight: 400;font-size: 21px;color: #FFFFFF;letter-spacing: 0.75px;}

/* ==============================================
HEADER
=============================================== */
 header{ position: fixed;  width: 100%; background: transparent; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 999;}
 .navigation-sticky{ -webkit-transition: all 0.4s ease; transition: all 0.4s ease; padding:10px 7%; margin: 0;}
 header.sticky .navigation-sticky{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.4);}
 header .logo img{max-width: 180px;padding: 10px 0px;}
 .white-logo, .black-logo{max-width: 262px !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: 600;font-size: 13px;color: #FFFFFF;letter-spacing: 0;}
 header.sticky .change-color{color: #142B43 !important;}
 header .header-link{padding: 10px 30px !important; border: 1px solid #fff;}
 header.sticky .header-link1{background-color: #FFFFFF; color: #2CABE2 !important; box-shadow: 10px 10px 30px rgba(0,0,0,0.3);}
 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;}
	h1{font-size: 36px; line-height: 40px;}
	p{font-size: 16px;}
	.slideshow .container{max-width: 90%;}
	.slideshow .slide .caption{padding: 0 15px;}
	.slideshow .pagination{display: block; top: auto; transform: none; bottom: 100px; left: 30px; text-align: left;}
}





.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;margin: 6px 0 0;}
.core-menu li {list-style:none;display:inline-block;cursor:pointer;}
.core-menu li a {display:inline-block;padding:0.5em 1em;}
li span.toggle {padding-left:1em;}
.toggle:before {content:"\f107";font:normal normal normal 16px/1 FontAwesome;}
.dropdown {position:absolute;width:230px;background:#fff;text-align:left;display:none;}
.dropdown li {display:block;}
.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;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: 25px;}
  .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: #1BB3D5;}
  .burger-2.open {opacity:0;}
  .burger-3.open {top:25px;width:35px;transform:rotate(-45deg);background-color: #1BB3D5;}
  .dropdown {width:100%;background:#1BB3D5;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: #1BB3D5;text-align: center;}
	.color-new{color: #fff !important;}
	header.sticky .burger{background: #1BB3D5;}
}


.home-contact{padding: 50px 0 100px;}
.home-contact .home-left a{font-weight: 600;font-size: 14px;color: #142B43;letter-spacing: 0;text-align: right;}
.home-contact .home-contact-social{display: flex;justify-content: flex-end;}
.home-contact .home-contact-social a{color: #142B43; font-size: 25px; padding: 0 10px;}
@media screen and (max-width: 768px){
	.home-contact .home-left {text-align: center;}
	.home-contact .home-contact-social{justify-content: center; padding-top: 15px;}
	.home-contact{padding: 50px 0;}
}




/* ==============================================
URUNLER SLIDE
=============================================== */
.urunler{padding: 0 0 100px;}
.urunler .urunler-slide{background-color: #fff;padding: 60px 80px; height: 460px;}
.urunler .slide{display: flex;}
.urunler .slide .slide-description .description{position: relative;top: 50%;will-change: transform;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.urunler .slide .slide-description .description h2{padding: 6px 0 10px;}
.urunler .slide .slide-description .description p{font-size: 16px;color: #717171;letter-spacing: -0.1px; line-height: 20px;    max-width: 410px}
.urunler .slick-next{right: -150px;}
.urunler .slick-prev{left: -90px;}
.urunler .slide .slide-right img{position: absolute; right: -150px;}
.urunler .slick-list{overflow: inherit;}
.urunler .slide .urun-button img{max-width: 20px;margin-left: 100px;}
.urunler .slide .urun-button{display: flex;margin-top: 110px;background-color: #142B43;max-width: 63%;padding: 20px 25px;}
.urunler .slide .urun-button span{color: #fff;}


@media screen and (max-width: 768px){
  .urunler{padding: 0 0 50px;}
  .urunler .urunler-slide{padding: 10px 15px 70px; height: 100%;}
  .urunler .slide .urun-button{max-width: 90%; margin: 40px 0 100px;}
  .urunler .slide .slide-right img{position: initial;}
  .urunler .slick-prev{left: 35%; top: auto; bottom: 10px;}
  .urunler .slick-next{right: 35%;top: auto;bottom: 10px;}
  .slick-prev, .slick-next{width: 25px; height: 40px;}
  .urunler .slick-next img, .urunler .slick-prev img{max-width: 25px; }
}



/* ==============================================
URUNLER 2
=============================================== */
.urunler2{padding-bottom: 200px;}
.urunler2 .urunler2-title{position: relative;}
.urunler2 .urunler2-title .urunler2-button{position: absolute;right: 0;top: 30px;}
.urunler2 .urunler2-title h2{padding: 6px 0 5px; }
.urunler2 .urunler2-title p{font-size: 16px;color: #717171;letter-spacing: -0.1px;}
.urunler2 .urunler2-button a{display: flex; background-color: #142B43; max-width: 220px;padding: 15px 20px; color: #fff;}
.urunler2 .urunler2-button img{max-width: 20px;    margin-left: 65px;}
.urunler2 .urunler-list .item{background-image: url(../images/baski.jpg); height: 350px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.urunler2 .urunler-list .item2{background-image: url(../images/tabela.jpg);}
.urunler2 .urunler-list .item3{background-image: url(../images/web.jpg);}
.urunler2 .urunler-list .item h3{font-weight: 800;font-size: 36px;color: #FFFFFF;letter-spacing: 0; padding: 30px;position: absolute;top: 0;left: 0;z-index: 1;}
.urunler2 .urunler-list{padding-top: 50px;}

.urunler2-button-new{position: absolute; bottom: 20px; left: 20px; min-width: 90%;}
.urunler2-button-new a{background-color: #2CABE2 !important; max-width: 100% !important;}
.urunler2-button-new img{margin-left: 65% !important;}
.new-hover{position: absolute;width: 100%;height: 100%;top: 0;left: 0; background-color: rgba(44,171,226,0.8); opacity: 0; transition: all 300ms ease-in-out;}
.urunler2 .urunler-list .item:hover .new-hover{opacity: 1;}
@media screen and (max-width: 768px){
  .urunler2{padding-bottom: 70px;}
  .urunler2 .urunler2-title .urunler2-button{position: initial;padding-top: 20px;}
  .new-hover{opacity: 1;background-color: rgba(44,171,226,0.1);}
}


/* ==============================================
VIDEO
=============================================== */
.video-section-area{background-image: url(../images/video-bg1.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; padding-top: 80px;    overflow: visible;}
.video-section-area .video-title{padding:0 0 30px 0px;font-weight: 800;font-size: 36px;color: #FFFFFF;letter-spacing: -0.23px;}
.video-section-area .bottom-description img{max-width: 40px;}
.video-section-area .bottom-description{position: relative; background-color: #fff; padding: 65px; max-width: 82%;}
.video-section-area .bottom-description p{max-width: 347px; font-weight: 800; line-height: 20px; font-size: 16px;color: #C0C0C0;letter-spacing: -0.1px;}
.video-section-area .bottom-description .icon1{position: absolute;top: 47px;}
.video-section-area .bottom-description .icon2{position: absolute;bottom: 47px;right: 50px;}
.video-section-area .container{max-width: 80%; margin: 0 auto;    transform: translateY(15%);}
/* #Cursor
================================================== */
.cursor,
.cursor2,
.cursor3{position: fixed;border-radius: 50%; transform: translateX(-50%) translateY(-50%);pointer-events: none;left: -100px;top: 50%}
.cursor{background-color: #1BB3D5;height: 10px;width: 10px;z-index: 99999;box-shadow: 0 0 22px 0 rgba(255,255,255, 0.6);}
.cursor2,.cursor3{height: 36px;width: 36px;z-index:99998;opacity: 0;background: rgba(255,255,255,.03);-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.cursor2.hover,
.cursor3.hover{-webkit-transform:scale(2.2) translateX(-25%) translateY(-25%);transform:scale(2.2) translateX(-25%) translateY(-25%);border:none;}
.video-cursor .cursor{opacity: 0;}
.logo-cursor .cursor{opacity: 0;}
.logo-cursor .cursor2,
.logo-cursor .cursor3{-webkit-transform:scale(2.2) translateX(-25%) translateY(-25%);transform:scale(2.2) translateX(-25%) translateY(-25%);border:none; opacity: 1;}
.section{position: relative;width: 100%;display: block;overflow: hidden;height: 100vh;}
.blur-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 8;display: block;background-size: cover;background-position: center;background-image: url("http://www.ivang-design.com/svg-load/video.jpg");filter: blur(6px);}
.blur-img-over{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 10px solid #060606;z-index: 9;display: block;}
/* Video
================================================== */
.wrap-rel {position: relative;width: 100%;display: block;}
.video-con tainer {position: absolute;top: 50%;left: 0;width: 100%;z-index: 10;display: block;margin: 0;padding: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
/* #Video wrapper
================================================== */
.video-section {position: relative;width:100%;margin:0 auto;}
.video-wrapper, figure.vimeo, figure.youtube {margin:0;position: relative;padding-bottom: 56.25%;padding-top: 0;height: 0;overflow: hidden;} 
.video-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} 
figure.youtube a img, figure.vimeo a img {position: absolute;top: 0;left: 0;width: auto;height: 100%;max-width:none;} 
figure.vimeo a:after, figure.youtube a:after {content:"";width:60px;height:60px;background: #fff;z-index:9;position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;border-radius:50%;box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.15);cursor: url('http://www.ivang-design.com/svg-load/play.png') 30 30,pointer;-webkit-transition: all 300ms linear;transition: all 300ms linear; }
figure.vimeo:hover a:after, figure.youtube:hover a:after {box-shadow: 0px 0px 0px 1000px rgba(0,0,0,0.1);}
figure.vimeo:hover a:after, figure.youtube:hover a:after{opacity: 0;}
figure.vimeo a:before, figure.youtube a:before {border-left: 8px solid #212121;}
figure.vimeo a:before, figure.youtube a:before {content:"";width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;z-index:10;position:absolute;top:50%;left:50%;margin-left: -3px;margin-top: -5px;display:block;cursor: url('http://www.ivang-design.com/svg-load/play.png') 30 30,pointer;-webkit-transition: all 300ms linear;transition: all 300ms linear; }
figure.vimeo:hover a:before, figure.youtube:hover a:before {border-color: transparent;} 
figure.vimeo a:hover img, figure.youtube a:hover img {-webkit-transition: all 0.4s;transition: all 0.4s;} 
figure.vimeo a img, figure.youtube a img {-webkit-transition: all 300ms linear;transition: all 300ms linear; cursor: url('http://www.ivang-design.com/svg-load/play.png') 30 30,pointer;}



@media screen and (max-width: 768px){
  .video-section-area .container{transform: none; max-width: 95%;}
  .video-section-area .video-title {padding-bottom: 30px;}
  .video-section-area .bottom-description{max-width: 100%;padding: 35px;}
  .video-container{-webkit-transform: translateY(15%); transform: translateY(15%);}
  .video-section-area{padding-top: 50px;}
  .video-section-area .bottom-description .icon2{right: 20px;bottom: 24px;}
  .video-section-area .bottom-description .icon1{top: 15px;}
  .cursor{display: none;}
}




/* ==============================================
KEŞİF
=============================================== */
.kesif{padding: 200px 0 100px;}
.kesif .container{background-image: url(../images/iletisim-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; }
.kesif .kesif-left img{max-width: 160px; float: right; padding-top: 30px;}
.kesif .kesif-center h3{font-weight: 700;font-size: 28px;color: #FFFFFF;letter-spacing: 0;}
.kesif .kesif-center p{font-size: 16px;color: #FFFFFF;letter-spacing: -0.1px; line-height: 20px; padding-top: 5px;}
.kesif .kesif-center .description{padding: 50px;}
.kesif-right a{font-weight: 500;font-size: 16px;color: #1BB3D5;letter-spacing: 0.62px;text-align: center; padding: 10px 60px; background-color: #fff;    position: absolute;top: 50%;left: 0;transform: translate(0, -50%); box-shadow: 10px 10px 30px rgba(0,0,0,0.2);}




@media screen and (max-width: 768px){
  .kesif{padding: 100px 0 50px;}
  .kesif .kesif-left img{display: none;}
  .kesif .kesif-right a{transform: none; position: initial;}
  .kesif .kesif-right{ padding: 0 60px 50px;}
  .kesif .kesif-center .description{padding: 35px 45px;}
}




/* ==============================================
FOOTER
=============================================== */
footer .footer-bg{background-color: #fff;padding: 100px 0;}
footer .footer-logo{max-width: 255px;}
footer .footer-center h6{font-weight: 600;font-size: 14px;color: #717171;letter-spacing: -0.09px; padding-bottom: 7px;}
footer .footer-center ul{line-height: 21px;}
footer .footer-center ul li a{font-size: 14px;color: #717171;letter-spacing: 0;}
footer .footer-center .col-md-3{padding-left: 70px;}
footer .footer-center-bottom img{max-width: 32px;     float: right;}
footer .footer-center-bottom {padding: 80px 0 40px; text-align: right;}
footer .footer-center-bottom h1{font-weight: 800;font-size: 21px;color: #717171;letter-spacing: 0;text-align: right; padding: 40px 0 0; }
footer .footer-center-bottom a{font-weight: 500;font-size: 16px;color: #717171;letter-spacing: 0;text-align: center;}
footer .footer-bottom{padding: 30px 0; background-image: url(../images/footer-bottom.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;}
footer .footer-bottom p{font-size: 12px;color: #FFFFFF;letter-spacing: 0;}
footer .footer-bottom .social-link a{color: #fff; font-size: 22px; padding: 0 7px;}
footer .footer-bottom .crea p{font-size: 12px;color: #FFFFFF;letter-spacing: 0;text-align: right;}
footer .footer-bottom .crea p a{text-decoration: underline;}
footer .footer-left-description p{font-weight: 400;font-size: 12px;color: #717171;letter-spacing: 0;line-height: 18px; padding: 25px 0 0;}
footer .footer-left-description .new-p{font-weight: 500;}
footer .footer-left-description .new-p2{padding-top: 15px;}
footer .footer-right ul{display: flex; justify-content: flex-end;}
footer .footer-right ul li{padding: 0 30px;}
footer .footer-right ul li a{font-weight: 600;font-size: 14px;color: #717171;letter-spacing: -0.09px;}
footer .list-child{padding-right: 0 !important}
@media screen and (max-width: 768px){
  footer .footer-bg{padding: 30px 0;}
  footer .footer-left-description p{padding: 0 0 15px; text-align: center;}
  footer .footer-left-description .new-p2{padding: 0;}
  footer .footer-center .col-md-3 {padding-left: 50px;}
  footer .footer-logo {padding: 35px 0; margin: 0 auto;}
  footer .footer-center-bottom h1{ padding: 10px 0 0; text-align: center;}
  footer .footer-center-bottom{padding:0; text-align: center;}
  footer .footer-bottom p, footer .footer-bottom .crea p{text-align: center;}
  footer .footer-bottom .social-link{padding: 10px 0;}
  footer .footer-right ul{display: block; padding: 30px 0;}
  footer .footer-right ul li{text-align: center; padding: 2px 0;}
  footer .footer-center-bottom img{float: none; margin: 0 auto}
}



@media screen and (max-width:1440px){
	.navigation-sticky{padding: 10px 10% 10px 10%;}
}

@media screen and (max-width: 768px){
	.navigation-sticky{padding: 10px 10% 10px 0;}

}










/* ==============================================
ABOUT PAGE
=============================================== */
.header2{background-color: #fff;}
.header2 .right-navigation ul li a{color: #142B43 ;}
.header2 .header-link1{background-color: #fff;color: #142B43 !important; border: 1px solid #2CABE2;}
.header2 .header-link2{border: 1px solid #1BB3D5;}
.about-video-section{background-image: url(../images/about-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; padding: 110px 0 25px;}
.about-video-section .container{}
.about-video-section .video-title{font-weight: 800;font-size: 36px;color: #FFFFFF;letter-spacing: -0.23px; padding:70px 0 30px;}
.about-video-section p{font-weight: 800;font-size: 21px;color: #FFFFFF;letter-spacing: 1px;line-height: 30px; max-width: 387px;padding-bottom: 60px;}


@media screen and (max-width: 768px){
  .about-video-section{padding-top: 93px;}
  .about-video-section .container{transform: none;}
  .header2 .burger-1, .header2 .burger-2, .header2 .burger-3{background-color: #1BB3D5;}
  .hakkimizda-img{padding-top: 70px;}
}


.about-description{background-color: #fff; padding: 80px 0;}
.about-description p{font-weight: 900;font-size: 21px;color: #C0C0C0;letter-spacing: 1px;line-height: 30px; max-width: 1000px;margin: 0 auto;}
.about-description p span{color: #1BB3D5;}

@media screen and (max-width: 768px){
  .about-description{padding: 50px 20px;}
}



.about-bottom{padding: 80px 0 60px;}
.about-bottom h3{font-weight: 900;font-size: 28px;color: #1BB3D5;letter-spacing: -0.18px; padding-bottom: 20px;}
.about-bottom p{font-weight: 500; font-size: 16px;color: #C0C0C0;letter-spacing: 0;line-height: 22px; max-width: 1000px; padding-bottom: 20px;}
.footer-2{background-color: #fff;}

@media screen and (max-width: 768px){
  .about-center-img img{min-height: 350px; object-fit: cover;}
  .about-bottom{padding: 50px 15px 30px;}
}



/* ==============================================
SERVICES PAGE
=============================================== */


.services{padding: 105px 0 20px; background-image: url(../images/video-bg1.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;}
.services .services-left-texts .services-left-texts-description{position: absolute; top: 50%; webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.services .services-left-texts h3{font-weight: 900;font-size: 36px;color: #FFFFFF;letter-spacing: -0.23px;}
.services .services-left-texts p{font-weight: 900;font-size: 21px;color: #FFFFFF;letter-spacing: 1px;line-height: 30px; padding: 20px 0 30px;}
.services .services-left-texts a, .white-button{font-weight: 500;font-size: 16px;color: #1BB3D5;letter-spacing: 0.62px;text-align: center; background-color: #fff; padding: 14px 50px; box-shadow: 10px 10px 30px rgba(0,0,0,0.2);}
.accordion {margin-top: 40px;}
.accordion .card {border: none;margin-bottom: 20px;padding: 25px;}
.accordion .card h2 {background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center;background-size: 20px;cursor: pointer;font-weight: 500;font-size: 16px;color: #1BB3D5;letter-spacing: 0;}
.accordion .card h2.collapsed {background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png);}
.accordion .card-body {padding-left: 0;padding-right: 0;font-weight: 500;font-size: 16px;color: #C0C0C0;letter-spacing: 0;line-height: 22px;}
.kesif2{margin: 0 0 70px;}

@media screen and (max-width: 768px){
  .services .services-left-texts .services-left-texts-description{position: relative; transform: none; top: auto; padding-bottom: 40px;}
}






/* ==============================================
PRODUCT PAGE
=============================================== */


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

Main Components 

-------------------------------- */
.cd-header {
  position: relative;
  height: 150px;
  background-color: #331d35;
}
.cd-header h1 {
  color: #ffffff;
  line-height: 150px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 300;
}
@media only screen and (min-width: 1170px) {
  .cd-header {
    height: 180px;
  }
  .cd-header h1 {
    line-height: 180px;
  }
}

.cd-main-content {
  position: relative;
  min-height: 100vh;
}
.cd-main-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-main-content.is-fixed .cd-tab-filter-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.cd-main-content.is-fixed .cd-gallery {
  padding-top: 76px;
}
.cd-main-content.is-fixed .cd-filter {
  position: fixed;
  height: 100vh;
  overflow: hidden;
}
.cd-main-content.is-fixed .cd-filter form {
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.cd-main-content.is-fixed .cd-filter-trigger {
  position: fixed;
}
@media only screen and (min-width: 768px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 100px;
  }
}

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

xtab-filter 

-------------------------------- */
.cd-tab-filter-wrapper {
  background-color: #ffffff;
  z-index: 1;
}
.cd-tab-filter-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.cd-tab-filter {
  /* tabbed navigation style on mobile - dropdown */
  position: relative;
  height: 50px;
  width: 140px;
  margin: 0 auto;
  z-index: 1;
}
.cd-tab-filter::after {
  /* small arrow icon */
  content: '';
  position: absolute;
  right: 14px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-arrow.svg") no-repeat center center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.cd-tab-filter ul {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  box-shadow: inset 0 -2px 0 #41307c;

}
.cd-tab-filter li {
  display: none;
}
.cd-tab-filter li:first-child {
  /* this way the placehodler is alway visible */
  display: block;
}
.cd-tab-filter a {
  display: block;
  /* set same size of the .cd-tab-filter */
  height: 50px;
  line-height: 50px;
}
.cd-tab-filter a.selected {
  background: #41307c;
  color: #ffffff;
}
.cd-tab-filter.is-open::after {
  /* small arrow rotation */
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.cd-tab-filter.is-open ul {
  box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2);
}
.cd-tab-filter.is-open ul li {
  display: block;
}
.cd-tab-filter.is-open .placeholder a {
  /* reduces the opacity of the placeholder on mobile when the menu is open */
  opacity: .4;
}
@media only screen and (min-width: 768px) {
  .cd-tab-filter {
    /* tabbed navigation style on medium devices */
    width: auto;
    cursor: auto;
  }
  .cd-tab-filter::after {
    /* hide the arrow */
    display: none;
  }
  .cd-tab-filter ul {
    background: transparent;
    position: static;
    box-shadow: none;
    text-align: center;
  }
  .cd-tab-filter li {
    display: inline-block;
        width: 18%;
  }
  .cd-tab-filter li.placeholder {
    display: none !important;
  }
  .cd-tab-filter a {
    display: inline-block;
    padding: 0 1em;
    width: auto;
    font-weight: 400;
    font-size: 14px;
    color: #C0C0C0;
    letter-spacing: 0.54px;
    text-align: center;
  }
  .no-touch .cd-tab-filter a:hover {
    color: #1BB3D5;
  }
  .cd-tab-filter a.selected {
    background: transparent;
    color: #1BB3D5;
    /* create border bottom using box-shadow property */
    box-shadow: inset 0 -2px 0 #1BB3D5;
  }
  .cd-tab-filter.is-open ul li {
    display: inline-block;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-tab-filter {
    /* tabbed navigation on big devices */
    width: 100%;
    float: right;
    margin: 0;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
  }
  .cd-tab-filter.filter-is-visible {
    /* reduce width when filter is visible */
    width: 80%;
  }
}

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

xgallery 

-------------------------------- */
.cd-gallery {
  padding: 26px 5%;
  width: 100%;
}
.cd-gallery li {
  margin-bottom: 1.6em;
  display: none;
  position: relative;
}
.cd-gallery li.gap {
  /* used in combination with text-align: justify to align gallery elements */
  opacity: 0;
  height: 0;
  display: inline-block;
}
.cd-gallery img {
  display: block;
  width: 100%;
}
.cd-gallery .cd-fail-message {
  display: none;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .cd-gallery {
    padding: 40px 3%;
  }
  .cd-gallery ul {
    text-align: justify;
  }
  .cd-gallery ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-gallery li {
    width: 48%;
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-gallery {
    padding: 50px 2%;
    float: right;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
  }
  .cd-gallery li {
    width: 33%;
    padding: 10px;
  }
  .cd-gallery.filter-is-visible {
    /* reduce width when filter is visible */
    width: 80%;
  }
}

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

xfilter 

-------------------------------- */
.cd-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  background: #ffffff;
  box-shadow: 4px 4px 20px transparent;
  z-index: 2;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
  -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
}
.cd-filter::before {
  /* top colored bar */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background-color: #41307c;
  z-index: 2;
}
.cd-filter form {
  padding: 70px 20px;
}
.cd-filter .cd-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  line-height: 50px;
  width: 60px;
  color: #ffffff;
  font-size: 1.3rem;
  text-align: center;
  background: #37296a;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 3;
}
.no-touch .cd-filter .cd-close:hover {
  background: #32255f;
}
.cd-filter.filter-is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}
.cd-filter.filter-is-visible .cd-close {
  opacity: 1;
}
@media only screen and (min-width: 1170px) {
  .cd-filter {
    width: 20%;
  }
  .cd-filter form {
    padding: 70px 10%;
  }
}

.cd-filter-trigger {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  line-height: 50px;
  width: 60px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
  background: transparent url("../img/cd-icon-filter.svg") no-repeat center center;
  z-index: 3;
}
.cd-filter-trigger.filter-is-visible {
  pointer-events: none;
}
@media only screen and (min-width: 1170px) {
  .cd-filter-trigger {
    width: auto;
    left: 2%;
    text-indent: 0;
    color: #9a9a9a;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 700;
    padding-left: 24px;
    background-position: left center;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
  }
  .no-touch .cd-filter-trigger:hover {
    color: #41307c;
  }
  .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
    color: #ffffff;
  }
}

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

xcustom form elements 

-------------------------------- */
.cd-filter-block {
  margin-bottom: 1.6em;
}
.cd-filter-block h4 {
  /* filter block title */
  position: relative;
  margin-bottom: .2em;
  padding: 10px 0 10px 20px;
  color: #9a9a9a;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.no-touch .cd-filter-block h4:hover {
  color: #41307c;
}
.cd-filter-block h4::before {
  /* arrow */
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-arrow.svg") no-repeat center center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-filter-block h4.closed::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-filter-block input, .cd-filter-block select,
.cd-filter-block .radio-label::before,
.cd-filter-block .checkbox-label::before {
  /* shared style for input elements */
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  background-color: #ffffff;
  border: 2px solid #e6e6e6;
}
.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select {
  width: 100%;
  padding: .8em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  box-shadow: none;
}
.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus {
  outline: none;
  background-color: #ffffff;
  border-color: #41307c;
}
.cd-filter-block input[type='search'] {
  /* custom style for the search element */
  border-color: transparent;
  background-color: #e6e6e6;
  /* prevent jump - ios devices */
  font-size: 1.6rem !important;
}
.cd-filter-block input[type='search']::-webkit-search-cancel-button {
  display: none;
}
.cd-filter-block .cd-select {
  /* select element wrapper */
  position: relative;
}
.cd-filter-block .cd-select::after {
  /* switcher arrow for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-arrow.svg") no-repeat center center;
  pointer-events: none;
}
.cd-filter-block select {
  cursor: pointer;
  font-size: 1.4rem;
}
.cd-filter-block select::-ms-expand {
  display: none;
}
.cd-filter-block .list li {
  position: relative;
  margin-bottom: .8em;
}
.cd-filter-block .list li:last-of-type {
  margin-bottom: 0;
}
.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
}
.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
  padding-left: 24px;
  font-size: 1.4rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before {
  width: 16px;
  height: 16px;
  left: 0;
}
.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after {
  /* check mark - hidden */
  display: none;
}
.cd-filter-block .checkbox-label::after {
  /* check mark style for check boxes */
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-check.svg") no-repeat center center;
}
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
  border-radius: 50%;
}
.cd-filter-block .radio-label::after {
  /* check mark style for radio buttons */
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  left: 5px;
}
.cd-filter-block input[type=radio]:checked + label::before,
.cd-filter-block input[type=checkbox]:checked + label::before {
  border-color: #41307c;
  background-color: #41307c;
}
.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after {
  display: block;
}

@-moz-document url-prefix() {
  /* hide custom arrow on Firefox - select element */
  .cd-filter-block .cd-select::after {
    display: none;
  }
}



.product-price h6{font-weight: 700;font-size: 21px;color: #FFFFFF;letter-spacing: 0; padding: 12px 20px; background-color: #1BB3D5;}
.product-price{position: absolute;top: 20px;right: 20px;}
.product-description{padding: 20px 10px;}
.product-description h6{font-weight: 700;font-size: 16px;color: #1BB3D5;letter-spacing: 0; max-width: 300px; padding-bottom: 10px;}
.product-description p{font-weight: 500;font-size: 16px;color: #C0C0C0;letter-spacing: 0; line-height: 20px; max-width: 300px;}




@media screen and (max-width: 768px){
  .cd-tab-filter{width: 100%;}
  .cd-tab-filter ul{width: 100%;text-align: center;}
}











/* ==============================================
CONTACT FORM
=============================================== */
::placeholder{color: #C0C0C0; }
.new-form{padding: 80px 0;}
.contact-form{padding: 50px 100px 90px;max-width: 80%; z-index: 2;background-color: #fff;box-shadow: 10px 10px 30px rgba(0,0,0,0.1);}
.contact-form .group {position: relative;margin-bottom: 20px;width: 100%;}
form{padding-top: 30px;}
.contact-form .form-group{display: flex;}
.contact-form .group2{margin-left: 30px;}
.contact-form .group3{width: 85%;margin-top: 50px;}
.contact-form .group3 input{width: 100%;}
.contact-form .group3 .bar{width: 100%;}
.contact-form .group3 input:focus ~ label, input:valid ~ label{top: -60px;}
.contact-form input {font-size: 18px;padding: 8px 15px;display: block;width: 100%;border: none;border: 1px solid #DDDDDD;border-radius: 5px;font-size: 14px;color: #4A4A4A;letter-spacing: 0;}
.contact-form input:focus {outline: none;}
/* LABEL ======================================= */
.contact-form label {color: #999;font-size: 18px;font-weight: normal;position: absolute;pointer-events: none;left: 20px;top: 10px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;font-size: 14px;color: #C0C0C0;letter-spacing: 0;}
/* active state */
.contact-form input:focus ~ label,
input:valid ~ label {top: -25px;font-size: 14px;color: #9B9B9B;}
/* BOTTOM BARS ================================= */
.contact-form .bar {position: relative;display: block;width: 100%;}
.contact-form .bar:before, .bar:after {content: '';height: 2px;width: 0;bottom: 0;position: absolute;background: #8EC475;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.contact-form .bar:before {left: 50%;}
.contact-form .bar:after {right: 50%;}
/* active state */
.contact-form input:focus ~ .bar:before,
input:focus ~ .bar:after {width: 50%;}
/* HIGHLIGHTER ================================== */
.contact-form .highlight {position: absolute;height: 60%;width: 100px;top: 25%;left: 0;pointer-events: none;opacity: 0.5;}
/* active state */
.contact-form input:focus ~ .highlight {-webkit-animation: inputHighlighter 0.3s ease;-moz-animation: inputHighlighter 0.3s ease;animation: inputHighlighter 0.3s ease;}
/* ANIMATIONS ================ */

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}
.contact-form .checkbox-s .send-button{float: right; position: relative;}
.contact-form .checkbox-s .send-button a{font-weight: 400;font-size: 16px;color: #FFFFFF;letter-spacing: 0;background-color: #DDDDDD;padding: 15px 160px 15px 15px;}
.contact-form .contact-form-bottom-description p{font-size: 11px;color: #4A4A4A;letter-spacing: 0;max-width: 445px;text-align: left;line-height: 14px;padding-top: 10px;}
.contact-form .checkbox-s .send-button img{max-width: 20px;position: absolute;right: 15px;top: 7px;}

@media screen and (max-width: 768px){
  .contact-form{padding: 25px 25px 75px 25px; max-width: 90%;}
  .contact-form .form-group{display: block;}
  .contact-form .group2, .lm-select{margin-left: 0;}
  .contact-form .checkbox-s .send-button{left: 0;}
}





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

.contact-title p{padding-bottom: 40px;font-weight: 900;font-size: 21px;color: #fff;letter-spacing: 1px;line-height: 30px;}
.location-button{position: absolute; top: 35%; left: 48%;}
.contact{padding: 100px 0; background-color: #fff;}
.contact a{font-weight: 900;font-size: 16px;color: #C0C0C0;letter-spacing: 0.76px;line-height: 21px;}
.contact .white-button{color: #1BB3D5;}
.white-button2{position: absolute; top: 48%; left: 35%; padding: 10px 50px;}
@media screen and (max-width: 768px){
  .contact{padding: 50px 0;}
  .contact .col-md-4{padding-bottom: 30px;}
  .white-button2{left: 24%;}
  .location-button{top: 25%;}
}







































.franchise{padding: 60px 0 0}
.franchise .franchise-left-menu ul{padding: 30px 0px;box-shadow: 0 0 20px rgba(0,0,0,0.1);background-color: #fff;}
.franchise .franchise-left-menu ul li{position: relative;padding: 10px 20px;}
.franchise .franchise-left-menu ul li .filter-active-icon{display: block;max-width: 19px;    position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.franchise .franchise-left-menu ul li a{font-weight:500; font-size: 16px;color: #7C7C7C;letter-spacing: 0;}
.franchise .franchise-left-menu .active{font-weight: 700;color: #515455;border-left: 8px solid #142B43;}
.franchise .franchise-left-menu .a-active{font-weight: 700;color: #515455;}
.franchise .franchise-right .franchise-surec h2{font-weight: 800;font-size: 28px;color: #2CABE2;letter-spacing: -0.18px;}
.franchise .franchise-right {padding-left: 60px;}
.franchise .franchise-right .franchise-surec .franchise-surec-item img{position: absolute; right: 30px; top: -10px; max-width: 73px;}
.franchise .franchise-right .franchise-surec .franchise-surec-item .franchise-item-after{max-width: 4px; right: auto; top: auto; bottom: -40px;}
.franchise .franchise-right p{font-weight: 500;font-size: 16px;color: #C0C0C0;letter-spacing: 0;line-height: 22px;}
.franchise .franchise-right .franchise-surec .mb-0{font-weight: 500;font-size: 16px;color: #2CABE2;letter-spacing: 0;}

.swiper-container {
  height: calc(70vh - 120px);
  margin: 30px 0;
}

.swiper-slide {
  overflow: hidden;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}

.copy {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  letter-spacing: 0.06em;
}
a {
  color: #646464;
}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 25px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 25px;}

@media screen and (max-width: 768px){
	.franchise .franchise-right{padding:30px 15px;}
}