* {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

body {
    background: #fff;
}

h1 {
    text-align: center;
    font: 7em "Helvetica Neue" Arial;
    color: #ffc500;
    font-weight: 800;
    padding: 40px;
    padding-bottom: 0;
}

sup {
    font-size: 10px;
    top: 0;
}

a {
    text-decoration: none;
}

.alloy {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #3c3c3c;
    border: #999 1px solid;
    text-align: center;
    font: 1em "Helvetica Neue" Arial;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    margin-top: -5px;
    padding: 15px;
    cursor: pointer;
}


.alloy span {
    font-size: 0.7em;
}

.alloy anticorodal {
    color: rgb(158, 204, 234);
}


.alloy silafont {
    color: rgb(204, 199, 188);
}


.alloy castaman {
    color: rgb(136, 196, 38);
}


.alloy castasil {
    color: rgb(194, 204, 0);
}


.alloy castadur {
    color: rgb(237, 192, 99);
}


.alloy unifont {
    color: rgb(237, 192, 99);
}


.alloy peraluman {
    color: rgb(146, 199, 209);
}

.alloy castaduct {
    color: rgb(77, 255, 219);
}

.alloy magsimal {
    color: rgb(217, 115, 34);
}


.alloy alufont {
    color: rgb(216, 159, 190);
}


.alloy thermodur {
    color: rgb(165, 80, 142);
}


.alloy rotoren {
    color: rgb(86, 146, 206);
}

.alloy aluman {
    color: rgb(86, 146, 206);
}

.alloy:hover {
    color: #06c;
}

.fork {
    padding-bottom: 60px;
}

footer {
    margin-top: 50px;
    text-align: center;
    padding: 40px;
}

footer > p {
    padding-top: 30px;
    text-transform: none;
    letter-spacing: 0;
}

.frame {
    width: 95%;
    margin: 0px auto;
}

.sliders {
    width: 95%;
    margin: 0px auto;
    background: #000 url(../images/background.jpg) repeat fixed 0 0;
    display: table;
    border: outset #999 3px;
}

.box-1 {
    text-align: center;
    font: 1em "Helvetica Neue" Arial;
    color: #000;
    padding: 15px 0px 15px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    height: 215px;
    background-image: url('../images/ticks1.png');
    background-repeat: no-repeat;
    background-position: 45% center;
}

.box-2 {
    text-align: center;
    font: 1em "Helvetica Neue" Arial;
    color: #000;
    padding: 15px 0px 15px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    height: 215px;
    background-image: url('../images/ticks3.png');
    background-repeat: no-repeat;
    background-position: 45% center;
}

.box-3 {
    text-align: center;
    font: 1em "Helvetica Neue" Arial;
    color: #000;
    padding: 15px 0px 15px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    height: 215px;
    background-image: url('../images/ticks3.png');
    background-repeat: no-repeat;
    background-position: 45% center;
}

.box-4 {
    text-align: center;
    font: 1em "Helvetica Neue" Arial;
    color: #000;
    padding: 15px 0px 15px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    height: 215px;
    background-image: url('../images/ticks4.png');
    background-repeat: no-repeat;
    background-position: 45% center;
}


.box-5 {
    text-align: center;
    font: 1em "Helvetica Neue" Arial;
    color: #000;
    padding: 15px 0px 15px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    height: 215px;
    background-image: url('../images/ticks5.png');
    background-repeat: no-repeat;
    background-position: 45% center;
}




.box-6 {
    text-align: center;
    font: 1em "Helvetica Neue" Arial;
    color: #000;
    padding: 15px 0px 15px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    height: 215px;
    background-image: url('../images/ticks6.png');
    background-repeat: no-repeat;
    background-position: 45% center;
}




.box-7 {
    text-align: center;
    font: 1em "Helvetica Neue" Arial;
    color: #000;
    padding: 15px 0px 15px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    height: 215px;
    background-image: url('../images/ticks6.png');
    background-repeat: no-repeat;
    background-position: 45% center;
}




.box-8 {
    text-align: center;
    font: 1em "Helvetica Neue" Arial;
    color: #000;
    padding: 15px 0px 15px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    height: 215px;
    background-image: url('../images/ticks3.png');
    background-repeat: no-repeat;
    background-position: 45% center;
}


.box {
    text-align: center;
    font: 1em "Helvetica Neue" Arial;
    color: #000;
    padding: 15px 0px 15px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
}


.logo {
    text-align: center;
    font: 1em "Helvetica Neue" Arial;
    color: #000;
    padding: 15px 0px;
    height: 100px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
}

/* .box:hover {
  color:#ffa3a3;
} */

.btn {
    margin: auto;
    display: block;
}

.btn {
    background: #000 url("../images/background.jpg") repeat fixed 0 0;
    border: 3px ridge;
    padding: 0 15px;
}

.btn2 {
    background: #000 url("../images/background.jpg") repeat fixed 0 0;
    border: 3px ridge;
    padding: 8.5px;
}

.btn:hover {
    background: #fff url("../images/background.jpg") repeat fixed 0 0;
    ;
    color: #2991D6;
    padding: 0 15px;
}

.btn:visited {
    background: #000 url("../images/background.jpg") repeat fixed 0 0;
    border: 3px ridge;
    width: 10%;
}

.sliderheader {
    display: table;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto;
    padding-bottom: 1em;
}

input,
select {
    text-align: center;
    vertical-align: middle;
    background: #FFF !important;
    width: 100%;
}

.sliderfooter {
    display: table;
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0 auto;
    padding: 1.7em 0.7em 0 0;
    width: 100%;
    text-align: center;
    word-wrap: break-word !important;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


@media (max-width: 1220px) {
    .sliderfooter {
        font-size: 70%;
        font-weight: bold;
    }
}