/*
Theme Name: Crimson Fox
Author: Crimson Fox
Author URI: http://crimsonfox.com.au/
Description: Crimson Fox Custom Theme
*/




/********************* FONTS *********************/

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

@font-face {
    font-family: 'latobold';
    src: url('fonts/Lato-Bold-webfont.eot');
    src: url('fonts/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Bold-webfont.woff2') format('woff2'),
         url('fonts/Lato-Bold-webfont.woff') format('woff'),
         url('fonts/Lato-Bold-webfont.ttf') format('truetype'),
         url('fonts/Lato-Bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoitalic';
    src: url('fonts/Lato-Italic-webfont.eot');
    src: url('fonts/Lato-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Italic-webfont.woff2') format('woff2'),
         url('fonts/Lato-Italic-webfont.woff') format('woff'),
         url('fonts/Lato-Italic-webfont.ttf') format('truetype'),
         url('fonts/Lato-Italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoregular';
    src: url('fonts/Lato-Regular-webfont.eot');
    src: url('fonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Regular-webfont.woff2') format('woff2'),
         url('fonts/Lato-Regular-webfont.woff') format('woff'),
         url('fonts/Lato-Regular-webfont.ttf') format('truetype'),
         url('fonts/Lato-Regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latothin';
    src: url('fonts/Lato-Thin-webfont.eot');
    src: url('fonts/Lato-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Thin-webfont.woff2') format('woff2'),
         url('fonts/Lato-Thin-webfont.woff') format('woff'),
         url('fonts/Lato-Thin-webfont.ttf') format('truetype'),
         url('fonts/Lato-Thin-webfont.svg#latothin') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'latothin_italic';
    src: url('fonts/Lato-ThinItalic-webfont.eot');
    src: url('fonts/Lato-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-ThinItalic-webfont.woff2') format('woff2'),
         url('fonts/Lato-ThinItalic-webfont.woff') format('woff'),
         url('fonts/Lato-ThinItalic-webfont.ttf') format('truetype'),
         url('fonts/Lato-ThinItalic-webfont.svg#latothin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'latolight_italic';
    src: url('fonts/Lato-LightItalic-webfont.eot');
    src: url('fonts/Lato-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-LightItalic-webfont.woff2') format('woff2'),
         url('fonts/Lato-LightItalic-webfont.woff') format('woff'),
         url('fonts/Lato-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/Lato-LightItalic-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight';
    src: url('fonts/Lato-Light-webfont.eot');
    src: url('fonts/Lato-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Light-webfont.woff2') format('woff2'),
         url('fonts/Lato-Light-webfont.woff') format('woff'),
         url('fonts/Lato-Light-webfont.ttf') format('truetype'),
         url('fonts/Lato-Light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold_italic';
    src: url('fonts/Lato-BoldItalic-webfont.eot');
    src: url('fonts/Lato-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-BoldItalic-webfont.woff2') format('woff2'),
         url('fonts/Lato-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Lato-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/Lato-BoldItalic-webfont.svg#latobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


/********************* GENERAL *********************/



html{
	height:100%
}

body{
	margin:0 auto;
	padding:0;
	width:100%;
	font-family: 'latolight';
	min-height:100%;
	height:100%;
}

.clear{
	clear:both;
}

.inner{
	width:950px;
	margin:0 auto;
	position:relative;
}

a{
	text-decoration:none;
	color:#ec008c;
}

a:hover{
	color:#97005a;
}

h1, h2, h3, h4{
	font-family: 'latolight';
	font-weight:normal;
}

strong{
	font-family: 'latobold';
	font-weight:normal;
}

em{
	font-style:normal;
	font-family: 'latolight_italic';
}

strong em, em strong{
	font-family: 'latobold_italic';
}

.wrapper {
	min-height: 100%;
	position: relative;
}

.container {
	margin: 0 auto;
	padding-bottom: 120px;
	width: 100%;
}



/********************* HEADER *********************/


.header{
	position:relative;
}

.header .inner{
	padding:35px 0 0;
	background:url('images/header-ribbons.png') bottom right no-repeat;
}

.header .logo{
	background:url('images/supreme-logo.png') top left no-repeat;
	display:block;
	width:276px;
	height:102px;
	text-indent:-99999px;
	float:left;
}

.header .right{
	float:right;
}

.header .right h3{
	text-align:right;
	font-size:24px;
	margin:0 0 15px;
	padding:0;
    position: absolute;
    right: 190px;
    top: 10px;
    width: 382px;
}

.header .right .enquire{
	text-align:right;
	float:right;
	background:#00aeef;
	color:#fff;
	font-size:24px;
	padding:8px 35px 10px;
	font-family: 'latoregular';
   width:220px;
   display:block;
   right:20px;
   top:95px;
   position:absolute;
}

.home .header .right .enquire{
	display:none;
}

.header .right .enquire:hover{
	background:#006a91;
}




/********************* HEADER NAVIGATION *********************/


.header .navigation{
	text-align:center;
	margin:35px 0 0;
	height:45px;
	z-index:9999;
	position:relative;
}

.header .navigation ul{
	padding:0 30px 0 0;
	margin:0 auto;
	display: inline-block;
}

.header .navigation ul li{
	list-style:none;
	float:left;
	position:relative;
}

.header .navigation ul li a{
	color:#000;
	font-size:15px;
	display:block;
	padding:12px 15px;
	height:22px;
}

.header .navigation ul li.current-menu-item a{
	color:#00aeef;
}

.header .navigation ul li a:hover{
	color:#ec008c;
}

.header .navigation ul li:hover ul{
	visibility:visible;
	opacity:1;
	display:block;
    -webkit-animation: fadein .5s; /* Safari and Chrome */
    -moz-animation: fadein .5s; /* Firefox */
    -ms-animation: fadein .5s; /* Internet Explorer */
    -o-animation: fadein .5s; /* Opera */
    animation: fadein .5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}






.header .navigation ul li ul{
	visibility:hidden;
	opacity:0;
	position:absolute;
	z-index:9999;
	background:#ec008c;
	left:0;
	top:45px;
	width:260px;
    -webkit-animation: fadeout .75s; /* Safari and Chrome */
    -moz-animation: fadeout .75s; /* Firefox */
    -ms-animation: fadeout .75s; /* Internet Explorer */
    -o-animation: fadeout .75s; /* Opera */
    animation: fadeout .75s;

    -webkit-transition: visibility .75s; /* Safari and Chrome */
    -moz-transition: visibility .75s; /* Firefox */
    -ms-transition: visibility .75s; /* Internet Explorer */
    -o-transition: visibility .75s; /* Opera */
    transition: visibility .75s;
}


@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox */
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari and Chrome */
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Opera */
@-o-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}




.header .navigation ul li ul li{
	display:block;
	float:none;
}

.header .navigation ul li ul li a{
	background:#ec008c;
	color:#fff !important;
	text-align:left;
	padding:8px 15px;
	width:260px;
}

.header .navigation ul li ul li a:hover{
	background:#97005a;
	color:#fff;
}


.header .navigation ul li ul li ul{
	right:-520px;
	top:0;
	display:none !important;
}

.header .navigation ul li ul li:hover ul{
	display:block !important;
}






/********************* TITLEBAR *********************/


.titlebar{
	background:#000;
	position:relative;
	z-index:8888;
}

.titlebar h2{
	width:33%;
	float:left;
	display:block;
	text-align:center;
	margin:0;
	padding:10px 0;
	font-size:25px;
	font-family: 'latobold';
	font-weight:normal !important;
}

.titlebar h2:hover{
	cursor:pointer;
}

.titlebar .ghostbar{
	display:none;
	background:#fff;
	color:#000;
	position:absolute;
	top:52px;
	/* -webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.25); */
	/* -moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.25); */
	/* box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.25); */
	background:url('images/arrow.png') top center no-repeat;
	padding:18px 0 0;
	width:415px;
	font-size:18px;
	z-index:9999;
	text-align:center;
}

.titlebar .ghostbar p{
	padding:25px;
	margin:0;
	background:#fff;
}

.titlebar .service, .blue{
	color:#00aeef;
}

.home .titlebar .service:hover + .servicetext{

}



.titlebar .servicetext{
	left:0;
	background:url('images/arrow.png') 140px top no-repeat;
}

.titlebar .quality{
	color:#ec008c;
}

.home .titlebar .quality:hover + .qualitytext{

}

.titlebar .qualitytext{
	left:50%;
	right:50%;
	margin-left:-200px;
	background:url('images/arrow.png') top center no-repeat;
}

.titlebar .value{
	color:#fff200;
}

.home .titlebar .value:hover + .valuetext{

}

.titlebar .valuetext{
	right:0;
	background:url('images/arrow.png') 230px top no-repeat;
}



/********************* BANNER *********************/


.banner{
	background:#000;
	height:330px;
	width:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.banner .text{
	width:950px;
	margin-left:25px;
}

.banner .text .leftblock{
	width:365px;
	background-color: rgba(0, 0, 0, 0.75);
	padding:35px 40px 55px;
	position:relative;
}


.banner .text .leftblock p{
	padding:0;
	margin:0;
	color:#fff;
	font-size:19px;
	text-align:center;
	line-height:24px;
}

.banner .text .leftblock .link{
	position:absolute;
	left:50%;
	top:145px;
	text-align:center;
	margin-left:-165px;
}

.banner .text .leftblock .link p a{
	background:#00aeef;
	font-size:21.26px;
	color:#fff;
	text-align:center;
	line-height:22px;
	padding:10px 40px;
	width:250px;
	display:block;
}

.banner .text .leftblock .link p a:hover{
	background:#006A91;
}

.banner .text .leftblock .link p a span{
	font-size:24.26px;
}

.banner .text .rightblock{
	position:absolute;
	right:0;
	top:0;
}



.ls-layer .slider-bg{
	left:0 !important;
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

body{
	min-width:1024px;
}

.ls-layer {
	min-width:1024px;
}

}






/********************* MAIN *********************/

.main{
	padding:55px 0 50px;
}

.main h1{
	font-family: 'latobold';
	font-size:27px;
	margin-top:0;
	padding-top:0;
}

.main h2{

}

.main h3{
	font-family: 'latobold';
}

.main h4{

}

.main p{
	font-size:15px;
	line-height:22px;
}

.main .sidebar{
	width: 305px;
	float:right;
	font-family: 'latoregular';
}

.main .sidebar hr{
	margin:45px 0;
}

.internal .main .sidebar{
	float:left;
}

.main .sidebar ol li{
	margin:0 0 15px;
	line-height:18px;
}

.main .sidebar ul{
	margin:0;
	padding:0;
}

.main .sidebar ul li{
	list-style:none;
}

.main .sidebar ul li a{
	font-family: 'latoregular';
	background:url('images/double-arrow.png') 265px center no-repeat #00aeef;
	color:#fff;
	text-align:left;
	font-size:15px;
	display:block;
	padding:17px 30px;
	margin:0 0 5px 0;
}

.main .sidebar ul li a:hover{
	background:url('images/double-arrow.png') 265px center no-repeat #006a91;
}

.main .sidebar ul li ul li a{
	background:url('images/double-arrow.png') 245px center no-repeat #dc0083;
	margin:0 0 5px 20px;
}

.main .sidebar ul li ul li a:hover{
	background:url('images/double-arrow.png') 245px center no-repeat #97005a;
}

.main .content{
	width:610px;
	floar:left;
}

.main .content ul li{
	margin:10px 0;
	font-size:15px;
	line-height:22px;
}

.main .content ol li{
	font-size:15px;
	line-height:22px;
}

.internal .main .content{
	float:right;
}





.main .contactform{
	padding:10px 20px 15px;
	color:#fff;
	background:#00aeef;
}

.main .contactform p{
	font-size:16.26px;
	text-align:center;
	line-height:22px;
}

.main .contactform input[type="text"]{
	border:none;
	padding:6px 12px;
	font-size:16px;
	color:#000;
	font-family: 'latolight';
	margin:0 0 4px;
	width:240px;
}

.main .contactform input[type="file"]{
	margin:0 0 16px;
	float:left;
	width:190px;
}

.main .contactform #total_size_text{
	clear:both
}

.main .contactform input[type="submit"]{
	border:none;
	padding:6px 40px;
	background:#FFF200;
	font-size:16px;
	color:#000;
	font-family: 'latolight';
	margin:0 0 4px;
	-webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.45);
	box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.45);
	cursor:pointer;
}

.main .contactform input[type="submit"]:hover{
	background:#006A91;
	-webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0);
	-moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0);
	box-shadow: 0px 2px 5px -1px rgba(0,0,0,0);
	color:#fff;
}


.main .contactform textarea{
	border:none;
	padding:6px 12px;
	font-size:16px;
	color:#000;
	font-family: 'latolight';
	margin:0 0 6px;
	width:240px;
	max-width:240px;
	min-width:240px;
	min-height:100px;
}


.main .contactform #files .remove{
	background:url('images/cancel.png') no-repeat center center;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	width:25px;
	height:25px;
	border-radius:5px 5px 5px 5px;
}

.main .contactform #files .remove:hover{
	background:url('images/cancel.png') no-repeat center center #006A91;
}


.main .content .externallink:after{
	content: url('images/Icon_External_Link.png');
	margin: 0 0 0 5px;
}

.main .content .pdf:before{
	content: url('images/pdf.png');
	margin: 0 5px 0 0;
}


/*.main .content a[href^="http://"]:after, 
.main .content a[href^="https://"]:after {
	content: url(http://upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png);
	margin: 0 0 0 5px;
}*/


.xmas-notice{
	background:url('images/flower-corner.png') top left no-repeat;
	padding: 25px 40px;
    margin-left: -40px;
	width:430px;
}

.xmas-notice span{
	font-size:0.9em;
}

.xmas-notice strong{
	color:#ec008c;
	display:block;
}

.contactspan{
	display:block;
}

.contactspan strong{
	color:#00aeef;
}



.main #searchform input[type="text"]{
	border:solid 1px #cacaca;
	padding:6px 20px;
	font-family: 'latolight';
	font-size:15px;
	color:#000;
}

