@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Oswald:400);
@import url(text_formatting.css);

.header_container {
    border-bottom: 3px solid #262626;
}
.header {
    background: url(../images/header_bg.jpg) 0 -20px no-repeat;
    height: 120px;
}
.header #logo,
.header #navigation {
    margin: 0;
    margin-top: 10px;
}
.header #logo {
    float: left;
    width: 340px;
    margin: 3px 0;
}
.header #navigation {
    float: right;
    width: 640px;
}

#navigation {
    position: relative;
    height: 110px;
}

#navigation #hotline_container {
    width: 146px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 13pt;
    line-height: 14pt;
    float: right;
    margin-right: 23px;
    color: #ee1c25;
    margin-bottom: 5px;
}
#navigation #hotline_container #hotline span {
    font-size: 33px;
    line-height: 31px;
}
#navigation #hotline_container #hotline a {
    text-decoration: none;
}
#navigation #hotline_container #hotline small {
    display: block;
    text-align: right;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    line-height: 16px;
    color: #666666;
    margin-right: 10px;
}
#hotline_container #social_links {
    text-align: right;
    line-height: 16px;
}
#hotline_container #social_links a {
    margin-right: 5px;
}

#navigation .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
    bottom: 0;
    line-height: 40px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}
.menu li {
    display: block;
    float: left;
}

.menu a {
    color: #262626;
    display: block;
    line-height: 40px;
    padding: 0 7px;
    text-decoration: none;
    background: none !important;
}
.menu a.active {
    background: #262626 !important;
    color: #fff;
    padding: 0 15px;
    border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    text-decoration: none !important;
}
.menu a:hover {
    text-decoration: underline !important;
}

.dropdown-menu {
    border-top: 0;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    margin: 0px;
}
.dropdown-menu li {
    display: block;
    float: none;
}
.dropdown-menu a:hover {
    background: #262626 !important;
    color: #fff;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}

.teaser_container {
}
.teaser_container .teaser {
    height: 329px;
    min-width: 1000px;
    overflow: hidden;
}

.teaser .container {
    position: relative;
    height: 329px;
}
.teaser .block {
    background: #ee1c25;
    border: 10px solid #f3e0e1;
    border-bottom: 0;
    width: 286px;
    height: 284px;
    position: absolute;
    bottom: 0;
    right: 15px;
    color: #fff;
    border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
}
.teaser .block .content {
    padding: 75px 0 0 24px;
}
.teaser .title {
    font-family: "Open Sans", sans-serif;
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 30px;
    line-height: 28px;
}
.teaser .title span {
    font-size: 22px;
    line-height: 22px;
}

.teaser p {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: normal;
}

.teaser #teaser_click {
    margin-top: 30px;
}

.header-carousel {
    width: 675px;
    height: 329px;
}

.header-carousel img {
    width: 100%;
    height: 329px;
    object-fit: contain;
    object-position: top center;
}

.slick-prev,
.slick-next {
    z-index: 100;
    color: #ee1c25 !important;
}

.slick-prev svg,
.slick-next svg {
    background-color: white;
    border-radius: 50%;
}

.slick-prev::before,
.slick-next::before {
    content: "" !important;
}

.slick-prev {
    left: 15px !important;
}

.slick-next {
    right: 15px !important;
}

.carousel-control {
    z-index: 100;
    width: 40px;
    height: 40px;
    top: 50%;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.slick-dots {
    bottom: 5px !important;
}

.slick-dots li {
    margin: 0 !important;
}

.slick-dots li button:before {
    font-size: 12px !important;
    line-height: 12px !important;
}

#sidebar .red-block,
#sidebar .quote-block {
    background: #ee1c25;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
}
#sidebar .quote-block {
    background: #f9dfe0;
    border: 3px solid #ee1c25;
    border-top-color: #c80009;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
}
#sidebar .red-block * {
    color: #fff;
}

#sidebar .red-block h2 {
    margin-bottom: 15px;
}
#sidebar .red-block .unstyled {
    margin-left: 25px;
}
#sidebar .red-block .unstyled li {
    margin-bottom: 5px;
}

#sidebar a {
    text-decoration: none;
}
#sidebar a:hover {
    text-decoration: underline;
}

#sidebar .red-block a.active {
    font-weight: bold;
}

.quote-block .title {
    font-family: "Open Sans", sans-serif;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 20px;
    line-height: 30px;
}
.quote-block .title span {
    font-size: 18px;
    line-height: 20px;
}

.quote-block p {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: normal;
}

#procedure_steps {
    background: url(../images/steps_bg.gif) repeat-x;
    height: 92px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}
#procedure_steps ul {
    list-style: none;
    margin: 0;
    padding: 12px 0;
}
#procedure_steps ul li {
    float: left;
}

#procedure_steps ul a,
#procedure_steps ul a span {
    display: block;
}
#procedure_steps ul a {
    width: 145px;
    text-align: center;
    margin-left: 20px;
    color: #999999;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 42% -92px;
}
#procedure_steps ul a span {
    padding-top: 30px;
    background: url(../images/icon_arrow.png) 100% -86px no-repeat;
    padding-right: 20px;
}

