body.page-loaded{
	overflow-x: hidden !important;
}

.p-0{
	padding: 0 !important;
}

.pt-0{
	padding-top: 0 !important;
}

.pt-10{
	padding-top: 10px;
}

.pt-20{
	padding-top: 20px;
}

.pt-30{
	padding-top: 30px;
}

.pt-40{
	padding-top: 40px;
}

.pt-50{
	padding-top: 50px;
}

.pb-0{
	padding-bottom: 0 !important;
}

.pb-10{
	padding-bottom: 10px;
}

.pb-20{
	padding-bottom: 20px;
}

.pb-30{
	padding-bottom: 30px;
}

.pb-40{
	padding-bottom: 40px;
}

.pb-50{
	padding-bottom: 50px;
}

.pb-60{
	padding-bottom: 60px;
}

.mt-0{
	margin-top: 0 !important;
}

.mt-10{
	margin-top: 10px;
}

.mt-20{
	margin-top: 20px;
}

.mt-30{
	margin-top: 30px;
}

.mt-35{
	margin-top: 35px;
}

.mt-40{
	margin-top: 40px;
}

.mt-50{
	margin-top: 50px;
}

.mb-0{
	margin-bottom: 0 !important;
}

.mb-10{
	margin-bottom: 10px;
}

.mb-20{
	margin-bottom: 20px;
}

.mb-30{
	margin-bottom: 30px;
}

.mb-40{
	margin-bottom: 40px;
}

.mb-50{
	margin-bottom: 50px;
}

/* ---- PRELOADER ---- */
.preloader figure{
	width: 350px;
	height: 140px;
}


/* ---- SLIDER ---- */
.slider .main-slider .swiper-slide{
		padding: 0 0 !important;
}

.slider .main-slider .swiper-slide .slide-image{
	width: calc(100% - 32vw) !important;
	left: 32vw !important;
}

.slider-left-box{
	position: relative;
    height: inherit;
    width: 32vw;
}

.slider-left-box .slide-content{
	top: 48%;
    bottom: auto;
    transform: translateY(-50%);
    padding: 0px 2vw;
	position: absolute;
	left: 0px;
	right: 0px;
    z-index: 35;
}

.slider-left-box .slide-content h1{
	font-family: Poppins;
	font-size: 40px;
	color: #ffffff;
	font-weight: 700;
	line-height: 140%;
	margin: 22px 0px;
	text-transform: uppercase;
	
}

.slider-left-box .slide-content h1 .slide-text-primary{
	color: #5073b4;
}

.slider-left-box .slide-content p.slide-small-text{
	font-size: 20px;
	color: #ffffff;
	font-weight: 300;
	line-height: 140%;
	margin: 22px 0px;
}

.slider-left-box .slide-content a{
	border-radius: 15px;
	color: #ffffff;
	background: #5073b4;
	height: 50px;
	line-height: 50px; 
	display: inline-block; 
	padding: 0 30px; 
	background: $anarenk-koyu-kirmizi; 
	color: #fff;  
	transition: all .35s ease-in-out;
	font-size: 16px;
	font-weight: 600;
}

.slider-left-box .slide-content a:hover{
	text-decoration: none; 
	color: #fff;
	background: #013e87;    
	border-radius: 15px;
}

.slider-left-box .slide-content .slide-button-box{
	text-align: left;
}

.slider .button-prev, .slider .button-next{
	top: 80% !important;
}

.swiper-pagination {
  margin-bottom: 40px;
}

/* ---- FORM INPUTS HOME ----*/
input[type="text"], input[type="email"]{
	height: 60px !important;
}

.home-page-contact-form .form-popup__input{
	border-radius: 15px !important;
}

.home-page-contact-form .home-page-contactform-button-send {
  width: 100%;
}

.custom-button {
  border-radius: 15px !important;
  border: none;
}

.custom-button {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
}


/* ---- ABOUT US ----*/
.about-us-wrapper{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	background: #1D1D1D;
}

.about-us-wrapper .about-us-slide{
	width: 100%;
	height: 100%;
}


.about-us-wrapper .about-us-slide .about-img img{
	width: 100%;
	display: block;
	max-width: 100%;
	height: auto;
	image-rendering: optimizeQuality;
}

.about-us-wrapper .about-us-slide .about-text{
	padding: 2em;
	color: #ffffff;
}

.about-us-wrapper .about-us-slide .about-text h4{
	color: #5073b4 !important;
	text-transform: uppercase;
	line-height: 1.25;
	font-weight: 700;
	font-size: 32px;
	margin-bottom: 12px;
}