.main #searchform input[type="submit"]{
	border:none;
	padding:6px 20px;
	background:#00aeef;
	font-size:15px;
	color:#000;
	font-family: 'latolight';
	cursor:pointer;
}

.main #searchform input[type="submit"]:hover{
	background:#006A91;
	color:#fff;
}


.main .pinkLink{
	color:#00aeef;
	background: url('images/icon-notice-blue.png') no-repeat 7px 7px;
	padding:13px 0 10px 43px;
	display:block;
	width:174px;
	margin-top:70px;
}



.alignleft{
	float:left;
}

.alignnone{
	float:none;
}

alignright{
	float:right;
}

.gallery img{
	border:none !important;
}

.gallery .gallery-item{
	width:33.33% !important;
	position:relative;
	margin-bottom:0;
}

.gallery .gallery-caption{
	text-indent:-9999px;
	background:url('images/thumbnail.jpg') bottom left;
	height:46px;
	width:46px;
	position:absolute;
	display:block;
	top:83px;
	left:4px;
	pointer-events: none
}


/********************* FOOTER *********************/


.footer{
	position:absolute;
	bottom:0;
	height:105px;
	width:100%;
}

.footer p{
	float:left;
	font-size:14px;
}

.footer .right{
	float:right;
}

.footer .right img{
	float:left;
}

