/*
01-MAIN
02-HEADER
03-SLIDER
04-ABOUT
05-EXPERTISES
06-CONTACT
07-FOOTER
08-SERVICE DETAIL

99-RESPONSIVE
*/

/* 01-MAIN */
@font-face {
	font-family: 'Din2014';
	src: url('../fonts/din2014-NarrowBold.eot');
	src: url('../fonts/din2014-NarrowBold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/din2014-NarrowBold.woff') format('woff'),
		 url('../fonts/din2014-NarrowBold.woff2') format('woff2'),
		 url('../fonts/din2014-NarrowBold.ttf') format('truetype'),
		 url('../fonts/din2014-NarrowBold.svg#Din2014') format('svg');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'BrushScript';
	src: url('../fonts/brushscript-webfont.eot');
	src: url('../fonts/brushscript-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/brushscript-webfont.woff') format('woff'),
		 url('../fonts/brushscript-webfont.woff2') format('woff2'),
		 url('../fonts/brushscript-webfont.ttf') format('truetype'),
		 url('../fonts/brushscript-webfont.svg#BrushScript') format('svg');
	font-style: normal;
	font-weight: normal;
}

body {
	font-family: 'Montserrat', sans-serif;
	color: #070a2a;
}
a {
	transition: color .5s;
}
a:hover {
	text-decoration: none;
	color: #283891;
}
@media (min-width: 1200px) {
	.container {
	    max-width: 1200px;
	}
}

.mb-30 {margin-bottom: 30px}
.mb-60 {margin-bottom: 60px}
.mb-120 {margin-bottom: 120px}

#preloader {
	position: absolute;
	background-color: #fff;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#preloader .loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #283891; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.text-blue {
	color: #283891 !important;
}
.text-indigo {
	color: #1e2b55 !important;
}

.bg-indigo {
	background-color: #1e2b55;
	color: #fff;
}
.bg-gray {
	background-color: #e4e4e4;
}

.page-header {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 35px 0;
	text-align: center;
}
.page-header h1 {
	color: #fff;
	background-color: #1e2b55;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
	padding: 10px 0;
	display: block;
}

section	{
	padding-top: 30px;
	padding-bottom: 0;	
}
section.sec-border-bottom {
	padding-bottom: 30px;
	border-bottom: 1px solid #070a2a;
	margin-bottom: 60px;
}
.section-title {
	text-align: center;
	position: relative;
	margin-bottom: 60px;
}
.section-title::before {
	content: "";
	left: 0;
	top: 18px;
	position: absolute;
	width: 100%;
	height: 1px;
	z-index: 0;
	background-color: #070a2a;
}
.section-title h2 {
	display: inline-block;
	font-size: 30px;
	padding: 0 15px;
	position: relative;
	z-index: 1;
	font-weight: bold;
	background-color: #fff;
}
.section-title.alt h2 {
	font-weight: normal;
	font-style: italic;
}

form {
	text-align: right;
}
form input, form textarea {
	width: 100%;
	font-size: 21px;
	border: 1px solid #acacac;
	padding: 24px 19px;
	margin-bottom: 32px;
}
form input::placeholder, form textarea::placeholder {
	color: #bfbfbf
}
form input:focus, form textarea:focus {
	outline: #007bff auto 1px;
}
form button {
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	background-color: #1e2b55;
	padding: 13px 27px;
	border: none;
	transition: background-color .5s;
}
form button:hover {
	background-color: #007bff;
	cursor: pointer;
}


/* 02-HEADER */
header {
	height: 163px;
	background: #fff;
	padding: 18px 0;
	position: relative;
	z-index: 2;
	transition: all .5s;
}

header.sticky {
	position: fixed;
	top: 0;
 	width: 100%;
	height: 85px;
	-webkit-box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);
	-moz-box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);
	box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);
}
header.sticky .logo {
	padding-top: 0;
}
header.sticky .logo img {
	width: 100px;
}

.sticky + section#slider {
    padding-top: 163px !important;
    margin-bottom: 163px !important;
}
.sticky + .page-header {
    padding-top: 100px !important;
    margin-bottom: 100px !important;
}
.sticky + .page-header.inner {
	padding-top: 200px !important;
	margin-bottom: 0 !important;
}
.sticky + .page-header.inner.no-desc {
	padding-top: 260px !important;
	margin-bottom: 0 !important;
}

