hr.custom::after {
    
}

.color1 {
    background-color: #e11429;
}

.color2 {
    background-color: #e11429;
}

.header {
    border-top-color: #e11429;
}

.banner-message .badge,
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus,
a.stock:hover,
.loan-cart,
a.stock:focus,
.list-top .list-inline li:hover a,
.list-top .list-inline li:focus a,
.list-top .list-inline li.active a,
.section.bg,
.tags li:hover a,
.owl-theme .owl-dots .owl-dot span,
.car-km,
.car-oil,
.car-date,
.car-price,
#banner .contact_us,
.pabsolute h3,
.btn-primary,
.list-inline.social-icons li:hover a,
.color1_bg,
.hephaistos.tparrows .arrow-holder,
.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus,
.navbar-cart small {
    color: #ffffff !important;
    border-color: #e11429;
    background-color: #e11429;
}

.btn-primary:hover,
.btn-primary:focus {
    color: #ffffff !important;
    border-color: #0f7bbf;
    background-color: #e11429;
}

.light-tab.search-tab .btn-primary,
.cart .shop_cart_table .icon_holder,
.post-share li a:hover,
.post-share li a:focus,
.blogread:hover,
.blogread:focus,
.blog-list .blog-details .alignleft,
.custom-sidebar .tags a:hover,
.custom-sidebar .tags a:focus,
.faqs-wrapper li:hover,
.faqs-wrapper li.active,
.shop-wrapper:hover img,
#banner .our_service.our_service2:hover,
.shop-button:hover,
.topbar .badge,
.shop-button:focus,
#banner.v2 .hephaistos.tparrows:hover::before,
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,

.tabs-left > .nav-tabs .active > a:focus,
.calculator-body .btn-default {
    color: #ffffff !important;
    border-color: #e11429 !important;
    background-color: #e11429 !important;
}

.about-list .service-hover:hover {
    background: #e11429 !important;
}

#banner .tp-caption.wbg,
#banner .wbg,
.comparebox .btn-info.active,
.comparebox .btn-info:active,
.comparebox .open > .dropdown-toggle.btn-info,
.comparebox .btn-info:hover,
.comparebox .btn-info:focus {
    border-color: #e11429 !important;
}

.shop_single_page .product_details .product-review-tab .add_your_review ul li:hover,
.newprice,
.shop_single_page .product_details .product_top_section .item_description .item_price,
.rating i,
.author-details a,
.blog-description li i,
.blog-dark .blog-details li i,
.blog-meta li i,
.team-desc p,
.widget-footer .val,
.calculate-details span,
.color,
#accordion-first .accordion-heading .accordion-toggle > em,
.special-offer small,
.normallist i,
.car-list-wrapper-2 li i,
.car-table:hover i,
.car-table:hover p,
.brochures i,
.totalpay,
.custom-sidebar .search-tab a.customa,
.glyphicon-time,
a:hover,
a:focus,
.breadcrumb > li + li::before,
.service-hours sup,
.service-hours i,
.search-wrapper small,
.search-wrapper sup,
.customlist i,
.service-hover i,
.contact-version i,
.navbar-inverse .navbar-nav > li > a.active,
.custom-title,
.related-post small,
.contact-widget li a,
.footer .twitter-widget p a,
.twitter-widget i,
.rating i,
.testimonial small,
.readmore,
.service-box small,
.magnifier .magni-desc i,
.car-wrapper:hover h4 a,
.search-tab .dropdown-menu > li:hover a,
.search-tab-nav.nav-tabs > li.active > a,
.search-tab-nav.nav-tabs > li.active > a:focus,
.search-tab-nav.nav-tabs > li.active > a:hover,
.stat-wrap i,
.copyrights .text-left a,
.copyrights small,
.hephaistos.tparrows.tp-rightarrow .arrow-holder:before,
.hephaistos.tparrows.tp-leftarrow .arrow-holder:before,
.navbar-inverse .navbar-nav > li:hover a:after,
.navbar-inverse .navbar-nav li:hover a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover .navbar-inverse .navbar-nav > .active > a,
.header-contact i {
    color: #999999 !important;
}

