@charset "UTF-8";
/* CSS Document */
html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
::-webkit-input-placeholder { color:#666; }
::-moz-placeholder { color: #666;}
:-ms-input-placeholder { color: #666;}
:input:moz-placeholder { color: #666;}
.body-offset { margin:250px 0 0 0;}
body,div,span,applet,h1,h2,h3,h4,h5,h6,p,a,img,strong,sub,sup,center,dl,dt,dd,ol,ul,li,table,tr,th,td,label{margin:0;padding:0;border:0;outline:0;}
input,textarea,select,label,option{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
select {-webkit-appearance: menulist-button;}
textarea { resize: none }
body { background:rgba(247, 247, 247, 1); font-family:'Roboto', sans-serif !important;}
.clear { clear:both;}
.center { max-width:1220px; margin:0 auto; width:100%;}
.header{ background:rgba(255, 255, 255, 1); }
.sticky {position: fixed;width: 100%;z-index:99990; top:0;}
.sticky .top { height:35px; padding:2px 0; }
.sticky .top .logo { max-width:180px; }
.sticky .main-nav {height:40px; }
.sticky .main-nav .search { margin:3px 0 0 0; }
.sticky #cssmenu > ul > li > a { padding:11px 15px 10px 15px;}
.sticky #cssmenu #menu-button{ height:40px;}
.sticky #cssmenu #menu-button::after{top:15px;}
.sticky #cssmenu #menu-button::before{top:20px;}
.sidebar .catalog input:disabled { background:#ddd !important; cursor:not-allowed !important; color:#666 !important;}
#cssmenu { z-index:9999;}
#cssmenu ul ul { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s; transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s; z-index: 100;}
#cssmenu ul li a{text-decoration:none;color:rgba(16,16,16,1);font-weight:700;display:block;}
#cssmenu ul li a span{background:rgba(226,0,0,1);color:rgba(255,255,255,1);font-size:10px;display:inline-block;vertical-align:top;line-height:17px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:0 0 0 5px;padding:0 3px;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{border:0;list-style:none;display:block;position:relative;margin:0;padding:0;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li {float:left;}
#cssmenu > ul { margin: 0 0 0 -20px; }
#cssmenu.align-center > ul{text-align:center;}
#cssmenu.align-center > ul > li{display:inline-block;float:none;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu.align-right ul ul{text-align:right;}
#cssmenu > ul > li > a{font-size:14px;text-decoration:none;text-transform:uppercase;color:rgba(0,0,0,1);padding:21px 15px 20px 15px;}
#cssmenu ul ul{position:absolute;left:-9999px;}
#cssmenu li:hover > ul{left:auto;opacity: 1; -webkit-transform: rotateX(0) translateZ(0); transform: rotateX(0) translateZ(0);}
#cssmenu.align-right li:hover > ul{right:0;}
#cssmenu ul ul ul{top:0;}
#cssmenu ul ul li a{width:210px;font-size:12px;background:rgba(51,51,51,1);text-decoration:none;color:#ddd;padding:15px 20px;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:rgba(255,255,255,1);}
/*Top*/
.top { width:100%; padding:8px 0; height: 45px;}
.top .logo { float:left; max-width:215px; margin: 0 0 0 -10px;}
.top .logo img { width:100%;}
.top .top-nav-social { float:right;}
.top .top-nav-social .top-nav { display:inline-block; vertical-align:middile; font-size:11px; margin:0 20px 0 0;}
.top .top-nav-social .top-nav a { text-decoration:none; color:rgba(102, 102, 102, 1); font-family:Arial, Helvetica, sans-serif;}
.top .top-nav-social .top-social-media { display:inline-block; vertical-align:middle;}
.top .top-nav-social .top-social-media ul { list-style:none;}
.top .top-nav-social .top-social-media ul li { display:inline-block; margin:5px 0 0 0;}
.top .top-nav-social .top-social-media ul li a { display:block; width:20px;}
.top .top-nav-social .top-social-media ul li img { width:100%;}
.top .top-nav-social .top-social-media ul li:hover img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none; }
.top .top-nav-social .top-social-media ul li img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url(grayscale.svg); filter: gray;}
.top .top-nav-social .top-nav { position:relative;}
.top .top-nav-social .top-nav .lang-list { display:none; left:15px; top:18px; position:absolute; padding:10px; z-index:99999; background:rgba(21, 21, 21, 1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.top .top-nav-social .top-nav .lang-list ul { list-style:none;}
.top .top-nav-social .top-nav .lang-list ul li { border-bottom:1px solid rgba(51, 51, 51, 1);}
.top .top-nav-social .top-nav .lang-list ul li a { display:block; padding:5px 10px; color:rgba(150, 150, 150, 1);}
.top .top-nav-social .top-nav .lang-list ul li a:hover { color:rgba(255, 255, 255, 1);}
.top .top-nav-social .top-nav .lang-list ul li:last-child { border-bottom:none;}
/*Home-SLider*/
.home-slider { width:100%; height:auto; position:relative;}
.home-slider ul { list-style: none; }
.home-slider img { width:100%; position:relative; z-index:999; display: block;}
.home-slider .bx-pager { position:absolute; bottom:30px; z-index:999; width:100%; text-align:center;}
.home-slider .bx-pager .bx-pager-item { display:inline-block; margin:0 4px 0 0;}
.home-slider .bx-pager .bx-pager-item a {border:1px solid rgba(153, 153, 153, 1); display:block; background:rgba(255, 255, 255, 1);-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%; width:14px; height:14px; text-indent:-99999px;}
.home-slider .bx-pager .bx-pager-item a.active { background:rgba(0, 0, 0, 1); border-color:rgba(153, 153, 153, 1);}
.home-slider .bx-prev, .home-slider .bx-next {position: absolute; top: 0; width: 60px; height: 100%; text-indent: -9999px; display: block; z-index: 999; }
.home-slider .bx-prev { left: 4%; background:url(../images/icon-prev.svg) center center no-repeat; background-size:50%;}
.home-slider .bx-next { right: 4%; background:url(../images/icon-next.svg) center center no-repeat; background-size:50%; }
.mobile-slider { display: none; }
/*Sidebar-Content*/
.sidebar { float:right; max-width:300px; width:100%; margin:0 0 40px 0;}
.sidebar h1 { font-size:18px; padding:10px 0 15px 0; }
.sidebar .video { width:100%; margin:20px 0 20px 0;}
.sidebar .video img { width:100%;}
.sidebar .video a { display:block; position:relative;}
.sidebar .video .mask { background:url(../images/icon-play.svg) center center no-repeat rgba(0, 0, 0, 0.8); background-size:30%; width:100%; height:100%; position:absolute; top:0; left:0;}
.sidebar .box-content { background:rgba(255, 255, 255, 1); border:1px solid rgba(235, 235, 235, 1);-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important; padding:10px; border:1px solid rgba(235, 235, 235, 1);}
.sidebar .catalog { width:100%; margin:0 0 20px 0;}
.sidebar .catalog .box-content { padding:0; background:url(../images/catalog-bg.png) right top no-repeat rgba(235, 235, 235, 1); height:185px; padding:20px 135px 0 20px;}
.sidebar .catalog .box-content select { font-size:12px; border:1px solid rgba(235, 235, 235, 1); background:rgba(255, 255, 255, 1); height:30px; width:140px; margin:0 0 10px 0; outline:none;}
.sidebar .catalog .box-content select {text-transform:capitalize}
.sidebar .catalog .box-content input[type="submit"] {-webkit-appearance: none; background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1); border:none; padding:7px 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; outline:none;}
.sidebar .sidebar-form { width:100%;}
.sidebar .sidebar-form input[type="text"] { border:none; padding:10px 8px; width:100%;}
.sidebar .sidebar-form input[type="submit"] {border:none; padding:10px; float:right; background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1); font-weight:700; font-size:11px;-webkit-appearance: none;}
.sidebar .sidebar-form input[type="submit"]:hover { cursor:pointer; background:rgba(226, 0, 0, 1);}
.sidebar .catalog input[type="button"] {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; outline:none;border:none; padding:10px; float:left; background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1); font-weight:700; font-size:11px;-webkit-appearance: none;}
.sidebar .catalog input[type="button"]:hover { cursor:pointer; background:rgba(226, 0, 0, 1);}
.sidebar .sidebar-form select { padding: 0 5px; color:#666; font-size:12px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin:0 0 6px 0; outline:none; height: 30px; background: rgba(255,255,255,1); border: none; width: 100%;}
.sidebar .sidebar-form input {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin:0 0 6px 0; outline:none;}
.sidebar .sidebar-form a { text-decoration:none; color:rgba(0, 0, 0, 1); font-size:14px; float:left; display:inline-block; margin:7px 0 0 0;}
.sidebar .sidebar-form span, #product-contact span { display: none !important; }
.side-menu { margin:0 0 20px 0; background:rgba(228, 229, 230, 1);}
.side-menu ul { list-style:none;}
.side-menu ul li a { display:block; padding:15px; text-decoration:none; color:rgba(51, 51, 51, 1); font-size:12px; font-weight:700; border-bottom:1px solid rgba(221, 221, 221, 1);}
.side-menu ul li div.active a { background:rgba(68, 68, 68, 1); color:rgba(255, 255, 255, 1);}
.side-menu ul li a:hover { background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1);}
/*Global-Content*/
.content { float:left; max-width:1200px; width:100%; margin:20px 0 40px 0; position:relative;font-family:'Roboto', sans-serif !important; font-size: 14px;}
.content h1 { font-size:18px; padding:10px 0 15px 0; border-bottom:1px solid rgba(226, 0, 0, 1); margin:0 0 30px 0;}
.content h1 a { float:right; font-size:12px; text-decoration:none; color:rgba(51, 51, 51, 1); display:inline-block; line-height:30px;}
.content p { font-size:14px; line-height:18px; margin:0 0 20px 0;}
.content .content-banner { width:100%; margin:0 0 20px 0;}
.content .content-banner img { width:100%;}
.content em { font-size:13px;}
.content img { max-width: 100% !important; }
.content ul { list-style:initial;}
/*Social-Media*/
.social-media { width:100%; margin:0 0 40px 0;}
.social-media p { font-size:11px !important;}
.social-media .box-content { padding:0; border:0; position:relative;}
.social-media .facebook,.social-media .twitter,.social-media .linkedin,.social-media .youtube,.social-media .instagram,.social-media .google { width:100%; height:100px; padding:20px;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
.social-media .facebook img,.social-media .twitter img,.social-media .linkedin img,.social-media .youtube img,.social-media .instagram img,.social-media .google img { height:24px; margin:0 0 10px 0;}
.social-media .facebook { background:rgba(47, 72, 129, 1);}
.social-media .twitter { background:rgba(75, 170, 244, 1);}
.social-media .linkedin { background:rgba(0, 118, 183, 1);}
.social-media .youtube { background:rgba(210, 47, 45, 1);}
.social-media .instagram { background:rgba(11, 85, 138, 1);}
.social-media .google { background:rgba(222, 77, 59, 1);}
.social-media .sm-name { float:left; width:125px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:rgba(255, 255, 255, 1);}
.social-media .sm-button { float:right; max-width:125px; margin:20px 0 0 0;}
.social-media .bx-controls { position:absolute; top:110px; z-index:9999; width:100%; text-align:center;}
.social-media .bx-controls .bx-pager-item { display:inline-block; margin:0 4px 0 0;}
.social-media .bx-controls .bx-pager-item a {display:block; background:rgba(213, 213, 213, 1);-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%; width:14px; height:14px; text-indent:-99999px;}
.social-media .bx-controls .bx-pager-item a.active { background:rgba(51, 51, 51, 1);}
/*Product-Page*/
.product-content, .product-detail-content { width:100%;}
.product-detail-content .content { margin:0 0 40px 0;}
.product-content .product-main-slider { width:100%; margin:0 0 20px 0; position:relative; height:400px; overflow: hidden; }
.product-content .product-main-slider img { width: 100%; }
.product-main-slider ul { list-style: none; }
.product-slider { width:100%; margin:0 0 0 0; position:relative; max-height:450px; overflow:hidden;}
.product-slider ul { list-style: none; }
.product-slider img { width:100%;}
.product-slider .pm-slider-caption { position:absolute; z-index:999; right:0; top:40px;}
.product-slider .pm-slider-caption .text { background:rgba(230, 0, 0, 1); font-size:18px; color:rgba(255, 255, 255, 1); padding:10px 20px;}
.product-slider .bx-prev, .product-detail-content .product-slider .bx-next, .product-main-slider .bx-prev, .product-main-slider .bx-next {width:30px; height:50px; text-indent:-99999px;position:absolute; z-index:999; display:none;}
.product-slider:hover .bx-prev, .product-detail-content .product-slider:hover .bx-next, .product-main-slider:hover .bx-prev, .product-main-slider:hover .bx-next { display:block;}
.product-slider .bx-prev, .product-main-slider .bx-prev { background:url(../images/icon-prev.svg) no-repeat; background-size:100%; left:20px; top:45%;}
.product-slider .bx-next, .product-main-slider .bx-next { background:url(../images/icon-next.svg) no-repeat; background-size:100%; right:20px; top:45%;}
.product-slider ul li iframe, .product-main-slider ul li iframe { position:absolute; width:100%; height:100%; max-height:450px;}
.all-products { width:100%;}
.all-products .product { background:rgba(255, 255, 255, 1); width:calc(33.3% - 10px); margin:0 10px 10px 0; float:left; border-bottom:4px solid rgba(221, 221, 221, 1); text-align:center; font-size:12px;}
.all-products .product h3 { font-size:18px; margin:20px 0 0 0;}
.all-products .product ul { list-style:none; text-align:left; padding:20px 10px; border-top:1px solid rgba(221, 221, 221, 1); margin:20px 0 0 0;}
.all-products .product ul strong { float:right;}
.all-products .product a { text-decoration:none; color:rgba(51, 51, 51, 1);}
.all-products .product img { margin:20px 0 0 0;}
#product-tabs { width:100%;}
#product-tabs ul.tabs { list-style:none; background:rgba(235, 235, 235, 1); height:50px; width:100%;}
#product-tabs ul.tabs li { float:left; text-align:center; line-height:50px; border-right:1px solid rgba(221, 221, 221, 1);}
#product-tabs ul.tabs li:last-child { border-right:none;}
#product-tabs ul.tabs li a { text-decoration:none; font-size:13px; font-weight:700; display:block; color:rgba(51, 51, 51, 1); padding: 0 40px;}
#product-tabs ul.tabs li.ui-state-active a { background:rgba(204, 204, 204, 1);}
#product-tabs .tabs-content { padding:40px; background:rgba(255, 255, 255, 1);}
#technic-tabs { width:100%;}
#technic-tabs ul.technics-tabs { list-style:none; height:40px;border-bottom:1px solid rgba(221, 221, 221, 1);}
#technic-tabs ul.technics-tabs li {background:rgba(235, 235, 235, 1); float:left; text-align:center; line-height:40px; border-right:1px solid rgba(221, 221, 221, 1);}
#technic-tabs ul.technics-tabs li:last-child { border-right:none;}
#technic-tabs ul.technics-tabs li a { text-decoration:none; font-size:14px; font-weight:700; display:block; color:rgba(51, 51, 51, 1); padding:0 10px;}
#technic-tabs ul.technics-tabs li.ui-state-active a { background:rgba(204, 204, 204, 1);}
#technic-tabs .technics-tab-content { padding:20px 0px; background:rgba(255, 255, 255, 1);}
.quick-contact { width:100%; margin:20px 0 0 0;}
.quick-contact .quick-buttons { width:100%; height: 40px;}
.quick-contact .quick-buttons a { color:rgba(255, 255, 255, 1); font-size:12px; font-weight:700; text-decoration:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:10px;}
.quick-contact .quick-buttons a:nth-child(1) { background:rgba(234, 24, 0, 1);}
.quick-contact .quick-buttons a:nth-child(2) { background:rgba(0, 0, 0, 1);}
.quick-contact .quick-buttons a:nth-child(3) { background:rgba(111, 111, 111, 1);}
.quick-contact h3 { font-size:14px; margin:0 0 10px 0;}
.quick-panel { display:none;}
.quick-panel ul { margin:20px 0; list-style:none;}
.quick-panel ul li { margin:0 0 10px 0;}
.quick-panel ul li a { font-size:13px; color:rgba(0, 0, 0, 1); text-decoration:none; font-weight:700;}
.quick-panel ul li a:hover { color:rgba(111, 111, 111, 1);}
.quick-panel ul li a:before { content:'PDF'; background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1); padding:1px 4px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; font-size:11px; margin:0 5px 0 0;}
.quick-panel input[type="text"] { border:none; padding:10px; width:100%;}
.quick-panel input[type="submit"] {-webkit-appearance: none; border:none; padding:10px; float:right; background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1); font-weight:700; font-size:11px;}
.quick-panel input[type="submit"]:hover { cursor:pointer;}
.quick-panel input, .quick-panel label {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin:0 0 6px 0; outline:none;}
.quick-panel label {background:rgba(255, 255, 255, 1); color:rgba(111, 111, 111, 1); font-size:11px; margin:20px 0 6px 0; outline:none; display:block; padding:10px;}
#atasmanlar h3 { margin:0 0 20px 0; font-size:16px;}
.attachments { width:100%; min-height:100px; margin:0 0 20px 0; border-bottom:1px solid rgba(241, 241, 241, 1);}
.attachments .attachments-img { float:left; width:180px; margin:0 20px 0 0;}
.attachments .attachments-img img { width:100%;}
.attachments .attachments-content { float:left; width:590px;}
.attachments:after { clear: both; }
.attachments .attachments-content h4 { font-size:14px;}
.attachments .attachments-content p { margin:0 0 0 0; font-size:12px;}
/*Home-Content*/
.home-content { width:100%;}
.home-content .content .home-products { width:100%;}
.home-content .content .home-products .product { max-width:300px; width:100%; float:left; text-align:center; margin:0 0 30px 0; height: 140px;}
.home-content .content .home-products .product img { width:100%;}
.home-content .content .home-products .product a { font-size:12px; color:rgba(0, 0, 0, 1); text-decoration:none; display:block;}
.home-content .content .home-products .product h3 { margin:20px 0 0 0;}
.home-content .content .home-products .product h3 span { background:rgba(226, 0, 0, 1); color:rgba(255, 255, 255, 1); font-size:10px; margin:2px 0 0 5px; display:inline-block; vertical-align:top; line-height:17px; padding:0 3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.home-content .home-boxes { width:100%;}
.home-content .home-boxes .home-box { position:relative; float:left; width:420px; height:244px; padding:8px; border:1px solid rgba(235, 235, 235, 1); background:rgba(255, 255, 255, 1); margin:0 12px 12px 0;}
.home-content .home-boxes .home-box img { position:relative; width: 100%;}
.home-content .home-boxes .home-box .home-box-content { position:absolute; bottom:50px; right:50px; max-width:250px; text-align:right;}
.home-content .home-boxes .home-box a { text-decoration:none; color:rgba(255, 255, 255, 1);}
.home-content .home-boxes .home-box .home-box-content h2 { font-size:30px;}
.home-content .home-boxes .home-box .home-box-content span { font-size:15px;}
.home-content .news-events { width:100%;}
.home-content .news-events .news-events-box { width:100%; height:200px; margin:0 0 30px 0;}
.home-content .news-events .news-events-box .Videolar .event-mask {background:url(../images/icon-play.svg) center center no-repeat rgba(0, 0, 0, 0.8); background-size:25%; width:100%; height:100%; position:absolute; top:0; left:0;}
.home-content .news-events .news-events-box .news-events-img { float:left; width:100%; max-width:350px; max-height:200px; overflow:hidden; position: relative;}
.home-content .news-events .news-events-box .news-events-img img { width:100%;}
.home-content .news-events .news-events-box .news-events-content { float:left; width:100%; max-width:510px; background:rgba(255, 255, 255, 1); height:160px; padding:20px; position:relative;}
.home-content .news-events .news-events-box a { text-decoration:none; color:rgba(51, 51, 51, 1); line-height:20px; display:block;}
.home-content .news-events .news-events-box .news-events-content h2 { color:rgba(34, 34, 34, 1); font-size:15px; margin:0 0 20px 0;}
.home-content .news-events .news-events-box .news-events-content p { color:rgba(68, 68, 68, 1); font-size:13px;}
.home-content .news-events .news-events-box .news-events-content .more { position:absolute; right:0; bottom:0; font-size:12px; font-weight:700; color:rgba(226, 0, 0, 1);}
.home-content .news-events .news-events-box .news-events-content .more span { display:inline-block; padding:2px 10px 5px 10px; text-align:center; background:rgba(226, 0, 0, 1); color:rgba(255, 255, 255, 1); font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 5px;}
.home-content .news-events .all-news { width:100%; height:40px; border-bottom:2px solid rgba(235, 235, 235, 1); background:rgba(255, 255, 255, 1); line-height:40px;}
.home-content .news-events .all-news a { width:100%; height:40px; display:block; text-align:center; font-size:12px; font-weight:700; color:rgba(68, 68, 68, 1); text-decoration:none;}
.home-content .news-events .all-news a:hover { background:rgba(235, 235, 235, 1);}
.home-content .news-events .news-events-box:hover .more { color:rgba(0, 0, 0, 1);}
.home-content .news-events .news-events-box:hover .more span { background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1);}
/*Quick-Menu*/
.quick-menu { position:fixed; width:65px; right:0; bottom:13%; z-index:9999;}
.quick-menu a { width:65px; height:30px; display:block; text-decoration:none; color:rgba(255, 255, 255, 1); font-size:10px; text-align:center; padding:45px 0 0 0; font-family:Arial, Helvetica, sans-serif;}
.quick-menu a.quick-dealer {background:url(../images/icon-dealer.svg) rgba(0, 0, 0, 1) center 10px no-repeat; background-size:40%;-webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px;border-top-left-radius: 3px;}
.quick-menu a.quick-share {background:url(../images/icon-share.svg) rgba(0, 0, 0, 1) center 10px no-repeat; background-size:40%;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-left-radius: 3px; margin:1px 0 0 0;}
/*Breadcrumbs*/
.breadcrumbs { width:100%; background:rgba(204, 204, 204, 1); height: 30px; line-height: 30px}
.breadcrumbs ul { list-style:none;}
.breadcrumbs ul li { float:left; }
.breadcrumbs ul li a { text-decoration:none; color:rgba(51, 51, 51, 1); font-family:Arial, Helvetica, sans-serif; font-size:11px; display:block; height: 30px}
.breadcrumbs ul li a:after { content:'-'; margin:0 6px;}
.breadcrumbs ul li:last-child a:after { content:'';}
/*Global-Gallery*/
.gallery { width:100%; clear: both; margin: 20px 0 0 0;}
.gallery h3 {clear: both; font-size:16px; border-bottom:1px solid rgba(221, 221, 221, 1); padding:0 0 10px 0; margin:0 0 10px 0;}
.gallery .box { float:left; width:calc(20% - 10px); margin:0 10px 10px 0; overflow: hidden; height: 100px;}
.gallery .box img { width:100%;}
/*Contact*/
.contact-page { width:100%;}
.contact-box { float:left; width:calc(33% - 20px); margin:0 20px 20px 0;}
.contact-box .cb-content { background:rgba(255, 255, 255, 1); border-bottom:4px solid rgba(221, 221, 221, 1);font-size:12px; padding:20px; min-height:300px; line-height: 22px;}
.contact-box img { width:100%;}
.contact-box h3 { font-size:14px; margin:0 0 10px 0; height: 30px;}
.contact-box .cb-content a { text-decoration:none; font-weight:700; color:rgba(234, 30, 0, 1); display:inline-block; margin:10px 0 0 0;}
.select-menu { width:100%; margin:0 0 20px 0;}
.select-menu select { width:100%; border:1px solid rgba(221, 221, 221, 1); background:rgba(255, 255, 255, 1); height:40px; outline:none; color: rgba(171,171,171,1.); font-size:12px;}
/*About-Page*/
.page-content { width:100%;}
.page-content .about { margin:0 0 20px 0;}
.page-content .about img { max-width: 100%; }
.page-content .about-us { background:rgba(255, 255, 255, 1); padding:20px; line-height: 22px;}
.page-content .about-us h3 { margin:0 0 20px 20px; }
.page-content .about-text { padding: 0 20px;}
#about-accordion { padding:0 20px; margin:20px 0 0 0;}
#about-accordion h5 { text-align: left; background:url(../images/icon-open-accordion.svg) center right 10px no-repeat rgba(247, 247, 247, 1); border-bottom:4px solid rgba(221, 221, 221, 1); padding:10px; font-size:16px;}
#about-accordion h5.ui-state-active { background:url(../images/icon-close-accordion.svg) center right 10px no-repeat rgba(255, 255, 255, 1);}
#about-accordion div { padding:20px;}
#about-accordion ul { margin:0 20px;}
/*News-Page*/
.press h1 { margin:0 0 10px 0;}
.press h5 { margin:0 0 20px 0;}
.press img { max-width:100%;}
.press-content { padding:20px;background:rgba(255, 255, 255, 1);}
.press-news { width:100%;}
.press-release { width:100%;}
.press-box { float:left; width:calc(33% - 20px); margin:0 20px 20px 0;}
.press-box a { display:block; text-decoration:none; color:rgba(51, 51, 51, 1);}
.press-box .press-image { width:100%; position:relative;}
.press-box .press-image img { width:100%;}
.press-box h4 { font-size:15px; margin:10px 0;}
.press-box span { font-size:12px; color:rgba(153, 153, 153, 1);}
.press-box p {font-size:14px}
.press-news-box .more { position:absolute; right:0; bottom:0; font-size:12px; font-weight:700; color:rgba(226, 0, 0, 1);}
.press-news-box .more span { display:inline-block; padding:2px 10px 5px 10px; line-height: 20px; text-align:center; background:rgba(226, 0, 0, 1); color:rgba(255, 255, 255, 1); font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 5px;}
.press-news-box:hover .more { color:rgba(0, 0, 0, 1);}
.press-news-box:hover .more span { background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1);}
.press-news-box { float:left; width:calc(50% - 20px); margin:0 20px 30px 0; position: relative; background: rgba(255, 255, 255, 1); min-height: 400px;}
.press-news-box a { display:block; text-decoration:none; color:rgba(51, 51, 51, 1);}
.press-news-box .press-news-image { width:100%; position:relative; max-height:200px; overflow:hidden;}
.press-news-box .press-news-image img { width:100%;}
.press-news-box h4 { font-size:15px; margin:10px 0;}
.press-news-box span { font-size:12px; color:rgba(153, 153, 153, 1);}
.press-news-box p {font-size:14px}
.customers-box { float:left; width:calc(50% - 20px); margin:0 20px 60px 0; background: rgba(255,255,255,1); position: relative; min-height: 325px;}
.customers-box a { display:block; text-decoration:none; color:rgba(51, 51, 51, 1);}
.customers-box .customers-image { width:100%; position:relative; max-height:200px; overflow:hidden;}
.customers-box .customers-image img { width:100%;}
.customers-box h4 { font-size:15px; margin:10px 0;}
.customers-box span { font-size:12px; color:rgba(153, 153, 153, 1);}
.customers-box p {font-size:14px;}
.customers-box .more { position:absolute; right:0; bottom:0; font-size:12px; font-weight:700; color:rgba(226, 0, 0, 1);}
.customers-box .more span { display:inline-block; padding:2px 10px 5px 10px; line-height: 20px; text-align:center; background:rgba(226, 0, 0, 1); color:rgba(255, 255, 255, 1); font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 5px;}
.customers-box:hover .more { color:rgba(0, 0, 0, 1);}
.customers-box:hover .more span { background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1);}
.press-news-box .press-news-text, .customers-box .customers-text, .video-box .video-text { padding: 10px 20px; }
.press-news-box .press-news-text { height: 180px;}
.customers-box .customers-text { height: 100px; }
.events { width:100%;}
.events .event { width:100%;background:rgba(255, 255, 255, 1); height:60px; margin:0 0 10px 0;}
.events .event .start-date { background:rgb(231, 76, 60);}
.events .event .end-date { background:rgb(192, 57, 43);}
.events .event .start-date, .events .event .end-date { float:left; width:70px; min-width:70px; height:44px; color:rgba(255, 255, 255, 1); text-align:center; line-height:16px; padding:8px 0;}
.events .event .start-date b, .events .event .end-date b { font-weight:700; font-size:18px; display:block;}
.events .event .start-date i, .events .event .end-date i { font-style:normal; font-size:12px; display:block;}
.events .event .start-date em, .events .event .end-date em { font-style:normal; font-size:12px; display:block; font-weight:700;}
.events .event .event-name { float:left; height:20px; padding:20px 15px; font-size:14px; width:450px;}
.events .event .event-name p { display: inline-block; vertical-align:top;}
.events .event .event-name span { font-weight: 700; margin: 0 0 0 10px; background:rgba(221, 221, 221, 1); color:rgba(51, 51, 51, 1); font-size:10px; display:inline-block; vertical-align:top; line-height:17px; padding:0 3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.events .event a { text-decoration:none; color:rgba(51, 51, 51, 1); display:block;}
.events .event .event-location { width: 165px; line-height: 60px; height:60px; padding:0 15px; font-size:12px; color:rgba(151, 151, 151, 1); border-left:1px solid rgba(221, 221, 221, 1); display:inline-block; float: right;}
.events-title { width:100%; height:25px; font-size:12px; border-bottom:1px solid rgba(221, 221, 221, 1); margin:25px 0 10px 0; font-weight:700;}
.events-title .events-date { float:left; width:155px;}
.events-title .events-content { float:left; width:565px;}
.events-title .events-location { float:left;}
.page-event-date { width:70px;background:rgba(255, 255, 255, 1); height:60px; margin:0 20px 10px 0; float:left; height:120px}
.page-event-date .start-date { background:rgb(231, 76, 60);}
.page-event-date .end-date { background:rgb(192, 57, 43);}
.page-event-date .start-date, .page-event-date .end-date { float:left; width:70px; min-width:70px; height:44px; color:rgba(255, 255, 255, 1); text-align:center; line-height:16px; padding:8px 0;}
.page-event-date .start-date b, .page-event-date .end-date b { font-weight:700; font-size:18px; display:block;}
.page-event-date .start-date i, .page-event-date .end-date i { font-style:normal; font-size:12px; display:block;}
.page-event-date .start-date em, .events .event .end-date em { font-style:normal; font-size:12px; display:block; font-weight:700;}
.events .event-box { float:left; width:calc(33.33% - 10px); margin:0 10px 20px 0; background:rgba(255, 255, 255, 1); padding:20px; font-size:14px; font-weight:700;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
.events .event-box a { text-decoration:none; color:rgba(51,51,51,1);}
.events .event-date { font-size:12px; font-weight:400;}
.events img { width:100%;}
.events .event-box .event-content { margin:10px 0 0 0;}
.events .event-box .event-name {margin:10px 0 0 0; font-size:13px; color:rgba(151,151,151,1);}
.events { width:100%;}
.events .event-list { width:100%;background:rgba(255, 255, 255, 1); height:136px; margin:0 0 10px 0;}
.events .event-list .date .start-date {background:rgb(231, 76, 60); text-align:right; padding:20px 10px 20px 0; border-right:1px solid rgba(211, 211, 211, 1);}
.events .event-list .date .end-date { background:rgb(192, 57, 43); text-align:left; padding:20px 0 20px 10px;}
.events .event-list .date .start-date,.events .event-list .date .end-date { float:left; width:50px; min-width:50px; height:44px; color:rgba(255, 255, 255, 1); line-height:16px;}
.events .event-list .date .start-date b,.events .event-list .date .end-date b { font-weight:700; font-size:18px; display:block;}
.events .event-list .date .start-date i,.events .event-list .date .end-date i { font-style:normal; font-size:12px; display:block;}
.events .event-list .date .start-date em,.events .event-list .date .end-date em { font-style:normal; font-size:12px; display:block; font-weight:700;}
.events .event-list .event-name { float:left; height:20px; padding:55px 15px; font-size:14px;}
.events .event-list a { text-decoration:none; color:rgba(51, 51, 51, 1); display:block;}
.events .event-list .date {background:rgb(221, 221, 221); width:121px; float:left;}
.events .event-list .fair-name { background:rgb(221, 221, 221); text-align:center; color:rgb(51, 51, 51); font-size:12px; padding:10px 0;}
.customers-news { width:100%;}
.videos { width:100%;}
.videos .video-mask { background:url(../images/icon-play.svg) center center no-repeat rgba(0, 0, 0, 0.8); background-size:30%; width:100%; height:100%; position:absolute; top:0; left:0;}
.video-box { float:left; width:calc(50% - 20px); margin:0 20px 20px 0; position:relative; height:410px; background:rgba(255, 255, 255, 1);}
.video-box a { display:block; text-decoration:none; color:rgba(51, 51, 51, 1);}
.video-box .video-image { width:100%; position:relative; max-height:200px; overflow:hidden;}
.video-box .video-image img { width:100%;}
.video-box h4 { font-size:15px; margin:10px 0;}
.video-box span { font-size:12px; color:rgba(153, 153, 153, 1);}
.video-box p {font-size:12px;}
.video-box .more { position:absolute; right:0; bottom:0; font-size:12px; font-weight:700; color:rgba(226, 0, 0, 1);}
.video-box .more span { display:inline-block; padding:2px 10px 5px 10px; line-height: 20px; text-align:center; background:rgba(226, 0, 0, 1); color:rgba(255, 255, 255, 1); font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 5px;}
.video-box:hover .more { color:rgba(0, 0, 0, 1);}
.video-box:hover .more span { background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1);}
.social-media-accounts { width:100%;}
.social-media-accounts .social-media { margin:0 0 0 0;}
.social-media-accounts .social-media .facebook,.social-media-accounts .social-media .twitter,.social-media-accounts .social-media .linkedin,.social-media-accounts .social-media .youtube,.social-media-accounts .social-media .instagram,.social-media-accounts .social-media .google { float:left; width:300px; height:100px; padding:20px;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
.msg-image { position:relative;}
.msg-image:hover a { display:block;}
.msg-image a { display:none; position:absolute; top:0; left:0; width:100%; height:100%;background:url(../images/icon-pdf.svg) center 45% no-repeat rgba(0, 0, 0, 0.8); background-size:10%; text-decoration:none; color:rgba(255, 255, 255, 1);}
.msg-image a span { position:absolute; display:block; text-align:center; width:100%; top:55%; font-size:13px;}
.press-content iframe { width:100%; height:480px; margin:0 0 20px 0;}
.pr-box { width:100%; height:200px; margin:0 0 30px 0;}
.pr-box .pr-box-img { float:left; width:100%; max-width:350px; max-height: 200px; overflow: hidden;}
.pr-box .pr-box-img img { width:100%;}
.pr-box .pr-box-content { float:left; width:100%; max-width:510px; background:rgba(255, 255, 255, 1); height:160px; padding:20px; position:relative;}
.pr-box a { text-decoration:none; color:rgba(51, 51, 51, 1); line-height:20px; display:block;}
.pr-box .pr-box-content h2 { color:rgba(34, 34, 34, 1); font-size:15px; margin:0 0 20px 0;}
.pr-box .pr-box-content p { color:rgba(68, 68, 68, 1); font-size:13px;}
.pr-box .pr-box-content .more { position:absolute; right:0; bottom:0; font-size:12px; font-weight:700; color:rgba(226, 0, 0, 1);}
.pr-box .pr-box-content .more span { display:inline-block; padding:2px 10px 5px 10px; text-align:center; background:rgba(226, 0, 0, 1); color:rgba(255, 255, 255, 1); font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 5px;}
.pr-box:hover .more { color:rgba(0, 0, 0, 1);}
.pr-box:hover .more span { background:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1);}
/*Global-Form*/
.global-form input, .global-form textarea {border:1px solid rgba(221, 221, 221, 1); background:rgba(255, 255, 255, 1); height:40px; outline:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:10px; margin:0 0 10px 0;}
.global-form input[name="ctl00$ContentPlaceHolder1$txtAd"] { width: 100%; }
.global-form input[name="ctl00$ContentPlaceHolder1$txtGizliSehir"] { width: 100%; }
.global-form input[name="ctl00$ContentPlaceHolder1$txtSoyad"] { width: 100%;}
.global-form input[name="ctl00$ContentPlaceHolder1$txtTel"] { width: 100%;}
.global-form input[name="ctl00$ContentPlaceHolder1$txtMail"] { width: 100%;}
.global-form select[name="ctl00$ContentPlaceHolder1$ddlUlke"] { width: 100%; }
.global-form select[name="ctl00$ContentPlaceHolder1$ddlSehir"] { width: 100%; }
.global-form select[name="ctl00$ContentPlaceHolder1$ddlBildirimTipi"] { width: 100%;}
.global-form select[name="ctl00$ContentPlaceHolder1$ddlBildirimKonusu"] { width: 100%;}
.global-form textarea[name="ctl00$ContentPlaceHolder1$txtAdres"] { width:100%;}
.global-form textarea[name="ctl00$ContentPlaceHolder1$txtMesaj"] { width:100%;}
.global-form input[name="ctl00$ContentPlaceHolder1$uplDosya"] { width:30%; max-width:449px;}
.global-form label[name="not"] { width:50%; max-width:449px;}
.global-form select[name="ctl00$ContentPlaceHolder1$ddlGeriDonus"] { width:100%;}
.global-form label { font-size:11px;}
.global-form input[name="ctl00$ContentPlaceHolder1$btnGonder"] { background:rgba(0, 0, 0, 1); color:#fff; border:none; width:120px; float:right;}
.global-form input[name="ctl00$ContentPlaceHolder1$btnGonder"]:hover { cursor:pointer;}
.global-form select { padding:0 5px; color:#666; font-size:12px; background:rgba(255, 255, 255, 1); height:40px; border:1px solid rgba(221, 221, 221, 1); margin:0 0 10px 0; font-size:12px;}
.global-form textarea { height:70px;}
::-webkit-input-placeholder { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
:-moz-placeholder { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
::-moz-placeholder { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
:-ms-input-placeholder { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
span.archive-dropdown { float:right;}
span.archive-dropdown label { float:left; font-size:12px; margin:0 10px 0 0; line-height:30px;}
span.archive-dropdown select {color:#666; font-size:12px; float:right;border:1px solid rgba(221, 221, 221, 1); background:rgba(255, 255, 255, 1); height:30px; outline:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.content a { color: #333; }
.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.no-js .inputfile + label{display:none}
.inputfile:focus + label,.inputfile.has-focus + label{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px}
.input-holder { position: relative; width: 49%; float:left; margin: 0 1% 0 0; }
.input-holder span { position: absolute; right: 15px; top: 2px;}
.input-holder span.formAtt { left: 80px; top: 30px; font-size: 12px; width: 180px;}
.input-holder label { text-align: center; margin:15px 0 0 0; width: 64px; height: 70px; color:rgba(237,104,110,1); font-weight: bold; padding: 65px 0 0 0; display: block; outline: none;background:url(../images/icon-upload.png) top center no-repeat; background-size: 100%;}
.input-holder label:hover { cursor: pointer; }
.textarea-holder { position: relative;}
.textarea-holder span { position: absolute; right: 15px; top:10px;}
/*Footer*/
.footer { width:100%; background:rgba(255, 255, 255, 1); border-top:1px solid rgba(226, 0, 0, 1); padding:40px 0; position:relative;}
.footer .links { float:left; margin:0 40px 0 0;}
.footer .links h3 { font-size:12px; margin:0 0 20px 0;}
.footer .links ul { list-style:none;}
.footer .links ul li a { text-decoration:none; color:rgba(51, 51, 51, 1); font-size:11px;}
.footer .links ul li a span { background:rgba(226, 0, 0, 1); color:rgba(255, 255, 255, 1); font-size:10px; margin:2px 0 0 5px; display:inline-block; vertical-align:top; line-height:17px; padding:0 3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.footer .contact-social { float:right; text-align:right;}
.footer .contact-social h4 { font-size:12px;}
.footer .contact-social .contact p { font-weight:700;}
.footer .contact-social .contact span { font-size:12px;}
.footer .contact-social .social { margin:20px 0 0 0;}
.footer .contact-social .social ul { list-style:none;}
.footer .contact-social .social ul li { display:inline-block; margin:5px 0 0 0;}
.footer .contact-social .social ul li a { display:block; width:20px;}
.footer .contact-social .social ul li img { width:100%;}
.footer .contact-social .social ul li:hover img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none; }
.footer .contact-social .social ul li img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url(grayscale.svg); filter: gray;}
.footer .copyright .copyright-links a:after { content:'-'; margin:0 10px;}
.footer .copyright .copyright-links a:last-child:after { content:'';}
.footer .copyright { text-align:center; font-size:11px; margin:100px 0 0 0;}
.footer .copyright a { text-decoration:none; color:rgba(0, 0, 0, 1); font-size:12px; font-weight:700;}
.footer .copyright .logo { max-width:215px; margin:20px auto;}
.footer .copyright .logo img { width:100%;}
.cd-top span { display:block; width:32px; height:32px; color:rgba(255, 255, 255, 1); border:1px solid rgba(204, 204, 204, 1); background:rgba(0, 0, 0, 1);font-size:18px; margin:0 auto 5px auto; line-height:32px;}
.cd-top{-webkit-transition: all 0.4s ease; transition: all 0.4s ease;display:inline-block;height:45px;width:45px;position:fixed;bottom:5%;right:10px;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0 visibility 0 .3s;-moz-transition:opacity .3s 0 visibility 0 .3s;transition:opacity .3s 0 visibility 0 .3s;font-size:10px;text-align:center;text-decoration:none;color:rgba(0,0,0,1);}
.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0 visibility 0 0;-moz-transition:opacity .3s 0 visibility 0 0;transition:opacity .3s 0 visibility 0 0;}
.cd-top.cd-is-visible{visibility:visible;opacity:1;}
.no-touch .cd-top:hover{background-color:#e86256;opacity:1;}
.footer .contact-social .contact span { padding: 0 0 0 45px; }
/*Search-Results*/
.search-results { width:100%;}
.search-results h3 { margin:0 0 20px 0;}
.search-results .search-result { width:100%; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid rgba(221, 221, 221, 1);}
.search-results .search-result a { text-decoration:none; color:rgba(51, 51, 51, 1);}
.search-results .search-result span { font-weight:700; font-size:12px;}
.pager { width:100%; margin:20px 0 20px 0; clear: both;}
.pager ul { list-style:none; text-align:center;}
.pager ul li { display:inline-block;}
.pager ul li a { text-decoration:none; color:rgba(255, 255, 255, 1); background:rgba(51, 51, 51, 1); font-size:12px; display:block; padding:2px 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.pager ul li a:hover { background:rgba(0, 0, 0, 1);}
.date-list { position:absolute; max-width:50px; font-size:11px; padding:10px; z-index:9999; background:rgba(221, 221, 221, 1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.date-list ul { list-style:none; text-align:center;}
.date-list ul li { }
.date-list ul li a { display:block; padding:2px 5px; color:rgba(151, 151, 151, 1); text-decoration:none;}
.date-list ul li a:hover { color:rgba(0, 0, 0, 1);}
.date-list ul li:last-child { border-bottom:none;}
.date-sticky{ position:fixed; top:70px;}
.service { margin:20px 0 0 0; background:rgba(255, 255, 255, 1); padding:20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border-bottom:1px solid rgba(221, 221, 221, 1)}
.service h2 { font-size:18px; margin:0 0 10px 0;}
.service p { font-size:14px; margin:0 0 5px 0; color:rgba(111, 111, 111, 1)}
.service .service-information { float:left; width:720px;}
.service .service-links { float:right; width:120px;}
.service .service-links ul { list-style:none;}
.service .service-links ul li { margin:10px 0 0 0;}
.service .service-links ul li a { padding:8px 8px 8px 20px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:block;font-size:11px; font-weight:700; color:rgba(21, 21, 21, 1); text-align:center; text-decoration:none;}
.service .service-links ul li:nth-child(1) a {background:url(../images/icon-direction.svg) 5px center no-repeat rgba(221, 221, 221, 1); back}
.service .service-links ul li:nth-child(2) a {background:url(../images/icon-link.svg) 5px center no-repeat rgba(221, 221, 221, 1);}
.service .service-links ul li:nth-child(1) a:hover {background:url(../images/icon-direction.svg) 5px center no-repeat rgba(171, 171, 171, 1);}
.service .service-links ul li:nth-child(2) a:hover {background:url(../images/icon-link.svg) 5px center no-repeat rgba(171, 171, 171, 1);}
/*Swipebox*/
html.swipebox-html.swipebox-touch{overflow:hidden!important;}
#swipebox-overlay img{border:none!important;}
#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#swipebox-container{position:relative;width:100%;height:100%;}
#swipebox-slider{-webkit-transition:0 .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer;}
#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block;}
#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px;}
#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;width:auto;height:auto;vertical-align:middle;margin:0;padding:0;}
#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5%;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;overflow:hidden;position:relative;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0;}
#swipebox-slider .slide-loading{background:url(../images/loader.gif) no-repeat center center;}
#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;min-height:100px;width:100%;}
#swipebox-bottom-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%;}
#swipebox-bottom-bar{bottom:0;}
#swipebox-top-bar{top:0px;}
#swipebox-top-bar p { line-height:18px; margin:5px 0 0 0;}
#swipebox-title{display:block;text-align:center; padding:0 20px;}
#swipebox-title span {width: 40px; height: 40px; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; background: rgba(221, 221, 221, 1); display:block; color:#000; text-shadow: none; margin:10px auto 0 auto;}
#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(../images/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0;}
#swipebox-arrows{display:block;width:100%;height:50px;margin:0 auto;}
#swipebox-prev{background-position:-32px 13px;float:left;}
#swipebox-next{background-position:-78px 13px;float:right; margin-right:15px;}
#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px;}
.swipebox-no-close-button #swipebox-close{display:none;}
#swipebox-prev.disabled,#swipebox-next.disabled{opacity:0.3;}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s;}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s;}
.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0;}
.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565;}
.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565;}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1;}
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
display: inline-block;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
background: none;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
@-webkit-keyframes rightSpring {
50%{left:-30px;}
0%,100%{left:0;}
}
@keyframes rightSpring {
50%{left:-30px;}
0%,100%{left:0;}
}
@-webkit-keyframes leftSpring {
50%{left:30px;}
0%,100%{left:0;}
}
@keyframes leftSpring {
50%{left:30px;}
0%,100%{left:0;}
}
@media screen and (min-width: 800px) {
#swipebox-close{right:10px;}
#swipebox-arrows{width:92%;max-width:800px;}
}
/*Swipebox*/
#swipebox-overlay{background:#0d0d0d;}
#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:0.95;}
#swipebox-top-bar{color:#FFF!important;font-size:15px;line-height:43px;font-family:Helvetica, Arial, sans-serif;}
/*Share-Overlay*/
#share-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); display:none; z-index:99999;}
#share-overlay.open { display:block; z-index:99999;}
#share-overlay .share-buttons { width:100%; max-width:960px; margin:10% auto 0 auto; text-align:center;}
#share-overlay .share-buttons h1 { color:rgba(255, 255, 255, 1); font-size:34px; border-bottom:1px solid rgba(221, 221, 221, 0.2); padding:0 0 10px 0; margin:0 0 10px 0;}
#share-overlay .share-buttons ul { list-style:none; margin:40px 0 0 0;}
#share-overlay .share-buttons ul li { display:inline-block; margin:0 6px 0 10px;}
#share-overlay .share-buttons ul li a { display:block; width:80px; height:80px; text-decoration:none; color:rgba(255, 255, 255, 1); font-weight:700; font-family:Arial;}
#share-overlay .share-buttons ul li a img { width:100%;}
#share-overlay .share-buttons ul li a p { font-size:12px; margin:10px 0 0 0; display:inline-block;}
#share-overlay .share-buttons ul li a:hover p { border-bottom:1px solid rgba(255, 255, 255, 0.4); padding:0 0 5px 0;}
#share-overlay .share-buttons ul li:nth-child(5) { display:none;}
/*Nav*/
.RU #cssmenu ul li a { padding-left:10px; padding-right:10px; font-size: 13px; }
.RU .search input[type="text"] { width: 125px !important; }
.main-nav { background:rgba(228, 229, 230, 1); width:100%; height:60px; position:relative;}
.main-nav .search { float:right; margin:13px 0 0 0;}
.main-nav .search input { display:inline-block; border:none; vertical-align:top; margin:0 -4px 0 0; outline:none;}
.main-nav .search input[type="text"] { padding:10px; background:none; width:150px;}
.main-nav .search input[type="submit"] { width:22px; height:33px; background:url(../images/icon-search.svg) center center no-repeat; background-size:100%; text-indent:-99999px;-webkit-appearance: none;}
#galeri .gallery { margin: 0 0 0 0;}
.attention { width: 100%; }
.attention .success { padding: 20px; background: rgba(46, 204, 113, 0.2); margin: 0 0 20px 0;}
.attention .failed, .attention ul {padding: 20px; background: rgba(231, 76, 60, 0.2); margin: 0 0 20px 0;}
.attention ul { margin-top:10px; list-style: inside; font-size: 12px;}
#ctl00_ContentPlaceHolder1_pnlKayitBulunamadi a { color: rgba(226,0,0,1); font-weight: 400; text-decoration: none;}
.sitemap { width: 100%; }
.sitemap>ul { float:left; width: calc(33% - 20px); margin: 0 20px 20px 0; list-style: none;}
.sitemap ul li a { font-size:14px; display: block; text-decoration: none; color:rgba(51,51,51,1);}
.sitemap>ul>li:first-child a, .sitemap>ul>li:first-child { font-size:16px; font-weight: 700; margin: 0 0 5px 0;}
.sitemap>ul>li:first-child { border-bottom: 1px solid #ddd; margin: 0 0 5px 0;}
.sitemap>ul>ul { margin:10px 20px; }
.sitemap ul li a span { background:rgba(226, 0, 0, 1); color:rgba(255, 255, 255, 1); font-size:10px; margin:2px 0 0 5px; display:inline-block; vertical-align:top; line-height:17px; padding:0 3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.cookie-notification-es { background: rgba(0,0,0,1); width:100%; padding: 20px 0; color:rgba(255,255,255,1); position: relative;}
.cookie-notification-es h3 { font-size: 14px; }
.cookie-notification-es p { font-size: 12px; padding: 0 40px 0 0;}
.cookie-notification-es a { border-bottom: 1px dotted rgba(255,255,255,1); color:rgba(255,255,255,1); text-decoration: none; padding: 0 0 3px 0; display: inline-block; font-weight: 500;}
.cookie-notification-es input {-webkit-appearance:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border:none; background:rgba(255,255,255,1); color:rgba(0,0,0,1); padding: 6px 8px; margin: 0 10px 0 0; font-size: 12px; font-weight: 500; }
.cookie-notification-es input:hover { cursor: pointer; background: rgba(226,0,0,1); color:rgba(255,255,255,1); }
.cookie-notification-es .kapatbuton { position: absolute; top:25%; right:25px; }
.timeline, .timeline>div {-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
.timeline { width:630px; margin:0 auto; position:relative;}
.timeline:before {content: ''; position: absolute; top: 0; height: 100%; width:4px; background:rgba(51,51,51,0.2); left:50%; margin-left:-2px;}
.timeline .year { width:100%; display:table;}
.timeline .year .date { width:60px; height:60px; background:rgba(221,221,221,1); position:absolute; left:0; right:0; margin:auto;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; text-align:center; line-height:60px; color:rgba(51,51,51,1); font-size:16px; border:4px solid rgba(255,255,255,1);}
.timeline .year .year-content { width:35%; margin:0 0 20px 0; background: rgba(255,255,255,1); padding:20px; border-bottom:2px solid rgba(51,51,51,0.2); font-size:14px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.timeline .year .year-content img { width:100%; margin:0 0 10px 0;}
.timeline .year:nth-child(odd) .year-content { float:left;}
.timeline .year:nth-child(even) .year-content { float:right;}
.is-hidden {visibility: hidden;}
#exestylepopupdiv { top:30vh; position:fixed; width:100%; height:100%; left: 0; right: 0; margin:0; overflow-y:auto;z-index:99999;}
#exestylepopupdiv a { color:#fff; display:block;font-size:28px; text-align:center; text-decoration:none; position:absolute; right:20px; top:10px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.exestylepopup {-webkit-box-shadow: 0px 0px 29px 5px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 29px 5px rgba(0,0,0,0.4);box-shadow: 0px 0px 29px 5px rgba(0,0,0,0.4); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background:#e74c3c; color:#fff; position:absolute; margin: auto; max-width:calc(400px - 40px); right: 0; left: 0; width:calc(100% - 40px); left:0; right:0; overflow:none;z-index:99999; padding:20px; font-size:12px;}
.exestylepopup h6 { font-size:16px; padding:0; margin:0;}
@media only screen and (max-width: 1400px) {
.center { max-width:1024px; }
.sidebar { max-width:300px;}
.content { max-width:690px;}
.home-content .content .home-products .product { max-width:230px; }
.home-content .home-boxes { width:100%;}
.home-content .home-boxes .home-box { width:315px; height:180px;}
.home-content .news-events .news-events-box .news-events-content { max-width:300px;}
.home-content .news-events .news-events-box .news-events-content p { height: 5.7em; overflow: hidden; }
.footer .links { float:left; margin:0 10px 0 0;}
.all-products .product { width:calc(50% - 10px); margin:0 10px 10px 0;}
.product-slider { max-height:345px;}
.attachments .attachments-content { width: 400px; }
.pr-box .pr-box-content { max-width:300px; }
.events .event .event-name { width: 320px; padding: 10px 15px; }
.events-title .events-date { float:left; width:155px;}
.events-title .events-content { float:left; width:320px;}
.events-title .events-location { float:left;}
.press-content iframe { height:400px;}
.contact-box { float:left; width:calc(50% - 20px); margin:0 20px 20px 0;}
.service .service-information { float:left; width:520px;}
.service .service-links { float:right; width:120px;}
.product-content .product-main-slider { height:307px; overflow: hidden; }
#product-tabs ul.tabs li a { padding: 0 20px;}
.sitemap>ul {width: calc(50% - 20px); margin: 0 20px 20px 0;}
.timeline { width: 530px !important; }
.RU #cssmenu ul li a {font-size: 12px; }
.FR #cssmenu ul li a {font-size: 12px; }
.ES #cssmenu ul li a {font-size: 12px; }
.TR #cssmenu ul li a {font-size: 13px; }
}
@media only screen and (max-width:1220px) {
.center { max-width:960px; }
.sidebar { max-width:240px;}
.sidebar .sidebar-form a { font-size: 12px; }
.home-content .content .home-products .product { max-width:345px; }
.footer .links ul { display: none; }
.home-content .home-boxes .home-box .home-box-content { bottom: 30px; right: 30px; }
.home-content .home-boxes .home-box .home-box-content h2 { font-size: 26px; }
.sidebar .catalog .box-content { background:none; padding: 20px 20px 20px 20px;}
.sidebar .catalog .box-content select { width: 100%; }
.attachments .attachments-content { width: 400px; }
.product-slider { max-height:345px;}
.events .event { height: auto; padding: 0 0 20px 0;}
.events .event .event-name { -webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important; width: 100%; height: auto; }
.events .event .event-location { -webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important; float: none; width: 100%; height: auto; border-left:none;}
.events .event .start-date, .events .event .end-date { float:left; width:100%; min-width:50%; height:44px; color:rgba(255, 255, 255, 1); text-align:center; line-height:16px; padding:8px 0;}
.product-content .product-main-slider { height:187px; overflow: hidden; }
.pr-box { height:auto;}
.pr-box .pr-box-img { float:none; width: 100%; max-width: 100%; }
.pr-box .pr-box-img img { height: auto; width: 100%; }
.pr-box .pr-box-content { float:none; max-width:none; width: auto; height: auto; }
.timeline { float: right;}
.RU #cssmenu ul li a {font-size: 11px; }
.FR #cssmenu ul li a {font-size: 11px; }
.ES #cssmenu ul li a {font-size: 11px; }
}
@media only screen and (max-width:1099px) {
.cookie-notification-es .kapatbuton { top:40%; }
.main-nav .center { width: 100%; max-width: 100%; }
.quick-contact .quick-buttons a { width: 100%; display: block; margin: 0 0 5px 0;}
.quick-contact .quick-buttons { height: auto; }
.center { max-width:640px; }
.sidebar { max-width:200px;}
.content { max-width:420px;}
.page-content .about { text-align: justify; }
#about-accordion div { padding: 10px 0; }
.home-content .content .home-products .product { max-width:210px; }
.home-content .home-boxes .home-box { width:180px; height:103px;}
.home-content .home-boxes .home-box span { display: none; }
.home-content .home-boxes .home-box .home-box-content h2 { width: 100px; font-size: 15px; }
.sidebar .sidebar-form a { width: 100%; display: block; margin: 0 0 10px 0; }
.sidebar .sidebar-form input[type="submit"] { float: none; width: 100%;}
.home-content .news-events .news-events-box { width:100%; height:auto; margin:0 0 30px 0;}
.home-content .news-events .news-events-box .news-events-img { float:none; max-width:420px;}
.home-content .news-events .news-events-box .news-events-img img { width:100%;}
.home-content .news-events .news-events-box .news-events-content { float:none; max-width:380px;}
.all-products .product { width:100%; margin:0 0 10px 0;}
.attachments .attachments-content { width: 100%; float: none;}
.attachments .attachments-img { float: none; margin: 0 auto; text-align: center;}
.attachments .attachments-content {padding: 10px 0 10px 0; margin: 0 0 20px 0; }
.product-slider { max-height:210px;}
.gallery .box { float:left; width:calc(33.3% - 10px); margin:0 10px 10px 0;}
.press-news-box { float:none; width:100%; margin:0 0 60px 0;}
.customers-box { float:none; width:100%; margin:0 0 60px 0;}
.events-title { display: none; }
.press-content iframe { height:260px;}
.contact-box { float:left; width:100%; margin:0 0 20px 0;}
.contact-box .cb-content { min-height:auto; }
.service .service-information { float:left; width:100%;}
.service .service-links { float:right; width:100%;}
.top .logo { float:left; max-width:165px; margin:0 0 0 0;}
.main-nav .search { display:none;}
#share-overlay .share-buttons ul li:nth-child(5) { display:inline-block;}
#cssmenu > ul { margin: 0 0 0 0;display:none; }
#cssmenu ul{display:none ; background:rgba(255,255,255, 1); z-index:99999; position: absolute; width: 100%;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,0.15);}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{font-size:12px;color:#000;background:none;padding:20px 20px 20px 30px;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000;}
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu #menu-button{display:block;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase; height:60px;}
#cssmenu #menu-button::after{content:'';position:absolute;top:22px;right:0;left:0;margin:auto;display:block;width:42px;height:4px;background:#000;}
#cssmenu #menu-button::before{content:'';position:absolute;top:30px;right:0;left:0;margin:auto;display:block;width:42px;height:4px;border-top:4px solid #000;border-bottom:4px solid #000;}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:52px;width:52px;cursor:pointer;}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99;}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;z-index:99;}
#cssmenu,#cssmenu ul li a,#cssmenu ul ul li a{width:auto;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after,#menu-line,#cssmenu .submenu-button.submenu-opened:after{display:none;}
#product-tabs ul.tabs { height: auto; }
#product-tabs ul.tabs li { float: none; }
#product-tabs ul.tabs li a { width: 100%; text-align: center; padding: 0 0 0 0; display: block; float: none;}
.breadcrumbs ul li a { display: none; }
.breadcrumbs ul li:nth-child(1) a { display: block; }
.breadcrumbs ul li:nth-child(2) a { display: block; }
.sitemap>ul {width: 100%; margin: 0 20px 20px 0;}
.video-box { float:none; width:100%; margin:0 0 60px 0; height: auto;}
.content img[style*="float: left;"], .content img[style*="float:left;"] {
margin:0 0 20px 0 !important;
width: 100% !important;
}
.content img[style*="float: right;"], .content img[style*="float:right;"] {
margin:0 0 0 20px !important;
width: 100% !important;
}
span.archive-dropdown { float:none; display: block;}
span.archive-dropdown label { float:left; font-size:12px; margin:0 10px 0 0; line-height:30px;}
span.archive-dropdown select {color: #666; font-size:12px; float:right;border:1px solid rgba(221, 221, 221, 1); background:rgba(255, 255, 255, 1); height:30px; outline:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.content h1 { padding: 10px 0 40px 0; }
}
@media only screen and (max-width:720px) {
.center { max-width:420px; width: 100%;}
.sidebar { max-width:420px; width: 100%;}
.sidebar .video { display: none; }
.content { float: none; max-width:420px; width: 100%;}
.footer .links { display: none; }
.footer .contact-social { margin: 0 auto; text-align: center; float: none; }
.quick-menu { display: block; }
.product-slider { max-height:210px;}
.gallery .box { float:left; width:calc(50% - 10px); margin:0 10px 10px 0;}
.footer .contact-social .social ul li a { display:block; width:32px;}
.top .top-nav-social .top-social-media { display: none; }
.top .top-nav-social .top-nav { margin: 8px 0 0 0; }
.home-slider { display: none; }
.mobile-slider { display: block; width: 100%; height: auto; position: relative;}
.mobile-slider img { width:100%; position:relative; z-index:99;}
.mobile-slider .bx-prev, .mobile-slider .bx-next { opacity: 0.2;position: absolute; top: 0; width: 60px; height: 100%; text-indent: -9999px; display: block; z-index: 999; }
.mobile-slider:hover .bx-prev, .mobile-slider:hover .bx-next {opacity: 1}
.mobile-slider .bx-prev { left: 0; background:url(/assets/images/icon-prev.svg) center center no-repeat; background-size:50%;}
.mobile-slider .bx-next { right: 0; background:url(/assets/images/icon-next.svg) center center no-repeat; background-size:50%; }
}
@media only screen and (max-width:480px) {
.oduller img { float: none !important; width: 100%; }
.press-news-box { padding: 0 0 60px 0; min-height: auto; }
.press-news-box .press-news-text { height: auto; }
.center { max-width:280px; width: 100%;}
.sidebar { max-width:280px; width: 100%;}
.sidebar .video { display: none; }
.content { float: none; max-width:280px; width: 100%;}
.footer .links { display: none; }
.footer .contact-social { margin: 0 auto; text-align: center; float: none; }
.quick-menu { display: block; }
.home-content .news-events .news-events-box .news-events-content { max-width:240px; width: 100%;}
.home-content .home-boxes .home-box { max-width:265px; width:100%; height: 152px;}
.home-content .home-boxes .home-box .home-box-content h2 { width: 100px; font-size: 22px; }
.home-content .content .home-products .product { max-width:280px; }
.product-slider { max-height:140px;}
.press-content iframe { height:160px;}
.global-form input, .global-form select, .global-form textarea, .global-form label { width:100% !important; max-width:100% !important;}
.global-form input[name="gonder"] { margin: 20px 0 0 0; }
.product-content .product-main-slider { height:124px; overflow: hidden; }
.content h1 { padding: 10px 0 40px 0; }
.content h1 a { float:left; }
.date-list {display:none; }
.content h1 a { width: 100%; }
}
@media only screen and (min-width: 768px) {
.cd-top { right: 5px; bottom: 20px;}
}
@media only screen and (min-width: 1024px) {
.cd-top { right: 5px; bottom: 40px;}
}
#donanimlar table { width: 100%; padding:0; border-collapse: collapse; border-spacing: 0;}
#donanimlar table tr:nth-child(even) { background:#f7f7f7;}
#donanimlar table th, #donanimlar table td {padding: 10px; text-align: left; font-size: 12px;}
#donanimlar table th {font-size: 14px;letter-spacing: 1px; background:#ebebeb; }
@media screen and (max-width: 600px) {
#donanimlar table { border: 0; }
#donanimlar table thead { display:none;}
#donanimlar table tr:nth-child(even) { background:none;}
#donanimlar table tr { margin-bottom: 5px; display: block; border-bottom: 1px solid #ddd;}
#donanimlar table tr td:first-child { background:#ebebeb;margin-bottom: 5px;display: block;border-bottom: 1px solid #ddd;}
#donanimlar table tr, #donanimlar table tr td:last-child { border-bottom: none;}
#donanimlar table td {display: block;text-align: center;font-size: 13px;border-bottom: 1px dotted #ccc;}
#donanimlar table td:before {content: attr(data-label);float: left;font-weight: bold;}
}
#teknik-bilgiler table { width: 100%; margin:0 0 20px 0; padding:0; border-collapse: collapse; border-spacing: 0;}
#teknik-bilgiler table tr:nth-child(even) { background:#f7f7f7;}
#teknik-bilgiler table th, #teknik-bilgiler table td {padding:5px 10px; font-size: 12px; width:50%;text-align:left}
#teknik-bilgiler table tr td:last-child{text-align:right}
#teknik-bilgiler table th {font-size: 14px;letter-spacing: 1px; background:#ebebeb; }
.content img[style*="float: left;"], .content img[style*="float:left;"] {
margin:0 20px 20px 0;
}
.content img[style*="float: right;"], .content img[style*="float:right;"] {
margin:0 0 20px 20px;
}
.ie-attention { position:fixed; left:0; top:0; right:0; width:100%; height:100%; background:#fff; overflow: hidden; z-index: 999999;}
.attention-content { max-width:660px; padding:0 20px; margin:5% auto; text-align:center;}
.attention-content h1 { font-size:48px; margin:20px 0 10px 0;}
.attention-content p { font-size:13px;color:rgba(121,121,121,1);}
.attention-content h5 { margin:20px 0 0 0;}
.attention-content a { font-size:12px;color:rgba(21,21,21,1); text-decoration:none; margin:5px 10px 0 10px; display:inline-block;}
.attention-content img { margin:50px 0 0 0;}
.error-page { position:fixed; left:0; right:0; width:100%; height:100%; background:rgba(255,255,255,1)}
.error-content { max-width:660px; padding:0 20px; margin:5% auto; text-align:center;}
.error-content h1 { font-size:123px; margin:20px 0 0 0;}
.error-content h2 {font-size:24px; margin:0 0 5px 0;}
.error-content p { font-size:13px;color:rgba(121,121,121,1);}
.error-content a { font-size:12px;color:rgba(21,21,21,1); text-decoration:none; }
.error-content img { margin:50px 0 0 0;}
.timeline, .timeline>div {-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
.timeline { width:630px; margin:0 auto; position:relative;}
.timeline:before {content: ''; position: absolute; top: 0; height: 100%; width:4px; background:rgba(51,51,51,0.2); left:50%; margin-left:-2px;}
.timeline .year { width:100%; display:table;}
.timeline .year .date { width:60px; height:60px; background:rgba(221,221,221,1); position:absolute; left:0; right:0; margin:auto;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; text-align:center; line-height:60px; color:rgba(51,51,51,1); font-size:16px; border:4px solid rgba(255,255,255,1);}
.timeline .year .year-content { width:35%; margin:0 0 20px 0; background: rgba(255,255,255,1); padding:20px; border-bottom:2px solid rgba(51,51,51,0.2); font-size:14px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.timeline .year .year-content img { width:100%; margin:0 0 10px 0;}
.timeline .year:nth-child(odd) .year-content { float:left;}
.timeline .year:nth-child(even) .year-content { float:right;}
.is-hidden {visibility: hidden;}
@media only screen and (max-width:1220px) {
.timeline { float: right;}
}
@media only screen and (max-width:1099px) {
.timeline:before {left:35px;}
.timeline { width:280px !important;}
.timeline .year .year-content { width:65%; padding:10px; margin:0 0 20px 60px;}
.timeline .year .date { left:0; height:auto; right: auto; }
.video-box { float:none; width:100%; margin:0 0 60px 0; height: auto;}
.social-media .sm-name { width: 100px; }
.social-media .facebook,.social-media .twitter,.social-media .linkedin,.social-media .youtube,.social-media .instagram,.social-media .google { width:100%; height:150px; padding:20px;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
.social-media .sm-name { float:none; width:100%; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:rgba(255, 255, 255, 1);}
.social-media .sm-button { float:none; max-width:100%; margin:20px 0 0 0;}
.social-media .bx-controls { top:160px; }
}
@media only screen and (max-width:480px) {
.date-list {display:none; }
.video-box .video-text { padding: 10px 20px 30px 20px; }
.input-holder label { width: 64px !important; height: 70px !important; }
}
.contact-note { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid rgba(221,221,221,1);}
.all-products .product p { font-size: 12px; margin: 0 0 0 0; width: 100%; padding:15px; background:rgba(241,241,241,1); -webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important; }
.warning {font-size:12px;}
.warning #ctl00_ContentPlaceHolder1_YanBar1_pnlSuccess, #ctl00_ContentPlaceHolder1_pnlSuccess { padding: 20px; background: rgba(46, 204, 113, 0.2); margin: 0 0 20px 0;}
.warning #ctl00_ContentPlaceHolder1_YanBar1_pnlFailed, #ctl00_ContentPlaceHolder1_pnlFailed, #warningalarm {padding: 20px; background: rgba(231, 76, 60, 0.2); margin: 0 0 20px 0; position: relative;}
.warning span { display: inline-block; padding: 5px; background:#ccc; color: #333; margin: 0 0 20px 0;}
#warningalarm a { position: absolute; top: 0; right:0; padding: 5px 8px; background:#ca4738; margin: 0 0 0 0; color:#fff; }
.all-products .product h3 span { background:rgba(226, 0, 0, 1); color:rgba(255, 255, 255, 1); font-size:10px; margin:5px 0 0 5px; display:inline-block; vertical-align:top; line-height:17px; padding:0 3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#menu-button{
display:none;
}
@media(min-width: 768px){
#menu-button{
display:block;
}
}
ul.charlist {
font-size: 14px;
list-style-type: none;
}
body .modal-backdrop {
z-index: 99999;
}
div#jGrowl {
z-index: 999999999;
}
.distinctive_features_item_image img {
height:380px;
}
.redline{
width:100%;
border-top: 1px solid rgba(226, 0, 0, 1);
padding-top:15px;
margin-top:15px;
}
.banner {
padding: 82px 0;
background: url(/assets/images/hidromek.jpg) 71% center no-repeat;
background-size: cover;
}
footer {
padding: 25px 0 30px;
color: #333;
}
footer ul {
list-style: none;
margin: 0;
padding: 0;
}
footer .links {
float: left;
margin: 0 45px;
}
footer .links li {
margin-bottom: 13px;
}
footer .links li a {
color: inherit;
}
footer .num, footer .flink{
font-family: "Roboto", sans-serif;
font-size: 22px;
margin: 0;
}
footer .num a, footer a.flink {
text-decoration: none;
color: inherit;
}
.tech-prod {
height: 400px;
}
.tech-prod .panel-body {
height: 225px;
}
.prod_chars ul {
list-style-type: none;
font-size: 12px;
}
.cop{
display: block;
width: 200px;
float: right;
background: #555;
box-shadow: 0 0 19px 0px #777;
}
.cop a {
color: #fff;
font-size: 1em;
text-decoration: none;
display: inline-block;
position: relative;
font-family: 'Dosis', sans-serif;
text-align: left;
}
.cop img{
float: left;
height: 45px;
padding: 5px;
}
a.effect-shine:hover {
color: #fff;
-webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.5) 30%, #000 50%, rgba(0,0,0,.6) 70%);
-webkit-mask-size: 200%;
animation: shine 2s infinite;
}
@-webkit-keyframes shine {
from {
-webkit-mask-position: 150%;
}
to {
-webkit-mask-position: -50%;
}
}
.tel_wrapper {
line-height: 60px;
}
.tel_wrapper a{
text-decoration:none!important;
}
.tel_wrapper .glyphicon, .tel_wrapper span{
color:#000!important;
}
.tech-prod-title{
font-size:20px;
font-weight:bold;
}
.sticky .tel_wrapper {
height: 40px;
line-height: 42px;
}
.order4catalog_wrapper {
padding: 15px;
}
.sticky .order4catalog_wrapper {
padding: 5px 15px;
}
.price_wrapper {
line-height: 42px;
}
@media only screen and (max-width: 720px){
.tablist_contact .nav-tabs li:before {
content:" ";
clear:both;
}
.tablist_contact .nav-tabs li {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.contact_top_panel{display:none;}
footer h4, .h4 {
font-size: 15px!important;
}
}
@media (max-width:768px){
.tech-prod , .tech-prod .panel-body{
height:auto;
}
.tel_wrapper {
width: 100%;
text-align: center;
}
#cssmenu #menu-button::before{
padding-top: 4px;
}
.tel_wrapper .h5{
font-size:25px;
}
.maker_wrapper .cop{
float:none;
margin:20px auto;
}
.contact_top_panel{
position: relative!important;
display: block;
width: 100%!important;
top:0!important;
left:0!important;
}
.modal_maininfo .tobigviewer, .prod_video_youtube img{
width: 100%!important;
}
}
.owl-wrapper-outer {
overflow: hidden;
background: transparent;
}
.carousel-element {
text-align: center;
}
.owl-pagination {
text-align: center;
}
.owl-page {
width: 10px;
height: 10px;
border: 1px solid #777;
display: inline-block;
background: white;
margin: 10px;
border-radius: 5px;
}
.owl-page.active {
background: #777;
}
.owl-item {
float: left;
padding: 0 5px;
}
.owl-controls{display:none!important;}
.distinctive_features_item ul {
list-style-type: none;
}
.distinctive_features_item ul li {
line-height: 28px;
margin-top: 0;
padding: 5px 0 0 40px;
background: url(/assets/images/icon-round-arrow-red.png) no-repeat 5px 10px;
}
.distinctive_features_item.linedfone {
margin: -15px 0;
padding: 15px 0;
background: #ccc url(/assets/images/nav-bg.png) repeat;
}
.panel-default>.panel-heading, .panel-default>.panel-footer{
background: #ccc url(/assets/images/nav-bg.png) repeat;
}
.tablist_contact{
z-index: 999;
background: #f5f7fc;
border-bottom: 2px solid #f5f7fc;
box-shadow: 0px 2px 3px rgba(156,156,156,0.75);
}
.tablist_contact .nav-tabs {
border-bottom: 0;
}
.tablist_contact {
margin-top: -15px;
padding-top: 15px;
}
.tablist_contact .nav-tabs li {
background: transparent;
}
.tablist_contact .nav-tabs li a {
font-size: 16px;
color: #555;
}
.tablist_contact .nav-tabs>li.active>a, .tablist_contact .nav-tabs>li.active>a:hover, .tablist_contact .nav-tabs>li.active>a:focus
{
color: #fff;
background: #000;
}
.tablist_contact .nav-tabs li a h3{
margin:0;
font-size: 20px;
}
.tablist_contact{
border-bottom: 0;
}
div#callback_mapblock {
z-index: 999999;
}
.photogallery_wrapper {
margin-top: -15px;
padding-top: 15px;
color: #fff;
background: #000 url(/assets/images/bg-dark.png) repeat;
}
.photogallery_wrapper {
padding-bottom: 30px;
border-bottom: solid 1px red;
margin-bottom: 30px;
padding-top: 40px;
}
.contact_top_panel {
position: absolute;
z-index: 9999;
width: 250px;
top: 40px;
left: 20%;;
}
.contact_top_panel .panel {
box-shadow: 0px 0px 19px -3px;
}
.panel-default>.panel-heading.h3, .panel-default h3 {
margin: 0;
}
.tablist_contact_panels .tab-pane{
overflow:hidden;
}
.link_to_site{
color:#333;
margin-top: 10px;
display: block;
}
.link_to_site:hover{
color:#000;
text-decoration:none;
}
.preloader {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #fff;
z-index: 9999999999999999;
display:none;
}
.preloader_image {
background: url(/assets/images/preloader.gif) no-repeat 50% 50%;
background-size: 50px;
height: 100%;
}
footer{
background: #ccc url(/assets/images/nav-bg.png) repeat;
}
#order4catalog_menublock {
z-index: 99999999;
}