/*  BASICS ------------------------------------------------------- */

/* la-belle-aurore-regular - latin */
@font-face {
  font-family: 'La Belle Aurore';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/google/la-belle-aurore-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('La Belle Aurore'), local('LaBelleAurore'),
       url('../fonts/la-belle-aurore/la-belle-aurore-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/la-belle-aurore/la-belle-aurore-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/la-belle-aurore/la-belle-aurore-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/la-belle-aurore/la-belle-aurore-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/la-belle-aurore/la-belle-aurore-v10-latin-regular.svg#LaBelleAurore') format('svg'); /* Legacy iOS */
}


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

html {
    scroll-padding-top: 8rem;
}


body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow-x: hidden;
	color: #444;
	line-height: 1.5; 

	&:not(.cms-index-index) .page-main {
    	margin-bottom: 90px;
    	
    	@media only screen and (max-width: @screen__m) {
    		margin-bottom: 0;
    	}
    	
	}
}

a {
    color: #004896;
    
    &:hover {
    	color: #1694d6; 
    	text-decoration: none;
    }
    
    &:visited {
    	color: #004896;
    }
}

.alink {
    color: #004896;
    &:visited {
    	color: #004896;
    }
}


h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6, 
.block-title h2, 
.block-title h3, 
.block-title strong, 
.title-font {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
}

h1,
.h1 {
    color: #444;
    font-size: 40px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
	margin: 0;
	margin-bottom: 20px;
}

h2, 
.h2 {
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 20px;
    color: #444;
    font-size: 33px;
    font-weight: normal;
    font-style: normal;
    line-height: 1 ;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
}

h3,
.h3 {
	margin: 0;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	text-rendering: optimizeSpeed;
	text-transform: uppercase;
}

.sub-title {
    text-transform: uppercase;
    font-weight: 300;
}

.secondary-font {
    font-weight: 300;
}

.mixed-banner {
    padding: 5px;
}
.mixed-banner-row {
    margin: -5px;
}

.lg-margin2x {
    margin-bottom: 80px;
}

.category-image {
    margin-bottom: 1.5em;
}

ol, 
ul {
    list-style: none;
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
}

li {
    list-style: none;
}

