html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    font-family:Roboto, Helvetica,Arial, sans-serif;
}

body.page-deri-kimyasallari {
    background: url("../img/subpage/img-deri-kimyasallari.jpg") no-repeat right 205px;
}
body.page-tekstil-kimyasallari {
    background: url("../img/subpage/img-tekstil-kimyasallari.jpg") no-repeat right 205px;
}
body.page-gida-kimyasallari {
    background: url("../img/subpage/img-gida-kimyasallari.jpg") no-repeat right 205px;
}
body.page-genel-kimyasallar {
    background: url("../img/subpage/img-genel-kimyasallar.jpg") no-repeat right 205px;
}
body.page-diger-urunler {
    background: url("../img/subpage/img-diger-urunler.jpg") no-repeat right 205px;
}



a {
}

a:hover, a:active, a:visited, a:focus {
    text-decoration: none;
}

.top {
    height:100%;
}

.static.navbar .logo {
    width:155px;
    height:64px;
    text-indent: -9999px;
    background-image: url(../img/logo.png);
    background-image:  -webkit-image-set( url(../img/logo.png) 1x, url(../img/2x/logo.png) 2x);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
}

.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.static.navbar {
    padding:24px 0;
    margin:0;
    z-index: 99;
    position: absolute;
    width: 100%;
}

.static.home-page .navbar {
    position: absolute;
    top:0;
    width: 100%;
}

.static.navbar li {
    float:left;
    list-style:none
}

.static.navbar li:hover {
    padding:0 15px;
}

.static.navbar li > a {
    padding:20px 20px 28px 20px;
    display:block;
    font-size:18px;
    color:#fff;
    transition: color 0.3s linear;
}

.static.navbar li:hover a {
    color:#009fbf;
}

.static.navbar li:hover > a {
    padding:20px 30px;
    margin: 0 -25px 0 -25px;
    display:block;
    font-size:18px;
    color:#009fbf;
    background:#fff;
    border-radius: 30px;
}

.static.navbar li .heading-menu {
    background: #fff;
    border-radius: 30px;
    position: absolute;
    width:270px;
    margin-left: -30px;
    padding:20px 35px;
    display: none;
}

.static.navbar li .heading-menu .container {
    width:auto;
    padding:0;
}

.static.navbar li .heading-menu br {
    display:none;
}

.static.navbar li.open-menu .heading-menu {
    display: block;
}

.static.navbar li .heading-menu img {
    display: none;
}

.static.navbar .heading-menu .menu-item {
    float: none;
    background-image: url(../img/home/menu-dotted.png);
    background-image:  -webkit-image-set( url(../img/home/menu-dotted.png) 1x, url(../img/home/2x/menu-dotted.png) 2x);
    background-repeat: repeat-x;
    background-position: center bottom;
    display: block;
}

.static.navbar .heading-menu .menu-item:last-child {
    background: none
}

.static.navbar .heading-menu .menu-item span {
    padding:15px 0;
    color:#333;
    background-image: url(../img/home/menu-arrow.png);
    background-image:  -webkit-image-set( url(../img/home/menu-arrow.png) 1x, url(../img/home/2x/menu-arrow.png) 2x);
    background-repeat: no-repeat;
    background-position: right center;
    display: block;
}

.static.navbar .heading-menu .menu-item:hover span {
    color: #009fbf
}


.static.navbar li.open-menu span.menu-line {
    height:8px;
    display: block;
    background-image: url(../img/home/menu-bg.png);
    background-image: -webkit-image-set( url(../img/home/menu-bg.png) 1x, url(../img/home/2x/menu-bg.png) 2x);
    background-repeat: no-repeat;
    background-position: center 0;
    display: none;
}

.static.navbar li.open-menu span.menu-line {
    display: block;
}


.static.navbar .lang a {
    display: block;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    color: #fff;
    padding: 14px 0;
    text-align: center;
    margin: 10px 0 10px 30px;
    opacity: 1;
}

.menu-open {
    display: none;
}

/* sticky menu*/


.sticky .logo {
    width:118px;
    height:49px;
    text-indent: -9999px;
    background-image: url(../img/logo.png);
    background-image:  -webkit-image-set( url(../img/logo.png) 1x, url(../img/2x/logo.png) 2x);
    background-repeat: no-repeat;
    background-position: left bottom;
    display: block;
}

.sticky.navbar {
    padding:16px 0 0 0;
    width:100%;
    margin-bottom: 0;
}

.sticky.navbar li {
    float:left;
}

.sticky.navbar li a {
    padding:15px 20px 32px 20px;
    display:block;
    font-size:18px;
    color:#333;
    position: relative;
    transition: color 0.3s linear;
}

.sticky.navbar li.sub-menu > a::before {
    content: " ";
    width:1px;
    height:15px;
    position: absolute;
    background-color:#009fbf;
    bottom:-1px;
    left:50%;
    margin-left:-1px;
    transition: color 0.3s linear;
    opacity:0;
}

