a {
	outline: medium none !important;
	text-decoration: none;
}
a, .btn {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.topbar{
	width:100%;
	padding-top:3px;
	padding-bottom:3px;
}
.topbar .topbar-left{
	text-align:left;
}
.topbar .topbar-right{
	text-align:right;
}
.topbar .container,
.topbar .container-xxl{
	/*
	overflow:hidden;
	*/
	display:flex;
	flex-wrap:nowrap;
}
.topbar .container a,
.topbar .container-xxl a{
	padding-left:10px;
	padding-right:10px;
}
.topbar-dark{
    background-color: #f09a3e;
	color:#fff;
}
.topbar-dark a,
.topbar-dark span,
.topbar-dark p{
	color:#fff;
}

/*** navbar ***/
.navbar{
	position: relative;
	width:100%;
	padding: 5px 0px;
    box-shadow: 0px 0px 5px #33333317;
	transition:top .5s ease-out;
	z-index: 10;
}
.navbar.fixed-top {
	position:fixed;
}
.navbar .container-xxl{
	max-width:1200px;
}
.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}
.navbar-menu .nav-item a{
	font-weight: 500;
	font-size: 20px;
	letter-spacing: .3px;
}
.navbar-menu .navbar-toggler:focus{
    box-shadow: none;
}
.dropdown-menu {
	padding:.5rem;
	border: none;
	box-shadow: 0px 0px 40px #3333;
	transition:all .3s ease;
}
.dropdown:hover .dropdown-toggle::after{
	transition:all .3s ease;
}

/*** section defaults ***/
section{
    padding-top: 40px;
    padding-bottom: 40px;
	position:relative;
}
section section{
	padding-top:unset;
	padding-bottom:unset;
}
.sec-bg-gray{
	background-color:#f5f5f5;
}
.bg-overlay{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:0;
}

.sec-phead-banner{
	background-size: cover !important;
	background-position: 50% 50% !important;
	padding-top:60px;
	padding-bottom:50px;
	transition: all 0.3s ease-out 0s;
	box-shadow: 0px 0px 3px black;
	z-index:1;
}
.sec-phead-banner .page-name{
	position:relative;
	text-align:center;
	text-shadow: 1px 1px 14px #000;
	font-weight: bold;
}
.sec-phead-banner .bg-overlay{
	background-color:#1f3918ad;
}

.sec-banner,
.sec-banner .sec-banner-content,
.sec-blogs,
.sec-blogs .sec-blogs-content
{
	position:relative;
}
.sec-blogs-content{
	overflow:hidden;
}
section .title-field{
	font-size:24px;
    margin-bottom: 36px;
	width:100%;
	text-align:center;
}
section .title-field p{
    margin-bottom: 18px;
    color: #111;
    font-weight: bold;
}
section .title-field-line{
    display: flex;
    margin: auto;
    width: 75px;
    height: 2px;
    background-color: #222;
    border-radius: 10%;
}
section .title-field-line.line-white{
    background-color: #fff;
}

.imgbox{
	position:relative;
	display:block;
	text-align:center;
}
.imgbox.bg-loading{
	background:linear-gradient(to right,#ddd,#ddd,#eee,#ddd,#ddd,#ddd);
	background-size: 100% 100%;
	animation: gradient 3s ease infinite;
}
.imgbox img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: 50% 50%;
	color:transparent;
}
@keyframes gradient {
	0% {
		background-size: 100% 100%;
	}
	100% {
		background-size: 300% 100%;
	}
}
.srvbox {
	width:100%;
	background-color: #fff;
	box-shadow: 0px 0px 15px -5px #232f37;
	transition: box-shadow 0.3s ease;
}
.srvbox:hover {
	box-shadow: 0px 0px 20px -3px #232f37aa;
}
.srvbox img.img-fluid{
	width:100%;
}
.blogbox{
	width:100%;
	background-color: #fff;
	padding:25px;
	border-radius: 10px;
	overflow: hidden;
}
.sec-blogs-page .blogbox{
	box-shadow:0px 0px 10px #3333;
}
.blogbox .imgbox {
	position: relative;
	width: 100%;
}
.blogbox .imgbox .pdate{
	position: absolute;
	color: #4f92d6;
	left: 19px;
	top:unset;
	bottom: -17px;
	width: 190px;
	height: unset !important;
	padding: 0 0 0 0;
	background-color: #fff;
	text-align:center;
}
.blogbox .imgbox .pdate span{
	font-size: 13px;
}
.txtbox{
	padding:10px 20px;
	line-height: 22px !important;
	overflow:hidden;
	position:relative;
	max-height:100px;
}
.txtbox p{
	width:100%;
	overflow:hidden;
}