#procedure_steps ul a:hover {
    color: #fff;
    background-position: 42% 0px;
}
#procedure_steps ul a:hover span {
    background-position: 100% 0px;
}

#procedure_steps #step1 a {
    background-image: url(../images/icon_online.png);
}
#procedure_steps #step2 a {
    background-image: url(../images/icon_dollar.png);
}
#procedure_steps #step3 a {
    background-image: url(../images/icon_removal.png);
}
#procedure_steps #step4 a {
    background-image: url(../images/icon_recycle.png);
}

#footer_container {
    background: #d8d8d8;
    font-size: 11px;
    color: #666666;
}
#footer_container #footer {
    padding: 15px;
}
#footer_container a {
    color: #666;
    text-decoration: none;
}
#footer_container a:hover {
    text-decoration: underline;
}

#footer_container #social_links a {
    margin-right: 5px;
}

#home_content #sidebar {
    position: relative;
    text-align: center;
    min-height: 790px;
}
#home_content #sidebar #testimonial_container {
    /* background: url(../images/testimonial_bg.png) bottom no-repeat; */
    border: 10px solid #f3e0e1;
    border-top: 0;
    width: 286px;
    min-height: 295px;
    position: absolute;
    top: 0px;
    right: 15px;
    text-align: left;
    border-radius: 0 0 20px 20px ;
    -webkit-border-radius: 0 0 20px 20px;
}
#home_content #sidebar #testimonial_container .content {
    padding: 24px 34px 40px 34px;
}

#home_content #sidebar .slides {
    padding-top: 220px;
    margin-right: 15px;
    margin-bottom: 10px;
}

#testimonial_container h2 {
    color: #262626;
}
#testimonial_container .quote {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #262626;
    font-weight: 600;
    margin-top: 10px;
    padding: 10px;
    line-height: 22px;
}
#testimonial_container .quote_by {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    text-align: right;
    font-weight: bold;
}

#testimonial_container .carousel {
    margin: 0;
}
#testimonial_container .carousel-control {
    top: auto;
    bottom: 15px;
    text-decoration: none !important;
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 22px;
}

.quote .start {
    padding: 0 8px;
    background: url(../images/quote_begins.gif) no-repeat;
}
.quote .end {
    width: 15px;
    background: url(../images/quote_ends.gif) top right no-repeat;
    padding: 0 8px;
}

#inner_content {
    margin: 25px auto;
}

.padded {
    padding: 15px;
}

.content.padded {
    padding: 0 15px;
}

p.help-block,
label.error {
    font-size: 11px;
    margin: 0 !important;
    padding: 0;
    clear: both;
    line-height: normal;
}
label.error {
    color: #b94a48;
    /*clear: none;*/
    /*position: absolute;*/
    /*top: 5px;*/
    /*left: 430px;*/
}
.control-group {
    position: relative;
}

#form_container {
    margin-top: 25px;
}

.zopim {
    right: 325px !important;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
    display: flex;
    flex-wrap: wrap;
}

.form-horizontal .controls {
    display: flex;
    flex-wrap: wrap;
}

.form-horizontal .controls #uploader_images {
    width: 100% !important;
}

.form-horizontal .controls > *:not(:last-child) {
    margin-right: 10px;
}

.form-horizontal .input-prepend {
    flex: 1;
}

/* grid system */
.grid-container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
}

.grid-row {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.grid-row .col {
    flex: 0 0 auto;
    width: 100%;
    /* padding: 15px; */
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
.col-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.col-5 {
    flex: 0 0 41.666%;
    max-width: 41.666%;
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.333333%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
  }

/* Responsive columns */
@media (min-width: 576px) {
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.333333%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
      }
}

@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.333333%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
      }
}

@media (min-width: 992px) {
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.333333%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
      }
}

@media (min-width: 1200px) {
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.333333%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
      }
}

/* Offsets */
/* Small (sm) */
.offset-sm-2 { margin-left: 16.666667%; }
.offset-sm-4 { margin-left: 33.333333%; }
.offset-sm-6 { margin-left: 50%; }
.offset-sm-8 { margin-left: 66.666667%; }

/* Medium (md) */
@media (min-width: 768px) {
  .offset-md-2 { margin-left: 16.666667%; }
  .offset-md-4 { margin-left: 33.333333%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-8 { margin-left: 66.666667%; }
}

/* Large (lg) */
@media (min-width: 992px) {
  .offset-lg-2 { margin-left: 16.666667%; }
  .offset-lg-4 { margin-left: 33.333333%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-8 { margin-left: 66.666667%; }
}

/* Extra large (xl) */
@media (min-width: 1200px) {
  .offset-xl-2 { margin-left: 16.666667%; }
  .offset-xl-4 { margin-left: 33.333333%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-8 { margin-left: 66.666667%; }
}

/* Reordering */
.order-sm-last {
    order: 12;
}


.basic-input{
    width: auto !important;
    height: 18px !important;
    line-height: 28px;
    border-color: #D84E4B;
    max-width: 100%;;
}

.gap-start-20{
    margin-left: 20px;
}