@charset "utf-8";* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

.contact_btn {
    display: flex;
    justify-content: end
}

body {
    margin: 0;
    font-family: Poppins!important;
    font-size: .8em;
    line-height: 20px;
    color: #313131;
    background-color: #fff
}

h1,h2,h3,h4,h5,h6 {
    margin: 10px 0;
    font-family: Poppins;
    font-weight: 400;
    color: inherit
}

h1 {
    line-height: 1.8rem
}

h2 {
    line-height: 1.6rem
}

h3 {
    line-height: 1.4rem
}

h4 {
    line-height: 1.2rem
}

h5 {
    line-height: 1.1rem
}

h6 {
    line-height: 1rem
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display: block
}

audio,canvas,video {
    display: inline-block
}

button,input,select,textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button,input {
    line-height: normal
}

button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: Poppins
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}

:focus {
    outline: -webkit-focus-ring-color auto 0!important
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],label,select {
    cursor: pointer
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

audio:not([controls]) {
    display: none
}

a {
    color: #ef8a1b;
    text-decoration: none
}

a:active,a:link,a:visited {
    outline: 0
}

a:focus {
    color: #fff;
    text-decoration: underline
}

p {
    margin: 0 0 10px
}

img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

strong {
    font-weight: 700
}

button,input,label,select,textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

button,input,select,textarea {
    font-family: Poppins
}

label {
    display: block;
    margin-bottom: 5px
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em;
    bottom: -.25em
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    letter-spacing: .025rem;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)
}

small {
    font-size: 85%
}

em {
    font-style: italic
}

cite {
    font-style: normal
}