.main-nav {
	padding: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
button#toggleMenu {
	display: none;
}
.main-nav nav {
	padding: 10px 0 8px 4px;
	width: calc(100% - 25px);
}
.main-nav nav ul {
	margin-bottom: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: flex-end;
	width: 100%;
}
.main-nav nav ul li {
	position: relative;
}
.main-nav nav ul > li {
	margin-right: 20px;
}
.main-nav nav ul > li:last-of-type {
	margin-right: 0;
}
.main-nav nav ul li.active a {
	color: #283891;
}
.main-nav nav ul li a {
	padding: 5px 6px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	white-space: nowrap;
	transition: all .5s;
}
.main-nav nav ul li a:hover {
	color: #283891;
}
.main-nav nav ul li .submenu {
	visibility: hidden;
	padding-top: 40px;
	position: absolute;
	top: 0;
	left: -200px;
	width: 600px;
}
.main-nav nav ul li.dropdown:hover .submenu {
	visibility: visible;
}
.main-nav nav ul li.dropdown:hover ul {
	opacity: 1;
}
.main-nav nav ul li.dropdown ul {
	padding: 10px;
	opacity: 0;
	display: block;
	background-color: #fff;
	position: relative;
	transition: opacity .5s;
	column-count: 3;
	-webkit-box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);
	-moz-box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);
	box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);
}
.main-nav nav ul li.dropdown ul li {
	padding: 5px 0;
	break-inside: avoid-column;
    line-height: 21px;
    margin-bottom: 5px;
}
.main-nav nav ul li.dropdown ul li a {
	font-size: 12px;
	padding: 0;
	white-space: normal !important;
	transition: color .5s, text-decoration .5s;
}
.main-nav nav ul li.dropdown ul li a:hover {
	text-decoration: underline;
}

.nav-transparent-area {
	position: absolute;
	width: 100%;
	background-color: rgba(37, 36, 37, 0.5);
	top: 165px;
	left: 0;
	height: calc(100vh - 165px);
	display:none;
	cursor:pointer;
	z-index:998;
}
.sticky .nav-transparent-area {
	top: 85px;
	height: calc(100vh - 85px);
}

/* 03-SLIDER */
.rev_slider .tp-mask-wrap .tp-caption {
white-space: normal !important;
}
.rev_slider .tp-mask-wrap .tp-caption h1,
.rev_slider .tp-mask-wrap .tp-caption h2 {
	text-transform: uppercase;
	background-color: rgba(40, 56, 145, .8);
	display: inline-block;
	padding: 10px 15px;
	font-family: "Din2014", sans-serif;
}
.rev_slider .tp-mask-wrap .tp-caption h1 {
	font-size: 54px;
}
.rev_slider .tp-mask-wrap .tp-caption h2 {
	font-size: 47px;
}

/* 04-ABOUT */
.page-image {
	text-align: right;
}

.page-title {
	position: relative;
	left: -110px;
	padding: 10px 0;
}
.page-title h2 {
	font-size: 33px;
	color: #fff;
	font-weight: bold;
	padding: 26px 44px 26px 112px;
	display: inline-block;
	background-color: rgba(30, 43, 85, .7);
}
.page-desc p {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0;
}
.page-desc.inner p {
	font-size: 14px;
	margin-bottom: 25px;
	text-align: justify;
}
.page-motto {
	padding: 30px 0 30px 40px;
}

/* 05-EXPERTISES */
.expertise-box {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	filter: grayscale(100%);
	transition: filter .5s;
	margin-bottom: 40px;
}
.expertise-box:hover {
	filter: grayscale(0);
}
.expertise-box .inner-box {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	border: 8px solid #fff;
}
.expertise-title {
	background-color: rgba(255, 255, 255, .7);
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.expertise-title h3 {
	font-size: 33px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}
.expertise-title h3:after {
	content: "...";
	line-height: 1px;
	display: block;
}

.page-header.inner h1 {
	font-family: 'BrushScript', sans-serif;
	font-weight: normal;
	color: #fff;
	text-transform: none;
	background: none;
	font-size: 73px;
	padding-bottom: 26px;
	position: relative;
}
.page-header.inner h1::after,
.page-header.inner.no-desc h1::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 2px;
	width: 240px;
	background-color: #fff;
}
.page-header.inner h1::after {
	bottom: 12px;
}
.page-header.inner.no-desc h1::after {
	bottom: 5px;
}
.page-header.inner.no-desc h1::before {
	top: 5px;
}
.page-header.inner.no-desc {
	padding: 100px 0;
}
.page-header.inner p {
	color: #fff;
	font-size: 16px;
}

