.row {
    margin:0 -10px;
}
.row .col {
    display: inline-block;
    vertical-align: top;
    padding:0 10px;
}
.row.row-large {
    margin:0 -1.2rem;
}
.row.row-large > .col {
    padding:0 1.2rem;
}

.row .col.c1 {width:8.3333333%;}
.row .col.c2 {width:16.6666667%;}
.row .col.c3 {width:25%;}
.row .col.c4 {width:33.33333333%;}
.row .col.c5 {width:41.6666666%;}
.row .col.c6 {width:50%;}
.row .col.c7 {width:58.3333333%;}
.row .col.c8 {width:66.666667%;}
.row .col.c9 {width:75%;}
.row .col.c10 {width:83.333333%;}
.row .col.c11 {width:91.666667%;}
.row .col.c12 {width:100%;}

.row .col.c24 {width:20%;}

.single-row {display: block; width:100%;}
.single-col {display: inline-block; vertical-align: top;}

@media (max-width: 1023px) {.row .col.lg {display: block;width:100%;}}
@media (max-width: 767px) {.row .col.md {display: block;width:100%;}}
@media (max-width: 479px) {.row .col.sm {display: block;width:100%;}}


.mb-visible {display: none;}
@media (max-width: 1200px) {
    .row .col.xlg {display: block;width:100%;}
    .row .col.xlg-c1 {width:8.3333333%;}
    .row .col.xlg-c2 {width:16.6666667%;}
    .row .col.xlg-c3 {width:25%;}
    .row .col.xlg-c4 {width:33.33333333%;}
    .row .col.xlg-c5 {width:41.6666666%;}
    .row .col.xlg-c6 {width:50%;}
    .row .col.xlg-c7 {width:58.3333333%;}
    .row .col.xlg-c8 {width:66.666667%;}
    .row .col.xlg-c9 {width:75%;}
    .row .col.xlg-c10 {width:83.333333%;}
    .row .col.xlg-c11 {width:91.666667%;}
    .row .col.xlg-c12 {width:100%;}
}
@media (max-width: 1023px) {
    .row .col.lg {display: block;width:100%;}
    .row .col.lg-c1 {width:8.3333333%;}
    .row .col.lg-c2 {width:16.6666667%;}
    .row .col.lg-c3 {width:25%;}
    .row .col.lg-c4 {width:33.33333333%;}
    .row .col.lg-c5 {width:41.6666666%;}
    .row .col.lg-c6 {width:50%;}
    .row .col.lg-c7 {width:58.3333333%;}
    .row .col.lg-c8 {width:66.666667%;}
    .row .col.lg-c9 {width:75%;}
    .row .col.lg-c10 {width:83.333333%;}
    .row .col.lg-c11 {width:91.666667%;}
    .row .col.lg-c12 {width:100%;}
}
@media (max-width: 767px) {
    .md-hidden {display: none !important;}
    .row .col.md {display: block;width:100%;}
    .row .col.md-c1 {width:8.3333333%;}
    .row .col.md-c2 {width:16.6666667%;}
    .row .col.md-c3 {width:25%;}
    .row .col.md-c4 {width:33.33333333%;}
    .row .col.md-c5 {width:41.6666666%;}
    .row .col.md-c6 {width:50%;}
    .row .col.md-c7 {width:58.3333333%;}
    .row .col.md-c8 {width:66.666667%;}
    .row .col.md-c9 {width:75%;}
    .row .col.md-c10 {width:83.333333%;}
    .row .col.md-c11 {width:91.666667%;}
    .row .col.md-c12 {width:100%;}
}
@media (max-width: 479px) {
    .sm-hidden {display: none !important;}
    .mb-hidden {display: none;}
    .mb-visible {display: block;}
    .row .col.sm {display: block;width:100%;}
    .row .col.sm-c1 {width:8.3333333%;}
    .row .col.sm-c2 {width:16.6666667%;}
    .row .col.sm-c3 {width:25%;}
    .row .col.sm-c4 {width:33.33333333%;}
    .row .col.sm-c5 {width:41.6666666%;}
    .row .col.sm-c6 {width:50%;}
    .row .col.sm-c7 {width:58.3333333%;}
    .row .col.sm-c8 {width:66.666667%;}
    .row .col.sm-c9 {width:75%;}
    .row .col.sm-c10 {width:83.333333%;}
    .row .col.sm-c11 {width:91.666667%;}
    .row .col.sm-c12 {width:100%;}
}




.twister, .twister * {box-sizing: border-box;}

.twister {
    position: relative;
    min-height:100px;
    margin:0 -10px;
}

.twister .item {
    display: inline-block;
    vertical-align: top;
    float:left;
    box-sizing: border-box;
    padding:0 10px;
}