ol,ul {
    padding: 0;
    margin: 0 0 10px 25px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

li {
    line-height: 20px;
    border-right: none!important
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hide {
    display: none
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

#map_canvas img,.google-maps img {
    max-width: none
}

textarea {
    overflow: auto;
    vertical-align: top
}

.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px
}

.alert {
    padding: 8px 14px;
    margin-bottom: 20px
}

.alert .close {
    position: relative;
    top: -2px;
    right: -28px;
    line-height: 20px;
    padding-right: 10px
}

.alert.alert-info .close {
    font-size: 40px;
    top: -3px;
    right: -7px;
    padding-right: 0
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-danger,.alert-error {
    color: #b94a48;
    border-color: #eed3d7;
    background-color: #f2dede
}

.media,.media .media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.affix {
    position: fixed
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

.collapse.in {
    height: auto
}

.hidden {
    display: none;
    visibility: hidden
}

.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto
}

@media (max-width: 768px) {
    .container {
        padding-left:15px;
        padding-right: 15px
    }
}

@media (min-width: 768px) {
    .container {
        width:720px
    }
}

@media (min-width: 992px) {
    .container {
        width:940px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: 0;
    margin-left: 0
}

.col-lg-4,.col-lg-6,.col-lg-8,.col-md-10,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-10,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-6,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0
}

.col-xs-10,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-6,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 13.666667%
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%!important
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
}

@media (min-width: 992px) {
    .col-md-10,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-9 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
}

@media (min-width: 1200px) {
    .col-lg-4,.col-lg-6,.col-lg-8 {
        float:left
    }

    .col-lg-8 {
        width: 68%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-4 {
        width: 32%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
}

.visible-lg,.visible-md,.visible-sm,.visible-xs {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    .hidden-xs {
        display: none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    .hidden-sm {
        display: none!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    .hidden-md {
        display: none!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    .hidden-lg {
        display: none!important
    }
}

.nav {
    margin-bottom: 17px;
    padding-left: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    padding: 9px 0;
    color: #000;
    line-height: 18px;
    background: #fff
}

.nav-tabs>li>a:active {
    background: #ef8a1b!important
}

.nav-tabs>li>a:hover {
    background: #ef8a1b!important;
    color: #fff
}

.nav-tabs li.active a {
    background: #ef8a1b!important;
    color: #fff!important
}

.news_model_form {
    display: grid;
    grid-template-columns: 80% 20%
}

@media (min-width: 768px) and (max-width:992px) {
    .nav-tabs {
        margin:0;
        margin-bottom: 15px;
        padding: 0;
        border-bottom: none
    }

    .nav-tabs li {
        width: 33.333%;
        margin: 0;
        padding: 0;
        margin-bottom: 2px
    }

    .nav-tabs a {
        font-size: .8rem
    }
}

@media (max-width: 767px) {
    .nav-tabs {
        margin:0;
        margin-bottom: 15px;
        padding: 0;
        border-bottom: none
    }

    .nav-tabs li {
        width: 50%;
        margin: 0;
        padding: 0;
        margin-bottom: 2px
    }

    .nav-tabs a {
        font-size: .8rem
    }
}

@media (max-width: 415px) {
    .nav-tabs a {
        font-size:.8rem;
        padding: 2px;
        line-height: 1.1rem;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

    .news_model_form {
        display: grid;
        grid-template-columns: 100%
    }

    .cs-modal-email-submit {
        margin-left: 0
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

@media (min-width: 768px) {
    .navbar {
        border-radius:4px
    }

    .navbar-header {
        float: left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }

    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .navbar-static-top {
        border-radius: 0
    }

    .navbar-fixed-bottom,.navbar-fixed-top {
        border-radius: 0
    }

    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }

    .navbar-toggle {
        display: none
    }

    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }

    .navbar-left {
        float: left!important
    }

    .navbar-right {
        float: right!important;
        margin-right: -15px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
        max-height:200px
    }
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

.navbar-fixed-bottom,.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

.navbar-toggle {
    position: relative;
    padding: 7px 7px 7px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        border-top: 1px solid #fff;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .cs-main-nav .dropdown-menu.cs-dropdown-menu-2-cols {
        width: auto!important
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 5px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.dropdown-menu>li>a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 20px;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #999
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: default
}

.open>.dropdown-menu {
    display: block
}

.open>.dropdown-menu.cs-dropdown-menu-2-cols {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table td,.table th {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table th {
    font-weight: 700
}

.table thead th {
    vertical-align: bottom
}

.table tbody+tbody {
    border-top: 2px solid #ddd
}

.table-condensed td,.table-condensed th {
    padding: 4px 5px
}

form {
    margin: 0 0 20px
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

legend small {
    font-size: 15px;
    color: #999
}

.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    vertical-align: middle
}

.uneditable-input,input,textarea {
    width: 206px
}

textarea {
    height: auto
}

.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

input[type=button],input[type=checkbox],input[type=file],input[type=image],input[type=radio],input[type=reset],input[type=submit] {
    width: auto
}

@media (max-width: 767px) {
    input[type=button],input[type=checkbox],input[type=file],input[type=image],input[type=radio],input[type=reset],input[type=submit] {
        width:15px;
        height: 15px
    }
}

input[type=file],select {
    height: 30px;
    line-height: 30px
}

select {
    width: 220px;
    border: 1px solid #ccc;
    background-color: #fff
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus,select:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #999
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #999
}

.checkbox,.radio {
    min-height: 20px;
    padding-left: 20px
}

.checkbox input[type=checkbox],.radio input[type=radio] {
    float: left;
    margin-left: -20px
}

.controls>.checkbox:first-child,.controls>.radio:first-child {
    padding-top: 5px
}

.checkbox.inline,.radio.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.checkbox.inline+.checkbox.inline,.radio.inline+.radio.inline {
    margin-left: 10px
}

.uneditable-input,input,textarea {
    margin-left: 0
}

input[disabled],input[readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee
}

input[type=checkbox][disabled],input[type=checkbox][readonly],input[type=radio][disabled],input[type=radio][readonly] {
    background-color: transparent
}

input:focus:invalid,select:focus:invalid,textarea:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

input:focus:invalid:focus,select:focus:invalid:focus,textarea:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7
}

.form-horizontal .help-inline,.form-horizontal .input-append,.form-horizontal .input-prepend,.form-horizontal .uneditable-input,.form-horizontal input,.form-horizontal select,.form-horizontal textarea,.form-inline .help-inline,.form-inline .input-append,.form-inline .input-prepend,.form-inline .uneditable-input,.form-inline input,.form-inline select,.form-inline textarea,.form-search .help-inline,.form-search .input-append,.form-search .input-prepend,.form-search .uneditable-input,.form-search input,.form-search select,.form-search textarea {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

.form-horizontal .hide,.form-inline .hide,.form-search .hide {
    display: none
}

.form-inline .btn-group,.form-inline label,.form-search .btn-group,.form-search label {
    display: inline-block
}

.form-inline .checkbox,.form-inline .radio,.form-search .checkbox,.form-search .radio {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio],.form-search .checkbox input[type=checkbox],.form-search .radio input[type=radio] {
    float: left;
    margin-right: 3px;
    margin-left: 0
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right
}

.form-horizontal .controls {
    margin-left: 180px
}

button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0
}

.cs-popover-container {
    margin-bottom: 15px;
    padding: 0 5px
}

.cs-popover-link {
    color: #ef8a1b;
    text-decoration: underline
}

.cs-popover-link:hover {
    cursor: pointer
}

.cs-popover-link-i {
    padding-right: 5px;
    color: #ef8a1b;
    font-size: 16px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: Poppins!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-break: auto
}

.popover.top {
    margin-top: -15px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 15px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    padding: 8px 14px;
    margin: 0!important;
    font-size: 14px!important;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    content: "";
    border-width: 10px
}

.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0
}

.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25)
}

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

@font-face {
    font-family: allerregular;
    src: url(../fonts/aller_rg-webfont.eot);
    src: url(../fonts/aller_rg-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/aller_rg-webfont.woff) format("woff"),url(../fonts/aller_rg-webfont.ttf) format("truetype"),url(../fonts/aller_rg-webfont.svg#allerregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.head_alphbets>li {
    border: 1px solid #f9f9f9;
    margin-left: 4px;
    font-weight: 800;
    box-shadow: 0 1px 2px
}

.head_alphbets>li:hover,.head_alphbets>li:hover>span>font>font {
    background: #ef8a1b;
    color: #fff
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002";
    color: #ef8a1b
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before,.fa-remove:before,.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before,.fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before,.fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before,.fa-photo:before,.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before,.fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before,.fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before,.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before,.fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before,.fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before,.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before,.fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,.fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before,.fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before,.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before,.fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before,.fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before,.fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before,.fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before,.fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before,.fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before,.fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,.fa-usd:before {
    content: "\f155"
}

.fa-inr:before,.fa-rupee:before {
    content: "\f156"
}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before {
    content: "\f157"
}

.fa-rouble:before,.fa-rub:before,.fa-ruble:before {
    content: "\f158"
}

.fa-krw:before,.fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before,.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before,.fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before,.fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before,.fa-institution:before,.fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before,.fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before,.fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before,.fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,.fa-rebel:before,.fa-resistance:before {
    content: "\f1d0"
}

.fa-empire:before,.fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,.fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before,.fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before,.fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before,.fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before,.fa-shekel:before,.fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before,.fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before,.fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before,.fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before,.fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-sign-language:before,.fa-signing:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before,.fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before,.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-address-card:before,.fa-vcard:before {
    content: "\f2bb"
}

.fa-address-card-o:before,.fa-vcard-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before,.fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before,.fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before {
    content: "\f2c7"
}

.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before,.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before,.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before,.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bath:before,.fa-bathtub:before,.fa-s15:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before,.fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before,.fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@media (min-width: 768px) {
    .cs-transition {
        transition:linear .3s;
        -moz-transition: linear .3s;
        -webkit-transition: linear .3s;
        -o-transition: linear .3s;
        -ms-transition: linear .3s
    }

    .cs-transition:hover {
        transition: linear .3s;
        -moz-transition: linear .3s;
        -webkit-transition: linear .3s;
        -o-transition: linear .3s;
        -ms-transition: linear .3s
    }

    .cs-transition-fast {
        transition: linear .1s;
        -moz-transition: linear .1s;
        -webkit-transition: linear .1s;
        -o-transition: linear .1s;
        -ms-transition: linear .1s
    }

    .cs-transition-fast:hover {
        transition: linear .1s;
        -moz-transition: linear .1s;
        -webkit-transition: linear .1s;
        -o-transition: linear .1s;
        -ms-transition: linear .1s
    }

    .cs-flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

@media (max-width: 767px) {
    .cs-flex-mobil {
        display:grid;
        grid-template-columns: 1fr 1fr;
        justify-content: center
    }
}

.cs-ghost-btn {
    margin: 0;
    padding: 8px 12px;
    color: #ef8a1b!important;
    border: 1px solid #ef8a1b;
    border-radius: 4px;
    background-color: inherit;
    background-image: none
}

.cs-ghost-btn i {
    margin-left: 8px;
    vertical-align: middle;
    padding-top: 2px
}

.cs-ghost-btn:hover {
    color: #fff!important;
    text-decoration: none!important;
    border-color: #ef8a1b;
    background-color: #ef8a1b
}

.cs-ghost-btn-margin {
    margin: 10px 0
}

.cs-flat-btn-grey {
    font-size: .9rem;
    color: #fff;
    border: none;
    background: #ef8a1b
}

.cs-flat-btn-grey:hover {
    background: #ef8a1b
}

.cs-c4u-style {
    font-family: Poppins;
    color: #313131;
    font-size: 1em;
    font-weight: 400
}

.cs-c4u-c4u-style {
    color: #ef8a1b
}

.cs-text-highlight {
    color: #ef8a1b!important
}

.cs-text-highlight-deal {
    color: #2b86d6
}

.cs-content-block h2,.cs-content-block h3,.cs-content-block h4,.cs-content-block h5,.cs-content-block h6 {
    margin: 25px 0 10px
}

.cs-content-block h1 {
    font-size: 1.5rem;
    line-height: 2rem
}

.cs-content-block h2 {
    font-size: 1.4rem;
    line-height: 1.8rem
}

.cs-content-block h3 {
    margin-bottom: 15px;
    font-size: 1.4rem;
    line-height: 1.5rem
}

.cs-content-block h2:first-child,.cs-content-block h3:first-child,.cs-single-deal-info h3:first-child,.cs-single-deal-info h4:first-child {
    margin-top: 0
}

.cs-content-block h4 {
    font-size: 1.4rem;
    line-height: 1.6rem
}

.cs-content-block h5 {
    font-size: 1.3rem;
    line-height: 1.5rem
}

.cs-content-block h6 {
    font-size: 1.2rem;
    line-height: 1.4rem
}

.cs-content-h1 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1.5rem;
    line-height: 1.8rem
}

.cs-merchant-h2 {
    margin: 25px 0 10px
}

@media (min-width: 768px) and (max-width:992px) {
    .cs-content-h1 {
        font-size:1.3rem;
        line-height: 1.7rem
    }

    .cs-content-h2 {
        font-size: 1.2rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767px) {
    .cs-content-block h1 {
        font-size:1.2rem;
        line-height: 1.4rem
    }

    .cs-content-block h2,.cs-content-block h3,.cs-content-block h4,.cs-content-block h5,.cs-content-block h6 {
        margin: 20px 0 7px
    }

    .cs-content-h1 {
        font-size: 1.3rem;
        line-height: 1.5rem
    }

    .cs-content-block h2 {
        font-size: 1.2rem
    }

    .cs-content-block h3 {
        font-size: 1.1rem
    }

    .cs-content-block h4 {
        font-size: 1.1rem
    }

    .cs-content-block h5 {
        font-size: 1rem
    }

    .cs-content-block h6 {
        font-size: 1rem
    }

    .cs-merchant-h2 {
        margin: 20px 0 10px;
        font-size: 1.1rem;
        line-height: 1.4rem
    }
}

.cs-coupon-bonusdeal .cs-coupon-deal-logo:hover {
    cursor: pointer
}

.cs-coupon-bonusdeal .cs-coupon-dealbox-h3:hover {
    text-decoration: underline;
    cursor: pointer
}

.cs-coupon-bonusdeal .cs-coupon-deal-read-more:hover {
    color: #ef8a1b;
    cursor: pointer
}

.cs-coupon-bonusdeal .cs-button-action-deal-cta {
    width: 43%;
    text-align: center
}

.cs-coupon-bonusdeal .cs-button-action-deal-cta:hover {
    opacity: .75;
    text-decoration: none
}

@media (max-width: 992px) {
    .cs-coupon-bonusdeal .cs-button-action-deal-cta {
        width:100%
    }
}

.s-content-extra-ul li {
    margin-bottom: 20px!important
}

@media (min-width: 768px) {
    .s-content-extra-ul li {
        line-height:1.9rem!important
    }
}

.cs-content-img {
    float: left;
    margin: 0 15px 10px 0!important
}

#cs-content-tabs-home {
    margin-top: 15px
}

.cs-icon-border-circle {
    margin: 8px 10px 6px 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: 6px solid #a6a6a6;
    border-radius: 40px;
    font-size: 21px;
    text-align: center;
    background: #fff
}

.cs-icon-border-circle-i {
    color: #a0c316
}

.cs-home-news-icon-block {
    display: inline-block;
    width: 100%
}

.cs-home-news .cs-icon-border-circle-i {
    line-height: 2.4rem
}

.cs-home-newsletter .cs-icon-border-circle-i {
    line-height: 2.2rem
}

.cs-home-news .cs-icon-border-circle {
    margin-top: 0
}

.cs-home-newsletter .cs-icon-border-circle {
    margin-top: -8px
}

.cs-table-2,.cs-table-3 {
    display: inline-block;
    width: 100%
}

.cs-table-2 li {
    float: left;
    margin-left: 3%;
    width: 47%
}

.cs-table-3 li {
    float: left;
    margin-left: 3%;
    width: 30.3334%
}

.cs-elastic-video,.elastic-video {
    position: relative;
    margin: 15px 0 25px;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden
}

.cs-elastic-video iframe,.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 767px) {
    .cs-elastic-video,.elastic-video {
        margin:15px 0
    }
}

.cs-toggle-read {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-decoration: none;
    outline: 0
}

.cs-toggle-read:active,.cs-toggle-read:hover,.cs-toggle-read:link,.cs-toggle-read:visited {
    text-decoration: none;
    outline: 0;
    white-space: nowrap;
    cursor: pointer;
    color: #ef8a1b!important
}

.alert-block .cs-content-h5 {
    margin-top: 0;
    font-size: 1.2rem
}

.cs-intern-link {
    font-size: 12px;
    line-height: 14px;
    color: silver!important
}

.cs-intro-text {
    font-size: 14px
}

.cs-intro-text a {
    color: #ef8a1b
}

.cs-intro-text-p {
    text-align: justify;
    margin-bottom: 13px;
    font-size: .95rem;
    line-height: 1.5rem
}

.cs-intro-text-p a {
    text-decoration: underline
}

.cs-intro-text-jump {
    float: right;
    font-size: 12px;
    text-decoration: underline
}

.cs-intro-text-jump i {
    margin-left: -7px;
    font-size: 15px
}

.cs-cza-text-block {
    margin-bottom: 0
}

.cs-cza-checklist {
    padding: 13px;
    border: 2px dashed #b2b2b2
}

.cs-cza-checklist ol {
    margin-left: 5px;
    margin-bottom: 0;
    list-style: none
}

.cs-cza-checklist ol i {
    width: 40px;
    margin-left: -40px;
    padding-right: 20px;
    color: #ef8a1b;
    font-size: 20px
}

.cs-cza-checklist-number {
    margin-left: -45px;
    padding-right: 20px;
    font-size: 1.9rem
}

.cs-cza-checklist li {
    margin-left: 40px;
    margin-bottom: 9px;
    font-size: 1.1rem;
    line-height: 1.5rem
}

.cs-cza-checklist li:last-child {
    margin-bottom: 3px
}

.cs-cza-text {
    font-size: 1rem;
    line-height: 1.8rem
}

.cs-cza-checklist-headline {
    font-size: 1.2rem;
    margin-top: 0
}

.cs-cza-liveticker {
    padding: 10px;
    text-align: center;
    font-size: 18px;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5
}

@media (max-width: 992px) {
    .cs-intro-text-p {
        margin-bottom:0;
        font-size: .9rem;
        line-height: 1.3rem
    }

    .cs-merchant-box .cs-intro-text-jump {
        display: none
    }
}

@media (max-width: 767px) {
    .cs-intro-text {
        margin-top:10px
    }

    .cs-intern-link {
        font-size: 11px
    }
}

@media (max-width: 480px) {
    .cs-cza-checklist-headline {
        font-size:1rem
    }

    .cs-cza-checklist li {
        font-size: .9rem;
        line-height: 1.4rem
    }
}

.cs-retailer-filter-headline {
    font-size: 16px;
    margin-bottom: 8px
}

.cs-retailer-toggle {
    display: none
}

.cs-cza-retailer-toggle-btn {
    padding: 18px 20px;
    font-size: 18px;
    color: #fff;
    background: #313131;
    cursor: pointer
}

.cs-cza-retailer-selection {
    margin-bottom: -4px;
    padding-bottom: 20px
}

.cs-cza-retailer-selection-item {
    float: left;
    width: 8%;
    width: -webkit-calc(10% - 10px);
    width: -moz-calc(10% - 10px);
    width: calc(10% - 10px);
    margin: 5px;
    padding: 2px;
    font-size: 11px;
    cursor: pointer;
    box-shadow: 0 0 5px #cecece
}

.cs-cza-retailer-selection-item:hover {
    box-shadow: 0 0 5px #9c9c9c
}

.cs-cza-retailer-selection-item:first-child .cs-cza-retailer-selection-img {
    display: none
}

.cs-cza-retailer-selection-name {
    display: none;
    text-align: center
}

.cs-cza-retailer-selection-item:first-child .cs-cza-retailer-selection-name {
    display: block;
    font-size: 16px;
    font-weight: 700
}

.cs-cza-cashback-section {
    margin: 30px 0;
    justify-content: space-around
}

.cs-cza-cashback-text {
    align-items: center;
    color: #313131;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-family: Poppins
}

.cs-cza-cashback-icon {
    color: #1e5da1;
    margin: -4px 20px 0 0;
    font-size: 45px;
    opacity: .7
}

.cs-cza-extern-cta.cs-button-action-deal-cta {
    margin: 0
}

.cs-cashback-btn-extern {
    padding: 8px 12px;
    color: #fff!important;
    text-decoration: none!important;
    background: #313131;
    border: none
}

.cs-cashback-btn-extern:hover {
    opacity: .8
}

@media (min-width: 1200px) {
    .cs-cza-retailer-selection-item:first-child .cs-cza-retailer-selection-name {
        height:48.5px;
        padding: 16px 4px
    }
}

@media (min-width: 993px) and (max-width:1199px) {
    .cs-cza-retailer-selection-item:first-child .cs-cza-retailer-selection-name {
        height:37px;
        padding: 1px 4px;
        line-height: 18px
    }

    .cs-cza-retailer-btn:hover .cs-cza-retailer-box {
        display: block
    }

    .cs-cza-cashback-icon {
        margin: -4px 15px 0 0;
        font-size: 35px
    }

    .cs-cza-extern-cta.cs-button-action-deal-cta {
        font-size: .8rem
    }
}

@media (min-width: 768px) and (max-width:992px) {
    .cs-cza-retailer-selection-item:first-child .cs-cza-retailer-selection-name {
        height:36px;
        padding: 8px 4px
    }
}

@media (min-width: 768px) {
    .cs-cza-retailer-selection {
        padding:20px 25px;
        background: #fff
    }
}

@media (max-width: 992px) {
    .cs-cza-retailer-box {
        padding-top:10px
    }

    .cs-cza-retailer-selection-img {
        float: left;
        height: 36px
    }

    .cs-cza-retailer-selection-name {
        display: block
    }

    .cs-cza-retailer-selection-item {
        width: 31%;
        width: -webkit-calc(33.334% - 10px);
        width: -moz-calc(33.334% - 10px);
        width: calc(33.334% - 10px);
        font-size: 14px
    }

    .cs-cza-cashback-icon {
        margin: -4px 15px 0 0;
        font-size: 35px
    }

    .cs-cza-extern-cta.cs-button-action-deal-cta {
        font-size: .8rem
    }
}

@media (max-width: 767px) {
    .cs-cza-retailer-selection {
        padding-bottom:4px
    }

    .cs-retailer-block-none {
        display: none;
        padding-top: 15px
    }

    .cs-cza-retailer-selection-item:first-child .cs-cza-retailer-selection-name {
        padding: 10px 0
    }

    .cs-retailer-filter-headline {
        display: none
    }

    .cs-cza-retailer-selection-name {
        display: none
    }

    .cs-retailer-toggle {
        display: block
    }

    .cs-cza-retailer-selection-img {
        float: none;
        height: 40px
    }

    .cs-cza-retailer-selection-item {
        width: 48%;
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(550% - 10px);
        width: calc(50% - 10px);
        height: auto;
        text-align: center;
        font-size: 11px;
        background: #fff
    }

    .cs-cza-cashback-section {
        flex-wrap: wrap;
        margin: 20px 0
    }

    .cs-cza-cashback-text {
        margin-bottom: 15px;
        text-align: center
    }
}

.cs-cza-mosaik {
    justify-content: space-between;
    margin-bottom: 20px
}

.cs-cza-mosaik-large {
    width: 784px
}

.cs-cza-mosaik-large .cs-elastic-video {
    margin: 0!important
}

.cs-cza-mosaik-small {
    width: 325px
}

.cs-cza-mosaik-item {
    margin-bottom: 19px
}

@media (min-width: 768px) {
    .cs-cza-mosaik-small {
        width:319px;
        margin-left: 20px
    }
}

@media (min-width: 993px) {
    .cs-cza-mosaik-small {
        margin-left:20px
    }

    .cs-cza-mosaik-item {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .cs-cza-mosaik-large,.cs-cza-mosaik-small {
        width:100%;
        margin-bottom: 15px
    }

    .cs-cza-mosaik-small {
        text-align: center
    }

    .cs-cza-mosaik-item {
        margin-bottom: 15px
    }
}

.cs-cza-text-block {
    padding-right: 40px
}

.cs-cza-coupontipp {
    padding: 0;
    border: 1px solid #222
}

.cs-cza-coupontipp-inner {
    position: relative
}

.cs-coupontipp-header {
    padding: 7px 10px;
    background: #ef8a1b
}

.cs-coupontipp-headline {
    margin: 0;
    padding-left: 60px;
    color: #fff;
    font-size: 16px
}

.cs-coupontipp-text {
    flex-wrap: wrap;
    position: relative;
    width: 355px;
    padding: 5px 10px 5px 70px;
    font-size: 14px;
    line-height: 20px
}

.cs-coupontipp-product {
    align-items: center;
    width: 100%
}

.cs-coupontipp-editor {
    position: absolute;
    top: -25px;
    left: -75px;
    height: 130px;
    width: 130px;
    padding: 5px;
    background: #eee;
    border-radius: 100px
}

.cs-coupontipp-coupon {
    height: 130px;
    width: 130px
}

.cs-coupontipp-date {
    align-self: flex-end;
    width: 100%;
    font-size: 10px;
    line-height: 16px;
    text-align: center
}

@media (min-width: 993px) and (max-width:1199px) {
    .cs-coupontipp-editor {
        height:85px;
        width: 85px;
        top: -10px;
        left: -36px
    }

    .cs-coupontipp-headline {
        padding-left: 50px
    }

    .cs-coupontipp-text {
        padding: 7px 10px 5px 50px;
        width: 285px
    }

    .cs-coupontipp-advantage,.cs-coupontipp-product {
        line-height: 18px
    }

    .cs-coupontipp-advantage {
        margin: 7px 0
    }

    .cs-coupontipp-coupon {
        width: 100px;
        height: 100px;
        margin-top: 5px
    }
}

@media (max-width: 992px) {
    .cs-cza-coupontipp {
        margin:30px auto 0;
        max-width: 544px
    }

    .cs-coupontipp-editor {
        height: 105px;
        width: 105px;
        top: -25px;
        left: -50px
    }

    .cs-coupontipp-text {
        width: 435px;
        line-height: 18px
    }

    .cs-coupontipp-advantage {
        margin: 7px 0
    }

    .cs-coupontipp-coupon {
        width: 100px;
        height: 100px
    }
}

@media (max-width: 767px) {
    .cs-cza-coupontipp {
        max-width:340px
    }

    .cs-coupontipp-editor {
        height: 70px;
        width: 70px;
        top: -25px
    }

    .cs-coupontipp-text {
        width: 100%;
        font-size: 12px
    }

    .cs-coupontipp-headline {
        padding-left: 17px;
        font-size: 14px
    }

    .cs-coupontipp-product {
        text-align: center
    }

    .cs-coupontipp-text {
        padding: 7px 10px 5px
    }

    .cs-coupontipp-coupon {
        width: 80px;
        height: 80px
    }
}

@media (max-width: 480px) {
    .cs-cza-coupontipp {
        margin:10px auto
    }

    .cs-coupontipp-editor {
        display: none
    }

    .cs-coupontipp-headline {
        padding-left: 0
    }

    .cs-coupontipp-text {
        width: 100%
    }

    .cs-text-no-break>span {
        position: relative;
        right: 0;
        left: 182px
    }

    .cs-read-more-jump i {
        font-size: 15px;
        text-decoration: underline
    }

    .cs-social-small ul {
        display: inline-flex;
        margin: 0;
        list-style-type: none
    }

    .cs-social-small li {
        margin-right: 10px
    }

    .cs-social-small li a {
        text-decoration: none!important
    }

    .cs-social-small li i {
        padding: 3px 4px 4px 4px;
        color: #fff;
        font-size: 15px;
        background-color: #a4a4a4
    }

    .cs-social-small ul:hover i {
        background-color: #ef8a1b
    }

    .cs-social-small ul:hover .cs-social-comment-label {
        cursor: pointer;
        color: #ef8a1b
    }

    .cs-letter-spacing {
        font-family: Poppins
    }

    .cs-social-comment-label {
        margin-left: 5px;
        color: #313131;
        font-size: .8rem;
        text-decoration: underline
    }

    .cs-social-comment-label:hover {
        color: #ef8a1b
    }
}

@media (min-width: 768px) {
    .cs-home-news .cs-icon-border-circle {
        margin-top:7px
    }

    .cs-home-newsletter .cs-icon-border-circle {
        margin-top: 12px
    }
}

@media (min-width: 993px) {
    .cs-home-news .cs-icon-border-circle {
        margin-top:-8px
    }

    .cs-home-news .cs-home-news-icon-block {
        padding-top: 8px
    }

    .cs-home-newsletter .cs-home-news-icon-block {
        padding-top: 0
    }

    .cs-home-newsletter .cs-icon-border-circle {
        margin-top: 0
    }
}

@media (min-width: 1199px) {
    .cs-home-newsletter .cs-home-news-icon-block {
        padding-top:6px
    }

    .cs-home-newsletter .cs-icon-border-circle {
        margin-top: -8px
    }
}

@media(max-width: 768px) {
    .cs-cza-checklist {
        max-width:475px;
        margin: 0 auto;
        padding: 8px
    }

    .cs-cza-checklist ol {
        margin-top: 8px
    }

    .cs-cza-text {
        font-size: .9rem;
        line-height: 1.5rem
    }

    .cs-cza-text-block {
        margin-bottom: 15px;
        padding-right: 0
    }

    .cs-cza-liveticker {
        padding-bottom: 15px;
        font-size: 14px
    }
}

@media (min-width: 993px) and (max-width:1199px) {
    .cs-cza-text-block {
        padding-right:40px
    }
}

@media (max-width: 993px) {
    .cs-cza-text-block {
        margin-top:7px;
        padding: 0
    }

    .cs-cza-checklist {
        margin-top: 10px
    }
}

@media (max-width: 480px) {
    .cs-content-img {
        width:100%;
        margin: 15px 0!important;
        text-align: center
    }
}

.cs-button-black:active,.cs-button-black:link,.cs-button-black:visited {
    color: #fff
}

.cs-button-grey {
    padding: 8px 11.7%;
    margin-top: 10px;
    color: #313131!important
}

.cs-button-grey:hover {
    color: #313131!important;
    text-decoration: none!important;
    background: #e7e7e7;
    background: -moz-linear-gradient(top,#e7e7e7 0,#bdbdbd 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e7e7e7),color-stop(100%,#bdbdbd));
    background: -webkit-linear-gradient(top,#e7e7e7 0,#bdbdbd 100%);
    background: -o-linear-gradient(top,#e7e7e7 0,#bdbdbd 100%);
    background: -ms-linear-gradient(top,#e7e7e7 0,#bdbdbd 100%);
    background: linear-gradient(to bottom,#e7e7e7 0,#bdbdbd 100%);
    border-color: #e7e7e7;
    border-color: rgba(0,0,0,.1);
    border-top-color: #e2e2e2
}

.cs-btn-scroll-top {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 30px;
    z-index: 100;
    cursor: pointer;
    opacity: .9
}

.cs-jump-btn {
    display: none;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    font-size: 16px;
    overflow: hidden;
    text-decoration: none;
    background: rgba(0,0,0,.7)
}

.cs-jump-btn:hover {
    text-decoration: none;
    background: #000
}

.cs-jump-btn .fa-chevron-up {
    padding: 6px 7px
}

.cs-jump-btn .fa-chevron-left {
    padding: 7px 7px
}

.cs-jump-btn i {
    display: block;
    color: #fff
}

@media (min-width: 992px) {
    .cs-column-3 {
        float:left;
        width: 31.6%;
        margin-bottom: 2.5%;
        margin-right: 2.5%
    }

    .cs-column-3:nth-child(3n) {
        margin-right: 0
    }

    .cs-column-4 {
        width: 32%;
        margin: 10px 0
    }

    .cs-column-4:nth-child(4n) {
        margin: 10px 0
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .cs-column-3 {
        float:left;
        width: 48.5%;
        margin-bottom: 15px;
        margin-right: 3%
    }

    .cs-column-3:nth-child(2n) {
        margin-right: 0
    }

    .cs-column-4 {
        float: left;
        width: 31%;
        margin-bottom: 3.5%;
        margin-right: 3.5%
    }

    .cs-column-4:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .cs-column-3,.cs-column-4 {
        width:100%;
        margin-bottom: 20px;
        margin-right: 0
    }
}

@media (min-width: 481px) and (max-width:767px) {
    .cs-column-3,.cs-column-4 {
        float:left;
        width: 48%;
        margin-right: 4%
    }

    .cs-column-3:nth-child(2n),.cs-column-4:nth-child(2n) {
        margin-right: 0
    }
}

.cs-sub-info-text {
    color: #999!important;
    font-size: .75rem!important;
    line-height: 1rem!important
}

.cs-sub-form-hint {
    font-size: .7rem!important;
    line-height: .9rem!important
}

.controls.controls-row label {
    font-size: .7rem;
    line-height: 2.2rem
}

.cs-toggle-content-button span {
    font-size: 12px;
    text-decoration: none
}

@media (min-width: 993px) {
    .cs-main-right {
        flex:0 1 100%;
        flex-basis: -webkit-calc(100% - 220px)!important;
        flex-basis: -moz-calc(100% - 220px)!important;
        flex-basis: calc(100% - 220px)!important;
        order: 2;
        padding-left: 35px
    }

    .cs-sidebar-left {
        flex: 0 0 220px;
        order: 1
    }

    .cs-main-left {
        flex: 0 1 100%;
        flex-basis: -webkit-calc(100% - 220px)!important;
        flex-basis: -moz-calc(100% - 220px)!important;
        flex-basis: calc(100% - 220px)!important;
        margin-top: 20px;
        padding-right: 35px
    }

    .cs-sidebar-right {
        flex: 0 0 220px;
        margin-top: 20px
    }

    .cs-main-content {
        margin-top: 15px
    }
}

@media (min-width: 1200px) {
    .cs-main-right {
        flex:0 1 100%;
        flex-basis: -webkit-calc(100% - 280px)!important;
        flex-basis: -moz-calc(100% - 280px)!important;
        flex-basis: calc(100% - 280px)!important;
        order: 2;
        padding-left: 35px
    }

    .cs-sidebar-left {
        flex: 0 0 340px;
        order: 1
    }

    .cs-main-left {
        flex: 0 1 100%;
        flex-basis: -webkit-calc(100% - 280px)!important;
        flex-basis: -moz-calc(100% - 280px)!important;
        flex-basis: calc(100% - 360px)!important;
        padding-right: 35px
    }

    .cs-sidebar-right {
        flex: 0 0 280px
    }
}

@media (max-width: 992px) {
    .main-content-container {
        display:block
    }

    .cs-main-left {
        margin-top: 15px
    }

    .cs-sidebar-right {
        margin: 25px 0 0
    }

    ,.cs-merchant-box-shop.cs-sidebar-left {
        margin-top: 10px
    }

    .cs-sidebar-left .cs-cat-box-img {
        margin: 0
    }

    .cs-main-content {
        margin-top: 15px
    }
}

#cs-header .cs-search-result:active,#cs-header .cs-search-result:focus,#cs-header .cs-search-result:hover {
    background-color: #f6f6f6
}

.cs-header-inner {
    padding: 18px 0 14px
}

.cs-header-logo-link:hover {
    color: inherit;
    text-decoration: none
}

.cs-header-logo-area {
    padding: 0
}

.cs-header-logo-img {
    max-width: 350px;
    margin-bottom: 8px
}

.cs-header-logo-slogan {
    padding-left: 13%;
    font-family: Poppins;
    font-size: 1.1rem
}

.cs-header-logo-slogan:active,.cs-header-logo-slogan:focus,.cs-header-logo-slogan:hover,.cs-header-logo-slogan:visited {
    text-decoration: none
}

.cs-header a {
    text-decoration: none
}

.cs-search-extras {
    font-size: 10px;
    line-height: 1.3
}

@media(min-width: 768px) and (max-width:992px) {
    .cs-header-logo-img {
        max-width:290px
    }
}

@media (max-width: 767px) {
    #cs-header {
        padding-top:55px;
        background-image: none
    }

    .cs-header-outer .container,.cs-header-outer.container {
        padding-right: 5px;
        padding-left: 5px
    }

    .cs-header-outer {
        position: fixed;
        width: 100%;
        top: 0;
        box-shadow: 0 0 15px #999;
        background-color: #fff;
        z-index: 1000
    }

    .cs-header-inner {
        padding: 0
    }

    .cs-header-logo-slogan {
        padding-left: 1px
    }

    .cs-header-logo-area {
        padding: 17px 0;
        text-align: center
    }

    .cs-header-logo-img {
        max-width: none;
        margin-bottom: 0
    }

    .cs-header-logo-img img {
        max-height: 25px;
        object-fit: cover
    }

    .cs-header-search-btn {
        height: 54px;
        padding: 14px 14px 14px 8px;
        border: none;
        box-shadow: none;
        text-align: right;
        background: 0 0
    }

    .cs-header-search-btn i {
        color: #ef8a1b
    }

    .cs-header-teaser {
        padding-top: 79px;
        background-color: #fff
    }
}

@media (max-width: 480px) {
    .cs-header-logo-slogan {
        font-size:1rem
    }
}

@media(max-width: 350px) {
    .cs-header-logo-area {
        padding:14px 8px
    }
}

.cs-header-navi-placeholder {
    display: none
}

.nav .cs-navbar-home-button {
    display: none
}

.cs-navbar-home-button i {
    margin-right: 0!important;
    font-size: 16px
}

@media (max-width: 767px) {
    .cs-sticky-nav-search {
        display:none
    }
}

.cs-main-nav .navbar-nav>li>a,.cs-main-nav-item,.cs-navi-search {
    padding: 11px 15px
}

.cs-navi-search {
    display: none;
    float: right;
    cursor: pointer;
    color: #fff
}

.cs-navi-search i {
    padding-right: 5px;
    font-size: 18px
}

.cs-nav-search-close-btn {
    position: absolute;
    float: right;
    right: 0;
    top: 10px;
    color: #fff;
    cursor: pointer
}

.cs-main-nav .navbar-nav li a {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media (min-width: 768px) and (max-width:991px) {
    .cs-main-nav .navbar-nav>li>a,.cs-navi-search {
        padding:11px 9px;
        font-size: .9rem
    }

    .cs-main-nav-cza-i {
        display: none
    }
}

@media (min-width: 768px) {
    .main-nav-scrolled {
        position:fixed;
        width: 100%;
        top: 0;
        box-shadow: 0 0 15px #999;
        z-index: 700;
        -webkit-transform: translateZ(0)
    }

    .cs-navi-item:hover {
        background: #313131!important
    }

    .navbar-nav>li {
        float: left;
        cursor: pointer
    }
}

.cs-header-searchblock input.cs-field-search {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
    height: 42px;
    padding-left: 10px;
    font-size: 1rem;
    border-width: 1px 0 1px 1px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: none
}

.cs-searchhover {
    display: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    background: #fff;
    z-index: 15000
}

.cs-searchhover .cs-search-result-label {
    margin: 5px 0;
    padding: 0 3px;
    color: #97a6a9;
    font-weight: 700;
    border: 1px #e3e7e8 solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f6f6f6
}

.cs-searchhover a {
    display: block;
    padding: 2px 3px 2px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.cs-header-searchblock button {
    height: 42px;
    width: 10%;
    margin: -10px 0 0 -4px;
    font-size: 1.5em;
    border-radius: 0 10px 10px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cs-btn-search {
    color: #fff;
    border: 2px solid #000;
    background: #5550;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    border-left: none
}

.cs-btn-search:hover {
    color: #fff;
    border: 2px solid rgba(0,0,0,.5);
    background: -moz-linear-gradient(top,rgba(91,91,91,.75) 0,rgba(55,55,55,.75) 50%,rgba(0,0,0,.75) 51%,rgba(24,24,24,.75) 100%);
    background: -webkit-linear-gradient(top,rgba(91,91,91,.75) 0,rgba(55,55,55,.75) 50%,rgba(0,0,0,.75) 51%,rgba(24,24,24,.75) 100%);
    background: linear-gradient(to bottom,rgba(91,91,91,.75) 0,rgba(55,55,55,.75) 50%,rgba(0,0,0,.75) 51%,rgba(24,24,24,.75) 100%);
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    cursor: pointer
}

.cs-searchhover i {
    float: right;
    margin-right: 5px;
    font-size: 16px;
    line-height: 1.3rem
}

.cs-header-searchblock button i {
    color: #4b4b4b;
    font-size: 26px
}

.cs-header-searchblock-suggest {
    position: relative;
    font-size: .75rem
}

.cs-header-searchblock-suggest .cs-header-suggest-inner {
    position: absolute;
    top: -6px;
    left: 2px;
    margin-top: 2px
}

.cs-header-searchblock-suggest a:active,.cs-header-searchblock-suggest a:link,.cs-header-searchblock-suggest:visited {
    text-decoration: underline!important
}

.cs-header-searchblock-suggest a:hover {
    color: #000
}

.cs-searchhover {
    width: 90%;
    top: 56px;
    padding: 0;
    text-align: left;
    border: 1px solid #eee;
    border-radius: 0;
    box-shadow: 3px 4px 6px #f09e90;
    z-index: 19000
}

@media (min-width: 768px) and (max-width:992px) {
    .cs-header-searchblock button {
        width:15%
    }

    .cs-header-searchblock input.cs-field-search {
        width: 70%
    }
}

@media (max-width: 767px) {
    .cs-header-searchblock {
        min-height:0;
        padding: 15px 0
    }

    .cs-header-searchblock input.cs-field-search {
        width: 85%
    }

    .cs-searchhover {
        top: 60px;
        width: 96%
    }

    .cs-header-searchblock button {
        width: 15%;
        margin-left: -4px!important
    }

    .cs-header-searchblock-suggest .cs-header-suggest-inner {
        display: none
    }
}

.cs-header-searchblock-form {
    text-align: center
}

#desktop-search input.cs-field-search {
    border: 1px solid #000;
    background: #fff;
    border-left: none;
    border-right: none
}

#desktop-search input.cs-field-search::placeholder {
    color: #313131
}

#desktop-search .cs-btn-search {
    padding: 0;
    border: 1px solid #000;
    transition: none;
    border-radius: 0 10px 10px 0;
    background: 0 0;
    border-left: none
}

#desktop-search .cs-btn-search:hover,.cs-btn-search:hover {
    background: #fff
}

.cs-sticky-nav-search {
    transition: all ease .3s
}

.cs-sticky-nav-search .cs-header-searchblock {
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid #e2e2e2
}

.cs-sticky-nav-search-container {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 73%
}

.cs-sticky-nav-search input.cs-field-search {
    height: 35px;
    width: 79%;
    padding-left: 15px;
    border: none;
    border-radius: 4px 0 0 4px
}

.cs-sticky-nav-search input.cs-field-search:focus {
    border: none
}

.cs-sticky-nav-search .cs-header-searchblock button {
    height: 36px;
    width: auto;
    padding: 0 15px;
    padding-left: 15px;
    line-height: 16px;
    border: none;
    background-color: gray
}

.cs-sticky-nav-search .cs-header-searchblock button i {
    font-size: 20px;
    color: #fff
}

.cs-sticky-nav-search .cs-btn-search {
    transition: none
}

.cs-sticky-nav-search .cs-btn-search:first-child {
    border-right: 1px solid #fff!important
}

.cs-sticky-nav-search-close {
    position: absolute;
    right: 0;
    top: 7px;
    font-size: 28px;
    color: #fff;
    cursor: pointer
}

.cs-sticky-nav-search .cs-searchhover {
    width: 79%;
    left: 7.7%;
    top: 35px
}

#mobil-search.collapse.in,#sticky-nav-search.collapse.in {
    overflow: visible
}

@media (max-width: 991px) and (min-width:768px) {
    .cs-sticky-nav-search-container {
        width:100%
    }

    .cs-sticky-nav-search input.cs-field-search {
        width: 79%;
        margin-left: 1%
    }
}

@media (min-width: 768px) {
    #mobil-search {
        display:none
    }
}

@media (max-width: 767px) {
    #mobil-search {
        width:100%
    }

    .cs-header-mobil-search {
        font-size: 22px
    }

    .cs-header-searchblock {
        padding: 0 5px 15px;
        text-align: center
    }

    .cs-header-searchblock input.cs-field-search {
        width: 65%;
        height: 38px;
        margin-top: 2px;
        padding-left: 20px;
        color: #313131;
        font-size: .9rem;
        border: none;
        border-radius: 0;
        background: #e5e5e5;
        box-shadow: none
    }

    .cs-header-searchblock input.cs-field-search::placeholder {
        color: #313131
    }

    input[type=text].cs-field-search {
        margin-bottom: 0
    }

    .cs-header-searchblock .cs-btn-search {
        width: 25%;
        height: 38px;
        margin-top: 2px;
        padding: 0 5px 2px 0;
        color: #fff;
        border: none;
        border-radius: 0;
        background: #ef8a1b
    }

    .cs-header-searchblock button {
        font-size: 1rem
    }

    .cs-btn-search {
        color: #ef8a1b;
        border: 1px solid #313131;
        background: #fafafa
    }

    .cs-searchhover {
        width: 83%;
        height: 220px;
        top: 45px;
        left: 8%;
        box-shadow: 2px 2px 4px #f09e90;
        overflow-y: scroll;
        overflow-y: -moz-scrollbars-vertical
    }

    .cs-searchhover .cs-search-result-label {
        padding: 10px 10px 5px;
        color: #313131;
        font-size: 16px;
        font-weight: 700;
        border: none;
        border-bottom: 1px solid #ef8a1b;
        border-radius: 0;
        background: #fff
    }

    .cs-searchhover a {
        padding: 12px 3px 12px 20px;
        font-size: 16px
    }

    .cs-searchhover i {
        padding-right: 25px;
        font-size: 18px
    }

    .cs-searchhover::-webkit-scrollbar {
        -webkit-appearance: none
    }

    .cs-searchhover::-webkit-scrollbar:vertical {
        width: 12px
    }

    .cs-searchhover::-webkit-scrollbar:horizontal {
        height: 12px
    }

    .cs-searchhover::-webkit-scrollbar-thumb {
        border-radius: 10px;
        border: 2px solid #fff;
        background-color: rgba(0,0,0,.5)
    }

    .cs-searchhover::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #fff
    }
}

.cs-searchhover .cs-search-result-label {
    margin: 0;
    padding: 9px 15px;
    color: #313131;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    background: #fff
}

.cs-searchhover a {
    padding: 12px 25px;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    border-radius: 0
}

.cs-searchhover i {
    padding-right: 10px;
    font-size: 18px
}

.cs-searchhover a:last-child {
    border-bottom: none
}

.cs-searchhover a:hover {
    text-decoration: none
}

.cs-searchhover-searchstring {
    color: #c86049;
    font-weight: 700
}

.cs-main-nav {
    min-height: 0;
    margin-bottom: 0;
    font-size: .9rem;
    border: none;
    background-color: transparent
}

.cs-main-nav .container-fluid {
    padding-right: 0;
    padding-left: 0
}

.cs-main-nav .navbar-collapse {
    padding-left: 0;
    padding-right: 0
}

.cs-main-nav .nav {
    margin-bottom: 0
}

.cs-main-nav ul li i {
    margin-right: 10px
}

.cs-main-nav ul li .fa {
    margin-left: 2px;
    margin-right: 11px
}

.cs-main-nav .navbar-nav .cs-main-nav-link:hover {
    color: #fff!important;
    text-decoration: none!important;
    background-color: #6b797b;
    cursor: pointer;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.cs-main-nav .dropdown .caret {
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.cs-main-nav-c4u {
    background-color: #ef8a1b
}

.cs-main-nav-green {
    color: #fff;
    background: #0a9040
}

.cs-main-nav-green:active,.cs-main-nav-green:hover {
    color: #fff!important
}

.cs-main-nav-orange {
    background: linear-gradient(to bottom,#e58609 0,#ef8a1b 100%) repeat scroll 0 0 rgba(0,0,0,0)
}

.cs-main-nav-dark-green {
    background: linear-gradient(to bottom,#5f9b1d 0,#2a4c05 100%) repeat scroll 0 0 rgba(0,0,0,0)
}

.cs-main-nav-yellow {
    background: linear-gradient(to bottom,#ffbf00 0,#d76f00 100%) repeat scroll 0 0 rgba(0,0,0,0)
}

.cs-main-nav-lightblue {
    background: linear-gradient(to bottom,#01a9db 0,#086a87 100%) repeat scroll 0 0 rgba(0,0,0,0)
}

.cs-main-nav-blue {
    background: #3b679e
}

.cs-main-nav-crsm {
    background: #891111
}

.cs-main-nav-violette {
    background: #9f0828
}

.cs-main-nav .navbar-nav>li>a {
    height: 43px;
    color: #fff;
    text-decoration: none;
    font-weight: 300
}

.cs-main-nav-item {
    height: 43px;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    cursor: pointer
}

.cs-main-nav .dropdown-menu {
    width: 260px;
    color: #fff;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,.4);
    background-color: #313131
}

.cs-main-nav .dropdown-menu.cs-dropdown-menu-2-cols {
    width: 340px
}

.cs-main-nav .dropdown-menu li {
    margin-right: 0!important;
    font-size: .8rem
}

.cs-main-nav .dropdown-menu.cs-dropdown-menu-2-cols li:nth-of-type(odd) {
    width: 45%
}

.cs-main-nav .dropdown-menu.cs-dropdown-menu-2-cols li:nth-of-type(even) {
    width: 55%
}

.cs-main-nav .dropdown-menu li a {
    color: #fff
}

.cs-main-nav .dropdown-menu .cs-main-nav-link {
    padding: 10px;
    border-bottom: 1px solid #314345;
    white-space: initial
}

.cs-main-nav .dropdown-menu li a:active,.cs-main-nav .dropdown-menu li a:focus,.cs-main-nav .dropdown-menu li a:hover,.cs-main-nav .dropdown-menu li a:visited {
    color: #fff;
    text-decoration: none;
    background-color: #6b797b
}

.cs-home-button {
    max-width: 230px;
    margin-bottom: 15px;
    text-align: center
}

.cs-home-button i {
    padding-right: 10px;
    font-size: 17px
}

@media (min-width: 768px) {
    .cs-main-nav .dropdown-menu .cs-main-nav-link {
        border-right:1px solid #314345
    }

    ul.nav li.dropdown:hover>ul.dropdown-menu {
        display: block
    }

    ul.nav li.dropdown:hover>ul.dropdown-menu.cs-dropdown-menu-2-cols {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap
    }

    .cs-main-nav-red:active,.cs-main-nav-red:hover {
        text-decoration: none;
        background: #6b6b6b;
        background: -moz-linear-gradient(top,#a1a1a1 0,#313131 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#a1a1a1),color-stop(100%,#313131));
        background: -webkit-linear-gradient(top,#a1a1a1 0,#313131 100%);
        background: -o-linear-gradient(top,#a1a1a1 0,#313131 100%);
        background: -ms-linear-gradient(top,#a1a1a1 0,#313131 100%);
        background: linear-gradient(to bottom,#a1a1a1 0,#313131 100%)
    }

    .cs-main-nav-green:active,.cs-main-nav-green:hover {
        text-decoration: none;
        background: #6b6b6b;
        background: -moz-linear-gradient(top,#a1a1a1 0,#313131 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#a1a1a1),color-stop(100%,#313131));
        background: -webkit-linear-gradient(top,#a1a1a1 0,#313131 100%);
        background: -o-linear-gradient(top,#a1a1a1 0,#313131 100%);
        background: -ms-linear-gradient(top,#a1a1a1 0,#313131 100%);
        background: linear-gradient(to bottom,#a1a1a1 0,#313131 100%)
    }

    .cs-main-nav .navbar-nav li a:focus,.cs-main-nav .navbar-nav li a:hover {
        color: #fff
    }

    .cs-header-navi {
        background: #ef8a1b;
        z-index: 1000
    }
}

@media (max-width: 767px) {
    .cs-main-nav .nav {
        margin-bottom:15px;
        padding: 0 5px
    }

    .cs-main-nav .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }

    .cs-main-nav .navbar-nav>li>a,.cs-main-nav-item,.cs-navi-search {
        padding: 12px 15px;
        font-size: .8rem
    }

    .cs-main-nav .navbar-nav li:first-child a {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

    .navbar-toggle {
        position: inherit;
        top: 0;
        left: 0;
        border: none;
        border-radius: 3px;
        background-color: transparent
    }

    .navbar-toggle .icon-bar {
        background-color: #ef8a1b
    }

    .cs-main-nav .dropdown .caret {
        float: right;
        margin-right: 5px
    }

    .cs-main-nav .navbar-nav li {
        margin-bottom: 1px
    }

    .cs-main-nav .dropdown-menu li {
        padding: 0;
        font-size: .7rem
    }

    .cs-header-navi {
        max-height: 450px;
        overflow-y: auto
    }

    .cs-navi-search {
        display: none!important
    }

    .cs-header-menu-btn {
        height: 40px;
        background: 0 0
    }

    .cs-header-menu-btn .icon-bar {
        width: 29px
    }

    .cs-header-menu-btn .icon-bar+.icon-bar {
        margin-top: 7px
    }

    .dropdown.open .dropdown-menu.cs-dropdown-menu-2-cols {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap
    }
}

@media (max-width: 400px) {
    .navbar-toggle {
        top:-70px
    }
}

#cs-main {
    padding-bottom: 25px;
    background-color: #f5f5f5
}

.cs-home-page #cs-main {
    padding-bottom: 0
}

.s-special #cs-main {
    background-color: #fff
}

.cs-content-block {
    font-size: 1rem;
    line-height: 1.8rem
}

.cs-content-block a {
    color: #ef8a1b;
    text-decoration: none
}

.cs-content-block a:hover,.cs-home-about-us a:hover {
    color: #ef8a1b;
    text-decoration: underline
}

.cs-content-block p {
    margin: 10px 0 10px
}

.cs-content-block .cs-coupon-box {
    font-size: 14px;
    line-height: 20px
}

.cs-content-block .cs-coupon-box img {
    margin: 0
}

.cs-content-block ol,.cs-content-block ul {
    margin: 15px 0 5px 25px
}

.cs-content-block ol.cs-ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
    font-size: .9rem;
    counter-reset: list
}

.cs-content-block ol.cs-ol>li {
    position: relative;
    margin: 10px 0;
    padding: 15px 15px 15px 50px;
    background: #ececec
}

.cs-content-block ol.cs-ol>li:before {
    position: absolute;
    height: 55px;
    width: 50px;
    top: 50%;
    bottom: 0;
    left: 0;
    color: #ef8a1b;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.9;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    counter-increment: list;
    content: counter(list)
}

.cs-content-block li {
    margin-bottom: 10px;
    line-height: 1.7rem
}

@media (max-width: 767px) {
    .cs-content-block p {
        margin:5px 0 10px
    }

    .cs-content-block ol.cs-ol>li {
        padding: 10px 10px 10px 40px;
        font-size: .8rem
    }

    .cs-content-block ol.cs-ol>li:before {
        width: 40px;
        height: 43px;
        font-size: 1.4rem
    }
}

@media (max-width: 480px) {
    .cs-content-block {
        font-size:.9rem;
        line-height: 1.5rem
    }

    .cs-content-block li {
        line-height: 1.5rem
    }

    .cs-content-block ol,.cs-content-block ul {
        margin: 5px 0 5px 15px
    }
}

.cs-breadcrumbs-style {
    background: #eee
}

.cs-breadrumbs .cs-breadcrumb-item:active,.cs-breadrumbs .cs-breadcrumb-item:link,.cs-breadrumbs .cs-breadcrumb-item:visited {
    color: #666
}

.cs-breadcrumb-item {
    color: #ef8a1b!important
}

.cs-breadcrumb-list {
    margin: 0;
    list-style-type: none
}

.cs-breadcrumb-list li {
    display: inline-block
}

.cs-breadcrumb-item {
    display: inline-block;
    position: relative;
    padding: 1px 0;
    font-size: .7rem
}

.cs-breadcrumb-item.cs-breadcrumb-first {
    padding-right: 15px
}

.cs-breadcrumb-divider {
    display: inline-block;
    padding: 0 8px;
    font-size: 12px
}

.cs-breadcrumb-active {
    color: #313131;
    font-weight: 700
}

.s-special .cs-breadcrumb-active:hover {
    text-decoration: none!important
}

@media(max-width: 767px) {
    .cs-breadcrumbs {
        display:none
    }
}

.cs-sidebar-item {
    display: inline-block;
    width: 100%
}

.cs-sidebar-h3 {
    margin: 5px 0 10px;
    color: #313131;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-family: Poppins;
    text-align: center
}

.cs-sidebar-divider {
    margin: 15px 55px;
    border-bottom: 1px solid #cec5c5;
    clear: both;
    text-align: center;
    width: 64%
}

.cs-sidebar-divider:first-child {
    display: none
}

.cs-sidebar-subpages {
    text-align: center
}

.cs-sidebar-subpages .cs-sidebar-h3 i {
    padding-right: 5px;
    color: #ef8a1b
}

.cs-sidebar-subpages-items .cs-ghost-btn {
    margin: 5px 3px;
    padding: 5px 8px;
    font-weight: 400
}

.cs-sidebar-table {
    width: 70%;
    margin: 0 15%
}

.cs-sidebar-table-value {
    float: right
}

.cs-filter-count {
    margin-bottom: 14px;
    font-size: 1.3rem;
    line-height: 1.6rem
}

.cs-filter-title {
    margin: 7px 25px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.cs-filter-ul {
    margin: 0 0 15px;
    list-style-type: none
}

.cs-filter-li {
    margin-left: 50px;
    margin-bottom: 7px
}

.cs-filter-input {
    position: absolute!important;
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: none
}

.cs-filter-label {
    display: block;
    position: relative;
    padding-left: 29px;
    line-height: 22px
}

.cs-filter-label:hover {
    color: #ef8a1b
}

.cs-filter-label.cs-filter-inactiv {
    cursor: default;
    opacity: .4
}

.cs-filter-label.cs-filter-inactiv:hover {
    color: inherit
}

.cs-filter-input+label:before {
    visibility: hidden;
    position: absolute;
    top: 4px;
    left: 8px;
    z-index: 2;
    box-sizing: border-box;
    width: 6px;
    height: 11px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: solid #313131;
    border-width: 0 2px 2px 0
}

.cs-filter-input:checked+label:before {
    visibility: visible
}

.cs-filter-input+label:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    content: "";
    border: 1px solid #d3d3d3;
    background-color: #fff
}

.cs-filter-form {
    position: relative
}

.cs-filter-i {
    position: absolute;
    top: 9px;
    left: 32px;
    color: #999;
    font-size: 18px
}

input[type=search].cs-filter-search {
    display: block;
    width: 80%;
    margin: 15px auto;
    padding: 8px;
    color: #555;
    font-weight: 500;
    text-indent: 30px;
    border: 1px solid #d3d3d3
}

input[type=search]:focus.cs-filter-search {
    box-shadow: 0 0 6px rgba(217,62,36,.8)
}

.cs-sidebar-show-more {
    margin-top: 5px;
    margin-left: 50px;
    color: #ef8a1b;
    font-size: 12px
}

.cs-sidebar-show-more:hover {
    cursor: pointer;
    text-decoration: underline
}

.cs-filter-scroll {
    overflow: auto;
    max-height: 150px
}

.cs-filter-scroll::-webkit-scrollbar {
    -webkit-appearance: none
}

.cs-filter-scroll::-webkit-scrollbar:vertical {
    width: 12px
}

.cs-filter-scroll::-webkit-scrollbar:horizontal {
    height: 12px
}

.cs-filter-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 2px solid #fff;
    background-color: rgba(0,0,0,.5)
}

.cs-filter-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.cs-filter-reset {
    display: none;
    margin-left: 25px;
    margin-bottom: 10px;
    padding: 7px;
    font-size: 11px;
    background: #ebebeb;
    cursor: pointer
}

.cs-filter-reset i {
    font-size: 18px;
    margin-right: 7px
}

.cs-filter-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f5f5f5;
    opacity: .5;
    width: 100%;
    height: 100%;
    z-index: 1000
}

@media (min-width: 993px) {
    .cs-filter-mobil-btn {
        display:none
    }
}

@media(max-width: 1199px) {
    .cs-filter-i {
        left:26px
    }
}

@media (max-width: 992px) {
    .cs-sidebar-item.cs-filter {
        display:none
    }

    .cs-filter-title {
        margin: 0 0 7px
    }

    .cs-filter-reset {
        margin-left: 0;
        text-align: left
    }

    .cs-filter-ul {
        margin-left: -10px
    }

    .cs-filter-li {
        float: left;
        width: 22%;
        width: -moz-calc(25% - 10px);
        width: -webkit-calc(25% - 10px);
        width: -o-calc(25% - 10px);
        width: calc(25% - 10px);
        margin-left: 10px;
        margin-bottom: 3px
    }
}

@media (max-width: 767px) {
    .cs-sidebar-item.cs-filter {
        display:none
    }

    .cs-filter-li {
        float: left;
        width: 30%;
        width: -moz-calc(33.334% - 10px);
        width: -webkit-calc(33.334% - 10px);
        width: -o-calc(33.334% - 10px);
        width: calc(33.334% - 10px);
        margin-left: 10px;
        margin-bottom: 3px
    }

    .cs-filter-label {
        font-size: 12px
    }
}

@media (max-width: 480px) {
    .cs-filter-ul {
        margin:0 0 5px -10px
    }

    .cs-filter-li {
        width: 47%;
        width: -moz-calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        width: -o-calc(50% - 10px);
        width: calc(50% - 10px)
    }
}

.cs-sidebar-center {
    text-align: center
}

.cs-sidebar-tester-img {
    height: 135px;
    width: 135px;
    margin: 0 auto;
    overflow: hidden;
    background: #c3cdd1;
    border-radius: 100px
}

.cs-sidebar-tester-text {
    width: auto;
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px
}

@media (min-width: 993px) {
    .cs-sidebar-item .royalSlider.rsCustom1.rsHor.rsWebkit3d.rsWithBullets {
        width:220px
    }

    .cs-sidebar-item .royalSlider {
        max-width: 220px
    }
}

@media (min-width: 1200px) {
    .cs-sidebar-item .royalSlider.rsCustom1.rsHor.rsWebkit3d.rsWithBullets {
        width:280px
    }

    .cs-sidebar-item .royalSlider {
        max-width: 280px
    }
}

@media (max-width: 767px) {
    .cs-sidebar-item .royalSlider {
        max-width:440px;
        max-height: 294px;
        margin-left: auto;
        margin-right: auto
    }
}

.cs-sidebar-contact {
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.cs-sidebar-text-agb a {
    text-decoration: underline
}

.cs-sidebar-text-agb a:hover {
    color: #ef8a1b
}

.cs-sidebar-text-phone {
    padding: 10px 0 0
}

.cs-sidebar-text-fax {
    padding: 0
}

.cs-sidebar-text-email,.cs-sidebar-text-shipping {
    padding: 10px 0 5px;
    line-break: break-all
}

.cs-sidebar-text-hint {
    padding-top: 10px
}

.cs-sidebar-merchant-coupon-table {
    width: 100%;
    font-size: 14px;
    line-height: 20px
}

.cs-sidebar-merchant-coupon-table>tbody>tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding: 0 7px 3px
}

.cs-sidebar-merchant-coupon-table>tbody>tr>th {
    font-weight: 300
}

.cs-sidebar-merchant-coupon-table>tbody>tr>th:after {
    content: ":"
}

.cs-sidebar-merchant-coupon-table>tbody>tr>td {
    font-weight: 700
}

@media (max-width: 1199px) AND (min-width:993px) {
    .cs-sidebar-merchant-coupon-table {
        font-size:12px
    }

    .cs-sidebar-merchant-coupon-table>tbody>tr {
        padding: 0 0 3px
    }
}

.cs-sidebar-subpage-mer-logo {
    margin-bottom: 10px;
    padding: 15px;
    text-align: center;
    background-color: #fff
}

.cs-sidebar-no-deal {
    font-size: .8rem;
    line-height: 1rem
}

.cs-sidebar-no-deal-img {
    width: 100%;
    padding-bottom: 10px;
    text-align: center
}

.cs-sidebar-comments {
    padding: 10px
}

.cs-sidebar-newsletter {
    font-size: .75rem
}

.cs-sidebar-newsletter i {
    padding-right: 5px;
    color: #ef8a1b
}

.cs-newsletter-facts-ul {
    margin: 0!important;
    padding: 20px 0;
    list-style: none
}

.cs-newsletter-modal .cs-newsletter-facts-ul,.cs-newsletter-sem .cs-newsletter-facts-ul,.cs-sidebar-newsletter .cs-newsletter-facts-ul {
    padding: 5px 0
}

.cs-newsletter-facts-ul li {
    padding-left: 35px;
    font-size: .8rem
}

.cs-newsletter-hint {
    font-size: .7rem;
    line-height: 16px
}

.cs-sidebar-newsletter-form {
    padding-top: 5px
}

.cs-sidebar-newsletter-btn {
    float: right;
    margin-top: 5px
}

.cs-newsletter-icon {
    padding-right: 8px;
    color: #fff;
    font-size: 16px
}

.cs-comment-item {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    padding: 5px 10px 5px 5px;
    color: #313131;
    text-decoration: none!important;
    border-radius: 3px;
    background-color: #f9f9f9
}

.cs-comment-item:hover {
    color: #313131
}

.cs-comment-item-avatar {
    float: left;
    margin: 0 10px 5px 0;
    border-radius: 3px
}

.cs-comment-item-title {
    color: #ccc
}

.cs-comment-new-comment {
    display: inline-block;
    width: 100%;
    margin: 15px 0 5px;
    padding-left: 25px;
    color: #313131;
    font-size: .75rem;
    text-decoration: underline
}

.cs-comment-new-comment i {
    margin-left: -22px;
    padding-right: 7px;
    font-size: 16px
}

@media (min-width: 1200px) {
    .cs-sidebar-mer-logo {
        padding:10px
    }

    .cs-sidebar-mer-logo img {
        margin: 10px 0 20px 0
    }

    .cs-sidebar-mer-rating {
        min-height: 145px;
        border-left: 10px solid #eee
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .cs-sidebar-mer-rating {
        min-height:120px
    }

    .cs-sidebar-rating-stars {
        height: 35px
    }

    .cs-sidebar-mer-contact {
        font-size: .7rem;
        line-height: .85rem
    }

    .cs-newsletter-facts-ul li {
        padding-left: 30px;
        font-size: .8rem;
        line-height: 1.3rem
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .cs-sidebar-mer-rating {
        min-height:120px;
        padding: 15px 10px 10px 10px
    }

    .cs-sidebar-rating-stars {
        height: 35px
    }

    .cs-sidebar-text {
        font-size: .7rem;
        line-height: .85rem
    }
}

@media (max-width: 767px) {
    .cs-sidebar-mer-logo {
        min-height:120px;
        margin: 0 0 15px 0
    }

    .cs-sidebar-cta-mer {
        max-width: 200px
    }
}

.cs-keyaccount-persona-img {
    float: left;
    margin-right: 15px;
    border: 2px solid #fff
}

.cs-keyaccount-name {
    font-weight: 700
}

.cs-keyaccount-contact {
    margin-top: 15px;
    text-decoration: none
}

#cs-sidebar .cs-sidebar-keyaccount a {
    text-decoration: none
}

.cs-keyaccount-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px 0 10px 10px;
    background: #fff
}

@media (min-width: 768px) and (max-width:1199px) {
    .cs-keyaccount-item {
        text-align:center
    }

    .cs-keyaccount-persona-img {
        float: none;
        margin-right: 0
    }

    .cs-keyaccount-name {
        margin-top: 3px
    }

    .cs-keyaccount-contact {
        margin-top: 0
    }
}

button.c24hotel-submit,button.c24package-submit,button.c24rentalcar-submit {
    border: 1px solid #557e00!important;
    background-color: #8cba00!important
}

button.c24hotel-submit:hover,button.c24package-submit:hover,button.c24rentalcar-submit:hover {
    background-color: #557e00!important
}

.c24hotel-title,.c24package-title,.c24rentalcar-title {
    padding-left: 12px!important;
    color: #ef8a1b!important;
    font-size: 1.55em!important;
    font-weight: 500!important;
    text-align: left!important
}

div.c24hotel-rating,div.c24pp1.c24pp2.c24pp3 input,div.c24pp1.c24pp2.c24pp3 input.c24package-dep,div.c24pp1.c24pp2.c24pp3 input.c24package-ret,div.c24pp1.c24pp2.c24pp3 select.c24package-airport,div.c24pp1.c24pp2.c24pp3 select.c24package-duration,div.c24pp1.c24pp2.c24pp3.c24rentalcar select.c24rentalcar-dep-time,div.c24pp1.c24pp2.c24pp3.c24rentalcar select.c24rentalcar-ret-time,select.c24hotel-guests {
    border: 1px #dfdfdf solid!important
}

div.c24pp1.c24pp2.c24pp3 span.c24package-airport,div.c24pp1.c24pp2.c24pp3 span.c24package-dep,div.c24pp1.c24pp2.c24pp3 span.c24package-duration,div.c24pp1.c24pp2.c24pp3 span.c24package-ret,div.c24pp1.c24pp2.c24pp3.c24rentalcar label.c24rentalcar-ret-location-select,div.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-dep,div.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-dep-time,div.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-ret,div.c24pp1.c24pp2.c24pp3.c24rentalcar span.c24rentalcar-ret-time,span.c24hotel-dep,span.c24hotel-guests,span.c24hotel-rating,span.c24hotel-ret {
    color: #313131!important
}

div.c24pp1.c24pp2.c24pp3 .ui-widget-header {
    border: 1px solid #557e00!important;
    background: #8cba00!important
}

.ui-datepicker-calendar a.ui-state-hover.ui-state-active {
    background: #557e00!important
}

.ui-datepicker-next-hover,.ui-datepicker-prev-hover {
    border: 1px solid #8cba00!important;
    background: #557e00!important
}

.ui-datepicker-calendar a.ui-state-hover.ui-state-active {
    background: #8cba00!important
}

.ui-datepicker-calendar .ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
    color: #555!important
}

.ui-state-default {
    color: #557e00!important
}

.ui-state-default.ui-state-highlight,.ui-state-default.ui-state-highlight.ui-state-active,.ui-state-default.ui-state-highlight.ui-state-hover,.ui-state-default.ui-state-hover {
    color: #e8f0d7!important;
    border: 1px solid #557e00!important;
    background: #8cba00!important
}

.ui-autocomplete li.ui-menu-item.ui-state-focus,.ui-autocomplete li:hover {
    color: #e8f0d7!important;
    border: 1px solid #557e00!important;
    background: #8cba00!important
}

.ui-autocomplete li.ui-menu-item.ui-state-disabled,.ui-autocomplete li.ui-menu-item.ui-state-disabled:hover {
    background: #8cba00!important
}

#cs-footer-style {
    padding: 15px
}

.cs-footer-h5 {
    margin: 10px 0;
    font-size: .95rem;
    font-family: Poppins;
    font-weight: 400
}

.cs-footer-item:first-child {
    margin-left: 0
}

.cs-footer-item {
    float: left;
    min-height: 115px;
    margin: 0
}

.cs-footer-item:nth-child(4) {
    border-right: none
}

.cs-footer-item ul {
    margin: 0;
    list-style: none
}

.cs-footer-item-navi a:hover {
    text-decoration: none
}

.cs-footer-item-comp a:hover,.cs-footer-item-cs a:hover,.cs-footer-item-service a:hover {
    color: #ef8a1b
}

.cs-social-facebook:hover {
    color: #4267b2!important;
    cursor: pointer
}

.cs-social-instagram:hover {
    color: #ea4f4f!important;
    cursor: pointer
}

.cs-social-twitter:hover {
    color: #00acee!important;
    cursor: pointer
}

.cs-social-magazin {
    margin-top: 0;
    background-color: #777;
    display: inline-block;
    padding: 5px 7px;
    color: #fff!important;
    text-decoration: none
}

.cs-social-magazin:hover {
    background-color: #40aad1;
    text-decoration: none
}

.cs-footer-social {
    justify-content: center
}

.cs-footer-social a {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin: 0 5px 10px;
    padding: 5px;
    color: #ef8a1b;
    font-size: 20px;
    text-align: left
}

.cs-footer-copy {
    clear: both;
    min-height: inherit!important;
    padding-top: 10px;
    color: #b5b5b5;
    text-align: center;
    color: #ef8a1b
}

@media (min-width: 768px) {
    .cs-footer-item:first-child {
        margin-left:0
    }

    .cs-footer-item {
        margin: 0;
        padding-right: 1.25%
    }

    .cs-footer-item:nth-child(5) {
        margin: 0;
        margin-right: 0;
        padding-right: 0
    }
}

@media (max-width: 992px) {
    .cs-footer-item-comp,.cs-footer-item-cs,.cs-footer-item-service,.cs-footer-item-social {
        width:100%!important
    }
}

@media (max-width: 767px) {
    .cs-footer-item {
        margin:0 0 10px
    }

    .cs-footer-item:nth-child(odd) {
        border: none text-align: center
    }

    .cs-footer-item {
        border-right: none
    }

    .cs-social-magazin {
        margin: 0 5px;
        padding: 10px
    }

    .cs-footer-item ul li {
        display: inline-block
    }

    .cs-footer-item ul li a {
        display: inline-block;
        margin: 5px;
        padding: 10px
    }

    .cs-footer-social a {
        width: 41px;
        height: 41px;
        padding: 10px;
        background-color: #fff!important
    }

    .cs-social-magazin {
        background-color: #fff!important
    }

    .cs-footer-item-comp,.cs-footer-item-cs,.cs-footer-item-service,.cs-footer-item-social {
        width: 100%;
        min-height: 50px
    }
}

.cs-footer-merchants {
    padding: 15px 0 10px;
    border-top: 1px solid #999
}

#cs-footer-style {
    border-top: 1px solid #ef8a1b;
    color: #ef8a1b;
    background-color: #ffffff
}

#cs-footer-style .cs-c4u-style {
    color: #ef8a1b
}

.cs-footer-merchants-h {
    margin: 0 0 5px 0;
    text-align: left;
    font-size: 18px;
    font-family: Poppins
}

.cs-footer-merchants-list {
    flex-wrap: wrap
}

.cs-footer-merchants-list a:hover {
    color: #ef8a1b;
    text-decoration: none
}

.cs-footer-mer-item {
    display: inline-block;
    justify-content: space-around;
    width: 18%;
    margin-right: 2.5%
}

.cs-footer-mer-inner {
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #989696
}

@media (min-width: 768px) {
    .cs-footer-mer-item:nth-child(n+21) .cs-footer-mer-inner {
        border-bottom:none
    }

    .cs-footer-mer-item:nth-child(5n+0) {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .cs-footer-merchants-h {
        text-align:left
    }

    .cs-footer-merchants {
        padding: 15px 5px
    }

    .cs-footer-mer-item {
        width: 47%
    }
}

.cs-cat-box {
    margin-bottom: 20px;
    padding: 16px 0 16px;
    background: #fff;
    -moz-box-shadow: 0 4px 12px #d8d8d8;
    -webkit-box-shadow: 0 4px 12px #d8d8d8;
    box-shadow: 0 4px 12px #d8d8d8
}

.cs-category-icon {
    width: 75px;
    height: 75px;
    margin: 2px auto 15px;
    padding: 10px 0;
    border-radius: 40px;
    overflow: hidden;
    border: 6px solid #a6a6a6;
    font-size: 40px;
    text-align: center;
    background: #fff
}

.cs-category-icon i {
    color: #a0c316
}

@media (max-width: 767px) {
    .cs-cat-box {
        padding:8px 0 16px
    }
}

.cs-category-subcats-h2 {
    margin-top: 10px!important;
    margin-bottom: 5px!important;
    font-family: Poppins
}

.cs-category-subcats-items a {
    display: inline-block;
    width: inherit;
    margin: 6px 4px 6px 0;
    padding: 6px 12px;
    font-size: .85rem;
    line-height: 1.3rem;
    text-decoration: none!important;
    background: #fff;
    box-shadow: 1px 1px 5px #b4b4b4
}

.cs-category-subcats-items a:hover {
    color: #ef8a1b
}

.cs-cat-box-img {
    height: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center
}

@media (max-width: 992px) {
    .cs-cat-box-img {
        display:none
    }
}

@media (max-width: 767px) {
    .cs-category-subcats-h2,.cs-category-subcats-items {
        text-align:center
    }

    .cs-category-subcats-items a {
        padding: 5px 6px;
        font-size: .75rem
    }
}

@media (min-width: 768px) {
    .cs-toggle-cats {
        display:none
    }
}

@media (max-width: 767px) {
    .cs-category-subcats-items .cs-category-subcats-items-hidden {
        display:none
    }

    .cs-show-more {
        cursor: pointer;
        padding-top: 3px;
        margin: 0 6px;
        font-size: 12px
    }

    .cs-toggle-cats {
        align-items: center;
        justify-content: center;
        border-top: 1px solid #ef8a1b;
        margin: 5px 15% 0;
        padding-top: 2px;
        cursor: pointer
    }
}

.cs-slider-banner {
    height: 100px!important;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.cs-slider-banner.rsCustom1 img {
    height: 50px;
    width: 100px
}

.cs-slider-banner.rsCustom1 .rsBullets {
    background: 0 0;
    display: none
}

.cs-slider-banner.rsCustom1 .rsSlide {
    padding: 5px 45px;
    background: #f5f5f5
}

.cs-slider-banner.rsCustom1 .rsArrow {
    background: #313131;
    border-radius: 25px;
    bottom: 37px!important;
    height: 24px!important;
    width: 24px!important
}

.cs-slider-banner.rsCustom1 .rsArrowIcn {
    margin-top: -17px;
    margin-left: -16px;
    background-size: 148px 100px
}

.cs-slider-banner.rsCustom1.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -43.5px -42.5px
}

.cs-slider-banner.rsCustom1.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -44px -19px
}

.cs-slider-banner.rsCustom1 .rsBullet span {
    background: #313131
}

.cs-slider-banner.rsCustom1 .rsBullets {
    height: 30px
}

.cs-slider-banner.rsCustom1 .rsBullet {
    padding: 4px 9px 6px
}

.cs-slider-banner-2.rsCustom1 .rsSlide,.cs-slider-banner-3.rsCustom1 .rsSlide,.cs-slider-banner-6.rsCustom1 .rsSlide {
    padding: 5px 0
}

@media (max-width: 1199px) {
    .cs-slider-banner.rsCustom1 img {
        height:50px;
        width: 100px
    }

    .cs-slider-banner {
        height: 100px!important;
        max-width: 685px
    }
}

@media (max-width: 992px) {
    .cs-slider-banner.rsCustom1 img {
        height:45px;
        width: 90px
    }

    .cs-slider-banner {
        max-width: 724px
    }
}

@media (min-width: 768px) {
    .cs-slider-banner-2.rsCustom1 .bContainer:first-child .cs-cat-mer-box-item,.cs-slider-banner-3.rsCustom1 .bContainer:first-child .cs-cat-mer-box-item,.cs-slider-banner-6.rsCustom1 .bContainer:first-child .cs-cat-mer-box-item {
        margin-left:2
    }
}

@media (max-width: 767px) {
    .cs-slider-banner.rsCustom1 img {
        width:90px;
        height: 45px
    }

    .cs-slider-banner {
        height: 177px!important
    }

    .cs-slider-banner-2,.cs-slider-banner-3 {
        height: 88px!important
    }

    .cs-slider-banner .cs-flex-mobil {
        flex-wrap: wrap
    }

    .cs-slider-banner.rsCustom1 .rsArrow {
        bottom: 69px!important
    }
}

@media (max-width: 480px) {
    .cs-slider-banner.rsCustom1 .rsSlide {
        padding:5px 15px
    }

    .cs-slider-banner.rsCustom1 .rsArrow {
        bottom: 116px!important
    }

    .cs-slider-banner.rsCustom1.rsHor .rsArrowRight {
        right: -10px
    }

    .cs-slider-banner.rsCustom1.rsHor .rsArrowLeft {
        left: -10px
    }

    .cs-slider-banner {
        height: 250px!important
    }

    .cs-slider-banner-3 {
        height: 165px!important
    }

    .cs-slider-banner-2 {
        height: 85px!important
    }
}

.cs-cat-mer-box {
    padding-bottom: 10px;
    flex-wrap: wrap
}

.cs-cat-mer-box-item {
    width: 16%;
    margin: 0 5px;
    padding: 5px;
    text-align: center;
    background: #fff;
    box-shadow: 1px 1px 5px #b4b4b4
}

.cs-cat-mer-box-item:hover {
    color: #ef8a1b;
    text-decoration: none
}

.cs-cat-mer-box-item-text {
    max-height: 26px;
    margin-top: 5px;
    padding-top: 5px;
    font-size: 11px;
    border-top: 1px solid #d4d4d4;
    overflow: hidden
}

@media (max-width: 767px) {
    .cs-cat-mer-box-item {
        float:left;
        width: calc(33% - 10px);
        max-height: 73px;
        align-items: center;
        margin-bottom: 10px;
        text-align: center
    }

    .cs-cat-mer-box-item>img {
        width: 60px;
        height: 30px;
        margin: 0 auto
    }

    .cs-cat-mer-box-item-text {
        width: 100%;
        max-height: 18px;
        margin: 0;
        border: none;
        font-size: 10px;
        line-height: 13px;
        text-align: center
    }
}

@media (max-width: 480px) {
    .cs-cat-mer-box-item {
        width:calc(49% - 10px)
    }
}

.cs-category-section,.cs-merchant-section {
    margin: 15px 0
}

.cs-calendar.cs-content-block,.cs-category-section .cs-content-block,.cs-competition-page .cs-content-block,.cs-merchant-section .cs-content-block {
    padding: 25px 39px;
    background: #fff
}

.cs-text {
    padding: 16px 13px;
    background: #fff
}

.cs-text.cs-full-width {
    padding: 30px 145px
}

.cs-text-intro {
    padding: 10px 15px;
    margin-bottom: 20px;
    background: #fff
}

.cs-cat-h1,.cs-mer-h1 {
    margin-top: 0;
    font-size: 1.6rem;
    line-height: 1.9rem
}

.cs-cat-h2,.cs-mer-h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 1.3rem;
    line-height: 1.6rem
}

@media (max-width: 1199px) {
    .cs-calendar.cs-content-block,.cs-category-section .cs-content-block,.cs-competition-page .cs-content-block,.cs-content-page .cs-content-block,.cs-merchant-section .cs-content-block {
        padding:25px 20px;
        background: #fff
    }

    .cs-text.cs-full-width {
        padding: 25px 40px
    }

    .cs-text {
        padding: 15px 20px
    }
}

@media (max-width: 767px) {
    .cs-text-single-headline h1 {
        margin-bottom:0
    }

    .cs-cat-h1,.cs-mer-h1 {
        margin-bottom: 0;
        text-align: center;
        font-size: 18px;
        line-height: 24px
    }

    .cs-cat-h2,.cs-mer-h2 {
        font-size: 16px;
        line-height: 22px
    }

    .cs-calendar.cs-content-block,.cs-category-section .cs-content-block,.cs-competition-page .cs-content-block,.cs-content-page .cs-content-block,.cs-merchant-section .cs-content-block {
        margin: 0 -15px;
        padding: 20px 15px
    }

    .cs-text {
        padding: 16px 15px
    }

    .cs-text.cs-full-width {
        padding: 20px 15px
    }
}

.cs-merchant-box {
    margin-bottom: 19px;
    background: #fff;
    -moz-box-shadow: 0 4px 13px #d8d8d8;
    -webkit-box-shadow: 0 4px 13px #d8d8d8;
    box-shadow: 0 4px 13px #d8d8d8
}

.cs-merchant-box-intro {
    font-size: .95rem;
    line-height: 1.5rem
}

.cs-merchant-box-intro .cs-intro-text-p {
    margin-bottom: 0
}

.cs-merchant-box-inner {
    padding: 16px 0 16px;
    align-items: center
}

.cs-merchant-box-shop {
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
    padding-top: 5px
}

.cs-merchant-box-shop img {
    max-width: 180px;
    max-height: 90px
}

.cs-merchant-box-meta {
    padding-left: 50px
}

.cs-merchant-rating {
    padding: 5px
}

.cs-merchant-content .cs-content-intro {
    padding-bottom: 0
}

.cs-merchant-content-no-coupon .cs-content-intro {
    padding-bottom: 5px
}

.cs-merchant-showbox h2:first-child {
    margin-top: 0
}

.cs-last-updated {
    margin: -5px 0 0;
    text-align: center
}

.nav-tabs li.active,.nav-tabs li.active a {
    text-decoration: none
}

.cs-content-block img {
    margin: 7px 0
}

.cs-content-block .alignleft {
    float: left;
    margin: 10px 20px 16px 0
}

.cs-content-block .alignright {
    float: right;
    margin: 13px 0 16px 20px
}

.cs-content-block .aligncenter {
    display: block;
    margin: 16px auto
}

@media (max-width: 767px) {
    .cs-content-block .aligncenter,.cs-content-block .alignleft,.cs-content-block .alignright {
        float:none;
        display: block;
        margin: 15px auto 20px
    }
}

.cs-merchant-section .cs-content-block a {
    text-decoration: none
}

.cs-merchant-section .cs-content-block a:hover {
    text-decoration: underline
}

.cs-merchant-section .cs-content-block h2:first-child {
    margin-top: 0
}

.cs-content-page .cs-content-block h1:first-child {
    margin-top: 0
}

.cs-merchant-couponplatz {
    padding: 2px 7px;
    background: #fff;
    margin-bottom: 20px
}

@media(min-width: 1200px) {
    .cs-couponplatz_space {
        width:795px
    }
}

.cs-mer-alternative-shop {
    padding: 15px;
    font-size: 1.2rem;
    text-align: center;
    background: #eee
}

.cs-mer-alternative-shop a {
    display: inline-block;
    height: 160px;
    overflow: hidden
}

.cs-mer-alternative-shop img {
    overflow: hidden
}

.cs-alternative-cs-list {
    display: inline-block;
    width: 100%
}

@media (min-width: 993px) {
    .star-rating-outer {
        width:100%
    }
}

@media (min-width: 768px) {
    .cs-alternative-cs-list .cs-column-3 {
        margin-bottom:0
    }
}

@media (max-width: 992px) {
    .cs-merchant-box-inner {
        display:inline-block;
        width: 100%;
        padding: 15px 0
    }

    .cs-merchant-box-shop {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-bottom: 20px
    }

    .cs-merchant-box-shop img {
        margin-right: 25px
    }

    .cs-content-intro.cs-flex {
        display: block
    }
}

@media (max-width: 767px) {
    .cs-content-intro {
        margin-top:10px
    }

    .cs-merchant-box-inner {
        padding: 12px 0
    }

    .cs-merchant-box {
        margin-bottom: 15px
    }

    .cs-merchant-box-shop {
        justify-content: space-evenly
    }

    .cs-merchant-box-shop img {
        margin-right: 0
    }

    .cs-merchant-box-intro .cs-intro-text-jump {
        display: none
    }

    .cs-merchant-content .cs-content-h1 {
        text-align: center
    }

    .cs-merchant-intro-text {
        padding-top: 0;
        padding-bottom: 0
    }

    .cs-alternative-cs-list {
        display: inline-block;
        width: 100%
    }
}

@media (max-width: 580px) {
    .cs-merchant-box-shop img {
        width:120px;
        height: 60px
    }

    .cs-content-block-img {
        width: 100%;
        margin: 10px 0;
        text-align: center
    }
}

.cs-merchant-mobil-intro {
    display: flex;
    justify-content: space-around;
    padding-bottom: 10px
}

.cs-merchant-mobil-intro .cs-ratings-vote {
    background-size: 82%;
    width: 20%
}

.cs-merchant-mobil-intro .cs-sidebar-rate-widget {
    display: flex;
    justify-content: space-between;
    max-width: 200px;
    padding-top: 0;
    margin-left: 15px
}

.cs-merchant-mobil-intro .cs-sidebar-rating-stars {
    float: none;
    height: 33px
}

.cs-merchant-mobil-intro .cs-sidebar-mer-rating-text {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: .55rem
}

@media (min-width: 768px) {
    .cs-merchant-mobil-intro {
        display:none
    }
}

.cs-similar-mer-container {
    justify-content: space-between;
    margin: 0 0 19px
}

.cs-similar-mer5 {
    width: 19%;
    text-align: center
}

.cs-similar-mer4 {
    width: 23%;
    text-align: center
}

.cs-similar-mer3 {
    width: 31%;
    text-align: center
}

.cs-similar-mer3>div {
    display: inline-flex
}

.cs-similar-mer i {
    margin-left: 4px
}

@media (max-width: 767px) {
    .cs-similar-mer-container {
        justify-content:space-between;
        flex-wrap: wrap
    }

    .cs-similar-mer4.cs-ghost-btn,.cs-similar-mer5.cs-ghost-btn {
        width: 48%;
        margin-bottom: 10px;
        font-size: 12px
    }

    .cs-similar-mer3>div {
        display: block
    }
}

@media (max-width: 450px) {
    .cs-similar-mer4.cs-ghost-btn,.cs-similar-mer5.cs-ghost-btn {
        width:100%;
        margin-bottom: 10px
    }

    .cs-similar-mer4>div {
        display: inline-flex
    }

    .cs-similar-mer3 {
        width: 100%;
        margin-bottom: 10px
    }

    .cs-similar-mer3>div {
        display: inline-flex
    }
}

.cs-merchant-coupon-table-section {
    padding: 10px 0
}

.cs-merchant-coupons-table {
    margin-top: 15px;
    padding: 8px;
    text-align: left;
    font-weight: 300;
    font-size: 14px;
    background: #fff
}

.cs-merchant-coupons-table table {
    width: 100%
}

.cs-merchant-coupons-table thead tr th {
    font-weight: 700
}

.cs-merchant-coupons-table tr {
    vertical-align: baseline;
    border-bottom: 1px solid #eee
}

.cs-merchant-coupons-table tbody tr:hover {
    background: #fbfbfb;
    cursor: pointer
}

.cs-merchant-coupons-table tr:last-of-type {
    border-bottom: none
}

.cs-merchant-coupons-table th {
    padding: 8px 5px;
    font-weight: 300
}

.cs-merchant-coupons-table th:nth-of-type(1) {
    width: 10%
}

.cs-merchant-coupons-table th:nth-of-type(2) {
    width: 80%
}

.cs-merchant-coupons-table th:nth-of-type(3) {
    width: 10%
}

@media (max-width: 767px) {
    .cs-merchant-coupon-table-section {
        padding:5px 0
    }

    .cs-merchant-coupons-table {
        margin-top: 0;
        font-size: 11px;
        line-height: 1.4
    }
}

.cs-single-deal-content {
    display: inline-block;
    width: 100%;
    padding: 20px 25px;
    background: #fff
}

.cs-single-deal-content .cs-content-block {
    padding-top: 0;
    font-size: .95rem;
    line-height: 1.5rem
}

.cs-single-deal-content-h1 {
    margin-bottom: 10px;
    margin-top: 5px;
    color: #2b86d6;
    font-size: 1.6rem
}

.cs-single-deal-content .cs-content-intro {
    padding-bottom: 0;
    font-size: .9rem
}

.cs-sidebar-deal {
    text-align: center
}

.cs-single-deal-h2 {
    font-size: 1.3rem!important
}

.cs-single-deal-h4 {
    font-size: 1.1rem!important
}

.cs-single-deal-content h2 {
    font-size: 1.5rem
}

.cs-single-deal-content h3 {
    font-size: 1.3rem
}

.cs-single-deal-content h4 {
    font-size: 1.2rem
}

.cs-single-deal-cond-box h4 {
    margin-top: 0
}

.cs-single-deal-statusbar {
    margin: 15px 0 25px 0;
    padding: 7px 0;
    font-size: .9rem;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.cs-single-deal-statusbar-item {
    margin: 5px 0;
    text-align: center
}

.cs-single-deal-statusbar-item .cs-coupon-deal-status {
    margin: 0
}

.cs-single-content-cond {
    padding-right: 10px
}

.cs-single-deal-img {
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 4px;
    overflow: hidden
}

.cs-single-deal-thumbs {
    display: inline-block;
    width: 100%;
    margin: 10px 0
}

.cs-single-deal-thumbs .cs-single-deal-thumb-item {
    float: left;
    height: 50px;
    width: 50px;
    margin-right: 5px;
    border: 1px solid #ddd;
    border-radius: 2px
}

.cs-single-deal-cond-box {
    padding: 25px;
    border-radius: 4px;
    background: #eee
}

.cs-single-deal-cond-box ul {
    margin-left: 5px;
    list-style-type: none
}

.cs-single-deal-cond-box ul li {
    margin-left: 20px;
    margin-bottom: 5px
}

.cs-single-deal-cond-box ul li i {
    position: relative;
    left: -25px;
    margin-right: -15px;
    color: #8ead00
}

.cs-single-deal-cond-box a {
    color: #313131;
    text-decoration: underline
}

.cs-single-deal-cond-box a:hover {
    color: #ef8a1b
}

.cs-single-deal-cond-box .cs-button-action-deal-cta {
    display: block;
    margin: 0;
    text-align: center
}

.cs-single-deal-info {
    padding: 0 0 0 15px
}

.cs-single-deal-show-all {
    margin: 15px 0;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.cs-single-deal-show-all-a {
    display: block;
    padding-left: 20px;
    font-size: .9rem
}

.cs-single-deal-show-all .cs-single-deal-h4 {
    margin-top: 0
}

.cs-single-deal-show-all i {
    margin-left: -20px;
    padding-right: 10px
}

.cs-sidebar-deal .cs-numberminus {
    margin-left: -66px
}

.cs-sidebar-deal .cs-numberplus {
    margin-left: 40px
}

@media (max-width: 1199px) and (min-width:993px) {
    .cs-sidebar-deal .cs-numberminus {
        text-align:left
    }
}

@media (min-width: 768px) {
    .cs-single-deal-img:hover {
        border:2px solid rgba(30,93,161,.8);
        box-shadow: 0 0 15px rgba(0,0,0,.4);
        transform: scale(1.1);
        background-color: #fff;
        z-index: 100
    }

    .cs-single-deal-img img:hover {
        cursor: url("<?php echo base_url() ?>assets/home/imgs/search-plus.png"),auto
    }

    .cs-single-deal-thumbs .cs-single-deal-thumb-item:hover {
        border: 1px solid rgba(30,93,161,.8);
        box-shadow: 0 0 15px rgba(0,0,0,.4);
        transform: scale(2.2)
    }
}

@media (max-width: 767px) {
    .cs-single-content-cont {
        padding-right:0
    }

    .cs-single-deal-info {
        padding: 15px 0 0 0
    }
}

.cs-sidebar-item .royalSlider {
    margin-top: 15px
}

.cs-sidebar-item .rsCustom1 .rsBullets {
    margin-bottom: 5px
}

.cs-sidebar-dealbox {
    margin: 25px 0 5px
}

.cs-sidebar-deal .cs-button-action-deal-cta {
    margin: 10px 0 5px!important
}

.cs-subpage-intro-text-block {
    margin: 0!important;
    text-align: justify;
    font-size: .9rem;
    line-height: 22px
}

.cs-merchant-subpage {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 25px 0 10px
}

.cs-merchant-subpage .cs-coupon-box {
    width: 49%
}

.cs-merchant-subpage.cs-coupon-large-box .cs-coupon-box:nth-last-child(2) {
    margin-bottom: 25px!important
}

.cs-merchant-subpage .cs-piggy {
    height: 55px;
    width: 55px
}

.cs-merchant-subpage .cs-pie {
    height: 55px;
    width: 55px
}

.cs-merchant-subpage .cs-piggy-inner {
    height: 45px;
    width: 45px
}

.cs-merchant-subpage .cs-pieinner1 {
    height: 55px;
    width: 55px
}

.cs-merchant-subpage .cs-pieinner2 {
    height: 55px;
    width: 55px
}

.cs-merchant-subpage .cs-pieinner3 {
    height: 55px;
    width: 55px
}

.cs-merchant-subpage .cs-pieinner4 {
    height: 55px;
    width: 55px
}

.cs-merchant-subpage .cs-numberplus {
    margin-top: 16px;
    margin-left: -4px
}

.cs-merchant-subpage .cs-numberminus {
    margin-top: 16px;
    margin-left: -35px
}

.cs-merchant-subpage .cs-coupon-deal .cs-coupon-deal-logo {
    margin-top: 10px
}

.cs-merchant-subpage .cs-coupon-deal .cs-logo-template-line1 {
    font-size: 1.1rem;
    line-height: 1.6rem
}

.cs-merchant-subpage .cs-coupon-deal-buttons {
    margin-bottom: 0
}

.cs-merchant-subpage .cs-button-action-deal-detail:hover {
    text-decoration: none
}

.cs-merchant-subpage .cs-coupon-box-cell-1 {
    width: 25%
}

.cs-merchant-subpage .cs-coupon-box-cell-2 {
    width: 75%
}

.cs-merchant-subpage .cs-outer-coupon {
    height: 100%
}

.cs-merchant-subpage .cs-coupon-deal .cs-coupon-logo-line-1 {
    font-size: 1.1rem;
    line-height: 1.5rem
}

.cs-subpage-intro {
    margin-top: 5px;
    background-position: right;
    background-repeat: no-repeat
}

.cs-subpage-intro h1 {
    margin-top: 0
}

.cs-subpage-noactualcoupon {
    width: 100%;
    margin-bottom: 25px;
    padding: 20px;
    font-size: 16px;
    text-align: center;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5
}

.cs-merchant-subpage a {
    color: #313131
}

.cs-merchant-subpage .cs-coupon-deal a:hover {
    color: #2b86d6
}

.cs-merchant-subpage-h2 {
    margin: 0!important
}

.cs-merchant-subpage-content {
    justify-content: space-between;
    font-size: .9rem;
    text-align: justify
}

.cs-merchant-subpage-content img {
    display: block
}

.cs-merchant-subpage-content .cs-text-block {
    width: 48%
}

.cs-merchant-subpage-content p {
    line-height: 22px
}

.cs-text-block p:nth-child(1) {
    margin-top: 38px
}

.cs-text-block h4:nth-child(1) {
    margin-top: 0
}

@media (max-width: 1199px) {
    .cs-subpage-intro {
        background-image:none!important
    }

    .cs-subpage-intro-text-block {
        background: #fff
    }

    .cs-merchant-subpage .cs-piggy {
        display: none
    }

    .cs-merchant-subpage .cs-coupon-box-cell-1 {
        width: 31%
    }

    .cs-merchant-subpage .cs-coupon-box-cell-2 {
        width: 69%
    }
}

@media (max-width: 992px) {
    .cs-merchant-subpage {
        display:block
    }

    .cs-merchant-subpage .cs-coupon-box {
        width: 100%
    }

    .cs-merchant-subpage-content {
        display: block;
        text-align: inherit
    }

    .cs-merchant-subpage-content .cs-text-block {
        width: 100%
    }

    .cs-text-block p:nth-child(1) {
        margin-top: 10px
    }

    .cs-text-block h4:nth-child(1) {
        margin-top: inherit
    }
}

@media (max-width: 480px) {
    .cs-merchant-subpage {
        padding-top:5px
    }

    .cs-subpage-intro-text-block {
        display: none
    }

    .cs-merchant-subpage .cs-coupon-deal .cs-coupon-deal-logo {
        width: 100%;
        margin-top: 0
    }
}

.cs-merchant-ad4mat {
    display: none
}

@media (max-width: 767px) {
    .cs-merchant-ad4mat {
        display:block;
        margin-bottom: 14px
    }
}

.cs-home-h {
    position: relative;
    margin: 3px 0 10px;
    overflow: hidden;
    font-size: 1.5rem;
    line-height: 1.8rem
}

.cs-home-h::after {
    position: absolute;
    bottom: .35rem;
    overflow: hidden;
    width: 100%;
    height: 1px;
    content: "\a0";
    margin-left: 7px;
    background-color: #313131
}

.rem::after {
    content: none!important
}

.cs-home-selection-text {
    padding: 23px 0!important
}

@media (max-width: 767px) {
    .cs-home-h {
        font-size:1.2rem;
        line-height: 1.5rem;
        margin-top: 15px
    }

    .cs-home-selection {
        padding-top: 0!important
    }

    .cs-home-selection-text {
        padding: 15px 0!important
    }
}

.cs-home-trust-row {
    padding: 13px 0 3px
}

.cs-home-trusts {
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    cursor: context-menu!important
}

.cs-home-trust {
    height: 35px;
    width: 59px;
    margin-right: 8px;
    background-image: url('<?php echo base_url() ?>assets/home/imgs/trust_icons.png');
    background-repeat: no-repeat
}

.cs-home-trust-1 {
    background-position: -85px 0
}

.cs-home-trust-2 {
    background-position: -144px 0
}

.cs-home-trust-3 {
    background-position: 0 0
}

.cs-home-trusts i {
    padding-right: 10px;
    font-size: 36px;
    color: #7d7d7d
}

.cs-home-trusts .fa-shopping-bag {
    margin: 1px 0 5px;
    font-size: 30px
}

.cs-home-trusts img {
    margin-right: 10px
}

@media (max-width: 992px) {
    .cs-home-trusts,.cs-home-trusts span {
        font-size:12px;
        line-height: 16px
    }

    .cs-home-trusts i {
        font-size: 24px
    }

    .cs-home-trusts .fa-shopping-bag {
        font-size: 20px
    }
}

@media (max-width: 767px) {
    .cs-special-banner-space {
        padding-top:62px
    }

    .cs-home-trust-row {
        padding: 10px 10px
    }

    .cs-home-trusts,.cs-home-trusts span {
        display: block;
        margin: 5px auto 0
    }

    .cs-home-trusts img {
        display: block;
        height: 30px;
        margin: 0 auto
    }
}

.cs-header-teaser {
    background: 0 0;
    padding-bottom: 15px!important;
    background-color: #fff
}

.cs-slider-teaser {
    border: none;
    box-shadow: 0 0 25px #777
}

.cs-slider-teaser-slides {
    float: left;
    width: 100%
}

.js-teaser-image>a>img {
    width: 100%;
    height: 300px
}

.cs-slider-teaser-preview {
    position: relative;
    float: left;
    left: 1px;
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 50
}

.cs-slider-teaser-preview-a {
    width: 100%;
    height: 100%!important
}

.cs-slider-teaser-preview ul {
    height: 100%;
    margin: 0;
    list-style-type: none;
    display: flex;
    width: 100%;
    justify-content: space-around
}

.cs-slider-teaser-preview-li.cs-slides-teaser-5 {
    height: 20%
}

.cs-slider-teaser-preview-li.cs-slides-teaser-6 {
    height: 16.666667%
}

.cs-slider-teaser-preview-li:hover .cs-slider-teaser-preview-img {
    opacity: 1
}

.cs-slides-teaser-5 .cs-slider-teaser-preview-img {
    width: 90px;
    margin: 10px 0;
    opacity: .4
}

.cs-slides-teaser-6 .cs-slider-teaser-preview-img {
    width: 90px;
    margin: 10px 0;
    opacity: .4
}

.cs-slider-teaser-preview-img:hover {
    opacity: 1
}

@media (max-width: 1199px) and (min-width:992px) {
    .cs-slider-teaser-slides {
        width:100%
    }

    .cs-slider-teaser-preview {
        width: 100%
    }

    .cs-slides-teaser-5 .cs-slider-teaser-preview-img {
        width: 90px;
        margin: 6px 0
    }

    .cs-slides-teaser-6 .cs-slider-teaser-preview-img {
        width: 90px;
        margin: 6px 0
    }

    .cs-slider-teaser-preview {
        height: auto
    }
}

@media (max-width: 992px) and (min-width:768px) {
    .cs-slider-teaser-slides {
        width:100%
    }

    .cs-slides-teaser-6 .cs-slider-teaser-preview-img {
        width: 90px;
        margin: 4px 0
    }

    .cs-slider-teaser-preview {
        height: auto;
        width: 100%
    }
}

@media (max-width: 767px) {
    .cs-header-teaser {
        padding-top:0!important;
        padding-bottom: 5px!important
    }

    .cs-slider-teaser {
        box-shadow: 0 0 5px #777
    }

    .cs-slider-teaser-preview ul {
        justify-content: space-around;
        display: none
    }

    .cs-slider-teaser-preview {
        height: auto
    }

    .cs-slides-teaser-5 .cs-slider-teaser-preview-img,.cs-slides-teaser-6 .cs-slider-teaser-preview-img {
        width: 90px;
        margin: 7px 0;
        padding: 0 10px
    }
}

.cs-home-tabs-content {
    background: #f5f5f5
}

.cs-home-btn-group {
    text-align: center;
    clear: both
}

.cs-home-tabs-content-btn {
    width: 275px;
    margin: 10px 10px 0
}

@media (max-width: 992px) {
    .cs-home-tabs-content-btn {
        margin:0 10px 15px
    }
}

@media (max-width: 480px) {
    .cs-home-tabs-content-btn {
        width:auto;
        margin: 0 0 15px
    }
}

.cs-home-about-us-box {
    background-color: #fff
}

.cs-infobox-inner {
    align-items: center;
    justify-content: center;
    margin: 15px 0 0
}

.cs-infobox-text {
    order: 1;
    font-size: 16px;
    line-height: 26px
}

.cs-infobox-icon {
    order: 2
}

.cs-infobox-text a {
    color: #ef8a1b
}

.cs-infobox-text.cs-infobox-left,.cs-infobox-text.cs-infobox-right {
    padding: 5px 20px
}

@media(min-width: 768px) {
    .cs-infobox-icon {
        width:30%;
        text-align: center
    }

    .cs-infobox-text {
        width: 70%
    }
}

@media(max-width: 767px) {
    .cs-infobox-inner {
        display:block
    }

    .cs-home-about-us-box.cs-home-selection {
        margin-top: -15px!important
    }

    .cs-infobox-inner {
        flex-wrap: wrap;
        margin: 10px 0 0;
        padding: 15px 15px 0
    }

    .cs-infobox-text.cs-infobox-left,.cs-infobox-text.cs-infobox-right {
        padding: 0
    }

    .cs-infobox-icon img {
        float: left;
        max-height: 115px;
        max-width: 120px;
        margin-right: 15px;
        margin-bottom: 5px
    }

    .cs-infobox-text {
        font-size: 14px;
        line-height: 20px
    }
}

.cs-home-table {
    background-color: #f5f5f5
}

.cs-home-table-wrap {
    justify-content: space-between
}

.cs-home-table-item {
    overflow: hidden
}

.cs-home-table-item .cs-ribbon {
    display: none
}

.cs-home-table-item h2 {
    position: relative;
    padding: 5px 0 15px;
    margin: 0;
    background-color: #f5f5f5
}

.cs-home-table-item h2::after {
    position: absolute;
    bottom: 1.1em;
    overflow: hidden;
    width: 100%;
    height: 1px;
    content: "\a0";
    margin-left: 7px;
    background-color: #313131
}

.cs-home-table-link {
    width: 100%;
    padding: 10px 45px 10px!important;
    color: #ef8a1b;
    text-align: right;
    margin-top: 10px
}

.cs-home-table-link2 {
    float: right;
    width: 100%;
    color: #ef8a1b;
    text-align: right
}

.cs-coupon-small-list {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
    margin-bottom: 5px
}

.cs-coupon-small-list-outer {
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    color: #313131
}

.cs-coupon-small-list-outer:focus,.cs-coupon-small-list-outer:hover {
    text-decoration: none
}

.cs-coupon-small-list-logo {
    width: 80px;
    padding-left: 8px
}

.cs-coupon-small-list-desc {
    width: 241px;
    height: 57px;
    padding-left: 15px;
    padding-right: 10px;
    line-height: 18px;
    overflow: hidden
}

.cs-coupon-small-list-outer:hover .cs-coupon-small-list-desc {
    color: #ef8a1b!important
}

.cs-coupon-small-list-outer:hover .cs-coupon-small-list-cta {
    color: #ef8a1b!important
}

.cs-coupon-small-list-desc.cs-coupon-small-exclusive {
    display: flex;
    align-items: center
}

.cs-coupon-small-intern {
    height: 22px;
    padding: 7px 3px 0 3px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    overflow: hidden
}

.cs-coupon-small-intern a {
    color: #ef8a1b
}

.cs-coupon-small-list-desc-countdown {
    padding-bottom: 2px;
    font-size: 10px;
    color: #a9a9a9
}

.cs-coupon-small-list-cta {
    width: 18px
}

.cs-home-table-label-short {
    font-size: 18px
}

@media (min-width: 768px) and (max-width:1199px) {
    .cs-home-table-wrap {
        display:block
    }

    .cs-home-table-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between
    }

    .cs-home-table-item h2 {
        width: 100%
    }

    .cs-coupon-small-list {
        width: 48%
    }

    .cs-coupon-small-list:nth-last-child(3) {
        border: none
    }

    .cs-coupon-small-list:nth-child(even) {
        margin-right: 2%
    }

    .cs-coupon-small-list:nth-child(odd) {
        margin-left: 2%
    }
}

@media(max-width: 767px) {
    .cs-home-table-item h2 {
        position:relative;
        padding: 5px 0 15px;
        margin: 0;
        font-size: 1.2rem;
        line-height: 1.5rem;
        padding: 9px 0!important
    }

    .cs-home-table-item h2::after {
        position: absolute;
        bottom: 1em;
        overflow: hidden;
        width: 100%;
        height: 1px;
        content: "\a0";
        margin-left: 7px;
        background-color: #313131
    }
}

.cs-home-how-to-ul {
    margin-top: 17px;
    list-style: none
}

.cs-home-how-to-li {
    float: left;
    width: 32%;
    height: 220px;
    background: #f5f5f5;
    padding: 20px 15px;
    line-height: 22px
}

.cs-home-how-to-ul.cs-flex {
    margin-left: 0
}

.cs-home-how-to-ul.cs-flex .cs-home-how-to-li {
    height: auto;
    margin-bottom: 0
}

.cs-home-how-to-li:nth-child(2) {
    margin: 0 2%
}

.cs-home-how-to-number {
    float: left;
    margin-right: 20px;
    margin-bottom: 44px;
    color: #ef8a1b;
    font-size: 50px;
    line-height: 47px
}

@media (max-width: 1199px) {
    .cs-home-how-to-li {
        height:173px
    }

    .cs-home-how-to-number {
        margin-bottom: 70px
    }
}

@media (max-width: 992px) {
    .cs-home-how-to-number {
        margin-right:15px;
        margin-bottom: 0;
        margin-left: 8px;
        font-size: 30px;
        line-height: 40px
    }
}

@media (max-width: 767px) {
    .cs-home-how-to-li {
        float:none;
        height: auto;
        width: 100%;
        padding: 10px;
        font-size: 14px;
        line-height: 20px
    }

    .cs-home-how-to-ul.cs-flex .cs-home-how-to-li {
        margin-bottom: 10px
    }

    .cs-home-how-to-li:nth-child(2) {
        margin: 15px 0
    }
}

.cs-newsletter-checkbox {
    margin: 0 0 3px!important
}

.cs-infobox-inner p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0
}

.cs-home-newsletter-text {
    float: left;
    width: 60%;
    margin-right: 3%;
    padding-top: 5px
}

.cs-home-newsletter-text img {
    float: left;
    margin-right: 15px
}

.cs-home-newsletter-form {
    float: left;
    width: 37%;
    margin: 0;
    padding-top: 5px
}

.cs-newsletter-home-input {
    width: 63%
}

.cs-home-newsletter-form .cs-newsletter-btn {
    float: none;
    width: 34%;
    margin: 0;
    margin-left: 2%;
    margin-bottom: 10px
}

.cs-home-content {
    padding: 15px 0
}

.cs-newsletter-btn-home {
    height: 35px;
    color: #0e5c7e;
    font-weight: 700;
    background: #fff;
    border: 1px solid #0e5c7e;
    box-shadow: none
}

.cs-newsletter-btn-home:hover {
    color: #fff;
    background: #0e5c7e;
    border: 1px solid #0e5c7e;
    box-shadow: none
}

@media (max-width: 1199px) {
    .cs-home-newsletter-text {
        width:55%;
        margin-right: 2%
    }

    .cs-home-newsletter-form {
        width: 43%
    }
}

@media (max-width: 992px) {
    .cs-home-newsletter-text {
        width:53%;
        margin-right: 4%
    }

    .cs-home-newsletter-form {
        width: 43%
    }

    .cs-newsletter-home-input {
        width: 100%!important
    }

    .cs-home-newsletter-form .cs-newsletter-btn {
        width: 100%;
        margin-left: 0
    }
}

@media(max-width: 767px) {
    .cs-home-newsletter {
        margin-bottom:0
    }

    .cs-home-newsletter-text {
        width: 100%;
        margin-right: 0
    }

    .cs-home-newsletter-text img {
        height: 90px
    }

    .cs-home-newsletter-form {
        width: 100%
    }

    .cs-home-newsletter-form p {
        margin-bottom: 5px!important
    }

    .cs-newsletter-star-row {
        bottom: -7px;
        right: 0
    }
}

.cs-home-magazin {
    background-color: #eee
}

.cs-home-magazin-container {
    padding: 15px 0;
    justify-content: space-between
}

.cs-home-magazin-logo {
    width: 25%;
    padding: 15px;
    background: #fff;
    box-shadow: 1px 1px 10px
}

.cs-home-magazin-logo img {
    padding: 0 25px
}

.cs-home-magazin-item {
    width: 34%;
    padding-bottom: 10px;
    background: #fff;
    -moz-box-shadow: 1px 1px 10px;
    -webkit-box-shadow: 1px 1px 10px;
    box-shadow: 1px 1px 10px
}

.cs-home-magazin-item:hover {
    -moz-box-shadow: 1px 1px 15px #222;
    -webkit-box-shadow: 1px 1px 15px #222;
    box-shadow: 1px 1px 15px #222
}

.cs-home-magazin-item a:hover {
    text-decoration: none
}

.cs-home-magazin-item-headline {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 10px 5px;
    font-weight: 700
}

.cs-home-magazin-item-sub {
    font-size: 16px;
    line-height: 22px;
    padding: 0 10px;
    font-weight: 700;
    color: #3196bb
}

@media(min-width: 1200px) {
    .cs-home-magazin {
        background:url('<?php echo base_url() ?>assets/home/imgs/background.jpg');
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #eee
    }
}

@media(max-width: 992px) {
    .cs-home-magazin-item {
        width:48%
    }
}

@media(max-width: 767px) {
    .cs-home-magazin-container {
        padding:10px 0 20px
    }

    .cs-home-magazin-logo {
        width: 100%
    }

    .cs-home-magazin-item {
        display: inline-block;
        width: 46%;
        margin: 0 2%;
        padding-bottom: 0
    }

    .cs-home-magazin-item-headline {
        padding: 7px 10px 5px
    }

    .cs-home-magazin-item-sub {
        padding-bottom: 7px
    }

    .cs-home-magazin-btn {
        margin-bottom: 15px
    }
}

@media (max-width: 560px) {
    .cs-home-magazin-container {
        display:block
    }

    .cs-home-magazin-item {
        width: 98%
    }

    .cs-home-magazin-item-first {
        margin-bottom: 25px
    }

    .cs-home-magazin-item-img {
        align-self: center
    }
}

.cs-home-mer-box {
    background: #f5f5f5
}

.cs-home-mer-box a:hover {
    text-decoration: none
}

.cs-home-mer-box-ul {
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    margin: 0;
    list-style-type: none
}

.cs-home-mer-box-li {
    display: inline-flex
}

.cs-home-mer-box-li:hover {
    color: #ef8a1b
}

.cs-home-mer-box-li-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 8px;
    padding: 8px;
    line-height: 16px;
    background: #fff;
    box-shadow: 1px 1px 5px #b4b4b4
}

.cs-home-mer-box-item {
    width: 18%;
    margin: 10px;
    background-color: #fff;
    -moz-box-shadow: 0 2px 10px #b4b4b4;
    -webkit-box-shadow: 0 2px #b4b4b4;
    box-shadow: 0 2px 15px #b4b4b4
}

.cs-home-mer-box-item li {
    display: flex;
    align-items: center
}

.cs-home-mer-box-item li img {
    margin: 9px
}

.cs-home-mer-box img {
    width: 100%!important;
    padding: 62px;
    min-width: 70px;
    margin-right: 10px
}

.cs-home-mer-box-item-name {
    width: 100%;
    padding: 15px 9px
}

@media (min-width: 1200px) {
    .cs-home-mer-box-li {
        width:20%
    }
}

@media (max-width: 1199px) and (min-width:993px) {
    .cs-home-mer-box-li {
        width:25%
    }
}

@media (max-width: 992px) and (min-width:768px) {
    .cs-home-mer-box-li {
        width:33.334%
    }
}

@media (max-width: 1199px) {
    .cs-home-mer-box-item {
        width:23%
    }
}

@media (max-width: 992px) {
    .cs-home-mer-box-item {
        width:31%
    }
}

@media (max-width: 767px) {
    .cs-home-mer-box-li {
        display:block;
        width: 50%;
        overflow: hidden
    }

    .cs-home-mer-box-li-more {
        display: none
    }

    .cs-home-mer-box-li-box {
        width: 96%;
        padding: 3px 10px
    }
}

@media (max-width: 480px) {
    .cs-home-mer-box img {
        height:249px;
        width: 100%!important;
        margin-right: 5px;
        padding: 0
    }

    .cs-home-mer-box-li {
        font-size: 12px
    }

    iframe {
        width: 100%;
        height: 243px;
        padding: 4px
    }
}

@media (max-width: 350px) {
    .cs-home-mer-box-li {
        width:100%!important
    }

    .cs-contact-form {
        padding: 20px 8px;
        background: #fff
    }
}

@media (max-width: 370px) {
    .cs-contact-form {
        padding:20px 8px!important;
        background: #fff
    }

    .contact_btn {
        display: flex;
        justify-content: center
    }
}

.cs-content-error404 {
    text-align: center
}

.cs-content-error404 a {
    font: bold .9rem Verdana,Arial sans-serif
}

.cs-content-error404 i {
    padding-right: 5px;
    color: #ef8a1b;
    text-decoration: none
}

.cs-content-conditions .cs-content-block {
    font-size: .8rem;
    line-height: 1.4rem
}

.cs-content-conditions .cs-content-h2 {
    margin-top: 25px;
    margin-bottom: 15px
}

.cs-content-conditions p {
    margin: 5px 0 10px 0
}

.cs-content-conditions-h4 {
    font-size: 1.1rem;
    font-weight: 700
}

.cs-competition-showbox-item {
    display: inline-block;
    width: 100%
}

.cs-competition-showbox-item h3 {
    margin-bottom: 0
}

.cs-competition-showbox-item a:hover {
    text-decoration: none
}

.cs-competition-cta {
    position: absolute;
    bottom: 35px;
    right: 20px;
    padding: 10px 20px;
    color: #ededed;
    font-size: 1.1rem;
    border: 1px #d4d4d4 solid;
    border-radius: 4px;
    background: rgba(0,0,0,.6)
}

.cs-competition-cta:hover {
    background: rgba(0,0,0,.8)
}

.cs-competition-input-date {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .cs-competition-input-date .cs-competitions-form-input-item {
        width:90px;
        margin: 0 5px
    }
}

@media (max-width: 767px) {
    .cs-competition-showbox-item {
        margin-bottom:15px
    }

    .cs-competition-cta {
        position: static;
        text-align: center
    }
}

.cs-category-teaser,.cs-merchant-teaser {
    margin-bottom: 20px;
    -moz-box-shadow: 0 2px 10px #b4b4b4;
    -webkit-box-shadow: 0 2px 10px #b4b4b4;
    box-shadow: 0 2px 15px #b4b4b4
}

@media (max-width: 767px) {
    .cs-category-teaser {
        display:none
    }
}

.cs-all-categories-quick-find {
    padding: 10px 0 5px
}

.cs-categoryselect {
    height: 34px;
    margin: 10px 15px 10px 5px
}

.cs-all-categories-quick-find-scroll {
    font-weight: 700
}

.cs-all-categories-quick-find-jump {
    font-weight: 700;
    white-space: nowrap
}

.cs-all-categories-quick-find-jump i {
    padding-left: 7px
}

.cs-all-categories-categories {
    padding: 15px 0
}

.cs-all-categories-categories a {
    text-decoration: none
}

.cs-all-categories-categories i {
    width: 35px;
    color: gray;
    font-size: 24px
}

.cs-box-i {
    margin-right: 10px;
    text-align: center
}

.cs-all-categories-list {
    display: inline-block;
    clear: both;
    width: 100%;
    margin: 0 auto 20px auto
}

.cs-all-categories-sections h3 {
    margin-top: 0;
    margin-bottom: 15px;
    padding-left: 40px;
    font-size: 1.3rem;
    line-height: 1.5rem
}

.cs-all-categories-sections h3 i {
    margin-left: -40px;
    font-size: 24px
}

@media (min-width: 1200px) {
    .cs-all-categories-categories .cs-home-mer-box-li {
        width:23%;
        margin: 8px 1%;
        padding: 8px
    }
}

@media (min-width: 993px) and (max-width:1199px) {
    .cs-all-categories-categories .cs-home-mer-box-li {
        width:23%;
        margin: 8px 1%;
        padding: 8px
    }
}

@media (min-width: 768px) and (max-width:992px) {
    .cs-all-categories-categories .cs-home-mer-box-li {
        width:23%;
        margin: 8px 1%;
        padding: 8px
    }
}

@media (max-width: 767px) {
    .cs-all-categories-categories .cs-home-mer-box-li {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 48%;
        padding: 8px 8px
    }
}

.cs-home-h i {
    margin-right: 5px
}

.cs-all-cats-row {
    position: relative;
    margin: 25px 0;
    padding: 20px 25px 25px;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #fff
}

.cs-all-categories-i-bg {
    position: absolute;
    right: -20px;
    bottom: -20px;
    font-size: 250px;
    opacity: .1;
    color: #343434;
    z-index: 1
}

.cs-all-cats-img {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 200px;
    max-width: 303px;
    position: relative;
    z-index: 5;
    background: #fff;
    display: flex;
    align-items: center
}

.hover_img {
    box-shadow: 1px 5px 9px grey
}

.cs-all-cats-desc {
    flex-wrap: wrap;
    margin-left: 25px;
    font-size: 14px
}

.cs-all-cats-subcats {
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
    margin: 20px 0;
    margin: 5px 0!important;
    display: flex;
    align-content: center;
    padding: 2px 19px
}

.cs-all-cats-subcats-box {
    padding-right: 7px;
    z-index: 5
}

.cs-all-cats-cta {
    position: relative;
    width: 100%;
    align-self: flex-end;
    text-align: right;
    z-index: 10
}

.cs-all-cats-cta a {
    color: #ef8a1b;
    text-decoration: none
}

.cs-all-cats-cta a:hover {
    text-decoration: underline
}

@media (max-width: 767px) {
    .cs-all-cats-row {
        padding:15px
    }

    .cs-all-cats-subcats-box {
        margin: 5px;
        padding: 8px;
        border: 1px solid #313131;
        border-radius: 5px;
        background: #fff
    }

    .cs-all-cats-subcats {
        margin: 10px 0
    }
}

@media (max-width: 767px) and (min-width:581px) {
    .cs-all-cats-img {
        min-width:180px
    }

    .cs-all-cats-desc {
        margin-left: 10px
    }
}

@media (min-width: 768px) {
    .cs-all-cats-subcats-box::after {
        content:" /"
    }

    .cs-all-cats-subcats-box:last-child::after {
        content: ""
    }
}

@media (max-width: 580px) {
    .cs-all-cats-row {
        margin:15px 0;
        padding: 15px
    }

    .cs-all-cats-img {
        background-position: center
    }

    .cs-all-cats-info {
        display: block
    }

    .cs-all-cats-desc {
        margin-left: 0
    }

    .cs-all-cats-intro {
        display: none!important
    }

    .cs-all-cats-cta {
        text-align: center
    }

    .cs-all-cats-subcats {
        justify-content: center
    }

    .cs-all-categories-sections h3 {
        font-size: 1rem;
        line-height: 1.2rem;
        padding-left: 20px
    }

    .cs-all-categories-sections h3 i {
        font-size: 16px;
        width: 25px!important;
        margin-left: -20px
    }

    .cs-all-categories-i-bg {
        color: #9a9a9a
    }
}

.cs-all-categories-specials-item {
    margin: 5px 0 15px;
    padding: 0 10px
}

.cs-all-categories-specials-h {
    margin-top: 5px
}

.cs-all-categories-specials-link {
    margin-top: 5px;
    color: #ef8a1b
}

@media(min-width: 581px) {
    .cs-all-categories-specials-item {
        width:50%;
        text-align: center
    }

    .cs-all-categories-specials {
        flex-wrap: wrap
    }
}

@media (max-width: 580px) {
    .cs-all-categories-specials {
        display:block
    }

    .cs-all-categories-specials-item {
        text-align: center
    }
}

.cs-content-all-merchants {
    padding: 20px 25px;
    background: #fff
}

.cs-letter-jump {
    margin: 10px 0 10px 0
}

.cs-letter-jump-u {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.cs-letter-jump-i {
    display: inline-block;
    float: left;
    margin: 4px 4px;
    padding: 6px 9px;
    color: #000;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 0 2px #ef8a1b
}

.cs-letter-jump-i:hover {
    color: #fff;
    background: #ef8a1b
}

.cs-mer-list-az-item {
    display: inline-block;
    clear: both;
    width: 100%;
    margin-bottom: 20px
}

.cs-mer-list-az-header {
    display: block;
    position: relative;
    height: 30px;
    width: 100%;
    background: url('<?php echo base_url() ?>assets/home/imgs/list_az_header_back.jpg') center no-repeat
}

.cs-mer-list-az-header span {
    display: block;
    position: absolute;
    left: 50%;
    top: -4px;
    height: 80px;
    width: 80px;
    margin-left: -40px;
    font-size: 1.1rem;
    line-height: 4.2em;
    color: #fff;
    text-align: center;
    background: url('<?php echo base_url() ?>assets/home/imgs/liste_a_z_label.png') no-repeat;
    z-index: 500
}

.cs-mer-list-az-top4 {
    display: inline-block;
    width: 100%
}

.cs-mer-list-az-top4-item {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: left;
    width: 23.125%;
    height: 62px;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    text-align: center;
    border: 1px solid #939393;
    background: #fff
}

.cs-mer-list-az-top4-item:nth-child(4n+4) {
    margin-right: 0
}

.cs-mer-list-az-all {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.cs-mer-list-az-all-item {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: left;
    width: 23%;
    margin-bottom: 3px;
    margin-right: 2.5%;
    background: 0 0
}

.cs-mer-list-az-all-item i {
    margin-right: 2px;
    margin-top: 0
}

.cs-mer-list-az-all-item span {
    line-height: 1rem
}

@media (min-width: 993px) {
    .cs-mer-list-az-all-item:nth-child(4n+4) {
        margin-right:0
    }
}

@media (min-width: 768px) and (max-width:992px) {
    .cs-mer-list-az-top4-item {
        width:48.95%;
        margin-bottom: 2.1%;
        margin-right: 2.1%
    }

    .cs-mer-list-az-top4-item:nth-child(2n) {
        margin-right: 0
    }

    .cs-mer-list-az-all-item {
        width: 31%
    }

    .cs-mer-list-az-all-item:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .cs-letter-jump {
        margin:10px 0
    }

    .cs-letter-jump-u {
        margin: 0 -8px
    }

    .cs-letter-jump-i {
        margin: 7px 8px
    }

    .cs-mer-list-az-top4-item {
        width: 48.95%;
        margin-bottom: 2.1%;
        margin-right: 2.1%
    }

    .cs-mer-list-az-top4-item:nth-child(2n) {
        margin-right: 0
    }

    .cs-mer-list-az-header span {
        top: -12px
    }

    .cs-mer-list-az-all-item span {
        line-height: 1.6rem
    }

    .cs-mer-list-az-all-item {
        width: 48%;
        margin-bottom: 8px
    }

    .cs-mer-list-az-all-item:nth-child(2n) {
        margin-right: 0
    }
}

.cs-newsletter {
    padding: 20px 25px;
    background: #fff
}

.cs-newsletter .cs-content-intro {
    padding-bottom: 0
}

.cs-newsletter-form {
    padding-top: 5px
}

.cs-contact-form select,.cs-newsletter-input,.cs-newsletter-select {
    display: block!important;
    float: none;
    height: 30px!important;
    margin-bottom: 15px!important
}

.cs-newsletter-label {
    margin-left: 2px;
    font-size: .8rem
}

.cs-contact-form {
    padding: 20px 8px;
    background: #fff
}

.cs-contact-form textarea {
    display: block!important;
    float: none;
    margin-bottom: 15px;
    padding: 4px 6px
}

.cs-contact-form .cs-content-h1 {
    font-size: 1.8rem
}

.cs-contact-form .cs-content-intro {
    padding-bottom: 0;
    font-size: 1rem;
    line-height: 1.8rem
}

.cs-newsletter-btn {
    margin: 10px 0
}

.cs-sidebar-newsletter .cs-newsletter-btn {
    padding: 7px 25px
}

.cs-modal-newsletter-btn .cs-newsletter-btn {
    margin: 0
}

.cs-newsletter .cs-newsletter-facts-ul li {
    margin-top: 3px;
    padding-left: 0;
    font-size: .9rem;
    line-height: 1.3rem
}

.cs-newsletter .cs-newsletter-facts-ul li i {
    margin-right: 7px;
    color: #ef8a1b
}

.cs-newsletter-star {
    float: right;
    font-size: 10px;
    line-height: 20px
}

.cs-modal-newsletter .cs-newsletter-star {
    position: absolute;
    margin-top: 15px
}

.cs-home-newsletter .controls-row a,.cs-newsletter .controls-row a,.cs-newsletter-modal .controls-row a,.cs-sidebar-newsletter .controls-row a {
    color: #313131;
    text-decoration: underline
}

.cs-home-newsletter .controls-row a:hover,.cs-newsletter .controls-row a:hover,.cs-newsletter-modal .controls-row a:hover,.cs-sidebar-newsletter .controls-row a:hover {
    color: #ef8a1b
}

@media (max-width: 767px) {
    .cs-newsletter-btn {
        width:100%;
        padding: 10px
    }

    .cs-modal-newsletter-btn .cs-newsletter-btn {
        margin: 10px 0
    }

    .cs-contact-form select,.cs-newsletter-input,.cs-newsletter-select {
        height: 40px!important
    }

    .cs-newsletter-facts-ul {
        margin-left: 5px!important
    }

    .cs-newsletter-checkbox {
        margin: 0 4px 3px 0!important
    }

    .cs-newsletter-star {
        margin-top: -6px;
        right: 0;
        margin-right: 0!important
    }

    .cs-modal-newsletter .cs-newsletter-star {
        margin-top: -10px
    }
}

.cs-modal-newsletter-input {
    height: 30px!important
}

.cs-modal-newsletter-img img {
    float: left
}

@media (min-width: 768px) {
    .cs-modal-newsletter-input {
        float:none;
        max-width: 300px
    }

    .cs-modal-newsletter-input.cs-modal-newsletter-input-data {
        margin-left: 2%
    }
}

@media (max-width: 767px) {
    .cs-modal-newsletter-input {
        height:38px!important
    }

    .cs-modal-newsletter-img img {
        height: 80px;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .cs-modal-newsletter-p {
        float: right
    }
}

@media (max-width: 480px) {
    .cs-modal-newsletter-img img {
        display:none
    }

    .cs-modal-newsletter-p {
        float: none;
        width: 100%
    }
}

.cs-coupon-box {
    position: relative;
    background: #fff;
    -moz-box-shadow: 0 2px 10px #b4b4b4;
    -webkit-box-shadow: 0 2px 10px #b4b4b4;
    box-shadow: 0 2px 15px #b4b4b4
}

.cs-ribbon {
    position: absolute;
    right: -7px;
    top: -9px;
    width: 63px;
    height: 67px;
    overflow: hidden;
    z-index: 2
}

.cs-ribbon-exklusiv {
    background: url('<?php echo base_url() ?>assets/home/imgs/gutschein_exklusiv.png')
}

.cs-ribbon-deal {
    background: url('<?php echo base_url() ?>assets/home/imgs/deal.png')
}

.cs-ribbon.cs-ribbon-topdeal {
    width: 80px;
    height: 80px
}

.cs-ribbon-topdeal {
    background: url('<?php echo base_url() ?>assets/home/imgs/top_deal.png')
}

.cs-ribbon-printout {
    background: url('<?php echo base_url() ?>assets/home/imgs/gutschein_druckbar.png')
}

.cs-coupon-sort {
    position: relative;
    align-items: center;
    padding-bottom: 16px
}

.cs-coupon-sort-text {
    margin-right: 10px;
    font-size: 14px
}

.cs-coupon-sort-item {
    margin: 0 5px;
    padding: 4px 10px;
    background-color: #fff;
    border: 1px solid #313131
}

.cs-coupon-sort-item.cs-sort-active,.cs-coupon-sort-item:hover {
    color: #fff;
    background-color: #313131;
    cursor: pointer
}

@media (max-width: 767px) {
    .cs-coupon-sort {
        flex-wrap:wrap;
        padding-bottom: 20px
    }
}

@media (max-width: 610px) {
    .cs-coupon-sort-text {
        margin-bottom:10px
    }
}

@media (max-width: 480px) {
    .cs-coupon-sort {
        justify-content:space-between
    }

    .cs-coupon-sort-text {
        width: 100%
    }

    .cs-coupon-sort-item {
        width: 31%;
        margin: 0;
        padding: 6px 2px;
        text-align: center
    }
}

.cs-coupon-small-box {
    justify-content: space-around;
    flex-wrap: wrap
}

.cs-coupon-small-click {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 5
}

.cs-scissor img {
    position: absolute;
    bottom: 33px;
    right: 14px;
    margin: 0;
    z-index: 50
}

.cs-coupon-small-desc {
    padding: 5px 15px 10px;
    font-size: .8rem;
    line-height: 1.3rem;
    overflow: hidden;
    border-bottom: 2px dashed #ef8a1b;
    text-align: center
}

.cs-coupon-small-desc-text {
    height: 40px;
    overflow: hidden
}

.cs-coupon-small-logo {
    height: 75px;
    padding: 10px 15px 0;
    text-align: center
}

.cs-coupon-small-logo img {
    max-height: 60px;
    max-width: 120px
}

.cs-coupon-small-info {
    position: relative;
    padding: 9px 15px;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    background: 0 0
}

.cs-outer-coupon:hover .cs-coupon-small-info {
    background-color: #ef8a1b;
    color: #fff
}

.cs-coupon-small .cs-outer-coupon:hover .cs-scissor img {
    opacity: 0
}

@media (min-width: 768px) and (max-width:992px) {
    .cs-coupon-small-box {
        display:block
    }
}

@media (min-width: 481px) and (max-width:767px) {
    .cs-coupon-small.cs-column-3 {
        float:left;
        width: 48%;
        margin-bottom: 2%;
        margin-right: 4%
    }

    .cs-coupon-small.cs-column-3:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width: 480px) {
    .cs-coupon-small-desc {
        font-size:1rem
    }
}

.cs-coupon-large-box .cs-coupon-box {
    margin-bottom: 25px
}

.cs-coupon-box-cell-1 {
    align-items: center;
    width: 100%;
    margin: 1px 0;
    margin-right: 0;
    padding: 7px 15px;
    border-right: .3px solid #80808026
}

.cs-coupon-box-cell-2 {
    width: 100%;
    padding: 15px 22px 15px 20px;
    align-items: center;
    position: relative
}

.cs-category-showbox .cs-coupon-deal .cs-coupon-box-cell-1,.cs-coupon-category .cs-coupon-box-cell-1 {
    width: 27%;
    padding: 10px 0 10px 10px
}

.cs-category-showbox .cs-coupon-deal .cs-coupon-box-cell-2,.cs-coupon-category .cs-coupon-box-cell-2 {
    width: 73%;
    padding: 15px 20px 15px 15px
}

.cs-coupon-category .cs-coupon-logo {
    width: 45%;
    height: 100%
}

.cs-coupon-box.cs-coupon-category .cs-coupon-box-logo {
    width: 55%;
    padding: 0 10px;
    border-right: 1px solid #eee!important
}

@media (max-width: 767px) {
    .cs-coupon-category .cs-coupon-box-cell-1 {
        width:25%;
        flex-wrap: wrap
    }

    .cs-coupon-category .cs-coupon-logo {
        width: 100%;
        height: inherit;
        min-height: auto
    }

    .cs-coupon-box.cs-coupon-category .cs-coupon-box-logo {
        width: 100%;
        margin-top: 6px;
        padding-left: 0;
        text-align: center
    }

    .cs-coupon-box.cs-coupon-category .cs-coupon-box-logo img {
        max-height: 100px
    }

    .cs-coupon-category .cs-coupon-box-cell-2 {
        width: 75%
    }

    .cs-coupon-category .cs-coupon-box-description {
        width: 100%;
        min-height: 48px
    }
}

@media (max-width: 480px) {
    .cs-outer-coupon {
        display:block
    }

    .cs-coupon-category .cs-coupon-box-cell-1,.cs-coupon-category .cs-coupon-box-cell-2 {
        width: 100%
    }

    .cs-coupon-category .cs-coupon-box-cell-1 {
        margin: 0;
        padding: 10px 10px 0;
        border: none;
        display: flex;
    }

    .cs-coupon-category .cs-coupon-logo {
        border-right: none!important
    }

    .cs-coupon-box.cs-coupon-category .cs-coupon-box-logo {
        border-left: 1px solid #eee!important;
        padding-left: 10px
    }

    .cs-coupon-box.cs-coupon-category .cs-coupon-box-logo,.cs-coupon-category .cs-coupon-logo {
        width: 50%
    }

    .cs-coupon-category .cs-coupon-box-cell-2 {
        padding: 10px
    }

    .cs-coupon-category .cs-coupon-box-description {
        min-height: inherit
    }
}

.cs-coupon-logo {
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-height: 70px;
    color: #ef8a1b;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-variant-ligatures: none
}

.cs-coupon-logo-line-1 {
    font-size: 1.9rem;
    line-height: 1.7rem;
    letter-spacing: .03rem
}

.cs-coupon-logo-line-2 {
    font-size: 1.3rem;
    line-height: 1.5rem;
    letter-spacing: .04rem
}

.cs-coupon-logo-line-3 {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .06rem
}

.cs-coupon-category .cs-coupon-logo-line-1 {
    font-size: 18px;
    line-height: 1.7rem
}

.cs-coupon-category .cs-coupon-logo-line-2 {
    font-size: 1rem
}

.cs-coupon-category .cs-coupon-logo-line-3 {
    line-height: 1.2rem
}

.cs-coupon-deal .cs-coupon-logo,.cs-sidebar-deal .cs-coupon-logo {
    color: #2b86d6
}

.cs-coupon-deal .cs-coupon-logo-line-1 {
    font-size: 1.3rem;
    line-height: 1.9rem
}

.cs-coupon-deal .cs-coupon-logo-line-2 {
    font-size: .75rem;
    line-height: 1.1rem
}

.cs-coupon-deal .cs-coupon-logo-line-3 {
    font-size: .7rem;
    line-height: .8rem
}

@media (min-width: 993px) and (max-width:1199px) {
    .cs-coupon-logo-line-1 {
        font-size:1.4rem;
        line-height: 1.7rem
    }

    .cs-coupon-logo-line-2 {
        font-size: .9rem;
        line-height: 1.3rem
    }

    .cs-coupon-logo-line-3 {
        font-size: .9rem;
        line-height: 1.3rem
    }
}

@media (max-width: 992px) {
    .cs-coupon-logo-line-1 {
        font-size:1.4rem;
        line-height: 1.7rem
    }

    .cs-coupon-logo-line-2 {
        font-size: .9rem;
        line-height: 1.3rem
    }

    .cs-coupon-logo-line-3 {
        font-size: .9rem;
        line-height: 1.3rem
    }
}

@media (max-width: 480px) {
    .cs-coupon-logo-line-1 {
        font-size:1.5rem;
        line-height: 1.3rem
    }

    .cs-coupon-logo-line-2 {
        font-size: .8rem;
        line-height: 1.1rem
    }

    .cs-coupon-logo-line-3 {
        font-size: .7rem;
        line-height: 1.1rem
    }
}

.cs-coupon-more-details {
    min-height: 25px;
    padding: 4px 20px;
    border-top: 1px solid #eee;
    background-color: #fbfbfb;
    border-left: 3px solid #ef8a1b
}

.cs-coupon-more-details .cs-toggle-content-button {
    position: absolute;
    width: 90%;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    bottom: 3px;
    left: 350px
}

.cs-coupon-more-details .cs-toggle-content.cs-toggle-active {
    margin-bottom: 4px;
    padding: 5px 0;
    border-bottom: 1px solid #eee
}

.cs-coupon-more-details .cs-toggle-content-button span {
    font-size: 12px;
    text-decoration: none
}

.cs-coupon-more-details .cs-toggle-content-button:active,.cs-coupon-more-details .cs-toggle-content-button:focus,.cs-coupon-more-details .cs-toggle-content-button:hover {
    text-decoration: none;
    color: #313131!important
}

.cs-toggle-content-button {
    position: absolute;
    left: 30%
}

.cs-coupon-mer-link a:hover {
    color: #ef8a1b!important;
    text-decoration: underline
}

.cs-coupon-box-date {
    margin-left: 164px
}

.cs-category-showbox .cs-coupon-box .cs-coupon-box-date {
    margin-left: 670px
}

.cs-mbw-m {
    display: none
}

@media (min-width: 993px) and (max-width:1199px) {
    .cs-coupon-box-date {
        margin-left:111px
    }

    .cs-category-showbox .cs-coupon-box .cs-coupon-box-date {
        margin-left: 183px
    }
}

@media (max-width: 992px) {
    .cs-coupon-box-date {
        margin-left:17%
    }

    .cs-category-showbox .cs-coupon-box .cs-coupon-box-date {
        margin-left: 28%
    }
}

@media (max-width: 767px) {
    .cs-coupon-box-date {
        margin-left:22%
    }

    .cs-category-showbox .cs-coupon-box .cs-coupon-box-date {
        margin-left: 27%
    }
}

@media (max-width: 480px) {
    .cs-coupon-box-date {
        margin:0 105px 0 0!important
    }

    .cs-mbw {
        display: none
    }

    .cs-mbw-m {
        display: inline-block
    }
}

.cs-coupon-box-h3 {
    color: #313131;
    font-size: 1.1rem;
    line-height: 1.4em;
    font-family: Poppins;
    font-weight: 400
}

.cs-content-block .cs-coupon-box-h3 {
    font-size: 1.05rem!important
}

.cs-merchant-expired-cs .cs-coupon-box-cell-1 {
    border-color: #313131!important
}

.cs-merchant-expired-cs .cs-coupon-btn {
    background: #868686!important
}

.cs-merchant-expired-cs .cs-coupon-btn-code::after {
    background: #868686!important
}

.cs-merchant-expired-cs .cs-coupon-btn-code::before {
    background: rgba(0,0,0,0) linear-gradient(15deg,#afafaf 0,#afafaf 65%,rgba(107,176,40,0) 50%,rgba(255,255,255,0) 100%) no-repeat scroll 0 6px
}

@media (min-width: 768px) and (max-width:1199px) {
    .cs-coupon-box-cell-1 {
        width:16%
    }

    .cs-coupon-box-cell-2 {
        width: 84%
    }

    .cs-coupon-box-description {
        width: 61%;
        padding-right: 15px
    }

    .cs-coupon-box-cta {
        width: 39%
    }
}

@media (max-width: 767px) {
    .cs-coupon-box-cell-1 {
        justify-content:center;
        min-width: 100px
    }

    .cs-coupon-box-cta,.cs-coupon-box-description {
        width: 100%
    }

    .cs-coupon-box-description {
        margin-bottom: 10px
    }
}

@media (max-width: 480px) {
    .cs-merchant-showbox .cs-outer-coupon {
        display:block
    }

    .cs-coupon-box-cell-1 {
        padding: 5px 5px 0 5px;
        cursor: pointer
    }

    .cs-coupon-logo {
        min-height: 57px;
        flex-direction: column;
        display: flex;
        padding: 0 17px
    }

    .cs-coupon-merchant .cs-coupon-box-cell-1 {
        float: left;
        width: 30%;
        min-width: inherit;
        margin-right: 4%
    }

    .cs-coupon-box-cell-2 {
        width: 100%;
        padding: 7px 10px 10px
    }

    .cs-coupon-box-description {
        display: flex;
        align-items: center;
        width: 66%
    }

    .cs-coupon-box-h3 {
        min-height: 57px;
        font-size: .9rem;
        line-height: 1.2rem
    }
}

@media (min-width: 768px) {
    .cs-coupon-mer-link {
        position:absolute;
        bottom: 4px
    }
}

@media (max-width: 767px) {
    .cs-coupon-category.cs-coupon-box {
        margin-bottom:0!important
    }

    .cs-coupon-mer-link {
        position: absolute;
        right: 20px;
        bottom: -25px
    }

    .cs-coupon-large-box .cs-coupon-box {
        margin-bottom: 0!important;
        margin-top: 30px!important
    }
}

.cs-coupon-deal .cs-coupon-box-cell-1 {
    padding: 15px;
    border-right: 2px dashed #1e5da1
}

.cs-coupon-dealbox-h3 {
    margin-bottom: 10px;
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-family: Poppins
}

.cs-coupon-deal .cs-coupon-deal-logo {
    margin-top: 15px;
    text-align: center;
    background: #fff
}

.cs-merchant-expired-cs .cs-button-action-deal-cta,.cs-merchant-expired-cs .cs-button-action-deal-detail {
    background: #868686!important
}

.cs-merchant-expired-cs .cs-coupon-dealbox-h3 {
    color: #313131!important
}

.cs-merchant-expired-cs .cs-coupon-deal .cs-coupon-deal-logo {
    color: #999!important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.cs-coupon-deal-img {
    position: relative;
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 15px;
    margin-bottom: 5px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.05);
    background: #fff;
    z-index: 70
}

.cs-coupon-deal-img img {
    width: 100%;
    height: 100%
}

.cs-coupon-deal-img .fa-search {
    position: absolute;
    top: 103px;
    left: 103px
}

.cs-coupon-deal-img:hover>.fa-search {
    display: none
}

.cs-coupon-box-text {
    font-size: .8rem;
    line-height: 1.3rem;
    margin-bottom: 6px
}

.cs-coupon-deal-read-more {
    font-size: .7rem;
    text-decoration: underline;
    white-space: nowrap
}

.cs-coupon-deal-read-more i {
    height: 14px;
    width: 11px;
    margin: 0 5px 0 5px;
    padding: 3px;
    color: #fff;
    font-size: 8px;
    background: #313131
}

.cs-coupon-deal-read-more:hover>i {
    background: #ef8a1b
}

.cs-coupon-deal-read-more:hover>a {
    color: #ef8a1b;
    cursor: pointer
}

.cs-coupon-deal-statusbar {
    width: 100%;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 8px
}

.cs-coupon-deal-status {
    float: left;
    white-space: nowrap
}

.cs-single-deal-content .cs-coupon-deal-status {
    float: none
}

.cs-coupon-deal .cs-coupon-deal-published {
    float: left;
    margin-right: 12px;
    font-size: .75rem
}

.cs-coupon-deal-available {
    color: #8ead00
}

.cs-coupon-deal-noavailable {
    color: #ff0004
}

.cs-coupon-deal-available i {
    padding-left: 5px
}

.cs-coupon-deal-buttons {
    text-align: right
}

.cs-button-action-deal-cta i {
    padding-left: 6px
}

.cs-button-action-deal-cta,.cs-button-action-deal-detail {
    display: inline-block;
    margin: 0 0 0 3px;
    padding: 8px 12px;
    color: #fff!important;
    font-size: .9rem;
    line-height: 22px;
    text-transform: uppercase;
    border: 1px solid #b1b1b1;
    background: #1e5da1;
    border-radius: 0
}

.cs-button-action-deal-cta:hover,.cs-button-action-deal-cta:hover>a,.cs-button-action-deal-detail:hover,.cs-button-action-deal-detail:hover>a {
    cursor: pointer;
    text-decoration: none;
    background: #296cb5
}

@media (min-width: 993px) {
    .cs-coupon-box-description {
        width:56%
    }

    .cs-coupon-box-cta {
        width: 44%;
        padding-left: 2%
    }

    .cs-coupon-box-toggle {
        display: block;
        clear: both;
        width: 100%
    }

    .cs-coupon-deal .cs-social-small {
        margin-top: 10px
    }
}

@media(min-width: 768px) {
    .cs-coupon-deal .cs-coupon-box-text {
        display:inline-block
    }

    .cs-coupon-deal-img:hover {
        transform: scale(2);
        box-shadow: 0 0 10px 0 rgba(0,0,0,.3)
    }
}

@media(max-width: 767px) {
    .cs-coupon-deal .cs-coupon-box-cell-1 {
        display:none
    }

    .cs-coupon-deal .cs-coupon-box-cell-2 {
        width: 100%
    }

    .cs-coupon-deal-statusbar {
        width: auto
    }

    .cs-coupon-deal-img .fa-search {
        display: none
    }

    .cs-coupon-mer-link {
        margin-top: 10px
    }
}

@media (max-width: 480px) {
    .cs-coupon-mer-link {
        right:0;
        max-height: 20px;
        margin-bottom: 0;
        margin-top: 0;
        padding-right: 2px;
        overflow: hidden
    }

    .cs-coupon-dealbox-h3 {
        font-size: .9rem;
        line-height: 1.2rem
    }

    .cs-coupon-deal .cs-coupon-deal-logo {
        margin-top: 10px
    }

    .cs-coupon-deal .cs-coupon-box-cell-2 {
        padding-top: 10px
    }

    .cs-coupon-deal .cs-coupon-deal-logo img {
        max-height: 48px
    }

    .cs-coupon-box-text {
        font-size: .8rem;
        line-height: 1.1rem
    }

    .cs-coupon-deal-read-more {
        display: none
    }

    .cs-button-action-deal-cta,.cs-button-action-deal-detail {
        width: 100%;
        text-align: center
    }

    .cs-button-action-deal-cta {
        margin-top: 6px
    }

    .cs-coupon-deal .cs-social-small {
        margin-bottom: 10px
    }

    .cs-coupon-deal-img .fa-search {
        display: none
    }
}

.cs-coupon-box-toggle {
    display: block;
    clear: both;
    width: 100%
}

.cs-coupon-btn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    padding: 8px 14px;
    color: #fff;
    font-size: .9rem;
    font-weight: 400;
    border: 1px solid #b1b1b1;
    transition: background-color 250ms ease 0s;
    -webkit-transition: background-color 250ms ease 0s;
    cursor: pointer;
    background: #ef8a1b;
    z-index: 5
}

.cs-coupon-btn i {
    padding-left: 6px;
    font-size: 14px
}

.cs-coupon-btn:focus,.cs-coupon-btn:hover {
    background: #f18c1dc9
}

.cs-coupon-btn-no-code {
    text-align: center
}

.cs-coupon-btn-code {
    display: inline-block;
    position: absolute;
    width: 41px;
    top: 0;
    right: 0;
    padding: 8px 8px 8px 5px;
    color: #313131;
    font-size: 18px;
    text-align: right;
    white-space: nowrap;
    direction: rtl;
    background-color: #fff
}

.cs-coupon-btn-code::before {
    position: absolute;
    right: 15px;
    top: 6px;
    width: 40px;
    height: 34px;
    content: "";
    transform: rotateZ(60deg) translate(0,-10px) scaleX(.9);
    -webkit-transform: rotateZ(60deg) translate(0,-10px) scaleX(.9);
    -o-transform: rotateZ(60deg) translate(0,-10px) scaleX(.9);
    -moz-transform: rotateZ(60deg) translate(0,-10px) scaleX(.9);
    -ms-transform: rotateZ(60deg) translate(0,-10px) scaleX(.9);
    transition: transform 250ms ease 0s,background-position 250ms ease 0s;
    -webkit-transition: transform 250ms ease 0s,background-position 250ms ease 0s;
    -o-transition: transform 250ms ease 0s,background-position 250ms ease 0s;
    -moz-transition: transform 250ms ease 0s,background-position 250ms ease 0s;
    -ms-transition: transform 250ms ease 0s,background-position 250ms ease 0s;
    background: rgba(0,0,0,0) linear-gradient(15deg,#e68049 0,#e68049 65%,rgba(107,176,40,0) 50%,rgba(255,255,255,0) 100%) no-repeat scroll 0 6px;
    z-index: 50
}

.cs-coupon-btn-code::after {
    position: absolute;
    bottom: 0;
    right: 25px;
    height: 36px;
    width: 30px;
    content: "";
    background: #ef8a1b;
    transform: skew(15deg,0deg);
    -webkit-transform: skew(15deg,0deg);
    -o-transform: skew(15deg,0deg);
    -moz-transform: skew(15deg,0deg);
    -ms-transform: skew(15deg,0deg);
    transition: right .3s ease 0s,background-color .3s ease 0s,border-color .3s ease 0s;
    -webkit-transition: right .3s ease 0s,background-color .3s ease 0s,border-color .3s ease 0s;
    -o-transition: right .3s ease 0s,background-color .3s ease 0s,border-color .3s ease 0s;
    -moz-transition: right .3s ease 0s,background-color .3s ease 0s,border-color .3s ease 0s;
    -ms-transition: right .3s ease 0s,background-color .3s ease 0s,border-color .3s ease 0s;
    -webkit-transition: right .3s ease 0s,background-color .3s ease 0s,border-color .3s ease 0s
}

.cs-coupon-btn:focus .cs-coupon-btn-code::before,.cs-coupon-btn:hover .cs-coupon-btn-code::before {
    background-position: 0 0;
    transform: rotateZ(50deg) translate(-3px,3px);
    transition: all ease .6s;
    -ms-transform: rotateZ(50deg) translate(-3px,3px);
    -webkit-transform: rotateZ(50deg) translate(-3px,3px);
    transform: rotateZ(50deg) translate(-3px,3px)
}

.cs-coupon-btn:focus .cs-coupon-btn-code::after,.cs-coupon-btn:hover .cs-coupon-btn-code::after {
    right: 36px;
    background: #f18c1dc9
}

.cs-coupon-btn-visible {
    padding: 8px 10px;
    text-align: center;
    font-size: .95rem!important;
    font-weight: 700;
    border: 1px solid #ef8a1b;
    box-shadow: 0 0 5px #b1b1b1
}

.coupon-button-open:focus,.cs-coupon-btn-visible:hover {
    border: 1px solid #5e5e5e
}

.cs-coupon-btn-text {
    position: relative;
    color: #fff;
    z-index: 20
}

.cs-coupon-btn-text-visible {
    position: relative;
    color: #ef8a1b;
    font-weight: 700;
    z-index: 20
}

.cs-coupon-btn-visible:hover .cs-coupon-btn-text-visible {
    color: #000
}

.cs-coupon-btn:hover .c4u-btn-code::after {
    color: #fff;
    border-color: #406403;
    background: #9dbf4e;
    background: -moz-linear-gradient(top,#9dbf4e 0,#72a526 50%,#539300 51%,#7cb72a 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#9dbf4e),color-stop(50%,#72a526),color-stop(51%,#539300),color-stop(100%,#7cb72a));
    background: -webkit-linear-gradient(top,#9dbf4e 0,#72a526 50%,#539300 51%,#7cb72a 100%);
    background: -o-linear-gradient(top,#9dbf4e 0,#72a526 50%,#539300 51%,#7cb72a 100%);
    background: -ms-linear-gradient(top,#9dbf4e 0,#72a526 50%,#539300 51%,#7cb72a 100%);
    background: linear-gradient(to bottom,#9dbf4e 0,#72a526 50%,#539300 51%,#7cb72a 100%)
}

@media (max-width: 767px) {
    .cs-coupon-btn i {
        padding-left:3px;
        font-size: 13px
    }
}

.cs-logo-template-linethrough {
    text-decoration: line-through
}

@media (max-width: 767px) {
    .cs-merchant-expired-cs .cs-coupon-btn,.cs-merchant-expired-cs .cs-coupon-btn-code::after {
        opacity:.85
    }
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 50px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

.modal-header {
    padding: 20px 15px;
    border-bottom: 1px solid #eee
}

.cs-modal-header {
    margin-right: 20px;
    align-items: center;
    justify-content: flex-start
}

.cs-modal-header-logo img {
    width: 120px;
    height: 60px
}

.cs-modal-header-title {
    width: 65%;
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
    padding-top: 0;
    padding-left: 20px;
    text-align: left
}

.modal-header h3 {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.2
}

.cs-couponalert-modal .modal-header h3 {
    width: 100%;
    padding-left: 0;
    padding-right: 25px;
    text-align: center
}

.modal-header h4 {
    display: block;
    margin-top: 11px;
    font-size: 1.1rem;
    text-align: center
}

.cs-modal-checkout h4 {
    margin: 0 15px 0 15px;
    font-size: 18px;
    text-align: center
}

.modal-header .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 40px
}

@media (max-width: 767px) {
    .cs-modal-header {
        margin-right:0
    }

    .modal-header h3 {
        font-size: 1.1rem;
        line-height: 1.2
    }
}

@media (max-width: 480px) {
    .cs-modal-header {
        display:block
    }

    .cs-modal-header-title {
        width: 100%;
        padding-left: 0
    }
}

.modal-body .cs-result-field {
    margin: 12px 10% 6px 10%;
    padding: 12px 5px;
    font-family: Poppins;
    font-weight: 700;
    color: #ef8a1b;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    border: 1px solid #ef8a1b;
    -webkit-border-bottom-right-radius: 24px;
    -moz-border-radius-bottomright: 24px;
    border-bottom-right-radius: 24px;
    box-shadow: 0 0 5px #b1b1b1;
    border-top-left-radius: 24px;
    background: #fff url('<?php echo base_url() ?>assets/home/imgs/pattern_1.png')
}

.modal-body .cs-result-field:hover {
    color: #000;
    border: 1px solid #5e5e5e;
    background: #ccc url('<?php echo base_url() ?>assets/home/imgs/pattern_1.png')!important
}

.modal .cs-modal-cta-wrapper {
    padding: 0 0 19px
}

.modal-new-tab-info {
    position: relative;
    padding: 0 10%;
    text-align: center;
    font-size: .65rem;
    line-height: .7rem
}

.modal-new-tab-info i:before {
    margin-left: 0;
    color: #ef8a1b
}

.modal-new-tab-info i {
    padding-right: 5px;
    font-size: 12px
}

#CouponModal .modal-body {
    padding: 20px 4%
}

.cs-disclaimer {
    font-size: 10px;
    line-height: 16px
}

.cs-deal-modal .cs-coupon-btn {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #b1b1b1;
    background: #1e5da1
}

.cs-deal-modal .cs-coupon-btn:hover {
    text-decoration: none;
    background: #296cb5
}

.cs-deal-conditions ul li {
    margin: 5px 10px 5px 5px;
    list-style: none
}

.cs-deal-conditions ul li i {
    position: relative;
    left: -25px;
    margin-right: -15px;
    color: #8ead00
}

.cs-deal-modal h4 {
    margin-top: 0;
    font-size: 18px
}

.cs-modal-feedback {
    text-align: center
}

.cs-feedback-negative,.cs-feedback-positive {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 10px;
    padding: 5px;
    border-radius: 20px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
    transition: .5s
}

.cs-feedback-positive {
    background: rgba(142,173,0,.1)
}

.cs-feedback-negative {
    background: rgba(225,0,0,.1)
}

.cs-feedback-negative,.cs-feedback-positive i {
    color: #000;
    font-size: 18px
}

.cs-feedback-positive:hover {
    cursor: pointer;
    background: #8ead00
}

.cs-feedback-positive:hover i {
    color: #fff
}

.cs-feedback-negative:hover {
    cursor: pointer;
    background: rgba(225,0,0,.8)
}

.cs-feedback-negative:hover i {
    color: #fff
}

.modal-footer {
    margin-bottom: 0;
    padding: 14px 15px 5px;
    text-align: left;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    background-color: #f5f5f5
}

.modal .cs-modal-cta-wrapper .cs-button-action-deal-cta,.modal .cs-modal-cta-wrapper .cs-coupon-btn {
    width: 50%;
    margin: 0 auto;
    font-size: 1rem;
    text-align: center;
    font-weight: 700
}

.cs-newsletter-modal {
    margin-top: 20px;
    padding: 95px 20px 20px 20px
}

.cs-newsletter-modal .modal-header {
    padding: 5px 15px
}

.cs-newsletter-modal .modal-header .close {
    top: 3px;
    font-size: 30px
}

.cs-newsletter-modal h3 {
    padding-right: 20px;
    font-size: 1.2rem
}

.cs-newsletter-modal .cs-newsletter-facts-ul {
    margin: 10px 0 10px 15px
}

.cs-modal-email-input {
    height: 30px!important
}

.cs-modal-email-submit {
    margin-left: 5px;
    margin-bottom: 10px
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.cs-modal-couponalert {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 10px
}

.cs-modal-couponalert img {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-bottom: 35px
}

.cs-modal-couponalert .cs-newsletter-label a {
    text-decoration: underline
}

.cs-modal-couponalert .cs-newsletter-label a:hover {
    color: #ef8a1b
}

.cs-modal-couponalert h6 {
    margin-top: 0;
    padding-top: 6px;
    font-size: .9rem
}

.cs-modal-o2 {
    font-size: 1rem;
    line-height: 24px
}

.cs-modal-o2 h4 {
    margin-bottom: 0;
    font-size: 1.3rem
}

.cs-modal-o2-code {
    padding: 5px 0 15px;
    font-size: 1.5rem;
    font-weight: 700
}

@media (min-width: 768px) {
    .cs-modal-couponalert .cs-modal-email-input {
        width:83%
    }

    .cs-modal-couponalert .cs-newsletter-star {
        margin-right: 4px;
        margin-top: 5px
    }

    .cs-couponalert-input-modal {
        margin: 15px 12% 0
    }
}

@media (max-width: 767px) {
    .modal-footer {
        display:none
    }

    .cs-couponalert-input-modal {
        margin: 10px 0 0
    }
}

@media (max-width: 560px) {
    .modal-header {
        text-align:center;
        padding: 15px
    }

    #CouponModal .modal-body {
        padding: 20px
    }

    .modal-body .cs-result-field {
        font-size: .9rem;
        line-height: 1.2rem
    }

    .cs-newsletter-modal .modal-header .close {
        font-size: 45px!important
    }

    .modal-header h4 {
        font-size: 1rem
    }

    .modal-body h4 {
        margin-top: 0
    }

    .cs-modal-feedback-text {
        display: block
    }
}

@media (max-width: 480px) {
    .modal-header .close {
        padding:10px;
        margin: -10px
    }

    .modal-body .cs-result-field {
        margin: 10px 0 6px
    }

    .cs-modal-header-logo {
        display: block;
        float: none;
        padding-right: 10px
    }

    .cs-modal-checkout h4 {
        margin: 0 0 6px
    }

    .modal-header img {
        padding-bottom: 5px
    }

    .modal .cs-modal-cta-wrapper .cs-button-action-deal-cta,.modal .cs-modal-cta-wrapper .cs-coupon-btn {
        width: 100%;
        margin-left: 0
    }

    .modal-new-tab-info {
        padding: 0
    }

    .cs-modal-couponalert h6 {
        display: inline-block
    }

    .cs-modal-couponalert img {
        margin-left: 15%
    }
}

.cs-copy-button {
    position: relative;
    float: right;
    top: -52px;
    right: 4%;
    padding: 5px 10px;
    color: #fff;
    font-size: .7rem;
    line-height: 1rem;
    text-decoration: none;
    box-shadow: 0 0 5px #b1b1b1;
    background: #313131;
    cursor: pointer
}

.cs-copy-button:focus,.cs-copy-button:hover {
    background: #596567
}

@media (max-width: 767px) {
    .cs-copy-button {
        position:inherit;
        float: none;
        max-width: 120px;
        width: 80%;
        top: 28px;
        margin: 15px auto 5px;
        padding: 8px 10px;
        text-align: center
    }
}

.cs-couponalert-box {
    margin-bottom: 25px;
    padding: 15px 20px;
    border: 1px solid #ef8a1b;
    background: #ef8a1b
}

.cs-couponalert-img {
    align-self: center;
    padding-right: 10px
}

.cs-couponalert-form-h3 {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.2em
}

.cs-couponalert-submit {
    height: 30px;
    margin-left: 15px
}

.cs-couponalert-subheadline {
    margin: 5px 0 8px
}

,.cs-couponalert-box .controls-row a,.cs-couponalert-modal .controls-row a {
    text-decoration: underline;
    color: #313131
}

.cs-couponalert-box .controls-row a:hover,.cs-couponalert-modal .controls-row a {
    color: #ef8a1b
}

.cs-couponalert-inputs {
    padding-left: 10px
}

.cs-couponalert-input-email {
    width: 65%;
    height: 30px!important;
    color: #313131!important;
    box-shadow: inset 0 0 15px #d8d8d8!important;
    background: #eee!important;
    border: none!important
}

.cs-couponalert-input-email::placeholder {
    color: #313131
}

.cs-couponalert-input-sign {
    width: 32%;
    margin-left: 10px;
    margin-bottom: 10px;
    padding-left: 10px!important
}

.cs-couponalert-inputs .cs-couponalert-submit {
    margin-left: 2%
}

#CouponsAlertModal .cs-modal-newsletter-input {
    width: 59%
}

#CouponsAlertModal .cs-couponalert-submit {
    width: 37%;
    margin-left: 3%;
    margin-bottom: 10px
}

.cs-couponalert-inputs .cs-newsletter-star {
    margin-right: 177px;
    margin-top: 10px
}

.cs-couponalert-box .alert {
    margin-bottom: 0
}

.cs-couponalert-input-error {
    display: none;
    color: red;
    padding-bottom: 5px
}

.cs-couponalert-modal-h5 {
    margin-top: 4px;
    margin-left: 10px
}

@media (min-width: 993px) and (max-width:1199px) {
    .cs-couponalert-inputs {
        padding-left:10px
    }
}

@media (max-width: 767px) {
    .cs-couponalert-img {
        float:left;
        max-width: 110px;
        margin-bottom: 15px;
        padding-right: 20px
    }

    .cs-couponalert-form-h3 {
        margin-top: 7px
    }

    .cs-couponalert-inputs {
        width: 100%;
        padding-left: 0
    }

    .cs-couponalert-submit {
        height: 38px
    }

    .cs-couponalert-controls {
        display: inline-block;
        width: 100%
    }

    .cs-couponalert-modal-h5 {
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .cs-couponalert-box {
        padding:10px;
        margin-top: 30px
    }

    .cs-couponalert-form-h3 {
        margin-bottom: 6px;
        font-size: .9rem;
        line-height: 1.2rem
    }

    .cs-couponalert-img {
        padding: 10px 15px 0 0
    }

    .cs-couponalert-inputs {
        display: block;
        width: 100%;
        padding-left: 0
    }

    .cs-couponalert-input-email {
        width: 100%
    }

    .cs-couponalert-inputs .cs-couponalert-submit {
        margin-left: 0;
        height: 38px
    }

    #CouponsAlertModal .cs-couponalert-submit,#CouponsAlertModal .cs-modal-newsletter-input {
        width: 100%;
        margin-left: 0
    }

    .cs-couponalert-input-sign {
        width: 100%!important;
        margin-left: 0;
        margin-top: 5px
    }
}

.cs-piggy {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 15px auto;
    border-radius: 60px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    background: #fff;
    background-size: contain;
    z-index: 8
}

.cs-piggy:hover {
    cursor: pointer
}

.cs-merchant-expired-cs .cs-piggy {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(1)
}

.cs-piggy .cs-pie {
    z-index: 3
}

.cs-piggy-inner {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 5px;
    left: 5px;
    margin-top: 0;
    border-radius: 60px;
    overflow: hidden;
    background: #fff;
    background-size: 100%;
    z-index: 4
}

.cs-piggy-inner2 {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    margin-top: 0;
    overflow: hidden;
    background: url('<?php echo base_url() ?>assets/home/imgs/piggy_grey.jpg');
    background-size: 100%;
    background-position: bottom;
    z-index: 5
}

.cs-piggy-inner3 {
    position: absolute;
    width: 100%;
    height: 0%;
    bottom: 0;
    left: 0;
    margin-top: 0;
    overflow: hidden;
    background: url('<?php echo base_url() ?>assets/home/imgs/icons/piggy_red.jpg');
    background-size: 100%;
    background-position: bottom;
    z-index: 6
}

.cs-piggy .cs-voteadd {
    box-sizing: border-box;
    display: table;
    position: absolute;
    top: 50%;
    right: -16px;
    width: 22px;
    height: 22px;
    margin-top: -9px;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 17px;
    border-radius: 20px;
    text-decoration: none;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
    transition: .5s;
    background: #fff;
    z-index: 20
}

.cs-piggy .cs-voteadd span {
    display: table-cell;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle
}

.cs-piggy .cs-voteadd i {
    color: #000;
    line-height: .5em;
    font-size: 16px
}

.cs-piggy .cs-voteadd:hover {
    background: #8ead00
}

.cs-piggy .cs-voteadd:hover i {
    color: #fff
}

.cs-piggy .cs-voterem {
    box-sizing: border-box;
    display: table;
    position: absolute;
    top: 50%;
    left: -16px;
    width: 22px;
    height: 22px;
    margin-top: -9px;
    padding: 0;
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    border-radius: 20px;
    transition: .5s;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
    background: #fff;
    z-index: 20
}

.cs-piggy .cs-voterem i {
    color: #000;
    font-size: 16px;
    line-height: .5em
}

.cs-piggy .cs-voterem:hover {
    background: rgba(225,0,0,.8)
}

.cs-piggy .cs-voterem:hover i {
    color: #fff
}

.cs-pie {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 80px;
    background-color: #bebebe
}

.cs-pieinner1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 80px
}

.cs-pieinner2 {
    background-color: #dc0000;
    position: absolute;
    top: 0;
    left: 0;
    width: 79px;
    height: 80px;
    border-radius: 80px
}

.cs-pieinner3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 80px
}

.cs-pieinner4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 79px;
    height: 80px;
    border-radius: 80px;
    background-color: #dc0000
}

.cs-piestat1_0 {
    display: none
}

.cs-piestat2_0 {
    display: none
}

.cs-piestat3_0 {
    display: none
}

.cs-piestat4_0 {
    display: none
}

.cs-piestat1_1 {
    clip: rect(0,80px,80px,40px)
}

.cs-piestat2_1 {
    clip: rect(0,40px,80px,0);
    transform: rotate(18deg)
}

.cs-piestat3_1 {
    display: none
}

.cs-piestat4_1 {
    display: none
}

.cs-piestat1_2 {
    clip: rect(0,80px,80px,40px)
}

.cs-piestat2_2 {
    clip: rect(0,40px,80px,0);
    transform: rotate(36deg)
}

.cs-piestat3_2 {
    display: none
}

.cs-piestat4_2 {
    display: none
}

.cs-piestat1_3 {
    clip: rect(0,80px,80px,40px)
}

.cs-piestat2_3 {
    clip: rect(0,40px,80px,0);
    transform: rotate(54deg)
}

.cs-piestat3_3 {
    display: none
}

.cs-piestat4_3 {
    display: none
}

.cs-piestat1_4 {
    clip: rect(0,80px,80px,40px)
}

.cs-piestat2_4 {
    clip: rect(0,40px,80px,0);
    transform: rotate(72deg)
}

.cs-piestat3_4 {
    display: none
}

.cs-piestat4_4 {
    display: none
}

.cs-piestat1_5 {
    clip: rect(0,80px,80px,40px)
}

.cs-piestat2_5 {
    clip: rect(0,40px,80px,0);
    transform: rotate(90deg)
}

.cs-piestat3_5 {
    display: none
}

.cs-piestat4_5 {
    display: none
}

.cs-piestat1_6 {
    clip: rect(0,80px,80px,40px)
}

.cs-piestat2_6 {
    clip: rect(0,40px,80px,0);
    transform: rotate(108deg)
}

.cs-piestat3_6 {
    display: none
}

.cs-piestat4_6 {
    display: none
}

.cs-piestat1_7 {
    clip: rect(0,80px,80px,40px)
}

.cs-piestat2_7 {
    clip: rect(0,40px,80px,0);
    transform: rotate(126deg)
}

.cs-piestat3_7 {
    display: none
}

.cs-piestat4_7 {
    display: none
}

.cs-piestat1_8 {
    clip: rect(0,80px,80px,40px)
}

.cs-piestat2_8 {
    clip: rect(0,40px,80px,0);
    transform: rotate(144deg)
}

.cs-piestat3_8 {
    display: none
}

.cs-piestat4_8 {
    display: none
}

.cs-piestat1_9 {
    clip: rect(0,80px,80px,40px)
}

.cs-piestat2_9 {
    clip: rect(0,40px,80px,0);
    transform: rotate(162deg)
}

.cs-piestat3_9 {
    display: none
}

.cs-piestat4_9 {
    display: none
}

.cs-piestat1_10 {
    clip: rect(0,80px,80px,40px)
}

.cs-piestat2_10 {
    clip: rect(0,40px,80px,0);
    transform: rotate(180deg)
}

.cs-piestat3_10 {
    display: none
}

.cs-piestat4_10 {
    display: none
}

.cs-piestat1_11 {
    clip: rect(0,80px,80px,-10px);
    transform: rotate(0)
}

.cs-piestat2_11 {
    clip: rect(0,40px,80px,0);
    transform: rotate(180deg)
}

.cs-piestat3_11 {
    clip: rect(0,80px,80px,40px);
    transform: rotate(180deg)
}

.cs-piestat4_11 {
    clip: rect(0,40px,80px,0);
    transform: rotate(18deg)
}

.cs-piestat1_12 {
    clip: rect(0,80px,80px,-10px);
    transform: rotate(0)
}

.cs-piestat2_12 {
    clip: rect(0,40px,80px,0);
    transform: rotate(180deg)
}

.cs-piestat3_12 {
    clip: rect(0,80px,80px,40px);
    transform: rotate(180deg)
}

.cs-piestat4_12 {
    clip: rect(0,40px,80px,0);
    transform: rotate(36deg)
}

.cs-piestat1_13 {
    clip: rect(0,80px,80px,-10px);
    transform: rotate(0)
}

.cs-piestat2_13 {
    clip: rect(0,40px,80px,0);
    transform: rotate(180deg)
}

.cs-piestat3_13 {
    clip: rect(0,80px,80px,40px);
    transform: rotate(180deg)
}

.cs-piestat4_13 {
    clip: rect(0,40px,80px,0);
    transform: rotate(54deg)
}

.cs-piestat1_14 {
    clip: rect(0,80px,80px,-10px);
    transform: rotate(0)
}

.cs-piestat2_14 {
    clip: rect(0,40px,80px,0);
    transform: rotate(180deg)
}

.cs-piestat3_14 {
    clip: rect(0,80px,80px,40px);
    transform: rotate(180deg)
}

.cs-piestat4_14 {
    clip: rect(0,40px,80px,0);
    transform: rotate(72deg)
}

.cs-piestat1_15 {
    clip: rect(0,80px,80px,-10px);
    transform: rotate(0)
}

.cs-piestat2_15 {
    clip: rect(0,40px,80px,0);
    transform: rotate(180deg)
}

.cs-piestat3_15 {
    clip: rect(0,80px,80px,40px);
    transform: rotate(180deg)
}

.cs-piestat4_15 {
    clip: rect(0,40px,80px,0);
    transform: rotate(90deg)
}

.cs-piestat1_16 {
    clip: rect(0,80px,80px,-10px);
    transform: rotate(0)
}

.cs-piestat2_16 {
    clip: rect(0,40px,80px,0);
    transform: rotate(180deg)
}

.cs-piestat3_16 {
    clip: rect(0,80px,80px,40px);
    transform: rotate(180deg)
}

.cs-piestat4_16 {
    clip: rect(0,40px,80px,0);
    transform: rotate(108deg)
}

.cs-piestat1_17 {
    clip: rect(0,80px,80px,-10px);
    transform: rotate(0)
}

.cs-piestat2_17 {
    clip: rect(0,40px,80px,0);
    transform: rotate(180deg)
}

.cs-piestat3_17 {
    clip: rect(0,80px,80px,40px);
    transform: rotate(180deg)
}

.cs-piestat4_17 {
    clip: rect(0,40px,80px,0);
    transform: rotate(126deg)
}

.cs-piestat1_18 {
    clip: rect(0,80px,80px,-10px);
    transform: rotate(0)
}

.cs-piestat2_18 {
    clip: rect(0,40px,80px,0);
    transform: rotate(180deg)
}

.cs-piestat3_18 {
    clip: rect(0,80px,80px,40px);
    transform: rotate(180deg)
}

.cs-piestat4_18 {
    clip: rect(0,40px,80px,0);
    transform: rotate(144deg)
}

.cs-piestat1_19 {
    clip: rect(0,80px,80px,-10px);
    transform: rotate(0)
}

.cs-piestat2_19 {
    clip: rect(0,40px,80px,0);
    transform: rotate(180deg)
}

.cs-piestat3_19 {
    clip: rect(0,80px,80px,40px);
    transform: rotate(180deg)
}

.cs-piestat4_19 {
    clip: rect(0,40px,80px,0);
    transform: rotate(160deg)
}

.cs-piestat1_20 {
    clip: rect(0,80px,80px,-10px);
    transform: rotate(0)
}

.cs-piestat2_20 {
    clip: rect(0,40px,80px,0);
    transform: rotate(180deg)
}

.cs-piestat3_20 {
    clip: rect(0,80px,80px,40px);
    transform: rotate(180deg)
}

.cs-piestat4_20 {
    clip: rect(0,40px,80px,0);
    transform: rotate(180deg)
}

.cs-numberminus,.cs-numberplus {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    margin-top: -8px;
    color: #000;
    font-size: 10px;
    font-weight: 700
}

.cs-numberminus {
    margin-top: 16px;
    margin-left: -47px
}

.cs-numberplus {
    margin-top: 16px;
    margin-left: 11px;
    text-align: right
}

.cs-sidebar-item .cs-numberplus {
    width: 0
}

@media (min-width: 993px) and (max-width:1199px) {
    .cs-pie,.cs-pieinner2,.cs-pieinner3,.cs-pieinner4,.cs-piestat1_11,.cs-piggy {
        width:60px;
        height: 60px
    }

    .cs-piggy-inner {
        width: 50px;
        height: 50px
    }

    .cs-numberminus {
        margin-left: -38px
    }

    .cs-numberplus {
        margin-left: 30px;
        text-align: left
    }
}

.cs-toggle-content-button:active,.cs-toggle-content-button:hover,.cs-toggle-content-button:visited {
    cursor: pointer;
    color: #ef8a1b!important
}

.cs-toggle-content-button i {
    height: 13px;
    margin: 2px 2px -2px;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    overflow: hidden
}

.cs-toggle-content-button span {
    font-size: 11px;
    text-decoration: underline;
    white-space: nowrap
}

.cs-toggle-content {
    display: block;
    position: absolute;
    visibility: hidden
}

.cs-toggle-content a {
    color: #ef8a1b
}

.cs-toggle-content a:hover {
    text-decoration: underline
}

.cs-toggle-content.cs-toggle-active {
    position: relative;
    top: inherit;
    visibility: visible;
    padding: 5px 0
}

.cs-toggle-content li {
    margin-bottom: 0;
    line-height: 22px
}

.cs-tog-content-button {
    margin: -15px 25% 15px;
    text-align: center;
    cursor: pointer
}

.cs-tog-content-button:active,.cs-tog-content-button:hover,.cs-tog-content-button:visited {
    cursor: pointer;
    color: #ef8a1b!important
}

.cs-tog-content-button i {
    height: 13px;
    margin: 2px 2px -2px;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    overflow: hidden
}

.cs-tog-content-button span {
    white-space: nowrap
}

.cs-tog-content {
    display: none;
    visibility: hidden;
    height: 1px
}

.cs-tog-content a {
    color: #ef8a1b
}

.cs-tog-content a:hover {
    text-decoration: underline
}

.cs-tog-content.cs-tog-active {
    display: block;
    position: relative;
    top: inherit;
    visibility: visible;
    height: auto
}

.cs-tog-content li {
    margin-bottom: 0;
    line-height: 22px
}

.cs-pagination {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    padding: 15px 10px
}

.cs-pagination .btn i {
    padding: 4px;
    text-indent: 0
}

.cs-pagination ul {
    display: table;
    margin: auto;
    list-style: none
}

.cs-pagination .cs-pagination-prev ul {
    float: left
}

.cs-pagination .cs-pagination-next ul {
    float: right
}

.cs-pagination ul li {
    display: table-cell
}

.cs-pagination li .cs-pagination-item {
    display: block;
    margin: 0 3px;
    padding: 6px 10px;
    text-decoration: none;
    background: #fff
}

.cs-pagination .tinynav {
    display: none
}

.cs-pagination li .cs-pagination-item {
    border-radius: 50%;
    padding: 6px 12px;
    box-shadow: 0 0 4px 0 #9d9eabab
}

.cs-pagination li .cs-pagination-item:hover,.cs-pagination li.cs-pagination-item-active .cs-pagination-item {
    background: #ef8a1b;
    color: #fff;
    border: 1px solid #ef8a1b
}

@media (max-width: 767px) {
    .cs-pagination {
        padding:10px 5px
    }

    .cs-pagination .cs-pagination-next,.cs-pagination .cs-pagination-prev {
        display: none!important
    }
}

.cs-rating-widget {
    justify-content: center;
    height: 26px;
    margin: 18px 0 4px;
    padding: 0
}

.cs-sidebar-rating-stars {
    height: auto;
    width: 26px;
    cursor: pointer
}

.cs-ratings-vote::before,.cs-sidebar-rating-stars::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f005";
    font-size: 23px
}

.cs-sidebar-rating-stars::before {
    color: #999
}

.cs-ratings-over::before,.cs-ratings-vote::before {
    color: #ffd600
}

.cs-rating-bottom-text,.cs-rating-upper-text {
    font-size: 10px;
    line-height: 13px
}

@media (max-width: 992px) {
    .cs-rating-widget {
        margin:10px 20px 4px
    }
}

.royalSlider {
    width: 600px;
    height: 400px;
    position: relative;
    direction: ltr
}

.royalSlider>* {
    float: left
}

.rsWebkit3d .rsAbsoluteEl,.rsWebkit3d .rsBtnCenterer,.rsWebkit3d .rsContainer,.rsWebkit3d .rsOverflow,.rsWebkit3d .rsPreloader,.rsWebkit3d .rsSlide,.rsWebkit3d img {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)
}

.rsFade.rsWebkit3d .rsContainer,.rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img {
    -webkit-transform: none
}

.rsOverflow {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

.rsOverflow {
    float: left
}

.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent
}

.rsArrow {
    cursor: pointer
}

.rsArrow,.rsNav {
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0 linear .3s,opacity .3s linear;
    -moz-transition: visibility 0 linear .3s,opacity .3s linear;
    -o-transition: visibility 0 linear .3s,opacity .3s linear;
    transition: visibility 0 linear .3s,opacity .3s linear
}

.rsGCaption {
    width: 100%;
    float: left;
    text-align: center
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide {
    height: auto
}

.rsContent {
    width: 100%;
    height: 100%;
    position: relative
}

.rsPreloader {
    position: absolute;
    z-index: 0
}

.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none
}

.rsNavItem {
    -webkit-tap-highlight-color: rgba(0,0,0,.25)
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15;
    -webkit-backface-visibility: hidden
}

.grab-cursor {
    cursor: url('<?php echo base_url() ?>assets/home/imgs/grab.png') 8 8,move
}

.grabbing-cursor {
    cursor: url('<?php echo base_url() ?>assets/home/imgs/grabbing.png') 8 8,move
}

.rsNoDrag {
    cursor: auto
}

.rsCustom1 {
    width: 100%
}

.rsCustom1 img {
    width: 100%;
    height: 100%
}

.rsCustom1,.rsCustom1 .rsOverflow,.rsCustom1 .rsSlide {
    background: #e9e9e9
}

.rsCustom1 .rsArrow {
    height: 44px;
    width: 44px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 50;
    top: inherit!important;
    bottom: -47px!important
}

.rsCustom1.rsVer .rsArrow {
    width: 100%;
    height: 44px
}

.rsCustom1.rsVer .rsArrowLeft {
    top: 0;
    left: 0
}

.rsCustom1.rsVer .rsArrowRight {
    bottom: 0;
    left: 0
}

.rsCustom1.rsHor .rsArrowLeft {
    left: 0;
    top: 0
}

.rsCustom1.rsHor .rsArrowRight {
    right: 0;
    top: 0
}

.rsCustom1 .rsArrowIcn {
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -16px;
    position: absolute;
    cursor: pointer;
    background: url('<?php echo base_url() ?>assets/home/imgs/rs-custom.png')
}

.rsCustom1 .rsArrow:hover .rsArrowIcn {
    opacity: 1
}

.rsCustom1.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -64px -32px
}

.rsCustom1.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -64px -64px
}

.rsCustom1.rsVer .rsArrowLeft .rsArrowIcn {
    background-position: -96px -32px
}

.rsCustom1.rsVer .rsArrowRight .rsArrowIcn {
    background-position: -96px -64px
}

.rsCustom1 .rsArrowDisabled {
    opacity: .2
}

.rsCustom1 .rsBullets {
    position: relative;
    width: 100%;
    height: 44px;
    margin: 2px auto 0;
    padding: 0;
    text-align: center;
    line-height: 5px;
    overflow: hidden;
    background: #313131;
    z-index: 35
}

.rsCustom1 .rsBullet {
    width: 13px;
    height: 13px;
    display: inline-block;
    padding: 14px 9px 6px
}

.rsCustom1 .rsBullet:nth-child(n+11) {
    display: none
}

.rsCustom1 .rsBullet span {
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #fff;
    cursor: pointer
}

.rsCustom1 .rsBullet.rsNavSelected span {
    background-color: #ef8a1b;
    border: 1px solid #fff
}

.rsCustom1 .rsTmb {
    display: block
}

.rsCustom1 .rsTmb h5 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 20px;
    color: #fff
}

.rsCustom1 .rsTmb span {
    color: #ddd;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 18px
}

.rsCustom1 .rsPlayBtn {
    -webkit-tap-highlight-color: rgba(0,0,0,.3);
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    cursor: pointer
}

.rsCustom1 .rsPlayBtnIcon {
    width: 64px;
    display: block;
    height: 64px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background-color: #383838;
    background-color: rgba(0,0,0,.75)
}

.rsCustom1 .rsPlayBtn:hover .rsPlayBtnIcon {
    background-color: rgba(0,0,0,.9)
}

.rsCustom1 .rsBtnCenterer {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px
}

.rsCustom1 .rsPreloader {
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px
}

.rsCustom1 .rsGCaption {
    position: absolute;
    float: none;
    bottom: 6px;
    left: 6px;
    text-align: left;
    background: #222;
    color: #fff;
    padding: 2px 8px;
    width: auto;
    font-size: 12px;
    border-radius: 2px
}

.rsCustom1 .bContainer {
    height: 100%
}

@media (min-width: 768px) {
    .cs-slider-teaser-preview {
        display:none
    }
}

@media (min-width: 768px) and (max-width:992px) {
    .cs-slides-teaser-5 .cs-slider-teaser-preview-img {
        width:60px;
        margin: 4px 25%
    }

    .cs-slider-teaser-preview-li {
        height: 20%
    }
}

@media (max-width: 767px) {
    .cs-slider-teaser-slides {
        width:100%
    }

    .cs-slider-teaser-preview {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
        border-top: 1px solid #c5cacb;
        border-right: 1px solid #c5cacb
    }

    .cs-slider-teaser-preview-img {
        display: block;
        margin: 0 auto 3px
    }

    .js-teaser-image>a>img {
        height: auto
    }
}

.cs-slider-teaser-preview-item {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%
}

.cs-slider-teaser-preview-item-a {
    display: block;
    width: 100%;
    height: 100%
}

.cs-slider-teaser-preview-img,.cs-slider-teaser-preview-item {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    transition-delay: 0
}

.cs-slider-banner-block {
    display: block
}

#ImagesModal.modal-backdrop {
    z-index: 19500
}

#ImagesModal.modal {
    z-index: 20000
}

#ImagesModal .modal-body {
    padding: 15px 10px;
    text-align: center
}

#ImagesModal .modal-header {
    padding: 2px 15px
}

#ImagesModal .modal-header .close {
    position: inherit;
    margin-top: 0
}

.cs-images-modal-current-image {
    border-radius: 2px
}

.cs-images-modal-prev-next-relative {
    position: relative
}

.cs-images-modal-next,.cs-images-modal-prev {
    position: absolute;
    width: 40%;
    top: 0;
    padding-top: 45%;
    padding-bottom: 45%;
    cursor: pointer
}

.cs-images-modal-next i,.cs-images-modal-prev i {
    color: #fff;
    font-size: 2.5em!important;
    transition: opacity .75s ease 0s;
    text-shadow: 1px 2px 6px rgba(0,0,0,.75)!important;
    opacity: 1
}

.cs-images-modal-next i:hover,.cs-images-modal-prev i:hover {
    text-shadow: 1px 2px 6px #000!important
}

.cs-images-modal-prev {
    left: 0;
    text-align: left
}

.cs-images-modal-next {
    right: 0;
    text-align: right
}

.cs-toc {
    float: left;
    margin: 20px 25px 15px 0;
    border: 1px #e4e4e4 solid;
    padding: 10px 20px;
    background-color: #f9f9f9;
    border-radius: 4px
}

.cs-toc-headline {
    font-size: 1.5rem;
    line-height: 1.7rem
}

.cs-toc-ul {
    margin-left: 18px;
    list-style-type: square
}

.cs-toc-li {
    line-height: 1.4rem!important
}

.cs-toc-a {
    color: #313131!important;
    border-bottom: none!important
}

.cs-toc-a:hover {
    color: #ef8a1b!important;
    border-bottom: none
}

.cs-toc-level-1 {
    font-size: 1rem
}

.cs-toc-level-2 {
    margin-left: 10px;
    font-size: .95rem;
    list-style: circle
}

.cs-toc-level-3 {
    margin-left: 20px;
    font-size: .9rem
}

@media (min-width: 993px) {
    .cs-toc {
        width:40%
    }
}

@media (max-width: 992px) {
    .cs-toc {
        width:100%;
        margin: 5px 25px 20px 0;
        padding: 10px 4%
    }
}

@media (max-width: 768px) {
    .cs-toc-headline {
        font-size:1.2rem;
        line-height: 1.4rem
    }
}

.cs-cookie-banner {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    padding: 8px 25px;
    color: #5c5154;
    border-top: 1px solid #d1d1d1;
    background: #f7f7f7;
    z-index: 110
}

.cs-cookie-banner p {
    margin: 10px 0 0 0
}

.cs-cookie-banner a,.cs-cookie-banner a:hover,.cs-cookie-banner a:visited {
    color: #e86049;
    transition: .2s color
}

.cs-cookie-banner a:hover {
    text-decoration: underline;
    color: #e86049
}

.cs-cookie-banner-btn {
    cursor: pointer
}

.cs-cookie-banner-btn,.cs-cookie-banner-btn:visited {
    float: right;
    width: 33%;
    max-width: 120px;
    margin-left: 10px;
    padding: 8px 0;
    border-radius: 5px;
    color: #3f3f3f;
    font-size: 1em;
    text-align: center;
    background: #ddd
}

.cs-cookie-banner-btn:hover {
    background: #c3c3c3;
    color: #fff;
    text-decoration: none
}

@media (max-width: 767px) {
    .cs-cookie-banner {
        padding:8px 12px
    }

    .cs-cookie-banner p {
        margin: 0;
        font-size: 9px;
        line-height: 15px
    }

    .cs-cookie-banner-btn,.cs-cookie-banner-btn:visited {
        font-size: 11px;
        line-height: 17px
    }
}

@media (min-width: 768px) {
    .cs-sem-page .container {
        width:724px
    }
}

@media (min-width: 885px) {
    .cs-sem-page .container {
        width:855px
    }
}

.cs-sem-page .cs-sem-h1 {
    margin-top: 0;
    font-size: 1.5rem
}

.cs-sem-page .cs-sem-h2 {
    font-size: .95rem
}

.cs-sem-page .cs-content-intro {
    display: none
}

cs.sem-page .cs-merchant-teaser {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .cs-sem-page .cs-header-searchblock input.cs-field-search {
        width:86%
    }

    .cs-sem-page .cs-header-searchblock button {
        width: 14%
    }
}

.cs-sem-page .cs-sem-tab {
    justify-content: space-between;
    align-content: stretch
}

.cs-sem-alert {
    width: 67%
}

.cs-sem-alert .cs-couponalert-box {
    padding: 20px
}

.cs-sem-alert .cs-couponalert-input-email {
    width: 60%
}

.cs-sem-alert .cs-couponalert-input-sign {
    width: 37%;
    margin-left: 2%
}

.cs-sem-alert-ad {
    width: 30%;
    margin-bottom: 25px;
    padding: 15px 20px;
    text-align: center;
    border: 1px solid #ef8a1b;
    background: #fff
}

.cs-sem-alert-ad iframe {
    max-width: 220px!important
}

.cs-sem-alert-h3 {
    margin-top: 5px;
    color: #313131;
    font-size: 1.1rem;
    line-height: 1.3rem
}

.cs-sem-alert-img {
    text-align: center
}

.cs-sem-alert-text {
    padding-left: 15px
}

@media (max-width: 884px) {
    .cs-sem-alert {
        width:63%
    }

    .cs-sem-alert .cs-couponalert-input-email {
        width: 52%
    }

    .cs-sem-alert .cs-couponalert-input-sign {
        width: 45%;
        margin-left: 2%
    }

    .cs-sem-alert-ad {
        width: 34%
    }

    .cs-sem-alert-ad iframe {
        max-width: 200px!important
    }
}

@media (max-width: 767px) {
    .cs-sem-alert {
        width:100%
    }

    .cs-sem-page .cs-sem-alert {
        padding-right: 0
    }

    .cs-sem-brand img {
        max-width: 240px
    }

    .cs-sem-headline {
        margin-top: 25px;
        margin-bottom: -10px
    }

    .cs-sem-alert-h3 {
        margin-top: 0
    }

    .cs-sem-alert-img {
        margin: 5px 0
    }

    .cs-sem-alert .cs-couponalert-subheadline {
        margin-bottom: 15px
    }

    .cs-sem-alert .cs-couponalert-input-email {
        width: 58%
    }

    .cs-sem-alert .cs-couponalert-input-sign {
        width: 39%;
        margin-left: 2%
    }

    .cs-sem-alert .cs-newsletter-star {
        margin-top: 0
    }
}

@media (max-width: 560px) {
    .cs-sem-alert .cs-couponalert-input-email {
        width:100%
    }

    .cs-sem-alert .cs-couponalert-input-sign {
        width: 100%;
        margin-left: 0
    }
}

.cs-sem-content .cs-intro-text-p {
    padding-right: 15px
}

.cs-sem-content .cs-category-icon {
    float: left;
    margin: 8px 10px 5px 0
}

.cs-sem-content .cs-mer-h1 {
    margin: 15px 0 10px 25px
}

@media (max-width: 767px) {
    .cs-sem-content .cs-mer-h1 {
        margin:10px 0 5px
    }
}

.cs-sem-content .cs-newsletter-facts {
    padding-right: 20px
}

.cs-newsletter-facts .cs-content-h4 {
    margin-top: 0
}

@media (max-width: 767px) {
    .cs-sem-content .cs-newsletter-facts {
        padding-right:0;
        padding-bottom: 20px
    }

    .cs-sem-content .cs-c4u-box-style-2 {
        padding: 15px
    }
}

.cs-sem-footer .cs-footer-item {
    min-height: 45px!important
}

.cs-sem-footer .cs-footer-item-service {
    width: 42%
}

.cs-sem-footer .cs-footer-item-comp {
    width: 33%
}

.cs-sem-footer .cs-footer-item:nth-child(3) {
    border-right: none
}

.cs-sem-footer .cs-footer-copy {
    text-align: center
}

.cs-sem-footer .cs-footer-item-social {
    padding-top: 3px
}

@media (max-width: 767px) {
    .cs-sem-footer .cs-footer-item-comp,.cs-sem-footer .cs-footer-item-service,.cs-sem-footer .cs-footer-item-social {
        width:100%;
        margin-bottom: 3px;
        margin-top: 0
    }
}

.cs-agsem-coupon-large-box .cs-coupon-box {
    margin-bottom: 15px
}

.cs-agsem-coupon-large-box .cs-coupon-box:hover {
    box-shadow: 0 0 3px #ef8a1b
}

.cs-agsem-coupons {
    padding-right: 25px
}

.cs-agsem-coupon {
    align-items: center
}

.cs-agsem-h1 {
    margin-bottom: 20px;
    font-size: 1.3rem;
    line-height: 1.4rem
}

.cs-agsem-coupon-box .cs-agsem-h1 {
    margin-top: 20px
}

.cs-agsem-logo-container {
    padding: 10px;
    text-align: center
}

.cs-agsem-coupon-info {
    margin: 2px 0;
    padding: 10px;
    border-left: 2px dashed #ef8a1b
}

.cs-agsem-mer {
    float: left;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size: .7rem
}

.cs-agsem-label {
    float: left;
    padding-bottom: 5px;
    color: red;
    font-size: .7rem;
    -webkit-animation-name: agsemblinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: agsemblinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: agsemblinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@-moz-keyframes agsemblinker {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes agsemblinker {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes agsemblinker {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.cs-agsem-coupon-title {
    align-items: center;
    min-height: 38px;
    font-size: .9rem;
    line-height: 1.2rem
}

.cs-agsem-coupon-cta {
    padding: 10px 15px 10px 0
}

.cs-agsem-coupon-cta .cs-coupon-btn {
    padding: 4px 2px
}

.cs-agsem-coupon-cta .cs-coupon-btn .cs-coupon-btn-i {
    padding-left: 6px;
    font-size: 12px
}

.cs-agsem-mer-box {
    flex-wrap: wrap
}

.cs-agsem-mer-box-logo {
    margin-bottom: 17px;
    text-align: center;
    cursor: pointer
}

.cs-agsem-outer-box {
    margin-top: 61px
}

@media (min-width: 993px) {
    .cs-agsem-label {
        line-height:.9rem
    }

    .cs-agsem-mer {
        padding-right: 10px;
        line-height: .9rem
    }
}

@media (min-width: 993px) and (max-width:1199px) {
    .cs-agsem-mer-box-logo {
        padding:0 5px
    }

    .cs-agsem-outer-box {
        margin-top: 84px
    }
}

@media (min-width: 768px) and (max-width:992px) {
    .cs-agsem-h1 {
        font-size:1.2rem
    }

    .cs-agsem-coupon-cta .cs-coupon-btn {
        padding: 3px 0;
        font-size: .7rem
    }

    .cs-agsem-coupon-cta .cs-coupon-btn .cs-coupon-btn-i {
        font-size: 10px;
        padding-left: 1px
    }

    .cs-agsem-outer-box {
        margin-top: 84px
    }

    .cs-agsem-mer-box-logo:nth-child(1n) {
        padding-right: 5px
    }

    .cs-agsem-mer-box-logo:nth-child(2n) {
        padding-left: 5px;
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .cs-agsem-h1 {
        font-size:1.1rem
    }

    .cs-agsem-coupon-box .cs-agsem-h1 {
        margin-top: 0
    }

    .cs-agsem-coupons {
        padding-right: 0
    }

    .cs-agsem-coupon-title {
        min-height: auto
    }

    .cs-agsem-coupon-info {
        border-left: 0
    }

    .cs-agsem-coupon-cta,.cs-agsem-coupon-info {
        padding: 0 10px 10px
    }

    .cs-agsem-coupon-cta .cs-coupon-btn {
        padding: 8px 14px
    }

    .cs-agsem-coupon .cs-coupon-btn cs-coupon-btn-i {
        font-size: 11px;
        padding-left: 1px
    }

    .cs-agsem-outer-box {
        margin-top: 25px
    }

    .cs-agsem-mer-box-logo:nth-child(1n) {
        padding-right: 5px
    }

    .cs-agsem-mer-box-logo:nth-child(2n) {
        padding-left: 5px;
        padding-right: 0
    }
}

.cs-competition-slider {
    width: 100%
}

.cs-competition-slider img {
    width: 100%;
    height: 100%
}

.cs-competition-slider,.cs-competition-slider .rsOverflow,.cs-competition-slider .rsSlide,.cs-competition-slider .rsThumbs,.cs-competition-slider .rsVideoFrameHolder {
    background: #e9e9e9;
    color: #fff
}

.cs-competition-slider .rsArrow {
    display: block;
    position: absolute;
    height: 44px;
    width: 44px;
    top: inherit!important;
    bottom: -47px!important;
    cursor: pointer;
    z-index: 50
}

.cs-competition-slider.rsVer .rsArrow {
    width: 100%;
    height: 44px
}

.cs-competition-slider.rsVer .rsArrowLeft {
    top: 0;
    left: 0
}

.cs-competition-slider.rsVer .rsArrowRight {
    bottom: 0;
    left: 0
}

.cs-competition-slider.rsHor .rsArrowLeft {
    left: 0;
    top: 0
}

.cs-competition-slider.rsHor .rsArrowRight {
    right: 0;
    top: 0
}

.cs-competition-slider .rsArrowIcn {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    border-radius: 2px;
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    background: url('<?php echo base_url() ?>assets/home/imgs/rs-custom.png');
    cursor: pointer
}

.cs-competition-slider .rsArrow:hover .rsArrowIcn {
    opacity: 1
}

.cs-competition-slider.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -64px -32px
}

.cs-competition-slider.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -64px -64px
}

.cs-competition-slider.rsVer .rsArrowLeft .rsArrowIcn {
    background-position: -96px -32px
}

.cs-competition-slider.rsVer .rsArrowRight .rsArrowIcn {
    background-position: -96px -64px
}

.cs-competition-slider .rsArrowDisabled .rsArrowIcn {
    opacity: .1!important
}

.cs-competition-slider .rsBullets {
    position: absolute;
    width: auto;
    bottom: 0;
    left: 10px;
    height: 44px;
    padding: 0;
    text-align: center;
    line-height: 5px;
    overflow: hidden;
    z-index: 35
}

.cs-competition-slider .rsBullet {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 14px 5px 6px
}

.cs-competition-slider .rsBullet span {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #fff;
    cursor: pointer
}

.cs-competition-slider .rsBullet.rsNavSelected span {
    border: 2px solid #fff;
    background-color: #000
}

.cs-competition-slider .rsPreloader {
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px
}

.cs-competition-slider .rsGCaption {
    position: absolute;
    float: none;
    width: auto;
    bottom: 6px;
    left: 6px;
    padding: 2px 8px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    border-radius: 2px;
    background: #222
}

.cs-competition-slider .bContainer {
    height: 100%
}

.cs-competitions-teaser {
    position: relative
}

.cs-competition-form {
    position: absolute;
    width: 490px;
    height: 100%;
    right: 0;
    top: 0;
    padding: 0 20px 15px;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(223,223,223,.89);
    z-index: 5
}

.cs-competition-h1 {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 1.7rem;
    color: #242b2c
}

#cs-competitions-form-inputs {
    margin-bottom: 5px;
    text-align: center
}

.cs-competitions-form-input-item {
    display: inline-block;
    float: none;
    width: 300px;
    margin: 0 0 10px 0
}

.cs-competition-form [type=checkbox] {
    width: 18px;
    height: 18px
}

.cs-competition-checkbox {
    float: left
}

.cs-competition-checkbox-label {
    float: left;
    width: 90%;
    padding-left: 10px
}

.cs-competition-form-info-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 5px;
    line-height: 16px;
    text-align: left;
    border-radius: 3px;
    background: rgba(255,255,255,.7)
}

.cs-competition-info-past {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 24px
}

.cs-competition-form-info-box .cs-competition-checkbox-label {
    margin-left: 3px!important;
    padding: 3px 5px 5px
}

.cs-competition-form .cs-flat-btn-grey {
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px
}

.cs-competition-condition {
    margin: 10px 0
}

.cs-competition-condition-link {
    text-decoration: underline
}

.cs-competition-facebook-btn {
    width: 300px;
    margin-bottom: 10px;
    color: #fff;
    border: 2px solid #1b3369;
    background: #38518a;
    background: -moz-linear-gradient(top,#6175a2 0,#38518a 50%,#38518a 50%,#38518a 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#6175a2),color-stop(50%,#38518a),color-stop(50%,#38518a),color-stop(100%,#38518a));
    background: -webkit-linear-gradient(top,#6175a2 0,#38518a 50%,#38518a 50%,#38518a 100%);
    background: -o-linear-gradient(top,#6175a2 0,#38518a 50%,#38518a 50%,#38518a 100%);
    background: -ms-linear-gradient(top,#6175a2 0,#38518a 50%,#38518a 50%,#38518a 100%);
    background: linear-gradient(to bottom,#6175a2 0,#38518a 50%,#38518a 50%,#38518a 100%);
    transition: background .6s linear
}

.cs-competition-facebook-btn i {
    margin-right: 10px;
    font-size: 21px;
    vertical-align: sub
}

.cs-competition-facebook-btn:hover {
    color: #fff;
    border: 2px solid #1b3369;
    background: #26417e
}

.cs-competitions-form-input-item {
    height: 30px!important;
    width: 300px
}

.cs-competition-date {
    margin-top: 10px
}

.cs-competition-iframe-container {
    margin: 20px 0
}

@media (min-width: 1200px) {
    .cs-competition-form {
        width:501px;
        min-height: 610px
    }

    .cs-competition-h1 {
        font-size: 1.35rem
    }
}

@media (min-width: 993px) and (max-width:1199px) {
    .cs-competition-form {
        min-height:491px
    }

    .cs-competition-h1 {
        font-size: 1.25rem;
        line-height: 1.4rem
    }
}

@media (min-width: 768px) and (max-width:992px) {
    .cs-competition-h1 {
        font-size:1.15rem;
        line-height: 1.3rem
    }

    .cs-competition-form {
        width: 360px
    }
}

@media(min-width: 768px) {
    .cs-competition-form button.btn.cs-button-black {
        width:300px!important
    }
}

@media (max-width: 767px) {
    .cs-competition-slider .rsBullets {
        position:relative
    }

    .cs-competition-form {
        position: relative!important;
        width: 100%!important;
        margin-top: 10px!important;
        padding: 10px
    }

    .cs-competition-h1 {
        margin-top: 10px;
        color: #313131;
        font-size: 1.15rem;
        line-height: 1.3rem
    }

    #cs-competitions-form-inputs {
        width: 100%;
        margin-top: 10px
    }

    .cs-competitions-form-input-item {
        width: 100%
    }
}

@media (max-width: 360px) {
    .cs-competition-facebook-btn {
        width:100%
    }

    .cs-competition-form button.btn.cs-button-black {
        width: 100%!important
    }
}

@media (min-width: 768px) {
    .cs-competition-form-done input,.cs-competition-form-done select {
        float:left;
        height: 30px!important
    }

    .cs-competition-form-done .cs-competition-salutation {
        width: 17%;
        margin-right: 1%
    }

    .cs-competition-form-done .cs-competition-name {
        width: 40%;
        margin-right: 1%
    }

    .cs-competition-form-done .cs-competition-lname {
        width: 40%
    }

    .cs-competition-form-done .cs-competition-street {
        width: 30%;
        margin-right: 1%
    }

    .cs-competition-form-done .cs-competition-housenr {
        width: 15%;
        margin-right: 1%
    }

    .cs-competition-form-done .cs-competition-zip {
        width: 19%;
        margin-right: 1%
    }

    .cs-competition-form-done .cs-competition-town {
        width: 32%
    }

    .cs-competition-form-done .cs-competition-bday {
        float: left;
        margin-right: 1%;
        padding-right: 10px
    }

    .cs-competition-form-done .cs-competition-day {
        width: auto;
        margin-right: 1%
    }

    .cs-competition-form-done .cs-competition-month {
        width: auto;
        margin-right: 1%
    }

    .cs-competition-form-done .cs-competition-year {
        width: auto
    }
}

@media (max-width: 767px) {
    .cs-competition-form-done input,.cs-competition-form-done select {
        height:30px!important;
        margin-bottom: 15px!important
    }

    .cs-competition-form-done .cs-competition-bday,.cs-competition-form-done .cs-competition-day,.cs-competition-form-done .cs-competition-housenr,.cs-competition-form-done .cs-competition-lname,.cs-competition-form-done .cs-competition-month,.cs-competition-form-done .cs-competition-name,.cs-competition-form-done .cs-competition-salutation,.cs-competition-form-done .cs-competition-street,.cs-competition-form-done .cs-competition-town,.cs-competition-form-done .cs-competition-year,.cs-competition-form-done .cs-competition-zip {
        width: 100%
    }

    .cs-competition-form-done .cs-competition-day {
        width: auto;
        margin-right: 3%
    }

    .cs-competition-form-done .cs-competition-month {
        width: auto;
        margin-right: 3%
    }

    .cs-competition-form-done .cs-competition-year {
        width: auto
    }
}

.cs-form-input-container {
    position: relative;
    display: inline-block
}

.cs-form-input-container .cs-input,.cs-form-input-container .cs-select {
    width: 100%
}

.cs-form-label {
    padding-left: 3px;
    font-size: 12px;
    font-weight: 700
}

.cs-form-checkbox-label input[type=checkbox] {
    margin: 0!important
}

.cs-form-row {
    margin-bottom: 20px
}

.cs-label {
    float: left;
    width: 70px;
    padding-top: 5px
}

.cs-input {
    height: 30px!important
}

@media (max-width: 767px) {
    .cs-input {
        height:38px!important
    }
}

@media (min-width: 993px) {
    .flipper:hover .back {
        transform:rotateY(0)
    }

    .flipper:hover .front {
        transform: rotateY(180deg)
    }

    .flipper {
        position: relative
    }

    .back,.front {
        display: flex;
        align-items: center;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        transform-style: preserve-3d;
        width: 100%;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
        -ms-transition: .5s;
        height: 99%;
        height: -webkit-calc(100% - -1px);
        height: -moz-calc(100% - -1px);
        height: calc(100% - -1px);
        position: absolute;
        top: 0;
        left: 0
    }

    .front {
        z-index: 2;
        transform: rotateY(0)
    }

    .back {
        transform: rotateY(-180deg)
    }
}

.cs-jobs-main {
    padding-right: 30px
}

.cs-job-h1 {
    font-size: 32px!important;
    text-align: center
}

.cs-job-h2 {
    padding-bottom: 5px;
    color: #ef8a1b;
    text-align: center;
    overflow: hidden
}

.cs-job-h2 .cs-job-h2-span {
    position: relative
}

.cs-job-h2 .cs-job-h2-span::before {
    right: 100%;
    margin-right: 10px
}

.cs-job-h2 .cs-job-h2-span::after {
    left: 100%;
    margin-left: 10px
}

.cs-job-h2 .cs-job-h2-span::after,.cs-job-h2 .cs-job-h2-span::before {
    position: absolute;
    bottom: .58em;
    overflow: hidden;
    width: 1000px;
    height: 1px;
    content: "\a0";
    background-color: #ef8a1b
}

.cs-job-box {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto 25px;
    padding: 15px;
    box-shadow: 1px 1px 10px #999;
    background: #f7f7f7
}

.cs-job-headline {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 28px
}

.cs-job-type {
    color: #9e9e9e;
    font-size: 16px
}

.cs-job-icon {
    display: inline-block;
    margin: 0!important;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cs-job-icon:before {
    content: "\f08d";
    font-size: 20px;
    margin-right: 5px;
    margin-left: 5px
}

.cs-job-box-inner-right {
    align-self: center
}

.cs-job-box-inner-right .cs-button-grey {
    padding: 6px 12px
}

.cs-job-box-inner-right a {
    color: #313131
}

.cs-job-box-inner-right a:hover {
    color: #313131;
    text-decoration: none
}

.cs-job-more {
    width: 100%
}

.cs-job-more .cs-toggle-content-button {
    color: #313131
}

.cs-job-more .cs-toggle-content.cs-toggle-active {
    padding: 5px 15px;
    border-top: 1px solid #b2b2b2
}

@media (max-width: 767px) {
    .cs-job-h1 {
        font-size:22px!important
    }

    .cs-jobs-main {
        padding-right: 0
    }

    .cs-job-box {
        width: 100%
    }
}

.cs-shortcode {
    display: inline-block;
    width: 100%;
    margin: 20px 0
}

.cs-shortcode-display-code {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto
}

.cs-shortcode-expired .cs-coupon-btn {
    background: #868686!important
}

.cs-shortcode-expired .cs-coupon-btn:hover {
    opacity: .75!important
}

.cs-shortcode-expired .cs-coupon-btn-code::after {
    background: #868686
}

.cs-shortcode-expired .cs-coupon-btn:hover .cs-coupon-btn-code::after {
    background: #868686!important
}

.cs-shortcode-expired .cs-coupon-btn-code::before {
    background: rgba(0,0,0,0) linear-gradient(15deg,#333 0,#333 65%,rgba(107,176,40,0) 50%,rgba(255,255,255,0) 100%) no-repeat scroll 0 6px
}

@media (min-width: 768px) {
    .cs-m-cms-content .cs-shortcode {
        padding:0 35px
    }
}

@media (min-width: 993px) {
    .cs-m-cms-content .cs-shortcode {
        padding:0 100px
    }
}

@media (min-width: 1200px) {
    .cs-m-cms-content .cs-shortcode {
        padding:0 145px
    }
}

@media (max-width: 767px) {
    .cs-shortcode {
        margin:10px 0 30px
    }

    .navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top {
        margin-left: -20px;
        margin-right: -20px
    }

    .container-fluid {
        padding: 0
    }

    .dl-horizontal dt {
        float: none;
        clear: none;
        width: auto;
        text-align: left
    }

    .dl-horizontal dd {
        margin-left: 0
    }
}

@media (max-width: 480px) {
    input[type=checkbox],input[type=radio] {
        border:1px solid #ccc
    }

    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left
    }

    .form-horizontal .controls {
        margin-left: 0
    }
}

@media (min-width: 768px) and (max-width:992px) {
    .container,.navbar-fixed-bottom .container,.navbar-fixed-top .container,.navbar-static-top .container {
        width:724px
    }

    .uneditable-input,input,textarea {
        margin-left: 0
    }
}

@media (max-width: 992px) {
    .navbar-fixed-bottom,.navbar-fixed-top {
        position:static
    }

    .navbar-fixed-top {
        margin-bottom: 20px
    }

    .navbar-fixed-bottom {
        margin-top: 20px
    }

    .navbar-fixed-bottom .navbar-inner,.navbar-fixed-top .navbar-inner {
        padding: 5px
    }

    .navbar .container {
        width: auto;
        padding: 0
    }

    .navbar .brand {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 0 -5px
    }

    .navbar .btn-navbar {
        display: block
    }

    .navbar-static .navbar-inner {
        padding-left: 10px;
        padding-right: 10px
    }
}

a[rel=tooltip]:active,a[rel=tooltip]:link,a[rel=tooltip]:visited {
    color: #ef8a1b;
    text-decoration: underline;
    outline: 0
}

a[rel=tooltip]:hover {
    color: #000;
    text-decoration: underline
}

blockquote {
    color: #666;
    margin-left: 55px;
    position: relative;
    display: block
}

blockquote i {
    background: 0 0!important;
    color: #ccc;
    font-size: 1.2em;
    line-height: .7em
}

blockquote i.icon-comment {
    position: absolute;
    left: -70px;
    top: 50%;
    font-size: 3.5em;
    margin-top: -20px;
    color: #eee
}

blockquote i.icon-quote-left-1 {
    margin-right: 8px
}

.alert .btn {
    margin-right: 5px
}

fieldset,form {
    margin: 0;
    padding: 0
}

@media (min-width: 768px) and (max-width:992px) {
    #textTab1,#textTab2,#textTab3 {
        min-height:653px;
        overflow: auto
    }
}

.checkbox-label {
    width: 90%!important
}

.cs-alert-h {
    font-size: 1rem;
    line-height: 1.3rem
}

.cs-alert-error {
    -moz-box-shadow: 0 2px 10px #b4b4b4;
    -webkit-box-shadow: 0 2px 10px #b4b4b4;
    box-shadow: 0 2px 15px #b4b4b4
}

.cs-alert-error a,.cs-alert-info a {
    color: #ef8a1b;
    white-space: nowrap;
    text-decoration: underline
}

.cs-alert-info {
    -moz-box-shadow: 0 2px 10px #b4b4b4;
    -webkit-box-shadow: 0 2px 10px #b4b4b4;
    box-shadow: 0 2px 15px #b4b4b4
}

.cs-alert-info .close {
    text-shadow: 0 1px 0 #000;
    font-size: 30px!important;
    opacity: 1
}

.cs-alert-info p {
    margin: 0
}

.cs-alert-error i,.cs-alert-info i {
    float: left;
    margin-right: 15px;
    font-size: 25px;
    line-height: 21px;
    color: #ef8a1b
}

@media (max-width: 767px) {
    .cs-alert-error i,.cs-alert-info i {
        margin-left:7px;
        margin-top: 8px
    }
}

.ad4mat {
    text-align: center
}

.cs-fourmat-dummy img {
    margin: 20px auto
}

.sharester-button img {
    opacity: .4;
    margin: 0
}

.sharester-button img:hover {
    cursor: pointer;
    opacity: 1
}

.cs_cl_link {
    margin-left: 10px;
    text-decoration: underline!important
}

.cs-c4u-gmbh-link {
    color: #313131!important
}

.cs-optin-done-img {
    float: left;
    margin: 0 20px 15px 15px!important
}

.cs-no-sidebar .cs-optin-done-img {
    margin: 0 20px 15px 15%!important
}

.cs-optin-done h1 {
    margin-top: 10px
}

.cs-optin-done h1 .cs-optin-h-2 {
    font-size: 1.3rem
}

@media (max-width: 767px) {
    .cs-optin-done {
        text-align:center
    }

    .cs-optin-done-img {
        float: none;
        margin: 0 10px 10px 0!important
    }

    .cs-optin-done h1 {
        margin-top: 0;
        font-size: 1.6rem
    }

    .cs-optin-done h1 .cs-optin-h-2 {
        font-size: 1.2rem;
        line-height: 1.5rem!important
    }
}

.cs-c4u-gmbh-link:hover {
    color: #ef8a1b!important
}

@media (min-width: 768px) {
    .cs-optout-done {
        display:flex;
        align-items: center
    }

    .cs-optout-done .cs-optin-done-img {
        margin-bottom: 0!important
    }
}

.instagram {
    margin: 20px 0;
    width: 350px
}

.src ul {
    font-style: italic;
    opacity: .8
}

.src a {
    word-break: break-all
}

@media (max-width: 767px) {
    .src a {
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.cs-printout {
    display: inline-block;
    width: 100%
}

.cs-printout .cs-column-4 {
    float: left;
    margin-right: 4%
}

@media (min-width: 993px) {
    .cs-printout .cs-column-4:nth-child(4n) {
        margin-right:0
    }
}

@media (min-width: 768px) and (max-width:992px) {
    .cs-printout .cs-column-4 {
        margin-right:3%
    }

    .cs-printout .cs-column-4:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .cs-printout .cs-column-4:nth-child(2n) {
        margin-right:0
    }
}

.anker {
    height: 0;
    visibility: hidden
}

a.anchor {
    display: block;
    position: relative;
    top: -40px;
    visibility: hidden
}

@media (max-width: 767px) {
    a.anchor {
        top:-60px
    }
}

@media (max-width: 400px) {
    .codeleft,.coderight {
        float:none
    }
}

@media (max-width: 480px) {
    .instagram {
        margin:20px 0;
        width: 100%
    }
}

@media (max-width: 767px) {
    .src {
        overflow:hidden
    }
}

#tariff {
    top: -27px;
    position: relative
}

.tariff_calc {
    max-width: 768px;
    margin-bottom: 25px;
    border: 1px solid #ddd
}

#TariffCalculatorTab {
    margin-left: 0
}

.c24pp1.c24pp2.c24pp3.c24package button.c24package-submit {
    margin-top: 10px!important;
    padding: 4px!important
}

@media (max-width: 1200px) {
    .c24pp1.c24pp2.c24pp3.c24package div.c24package-logo {
        width:82px!important;
        height: 19px!important;
        margin-top: 10px!important;
        background-size: cover
    }
}

.cs-page-btn {
    margin-top: 20px;
    text-align: center
}

.cs-page-btn a {
    max-width: 150px;
    background: #313131;
    padding: 10px 15px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none
}

.cs-page-btn a:hover {
    color: #fff;
    background: #7d7d7d;
    text-decoration: none
}

.cs-content-block .span24 {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    clear: both
}

.cs-content-block .span12 {
    float: left;
    width: 50%;
    margin-left: 0
}

.cs-content-block .span12 p {
    padding-right: 15px
}

.cs-content-block .span8 {
    float: left;
    width: 31.7%;
    margin-left: 0
}

.cs-content-block ol .span8 {
    float: left;
    width: 29.1%;
    margin-left: 2.2%;
    margin-right: 2%
}

.cs_break.cs_h15 {
    height: 15px;
    clear: both
}

@media(max-width: 992px) {
    .cs-content-block ol .span8 {
        float:none;
        width: 91%;
        margin-left: 9%;
        margin-right: 0
    }

    .cs-content-block ul .span8 {
        float: none;
        width: 95%;
        margin-left: 5%;
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .cs-content-block .span12 {
        width:100%;
        margin-left: 0
    }

    .cs-content-block .span12 p {
        padding-right: 0
    }

    .cs-content-block .span8 {
        float: none;
        width: 100%;
        margin-right: 0
    }
}

ul.cs-text-table,ul.cs-text-table-2,ul.cs-text-table-3 {
    margin: 15px 0 5px;
    display: flex;
    flex-wrap: wrap
}

.cs-text-table li,.cs-text-table-2 li,.cs-text-table-3 li {
    margin-left: 3%
}

.cs-text-table li {
    width: 97%
}

.cs-text-table-2 li {
    width: 47%
}

.cs-text-table-3 li {
    width: 30.33333334%
}

@media(max-width: 992px) {
    .cs-text-table-3 li {
        width:47%
    }
}

@media (max-width: 767px) {
    .cs-text-table-2 li,.cs-text-table-3 li {
        width:97%
    }
}

.cs_highlight_1 {
    color: #ef8a1b!important
}

.cs_break {
    clear: both
}

@media (min-width: 768px) {
    .hidden-desktop {
        display:none!important
    }
}

@media (max-width: 767px) {
    .hidden-phone {
        display:none!important
    }
}

.cs-content-intro .normal {
    display: inline-block;
    padding-left: 10px;
    text-decoration: underline;
    white-space: nowrap
}

.cs-content-intro .normal i {
    text-decoration: underline;
    margin-left: -5px;
    font-size: 13px
}

.cs-special-overview img {
    margin: 0
}

.cs-special-overview-pic {
    padding-right: 15px
}

@media (max-width: 767px) {
    .cs-special-overview img {
        margin-bottom:15px;
        padding-right: 0
    }

    .cs-special-overview-pic {
        text-align: center
    }
}

.tl-ext {
    display: inline-block;
    color: #ef8a1b
}

.tl-ext:hover {
    text-decoration: underline;
    cursor: pointer
}

@media (max-width: 767px) {
    .cs-deals-content .cs-content-h1 {
        margin-bottom:0
    }
}

@media (max-width: 1520px) {
    .img_overlap {
        display:none
    }
}

.navbar-collapse {
    transition: 0ms ease;
    overflow: hidden
}

.collapsing {
    transition: 0ms ease;
    overflow: hidden
}

.collapse.in {
    overflow: visible!important
}

.cs-calender-form {
    border: 2px solid #ef8a1b;
    border-radius: 7px;
    padding: 15px 25px;
    margin-bottom: 20px
}

.cs-calender-form.cs-calender-small {
    padding: 0 5px;
    margin-bottom: 0;
    border: none
}

.cs-calender-form-headline {
    padding-bottom: 15px;
    font-size: 1.3rem;
    line-height: 1.7rem
}

.cs-calender-small .cs-calender-form-headline {
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px
}

.cs-calender-form input,.cs-calender-form select {
    height: 35px;
    margin-bottom: 15px;
    padding-left: 10px;
    border: none;
    box-shadow: inset 0 0 15px #d8d8d8;
    background: #eee
}

.cs-calender-small select {
    padding-left: 3px
}

.cs-calender-form input::placeholder {
    color: #313131
}

.cs-calender-form .cs-newsletter-btn {
    float: right;
    margin: 0
}

.special-content-text h3:first-child {
    margin-top: 10px
}

.s-lp-content {
    margin-top: 15px
}

.cs-privacy {
    padding: 20px 25px;
    background: #fff
}

.cs-tradpoo-row {
    padding: 10px 0
}

.cs-tradpoo-row h3 {
    margin-top: 25px!important;
    line-height: 30px
}

.cs-tradpoo-opt {
    padding: 0 25px
}

.cs-tradpoo-opt-pos {
    float: right
}

.cs-tradpoo-btn {
    display: inline-block;
    width: 90px;
    height: 28px;
    padding: 4px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border: 1px solid;
    border-radius: 25px;
    box-shadow: 3px 2px 3px #999;
    cursor: pointer
}

.cs-tradpoo-enabled {
    color: #313131;
    border-color: #313131
}

.cs-tradpoo-disabled {
    color: red;
    border-color: #313131
}

@media (max-width: 767px) {
    .cs-tradpoo-opt {
        padding:0
    }
}

.cs-qa-box {
    margin-bottom: 25px;
    padding: 15px 15px 5px;
    border: 1px solid #cacaca
}

.cs-qa-box.cs-cashback-wrapper {
    display: inline-block;
    padding: 15px 15px 10px;
    width: 100%
}

.cs-qa-box h3 {
    padding-left: 30px
}

.cs-qa-box-h {
    padding-left: 20px;
    font-weight: 700
}

.cs-qa-box i {
    margin-left: -30px;
    margin-right: 10px;
    color: #ef8a1b
}

.cs-qa-box-h i {
    font-size: 18px
}

.cs-qa-box ol {
    margin: 7px 0 5px 25px
}

.cs-qa-box li {
    margin-bottom: 5px;
    line-height: 1.4rem
}

@media(min-width: 580px) {
    .cs-qa-box.cs-cashback-wrapper {
        max-width:400px
    }
}

@media(max-width: 767px) {
    .cs-qa-box i,.cs-qa-box-h i {
        font-size:14px
    }
}

#coupon-count-titletail {
    display: none
}

@media (max-width: 767px) {
    .cp-de-wrapper #cp-de-cart-items,.cp-de-wrapper #cp-de-toolbar-cart-savings,.cp-de-wrapper #cp-de-toolbar-cart-savings-amount {
        display:none
    }
}

@media (max-width: 450px) {
    .cp-de-wrapper #cp-de-toolbar-image {
        float:none!important;
        display: none!important
    }

    .cp-de-wrapper #cp-de-toolbar-counter-title {
        float: none!important
    }
}

.cp-de-wrapper .toolbar {
    top: 43px!important;
    backface-visibility: #fff;
    padding-top: 6px;
    padding-bottom: 2px
}

.cp-de-wrapper #cp-de-toolbar-cart-print:before {
    content: "JETZT DRUCKEN"!important
}

@media (max-width: 1199px) and (min-width:993px) {
    .cs-cza-widget .cp-de-wrapper #cp-de-toolbar-cart-print {
        width:218px!important
    }

    .cp-de-wrapper .coupon {
        margin: 6px!important
    }
}

@media (max-width: 767px) {
    .cp-de-wrapper .toolbar {
        top:57px!important
    }

    .cp-de-wrapper #cp-de-toolbar-cart-print {
        width: 100%!important
    }

    .cp-de-wrapper #cp-de-toolbar-cart-print:before {
        content: "HIER COUPONS ABRUFEN"!important
    }
}

@media (min-width: 1200px) {
    .cs-merchant-couponplatz .cp-de-wrapper .coupon-grid {
        width:720px!important
    }

    .cs-merchant-couponplatz .cp-de-wrapper .toolbar-counter {
        width: 42%;
        padding: 10px
    }

    .cs-merchant-couponplatz .cp-de-wrapper .toolbar-cart {
        width: 57%
    }

    .cs-merchant-couponplatz .cp-de-wrapper #cp-de-toolbar-cart-print {
        width: 230px!important
    }
}

