/**
 * AR - KIT => Abson Reavs | Creative studio - Components in CSS, JS and HTML
 * @version 2.0
 * @license Apache2.0
 * @copyright 2019 - Abson Reavs | Creative Studio
 * @link https://abson.cz
*/

/**
 * G R I D  -  S Y S T E M
 * Add padding to your items - ar-col for all grid.
 * Or adding padding only to grid.
 **/
body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
.container{
    position: relative;
    width: 80%;
    margin: 0 auto;
}
.container:after{
    content: '';
    width: 100%;
    clear: both;
    display: block;
    height: 0;
}
.ar-grid{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -15px;
    box-sizing: border-box;
}
.ar-item{
    position: relative;
    box-sizing: border-box;
    margin: 0 15px 30px 15px;
}
.ar-grid.has-full-container{
    margin: 0;
}
/**
 * C O L U M N S  -  S Y S T E M
 * Add or remove class to create columns
 * Max columns is 12
 **/
.ar-grid.only-1-column{
    display: block;
}
.has-1-columns .ar-item{width: calc(100% * (1/1) - 15px - 0px - 15px);}
.has-2-columns .ar-item{width: calc(100% * (1/2) - 15px - 0px - 15px);}
.has-3-columns .ar-item{width: calc(100% * (1/3) - 15px - 0px - 15px);}
.has-4-columns .ar-item{width: calc(100% * (1/4) - 15px - 0px - 15px);}
.has-5-columns .ar-item{width: calc(100% * (1/5) - 15px - 0px - 15px);}
.has-6-columns .ar-item{width: calc(100% * (1/6) - 15px - 0px - 15px);}
.has-7-columns .ar-item{width: calc(100% * (1/7) - 15px - 0px - 15px);}
.has-8-columns .ar-item{width: calc(100% * (1/8) - 15px - 0px - 15px);}
.has-9-columns .ar-item{width: calc(100% * (1/9) - 15px - 0px - 15px);}
.has-10-columns .ar-item{width: calc(100% * (1/10) - 15px - 0px - 15px);}
.has-11-columns .ar-item{width: calc(100% * (1/11) - 15px - 0px - 15px);}
.has-12-columns .ar-item{width: calc(100% * (1/12) - 15px - 0px - 15px);}

.ar-item.col-1{width: calc(8.333333333333333% - 15px - 15px);}
.ar-item.col-2{width: calc(16.66666666666667% - 15px - 15px);}
.ar-item.col-3{width: calc(25% - 15px - 15px);}
.ar-item.col-4{width: calc(33.33333333333333% - 15px - 15px);}
.ar-item.col-5{width: calc(41.66666666666667% - 15px - 15px);}
.ar-item.col-6{width: calc(50% - 15px - 15px);}
.ar-item.col-7{width: calc(58.33333333333333% - 15px - 15px);}
.ar-item.col-8{width: calc(66.66666666666667% - 15px - 15px);}
.ar-item.col-9{width: calc(75% - 15px - 15px);}
.ar-item.col-10{width: calc(83.33333333333333% - 15px - 15px);}
.ar-item.col-11{width: calc(91.66666666666667% - 15px - 15px);}
.ar-item.col-12{width: calc(100% - 15px - 15px);}

/**
 * S P A C I N G  -  S Y S T E M
 * Add to your grid space or remove.
 **/
