/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */

.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    /*  padding: 0.438em 0.625em 0.438em 0.625em; */
    line-height: 1.125em;
    cursor: pointer;
}

.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: 0.188em;
}

.slicknav_menu {
    background-color: #000000;
    *zoom: 1;
}

ul.slicknav_nav {
    background-color: #000000;
}

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
}

.slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_icon:before {
    background: transparent;
    width: 1.125em;
    height: 0.875em;
    display: block;
    content: "";
    position: absolute;
}

.slicknav_menu .slicknav_no-text {
    margin: 225% -200%;
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.5em;
    height: 0.2em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 2px 0 #fff;
    -moz-box-shadow: 0 2px 0 #fff;
    box-shadow: 0 2px 0 #fff;
}

.slicknav_menu:before {
    content: " ";
    display: table;
}

.slicknav_menu:after {
    content: " ";
    display: table;
    clear: both;
}

.slicknav_nav {
    clear: both;
}

.slicknav_nav ul {
    clear: both;
    display: block;
}

.slicknav_nav li {
    display: block;
}

.slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em;
}

.slicknav_nav .slicknav_item {
    cursor: pointer;
}

.slicknav_nav .slicknav_item a {
    display: inline;
}

.slicknav_nav .slicknav_row {
    display: block;
}

.slicknav_nav a {
    display: block;
}

.slicknav_nav .slicknav_parent-link a {
    display: inline;
}

.slicknav_brand {
    float: left;
}

.slicknav_menu {
    font-size: 16px;
    box-sizing: border-box;
    background: #fff;
    padding: 5px;
}

.slicknav_menu * {
    box-sizing: border-box;
}

.slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
}

.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}

.slicknav_nav {
    color: #096b37;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
    list-style: none;
    overflow: hidden;
}

.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px;
}

.slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px;
}

.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ccc;
    color: #fff;
}

.slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    text-align: left;
    color: #fff;
}

.slicknav_nav a:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ccc;
    color: #2da661;
}

.slicknav_nav .slicknav_txtnode {
    text-align: center;
    margin-left: 15px;
}

.slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
}

.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
}

.slicknav_brand {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding: 7px 12px;
    height: 75px;
    float: left;
}


/*  hamburger menu custom css */

.slicknav_brand {
    width: 60%;
    padding: 6% 0;
    float: left;
    position: relative;
    left: 20%;
}

ul.slicknav_nav {
    background-color: #000000;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    clear: both;
}

ul.slicknav_nav li {
    color: white;
    padding: 1em 1.5em;
    list-style: none;
}

ul.slicknav_nav a {
    color: white;
    padding: 0px;
    line-height: 0px;
}

.slicknav_nav a:hover {
    color: white;
    background: black;
}

.slicknav_nav .slicknav_row:hover {
    color: white;
    background: black;
}

.slicknav_brand img {
    width: 100%;
}

.slicknav_menu {
    display: none;
}

div .slicknav_menu,
.slicknav_btn {
    background-color: black;
}

.ui-mobile-viewport #container_64d15a9d3ae7336b74a1bed96bb38b49,
.ui-mobile-viewport #container_97678f43b1604a9985de43f09379f7b8,
.ui-mobile-viewport #column_06691049253568053,
.ui-mobile-viewport .breezi-app-520bc7661c83bb74a1000890 {
    display: none;
}

.ui-mobile-viewport .slicknav_menu {
    display: block;
}

.ui-mobile-viewport ul.slicknav_nav a {
    line-height: 15px;
}


/*---------- Code for product page categories ----------*/


/*-- Display none for NAVS USA Version--*/

.breezi-app-546bfc8c45b4c73854fe80a6,
.breezi-app-a1f1e3917b5fdec1f30d147e,
.breezi-app-e9bc88daf4347f759d4e0fa7,
.breezi-app-fd7e633838a4091d0d168b6e,
.breezi-app-43d8850c877b655715f99b56,
.breezi-app-c441ef18ab0c4bfeca8cfed3 {
    display: none;
}


/*-- Display none for NAVS Canada Version--*/

.breezi-app-7cc97a775efd9d3d16ea67a0,
.breezi-app-8fbd65acb580ec8cb459f4ec,
.breezi-app-508f88640f4acb0b3863ede3,
.breezi-app-1cc681d787bc8cdc35073554,
.breezi-app-4cffae5c01dabbe0d449a7b7,
.breezi-app-3170b196b3f7519e0a1fe0c1 {
    display: none;
}


