@import url('../css/skins/square/square.css');

@media (min-width: 1201px){
.container {
    max-width: 1200px;
}
}
@media (min-width: 1367px){
.container {
    max-width: 1300px;
}
}
@media (min-width: 1600px){
.container {
    max-width: 1400px;
}
}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 991px) {
    #header .header-nav-main nav {
        padding-left: 0px !important;
        padding-right: 15px !important;
    }
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.statistics-container {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5%;
    padding-top: 5%;
}

@media screen and (max-width:575.98px) {
    ul li {
        list-style: none
    }
    .statisticsdetailheader {
        text-transform: uppercase !important;
        font-family: Open Sans !important;
        font-size: 25pt !important;
        color: #20567c !important;
    }
    h1.subject-header {
        font-family: 'Open Sans';
        font-size: 25pt !important;
        color: #505050 !important;
        padding-top: 2% !important;
        font-weight: 500 !important;
        overflow-wrap: break-word !important;
    }
    .statistics-first-column {
        margin-left: 10%
    }
    .footerlogo {
        margin-top: -15px
    }
}

.bg-light {
    background-color: white !important;
}

.custom-hr {
    border: 1px solid #f48023 !important;
    border-radius: 2px;
    width: 50%;
    float: left;
}

.contact-map-image-container {
    float: left;
    width: 100%;
    height: 365px;
    margin-top: 65px;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.contact-location>p {
    padding-left: 4.6em;
    font-size: 20px;
    color: white;
}

.contact-location>p>span.empty {
    padding-left: 4.6em;
    padding-right: 0;
}
.text-primary{
    color: #444444 !important;
}
.custom-page-header>img {
    width: 100%;
    height: 100%
}
.timelineheader{
    color: #444444 !important;
    font-style: 'Open Sans' !important;
    font-size: 60px !important

}
.service-sub-item {
    text-align: center;
    position: relative;
    top: -250px;
    float: left;
   width: 100%;
    font-size: 35px;
    color: white;
}
.service-sub-item>a>span:first-child {
  font-weight: bold;
}
.timelinecontent{
    color: #444444 !important;
    font-style: 'Open Sans' !important;
    font-size: 20px !important

}

.contact-hr {
    border: 1px solid #fff !important;
    border-radius: 1px!important;
    width: 30% !important;
    margin-left: 90px;
}
.custom-page-header{
	position: relative;
}
.header-text {
    float: left;
    top:30%;
    left:20%;
    width: 43%;
    height: 175px;
	background: rgba(11, 56, 100, 0.6);
    z-index: 8;
    position: absolute;
	padding: 50px 20px 20px;
}
.header-text .banner-text{
	color: #fff;
    font-family: 'OpenSans' !important;
    font-size: 40px;
	margin: 0;
	padding: 0;
}

.contact-header-text {
    float: left;
    margin-top: -350px;
    margin-left: 165px;
    padding: 0 160px;
    width: 1000px;
    height: 175px;
    line-height: 175px;
    background: hsla(197, 55%, 64%, 0.6);
    color: white;
    font-style: 'OpenSans' !important;
    font-size: 40px;
    z-index: 8;
    position: relative;
}

.post-content{
    font-weight: 500;
	font-size: 13px;
	text-align: center;
}
.service-sub-item>a{
    color: white;
}
.contact-header-text::before {
    content: '';
    position: absolute;
    width: 10000px;
    height: 175px;
    background: hsla(197, 55%, 64%, 0.6);
    right: 100%;
    margin-right: 25px;
}
.header-text::before {
    content: '';
    position: absolute;
    width: 10000px;
    height: 175px;
    background: rgba(11, 56, 100, 0.6);
    right: 100%;
    margin-right: 25px;
	top: 0;

}
.contact-header>img {
    width: 100%;
    height: 80%
}

/*Banner Area Mobile*/
@media (max-width: 991px){
.header-text{
	top: 10%;
	left: 2%;
	height:auto;
	width: 85%;
	padding: 30px 20px;
	}
.header-text .banner-text{
	font-size: 18px;
	}	
.custom-page-header{
	height: 130px;
	}
.custom-page-header img, .banner-img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
.header-text::before{
		height: 0;
	}
}
/*Banner Area Mobile End*/

header {
    position: relative;
    z-index: 1030;
}

ul {
    padding-left: 0px;
}

html.dark .counters.with-borders .counter {
    border-top: 1px solid #333940;
    border-bottom: 1px solid #333940;
    border-left: 1px solid #2c3237;
    border-right: 1px solid #2c3237;
}

html.dark .counters.counters-text-dark .counter {
    color: #FFF !important;
}

html.dark .counters.counters-text-dark .counter [class*="fa-"],
html.dark .counters.counters-text-dark .counter .icons,
html.dark .counters.counters-text-dark .counter strong,
html.dark .counters.counters-text-dark .counter label {
    color: #FFF !important;
}


/* Counters */

.counters .counter {
    text-align: center;
    background-color: #f5a361;
    /* width: 260px;
    height: 150px; */
    opacity: 0.8;
    border-radius: 3px;
    text-align: center;
    /* padding-top: 3%; */
}

.counters [class*="fa-"],
.counters .icons {
    display: block;
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 5px;
}

.counters strong {
    display: block;
    font-weight: bold;
    font-size: 50px;
    line-height: 50px;
}

.counters label {
    display: block;
    font-weight: 100;
    font-size: 20px;
    line-height: 20px;
}

.counters .counter-side-icon [class*="fa-"],
.counters .counter-side-icon .icons,
.counters .counter-side-icon strong {
    display: inline-block;
}

.counters .counter-with-unit strong {
    display: inline-block;
}

.counters .counter-with-unit.counter-unit-on-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.counters .counter-with-unit.counter-unit-on-top .unit {
    font-size: 32px;
    font-size: 2rem;
    line-height: 43.2px;
    line-height: 2.7rem;
    margin-left: 4.8px;
    margin-left: 0.3rem;
}

.counters .counter-with-unit.counter-unit-on-top label {
    width: 100%;
    margin-top: 11.2px;
    margin-top: 0.7rem;
}

.counters .counter-with-unit.counter-unit-on-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.counters.with-borders .counter {
    border-radius: 6px;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    padding: 25px;
}

.counters.counters-sm [class*="fa-"],
.counters.counters-sm .icons {
    font-size: 25px;
    line-height: 25px;
}

.counters.counters-sm strong {
    font-size: 35px;
    line-height: 35px;
}

.counters.counters-sm label {
    font-size: 15px;
    line-height: 15px;
}

.counters.counters-lg [class*="fa-"] {
    font-size: 45px;
    line-height: 45px;
}

.counters.counters-lg strong {
    font-size: 60px;
    line-height: 60px;
}

.counters.counters-lg label {
    font-size: 25px;
    line-height: 25px;
}

.counters.counters-text-light .counter {
    color: #FFF !important;
}

.mega-sub-nav {
    border-right: 2px solid #f4f4f5 !important;
}

.menu-item-caption {
    font-size: 16px !important;
    font-family: 'Open Sans' !important;
    color: #1e1e27 !important;
    margin-left: 15px !important;
    font-weight: 700 !important;
}
.menu-item-caption:hover{
	color: #f48023 !important;
}
@media (max-width: 1221px){
	.menu-item-caption{font-size:14px !important; margin-left:0 !important;}
	#header .header-nav.header-nav-line nav>ul>li>a{padding: 0.5rem !important;}
}
@media (max-width: 991px){.menu-item-caption{font-size:16px !important; margin-left:15px !important;}}
.counters.counters-text-light .counter [class*="fa-"],
.counters.counters-text-light .counter .icons,
.counters.counters-text-light .counter strong,
.counters.counters-text-light .counter label {
    color: #FFF !important;
}

.counters.counters-text-dark .counter {
    color: #333940 !important;
}

.counters.counters-text-dark .counter [class*="fa-"],
.counters.counters-text-dark .counter .icons,
.counters.counters-text-dark .counter strong,
.counters.counters-text-dark .counter label {
    color: #333940 !important;
}

.custombutton {
    background-color: #f48023;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    padding: 20px 70px 20px 70px;
    text-decoration: none;
    border-radius: 0px !important;
    font-size: 0.8rem !important;
}
.custombutton:hover{
	background-color:#E68D0B;
}
.carousel {
    margin-bottom: 0px !important;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.statisticitem {
    background-color: rgba(245, 163, 97, 0.88);
    margin-bottom: 8px;
    margin-left: 10px;
    border-radius: 3px;
    text-align: center;
    padding:20px;
	width: 46%;
}
.statisticitem .istatistikNumber{
	font-size: 32px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 20px;
}
.statisticitem .istatistikAciklama{
	font-size: 12px;
	color:#ffffff;
	font-style: italic;
}
.istatistikContainter{
	padding-top:40px;
	padding-bottom: 40px;
}
.istSolCont{
	margin-bottom: 30px;
}
body {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.footeritem {
    color: #f9f9f9;
    padding-bottom: 2%;
    padding-top: 2%;
    font-size: 12px;
    font-family: 'Open Sans';
}
.footeritem a{
	color:#f9f9f9;
}
.footeritem a:hover{
	color:#e5e5e5;
}
h5 {
    text-transform: uppercase;
    font-weight: bold;
}

.map img {
    width: 100%;
    max-height: 500px;
}

#carouselIndicators .carousel-inner .carousel-item div span {
    font-size: 100px;
}

#carouselIndicators .carousel-inner .carousel-item div {
    text-align: center;
}

.statisticsdetailheader {
    text-transform: uppercase;
    font-family: Open Sans;
    font-size: 40px;
    color: #20567c
}

.statisticsdetailcontent {
    font-size: 15px;
    font-family: Open Sans;
    float: left;
    margin-right: 2%;
    color: #8f969e
}

.btn-contact-us {
    margin-top: 30% !important;
}

.statistics {
    background-image: url('../img/statisticsbackground.png');
    background-repeat: repeat-x;
    background-position: center;
    margin: 0 auto;
    background-size: cover;
}

footer div {
    background-color: #f58831;
    background-image: url('../img/footer-background.png');
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.statisticitem p:first-child {
    font-size: 35px;
    font-family: 'Open Sans', sans-serif;
    color: white;
    font-weight: bold
}

.statisticitem span:nth-child(2) {
    font-size: 10px;
    font-family: 'Open Sans Italic', sans-serif;
    color: white;
    font-style: italic;
}

.caption-header {
    font-family: "Poppins";
    font-weight: bold;
    font-style: normal;
    font-size: 110px;
}

.caption-detail {
    font-family: "Poppins";
    font-weight: normal;
    font-style: normal;
    font-size: 20px !important;
}

.btn:hover {
    color: #ffffff !important;
}

.subcarousel-caption {
    background-color: #27a5df;
    width: 100%;
    color: #ffffff;
    height: 100px;
    padding: 30px 50px 20px 50px;
    text-align: center;
}

.subcarousel-caption .carouselHizmetTitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #ffffff;
}

.white-banner {
    background-color: #ffffff
}

h1.subject-header {
    font-family: 'Open Sans';
    font-size: 32px;
    color: #505050;
    padding-top: 2%;
    font-weight: 500;
    overflow-wrap: break-word
}

.resize-line {
    width: 20%;
    margin-top: 0;
}

#subCarousel {
    padding-bottom: 3%;
    padding-top: 3%;
}