.side-box-1{
	position: relative;
	overflow: hidden;
	font-weight: bold;
}
.side-box-1 .side-box-item{
	display:flex;
	position: relative;
	overflow: hidden;
	min-height: 50px;
	padding: 0 !important;
	margin: 0 !important;
	width: 100%;
}
.side-box-1 .side-box-item a{
	display:inline-block;
}
.side-box-1 .side-box-item .imgbox{
	box-shadow: 0px 0px 5px #3333;
	border: 1px solid #dddd;
	border-radius: 5px;
	width:80px;
	margin:0px 20px 0px 0px;
	overflow:hidden;
}
.side-box-1 .txtbox{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding:0px 0px 0px 100px;
	font-size:.9rem;
}
.side-box-1 .txtbox p{
	margin-bottom:0;
}
.side-box-1 .divider{
	margin: 20px 0;
	border-bottom: 1px solid #f1f1f1;
	width: 100%;
}

.side-callout-box{
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #f60;
	padding: 10px;
}
.side-callout-box h4,
.side-callout-box .h4{
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 18px;
}

blockquote {
	border-left: 5px solid #f60;
	background-color: #f4f6f9;
	border-radius: 3px 10px 10px 3px;
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 1.1rem;
}
/* --------------solution partners ----------- */
.sec-solution-partners .item{
	width:100%;
	border-radius:10px;
	box-shadow:0px 0px 11px -4px #3335;
	overflow:hidden;
	background-color:transparent;
	border-bottom:2px solid #3e495778;
}
.sec-solution-partners .item .img-fluid{
	width:100%;
}
.sec-solution-partners .item .description{
	font-size:16px;
	line-height:21px;
	font-weight:700;
	display:inline-block;
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-top:10px;
	margin-bottom:14px;
	color:#333;
}
/* --------------/solution partners ----------- */

/* --------------boxes banner ----------- */
.sec-offers01{
	padding:0;
	background-color:#fff;/*#fec80e;*/
	margin-top: -1px;
	/*box-shadow:0px 0px 7px #84712f8a;*/
}

.sec-offers01 .offrbox::before,
.sec-offers01 .offrbox::after{
	content:'';
	position:absolute;
	width:15px;
	height:15px;
	transition:all .5s ease;
	border-color:#fff;
	z-index:0;
}
.sec-offers01 .offrbox::before{
	left:0;
	top:0;
	border-top:2px solid;
	border-left:2px solid;
	border-radius:10px 0px 0px 0px;
}
.sec-offers01 .offrbox::after{
	right:0;
	bottom:0;
	border-right:2px solid;
	border-bottom:2px solid;
	border-radius:0px 0px 10px 0px;
}
.sec-offers01 .offrbox:hover::before,
.sec-offers01 .offrbox:hover::after{
	width:50px;
	height:50px;
}
.sec-offers01 .offrbox{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#464339;
	color:#fefefe;
	padding:15px 20px;
	border-radius:10px;
	box-shadow:0px 0px 4px #0004;
}
.offrbox .title,
.offrbox .title i,
.offrbox .title span{
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
	font-size:28px;
	font-weight:500;
	line-height:1.2;
}
.offrbox .title i{
	font-size:56px;
}
.offrbox .title span{
	max-width:calc(100% - 95px);
	text-overflow:ellipsis;
}
.offrbox .descr{
	width:100%;
	text-align:justify;
}
.offrbox a.btn{
	width:100%;
	padding: 5px 10px;
	z-index:1;
}

/* --------------/boxes banner ----------- */