/*-- Position and BG for NAVS USA --*/

.breezi-app-546bfc8c45b4c73854fe80a6>div,
.breezi-app-a1f1e3917b5fdec1f30d147e>div,
.breezi-app-e9bc88daf4347f759d4e0fa7>div,
.breezi-app-fd7e633838a4091d0d168b6e>div,
.breezi-app-43d8850c877b655715f99b56>div,
.breezi-app-c441ef18ab0c4bfeca8cfed3>div {
    position: absolute;
    background: #005aa8;
    width: 315px;
    z-index: 100;
}


/*-- Position and BG for NAVS Canada --*/

.breezi-app-7cc97a775efd9d3d16ea67a0>div,
.breezi-app-8fbd65acb580ec8cb459f4ec>div,
.breezi-app-508f88640f4acb0b3863ede3>div,
.breezi-app-1cc681d787bc8cdc35073554>div,
.breezi-app-4cffae5c01dabbe0d449a7b7>div,
.breezi-app-3170b196b3f7519e0a1fe0c1>div {
    position: absolute;
    background: #005aa8;
    width: 315px;
    z-index: 100;
}


/*-- Click here buttons USA --*/

.breezi-app-7055348a170dcc5948a50576,
.breezi-app-51cafcb0af79177bdea1eb88,
.breezi-app-09edc83df44a810651f38a97,
.breezi-app-be8b88c0dbc4a807836c381c,
.breezi-app-4a4031796a8481c517f5bae5,
.breezi-app-7b964be58bd135f8076557dd {
    cursor: pointer;
    border-bottom: #fff 4px solid;
}


/*-- Click here buttons Canada --*/

.breezi-app-9873f0f379c6b8dd7404010e,
.breezi-app-700d97ea716981b316004c1e,
.breezi-app-5acfc80cb507d45b4967fe1f,
.breezi-app-6b4aa1d614cd553bece960ab,
.breezi-app-b445035967c330dcf8d931cd,
.breezi-app-f6ac979a0de84fb1ed649516 {
    cursor: pointer;
    border-bottom: #fff 4px solid;
}


/*-- Text hover for  NAVS --*/

.breezi-app .breezi-app-546bfc8c45b4c73854fe80a6 .breezi-nav-toggle .main-nav .main-nav-item .nav-container:hover a {
    color: #005aa8;
}

#column_041658584913238883>div {
    padding-bottom: 0px !important;
}


/*-- NAVS Gradient BG USA --*/