@media (max-width: 1199px) and (min-width:993px) {
    .cs-merchant-couponplatz .cp-de-wrapper .coupon-grid {
        width:475px!important
    }

    .cs-merchant-couponplatz .cp-de-wrapper .toolbar-cart,.cs-merchant-couponplatz .cp-de-wrapper .toolbar-counter {
        width: 100%
    }

    .cs-merchant-couponplatz .cp-de-wrapper #cp-de-toolbar-cart-savings,.cs-merchant-couponplatz .cp-de-wrapper #cp-de-toolbar-cart-savings-amount {
        width: 24.5%
    }

    .cs-merchant-couponplatz .cp-de-wrapper #cp-de-toolbar-cart-print {
        width: 50%
    }
}

.cs-listing {
    align-items: center;
    margin: 25px 0
}

.cs-listing h3 {
    margin-bottom: 5px
}

.cs-listing p {
    margin: 0
}

.cs-listing i {
    width: 60px;
    font-size: 40px;
    opacity: .6;
    margin-right: 35px;
    text-align: center
}

.cs-listing-text {
    width: calc(100% - 75px)
}

@media(max-width: 767px) {
    .cs-listing {
        margin:10px 0
    }

    .cs-listing i {
        float: left;
        width: auto;
        font-size: 22px;
        margin-right: 8px;
        text-align: center
    }

    .cs-listing-text {
        width: 100%
    }
}

