/* 
    Company: Fikirgen Bilişim
    Developer: Erkan DURSUN
    Email: erkan.dursun@fikirgen.com
*/

/*
    Renkler
    SiyahMaviDark : #3f414d;
    SiyahMavi: #40516d;
    Kırmızı: #ed6b4b;
    Turkuaz: #5ab0bd;
    Beyaz: #ffffff;
    Siyah: #000000;
*/
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #aaaaaa;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaaaaa;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #aaaaaa;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #aaaaaa;
}

.color-lightgray{ color: #a6a6a6 !important;}
.color-lightgray-2{ color: #969696 !important;}
.color-darkgray{ color: #505a5f !important;}
.color-blue{ color: #1c93d1 !important;}
.color-blue-2{ color: #567681 !important;}
.color-darkblue{ color: #175174 !important;}

.big-title-2 {
    font-size: 26px;
    font-weight: 700;
    color: #567681;
}
.text-red-underline {
    color: #ed6b4b;
    text-decoration: underline;
}

.btn.btn-orange {background: #ec6707 !important;}

.hr{ display: inline-block; border-bottom: solid 2px #a8a8a8;}
.hr-mini-orange{ display: inline-block; border-bottom: solid 3px #eca521; width: 50px;}

.scrolltop{
    background: rgba(0,0,0,.5);
    color: #fff;
    width: 36px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: fixed;
    bottom: 60px;
    z-index: 999;
    right: 20px;
    border-radius: 5px;
    font-size: 24px;
    display: none;
    z-index: 99;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: 800px;
    margin: 20px auto;
}

body {
    font-family: 'Ubuntu', sans-serif;
    background: #ffffff;
    color: #4a4a4a;
    font-size: 14px;
    position: relative;
    padding: 0px;
    margin: 0px;
    height: auto;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0;
}
a {
    text-decoration: none;
}
.wrapper {
    width: 100%;
}
.content{
  width: 1050px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.z10 {
    z-index: 10;
}
.fullpage {
    width: 100%;
    height: 100%;
}
.full-bg {
    background-size: cover;
    background-repeat: no-repeat;
}
header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    height: 120px;
    transition: all .3s ease-in-out;
    z-index: 999;
    background: #f9f9f9;
    border-bottom: solid 1px #f2f3f5;
}
.homepage header {
    background: transparent;
    border-bottom: none;
}
header.fixed {
    height: 70px;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
header .logo {
    padding: 20px 0 5px 0;
    display: block;
    height: 110px;
    transition: all .3s ease-in-out;
}
header.fixed .logo {
    padding: 5px 0 20px 0;
    height: 80px;
}

header .logo img {
    height: 100%;
    width: auto;
}
header .menu {
    top: 40px;
    right: 20px;
    left: auto;
    display: block;
    position: absolute;
    transition: all .3s ease-in-out;
}
header.fixed .menu {
    top: 30px;
}
header .menu li{
    display: inline-block;
    padding-left: 30px;
    position: relative;
}
header .menu li > a {
    color: #505a5f;
    display: inline-block;
    padding-bottom: 10px;
}
header .menu li a:hover {
    color: #0069b4;
}
header.fixed .menu > div > div{
    display: none;
    position: absolute;
    top: 40px;
    left: -50px;
    background: #ebf0f4;
    padding: 10px 10px;
    z-index: 99;
    width: 400px;
}
header .menu > li > div {
    display: none;
    position: absolute;
    top: 30px;
    right: -30px;
    background: #f1f5f9;
    padding: 10px 10px;
    z-index: 99;
    width: 300px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
    border-radius: 3px;
}
header .menu > li:hover > div {
    display: inline-block;
}
header .menu > li > div > a {
    color: #505a5f;
    font-size: 16px;
    font-weight: 400;
    display: block;
    z-index: 99;
    width: 360px;
    margin: 10px;
    display: inline-block;
}
header .menu > a:hover  {
    background: #fff;
}
.mobile-menu-bar {
    font-size: 30px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 10px;
    color: #567681;
    border: solid 1px #567681;
    border-radius: 5px;
}
footer {
    height: 220px;
    background: #e0e2e4;
}
.copyright img{
    vertical-align: middle;
}
.copyright {
    vertical-align: middle;
    color: #8f8f8f;
    font-size: 14px;
    font-weight: 500;
}
.copyright a{
    display: inline-block;
    vertical-align: text-bottom;
}
footer .social-links {

}
footer .social-links a{
    display: inline-block;
    margin: 0 5px;
    background: #adadad;
    font-size: 28px;
    color: #ffffff;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
}
footer .social-links a:hover{
    background: #888888;
}
.scrolltop {
    background: rgba(0,0,0,.5);
    color: #fff;
    width: 36px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: fixed;
    bottom: 60px;
    z-index: 999;
    right: 20px;
    border-radius: 5px;
    font-size: 24px;
    display: none;
    z-index: 99;
    transition: all .3s ease-in-out;
}
.slider {
    height: 800px;
}
.slider .slider-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -110px;
    width: 100%;
    height: auto;
    z-index: 998;
}
.slider .slide {
}
.slider .slide-bg {
    position: absolute;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: 90;
}
.slider .slide-mobile-bg {
    position: absolute;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: 90;
}
.slider .slide .slide-text {
    position: absolute;
    left: -500px;
    top: 0;
    opacity: 0;
    transition: all .5s ease-in;
    z-index: 91;
}
.slider .slide .slide-text.slide-text-show {
    left: 0px;
    opacity: 1;
}
.slider .slide .slide-image {
    position: absolute;
    right: -200px;
    top: -100px;
    pointer-events: none;
    transform: scale(0);
    z-index: 91;
}
@keyframes bounce {
    0% {
        transform: scale(0);
        right: -200px;
        top: -100px;
    }

    50% {
        transform: scale(1.1);
        right: 50px;
        top: 20px;
    }
    100% {
        transform: scale(1);
        right: 0px;
        top: 0px;
    }
}
.slider .slide .slide-image.slide-image-show {
    transform: scale(1);
    animation: bounce 1s;
    right: 0px;
    top: 0px;
}

.slide-list.owl-carousel .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
}
.slide-list.owl-carousel .owl-dots .owl-dot {
    width: 20px;
    height: 20px;
    border: solid 2px #ec6707;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin: 0 3px;
}
.slide-list.owl-carousel .owl-dots .owl-dot.active,
.slide-list.owl-carousel .owl-dots .owl-dot:hover{
    background: #ec6707;
    border-color: #ec6707;
}
.slider .owl-nav{}
.slider .owl-nav .owl-prev {
    position: absolute;
    top: 40%;
    left: 50px;
}
.slider .owl-nav .owl-next{
    position: absolute;
    top: 40%;
    right: 50px;
}
.bx-wrapper {
    margin-bottom: 0px;
    box-shadow:none;
    background: transparent;
    border: none; 
}
.home-about {
    background: rgb(241,245,249);
    background: linear-gradient(180deg, rgba(241,245,249,1) 0%, rgba(241,245,249,1) 75%, rgba(255,255,255,1) 100%);
}
.iletisime-gec {
    background: #27aae2;
    height: 45px;
    line-height: 45px;
    padding: 0 40px;
    border-radius: 20px;
    display: inline-block;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}
.iletisime-gec-2 {
    background: #27aae2;
    height: 55px;
    line-height: 55px;
    padding: 0 60px;
    border-radius: 25px;
    display: inline-block;
    color: #ffffff;
    font-size: 26px;
    font-weight: 500;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}
.iletisime-gec:hover {
    background: #0b80b1;
}
.home-item div {
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);
    border-radius: 5px;
    overflow: hidden;
    background: #ffffff;
}
.home-item div div{
    height: 160px;
}
.home-item div a{
    color: #27aae2;
    text-decoration: underline;
    display: inline-block;
    margin-top: 10px;
}
.home-product-info {
    background: #fcfcfc;
}
.home-product-info ul {
    list-style: url('/assets/site/images/check.png')
}

.teklif-iste {
    background: #b1c41d;
    height: 45px;
    line-height: 45px;
    padding: 0 50px;
    border-radius: 20px;
    display: inline-block;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}
.teklif-iste-2 {
    padding: 0 65px;
}
.teklif-iste:hover {
    background: #8c9d03;
}
.contact-us {
    background: #f1f5f9;
}
#map {
    width: 100%;
    height: 400px;
}


.breadcrumb {
    padding: 20px 0;
    font-size: 16px;
    color: #567681;
}
.breadcrumb a {
    color: #567681;
    font-weight: 300;
}
.breadcrumb a:after {
    content: ' »';
    font-size: 1.2em;
}


.page-detail-content {
    background: #fcfcfc;
    padding-top: 120px;
}
.page-detail-content h1{
    font-size: 36px;
    color: #567681;
    text-align: left;
    margin-bottom: 20px;
    font-weight: 700;
}
.page-detail-content h2{
    font-size: 16px;
    color: #0d4b70;
    text-align: center;
}
.page-detail-content .html-detail{
}
.page-detail-content .html-detail .html-content{
    font-size: 18px;
    line-height: 26px;
    color: #4a4a4a;
    padding-bottom: 100px;
}

.page-detail-content .html-detail .html-content p{
    margin-bottom: 30px;
}

.page-detail-content .html-detail .related-content{
    text-align: left;
    padding: 50px 0 0;
}

.page-detail-content .html-detail .related-content h3{
    font-size: 18px;
    color: #4a4a4a;
    margin-bottom: 10px;
    font-weight: 600;
}

.page-detail-content .html-detail .related-content a{
    font-size: 16px;
    color: #0d4b70;
    display: block;
    padding: 5px 0px;
    margin-right: 10px;
    font-weight: 600;
}

.html-detail .big-title {
    font-size: 36px;
    color: #567681;
    margin-bottom: 20px;
    font-weight: 700;
}


select.form-select,
input[type=text].form-input,
input[type=email].form-input,
input[type=date].form-input,
input[type=password].form-input,
input[type=number].form-input,
textarea.form-input {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    width: 100%;
    display: block;
    color: #333333;
    border: none;
    border-bottom: solid 2px #717f82;
    border-radius: 0px;
    background: transparent;
}

textarea.form-input {
    min-height: 100px;
}

::-webkit-input-placeholder {
    color: #cccccc;
    font-size: 18px;
    font-weight: 500;
}

::-moz-placeholder {
    color: #cccccc;
    font-size: 18px;
    font-weight: 500;
}

:-ms-input-placeholder {
    color: #cccccc;
    font-size: 18px;
    font-weight: 500;
}

:-moz-placeholder {
    color: #cccccc;
    font-size: 18px;
    font-weight: 500;
}


.gonder {
    background: #eba521;
    height: 45px;
    line-height: 45px;
    padding: 0 50px;
    border-radius: 20px;
    display: inline-block;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}
.gonder:hover {
    background: #d28d0c;
}
/* Geniş Ekran */
@media only screen and (min-width: 1600px) {
    .content {
        width: 1200px;
    }
   
}
/* Geniş Ekran */
@media only screen and (min-width: 1400px){
    .content {
        width: 1050px;
    }
   
}

/* Tablet Dikey*/
@media only screen and (max-width: 1024px){
	.content{
		width: 100%;
	    padding-left: 20px;
	    padding-right: 20px;
	}
    
    .slider .owl-nav {
        display: none;
    }
    .slider .slider-bottom {
        bottom: -80px;
    }
}

/* Tablet Yatay */
@media only screen and (max-width: 1024px) and (max-height: 768px){


}

/* Mini Tablet Dikey */
@media only screen and (max-width: 991px){
    .content {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    header {
        height: 70px;
    }
    header .logo {
        padding: 5px 0 20px 0;
        height: 80px;
    }
    header.fixed .logo {
        padding: 10px 0 25px 0;
    }
    header .menu {
        margin-top: 0;
        padding: 20px 0 20px;
        position: fixed;
        right: 15px;
        width: 250px;
        top: 65px;
        z-index: 9999;
        transition: all .5s ease-in-out;
        background: #ffffff;
        box-shadow: 10px 0px 23px 0px rgba(0,0,0,0.3);
        border-radius: 5px;
        opacity: 0;
        display: none;
    }
    header.fixed .menu {
        top: 0;
        left: -300px;
    }
    header.fixed .menu.open {
        top: 65px;
        left: auto;
    }
    header .menu.open {
        left: auto;
        opacity: 1;
        display: block;
    }
    header .menu li{
        display: block;
        padding-left: 30px;
        margin-top: 0px;
        border-bottom: solid 1px #eeeeee;
    }
    header .menu li > a{
        display: block;
        height: 40px;
        line-height: 40px;
    }
    header .menu li:first-child{
        border-top: solid 1px #eeeeee;
    }
    header .menu li a {
        color: #4b4b4b;
    }
    header .menu li a:hover {
        color: #0069b4;
    }
    header .menu > li > div {
        display: block;
        position: relative;
        top: 0;
        right: 0;
        background: transparent;
        padding: 0px 0 20px 10px;
        width: 100%;
        box-shadow: none;
        border-radius: 0px;
    }
    header .menu > li > div a{
        margin: 0;
        display: inline-block;
        padding: 5px 0;
        max-width: 100%;
    }
    header .menu .fa-close {
        border: solid 1px #0069b4;
        border-radius: 5px;
        color: #4b4b4b;
        position: absolute;
        left: 190px;
        top: 10px;
        height: 45px;
        line-height: 45px;
        width: 45px;
        font-size: 30px;
        text-align: center;
    }
    .mobile-menu-icon {
        border: solid 1px #0069b4;
        border-radius: 5px;
        padding: 0px 10px;
        height: 45px;
        line-height: 45px;
        width: 45px;
        font-size: 30px;
        text-align: center;
        margin-left: 10px;
        margin-top: 10px;
        display: inline-block !important;
        color: #4b4b4b;
        vertical-align: middle;
    }
    .ucretsiz-kesif {
        right: 50px;
    }
    .page-detail-content {
        padding-top: 60px;
    }

    .slider .slider-bottom {
        bottom: -60px;
    }
    .slider .slide .slide-text {
        top: 90px;
    }
}


/* Mini Tablet Yatay */
@media only screen and (max-width: 991px) and (max-height: 768px){


}

/* Mobil Dikey */
@media only screen and (max-width: 767px){
    body {
        
    }
    .content{
        width: 100%;
    }
    .musteri-hatti {
        height: 230px;
    }
    
    .slider {
    }
    .slider .slide {
        background-position: center center;
    }
    .slider .slider-bottom {
        bottom: -30px;
    }
    .slider .slide .slide-text {
        position: absolute;
        right: 0;
        left: 0;
        top: 90px;
        height: 250px;
    }
    .slider .slide .slide-text.slide-text-show {
        left: 0px;
    }
    .slider .slide .slide-image {
        position: relative;
        right: 0;
        left: 0;
        top: 0;
        height: 250px;
        overflow: hidden;
    }
    .iletisime-gec,
    .iletisime-gec-2 {
        font-size: 20px;
        padding: 0 40px;
    }
}

/* Mobil Yatay */
@media only screen and (max-width: 767px) and (max-height: 450px){


}


/* Mobil Dikey */
@media only screen and (max-width: 479px){
	.content{
		width: 100%;
	}

    .ucretsiz-kesif {
        top: auto;
        bottom: 20px;
        right: auto;
        left: 20px;
        position: fixed;
        z-index: 9999;
        color: #ffffff;
        background: #0069b4;
        opacity: .9;
    }
}


/* Mini Mobil Dikey */
@media only screen and (max-width: 350px){
    .content{
        width: 100%;
    }
    
    .slider .slide .slide-text {
        top: 70px;
    }
    
}