
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 0.8;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu #menu-button {
display: none;
}
#cssmenu {
width: auto;
line-height: 1;
float:right;
z-index: 999;
}
#cssmenu ul>li{
position: relative;
}


#cssmenu > ul > li:hover .menu-line{
display: inline !important;
}


#cssmenu > ul > li {
float: left;
padding: 0 8px;
}
#cssmenu > ul > li:last-child{
padding-right:0;
margin-left: 34px;
}
#cssmenu > ul {
float: right;
}
#cssmenu > ul > li > a {
text-decoration: none;
color: #1d1d1b;  
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
padding: 28px 6px;
padding-top: 47px;
}
/*
#cssmenu > ul > li > a:before{
content: url("../img/menu-line.png");
position: absolute;
top: 23px;
right: 1px;
}
*/


#cssmenu > ul > li.has-sub:hover > a::after {
border-color: #009ae1;
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
z-index: 9999;
padding-top:25px;
}
#cssmenu ul ul li:first-child{
position: relative;
}
#cssmenu ul ul li:first-child:before{
content: "";
width: 16px;
height: 10px;
background: url('../img/drop-caret.png');
position: absolute;
top:-8px;
left:20px;
}

#cssmenu ul>li>ul>li:hover:before{
display: none;
}
#cssmenu ul>li>ul>li:first-child:hover:before{
display: block;
}

#cssmenu ul ul li:hover:before{
right:initial;
right:auto;
}

#cssmenu ul ul li:hover:first-child:before{

}
#cssmenu li:hover > ul {
left: auto;
}
#cssmenu.align-right li:hover > ul {
right: 0;
}
#cssmenu ul ul ul {
margin-left: 100%;
top: 0;
}
#cssmenu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}
#cssmenu ul ul li {
height: 0;
-webkit-transition: height .2s ease;
-moz-transition: height .2s ease;
-ms-transition: height .2s ease;
-o-transition: height .2s ease;
transition: height .2s ease;
}
#cssmenu ul ul li:first-child a {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#cssmenu ul ul li:last-child a {
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
#cssmenu ul li:hover > ul > li {
height: 42px;

}
#cssmenu ul ul li a {
padding: 15.3px 25px;
margin:0;
width: 214px;
font-size: 14px;
background: #ff0000;
text-decoration: none;
color: #ffffff;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
border-bottom:1px solid #e10303;
font-weight: 800;

}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
color: #ffffff;
background: #e10303;
transition:all .30s ease-in-out;
}
#cssmenu ul> li:hover ul>li a{
color:#fff;
}
#cssmenu ul>li>ul>li:hover a{
color:#fff;
}
#cssmenu ul ul li.has-sub:first-child > a::after {
position: absolute;
content:url('../img/menu-icon.png');
top: 13px;
right: 10px;
width: 76px;
height: 4px;
}
#cssmenu ul ul li.has-sub:nth-child(2) > a::after {
position: absolute;
content:url('../img/menu-icon2.png');
top: 13px;
right: 10px;
width: 76px;
height: 4px;
}
#cssmenu ul ul li.has-sub:nth-child(3) > a::after {
position: absolute;
content:url('../img/menu-icon3.png');
top: 13px;
right: 10px;
width: 76px;
height: 4px;
}


#cssmenu.align-right ul ul li.has-sub > a::after {
right: auto;
left: 10px;
border-bottom: 0;
border-right: 0;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
border-color: #ffffff;
}




/* kn-custom */
#cssmenu > ul > li:hover a{transition:all .30s ease-in-out;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    .exo-menu {background-color:#002967 !important;}
    .display.exo-menu > li > a {color:#fff !important;}
    #cssmenu {
width: 100%;
background: #9BAED3;
}
#cssmenu > ul > li > a{
color:#fff !important;
}
#cssmenu ul ul li:first-child:before{
display: none;
}
#cssmenu ul>li:hover:before{
display: none;
}
#cssmenu ul {
width: 100%;
display: none;
}
#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(249, 247, 250, 0.19);
}
#cssmenu ul li a,
#cssmenu ul ul li a {
width: 100%;
}
#cssmenu > ul > li,
#cssmenu.align-center > ul > li,
#cssmenu.align-right > ul > li {
float: none;
display: block;
}
#cssmenu ul ul li a {
padding: 20px 20px 20px 30px;
font-size: 12px;
color: #fff;
background: none;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
color: #000000;
}
#cssmenu ul ul ul li a {
padding-left: 40px;
}
#cssmenu > ul > li > a{   
padding: 14px 17px;

font-size: 13px;
}
#cssmenu ul ul,
#cssmenu ul ul ul {
position: relative;
left: 0;
right: auto;
width: 100%;
margin: 0;
}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after {
display: none;
}
#menu-line {
display: none;
}
#cssmenu #menu-button {
display: block;
padding: 20px;
color:#fff;
cursor: pointer;
font-size: 14px;
text-transform: uppercase;

font-weight: bold;
}
#cssmenu ul ul li a{
border:none;
}
#cssmenu #menu-button::before {
content: '';

