@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; }

header .header_top { height:75px; clear:both; position:relative; z-index:10; box-shadow: 0px 5px 3px 0px rgba(4, 117, 128, 1);



 background: #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 .col_4 { 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:#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; }

/*
ol.number_listing li.heading { list-style:none; width:100%; margin:0px; padding:0 0 10px 0px }

ol.number_listing li { list-style:disc; margin:0 0 0 20px; padding:0 0 5px 0px }

ol.number_listing li ol { margin:5px 0 0 0px; }

ol.number_listing li ol li { list-style:decimal; }

ol.number_listing li a { color: #006aaf ; text-decoration:none; }

ol.number_listing li a:hover { color:#309; text-decoration:none; } 

ol.number_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;}

#main_page .row .col_4.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;}

#main_page .row .col_4 {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;}

#main_page .row .col_4.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_6_right {
display:inline-block; width:auto;
float:right;
}

.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;}

#main_page .row .col_4 {display:inline-block; float:left; margin:0 auto;}

.col_5 {width:38%;}

.col_3 {width:26%;}

/*.col_4 {width:33%;} 2019-03-20 */
.col_4 {width:31%;}

#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 .col_4.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;}

}



/* GM END from Ci 7 */