.ar-grid.has-margin-0{margin: 0}
.ar-grid.has-margin-1{margin: 0 -0.5px;}
.ar-grid.has-margin-5{margin: 0 -2.5px;}
.ar-grid.has-margin-10{margin: 0 -5px;}
.has-margin-0 .ar-item{margin: 0;}
.has-margin-1 .ar-item{margin: 0 0.5px 1px 0.5px;}
.has-margin-5 .ar-item{margin: 0 2.5px 5px 2.5px;}
.has-margin-10 .ar-item{margin: 0 5px 10px 5px;}
.has-margin-0 .ar-item.col-1{width: calc(8.333333333333333% - 0px - 0px);}
.has-margin-0 .ar-item.col-2{width: calc(16.66666666666667% - 0px - 0px);}
.has-margin-0 .ar-item.col-3{width: calc(25% - 0px - 0px);}
.has-margin-0 .ar-item.col-4{width: calc(33.33333333333333% - 0px - 0px);}
.has-margin-0 .ar-item.col-5{width: calc(41.66666666666667% - 0px - 0px);}
.has-margin-0 .ar-item.col-6{width: calc(50% - 0px - 0px);}
.has-margin-0 .ar-item.col-7{width: calc(58.33333333333333% - 0px - 0px);}
.has-margin-0 .ar-item.col-8{width: calc(66.66666666666667% - 0px - 0px);}
.has-margin-0 .ar-item.col-9{width: calc(75% - 0px - 0px);}
.has-margin-0 .ar-item.col-10{width: calc(83.33333333333333% - 0px - 0px);}
.has-margin-0 .ar-item.col-11{width: calc(91.66666666666667% - 0px - 0px);}
.has-margin-0 .ar-item.col-12{width: calc(100% - 0px - 0px);}
.has-margin-1 .ar-item.col-1{width: calc(8.333333333333333% - 0.5px - 0.5px);}
.has-margin-1 .ar-item.col-2{width: calc(16.66666666666667% - 0.5px - 0.5px);}
.has-margin-1 .ar-item.col-3{width: calc(25% - 0.5px - 0.5px);}
.has-margin-1 .ar-item.col-4{width: calc(33.33333333333333% - 0.5px - 0.5px);}
.has-margin-1 .ar-item.col-5{width: calc(41.66666666666667% - 0.5px - 0.5px);}
.has-margin-1 .ar-item.col-6{width: calc(50% - 0.5px - 0.5px);}
.has-margin-1 .ar-item.col-7{width: calc(58.33333333333333% - 0.5px - 0.5px);}
.has-margin-1 .ar-item.col-8{width: calc(66.66666666666667% - 0.5px - 0.5px);}
.has-margin-1 .ar-item.col-9{width: calc(75% - 0.5px - 0.5px);}
.has-margin-1 .ar-item.col-10{width: calc(83.33333333333333% - 0.5px - 0.5px);}
.has-margin-1 .ar-item.col-11{width: calc(91.66666666666667% - 0.5px - 0.5px);}
.has-margin-1 .ar-item.col-12{width: calc(100% - 0.5px - 0.5px);}
.has-margin-5 .ar-item.col-1{width: calc(8.333333333333333% - 2.5px - 2.5px);}
.has-margin-5 .ar-item.col-2{width: calc(16.66666666666667% - 2.5px - 2.5px);}
.has-margin-5 .ar-item.col-3{width: calc(25% - 2.5px - 2.5px);}
.has-margin-5 .ar-item.col-4{width: calc(33.33333333333333% - 2.5px - 2.5px);}
.has-margin-5 .ar-item.col-5{width: calc(41.66666666666667% - 2.5px - 2.5px);}
.has-margin-5 .ar-item.col-6{width: calc(50% - 2.5px - 2.5px);}
.has-margin-5 .ar-item.col-7{width: calc(58.33333333333333% - 2.5px - 2.5px);}
.has-margin-5 .ar-item.col-8{width: calc(66.66666666666667% - 2.5px - 2.5px);}
.has-margin-5 .ar-item.col-9{width: calc(75% - 2.5px - 2.5px);}
.has-margin-5 .ar-item.col-10{width: calc(83.33333333333333% - 2.5px - 2.5px);}
.has-margin-5 .ar-item.col-11{width: calc(91.66666666666667% - 2.5px - 2.5px);}
.has-margin-5 .ar-item.col-12{width: calc(100% - 2.5px - 2.5px);}
.has-margin-10 .ar-item.col-1{width: calc(8.333333333333333% - 5px - 5px);}
.has-margin-10 .ar-item.col-2{width: calc(16.66666666666667% - 5px - 5px);}
.has-margin-10 .ar-item.col-3{width: calc(25% - 5px - 5px);}
.has-margin-10 .ar-item.col-4{width: calc(33.33333333333333% - 5px - 5px);}
.has-margin-10 .ar-item.col-5{width: calc(41.66666666666667% - 5px - 5px);}
.has-margin-10 .ar-item.col-6{width: calc(50% - 5px - 5px);}
.has-margin-10 .ar-item.col-7{width: calc(58.33333333333333% - 5px - 5px);}
.has-margin-10 .ar-item.col-8{width: calc(66.66666666666667% - 5px - 5px);}
.has-margin-10 .ar-item.col-9{width: calc(75% - 5px - 5px);}
.has-margin-10 .ar-item.col-10{width: calc(83.33333333333333% - 5px - 5px);}
.has-margin-10 .ar-item.col-11{width: calc(91.66666666666667% - 5px - 5px);}
.has-margin-10 .ar-item.col-12{width: calc(100% - 5px - 5px);}
.has-margin-0.has-1-columns .ar-item{width: calc(100% * (1/1) - 0px - 0px - 0px);}
.has-margin-0.has-2-columns .ar-item{width: calc(100% * (1/2) - 0px - 0px - 0px);}
.has-margin-0.has-3-columns .ar-item{width: calc(100% * (1/3) - 0px - 0px - 0px);}
.has-margin-0.has-4-columns .ar-item{width: calc(100% * (1/4) - 0px - 0px - 0px);}
.has-margin-0.has-5-columns .ar-item{width: calc(100% * (1/5) - 0px - 0px - 0px);}
.has-margin-0.has-6-columns .ar-item{width: calc(100% * (1/6) - 0px - 0px - 0px);}
.has-margin-0.has-7-columns .ar-item{width: calc(100% * (1/7) - 0px - 0px - 0px);}
.has-margin-0.has-8-columns .ar-item{width: calc(100% * (1/8) - 0px - 0px - 0px);}
.has-margin-0.has-9-columns .ar-item{width: calc(100% * (1/9) - 0px - 0px - 0px);}
.has-margin-0.has-10-columns .ar-item{width: calc(100% * (1/10) - 0px - 0px - 0px);}
.has-margin-0.has-11-columns .ar-item{width: calc(100% * (1/11) - 0px - 0px - 0px);}
.has-margin-0.has-12-columns .ar-item{width: calc(100% * (1/12) - 0px - 0px - 0px);}
.has-margin-1.has-1-columns .ar-item{width: calc(100% * (1/1) - 0.5px - 0px - 0.5px);}
.has-margin-1.has-2-columns .ar-item{width: calc(100% * (1/2) - 0.5px - 0px - 0.5px);}
.has-margin-1.has-3-columns .ar-item{width: calc(100% * (1/3) - 0.5px - 0px - 0.5px);}
.has-margin-1.has-4-columns .ar-item{width: calc(100% * (1/4) - 0.5px - 0px - 0.5px);}
.has-margin-1.has-5-columns .ar-item{width: calc(100% * (1/5) - 0.5px - 0px - 0.5px);}
.has-margin-1.has-6-columns .ar-item{width: calc(100% * (1/6) - 0.5px - 0px - 0.5px);}
.has-margin-1.has-7-columns .ar-item{width: calc(100% * (1/7) - 0.5px - 0px - 0.5px);}
.has-margin-1.has-8-columns .ar-item{width: calc(100% * (1/8) - 0.5px - 0px - 0.5px);}
.has-margin-1.has-9-columns .ar-item{width: calc(100% * (1/9) - 0.5px - 0px - 0.5px);}
.has-margin-1.has-10-columns .ar-item{width: calc(100% * (1/10) - 0.5px - 0px - 0.5px);}
.has-margin-1.has-11-columns .ar-item{width: calc(100% * (1/11) - 0.5px - 0px - 0.5px);}
.has-margin-1.has-12-columns .ar-item{width: calc(100% * (1/12) - 0.5px - 0px - 0.5px);}
.has-margin-5.has-1-columns .ar-item{width: calc(100% * (1/1) - 2.5px - 0px - 2.5px);}
.has-margin-5.has-2-columns .ar-item{width: calc(100% * (1/2) - 2.5px - 0px - 2.5px);}
.has-margin-5.has-3-columns .ar-item{width: calc(100% * (1/3) - 2.5px - 0px - 2.5px);}
.has-margin-5.has-4-columns .ar-item{width: calc(100% * (1/4) - 2.5px - 0px - 2.5px);}
.has-margin-5.has-5-columns .ar-item{width: calc(100% * (1/5) - 2.5px - 0px - 2.5px);}
.has-margin-5.has-6-columns .ar-item{width: calc(100% * (1/6) - 2.5px - 0px - 2.5px);}
.has-margin-5.has-7-columns .ar-item{width: calc(100% * (1/7) - 2.5px - 0px - 2.5px);}
.has-margin-5.has-8-columns .ar-item{width: calc(100% * (1/8) - 2.5px - 0px - 2.5px);}
.has-margin-5.has-9-columns .ar-item{width: calc(100% * (1/9) - 2.5px - 0px - 2.5px);}
.has-margin-5.has-10-columns .ar-item{width: calc(100% * (1/10) - 2.5px - 0px - 2.5px);}
.has-margin-5.has-11-columns .ar-item{width: calc(100% * (1/11) - 2.5px - 0px - 2.5px);}
.has-margin-5.has-12-columns .ar-item{width: calc(100% * (1/12) - 2.5px - 0px - 2.5px);}
.has-margin-10.has-1-columns .ar-item{width: calc(100% * (1/1) - 5px - 0px - 5px);}
.has-margin-10.has-2-columns .ar-item{width: calc(100% * (1/2) - 5px - 0px - 5px);}
.has-margin-10.has-3-columns .ar-item{width: calc(100% * (1/3) - 5px - 0px - 5px);}
.has-margin-10.has-4-columns .ar-item{width: calc(100% * (1/4) - 5px - 0px - 5px);}
.has-margin-10.has-5-columns .ar-item{width: calc(100% * (1/5) - 5px - 0px - 5px);}
.has-margin-10.has-6-columns .ar-item{width: calc(100% * (1/6) - 5px - 0px - 5px);}
.has-margin-10.has-7-columns .ar-item{width: calc(100% * (1/7) - 5px - 0px - 5px);}
.has-margin-10.has-8-columns .ar-item{width: calc(100% * (1/8) - 5px - 0px - 5px);}
.has-margin-10.has-9-columns .ar-item{width: calc(100% * (1/9) - 5px - 0px - 5px);}
.has-margin-10.has-10-columns .ar-item{width: calc(100% * (1/10) - 5px - 0px - 5px);}
.has-margin-10.has-11-columns .ar-item{width: calc(100% * (1/11) - 5px - 0px - 5px);}
.has-margin-10.has-12-columns .ar-item{width: calc(100% * (1/12) - 5px - 0px - 5px);}
/**
 * P A D D I N G  -  S Y S T E M
 * Add padding to your items - ar-col for all grid.
 * Or adding padding only to grid.
 **/