.cs-cashback-anker {
    justify-content: space-between
}

.cs-cashback-anker-item {
    color: #ef8a1b!important;
    font-size: 1rem;
    line-height: 1.8rem
}

.cs-cashback-anker-item:hover {
    cursor: pointer;
    text-decoration: underline
}

.cs-cashback-anker-item i {
    margin-left: 5px
}

.cs-cashback-internal {
    justify-content: space-between
}

.cs-cashback-internal-cta {
    width: 49%;
    margin-bottom: 2px;
    padding: 15px 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: 0 0;
    font-weight: 700
}

.cs-cashback-internal-cta:hover {
    background: #fff;
    cursor: pointer;
    text-decoration: none!important
}

.cs-cashback-internal-cta.cs-active {
    background: #fff;
    border: none
}

.cs-cashback-image {
    max-width: 50%
}

@media (max-width: 1199px) {
    .cs-cashback-anker-item {
        font-size:.9rem;
        line-height: 1.7rem
    }
}

@media (max-width: 992px) {
    .cs-cashback-anker {
        flex-wrap:wrap
    }

    .cs-cashback-anker-item {
        width: 50%
    }
}

@media (max-width: 768px) {
    .cs-cashback-image {
        max-width:100%
    }

    .cs-cashback-anker-item {
        width: 100%;
        line-height: 1.5rem;
        margin-bottom: 5px
    }
}

