::selection {background: #333; color: #fff; text-shadow: none;}
::-moz-selection {background: #333; color: #fff; text-shadow: none;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{ background:#669900 repeat center top fixed; font-family: 'Open Sans', sans-serif; font-size:13px; color:#5b5b5b; }
/* url(../images/bodybg.jpg) */
/*------------------*/
/* GENERAL
/*------------------------------------------------------*/
/* product menu*/
.pnavigation ul#mega-menu-1 { position: relative; margin: 0;}
.pnavigation ul#mega-menu-1 li ul, .navigation ul#mega-menu-1 .sub { display: none;}
.pnavigation ul#mega-menu-1 .sub ul { display: block; padding:0;}
.pnavigation ul#mega-menu-1 { position: relative;}
.pnavigation ul#mega-menu-1 li { float: left; margin: 0; padding: 0;}
.pnavigation ul#mega-menu-1 li a { float: left; display: block; text-decoration: none;}
.pnavigation ul#mega-menu-1 li .sub-container { position: absolute; width:940px !important;}
.pnavigation ul#mega-menu-1 li .sub { background: url(../images/drop-down-bg.png) left top repeat; padding: 15px; border-bottom: 3px solid #d1061d; width:auto !important;}
.pnavigation ul#mega-menu-1 li .sub .row{ width: auto !important; overflow: hidden; clear: both;}
.pnavigation ul#mega-menu-1 li .sub li { list-style: none; float: none; width: 200px; font-size: 1em; font-weight: normal; background:none;}
.pnavigation ul#mega-menu-1 li .sub li.mega-hdr { margin:0 0 10px 0; float: left; background:none; padding:0 26px 0 0; height:auto !important;}
.pnavigation ul#mega-menu-1 li .sub li.mega-hdr.last { margin-right: 0;}
.pnavigation ul#mega-menu-1 li .sub a { background: none; padding: 7px 10px; display: block; float: none; font-size: 0.9em;}
.pnavigation ul#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a { padding:0; text-transform: uppercase; color: #e2001a; height:auto !important; line-height:18px; font-size:13px;}
.pnavigation ul#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover { color: #e2001a;}
.pnavigation ul#mega-menu-1 .sub li.mega-hdr li a { padding:0; font-weight: normal; font-size:13px; line-height:18px; color:#b7b7b7;}
.pnavigation ul#mega-menu-1 .sub li.mega-hdr li a:hover { color: #fff;}
.pnavigation ul#mega-menu-1 .sub ul li { padding-right: 0;}
.pnavigation ul#mega-menu-1 li .sub-container.non-mega .sub { padding: 10px;}
.pnavigation ul#mega-menu-1 li .sub-container.non-mega li { padding: 0; width: 190px; margin: 0;}
.pnavigation ul#mega-menu-1 li .sub-container.non-mega li a { padding: 7px 5px 7px 22px;}
.pnavigation ul#mega-menu-1 li .sub-container.non-mega li a:hover { color: #a32403;}
.pnavigation ul#mega-menu-1 li ul { display:block;}
.pnavigation ul#mega-menu-1 li ul.one li{}
.pnavigation ul#mega-menu-1 li ul.one li a{ padding:0 !important; line-height:24px !important; color:#b7b7b7;}
.pnavigation ul#mega-menu-1 li ul.one li a:hover{ color:#fff !important;}
.pnavigation ul#mega-menu-1 li ul li { display:block; padding:0; margin:0;}
.pnavigation ul#mega-menu-1 li ul li a{ display:block; padding:0; margin:0;}
.pnavigation ul#mega-menu-1 li ul li ul li a{}
/* close*/
a { color: #3e0b2e; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border:0px; outline:none;}
a:hover, a:focus {outline:none; text-decoration:none; color:#2f0622; }
img{ max-width:100%;}
input{
margin:0px;
padding:0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.blink_me {-webkit-animation-name: blinker; -webkit-animation-duration: 1s;-webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s;animation-timing-function: linear; animation-iteration-count: infinite;}
@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
/*------------------*/
/* Title
/*------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, ul, li{font-family: 'Open Sans', sans-serif; margin:0px; padding:0px; list-style:none; text-transform:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1 {font-size: 48px;}
h2 {font-size: 30px;}
h3 {font-size: 28px; margin-bottom:30px;}
h4, h4.brown{font-size: 24px; font-weight:400; margin-bottom:15px;}
h5, h5.brown {font-size: 20px; font-weight:400; margin-bottom:15px;}
h6 {font-size: 14px;}
h5.brown{ color:#59003e;}
h5.lightbrown{ color:#932b63;}
.innertitle{ background:url(../images/titlebg.jpg) repeat left top; width:100%; float:left; padding:15px 20px;}
.innertitle h1{ font-size:36px; color:#fefefe; font-weight:300;}
.innertitle h1 span{ font-size:17px; font-weight:400; display:block; line-height:26px;}
.innertitle h1.protitle{ font-size:25px; color:#ffffff; font-weight:300; padding-top:15px; text-transform:uppercase;}
.clearfix{clear: both}
/* Logo */
#header{ width:100%; position:fixed; top:0px; z-index:99;}
#trueHeader{max-width:1500px; margin:0px auto;}
.wrapper{ width:100%; float:left; background:#fff; -webkit-box-shadow: 0px 5px 5px -5px #000; -moz-box-shadow: 0px 5px 5px -5px #000; box-shadow: 0px 5px 5px -5px #000;}
#trueHeader #logo{float:left; display:block; width:100%; min-height: 103px; margin-top:10px; margin-bottom:5px; text-indent:-999em; background:url(../images/sslogo.png) no-repeat center bottom;}
/*------------------*/
/* SITE STRUCTURE
/*------------------------------------------------------*/
.site_wrapper {margin: 0 auto 0 auto; max-width:1500px; z-index:9;}
.container_full {width: 100%; float: left; margin: auto auto auto auto; overflow: hidden; }
.tp-banner-container{overflow-y: hidden !important;}
.tp-banner {overflow: hidden;}
.container {width: 100%; margin: auto auto auto auto;}
.row{ padding-top:15px;}
.content_fullwidth { float: left; width: 100%; padding: 59px 0px 0px 0px;}
.content_left { float: left; width: 71%; padding: 59px 0px 0px 0px;}
.right_sidebar {float: right; width: 25%; padding: 59px 0px 0px 0px;}
.left_sidebar {float: left; width: 25%; padding: 59px 0px 0px 0px;}
.content_right {float: right; width: 71%; padding: 59px 0px 0px 0px;}
/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {position: relative; float: left;}
[class*="one_"]{ padding-right:10px;}
.productlistrow [class*="one_"]{ padding-right:5px; padding-left:5px;}
.one_full {width: 100%;}
.one_half {width: 50%;}
.one_third {width: 33.33333333333333%;}
.one_thirda {width: 40%;}
.one_thirda {width: 20%;}
.one_fourth {width: 25%;}
.one_fifth {width: 20%;}
.two_third {width: 66.66666666666667%;}
.three_fourth {width: 75%;}
.last {margin-right: 0 !important; clear: right; padding-right:0px !important;}
/*------------------*/
/* Mobile AREA CLASSES
/*------------------------------------------------------*/
.mnavright, .mheaderrow1right, .mheaderrow2{ display:none;}
/*------------------*/
/* HEADER AREA CLASSES
/*------------------------------------------------------*/
.imgbgc{ background:url(../images/titlebg.jpg) repeat left top; width:100%; float:left; padding:15px 20px;}
/* header area */
.logo {float: left; width: 20%;}
.menu_main {float: right; width: 80%; border-left:1px solid #e5e5e5;}
.headerrow1{border-bottom:1px solid #e5e5e5; display:block; text-align:left; width:100%; float:left;}
.headerrow1 .extrusion{padding:0px 3px; margin:5px 0px 0px 0px;}
.headerrow1 .searchbox{ border-left:1px solid #e5e5e5; display:inline-block; vertical-align:top; padding:8px;}
.headerrow1 .textfield{ background:#f8f8f8; font-size:13px; color:#c9c9c9; border:0px; width:275px; height:20px; line-height:20px; padding:0px 10px; float:left;}
.headerrow1 .btnsearch{border:0px; background:#faa61a url(../images/icon-search.png) no-repeat center center; text-indent:-9999px; height:39px; line-height:39px; width:40px;}
.headerrow2{ width:100%; float:left; position:relative;}
.header-nav{float:left; padding:0 0 0 7px; }
.header-mainnav li{position:relative; float:left;}
.header-mainnav li ul{ display:none;}
.header-mainnav li:hover ul{ display:block; position:absolute; width:250px; background: #fff;}
.header-mainnav li:hover ul li{ display:inline-block; float:none; }
.header-mainnav li a{font-size:16px; color:#333333; line-height:26px; padding:0px 8px; display:inline-block; text-transform: none; border-top:3px solid #fff;}
.header-mainnav li:hover a, .header-mainnav li.active a{border-top:3px solid #953176; }
.header-mainnav li:hover ul li a{border-top:0px solid #fff;}
.header-mainnav li:hover ul li:hover a{border-top:0px solid #fff; color:#953176;}
.menu-icon {position: relative; background-image: none; }
.icon-toggle {display: inline-block; transition: .3s; position: absolute; top: -4px; left: -3px; }
.lines {display: inline-block; position: relative; width: 24px; height: 4px; background-color: #ffffff; }
.lines:before, .lines:after {content: ''; display: inline-block; width: 24px; height: 4px; background-color: #ffffff; position: absolute; left: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.lines:before {top: 7px; }
.lines:after {top: -7px;}
.icon-toggle .lines {transition: background .3s .6s ease;}
.icon-toggle .lines:before, .icon-toggle .lines:after {-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease; transition: top .3s .6s ease, transform .3s ease; }
.open-menu .icon-toggle .lines {transition: background .3s 0s ease; background: transparent; }
.open-menu .icon-toggle .lines:before, .open-menu .icon-toggle .lines:after {transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease; transition: top .3s ease, transform .3s .5s ease; top: 0; width: 24px; }
.open-menu .icon-toggle .lines:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate(45deg); transform: rotate3d(0, 0, 1, 45deg); }
.open-menu .icon-toggle .lines:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate(-45deg); transform: rotate3d(0, 0, 1, -45deg); }
#navigation-toggle {display: none; float: right; width:47px; height: 38px; background-color: #963177; -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.5); -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.5); box-shadow: inset 0 1px 1px rgba(255,255,255,.5); border: solid 1px #7ccbfc; background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); background-image: linear-gradient(to top, rgba(0,0,0,.05), rgba(2,2,2,0)); -o-transition: all 500ms ease-in; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; transition: all 500ms ease-in; border-radius:5px; -moz-border-radius:5px;}
#navigation-toggle.open-menu {background-color: #f29090; -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.5); -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.5); box-shadow: inset 0 1px 1px rgba(255,255,255,.5); border: solid 1px #f29090; background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); background-image: linear-gradient(to top, rgba(0,0,0,.05), rgba(2,2,2,0));}
.menu-icon {display: block; width: 20px; height: 22px; margin: 10px auto 0; -o-transition: all 500ms ease-in; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; transition: all 500ms ease-in;}
.navright{ text-align:right;}
.navright ul li{display:inline-block; padding:0px 7px 0px 7px;}
.navright ul li a{font-size:11px; color:#606060; line-height:36px; padding:0px 12px; display:inline-block; text-transform:uppercase;}
.navright ul li.contact{ border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.navright ul li.contact i, .navright ul li.customer i{ font-size:16px; margin-left:0px; margin-right:4px; vertical-align:middle;}
.navright ul li.customer{ border-right:1px solid #e5e5e5;}
.flagright{border-left:1px solid #e5e5e5; text-align:left; display:inline-block; vertical-align:top; text-transform:uppercase; padding:3px 10px 0px 10px;}
.flagright span{ display:block;}
.flagright ul li{display:inline-block; padding:0px 0px 0px 0px;}
.flagright ul li a{font-size:11px; color:#606060; line-height:36px; padding:0px 2px; display:inline-block; text-transform:uppercase;}
.flagright .flagblock{ padding:0px 0px;}
.flagright .flagblock i{ display:inline-block; width:20px; height:13px; background:url(../images/flagbg.html) no-repeat;}
.flagright .flagblock i.flag1{ background-position:0px 0px;}
.flagright .flagblock i.flag2{ background-position:-28px 0px;}
.flagright .flagblock i.flag3{ background-position:-56px 0px;}
.flagright .flagblock i.flag4{ background-position:-83px 0px;}
.flagright .flagblock i.flag5{ background-position:-111px 0px;}
/*------------------*/
/* Banner SECTIONS
/*------------------------------------------------------*/
.mainbanner{ position:relative; max-width:1500px;}
.banner1{ font-size:150%; color:#fff; line-height:28px; font-weight:300;}
.banner1 span{ font-size:170%; display:block; font-weight:600; }
.banner2{ font-size:51px; color:#fff; line-height:38px; font-weight:600;}
.banner2 span{ display:block;}
.banner2 span.light{ font-size:70%; display:block; font-weight:300;}
.banner2 span.bold{ font-size:100%; display:block; font-weight:800;}
.banner2 span.bigbold{ font-size:100%; display:block; font-weight:600;}
/* Home section 1 */
.home_sec1 {float: left; width: 100%; text-align: center;}
.home_sec1 .one_third{ padding-right:10px; float:left;}
.home_sec1 .one_third .last{ margin-right:0%;}
.home_sec1 .hblog {float: left; width: 100%; background-color: #fff; text-align:center;}
.home_sec1 .hblog img.fullimg {width: 100%; padding:0px 0px 10px 0px;}
.home_sec1 .hblog img {max-width: 90%; margin:10px;}
.home_sec1 .hblog .content2:before{width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #fff; position:absolute; content:""; left:50%; top:0px; margin-left:-6px;}
.home_sec1 .hblog .content2 {float: left; width: 100%; padding: 5% 8% 8% 8%; text-align:left; background:#dcd5b9; min-height:220px; position:relative; text-transform:uppercase;}
.home_sec1 .hblog h5 {margin-bottom: 4px; font-weight: 700; font-size:160%; color:#716845; line-height:28px; text-transform:uppercase;}
.home_sec1 .hblog p{font-size:110%; font-weight:normal; color:#7a6f43; margin-bottom:5px; text-transform:uppercase; white-space:no-wrap;}
.home_sec1 .hblog p span.date{font-size:18px; font-weight:bold; color:#7a6f43; margin-bottom:5px; text-transform:uppercase;}
.home_sec1 .dwld{padding-bottom: 50px; position: relative;}
.home_sec1 .hblog .download_but{position: absolute; width: 94.2%; bottom: 0; display: block; padding: 6px 0; margin: 8px; text-align: center; background: #f8b423; color: #8f3a0c;}
.owl-carousel .owl-wrapper-outer {overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-item {float: left;}
.home_sec1 .items {background-color: #fff; text-align:center;}
.home_sec1 .items img.fullimg {width: 100%; padding:0px 0px 10px 0px;}
.home_sec1 .items img {max-width: 100%; padding:10px 0px 10px 0px;}
.home_sec1 .items .content2:before{width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #fff; position:absolute; content:""; left:50%; top:0px; margin-left:-6px;}
.home_sec1 .items .content2 {width: 100%; padding: 5% 8% 8% 8%; text-align:left; background:#dcd5b9; min-height:220px; position:relative; text-transform:uppercase;}
.home_sec1 .items h5 {margin-bottom: 4px; font-weight: 700; font-size:160%; color:#716845; line-height:28px; text-transform:uppercase;}
.home_sec1 .items p{font-size:120%; font-weight:normal; color:#7a6f43; margin-bottom:5px; text-transform:uppercase;}
.home_sec1 .items p span.date{font-size:18px; font-weight:bold; color:#7a6f43; margin-bottom:5px; text-transform:uppercase;}
.home_sec1 .dwld{padding-bottom: 50px; position: relative;}
.home_sec1 .items .download_but{position: absolute; width: 94.2%; bottom: 0; display: block; padding: 6px 0; margin: 8px; text-align: center; background: #f8b423; color: #8f3a0c;}
.eventcarousel{width: 100%; float:left;}
.prdtop{width:33.3%;}
/* Home section 2 */
.home_sec2 {float: left; width: 100%;}
.proudmemberof li{ width:20%; text-align:center; display:inline-block; float: left;}
.home_sec2 .hblock {float: left; width: 100%; background-color: #fff; border-right:8px solid #facd1a;}
.home_sec2 .hblock h6 {margin-bottom:0px; font-weight: 500; font-size:16px; color:#845200; line-height:28px; display:block; text-transform:uppercase;}
.home_sec2 .hblock h6 span{ display:inline-block; background:#facd1a; font-weight:600; padding:0px 10px;}
.home_sec2 .hblock img{max-width: 100%; padding:20px 10px;}
.home_sec2 .strategicpartners a{ width: 33.33%; display: inline-block; text-align: center;}
.home_sec2 .strategicpartners img{padding:13px 8px; max-width: 100%;}
.home_sec2 .hblock img.partners {filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.home_sec2 .hblock img:hover.partners{ filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%);}
/* Home section 3 */
.home_sec3 {float: left; width: 100%;}
.home_sec3 .one_third{ padding-right:0px;}
.home_sec3 .hblock {float: left; width: 100%; padding:15px; min-height:320px;}
.home_sec3 .yrsbg{ background:url(../images/aboutus.jpg) no-repeat center center; background-size:100% 100%; color:#fff;}
.home_sec3 .hblock p{font-size:15px; margin-bottom:15px;}
.home_sec3 .hblock p.title{ font-size:31px;}
.home_sec3 .hblock p.title span{ font-size:100px; font-weight:300; line-height:100px;}
.home_sec3 .hblock p a.knowmore{ border:1px solid #2A2A2A; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color:#2A2A2A; padding:5px 15px;}
.home_sec3 .latestevents{ background:#fff;}
.home_sec3 .latestevents .flexslider{ margin-bottom:0px;}
.home_sec3 .latestevents .flex-control-nav{ bottom:-20px;}
.home_sec3 .latestevents .slides li img{ width:100%;}
.home_sec3 .latesthappenings{ background:#e7e7e7; font-size:13px; color:#484848;}
.home_sec3 .latesthappenings li{ border-bottom:1px dotted #000000; padding-bottom:15px; margin-bottom:8px; min-height: 50px;}
.home_sec3 .latesthappenings li a{text-decoration: none; color:#484848; }
.home_sec3 .latesthappenings li span{ -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display:inline-block; width:44px; height:44px; border:3px solid #78a518; font-size:24px; color:#547c14; text-align:center; line-height:38px; float:left; margin-right:15px;}
.home_sec3 .latesthappenings li .widgettext{ margin-left:60px; line-height:normal;}
.home_sec3 .latesthappenings li:last-child{ border-bottom:0px dotted #000000; padding-bottom:0px; margin-bottom:0px;}
/* Search section */
.searchrow{float: left; width: 100%; position: relative;}
.searchblock{ background:#fff; float: left; width: 100%;}
.searchblock input.textfield{ height:48px; line-height:48px; font-size:20px; width:80%; padding:0px 15px; float:left;}
.searchblock i.arrowdown{width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #515151; position:relative; content:""; display:inline-block; float:right; margin-top:18px; margin-right:10px;}
.searchblock input.filernow{ height:48px; line-height:48px; background:#fac907; border:0px; font-size:18px; color:#fff; font-weight:600; border-left:1px solid #cfa80c; float:right; padding:0px 15px; cursor:pointer;}
.searchblock #categorymenu{width: 100%; margin-right: 149px; position: absolute; top:58px; left: 0; z-index: 99999; height: 250px; display: none; overflow-y: auto;}
.searchblock #categorymenu li{padding:8px; border-bottom: 1px solid #f8f8f8; background: #fff;}
.searchblock #categorymenu li:hover{cursor: pointer;}
/* ProductList section */
.productlist {font-family: 'Open Sans', sans-serif; float: left; width: 100%;}
.productlistrow {float: left; width: 100%; text-align: center; position:relative; padding-top: 10px;}
.productlistrow .one_fourth{ margin-bottom:10px;}
.productlistrow .one_fourth img.grayscale {filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.productlistrow .one_fourth:hover img.grayscale{ filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%);}
.productlistrow .boxsec {float: left; width: 100%; padding:10px 0px 20px 0px; background-color: #fff; font-size:14px;}
.productlistrow .boxsec .proimg{ width:100%; float:left;}
.productlistrow .boxsec img{ width:100%; padding:0px 10px; height:auto;}
.productlistrow .boxsec h3 {padding:10px; margin:0px 0px 10px 0px; text-align:left; color:#565656; height:85px;}
.productlistrow .readmore_but{float: left; color: #fff; padding:7px 25px 12px 15px; background-color: #fc4242; opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.productlistrow .last{}
.productlistrow .one_fourth:hover .boxsec{ -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; font-family: 'Open Sans', sans-serif; color: #fff; background-color: #62164b; }
.productlistrow .one_fourth h3{font-weight:300; font-family: 'Open Sans', sans-serif; font-size:20px;}
.productlistrow .one_fourth:hover h3{color: #fff;}
.productlistrow .one_fourth:hover .readmore_but{ background:url(../images/btn-knowmore.png) no-repeat right top; color: #781c00; opacity:1; font-size:14px;}
/*.productlistrow .one_fourth.active .boxsec{color: #fff; background-color: #62164b;}
.productlistrow .one_fourth.active h3{color: #fff;}
.productlistrow .one_fourth.active .readmore_but{ background:url(../images/btn-knowmore.png) no-repeat right top; color: #781c00; opacity:1;}*/
/* Product section */
.product{float: left; width: 100%; background:#fff;}
.producth{float: left; width: 100%; background: #CCCCCC;}
.productrow{float: left; width: 100%;}
.mainimg{ position:relative; padding:0px;}
.mainimg .img{max-height: 580px; text-align:center;}
.mainimg .img img{display: inline-block; vertical-align: middle; max-width:100%;}
.mainimg .maintitle{ background:url(../images/maintitle-bg.png) no-repeat right top; height: 100px; font-size:21px; font-weight:800; color:#fff; display:inline-block; position:relative; top:30px; padding:10px 20px 33px 20px; left:0px;}
.mainimg .maintitle span{ font-weight:300; display:block;}
.mfp-no-margins img.mfp-img {padding: 0;}
.mfp-no-margins .mfp-figure:after {top: 0; bottom: 0;}
.mfp-no-margins .mfp-container {padding: 0;}
.productnote1{ position:absolute; left:15%; top:35%; font-size: 1.65em;}
.productnote2{ position:absolute; left:33%; top:60%; font-size: 1.65em;}
.productnote3{ position:absolute; left:50%; top:47%; font-size: 1.65em;}
.mainimgright{ }
.mainimgright a{color:#fff;}
.mainimgright h3{ font-size:21px; color:#fff; font-weight:300; text-transform:uppercase; margin-bottom:10px;}
.mainimgright h3 span{ display:inline-block; vertical-align:top;}
.mainimgright h3 span.bold{font-weight:800; display:block;}
.mainimgright p{line-height:18px;}
.rightdownload{
padding:15px;
color:#fff;
background-color: #339933;
}
.rightdownload i.icon-download{ width:35px; height:35px; display:inline-block; background:url(../images/icon-download.png) no-repeat left top; vertical-align:middle; margin-left:10px;}
.rightvideo{
padding:15px;
color:#fff;
background-color: #339966;
}
.rightvideo i.icon-video{ width:35px; height:35px; display:inline-block; background:url(../images/icon-video.png) no-repeat left top; vertical-align:middle; margin-left:10px;}
.rightcontactus{
padding:15px;
color:#fff;
background-color: #339933;
}
.rightcontactus i.icon-video{ width:23px; height:29px; display:inline-block; background:url(../images/icon-phone.png) no-repeat left top; vertical-align:middle; margin-left:10px;}
.rightprint{ background:#339966; padding:7px 10px 7px 10px; color:#fff; display:block;}
.rightprint h3{ font-size:16px; margin-bottom:0px; font-weight:400;}
.rightprint h3 a{ color:#fff;}
.rightprint i.icon-print{ width:25px; height:29px; display:inline-block; background:url(../images/icon-print.png) no-repeat left top; vertical-align:middle; margin-right:10px;}
.appfeature{}
.appfeature h2{ font-size:27px; color:#953176; margin-bottom:10px;}
.appfeature ul{ margin-bottom:30px; font-size:13px; color:#0D0D0D;}
.appfeature ul li{ padding:0px 0px 7px 15px; margin:0px; line-height:normal; position:relative;}
.appfeature ul li:before{ width:8px; height:8px; content:""; display:inline-block; background:#7f1d61; border-radius:100%; margin-right:7px; position:absolute; top:4px; left:0px;}
.applications{ padding-left:20px;}
.applicationsimg{ }
.applicationsimg img{ display:inline-block; margin:0px 20px 20px 0px;}
.app{ background:#ececec; width:100%; float:left;}
.profeatures1{ background:#ececec; padding:20px 30px 30px 20px;}
.profeatures{ background:#ececec; padding:20px 30px 30px 30px;}
.profeatures .readmore_but{background:#f4650f; color:#fff; opacity:1; font-size:14px; padding:7px 25px 7px 25px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:inline-block;}
.profeatures .readmore_but a{ color:#fff;}
.specifications{ padding:10px 20px 20px 20px;}
.specifications h2{ font-size:27px; color:#953176; margin-bottom:10px;}
.table{ width: 100%; border-collapse: collapse; font-size:13px;}
.table th{background: #e6e6e6; color: #555555; font-weight:600;}
.table td, .table th { padding: 6px; border: 1px solid #ccc;}
.table td span{font-weight:600;}
.specificationsimg{ text-align:center; padding-top:20px;}
/* Static Page */
.staticpage{float: left; width: 100%;}
.pagecontent{float: left; width: 100%; margin-top:10px; position:relative;}
.staticrow{ float: left; width: 100%; margin-top:10px;}
.whowe{ background: #fff url(../images/runner.html) no-repeat center; background-size:auto 130%; float:right;}
.blockcontent{ padding:20px 20px; color:#0c0c0c; line-height:14px; font-size:13px;}
.blockcontent h2{ margin-bottom:20px; font-size:28px; color:#5b5b5b; font-weight:300; text-transform:uppercase;}
.blockcontent p{ margin-bottom:10px;}
.aboutpagecontent{}
.aboutpagecontent .aboutleft{padding-right: 0px; margin-bottom:10px;}
.aboutpagecontent .aboutleft.one_half{width:100%;}
.aboutpagecontent .whowe.one_half{width:100%;}
.aboutpagecontent .aboutleft.one_half img{min-width:100%; float:left;}
.aboutpagecontent p{ margin-top:8px;}
.joinus{ background:#fff; margin-top:10px;}
.joinus .blockcontent{ font-size:14px; color:#474747; line-height:21px;}
.joinus .blockcontent h4{ font-size:18px; font-weight:700; color:#474747;}
.joinus .blockcontent p{ line-height:21px; margin-bottom:20px;}
.joinus .blockcontent ul{ padding:0px; margin:0px; list-style:none;}
.joinus .blockcontent ul li{ padding:7px 0px 7px 0px; border-bottom:1px solid #d4bb92; display:block;}
.joinus .blockcontent ul li i{ display:inline-block; float:right; width:18px; height:18px; background:url(../images/icon-pdf.jpg) no-repeat center top;}
.careerform .compulsory{ font-size:12px; text-align:center;}
.careerform .mws-form .mws-form-row:before, .careerform .mws-form .mws-form-row:after{ content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.careerform .mws-form .mws-form-row:after{ clear: both;}
.careerform .mws-form .mws-form-row{ padding: 7px 0px;}
.careerform .mws-form .mws-form-row label {display: inline-block; float: left; margin-right: 20px; width: 140px; text-align:right;}
.careerform .mws-form .form-item {margin-left: 170px;}
.careerform .mws-form .form-item input.textfield{border-bottom:1px solid #bdbdbd; width:100%; display:inline-block; color:#474747;}
.careerform .mws-form .form-item select.select{border:0px; border-bottom:1px solid #bdbdbd; width:100%; display:inline-block; height:26px; line-height:26px; color:#474747;}
.careerform .mws-form .form-item textarea.textarea{border:0px solid #bdbdbd; width:100%; display:inline-block; height:26px; line-height:26px; height:100px; border-bottom:1px solid #bdbdbd; color:#474747;}
.careerform .mws-form .form-item .formsubfield{ display:block;}
.careerform .mws-form .form-item .formsubfield .note{ font-size:11px;}
.careerform .mws-form .form-item .table{ width: 100%; border-collapse: collapse; font-size:13px;}
.careerform .mws-form .form-item .table th{background: #eaeaea; color: #555555; font-weight:600;}
.careerform .mws-form .form-item .table td, .careerform .mws-form .form-item .table th { padding: 6px 6px; border: 1px solid #ccc; background:#f7f7f7;}
.careerform .mws-form .form-item td{ background: #fff; border: 1px solid #cccccc; color: #333; font-size: 13px; padding: 0px;}
.careerform .mws-form .form-item td input{border:1px solid #bdbdbd; width:100%; display:inline-block; color:#474747; height:30px;}
.careerform .mws-form .form-item input.reset{ background:#989898; color:#ffffff; padding:10px 25px; font-weight:800; text-transform:uppercase; margin-right:3px; cursor:pointer;}
.careerform .mws-form .form-item input.submit{ background:#faa61a; color:#ffffff; padding:10px 25px; font-weight:800; text-transform:uppercase; cursor:pointer;}
.vendorform{}
.vendorform .mws-form .mws-form-row label {display: inline-block; float: left; margin-right: 20px; width: 180px; text-align:right;}
.vendorform .mws-form .form-item {margin-left: 200px;}
.vendorform .mws-form .form-item input[type="radio"], .vendorform .mws-form .form-item input[type="checkbox"]{ margin-left:10px;}
.joinus .careerform input.textfield{border-bottom:1px solid #bdbdbd; width:100%; display:inline-block;}
.customersuport{ display:table;}
.customersuportleft{ background:#7ab300; display:table-cell; vertical-align:middle; font-size:20px; line-height:24px; text-align:center; color:#fff; float:none; padding-top: 20px; }
.customersuportleft p{ margin-bottom:25px;font-weight:600;}
.customersuportleft p.number{ font-size:45px; font-weight:300; border:1px solid #ffffff; padding:10px 20px; display:inline-block;}
.customersuportright{display:table-cell; background:#ffffff; font-size:14px; color:#575757; line-height:20px; float:none; padding:0px;}
.customersuportrighttext{padding:20px;}
.customersuportright h6{ font-weight:bold; margin-top:40px; margin-bottom:20px; color:#575757;}
.customersuportright p{ margin-bottom:20px;}
.customersuportright p a{ color:#575757;}
.cutomerserviceform{ background:#ffffff; padding:0px; display:table-cell;}
.cutomerserviceform h6{ font-size:14px; color:#494949; font-weight:800; text-align:right; margin-bottom:30px; text-transform:uppercase;}
.cutomerserviceform div.row{ margin-bottom:20px; padding-top:0px;}
.cutomerserviceform div.row label{ width:40%; display:inline-block; float:left; font-size:14px; color:#494949; text-align:right;}
.cutomerserviceform div.row span{ width:60%; padding-left:10px; display:inline-block;}
.cutomerserviceform div.row span input.textfield{ font-size:14px; color:#494949; border-bottom:1px solid #bdbdbd; width:100%; padding-bottom:3px;}
.cutomerserviceform div.row span textarea.textarea{border:0px; font-size:14px; color:#494949; border-bottom:1px solid #bdbdbd; width:100%; padding-bottom:3px; height:100px;}
.cutomerserviceform div.row span .reset{font-family: 'Open Sans', sans-serif; background:#989898; font-size:14px; color:#ffffff; font-weight:800; padding:10px 30px; text-transform:uppercase; margin-right:10px;}
.cutomerserviceform div.row span .submit{font-family: 'Open Sans', sans-serif; background:#faa61a; font-size:14px; color:#ffffff; font-weight:800; padding:10px 30px; text-transform:uppercase;}
.customerfullimg{ display:table-cell; overflow:hidden;}
.customerfullimg img{ width:auto; height:630px;}
.contactus{}
.contactusrow1{position:relative;}
.contactusrow1 iframe{ min-height:525px;}
.contactaddress{background:rgba(78,0,54,0.8); position:absolute; bottom:4px; width:100%; right:0px; color:#fff; font-size:14px; height:42%;}
.contactaddress h6{ font-weight:800; color:#fff; margin-bottom:15px;}
.adresses{background: #fff; padding: 15px;}
.productline{background: #fff; width:100%; padding: 15px;}
.saleadd{width: 42%; float:left; margin-right: 8px;}
.saleadd1{width: 42%; float:right; margin-right: 8px;}
.eqp{width: 50%; float:left; margin-right: 8px;}
.bgcr{background: #CCCCCC}
.eqpa{width: 45%; float:left; margin-left:10px; margin-right: 15px;}
.saleadd:last-child{border: 0; margin: 0;}
.saleadd h6{ font-weight:800; color:rgba(78,0,54,1); margin-bottom:8px;}
.bdr{border-left:solid; border-color:#5b5b5b;}
.addressblock{ }
.addressblock p{line-height:normal; margin-bottom:10px;}
.addressblock p a{ color:#fff;}
.contactform{ background:#ffffff; padding:0px;}
.contactformdetails{ padding:20px; color:#494949;}
.contactformdetails .fieldsmarked{ text-align:center; font-size:11px; margin-bottom:20px;}
.contactform div.row{ margin-bottom:20px; padding-top:0px;}
.contactform div.row label{ width:25%; display:inline-block; float:left; font-size:14px; color:#494949; text-align:right;}
.contactform div.row span{ width:75%; padding-left:20px; display:inline-block;}
.contactform div.row span input.textfield{ font-size:14px; color:#494949; border-bottom:1px solid #bdbdbd; width:100%; padding-bottom:3px;}
.contactform div.row span.select{border-bottom:1px solid #bdbdbd; padding-bottom:4px; width:100%; padding-left:0px;}
.contactform div.row span select.select{ border:0px; font-size:14px; color:#494949; width:100%; padding-bottom:3px;}
.contactform div.row span textarea.textarea{border:0px; font-size:14px; color:#494949; border-bottom:1px solid #bdbdbd; width:100%; padding-bottom:3px; height:70px;}
.contactform div.row span textarea.remarks{border:0px; font-size:14px; color:#494949; border-bottom:1px solid #bdbdbd; width:100%; padding-bottom:3px; height:110px;}
.contactform div.row span .reset{font-family: 'Open Sans', sans-serif; background:#989898; font-size:14px; color:#ffffff; font-weight:800; padding:7px 40px; text-transform:uppercase; margin-right:10px;}
.contactform div.row span .submit{font-family: 'Open Sans', sans-serif; background:#faa61a; font-size:14px; color:#ffffff; font-weight:800; padding:7px 40px; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.contactform div.row span .submit:hover{background:#3e0b2e;}
.error{color:#d50101; padding: 5px 0;}
.qualitypolicy{ background:#55a7d7; font-size:13px; color:#fffefe; padding:10px 15px; display:block;}
.qualitypolicy h2{ font-size:26px; color:#ffffff; font-weight:300; margin-bottom:10px; text-transform:uppercase;}
.qualitypolicy p{ margin-bottom:10px;}
.mission{ margin-top:10px; font-size:13px; color:#5b5b5b; display: table;}
.mission .title{ width:40%; background:#dcaf25; font-size:26px; color:#fff; font-weight:300; display: table-cell; padding:5px 10px; vertical-align: top; text-transform:uppercase;}
.mission .textwidget{ width:60%; padding:5px 10px; background:#fff; display:table-cell; vertical-align: top;}
.vision{ margin-top:10px; display: table;}
.vision .title{ width:40%; background:#dc7b25; font-size:26px; color:#fff; font-weight:300; display: table-cell; padding:5px 10px; vertical-align: top; text-transform:uppercase;}
.vision .textwidget{ width:60%; padding:5px 10px; background:#fff; display:table-cell; vertical-align: top;}
.rrleadership{ background:#EEEEEE url(../images/rrleadership-bg.html) no-repeat right bottom; background-size:100% auto; padding:10px; color:#363636; min-height:475px;}
.rrleadership h2{ font-size:26px; color:#363636; font-weight:300; margin-bottom:15px; text-transform:uppercase;}
.rrleadership ul { width:50%;}
.rrleadership ul li{ border-bottom:1px solid #d3d3d3; padding:5px 0px;}
.globalpresence{float: left; width: 100%; background: #fff url(../images/globalpresence-bg.html) no-repeat right bottom; background-size:50% 100%; margin-top:10px; color:#0c0c0c;}
.globalcontent{ background:rgba(255,255,255,0.8);}
.globalcontent h2{ font-size:26px; color:#5b5b5b; font-weight:300; margin-bottom:15px;}
.globalcontent .listmenu{ display:inline-block;}
.globalcontent .listmenu h6{ font-size:13px; font-weight:800;}
.collaborationrow{margin-top:10px; font-size:13px; color:#5b5b5b; display: table;}
.globalcollaboration{ font-size:26px; color:#fff; font-weight:300; background:#e8bb4a; width:60%; padding:15px; padding-top:40px; vertical-align:bottom; text-transform:uppercase; float:left; height:163px;}
.globalcollaborationimg{ vertical-align:top; width:40%; float:left; background:#fff; text-align:center; padding:15px; height:163px; }
.globalcollaborationimg img{ margin-bottom:10px; display:inline-block;}
.globalcollaborationimg img:last-child{margin-bottom:0px;}
.milestones{font-size:14px; color:#ffffff; display: table;}
.milestonesblock{ width:70%; padding:15px; background:#55a7d7; display:table-cell; vertical-align:top;}
.milestonesblock h2{ font-size:26px; color:#ffffff; font-weight:300; margin-bottom:10px; text-transform:uppercase;}
.milestonesblock a.learnmore{ border:1px solid #fff; text-transform:uppercase; color:#fff; padding:7px 15px; display:inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top:25px;}
.milestonesblockimg{width:30%; padding:0px; display:table-cell; vertical-align:top;}
.milestonesblockimg img{ width:100%; display:block; height:163px;}
/* product */
.product {}
.product h2 { display:block; font-size:24px; color:#333333; padding:0 0 10px 0; font-family:'helveticarounded_lt_std_bdcRg';}
.product h2 span { display:inline-block; color:#e2001a;}
.product-top { margin:0 0 15px 0;}
.pro-left { width:238px;}
.pro-left h6 { display:block; font-size:18px; color:#333333; padding:0 0 15px 0; font-weight:normal; font-family:'helveticarounded_lt_std_bdcRg';}
.pro-left a { background:url(../images/product-bg.html) left top no-repeat; width:220px; height:220px; text-align:center; display:block; margin:0 0 10px 0; position:relative;}
.pro-left a span { display:none; position:absolute; bottom:10px; left:15px; font-size:12px; color:#fff; line-height:30px; padding:0 20px 0 15px; background:url(../images/arrow-right.html) 90px center no-repeat #004c80;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.pro-left a:hover span { display:block;}
.pro-left a img { display:block; margin:0 auto; padding:30px 0 0 0;}
.pro-left a:hover { background-position:0 -220px;}
.pro-left ul { display:block; padding:0 0 15px 0;}
.pro-left ul li { display:block; font-size:14px; color:#333; line-height:18px;}
.pro-left1 { width:222px;}
.product-bottom {}
.attention {}
.attention p { display:inline-block; font-size:12px; color:#e2001a; line-height:17px; padding:0 0 3px 0;}
.attention a { background:url(../images/more-btn.html) right top no-repeat; width:45px; height:17px; display:block; font-size:11px; color:#e2001a; padding:0 0 0 5px; line-height:17px;}
/*product end*/
/* Event Page */
.eventlistrow{ width:100%; float:left; font-size:14px; color:#ffffff;}
.eventlistrow:last-child{ margin-bottom:0px;}
.eventname{ background:#faa61a; padding:7px 10px; display:inline-block; max-width:180px; float:left; height:134px; overflow:hidden;}
.eventname p{ margin-bottom:5px;}
.eventname p span{ font-size:36px; font-weight:300; display:block;}
.eventslider{ margin-left:180px;}
.eventslider .clients .jcarousel-skin-tango .jcarousel-clip-horizontal{ width:100%; height:auto; display:inline-block;}
.eventslider .jcarousel-container{ height:134px; overflow:hidden;}
.eventslider .clients .jcarousel-skin-tango .jcarousel-item{ height:inherit;}
.eventslider .clients .jcarousel-skin-tango .jcarousel-item{ width:178px;}
.eventslider .clients .jcarousel-skin-tango .jcarousel-item img{ float:left;}
.eventslider .clients .jcarousel-skin-tango .jcarousel-next-horizontal{ background:url(../images/next-horizontal-two-white.png) no-repeat;}
.eventslider .clients .jcarousel-skin-tango .jcarousel-prev-horizontal{ background:url(../images/prev-horizontal-two-white.png) no-repeat;}
.eventslider .clients .jcarousel-skin-tango .jcarousel-prev-horizontal{ background-color:#edaf37; top:0px; height:136px; background-position:0px 50%;}
.eventslider .clients .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background-position:-30px 50%;}
.eventslider .clients .jcarousel-skin-tango .jcarousel-next-horizontal{ background-color:#edaf37; top:0px; right:0px; height:136px; background-position:-5px 50%;}
.eventslider .clients .jcarousel-skin-tango .jcarousel-next-horizontal:hover{background-position:-35px 50%;}
.downloads .one_fourth{ margin-bottom:10px;}
/*------------------*/
/* FOOTER STYLES Hardik
/*------------------------------------------------------*/
/* Address */
.footer1 {float: left; width: 100%; padding: 15px; background-color: #3e0b2e; margin-top:10px;}
.footer1 h3 {color: #faa61a; margin-bottom:10px; font-size:14px; text-transform:uppercase;}
.footer1 .one_third{ padding-right:30px;}
/* Newsletter Signup */
.newsletter {float: left; width: 100%;}
.newsletter p{margin-bottom:7px;}
.newsletter p.conditions{ font-size:11px; color:#fff; vertical-align:middle;}
.newsletter .enter_email_input {width: 100%; height: 39px; padding: 0px 7px; line-height: 39px; background: #fff; border: 0px; font-size: 13px; font-weight: 400; color: #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.newsletter .input_submit {float: left; color: #fff; height: 39px; padding: 0px 10px; background-color: #860f61; border: 0px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight:600; }
.newsletter .input_submit:hover {color: #fff; background-color: #faa61a;}
/* End Newsletter Signup */
.qlinks {float: left; width: 100%; font-size:11px; border-right:1px dotted #773a28; min-height:400px;}
.qlinks ul {float: left; width: 100%; padding: 0px; margin: 0px;}
.qlinks li {padding: 0px 0px; margin: 0px; line-height:24px; color:#ffffff;}
.qlinks li a { color: #fff;}
.qlinks li a:hover {color: #fff;}
.qlinks li a i {margin-right: 3px;}
/* copyrights */
.copyright_info {float: left; padding: 10px 10px; margin: 0px 0px 0px 0px; width: 100%; color: #999; font-size: 11px; color: #fff; font-style: normal; font-weight: normal; background: #59003e;}
/* footer social links */
ul.footer_social_links {float: right; padding: 0px; margin: 0px 0px 0px 0px; }
.footer_social_links li {float: left; padding: 0px; margin: 0px 0px 0px 5px; width: 24px; height: 24px; text-align: center; border-radius: 24px; line-height: 26px; vertical-align: middle; background-color: #fff; color: #fff;}
.footer_social_links li:hover.icon1{background-color: #3c5a98;}
.footer_social_links li:hover.icon2{background-color: #31a8e0;}
.footer_social_links li:hover.icon3{background-color: #333331;}
.footer_social_links li:hover.icon4{background-color: #cf3427;}
.footer_social_links li i{color: #59003e; font-size:16px;}
.footer_social_links li:hover i{color: #fff;}
/*------------------*/
/* End FOOTER STYLES Hardik
/*------------------------------------------------------*/
/* scroll up */
.scrollup{width:40px; height:40px; opacity:1; position:fixed; bottom:22px; right:20px; display:none; text-indent:-9999px; background: url(../images/scroll-top-arrow.png) no-repeat left top; z-index: 999;}
/* ---- isotope ---- */
.productfeature {max-width: 1600px; margin-top:10px;}
.productfeature:after { content: ''; display: block; clear: both;}
/* ---- .item ---- */
.productfeatureitem { float: left; width: 25%; padding-right:10px; padding-bottom:10px;}
.productfeatureitem.width2 { width:50%; float:left;}
.productfeatureitem .featureitemblock{background: #eaeaea; padding:7px;}
.productfeatureitem .featureitemblock img{ width:100%; display:inline-block;}
.productfeatureitem .featureitemblock h5{ color:#6c6c6c; font-size:16px; text-align:center; line-height:normal; margin-top:5px; margin-bottom:5px; }
.tooltip{ display: inline; position: relative; }
.tooltip:hover:after{ background: #333; background: rgba(0,0,0,.8); border-radius: 4px; bottom: -30px; color: #fff; content: attr(title); right: 20%; padding: 2px 10px; position: absolute; z-index: 98; width: auto; white-space: nowrap }
.tooltip:hover:before{ border: solid; border-color: #333 transparent; border-width: 0 6px 6px 6px; bottom: 10px; content: ""; right: 50%; position: absolute; z-index: 99; }
.msg, .msg2{ text-align: center; padding: 12px; color: rgb(32, 160, 239);}
form input.err-no-value{
color:#f00 !important;
border:1px solid #f00 !important;
}
.err { display: none; width:200px; font-family:arial; font-size:12px; color:#f00; padding:10px 6px 1px 6px; background:url(../images/icon_error.html) 5px 11px no-repeat; padding-left:30px; }
@-webkit-keyframes pop-in {
0% { opacity: 0; -webkit-transform: scale(0.5); }
100% { opacity: 1; -webkit-transform: scale(1); }
}
@-moz-keyframes pop-in {
0% { opacity: 0; -moz-transform: scale(0.5); }
100% { opacity: 1; -moz-transform: scale(1); }
}
@keyframes pop-in {
0% { opacity: 0; transform: scale(0.5); }
100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes pop-out {
0% { opacity: 0; -webkit-transform: scale(1); }
100% { opacity: 1; -webkit-transform: scale(0.5); }
}
@-moz-keyframes pop-out {
0% { opacity: 0; -moz-transform: scale(1); }
100% { opacity: 1; -moz-transform: scale(0.5); }
}
@keyframes pop-out {
0% { opacity: 0; transform: scale(1); }
100% { opacity: 1; transform: scale(0.5); }
}
.animate-enter,
.animate-leave {
--webkit-animation:pop-out 0.75s;
-moz-animation:pop-out 0.75s;
-ms-animation:pop-out 0.75s;
position: relative;
display: block;
}
.animate-leave.animate-leave-active,
.animate-enter {
-webkit-animation:pop-in 0.75s;
-moz-animation:pop-in 0.75s;
-ms-animation:pop-in 0.75s;
}
.animate-enter.animate-enter-active,
.animate-leave {
--webkit-animation:pop-out 0.75s;
-moz-animation:pop-out 0.75s;
-ms-animation:pop-out 0.75s;
opacity: 1;
}