/*!
Theme Name: Fairs
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: euroasia-window-fair
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Fairs is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;700&display=swap');

/* Links
--------------------------------------------- */
a:hover, a:active {
 outline: 0;
}
/* Comments
--------------------------------------------- */
.comment-content a {
 word-wrap: break-word;
}
.bypostauthor {
 display: block;
}
/* Widgets
--------------------------------------------- */
.widget {
 margin: 0 0 1.5em;
}
.widget select {
 max-width: 100%;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
 border: none;
 margin-bottom: 0;
 margin-top: 0;
 padding: 0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
 display: inline-block;
}
/* Captions
--------------------------------------------- */
.wp-caption {
 margin-bottom: 1.5em;
 max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.wp-caption .wp-caption-text {
 margin: 0.8075em 0;
}
.wp-caption-text {
 text-align: center;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
 display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
 display: block;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
 border: 0;
 clip: rect(1px, 1px, 1px, 1px);
 clip-path: inset(50%);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute !important;
 width: 1px;
 word-wrap: normal !important;
}
.screen-reader-text:focus {
 background-color: #f1f1f1;
 border-radius: 3px;
 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 clip: auto !important;
 clip-path: none;
 color: #21759b;
 display: block;
 font-size: 0.875rem;
 font-weight: 700;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
 outline: 0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
 /*rtl:ignore*/
 float: left;
 /*rtl:ignore*/
 margin-right: 1.5em;
 margin-bottom: 1.5em;
}
.alignright {
 /*rtl:ignore*/
 float: right;
 /*rtl:ignore*/
 margin-left: 1.5em;
 margin-bottom: 1.5em;
}
.aligncenter {
 clear: both;
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1.5em;
}
.user_duty {
 margin-top: -15px;
}
html {
 scroll-behavior: smooth;
}
body {
 font-family: 'Raleway', sans-serif;
 font-weight: 400;
 transition: all 250ms ease-out;
 scroll-behavior: smooth;
 -webkit-font-smoothing: antialiased;
 text-rendering: optimizeLegibility;
}
a, button, div:not(.fancybox-content), input, i, img:not(.fancybox-image), span:not {
 -webkit-font-smoothing: antialiased;
 -webkit-transition: all 250ms ease-out;
 -moz-transition: all 250ms ease-out;
 -o-transition: all 250ms ease-out;
 transition: all 250ms ease-out;
 text-rendering: optimizeLegibility;
 outline: none;
}
header {
 position: -webkit-sticky;
 position: sticky;
 top: 0;
 z-index: 1020;
 background: #fff;
}
.topNav {
 min-height: 110px;
 box-shadow: -1px 3px 6px 0px rgba(158, 158, 158, 0.14);
 -webkit-box-shadow: -1px 3px 6px 0px rgba(158, 158, 158, 0.14);
 -moz-box-shadow: -1px 3px 6px 0px rgba(158, 158, 158, 0.14);
 padding: 0;
}
.topNav .nav-item {
 margin: 0;
 padding-right: .5rem;
 padding-left: .5rem;
}
.topNav .nav-link {
 font-weight: 500;
 color: #00a296;
 font-size: 14px;
 position: relative;
 padding: 0 !important;
}
.topNav .nav-link span {
 position: relative;
 z-index: 2;
}
.topNav .nav-link::after {
 content: "";
 background: #ccecea;
 width: 100%;
 height: 40%;
 left: 0;
 bottom: 0px;
 display: block;
 position: absolute;
 z-index: 1;
 transition: all 250ms ease-out;
}
.topNav .nav-link:hover {
 color: #027c73;
}
.topNav .nav-link:hover::after {
 background: #ccecea;
 height: 100%;
}
.logoTop {
 width: 170px;
 min-width: 170px;
 transition: none !important;
}
.logoTop a {
 transition: none !important;
 display: flex;
 flex-direction: column;
 align-items: center;
 font-size: 14px;
 color: #012f6d;
 text-decoration: none;
}
.logoTop a img {
 margin-bottom: 10px;
}
.text-hide {
 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0;
}
.collapse.navbar-collapse {
 margin: 0 auto;
 align-self: center;
 align-items: center;
 justify-content: center;
}
.fuarLogo {
 max-width: 100px;
}
.navbar-nav {
 display: flex;
 align-items: center;
}
.navbar-nav .dropdown .dropdown-toggle {
 border: 0;
 background: #00a296;
 color: #fff;
 border-radius: 8px;
 display: flex;
 align-items: center;
 line-height: 1;
 padding: .5rem;
 font-size: 14px;
}
.dropdown-menu {
 position: absolute;
 z-index: 1000;
 display: none;
 min-width: 100%;
 padding: 0;
 margin: 0 !important;
 font-size: 1rem;
 color: #ffffff;
 text-align: left;
 list-style: none;
 background-color: #00a296;
 background-clip: padding-box;
 border: 0;
 border-radius: 0;
 margin-top: -10px !important;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.dropdown-item {
 display: block;
 width: 100%;
 padding: 0;
 clear: both;
 font-weight: 400;
 color: #ffffff;
 text-align: inherit;
 text-decoration: none;
 white-space: nowrap;
 background-color: transparent;
 border: 0;
 text-align: center;
 font-size: 14px;
 margin: .3rem 0;
}
.hero {
 min-height: calc(100vh - 110px);
 background-image: url("assets/img/hero.jpg");
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 display: flex;
 align-items: center;
 padding: 2rem 0;
}
.overlayBox {
 background-color: rgba(255, 255, 255, 0.80);
 width: 100%;
 height: 100%;
 min-height: 450px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 border-radius: 10px;
 align-items: center;
 padding: 2rem;
}
.overlayBox h2 {
 font-size: 42px;
 color: rgb(0, 162, 150);
 text-transform: uppercase;
 line-height: 1.2;
 text-align: center;
 font-weight: 900;
}
.overlayBox h5 {
    font-size: 18px;
    font-family: "Raleway";
    color: rgb(65, 65, 65);
    line-height: 1.2;
    text-align: center;
    font-weight: 700;
    padding: .5rem 1rem;
}
.btnYilmaz {
 border-radius: 10px;
 background-color: rgb(0, 162, 150);
 font-size: 18px;
 font-family: "Raleway";
 color: rgb(255, 255, 255);
 font-weight: bold;
 line-height: 1.2;
 text-align: center;
 padding: 1rem 2rem;
 text-decoration: none;
 letter-spacing: 2px;
 border: 0;
 min-width: 49%;
	transition: all 250ms ease-out;
}
.btnYilmaz:hover {
 background-color: #012f6d;
 color: rgb(255, 255, 255);
}

.btnYilmaz.btnAddCalendar:hover {
 background-color: rgb(0, 162, 150);
 color: rgb(255, 255, 255);
}


.yilmazInputs {
 border: 1px solid #00a296;
 border-radius: 10px;
 background-color: rgb(255, 255, 255, 0.5);
 min-height: 45px;
 font-size: 16px;
 color: #00a296;
 font-weight: 700;
}
.yilmazInputs::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #00a296;
}
.yilmazInputs::-moz-placeholder { /* Firefox 19+ */
 color: #00a296;
}
.yilmazInputs:-ms-input-placeholder { /* IE 10+ */
 color: #00a296;
}
.yilmazInputs:-moz-placeholder { /* Firefox 18- */
 color: #00a296;
}
.form-check-label {
 color: #05786f;
 font-size: 13px;
}
.form-check-label a {
 color: #05786f;
 font-size: 13px;
 text-decoration: underline;
}
.form-check-input:checked {
 background-color: #00a296;
 border-color: #00a296;
}


.btn-link {
	font-size: 18px;
	text-decoration: underline;
	font-weight: 600;
	color: #848484;
	transition: all 250ms ease-out;
}

.btn-link:hover {
	color: #848484;
}


.bgGrey {
	background: #ececec;
}

h2 {
	  font-size: 35px;
  color: rgb(0, 162, 150);
  text-transform: uppercase;
  line-height: 1.2;
	text-align: center;
	font-weight: 900;
}

h5 {
	  font-size: 18px;
  color: #00a296;
  line-height: 1.2;
	text-align: center;
	font-weight: 700;
}

h3 {
	  font-size: 18px;
  color: rgb(0, 162, 150);
  line-height: 1.2;
  text-align: center;
	font-weight: 800;
}

h6 {
	  font-size: 14px;
  color: rgb(0, 162, 150);
  line-height: 1.2;
  text-align: center;
	font-weight: 500;
}

.flags {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
	margin-top: auto;
	position: relative;
}

.flags img {
	margin: 0 2px;
	width: 20px;
}

.btn_call {
	background: #00a296;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    padding: 1rem;
    text-decoration: none;
    display: inline-flex;
    margin: 10px auto;
    margin-top: auto;
	transition: all 250ms ease-out;
}

.btn_call:hover {
	 background-color: #012f6d;
 color: rgb(255, 255, 255);

}

.teamImage {
	position: relative;
}

.teamImage img {
	position: relative;
	z-index: 2;
}

.teamImage::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #00a296;
	position: absolute;
	left: -10px;
	top: -10px;
	border-radius: 100%;
	z-index: 1;
}

