@import 'reset.css';
@import 'static.css';

/*FONTS*/

@font-face { font-family: 'ProximaNovaSemiBold'; src: url('fonts/proximanova-semiboldProximaNovaSemiBold.eot'); src: url('fonts/proximanova-semiboldProximaNovaSemiBold.svg#proxima_novasemibold') format('svg'), url('fonts/proximanova-semiboldProximaNovaSemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-semiboldProximaNovaSemiBold.woff') format('woff'), url('fonts/proximanova-semiboldProximaNovaSemiBold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaRegular'; src: url('fonts/proximanova-regularProximaNovaRegular.eot'); src: url('fonts/proximanova-regularProximaNovaRegular.svg#proximanova-regularProximaNovaRegular') format('svg'), url('fonts/proximanova-regularProximaNovaRegular.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regularProximaNovaRegular.woff') format('woff'), url('fonts/proximanova-regularProximaNovaRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaBold'; src: url('fonts/proximanova-boldProximaNovaBold.eot'); src: url('fonts/proximanova-boldProximaNovaBold.svg#proximanova-boldProximaNovaBold') format('svg'), url('fonts/proximanova-boldProximaNovaBold.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-boldProximaNovaBold.woff') format('woff'), url('fonts/proximanova-boldProximaNovaBold.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ProximaNovaLight'; src: url('fonts/proximanova-lightProximaNovaLight.eot'); src: url('fonts/proximanova-lightProximaNovaLight.svg#proxima_novalight') format('svg'), url('fonts/proximanova-lightProximaNovaLight.woff') format('woff'), url('fonts/proximanova-lightProximaNovaLight.ttf') format('truetype'), url('fonts/proximanova-lightProximaNovaLight.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ProximaNovaBlack'; src: url('fonts/proximanova-blackProximaNovaBlack.eot'); src: url('fonts/proximanova-blackProximaNovaBlack.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-blackProximaNovaBlack.woff2') format('woff2'), url('fonts/proximanova-blackProximaNovaBlack.woff') format('woff'), url('fonts/proximanova-blackProximaNovaBlack.ttf') format('truetype'), url('fonts/proximanova-blackProximaNovaBlack.svg#proxima_novablack') format('svg'); font-weight: normal; font-style: normal; }


@font-face { font-family: 'tungsten-semibold'; src: url('fonts/Tungsten-Semibold.eot'); src: url('fonts/Tungsten-Semibold.svg#tungsten-semibold') format('svg'), url('fonts/Tungsten-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/Tungsten-Semibold.woff') format('woff'), url('fonts/Tungsten-Semibold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'merriweather_sanslight'; src: url('fonts/merriweathersans-lightmerriweather.eot'); src: url('fonts/merriweathersans-lightmerriweather.svg#merriweather_sanslight') format('svg'), url('fonts/merriweathersans-lightmerriweather.eot?#iefix') format('embedded-opentype'), url('fonts/merriweathersans-lightmerriweather.woff') format('woff'), url('fonts/merriweathersans-lightmerriweather.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'merriweather_sansbold'; src: url('fonts/merriweathersans-boldmerriweather.eot'); src: url('fonts/merriweathersans-boldmerriweather.svg#merriweather_sansbold') format('svg'), url('fonts/merriweathersans-boldmerriweather.eot?#iefix') format('embedded-opentype'), url('fonts/merriweathersans-boldmerriweather.woff') format('woff'), url('fonts/merriweathersans-boldmerriweather.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'lato-black'; src: url('fonts/lato-blacklato.eot'); src: url('fonts/lato-blacklato.svg#latoblack') format('svg'), url('fonts/lato-blacklato.eot?#iefix') format('embedded-opentype'), url('fonts/lato-blacklato.woff') format('woff'), url('fonts/lato-blacklato.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latoregular'; src: url('fonts/lato-regularlato.eot'); src: url('fonts/lato-regularlato.eot?#iefix') format('embedded-opentype'), url('fonts/lato-regularlato.woff') format('woff'), url('fonts/lato-regularlato.ttf') format('truetype'), url('fonts/lato-regularlato.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'tungsten-bold'; src: url('fonts/Tungsten-Bold.eot'); src: url('fonts/Tungsten-Bold.svg#tungsten-bold') format('svg'), url('fonts/Tungsten-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Tungsten-Bold.woff') format('woff'), url('fonts/Tungsten-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'tungsten-light'; src: url('fonts/Tungsten-Light.eot'); src: url('fonts/Tungsten-Light.svg#tungsten-light') format('svg'), url('fonts/Tungsten-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Tungsten-Light.woff') format('woff'), url('fonts/Tungsten-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'tungsten-semibold'; src: url('fonts/Tungsten-Semibold.eot.eot'); src: url('fonts/Tungsten-Semibold.eot.svg#tungsten-semibold') format('svg'), url('fonts/Tungsten-Semibold.eot.eot?#iefix') format('embedded-opentype'), url('fonts/Tungsten-Semibold.eot.woff') format('woff'), url('fonts/Tungsten-Semibold.eot.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'merriweather_sansregular'; src: url('fonts/merriweathersans-regularmerriweather.eot'); src: url('fonts/merriweathersans-regularmerriweather.eot?#iefix') format('embedded-opentype'), url('fonts/merriweathersans-regularmerriweather.woff') format('woff'), url('fonts/merriweathersans-regularmerriweather.ttf') format('truetype'), url('fonts/merriweathersans-regularmerriweather.svg#merriweather_sansregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'proxima_nova_rgbold'; src: url('fonts/proximanova-boldlato.eot'); src: url('fonts/proximanova-boldlato.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-boldlato.woff') format('woff'), url('fonts/proximanova-boldlato.ttf') format('truetype'), url('fonts/proximanova-boldlato.svg#proxima_nova_rgbold') format('svg'); font-weight: normal; font-style: normal; }
/*/FONTS*/

/*/CONTENTLİST*/
ul.ContentList { display: block; padding-left: 20px; }
ul.ContentList li { list-style-image: url('../images/applist.png'); }
ul.ContentList li span { display: block; color: #5f5f5f; font-family: 'merriweather_sanslight',Calibri; font-size: 14px; line-height: 23px; margin: 10px 0; }

.content-list-wrapper { margin: 20px 0; width: 75%; }
.content-list-wrapper .list-title { font-family: 'merriweather_sanslight',Calibri; font-size: 20px; line-height: 24px; color: #028ed9; }
#slider .item img, #slider .container { cursor: pointer; }
/*/SON DEĞİŞİKLİKLER*/

/*GENEL*/
body { width: 100%; line-height: 100%; margin: 0px; -webkit-font-smoothing: antialiased; }
* { border: 0 none; list-style: none outside none; margin: 0; outline: 0 none; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.clear { clear: both; overflow: hidden; height: 0px; }
/*.container {margin: auto auto;position: relative;}*/
#main { width: 100%; overflow: hidden; }
img { border: 0px; }
input[type="text"], input[type="password"], textarea, select, a, canvas, button { outline: none; }
textarea { resize: none; }
a { text-decoration: none; }
.iconpack { background: url(../images/icon-pack.png) no-repeat; }
.container { margin: auto auto; position: relative; }
.public-title { font-family: 'tungsten-semibold',Calibri; font-size: 28px; text-transform: uppercase; display: block; padding-bottom: 20px; line-height: 30px; }
.row { overflow: auto; }
section { margin: 20px 0 60px 0; }
.page-title { width: 100%; margin-bottom: 15px; }
.home { background-position: -165px 0; width: 16px; height: 16px; }
.page-title .public-title { display: inline-block; padding: 0; line-height: 50px; }
#breadcrumb { display: inline-block; margin-top: 10px; color: #5b5a5f; font-family: 'merriweather_sanslight',Calibri; font-size: 12px; }
#breadcrumb a, #breadcrumb span { display: inline-block; margin-right: 5px; color: #5b5a5f; font-family: 'merriweather_sanslight',Calibri; font-size: 12px; }
#breadcrumb span { background-position: -202px 4px; width: 4px; height: 11px; }
/*/GENEL*/

.filters ul li { font-size: 12px; font-family: 'merriweather_sansbold',Calibri; position: relative; border-bottom: 1px solid #d0d0d0; }
.filters ul li:last-child { border: 0px !important; }
.filters ul li a { color: #272727; position: relative; z-index: 2; display: block; padding: 17px 10px 10px 17px; transition: 600ms; }
.filters ul li:hover a, .filters ul li.active a { background-color: #028ed9; border-color: #028ed9; color: #fff; }
.filters ul li:hover a { background: #028ed9; color: #fff; }
.filters ul li span { position: absolute; display: none; background: #3d3d39; height: 47px; width: 100%; left: 0px; top: 0px; z-index: 1; }
.filters ul li ul { display: none; margin: 0 0 0 20px !important; }
.filters ul li ul li a { line-height: 19px !important; }
.filters ul li.active ul { display: block !important; }
/*.filters ul li.active { border-bottom:0px !important;}*/
.filters ul li.active ul li:hover { list-style-image: url('../images/listli-hover.png'); }
.filters ul li.active ul li a { background: none !important; font-size: 12px; font-family: 'merriweather_sanslight',Calibri; padding: 5px 0px 5px 0px !important; color: #686868 !important; }
.filters ul li.active ul li a:hover { color: #028ed9!important; }
.filters ul li.active ul li { border: 0px !important; list-style-image: url('../images/listli.png'); }
.filters ul li.active ul li.active ul li a { color: #686868 !important; text-decoration: none !important; }
.filters ul li ul li.active a, .filters ul li.active ul li.active ul li.active a { display: block; color: #028ed9!important; font-family: 'merriweather_sanslight',Calibri; font-size: 12px; }

/*---MOBILE MENU---*/
nav#mobile { display: block; width: 100%; background: #012262; position: fixed; top: -20px; z-index: 9999999; height: 100%; left: -100%; }
#mobilemenu { margin: 20px 0px 0px 0px; padding: 0px; width: 100%; }
#mobilemenu li { list-style-type: none; border-bottom: 1px solid #0694b8; font-size: 14px; float: none; margin: 0px; }
#mobilemenu li a { display: block; color: #fff; padding: 10px 10px 8px 10px; font-family: 'merriweather_sansbold',Calibri; background: url(../images/plus.png) no-repeat 98% 14px; }
#mobilemenu li.active a { background: url(../images/minus.gif) no-repeat 98% 18px; background-color: #fff; color: #012262; }
#mobilemenu li ul { margin: 8px 0px 0px 15px; padding: 0px 0px 5px 0px; display: none; }
#mobilemenu li ul li { border: 0px; }
#mobilemenu li ul li a { background: url(../images/arrow.png) no-repeat left center !important; padding: 3px 0px 3px 10px; color: #fff !important; margin-bottom: 5px; }
#mobilemenu li ul li a:hover { text-decoration: underline; color: #242424 !important; }
#closemenu { display: block; float: right; background: url(../images/closemenu.png) no-repeat; width: 13px; height: 13px; margin: 30px 10px 0px 0px; }
#msearch { width: 226px; margin: 15px auto auto auto; position: relative; }
#msearch .search-input { background: #fff; font-family: 'merriweather_sanslight',Calibri; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; font-size: 12px; border: 0px; padding: 8px 35px 8px 8px; width: 216px; color: #797979; }
#msearch .search-btn { position: absolute; display: block; top: 8px; right: 18px; width: 14px; height: 14px; background: url(../images/search-icon.png) no-repeat; background-size: contain; border: 0px; text-indent: -9999px; }
/*---/MOBILE MENU---*/

/*INTRO*/
.introbg { background: url(../images/introbg.jpg) #012262 no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.introdiv { width: 475px; height: 395px; z-index: 2; text-align: center; position: absolute; top: 15%; bottom: 0; left: 0; right: 0; margin: auto; }
.intrologo { background: url(../images/logointro.png) no-repeat; margin: 0 auto; display: block; width: 326px; height: 205px; }
.introdiv h1 { display: block; margin: 15px 0 10px 0 !important; line-height: 46px; font-family: 'tungsten-bold',Calibri; font-size: 46px; color: #fff; }
.introdiv .text { display: block; font-family: 'tungsten-light',Calibri; line-height: 26px; font-size: 26px; color: #fff; }
.introbg span { position: absolute; z-index: 1; width: 100%; height: 100%; opacity: 0.6; background-color: #012262; }
.lang { display: inline-block; margin: 30px 2px 0 2px; font-family: 'lato-black'; font-size: 13px; line-height: 13px; color: #fff; padding: 10px; }
.lang:hover { border: 1px solid #fff; border-radius: 50%; margin: 1px; }
/*/INTRO*/

/*/HEADER*/
#mobile-menu { display: none; float: left; background: url(../images/menu-icon.png) no-repeat; width: 14px; height: 10px; margin: 27px 10px 0px 20px; }
header { height: 100px; width: 100%; background-color: #012262; position: relative; }
#logo { float: left; width: 110px; height: 70px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; margin: 16px 0px 0px 0px; background-size: 110px; }
nav { position: absolute; right: 160px; top: 34px; }
header .container { height: 100px; }
#menu li { float: left; margin-right: 35px; position: relative; padding-bottom: 20px; padding-top: 5px; border-top: 2px solid #012262; }
#menu li.active a, #menu li a { color: #fff; font-family: 'merriweather_sansbold',Calibri; font-size: 13px; padding-bottom: 50px; }
/*#menu li:hover a {border-bottom:2px solid #fff;}*/
#menu li:hover { border-top: 2px solid #fff; }
#menu li:hover .sub { display: block; }
#menu li:last-child { margin-right: 0px !important; }
header .slang { position: absolute; right: 0px; top: 30px; }
header .slang .select2-choice { background-color: #012262 !important; border-radius: 5px; border: 1px solid #344e81 !important; }
header .slang .select2-choice > .select2-chosen { padding: 12px 20px 12px 15px !important; color: #fff; font-size: 11px; font-family: 'merriweather_sanslight',Calibri !important; }
header .select2-arrow { border: none !important; }
.lang-select-class { background-color: #012262 !important; top: 58px !important; border-left: 1px solid #344e81 !important; border-right: 1px solid #344e81 !important; border-bottom: 1px solid #344e81 !important; }
.lang-select-class .select2-results .select2-highlighted { font-family: 'merriweather_sanslight',Calibri !important; background: #012262 !important; color: #fff !important; font-size: 11px; }
.lang-select-class .select2-result-selectable { font-size: 11px !important; font-family: 'merriweather_sanslight',Calibri !important; }
#menu .sub { position: absolute; top: 55px; z-index: 222; left: 0; display: none; line-height: 100%; background-color: #012262; min-width: 245px; }
#menu .sub li a { font-family: 'merriweather_sanslight',Calibri; font-size: 13px; padding: 10px 20px 10px 20px; margin: 7px 0; display: block; }
#menu .sub li:hover a { text-decoration: underline; }
#menu .sub li { padding: 0; border: none; width: 100%; margin: 0; border-bottom: 1px solid #1b3972; }
#menu .sub li.line { width: 100%; height: 1px; background-color: #1b3972; display: block; }
/*/HEADER*/

/*SLIDER*/
#slider { height: 445px; width: 100%; position: relative; overflow: hidden; }
#slider .item { position: absolute; height: 445px; left: 0; }
#slider .item img { height: auto; float: left; }
#slider .description { position: absolute; z-index: 10; left: 0; bottom: 30px;/* background-color: #ffffff;*/ width: 480px; height: 290px; padding: 30px 25px 30px 25px; }
#slider .description .title { display: block; font-family: 'tungsten-semibold',Calibri; font-size: 35px; line-height: 37px; /*color: #272727;*/color:#fff }
#slider .description p { display: block; margin: 15px 0 0px 0; font-family: 'merriweather_sanslight',Calibri; font-size: 18px; color: #272727; line-height: 22px; }
#slider .description .bullets { position: absolute; bottom: 30px; left: 40px; }
#slider .description .bullets a { display: block; margin-right: 3px; float: left; background-position: 0 -20px; width: 17px; height: 16px; }
#slider .description .bullets a.active { background-position: 0 0px; }
#slider .description .description-item { display: none;     background-color: transparent;
    width: 480px;
    height: 245px;
    padding: 30px 25px 30px 25px;}
#slider .description .description-item:first-child { display: block; }
/*/SLIDER*/

/*PRODUCT SLIDER*/
.product-wrap { width: 1050px; margin: auto auto; }
#productslider { width: 100%; height: 359px; position: relative; overflow: hidden; }
#productslider .item { height: 359px; position: absolute; left: 0; top: 0; }
.product { width: 234px; position: relative; border: 1px solid #eeeeee; background-color: #fff; float: left; margin-right: 38px; }
.productDiv .product:hover { outline: 2px solid #028ed9; }
.productDiv .product { outline: 2px solid #fff; }
.product:last-child { margin-right: 0; }
.product .img { width: 234px; height: 253px; text-align: center; }
.img .main-img { display: block; }
.img .hover-img { display: none; }
.product .p-details { display: block; text-align: center; height: 92px; }
.product .p-details .title { font-family: 'merriweather_sansbold',Calibri; color: #272727; display: block; font-size: 18px; text-transform: uppercase; border-top: 1px solid #eeeeee; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 30px; }
.product .p-details .detail { font-family: 'merriweather_sanslight',Calibri; color: #272727; display: block; font-size: 13px; padding: 10px; }
.product:hover { border-color: #028ed9; }
.product:hover .p-details { background-color: #028ed9; color: #fff; border-color: #028ed9; }
.product:hover .p-details .title { color: #fff; }
.product:hover .p-details .detail { color: #fff; }
.productSliderDiv { position: relative; }
.productSliderDiv .product-slider-arrows { width: 100%; position: absolute; top: 140px; }
.productSliderDiv .product-slider-arrows .next { background-position: -86px -57px; width: 50px; height: 50px; position: absolute; right: -80px; z-index: 9; }
.productSliderDiv .product-slider-arrows .prev { background-position: -84px 0; width: 50px; height: 50px; position: absolute; left: -80px; z-index: 9; }
.outliner { display: none; position: absolute; z-index: 9999; top: -1px; left: -1px; width: 234px; height: 359px; border: 4px solid #028ed9; }
.product:hover .outliner { display: block; }
.productSliderDiv .product-slider-arrows .next:hover { background-position: -30px 0; }
.productSliderDiv .product-slider-arrows .prev:hover { background-position: -32px -57px; }
/*/PRODUCT SLIDER*/

/*MAINPAGE-CONTENT*/
.main-news { width: 56%; }
.promotional-film { width: 40%; }
.main-news-wrap { width: 100%; border-bottom: 1px dotted #dfdfdf; padding-bottom: 20px; margin-top: 20px; display: block; }
/*.main-news-wrap:last-child {border:none;}*/
.main-news-wrap:first-of-type { margin-top: 0; }
.mn-news-right { margin-left: 10px; float: left; width: 75%; }
.mn-img { height: 76px; float: left; width: 15%; min-width: 86px; }
.main-video { width: 420px; height: 244px; }
.mn-news-right .mn-title { color: #272727; font-family: 'merriweather_sansbold',Calibri; font-size: 14px; display: block; }
.mn-news-right .mn-summary { color: #272727; font-family: 'merriweather_sanslight',Calibri; font-size: 13px; display: block; margin-top: 10px; }
.allnews { font-family: 'merriweather_sansbold',Calibri; color: #028ed9; font-size: 11px; display: block; margin-top: 15px; background-position: 0 -183px; padding-left: 10px; }
/*/MAINPAGE-CONTENT*/

/*FOOTER*/
footer { background: #eee; width: 100%; padding: 25px 0px 25px 0px; position: relative; overflow: auto; border-top: 1px solid #dfdfdf; }
footer .box { float: left; width: 20%; }
/*margin-right: 40px;*/
footer .box h4, footer .box .link { display: block; margin-bottom: 10px; }
footer .box h4 a { font-size: 13px; color: #272727; font-family: 'merriweather_sansbold',Calibri; }
footer .box ul li a { font-size: 13px; line-height: 18px; font-family: 'merriweather_sansregular',Calibri; margin-bottom: 7px; color: #7c7c7c; display: block; }
footer a:hover { text-decoration: underline; }
#akca-holding { display: none; position: absolute; right: 0px; bottom: 20px; color: #fff; width: 280px; font-family: 'latoregular',Calibri; font-size: 11px; text-transform: uppercase; }
#akca-holding .logo { background: url(../images/akca-holding.png) no-repeat top center; width: 54px; height: 59px; margin-top: 8px; text-indent: -9999px; }

.footerContact { float: right; width: 40%; margin-bottom: 10px; }
.footerContact .text { display: block; font-size: 14px; font-family: 'merriweather_sansregular'; color: #7c7c7c; line-height: 20px; }
.footerContact .title { display: block; margin-top: 20px; color: #272727; font-family: 'merriweather_sansbold'; font-size: 13px; }
.footerContact .details { display: block; margin-top: 3px; color: #7c7c7c; line-height: 20px; font-family: 'merriweather_sansregular'; font-size: 14px; }
.footerContact .public-title { padding-bottom: 10px !important; font-size: 23px; }

.reklam5logo { text-indent: -9999px; position: absolute; background: url("../images/reklam5.png") no-repeat; width: 56px; height: 16px; display: block; right: 0; }

.footerContact .block { vertical-align: top; }
/*/FOOTER*/

/*NEWSPAGE*/
.toptext { display: block; color: #5f5f5f; font-family: 'tungsten-light',Calibri; font-size: 26px; line-height: 30px; }
#news a.newswrap { overflow: hidden; margin-top: 10px; height: 300px; }
#news a.newswrap .img { width: 100%; }
#news a.newswrap .img img { display: block; width: 100%; height: auto; }
#news a.newswrap .news-summary-wrap { display: block; }
#news a.newswrap h4 { display: block; margin-top: 10px; color: #272727; font-size: 16px; line-height: 22px; font-family: 'merriweather_sansbold',Calibri; }
#news a.newswrap .news-summary { display: block; color: #5f5f5f; font-size: 14px; line-height: 20px; font-family: 'merriweather_sansregular',Calibri; margin-top: 5px; }
.pagination-container { padding: 0px; margin: 30px 0 40px 0; clear: both; }
.pagination-container ul { text-align: center; }
.pagination-container ul li { display: inline-block; margin: 0 3px; border-radius: 50%; padding: 7px 14px; }
.pagination-container ul li a { font-size: 14px; line-height: 14px; color: #6a6a6a; font-family: 'merriweather_sansregular',Calibri; }
.pagination-container ul li:hover { background-color: #028ed9; }
.pagination-container ul li:hover a { color: #fff; }
.pagination-container ul li.PagedList-skipToNext:hover, .pagination-container ul li.PagedList-skipToPrevious { background-color: #fff!important; }
.pagination .next { background-position: -19px -118px; width: 8px; height: 16px; text-indent: -9999px; display: inline-table; vertical-align: middle; padding: 0 !important; }
.pagination .prev { background-position: -1px -119px; width: 8px; height: 15px; text-indent: -9999px; display: inline-table; vertical-align: middle; padding: 0 !important; }
.pagination-container ul li.PagedList-skipToNext a { width: 8px; height: 15px; text-indent: -9999px; display: inline-table; vertical-align: middle; padding: 0 !important; background: url(../images/icon-pack.png) -19px -118px no-repeat; }
.pagination-container ul li.PagedList-skipToPrevious a { width: 8px; height: 15px; text-indent: -9999px; display: inline-table; vertical-align: middle; padding: 0 !important; background: url(../images/icon-pack.png) -1px -119px no-repeat; }
/*/NEWSPAGE*/

/*/NEWS DETAILS*/
#news_detail img.news_pic { width: 100%; height: auto; display: block; }
#news_detail .news_text h1 { display: block; color: #272727; font-size: 24px; line-height: 28px; font-family: 'merriweather_sansbold',Calibri; margin-bottom: 10px!important; margin-top: 0px!important; }
#news_detail .news_text p { font-family: 'merriweather_sansregular'; font-size: 14px; line-height: 22px; color: #5f5f5f; display: block; margin: 15px 0; }
#news_detail .news_text p strong { font-family: 'merriweather_sansbold'; font-size: 14px; line-height: 22px; color: #5f5f5f; display: inline-block; }
#news_detail .news_text p h2 { display: block; color: #272727; font-size: 16px; line-height: 24px; font-family: 'merriweather_sansbold'; }
#news_detail .news_text { margin-top: -50px; width: 90%; background: #fff; position: relative; padding: 20px; }
.share_text { display: block; color: #272727; font-size: 18px; font-family: 'merriweather_sansregular'; margin-top: 30px; }
.line { width: 100%; height: 1px; background-color: #f3f3f3; margin: 15px 0; }
#news_detail .news_share .email { display: inline-block; margin-right: 15px; background-position: -232px 0; width: 91px; height: 29px; }
#news_detail .news_share .facebook { display: inline-block; margin-right: 15px; background-position: -232px -40px; width: 91px; height: 29px; }
#news_detail .news_share .linkedin { display: inline-block; margin-right: 15px; background-position: -232px -80px; width: 91px; height: 29px; }
#news_detail .news_share .twitter { display: inline-block; margin-right: 15px; background-position: -232px -119px; width: 91px; height: 30px; }
#news_detail .news_share .google { display: inline-block; margin-right: 15px; background-position: -232px -150px; width: 91px; height: 29px; }
.date { height: 90px; width: 68px; position: relative; margin-top: -50px; }
.date .day { background: rgba(20, 132, 194, 0.7); display: block; height: 56px; color: #ffffff; font-size: 24px; text-align: center; font-family: 'merriweather_sansbold'; }
.date .day span { display: block; padding-top: 18px; }
.date .others { background: rgba(77, 100, 145, 0.7); height: 40px; text-align: center; }
.date .others .month { display: block; color: #ffffff; font-size: 12px; font-family: 'merriweather_sansbold'; }
.date .others .year { display: block; color: #ffffff; font-size: 12px; font-family: 'merriweather_sansbold'; }
.newsDetails { display: block; margin-left: auto; margin-right: auto; width: 90%; }
.date .others .month span { display: block; padding-top: 5px; }
/*/NEWS DETAILS*/

/*CONTACT*/
.sended { display: none; color: #028ed9; font-family: 'merriweather_sanslight',Arial; font-size: 14px; display: none; margin-top: 15px; }
.contactmenu { display: block; margin-top: 20px; }
.contactmenu .buttonbox { display: inline-block; width: 235px; height: 60px; background: none; border: 1px solid #eeeeee; cursor: pointer; }
.contactmenu .buttonbox span { display: block; margin: 20px 0 0 20px; font-size: 12px; color: #272727; font-family: 'merriweather_sansbold'; }
.mapbutton { margin-left: -1px; }
.contactmenu .buttonbox:hover { background-color: #028ed9; }
.contactmenu .buttonbox:hover span { color: #fff; }
#maps, .contactTab { height: 410px; width: 100%; }
.contact-map { height: 410px; margin: 0px; padding: 0px; }
.contactTab { display: none; }
#map { display: block; }
.kroki img { width: 100%; max-height: 410px; display: block; height: auto; }
.contactmenu .active { background-color: #028ed9; }
.contactmenu .active span { color: #fff; }
#form { display: block; margin-top: 30px; }
#form .inputwrap { display: block; width: 100%; margin-top: 20px; }
#form .inputwrap span { display: block; color: #272727; font-family: 'merriweather_sanslight'; font-size: 13px; }
#form .inputwrap input, #form .inputwrap textarea { display: block; width: 100%; margin-top: 10px; }
#form .inputwrap input[type="text"], #form .inputwrap textarea { border: 1px solid #f3f3f3; background-color: #f3f3f3; padding: 16px 10px; width: 100%; color: #272727; font-size: 14px; font-family: 'merriweather_sanslight'; }
#form .inputwrap textarea { height: 150px; }
#contactform { display: block; width: 55%; }
.text-input.error { background: url(../images/warning.png) no-repeat 10px center #fff4f5 !important; color: #eb7070 !important; padding: 14px 9px 14px 44px !important; border: 1px solid #ff9b9b !important; }
.loading { background: url(../images/loading.gif) no-repeat; height: 16px; width: 16px; display: none; }
#address { display: block; width: 40%; }
#contactform .text, #address .text { display: block; font-size: 14px; font-family: 'merriweather_sansregular'; color: #5f5f5f; line-height: 20px; }
#address .title { display: block; margin-top: 20px; color: #272727; font-family: 'merriweather_sansbold'; font-size: 14px; }
#address .details { display: block; margin-top: 3px; color: #5f5f5f; line-height: 20px; font-family: 'merriweather_sansregular'; font-size: 14px; }
#address .item-1 { margin-top: 30px; }
.form-button { padding: 12px 20px 12px 20px; margin-top: 20px; transition: 300ms; font-family: 'merriweather_sansbold'; font-size: 12px; text-align: center; color: #fff; background: #028ed9; border: 0px; border: 2px solid #028ed9; }
.form-button:hover { background-color: #fff; color: #028ed9; }
/*/CONTACT*/

/*INSTITUTION*/
#institution .topimg { width: 100%; max-height: 416px; }
#institution .topimg img { width: 100%; height: auto; }
#institution .aboutus .text { width: 880px; color: #5f5f5f; font-size: 14px; font-family: 'merriweather_sanslight'; margin: 0 auto; }
#institution .aboutus .text .part { width: 425px; line-height: 19px; }
#institution .centerDiv { position: relative; width: 100%; height: 282px; background: url(../images/kurumorta.png) no-repeat; margin-top: 60px; }
#institution .centerDiv .text { font-size: 12px; font-family: 'merriweather_sanslight'; color: #fff; }
#institution .centerDiv { color: #fff; overflow: auto; }
#institution .play { display: block; background: url(../images/playicon.png) no-repeat left top; margin: 0 auto; width: 97px; height: 96px; margin-top: 30px; }
#certificates { text-align: center; }
#certificates a.certificate-wrap { display: inline-block; margin: 20px 5px; border-radius: 0 5px 5px 0; }
.certificate-wrap .certificate-icon { width: 105px; height: 120px; border: 1px solid #e5e5e5; display: block; border-radius: 5px 0 0 5px; }
.certificate-wrap .certificate-title { width: 225px; text-align: center; height: 120px; border: 1px solid #e5e5e5; margin-left: -1px; display: block; }
.certificate-wrap .certificate-icon img { margin: 16px 0 0 3px; }
.certificate-wrap .certificate-title .span { color: #5f5f5f; font-size: 14px; font-family: 'merriweather_sanslight'; }
.certificate-title .span { display: inline-block; vertical-align: middle; }
.certificate-title::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
a.company-wrap img { display: inline-block; vertical-align: middle; }
a.company-wrap::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
#companies { text-align: center; }
#companies a { display: inline-block; margin: 20px 5px; width: 190px; height: 132px; border: 1px solid #e5e5e5; border-radius: 5px; }
/*190 132*/
/*/INSTITUTION*/

/*SALE PLACES*/
.sales-message { display: none; color: #028ed9; font-family: 'merriweather_sanslight',Calibri; font-size: 15px; line-height: 18px; margin-top: 24px; text-align: center; }
.sales-message span { color: #015988; display: inline-block; }

.sale-map { height: 250px; margin: -20px 0 0 0; padding: 0px; }
#pointofsale .sale-place-search { margin-top: -30px; width: 100%; background: #fff; position: relative; }
#pointofsale .inputwrap { text-align: center; position: relative; margin-top: 10px; }
#pointofsale .searchit { display: inline-block; margin-left: 5px; margin-right: 5px; width: 765px; border: 1px solid #f3f3f3; background-color: #f3f3f3; padding: 16px 10px; color: #272727; font-size: 14px; font-family: 'merriweather_sanslight'; }
#pointofsale .sale-place-search .scountry .select2-choice { background-color: #f3f3f3 !important; }
#pointofsale .sale-place-search .scountry .select2-choice > .select2-chosen { padding: 16px 20px 16px 15px !important; color: #272727; font-size: 14px; font-family: 'merriweather_sanslight',Calibri !important; }
#pointofsale .sale-place-search .select2-arrow { border: none !important; }
.country-select-class { background-color: #f3f3f3 !important; }
.country-select-class .select2-results .select2-highlighted { font-family: 'merriweather_sanslight',Calibri !important; background: #f3f3f3 !important; color: #272727 !important; font-size: 14px; }
.country-select-class .select2-result-selectable { font-size: 14px !important; color: #272727; font-family: 'merriweather_sanslight',Calibri !important; }
.select2-container-multi .select2-choices { height: 70px; overflow: auto; }
.search-button { padding: 17px 20px 16px 20px !important; margin-left: 5px; margin-right: 5px; }
.stown { margin-left: 5px; }
.scountry { width: 160px; }
.scountry .select2-choice .select2-arrow b { background: url(../images/salepointselect.png) no-repeat 17px 24px !important; }
.sale-point-table { width: 100%; font-family: 'merriweather_sansregular',Calibri; color: #272727; font-size: 12px; border-collapse: collapse; margin-top: 30px; height: 400px; overflow-y: auto; display: block; }
.sale-point-table-nosc { width: 100%; font-family: 'merriweather_sansregular',Calibri; color: #272727; font-size: 12px; border-collapse: collapse; margin-top: 30px; }
#sale-point-table .title { width: 23% !important; font-family: 'merriweather_sansbold',Calibri; font-size: 12px; color: #272727; width: 250px; }
#sale-point-table .sale-point-address { width: 40% !important; }
#sale-point-table .sale-point-mail { width: 23% !important;}
#sale-point-table .sale-point-phone { width: 14% !important; }

#sale-point-table tr th { text-align: left; font-family: 'merriweather_sansbold',Calibri; font-size: 16px; color: #272727; padding-bottom: 15px; }
#sale-point-table tr th:first-of-type { padding-left: 22px; }
#sale-point-table tr.line:hover { background-color: #028ed9; color: #fff; }
#sale-point-table tr.line { background-color: #fff; border-bottom: 1px solid #f3f3f3; }
#sale-point-table tr.line:hover .title { color: #fff; }
#sale-point-table tr .title { padding-left: 22px; }
#sale-point-table tr td { padding: 15px 0px; }
.filters { width: 23%; }
.filters .accordion { width: 100%; }
.productDiv { width: 73%; margin-right: -20px; }
.productDiv .product { margin-right: 20px; margin-bottom: 20px; }
a.company-wrap img { display: inline-block; vertical-align: middle; }
a.company-wrap::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.productDetails .img { width: 50%; height: 430px; border: 1px solid #eeeeee; text-align: center; display: inline-block; }
.productDetails .product-name { width: 50%; height: 430px; border-color: #eeeeee; border-style: solid; margin-right: -0.5px; margin-left: -0.5px; border-width: 1px 1px 1px 0; text-align: left; display: inline-block; }
.productDetails .product-name .text { display: inline-block; vertical-align: middle; margin-left: 15px; }
.productDetails .product-name::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.productDetails .img img { vertical-align: middle; }
.productDiv .img .main-img { display: inline-block; }
.productDetails .img::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.productDetails .product-name h4 { display: block; font-family: 'tungsten-semibold',Calibri; font-size: 42px; line-height: 50px; }
.productDetails .product-name span { display: block; font-size: 16px; font-family: 'merriweather_sanslight',Calibri; line-height: 20px; }
.productDetails .detail-title { width: 100%; height: 50px; border: 1px solid #eeeeee; margin-top: -1px; margin-right: -0.5px; margin-left: -0.5px; }
.productDetails .detail-title span { display: block; color: #012262; font-family: 'merriweather_sansbold',Calibri; font-size: 12px; margin: 18px 0 0 25px; }
#product-detail-table { font-family: 'merriweather_sanslight',Calibri; font-size: 13px; width: 100%; border-collapse: collapse; margin-top: -1px; color: #5f5f5f; }
#product-detail-table tr.title { width: 40%; background: #fbfbfb; border: 1px solid #eeeeee; }
#product-detail-table tr.title th { text-align: left; padding: 10px; }
#product-detail-table tr td { width: 60%; border: 1px solid #eeeeee; padding: 10px 0 10px 10px; }
.bottom-detail { display: block; color: #5f5f5f; font-size: 12px; font-family: 'merriweather_sansbold',Calibri; margin-top: 30px; }
.appinfo .infos { display: block; margin: 25px 0 15px 0; }
.appinfo .infos .info-detail { float: left; width: 33.3%; height: 252px; background-color: #028ed9; }
.appinfo .infos .cntr { border-style: solid; border-color: #35a5e1; border-width: 0 1px 0 1px; }
.appinfo .infos .info-detail { text-align: center; }
.appinfo .infos .info-detail .degree { display: inline-block; margin-right: 3px; color: #fff; font-family: 'proxima_nova_rgbold',Calibri; font-size: 80px; margin-top: 65px; line-height: 90px; }
.appinfo .infos .info-detail .detail { display: block; color: #fff; font-size: 12px; font-family: 'merriweather_sanslight',Calibri; }
.appinfo .infos .info-detail .symbol:before { content: "\00b0"; }
.appinfo .infos .info-detail .symbol { display: inline-block; color: #fff; font-family: 'proxima_nova_rgbold',Calibri; font-size: 80px; }
.appinfo p { display: inline-block; color: #5f5f5f; font-family: 'merriweather_sanslight',Calibri; font-size: 14px; line-height: 20px; margin: 10px 0; }
.app-info-accordion { width: 100%; }
.app-info-accordion .last { border-bottom: 1px solid #fff !important; }
.app-info-accordion .title span { display: block; background: url(../images/accordionIcons.png) 100% 0 no-repeat; padding-top: 7px; color: #272727; font-family: 'merriweather_sanslight',Calibri; font-size: 20px; margin: 17px 0 0 15px; }
.app-info-accordion .title.active span { color: #028ed9; background-position: 100% -177px; }
.app-info-accordion .title { position: relative; cursor: pointer; margin: 3px 0px; border-bottom: 1px dashed #eeeeee; width: 100%; height: 50px; }
.app-info-accordion .list ul { margin-left: 30px; }
.app-info-accordion .list ul li { list-style-image: url('../images/applist.png'); margin: 20px 0; font-family: 'merriweather_sanslight',Calibri; font-size: 14px; color: #5f5f5f; }


/*/SALE PLACES*/

.configürator-title { font-family: 'tungsten-bold'; font-size: 45px; color: #012262; margin-bottom: 50px; }
.arrow { background-position: -43px -120px; width: 20px; height: 17px; float: right; margin-left: 20px; }
.configürator-description p {font-family: 'ProximaNovaLight';}
.configürator-description p strong { font-family: 'proxima_nova_rgbold'; color: #252525; }
.config { width: 100%; height: 980px; margin: 0; background-repeat: no-repeat; background: #e9eaec; }
.images-item { background-image: url(/Content/Default/images/background-step.jpg); width: 100%; height: 980px; margin: 0; background-repeat: no-repeat;background-size:100% }
/*.config section {margin-top: 45%;
    margin-left: 10%;}*/
.config .col-md-5 { margin-top: 15%; padding-left: 5%;padding-right:1% }
.point.items{margin-top:20px; }
.config .col-md-7 { background-repeat: no-repeat;background-size:100%}
.btn-again{background: #012262 !important}
.btn { background: #028ed9; color: #fff; padding: 15px 30px; transition: 250ms; display: inline-block; border-radius: 30px; font-family: 'ProximaNovaBold'; font-size: 15px; width: 210px; }
.step-2, .step-3, .step-4, .step-5, .step-6, .step-7, .step-8 { display: none; }
.configürator-description a { color: #7f7b7b; margin-bottom: 15px; display: inline-block; font-family: 'ProximaNovaLight'; }
.configürator-description a:hover { color: #012262; }
.configürator-description span { margin-left: 10px; margin-right: 10px; }
.configürator-description .text-item.active { color: #012262;text-decoration:underline }
.arrow-prev { background-position: -43px -138px; width: 20px; height: 17px; float: left; margin-right: 20px; }
.arrow-again { background-position: -40px -164px; width: 20px; height: 17px; float: left; margin-right: 20px; }
.arrow-proposal { background-position: -45px -188px; width: 20px; height: 17px; float: left; margin-right: 3px; }
.arrow-send{    background-position: -72px -91px;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 3px;
    background-size: 250px; }
.btn-prev { background: #a3a3a3; margin-right: 20px; }
.btn-proposal { margin-right: 5px; background-color: #028ed9; }
.title-style { max-width: 150px; width: 100%; float: left; margin-bottom: 15px; font-size: 18px; font-family: 'ProximaNovaBold'; color: #012262; }
.point { color: #012262; font-weight: bold; float: left; }
.result { padding-left: 25px; display: inline-block; font-weight: 300; font-family: 'ProximaNovaLight'; }
#steps { float: left; max-width: 500px; position: absolute; width: 100%; margin-top: 30px; }
#steps { display: none; padding: 0px 0px 30px 0px; transition: 250ms; }
#steps li { display: inline-block; transition: 250ms; vertical-align: top; font-size: 14px; position: relative; width: 14%; }
#steps li a { color: #000000; font-size: 18px; transition: 250ms; text-decoration: none; display: inline-block; font-family: 'KSBold'; }

#steps li .number { display: block; background: #d4d2d2; transition: 250ms; height: 35px; padding: 5px; color: #fff; width: 35px; text-align: center; font-size: 18px; margin: auto auto 10px auto; position: relative; z-index: 3; border-radius: 30px; }

#steps li span.number span { width: 15px; height: 22px; font-family: 'proxima_nova_rgbold'; padding-top: 3px; font-size: 14px; margin: auto; display: block; }
#steps li:first-child .sep { width: 65%; right: -10px; left: auto; }
#steps li.active span.number, #steps li.enable span.number, #steps li.active .sep, #steps li.enable .sep { background: #ffffff; color: #012262; border: 1px solid; }
#steps .sep { background: #fff; width: 114%; top: 0px; margin-top: 16px; vertical-align: top; height: 2px; display: inline-block; position: absolute; right: 0; }
.result-description { background-color: #012262; width: 100%;     overflow: hidden;
    padding-bottom: 50px; }
.result-description .description { color: white;font-family:'ProximaNovaBold' }
.result-description .text-center { text-align: center; margin-top: 50px; }
.text-item { text-align: center; margin-top: 10px; }
.result-description .text-center h2 { text-align: center; /* margin-top: 30px; */ font-family: tungsten-semibold; color: #fff; font-size: 30px; border-bottom: 2px solid #028ed9; width: 100%; display: inline; padding-bottom: 10px; }
.box1 { margin-top: 50px; color: white; border: 2px solid #028ed9; background-color: white; padding: 50px 180px; }
.box1 .configürator-description .col-md-12 .title-style { font-size: 25px; font-family: 'tungsten-semibold';margin-top:20px; }
.box1 .configürator-description .icons{ float: left;margin-right:50px; }
.box1 .configürator-description .col-md-12 { margin-bottom: 15px; width: 100%;display:inline-block}
.box1 .configürator-description .col-md-12:last-child { margin-bottom: 0; }
.box1 .configürator-description .col-md-12 .result { color: #012262; font-family: 'tungsten-light'; font-size: 28px;margin-top:20px }
.text-item .text-input { height: 50px; padding: 0px 150px 0 15px; border: 1px solid #028ed9; font-size: 20px; font-family: 'tungsten-light'; }
.btn-start { background: #028ed9; }
.btn-send { height: 50px; margin-top: 0 !important; border-radius: 0; margin-left: 15px; font-family: 'tungsten-light'; font-size: 21px; background: #028ed9; }
.result-description { display: none; }
/*---ALERT POPUP---*/
#alertscreen { display: none; background: #000; position: fixed !important; top: 0px; left: 0px !important; width: 100%; height: 100% !important; z-index: 99999 !important; }
#alert { position: fixed; border: 1px solid #000; top: 50%; margin: -100px auto auto auto; left: 0; right: 0; z-index: 9999999; background: #fff; max-width: 400px; width: 100%; }
#alert.success { border: 1px solid #01476d; }
#alert.error { border: 1px solid #01476d; }
#alert.warning { border: 1px solid #01476d; }

#alert .alert-close { position: absolute; top: 8px; right: 8px; background: url(/Content/Default/images/closemenu.png) no-repeat; width: 13px; height: 13px; display: block; }
#alert .alert-title { padding: 15px; font-size: 18px; letter-spacing: 1px; background: #001131; font-family: 'KSBold'; text-transform: uppercase; color: #fff; }
#alert.success .alert-title { background: #001131; }
#alert.error .alert-title { background: #001131; }
#alert.warning .alert-title { background: #001131; }

#alert #alert-content { text-align: center; padding: 25px 20px 25px 20px; line-height: 21px; font-size: 13px; }
#alert #alert-content .type { font-size: 20px; display: inline-block; padding: 6px 0px 6px 0px; color: #000000 !important; font-family: 'tungsten-bold'; }
#alert.success #alert-content .type { color: #000 !important; /*background: url(/Content/Shared/images/alert/success.png) no-repeat left center;*/ }
#alert.error #alert-content .type { color: #000 !important; /*background: url(/Content/Shared/images/alert/error.png) no-repeat left center*/ }
#alert.warning #alert-content .type { color: #000 !important; /*background: url(/Content/Shared/images/alert/warning.png) no-repeat left center*/ }
#alert #alert-content a { color: #000; font-weight: bold; }
/*---/ALERT POPUP---*/



@media (max-width: 1600px){
    .config,.images-item{height:600px !important; }
    .config .col-md-5{margin-top:12% }
    .images-item{ background-size: 100%;}
    .config .col-md-7{background-size:100% }
}
@media (min-width: 992px) and (max-width: 1280px){
    .config, .images-item {
        height: 525px !important;
    }
    .configürator-description span {
        margin-left: 5px;
        margin-right: 5px;
    }
    .configürator-title {
     
        font-size: 35px;
    
        margin-bottom: 30px;
    }
    .configürator-description a{ margin-top:15px;margin-bottom:0}
    .btn {
    
        padding: 12px 15px;
        width: 165px;
    }
    .btn .arrow{margin-left:0 }
    #steps li{width:12% }
}
@media (min-width: 1200px) {
    .container { width: 1050px !important; }
}

@media  (min-width: 768px) and (max-width: 992px){
    .result-description .text-center h2{ display: inline-block;margin-top:30px }
    .title-style{font-size:15px;max-width:110px }
    .configürator-description{margin-bottom:20px }
    .config, .images-item {
        height: 420px !important;
    }
    .config .col-md-5 {
        margin-top: 5%;
        padding-left: 5px;
    }
    .configürator-description span {
        margin-left: 5px;
        margin-right: 5px;
    }
    .configürator-title {
     
        font-size: 35px;
    
        margin-bottom: 30px;
    }
    .result{font-size:14px }
    .configürator-description a{ margin-top:15px;margin-bottom:0}
    .btn {
    
        padding: 12px 15px;
        width: 165px;
        margin-top:10px !important;
        font-size:13px
    }
    .btn .arrow{margin-left:0 }
    #steps li{width:12% }
}

@media (min-width: 992px) {
    #pointofsale .searchit { width: 530px !important; }
}

@media (min-width: 100px) and (max-width: 991px) {
    .box1{    padding: 48px 140px !important;}
    #news.row { margin-right: 0px; margin-left: 0px; }
    section { margin: 10px 10px 20px 10px; }
    .sale-map { margin-top: 0; }
    .contactmenu .buttonbox { width: 50%; }
    #slider .description p { display: none; }
    #slider .description { height: 190px; }
    #menu { display: none !important; }
    #logo { width: 100px; height: 64px; background-size: contain; margin-top: 15px; margin-left: 15px; }
    header .slang { top: 25px; right: 15px; }
    header { height: 95px; }
    header .container { height: 95px; }
    .productSliderDiv .product-slider-arrows { z-index: 9999; }
    .productSliderDiv .product-slider-arrows .prev { left: 10px; }
    .productSliderDiv .product-slider-arrows .next { right: 10px; }
    .main-news, .promotional-film, #contactform, #address, .aboutus .text .part, .filters, .productDiv { width: 100% !important; float: none !important; }
    .productDiv { margin-top: 20px; }
    #mobile-menu { display: block; }
    .lang-select-class { top: 50px !important; }
    footer { text-align: center; }
    footer .box { float: none !important; margin: 30px auto; width: 100%; }
    footer .box:first-child { margin-top: 0 !important; }
    .footerContact { float: none; width: 100%; }
    #akca-holding { position: relative; width: 200px; margin: 40px auto; }
    .main-video img { width: 100%; height: auto; }
    #institution .aboutus .text { width: 100%; }
    .certificate-icon { display: none !important; }
    .productDetails .product-name { width: 100%; border-left: 1px solid #eeeeee; height: 250px; }
    .productDetails .img { width: 100%; }
    #product-detail-table, #product-detail-table thead, #product-detail-table tbody, #product-detail-table td, #product-detail-table tr { display: block; width: 100%!important; }
    #product-detail-table tr td:first-child { background-color: #eee; }
    #news_detail .news_text { width: 86%; }
}

@media (min-width: 100px) and (max-width: 1200px) {
}



@media (min-width: 768px) and (max-width: 991px) {
    .configürator-description .col-md-12 { margin-bottom: 20px; }
}

@media (min-width: 491px) and (max-width: 769px) {
    .box1 { padding: 50px 10px !important; }
    #steps { top: 45%; left: 3%; bottom: 0 !important; right: 0 !important; }
}

@media (min-width: 100px) and (max-width: 767px) {
    .result{ padding-left: 10px; }
    .title-style.items{max-width:55px; }
    .configürator-description a{margin-bottom:10px; }
    .result-description .description{margin-top:20px;padding:0px 20px; }
    .result-description .text-center{margin-top:0 }
    .result-description{height: auto;padding-bottom:5% }
    .configürator-title{margin-bottom:25px }
    .config, .images-item {
        height: 550px !important;
    }
    .config .col-md-5 {
        padding-bottom: 2%;
        margin-top: 4%;
        padding-left: 1%;
    }
    .page-title { text-align: center; }
    .page-title #breadcrumb { margin: 10px auto; float: none !important; }
    .page-title .public-title { display: block; }
    #slider .description .title { font-size: 27px; line-height: 30px; }
    #slider .description { height: 130px; width: 420px; }
    .contactmenu .buttonbox { width: 50%; }
    #sale-point-table, #sale-point-table thead, #sale-point-table tbody, #sale-point-table td, #sale-point-table tr { display: block; width: 100%!important; }
    #sale-point-table th { display: none; }
    /*#sale-point-table tr .title {padding-left: 0;}*/
    .line { height: 107px; padding-left: 10px; }
    #sale-point-table tr td { padding: 7px 0px; }
    #sale-point-table tr .title { width: 100% !important; padding-left: 0; }
    #sale-point-table tr .sale-point-address { width: 100% !important; }
    #sale-point-table tr .sale-point-phone { width: 100% !important; }
    .appinfo .infos .info-detail { float: none !important; width: 100% !important; margin-top: 20px; }
    .intrologo { width: 200px; height: 125px; background-size: contain; }
    #news a.newswrap { height: initial; }
}


@media (min-width: 100px) and (max-width: 600px) {
    .config, .images-item {
        height: 450px !important;
    }
    #slider .description { display: none; }
    .mn-news-right { margin-left: 0px; width: 100%; margin-top: 10px; }
    .productDetails .product-name::before { height: initial; }
    .productDetails .product-name { height: inherit; }
    .productDetails .product-name .text { padding: 5px; }
    .productDiv .product { width: 100%; }
    .productDiv .product .img { margin: 0 auto; }
    .date { display: none; }
    #news_detail .news_text { width: 100%; margin: 0 auto; }
}
@media (min-width: 421px) and (max-width: 490px) {
    .btn-send { margin-top: 15px !important; }
    .box1 { padding: 50px 25px !important;margin-left:10px;margin-right:10px; }
    #steps { top: 53%; left: 3%; bottom: 0 !important; right: 0 !important; }
}

@media (min-width: 100px) and (max-width: 420px) {
}

@media (min-width: 321px) and (max-width: 420px) {
    #steps { top: 60%; left: 3%; bottom: 0 !important; right: 0 !important; }
}

@media (max-width: 320px) {
    #steps { top: 72%; left: 3%; bottom: 0 !important; right: 0 !important; }
}


@media (min-width: 100px) and (max-width: 769px) {
    .search-button { display: block !important; width: 100%!important; margin: 10px 0; }
    #pointofsale .searchit { width: 100% !important; margin: 10px 0; }
    .scountry { width: 100%; margin: 10px 0; }
}

@media (max-width: 768px) {
    .step-1, .step-2, .step-3, .step-4, .step-5, .step-6, .step-7, .step-8 { height: 335px !important; }

    .btn-send { margin-top: 20px !important; font-size: 21px !important; }
    .result-description .text-center h2 { display: inline-block !important; border-bottom: none !important; margin-top: 30px; }

    .configürator-description span { margin-left: 7px; margin-right: 7px; }
    .configürator-description .col-md-12 { margin-bottom: 20px; }
    .step-1 .product-attr, .step-2 .product-attr, .step-3 .product-attr, .step-4 .product-attr, .step-5 .product-attr, .step-6 .product-attr, .step-7 .product-attr, .step-8 .product-attr { bottom: 0 !important; right: 0 !important; top: 20%; left: 3%; }

    .configürator-title { font-size: 30px !important; }
    .btn { padding: 10px 20px !important; font-size: 12px !important; width: 166px !important; margin-top: 10px !important; }
    .btn-prev { margin-right: 10px !important; }
}
@media (min-width: 768px) {

    #pointofsale .searchit { width: 312px!important; }
}
@media (max-width: 480px) {
    .config, .images-item {
        height: 350px !important;
    }
}
@media (max-width: 360px) {
    .config, .images-item {
        height: 300px !important;
    }
}
@media (max-width: 420px) {
    .box1 { padding: 50px 5px !important; }
}





@media (min-width: 1200px) {
    #pointofsale .searchit { width: 600px !important; }
}