.add-padding-10 .ar-item{padding: 10px;}
.add-padding-15 .ar-item{padding: 15px;}
.add-padding-20 .ar-item{padding: 20px;}
.add-padding-25 .ar-item{padding: 25px;}
.add-padding-30 .ar-item{padding: 30px;}
.add-padding-35 .ar-item{padding: 35px;}
.add-padding-40 .ar-item{padding: 40px;}
.add-padding-45 .ar-item{padding: 45px;}
.add-padding-50 .ar-item{padding: 50px;}
.add-padding-55 .ar-item{padding: 55px;}
.add-padding-60 .ar-item{padding: 60px;}
.add-padding-65 .ar-item{padding: 65px;}
.add-padding-70 .ar-item{padding: 70px;}
.add-padding-75 .ar-item{padding: 75px;}
.add-padding-80 .ar-item{padding: 80px;}
.add-padding-85 .ar-item{padding: 85px;}
.add-padding-90 .ar-item{padding: 90px;}
.add-padding-95 .ar-item{padding: 95px;}
.add-padding-100 .ar-item{padding: 100px;}

/**
 * S E T T I N G S - G R I D
 * Všeobecná nastavení gridu
 **/
.ar-self-align .ar-item{
    align-self: center;
}
.ar-grid.ar-expand{
    margin-left: -12.5%;
    margin-right: -12.5%;
}
.ar-center{
    justify-content: center;
}

