/* Dinpro */
@font-face {
    font-family:dinpro-semibold;
    src: url('../fonts/dinpro/semibold/DINPro-Medium_13936.eot?#iefix');
    src: url('../fonts/dinpro/semibold/DINPro-Medium_13936.otf?#iefix') format('embedded-opentype'),
         url('../fonts/dinpro/semibold/DINPro-Medium_13936.woff') format('woff'),
         url('../fonts/dinpro/semibold/DINPro-Medium_13936.ttf') format('truetype'),
         url('../fonts/dinpro/semibold/DINPro-Medium_13936.svg#alternategothic2_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:dinpro-light;
    src: url('../fonts/dinpro/light/DINPro-Light_13935.eot?#iefix');
    src: url('../fonts/dinpro/light/DINPro-Light_13935.otf?#iefix') format('embedded-opentype'),
         url('../fonts/dinpro/light/DINPro-Light_13935.woff') format('woff'),
         url('../fonts/dinpro/light/DINPro-Light_13935.ttf') format('truetype'),
         url('../fonts/dinpro/light/DINPro-Light_13935.svg#alternategothic2_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:dinpro-bold;
    src: url('../fonts/dinpro/bold/DINPro-Bold_13934.eot?#iefix');
    src: url('../fonts/dinpro/bold/DINPro-Bold_13934.otf?#iefix') format('embedded-opentype'),
         url('../fonts/dinpro/bold/DINPro-Bold_13934.woff') format('woff'),
         url('../fonts/dinpro/bold/DINPro-Bold_13934.ttf') format('truetype'),
         url('../fonts/dinpro/bold/DINPro-Bold_13934.svg#alternategothic2_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:dinpro-regular;
    src: url('../fonts/dinpro/regular/DINPro-Regular_13937.eot?#iefix');
    src: url('../fonts/dinpro/regular/DINPro-Regular_13937.otf?#iefix') format('embedded-opentype'),
         url('../fonts/dinpro/regular/DINPro-Regular_13937.woff') format('woff'),
         url('../fonts/dinpro/regular/DINPro-Regular_13937.ttf') format('truetype'),
         url('../fonts/dinpro/regular/DINPro-Regular_13937.svg#alternategothic2_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Dinpro End */ 

/* Alto Font Family */
@font-face {
    font-family: 'alto';
    src:    url('../fonts/alto/alto.eot?u7lug3');
    src:    url('../fonts/alto/alto.eot?u7lug3#iefix') format('embedded-opentype'),
            url('../fonts/alto/alto.ttf?u7lug3') format('truetype'),
            url('../fonts/alto/alto.woff?u7lug3') format('woff'),
            url('../fonts/alto/alto.svg?u7lug3#alto') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'alto' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-youtube:before {
    content: "\e900";
}
.icon-instagram:before {
    content: "\e901";
}
.icon-twitter:before {
    content: "\e902";
}
.icon-facebook:before {
    content: "\e903";
}
.icon-menu:before {
    content: "\e904";
}
.float-left {
	float: left;
}
.site-header {
	border-bottom: 10px solid rgb(92, 153, 176);
	background-color: rgba(255, 255, 255, 1);
	font-family: dinpro-semibold;
}
.site-header,
.site-footer,
.site-page {
	float: left;
	width: 100%;
	position: relative;
}
.bg-dark {
	background-color: rgba(255, 255, 255, 1);
}
.nav-link {
	color: #777;
	font-size: 14px;
}
.site-footer {
	background-color: rgb(92, 153, 176);
	padding-top: 15px;
	padding-bottom: 15px;
}
.site-footer .address {
	font-size: 14px;
	color: #fff;
}
.site-footer .address p {
	font-family: dinpro-semibold;
}
.site-footer .address p:last-child {
	margin-bottom: 0 !important;
}
.site-footer .social a {
	margin: 10px;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
.site-page {
	background-image: url('../img/bg.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 660px;
}
.contact-page {
	background-image: url('../img/iletisim.jpg');
}
.page-title {
	font-family: dinpro-light;
	font-size: 47px;
    border-bottom: 2px solid rgba(245,195,0,1);
    padding-bottom: 30px;
    text-align: center;
    color: rgba(97,153,175,1);	
}
.contact-page .page-title {
	color: #fff;
	border-bottom-color: #fff;
}
.contact-page p,
.contact-page label {
	color: #fff;
    font-family: dinpro-light;
    font-size: 18px;	
}
.contact-page .form-control {
	border-radius: 0;
}
.contact-page label,
.contact-page p.strong {
	font-family: dinpro-bold;
}
a.product-link {
	font-family: dinpro-light;
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
@media (min-width: 768px) {
	.w-33 {width: 33%}
	.w-34 {width: 34%}
}