.footer .youtube{
	background:url('images/youtube-logo.png') center 15px no-repeat #00aeef;
	display:block;
	text-indent:-9999px;
	height:86px;
	width:48px;
	float:right;
	margin:0 0 0 15px;
}

.footer .ausmade{
	background:url('images/ausmade-icon.png') center 8px no-repeat #00aeef;
	display:block;
	height:34px;
	width:75px;
	padding:52px 5px 0;
	color:white;
	font: 0.7em/1.1 'Open Sans Condensed';
	float:right;
	margin:0 0 0 15px;
	letter-spacing: -0.5px;
}

.footer .youtube:hover{
	background:url('images/youtube-logo.png') center 15px no-repeat #006a91;
}

.footer #gallery-1{
	display:block;
	background: url('/wp-content/themes/crimsonfox/images/NewProduct.png') no-repeat top left;
    width: 104px;
    height: 120px;
    float: right;
    margin: 20px -340px 0 0;
}

.footer #gallery-1 img{
	display:none;
}

.footer #gallery-1:hover{
	background-position:bottom left;
}


.footer #gallery-2{
	display:block;
	background: url('/wp-content/themes/crimsonfox/images/Anzfta-awards.png') no-repeat top left;
    width: 104px;
    height: 120px;
    float: right;
    margin: 20px -237px 0 0;
}