@media (max-width: 480px) {
    .cs-cashback-internal-cta {
        min-height:72px;
        font-size: 12px
    }
}

.cs-about-us-box {
    position: relative;
    margin: 25px 0;
    padding: 10px;
    background: #f7f7f7;
    border: 1px dashed #ef8a1b;
    border-top-right-radius: 55px
}

.cs-about-us-anker {
    position: absolute;
    top: -60px
}

.cs-about-us-left {
    flex-wrap: wrap;
    align-content: center;
    width: 25%
}

.cs-about-us-right {
    width: 75%;
    padding: 10px 5px 0 15px
}

.cs-about-us-tag {
    padding: 6px 24px 6px 15px;
    position: absolute;
    left: -1px;
    top: -1px;
    color: #fff;
    text-transform: uppercase;
    border-bottom-right-radius: 25px;
    background: #ef8a1b
}

.cs-about-us-img {
    margin-top: 30px;
    text-align: center
}

.cs-about-us-img img {
    margin-bottom: 10px;
    border: 2px solid #fff;
    border-radius: 100px;
    font-size: 14px;
    overflow: hidden
}

.cs-about-us-caption {
    text-align: center;
    font-size: 14px
}

.cs-about-us-headline {
    font-size: 1.1rem;
    line-height: 1.3rem;
    font-weight: 700
}