.sticky.navbar li:hover > a::before {
    opacity:1;
}

.sticky.navbar li.selected > a, .sticky.navbar li:hover > a {
    color:#009fbf;
}

.sticky.navbar .lang a {
    display: block;
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    color: #999;
    padding: 14px 0;
    text-align: center;
    margin: 2px 0 0 30px;
}

.home-page .sticky.navbar {
    position:fixed;
    background: #fff;
    z-index: 999;
}

.home-page .sticky.navbar li.open {
    padding:0 0px;
}

/* heading */

.heading {
    height:181px;
    background: #009fbf;
}

.page-deri-kimyasallari .heading {
    background: url("../img/subpage/heading-deri-kimyasallari.jpg") no-repeat center;
}
.page-tekstil-kimyasallari .heading {
    background: url("../img/subpage/heading-tekstil-kimyasallari.jpg") no-repeat center;
}
.page-gida-kimyasallari .heading {
    background: url("../img/subpage/heading-gida-kimyasallari.jpg") no-repeat center;
}
.page-genel-kimyasallar .heading {
    background: url("../img/subpage/heading-genel-kimyasallar.jpg") no-repeat center;
}
.page-diger-urunler .heading {
    background: url("../img/subpage/heading-diger-urunler.jpg") no-repeat center;
}
.page-firma-profili .heading {
    background: url("../img/subpage/heading-firma-profili.jpg") no-repeat center;
}
.page-vizyon-misyon .heading {
    background: url("../img/subpage/heading-vizyon-misyon.jpg") no-repeat center;
}
.page-temsilcilikler .heading {
    background: url("../img/subpage/heading-temsilcilikler.jpg") no-repeat center;
}
.page-arge .heading {
    background: url("../img/subpage/heading-arge.jpg") no-repeat center;
}
.page-servis-bolgeleri .heading {
    background: url("../img/subpage/heading-servis-bolgeleri.jpg") no-repeat center;
}
.page-iletisim .heading {
    background: url("../img/subpage/heading-iletisim.jpg") no-repeat center;
}
.page-siparis .heading {
    background: url("../img/subpage/heading-siparis.jpg") no-repeat center;
}
.page-kariyer .heading {
    background: url("../img/subpage/heading-kariyer.jpg") no-repeat center;
}

.heading h1 {
    font-size:48px;
    padding:38px 0;
    color: #fff;
    text-align: left;
}

.heading h1.single-line {
    padding:66px 0;
}

.heading .btn-order {
    padding:58px 0px 58px 0;
    text-align:center;
}

.heading .btn-order .btn {
    font-size:18px;
    color:#fff;
    border:2px solid #fff;
    padding:13px 90px;
    display:inline-block;
    border-radius:40px;
    transition: background 0.5s linear;
}

.heading .btn-order .btn span {
    background-image: url(../img/subpage/btn-order.png);
    background-image: -webkit-image-set( url(../img/subpage/btn-order.png) 1x, url(../img/subpage/2x/btn-order.png) 2x);
    background-repeat: no-repeat;
    padding: 5px 5px 5px 50px;
    display: block;
}

.sticky .heading-menu {
    height:181px;
    background: #009fbf;
    padding: 10px 0;
    position: absolute;
    width:100%;
    top:82px;
    text-align: center;
    left:0;
    display: none;
}

.sticky .heading-menu .menu-item {
    display: inline-block!important;
    width:218px;
    padding:15px 0;
    text-align: center;
    background: url("../img/subpage/menu-dot.png") repeat-y right top;
    background-size: 1px 16px;
}

.sticky .heading-menu .menu-item-last {
    background: none!important
}

.static.navbar .heading-menu .menu-item.menu-item-last {
    background: none!important
}



.sticky .heading-menu .menu-item span {
    display: block;
    font-size:18px;
    color: #fff;
    padding: 15px 0 0 0;
    line-height: 1.3;
}



/* Banner */

.slider {
    position: absolute;
    width:100%;
    top:0;
    background:url(../img/home/banner-02.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.slider h2 {
    font-size:56px;
    color:#fff;
    font-weight:normal;
    line-height:1
}

.slider .symbol {
    width:56px;
    height:16px;
    background-image: url(../img/sembol.png);
    background-image: -webkit-image-set( url(../img/sembol.png) 1x, url(../img/2x/sembol.png) 2x);
    background-repeat: no-repeat;
    margin:35px 0;
}

.btn-scroll {
    width:65px;
    height:65px;
    background-image: url(../img/scroll.png);
    background-image: -webkit-image-set( url(../img/scroll.png) 1x, url(../img/2x/scroll.png) 2x);
    display: block;
    position: absolute;
    z-index: 98;
    left:50%;
    margin-left:-32.5px;
    bottom:40px;
    -webkit-animation: pulses 1s infinite;
    animation: pulses 1s infinite;
    cursor: pointer;

}

@-webkit-keyframes pulses {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px); }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); } }