.expertise-text p {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #283891;
	text-align: justify;
	line-height: 30px;
}
.expertise-desc h3,
.expertise-services h3 {
	font-size: 20px;
	font-weight: bold;
	color: #283891;
	margin-top: 25px;
}
.expertise-desc p,
.expertise-desc small,
.expertise-desc ul li,
.expertise-desc ol li,
.expertise-services ul li {
	font-size: 14px;
	color: #283891;
	margin-bottom: 0;
	line-height: 26px;
}
.expertise-desc small {
	font-size: 12px;
	display: block;
}
.expertise-desc ul,
.expertise-desc ol {
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.expertise-services {
	margin-top: 60px;
}
.expertise-services ul {
	list-style: none;
}
.expertise-services.double ul {
	column-count: 2;
}
.expertise-services ul li { 
	break-inside: avoid-column;
}
.expertise-services ul li::before { 
	content: "";
	border-color: transparent #283891;
	border-style: solid;
	border-width: 4px 0 4px 8px;
	display: block;
	height: 0;
	width: 0;
	left: -18px;
	top: 16px;
	position: relative;
}

.expertise-area {
	padding: 54px 47px;
	background-color: rgba(255, 255, 255, .7);
	border: 2px solid #283891;
	position: relative;
	margin-top: 15px;
	left: -180px;
	width: calc(100% + 180px);
}
.expertise-area::before {
	content: "";
	width: 23px;
	height: 23px;
	background-color: #283891;
	position: absolute;
	top: 0;
	left: 0;
}
.expertise-area.full {
	position: static;
	width: 100%;
	margin: 40px 0;
}
.expertise-area.full::before {
	top: 40px;
	left: 15px;
}
.expertise-area p,
.expertise-area h2 {
	font-weight: bold;
	color: #283891;
}
.expertise-area p {
	font-size: 16px;
	text-align: justify;
}
.expertise-area h2 {
	font-size: 24px;
	margin-bottom: 35px;
}

/* 06-CONTACT */
.contact-header {
	text-align: center;
	color: #000;
}
.contact-header h3 {
	font-size: 35px;
	text-transform: uppercase;
	font-weight: bold;
}
.contact-header h4 {
	font-size: 20px;
	margin-bottom: 30px;
}
.contact-header h5 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 75px;
}
.contact-box {
	display: flex;
	margin-bottom: 30px;
	color: #000;
}
.contact-icon {
	width: 63px;
	height: 63px;
	background-color: #1e2b55;
	position: relative;
	flex-shrink: 0;
	margin-right: 15px;
}
.contact-icon i {
	font-size: 35px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.contact-info h5 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 9px 0 12px;
	border-bottom: 1px solid #000;
}
.contact-info p {
	font-size: 18px;
}
.contact-info a {
	font-size: 22px;
	font-weight: bold;
	display: block;
	color: #000;
}
.contact-info a:hover {
	color: #007bff;
}

/* 07-FOOTER */
footer {
	padding: 50px 0 0;
	background-color: #f8f8f8;
}
.footer-logo {
	padding-bottom: 35px;
	border-bottom: 1px solid #e5e5e5;
}
.footer-logo img {
	width: 160px;
}
.footer-social {
	padding: 17px 0;
}
.footer-social span {
	color: #999999;
	margin-right: 15px;
}
.footer-social a {
	margin-right: 15px;
}
.footer-social a:hover {
	color: #283891;
	font-size: 16px;
}
.footer-widget {
	padding-left: 35px;
}
.footer-widget h4 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 30px;
}
.footer-widget ul {
	padding-left: 0;
	list-style: none;
}
.footer-widget ul li {
	margin-bottom: 10px;
}
.footer-widget ul li a {
	text-transform: uppercase;
	font-size: 12px;
	color: #484848;
}
.footer-widget ul li a:hover {
	color: #283891;
	text-decoration: underline;
}
.footer-bottom {
	border-top: 1px solid #e5e5e5;
	padding: 25px 0 10px;
	text-align: center;
}
.footer-bottom p {
	font-size: 14px;
}
.footer-bottom p span {
	color: #1e2b55;
	font-weight: bold;
}