/**
 * R E S P O N S I V E
 * make all responsive
 **/
@media screen and (max-width : 1300px){
    .has-2-columns .ar-item{width: calc(100% * (1/1) - 15px - 0px - 15px);}
    .has-3-columns .ar-item{width: calc(100% * (1/2) - 15px - 0px - 15px);}
    .has-4-columns .ar-item{width: calc(100% * (1/3) - 15px - 0px - 15px);}
    .has-5-columns .ar-item{width: calc(100% * (1/4) - 15px - 0px - 15px);}
    .has-6-columns .ar-item{width: calc(100% * (1/5) - 15px - 0px - 15px);}
    .has-7-columns .ar-item{width: calc(100% * (1/6) - 15px - 0px - 15px);}
    .has-8-columns .ar-item{width: calc(100% * (1/7) - 15px - 0px - 15px);}
    .has-9-columns .ar-item{width: calc(100% * (1/8) - 15px - 0px - 15px);}
    .has-10-columns .ar-item{width: calc(100% * (1/9) - 15px - 0px - 15px);}
    .has-11-columns .ar-item{width: calc(100% * (1/10) - 15px - 0px - 15px);}
    .has-12-columns .ar-item{width: calc(100% * (1/11) - 15px - 0px - 15px);}

    .has-margin-0.has-2-columns .ar-item{width: calc(100% * (1/1) - 0px - 0px - 0px);}
    .has-margin-0.has-3-columns .ar-item{width: calc(100% * (1/2) - 0px - 0px - 0px);}
    .has-margin-0.has-4-columns .ar-item{width: calc(100% * (1/3) - 0px - 0px - 0px);}
    .has-margin-0.has-5-columns .ar-item{width: calc(100% * (1/4) - 0px - 0px - 0px);}
    .has-margin-0.has-6-columns .ar-item{width: calc(100% * (1/5) - 0px - 0px - 0px);}
    .has-margin-0.has-7-columns .ar-item{width: calc(100% * (1/6) - 0px - 0px - 0px);}
    .has-margin-0.has-8-columns .ar-item{width: calc(100% * (1/7) - 0px - 0px - 0px);}
    .has-margin-0.has-9-columns .ar-item{width: calc(100% * (1/8) - 0px - 0px - 0px);}
    .has-margin-0.has-10-columns .ar-item{width: calc(100% * (1/9) - 0px - 0px - 0px);}
    .has-margin-0.has-11-columns .ar-item{width: calc(100% * (1/10) - 0px - 0px - 0px);}
    .has-margin-0.has-12-columns .ar-item{width: calc(100% * (1/11) - 0px - 0px - 0px);}

    .has-margin-1.has-2-columns .ar-item{width: calc(100% * (1/1) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-3-columns .ar-item{width: calc(100% * (1/2) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-4-columns .ar-item{width: calc(100% * (1/3) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-5-columns .ar-item{width: calc(100% * (1/4) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-6-columns .ar-item{width: calc(100% * (1/5) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-7-columns .ar-item{width: calc(100% * (1/6) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-8-columns .ar-item{width: calc(100% * (1/7) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-9-columns .ar-item{width: calc(100% * (1/8) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-10-columns .ar-item{width: calc(100% * (1/9) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-11-columns .ar-item{width: calc(100% * (1/10) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-12-columns .ar-item{width: calc(100% * (1/11) - 0.5px - 0px - 0.5px);}

    .has-margin-5.has-2-columns .ar-item{width: calc(100% * (1/1) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-3-columns .ar-item{width: calc(100% * (1/2) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-4-columns .ar-item{width: calc(100% * (1/3) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-5-columns .ar-item{width: calc(100% * (1/4) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-6-columns .ar-item{width: calc(100% * (1/5) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-7-columns .ar-item{width: calc(100% * (1/6) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-8-columns .ar-item{width: calc(100% * (1/7) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-9-columns .ar-item{width: calc(100% * (1/8) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-10-columns .ar-item{width: calc(100% * (1/9) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-11-columns .ar-item{width: calc(100% * (1/10) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-12-columns .ar-item{width: calc(100% * (1/11) - 2.5px - 0px - 2.5px);}

    .has-margin-10.has-2-columns .ar-item{width: calc(100% * (1/1) - 5px - 0px - 5px);}
    .has-margin-10.has-3-columns .ar-item{width: calc(100% * (1/2) - 5px - 0px - 5px);}
    .has-margin-10.has-4-columns .ar-item{width: calc(100% * (1/3) - 5px - 0px - 5px);}
    .has-margin-10.has-5-columns .ar-item{width: calc(100% * (1/4) - 5px - 0px - 5px);}
    .has-margin-10.has-6-columns .ar-item{width: calc(100% * (1/5) - 5px - 0px - 5px);}
    .has-margin-10.has-7-columns .ar-item{width: calc(100% * (1/6) - 5px - 0px - 5px);}
    .has-margin-10.has-8-columns .ar-item{width: calc(100% * (1/7) - 5px - 0px - 5px);}
    .has-margin-10.has-9-columns .ar-item{width: calc(100% * (1/8) - 5px - 0px - 5px);}
    .has-margin-10.has-10-columns .ar-item{width: calc(100% * (1/9) - 5px - 0px - 5px);}
    .has-margin-10.has-11-columns .ar-item{width: calc(100% * (1/10) - 5px - 0px - 5px);}
    .has-margin-10.has-12-columns .ar-item{width: calc(100% * (1/11) - 5px - 0px - 5px);}

    .ar-item.col-1{width: calc(9.090909090909091% - 15px - 15px);}
    .ar-item.col-2{width: calc(20% - 15px - 15px);}
    .ar-item.col-3{width: calc(33.33333333333333% - 15px - 15px);}
    .ar-item.col-4{width: calc(50% - 15px - 15px);}
    .ar-item.col-5{width: calc(100% - 15px - 15px);}
    .ar-item.col-6{width: calc(100% - 15px - 15px);}
    .ar-item.col-7{width: calc(100% - 15px - 15px);}
    .ar-item.col-8{width: calc(100% - 15px - 15px);}
    .ar-item.col-9{width: calc(100% - 15px - 15px);}
    .ar-item.col-10{width: calc(100% - 15px - 15px);}
    .ar-item.col-11{width: calc(100% - 15px - 15px);}
}
@media screen and (max-width : 1150px){
    .has-6-columns .ar-item{width: calc(100% * (1/4) - 15px - 0px - 15px);}
    .has-7-columns .ar-item{width: calc(100% * (1/5) - 15px - 0px - 15px);}
    .has-8-columns .ar-item{width: calc(100% * (1/6) - 15px - 0px - 15px);}
    .has-9-columns .ar-item{width: calc(100% * (1/7) - 15px - 0px - 15px);}
    .has-10-columns .ar-item{width: calc(100% * (1/8) - 15px - 0px - 15px);}
    .has-11-columns .ar-item{width: calc(100% * (1/9) - 15px - 0px - 15px);}
    .has-12-columns .ar-item{width: calc(100% * (1/10) - 15px - 0px - 15px);}
    .has-margin-0.has-6-columns .ar-item{width: calc(100% * (1/4) - 0px - 0px - 0px);}
    .has-margin-0.has-7-columns .ar-item{width: calc(100% * (1/5) - 0px - 0px - 0px);}
    .has-margin-0.has-8-columns .ar-item{width: calc(100% * (1/6) - 0px - 0px - 0px);}
    .has-margin-0.has-9-columns .ar-item{width: calc(100% * (1/7) - 0px - 0px - 0px);}
    .has-margin-0.has-10-columns .ar-item{width: calc(100% * (1/8) - 0px - 0px - 0px);}
    .has-margin-0.has-11-columns .ar-item{width: calc(100% * (1/9) - 0px - 0px - 0px);}
    .has-margin-0.has-12-columns .ar-item{width: calc(100% * (1/10) - 0px - 0px - 0px);}
    .has-margin-1.has-6-columns .ar-item{width: calc(100% * (1/4) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-7-columns .ar-item{width: calc(100% * (1/5) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-8-columns .ar-item{width: calc(100% * (1/6) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-9-columns .ar-item{width: calc(100% * (1/7) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-10-columns .ar-item{width: calc(100% * (1/8) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-11-columns .ar-item{width: calc(100% * (1/9) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-12-columns .ar-item{width: calc(100% * (1/10) - 0.5px - 0px - 0.5px);}
    .has-margin-5.has-6-columns .ar-item{width: calc(100% * (1/4) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-7-columns .ar-item{width: calc(100% * (1/5) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-8-columns .ar-item{width: calc(100% * (1/6) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-9-columns .ar-item{width: calc(100% * (1/7) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-10-columns .ar-item{width: calc(100% * (1/8) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-11-columns .ar-item{width: calc(100% * (1/9) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-12-columns .ar-item{width: calc(100% * (1/10) - 2.5px - 0px - 2.5px);}
    .has-margin-10.has-6-columns .ar-item{width: calc(100% * (1/4) - 5px - 0px - 5px);}
    .has-margin-10.has-7-columns .ar-item{width: calc(100% * (1/5) - 5px - 0px - 5px);}
    .has-margin-10.has-8-columns .ar-item{width: calc(100% * (1/6) - 5px - 0px - 5px);}
    .has-margin-10.has-9-columns .ar-item{width: calc(100% * (1/7) - 5px - 0px - 5px);}
    .has-margin-10.has-10-columns .ar-item{width: calc(100% * (1/8) - 5px - 0px - 5px);}
    .has-margin-10.has-11-columns .ar-item{width: calc(100% * (1/9) - 5px - 0px - 5px);}
    .has-margin-10.has-12-columns .ar-item{width: calc(100% * (1/10) - 5px - 0px - 5px);}
    .ar-item.col-1{width: calc(10% - 15px - 15px);}
    .ar-item.col-2{width: calc(25% - 15px - 15px);}
}

@media screen and (max-width : 1000px){
    .has-3-columns .ar-item{width: calc(100% * (1/1) - 15px - 0px - 15px);}
    .has-4-columns .ar-item{width: calc(100% * (1/2) - 15px - 0px - 15px);}
    .has-5-columns .ar-item{width: calc(100% * (1/3) - 15px - 0px - 15px);}
    .has-6-columns .ar-item{width: calc(100% * (1/3) - 15px - 0px - 15px);}
    .has-7-columns .ar-item{width: calc(100% * (1/4) - 15px - 0px - 15px);}
    .has-8-columns .ar-item{width: calc(100% * (1/5) - 15px - 0px - 15px);}
    .has-9-columns .ar-item{width: calc(100% * (1/6) - 15px - 0px - 15px);}
    .has-10-columns .ar-item{width: calc(100% * (1/7) - 15px - 0px - 15px);}
    .has-11-columns .ar-item{width: calc(100% * (1/8) - 15px - 0px - 15px);}
    .has-12-columns .ar-item{width: calc(100% * (1/9) - 15px - 0px - 15px);}
    .has-margin-0.has-3-columns .ar-item{width: calc(100% * (1/1) - 0px - 0px - 0px);}
    .has-margin-0.has-4-columns .ar-item{width: calc(100% * (1/2) - 0px - 0px - 0px);}
    .has-margin-0.has-5-columns .ar-item{width: calc(100% * (1/3) - 0px - 0px - 0px);}
    .has-margin-0.has-6-columns .ar-item{width: calc(100% * (1/3) - 0px - 0px - 0px);}
    .has-margin-0.has-7-columns .ar-item{width: calc(100% * (1/4) - 0px - 0px - 0px);}
    .has-margin-0.has-8-columns .ar-item{width: calc(100% * (1/5) - 0px - 0px - 0px);}
    .has-margin-0.has-9-columns .ar-item{width: calc(100% * (1/6) - 0px - 0px - 0px);}
    .has-margin-0.has-10-columns .ar-item{width: calc(100% * (1/7) - 0px - 0px - 0px);}
    .has-margin-0.has-11-columns .ar-item{width: calc(100% * (1/8) - 0px - 0px - 0px);}
    .has-margin-0.has-12-columns .ar-item{width: calc(100% * (1/9) - 0px - 0px - 0px);}
    .has-margin-1.has-3-columns .ar-item{width: calc(100% * (1/1) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-4-columns .ar-item{width: calc(100% * (1/2) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-5-columns .ar-item{width: calc(100% * (1/3) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-6-columns .ar-item{width: calc(100% * (1/3) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-7-columns .ar-item{width: calc(100% * (1/4) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-8-columns .ar-item{width: calc(100% * (1/5) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-9-columns .ar-item{width: calc(100% * (1/6) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-10-columns .ar-item{width: calc(100% * (1/7) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-11-columns .ar-item{width: calc(100% * (1/8) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-12-columns .ar-item{width: calc(100% * (1/9) - 0.5px - 0px - 0.5px);}
    .has-margin-5.has-3-columns .ar-item{width: calc(100% * (1/1) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-4-columns .ar-item{width: calc(100% * (1/2) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-5-columns .ar-item{width: calc(100% * (1/3) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-6-columns .ar-item{width: calc(100% * (1/3) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-7-columns .ar-item{width: calc(100% * (1/4) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-8-columns .ar-item{width: calc(100% * (1/5) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-9-columns .ar-item{width: calc(100% * (1/6) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-10-columns .ar-item{width: calc(100% * (1/7) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-11-columns .ar-item{width: calc(100% * (1/8) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-12-columns .ar-item{width: calc(100% * (1/9) - 2.5px - 0px - 2.5px);}
    .has-margin-10.has-3-columns .ar-item{width: calc(100% * (1/1) - 5px - 0px - 5px);}
    .has-margin-10.has-4-columns .ar-item{width: calc(100% * (1/2) - 5px - 0px - 5px);}
    .has-margin-10.has-5-columns .ar-item{width: calc(100% * (1/3) - 5px - 0px - 5px);}
    .has-margin-10.has-6-columns .ar-item{width: calc(100% * (1/3) - 5px - 0px - 5px);}
    .has-margin-10.has-7-columns .ar-item{width: calc(100% * (1/4) - 5px - 0px - 5px);}
    .has-margin-10.has-8-columns .ar-item{width: calc(100% * (1/5) - 5px - 0px - 5px);}
    .has-margin-10.has-9-columns .ar-item{width: calc(100% * (1/6) - 5px - 0px - 5px);}
    .has-margin-10.has-10-columns .ar-item{width: calc(100% * (1/7) - 5px - 0px - 5px);}
    .has-margin-10.has-11-columns .ar-item{width: calc(100% * (1/8) - 5px - 0px - 5px);}
    .has-margin-10.has-12-columns .ar-item{width: calc(100% * (1/9) - 5px - 0px - 5px);}
    .ar-item.col-1{width: calc(11.11111111111111% - 15px - 15px);}
    .ar-item.col-2{width: calc(33.33333333333333% - 15px - 15px);}
    .ar-item.col-3{width: calc(50% - 15px - 15px);}
    .ar-item.col-4{width: calc(100% - 15px - 15px);}


}
@media screen and (max-width : 860px){
    .has-4-columns .ar-item{width: calc(100% * (1/1) - 15px - 0px - 15px);}
    .has-5-columns .ar-item{width: calc(100% * (1/2) - 15px - 0px - 15px);}
    .has-9-columns .ar-item{width: calc(100% * (1/6) - 15px - 0px - 15px);}
    .has-10-columns .ar-item{width: calc(100% * (1/6) - 15px - 0px - 15px);}
    .has-11-columns .ar-item{width: calc(100% * (1/6) - 15px - 0px - 15px);}
    .has-12-columns .ar-item{width: calc(100% * (1/6) - 15px - 0px - 15px);}
    .has-margin-0.has-4-columns .ar-item{width: calc(100% * (1/1) - 0px - 0px - 0px);}
    .has-margin-0.has-5-columns .ar-item{width: calc(100% * (1/2) - 0px - 0px - 0px);}
    .has-margin-0.has-9-columns .ar-item{width: calc(100% * (1/6) - 0px - 0px - 0px);}
    .has-margin-0.has-10-columns .ar-item{width: calc(100% * (1/6) - 0px - 0px - 0px);}
    .has-margin-0.has-11-columns .ar-item{width: calc(100% * (1/6) - 0px - 0px - 0px);}
    .has-margin-0.has-12-columns .ar-item{width: calc(100% * (1/6) - 0px - 0px - 0px);}
    .has-margin-1.has-4-columns .ar-item{width: calc(100% * (1/1) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-5-columns .ar-item{width: calc(100% * (1/2) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-9-columns .ar-item{width: calc(100% * (1/6) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-10-columns .ar-item{width: calc(100% * (1/6) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-11-columns .ar-item{width: calc(100% * (1/6) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-12-columns .ar-item{width: calc(100% * (1/6) - 0.5px - 0px - 0.5px);}
    .has-margin-5.has-4-columns .ar-item{width: calc(100% * (1/1) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-5-columns .ar-item{width: calc(100% * (1/2) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-9-columns .ar-item{width: calc(100% * (1/6) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-10-columns .ar-item{width: calc(100% * (1/6) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-11-columns .ar-item{width: calc(100% * (1/6) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-12-columns .ar-item{width: calc(100% * (1/6) - 2.5px - 0px - 2.5px);}
    .has-margin-10.has-4-columns .ar-item{width: calc(100% * (1/1) - 5px - 0px - 5px);}
    .has-margin-10.has-5-columns .ar-item{width: calc(100% * (1/2) - 5px - 0px - 5px);}
    .has-margin-10.has-9-columns .ar-item{width: calc(100% * (1/6) - 5px - 0px - 5px);}
    .has-margin-10.has-10-columns .ar-item{width: calc(100% * (1/6) - 5px - 0px - 5px);}
    .has-margin-10.has-11-columns .ar-item{width: calc(100% * (1/6) - 5px - 0px - 5px);}
    .has-margin-10.has-12-columns .ar-item{width: calc(100% * (1/6) - 5px - 0px - 5px);}
    .ar-item.col-1{width: calc(16.66666666666667% - 15px - 15px);}
    .ar-item.col-3{width: calc(100% - 15px - 15px);}
}
@media screen and (max-width : 660px){
    .has-5-columns .ar-item{width: calc(100% * (1/1) - 15px - 0px - 15px);}
    .has-6-columns .ar-item{width: calc(100% * (1/2) - 15px - 0px - 15px);}
    .has-7-columns .ar-item{width: calc(100% * (1/3) - 15px - 0px - 15px);}
    .has-8-columns .ar-item{width: calc(100% * (1/3) - 15px - 0px - 15px);}
    .has-9-columns .ar-item{width: calc(100% * (1/3) - 15px - 0px - 15px);}
    .has-10-columns .ar-item{width: calc(100% * (1/4) - 15px - 0px - 15px);}
    .has-11-columns .ar-item{width: calc(100% * (1/4) - 15px - 0px - 15px);}
    .has-12-columns .ar-item{width: calc(100% * (1/4) - 15px - 0px - 15px);}
    .has-margin-0.has-5-columns .ar-item{width: calc(100% * (1/1) - 0px - 0px - 0px);}
    .has-margin-0.has-6-columns .ar-item{width: calc(100% * (1/2) - 0px - 0px - 0px);}
    .has-margin-0.has-7-columns .ar-item{width: calc(100% * (1/3) - 0px - 0px - 0px);}
    .has-margin-0.has-8-columns .ar-item{width: calc(100% * (1/3) - 0px - 0px - 0px);}
    .has-margin-0.has-9-columns .ar-item{width: calc(100% * (1/3) - 0px - 0px - 0px);}
    .has-margin-0.has-10-columns .ar-item{width: calc(100% * (1/4) - 0px - 0px - 0px);}
    .has-margin-0.has-11-columns .ar-item{width: calc(100% * (1/4) - 0px - 0px - 0px);}
    .has-margin-0.has-12-columns .ar-item{width: calc(100% * (1/4) - 0px - 0px - 0px);}
    .has-margin-1.has-5-columns .ar-item{width: calc(100% * (1/1) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-6-columns .ar-item{width: calc(100% * (1/2) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-7-columns .ar-item{width: calc(100% * (1/3) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-8-columns .ar-item{width: calc(100% * (1/3) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-9-columns .ar-item{width: calc(100% * (1/3) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-10-columns .ar-item{width: calc(100% * (1/4) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-11-columns .ar-item{width: calc(100% * (1/4) - 0.5px - 0px - 0.5px);}
    .has-margin-1.has-12-columns .ar-item{width: calc(100% * (1/4) - 0.5px - 0px - 0.5px);}
    .has-margin-5.has-5-columns .ar-item{width: calc(100% * (1/1) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-6-columns .ar-item{width: calc(100% * (1/2) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-7-columns .ar-item{width: calc(100% * (1/3) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-8-columns .ar-item{width: calc(100% * (1/3) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-9-columns .ar-item{width: calc(100% * (1/3) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-10-columns .ar-item{width: calc(100% * (1/4) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-11-columns .ar-item{width: calc(100% * (1/4) - 2.5px - 0px - 2.5px);}
    .has-margin-5.has-12-columns .ar-item{width: calc(100% * (1/4) - 2.5px - 0px - 2.5px);}
    .has-margin-10.has-5-columns .ar-item{width: calc(100% * (1/1) - 5px - 0px - 5px);}
    .has-margin-10.has-6-columns .ar-item{width: calc(100% * (1/2) - 5px - 0px - 5px);}
    .has-margin-10.has-7-columns .ar-item{width: calc(100% * (1/3) - 5px - 0px - 5px);}
    .has-margin-10.has-8-columns .ar-item{width: calc(100% * (1/3) - 5px - 0px - 5px);}
    .has-margin-10.has-9-columns .ar-item{width: calc(100% * (1/3) - 5px - 0px - 5px);}
    .has-margin-10.has-10-columns .ar-item{width: calc(100% * (1/4) - 5px - 0px - 5px);}
    .has-margin-10.has-11-columns .ar-item{width: calc(100% * (1/4) - 5px - 0px - 5px);}
    .has-margin-10.has-12-columns .ar-item{width: calc(100% * (1/4) - 5px - 0px - 5px);}
    .ar-item.col-1{width: calc(25% - 15px - 15px);}
    .ar-item.col-2{width: calc(50% - 15px - 15px);}
}
@media screen and (max-width : 460px){
    .has-7-columns .ar-item,
    .has-8-columns .ar-item,
    .has-9-columns .ar-item,
    .has-10-columns .ar-item,
    .has-11-columns .ar-item,
    .has-12-columns .ar-item{width: calc(100% * (1/3) - 15px - 0px - 15px);}
    .has-margin-0.has-7-columns .ar-item,
    .has-margin-0.has-8-columns .ar-item,
    .has-margin-0.has-9-columns .ar-item,
    .has-margin-0.has-10-columns .ar-item,
    .has-margin-0.has-11-columns .ar-item,
    .has-margin-0.has-12-columns .ar-item{width: calc(100% * (1/3) - 0px - 0px - 0px);}
    .has-margin-1.has-7-columns .ar-item,
    .has-margin-1.has-8-columns .ar-item,
    .has-margin-1.has-9-columns .ar-item,
    .has-margin-1.has-10-columns .ar-item,
    .has-margin-1.has-11-columns .ar-item,
    .has-margin-1.has-12-columns .ar-item{width: calc(100% * (1/3) - 0.5px - 0px - 0.5px);}
    .has-margin-5.has-7-columns .ar-item,
    .has-margin-5.has-8-columns .ar-item,
    .has-margin-5.has-9-columns .ar-item,
    .has-margin-5.has-10-columns .ar-item,
    .has-margin-5.has-11-columns .ar-item,
    .has-margin-5.has-12-columns .ar-item{width: calc(100% * (1/3) - 2.5px - 0px - 2.5px);}
    .has-margin-10.has-7-columns .ar-item,
    .has-margin-10.has-8-columns .ar-item,
    .has-margin-10.has-9-columns .ar-item,
    .has-margin-10.has-10-columns .ar-item,
    .has-margin-10.has-11-columns .ar-item,
    .has-margin-10.has-12-columns .ar-item{width: calc(100% * (1/3) - 5px - 0px - 5px);}
    .ar-item.col-1{width: calc(33.33333333333333% - 15px - 15px);}
}

/**
 * C O N T A C T - F O R M
 * Kontaktní formulář
 **/
.ar-form{
    position: relative;
    width: 100%;
    padding: 30px;
    box-sizing: inherit;
    background: #fff;
}
.ar-form .ar-form-group{
    position: relative;
    width: 100%;
    margin: 0 0 35px 0;
}
.ar-form .ar-form-group input.ar-field{
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid rgba(0,0,0,.12);
    display: block;
    font-size: 18px;
    padding: 5px 0;
    color: #000;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.ar-form .ar-form-group input.ar-field:focus{
    outline: none;
    border-color: #2392d8;
}
.ar-form .ar-form-group label.ar-label{
    position: absolute;
    top: 4px;
    display: block;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    color: rgba(0,0,0,0.5);
    cursor: text;
}
.ar-form .ar-form-group input.ar-field.value-is-dirty + label.ar-label,
.ar-form .ar-form-group input.ar-field:focus + label.ar-label{
    top: -13px;
    font-size: 11px;
}

.ar-form .ar-form-group input.ar-field:focus + label.ar-label{
     color: #2392d8;
}
.ar-form .ar-form-group span.error-message{
    position: absolute;
    margin: 2px 0 0 0;
    font-size: 12px;
}
.ar-form .ar-form-group input.ar-field.danger{
    border-color: red;
}
.ar-form .ar-form-group input.ar-field.correct{
    border-color: green;
}