body {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:16px;
	color:#666;
}

h1, h2, h3, h4, h5, h6{
	color:#222;
	
}

h1, h2, h3{
    font-weight: 300;
}


h1{	font-size:48px;}
h2{	font-size:36px;}
h3{	font-size:24px;}
h4{ font-size:18px;}
h5{	font-size:16px;}
h6{	font-size:16px;}

a, a:hover, a:active, a:focus {text-decoration: none;}

p{ line-height: 28px; }
ul{ padding: 0; list-style: none; }







.nopadding{
    padding:0 !important;
}

/* -------------------------------
HOVER EFFECT
------------------------------- */
/* Zoom In #1 */
.zoom-in figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.zoom-in figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}


/* -------------------------------
BACKGROUND COLORS
------------------------------- */
.green-bg{
    background-color: #3e597b;;
}



/* -------------------------------
BUTTONS
------------------------------- */

.btn-yellow{
    background-color:#ffee00;
    padding: 10px 20px;
    border-radius: 0;
}

.btn-yellow:hover{
    background-color:#0d1b4c;
    color:#fff;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}


.btn-ghost{
    background-color:transparent;
    padding: 15px 40px;
    border-radius: 0;
    border:1px solid #222;
    color:#222;
}

.btn-ghost:hover{
    background-color:#222;
    color:#fff;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}

/* -------------------------------
BREADCRUMB
------------------------------- */
.breadcrumb {
    background-color: #f3f3f3;
    border-radius: 0;
    margin-bottom: 0;
}
.breadcrumb li{
    display: inline-block;
}

.breadcrumb li a{
    color:#999;
    font-size: 13px;
    font-weight: 400;
}

.breadcrumb i{
    color:#999;
    margin-left: 10px;
}


/* -------------------------------
HEADER
------------------------------- */

.logo-line{
   background:url(../../../uploads/logo-line.png);
   background-repeat: repeat-x;
}

header nav{
    display: inline-block;
    float: right;
    margin-top:18px;
}

.main-navigation ul li{
    display: inline-block;
}

.main-navigation ul li a{
    color:#666;
    padding: 5px 15px 5px 15px;
    font-weight: 400;
    font-size: 14px;
    border-radius: 5px;
}

.main-navigation ul li a:hover{
    background-color: #0d1b4c;
    color:#fff;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}



/* -------------------------------
 MOBILE MENU
------------------------------- */

#xs-menu-trigger{
    margin-top: -43px;
}

.cd-dropdown-wrapper {
    display: block;
 }

.cd-dropdown {
    background-color: #31b25b;
    margin-top:0;
}


.cd-dropdown-content li, .cd-dropdown-content ul li {
     border-bottom: 1px solid #2d904d;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
    border-color: #31b25b;
  }

.cd-dropdown h2 {
    color: #fff;
    background-color: #31b25b;
    border-bottom: 1px solid #2d904d;
    font-size: 18px;
    font-weight: 700;
}
/* -------------------------------
SLIDER
------------------------------- */
@-webkit-keyframes imageAnimation { 
    0% { }
    25% {-webkit-transform: scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }  
    100% {-webkit-transform: scale(1.1) rotate(3deg); }
   
}

@-moz-keyframes imageAnimation { 
    0% { }
    25% {-moz-transform: scale(1.05);
        -moz-animation-timing-function: ease-out;
    }  
    100% {-moz-transform: scale(1.1) rotate(3deg); }
    
}

@-o-keyframes imageAnimation { 
    0% { }
    25% {-o-transform: scale(1.05);
        -o-animation-timing-function: ease-out;
    }  
    100% {-o-transform: scale(1.1) rotate(3deg); }   
}

@-ms-keyframes imageAnimation { 
    0% { }
    25% {-ms-transform: scale(1.05);
        -ms-animation-timing-function: ease-out;
    }  
    100% {-ms-transform: scale(1.1) rotate(3deg); }   
}
@keyframes imageAnimation { 
    0% { }
    25% { transform: scale(1.05);}
    100% {transform: scale(1.1) rotate(3deg);
    }  
}

.fws2 {
    margin-bottom:120px;
}

.fws2 img{
    -webkit-animation: imageAnimation 8s linear infinite 2s;
    -moz-animation: imageAnimation 8s linear infinite 2s;
    -o-animation: imageAnimation 8s linear infinite 2s;
    -ms-animation: imageAnimation 8s linear infinite 2s;
    animation: imageAnimation 8s linear infinite 2s;
}


.slide-inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999;
}

.fws2 .slide img {
    opacity: 0.7;
}

.siparis-kontrol{
     color: #fff;
     float: left;
     text-shadow: 1px 0px 5px rgba(0, 0, 0, 0.93);
}

.siparis-kontrol label{
    font-size:30px;
    font-weight: 700;    
    margin:0 0 15px 0;
}

.siparis-kontrol p{
    font-size:18px;
    font-weight: 400;    
    margin:0 0 15px 0;
}
.siparis-kontrol .tel{
    font-size: 36px;
    font-weight: 300;

}

.siparis-kontrol .input-group{
    background-color: #fff;
    padding: 4px;
    margin-bottom: 15px;
}
.siparis-kontrol .form-control{
    border:0;
    outline: 0;
    padding: 5px;
    height: 45px;
}

.siparis-kontrol .btn{
    border:0;
}

.slide-caption{
    text-align:right;
    float: right;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.93);

}
.slide-caption h1{
    font-size:60px;
    color:#fff;
    font-weight: 300;
}