.cs-about-us-text {
    font-size: 14px;
    line-height: 22px
}

@media (max-width: 767px) {
    .cs-about-us-left {
        width:100%
    }

    .cs-about-us-right {
        width: 100%
    }
}

@media (max-width: 480px) {
    .cs-about-us-box {
        padding:10px 10px 0
    }

    .cs-about-us-left {
        margin-bottom: 10px
    }

    .cs-about-us-img {
        margin-top: 0
    }

    .cs-about-us-img img {
        margin: 10px 0 5px
    }

    .cs-about-us-right {
        padding: 0
    }
}

@media (min-width: 280px) {
    #ad-1 iframe {
        max-width:280px!important
    }
}

@media (max-width: 1199px) {
    #ad-1 iframe {
        max-width:220px!important
    }
}

@media (max-width: 992px) {
    #ad-1 iframe {
        max-width:300px!important
    }
}

.cs-sovendus-modal .modal-dialog {
    width: 900px
}

@media (max-width: 993px) {
    .cs-sovendus-modal .modal-dialog {
        width:730px
    }
}

@media (max-width: 768px) {
    .cs-sovendus-modal .modal-dialog {
        width:96%;
        margin: 15px 3%
    }
}

.cs-nl-modal-toggle.cs-nl-modal-toggle-fade-in {
    right: 15px
}