/* 99-RESPONSIVE */
@media only screen and (max-width : 1024px) {
	/* 02-HEADER */
	.main-nav {
  		position: static;
  	}
  	button#toggleMenu {
  		display: block;
  		background: none;
  		border: none;
  	}
  	button#toggleMenu i {
  		font-size: 22px;
  	}
  	.main-nav nav {
  		position:fixed;
		right:-450px;
		top: 163px;
		bottom: 0;
		width:100%;
		max-width:350px;
		z-index:999;
		padding: 20px 15px;
		background-color: #fff;
		overflow-y: scroll;
		box-shadow:2px 1px 5px rgba(0, 0, 0, 0.3); 
		-webkit-box-shadow:2px 1px 5px rgba(0, 0, 0, 0.3); 
		-moz-box-shadow:2px 1px 5px rgba(0, 0, 0, 0.3); 
		-o-box-shadow:2px 1px 5px rgba(0, 0, 0, 0.3);
  	}
  	.sticky .main-nav nav {
  		top: 85px;
  	}
  	.main-nav nav ul {
  		display: block;
  	}
  	
  	.main-nav nav ul li {
  		display: block;
  	}
  	.main-nav nav ul li.active::after {
  		background: none;
  		height: 0;
  	}
  	.main-nav nav ul li.active a {
  		color: #097cbd;
  	}
  	.main-nav nav ul li .submenu {
  		padding-top: 0;
  		position: static;
  		height: 0;
  		transition: height .5s;
  		width: auto;
  	}
  	.main-nav nav ul li.dropdown:hover .submenu {
  		height: auto;
  		margin-bottom: 15px;
  		padding-top: 15px;
  	}
  	.main-nav nav ul li a {
  		font-size: 16px;
  		display: inline-block;
  		margin-bottom: 12px;
  	}
  	.main-nav nav ul li.dropdown ul {
  		column-count: 1;
  		-webkit-box-shadow: none;
  		-moz-box-shadow: none;
  		box-shadow: none;
  	}
  	.main-nav nav ul li.dropdown ul li {
  		line-height: 16px;
  	}
  	.main-nav nav ul li.dropdown ul li a {
  		margin-bottom: 5px;
  		font-size: 15px;
  		white-space:normal;
  	}

  	/* 06-CONTACT */
  	.contact-info a {
  		font-size: 18px;
  	}
}

@media only screen and (max-width : 770px) {
	/* 02-HEADER */
  	header {
  		height: 120px;
  	}
  	.logo img {
		width: 140px;
	}
	.main-nav nav {
		top: 120px;
	}

	/* 04-ABOUT */
	.page-image {
		text-align: center;
	}
	.page-image img {
		max-width: 100%;
		height: auto;
	}
	.page-title {
		left: -80px;
	}
	.page-title h2 {
		font-size: 22px;
		padding: 26px 20px 26px 112px;
	}

	/* 05-EXPERTISES */
	.expertise-image {
		width: 100%;
		margin-bottom: 30px;
	}
	.expertise-area {
		position: static;
		width: 100%;
	}
	.expertise-area::before {
		top: 16px;
		left: 15px;
	}
	.expertise-area.full::before {
		top: 40px;
	}
	.expertise-services.double ul {
		column-count: 1;
	}

	/* 06-CONTACT */
  	#iletisim .col-lg-4 {
  		display: flex;
  		justify-content: center;
  	}
  	.contact-box {
  		width: 50%;
  	}

	/* 11-FOOTER */
	.footer-widget {
		padding-left: 0;		
	}
}


@media only screen and (max-width : 420px) {
	/* 02-HEADER */
	header .container .row .col-md-8 {
		position: static;
	}
	.logo img {
		width: 120px;
		margin-top: 12px;
	}
	.sticky .logo img {
		margin-top: 0;
	}
	.main-nav nav {
		max-width: 300px;
	}

	/* 03-SLIDER */
	.rev_slider .tp-mask-wrap .tp-caption h1 {
		font-size: 32px;
	}
	.rev_slider .tp-mask-wrap .tp-caption h2 {
		font-size: 28px;
	}

	/* 04-ABOUT */
	.page-title {
		position: static;
		text-align: center;
	}
	.page-title h2 {
		padding: 20px;
		display: block;
	}
	.page-motto {padding-left: 0;}
	.page-motto img {
		max-width: 100%;
		height: auto;
	}

	/* 06-CONTACT */
  	.contact-box {
  		width: 100%;
  	}

	/* 11-FOOTER */
	.footer-logo, .footer-social {
		text-align: center;
	}
	.footer-social {
		margin-bottom: 40px;
	}
	.footer-widget {
		text-align: center;
	}
	.footer-widget h4 {
		margin-top: 30px;
		margin-bottom: 30px;
		font-size: 18px;
	}
	.footer-widget ul li a {
		font-size: 15px;
	}
}

@media only screen and (max-width : 380px) {
	/* 02-HEADER */
	.main-nav nav {
		max-width: 270px;
	}
}

@media only screen and (max-width : 322px) {
	/* 02-HEADER */
	.main-nav nav {
		max-width: 220px;
	}

	/* 06-CONTACT */
  	.contact-info a {
  		font-size: 16px;
  	}
}