@keyframes pulses {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px); }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); } }

/* Home Products */

@media (min-width: 1200px){
    .container {
        width: 1140px;
    }
}

h1 {
    font-size:40px;
    color:#333;
    font-weight:400;
    text-align:center;
    padding:30px 0 40px 0px;
    margin:0;
}

h2 {
    font-size:24px;
    color:#009fbf;
    font-weight:500;
    padding:0px 0 28px 0;
    margin:0;
}

.vertical-center {
    min-height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.products {
    background:#e9e9e9;
    padding-top: 40px;
}

.products-item {
    width:255px;
    height:297px;
    margin-bottom:30px;
    display:block
}

.products-item span {
    font-size:24px;
    color:#333;
    width:195px;
    height:203px;
    margin:0 auto;
    position:absolute;
    left:50%;
    bottom:0;
    margin-left:-97px;
    display:block;
    padding:30px 15px;
    text-align:center;
    transition: background 0.5s linear;
}

.products-item:hover span {
    background-image: url(../img/home/hover.png)!important;
    background-image:  -webkit-image-set( url(../img/home/hover.png) 1x, url(../img/home/2x/hover.png) 2x)!important;
    color:#fff;
    background-position: left top;
}

.products-item i {
    width: 255px;
    height: 297px;
    margin-bottom: 30px;
    position:absolute;
    top:0;
    opacity:0;
}

.products-item.products-item-01 {
    background:url(../img/home/1.jpg) no-repeat left top;
}

.products-item.products-item-01 span {
    background-image: url(../img/home/1.png);
    background-image:  -webkit-image-set( url(../img/home/1.png) 1x, url(../img/home/2x/1.png) 2x);
}

.products-item.products-item-02 {
    background:url(../img/home/2.jpg) no-repeat left top;
}

.products-item.products-item-02 span {
    background-image: url(../img/home/2.png);
    background-image:  -webkit-image-set( url(../img/home/2.png) 1x, url(../img/home/2x/2.png) 2x);
}

.products-item.products-item-03 {
    background:url(../img/home/3.jpg) no-repeat left top;
}

.products-item.products-item-03 span {
    background-image: url(../img/home/3.png);
    background-image:  -webkit-image-set( url(../img/home/3.png) 1x, url(../img/home/2x/3.png) 2x);
}

.products-item.products-item-04 {
    background:url(../img/home/4.jpg) no-repeat left top;
}

.products-item.products-item-04 span {
    background-image: url(../img/home/4.png);
    background-image:  -webkit-image-set( url(../img/home/4.png) 1x, url(../img/home/2x/4.png) 2x);
}

.products-item.products-item-01 .hover {
    background:url(../img/home/1.jpg) no-repeat left bottom;
}

.products-item.products-item-02 .hover  {
    background:url(../img/home/2.jpg) no-repeat left bottom;
}

.products-item.products-item-03 .hover  {
    background:url(../img/home/3.jpg) no-repeat left bottom;
}

.products-item.products-item-04 .hover  {
    background:url(../img/home/4.jpg) no-repeat left bottom;
}

.link-order {
    display: none
}


.btn-area {
    padding:45px 0px 30px 0;
    text-align:center;
}

.btn-area .btn {
    font-size:24px;
    color:#333;
    border:2px solid #222222;
    padding:10px 70px;
    display:inline-block;
    border-radius:40px;
    transition: background 0.5s linear;
}

.btn-area .btn:hover {
    background:#fff;
    color:#333
}


.cross-link {
    background:#e9e9e9;
    background:url(../img/home/cross-link-bg.png) center top;
    text-align:center;
    padding-top: 40px;
}

.cross-link h3 {
    font-size:36px;
    color:#fff;
    font-weight:300;
    line-height:1;
    margin-top:0;
    margin-bottom:20px
}

.cross-link p {
    font-size:16px;
    color:#fff;
    font-weight:400;
    line-height:1.5;
    margin-bottom:20px;
}

.cross-link .btn-area {
    padding:0px 0px 0px 0;
    text-align:center;
}

.cross-link .btn-area .btn {
    font-size:16px;
    color:#fff;
    border:2px solid #fff;
    padding:10px 55px;
    display:inline-block;
    border-radius:40px;
}

.cross-link .btn-area .btn:hover {
    background:#fff;
    color:#333
}


.cross-link-icon {
    padding:30px 30px 24px 30px;
    border:2px solid #fff;
    border-radius:50%;
    display:inline-block;
    margin-bottom:20px;
}

.cross-link-icon i {
    width:33px;
    height:33px;
    display:block;
    background-image: url(../img/home/cross-link.png);
    background-image:  -webkit-image-set( url(../img/home/cross-link.png) 1x, url(../img/home/2x/cross-link.png) 2x);
    background-repeat: no-repeat;
    display:inline-block;
}

.cross-link-icon .icon-01 {
    background-position:left top
}

.cross-link-icon .icon-02 {
    background-position:-380px top
}

.cross-link-icon .icon-03 {
    background-position:-759px top
}

/* subpage */

.product-layout {
    padding:40px 0 80px 0;
}

.corporate-layout {
    padding:50px 0 80px 0;
}

.form-layout {
    padding:50px 0 30px 0;
}

.product-tab {

}

.product-tab .product-tab-head {
    border-bottom:4px solid #ccc;
    margin-bottom: 35px;
}

.product-tab .product-tab-head a {
    font-size:24px;
    color: #999;
    line-height: 1.3;
    float: left;
    margin-right: 50px;
    padding-right: 38px;
    padding-bottom: 25px;
    margin-bottom:-4px;
}

.product-tab .product-tab-head a.active {
    color: #009fbf;
    background: url("../img/subpage/tab-bg.png") no-repeat left bottom;
}

.product-tab .product-tab-content {
    padding:0 0 0 0;
}

.product-tab p {
    font-size:16px;
    color: #666;
    line-height: 1.5;
    padding-bottom: 15px;
}

.product-list p {
    font-size:16px;
    color: #333;
    padding:18px 0 0px 0;
    margin-top: 28px;
    background-image: url(../img/product-sembol.png);
    background-image:  -webkit-image-set( url(../img/product-sembol.png) 1x, url(../img/2x/product-sembol.png) 2x);
    background-repeat: no-repeat;
    font-weight: 500;
}

.product-list p span {
    display: block;
    color: #666;
    font-weight: 400;
}

/* form */

.form-layout p {
    font-size:16px;
    color: #666;
    line-height: 1.5;
    padding-bottom: 20px;
}

.form-layout .form-group {
    border-top:1px solid #d5d5d5;
    padding:16px 0;
    margin:0 15px;
    overflow: hidden;
    clear: both;
}

.form-layout .help-block {
    margin:0;
}

.form-layout label {
    font-size:16px;
    color: #333!important;
    font-weight:500;
    padding:14px 15px;
}

.form-layout input  {
    font-size:16px;
    color: #333333;
    font-weight: 500;
    border:2px solid #d4d4d4;
    border-radius:20px;
    height:48px;
    padding:0 20px;
}

.form-layout textarea  {
    color: #333333;
    font-size:16px;
    font-weight: 500;
    border:2px solid #d4d4d4;
    border-radius:20px;
    height:108px;
    padding:15px 20px;
    resize: none;
}

.form-layout .cv  {
    font-size:16px;
    color: #333333;
    font-weight: 500;
    border:2px solid #d4d4d4;
    border-radius:20px;
    height:48px;
    padding:9px 20px;
    overflow: hidden;
}

.form-layout .cv a  {
    font-size:16px;
    color: #009fbf;
    font-weight: 600;
    padding:6px 0 6px 16px;
    float: right;
    border-left: 1px solid #a5a5a5;
}

.form-layout .cv span  {
    float: left;
    padding:5px 0;
}



.form-layout .select2  {
    font-size:16px;
    color: #333333;
    font-weight: 500;
    border:2px solid #d4d4d4;
    border-radius:20px;
    height:48px;
    padding:0 20px;
    width:85px;
    float: left;
}

.form-layout .select2-selection {
    border:none!important;
    outline: none;
    padding:7px 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding:0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top:6px;
    right:9px;
}


.form-layout input:focus  {
    border:2px solid #009fbf;
    box-shadow: none!important;
}

.form-layout textarea:focus  {
    border:2px solid #009fbf;
    box-shadow: none!important;
}

.form-layout .has-danger input,.form-layout .has-danger input:focus,.form-layout .has-danger textarea, .form-layout .has-danger textarea:focus  {
    border:2px solid #ff0000;
}

.form-layout input::-webkit-input-placeholder,
.form-layout textarea::-webkit-input-placeholder {
    font-weight: 400;
    opacity:.3;
}

.form-layout .has-danger .help-block {
    font-size:16px;
    color: #ff0000;
    font-weight: 500;
    padding: 10px 20px 0 20px;
}

.form-layout .btn-submit {
    padding:14px 45px 12px 45px;
    background: #009fbf;
    color: #fff;
    font-weight: 500;
    border-radius: 23px;
    margin-left:10px;
}

.form-layout .btn-reset {
    padding:14px 45px 12px 45px;
    background: #9e9e9e;
    color: #fff;
    font-weight: 500;
    border-radius: 23px;
}

.form-layout .btn-product {
    padding:14px 45px 12px 45px;
    background: #9e9e9e;
    color: #fff;
    font-weight: 500;
    border-radius: 23px;
}

.form-layout .form-group p {
    padding-top: 10px;
    padding-left: 15px;
}

.form-layout .form-title span {
    display: block;
    font-size: 16px;
    font-weight:500;
    color: #4f4f4f;
    padding:15px 20px;
}

.form-layout .form-group-list {
    margin-bottom: 15px;
}

.form-layout .remove-field {
    width:18px;
    height:18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #9e9e9e;
    position: relative;
    text-indent:-9999px;
    display: block;
    float: left;
    margin-left:15px;
    margin-top:10px;

}

.form-layout .remove-field::before {
    content: " ";
    width:8px;
    height:2px;
    position: absolute;
    background-color:#fff;
    top:8px;
    left:5px;

}

.w85 {
    width:85px;
}

.w275 {
    width:275px
}

.mr15 {
    margin-right:15px;
}

.static {
    position: static;
}

/**/

.note {
    font-size: 24px;
    color: #666;
    font-weight:500;
    line-height: 1.46;
    background-image: url(../img/note-sembol.png);
    background-image:  -webkit-image-set( url(../img/note-sembol.png) 1x, url(../img/2x/note-sembol.png) 2x);
    background-repeat: no-repeat;
    padding:40px 0 0 0;
}

.note h4 {
    font-size: 24px;
    color: #666;
    font-weight:500;
    padding-bottom:22px;
    line-height: 1.3
}

.note p {
    font-size: 16px;
    color: #666;
    font-weight:400;
    line-height: 1.3;
    padding:0;
    text-align: left;
}

.note p a {
    color: #009fbf;
    text-decoration: underline;
}

.note p.tel {
    font-size: 22px;
    color: #666;
    font-weight:500;
}

.note .slice {
    padding-bottom:22px;
}


.corporate-layout  p {
    font-size:16px;
    color: #666;
    line-height: 1.5;
    padding-bottom: 15px;
    text-align: justify;
}

.corporate-layout .page-img {
    padding-left:28px;
    padding-bottom:28px;
    margin-right:-95px
}

.corporate-layout .page-img-2 {
    padding-left:0px;
    padding-bottom:0px;
    margin-right:0px
}

/**/

.page-mission {
    width: 100%;
    height: 179px;
    margin-bottom: 4px
}

.page-mission h6 {
    font-size:24px;
    color: #fff;
    font-weight: 500;
    padding: 62px 65px;
    line-height: 1.2;
}

.page-mission.page-mission-01 {
    background-image: url(../img/subpage/bg-vizyon-misyon-01.png);
    background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon-01.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon-01.png) 2x);
    background-repeat: no-repeat;
}