.map img {
    max-height: 500px
}

.introMetin{
	font-size: 18px;
	font-weight: 300;
	margin: 0;
	
}
@media (max-width: 560px){
.introMetin{
	font-size: 16px;
	text-align: center;
	
}
.custombutton{
	padding: 10px 30px 10px 30px;	
	width: 100%;
	}
}

.home-intro .col-lg-8 p:nth-child(2) {
    font-size: 11pt
}

.sub-carousel-container {
    background-color: #ededed;
}

.sub-carousel-image {
    width: 100%;
    max-width: 100%;
}

.sub-carousel-item:hover {
    opacity: 0.7;
}

.video-header {
    font-weight: 700;
    font-size: 45px;
    color: #505050;
}

.video-hr {
    width: 120% !important;
    margin-bottom: 30px
}
.product-video {
    margin-left: -12px
}

.product-video video {
    float: left;
    width: 100%;
    height: 590px;
    outline: none;
}

.sub-carousel-item:hover .subcarousel-caption {
    background-color: #f48023;
}

.sub-carousel-item {
    margin-right: 0.2em;
}

.slider_in {
    padding: 40px 0;
}
.slider_in .owl-carousel{
	margin-bottom: 0;
}
.owl-prev {
    position: absolute;
    z-index: 10;
    display: inline-block;
    left: 0;
    cursor: pointer;
    font-size: 0.1px;
    top: 37%;
    width: 45px;
    height: 120px;
    background: #fff url('../img/slider-back-button.png')no-repeat center;
    background-color:rgba(255,255,255,0.60);
}