.cs-nl-modal-toggle.cs-nl-modal-toggle-fade-out {
    right: -200px
}

.cs-nl-modal-toggle i {
    color: #ef8a1b
}

.cs-nl-modal {
    min-height: 175px;
    width: 320px;
    position: fixed;
    bottom: 75px;
    background-color: #fff;
    border: 1px solid;
    box-shadow: 0 0 5px #989898;
    z-index: 105
}

.cs-nl-modal.cs-nl-modal-fade-in {
    right: 15px
}

.cs-nl-modal-fade-in {
    animation-name: nl-fade-in;
    animation-duration: 1s;
    animation-iteration-count: 1
}

@media (min-width: 768px) {
    @keyframes nl-fade-in {
        0% {
            right:-390px
        }

        50% {
            right: 45px
        }

        80% {
            transform: rotate(0);
            right: 15px
        }

        90% {
            transform: rotate(2deg);
            right: 15px
        }

        95% {
            transform: rotate(-2deg);
            right: 15px
        }

        100% {
            right: 15px;
            transform: rotate(0)
        }
    }
}

.cs-nl-modal.cs-nl-modal-fade-out {
    right: -395px;
    animation-name: nl-fade-out;
    animation-duration: 1s;
    animation-iteration-count: 1
}

@keyframes nl-fade-out {
    0% {
        right: 15px
    }

    20% {
        right: 35px
    }

    100% {
        right: -395px
    }
}