.page-mission.page-mission-02 {
    background-image: url(../img/subpage/bg-vizyon-misyon-02.png);
    background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon-02.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon-02.png) 2x);
    background-repeat: no-repeat;
}

.page-mission.page-mission-03 {
    background-image: url(../img/subpage/bg-vizyon-misyon-03.png);
    background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon-03.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon-03.png) 2x);
    background-repeat: no-repeat;
}

.page-mission.page-mission-02 h6, .page-mission.page-mission-03 h6 {
    padding: 48px 65px;
}


.page-box {}

.page-box .box-item {
    width:243px;
    height:243px;
    float: left;
    font-size:22px;
    line-height: 1.2;
    text-align: center;
}

.page-box .box-item span {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.page-box .box-item-01 {
    background-image: url(../img/subpage/bg-vizyon-misyon.png);
    background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon.png) 2x);
    background-position: 0 0;
}

.page-box .box-item-02 {
    color: #009fbf;
}

.page-box .box-item-03 {
    background-image: url(../img/subpage/bg-vizyon-misyon.png);
    background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon.png) 2x);
    background-position: -486px 0;
}

.page-box .box-item-04 {
    color: #ff0078;
}

.page-box .box-item-05 {
    background-image: url(../img/subpage/bg-vizyon-misyon.png);
    background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon.png) 2x);
    background-position: -243px -243px;
}