.owl-next {
    position: absolute;
    z-index: 10;
    display: inline-block;
    right: 0;
    cursor: pointer;
    font-size: 0.1px;
    top: 37%;
    width: 45px;
    height: 120px;
    background: #fff url('../img/slider-forward-button.png')no-repeat center;
    background-color:rgba(255,255,255,0.60);
}
.sub-carousel-container .owl-dots{display: none;}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    font-family: 'fontAwesome';
}

.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent; }
	.owl-theme .owl-dots .owl-dot {
		display: inline-block;
		zoom: 1;
		*display: inline; }
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 100%;
border: 1px solid #444444; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #f58831; border: none;}

.img_text {
    position: absolute;
    left: 0;
    bottom: 20px;
    opacity: 0;
    z-index: 10;
    transition: all 0.5s ease;
    width: 100%;
    font-family: 'Raleway', sans-serif;
}

.img_text h5 {
    font-size: 23px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    padding: 0 0 4px 0px;
}

.img_text p {
    font-size: 12px;
    padding: 0px 10px;
    font-weight: 500;
    margin: 0px;
    color: #fff;
    line-height: 20px;
    font-family: 'Raleway', sans-serif;
    text-transform: capitalize;
}

.img_wrp:hover img {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all 0.5s ease;
}

.img_wrp:hover .img_text {
    opacity: 1;
    transition: all 0.5s ease;
}