.breezi-app-546bfc8c45b4c73854fe80a6>.breezi-nav-toggle.align-left.vertical.content-type,
.breezi-app-546bfc8c45b4c73854fe80a6>.breezi-nav-toggle.align-left.vertical.content-type,
.breezi-app-a1f1e3917b5fdec1f30d147e>.breezi-nav-toggle.align-left.vertical.content-type,
.breezi-app-e9bc88daf4347f759d4e0fa7>.breezi-nav-toggle.align-left.vertical.content-type,
.breezi-app-fd7e633838a4091d0d168b6e>.breezi-nav-toggle.align-left.vertical.content-type,
.breezi-app-43d8850c877b655715f99b56>.breezi-nav-toggle.align-left.vertical.content-type,
.breezi-app-c441ef18ab0c4bfeca8cfed3>.breezi-nav-toggle.align-left.vertical.content-type {
    background: rgb(0, 90, 168);
    background: rgba(0, 90, 198, 1);
    background: -moz-linear-gradient(left, rgba(0, 90, 168, 1) 0%, rgba(1, 76, 141, 1) 1%, rgba(0, 109, 204, 1) 95%, rgba(0, 109, 204, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 90, 168, 1)), color-stop(1%, rgba(1, 76, 141, 1)), color-stop(95%, rgba(0, 109, 204, 1)), color-stop(100%, rgba(0, 109, 204, 1)));
    background: -webkit-linear-gradient(left, rgba(0, 90, 168, 1) 0%, rgba(1, 76, 141, 1) 1%, rgba(0, 109, 204, 1) 95%, rgba(0, 109, 204, 1) 100%);
    background: -o-linear-gradient(left, rgba(0, 90, 168, 1) 0%, rgba(1, 76, 141, 1) 1%, rgba(0, 109, 204, 1) 95%, rgba(0, 109, 204, 1) 100%);
    background: -ms-linear-gradient(left, rgba(0, 90, 168, 1) 0%, rgba(1, 76, 141, 1) 1%, rgba(0, 109, 204, 1) 95%, rgba(0, 109, 204, 1) 100%);
    background: linear-gradient(to right, rgba(0, 90, 168, 1) 0%, rgba(1, 76, 141, 1) 1%, rgba(0, 109, 204, 1) 95%, rgba(0, 109, 204, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fa816b', endColorstr='#006dcc', GradientType=1);
}


/*-- NAVS Gradient BG Canada --*/

.breezi-app-7cc97a775efd9d3d16ea67a0>.breezi-nav-toggle.align-left.vertical.content-type,
.breezi-app-8fbd65acb580ec8cb459f4ec>.breezi-nav-toggle.align-left.vertical.content-type,
.breezi-app-508f88640f4acb0b3863ede3>.breezi-nav-toggle.align-left.vertical.content-type,
.breezi-app-1cc681d787bc8cdc35073554>.breezi-nav-toggle.align-left.vertical.content-type,
.breezi-app-fd7e633838a4091d0d168b6e>.breezi-nav-toggle.align-left.vertical.content-type,
.breezi-app-4cffae5c01dabbe0d449a7b7>.breezi-nav-toggle.align-left.vertical.content-type,
.breezi-app-3170b196b3f7519e0a1fe0c1>.breezi-nav-toggle.align-left.vertical.content-type {
    background: rgb(0, 90, 168);
    background: rgba(0, 90, 198, 1);
    background: -moz-linear-gradient(left, rgba(0, 90, 168, 1) 0%, rgba(1, 76, 141, 1) 1%, rgba(0, 109, 204, 1) 95%, rgba(0, 109, 204, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 90, 168, 1)), color-stop(1%, rgba(1, 76, 141, 1)), color-stop(95%, rgba(0, 109, 204, 1)), color-stop(100%, rgba(0, 109, 204, 1)));
    background: -webkit-linear-gradient(left, rgba(0, 90, 168, 1) 0%, rgba(1, 76, 141, 1) 1%, rgba(0, 109, 204, 1) 95%, rgba(0, 109, 204, 1) 100%);
    background: -o-linear-gradient(left, rgba(0, 90, 168, 1) 0%, rgba(1, 76, 141, 1) 1%, rgba(0, 109, 204, 1) 95%, rgba(0, 109, 204, 1) 100%);
    background: -ms-linear-gradient(left, rgba(0, 90, 168, 1) 0%, rgba(1, 76, 141, 1) 1%, rgba(0, 109, 204, 1) 95%, rgba(0, 109, 204, 1) 100%);
    background: linear-gradient(to right, rgba(0, 90, 168, 1) 0%, rgba(1, 76, 141, 1) 1%, rgba(0, 109, 204, 1) 95%, rgba(0, 109, 204, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fa816b', endColorstr='#006dcc', GradientType=1);
}


/*-- Video Text Transition opacity --*/

.xe_dc73f15dff44f0a65300eb89,
.xe_6d754e749f8139c91e6d307a,
.xe_5495c7d3773e5394b9bdcbfa {
    opacity: 1;
    transition: opacity 0.5s;
}


/*-- Add class to shopamsoil.js for text video transition --*/

.hide {
    opacity: 0 !important;
}


/*-- video mute/unmute controls --*/

#mutevid {
    cursor: pointer;
    height: 40px;
    width: 40px;
}

#mutevidbg {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 50px;
    right: 50px;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.52);
    display: flex;
    align-items: center;
    justify-content: center;
}


/*---------- END of Code for product page categories ----------*/


/*------ Metric Motorcycle Link ------*/

.footer-metric-motorcycle {
    color: #ffffff;
}

.footer-metric-motorcycle:hover {
    color: #ff9900;
}


/*====== Link footers text replacemente ======*/

.footer-metric-motorcycle {
    color: #fff;
}

.footer-metric-motorcycle:hover {
    color: #ff9900;
}


/*====== Fix for third btn of 3 tiers socket ======*/

.breezi-app-79e97a1147d3ee3c65de880a .app-container {
    height: 265px;
}


/*====== Style for fire figther video about-amsoil page ======*/

#player-vimeo {
    width: 100%;
    height: 480px;
}

.ui-mobile-viewport #player-vimeo {
    height: auto;
}