.page-box .box-item-06 {
    color: #c25e00;
}

.page-box .box-item-07 {
    background-image: url(../img/subpage/bg-vizyon-misyon.png);
    background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon.png) 2x);
    background-position: 0 -487px;
}

.page-box .box-item-08 {
    color: #ff5a00;
}

.page-box .box-item-09 {
    background-image: url(../img/subpage/bg-vizyon-misyon.png);
    background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon.png) 2x);
    background-position: -487px -487px;
}

.page-box .box-item-10 {
    color: #b400ff;
}

.page-box .box-item-11 {
    background-image: url(../img/subpage/bg-vizyon-misyon.png);
    background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon.png) 2x);
    background-position:  -243px -728px;
}

.page-box .box-item-12 {
    color: #00a8ff;
}

/* temsilcilikler */

.list p {
    font-size:16px;
    color: #333;
    padding:15px 0 0px 0;
    font-weight: 500;
}

.list p span {
    display: block;
    color: #666;
    font-weight: 400;
}

.list .list-item {
    padding-bottom:26px;  }

.list .list-item img {
    width:100%;
}

/* map */

.map-layout {
    background:#999;
    position: relative;
}

.map-menu {
    width:285px;
    height: 466px;
    background: #fff;
    position: absolute;
    left:50%;
    z-index: 3;
    margin-left:-555px;
    margin-top:32px;
}