.img_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    z-index: 1;
}

.img_wrp:hover .img_bg {
    opacity: 1;
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel {
    /* display: none; */
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale .1s ease;
    -moz-transition: scale .1s ease;
    -ms-transition: scale .1s ease;
    -o-transition: scale .1s ease;
    transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

html .bg-color-secondary,
html .bg-secondary {
    background-color: #0b3864 !important;
    color: white
}

.home-intro {
    background-color: #0b3864;
    margin-bottom: 60px;
    overflow: hidden;
    padding: 38.4px 0;
    padding: 2.4rem 0;
    position: relative;
    text-align: left;
}

.m-0 {
    margin: 0 !important;
}

.dropdown-mega-sub-nav .dropdown-item:before {
    content: "";
    border-color: transparent #8f969e;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -0.8em;
    top: 1.3em;
    position: relative;
    padding-left: 2px;
    padding-right: 2px
}

.dropdown-mega-sub-nav .dropdown-item {
    margin-left: 2em;
}

.contact-input {
    border: 0px !important;
    height: 3.5em;
    border-radius: 0 !important;
}

.contact-textarea {
    border: 0px !important;
    height: 12.8em !important;
    border-radius: 0 !important;
}

.contact-detail {
    background-color: #ededed
}






.sub-menu-caption {
    font-size: 13px !important;
    font-family: 'Open Sans' !important;
    color: #1e1e27 !important;
    font-weight: 500 !important;
}

.sub-menu-main-caption {
    font-size: 15px !important;
    font-family: 'Open Sans' !important;
    color: #1e1e27 !important;
    font-weight: 400 !important;
    padding-right: 35px !important;
}
.icon-featured{
	background-color: #27a5df;
}
.featured-box-effect-2 .icon-featured:after {
    -webkit-box-shadow: 0 0 0 3px #27a5df !important;
	box-shadow: 0 0 0 3px #27a5df !important;}
.featured-box .officeAdi{
	margin-bottom: 20px;
}
.featured-box-primary .box-content-border-bottom {
    border-bottom-color: #27a5df !important;
}
.featured-box .box-content{border-radius: 8px;}
.featured-boxes-flat .featured-box .box-content{
	height: 280px;
}
.officeMap{
	margin-top: 65px;
}

.container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.carousel-caption {
    bottom: 20% !important;
}

.left-side-bar-header {
    font-size: 23px;
    padding-left: 1em;
    padding-top: 0.1em !important;
    font-weight: 600;
    /* margin-bottom: 0.5em !important; */
    height: 60px;
    background-color: #22517b;
    color: white
}

.left-side-bar ul>li>a {
    padding-left: 2em;
    padding-top: 0.5em;
    color: black;
}

.left-side-bar ul>li>a:hover {
    color: white;
}

.contentContainer {
    margin-top: 50px;
    margin-bottom: 30px;
}
.insideContent{
	background-color: #f7f7f7;
    padding: 30px;
}
.left-side-bar-header>span {
    color: white;
    font-weight: 700px
}

.left-side-bar-item,
.left-side-bar-item li {
    float: left !important;
    width: 100% !important;
}

.left-side-bar-item ul {
    float: left !important;
    width: 100% !important;
    margin-left: 0 !important;
}

.left-side-bar-item > a {
   
    padding: 10px 20px !important;
    font-size: 12px !important;
    font-weight: 600;
    margin-top: 0.5em !important;
    cursor: pointer;
    color:#444444;
    background-color: #fef6ef;
}

.left-side-bar-item > a:hover,
.left-side-bar-item > ul a:hover,
.left-side-bar-item > ul ul a:hover {
    background-color: #f58831 !important;
}

.left-side-bar-item > ul a {
    
    font-size: 12px !important;
    font-weight: 600;
    margin-top: 0 !important;
    color:#444444;
    background-color: #fef6ef;
}

.left-side-bar-item > ul ul a {
    float: left;
    width: 100%;
    height: 26px;
    line-height: 26px !important;
    padding: 0 0 0 40px !important;
    font-size: 12px !important;
    font-weight: 600;
    margin-top: 0 !important;
    color:#444444;
    background-color: #fef6ef;
}

.left-side-bar-header:before {
    content: "";
    border-color: transparent rgb(255, 255, 255);
    border-style: solid;
    border-width: 0.7em 0 0.7em 0.7em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.5em;
    position: relative;
}
.toggle-header{
    font-size: 25px;
    font-weight: 470 !important;
    padding: 0px !important;
}
.toggle-item-detail-list{
   list-style: none
}
.toggle-item-detail-list>li{
    color: #717476 !important;
    font-weight: 600;
    text-transform: none !important;
    /* padding-top: 15px; */
    text-align: center;
    height: 65px;
    width: 290px;
    font-size: 16px;
    margin-top: 30px;
    font-style: 'Open Sans' !important;
    position: relative;
    margin-bottom: 30px
}
.toggle-item-detail-list>li>div>span{
    margin-left: 20px;
    position: relative;
    left: 12px;
}
.toggle-item-detail-list>li>div>img{
    margin: 10px 10px 10px 10px
}
.toggle-item-detail-list>li>div>span{
    
position: relative;
top: 15px;
}
.toggle-item-detail-list>li>div:first-child{
    
    position:absolute;
    float: left;
    background-color: #ecf6fa; 
    width: 290px;
    height: 60px;
    margin-top: 3px;
     
}
.toggle-item-detail-list>li>div:nth-child(2){
    

    position:absolute;
    float:left;
    background-image: url('/img/services-sub-page-icon-background.png');
    width: 48px;
    height: 65px;
     
}
.timeline-image{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 2px white;
}
.services-small-image{
    height: 410px;
    width: 750px;
    border-radius: 5px
}
.services-big-image{
    width: 1535px;
    border-radius: 5px;
}
.circle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: white;
    border: 2px solid black;
    margin-left: 770px;
    margin-top: 10px;
    margin-bottom: -10px;
}
.service-big-sub-item {
    text-align: center;
    position: relative;
    top: -250px;
    float: left;
    left: 500px;
    font-size: 45px;
    color: white;
}
.services-header-description-div{
    background-color: #f7f7f7;
    width: 100%;
    min-height: 340px;
    float: left;
    margin-top: -480px;
}
.services-header-description-text{
    /* width: 1200px; */
    font-size: 18px;
    color: #6c6c6c;
    /* margin: 50px 60px 50px 60px; */
    margin-left: 60px;
    margin-right: 60px;
    margin-top: 50px;
}
.service-big-sub-item>a{
    color:white
}
.service-big-sub-item>a >span:first-child{
    font-weight: bold;
}
.vertical-hr{
    border:         none !important;
    border-left:    1px solid hsla(200, 10%, 50%,100) !important;
    height:         50vh !important;
    width:          1px !important;
}
.left-side-bar-header>h5 {
    margin-top: -20px;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    padding-left: 10px !important;
	font-size: 17px;
	padding-top: 6px;
}

.product-content-description p h2 {
    font-weight: bold !important;
    font-family: 'Open Sans' !important;
}

.product-content {
    color: #444444;
    background-color: #ededed;
}

.product-content>img {
    padding-top: 2em;
    width: 100%;
    padding-bottom: 2em
}

.product-content-description {
   
    font-family: 'Open Sans'!important;
    font-size: 15px;
}

.about-content-description p h2 {
    font-weight: bold !important;
    font-family: 'Open Sans' !important;
}

.about-content {
    color: #444444;
    background-color: #ededed;
}

.about-content>img {
    padding-top: 2em;
    width: 100%;
    padding-bottom: 2em
}

.about-content-description {
    
   	font-family: 'Open Sans'!important;
    font-size: 17px;
}

.vision-image-text {
    position: absolute;
    bottom: 450px;
    left: 50px;
    width: 400px;
    color: white;
    font-weight: 500;
    font-family: 'Open Sans' !important;
    font-size: 13px;
}

.values-image-text {
    position: absolute;
    bottom: 8px;
    right: 0px;
    width: 300px;
    float: right;
    color: white;
    font-weight: 500;
    font-family: 'Open Sans' !important;
    font-size: 13px;
    padding-right: 60px
}

.values-image-text>hr {
    border: 2px solid white !important;
    border-radius: 2px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100px;
    margin-right: 0px;
}

.mission-image-text>hr {
    border: 2px solid #f47420 !important;
    border-radius: 2px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100px;
    margin-right: 0px;
}

.vision-image-text>hr {
    border: 2px solid #f47420 !important;
    border-radius: 2px;
    width: 100px;
    margin-left: 0px;
}

.mission-image-text {
    position: absolute;
    bottom: 750px;
    right: 0px;
    width: 450px;
    float: right;
    color: white;
    font-weight: 500;
    font-family: 'Open Sans' !important;
    font-size: 13px;
    padding-right: 60px;
}

.values-items {
    list-style: none;
}

.values-items>li:before {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: solid transparent;
    border-bottom: solid transparent;
    border-left: solid #fff;
    border-width: 5px;
    content: ' ';
    margin-right: 5px;
}

.product-items {
    list-style: none;
    margin-top: 60px
}

.product-items>li:before {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: solid transparent;
    border-bottom: solid transparent;
    border-left: solid grey;
    border-width: 5px;
    content: ' ';
    margin-right: 5px;
}

.left-menu-sub-item>li:before {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: solid transparent;
    border-bottom: solid transparent;
    border-left: solid grey;
    border-width: 5px;
    content: ' ';
    margin-right: 5px;
}
.product-items>li {
    margin-left: 5px;
}

.values-image-text>h3 {
    font-weight: bold;
    text-align: right;
}

.mission-image-text>h3 {
    font-weight: bold;
    text-align: right;
}

.vision-image-text>h3 {
    font-weight: bold
}

.contact-location {
    height: 365px!important;
    background-position: top center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.contact-table-p {
    display: table-row;
}

.contact-table-p>span {
    display: table-cell;
    padding-right: 5px;
}

.form-control:hover,
.form-control:focus {
    border: 1px solid #1e1e27 !important;
}

.form-checkbox {
    font-size: 18px;
    line-height: 22px;
    color: #5a596a;
}

.icheckbox_square {
    margin-right: 10px;
}



.product-item {
    position: relative;
    float: left;
    width: 100%;
    height: 120px;
    background-image: url('../img/product-item.png');
    background-position: center center;
    background-repeat: none;
    background-size: cover;
    margin-bottom: 10px;
}

.product-item-hover,
.product-item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-item-hover {
    background-color: rgb(245, 136, 49);
    background-color: rgb(245, 136, 49, .7);
    transition: all .3s;
}

.product-item:hover .product-item-hover {
    background-color: rgb(34, 81, 123);
    background-color: rgb(34, 81, 123, .7);
    transition: all .3s;
}

.product-item-icon,
.product-item-title {
    float: left;
    /*width: 100%;*/
    text-align: center;
}
.product-item-icon {
    margin-top: 50px;
    margin-bottom: 25px;
    margin: 20px;
}
.product-item-icon img {
    display: inline-block;
    height: 55px;
}
.product-item-title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 31px;
}
.toggle-primary .toggle.active > label {
    background-color: #f58831 !important;
    border-color: #f58831 !important;
    color: #FFF !important;
}



.toggle-primary .toggle label {
    color: black !important;
    border-left-color: black !important;
    border-right-color: black !important;
}
.toggle.active > label {
    background: #f7f7f7 !important;
    border-color: #CCC !important;
}
.toggle > label {
    -webkit-transition: all .15s ease-out !important;
    transition: all .15s ease-out !important;
    background: #e5e5e5 !important;
    color: #CCC !important;
    display: block !important;
    min-height: 76px !important;
    position: relative !important;
    cursor: pointer !important;
    font-weight: 400 ;
    padding: 27px 20px 12px 10px ;
}
.toggle-header-icon{
    float: left;
    width: 80px !important;
    min-height: 76px !important;
    background-color: #c5c5c5;
}
.toggle.active > .toggle-header > .toggle-header-icon{
    background-color: #d86b13;
}

.toggle-header-text{
    padding-top: 20px;
    padding-left: 90px;
}
@media (max-width: 595px){
	.toggle-header-text{
		font-size: 18px;
	}
}
.toggle-header-icon::before{
    padding: 30px;
    content: "\f077";
    font-family: "FontAwesome";
    color: black;
    position: relative;
    top: 17px;
}
.toggle.active > .toggle-header > .toggle-header-icon::before{
    padding: 30px;
    content: "\f078";
    font-family: "FontAwesome";
    color: white;
    position: relative;
    top: 17px;
}
.toggle.active > label:before {
    top: calc(50% - 8px) !important;
    -webkit-transform: rotate(135deg) !important;
    transform: rotate(135deg) !important;
}
.toggle>label:hover {
    background: #f5f5f5;
}

ul.nav-list li>a.active {
background-color: #f58831;
color: white;

}
.hizmetlist li{
	background: #f6f6f6;
    padding: 10px 10px 10px 40px;
    color: #444;
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 14px;
	list-style-type:none;
	background-image:url(../img/hizmeticon.png);
	background-size: 30px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	background-position: 5px 5px;
}
.urunContent{
	padding: 20px;
}
.toggle-content .owl-prev {
            visibility: hidden !important;
        }
.toggle-content .owl-next {
            visibility: hidden !important;
        }
.haberlerContainer{
	padding-top: 60px;
	padding-bottom: 60px;
}
.yesilHaberAlani{
	background-image: url(../img/haberbg-yesil.jpg) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.maviHaberAlani{
	background-image: url(../img/haberbg-mavi.jpg) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.turuncuHaberAlani{
	background-image: url(../img/haberbg-turuncu.jpg) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.haberBaslik{
	color:#fff;
	font-weight: 200;
}
.haberAciklamaContainer{
	color: #f5f5f5;
}
.singleHaberContent{
	background-color: #f7f7f7;
}
.haberImageContainer{
	width: 100%;
    height: 400px;
    overflow: hidden;
    margin-bottom: 40px;
}
.haberImageContainer .haberimg{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.haberIcerikContainer{
	padding: 30px;
}
.haberTitle{
	font-weight: 200;
    font-size: 40px;
    margin-bottom: 30px;
	color:#444444;
}
.haberYazisi{
	font-size: 17px;
    font-weight: 200;
}
.hizmetImgContainer img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}
.singleHizmet{
	margin-bottom: 20px;
	position: relative;
}
.hizmetBaslik{
	position: absolute;
    top: 41%;
    text-align: center;
    width: 93%;
    color: #fff;
    font-size: 39px;
    padding: 0 30px;
}
@media (max-width: 981px){
.hizmetBaslik{
	font-size: 21px;
	top:31%;
	}
}
.hizmetContainer{
	background: url(../img/hizmetbg.png);
	background-repeat: no-repeat;
    background-size: cover;
    padding: 118px 0 60px;
    position: relative;
    top: -82px;
}
.hizmetAciklama{
	color: #fff;
    font-size: 19px;
    font-weight: 200;
}
@media (max-width: 1471px){
	.hizmetContainer{
		top:-40px;
	}
}
@media (max-width: 1230px){
	.hizmetContainer{
		top:-20px;
	}
}
@media (max-width: 1113px){
	.hizmetContainer{
		top:-5px;
	}
}
@media (max-width: 981px){
	.hizmetContainer{
		top:-19px;
		background-position: bottom;
	}
}
@media (max-width: 640px){
	.hizmetContainer{
		top:-64px;
		background-position: bottom;
	}
}
.singleMisyonContainer{
	position: relative;
	height: 220px;
	margin-bottom: 30px;
	overflow: hidden;
}
.singleMisyonContainer .misyonimg{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.singleMisyonContainer .misyonAciklamaCont{
	width: 60%;
	position: absolute;
	top: 0;
	padding: 20px;
}
.misyonRight{
	right: 0;
}
.misyonLeft{
	left: 0;
}
.misyonLeft:before, .misyonRight:before{
	width: 110%;
	height: 220px;
	content: '';
	position: absolute;
	top: 0;
}
.misyonLeft:before{
	left:-20px;
	transform:  skewX(10deg);
}
.misyonRight:before{
	right:-20px;
	transform:  skewX(-10deg);
}
.yesilBg:before{
	background-color: rgba(205, 220, 100, 0.9);
}
.maviBg:before{
	background-color:rgba(71, 179, 227, 0.84)
}
.turuncuBg:before{
	background-color: rgba(246, 147, 68, 0.86);
}
.misyonAciklamaCont .misyonBaslik{
	color:#fff;
	font-weight: 700;
	z-index: 2;
	position: relative;
	margin-top: 3px;
	font-size: 23px;
	border-bottom: 1px solid #fff;
}
.misyonAciklamaCont p{
	color: #fff;
	font-size: 14px;
	position: relative;
	z-index: 2;
	font-weight: 300;
}
.misyonAciklamaCont ul li{
	color: #fff;
	font-size: 12px;
	position: relative;
	z-index: 2;
	font-weight: 300;
}
.icerikAlani h3{
	font-weight: 300;
	color: #333333;
	margin-top: 25px;
	margin-bottom: 10px;
	border-left: 3px solid #f48124;
    padding-left: 10px;
}
.icerikAlani ul{
	padding-left: 40px;
}
.productLinksCont{
	margin-top: 30px;
}
.productVideoCont{
	margin-top: 30px;
}
.hizmetImgContainer{height: 350px;}
@media (max-width: 981px){.hizmetImgContainer{height: 180px;}}
.hizmetimgCont {height: 350px;}
.hizmetimgCont .sub-carousel-image{height:100%; object-fit:cover;}