.slide-caption p{
    font-size:18px;
    color:#fff;
}


/* -------------------------------
BANNER
------------------------------- */

.banner{
    padding: 0;
    height: 350px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    box-sizing: border-box;
    -webkit-background-size: cover !important;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
}


.banner img{
    width: 100vw;
}



/* -------------------------------
ANASAYFA
------------------------------- */
.anasayfa-hakkimizda{
    margin-bottom:60px;
}
.anasayfa-hakkimizda h2, .anasayfa-hakkimizda .text{
    margin-bottom:30px;
    line-height: 35px;
}

/* -------------------------------
ANASAYFA WIDGETS
------------------------------- */
.anasayfa-widgets label{
    color:#31b25b;
    font-size: 24px;
}
.anasayfa-widgets i{
    color:#31b25b;
    border-radius:50%;
    border:1px solid #31b25b;
    padding: 20px;
    font-size: 30px;
    text-align: center;
}

/* -------------------------------
ANASAYFA HIZMETLERIMIZ
------------------------------- */
.anasayfa-hizmetlerimiz{

    background: url(../../../uploads/hizmetlerimiz-bg.jpg) no-repeat top center;
    background-color:#edfbff;
    padding: 275px 0 60px 0;
    margin: 60px 0 120px 0;
    text-align: center;
}

.anasayfa-hizmetlerimiz h2{
    margin-bottom: 60px;
}


.anasayfa-hizmetlerimiz figure{
    padding: 15px;
    background-color:#fff;
    border:1px solid #d5f2fb;
    margin-bottom: 15px;
}

.anasayfa-hizmetlerimiz figcaption label{
    color:#222;
    font-weight: 400;
    cursor: pointer;
}

.anasayfa-hizmetlerimiz .owl-pagination{
    display: none;
}


.anasayfa-hizmetlerimiz .owl-theme .owl-controls .owl-buttons div {
    border-radius: 0;
    opacity: 1;
    background-color: #222;
    margin-top:30px;
    padding:10px 15px;
}



/* -------------------------------
ANASAYFA FIYAT
------------------------------- */
.fiyat-hesapla{
    margin-top: 60px;
    margin-bottom: 180px;
    font-size: 14px;
    font-weight: 400;
}

.fiyat-hesapla .nav-tabs {
    border-bottom: 0;
    background-color: #3e597b;;
    padding: 15px 15px 0 15px;
    border-radius: 5px 5px 0 0;
}

.nav-tabs .nav-link {
    color:#fff;
    border: 0;
    padding: 20px 40px;
    border-radius: 10px 10px 0 0;
    font-size: 16px;
    font-weight: 600;
}