position: absolute;
z-index: 999;
top:15px;
right: 20px;
width: 24px;
height: 30px;
display: block;
text-align: center;
background: url(../img/menu.svg) top right no-repeat;
transition: all .25s ease;
}
#cssmenu .menu-opened::before{
background: url(../img/menu.svg) top left no-repeat !important;
}

#cssmenu .submenu-button {
position: absolute;
z-index: 10;
right: 0;
top: -2px;
display: block;
border-left: 1px solid rgba(120, 120, 120, 0.15);
height: 38px;
width: 52px;
cursor: pointer;

}
#cssmenu .submenu-button::after {
content: '';
position: absolute;
top: 16px;
left: 26px;
display: block;
width: 1px;
height: 11px;
background: #fff;
z-index: 99;
}
#cssmenu .submenu-button::before {
content: '';
position: absolute;
left: 21px;
top: 21px;
display: block;
width: 11px;
height: 1px;
background: #fff;
z-index: 99;
}
#cssmenu .submenu-button.submenu-opened:after {
display: none;
}
}
h4.row.mega-title {background-color:#002a67 !important; border-bottom:1px solid #002a67 !important; font-family: 'Poppins', sans-serif !important; font-weight: 300;}
.mega-menu {background-color:#011c44 !important;}
ul.stander li a {font-family: 'Poppins', sans-serif; font-weight: 200;  font-size: 12px;}
ul.stander li a:hover {background-color:#002a67 !important;}
.caption-text span {font-family: 'Montserrat', sans-serif !important; color:#002a67 !important; font-weight: 600 !important;}
.caption-text span b {font-family: 'Montserrat', sans-serif !important; color:#002a67 !important; font-weight: 600 !important;}
.product-detail-page .left .right-text .nav-tabs a.active {background: #002a67 !important;}
.page-name span {font-size: 4.6em !important; font-weight: 200 !important; letter-spacing: 0px !important; line-height: 1 !important; color:#002d65 !important;}
.section-one .middle-left p {font-family: 'Poppins', sans-serif !important; font-weight: 300 !important; }
.section-three .contact-form form .form-control {border-color: #000102 !important;}
.section-three .contact-form form .btn-send {background: #01193a !important; padding:15px 40px !important;}
.section-three .contact-form form .btn-send:hover {color: #01193a !important; background: #fff !important; padding:15px 40px !important; opacity: 1 !important;}
.contact-all .contact-form form .form-control {border: none !important;  font-size: 12px !important;  font-weight: 200 !important; font-family: 'Poppins', sans-serif !important;}
.product-category .product-cat-item img {width: 90% !important;}
.swiper-pagination-bullet {width: 15px !important; height: 15px !important;  display: inline-block;  border-radius: 100% !important;  background: #dae6f5 !important;  opacity: 1 !important;}
.swiper-pagination-bullet-active {background: #002a67 !important;}
.product-page .product-cat-item .name-text {background-color:rgb(0, 42, 103) !important; padding:12px 10px !important; height:auto !important;}
.product-page .product-cat-item .name-text b {font-weight: 200 !important;}
.swiper-smiliar-product .photo img {width: 90% !important;}
.exo-menu > li > a {color:#002a67 !important; margin:0 !important; font-size:1.7em !important; cursor:pointer;}
.product-page .product-cat-item:before {opacity: 0 !important;}
.product-page .product-cat-item {height: 240px !important; background: #fff !important;}
.product-detail-page .left .right-text {background: none !important;}
.banner {min-height:300px; background:#f3f3f3 !important;}
.banner img  {display: none;}
footer{background: #f9f9f9 !important;}
footer .footer-bottom {background: #fff !important;}
.section-two .cube-item h6 {
font-family: 'Poppins', sans-serif;
font-weight: 600; font-size:1.6em !important;}
.product-detail-page .similar-name b {font-size:1.9em !important; font-weight: 300 !important;}
.section-two {padding:50px 0 100px 0 !important;}
footer .footer-top .left-text span {     font-weight: 400  !important; color: #adadad !important;  font-size:12px !important  font-family: 'Poppins', sans-serif !important;}
.contact-all .contact-info .contact-item p a {
font-size: 1.6em;
font-weight: 300;
color: #000;
line-height: 25px;
font-family: 'Montserrat', sans-serif;
}
.ik-all li {font-family: 'Poppins', sans-serif !important; font-size:15px !important; font-weight: 200 !important;}
.ik-all .contact-form h6 {margin: 35px 0 12px 0 !important;}
.modal-dialog {max-width: 800px !important;}
.input-file + .js-labelFile {font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important;}
#teklifmodal .form-control {font-size: 14px !important;
font-family: 'Poppins', sans-serif !important;
padding: 21px !important;}
#teklifmodal .btn-send {    font-family: 'Poppins', sans-serf;
padding: 10px 50px;}
.ik-all img {margin:30px 0px 0px 0px !important;}
.sertifika-item {    padding:0 25px;
    background: #fff;
    box-shadow: 0 2px 15px 0px #00000012;
    margin-bottom: 9px;
    margin-top: 9px;
    margin-left: 6px;
    margin-right: 6px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;}
