@charset "utf-8";
/* CSS Document */
@import url("responsive.css");
@import url("jquery.responsiveTabs.css");
@import url("menu.css");
@import url("jquery.fancybox.css");
body { font-family: Verdana, Geneva, sans-serif; font-size:14px; color: #828181; background:#f6f6f6; }
* { margin:0px; padding:0px; list-style:none; }
img { vertical-align:middle; }
input { vertical-align:middle; margin:0 5px 0 0 }
.float_left { float:left; }
.float_right { float:right; }
.clear{ clear:both;}
.overflowHidden{ overflow:hidden;}
.text_red { color:#cf2123; text-decoration:none; padding-bottom:5px; }
.mr_top_0 { margin-top:0px !important; padding-top:0px !important }
.Ohide { overflow:hidden; }
.border_bottom { border-bottom:1px solid #d8d8d8; }
.mini_text { color:#cf2123; font-size:13px; margin-bottom:10px; margin-top:10px; }
.wrapper { clear:both; }




/* Buttons */
.btn_blue { width:154px;  /* GM was 130px*/
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:12px;  /* GM was 13px; */
	font-weight:bolder; /* GM */
	padding:6px 12px;  /* GM was 6px 24 px */
	text-decoration:none; text-align:center;
	text-shadow:0px 1px 0px #154682;
}
.btn_blue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.btn_blue:active {
	position:relative;
	top:1px;
}

.btn_red { width:154px;  /* GM was 130px*/
	 text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:12px; /* GM was 13px; */
	font-weight:bolder; /* GM */
	padding:6px 12px;  /* GM was 6px 24 px */
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.btn_red:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.btn_red:active {
	position:relative;
	top:1px;
}


/*---Header top bar set here---*/
header { clear:both; /* height:113px;*/ } /* GM  After <nav> commnt out height.  It wills elfadjust to header_top */
header .header_top { height:75px; clear:both; position:relative; z-index:10; box-shadow: 0px 5px 3px 0px rgba(4, 117, 128, 1);

 background: GM #ffffff;   /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjhmOGY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #ffffff 52%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 52%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 52%,#f8f8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 52%,#f8f8f8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 52%,#f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-8 */
 }
header .header_top h2.logo { float:left; padding:17px 0 0 0; }
header .header_top .contact_details { float:right; }
header .header_top .contact_details span { display:inline-block; padding:33px 15px 0 15px; color:#750042; }
header .header_top .contact_details span a { color:#750042; text-decoration:none; }
header .header_top .contact_details span + span { padding-right:0px; }
header .header_top .contact_details span img { padding:0 10px 0 0 }
/*---Navigation set here---*/
header nav { clear:both; background: #1eadbb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMxZWFkYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwNTk2YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #1eadbb 49%, #0596a4 49%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(49%, #1eadbb), color-stop(49%, #0596a4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #1eadbb 49%, #0596a4 49%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #1eadbb 49%, #0596a4 49%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #1eadbb 49%, #0596a4 49%); /* IE10+ */ background: linear-gradient(to right, #1eadbb 49%, #0596a4 49%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eadbb', endColorstr='#0596a4', GradientType=1 ); /* IE6-8 */
}
header nav .nav_bg_right { background:#0596a4; position:absolute; top:0px; right:0px; width:30%; }
header nav ul { line-height:normal; clear:both; }
header nav ul li { float:left; padding:0px 25px 0 0;/* background:#1eadbb; */}
header nav ul li a { float:left; font-size:13px; color:#fff;/* height:38px; line-height:38px;*/ text-decoration:none; }
header nav ul li a.active { background: #17848f; color: #ffffff; }
header nav ul li a em.icon_arrow { border: 3px solid transparent; border-top-color: #fff; margin:4px 0 0 3px; display: inline-block; vertical-align:middle; }
/*cart area*/
header nav li.cart_area { box-shadow: 5px 0px 2px -1px rgba(0, 0, 0, 0.2) inset; width:125px; z-index:0; }
header nav #cssmenu li.cart_area a { padding: 12px 20px 6px; }
header nav ul li a { padding:0 0 0 10px }
header nav ul li a em.icon_cart { background:url(./images/cart-icon.png) no-repeat; width:20px; height:22px; padding:0 10px 0 0 }
/*---section banner set here---*/
#banner { background:url(./images/banner/header-bg.jpg) no-repeat center center; height:255px; width:100%; }
#banner .banner_details { width:430px; padding:45px 0 0 50px }
#banner .banner_details h1 { color:#750042; font-family:Arial, Helvetica, sans-serif; font-size:40px; font-weight:normal; line-height:40px; text-transform:uppercase; }
#banner .banner_details h1 span { font-size:32px; }
#banner .banner_details p { font-size:15px; color:#750042; padding:10px 0 }  /* GM was 13px */
#banner .banner_details a { font-size:14px; color:#750042; }
/*---section inner set here---*/
#main_page { padding:15px 0 15px 0; background:#f6f6f6; }  /* GM was 35px 0; */
#main_page .row { text-align:center; }
#main_page .row .col_3 { display:inline-block; float:none; margin:0 0 17px 0; text-align:center; vertical-align:top; } /* GM was 0 0 27px 0 */
#main_page .row .colom_box { cursor:pointer; border:1px solid #dadada; text-align:center; padding:20px 12px 0 12px /* GM was 20px 12px */; background:#fff; border-radius:5px; min-height:138px; }
#main_page .row .colom_box h2 { color:#750042; font-size:16px; /* GM make it bolder font-weight:400 */}
#main_page .row .colom_box p { padding:12px 0; }
#main_page .row .colom_box a { font-size:12px; text-transform:uppercase; color:#1eadbb; font-weight:bold; }
/*--- carosel set here---*/
#carosel { padding:0px 0; background:#fff; }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; display:inline-block; }
.slick-initialized .slick-slide { display: block; text-align:center; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height:51px; width: 21px; cursor: pointer; background: transparent; color: transparent; top:30px; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; background:url(./images/carosel-arrow-left.png) no-repeat; }
.slick-next { right: -25px; background:url(./images/carosel-arrow-right.png) no-repeat; }
.slick-disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
/*--- footer set here---*/
footer { background:#f6f6f6; padding:27px 0 47px 0; border-top:1px solid #d8d8d8; }
footer { background:#f6f6f6; padding:27px 0 47px 0; }
footer .col_5, footer .col_4, footer .col_3 { padding:0 20px; }
/*footer .col_3{ margin:0 0px 0 0}
footer .f_colom{ width:300px; }*/
footer .f_colom h2 { margin:0 0 20px 0px; font-size:17px; font-weight:normal; color:#3a3a3a }
footer .f_colom ul li { background:url(./images/footer-arrow.png) no-repeat 0 5px; }
footer .f_colom ul li a { text-decoration:none; color: #828181; text-decoration:none; padding:0 0 0 15px }
footer .f_colom p { padding:0 0 10px 0 }
footer .f_colom .text_red { color:#cf2123; text-decoration:none; }
footer .f_colom .text_dark { color:#303030; }
footer .f_colom p span.double_quotes { display:inline-block; margin:0 5px -3px 0 }
/* Full Width */

#main_page.inner aside.area_left.fullwidth{ width:98%; clear:both; float:none; margin:0 1%;}

/*---section inner set here---*/
#banner.inner_banner { background:url(./images/banner/inner-header-bg.jpg) no-repeat center center; height:131px; } 
/* GM  Custome nanners */
#banner.inner_banner-micr { background:url(./images/banner/inner-header-micr.jpg) no-repeat center center; height:131px; }
#banner.inner_banner-barcode { background:url(./images/banner/inner-header-barcode.jpg)  no-repeat center center; height:131px;}
#banner.inner_banner-dlid { background:url(./images/banner/inner-header-dlid.jpg)  no-repeat center center; height:131px;}
#banner.inner_banner-ip { background:url(./images/banner/inner-header-ip.jpg)  no-repeat center center; height:131px;}
#banner.inner_banner-barcode-gen { background:url(./images/banner/inner-header-barcode-gen.jpg)  no-repeat center center; height:131px;}

#main_page.inner { background: rgba(234, 239, 222, 0.90) /* GM #fff */ url(./images/main-inner-bg.png) repeat-x 0 1px; font-size:13px; color:#5a5a5a; }
#main_page.inner aside.area_left { float:left; width:749px; }
#main_page.inner aside.area_left .top_headInside { padding:15px 0; }
#main_page.inner aside.area_left h2 { font-size:17px; font-weight:normal; padding:0 0 15px 0 }
#main_page.inner aside.area_left h2.small { font-size:14px; font-weight:normal; padding:0 0 15px 0 }
.testimonial { border-radius:10px; background:#f9f9f9; border:1px solid #e9e9e9; padding:20px 20px 5px 20px/* GM wa 20px*/; position:relative; margin:15px 0; }
.testimonial p { padding-bottom:10px; }
.testimonial p a { padding-bottom:10px; text-decoration:none; color:#447099 }
.testimonial .name { padding-bottom:0px; }
.testimonial img { vertical-align:top; padding:0 5px 0 0 }
/*main-page left*/
#main_page.inner aside.area_left .form_cnt { }
#main_page.inner aside.area_left .tab_inside { margin: 15px 0; overflow:hidden; }
#main_page.inner aside.area_left .tab_inside .col_features { margin:0px 0px; min-height:160px; width:30%; float:left; padding-right:18px; margin:0 6px 0 0; }
#main_page.inner aside.area_left .tab_inside .col_features .mini_text { color:#cf2123; font-size:13px; margin-bottom:10px; margin-top:10px; }
#main_page.inner aside.area_left .form_cnt .form_inside { margin:15px 0; overflow:hidden; }
#main_page.inner aside.area_left .form_cnt .form_inside .left_area { float:left; width:196px; }
#main_page.inner aside.area_left .form_cnt .form_inside .right_area { float:left; }
#main_page.inner aside.area_left .form_cnt .form_inside .right_area p { margin-bottom:5px; }
#main_page.inner aside.area_left .form_cnt .form_inside ul li { width:196px; display:inline-block; vertical-align:middle; margin-bottom:5px; }
#main_page.inner aside.area_left .form_cnt .form_inside ul li.max_width { width:500px; }
#main_page.inner aside.area_left .form_cnt .form_inside ul li select { width:181px; border:1px solid #a9a9a9; color:#000000; }
#main_page.inner aside.area_left .form_cnt .form_inside ul li a.red_btn { background:url(./images/cart-btn.png) no-repeat; height:26px; width:149px; display:block; }
#main_page.inner aside.area_left .form_cnt .form_inside .lic_agreement p { padding:0 0 10px 0 }
ol.bullet_listing li.heading { list-style:none; width:100%; margin:0px; padding:0 0 10px 0px }
ol.bullet_listing li { list-style:disc; margin:0 0 0 20px; padding:0 0 5px 0px }
ol.bullet_listing li ol { margin:5px 0 0 0px; }
ol.bullet_listing li ol li { list-style:circle; }
ol.bullet_listing li a { color: #006aaf /* GM was #447099*/; text-decoration:none; }
ol.bullet_listing li a:hover { color:#309; text-decoration:none; } /* GM added a:hover*/
ol.bullet_listing li strong { color:#000; }
/*main-page right*/
#main_page.inner aside.area_right { float:right; padding:16px 10px 16px 17px; width:188px; background:#f8f8f8; }
#main_page.inner aside.area_right .box_area { padding:12px 0 }
#main_page.inner aside.area_right .box_area p { padding:5px 0 }
#main_page.inner aside.area_right .box_area h2 { font-size:17px; color:#3a3a3a; font-weight:normal; padding:0 0 6px 0 }
#main_page.inner aside.area_right .box_area ul li{ margin:0 0 0 3px; font-size:12px; }
#main_page.inner aside.area_right .box_area ul li a { color:#006aaf; text-decoration:none;line-height:21px; }
#main_page.inner aside.area_right .box_area ul li a:hover { color:#309; text-decoration:none;line-height:21px; }
#main_page.inner aside.area_right .box_area ul.social_network li a {  color:#006aaf /* GM was #5a5a5a*/}
#main_page.inner aside.area_right .box_area ul.social_network li a:hover {  color:#309; /* GM was #5a5a5a*/} /* GM added a:hover*/
#main_page.inner aside.area_right .box_area ul.social_network li a span { display:inline-block; padding:0 10px 0 0 }
.bus_process { margin-top:15px; }
.text_barcode { margin-top:15px; }
.text_barcode p { padding-bottom:10px; }
.submenu { }
.submenu ul { margin-left:15px; }
/*contact Address*/
#main_page h2.main_Heading { font-size: 17px; font-weight: normal; padding: 0 0 15px 0; }
address { font-style:normal; }
address p { padding:3px 0; }
address p a { padding:3px 0; color:#447099; text-decoration:none; }
address p a:hover { padding:3px 0; color:#447099; text-decoration:underline; }
.customer { }
.customer ul { }
.customer ul li { border:1px solid #c0c0c0; float:left; margin-right:15px; margin-top:15px; }
.customer ul li:hover { -webkit-box-shadow: 1px 1px 9px 3px rgba(184, 182, 184, 1); -moz-box-shadow: 1px 1px 9px 3px rgba(184, 182, 184, 1); box-shadow: 1px 1px 9px 3px rgba(184, 182, 184, 1); cursor:pointer; }
 @media (min-width:320px) and (max-width:480px) {
.container {
/*width:96%;*/
padding:5px;
}

#main_page .row .col_3.col_m4 {
width:100%;
margin-bottom:15px;
}
#banner .banner_details {
width:auto;
padding:45px 0 0 50px
}
.slick-slide li {
width:100%;
}
header .header_top .contact_details {
float:none;
text-align:center;
margin-top:10px;
}
.col_6 {
width:100%;
}
header {
clear:both;
height:150px;
}
header .header_top .contact_details span {
display:inline-block;
padding:10px 0px 0 0px;
width:100%;
}
header .header_top {
height:100px;
clear:both;
position:relative;
z-index:10;
box-shadow: 0px 5px 3px 0px rgba(4, 117, 128, 1);
}
header .header_top {
	
height:auto;
 box-shadow: 0px 5px 3px 0px rgba(4, 117, 128, 1);

}
header .header_top h2.logo {
float:none;
text-align:center;
padding:17px 0 0 0;
}
header .header_top .contact_details span img {
padding:0 5px 0 0
}
#main_page {
padding:20px 0;
background:#f6f6f6;
}
#banner {
background:url(./images/banner/header-bg.jpg) no-repeat center center;
height:255px;
width:100%;
}
#banner .banner_details {
width:auto;
padding:18px 20px 0 20px
}
#banner .banner_details h1 {
font-size:32px;
}
#banner .banner_details h1 span {
font-size:20px;
}
header nav {
background:none;
}
#carosel {
padding:15px 0;
background:#fff;
}
#main_page .row .col_3 {
display:inline-block;
float:none;
margin:0 auto;
}
.col_5 {
width:100%;
}
.col_3 {
width:100%;margin:30px 0 0 0;
}
.col_4 {
width:100%; margin:30px 0 0 0;
}
#main_page.inner aside.area_left {
float:none; margin:0 10px;
width:auto;
}
#main_page.inner aside.area_left .tab_inside .col_features {
margin:0px 0px;
min-height:inherit;
width:100%;
float:left;
padding-right:18px;
margin:0 6px 0 0;
}
#main_page.inner aside.area_right {
float:none;
padding:16px 10px 16px 18px;
width:auto;
text-align:center;
}
.tab-menu-mobile, .tab-menu--trigger {
margin-right:0px;
}
}
 @media (min-width:481px) and (max-width:768px) {
.container {
/*width:98%;*/
padding:0px;
}
#cssmenu {
display:block;
}
#main_page .row .col_3.col_m4 {
width:49%;
margin-bottom:15px;
}
#banner .banner_details {
width:auto;
padding:45px 0 0 50px
}
.slick-slide li {
width:100%;
}
header .header_top .contact_details {
float:right;
text-align:center;
margin-top:23px;
}
.col_6 {
display:inline-block; width:auto;
}
.col_7 {
display:inline-block; width:63%;
}/*
header {
clear:both;
height:88px;
}*/
header .header_top .contact_details span {
display:inline-block;
padding:10px 15px 0 0px;
}
/*header .header_top {
height:100px;
clear:both;
position:relative;
z-index:5;
box-shadow: 0px 5px 3px 0px rgba(4, 117, 128, 1);
}*/
/*header .header_top {
height:75px;
box-shadow:none;
box-shadow: none;
}*/
header .header_top h2.logo {
float:left;
text-align:center;
padding:17px 0 0 0;
}
header .header_top .contact_details span img {
padding:0 10px 0 0
}
#main_page {
padding:20px 0;
background:#f6f6f6;
}
#banner {
background:url(./images/banner/header-bg.jpg) no-repeat center center;
height:209px;
width:100%;
}
#banner .banner_details {
width:auto;
padding:18px 0 0 20px
}
#banner .banner_details h1 {
font-size:40px;
}
#banner .banner_details h1 span {
font-size:32px;
}
/*header nav {
background:none;
}*/
#carosel {
padding:0;border-top:1px solid #d8d8d8;
background:#fff;
}
#main_page .row .col_3 {
display:inline-block;
float:left;
margin:0 auto;
}
.col_5 {
width:38%;
}
.col_3 {
width:26%;
}
.col_4 {
width:33%;
}
#main_page.inner aside.area_left .tab_inside.col_4 {
width:33%;
}
#main_page.inner aside.area_left {
float:none; margin:0 10px;
width:auto;
}
#main_page.inner aside.area_left .tab_inside .col_features {
min-height:inherit;
width:28%;
}
#main_page.inner aside.area_right {
float:none;
width:auto;
text-align:left;
}
.slick-prev {
left:0px;
}
.slick-next {
right:0px;
}
#main_page.inner aside.area_right .box_area {
width:50%;
float:left;
}
.tab-menu-mobile, .tab-menu--trigger {
margin-right:15px;
}
#main_page .row .colom_box{ min-height:87px;}
}
@media (max-width:479px) {#main_page .row .colom_box{ min-height:87px;}}
@media (min-width:647px) and (max-width:768px) {#main_page .row .colom_box{ min-height:87px;}}
@media (min-width:480px) and (max-width:646px) {#main_page .row .colom_box{ min-height:130px;}}
@media (min-width:481px) and (max-width:640px) {
 .col_7 { float:right; width:300px}
  header .header_top .contact_details{ text-align:right; margin:8px 0 0 0;}
  
 }
@media (min-width:769px) and (max-width:930px) {

#main_page .row .col_3.col_m4 {
width:32.7%;
margin-bottom:15px;
}
#main_page .row .colom_box{ min-height:125px;}
}

 @media (min-width:769px) and (max-width:1024px) {
 .container {
/*width:99%;*/
padding:0px;
}

#main_page.inner aside.area_left .tab_inside .col_features {
width:29%;
}
.slick-prev {
left: 0px;
background:url(./images/carosel-arrow-left.png) no-repeat;
}
.slick-next {
right: 0px;
background:url(./images/carosel-arrow-right.png) no-repeat;
}



}
@media all and (max-width: 999px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
header nav { clear:both; background: #1eadbb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMxZWFkYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwNTk2YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #1eadbb 49%, #0596a4 49%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(49%, #1eadbb), color-stop(49%, #1eadbb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #1eadbb 49%, #1eadbb 49%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #1eadbb 49%, #1eadbb 49%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #1eadbb 49%, #1eadbb 49%); /* IE10+ */ background: linear-gradient(to right, #1eadbb 49%, #1eadbb 49%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eadbb', endColorstr='#1eadbb', GradientType=1 ); /* IE6-8 */}
header nav ul li{ clear:both; float:none;}
header { height:auto;}
.container{ width:100%;}
header nav ul li a { float:none;}
header nav li.cart_area{ background:#1eadbb; width:auto; display:block; clear:both;}
.container { padding:0;}
.slick-prev { left: 5px; background:url(./images/carosel-arrow-left.png) no-repeat; }
.slick-next { right: 5px; background:url(./images/carosel-arrow-right.png) no-repeat; }
}

/* GM START from Ci7 */
img, a {border:0; 	outline:none;	text-decoration:none;}
	
a	{color:   #006aaf;} /*#447099; ci8 a-list */ /* #006aaf; ci8 a-right rail */  /* #34618E;  ci7 a*/
a:hover	{color:#309;}

a:active {color: #333333;}
.clear{clear:both;}	
.red {color: Red;}
.bold-gray {color: Gray; font-weight:bold;}

/*  PRICE TABLE */
.table-price { width:100%; border:0; border-collapse:#CFCFCF; border-collapse: collapse;  padding:10px; }
.table-price td {padding:3px;  	padding-left:5px;}
.td-price-left {height:10px !important;}

/* FAQ */
.fqa{margin-bottom:10px;}
.faq-qst{font-weight:bold;}

/* CODE SNIPPET */
.le-cah-container {border: #000080 0px solid; color: #000; font-family: 'Courier New', Courier, Monospace; font-size: 10pt; padding: 10px 0;}
.le-cah-box {background-color:#F0F0F0; max-height: 300px; overflow: auto; padding: 2px 5px; white-space:nowrap;}

/* Fancy box picture */
.fancybox-image-gm {border: #006aaf; border-width: 2px; border-style: solid; padding: 5px; margin:10px;}

/* Buttons */
.btn_code { /* width:154px; GM was 130px*/
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:12px;  /* GM was 13px; */
	font-weight:bolder; /* GM */
	padding:3px 6px;  /* GM was 6px 24 px */
	text-decoration:none; text-align:center;
	text-shadow:0px 1px 0px #154682;
}
.btn_code:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.btn_code:active {position:relative;top:1px;}

/* misc */
 .li1td {margin-left: 20px;}
 
.f_colom p { padding:5px 0 }
.f_colom h2 { font-size:17px; color:#3a3a3a; font-weight:normal; padding:0 0 6px 0 }
.f_colom ul li{ margin:0 0 0 3px; font-size:12px; }
.f_colom ul li a { color:#006aaf; text-decoration:none;line-height:21px; }
.f_colom ul li a:hover { color:#309; text-decoration:none;line-height:21px; }
.f_colom ul.social_network li a {  color:#006aaf /* GM was #5a5a5a*/}
.f_colom ul.social_network li a:hover {  color:#309; /* GM was #5a5a5a*/} /* GM added a:hover*/
.f_colom ul.social_network li a span { display:inline-block; padding:0 10px 0 0 }

}

/* GM END from Ci 7 */