/*******************************products top menu *************************/ a.proYatayMenu:link{color:#fff;padding:0 7px 10px 5px;font-family:Oswald;font-size:16px; content:f291} a.proYatayMenu:active{color:#fff;} a.proYatayMenu:visited{color:#fff;} /***************************** Form Elemanlarý ********************************/ .inputs{-webkit-appearance: none;padding:10px;border:solid 1px #a3a3a3;color:#5d5d5d;background-color:#fff;box-sizing:border-box;width: 100% !important;} .inputs:hover{border:solid 1px #ff7800;background-color:#ececec;} .tarea{-webkit-appearance: none;padding:10px;border:solid 1px #a3a3a3;color:#5d5d5d;background-color:#fff;box-sizing:border-box;width: 100% !important;} .tarea:hover{border:solid 1px #ff7800;background-color:#ececec;} .button{-webkit-appearance: none;border:0px;color:#ffffff;font-size:18px;padding:10px 50px 10px 50px;box-sizing:border-box;text-decoration:none;text-align:center;cursor:pointer;background:#c7c7c7;font-family:Oswald;-webkit-transition: .3s ease-out;transition: .3s ease-out;} .button:hover{background-color:#c62d1f;} /*********************************link******************************************/ a:link {color: #feb62a;text-decoration: none;} a:visited {color:#feb62a;text-decoration: none;} a:hover {color:#e83f19;text-decoration: underline;} a:active {color:#feb62a;text-decoration: none;} /* Kurumsal menu*/ #cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a{margin:0;padding:0;position:relative;text-transform: uppercase;} #cssmenu {width:70%;float:left;box-sizing:border-box;} #cssmenu:after, #cssmenu ul:after{content:'';display:block;} #cssmenu a {color:#fff !important;display:inline-block;padding:10px;text-decoration:none;box-sizing: border-box;} #cssmenu a:before{font-family:fontAwesome;content: "\f0da";margin-right:5px} #cssmenu a:hover{color:#ff0000 !important;} #cssmenu ul {list-style: none;} #cssmenu > ul {float: left;} #cssmenu > ul > li {float: left;} /* Arrow */ #cssmenu > ul > li:hover:after {content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #e83f19;margin-left: -10px;} #cssmenu > ul > li:first-child a {} #cssmenu > ul > li:last-child a {} #cssmenu > ul > li.active a {} #cssmenu > ul > li:hover > a {color:#e83f19;} #cssmenu .has-sub {z-index: 1;} #cssmenu .has-sub:hover > ul {display: block;} #cssmenu .has-sub ul {display:none;position:absolute;float:left;min-width:150px;top:100%; left: 0;} #cssmenu .has-sub ul li {} /* subMenu */ #cssmenu .has-sub ul li a {text-align:left;background:#212121;color:#fff;filter:none;display: block;line-height: 100%;padding:10px;} #cssmenu .has-sub ul li:hover a {background:#3d3d3d;color:#fff;} #cssmenu .has-sub .has-sub:hover > ul {display: block;} #cssmenu .has-sub .has-sub ul {display: none;position: absolute;left: 100%;top: 0;} #cssmenu .has-sub .has-sub ul li a { background: #ff561b; } #cssmenu .has-sub .has-sub ul li a:hover {background: #e61d25;} /* ilan menusu */ #cssmenu_1 ul, #cssmenu_1 li, #cssmenu_1 span, #cssmenu_1 a{margin:0;padding:0;position:relative;z-index:99} #cssmenu_1 {width:70%;float:left;box-sizing:border-box;text-transform:uppercase;padding:15px 0 15px 15px} #cssmenu_1:after, #cssmenu_1 ul:after {content:'';display: block; clear: both;} #cssmenu_1 a {color:#fff !important;height:32px;display:inline-block;padding:8px 20px 0 0;text-decoration: none;} #cssmenu a:hover{color:#ff0000 !important;} #cssmenu_1 ul {list-style: none;} #cssmenu_1 > ul {float:left;} #cssmenu_1 > ul > li {float:left;} /* Arrow */ #cssmenu_1 > ul > li:hover:after {content:'';display:block;width:0;height:0;position:absolute;margin-left:30px;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #fff;} #cssmenu_1 > ul > li:first-child a {} #cssmenu_1 > ul > li:last-child a {} #cssmenu_1 > ul > li.active a {} #cssmenu_1 > ul > li:hover > a {color:#feb62a;} .has-subPic{float:right;width:200px;height:175px;position:absolute;top:20px;right:20px;} .has-sub-i{font-size:12px;color:#feb62a;font-family: non-inherit;font-family:arial;} #cssmenu_1 .has-sub {z-index:1;width:150px;} #cssmenu_1 .has-sub:hover > ul {display: block;} #cssmenu_1 .has-sub ul {display:none;position:absolute;float:left;width:450px;padding:20px;height:175px;background:#fff;box-shadow: 0 10px 3px -5px rgba(0,0,0,.3);top:55px;left: 0;} #cssmenu_1 .has-sub ul li a {color:#7b7b7b !important;filter:none;display: block;line-height:100%;padding:5px;font-family:Oswald;font-size:18px;} #cssmenu_1 .has-sub ul li:hover a {color:#feb62a;text-decoration:none;} #proMenu{background:none !important;width:auto !important;padding:20px 22px 20px 20px !important;font-size:30px;margin:-25px 0 0 0 !important;height:auto !important;} #proMenu .fa{font-size:30px} #productMenu{display:none;border:1px solid #747474;text-align:left;width:inherit;box-sizing:border-box;min-height:200px;background-color:#fff;position:absolute;z-index:1;top:225px;webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;padding:10px;} .pMTitle{text-transform:uppercase;color:#fc1313;border-bottom:2px solid;padding:10px 0 10px 0;margin-bottom:15px;clear:both;} .pMSub{width:210px;float:left;min-height:120px;margin-right:10px;} .pMSubPic{width:86px;float:left;min-height:120px;} .pMPic{margin-right:3px;webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .pMul{margin-left:110px;text-transform:capitalize;} .ws_lang_1,.ws_lang_2{text-align:center} .ws_lang_1{height:28px} .ws_menu{width:60%;float:left;margin-top:25px;} .ws_menu a:link,.ws_menu a:visited ,.ws_menu a:hover,.ws_menu a:active {color:white !important} .myTitleBack{font-family:Oswald;font-size:18px;text-align:left;padding:20px 0 19px 0;box-sizing:border-box;position: relative;text-transform:uppercase;} .myTitleBack:before{bottom: 0;content: '';position: absolute;display: block;width: 40%;height: 5px;background:#feb62a;} .myTitleBack:after{bottom: 0;content: '';position: absolute;display: block;width: 100%;height: 1px;background:#feb62a;} .calculateCredit{background:#f5f6f6;padding:0 15px 15px 15px;} .calculateCredit1{background:#f5f6f6;padding:20px;margin-top:40px;} .ws_capsule{border:solid 1px #f5f6f6;padding:10px 20px 20px 20px;margin-top:40px} .proName,.FBTitle{background:#f5f6f6;font-family:Oswald;font-size:18px;text-align:left;padding:15px 10px 15px 20px;clear:both;box-sizing:border-box;text-transform:uppercase;display: table;width:100%;} .FBTitle:before{display:none !important;} .FBTitle:after{display:none !important;} .proNameNews{background:#f5f6f6;font-family:Oswald;font-size:18px;text-align:left;padding:15px 10px 15px 20px;clear:both;box-sizing:border-box;text-transform:uppercase;margin:30px 0 10px 0} body{margin:0px} .fa{font-size:18px;vertical-align:middle;} #cssmenu_1 .fa{font-size:24px;vertical-align:top;margin-right:10px} .ws_fastAccess .fa{margin-right:5px} a.sosyal:link{color:#fff !important;display:inline-block;box-sizing:border-box;padding-top:3px;margin-right: 5px;} a.sosyal:hover{color:#fff !important;text-decoration:none;} a.sosyal:visited{color:#fff !important;text-decoration:none;} a.sosyal:active{color:#fff !important;text-decoration:none;} .ws_logo_area{background: #f7f7f7;} .ws_logo_area .fa{font-size:30px;color:#f4762a} .ws_menu_capsule{background:#f7f7f7} #sosyal{box-sizing:border-box;float:right;width:30%;padding:4px 0 0 0 !important;} .ws_menu_side{background:#212121;box-sizing:border-box;} .ws_find_but{float: right;background: #f4762a;position: relative;z-index: 1;padding:20px} .ws_find_but:before{content: '';width: 72px;height: 100%;background: #f4762a;position: absolute;top: 0;left: -42px;border-left: 2px solid #fff;transform: skew(40deg);-webkit-transform: skew(40deg);-moz-transform: skew(40deg);-ms-transform: skew(40deg);-o-transform: skew(40deg);z-index: -1;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; } .search{height:70px !important;box-sizing:border-box;padding:15px 25px !important;} .btn{top:15px !important} .ws_title_side{background-size:100%;background-image: url(../../images/ws_back.jpg);background-attachment:fixed !important;height:160px;color: #fff;text-align: center;padding:50px 0 20px 0;font-family: "Oswald",Helvetica,Arial,sans-serif;text-transform: uppercase;letter-spacing: 0.02rem;font-weight: 400;font-size: 36px;box-sizing:border-box} .myPrice{background:none !important;color:#f4762a !important;font-weight:bold} .search input{right: 30px;} .ws_top_menu_stil2{background-color:#212121;} .ws_top_menu_stil2 .fa{font-size:14px;margin-left:-5px} .ws_1000{width:1170px;margin:0 auto;display: table;} .ws_fastAccess{font-family:"Roboto",Helvetica,Arial,sans-serif;display:inline-block;font-size:13px;font-weight: normal;margin:0;letter-spacing:0;text-align:left;padding-top:20px;border-bottom:0} .ws_fastAccessCap{height:30px;float:left;border-left: 1px solid rgba(0, 0, 0, 0.1);padding:0 15px 0 20px;box-sizing:border-box} .ws_hizliErisimTelEx{color:#7e8c99;} .ws_hizliErisimTel{color:#444444;font-weight: bold;padding:0 !important} .ws_hizliErisimTel,.ws_hizliErisimGsm,.ws_hizliErisimWhatsApp,.ws_hizliErisimEmail{background:none !important} .ws_logo{width:25%;float:left;text-align:left} .ws_fast{width:75%;float:right;text-align:right} .ws_padding{padding:15px 0 0px 0;} .ws_container{margin:0 auto;width:1170px;padding:0px;padding-top:10px;} .ws_table{width:100%;border:0px;margin:0px;padding:0px} .ws_left{width:25%;box-sizing:border-box;float:left} .ws_right{width:73%;box-sizing:border-box;float:right; display:inline-block} .ws_footer{background:#333;min-height:300px;margin-top:80px;color:white} .ws_irtibat{width:50%;float:left} .ws_sos{width:50%;float:right} .ws_footer #sosyal{width:100%;border:0px;margin-bottom: 20px;} .ws_footer a.sosyal:link{border:0px} .ws_sos h2{text-align:right} .ws{background:#222;padding:10px;border-bottom:5px solid #feb62a} #find{float:right;color:#fff;background: rgba(000, 25, 25, .7);padding:20px;text-align:center;position:relative;z-index:99;margin:-32% 15% 0 0;box-sizing:border-box} #find_2{color:#fff;background:#212121;padding:20px;text-align:center;box-sizing:border-box} .ws_hara{height:30px} .ws_lang_2{display:none;} .allx{margin:0px !important;padding:0px !important;} .productMain {height:auto !important;border:0px !important;width:25% !important;position: relative;box-sizing: border-box;min-height: 1px;padding-right:2px !important;padding-left:2px !important;margin: 10px 0 0 0 !important;} .productMain:hover{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;} .container-white{height: 300px;border: solid 1px #efefef;overflow: hidden !important;position: relative;} .productNew{top: 10px !important;left: -25px !important;-webkit-transform: rotate(-45deg);text-align: center;display: table-cell !important;vertical-align: middle !important; padding-top:10px;box-sizing:border-box;background-image:none !important;background:#F12B63 !important;color:#fff;width: 100px !important;height: 30px !important;font-size: 1em; line-height: 1em; -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;} .productNew:before{content: "Yeni";} .productCampaing{top:10px !important;right:-25px !important;-webkit-transform:rotate(-45deg);text-align: center;display: table-cell !important;vertical-align: middle !important; padding:9px 0 0 7px;box-sizing:border-box;background-image:none !important;background:#f4762a !important;color:#fff;width: 100px !important;height: 30px !important;font-size: 1em;line-height: 1em; -moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;} .productCampaing:before{content: "Kampanya";} .proPicWidth{width:100% !important} .productName{padding: 0 10px 0 10px !important;box-sizing: border-box;height: 80px;} .resim{border:0px !important;width:200px !important;margin:0px !important; } #demo5.scroll-img ul{width:1800px !important;margin:0 !important;padding:0 !important;} .scroll-img {padding: 10px 0 10px 0 !important;} .ws_slider{width:1170px;margin:0 auto} .ws_firsat{font-size:12px;height:40px;color: #feb62a;} #ekle{padding:20px;background-color:#b3b7bd;width:100%;margin-top:-55px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:table;box-sizing:border-box} .ws_ekle_1{font-size:24px;float:left;padding:15px 20px 10px 150px;width:40%;box-sizing:border-box} .ws_ekle_2{float:right;padding:10px 150px 10px 20px;width:60%;box-sizing:border-box} .ws_maillist{-webkit-appearance:none;-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;padding:15px;font-size:16px;border:none;width:70%;float:left;box-sizing:border-box;border-bottom:solid 3px #ccc} .ws_maillist_1{-webkit-appearance: none;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;padding:15px;font-size:16px;border:none;width:30%;float:right;box-sizing:border-box;border-bottom:solid 3px #ccc;background-color:#feb62a} .ws_kampanyali:before{font-family:fontAwesome;content: "\f06b";margin-right:8px;font-size:20px} .ws_indirimli:before{font-family:fontAwesome;content: "\f0a7";margin-right:8px;font-size:20px} .ws_cokSatan:before{font-family:fontAwesome;content: "\f217";margin-right:8px;font-size:20px} .ws_yeniUrunler:before{font-family:fontAwesome;content: "\f0eb";margin-right:8px;font-size:20px} .ws_ekle_1:before{font-family:fontAwesome;content: "\f0e0";margin-right:8px;font-size:24px} a.pMLink:before{font-family:fontAwesome;content:"\f07a";margin-right:8px;} .glossymenu div.submenu ul li a{padding: 3px 10px 3px 15px !important;} .glossymenu div.submenu ul li a:before{font-family:fontAwesome;content:"\f054";margin-right:4px;font-size:10px} .glossymenu a.menuitem{padding:3px 10px 3px 0px !important;font-family:fontAwesome;content:"\f054";} .glossymenu a.menuitem:before{font-family:fontAwesome;content:"\f054";margin-right: 4px;font-size:10px} .glossymenu a:hover.menuitem,.glossymenu div.submenu ul li a:hover{webkit-border-radius:0px !important;-moz-border-radius:0px !important;border-radius:0px !important;} .glossymenu{margin:0px !important} @media only screen and (max-width: 1400px) { #find{margin: -34% 15% 0 0;padding:10px;} } @media only screen and (max-width: 1300px) { #find{margin: -33% 15% 0 0;padding:5px;} .findTD{display:none} } @media only screen and (max-width: 1170px) { #find{margin: -34% 15% 0 0;padding:5px;} .ws_1000,.ws_container{width:100%} .ws_sos{padding-right:10px;box-sizing: border-box;} .ws_slider{width:100%;} #ekle{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} .ws_news_content_left,.ws_news_content_right{float:none !important;width:100% !important;margin-right:0px !important;margin-left:0px !important} } @media only screen and (max-width: 1050px) { .calculateCredit{margin-top:0px} #find{float:none;background:#212121;padding:10px;text-align:center;position:absolute;margin:0;display:block;width;width:25%} a.proYatayMenu:link{padding: 0 0px 0px 5px;font-size:12px} .ws_find_but{padding: 20px 5px 20px 5px;} .findInput{width:100px !important} #findForm{width:320px !important} } @media only screen and (max-width: 860px) { .ws_top_menu_stil2,.ws_fast,#cssmenu_1,.ws_left,.ws_menu{display:none} .ws_1000,.ws_container{width:100%} #find{float:none;width:100%;position:relative;box-sizing:border-box;margin:0 auto;padding:30px} .ws_right{float:none;width:100%;padding:10px} .ws_logo{width:100%;float:none;text-align:right} .ws_hara{height:10px} .ws_logo_area{width:100%;padding:0px !important} .ws_lang_2{display:block;} .ws_lang_1{display:none;} .ws_ekle_1{padding-left:10px} .ws_ekle_2{padding-right:10px} .productMain{width:50% !important;} .productName{height:auto} } @media only screen and (max-width: 480px) { .inputs,.tarea,.button{width:100% !important;} #find{width:100%;padding:20px} .productMain{width:100% !important;} .proPicWidth{width:80% !important;} .ws_news_content_left,.ws_news_content_right{height:auto !important} } @media only screen and (max-width: 430px) { .ws_find_but{padding:15px;} #findForm{width:100% !important} .findInput{width:25% !important;} .findSelect{width:40% !important;float:left !important} .findButton{width:20% !important} .ws_find_but:before{display:none} }