.cs-nl-modal-close {
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 40px;
    opacity: .6
}

.cs-nl-modal-header {
    position: relative;
    padding: 15px 15px 5px;
    border-bottom: 1px solid #eee
}

.cs-nl-modal-header {
    background-color: #ef8a1b;
    color: #fff;
    padding: 12px 15px 7px
}

.cs-nl-modal-h {
    font-family: Poppins;
    font-size: 1rem;
    line-height: 1.2rem
}

.cs-nl-modal-body {
    padding: 15px
}

.cs-nl-modal-img {
    width: 116px;
    height: 95px;
    margin-right: 20px;
    margin-top: 3px;
    flex-shrink: 0
}

.cs-nl-modal-form {
    margin-top: 15px
}

.cs-nl-modal-btn {
    height: 30px;
    margin-left: 15px;
    float: none;
    width: 140px
}

.cs-nl-modal-star {
    margin-top: -22px
}

@media (min-width: 768px) {
    .cs-nl-modal-fade-in-initial {
        right:15px;
        animation-name: nl-fade-in;
        animation-duration: 1s;
        animation-iteration-count: 1
    }
}

@media (max-width: 1199px) {
    .cs-nl-modal {
        display:none;
        visibility: hidden
    }
}

#pd-embed-slider {
    right: 70px!important;
    z-index: 300!important
}

#pd-embed-slider #pd-box {
    max-width: 445px!important;
    overflow-y: inherit!important;
    overflow-x: inherit!important
}

#pd-embed-slider #pd-header {
    background: #ef8a1b!important;
    text-align: center!important;
    font-size: 15px!important
}

#pd-embed-slider #pd-body {
    padding: 13px 8px 10px!important;
    text-align: center!important;
    line-height: 20px!important
}

#pd-embed-slider #pd-top a {
    background: #ef8a1b!important;
    right: 10px!important;
    width: 20px!important
}

#pd-embed-slider #pd-inner-box {
    border: 2px #ef8a1b solid!important;
    box-shadow: 0 0 10px #616161;
    background: #fff
}

#pd-embed-slider .pd-button {
    margin-bottom: 7px
}

#pd-embed-slider .pd-button span {
    background: #ef8a1b!important
}

@media (max-width: 1199px) {
    #pd-embed-slider {
        display:none!important;
        visibility: hidden!important
    }
}

.alpha_heading_side {
    font-size: 2.5rem!important;
    line-height: 2.5rem!important
}

.d-flex {
    display: flex
}

.alert_box {
    background-color: #fff;
    padding: 10px;
    margin: 10px auto;
    margin-left: 20px;
    box-shadow: 0 0 6px #b4b4b4
}

.box_para {
    color: #3c5154!important;
    font-size: 13px
}

.box_heading {
    font-family: revert;
    color: #ef8a1b
}

.subscribe_form {
    display: flex
}

.box_alert_img>img {
    width: 130px
}

.txt_box {
    margin-top: 10px;
    box-shadow: 0 0 6px #b4b4b4
}

.mt-2 {
    margin-top: 20px
}

.cat_box {
    padding: 0 0 10px 0;
    background-color: #f5f5f5;
    box-shadow: 0 0 6px #b4b4b4
}

.cat_content {
    margin-left: 0
}

.cat_intro {
    width: 100%;
    background-color: #fff;
    padding: 20px 20px 10px 20px;
    font-size: 18px;
    line-height: 1.7
}

.box_cat {
    background-color: #fff;
    padding: 5px 10px;
    border: 1px solid #ef8a1b;
    color: #ef8a1b!important;
    font-size: 13px
}

.box_cat:hover {
    border: 1px solid #000;
    text-decoration: none;
    color: #000!important
}

.see_all {
    color: #ef8a1b!important;
    font-weight: 600;
    font-size: 15px;
    margin-right: 20px
}

.coupon_click {
    cursor: pointer
}

.best_title {
    position: absolute;
    background: #ef8a1b;
    color: #fff;
    padding: 0 30px;
    font-weight: 600;
    letter-spacing: 2px;
    bottom: 214px;
    border-radius: 1px;
    clip-path: polygon(0 0,100% 0,100% 100%,0 99%,12% 48%);
    height: 22px;
    min-width: 188px;
    right: 0
}

.sp_text {
    font-size: 12px;
    padding: 20px
}