@charset "utf-8";

html,
body{
	margin:0px;
	padding:0px;
	background:#000;
}



@font-face {
	font-family: 'Conv_PFDasGroteskPro-Reg';
	src: url('../fonts/PFDasGroteskPro-Reg.eot');
	src: local('☺'), url('../fonts/PFDasGroteskPro-Reg.woff') format('woff'), url('../fonts/PFDasGroteskPro-Reg.ttf') format('truetype'), url('../fonts/PFDasGroteskPro-Reg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
}



@font-face {
	font-family: 'Conv_PFDasGroteskPro-Bold';
	src: url('../fonts/PFDasGroteskPro-Bold.eot');
	src: local('☺'), url('../fonts/PFDasGroteskPro-Bold.woff') format('woff'), url('../fonts/PFDasGroteskPro-Bold.ttf') format('truetype'), url('../fonts/PFDasGroteskPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
}


@font-face {
	font-family: 'Conv_PFDasGroteskPro-Light';
	src: url('../fonts/PFDasGroteskPro-Light.eot');
	src: local('☺'), url('../fonts/PFDasGroteskPro-Light.woff') format('woff'), url('../fonts/PFDasGroteskPro-Light.ttf') format('truetype'), url('../fonts/PFDasGroteskPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_PFDasGroteskPro-Black';
	src: url('../fonts/PFDasGroteskPro-Black.eot');
	src: local('☺'), url('../fonts/PFDasGroteskPro-Black.woff') format('woff'), url('../fonts/PFDasGroteskPro-Black.ttf') format('truetype'), url('../fonts/PFDasGroteskPro-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

h3 {
font-weight:normal;
	font-family: 'Conv_PFDasGroteskPro-Bold';
	color: #fff;
	padding-top: 20px;
}

.sales_bg{
	background-color: #1f407a;
	width: 100%;
	height:80px;
	margin-top: -50px;
	

}

.sales_bg_2{
	background-color: #ec4771;
	width: 100%;
	height:80px;
	

}

.first_product{
	background-color: #f5c67e;
	padding: 20px;
	
}

.second_product{
	background-color: #1f407a;
	padding: 20px;
}

third_product{
	background-color: #f5c67e;
	padding-top:-20px;
	height:auto;
	
}

.sales_landing {
	min-width:1010px;
	font-family: 'Conv_PFDasGroteskPro-Light';
	font-size:20px;
	overflow:hidden;
	
}



.sales_landing b{
	font-weight:normal;
	font-family: 'Conv_PFDasGroteskPro-Bold';
	color: #231f20;
	
}

.sales_landing .sales_top{
	background: url("../images/bgTop.jpg") no-repeat top center;
	height:444px;
	padding:0px;
}

.sales_landing .sales_middle{

	background: #f5c67e;
	height:auto;
	text-align:center;
	margin-top: 0px;
	padding: 20px 0 20px 0;
}

.sales_landing .sales_bottom{
	background: #1f407a no-repeat top center;
	height:850px;
	text-align:center;
	margin-top: -24px;
	padding-top: 0px;
}

.sales_landing .sales_bottom .sales_row{
	padding: 0px 0 0 0;
}

.sales_landing .sales_bottom .sales_row.r2{
	padding-top: 75px;
}


.sales_landing .sales_bottom .sales_row .sales_item{
	display:inline-block;
	width:200px;
	line-height:21px;
	height:150px;
	vertical-align: top; 

}

.sales_landing .sales_bottom .sales_row.r2 .sales_item{
	height:150px;
	
}


.sales_landing .sales_bottom .sales_row .sales_item a{
	display:block;
	font-family: 'Conv_PFDasGroteskPro-Black';
	font-size:15px;
	text-decoration:none;
	color:#fff;
}


.sales_landing .sales_bottom .sales_row .sales_item a:hover {
	background-image: url(../images/cat.png);
	background-repeat: no-repeat;
	display:block;
	font-family: 'Conv_PFDasGroteskPro-Black';
	font-size:15px;
	text-decoration:none;
	color:#fff;
	transition: all .2s ease-in-out;
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2); 	
	
}

.sales_item img:hover{

    
}
	

.slider-holder
        {
            width: 590px;
            height: 460px;
            background-color: yellow;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            text-align: center;
            overflow: hidden;
        }
       
        .image-holder
        {
            width: 2400px;
            background-color: red;
            height: 460px;
            clear: both;
            position: relative;
           
            -webkit-transition: left 1s;
            -moz-transition: left 1s;
            -o-transition: left 1s;
            transition: left 1s;
        }
       
        .slider-image
        {
            float: left;
            margin: 0px;
            padding: 0px;
            position: relative;
        }
       
        #slider-image-1:target ~ .image-holder
        {
            left: 0px;
        }
       
        #slider-image-2:target ~ .image-holder
        {
            left: -590px;
        }
       
        #slider-image-3:target ~ .image-holder
        {
            left: -1180px;
        }
       
        .button-holder
        {
            position: relative;
            top: -30px;
        }
       
        .slider-change
        {
            display: inline-block;
            height: 10px;
            width: 10px;
            border-radius: 10px;
			border: 6px solid #1f407a;
            background-color: #8db8e9;
			
        }
		
		.slider-change:active{
			display: inline-block;
            height: 10px;
            width: 10px;
            border-radius: 10px;
			border: 6px solid #1f407a;
            background-color: red;
		}


footer{
	background: #ec4771;
	height: 80px;
}