.nav-tabs .nav-link:hover{
    border:0;
    background-color: #fff;
    color:#666;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}

.fiyat-hesapla .tab-content{
    border:15px solid #3e597b;;
    padding:30px;
    border-top: 0;
}

.fiyat-hesapla .title-bar{
    background-color: #f1f1f1;  
    padding: 15px;   
    margin-bottom:5px;
    font-weight: 600; 
}

.urun-item{
    border-bottom: 1px solid #ddd;
    padding: 5px 0 5px 15px;
}


.urun-item .input-group-btn{
    height: 30px;    
}


.urun-item .form-control{
    font-size: 14px;
    width: 70px !important;
}

.urun-item .btn-default{
    padding: 5px 15px;
}

.urun-item .fa{
    font-size: 10px;
}

.urun-item .form-control{
    width: 100px;
    margin: 0 auto;
    height: 30px;
}

.kg-hesap{
    padding: 30px;
    border-radius: 0 0 5px 5px;
    color:#fff;
}

.kg-hesap .form-inline {
    float: right;
}

.fiyat-hesapla .btn-ghost{
    float: right;
    margin: 30px 0 ;
}

.fiyat-hesapla-description{
    text-align: center;
    margin-top:60px;
}


/* -------------------------------
YOL TARIFI AL
------------------------------- */


.yol-tarifi-al{
    background: url(../../../uploads/yol-tarifi-al.jpg) no-repeat center top;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 90px 0 90px 0;
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat!important;
    box-sizing: border-box;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.yol-tarifi-al h3{
    margin-bottom: 90px;
}
.yol-tarifi-al .btn-square{ 
      -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);  
    background-color:rgba(0, 35, 84, 0.73);
    color:#fff !important;
    width: 175px;
    height: 175px;
    border-radius: 10px;
}
.yol-tarifi-al .btn-square span{ 
    display: block;
      -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);  
    margin-top: 40px;
}

.yol-tarifi-al .btn-square span i{ 
    display: block;   
    font-size: 36px;
    margin-bottom: 10px;
}
.yol-tarifi-al .btn-square:before{
    border: 1px solid #fff;
    content: "";
    display: block;
    width: 175px;
    height: 175px;
    border-radius: 10px;
    position: absolute;
    top: -10px;
    left: -10px;
    }
.yol-tarifi-al .btn-square:after{
    border: 1px solid #fff;
    content: "";
    display: block;
    width: 175px;
    height: 175px;
    border-radius: 10px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.yol-tarifi-al .btn-square:hover{  
    background-color:rgba(173, 116, 69, 0.73);
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}

.yol-tarifi-al .btn-square:hover span{  
    font-size: 20px;
    -o-transition: .8s;
    -ms-transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    transition: .80s;
}


/* -------------------------------
BLOG
------------------------------- */
.blog-anasayfa{
    margin-top:120px;
    margin-bottom: 120px;
    text-align: center;
}

.blog-anasayfa article{
    margin-bottom: 30px;
}
.blog-anasayfa p{
    margin-bottom: 60px;
}

.blog-anasayfa figure {
    overflow: hidden;
    background-color: #000;
}

.blog-anasayfa figure span{
    display: none;
}

.blog-anasayfa figure span i{
    display: block;
    font-size:24px;
}
.blog-anasayfa figure:hover span{
    display: block;
    position: absolute;
    top:40%;
    left: 50%;
    transform: translate(-50%,-50%);
    color:#fff;
    font-weight: 600;
}
.blog-anasayfa figure:hover img{
    opacity: 0.3;
}

.blog-anasayfa figcaption h5{
    color:#222;
    font-weight: 600;
}
.blog-anasayfa .btn-ghost{
    margin:0 auto;
    margin-top:30px;
}

.blog-index, .blog-detay{
    margin-top: 60px;
    margin-bottom: 120px;
}
.blog-index h2, .blog-detay h1{
    margin-bottom: 30px
}


.blog-item{
    padding: 15px;
    border:3px solid #ddd;
    margin-bottom: 15px;
}

.blog-item:hover{
    -webkit-box-shadow: 0px 0px 25px 0px rgba(199,199,199,1);
    -moz-box-shadow: 0px 0px 25px 0px rgba(199,199,199,1);
    box-shadow: 0px 0px 25px 0px rgba(199,199,199,1);
    border-color:#fff;
}

.blog-item figure {
    margin: 0;
}
.blog-item figcaption {
    color:#666;
}
.blog-item figcaption label{
    display: block;
    font-weight: 600;
    color: #222;
    cursor: pointer;
}


.blog-detay .flexslider{
    margin-bottom: 30px;
}


/* -------------------------------
FOOTER
------------------------------- */

footer{
   background-color: #f1f1f1;
    padding: 90px 0;
    font-size: 13px;
    font-weight: 400;
    color:#666;
}

footer h5{
    color: #222;
}

.footer-logo{
    margin-bottom: 30px;
}
.social-icons li{
    display: inline-block;
}
.social-icons li a{
    color:#fff;
    text-align: center;
    font-size: 18px;
}
.social-icons .fa-facebook{
    background-color:#3b5998;
    padding: 13px 0;
    width: 40px;
}
.social-icons .fa-instagram{
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    padding: 13px 0;
    width: 40px;
}
.social-icons .fa-twitter{
    background-color:#00aced;
    padding: 13px 0;
    width: 40px;
}
.social-icons .fa-google-plus{
    background-color:#dd4b39;
    padding: 13px 0;
    width: 40px;
}
.social-icons .fa-pinterest{
    background-color:#cb2027;
    padding: 13px 0;
    width: 40px;
}
.social-icons .fa-youtube{
    background-color:#bb0000;
    padding: 13px 0;
    width: 40px;
}
.social-icons .btn{
    padding:0;  
}
.design, .design a{
    color:#444;
}

.design a:hover{
    color:#31b25b;
}

/* -------------------------------
SIPARIS KONTROL INDEX
------------------------------- */


.siparis-kontrol-wrapper{
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
}

.siparis-kontrol-wrapper .card{
    background-color: #f1f1f1;
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 120px;

}

.siparis-kontrol-wrapper .btn-yellow{
    border-radius: 0 5px 5px 0;

}

.siparis-kontrol-wrapper label{
   float: left;
}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#999;
    font-size: 13px;
}
::-moz-placeholder { /* Firefox 19+ */
font-family: "canada-type-gibson",sans-serif;
   color:#999;
   font-size: 13px;
}
:-ms-input-placeholder { /* IE 10+ */
    color:#999;
    font-size: 13px;
}
:-moz-placeholder { /* Firefox 18- */
     color:#999;
     font-size: 13px;
}


