@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html,
body {
    margin: 0px auto;
    background-color: white;
    font-family: 'Poppins',sans-serif;
    background-color: white;
    min-width: 996px;
}

@font-face {
    font-family: ataFont;
    src: url(../font/ufonts.com_ft77-ataFont.eot);
    src: url(../font/ufonts.com_ft77-ataFont.eot?#iefix) format('embedded-opentype'), url(../font/ufonts.com_ft77-ataFont.woff2) format('woff2'), url(../font/ufonts.com_ft77-ataFont.woff) format('woff'), url(../font/ufonts.com_ft77-ataFont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}


.clear {
    clear: both;
    visibility: hidden;
}

a {
    text-decoration: none;
    color: #5b5b5b;
}

@font-face {
    src: url('../font/sqr721bc-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    
    src: url('../font/sqr721c-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*----------------------------- Page Settings ------------------------------*/

.wrapper {
    margin: 0px auto;
    width: 996px;
    height: auto;
}

.pattern {
    float: left;
    width: 100%;
    height: auto;
    background-repeat: repeat;

}

.topBg {
    float: left;
    width: 100%;
    height: 5px;
    background-color: #0f1863;  
}

.top {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 5;
}

.logo {
    float: left;
    width: 216px;
    height: 66px;
    background-image: url('../images/logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 21px;
}

.langBox {
    float: right;
    width: auto;
    background-color: #0f1863;
    padding: 10px 15px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;

}

.lang {
    float: left;
    
    font-size: 14px;
    color: #fff;
}

.langSpan {
    float: left;
    width: auto;
    height: auto;
    
    font-size: 14px;
    color: #fff;
    margin: 0 8px
}

.topMenu {
    float: right;
    width: auto;
    height: auto;
    margin: 14px 0px 0px 0px;
}

.topMenuLink {
    float: left;
    width: auto;
    height: 37px;
    
    font-size: 16px;
    color: #555555;
}

.topMenuLink:hover {
    background-image: url('../images/topMenuHover.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    color: #0f1863;
}

.topMenuSpan {
    float: left;
    width: auto;
    height: auto;
    
    font-size: 18px;
    color: #555555;
    margin: 0px 20px 0px 20px;
}

.bannerBox {
    float: left;
    width: 100%;
    height: 452px;
    background-color: gray;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('../images/banner.png');
    border-top: 2px solid #888ab3;
    position: relative;
    z-index: 1;
}

.bannerSloganBg {
    float: left;
    width: 774px;
    height: 62px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/bannerSloganBg.png');
    position: absolute;
    top: 170px;
    left: 50%;
    margin-left: -387px;
}

.bannerSlogan {
    float: left;
    width: 100%;
    height: auto;
    
    font-size: 41px;
    color: white;
    text-align: center;
    margin-top: 10px;
}

.spotIconsBox {
    float: left;
    width: auto;
    height: 31px;
    position: absolute;
    bottom: 0px;
    left: 42%;
    z-index: 10;
}

.bannerIconsLeft {
    float: left;
    width: 81px;
    height: 31px;
    background-image: url('../images/bannerIconsLeft.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bannerIconsRpt {
    float: left;
    width: auto;
    height: 31px;
    background-image: url('../images/bannerIconsRpt.png');
    background-repeat: repeat-x;
    background-position: center center;
}

.bannerIconsRight {
    float: left;
    width: 81px;
    height: 31px;
    background-image: url('../images/bannerIconsRight.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.mainContentBox {
    float: left;
    width: 301px;
    height: auto;
    margin: 50px 46px 0px 0px;
}

.mainContentTitleBg {
    float: left;
    width: 100%;
    height: 53px;
    background-image: url('../images/mainContentTitleBg.png');
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 10;
    text-transform: uppercase;
}

.mainContentTitle {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    
    font-size: 20px;
    color: #0f1863;
    margin-top: 18px;
}

.mainContentBg {
    float: left;
    width: 291px;
    height: 306px;
    background-image: url('../images/mainContentRpt.png');
    background-repeat: repeat;
    background-position: center center;
    padding: 5px;
    margin: -5px 0px 0px 0px;
    position: relative;
    z-index: 5;
}

.mainContent {
    float: left;
    width: 100%;
    height: 100%;
    background-color: white;
}

.mainContentImg {
    float: left;
    width: 263px;
    height: 128px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 13px 0px 0px 14px;
}

.mainContentText {
    float: left;
    width: 263px;
    height: 110px;
    line-height: 22px;
    font-size: 12px;
    color: #3b3b3b;
    text-align: justify;
    margin: 10px 0px 0px 14px;
}

.mainContentMore {
    float: right;
    width: auto;
    height: auto;
    font-size: 16px;
    color: #0f1863;
    margin: 10px 21px 0px 0px;
}

.mainContactTitle {
    float: left;
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #373737;
    margin: 0px 0px 0px 8px;
}

.mainContactText {
    float: left;
    width: 240px;
    height: auto;
    font-size: 12px;
    margin: 10px 0px 0px 8px;
    line-height: 18px;
}

.mainContactInfo {
    float: left;
    width: 100%;
    height: 52px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('../images/mainContactInfo.png');
    margin-top: 30px;
}

.ikBg {
    float: left;
    width: 171px;
    height: 93px;
    background-repeat: no-repeat;
    background-image: url('../images/ikBg.png');
    margin-top: 13px;
    
    font-size: 20px;
    color: #0f1863;
    padding: 36px 0px 0px 130px;
}

.ikBgBold {
}

.footerBg {
    float: left;
    width: 986px;
    height: 60px;
    background-image: url('../images/mainContentRpt.png');
    background-repeat: repeat;
    background-position: center center;
    padding: 5px;
    margin-top: 30px;
}

.footerContent {
    float: left;
    width: 100%;
    height: 100%;
    background-color: white;
}

.copyright {
    float: left;
    width: auto;
    height: auto;
    
    font-size: 14px;
    color: #525252;
    margin: 24px 0px 0px 24px;
}

.footerLogo {
    float: left;
    width: 172px;
    height: 50px;
    background-image: url('../images/footerLogo.png');
    background-position: center center;
    background-repeat: no-repeat;
    margin: 6px 0px 0px 220px;
}

.ataLogo {
    float: right;
    width: 94px;
    height: 8px;
    background-image: url('../images/ataLogo.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin: 28px 24px 0px 0px;
}

.bannerTitleBg {
    float: left;
    width: 549px;
    height: 50px;
    background-image: url('../images/bannerTitleBg.png');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 6px;
    left: -110px;
    text-transform: uppercase;
}

.bannerTitle {
    float: left;
    width: auto;
    height: auto;
    
    font-size: 28px;
    color: #0f1863;
    margin: 14px 0px 0px 112px;
}

.leftMenu {
    float: left;
    width: 330px;
    height: auto;
    margin: 29px 0px 0px 0px;
}

.leftMenuLink {
    float: left;
    width: 330px;
    height: 32px;
    background-color: white;
    
    font-size: 16px;
    color: #1e1e1e;
    margin: 0px 0px 4px 0px;
    padding: 16px 0px 0px 0px;
}

.leftMenuLinkHover {
    float: left;
    width: 330px;
    min-height: 32px;
    
    font-size: 16px;
    color: #1e1e1e;
    margin: 0px 0px 4px 0px;
    padding: 16px 0px 0px 0px;
    background-color: transparent;
    background-image: url('../images/leftMenuLinkHover.png');
    background-repeat: repeat;
    background-position: center center;
}

.leftSpotIcon {
    float: left;
    width: 10px;
    height: 10px;
    background-image: url('../images/leftMenuSpot.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin: 3px 16px 0px 20px;
}

.rightContent {
    float: right;
    width: 632px;
    height: auto;
    margin: 30px 0px 0px 0px;
}

.rightContentTitle {
    float: left;
    width: 100%;
    height: auto;
    font-size: 20px;
    
    color: #0f1863;
    margin: 0px 0px 16px 0px;
}

.rightContentText {
    float: left;
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #1d1d1d;
    line-height: 22px;
    text-align: justify;
}

.leftMenuLinkx {
    float: left;
    width: auto;
    height: auto;
    
    font-size: 14px;
    color: #1e1e1e;
    margin: 0px 0px 0px 40px;
    padding: 16px 0px 0px 0px;
}

.leftSpotIconx {
    float: left;
    width: 10px;
    height: 10px;
    background-image: url('../images/leftMenuSpotx.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin: 3px 16px 0px 20px;
}

.productsBox {
    float: left;
    width: 170px;
    height: 200px;
    border: 5px solid white;
    position: relative;
    margin: 0px 46px 25px 0px;
}

.productsImg {
    float: left;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: gray;
    background-size: cover;
}

.productsTitleBg {
    float: left;
    width: 100%;
    height: 25px;
    background-image: url('../images/productsTitleBg.png');
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    bottom: 0px;
    padding-top: 12px;
}

.productsTitle {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 12px;
    color: white;
}

.productImgsBox {
    float: left;
    width: 302px;
    height: auto;
    margin: 0px 20px 0px 0px;
}

.productImg {
    float: left;
    width: 290px;
    height: 278px;
    border: 6px solid white;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: gray;
    margin: 0px 0px 12px 0px;
}

.prodcutSmallImgs {
    float: left;
    width: 90px;
    height: 86px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: gray;
    border: 4px solid white;
    margin: 0px 4px 8px 0px;
}

.detayContent {
    float: right;
    width: 632px;
    height: auto;
    margin: 30px 0px 0px 0px;
    font-size: 12px;
    color: #1d1d1d;
    line-height: 22px;
    text-align: justify;
}

.productTitle {
    float: left;
    width: 308px;
    height: auto;
    font-size: 18px;
    color: #ce1d26;
    
    margin-bottom: 16px;
}

.uretimImg {
    float: left;
    width: 200px;
    height: 192px;
    background-color: gray;
    background-position: center center;
    background-repeat: no-repeat;
    border: 5px solid white;
    margin: 20px 52px 0px 0px;
}

/*---------------------------Contact----------------------------------*/



.contactRight_box {
    float: right;
    width: 420px;
    height: auto;
}



.contact_topTitle {
    float: left;
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #ce1d26;
    
}


.contact_adressTitle {
    float: left;
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #898989;
    font-weight: bold;
    margin-bottom: 5px;
}



.contact_adress {
    float: left;
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #898989;
    line-height: 21px;
}



.phoneNumber_img {
    float: left;
    width: 395px;
    height: auto;
    margin-top: 20px;
    font-size: 12px;
    color: #5b5b5b;
    background-image: url('../images/contactphone.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0px 0px 0px 25px;
}



.mapsBox {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 40px;
}



.mapsBg {
    float: left;
    width: 390px;
    height: 184px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    padding: 10px;
}



.maps_img {
    float: left;
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-image: url('../images/maps.png');
    background-repeat: no-repeat;
    opacity: 0.8;
}

.maps_img:hover {
    opacity: 1;
}



.contactLeft_box {
    float: left;
    width: 455px;
    height: auto;
}



.contact_topTitle {
    float: left;
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #ce1d26;
    margin-bottom: 25px;
}



.formForeign_boxe {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0px 18px 0px;
}



.formForeign_boxe span {
    float: left;
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #686868;
    margin: 0px 0px 12px 0px;
}




.form_input {
    float: left;
    width: 433px;
    height: 30px;
    border: 0px;
    outline: none;
    border: 1px solid #d9d9d9;
    background-repeat: no-repeat;
    background-color: none;
    padding: 0px 10px 0px 10px;
    color: #373635;
    font-size: 12px;
}



.textArea {
    float: left;
    width: 433px;
    height: 100px;
    border: 1px solid #d9d9d9;
    background-repeat: no-repeat;
    border: 0px;
    outline: none;
    background-color: none;
    resize: none;
    color: #373635;
    font-size: 12px;
    padding: 10px 10px 10px 10px;
    font-family: "Arial", Tahoma, Geneva;
}



.submit_buton {
    float: right;
    width: 87px;
    height: 32px;
    background-repeat: no-repeat;
    border: 0px;
    outline: none;
}

.secenek {
    float: left;
    width: 85px;
    height: auto;
    text-decoration: none;
    border: 0px;
    outline: none;
    font-size: 16px;
    color: #1e1e1e;
    
    margin-bottom: 16px;
}

.cevap {
    float: left;
    width: 200px;
    height: auto;
    text-decoration: none;
    border: 0px;
    outline: none;
    font-size: 16px;
    color: #1e1e1e;
    
}

.urun_code {
    float: left;
    width: 310px;
    height: auto;
    text-decoration: none;
    margin-top: 18px;
    border-bottom: 1px solid #c8c8c8;
}

.rightContentImgs {
    float: left;
    width: 146px;
    height: 146px;
    background-position: center center;
    background-color: gray;
    background-repeat: no-repeat;
    margin: 20px 10px 0px 0px;
    border: 2px solid white;
}

.spot_icons {
    float: left;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url('../images/spot_icons.png');
    margin: 10px 2px 0px 2px;
}

.spot_icons_hover {
    float: left;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url('../images/spot_icons.png');
    margin: 10px 2px 0px 2px;
}

.radioKonu {
    float: left;
    width: auto;
    height: auto;
    border: 1px solid #ffffff;
    margin: 4px 20px 0px 35px;
}

.bannerdiv {
    position: relative;
}

.bannerImg {
    float: left;
    width: 996px;
    height: 452px;
    position: absolute;
}

.banner-bg {
    position: absolute;
    width: 100%;
    height: 452px;
    left: 0;
    top: 114px;
    z-index: 2;
    background: url('../images/banner-bg.png') no-repeat center center;
}

.pagination-box {
    float: left;
    width: 100%;
    height: auto;
}

.pagination {
    float: right;
    width: auto;
    height: auto;
}

.pagination a {
    float: left;
    width: auto;
    height: 29px;
    line-height: 29px;
    text-decoration: none;
    color: #0f1863;
    background-color: white;
    font-size: 14px;
    border-radius: 3px;
    padding: 0px 8px 0px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 0 0 0 7px;
}