/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 60%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

a { color: #7dcda3;  }
a:hover { text-decoration: none; }
.golge1 {  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);  transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.golge1:hover {  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.golge2 {  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.golge3 {  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.golge4 {  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.golge5 {  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}
.navbar-inverse .navbar-nav>li>a { color: #fff; font-weight: bold;}
.navbar-inverse .navbar-nav>li>a:hover { color: #7dcda3; }
.navbar{ min-height: 50px;}
.navbar-nav>li>a { line-height1: 32px; margin: 0 15px; font-family: Roboto;}
.navbar-brand { padding: 5px 15px; line-height:50px; color:#fff !important;font-size:24px; }
.navbar-brand img { max-height: 50px; }
.blogs {}
.blogs .baslik { color: #7dcda3; font-size: 22px; font-weight: bold; font-family: Roboto; }
.blogs .devam { color: #7dcda3; font-weight: bold; }
.blogs:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}
.habers {}
.habers img{ width: 100%;}
.habers .haberbaslik { position: absolute; bottom: 0px; padding: 10px 14px; color: #fff; font-size: 16px; font-weight: bold;}
.habers:hover a { color: #7dcda3; }
.bizitakipedin { border: 8px solid #fff; background: #f7f8f7; padding: 5px;margin: 7px 0; border-radius: 3px; box-shadow: rgba(0,0,0,.1) 0 1px 5px, rgba(0,0,0,.1) 0 0 1px;}
.img-thumbnail { box-shadow: rgba(0,0,0,.1) 0 1px 5px, rgba(0,0,0,.1) 0 0 1px; }
.alt { background: #f7f8f7; margin-top: 20px; padding-top: 30px; padding-bottom: 20px;}
.altmenu { margin-bottom: 10px;}
.altmenu a { padding: 0 5px;}
.mt50 { margin-top: 50px; }
.slide { margin-top: 30px; }


/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}


.m0 { margin: 0px; }
.ml0 { margin-left: 0px !important; }
.mr0 { margin-right: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.m-0 { margin: -0px; }
.m-5 { margin: -5px; }
.m-10 { margin: -10px; }
.m-15 { margin: -15px; }
.m-20 { margin: -20px; }
.m-25 { margin: -25px; }
.m-30 { margin: -30px; }
.mt-5 { margin-top:-5px; }
.mt-10 { margin-top:-10px; }
.mt-15 { margin-top:-15px; }
.mt-20 { margin-top:-20px; }
.mt-25 { margin-top:-25px; }
.mt-30 { margin-top:-30px; }
.mb-5 { margin-bottom:-5px; }
.mb-10 { margin-bottom:-10px; }
.mb-15 { margin-bottom:-15px; }
.mb-20 { margin-bottom:-20px; }
.mb-25 { margin-bottom:-25px; }
.mb-30 { margin-bottom:-30px; }
.ml-5 { margin-left:-5px; }
.ml-10 { margin-left:-10px; }
.ml-15 { margin-left:-15px; }
.ml-20 { margin-left:-20px; }
.ml-25 { margin-left:-25px; }
.ml-30 { margin-left:-30px; }
.mr-5 { margin-right:-5px; }
.mr-10 { margin-right:-10px; }
.mr-15 { margin-right:-15px; }
.mr-20 { margin-right:-20px; }
.mr-25 { margin-right:-25px; }
.mr-30 { margin-right:-30px; }
.p0 { padding: 0px; }
.pl0 { padding-left: 0px !important; }
.pr0 { padding-right: 0px !important; }
.pt0 { padding-top: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.yuvarlak5 { ;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.yuvarlak10 { ;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.yuvarlak15 { ;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }
.yuvarlak20 { ;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; }
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	.slide { margin-top: 80px; }

}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
	.slide { margin-top: 80px; }
}