.tw-cont0,
.tw-cont {
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    /*overflow: auto;*/
    white-space: nowrap;
    transition: left 300ms;
}
.tw-cont {margin-left:0px;}
.tw-cont0 {
    left:0px;
    right:0px;
    overflow: hidden;
}
.tw-page {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.tw-arrow-right:hover,
.tw-arrow-left:hover {
    opacity: 1;
}
.tw-arrow-right,
.tw-arrow-left {
    position: absolute;
    width:20px;
    height:60px;
    top:50%;
    margin-top:-30px;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 300ms;
    background:url(../images/twister/arrows2.png) no-repeat;
}
.tw-arrow-left {
    margin-left:-30px;
    left:0;
    background-position: 50% 0;
}
.tw-arrow-right {
    margin-right:-30px;
    right:0;
    background-position: 50% 100%;
}

/*************************************/
.tw-round > div > * {
    display: inline-block;
    vertical-align: middle;
}
.tw-round > div {
    border-radius: 20px;
    background:rgba(0,0,0,0.5);
    display: inline-block;
    padding:6px 20px;
}
.tw-round {
    position: absolute;
    left:0; right:0;
    bottom:15px;
    height:50px;
    text-align:center;
}
.tw-round-right,
.tw-round-left {
    background:url(../images/twister/scroll.png) no-repeat 50% -60px;
    cursor: pointer;
    width:30px;
    height:30px;
    vertical-align: middle;
}
.tw-round-right {
    background-position: 50% -92px;
}
.tw-round-pages {height:14px; margin:0 20px; line-height: 14px;}
.tw-round-pages span.sel {background:#aaa;}
.tw-round-pages span {
    display: inline-block;
    width:14px;
    height:14px;
    background:white;
    border-radius: 50%;
    margin:0 9px;
    cursor:pointer;
}
.tw-round-small .tw-round > div {background:none; padding-left:5px; padding-right: 5px;}
.tw-round-small .tw-round {bottom:0px; height:40px;}
.tw-round-small .tw-round-left,
.tw-round-small .tw-round-right {display: none !important;}
.tw-round-small .tw-scroll {display:none;}
.tw-round-small .tw-round-pages {margin:0 10px;}
.tw-round-small .tw-round-pages span {margin:0 7px;}

/*************************************/
.tw-scroll-right,
.tw-scroll-left {
    background:url(../images/twister/scroll.png) no-repeat 45% -117px;
    cursor: pointer;
    border:1px solid #7d8790;
    border-radius: 50%;
    height:46px;
    margin-top:-8px;
}
.tw-scroll-right {
    background-position: 55% -149px;
    right:0;
}
.tw-scroll > * {
    position: absolute;
    top:0;
    bottom:0;
    width:46px;
}
.tw-scroll-line-cont > * {position: absolute;}
.tw-scroll-line-cont {
    left:66px;
    right:66px;
    width:auto;
}
.tw-scroll-line {
    left:0;right:0;
    top:50%;
    margin-top:-1px;
    height:2px;
    background:#b9bfc4;
    border-radius: 3px;
    cursor: pointer;
}
.tw-scroll-button {
    background: #7d8790;
    border-radius: 5px;
    height:10px;
    top:50%;
    margin-top:-5px;
    width:50px;
    cursor: pointer;
    transition: left 300ms;
}
.tw-scroll {
    height:30px;
    position: absolute;
    bottom:0;
    left:10px;
    right:10px;
}

/*****/
@media screen and (max-width: 768px) {
    .tw-round > div {background:none;}
    .tw-round {bottom:0px; height:40px;}
    .tw-round-left,
    .tw-round-right {display: none !important;}
    
    .tw-scroll {display:none;}
    
    .tw-round-small .tw-round {display: none;}
}


.img {
    background:url() no-repeat 50% 50%;
    background-size:cover;
    border-radius: 15px;
}

.feedback-line {
    margin:15px 0;
}
.feedback-line label {
    font-size:16px;
    display: block;
    margin-bottom: 10px;
}
.feedback-input textarea,
.feedback-input input {
    width:100%;
    padding:15px 25px;
    border-radius: 10px;
    border:none;
    transform: skewX(-10deg);
}
.feedback-input textarea {
    height:200px;
    resize: vertical;
    transform: skewX(0);
}

.feedback img {border-radius: 10px;}

.feedback .button-cont {margin:20px 0 50px;}
.feedback .button-cont button span {
    transform: skewX(10deg);
    display: inline-block;
}
.feedback .button-cont button {
    border-radius: 10px;
    padding:10px 25px;
    background:rgb(215, 2, 60);
    color:white;
    font-size: 24px;
    border:none;
    transform: skewX(-10deg);
}