.teamImage::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #0cd6c7;
	position: absolute;
	right: -10px;
	top: 0px;
	border-radius: 100%;
	z-index: 1;
}

.teamContain {
    height: 100%;
    display: flex;
    flex-direction: column;
}


.teamInfo {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.bayiContain {
	background-image: url("assets/img/bg_bayi.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 350px;
	display: flex;
    align-items: center;
}

.bayiContain h2, .bayiContain h5 {
	color: #fff;
}


.bayiContain .btnYilmaz {
	color: #fff;
	border: 3px solid #fff;
	background: rgba(0,0,0,0.00);
	display: inline-block;
}


.bayiContain .btnYilmaz:hover {
	color: #fff;
	border: 3px solid #00a296;
	background: #00a296;
	display: inline-block;
}

.machineBox {
	  border-radius: 10px;
  background-color: rgb(249, 247, 247);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.28);
	margin: 1rem;
    overflow: hidden;
	display: flex;
    flex-direction: column;

}

.machineInfo {
    background-color: rgb(249, 247, 247);
    padding: 1rem;
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    height: 100%;
	justify-content: center;
    align-items: center;
}

.machineImage {
	background: #fff;
}

h4 {
	font-weight: 800;
    color: #00a296;
    font-size: 18px;
    text-align: center;
    margin-bottom: .9rem;
}



#machineSlide .btnYilmaz {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0;
    padding: .8rem 1rem;
    margin-top: auto;
}