.footer #gallery-2 img{
	display:none;
}

.footer #gallery-2:hover{
	background-position:bottom left;
}

.footer #gallery-3{
	display:block;
	background: url('/wp-content/themes/crimsonfox/images/flexo-mag-button.png') no-repeat top left;
    width: 104px;
    height: 120px;
    float: right;
    margin: 20px -132px 0 0;
}

.footer #gallery-3 img{
	display:none;
}

.footer #gallery-3:hover{
	background-position:bottom left;
}




/*INDIVIDUAL PAGE CSS*/

.home #gallery-1{
	display:block;
	background: url('/wp-content/themes/crimsonfox/images/NewProduct.png') no-repeat top left;
    width: 104px;
    height: 120px;
    float: right;
    margin: 20px -340px 0 0;
}

.home #gallery-1 img{
	display:none;
}

.home #gallery-1:hover{
	background-position:bottom left;
}


.home #gallery-2{
	display:block;
	background: url('/wp-content/themes/crimsonfox/images/Anzfta-awards.png') no-repeat top left;
    width: 104px;
    height: 120px;
    float: right;
    margin: 20px -237px 0 0;
}

.home #gallery-2 img{
	display:none;
}

.home #gallery-2:hover{
	background-position:bottom left;
}

.home #gallery-3{
	display:block;
	background: url('/wp-content/themes/crimsonfox/images/flexo-mag-button.png') no-repeat top left;
    width: 104px;
    height: 120px;
    float: right;
    margin: 20px -132px 0 0;
}

