@charset "utf-8";
/* CSS Document */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 25, 2015 */



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

}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 30, 2015 */



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

}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 30, 2015 */





















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

}




















/* LATEST SHOP PAGE FIX */

#HTMLBlock216 img{ width:100%;}
.ccm-layout-1-col-1.ccm-layout-cell.ccm-layout-col.ccm-layout-col-1.first img{ width:100%; height:auto;}
.banner_main img{ height:auto;}

/* LATEST SHOP PAGE FIX */























h4{ float:left; width:100%; font-size:50px; color:#fff;}
h6{ float:left; width:100%; font-size:32px; border-bottom:1px solid #0095da; color:#0095da; padding-bottom:10px;}
h1{ float:left; width:100%; font-size:36px;}
h2{ float:left; width:100%; font-size:32px; color:#0296da;}
h3{ float:left; width:100%; font-size:24px; color:#0296da;}
body{ margin:0px auto;  font-family: 'robotoregular';}
.outer{ float:left; width:100%;}
header{ float:left; width:100%; border-bottom:1px solid #eef1f3; padding:10px 0px 6px;}
.phone{ float:right; width:100%; text-align:right; font-size:19px; font-family: 'robotolight';}
.phone ul{ float:right; width:100%;list-style:none;}
.phone ul li{ float:right; margin-left:10px;}
.phone_main{ color:#0095da; font-family: 'robotobold';}
.nav_main{ float:left; width:100%; border-bottom:6px solid #c8e7f5;  height: 68px;

}
.pad{ padding-left:0px !important; padding-right:0px !important;}
.logo{ float:left; width:100%; margin-top:-23px;}
.logo img{ width:100%; height:auto;}
.banner{ float:left; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43baf1+0,8dd8f8+100 */
background: #43baf1; /* Old browsers */
background: -moz-linear-gradient(top,  #43baf1 0%, #8dd8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43baf1), color-stop(100%,#8dd8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #43baf1 0%,#8dd8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #43baf1 0%,#8dd8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #43baf1 0%,#8dd8f8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #43baf1 0%,#8dd8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43baf1', endColorstr='#8dd8f8',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: inset 0px 2px 5px #19a0dd;
-webkit-box-shadow: inset 0px 2px 5px #19a0dd;
box-shadow: inset 0px 2px 5px #19a0dd; padding-bottom:40px; margin-bottom:20px;
}
.top_hadding{ float:left; width:100%; font-size:50px; color:#fff; margin-top:20px; margin-bottom:10px; }
.top_hadding p{ display:inline;}
.top_hadding h1{display: inline-block;
    float: none;
    font-family: "robotobold";
    font-size: 50px;
    margin: 0;
    width: auto;}
.banner_main{ float:left; width:100%; position:relative;}
.pad_left{ padding-left:0px !important;}
.banner_main img{ width:100%; height:auto;}
.button{ float:left; background:#0095da; font-size:17px; font-family: 'robotobold'; border:none; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; color:#fff;  padding: 10px 30px; position:absolute; bottom:30px; left:30px;}
.silder_text{ float:left; width:100%;}
.button1{ float:left; background:#0095da; font-size:17px; font-family: 'robotobold'; border:none; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; color:#fff;  padding: 10px 30px; margin-top:10px; text-transform:uppercase; }
.product{ float:left; width:100%; margin-top:10px;}
.product ul{ float:left; width:100%; list-style:none; padding-left:0px;}
.product ul li{ float:left; border:1px solid #8dd8f8; margin-right:13px}
.product ul li:last-child{ margin-right:0px;}
.home_box{ background: #eef1f3 none repeat scroll 0 0;
    float: left;
    margin-top: 40px;
    padding: 30px 0;
    width: 100%; margin-bottom:40px;}
.box{ float:left; width:100%;}
.add_banner{ float:left; width:100%; padding: 15px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#914a23+0,3e2215+100 */
background: #914a23; /* Old browsers */
background: -moz-linear-gradient(top,  #914a23 0%, #3e2215 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#914a23), color-stop(100%,#3e2215)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #914a23 0%,#3e2215 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #914a23 0%,#3e2215 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #914a23 0%,#3e2215 100%); /* IE10+ */
background: linear-gradient(to bottom,  #914a23 0%,#3e2215 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#914a23', endColorstr='#3e2215',GradientType=0 ); /* IE6-9 */
}
.banner_logo{ float:left; width:100%;}
.banner_logo img { width:100%; height:auto;}
.right_text_banner{ float:left; width:100%;}
.right_text_banner h1{ color: #f1b81f;
    float: left;
    font-size: 36px;
    margin: 20px 0 10px;
    width: 100%;}
.right_text_banner p{ color:#f1b81f}
.button2{ float:left; background:#f1b81f; font-size:17px; font-family: 'robotobold'; border:none; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; color:#442616;  padding: 10px 30px; margin-top:10px; text-transform:uppercase; }
footer{ float:left; width:100%;  background:#62c9f7; margin-top:40px; padding-top:40px;}
.paypal{ float:none; width:100%; margin-top:7px;}
.paypal img{  width:100%; height:auto;}
.footer_text{ float:left; width:100%; font-size:24px; color:#fff; line-height:25px;}
.footer_text img{ float:left; margin-right:10px;}
.footer_text p{ float:left; width:auto; margin-top:17px;}
.search{ float:left; width:100%; margin-top:23px;}
.search input{ width:100%; height:40px; border:none; float:left; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding-left:10px; position:relative}
.search img{   float: right;
    position: absolute;
    right: 24px;
    top: 32px;}
.copy_right_main{ float:left; width:100%; padding: 15px 0; background:#0296da; margin-top:40px;}
.copy_left{ float:left; width:100%; font-size:12px; color:#62c9f7;}
.copy_right{ float:left; width:100%; font-size:12px; color:#62c9f7; text-align:right;}
.copy_left p{ margin:0px;}
.copy_right p{margin:0px;}
.inner_banner{ float:left; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43baf1+0,8dd8f8+100 */
background: #43baf1; /* Old browsers */
background: -moz-linear-gradient(top,  #43baf1 0%, #8dd8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43baf1), color-stop(100%,#8dd8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #43baf1 0%,#8dd8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #43baf1 0%,#8dd8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #43baf1 0%,#8dd8f8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #43baf1 0%,#8dd8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43baf1', endColorstr='#8dd8f8',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: inset 0px 2px 5px #19a0dd;
-webkit-box-shadow: inset 0px 2px 5px #19a0dd;
box-shadow: inset 0px 2px 5px #19a0dd; padding-bottom:10px; padding-top: 20px; margin-bottom:20px;
}
.inner_page_text{ float:left; width:100%; margin-top:20px;}
.inner_left_text{ float:left; width:100%;}
.inner_right_img{ float:left; width:100%;}
.inner_right_img img{ width:100%;}
.search h3{ display:none;}
.ccm-search-block-submit{ background:url(../images/search.png) no-repeat right;     float: right !important;
    height: 20px !important;
    position: absolute !important;
    right: 22px;
    text-indent: 20px;
    top: 33px;
    width: 20px !important;}
	.button_main_slider{ float:left; width:100%;}
	
	@media only screen and (min-device-width: 768px) and (max-device-width: 980px) {
		.amiant-css3-menu-navigation-bar .navigation-menu a{ font-size: 14px; padding: 20px 10px 22px;}
		.amiant-css3-menu-navigation-bar .navigation-menu ul{ width:150px;}
		.top_hadding{ font-size:35px;}
		.top_hadding h1 { font-size:35px;}
		.button1{font-size: 14px;}
		.product ul li{ width:15%;}
		.product ul li img{ width:100%;}
		h6{ font-size:20px;}
		.right_text_banner h1{ font-size:28px;}
		.footer_text img { float:none;}
		.footer_text p{ float:none; margin-top:10px !important;}
		.footer_text{ text-align:center;}
		}
			@media only screen and (min-device-width: 360px) and (max-device-width: 640px) {
				.banner_main img{ height:auto; margin-bottom:10px;}
				.pad_left{ padding-right:0px !important;}
				.button{margin-bottom: 10px;
    position: static;}
				.product ul li{ width:100%;margin-bottom:10px; text-align:center;}
				body{ overflow-x:hidden;}
				.nav_main{ height:auto;}
				.logo{ margin-top:10px;}
				.ccm-search-block-submit{ top:330px;}
				.footer_text{ text-align:center;}
				.footer_text img{ float:none;}
				.footer_text p{ float:none; margin-top:10px !important;}
				.paypal{ margin-bottom:10px;}
				.copy_left{ text-align:center;}
				.copy_right{ text-align:center;}
				.banner .pad .col-sm-12 .col-sm-4{ padding:0px !important;}
				}	
						@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
				.banner_main img{ height:auto; margin-bottom:10px;}
				.pad_left{ padding-right:0px !important;}
				.button{margin-bottom: 10px;
    position: static;}
				.product ul li{ width:100%;margin-bottom:10px; text-align:center;}
				body{ overflow-x:hidden;}
				.nav_main{ height:auto;}
				.logo{ margin-top:10px;}
				.ccm-search-block-submit{ top:330px;}
				.footer_text{ text-align:center;}
				.footer_text img{ float:none;}
				.footer_text p{ float:none; margin-top:10px !important;}
				.paypal{ margin-bottom:10px;}
				.copy_left{ text-align:center;}
				.copy_right{ text-align:center;}
				.banner .pad .col-sm-12 .col-sm-4{ padding:0px !important;}
				h1{ font-size:33px;}
				.button2{ font-size:16px;}
				.phone{ font-size:16px;}
				}