.about-us-wrapper .about-us-slide .about-text p{
	font-size: 14px;
	line-height: 1.65;
}

/* ---- OFFER ----*/
.offer-section .offer-header{
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}

.offer-section .offer-header h2{
	font-size: 40px;
	font-weight: 600;
	color: #5073b4;
	margin-bottom: 20px;
}

.offer-section .offer-header p{
	font-size: 22px;
	text-align: center;
	margin-top: 18px;
}

.offer-section .offer-box-list{
	margin-top: 50px;
}

.offer-section .offer-box-list .offer-box-image{
	border: 1px solid #5073b4;
    border-radius: 50%;
}

.offer-section .offer-box-list h3{
	font-weight: 600;
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.offer-section .offer-box-list p{
	font-size: 16px;
	padding: 0 40px;
	margin-bottom: 10px;
	line-height: 26px;
}

.offer-section-columns{
	background-color: #fbfbfb;
	padding: 50px 0;
	maring-top: 30px;
}

.offer-section-columns .offer-columns h2{
	color: #5073b4;
	font-weight: 600;
	font-size: 22px;
	padding-left: 20px;
}

.offer-section-columns .offer-columns .list{
	font-size: 16px;
	padding: 0 60px 0 20px;
	margin-top: 20px;
	font-weight: 400;
	position: relative;
}

.offer-section-columns .offer-columns .list li{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 5px 0;
	list-style: none;
}

/*.offer-section-columns .offer-columns .list::before{
	width: 4px;
	height: 100%;
	background: #5073b4;
	top: 0;
	left: 0;
	content: '';
	display: block;
	position: absolute;
}*/

.offer-section-icons{
	background-color: #1D1D1D;
	padding: 50px 0;
	maring-top: 30px;
}

.offer-section-icons .offer-header{
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

.offer-section-icons .offer-header h2{
	font-size: 22px;
	font-weight: 600;
	color: #5073b4;
	margin-bottom: 20px;
}

.offer-section-icons .offer-header h4{
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 20px;
	padding: 0 20px;
}

.offer-section-icons .offer-header .offer-icon-box{
	margin-bottom: 10px;
}


/* ---- FOOTER ----*/
.footer .footer-menu li::before{
	content: none;
}

.footer .widget-title{
	font-size: 18px !important;
}


/* CONTACT PAGE */
.contact-item{
	border: 1px solid rgba(194, 194, 194, 0.8);
	padding: 30px;
	height: 100%;
}

.contact-item .contact-title h2{
	font-size: 26px;
	font-weight: 600;
	color: #1E1E1E;
	margin-bottom: 20px;
}

.contact-item .contact-title:before {
  content: "";
  position: absolute;
  top: 42px;
  width: 35px;
  height: 2px;
  background: #5073b4;
}

.contact-item .contact-content p{
	font-size: 16px;
	color: #1E1E1E;
}

.contact-item .contact-content p a{
	color: #1E1E1E;
}

.contact-page-form{
	padding: 50px 0 50px;
	background: #1E1E1E;
}

.contact-page-form .form__input{
	background-color: #fff !important;
	border-radius: 15px !important;
}

.contact-page-form  .form-popup__input{
	border-radius: 15px !important;
	background-color: #fff !important;
}

.contact-page-form .home-page-contactform-button-send{
	width: 100%;
}

.contact-page-form .wpcf7-response-output{
	color: #fff !important;
	max-width: 1450px;
	margin: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.contact-page-form h2{
	color: #5073b4;
	  font-family: Poppins;
	  font-weight: 700;
	  text-align: center;
	  font-size: 46px;
	  line-height: 49px;
	  margin-bottom: 10px;
}

.contact-page-form .contact-page-form-small-text{
	color: #fff;
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px;
}


/* HEADER */

.page-header{
	height: 55vh !important;
	box-shadow: 0px 0px 0px 5000px rgba(4, 4, 4, 0.418) inset;
	padding-top: 100px !important;
	justify-content: center !important;
	text-align: center !important;
}

.page-header .container h2{
	margin: 0 !important;
	font-size: 45px;
}


/* OUR REALIZATIONS */
.our-realization-page{
	background: #1E1E1E;
	padding-bottom: 50px;
}

#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 1;
}

.our-realization-page .our-realization-image{
	max-width: 100%;
	height: auto;
	display: inline-block;
	border: none;
	padding: 5px;
	box-shadow: none;
	border-radius: 0 !important;
	transition: all .25s ease-in-out;
}

.our-realization-page .our-realization-indicators{
	max-width: 100%;
	height: auto;
	display: inline-block;
	border: none;
	padding: 5px;
	box-shadow: none;
	border-radius: 0 !important;
	transition: all .25s ease-in-out;
}


.our-realization-page .our-realization-content{
	padding-left: 40px;
	margin-top: 50px;
}

.our-realization-page .our-realization-content h2{
	color: #95bf5d;
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 20px;
}

.our-realization-page .our-realization-content h4{
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}

.our-realization-page .our-realization-content p{
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 20px;
}

/* ---- SUBPAGE MENU ----*/
.subpage-menu{
	background: #5073b4;
	display: inline-grid;
	width: 100%;
	align-items: center;
	text-align: left;
	border-radius: 10px;
}

.subpage-menu .subpage-menu-item{
	padding: 14px 10px 14px 10px;
	font-weight: 600;
	font-size: 16px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	color: #ffffff;
	position: relative;
	border-radius: 10px;
	cursor: pointer;
	margin-bottom: 2px;
}

.subpage-content .subpage-header{
	font-size: 24px;
	color: #5073b4;
	font-weight: 600;
	margin-bottom: 30px;
}

.subpage-content .subpage-description{
	font-size: 16px;
	color: #000;
	margin-bottom: 30px;
}

.subpage-content .subpage-description ul{
	list-style: disc;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.subpage-content .subpage-description ul li{
	display: list-item;
	width:100%;
	height: auto;
}

.subpage-menu .subpage-menu-item:hover{
	background: #013e87;
}

.subpage-menu .subpage-menu-item.menu-active{
	background: #013e87;
}

.subpage-table table{
	border: 1px solid #dee2e6;
}

.subpage-table .table td, .subpage-table .table th{
	border: 1px solid #dee2e6 !important;
}

.subpage-table .table .counter-column{
	text-align: center;
}

.subpage-table .table tr:nth-child(odd){
	background: #fbfbfb;
}

/* ---- SIDE WIDGET ----*/
.side-widget {
  background: radial-gradient(closest-side,#35373B,#1D1D1D) !important;
  color: #ffffff;
}

.side-widget .site-menu ul li a {
  color: #ffffff;
}

.side-widget .site-menu ul li a:hover {
  color: #5073b4;
}


@media (min-width: 1200px) {
	
	.slider-left-box{
		background: radial-gradient(closest-side,#35373B,#1D1D1D) !important;
	}
	
	.about-us-wrapper .about-us-slide .about-img{
		width: 48%;
	}
	
	.about-us-wrapper .about-us-slide .about-text{
		transform: translateY(-50%);
		left: 50% !important;
		width: 45%;
		position: absolute;
		left: 58%;
		top: 50%;
	}

	
}

@media only screen and (max-width: 1200px){
	.about-us-wrapper .about-us-slide .about-text{
		text-align: center;
	}
	
	.slider .main-slider .swiper-slide .slide-image {
		width: 100% !important;
		left: 0 !important;
		display: none;
	 }
	 
	  .slider-left-box {
		position: absolute !important;
		height: 100% !important;
		width: 100% !important;
		top: 0;
		left: 0;
		background-size: cover !important;
		background-position: center !important;
		opacity: 1;
		box-shadow: 0px 0px 0px 5000px rgba(4, 4, 4, 0.418) inset;
		animation-delay: 0.3s;
		animation-name: fadeInUp;
	  }
	  
	  .slider-left-box .slide-content{
		bottom: 50px;
		padding: 0px 40px;
		top: auto;
	}
	
	.slider-left-box .slide-content h1{
		font-size: 26px;
		margin: 12px 0px;
		
	}

	.slider-left-box .slide-content p.slide-small-text{
		font-size: 16px;
		margin: 10px 0px;
	}

	.slider-left-box .slide-content a{
		height: 40px;
		line-height: 40px; 
		padding: 0 25px; 
		font-size: 14px;
		font-weight: 600;
	}
}


@media only screen and (max-width: 1024px){
	.about-us-wrapper .about-us-slide .about-text{
		padding: 2em 4em;
	}
}

@media only screen and (max-width: 991px), only screen and (max-device-width: 1180px) {
  .side-widget .site-menu ul li a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px){
	
	.page-header .container {
		padding-top: 0;
	}
	
}

@media only screen and (max-width: 769px){
	.page-header .container h2{
		font-size: 32px;
	}
	
}

@media only screen and (max-width: 40em) {
	.form-popup__input {
		font-size: 15px;
		padding-left: 30px;
		padding-right: 30px;
	}
}