.owl-carousel .owl-nav{
  position: Absolute;
    right: 0;
    top: -72px;
    width: 120px;
    display: flex;

}

.owl-carousel .owl-nav button i{
  font-size:25px;
	color: #fff;
}

.owl-carousel .owl-nav button{
  width: 50px;
    height: 50px;
    padding: 11px 14px 10px 17px;
    border: solid 1px #020e28;
    background-color: #00a296 !important;
    margin-right: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel .owl-nav button:hover, .owl-carousel .owl-nav button:focus {
  background-color: #012f6d !important;
  color: #fff;
  outline: none;
  box-shadow: none;
}

.owl-carousel .owl-dots {
  width:100%;
  text-align:center;
}

.owl-carousel .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 0 4px;
  opacity: 0.5;
  border-radius:50%;
  background-color: #00a296;
  outline:none;
}

.owl-carousel .owl-dots button.owl-dot.active {
  border: solid 3px #00a296;
  background-color: #00a296;
  opacity:1;
}


.icon-wrapper {
    border-radius: 50%;
    background-color: #020e28;
    text-align: center;
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    margin-left: 10px;
}

.icon-wrapper img {
    width: 100%;
}

h3.section-title {
    font-size: 20px;
    font-weight: bold;
    color: #020e28;
    text-align: right;
}

.contact-title p {
    font-size: 16px;
    font-weight: 600;
    color: #020e28;
}

.contact-info {
    overflow: auto;
    display: flex;
    align-items: self-start;
}


.contact-info img {
    width: 18px;
    margin-left: 10px;
    margin-top: 5px;
}

.contact-info p {
    float: left;
    font-size: 16px;
    color: #020e28;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
	pointer-events: none;
}

form label {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #020e28;
}

form input.form-control, form select.form-control, form textarea.form-control {
    border-radius: 10px;
    border: solid 1px #c3c3c3;
    background-color: #f5f5f5;
}




