/*
    Theme Name: Habco
    Theme URI: http://www.atwatermedia.com
    Version: 1.0.0
    Description: 
    Author: Atwater Media
    Author URI: http://www.atwatermedia.com
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
	
	This theme is comprised of two parts.
	(1) the PHP code and integrated HTML are licensed under the General Public
	License (GPL). You will find a copy of the GPL in the same directory as this
	text file.
	(2) All other parts, but not limited to the CSS code, images, and designs are
	copyright of Imaginative Advertising.
*/



/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
/* change colours to suit your needs */
ins {
	background:transparent;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}





/** ======================================================================================
*
* WORDPRESS SPECIFIC STYLES 
*
* ======================================================================================== */

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



/** ======================================================================================
*
* GLOBAL STYLES 
*
* ======================================================================================== */

body {
	font-size: 15px;
	font-family: Arial,Helvetica,Tahoma,sans-serif;
	overflow-x: hidden;
}
.atwm-wrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
}
.atwm-container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto !important;
	margin-left: auto !important;
	width: 1400px;
	box-sizing: border-box;
}
.atwm-container-full {
	padding-right: 0px;
	padding-left: 0px;
	box-sizing: border-box;
}
.atwm-ver-div {
	margin-left: 0.5em;
	margin-right: 0.5em;
}
a {
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -1.0em;
  font-size: 50%;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}
.atwm-lang-fr {
	display: none;
}


/** ======================================================================================
*
* GRID STYLES 
*
* ======================================================================================== */
.atwm-col-1,
.atwm-col-2,
.atwm-col-2p4,
.atwm-col-3,
.atwm-col-4,
.atwm-col-5,
.atwm-col-6,
.atwm-col-7,
.atwm-col-8,
.atwm-col-9,
.atwm-col-10,
.atwm-col-11,
.atwm-col-12 {
    padding-left: 15px;
    padding-right: 15px;  
	float: left;
	box-sizing: border-box;
}
.atwm-col-1 {
	width: 8.333%;
}
.atwm-col-2 {
	width: 16.667%;
}
.atwm-col-2p4 {
	width: 20%;
}
.atwm-col-3 {
	width: 25%;
}
.atwm-col-4 {
	width: 33.333%;
}
.atwm-col-5 {
	width: 41.667%;
}
.atwm-col-6 {
	width: 50%;
}
.atwm-col-7 {
	width: 58.333%;
}
.atwm-col-8 {
	width: 66.667%;
}
.atwm-col-9 {
	width: 75%;
}
.atwm-col-10 {
	width: 83.333%;
}
.atwm-col-11 {
	width: 91.667%;
}
.atwm-col-12 {
	width: 100%;
}

.atwm-row {
	box-sizing: border-box;
	margin-left: -15px;
	margin-right: -15px;
}
.atwm-row:before, .atwm-row:after {
	content: " ";
	display: table;
}
.atwm-row:after {
	clear: both;
}



.atwm-row-full-1 {
	box-sizing: border-box;
	margin-left: -15px;
	margin-right: -15px;
}
.atwm-row-full-1:before, .atwm-row-full-1:after {
	content: " ";
	display: table;
}
.atwm-row-full-1:after {
	clear: both;
}



/** ======================================================================================
*
* HELPERS 
*
* ======================================================================================== */

#atwm-preloader {
	position: fixed;
	height: 64px;
	width: 64px;
	left: -100px;
	top: 0px;
	background-image: url(images/712.gif);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1000;
}
#atwm-back-to-top {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	padding: 5px;
	background: rgba(255,255,255,0.6);
	z-index: 1000;
	color: #000;
	z-index: 1002;
}
#atwm-back-to-top .material-icons {
	font-size: 36px;
}

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

.atwm-vertical-spacing {
	clear: both;
	margin-bottom: 32px;
}




@-webkit-keyframes fadeInBottom {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateY(10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
}

@keyframes fadeInBottom {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateY(10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
}

.fadeInBottom {
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}





@-webkit-keyframes fadeOutBottom {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateY(10%);
	}
}

@keyframes fadeOutBottom {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateY(10%);
	}
}

.fadeOutBottom {
    -webkit-animation-name: fadeOutBottom;
    animation-name: fadeOutBottom;
	
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}



@-webkit-keyframes fadeInLeft {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(-10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
}

@keyframes fadeInLeft {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(-10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
.custom-heading-title {
    color: #5c8bad;
    font-size: 32px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase !important;
	font-style: normal !important;
}
/* New Home page styles */
a.btn-shop-now-slider {
    background-color: transparent;
    border: 3px solid #000000 !important;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-family: SANS-SERIF;
    font-size: 20px;
    font-weight: bold;
    padding: 13px 20px !important;
    text-decoration: none;
}
a.btn-shop-now-slider:hover {
    border: 3px solid #ffffff !important;
    color: #ffffff;
}
.shop-now-bottom {
    padding-top: 20px !important;
    text-align: center !important;
}
.shop-now-top {
    text-align: center !important;
}
.text-on-new-slider {
    background-color: rgba(255,255,255,0.4);
    padding: 10px !important;
}
p.custom-text-new-slider {
    line-height: 30px !important;
    font-size: 25px !important;
	color: #000000 !important;
}
.bottom-slider-new {
    text-align: center !important;
    background-color: rgba( 48, 82, 103, 0.7);
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff;
    font-style: italic;
    width: 100%;
    box-sizing: border-box;
}
h2.special-h-two-new {
    padding: 13px 20px !important;
	 text-align: right !important;
}
.hover-on-image-new {
    position: relative;
    width: 50%;
	margin: auto;
}

.image-new {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle-new {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.hover-on-image-new:hover .image-new {
  opacity: 0.3;
}

.hover-on-image-new:hover .middle-new {
  opacity: 1;
}

.text-new {
  background-color: transparent;
  border: 1px solid #000000 !important;
  color: white;
  font-size: 14px;
  padding: 10px;
	margin-bottom: 10px;
	min-width: 160px;
}
a.links-no-underline {
    text-decoration: none;
}
@media only screen and (max-width: 480px) {
	p.custom-text-new-slider {
		line-height: 20px !important;
		font-size: 15px !important;
	}
}
a.new-btn-shop-category {
    border-radius: 3px !important;
    border: solid 1px #bfbfbf !important;
    padding: 8px 12px !important;
    padding-bottom: 10px!important;
	float: left !important;
	margin-right: 10px !important;
	margin-bottom: 10px !important;
	min-width: 210px !important;
}

a.new-btn-shop-category:hover {
    background-color: #2d89cb !important;
    border: solid 1px #2d89cb !important;
    color: #fff !important;
}
.custom-minimum-height {
    min-height: 260px !important;
}
@media only screen and (max-width: 922px) {
	.custom-minimum-height {
    min-height: 322px !important;
}
}
@media only screen and (max-width: 767px) {
	.custom-minimum-height {
    min-height: 190px !important;
}
}