/* -------------------------------
KURUMSAL
------------------------------- */

.kurumsal{
    margin-top:60px;
    margin-bottom: 120px;
}


/* -------------------------------
HIZMETLERIMIZ 
------------------------------- */

.hizmetlerimiz-index{
    margin-top:60px;
    margin-bottom: 120px;
    text-align: center;
}


.hizmetlerimiz-index h2{
    margin-bottom: 30px;
}

.hizmetlerimiz-index article {
    margin-bottom: 30px;
}

.hizmetlerimiz-index article .hizmet-item:hover {
    -webkit-box-shadow: 0px 0px 25px 0px rgba(199,199,199,1);
    -moz-box-shadow: 0px 0px 25px 0px rgba(199,199,199,1);
    box-shadow: 0px 0px 25px 0px rgba(199,199,199,1);

}
.hizmetlerimiz-index figure{
    overflow: hidden;    
}

.hizmetlerimiz-index article .hizmet-item{
    padding: 15px;
    border:1px solid #ddd;
}
.hizmetlerimiz-index figcaption label{
    color:#222;
    font-weight: 400;    
    cursor: pointer;
}


.hizmetlerimiz-detay{
    margin-top: 60px;
    margin-bottom: 120px;    
}

.hizmetlerimiz-detay h1{
    margin-bottom: 30px;
}


.hizmetlerimiz-detay .flexslider{
    margin-bottom: 30px;
}

.hizmetlerimiz-menu .asside-menu{
    margin-top: 85px;
}


/* -------------------------------
ASIDE MENU 
------------------------------- */


.asside-menu ul li{
    border-bottom: 1px dotted #ddd;
}



.asside-menu ul a{
    display: block;
    color:#666;
    font-size: 14px;
    padding: 10px 15px 10px 20px;
}

.asside-menu ul li a:before{
    content: "\f0da";
    font-family: FontAwesome;
    color: #e24800;
    display: inline-block;
    position: absolute;
    margin-left: -20px;
}

.asside-menu ul li a:hover{
    margin-left: 15px;
        -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}


.asside-menu ul li .active{
    color: #e24800;

}

.asside-menu ul label{
    background-color: #e24800;
    display: block;
    color: #fff;
    padding: 10px 20px;
    font-weight: 700;
    border-radius: 5px ;

}


/* -------------------------------
ILETISIM
------------------------------- */

.iletisim{
    margin-top:60px;
    margin-bottom: 120px;
}

.iletisim h5{
    font-weight:700;
    margin-bottom: 30px;
}

.iletisim-formu .form-control{
    height: 40px;

}

.iletisim-formu textarea{
    height: 90px !important;

}

.iletisim-formu .input-group-addon {
    width: 40px;
}