th, 
code, 
cite, 
caption {
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

.fieldset > .legend {
	margin: 0;
	margin-bottom: 20px;
	font-size: 33px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	text-rendering: optimizeLegibility;
	text-transform: uppercase;
	color: #444444; 
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fieldset > .field.required > .label:after,
.fieldset > .fields > .field.required > .label:after, 
.fieldset > .field._required > .label:after, 
.fieldset > .fields > .field._required > .label:after {
	font-size: 16px;
	font-weight: bold;
}


address {
	font-size: 16px;
}

small.required {
	color: #e02b27;
	font-size: 1.2rem;
}


.qty.field .input-text.qty, 
.col.qty .input-text.qty {
    font-size: 13px;
    font-weight: inherit;
}

.abs-account-page-title, 
.customer-account-login .page-title-wrapper, 
.customer-account-create .page-title-wrapper, 
.customer-account-forgotpassword .page-title-wrapper {
    background: transparent;
    text-align: left;
    padding-bottom: 0;
    h1.page-title {
        margin: 0;
        margin-bottom: 20px;
        font-size: 33px;
        font-weight: 400;
        font-style: normal;
        line-height: 1;
        text-rendering: optimizeLegibility;
        text-transform: uppercase;
        color: #444;
    }    
}

.customer-account-create .page-title-wrapper h1.page-title {
    font-size: 20px;
    color: #08c !important;
}



/* colors ------------------------------------------------------- */

/*
a, 
h2.product-name a, 
h3.product-name a, 
h4.product-name a, 
h5.product-name a, 
p.product-name a, 
.cart-popup-container .mini-products-list p.product-name a, 
.header-minicart .cart-sum .price {
    color: #004896;
}
a:hover {
    color: #1694d6; 
}*/

.page-header.type1 .panel.header .header.links > li > a:hover,
.footer-middle a:hover, .footer-middle a:focus,
.footer-bottom .custom-block  .footer-nav a:hover,
.page-header.type1 .navigation li.level0:hover > a.level-top {
    color: #1694d6;
}

.page-header.type1 .block-search .action.search:hover {
    background: #1694d6;
}

.products-grid .product-item .product-item-details .price-box .special-price .price-hints a,
.products-grid .product-item .product-item-details .price-box .price-hints a {
    color: #004795;   
}
.products-grid .product-item .product-item-details .price-box .special-price .price-hints a:hover,
.products-grid .product-item .product-item-details .price-box .price-hints a:hover {
    color: #1694D6;   
}

/* ============================================ *
 * Buttons
 * ============================================ */
 
button.action,
button.action.update,
a.action.continue,
.amcheckout-step-container button:not(.braintree-googlepay-button):not(.ui-datepicker-trigger),
#repertus_find_packstation_button_execute {
    background: #004795;
    display: inline-block;
    padding: 7px 15px;
    border: 0;
    color: #FFFFFF; 
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    // text-transform: uppercase;
    vertical-align: middle;
    // white-space: nowrap;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: auto;
    border-radius: 3px;
    
	&.primary {
		background: #004795;
		color: #fff;
        border-radius: 3px;
	}
	
	&:hover {
		background: #0088cc;
		border: none;
	 	outline: none;
	 	color: #FFFFFF;
	}
}

button:not(.primary) {
    height: 32px;
    font-size: 1.4rem;
    font-weight: 400;
    padding: 0 12px;
}
 
a.action.primary {
	background: #004795;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    // text-transform: uppercase;
	&:hover {
		background: #0088cc;
		border: 1px solid #0088cc;
	 	outline: none;
	 	color: #FFFFFF;
	}
}
 
a.action.continue {
	&:hover {
		border: none !important;
	}
}
 
.block-authentication .action.action-login {
	padding: 7px 15px;
	line-height: 20px;
}
 
.button {
	background-color: #004896;
    display: inline-block;
    padding: 7px 15px;
    border: 0;
    color: #fff; 
    font-size: 14px;
    font-weight: normal;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    line-height: 20px;
    text-align: center;
    // text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    
    &:hover,
    &:focus {
    	background: #1694d6;
	    cursor: pointer;
	    color: #fff;
	    outline: none;
    }
    
    &:visited {
    	color: #fff;
    }
    
  }
  
  .button
  .button.btn-lg {
    padding: 12px 18px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 0;
    min-width: 160px;
    border-radius: 3px;
  }
  
  @media only screen and (max-width: 767px) {
    .button.btn-lg {
      font-size: 15px;
      padding: 8px 14px;
    }
  }
  
  .button-custom {
    border: 1px solid #d7d5cb;
    padding: 6px 15px;
    background: none;
    color: #949188;
  }

  .button.disabled,
  .button:disabled {
    background: #C8C8C8;
    opacity: 0.6;
    cursor: not-allowed;
  }
  
  .button + .button {
    margin-left: 5px;
  }
  
  .button2 {
    border: 0;
    padding: 0 5px;
    margin: 0;
    background: transparent;
    cursor: pointer;
    vertical-align: middle;
  }
  
  .button2:focus {
    outline: none;
  }
  
  .button2 span,
  .button2 span span {
    line-height: 30px;
    height: 30px;
    text-decoration: underline;
    text-transform: uppercase;
    display: inline-block;
    font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  }
  .button2 span:hover,
  .button2 span span:hover {
    text-decoration: none;
    color: #246b8f;
  }
  
  @media only screen and (max-width: 767px) {
    .col2-set .buttons-set .button,
    .col2-set .buttons-set .button2 {
      float: none;
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
    .col2-set .buttons-set .back-link {
      display: none;
    }
    .col2-set .buttons-set .required {
      display: none;
    }
  }
  @media only screen and (max-width: 480px) {
    .buttons-set .button {
      float: none;
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 7px;
    }
    .buttons-set .back-link {
      display: none;
    }
    .buttons-set .required {
      display: none;
    }
  }


.button.btn-lg {
    padding: 12px 18px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 0;
    min-width: 160px;
    border-radius: 3px;
}

.button-custom {
    border: 1px solid #d7d5cb;
}
 
.button-up, .button-down, .button-white {
    color: #ffffff;
    border-color: #ffffff;
}

.white-font, .white-font h1, .white-font h2, .white-font h3, .white-font h4, .white-font h5, .white-font h6 {
    color: #FFFFFF;
}

.button-white:hover {
    background: #004896;
    border-color: #004896;
}




h1, .h1 {
    font-size: 35px;
}

.block-title h2,
.block-title h3, 
.block-title strong, 
.title-font {
    font-weight: normal;
}

ol {
    padding-left: 15px;
}

ol li {
    list-style: outside decimal;
    font-size: 16px;
}

ul.list {
    padding-left: 15px;
}

ul.list li {
    list-style: outside disc;
    font-size: 16px;
}

button, .button {
    border-radius: 3px;
}

p {
    font-size: 16px;
}

.container .price-filter-slider .btn-container .button {
    color: #004795;
    border: 1px solid #004795;
}

.container .price-filter-slider .btn-container .button:hover {
    background: #1694d6;
    color: #fff;
}

label {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    text-transform: none;
}

input,
select, 
textarea {
    font-size: 16px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: none;
    border-radius: 0;
}




._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
	box-shadow: none;
}

input,
select,
textarea {
    background: #fff;
    border: 1px solid #e5e5e5;
}

select {
    padding-right: 0;
    height: 38px;
}


input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="email"] {
	border: 1px solid #e5e5e5;
	border-radius: 0;
}

.validation-advice {
    display: block;
}

.account-create .input-box {
    position: relative;
}

.account-create .input-box .validation-advice {
    background: #eee none repeat scroll 0 0;
    bottom: -10px;
    padding: 0 5px;
    position: absolute;
    width: 100%;
}

.back-to-top.btt-shown {
    bottom: 80px;
}

#btn_submit,
#contactForm .button {
    background: #004795;
    color: #fff;
}

#btn_submit:hover,
#contactForm .button:hover {
    background: #1694d6;
    border-color: #1694d6;
}

a:active, 
a:focus {
    color: #1694d6;
}

.text-muted.normalize {
    color: #999;
}
.products-list .text-muted.normalize {
    position: relative;
    top: -5px;
}

.fieldset > .fields > .field > .label {
	margin-bottom: 14px;
}

.ui-helper-hidden-accessible {
	display: none !important;
}


::selection {
	background: @blue;
	color: #fff;
}
::-moz-selection {
	background: @blue;
	color: #fff;
}



/*
._block-content-loading::after {
    
}
*/

.product-item-info .product-item-details .price-box {
    line-height: inherit;
    font-weight: inherit;
}



.product-item .product-reviews-summary {
    background: url(../images/rating-bar.png) center no-repeat;
    line-height: 1;
    margin: 7px 0;
    display: block;
    height: inherit; 
}



.product-item-photo:hover {
    box-shadow: none;
}

.product-item-details {
    padding: 10px 0; 
}

.product-item-name a {
    white-space: normal;
}

.product-item-info:hover .product-item-photo {
    box-shadow: none;
}