.home #gallery-3 img{
	display:none;
}

.home #gallery-3:hover{
	background-position:bottom left;
}


.page-template-page-faq h2{
	font-family: 'latobold';
	color:#00aeef;
}


.duofaqcode .smart_all_accordion ul.faq-labels{
	display:none;
}

.duofaqcode .faq-cat-title{
	color: #00AEEF;
	font-family: 'latobold';
	font-size:24px !important;
	border:none;
}

.faq-cat-title span{
	padding: 13px 10px;
}

.faq-cat-title span a{
	font-family: 'latolight';
}

.duofaqcode .smart_all_accordion ul li a:hover{
	color: #00AEEF;
}

.duofaqcode .accordion_title{
	color:#000;
	font-family: 'latobold_italic';
    font-size: 15px;
    line-height: 22px;
}

.duofaqcode .smartItemsDetails{
	font-family: 'latolight';
	font-size: 15px;
	line-height: 22px;
}

.duofaqcode .faq_wrap_all p{
	font-size: 15px;
	line-height: 22px;
	color:#000;
}

.duofaqcode .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background:none;
	border:none;
}

.duofaqcode .ui-accordion .ui-accordion-content{
	background:none;
	border:none;
}

.duofaqcode .smartItemsDetails p{
	margin: 10px 0 !important;
}


.duofaqcode .ui-state-default .ui-icon{
	background:url('images/faq-plus-minus.jpg') top left no-repeat;
}

.duofaqcode .ui-state-active .ui-icon{
	background:url('images/faq-plus-minus.jpg') bottom left no-repeat;
}











    .main .contactform #files .filesize {
        width: auto;
        float: left;
		font-size:0.7em;
        padding: 2px;
        margin: 0;
        text-align: left;
    }

    .main .contactform .total-size-warning {
        color: #ff0000;
	clear: both;
    }