footer {
	background: #00a296;
}


#machineSlide .owl-stage-outer, #machineSlide .owl-stage {
	display: flex;
	height: 100%;
}


#machineSlide .item {
	height: 100%;
	display: flex;
}


#countdown {
	font-family: 'Oswald', sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
}

#countdown ul {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	color: #fff;
	padding: 0;
}

#countdown ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	color: #fff;
}

#countdown ul li::after {
    content: "|";
    color: #fff;
    font-weight: 500;
    font-size: 50px;
    margin: 0 2rem;
}

#countdown ul li:last-child::after {
	display: none;
}

#countdown ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    color: #fff;
    flex-direction: column;
    font-weight: 700;
    font-size: 45px;
	min-width: 50px;
}

#countdown ul li span span {
    font-weight: 300;
    font-size: 13px;
}




@media (max-width: 1399.98px) { }

@media (max-width: 1199.98px) {
	.logoTop {
    width: 110px;
    min-width: 110px;
    transition: none !important;
}

.topNav .nav-link {
    font-size: 12px;
}	
	
.navbar-nav .dropdown .dropdown-toggle {
    font-size: 12px;
}	
	
.dropdown-item {
    font-size: 12px;
}	
	
}



@media (max-width: 991.98px) {
	
	.navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.1);
}
	
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}	
	
.topNav {
    min-height: auto;
    height: auto;
	padding: 1rem 0;
}	
	
.fuarLogo {
    max-width: 100px;
    position: absolute;
    left: 170px;
    top: 20px;
}	

.topNav .nav-item {
    margin: .5rem 0;
    padding-right: .5rem;
    padding-left: .5rem;
    width: 100%;
}
	
.topNav .nav-link::after {
    height: 20%;
}	
	
.topNav .nav-link {
    font-size: 16px;
}
	
.logoTop a {
    transition: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px;
    color: #012f6d;
    text-decoration: none;
}	
	
		.btnLanguage {
		border: 0;
    background: #00a296;
    color: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    line-height: 1;
    padding: .5rem;
    font-size: 12px;
	}	
	
	.dropdown-menu li:first-child {
		margin-top: 15px;
	}
	
	#countdown ul li span {
    font-size: 30px;
    min-width: 35px;
}
	
#countdown ul li::after {
    font-size: 40px;
    margin: 0 1rem;
}	
	
}

@media (max-width: 767.98px) {
	
	.overlayBox h2 {
    font-size: 25px;
    color: rgb(0, 162, 150);
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    font-weight: 900;
}
	
.overlayBox h5 {
    font-size: 16px;
    font-family: "Raleway";
    color: rgb(65, 65, 65);
    line-height: 1.2;
    text-align: center;
    font-weight: 700;
    padding: 1.5rem 0rem;
}
	
.btnYilmaz {
    font-size: 16px;
    padding: 1rem 1.5rem;
    letter-spacing: 1px;

}	
	
.hero {
    min-height: calc(100vh - 110px);
    background-image: url(assets/img/hero.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    padding: 2rem 0;
	height: 100%;
}	
	
h2 {
    font-size: 25px;
}	
	
h5 {
    font-size: 16px;
}	
	
.icon-wrapper {
    border-radius: 50%;
    background-color: #020e28;
    text-align: center;
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .8rem;
    margin-right: 10px;
}
	
h3.section-title {
    font-size: 16px;
    font-weight: bold;
    color: #020e28;
    text-align: left;
}
	
.contact-title p {
    font-size: 14px;
    font-weight: 600;
    color: #020e28;
    line-height: 1.2;
}
	
.btn_call {
    background: #00a296;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: .7rem;
    text-decoration: none;
    display: inline-flex;
    margin: 10px auto;
    margin-top: auto;
}	
	
.fuarLogo {
    max-width: 70px;
    position: absolute;
    left: 110px;
    top: 20px;
}
	

	
}

@media (max-width: 575.98px) {}




.btnSend span{
    width:0;
    transition:width .2s ease-in;
  }
  
  .btnSend:disabled span{
     width:1rem;
  }
  
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-right: 1.5em;
    margin-bottom: .125rem;
}

.form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
}