.map-menu h2 {
    padding:25px 30px 10px 30px;
}

.map-menu ul li {
    padding:0 30px;
    font-size:20px;
    font-weight:600;
    line-height:1.4;
}

.map-menu ul li a {
    color: #333;
    display: block;
    border-bottom: 1px solid #d9d9d9;
    padding:10px 0;
    position: relative;
}

.map-menu ul li i {
    display: block;
    width:12px;
    height:12px;
    background: #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right:0;
    top:28px;
}

.map-menu ul li span {
    font-size:14px;
    color: #666;
    font-weight:400;
    display: block;
}

.map-menu ul li.selected {
    background:#222;
}

.map-menu ul li.selected a {
    color: #fff;
    border-bottom: 1px solid #222;
}

.map-menu ul li.selected span {
    font-size:14px;
    color: #fff;
}

.map-menu ul li:last-child a {
    border-bottom: none
}

.map {
    height:615px;
    z-index: 2;
    position: relative;
}

.map .map-info {
    width:300px;
    padding: 10px;
}

.map h3 {
    font-size:24px;
    color:#333;
    font-weight:500;
    padding:0 0 10px 0;
    margin:0;
}

.map p {
    font-size:16px;
    color:#666;
    font-weight:400;
    padding:0 0 5px 0;
    margin:0;
}


.color-01 {
    background: #a2d713!important;
}

.color-02 {
    background: #ff7e00!important;
}

.color-03 {
    background: #de1e6b!important;
}

.color-04 {
    background: #9b30cd!important;
}

.color-05 {
    background: #2c98d0!important;
}

.color-06 {
    background: #32ddd3!important;
}

.color-07 {
    background: #1e43de!important;
}



/* Footer */

footer {
    padding:40px 0 20px 0;
    background: #252227  url("../img//footer.png")no-repeat center top ;
}

footer hr {
    border: none;
    border-bottom:solid 1px #fff;
    width:100%;
    opacity:.2;
    margin: 10px 0;
    padding: 0;
    background: transparent;
}

footer .social a {
    display: block;
    width:42px;
    height:42px;
    background-image: url(../img/home/social-icon.png);
    background-image:  -webkit-image-set( url(../img/home/social-icon.png) 1x,url(../img/home/2x/social-icon.png) 2x);
    background-position: left top;
    text-indent: -9999px;
    float: left;
    margin-left: 10px;
}

footer .social a.facebook {
    background-position: 0 0;
}

footer .social a.instagram {
    background-position: -52px 0;
}

footer .social a.linkedin {
    background-position: -104px 0;
}

footer .logo {
    position: absolute;
    bottom:30px;
    right:0;
}

footer p {
    font-size:16px;
    color:#fff;
    padding:20px 0;
    opacity:.5;
}

footer p a, footer p a:hover {
    color:#fff;
    text-decoration: none;
}

.site-map hr {
    display: none
}

.site-map {
    position:relative
}

.site-map ul {
    margin-bottom:20px;
}


.site-map ul li a {
    font-size:16px;
    color:#fff;
    display:block;
    text-decoration:none;
    padding:15px 0;
    border-bottom:1px solid #534e58;


}

.site-map ul li a:hover {
    opacity: 1;
}

.site-map ul li ul {
    margin-bottom:0;
    padding-top: 8px;
}

