@font-face {
    font-family: Octin;
    src: url(../font/octin.ttf);
}

body{
    background-color: #000;
}

.top{
    margin-top: 30px;
}

.text-center{
    text-align: center;
}

.white-text{
    color: #fff
}

.grey-bg{
 background-color: #161616 !important;
}


/*Titles*/

.blue-bar{
    background-image: url(../img/blue-bar.png);
}

.blue-title{
    color: #02b2e4;
    font-family: Octin;
    font-weight: bold;
}

.white-title{
    color: #fff;
    font-family: Octin;
    font-weight: bold;
}

.small{
    color: grey;
}

h1, h2,  h3 {
    margin-top: 10px;
}

h2{
    font-size: 40px
}

h3{
    font-size: 30px
}

h4{
    font-size: 20px
}

/*Boxes*/

.box-text-default{
    padding: 10px 20px 0;
    background-color: #000;
    color: #fff;
}


/*Header*/

.text-header{
    padding: 10px 20px 0;
}

.text-header .main-topics{
    background-color: #000;
    color: #fff;
    font-size: 12px;
}

.text-header .main-topics ul{
    padding: 20px 0px 20px 20px;
}


/*Cooler*/

.text-cooler{
    height: 361px;
}

/*M.2*/

.text-m2{
    height: 300px;
}

/*USB*/

.text-usb{
    height: 409px;
}

/*5X*/

.text-5x{
    height: 245px;
}

/*Slot*/

.text-slot{
    height: 305px;
}


/*LED*/

.text-led{
    height: 357px;
}


/*5x-protection*/

.text-5x-icon{
    height: 260px;
}