.search-tab .btn-info:hover,
.search-tab .btn-info:focus,
.search-tab .btn-info.active.focus,
.search-tab .btn-info.active:focus,
.search-tab .btn-info.active:hover,
.search-tab .btn-info.focus:active,
.search-tab .btn-info:active:focus,
.search-tab .btn-info:active:hover,
.search-tab .open > .dropdown-toggle.btn-info,
.search-tab .open > .dropdown-toggle.btn-info.focus,
.search-tab .open > .dropdown-toggle.btn-info:focus,
.search-tab .open > .dropdown-toggle.btn-info:hover {
    border-color: #e11429 !important;
    color: #ffffff;
}

.transparent-header.header-2 {
    background-color: rgba(0, 0, 0, 0.2);
    padding-bottom: 0 !important;
}

.navbar-inverse .navbar-nav li:hover .dropdown-menu li a {
    color: #222222 !important;
}

.navbar-inverse .navbar-nav li:hover .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav li:hover .dropdown-menu > li > a:focus {
    color: #ffffff !important;
    background-color: #e11429;
}

li.social-header.last {
    margin-right: 5px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.colorized {
    background-color: rgba(225, 20, 41, 0.8) !important;
}

.navbar-inverse {
    border: 0 !important;
}

.searchmenu .iconsearch {
    margin-top: -5px;
    border: 2px solid #ffffff;
    color: #ffffff !important;
    padding: 10px;
    border-radius: 50%;
    display: block;
}

.topbar .badge {
    font-size: 12px;
    margin-right: 10px;
    margin-left: 3px;
    padding: 5px 10px;
    line-height: 1;
    margin-top: -3px;
    border-radius: 0;
}

.contactlink {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-right: 10px;
    padding-right: 15px !important;
}

.topbar span,
.topbar a,
.topbar li,
.topbar p {
    font-family: Open Sans !important;
    font-size: 14px;
    font-weight: 400 !important;
}

/******************************************
    COPYRIGHTS
******************************************/

.copyrights {
    background-color: #0f1316;
    position: relative;
    display: block;
    padding: 30px 0 25px;
}

.copyrights p,
.copyrights a {
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    margin: 0;
}

.copyrights ul li {
    margin: 0 0 0 15px;
    padding: 0;
}

.copyrights ul {}

.copyrights small {
    font-size: 100% !important;
}

.footer {
    background-color: #2e3d46;
}

.footer hr {
    margin: 40px 0;
    border-color: #242a2e;
}

.posico a {
    color: #9e9e9e;
}

.list-inline.social-icons li a {
    color: #cbcbcb;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #cbcbcb;
    text-align: center;
    display: block;
    border-radius: 50%;
}

.posico .text-right ul {
    margin-top: 5px !important;
}

hr.invis4 {
    margin: 80px 0 40px
}

.pb120 {
    padding-bottom: 90px;
}

.posico ul li {
    padding: 0;
    margin: 3px 0 0 10px;
}

.posico {
    position: absolute;
    top: -30px;
    background-color: #1f2529;
    left: 0;
    right: 0;
    padding: 30px 40px;
    margin: auto;
    display: block;
}

.posico img {
    margin: 2px auto 0;
}

.stat-wrap {
    border: 1px dashed rgba(255, 255, 255, 0.3);
    padding: 20px 10px;
    background-color: rgba(255, 255, 255, 0.3);
}

.stat-wrap small {
    font-size: 18px;
}

.stat-wrap p {
    padding: 10px 0;
}

.stat-wrap i {
    font-size: 24px;
    margin: 10px 10px 20px 0;
    background: #e11429;
    color: #fff !important;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
}

.categorybox {
    border-top: 1px dashed transparent;
    border-left: 1px dashed transparent;
    border-right: 1px dashed transparent;
    width: 100%;
    padding: 0px;
}

.categorybox:hover {
    /*background: #e11429;*/ /* IE 9 */ /* Safari 3-8 */
    transform: scale(1.05); 
}

.categorybox span {
    font-size: 14px;
    line-height: 1;
    margin: 20px -2px 0;
    background-color: #ffffff;
    display: block;
    padding: 10px 0;
    width: 102%;
}

.categorybox:hover span {
    background-color: #e11429;
    color: #fff;
}

.categorybox i {
    font-size: 80px !important;
    display: block;
    color: #dedede;
    vertical-align: middle;
    padding: 30px 0px 10px;
}

.pabsolute {
    margin-top: -256px;
}

@media (max-width: 998px) {
    .categorybox {
        margin: 15px 0;
    }
    .pabsolute {
        margin-top: 40px;
        bottom: 0;
    }
}

.pabsolute h3 {
    padding: 25px;
    font-family: 'Montserrat-Regular' !important;
}

.pabsolute .search-tab {
    padding: 40px 15px 10px;
    background-color: #f4f4f4;
}

.light-tab .search-tab-nav.nav-tabs {
    margin-left: 20px !important;
}

.light-tab .search-tab-nav.nav-tabs > li {
    margin-right: 10px;
}

.light-tab .search-tab-nav.nav-tabs > li > a {
    background-color: #e11429;
    color: #ffffff;
    padding: 13px 15px !important;
}

.light-tab .search-tab-nav.nav-tabs > li.active a,
.light-tab .search-tab-nav.nav-tabs > li:hover a,
.light-tab .search-tab-nav.nav-tabs > li:focus a,
.light-tab .search-tab-nav.nav-tabs > li.active > a:focus,
.light-tab .search-tab-nav.nav-tabs > li.active > a:hover {
    padding: 13px 15px !important;
}

.light-tab .search-tab-nav.nav-tabs > li.active a,
.light-tab .search-tab-nav.nav-tabs > li:hover a,
.light-tab .search-tab-nav.nav-tabs > li:focus a,
.light-tab .search-tab-nav.nav-tabs > li.active > a:focus,
.light-tab .search-tab-nav.nav-tabs > li.active > a:hover {
    background-color: #121212 !important;
    color: #ffffff !important;
}

.pabsolute .search-tab .btn-info {
    font-family: Open Sans !important;
    color: #999999 !important;
    margin-bottom: 11px !important
}

.light-tab.search-tab .btn-primary {
    height: 50px;
}

@media (max-width: 1085px) {
    .topbar {
        margin-top: 0 !important;
    }
    .transparent-header.header-2 {
        position: relative !important;
        background-color: #bb251f !important;
        padding: 0 !important;
    }
}
.color1 {
  background-color: #e11429;
}

.color2 {
  background-color: #e11410;
}

.header {
  border-top-color: #e11429;
}

.banner-message .badge,
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus,
a.stock:hover,
.loan-cart,
a.stock:focus,
.list-top .list-inline li:hover a,
.list-top .list-inline li:focus a,
.list-top .list-inline li.active a,
.section.bg,
.tags li:hover a,
.owl-theme .owl-dots .owl-dot span,
.car-km,
.car-oil,
.car-date,
.car-price,
#banner .contact_us,
.btn-primary,
.color1_bg,
.hephaistos.tparrows .arrow-holder,
.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus,
.navbar-cart small {
  color: #ffffff;
  border-color: #e11429;
  background-color: #e11429;
}

.btn-primary:hover,
.btn-primary:focus {
  color: #ffffff;
  border-color: #e11429;
  background-color: #e11429;
}

.cart .shop_cart_table .icon_holder,
.post-share li a:hover,
.post-share li a:focus,
.blogread:hover,
.blogread:focus,
.blog-list .blog-details .alignleft,
.custom-sidebar .tags a:hover,
.custom-sidebar .tags a:focus,
.faqs-wrapper li:hover,
.faqs-wrapper li.active,
.shop-wrapper:hover img,
.shop-button:hover,
.shop-button:focus,
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus,
.calculator-body .btn-default {
  color: #ffffff !important;
  border-color: #e11429 !important;
  background-color: #e11429 !important;
}

.about-list .service-hover:hover {
  background: #fd6502 !important;
}

.comparebox .btn-info.active,
.comparebox .btn-info:active,
.comparebox .open > .dropdown-toggle.btn-info,
.comparebox .btn-info:hover,
.comparebox .btn-info:focus {
  border-color: #fd6502 !important;
}

.shop_single_page
  .product_details
  .product-review-tab
  .add_your_review
  ul
  li:hover,
.newprice,
.shop_single_page
  .product_details
  .product_top_section
  .item_description
  .item_price,
.rating i,
.author-details a,
.blog-description li i,
.blog-dark .blog-details li i,
.blog-meta li i,
.team-desc p,
.widget-footer .val,
.calculate-details span,
.color,
#accordion-first .accordion-heading .accordion-toggle > em,
.special-offer small,
.normallist i,
.car-list-wrapper-2 li i,
.car-table:hover i,
.car-table:hover p,
.brochures i,
.totalpay,
.custom-sidebar .search-tab a.customa,
.glyphicon-time,
a:hover,
a:focus,
.breadcrumb > li + li::before,
.service-hours sup,
.service-hours i,
.search-wrapper small,
.search-wrapper sup,
.customlist i,
.service-hover i,
.contact-version i,
.navbar-inverse .navbar-nav > li > a.active,
.custom-title,
.related-post small,
.contact-widget li a,
.footer .twitter-widget p a,
.twitter-widget i,
.rating i,
.testimonial small,
.readmore,
.service-box small,
.magnifier .magni-desc i,
.car-wrapper:hover h4 a,
.search-tab .dropdown-menu > li:hover a,
.search-tab-nav.nav-tabs > li.active > a,
.search-tab-nav.nav-tabs > li.active > a:focus,
.search-tab-nav.nav-tabs > li.active > a:hover,
.stat-wrap i,
.copyrights .text-left a,
.copyrights small,
.hephaistos.tparrows.tp-rightarrow .arrow-holder:before,
.hephaistos.tparrows.tp-leftarrow .arrow-holder:before,
.navbar-inverse .navbar-nav > li:hover a:after,
.navbar-inverse .navbar-nav li:hover a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse
  .navbar-nav
  > .active
  > a:hover
  .navbar-inverse
  .navbar-nav
  > .active
  > a,
.header-contact i {
  color: #999999 !important;
}

.search-tab .btn-info:hover,
.search-tab .btn-info:focus,
.search-tab .btn-info.active.focus,
.search-tab .btn-info.active:focus,
.search-tab .btn-info.active:hover,
.search-tab .btn-info.focus:active,
.search-tab .btn-info:active:focus,
.search-tab .btn-info:active:hover,
.search-tab .open > .dropdown-toggle.btn-info,
.search-tab .open > .dropdown-toggle.btn-info.focus,
.search-tab .open > .dropdown-toggle.btn-info:focus,
.search-tab .open > .dropdown-toggle.btn-info:hover {
  border-color: #fd6502 !important;
  color: #ffffff;
}

.navbar-inverse .navbar-nav li:hover .dropdown-menu li a {
  color: #222222 !important;
}

.navbar-inverse .navbar-nav li:hover .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav li:hover .dropdown-menu > li > a:focus {
  color: #ffffff !important;
  background-color: #e11429;
}

/******************************************
    File Name: responsive.css
    Template Name: Engines
    Created By: PSD Convert HTML Team
    Envato Profile: http://themeforest.net/user/psdconverthtml
    Website: https://psdconverthtml.com
    Version: 1.0
    Support: support@psdconverthtml.com
/******************************************/

@media (max-width: 1400px) {
    .message-box h3 {
        font-size: 21px;
    }
}

@media (max-width: 1200px) {
    .car-details li .fa {
        display: none;
    }
    .container {
        width: 95%;
    }
    .container1 {
        width: 95%;
    }
    .callmewrap h2 {
        font-size: 18px !important;
    }
}

@media (max-width: 1128px) {
    .stock {
        font-size: 12px;
        margin-right: 5px;
        padding: 6px 9px;
    }
}

@media (max-width: 1085px) {
    .custom-sidebar .search-tab-nav.nav-tabs > li.active > a,
    .custom-sidebar .search-tab-nav.nav-tabs > li.active > a:focus,
    .custom-sidebar .search-tab-nav.nav-tabs > li.active > a:hover,
    .custom-sidebar .search-tab-nav.nav-tabs > li > a {
        font-size: 13px !important;
    }
    .callmewrap,
    .message-box {
        text-align: center;
    }
    .social-header,
    .header-search {
        display: none !important;
    }
    .header-contact p {
        font-size: 12px;
    }
    .navbar-inverse .navbar-nav > li > a {
        font-size: 13px;
        padding: 20px 14px;
    }
    .header-contact {
        width: 33%;
        text-align: center;
    }
    .header-contact i {
        display: none;
    }
    
    .transparent-header.header-2 .navbar-inverse {
    padding: 0px 0;
    position: relative;
    background-color: #e11429 !important;
    }
    .topbar .dropdown {
        border:0;
        margin:0;
    }


}

@media (max-width: 928px) { 

}

@media (max-width: 865px) {
    .bgcolor {
        padding: 40px 20px;
    }
    .search-tab-nav.nav-tabs > li {
        width: 50%;
        margin: 0 !important;
        border: 0 !important;
    }
    .search-tab-nav.nav-tabs > li.active a,
    .search-tab-nav.nav-tabs > li:hover a,
    .search-tab-nav.nav-tabs > li:focus a,
    .search-tab-nav.nav-tabs > li.active > a:focus,
    .search-tab-nav.nav-tabs > li.active > a:hover,
    .search-tab-nav.nav-tabs > li.active,
    .search-tab-nav.nav-tabs > li a {
        border: 0 !important;
        margin: 0 !important;
    }

    .navbar-toggle {
        margin-top: 6px;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu > li > a {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-inverse {
        position: relative;
        background-color: #1e2126;
    }
    .navbar-inverse .navbar-nav > li > a {
        padding: 5px 15px;
    }
    .navbar-inverse .navbar-nav > li > a:after {
        display: none;
    }

    .navbar-right {
        position: relative;
    }
    .testi-carousel,
    .stat-wrap,
    .car-wrapper,
    .service-box {
        margin: 15px 0;
    }
}

@media (max-width: 768px) {
.transparent-header.header-2 .navbar-brand {
    margin:4px 0 0 !important;
    padding:0 !important;    
}
    .notfound h1 {
        font-size: 60px;
    }
    .tabs-left > .nav-tabs > li {
        width: 50%;
        margin: 0;
        float: left;
    }
    .tabs-left > .nav-tabs > li a:after {
        display: none;
    }
}

@media (max-width: 992px) {
    .car-top,
    .m30 {
        margin-top: 30px;
    }
    .clients .col-xs-6:nth-child(1),
    .clients .col-xs-6:nth-child(2),
    .clients .col-xs-6:nth-child(3),
    .clients .col-xs-6:nth-child(4),
    .clients .col-xs-6:nth-child(5),
    .clients .col-xs-6:nth-child(6),
    .clients .col-xs-6:nth-child(7),
    .clients .col-xs-6:nth-child(8),
    .clients .col-xs-6:nth-child(9),
    .clients .col-xs-6:nth-child(10) {
        border: 0;
    }
    .service-hours {
        margin-top: 30px;
    }
    .showhover {
        position: relative;
        bottom: -10px !important;
    }
    .service-hover {
        position: relative;
        top: 0 !important;
        bottom: 0;
        padding: 50px 20px !important;
    }
    .clients .col-xs-6,
    .callmewrap .col-sm-12,
    .footer .widget {
        margin: 15px 0;
    }
    .copyrights .text-left,
    .copyrights .text-right,
    .copyrights {
        text-align: center;
    }
    .copyrights .text-left,
    .copyrights .text-right {
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .navbar-toggle {
        margin-top: 6px;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu > li > a {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-inverse {
        position: relative;
        background-color: #ce0d19;
    }
    .navbar-inverse .navbar-nav > li > a {
        padding: 5px 15px;
    }
    .navbar-inverse .navbar-nav > li > a:after {
        display: none;
    }
    .logo-wrapper .navbar-brand {
        display: block;
        text-align: center;
        float: none;
        margin: 0 auto 30px;
    }
    .logo-wrapper .navbar-brand img {
        width: 186px;
        margin: auto;
    }
}

@media (max-width: 665px) {
    .banner-wrapper img {
        width: 100%;
    }
    .car-details li {
        border: 0 none;
        display: inline-block;
        margin: 10px 0;
        padding: 0 12px;
        width: 32.333% !important;
    }
    .testimonial .lead {
        font-size: 14px;
        line-height: 26px;
    }
    .search-tab-nav.nav-tabs > li {
        width: 100%;
        margin: 0 !important;
        border: 0 !important;
    }
    #banner p,
    #banner h1,
    .header-contact {
        display: none;
    }
    .logo-wrapper .navbar-brand {
        margin: 0 auto;
    }
    .logo-wrapper .navbar-brand1 {
        margin: 0 auto;
    }
    .navbar-brand1 {
    padding: 0;
    margin: 0 0 0 0;
    height: auto;
    line-height: 1;
    margin-left: 0px;
    }
    .box3 {
        width: 150px;
    }
    #rev_slider{
        height: 100px;
    }
    .parallax1 {
   
      /* Set a specific height */
      min-height: 300px; 

      /* Create the parallax scrolling effect */
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
}

@media (min-width: 992px) {
    .navbar-inverse .container {
        padding: 0;
    }
    .navbar,
    .navbar-collapse {
        margin: 0 !important;
        padding: 0 !important;
    }
    .transparent-header .hasmenu:hover > ul {
        visibility: visible;
        opacity: 1;
        top: 100% !important;
    }
    .transparent-header .navbar-nav .hasmenu ul {
        transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
    }
    .transparent-header .hasmenu .dropdown-menu {
        min-width: 200px;
        padding: 0;
        border-radius: 0;
    }
    .transparent-header .hasmenu > ul {
        position: absolute;
        top: 140%;
        visibility: hidden;
        display: block;
        opacity: 0;
        left: 0;
        margin-top: 0 !important;
    }
    .transparent-header .hasmenu > ul.start-right {
        right: 0;
        left: auto;
    }
    .transparent-header .hasmenu > ul li {
        position: relative;
    }
    .transparent-header .hasmenu > ul li:hover > ul {
        visibility: visible;
        opacity: 1;
        left: 100%;
    }
    .transparent-header .hasmenu > ul li:hover > ul.show-right {
        right: 100%;
    }
    .transparent-header .navbar-nav .has-submenu {
        margin-top: 0 !important;
        position: relative;
    }
    .transparent-header .navbar-nav .has-submenu:hover > ul {
        visibility: visible;
        opacity: 1;
        top: 100%;
    }
    .transparent-header .navbar-nav .has-submenu:hover > ul li ul {
        margin-top: -1px;
    }
    .transparent-header .navbar-nav .has-submenu ul {
        transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
    }
    .transparent-header .navbar-nav .has-submenu .dropdown-menu {
        min-width: 220px;
        padding: 0;
        border-radius: 0;
    }
    .transparent-header .navbar-nav .has-submenu > ul {
        position: absolute;
        top: 130%;
        visibility: hidden;
        display: block;
        opacity: 0;
        left: 0;
    }
    .transparent-header .navbar-nav .has-submenu > ul.start-right {
        right: 0;
        left: auto;
    }
    .transparent-header .navbar-nav .has-submenu > ul li {
        position: relative;
    }
    .transparent-header .navbar-nav .has-submenu > ul li:hover > ul {
        visibility: visible;
        opacity: 1;
        left: 105%;
    }
    .transparent-header .navbar-nav .has-submenu > ul li:hover > ul.show-right {
        right: 100%;
    }
    .transparent-header .navbar-nav .has-submenu > ul li ul {
        position: absolute;
        top: 0;
        visibility: hidden;
        display: block;
        opacity: 0;
        left: 130%;
    }
    .transparent-header .navbar-nav .has-submenu > ul li ul.show-right {
        right: 130%;
        left: auto;
    }
}

@media (min-width: 580px){
    .action-tile {
    position: relative;
    /*height: 170px;*/
    border: solid;
    border-color: #e11429;
    margin: 0 15px 9px;
    display: block;
    background-color: #ffffff;
}
    .action-tile_icon {
        right: 0;
        position: relative;
        display: block;
        text-align: center;
        padding-top: 35px;
        width: 60px;
        top: 50%;
        transform: translateY(0);
    }
}

@media (max-width: 580px){
    .action-tile {
    position: relative;
    /*min-height: 56px;*/
    border: solid;
    border-color: #e11429;
    margin: 0 -15px 9px;
    display: block;
    background-color: #ffffff;
}
        .action-tile_icon {
        position: absolute;
        width: 230px;
        height: 100px;
        background-image: cover;
    }
}