.site-map ul li ul li a {
    font-size:16px;
    color:#fff;
    display:block;
    text-decoration:none;
    padding:9px 0;
    opacity:.5;
    border-bottom:none;
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 1170px) {
    body.page-deri-kimyasallari {
        background: url("../img/subpage/img-deri-kimyasallari.jpg") no-repeat 550px 205px;
    }
    body.page-tekstil-kimyasallari {
        background: url("../img/subpage/img-tekstil-kimyasallari.jpg") no-repeat 620px 205px;
    }
    body.page-gida-kimyasallari {
        background: url("../img/subpage/img-gida-kimyasallari.jpg") no-repeat 550px 205px;
    }
    body.page-genel-kimyasallar {
        background: url("../img/subpage/img-genel-kimyasallar.jpg") no-repeat 550px 205px;
    }
    body.page-diger-urunler {
        background: url("../img/subpage/img-diger-urunler.jpg") no-repeat 550px 205px;
    }

    .heading-menu .menu-item {
        width:178px;
    }

    .map-menu {
        margin-left:-475px;
    }

    .page-box .box-item {
        width:205px;
        height:205px;;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

    .slider {
        position: static;
    }


    .slider h2 {
        font-size:48px;
    }

    .btn-scroll {

    }

    .products {
        text-align: center;
    }

    .products-item {
        text-align: center;
        display:inline-block;
    }

    .products-item span {
        bottom:16px;
    }

    .cross-link {
        padding:30px 0;
    }

    .cross-link-wrap {
        padding:30px 0
    }

    .navbar .menu {
        float:none!important;
        padding:20px 0;
        display: none
    }

    .home-page .sticky.navbar .logo {
        width:155px;
        height:64px;
        text-indent: -9999px;
        background-image: url(../img/logo.png);
        background-image:  -webkit-image-set( url(../img/logo.png) 1x, url(../img/2x/logo.png) 2x);
        background-repeat: no-repeat;
        background-position: left top;
        display: block;
    }

    .home-page .sticky.navbar.home-menu .logo {
        width:118px;
        height:49px;
        text-indent: -9999px;
        background-image: url(../img/logo.png);
        background-image:  -webkit-image-set( url(../img/logo.png) 1x, url(../img/2x/logo.png) 2x);
        background-repeat: no-repeat;
        background-position: left bottom;
        display: block;
    }

    .sticky.navbar li{
        float: none;
        border-bottom:1px solid #c1c1c1;
    }

    .sticky.navbar li:last-child {
        border-bottom:none
    }

    .sticky.navbar li a {
        padding:15px!important;
        background: url("../img/menu-arrow-mobile.png") no-repeat right 18px;
        background-size: 11.5px 53px;
        margin-right:15px
    }

    .sticky.navbar li.open-menu {
        background:#009fbf;
    }

    .sticky.navbar li.open-menu > a {
        font-size:18px;
        color:#fff;
        background: url("../img/menu-arrow-mobile.png") no-repeat right -24px;
        background-size: 11.5px 53px;
    }

    .sticky.navbar li.open {
        background:#009fbf;
    }

    .sticky.navbar li.open > a {
        font-size:18px;
        color:#fff;
        background: url("../img/menu-arrow-mobile.png") no-repeat right -24px;
        background-size: 11.5px 53px;
    }


    .sticky.navbar li.open ul {
        height:auto;
        background: #009fbf;
        padding: 5px 0;
        position: static;
        width:100%;
        top:0px;
        text-align: left;
        left:0;
        display: block!important;
        margin-left:0;
    }

    .sticky.navbar  li.open ul .menu-item {
        width:100%;
        display: block;
        text-align: left;
        background: url("../img/subpage/menu-dot-mobile.png") repeat-x right top;
        background-size: 8px 1px;
        padding:10px 0;
        font-weight: 300;
    }


    .sticky.navbar li.sub-menu > a::before {
        display: none
    }

    .sticky.navbar .heading-menu {
        height:auto;
        background: #009fbf;
        padding: 5px 0;
        position: static;
        width:100%;
        top:0px;
        text-align: left;
        left:0;
    }

    .sticky.navbar .heading-menu .menu-item {
        width:100%;
        display: block;
        text-align: left;
        background: url("../img/subpage/menu-dot-mobile.png") repeat-x right top;
        background-size: 8px 1px;
        padding:10px 0;
        font-weight: 300;
    }

    .sticky.navbar .heading-menu .menu-item span {
        padding: 0 0 0 0;
        font-size:15px
    }

    .sticky.navbar .heading-menu .menu-item br {
        display:none
    }

    .sticky.navbar .heading-menu .menu-item img {
        display: none;
    }

    .sticky.navbar .heading-menu .menu-item-last {
        background: url("../img/subpage/menu-dot-mobile.png") repeat-x right top!important;
        background-size: 8px 1px!important;
    }

    .home-page .sticky.navbar {
        position: absolute;
        background:none;
    }

    .home-page .home-menu {
        background:#fff!important;
        height:100vh;
    }

    .home-page .sticky.navbar li {

    }

    .home-page .sticky.navbar li a {
        margin-right: 15px;
    }

    .home-page .sticky.navbar li ul li {
        border-bottom:0;
        background: none;
    }

    .home-page .sticky.navbar li ul li a {
        font-size:15px;
        color: #fff;
        line-height: 1.3;
        background: url("../img/subpage/menu-dot-mobile.png") repeat-x right top;
        background-size: 8px 1px;
        font-weight: 300;

    }

    .home-page .sticky.navbar li.open ul {
        padding: 5px 15px
    }


    .products-item i {
        width: auto;
        height: auto;
        margin-bottom: 30px;
        position:absolute;
        top:0;
        opacity:0;
    }


    .heading {
        height:auto;
        background-size: cover!important;
        margin-top: 20px;
    }

    .heading h1 {
        font-size:26px;
        padding:35px 0;
        color: #fff;
        text-align: left;
    }

    .heading h1.single-line {
        padding:35px 0;
    }

    .heading .btn-order {
        display: none;
    }

    .product-list p {
        margin-top: 4px;
        margin-bottom: 20px;
    }

    .product-tab .product-tab-head {
        border-bottom:4px solid #ccc;
        margin-bottom: 20px;
    }

    .product-tab .product-tab-head a {
        font-size:18px;
        color: #999;
        line-height: 1.2;
        float: left;
        margin-right: 15px;
        padding-right: 0px;
        padding-bottom: 15px;
        margin-bottom:-4px;
    }

    .product-tab .product-tab-head a.last-child {
        margin-right: 0!important;
    }

    /* subpage */

    .product-layout {
        padding:20px 0 40px 0;
    }

    .corporate-layout {
        padding:20px 0 40px 0;
    }

    .form-layout {
        padding:20px 0 40px 0;
    }

    .form-layout .form-group {
        padding-top:2px;
    }

    .form-layout .btn-submit {
        padding:14px 30px 12px 30px;
    }

    .form-layout .btn-reset {
        padding:14px 30px 12px 30px;
    }

    .form-layout .btn-product {
        padding:14px 30px 12px 30px;
    }

    .product-layout .link-order a {
        padding:14px 45px 12px 45px;
        background: #009fbf;
        color: #fff;
        font-weight: 500;
        border-radius: 23px;
        margin-top:10px;
        display:block;
    }

    .link-order {
        display: block
    }

    .w85 {
        width:80px;
    }

    .w275 {
        width:80px;
    }

    .lang {
        display: none;
    }

    .menu-open {
        width:16px;
        height:16px;
        background: url("../img/menu-open.png") no-repeat left top;
        background-size: 16px 75px;
        position: absolute;
        right:30px;
        top:15px;
        display: block;
    }

    .home-page .menu-open {
        background: url("../img/menu-open.png") no-repeat left -54px;
        background-size: 16px 75px;

    }

    .menu-open.open {
        background: url("../img/menu-open.png") no-repeat left -23px;
        background-size: 16px 75px;
    }


    .corporate-layout .page-img {
        width:100%;
        float: none!important;
        padding:10px 0 25px 0;
    }

    .corporate-layout .page-img img {
        width:100%;
    }

    .note {
        margin-bottom:25px;
        font-size:18px;
        padding-top:30px
    }

    .map-menu {
        width:100%;
        height: auto;
        background: #fff;
        position: static;
        z-index: 3;
        margin-left:0px;
        margin-top:20px;
    }

    .page-mission h6 {
        font-size:22px;
        color: #fff;
        font-weight: 500;
        padding: 36px 30px;
        line-height: 1.2;
    }

    .page-mission h6 br {
        display:none
    }

    .page-mission.page-mission-02 h6, .page-mission.page-mission-03 h6 {
        padding: 36px 30px;
    }

    .page-box .box-item {
        width:160px;
        height:160px;
        float: left;
        margin:0 auto;
        font-size:18px
    }



    .page-box .box-item-01 {
        background-image: url(../img/subpage/bg-vizyon-misyon.png);
        background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon.png) 2x);
        background-position: 0 0;
        background-size: 480px;
    }

    .page-box .box-item-02 {
        color: #009fbf;
    }

    .page-box .box-item-03 {
        background-image: url(../img/subpage/bg-vizyon-misyon.png);
        background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon.png) 2x);
        background-position: -486px 0;
        background-size: 480px;
    }

    .page-box .box-item-04 {
        color: #ff0078;
    }

    .page-box .box-item-05 {
        background-image: url(../img/subpage/bg-vizyon-misyon.png);
        background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon.png) 2x);
        background-position: -243px -243px;
        background-size: 480px;
    }

    .page-box .box-item-06 {
        color: #c25e00;
    }

    .page-box .box-item-07 {
        background-image: url(../img/subpage/bg-vizyon-misyon.png);
        background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon.png) 2x);
        background-position: 0 -487px;
        background-size: 480px;
    }

    .page-box .box-item-08 {
        color: #ff5a00;
    }

    .page-box .box-item-09 {
        background-image: url(../img/subpage/bg-vizyon-misyon.png);
        background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon.png) 2x);
        background-position: -487px -487px;
        background-size: 480px;
    }

    .page-box .box-item-10 {
        color: #b400ff;
    }

    .page-box .box-item-11 {
        background-image: url(../img/subpage/bg-vizyon-misyon.png);
        background-image:  -webkit-image-set( url(../img/subpage/bg-vizyon-misyon.png) 1x, url(../img/subpage/2x/bg-vizyon-misyon.png) 2x);
        background-position:  -243px -728px;
        background-size: 480px;
    }

    .page-box .box-item-12 {
        color: #00a8ff;
    }



    .site-map ul {
        margin-bottom:0;
    }

    .site-map ul li ul {
        display: none;
    }

    .site-map ul li a {
        text-align: center;
    }

    footer .social {
        padding-top:40px
    }

    footer .logo {
        position: absolute;
        bottom:0px;
        left:0;
        right:auto;
    }

}