html,body {font-family: 'montserrat'}
body {overflow-x: hidden;}
.loading{background-repeat: no-repeat;width:100%;height: 100%;position: fixed; top:0; left: 0; background-color:rgba(255,255,255,1); z-index: 99999;}
a:hover,a:visited,a:focus {text-decoration: none !important;}
.h-fix {height: 100%;}
.table-content{display: table; width: 100%; height: 100%;}
.table-cell-content{display: table-cell; vertical-align: middle; text-align: center; height: 100%}
.disp-block {display: block !important;}
.p0 {padding: 0;}
.mt30{margin-top: 30px;}
.fl-r {float: right;}
.s-margin {margin: 0 45px;}
.h-fix {height: 100%;}
.my_location ul {display: inline-block;padding: 0;margin-top: 50px;}
.my_location ul li{float: left; position: relative;display: inline-block; margin: 0 10px}
.my_location ul li a{color: #103445; font-weight: 300; font-size: 18px;}
.my_location ul li::after{content: '/'; position: absolute; top: 0; right: -13px; color: #103445; font-size: 18px;}
.my_location ul li:first-child{margin-left: 0;}
.my_location ul li:last-child{margin-right: 0;}
.my_location ul li:last-child::after{content: '';}
.mail {padding:20px; width:100%; font-size:16px; color:#fff; text-align:center;}
.mail.mail-send{background:rgb(74, 198, 24);}
.mail.mail-error{background:#c60f0f}
section {
	min-height: 100%;
}

body.page header {position: relative;}
body.page .h.active{height: 100px;}
body.page header ul li a{font-weight: 400;}
body.page header img {display: none;}
body.page header img.active {display: block;}
header.active img {display: block !important;}
header.active img.active {display: none !important;}


header {background: transparent; height: 100px; position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; transition: all .7s;}
header.active {position: fixed !important; top: 0;left: 0; width: 100%; background: #103445; height: 70px;}
header.active img{width: 50%; transition: all .7s;}
header.active ul li {line-height: 70px; transition: all .3s;}
header.active ul li a{color: #fff;}
header.active ul li a:hover{color: #fff;}
header img {margin-top: 10px;display: block;}
header img.active {display: none;}
header ul {float: right;}
header ul li {list-style: none; float: left; line-height: 100px; margin:0 10px;}
header ul li:last-child {margin-right: 0;}
header ul li a {font-weight: 300; font-size: 16px; color: #103445; }
header ul li a:hover {color: #103445;}


#home .slider {width: 100%; height: 100%;}
#home .slider .mouse-down {display: inline-block;    position: absolute;bottom: 160px;z-index: 9999;right: -70px;transform: rotate(-90deg) !important;}
#home .slider .mouse-down a span {display: inline-block; float: left;font-size: 16px; margin-left: 5px; color: #103445}
#home .slider .mouse-down img {display: block; float: left; height: 22px;}
#home .swiper-container {width: 100%; height: 100vh; overflow: hidden;}
#home .swiper-container .swiper-slide {width: 100%; height: 100vh; background: #103445 url("") center center no-repeat;background-size: cover !important;position: relative;}
#home .swiper-container-vertical>.swiper-pagination-bullets {position: absolute; top: 200px;}
#home .swiper-pagination-bullet {background: transparent; border: 1px solid #103445; opacity: 1; width: 24px; height: 24px; outline: none; margin: 10px 0;}
#home .swiper-pagination-bullet-active {position: relative;}
#home .swiper-pagination-bullet-active::after {content:''; position: absolute; top: -4px; left: 3px; background-image: url("../images/slider-bullet-active.png");background-repeat: no-repeat;	background-size: contain;width: 25px;height: 30px;}
#home .swiper-container .swiper-slide .slide-content {position: absolute; right: 0; bottom: 30px;}
#home .swiper-container .swiper-slide .slide-content img {display: inline-block;}
#home .swiper-container .swiper-slide .slide-content h1 {text-align: right; font-weight: 300; font-size: 55px; color: #103445;}
#home .swiper-container .swiper-slide .slide-content p {text-align: right; font-weight: 500; font-size: 18px; color: #103445; margin:10px 0 35px 0;}
#home .swiper-container .swiper-slide .slide-content .share-and-read-more {float: right;}

#home .swiper-container .swiper-slide .slide-content .share-and-read-more a {padding: 20px 70px; background: #103445; color: #fff; font-weight: 600; transition:all .7s ease-in-out}
#home .swiper-container .swiper-slide .slide-content .share-and-read-more a:hover {background: #001727;}
#home .swiper-container .swiper-slide .slide-content .share-and-read-more ul {display: inline-block; position: relative;top: 15px; margin-right: 50px}
#home .swiper-container .swiper-slide .slide-content .share-and-read-more ul li{float: left; list-style: none;}
#home .swiper-container .swiper-slide .slide-content .share-and-read-more ul li a {margin: 0 5px; font-size: 20px; color: #103445; padding: 0; background: transparent; font-weight: 300;}
#home .swiper-container .swiper-slide .slide-content .share-and-read-more ul li a:hover {background: transparent;}

.bounce {-moz-animation: bounce 3s infinite;-webkit-animation: bounce 3s infinite;animation: bounce 3s infinite;}
.fade {-moz-animation: fade 3s infinite;-webkit-animation: fade 3s infinite;animation: fade 3s infinite;}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}
@keyframes fade {
  0%, 100% {
    opacity: .2;
  }
  50% {
    opacity: 1;
  }
}
a.read-more {font-weight: 600; font-size: 18px; color: #103445;}
a.read-more img{position: inherit !important; width: 100px !important;}

#about {position: relative; height: 600px;}
#about h1 {text-align: left; font-weight: 900; color: #eff0f1;font-size: 100px; margin: 0;}
#about p {text-align: left; font-size: 20px; color: #103445; width: 500px; margin-top: 20px; margin-bottom: 30px;}
#about a {font-weight: 600; font-size: 18px; color: #103445; float: left;}
#about img {width: 400px; position: absolute; bottom: 0; z-index: 99;}
#about::after {content:''; position: absolute; right: 0; top: 0; background: transparent url("../images/about-right.png") center center no-repeat; background-size: contain; width: 465px; height: 600px;}



#kimiz-neyiz .tab ul{background-color: #103445;padding: 0; padding:30px 0;}
#kimiz-neyiz .tab ul li {list-style: none;}
#kimiz-neyiz .tab ul li.active {background: #fff;}
#kimiz-neyiz .tab ul li.active a{color: #103445;}
#kimiz-neyiz .tab ul li a{color: #fff; font-size: 18px; font-weight: 400; display: block;padding: 10px 20px; }
#kimiz-neyiz .text {padding: 20px 30px; background: #e5e9ec; margin-top: 30px;}
#kimiz-neyiz .text h1{font-weight: 600; font-size: 18px; color: #103445;margin: 0;}
#kimiz-neyiz .text p{font-weight: 300; font-size: 18px; color: #103445;margin: 0;margin-top: 30px;}


#ne-yapiyoruz .tab ul{background-color: #103445;padding: 0; padding:30px 0;}
#ne-yapiyoruz .tab ul li ul {background: #1f4a5f;padding:0;padding-left: 15px;}
#ne-yapiyoruz .tab ul li ul li {list-style-type: disc;color: #fff;margin-left: 20px;}
#ne-yapiyoruz .tab ul li ul li a {padding:10px 0;}
#ne-yapiyoruz .tab ul li ul li a {color:#fff !important;font-size: 14px;border-bottom: 1px solid #2c6079;}
#ne-yapiyoruz .tab ul li {list-style: none;}
#ne-yapiyoruz .tab ul li.active {background: #fff;}
#ne-yapiyoruz .tab ul li.active a{color: #103445;}
#ne-yapiyoruz .tab ul li a{color: #fff; font-size: 16px; font-weight: 400; display: block;padding: 10px 20px; }
#ne-yapiyoruz .text {padding: 20px 30px; background: #e5e9ec; margin-top: 30px;}
#ne-yapiyoruz .text h1{font-weight: 600; font-size: 18px; color: #103445;margin: 0;}
#ne-yapiyoruz .text p{font-weight: 300; font-size: 18px; color: #103445;margin: 0;margin-top: 30px;}


#nasil-calisiyoruz {padding: 60px 0;}
#nasil-calisiyoruz h1 {color: #eff0f1; font-weight: 900; font-size: 100px; margin: 0;}
#nasil-calisiyoruz p {color: #103445; font-weight: 500; font-size: 22px; margin: 70px 110px;}
#nasil-calisiyoruz img.nasil-calisiyoruz-image {margin-top: 70px;}

#hizmet-paketleri h1{font-weight: 600; font-size: 18px; color: #103445;margin: 0;}
#hizmet-paketleri p{font-weight: 300; font-size: 18px; color: #103445;margin: 0;margin-top: 20px;margin-bottom: 30px;}
.hizmet-paketleri img{width: 100%;}
.hizmet-paketleri .hizmet-paketi {position: relative;margin-bottom: 30px; overflow: hidden; background: #000;}
.hizmet-paketleri .hizmet-paketi img {transition: all 1s; opacity: .5;}
.hizmet-paketleri .hizmet-paketi:hover img {transform: scale(1.3)}
.hizmet-paketleri .hizmet-paketi a {position: absolute; top: 0; left: 0; width: 100%;height: 100%;z-index: 999;}
.hizmet-paketleri .hizmet-paketi .overlay{position: absolute;bottom: 0;left: 0;width: 100%;height: 30%;background: -webkit-linear-gradient(bottom,rgba(16, 52, 69,1),rgba(16, 52, 69,0)); transition: all .7s; z-index: 998;}
.hizmet-paketleri .hizmet-paketi:hover .overlay{height: 100%;}
.hizmet-paketleri .hizmet-paketi .overlay h2{font-size: 16px; font-weight: 600; position: absolute; bottom: 15px; right: 15px; color: #fff; line-height: 22px;}


#paket .text {padding: 20px 30px; background: #e5e9ec; margin: 30px 0;}
#paket .text h1{font-weight: 600; font-size: 18px; color: #103445;margin: 0;}
#paket .text p{font-weight: 300; font-size: 18px; color: #103445;margin: 0;margin-top: 30px;}


#contact {}
#contact h1{font-size: 55px; color: #103445; font-weight: 300;}
#contact form input{display: block; width: 100%; border: 0; outline: none;padding: 10px 0; margin: 10px 0; border-bottom: 1px solid #103445; font-size: 18px; font-weight: 400; color: #103445;position: relative;}
#contact form input::placeholder {color:#103445;}
#contact form input::after{content:''; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); background: #2E86B0; width: 100%; height: 1px;}
#contact form button{padding: 15px 60px;background: #103445; color: #fff; font-weight: 600; border: 0;}

#contact table {margin-top: 50px;}
#contact table tr td {padding: 10px 0; font-size: 18px; color: #103445; font-weight: 300;}
#contact table tr td h4 {font-size: 22px; color: #103445; font-weight: 600;}
#contact iframe {margin-top: 20px;}


footer {position: relative; height: 210px; margin-top: 80px;}
/*footer::before{content:''; position: absolute; bottom: 0; left: 0; width: 400px; height: 250px; background: transparent url("../images/footer-left.png") center center no-repeat; background-size: cover;z-index: -1;}
footer::after{content:''; position: absolute; bottom: 0; right: 0; width: 400px; height: 250px; background: transparent url("../images/footer-right.png") center center no-repeat; background-size: cover;z-index: -1;}*/
footer p {color: #fff;}
footer h2 {color: #103445; font-size: 17px; font-weight: 900;}
footer ul {padding: 0; list-style: none; }
footer ul li {margin-top: 10px;}
footer ul:nth-child(2) li {margin-top: 5px;}
footer ul li a{color: #103445; font-size: 14px;}
footer .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
footer .overlay p{text-align: left; margin-left: 140px;}
footer .overlay img {display: inline-block;}

.cataloglink {    background: #103445;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    display: inline-block;
    text-align: center;
    margin-top: 20px;}
.cataloglink:hover {color:#fff;}




@media screen and (max-width:1200px)
{
	header ul li a {font-size: 15px;}
	#home .swiper-container .swiper-slide .slide-content {transform: scale(.8)}
	#home .slider .mouse-down {right: -85px}
	#nasil-calisiyoruz h1 {font-size: 70px;}
	footer h2 {margin: 0;}
	footer ul li a {font-size: 14px;}
	footer .overlay p {margin-left: 110px;}
	header ul li a {font-size: 12px}
	#home .swiper-container .swiper-slide .slide-content h1 {font-size: 45px}
}

@media screen and (max-width:992px)
{
	header ul li {line-height: normal !important; margin: 2px 0 !important;}
	header ul li a{font-size: 22px;}
	.outer-menu{display: block !important; top: 28px !important;}
	.mobile-hidden {display: none}
	#home .swiper-container .swiper-slide .slide-content h1 {font-size: 32px}
	#about h1 {font-size: 74px}
	#nasil-calisiyoruz p {font-size: 20px;margin: 50px 110px;}
	#home .swiper-container .swiper-slide .slide-content p {width: 500px;}
	#about::after {width: 385px;height: 700px;}
	#about p {width: 80%;font-size: 16px;}
	#nasil-calisiyoruz h1 {font-size: 60px; margin: 30px 0;}
	footer {height: 198px;}
	footer h2 {font-size: 12px}
	footer ul li a {font-size: 12px;}
	footer .overlay p {margin-left: 85px; font-size: 12px;}
	
}
@media screen and (max-width:768px) 
{
	.mtc {text-align: center;}
	/*#home .swiper-container {height: 70vh;}*/
	#home .swiper-container .swiper-slide .slide-content {}
	#home .slider .mouse-down {right: -66px;bottom: 320px;}
	#home .slider .mouse-down img {height: 16px;}
	#home .slider .mouse-down a span {font-size: 12px;}
	#about {height: 400px;}
	#about::after {width:0;}
	#about img.about-man {display: none;}
	#about h1 {text-align: center; font-size: 40px;}
	#about p {text-align: center; width:auto;}
	#about a {text-align: center; width:100%; font-size: 14px;}
	#nasil-calisiyoruz {padding-top: 0;}
	#nasil-calisiyoruz h1 {margin-top: 0;font-size: 40px;}
	#nasil-calisiyoruz p {font-size: 16px; margin: 20px}
	a.read-more {font-size: 14px;}
	#nasil-calisiyoruz img.nasil-calisiyoruz-image {margin-top: 40px;width: 80%;}
	footer {margin-top: 10px;}
	footer img.m150 {height: 150px !important;}
	footer .overlay {background: #103445}
	footer .overlay p {margin: 0; text-align: center}
	footer h2 {text-align: center; margin-top: 30px;}
	footer ul {text-align: center}
	.my_location ul {float: left;}
	.my_location ul li::after {font-size: 14px;}
	.my_location ul li a {font-size: 12px;}
	#kimiz-neyiz .tab ul {height: auto !important}
	#kimiz-neyiz .tab ul li a {font-size: 12px;}
	#kimiz-neyiz .text h1 {font-size: 16px;}
	#kimiz-neyiz .text p {font-size: 14px;}
	header.active img {width: 80%;}
	header.active .outer-menu .hamburger > div {background: #fff;}
	#ne-yapiyoruz .tab ul li a {font-size: 14px;}
	#ne-yapiyoruz .text h1 {font-size: 16px;}
	#ne-yapiyoruz .text p {font-size: 14px;}
	#hizmet-paketleri {padding-top: 20px;}
	#hizmet-paketleri .hizmet-paketi .overlay h2 {bottom: -2px;right: 11px;line-height: 17px;font-size: 12px;}
	#contact {padding-top: 20px;}
	#contact form input {font-size: 14px;}
	#contact form button {margin-top: 20px;}
	#contact table tr td {font-size: 14px;}
	#contact table tr td h4 {font-size: 14px;}
	#contact h1 {font-size: 40px; margin-top: 0;}
	#home .swiper-container .swiper-slide .slide-content p {
		font-size:12px;
	}
	#home .swiper-container .swiper-slide .slide-content p {
		width: 300px;
		float: right;
	}
	.swiper-slide, #home {
		height:100%;
	}
	#home .swiper-container .swiper-slide .slide-content .share-and-read-more a {
		padding: 10px 20px;
	}
	.dsasad {
		display:inline-block;
		margin:0 auto !important;
		
	}
	.dsasad li {
		float:left;
	}
}
	







.outer-menu {position: absolute; right: 76px; z-index: 1; display: none; margin-top: -11px; transition:margin .3s;}
.outer-menu .checkbox-toggle {position: absolute; top: 0; left: 0; z-index: 2; cursor: pointer; width: 60px; height: 60px; opacity: 0;}
.outer-menu .checkbox-toggle:checked + .hamburger > div {-webkit-transform: rotate(135deg); transform: rotate(135deg);}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before, .outer-menu .checkbox-toggle:checked + .hamburger > div:after {top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {opacity: 0;}
.outer-menu .checkbox-toggle:checked ~ .menu {pointer-events: auto; visibility: visible;}
.outer-menu .checkbox-toggle:checked ~ .menu > div {-webkit-transform: scale(1); transform: scale(1); -webkit-transition-duration: .75s; transition-duration: .75s;}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {opacity: 1; -webkit-transition: opacity 0.4s ease 0.4s; transition: opacity 0.4s ease 0.4s;}
.outer-menu .checkbox-toggle:hover + .hamburger {}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {-webkit-transform: rotate(225deg); transform: rotate(225deg);}
.outer-menu .hamburger {position: absolute; top: 0; left: 0; z-index: 1; width: 60px; height: 40px; padding: .5em 1em; cursor: pointer; -webkit-transition: box-shadow 0.4s ease; transition: box-shadow 0.4s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.outer-menu .hamburger > div {position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; height: 2px; background: #000; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.outer-menu .hamburger > div:before, .outer-menu .hamburger > div:after {content: ''; position: absolute; z-index: 1; top: -10px; left: 0; width: 100%; height: 2px; background: inherit; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.outer-menu .hamburger > div:after {top: 10px;}
.outer-menu .menu {position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; visibility: hidden; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.outer-menu .menu > div {width: 100%; height: 100%; color: #FEFEFE; background: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.outer-menu .menu > div > div {text-align: center; max-width: 90vw; max-height: 100vh; opacity: 0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; overflow-y: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.outer-menu .menu > div > div > ul {list-style: none; padding: 0 1em; margin: 0; display: block; max-height: 100vh; overflow: hidden;}
.outer-menu .menu > div > div > ul > li {padding: 0; margin: 1em; font-size: 24px; display: block; text-align: center; width: 100%; padding: 0; margin: 0; line-height: 50px;}
.outer-menu .menu > div > div > ul > li > a {/*--0%-100% border bottom actived----position: relative;*/ display: inline; cursor: pointer; color:#fff; -webkit-transition: color 0.4s ease; transition: color 0.4s ease;}
.outer-menu .menu > div > div > ul > li > a:hover {color: #e5e5e5; text-decoration: none;}
.outer-menu .menu > div > div > ul > li > a:hover:after {width: 100%;}
.outer-menu .menu > div > div > ul > li > a:after {content: ''; position: absolute; z-index: 1; bottom: -0.15em; left: 0; width: 0; height: 2px; background: #e5e5e5; -webkit-transition: width 0.4s ease; transition: width 0.4s ease;}