/*** homepage slider section (slick slider) ***/
.sec-slider{
	padding:0;
	margin:0;
	position:relative;
	overflow:hidden;
	padding-top:40%;
}
.slider-slick{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.slider-slick .slider-img{
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.slider-slick .slider-item-content {
	position: absolute;
	width: 75%;
	top: 75%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-height:100%;
}
.slider-slick .slick-list,
.slider-slick .slick-list .slick-track{
	height:100%!important;
}
.slider-slick .slick-dots{
	position:absolute;
	list-style:none;
	display:block;
	padding:0;
	text-align:left;
	bottom:0;
	margin-bottom:0;
	left:50%;
	transform:translateX(-50%);
}
.slider-slick .slick-dots li{
	list-style:none;
	display:inline-block;
	background-color:#fff4;
	margin:5px;
	overflow:hidden;
	line-height:3px;
	border-radius:3px;
}
.slider-slick .slick-dots li.slick-active{
	background-color:#232f3e;
}
.slider-slick .slick-dots li button{
	opacity:0;
	width:25px;
	height:3px;
}
.slick-arrow {
	position: absolute;
	display:block;
	z-index: 11;
	background-color: #ffffff11;
	color: #333d;
	top: 50%;
	transform: translateY(-50%);
	padding: 1px 10px 10px 10px;
	border-radius: 10px;
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	cursor: pointer;
	user-select: none;
}
.slick-prev{
	left:3%;
}
.slick-next{
	right:3%;
}
a.scroll-to-down{
	position: absolute;
	left: 50%;
	bottom: 10px;
	z-index: 1;
	font-size: 48px;
	color: #fffe;
	transform: translateX(-50%);
	margin: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	
    -webkit-animation: goDown 5s infinite;
    -webkit-animation-delay: .8s;
    animation: goDown 5s infinite;
    animation-delay: .8s;
}

/* --------------diller carousel ----------- */
.languages-carousel{
	opacity:0;
	height:155px;
}
.languages-carousel.slick-initialized{
	opacity:1;
}
.languages-carousel .item{
	margin: 5px 20px;
	padding: 0;
	background-color: transparent;
}
.languages-carousel .item .item-name{
	width:100%;
	text-align:center;
	margin-top:10px;
	font-weight:bold;
}
.languages-carousel .language-img-wrapper{
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 0px 9px -3px #3333;
}
.languages-carousel .slick-track{
	padding-top:10px;
}
/* --------------/diller carousel ----------- */

/* --------------referanslar carousel ----------- */
.references-carousel{
	opacity:0;
	height:230px;
}
.references-carousel.slick-initialized{
	opacity:1;
}
.references-carousel .item{
	margin: 5px 20px;
	padding: 0;
	background-color: transparent;
}
.references-carousel .item .item-name{
	width:100%;
	text-align:center;
	margin-top:10px;
	font-weight:bold;
}
.references-carousel .reference-img-wrapper{
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 0px 9px -3px #3333;
}
.references-carousel .reference-img-wrapper img{
	margin: 5%;
	width: 90%;
	height:90%;
}
.references-carousel .slick-track{
	padding-top:10px;
}
/* --------------/referanslar carousel ----------- */

/* -------------google testimonals section------------ */
.google-review-logo{
	max-width:200px;
}
.g-review-img{
	max-width:50px;
	width:100%;
}
.g-review-content{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	padding-bottom:1px;
	line-height:24px;
	margin-bottom:5px;
	margin-top: 10px;
}
.google-review-carousel{
	opacity:0;
	height:250px;
}
.google-review-carousel .review-wrapper>a{
	display:flex;
	flex-wrap:wrap;
}
.google-review-carousel.slick-initialized{
	opacity:1;
}
.google-review-carousel .slick-list{
	padding-left:5px;
	padding-right:5px;
}
.google-review-carousel .slick-track{
	padding-top:10px;
	padding-bottom:20px;
}
.google-review-carousel .item {
	padding:10px;
	box-shadow:5px 5px 10px #ddd9;
	margin-left:20px;
	margin-right:20px;
	background:linear-gradient(135deg,#f7f7f7,#fff);
	border-top:2px solid #edc574;
	border-bottom:3px solid #edc57455;
	overflow:auto;
	border-radius: 5px;
}
/* -------------/google testimonals section-----------*/



/* ------------- footer  -------------*/
footer ul{
	list-style:none;
	padding:0;
}

footer .ft-sc-wrapper{
	position: absolute;
	width: 265px;
	float: left;
	left: 50%;
	top: -50px;
	padding: 0px;
	margin: 0px auto;
	background-color: #fff;
	overflow: hidden;
	border-radius: 20px;
	border-top-left-radius: 50px 80px;
	border-top-right-radius: 50px 80px;
	transform:translateX(-50%);
}
.social-icons{
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
}
.social-icons li{
	display:inline-block;
	padding:0;
	margin:0;
}
.social-icons li a{
	display:inline-block;
	padding: 15px 10px;
	margin: 0px;
}

.ft-contacts li{
	display: block;
	width: 100%;
	padding: 0px 0px 10px 0px;
	margin: 0 0 10px 0;
	line-height: 23px;
	border-bottom: 1px solid #f0f0f0;
}
.ft-qlinks li{
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
.ft-qlinks li a{
	display: block;
	padding: 3px 0;
	margin: 0;
}
.ft-contacts li i,
.ft-qlinks li i{
	padding: 0 10px 0 0;
}

.ft-coltitle{
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
}
.section-dark .ft-coltitle{
	color: #fff;
}
.ft-coltitle-line{
    display: block;
    width: 75px;
    height: 3px;
    background-color: #222;
    border-radius: 10%;
	margin-bottom:40px;
}
.section-dark .ft-coltitle-line,
.ft-coltitle-line.line-white{
	background-color: #fff;
}
/* ------------- /footer  -------------*/

.scrollTop {
	position: fixed;
	display:inline-block;
	z-index: 999;
	opacity: 1;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	font-size:12px;
}

/* -----------------cerez politika mesaj bar ------------------ */
#cerezpolitika{
	font-size: 16px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #000;
	color:#fff;
	padding: 7px 0;
	text-align: center;
	z-index: 1000;
	opacity:0.9;
}
#cerezpolitika .close-btn{
	position: absolute;
	display:none;
	margin-left: 20px;
	font-size: 14px;
	font-weight: normal;
	padding: 1px 5px;
	top: 0;
	right: 0;
}
#cerezpolitika .ok-btn{
	margin-left:20px;
	font-size:14px;
	font-weight:normal;
}
/* -----------------/cerez politika mesaj bar ------------------ */


/*** animations   ***/
@keyframes slideUp{
	0%{
		transform:translateY(0);
	}
	to{
		transform:translateY(-100%);
	}
}


@keyframes goDown {
    0% { bottom:10px; }
    10% { bottom:15px; }
    20% { bottom:10px; }
    30% { bottom:20px; }
    40% { bottom:10px; }
    50% { bottom:15px; }
    60% { bottom:10px; }
    70% { bottom:15px; }
    80% { bottom:10px; }
    90% { bottom:20px; }
    100% { bottom:10px; }
}
@-webkit-keyframes goDown {
    0% { bottom:10px; }
    10% { bottom:15px; }
    20% { bottom:10px; }
    30% { bottom:20px; }
    40% { bottom:10px; }
    50% { bottom:15px; }
    60% { bottom:10px; }
    70% { bottom:15px; }
    80% { bottom:10px; }
    90% { bottom:20px; }
    100% { bottom:10px; }
}

/*** /animations  ***/



/*****************************************************/
/********************* media settings ****************/
/*****************************************************/


/*** this is xxl area ***/
@media (min-width:1400px) {

}



/*** below is xl area ***/ 
@media (max-width:1399.98px) {

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

}
@media (min-width:1200px) {

}



/*** below is lg area ***/ 
@media (max-width:1199.98px) {

}
@media (max-width:1199.98px) and (min-width:992px) {

}
@media (min-width:992px) {
	.dropdown .dropdown-menu {
		display: none;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
	}
	.dropdown:hover .dropdown-toggle::after {
		border-top: 0;
		border-bottom:.3em solid;
	}
}



/*** below is md area ***/ 
@media (max-width:991.98px) {
	.sec-phead-banner{
		padding-top:40px;
		padding-bottom:35px;
	}
	.sec-slider{
		padding-top:60%;
	}
	.container{
		width:95%;
	}
    .navbar-menu .navbar-nav{
        margin-top: 20px;
    }
	.dropdown-toggle.show::after {
		border-top: 0;
		border-bottom:.3em solid;
	}
}
@media (max-width:991.98px) and (min-width:768px) {

}
@media (min-width:768px) {

}



/*** below is sm area ***/ 
@media (max-width:767.98px) {
	.sec-slider{
		padding-top:75%;
	}
}
@media (max-width:767.98px) and (min-width:576) {

}
@media (min-width:576) {

}



/*** below is xs area ***/ 
@media (max-width:575.98px) {
	.sec-phead-banner{
		padding-top:25px;
		padding-bottom:20px;
	}
	.sec-slider{
		padding-top:80%;
	}
}