/* *************************** FONTS *************************** */
@font-face {
  font-family: 'BrandonGrotesque-Light';
  src: url('../fonts/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/BrandonGrotesque-Light.otf')  format('opentype'),
       url('../fonts/BrandonGrotesque-Light.woff') format('woff'), url('../fonts/BrandonGrotesque-Light.ttf')  format('truetype'), url('../fonts/BrandonGrotesque-Light.svg#BrandonGrotesque-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque-Regular';
  src: url('../fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/BrandonGrotesque-Regular.otf')  format('opentype'),
       url('../fonts/BrandonGrotesque-Regular.woff') format('woff'), url('../fonts/BrandonGrotesque-Regular.ttf')  format('truetype'), url('../fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque-Medium';
  src: url('../fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/BrandonGrotesque-Medium.otf')  format('opentype'),
       url('../fonts/BrandonGrotesque-Medium.woff') format('woff'), url('../fonts/BrandonGrotesque-Medium.ttf')  format('truetype'), url('../fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque-Bold';
  src: url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/BrandonGrotesque-Bold.otf')  format('opentype'),
       url('../fonts/BrandonGrotesque-Bold.woff') format('woff'), url('../fonts/BrandonGrotesque-Bold.ttf')  format('truetype'), url('../fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque-Black';
  src: url('../fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/BrandonGrotesque-Black.otf')  format('opentype'),
       url('../fonts/BrandonGrotesque-Black.woff') format('woff'), url('../fonts/BrandonGrotesque-Black.ttf')  format('truetype'), url('../fonts/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Minute';
  src: url('../fonts/Minute.eot?#iefix') format('embedded-opentype'),  url('../fonts/Minute.otf')  format('opentype'),
       url('../fonts/Minute.woff') format('woff'), url('../fonts/Minute.ttf')  format('truetype'), url('../fonts/Minute.svg#Minute') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* *************************** GENERAL *************************** */
body{font-family: "BrandonGrotesque-Regular";}
strong{font-family:"BrandonGrotesque-Bold";}
ul{margin:0;}

.hamburger { vertical-align: middle; }

.padding0{padding:0;}
.ml-30{margin-left: 30px;}
.p-50{padding:50px 0;}
.m-50{margin: 50px 0;}
.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn:active:focus, 
.btn:focus {outline:0px auto -webkit-focus-ring-color !important;}

/* *************************** MENÜ *************************** */ 
.navbar {margin-bottom: 0px;}
.navbar-inverse {background-color:rgb(255, 255, 255); border-color:transparent; height: 124px; transition: height .44s ease-in-out;}
.navbar-fixed-top{top:0; border-width:0; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.23);}

.navbar-inverse .top-menu{background-color:rgb(250, 250, 250); height: 39px; transition: all .44s ease-in;}
.navbar-inverse .top-menu ul li{vertical-align: middle; line-height: 39px;}
.navbar-inverse .top-menu ul li.mail a{font-size: 16px;color:rgb(29,29,27); line-height: 1.2; text-decoration: none;}
.navbar-inverse .top-menu ul li.social i{font-size: 16px; padding:0 10px; color:#1d1d1b;  transition: all .44s ease-in;}
.navbar-inverse .top-menu ul li.social:hover i{color:#ae110d;}

.navbar-inverse .menu{height:85px; position: relative; top: 0px; transition: all .44s ease-in;}
.navbar-inverse .menu .navbar-header{position:absolute; top:10px; max-width: max-content; min-height: -webkit-fill-available;}
.navbar-inverse .menu .navbar-brand{padding: 0px 15px;}
.navbar-inverse .menu .navbar-brand>img {transition: all .44s ease-in;padding: 0px 15px;}

.navbar-inverse .menu .navbar-nav{position: relative; margin-right: -45px; }
.navbar-inverse .menu .navbar-nav>li{margin:0 15px;}
.navbar-inverse .menu .navbar-nav>li>a{font-size: 16px; color:rgb(29,29,27); text-align: center; line-height:85px; text-decoration: none; background-color: transparent; transition: all .44s ; padding:0 15px}
.navbar-inverse .menu .navbar-nav>li>a:focus, 
.navbar-inverse .menu .navbar-nav>li>a:hover {color:rgb(174,17,13); background-color: transparent;}

.navbar-inverse .menu .navbar-nav li.lang ul.list-inline{    left: -20px;
    position: relative;
border: 1px solid rgb(209, 216, 223); background-color: rgb(250, 250, 250); height: 43px; margin-top:21px;}
.navbar-inverse .menu .navbar-nav li.lang ul li{vertical-align:middle; font-size: 14px; color: rgb(27,27,29); padding:0 5px;}
.navbar-inverse .menu .navbar-nav li.lang ul li .nice-select {height: 40px;background-color: #fff;border-radius: 0; border:none; border-left: solid 1px rgb(209, 216, 223);font-family:"BrandonGrotesque-Regular";}
.navbar-inverse .menu .navbar-nav li.lang ul li .nice-select .list {width: 100%;margin-top: 2px;border-radius: 0;}

.navbar-inverse .menu .navbar-nav li.drop-down, 
.navbar-inverse .menu .navbar-nav li.drop-down .flyout-right{position: relative;}
.navbar-inverse .menu .navbar-nav li.drop-down:before {content: "";background-image: url(../img/drop.png);width:16px ;height:10px;position: absolute;right: -5px;top: 38px;}
.navbar-inverse .menu .navbar-nav li.drop-down>ul {left: -100%;min-width: max-content;}
.navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul {display: none;box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.24); background-color: #1d1d1b;}
.navbar-inverse .menu .navbar-nav li.drop-down>ul,
.navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul .flyout-right>ul {position: absolute;list-style:none;-webkit-padding-start: 0px;}
.navbar-inverse .menu .navbar-nav li.drop-down>ul>li>a {text-decoration:none;color: #fff;font-size:20px;display: block;padding:20px 30px;background-color:transparent;-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear; transition:all .44s ease-in;}
.navbar-inverse .menu .navbar-nav li.drop-down>ul>li>a:hover{background-color:rgb(255, 255, 255);color:rgb(29,29,27);}
div.nav-container .navbar ul.nav > li > ul > li > a:after{content:none !important;}
.navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul .flyout-right ul>li>a {color:rgb(95, 95, 95);font-size:17px;display: block;padding:15px 22px;text-decoration: none;background-color: rgb(255, 255, 255);border-bottom: 1px solid rgb(239, 239, 239);-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear;}
.navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul .flyout-right ul>li>a:hover{color: rgb(29,29,27);}
.navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul .flyout-right>ul {top: 0;min-width: 240px;display: none;  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.24);}

.mobile-btn,.cont-navRight{display:none}.mobile-btn{xbackground:url(../images/mobile-btn.png) center no-repeat;float:right;text-align:right;width:70px;height:42px;top:35px;position:absolute;right:15px;color: #e6181c;font-size:2.2em}.mobile-btn:hover{opacity:.8}.cont-nav,.cont-navRight{display:block;background-color:#373F42;height:100%;position:fixed;top:0;width:200px;z-index:1000;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.cont-navRight{right:-200px}.nav-menu{list-style:none;margin:0;padding:0;width:100%}.nav-menu .title{color:#fff;font-size:18px;padding:12px 0;text-align:center}.nav-menu li{border-bottom:1px solid #4F5B5F}.nav-menu li a{display:block;padding:8px 0 8px 15px;width:185px;color:#fff;font-size:14px}.nav-menu li a:hover{background-color:#4F5B5F}.push-right{left:200px}.push-left{left:-200px}.openLeft{left:0}.openRight{right:0;overflow:auto}#navmenu,#navmenu ul,#navmenu ul li,#navmenu ul li a{margin:0;padding:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#navmenu{width:200px;font-family:Helvetica,Arial,sans-serif;color:#fff}#navmenu ul ul{display:none}.align-right{float:right}#navmenu>ul>li>a{padding:15px 20px;border-top:1px solid #32373E;cursor:pointer;z-index:2;font-size:14px;font-weight:700;text-decoration:none;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.35);background:#373F42}#navmenu>ul>li>a:hover,#navmenu>ul>li.active>a,#navmenu>ul>li.open>a{color:#eee;background:#373F42}#navmenu>ul>li.open>a{box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.15);border-bottom:1px solid #32373E}#navmenu>ul>li:last-child>a,#navmenu>ul>li.last>a{border-bottom:1px solid #32373E}.holder{width:0;height:0;position:absolute;top:0;right:0}.holder::after,.holder::before{display:block;position:absolute;content:"";width:6px;height:6px;right:20px;z-index:10;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}.holder::after{top:17px;border-top:2px solid #fff;border-left:2px solid #fff}#navmenu>ul>li>a:hover>span::after,#navmenu>ul>li.active>a>span::after,#navmenu>ul>li.open>a>span::after{border-color:#eee}.holder::before{top:18px;border-top:2px solid;border-left:2px solid;border-top-color:inherit;border-left-color:inherit}#navmenu ul ul li a{cursor:pointer;border-bottom:1px solid #32373e;border-right:1px solid #32373e;padding:10px 20px;z-index:1;text-decoration:none;font-size:13px;color:#eee;background:#41494C;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}#navmenu ul ul li:hover>a,#navmenu ul ul li.open>a,#navmenu ul ul li.active>a{background:#41494C;color:#fff}#navmenu ul ul li:first-child>a{box-shadow:none}#navmenu ul ul ul li:first-child>a{box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}#navmenu ul ul ul li a{padding-left:30px}#navmenu>ul>li>ul>li:last-child>a,#navmenu>ul>li>ul>li.last>a{border-bottom:0}#navmenu>ul>li>ul>li.open:last-child>a,#navmenu>ul>li>ul>li.last.open>a{border-bottom:1px solid #32373e}#navmenu>ul>li>ul>li.open:last-child>ul>li:last-child>a{border-bottom:0}#navmenu ul ul li.has-sub>a::after{display:block;position:absolute;content:"";width:5px;height:5px;right:20px;z-index:10;top:11.5px;border-top:2px solid #eee;border-left:2px solid #eee;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}#navmenu ul ul li.active>a::after,#navmenu ul ul li.open>a::after,#navmenu ul ul li>a:hover::after{border-color:#fff}

@media (min-width: 767px){.navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul .flyout-right>ul {left: 100%;}}
.navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul:hover, 
.navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul li.flyout-right>ul:hover,  
.navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul li.flyout-right a:hover +ul, 
.navbar-inverse .menu .navbar-nav li.drop-down>a:hover +.drop-down-ul {display: block;}

#slide-nav .navbar-header .navbar-toggle {cursor: pointer;position: relative;line-height: 0;float: right;margin: 0;width: 30px;height: 40px;padding: 10px 0 0 0;border: 0;background: transparent;}
#slide-nav .navbar-header .hamburger-inner, 
#slide-nav .navbar-header .hamburger-inner::before, 
#slide-nav .navbar-header .hamburger-inner::after {background-color:rgb(29,29,27);}
#slide-nav .navbar-toggle.slide-active .hamburger-inner, 
#slide-nav .navbar-toggle.slide-active .hamburger-inner::before, 
#slide-nav .navbar-toggle.slide-active .hamburger-inner::after { background-color:rgb(174, 202, 32);}
body.slide-active {overflow-x: hidden}

@media (max-width:991px) { 
  .mobile-btn{display:block}

  .ml-30{margin-left: 0px;}

  .navbar-inverse {height:85px;}

  #slide-nav .navbar-header { position: relative; padding: 0 30px; top:-15px; max-width: 100%; margin: 0;}
  #slide-nav .navbar-header .navbar-toggle {margin-top: 20px !important; margin-right: 15px !important;}
  #slide-nav .navbar-header .navbar-brand {float: none;}
  #slide-nav .navbar-header .navbar-brand img {width: auto; padding: 0; max-height: 70px;}

  .navbar-inverse .menu .navbar-nav>li>a {line-height: 3;}
  .navbar-inverse .menu .navbar-nav li.drop-down:before{display: none;}
  .navbar-inverse .menu .navbar-nav li.lang {width: max-content;margin: 0 auto;}
  .navbar-inverse .menu .navbar-nav li.lang ul.list-inline {left: inherit;}

  .navbar-inverse .menu .navbar-nav li.drop-down>ul{position:relative; min-width:100%; left:inherit; box-shadow:none;}
  .navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul {box-shadow: none;}
  .navbar-inverse .menu .navbar-nav li.drop-down>ul>li>a {    font-size: 15px;color: rgb(66, 66, 66);padding: 10px;text-align: center;background-color: rgb(255, 255, 255);}
  .navbar-inverse .menu .navbar-nav li.drop-down>ul>li>a img{display:none;}
  .navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul .flyout-right>ul {position:relative;min-width: 100%; box-shadow:none;}
  .navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul .flyout-right ul>li>a {font-size: 14px;padding: 10px;}
   
  #slide-nav .navbar-header .navbar-toggle.slide-active {margin-right: 0px !important;} 
  #slide-nav #slidemenu {display:none; background: rgb(255, 255, 255);right: -100%;width: 70%;min-height: 100%;min-width: 0;position: absolute;padding: 30px 0;padding-left: 0;z-index: 2;top: -8px;margin: 0;}
  #slide-nav.navbar-inverse #slidemenu ul{text-align: center; -webkit-padding-start: 0;}
  #slide-nav #slidemenu .navbar-nav { min-width: 0;width: 100%;margin: 0;left: 0;}
  #slide-nav #navbar-height-col {position: fixed;top: 0;height: 100%;width: 70%;right: -80%;background: rgb(255, 255, 255);z-index: 1;border: 0;}
  #slide-nav .navbar.slide-active {position: absolute;width: 80%;top: -1px;z-index: 1000;}
  #page-content.slide-active.banner-home{ margin-top: 85px !important;}
  .navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul:hover, .navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul li.flyout-right>ul:hover, .navbar-inverse .menu .navbar-nav li.drop-down .drop-down-ul li.flyout-right a:hover +ul, .navbar-inverse .menu .navbar-nav li.drop-down>a:hover +.drop-down-ul{display: none;}
}

/* *************************** ANASAYFA *************************** */
.banner-home{ margin-top: 124px;}
.banner-home #slider .owl-theme .owl-nav {margin-top: 0;}
.banner-home #slider .owl-theme .owl-nav [class*=owl-]{background-color:transparent; border:3px solid rgb(255, 255, 255); border-radius: 50%; padding: 17px 15px; color: rgba(255,255,255,0.651); width:75px; height:75px; }
.banner-home #slider .owl-carousel .owl-nav .owl-next{position: absolute;  right: 5%;  top:50%; margin-top: -37px;}
.banner-home #slider .owl-carousel .owl-nav .owl-prev{position: absolute;  left: 5%;  top:50%; margin-top: -37px;}
.banner-home #slider .owl-carousel .owl-nav i{font-size:30px;transition: all .44s ease-in;}
.banner-home #slider .owl-carousel .owl-nav .owl-next:hover i{transform: translateX(5px);}
.banner-home #slider .owl-carousel .owl-nav .owl-prev:hover i{transform: translateX(-5px);}

.content .about{width: 100%; height: auto; background-size: cover; background-repeat: no-repeat;}
.content .about .white{background-color:rgb(255, 255, 255); height:622px; box-shadow: 0px 0px 54px 0px rgba(152, 141, 123, 0.32);}
.content .about .white .middle{ position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.content .about .white p{padding:15px; font-size: 18px; color: rgb(64, 71, 74); line-height: 1.2; text-align:center;}
.content .about .white p.subtitle{color: rgb(227, 26, 38);}
.content .about .white p strong{font-size:35px; color: rgb(29,29,27); line-height: 1.2; padding:15px; font-family: "BrandonGrotesque-Bold"; text-align:center;}
.content .about .white p.title{font-size:28px; color: rgb(29,29,27); line-height: 1.2; font-family: "BrandonGrotesque-Light";}
.content .about .white p.title span{font-size:35px; color: rgb(64, 71, 74); font-family: "BrandonGrotesque-Black";}

.buton{height: 55px; padding: 15px 30px; width: max-content;  margin: 0 auto; border-radius:30px; background-color: rgb(174,17,13);}
.buton a{font-size:20px; color: rgb(255, 255, 255); line-height: 1.2; text-decoration: none;}
.buton.green{background-color: rgb(29,29,27);}

.content .about #pro {margin-top:45px;}
.content .about #pro .owl-theme .owl-nav {margin-top: 10px;position: absolute;right: -15%;top: 45%;margin-top: -75px;}
.content .about #pro .owl-theme .owl-nav [class*=owl-] {background: transparent; display: block;}
.content .about .all{position: absolute;bottom: 40px;padding-left: 10px; font-size: 15px; color: rgb(28, 67, 38);}
.content .about #pro .item{xbackground-color: #FFF;}
.content .about #pro .item a{display: block; position: relative;}
.content .about #pro .item a h2{position: absolute; bottom:30px; left: 0; width: 100%; font-family: "BrandonGrotesque-Medium"; font-size: 30px; color: #FFF; text-decoration: none; text-align: center; padding: 0 30px;}
.content .about #pro .item a h2:after{content: ''; width: 80px; height: 2px; background-color: #FFF; position: absolute; left: 50%; margin-left: -40px; bottom: -10px; }
.content .about #pro .item a h2:before{content: ''; width: 80px; height: 2px; background-color: #FFF; position: absolute; left: 50%; margin-left: -40px; top: -10px; }
.content .about #pro h3{text-align: right; font-size: 28px; color: #455a64; font-family: "BrandonGrotesque-Black"; position: relative; margin-bottom: 30px;}
.content .about #pro h3:after{content:'';position: absolute; bottom: -10px; right:0; width: 70px; height: 6px; background-color: #ae110d;}

footer .bg{ background-color: rgb(174,17,13); padding:30px 0;}
footer .bg .social{text-align: center;}
footer .bg .social .head{font-size: 30px; font-family: "BrandonGrotesque-Light"; color: rgb(255, 255, 255); margin-right:50px;}
footer .bg .social .head span{font-family: "BrandonGrotesque-Black";}
footer .bg .social li a{border: 1px solid rgb(255, 255, 255); border-radius: 50%; color: rgb(255, 255, 255); font-size:18px; display: block; width: 50px; height: 50px; line-height: 50px;}

footer .contact img{margin:0 auto; display:table;}
footer .contact span{font-family: "BrandonGrotesque-Black";}
footer .contact ul.list-inline li{vertical-align:middle; padding: 0;}
footer .contact .phone p{font-size: 24px; color: rgb(29,29,27); line-height: 1.25; text-align: center;}
footer .contact .phone .tel{border: 1px solid rgb(209, 216, 223); background-color: rgb(250, 250, 250); width:100%; margin:10px auto 0;}
footer .contact .phone .tel img{padding:10px 20px; border-right: 1px solid rgb(209, 216, 223);}
footer .contact .phone .tel a{font-size: 24px; color: rgb(29,29,27); margin-left:30px; text-decoration:none;}
footer .contact .form{border: 1px solid rgb(209, 216, 223); background-color: rgb(250, 250, 250);}
footer .contact .form p{border-bottom: 1px solid rgb(209, 216, 223); font-size: 18px; color: rgb(174,17,13); padding:15px 30px; margin:0;}
footer .contact .form .form-control { height: 50px; padding: 6px 16px; font-family:"BrandonGrotesque-Regular"; font-size: 17px; color:rgba(62, 86, 53, 0.278);  background-color: transparent; border: none;  box-shadow: none;}
footer .contact .form .btn {border: none; border-left: 1px solid rgb(209, 216, 223); font-family: "BrandonGrotesque-Black";padding: 6px 9px;margin: 0;font-size: 13px;height: 50px;width: 100%;text-align: center;color: rgb(174,17,13);border-radius: 0;}

footer .copy{font-size: 16px; color: rgb(29,29,27); vertical-align: bottom; display: initial;}
footer .copy img{vertical-align: unset;}

/* *************************** KURUMSAL *************************** */
.banner-home .cover{ position: relative; background-color: rgb(29,29,27);}
.banner-home .cover h1{ font-size:30px; color: rgb(255, 255, 255); margin:0; font-family:"BrandonGrotesque-Bold"; }
.banner-home .bread .breadcrumb{background-color:transparent; text-align: right;  border-radius: 0;  margin: 0;}
.banner-home .bread .breadcrumb>li,
.banner-home .bread .breadcrumb>li a{font-size: 15px; color: rgb(255, 255, 255); text-decoration: none; text-transform: lowercase;}
.banner-home .cover .breadcrumb>li+li:before {color:rgb(255, 255, 255); content: "|\00a0";}

.content.sub-page .post{background-color: rgb(240, 240, 240); padding-bottom:50px;}
.content.sub-page .post .white{background-color:rgb(255, 255, 255); box-shadow: 0px 0px 54px 0px rgba(152, 141, 123, 0.32);}
.content.sub-page .post .title{font-size: 35px;color: #e31e25; font-family:"BrandonGrotesque-Bold"; line-height: 3; }
.content.sub-page .post .desc{font-size:18px;color:#455a64; text-align: justify; line-height:1.5;}
.content.sub-page .post .sub-title{font-size: 20px;color: rgb(196, 196, 196);}
.content.sub-page .post .motto{font-size: 26px;font-family: "Minute"; color: rgb(227, 30, 36); line-height: 1.579; margin-top:50px;}
.content.sub-page .post .motto span{color: rgb(29, 29, 27);}
.content.sub-page .post .desc ul{padding: 0; list-style: none;}
.content.sub-page .post .desc ul li::before { content: "\2022"; color: #1d1d1b; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }

/* *************************** ÜRÜNLER *************************** */
.content.sub-page .whites {background: rgb(255, 255, 255); margin:30px auto; -webkit-box-shadow: 0px 0px 10px 0px rgba(152,141,123,1); -moz-box-shadow: 0px 0px 10px 0px rgba(152,141,123,1); box-shadow: 0px 0px 10px 0px rgba(152,141,123,1);}
.content.sub-page .whites a{text-decoration:none; display: block; padding:0 15px;}
.content.sub-page .whites .product{ position: relative; margin:0px auto; display: table; padding: 30px 10px; background-color: #f0f0f0;}
.content.sub-page .whites .product .hover{position: absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(227,26,38, 0.78); transition:all .44s ease-in; opacity:0;}
.content.sub-page .whites .product .hover img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.content.sub-page .whites:hover .product .hover{opacity:1;}
.content.sub-page .whites .name{padding:20px 0; font-size: 20px; color: rgb(64, 71, 74); transition: all .44s ease-in; text-align:left;padding-right: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content.sub-page .whites:hover .name{text-align:center; padding-right: 0px; transition: all .60s ease-in;}
.content.sub-page .whites .name:after{content: ""; background-image: url(../img/ok.png); width: 28px; height: 28px; position: absolute; right: 30px; opacity: 1; transition: all .24s ease-in;}
.content.sub-page .whites:hover .name:after{opacity: 0;}

/* *************************** ÜRÜN DETAY *************************** */
.content.sub-page .post.detail #pro-detail,
.content.sub-page .post.detail .img,
.content.sub-page .post.detail .tablo,
.content.sub-page .contact .for {box-shadow: 0px 0px 54px 0px rgba(152, 141, 123, 0.32);}
.content.sub-page .post.detail .owl-theme .owl-nav {position: absolute; bottom: -90px; left: 50%;margin-left: -84px;}
.content.sub-page .post.detail .owl-theme .owl-nav [class*=owl-] {background: transparent;}
.content.sub-page .post.detail .product_slider{max-width: 500px; margin:auto; padding: 50px 0;}

.content.sub-page .post.detail .tablo .table {margin-bottom: 0;}
.content.sub-page .post.detail .tablo .table>thead>tr>th,
.content.sub-page .post.detail .tablo .table>tbody>tr>td{color: rgb(29,29,27);font-size: 20px; text-align: center;font-family: "BrandonGrotesque-Medium";}
.content.sub-page .post.detail .tablo .table>tbody>tr>td.first{color: rgb(29,29,27); vertical-align: inherit;}
.content.sub-page .post.detail .tablo .table>tbody>tr>td{font-size: 17px; font-family: "BrandonGrotesque-Regular"; color: rgb(29,29,27); line-height: 1.2; text-align:center;}

.subtitle{font-size: 25px; color: #1d1d1b; margin-bottom: 15px;}
.hako_table{background-color: #FFF; color: #455a64;font-size: 18px; font-family: "BrandonGrotesque-Regular"; }
.hako_table thead{color: #ae110d; font-size: 16px; font-family: "BrandonGrotesque-Medium";}
.mb-30{margin-bottom: 30px;}
.example1{font-size: 19px; color: #1d1d1b; font-family: "BrandonGrotesque-Medium";}
/* *************************** İLETİŞİM *************************** */
.content.sub-page .post .contact p{font-size: 34px;color: rgb(64, 71, 74);line-height: 1.2;}
.content.sub-page .post .contact .desc{text-align: center; margin-bottom: 15px;}
.content.sub-page .post .desc a{font-size:19px;color:rgb(64, 71, 74); line-height:1.2; text-decoration: none;}

.content.sub-page .post .contact .form{padding:30px 0;}
.content.sub-page .post .contact .form .form-control{height:55px; background-color:rgb(255, 255, 255); border:1.333px solid rgb(236, 239, 241); border-radius:0px; font-size:24px; color:rgba(73, 73, 73, 0.8); font-family:"BrandonGrotesque-Regular"; padding:6px 30px;}
.content.sub-page .post .contact .form-control::-webkit-input-placeholder{font-size:24px; color:rgba(73, 73, 73, 0.522); font-family:"BrandonGrotesque-Regular"; text-align: center;}
.content.sub-page .post .contact .form textarea.form-control{height:inherit;}
.content.sub-page .post .contact .form button{ height: 55px; margin-top: -15px; background: transparent; border: none; color: #fff; box-shadow: none; border-radius: 0;}


/* *************************** RESPONSIVE *************************** */
@media only screen and (min-width:992px) and (max-width:1200px) { 
  .p-50 {padding: 30px 0;}
  .navbar-inverse .menu .navbar-nav>li {padding: 0 5px;}
  .navbar-inverse .menu .navbar-nav>li>a,
  .content .post .desc  {font-size: 14px;}
  .content .about .all {bottom: 50px;}
}


@media only screen and (max-width:991px) {
  footer .copy{text-align: center; margin: auto; display: block;}
  footer .copy img{margin: 0;}
  body{left:0;overflow-x:hidden;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
  .navbar-fixed-top{position: relative;}
  .banner-home{margin-top: 0 !important;}
  .content.sub-page .post.detail .product_slider{max-width: 100%; margin:auto; padding: 30px 0;}
  .display{display:none;}
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0;
    margin-left: 0;
  } 
  .p-50 {padding: 30px 0;}
  .table-responsive {margin-top: 30px;}
  .banner-home{ margin-top: 85px;}

  .banner-home #slider .owl-theme .owl-nav [class*=owl-] {border:none}
  .banner-home #slider .owl-carousel .owl-nav .owl-next {right: 0%;}
  .banner-home #slider .owl-carousel .owl-nav .owl-prev {left: 0%;}
  .content .about #pro .owl-theme .owl-nav [class*=owl-] {display: inline-block;}
  .content .about #pro .owl-theme .owl-nav {position: relative;right: inherit;top: inherit;margin-top: inherit;}
  footer .bg .social .head {margin-right: inherit; width: 100%;margin-bottom: 10px;}
  footer .copy {text-align: center;}
  footer img{margin:15px auto;}

  .content.sub-page .post .motto {font-size: 20px;}
  .content.sub-page .whites .name:after {right: 50px;}
  .content.sub-page .post.detail #pro-detail{padding-bottom: 85px;}
}