@charset "utf-8";
/* CSS Document */

body { margin: 0; padding:0; font-family: 'perpetua_titling_mtlight'; font-size: 14px; color: #6b6b6b; }
p, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding:0; text-align: left; font-weight: normal; color: #6b6b6b;}

/*(input focus) outline issue in chrome*/
textarea:focus, input:focus { outline: 0; }
*:focus { outline: 0; }

/*IE images border issue*/
img { border: none;}

.fleft { float: left;}
.fright { float: right;}
.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}
.clear { clear: both;}
a {color: #6b6b6b; text-decoration:none; }
/*For Removing Dotted Outline*/
button::-moz-focus-inner {
  border: 0;
}
/*a focus animation effect*/
a{ -webkit-transform: translateZ(0);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	text-decoration: none;
}
.clearfix:after { clear:both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

/* Place holder opacity issues */
::-webkit-input-placeholder { color: #a8986e; opacity: 1; }
/* Firefox < 19 */
:-moz-placeholder { color: #a8986e; opacity: 1; }

/* Firefox > 19 */
::-moz-placeholder { color: #a8986e; opacity: 1; }

/* Internet Explorer 10 */
:-ms-input-placeholder { color: #a8986e; opacity: 1; }*/

/* Place holder color issues */
input[placeholder], [placeholder],
*[placeholder] { color:#000 !important; }

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in Iphone, Ipad etc */
}
input, textarea { /* input border radius issue solved in Iphone */
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

<!--..... PRE-LOADER .....-->
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #FFF;z-index: 999999;height: 100%;}
#status {position: absolute;left: 50%;top: 50%;width: 64px;height: 64px;margin: -32px 0 0 -32px;padding: 0;}



section { width:100%; height:auto; float:left; }
.wrap { width:90%; max-width:1420px; height:auto; margin:0 auto; }

header { width:100%; height:auto; position:absolute; z-index:1; margin-top:62px; z-index:999; }
.logo { width:auto; height:auto; float: left; }
.logo a { z-index:999; }
.logo img { width:100%; }
.iso-mini { width:auto; height:auto; float:right; display:none; }
.iso-mini img { }
.iso { width:auto; height:auto; position:absolute; right:4%; top:7%; z-index:9; }
.iso img { width:100%; }

.menu-section { width:50%; height:auto; float:right; }
.menu-section .account-block { width:365px; height:auto; float:right; }
.menu-section .account-block .login { width:auto; height:auto; float:left; display:block; padding-top:8px; box-sizing:border-box; margin-left:30px; }
.menu-section .account-block .login a { font: 700 14px/14px 'Sofia Sans', sans-serif; color:#fff; background:url(../images/login.png) no-repeat 0px 3px; padding-left:30px; box-sizing:border-box; text-decoration:none; text-transform:uppercase; z-index:99999; }
.menu-section .account-block .cart { width:auto; height:auto; float:right; margin-left:30px; position:relative;}
.menu-section .account-block .cart a { z-index:9; }
.menu-section .account-block .cart i{ text-align:center; font-style:normal; color:#fff; width:23px; height:23px; border-radius:50px; position:absolute; background:#97c93c;top:-10px; right:-10px; z-index:11;font: 400 14px 'Open Sans', sans-serif; padding:2px 0;}
.menu-section .menu-block { width:100%; height:auto; float:right; }
.menu-section .account-block .tollfree { width:auto; height:auto; float:left; display:block; padding-top:8px; box-sizing:border-box; }
.menu-section .account-block .tollfree a { font: 700 16px/16px 'Open Sans', sans-serif; color:#fff; background:url(../images/tollfree.png) no-repeat 0px 3px; padding-left:30px; box-sizing:border-box; text-decoration:none; text-transform:uppercase; z-index:99999; }
/*..... MENU .....*/
nav { width:100%; height:auto; float:right; text-align:right; padding-top:20px; box-sizing:border-box; }
.menu { text-align: right; margin: 0; list-style-type: none; float:right;  box-sizing:border-box; /*width:616px;*/ width:auto; }
.menu li { float:left; list-style:none; padding:0px 40px 0px 0px;  box-sizing:border-box; height:auto; width:auto; }
.menu li:nth-child(1){ padding-left:0px; }
.menu li:last-child{ padding-right:0px; }
/*.menu li:nth-child(4){ padding-right:0px; }*/
/*.menu li:nth-child(4){ padding:0px 8% 0px 0px; }
.menu li:nth-child(5){ padding-left:0px; }*/

.menu li a { font:600 16px/16px 'Sofia Sans', sans-serif; color:#fff; text-align:right; text-decoration:none; text-transform:uppercase;  box-sizing:border-box; 
clear:both; position: relative; top: 28%; /* transform: translateY(-50%); padding-bottom:20px;*/ }
.menu li a:hover { color:#97c93c; }
.menu li a.active { color:#97c93c; }
.slicknav_menu{ display:none; }

.menu li ul { display:none; position:absolute; z-index:99; top:18px; width:250px; left:-156px; /*background:rgba(0,0,0,0.5); */ padding:20px 0px 0px; }
.menu li:hover  ul{ display:block; }
.menu li ul li { width:100%; float:left; list-style:none; height:auto; width:100%; text-align:right; box-sizing:border-box; background: rgba(0,0,0,0.7); }
.menu li ul li { padding:0px 20px 0px 0px; box-sizing:border-box; }
.menu li ul li:last-child { padding-right:20px; box-sizing:border-box; }
/*.menu li ul li:nth-child(3) { padding:20px 0px 0px !important; box-sizing:border-box; }
.menu li ul li:nth-child(4) { padding:20px 0px 0px !important; box-sizing:border-box; }
.menu li ul li:nth-child(1) { padding:20px 0px 0px !important; box-sizing:border-box; }
.menu li ul li:nth-child(2) { padding:20px 0px 0px !important; box-sizing:border-box; }
.menu li ul li:nth-child(5) { padding:20px 0px !important; box-sizing:border-box; }*/

.menu li ul li:hover { background-color:#97c93c; }
.menu li ul li a { font:600 14px/14px 'Sofia Sans', sans-serif; display:block; padding:10px 0px; box-sizing:border-box; }
.menu li ul li a:hover { color:#fff; }


.menu > li { position: relative; display: block; }
.menu > li > a span { background:url(../images/menu-arrow-color.png) no-repeat right center; width:7px; height:6px; display:inline-block; margin-left:5px; }



.my-slider { width:100%; height:auto; float:left; position:relative; }
.overlay { width:100%; height:100%; position:absolute; z-index:1; left:0; top:0px; background:rgba(0,0,0,0.50); }
.width-set { min-width: 800px !important; }

.about { width:100%; height:auto; float:left; position:relative; }
.about .about-cont { width:46%; height:auto; float:left; padding:100px 0px 90px; box-sizing:border-box; }
.about .about-cont h1 { font: 400 30px/30px 'Sofia Sans', sans-serif; color:#000; text-decoration:none; text-transform:uppercase; }
.about .about-cont h1 span { font: 700 50px/50px 'Sofia Sans', sans-serif; color:#97c93c; }
.about .about-cont p { font: 300 18px/24px 'Sofia Sans', sans-serif; color:#777; text-decoration:none; text-transform:inherit; padding:35px 0px 40px; }
.about .about-cont a { font: 500 16px/16px 'Sofia Sans', sans-serif; color:#97c93c; text-decoration:none; text-transform:uppercase; border:1px solid #97c93c; padding:10px 30px; }
.about .about-cont a:hover { background-color:#97c93c; color:#fff; }
.about .img-block { width:63%; height:auto; float:right; margin-right:-12%; margin-top: -110px; position: relative; z-index: 9; }
.about .img-block img { width:100%; display:block; }

.paralax-ser { width:100%; height:519px; float:left; position:relative; }

.paralax-ser.parallax-2 {
  background-image:url(../images/parallax-1-1.jpg);
}
.paralax-ser.parallax {
  height: 519px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}







.paralax-ser .overlay { width:100%; height:100%; position:absolute; z-index:-1; left:0; top:0; background:rgba(0,0,0,0.5); }
.paralax-ser .paralax-cont { width:60%; height:auto; position:relative; margin:auto; left:0; right:0; z-index:999; padding:104px 0px; box-sizing:border-box; }
.paralax-ser .paralax-cont h1 { font: 700 50px/50px 'Sofia Sans', sans-serif; color:#fff; text-decoration:none; text-transform:uppercase; text-align:center; }
.paralax-ser .paralax-cont p { font: 400 14px/24px 'Sofia Sans', sans-serif; color:#fff; text-decoration:none; text-transform:inherit; text-align:center; padding:40px 0px 40px; }
.paralax-ser .paralax-cont .readmore { width:100%; height:auto; float:left; text-align:center; }
.paralax-ser .paralax-cont .readmore a { font: 500 16px/16px 'Sofia Sans', sans-serif; color:#fff; text-decoration:none; text-transform:uppercase; border:1px solid #fff; padding:15px 40px;
display:inline-block; border-radius:25px; }
.paralax-ser .paralax-cont .readmore a:hover { background-color:#fff; color:#97c93c; }


.service { width:100%; height:auto; float:left; z-index:9999; position:relative; margin:-110px 0px 110px; display:block; }
.service .side-1 { width:50%; height:auto; float:left; display:block; }
.service .side-1 img { width:100%; display:block; height:auto; }
.service .side-1 p { font: 500 14px/24px 'Sofia Sans', sans-serif; color:#777; text-decoration:none; text-transform:inherit; padding:100px 100px 0px 60px; box-sizing:border-box; }
.service .side-2 { width:46%; height:auto; float:right; margin-top:65px; display:block; }
.service .side-2 img { width:100%; display:block; height:auto; }
.service i { display:block; clear:both; width:0; height:0; }

.paralax-pro { width:100%; height:690px; float:left; position:relative; }
.paralax-pro.parallax-2 {
  background-image:url(../images/prll.jpg);
}
.paralax-pro.parallax {
  height:690px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.paralax-pro .overlay { width:100%; height:100%; position:absolute; z-index:-1; left:0; top:0; background:rgba(0,0,0,0.5); }
.product { width:100%; height:auto; float:left; padding:85px 0px; box-sizing:border-box; }
.product-slide { width:63%; height:auto; float:left; }
.product-slide .slide-hold { width:100%; height:auto; float:left; }
.product-slide .slide-hold img { width:100%; display:block; border-radius: 8px; }
.product-cont { width:34%; height:auto; float:right; }
.product-cont h1 { font: 700 50px/50px 'Sofia Sans', sans-serif; color:#fff; text-decoration:none; text-transform:uppercase; text-align:right; padding-top:95px; box-sizing:border-box; }
.product-cont p { font: 300 18px/24px 'Sofia Sans', sans-serif; color:#fff; text-decoration:none; text-transform:inherit;  text-align:right; padding:40px 0px; }

.partners { width:100%; height:auto; float:left; padding:110px 0px; }
.partners-cont { width:27%; height:auto; float:left; }
.partners-cont h1 { font: 400 30px/30px 'Sofia Sans', sans-serif; color:#000; text-decoration:none; text-transform:uppercase; text-align:left; }
.partners-cont h1 span { font: 700 50px/50px 'Sofia Sans', sans-serif; color:#97c93c; }
.partners-cont p { font: 300 18px/24px 'Sofia Sans', sans-serif; color:#777; text-decoration:none; text-transform:inherit;  text-align:left; padding:40px 0px; }
.partners-slide { width:70%; height:auto; float:right; }
.partners-slide .slide-hold { width:100%; height:auto; float:left; box-sizing:border-box; }
.partners-slide .slide-hold img { width:90%; display:block; border-radius: 8px; }

.get-in-touch { width:100%; height:230px; float:left; position:relative; background:url(../images/get-in-touch.jpg) no-repeat; padding:72px 0px; box-sizing:border-box;  }
.get-in-touch .overlay { width:100%; height:100%; position:absolute; z-index:1; left:0; top:0; background:rgba(0,0,0,0.5); }
.get-in-touch .wrap { width:87%; max-width:1200px; /*width:85%;*/ margin:0 auto; }
.get-in-touch .cont-block { width:100%; height:auto; float:left; position:relative; z-index:999; }
.get-in-touch .cont-block .button { width:auto; height:auto; float:left; padding-top: 25px; }
/*.get-in-touch .cont-block .button a { font: 500 16px/16px 'Sofia Sans', sans-serif; color:#fff; text-decoration:none; text-transform:uppercase; padding:15px 40px; border-radius:5px; 
background-color:#97c93c; border-bottom:5px solid #0186bd; }*/

.get-in-touch .cont-block .button a { font: 700 25px/25px 'Sofia Sans', sans-serif; display: inline-block; text-decoration: none; color: #fff; background-color: #97c93c; padding: 18px 45px;
    /*border: 1px solid #97c93c;*/	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 0px #0186bd, 0px 3px 15px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 0px #0186bd, 0px 3px 15px rgba(0,0,0,.4);
	box-shadow: 0px 0px 0px #0186bd, 0px 3px 15px rgba(0,0,0,.4);
}

.get-in-touch .cont-block .get-in-touch-cont { width:auto; height:auto; float:right; }
.get-in-touch .cont-block .get-in-touch-cont h1 { font: 700 20px/20px 'Sofia Sans', sans-serif; color:#fff; text-decoration:none; text-transform:inherit; text-align:left; padding-top: 18px; 
box-sizing:border-box; }
.get-in-touch .cont-block .get-in-touch-cont h1 span { font: 700 40px/40px 'Sofia Sans', sans-serif; color:#97c93c; }


.contact { width:100%; height:auto; float:left; background-color:#97c93c; padding:20px 0px; box-sizing:border-box; }
.contact .wrap { width:83%; max-width:850px; margin:0 auto; }
.contact ul { width:100%; height:auto; float:left; }
.contact ul li { list-style:none; height:50px; box-sizing:border-box; }
.contact-left { width:423px; height:auto; float:left; }
.contact-left a{ font: 500 20px/20px 'Sofia Sans', sans-serif; color:#fff; text-decoration:none; text-transform:inherit; padding-top:20px; box-sizing:border-box; display:inline-block; }
.contact-right { width:364px; height:auto; float:right; }
.contact-right h1{ font: 500 20px/20px 'Sofia Sans', sans-serif; color:#fff; text-decoration:none; text-transform:inherit; padding-top:20px; box-sizing:border-box; display:inline-block; }
.contact-right h1 a { color:#fff; }
.contact-right h1 a span { font: 500 20px/20px 'Open Sans', sans-serif; }
.cont-icon { width:auto; height:auto; float:left; margin-right:8px; }
.cont-doc { width:auto; height:auto; }




.footer { width:100%; height:auto; float:left; padding:45px 0px; box-sizing:border-box; }
.footer .footer-logo { width:33.33%; height:auto; float:left; }
.footer .footer-logo img {  }
.footer .copyright { width:33.33%; height:auto; float:left; }
.footer .copyright p { width:auto; height:auto; font: 400 14px/14px 'Open Sans', sans-serif; color:#000; text-decoration:none; text-transform:inherit; text-align:center; padding-top:25px; 
box-sizing:border-box; }
.footer .footer-socialmedia { width:33.33%; height:auto; float:right; text-align:right; padding-top:10px; box-sizing:border-box; }
.footer .footer-socialmedia a {  }


.shop-category { width:230px; height:auto; position:absolute; left:0; top:0; background-color:#97c93c; border-bottom-right-radius:8px; /*border-bottom-right-radius:8px;*/ z-index:99; }
.shop-category h1 { font: 600 16px/16px 'Sofia Sans', sans-serif; color:#fff; text-decoration:none; text-transform:inherit; background:url(../images/arrow-drop.png) no-repeat 90% 23px;
cursor: pointer; padding:18px 0px 15px 22px; }

.shop-category .category-holder { width:100%; position: absolute; top: 44px; left: 0px; z-index: 999999; display: none; }
.sub { width: 100%; position: absolute; left: 100%; top: 0px; display: none; z-index: 999999; }
.shop-category li { width: 100%; height: auto; padding-left: 20px; box-sizing: border-box; background: #fff; position: relative; z-index: 999999; }
.shop-category a { width: 100%; height: 36px; font: 600 12px/36px 'Sofia Sans', sans-serif; color: #333; text-transform:inherit; box-sizing: border-box; border-bottom: 1px solid #eee; 
display: block; position: relative; }
.shop-category a i { width: 36px; height: 36px; position: absolute; top: 0px; right: 0px; background: url(../images/expand.png) no-repeat center; box-sizing: border-box; /*border-left: 1px solid #eee;*/
    border-right: 1px solid #eee; display: none; }

.shop-category a:hover { color:#97c93c; }
.shop-category a.hassub i { display:block; }
a.hassub.active{ color:#97c93c; }
a.hassub.active i{ background:url(../images/expand-1.png) no-repeat center #97c93c; }
/*.top-padding { padding-top:50px; }*/

.prequote { width:auto; height:auto; position:fixed; right:0; top:45%; background-color:#97c93c; border-top-left-radius: 8px; border-bottom-left-radius: 8px; z-index:99999; }
.prequote a {  }
.prequote img { width:100%; display:block; }

/*.................. BACK TO TOP ..................*/
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible; opacity: 1; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top { display: inline-block; border-radius:50%; height: 50px; width: 50px; position: fixed; bottom: 36px; right: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #97c93c url(../images/back-to-top.png) no-repeat center center; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; z-index:99999; }
  
  
  
  
/*..... INNERPAGE STYLE STARTS HERE .....  */
.inner-banner { width:100%; height:auto; float:left; position:relative; overflow:hidden; }
.inner-banner img { /*width:100%;*/ min-width:1366px; display:block; }
.inner-banner .wrap { width:90%; max-width:1420px; height:auto; margin:0 auto; position:absolute; left:0; right:0; }
.inner-banner .wrap h1 { font: 700 54px/50px 'Sofia Sans', sans-serif; color:#fff; text-decoration:none; text-transform:uppercase; text-align:left; position:absolute; left:0; bottom:-11px; }

.inner-cont-hold { width:100%; height:auto; float:left; position:relative; padding:30px 0px 0px; box-sizing:border-box; }
/*.................. ABOUT US ..................*/  
.about-main-block { width:100%; height:auto; float:left; margin-bottom: 100px; }
.about-main-block .about-block-1 { width:55%; height:auto; float:left; } 
.about-main-block .about-block-1 h1 { font: 700 40px/40px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:uppercase; }
.about-main-block .about-block-1 p { font: 400 43px/50px 'Sofia Sans', sans-serif; color: #777; text-decoration:none; padding-top:40px; box-sizing:border-box; text-transform:inherit; letter-spacing:-1px }
.about-main-block .about-block-2 { width:40%; height:auto; float:right; position:relative; } 
.about-main-block .about-block-2 .a-sec-1 { width:100%; height:auto; float:left; }
.about-main-block .about-block-2 .a-sec-1 img { width:100%; border-radius:5% }
.about-main-block .about-block-2 .a-sec-2 { width:70%; height:auto; position:absolute; bottom:0; right:0;
 margin-bottom:-230px; border:12px solid rgba(255,255,255,0.6); box-sizing:border-box; }
.about-main-block .about-block-2 .a-sec-2 img { width:100%; }

.mission { width:100%; height:auto; float:left; }
.mission .block-img { width:40%; height:auto; float:left; }
.mission .block-img img { width:100%; display:block; }
.mission .block-cont { width:55%; height:auto; float:right; }
.mission .block-cont h1 { font: 700 35px/35px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:uppercase; padding-top:28px; box-sizing:border-box; }
.mission .block-cont p { font: 400 14px/24px 'Sofia Sans', sans-serif; color: #777; text-decoration:none; text-transform:inherit; padding-top:40px; box-sizing:border-box; }

.vision { width:100%; height:auto; float:left; margin:30px 0px 60px; }
.vision .block-img { width:40%; height:auto; float:right; }
.vision .block-img img { width:100%; display:block; }
.vision .block-cont { width:55%; height:auto; float:left; }
.vision .block-cont h1 { font: 700 35px/35px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:uppercase; padding-top:28px; box-sizing:border-box; }
.vision .block-cont p { font: 400 14px/24px 'Sofia Sans', sans-serif; color: #777; text-decoration:none; text-transform:inherit; padding-top:40px; box-sizing:border-box;}
/*.................. CAREER ..................*/  

.career-block { width:100%; height:auto; float:left; }
.career-block h1 { font: 700 40px/40px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:uppercase; }
.career-block p { box-sizing:border-box; font: 300 14px/24px 'Sofia Sans', sans-serif; color: #000; text-decoration:none; padding:25px 0px; }
.career-tab { width:100%; height:auto; float:left; }
.career-block-2 { width:100%; height:auto; float:left; margin-top:60px; }
.career-block-2 p { box-sizing:border-box; font: 400 14px/26px 'Sofia Sans', sans-serif; color: #585858; text-decoration:none; padding:0px 0px 25px; }
.career-block-2 h1 { box-sizing:border-box; font: 400 20px/20px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; font-weight:300; line-height:26px; 
padding:0px 0px 10px; width:100%; border-bottom:1px solid #97c93c; }
.career-block-2 .career-form { width:100%; height:auto; float:left; margin:30px 0px 40px; }
.career-block-2 .career-form .form-left { width:48%; height:auto; float:left; }
.career-block-2 .career-form .form-left .form-sec-1 { width:100%; height:auto; float:left; position:relative; }
.career-block-2 .career-form .form-left .form-sec-1:nth-child(2) { margin:40px 0px; }
.career-block-2 .career-form .form-left .form-sec-1:nth-child(3) { margin:0px 0px; }
.career-block-2 .career-form .form-left .form-sec-1:nth-child(4) { margin:40px 0px; }
.career-block-2 .career-form .form-left .form-sec-1 p { box-sizing:border-box; font: 400 14px/26px 'Sofia Sans', sans-serif; color: #808080; text-decoration:none; width:100%; padding-bottom:5px; }
.career-block-2 .career-form .form-left .form-sec-1 input { width:100%; height:50px; float:left; border:2px solid #ccc; border-radius:5px;
 font-family: 'Roboto', sans-serif; font-size:12px; padding:5px 10px; box-sizing:border-box; }
.career-block-2 .career-form .form-left .form-sec-1 input.fe:focus { border: 2px solid #97c93c; color: #97c93c; }
.career-block-2 .career-form .form-left .form-sec-1 .date-p { background:url(../images/calendar.jpg) no-repeat 98% center; }
.career-block-2 .career-form .form-left .form-sec-1 select { width:100%; height:38px; float:left; border:1px solid #d5d5d5;
 font-family: 'Roboto', sans-serif; font-size:12px; padding:5px 10px; }
.career-block-2 .career-form .form-right{ width:48%; height:auto; float:right; }

.career-block-2 .career-form .form-right .form-sec-1 { width:100%; height:auto; float:left; position:relative; }
.career-block-2 .career-form .form-right .form-sec-1:nth-child(2) { margin:40px 0px; }
.career-block-2 .career-form .form-right .form-sec-1:nth-child(3) { margin:0px 0px; }
.career-block-2 .career-form .form-right .form-sec-1:nth-child(4) { margin:40px 0px; }
.career-block-2 .career-form .form-right .form-sec-1 p { box-sizing:border-box; font: 400 14px/26px 'Sofia Sans', sans-serif; color: #808080; text-decoration:none; width:100%; padding-bottom:5px; }
.career-block-2 .career-form .form-right .form-sec-1 input { width:100%; height:50px; float:left; border:1px solid #d5d5d5; font: 400 12px/12px 'Sofia Sans', sans-serif; 
padding:5px 10px; border:2px solid #ccc; border-radius:5px; }
.career-block-2 .career-form .form-right .form-sec-1 input.fe:focus { border: 2px solid #97c93c; color: #97c93c; }
.career-block-2 .career-form .form-right .form-sec-1 select { width:100%; height:38px; float:left; border:1px solid #d5d5d5; font: 400 12px/12px 'Sofia Sans', sans-serif; 
padding:5px 10px; box-sizing:border-box; }
.form-dropdown { background:url(../images/form-arw.png) 18px 18px no-repeat; } 
.career-block-2 .career-form .form-sec-3 { width:100%; height:auto; float:right; text-align:right; }
.career-block-2 .career-form .form-sec-3 a { box-sizing:border-box; font: 400 14px/14px 'Sofia Sans', sans-serif; text-decoration:none; text-align:right; padding:10px 30px; width:auto; border-radius:3px; border:1px solid #97c93c; color: #fff; background: #97c93c;  box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; }
.career-block-2 .career-form .form-sec-3 a:hover { box-shadow: inset 200px 0 0 0 #fff; color: #97c93c; border:1px solid #97c93c; }
	/*.......... TAB ..........*/
.tabs-menu { width:100%; height: auto; float: left; clear: both; }
.tabs-menu li { height: auto; width:100%; line-height: 30px; float: left; margin-bottom:12px;  padding:0px 0px 0px 45px; box-sizing:border-box;
 background:url(../images/tab-icon.png) 18px 18px no-repeat #ececec; }
.tabs-menu li.current { position: relative; background:url(../images/tab-icon-c.png) 18px 18px no-repeat #97c93c; z-index: 5; }
.tabs-menu li a { padding: 10px; text-transform:capitalize; color: #555; text-decoration: none; box-sizing:border-box; font: 400 14px/33px 'Sofia Sans', sans-serif; display:block; }
.tabs-menu a { }
.tabs-menu li p { padding: 11px 30px 0px 0px; text-transform:capitalize; color: #6e6e6e; text-decoration: none; box-sizing:border-box; font: 400 12px/12px 'Open Sans', sans-serif; float:right; }
.tabs-menu .current a { color: #fff; }
.tabs-menu .current p { color: #f2f2f2; }
.tab { border: 1px solid #d4d4d1; background-color: #fff; float: left; margin-bottom: 20px; width: auto; }
.tab-content { width: 100%; padding: 20px 40px; display: none; box-sizing:border-box; float:left; }
.tab-content .tab-cont-block { width:100%; height:auto; float:left; }
.tab-content .tab-cont-block .tab-sec1 { width:150px; height:30px; float:left; background:url(../images/tab-sec1.png) 2px 3px no-repeat; }
.tab-content .tab-cont-block .tab-sec1 p { box-sizing:border-box; font: 400 12px/12px 'Sofia Sans', sans-serif; color: #808080; text-decoration:none; padding:0px 30px; }
.tab-content .tab-cont-block .tab-sec2 { width:350px; height:30px; float:left; background:url(../images/tab-sec2.png) 2px 3px no-repeat; }
.tab-content .tab-cont-block .tab-sec2 p { box-sizing:border-box; font: 400 12px/12px 'Sofia Sans', sans-serif; color: #808080; text-decoration:none; padding:0px 30px; }
.tab-content .tab-cont-block .tab-sec3 { width:100%; height:auto; float:left; }
.tab-content .tab-cont-block .tab-sec3 h1 { box-sizing:border-box; font: 400 14px/14px 'Sofia Sans', sans-serif; color: #737373; text-decoration:none; padding-top:10px; }
.tab-content .tab-cont-block .tab-sec3 p { box-sizing:border-box; font: 400 14px/24px 'Sofia Sans', sans-serif; color: #737373; text-decoration:none; padding:10px 0px 20px; }
#tab-1 { display: block; }


/*.................. CONTACT US ..................*/ 
.contact_us-block { width:100%; height:auto; float:left; }
.contact_us-block .section-left { width:56%; height:auto; float:left; }
.contact_us-block .section-left h1 {  font: 700 40px/40px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:uppercase; }
.contact_us-block .section-left p { font: 400 14px/24px 'Sofia Sans', sans-serif; color: #777; text-decoration:none; padding:30px 0px; box-sizing:border-box; }
.contact_us-block .section-left .contact_us-form { width:100%; height:auto; float:left; margin-bottom:30px; }
.contact_us-block .section-left .contact_us-form .c-form-left { width:48%; height:auto; float:left; border:1px solid #d2d2d2; border-radius:6px; box-sizing:border-box; }
.contact_us-block .section-left .contact_us-form .c-form-left.fe:focus { border: 2px solid #97c93c; color: #97c93c; }


.contact_us-block .section-left .contact_us-form .c-form-left input { width:90%; height:38px; float:left; font: 400 13px/13px 'Sofia Sans', sans-serif; color: #959595;
 border:0; text-transform:capitalize; padding:5px 10px; box-sizing:border-box; border-radius:6px; }
.contact_us-block .section-left .contact_us-form .c-form-left .c-icon { width:30px; height:28px; float:left; border-left:1px solid #ccc; margin:5px 0px; padding-left:3px; }
.contact_us-block .section-left .contact_us-form .c-form-right { width:48%; height:auto; float:right; border:1px solid #d2d2d2; border-radius:6px; box-sizing:border-box; }

.contact_us-block .section-left .contact_us-form .c-form-right.fe:focus { border: 2px solid #97c93c; color: #97c93c; float:left; }


.contact_us-block .section-left .contact_us-form .c-form-right input { width:90%; height:38px; float:left; border:0; font: 400 13px/13px 'Sofia Sans', sans-serif; color: #959595; text-transform:capitalize; padding:5px 10px; box-sizing:border-box; border-radius:6px; }
.contact_us-block .section-left .contact_us-form .c-form-right .c-icon { width:30px; height:28px; float:left; border-left:1px solid #ccc; margin:5px 0px; padding-left:3px; }
.contact_us-block .section-right h1 { font: 700 40px/40px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:uppercase; }
.contact_us-block .section-left .contact_us-form .c-textarea { width:100%; height:auto; float:right; border:1px solid #d5d5d5; box-sizing:border-box; border-radius:6px; }
.contact_us-block .section-left .contact_us-form .c-textarea textarea { width:95%; height:100px; float:left;
 border:0; font: 400 14px/24px 'Sofia Sans', sans-serif; color: #777; text-transform:capitalize; padding:5px 10px; resize:none; box-sizing:border-box; border-radius:6px; }
.contact_us-block .section-left .contact_us-form .c-textarea .c-icon { width:30px; height:28px; float:left; border-left:1px solid #ccc; margin:5px 0px; padding-left:3px; }
.contact_us-block .section-left .contact_us-form .c-submit { width:100%; height:auto; text-align:right; float: left; } 
.contact_us-block .section-left .contact_us-form .c-submit a { font: 400 14px/24px 'Sofia Sans', sans-serif; text-decoration:none; text-align:right;
 padding:10px 30px; box-sizing:border-box; width:auto; border-radius:3px; border:1px solid #97c93c; text-transform:uppercase; position: relative; display: inline-block; color: #fff; background: #97c93c;
box-shadow: inset 0 0 0 0 #fff; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; }
.contact_us-block .section-left .contact_us-form .c-submit a:hover { box-shadow: inset 200px 0 0 0 #fff; color: #97c93c; }
.contact_us-block .section-right { width:44%; height:auto; float:left; }
.contact_us-block .section-right .c-address { width:100%; height:auto; float:left; background:url(../images/address.png) 2px 3px no-repeat; margin-top:30px; }
.contact_us-block .section-right .c-address p { font: 400 20px/34px 'Open Sans', sans-serif; color: #777; text-decoration:none; padding:0px 30px; box-sizing:border-box; }
.contact_us-block .section-right .c-address p span { font: 400 22px/38px 'Open Sans', sans-serif; }
.contact_us-block .section-right .c-telephone { width:100%; height:auto; float:left; background:url(../images/telephone.png) 2px 6px no-repeat; margin-top:30px; }
.contact_us-block .section-right .c-telephone p { font: 400 20px/26px 'Open Sans', sans-serif; color: #777; text-decoration:none; padding:0px 30px; box-sizing:border-box; }
.contact_us-block .section-right .c-email { width:100%; height:auto; float:left; background:url(../images/contact%20email.png) 2px 8px no-repeat; margin-top:30px; }
.contact_us-block .section-right .c-email a { font: 400 20px/28px 'Sofia Sans', sans-serif; color: #777; text-decoration:none; padding:0px 30px; box-sizing:border-box; }
/*..... MAP .....*/
.contact-map { width:100%; height:634px; float:left; margin:110px 0px 0px; }
.contact-map #map { width: 100%; height: 100%; float:left; }


/*.................. LOGIN ..................*/ 
.popup-block { width:600px; height:auto; margin:auto; position:absolute; top:30%; left:0; right:0; background-color:#fff; z-index:99999; -webkit-box-shadow: -5px 10px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -5px 10px 10px rgba(0, 0, 0, 0.5);
box-shadow: -5px 10px 10px rgba(0, 0, 0, 0.5); display:none; }
.popup-block a { font: 300 30px/30px 'Sofia Sans', sans-serif; color: #fff; text-decoration:none; text-transform:capitalize; padding:30px 0px; box-sizing:border-box; text-align:center; display:block; width:50%; height:auto; float:left; box-sizing:border-box; background-color:#e1e1e1; }
.popup-block a.active { color:#97c93c; font: 700 30px/30px 'Sofia Sans', sans-serif; background-color:#fff; }
.popup-block .form-cont .login { width:100%; height:auto; float:left; padding:50px 100px; box-sizing:border-box;  }
.popup-block .form-cont .login .set-block { width:100%; height:auto; float:left; }
.popup-block .form-cont .set-block h1 { font: 400 14px/14px 'Sofia Sans', sans-serif; color: #333; text-decoration:none; text-transform:capitalize; padding-bottom:10px; box-sizing:border-box; }
.popup-block .form-cont .set-block .text-fld { width: 100%; height: 50px; float: left;border: none; border-radius: 5px; padding: 5px 10px 5px 25px; box-sizing: border-box; font: 400 12px/12px 'Sofia Sans', sans-serif; color: #333; margin-bottom: 30px; text-transform: inherit; border:1px solid #ccc; }
.popup-block .form-cont .set-block .fe:focus { border: 2px solid #97c93c; color: #97c93c; }
.popup-block .form-cont  .set-block p { font: 400 16px/26px 'Open Sans', sans-serif; color: #777; text-decoration:none; padding:0px 30px; box-sizing:border-box; }
.popup-block .form-cont .set-block .block-one { width:50%; height:auto; float:left; }
.styledCheckbox { display: inline-block; float:left; }
.popup-block .form-cont  .set-block .block-two { width:50%; height:auto; float:right; }
.box-txt { font: 400 14px/33px 'Sofia Sans', sans-serif; color: #000; padding-left:10px; box-sizing:border-box; }
.popup-block .form-cont .set-block .block-two p { font: 400 14px/33px 'Sofia Sans', sans-serif; color: #000; text-decoration:none; padding:0px 0px; box-sizing:border-box; text-align:right; }

.popup-block .form-cont .btn-blk  {width:100%; height:auto; float:left; text-align:center; margin-top:45px; }


.popup-block .form-cont .btn-blk button { font: 700 25px/25px 'Sofia Sans', sans-serif; display: inline-block; text-decoration: none; color: #fff; background-color: #97c93c; padding: 18px 75px;
width: auto; height: auto; border:none; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0px 6px 0px #0186bd, 0px 3px 15px rgba(0,0,0,.4); -moz-box-shadow: 0px 6px 0px #0186bd, 0px 3px 15px rgba(0,0,0,.4);
box-shadow: 0px 6px 0px #0186bd, 0px 3px 15px rgba(0,0,0,.4); }



.popup-block .form-cont .register { width:100%; height:auto; float:left; padding:50px 100px; box-sizing:border-box; display:none;  }
.popup-block .form-cont .set-block textarea { width: 100%; height: 120px; float: left; border: none; border-radius: 5px; padding: 20px 10px 5px 25px; box-sizing: border-box;
font: 400 12px/12px 'Sofia Sans', sans-serif; color: #333; margin-bottom: 30px; text-transform: inherit; resize: none; border:1px solid #ccc; }
.popup-block .form-cont .set-block .reg-left { width:48%; height:auto; float:left; }
.popup-block .form-cont .set-block .reg-right { width:48%; height:auto; float:right; }
.popup-block .form-cont .register .btn-blk  {width:100%; height:auto; float:left; text-align:center; margin-top:12px; }


.popup-block .form-cont .register .btn-blk button { font: 700 25px/25px 'Sofia Sans', sans-serif; display: inline-block; text-decoration: none; color: #fff; background-color: #97c93c; padding: 18px 75px;
width: auto; height: auto; border:none; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0px 6px 0px #0186bd, 0px 3px 15px rgba(0,0,0,.4); -moz-box-shadow: 0px 6px 0px #0186bd, 0px 3px 15px rgba(0,0,0,.4);
box-shadow: 0px 6px 0px #0186bd, 0px 3px 15px rgba(0,0,0,.4); }


.popup-close-2 { width:38px; height:38px; position:absolute; top:-21px; right:-18px; }
.popup-close-2 i { width: 38px; height: 38px; float:left; display:block; cursor:pointer; background:url(../images/close-popup.png) no-repeat 0 0; }
.popup-close-2 img { width:100%; display:block; }
/*.......... CHECKOUT ..........*/
.checkout-block { width:100%; height:auto; float:left; }
.checkout-block h1 { font: 700 40px/40px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:uppercase; }
.checkout-block .tab-hold { width:100%; height:auto; float:left; margin-top:90px; }


.checkout-tab-cont { width:100%; height:auto; float:left; position:relative; overflow:auto; }
.checkout-tab-cont .form-hold { width:55%; height:auto; float:left; position:relative; }
.checkout-tab-cont .guest { width:auto; height:auto; float:left; position:relative; padding:6% 0px 0px 100px; box-sizing:border-box; }
.checkout-tab-cont h1 { font: 600 20px/20px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:uppercase; padding-bottom:40px; box-sizing:border-box; }
.checkout-tab-cont .form-hold .set-block .fe:focus { border: 2px solid #97c93c; color: #97c93c; }
.checkout-tab-cont .form-hold .set-block { width:100%; height:auto; float:left; padding-right:100px; box-sizing:border-box; border-right:1px solid #97c93c; }
.checkout-tab-cont .form-hold .set-block .text-fld { width: 100%; height: 50px; float: left;border: none; border-radius: 5px; padding: 5px 10px 5px 25px; box-sizing: border-box; font: 400 12px/12px 'Sofia Sans', sans-serif; color: #333; margin-bottom: 30px; text-transform: inherit; border:2px solid #ccc; }
.checkout-tab-cont i { position:absolute; right:-14px; top:40%; background-color:#fff; font: 700 33px/33px 'Sofia Sans', sans-serif; color: #97c93c; }
.checkout-tab-cont .form-hold .set-block .reg-left { width: 48%; height: auto; float: left; }
.checkout-tab-cont .form-hold .set-block .reg-right { width: 48%; height: auto; float: right; }

.checkout-tab-cont .form-hold .set-block .block-two { width: 100%; height: auto; float: left; }
.checkout-tab-cont .form-hold .set-block .block-two a { font: 400 12px/12px 'Sofia Sans', sans-serif; color: #333; text-decoration: none; padding: 0px 0px; box-sizing: border-box; text-align: left;
text-decoration:underline; }
.button-styel { font: 700 14px/14px 'Sofia Sans', sans-serif; color:#fff; text-decoration: none; text-decoration:none; text-transform:uppercase; background-color:#97c93c; padding:20px 35px; 
box-sizing:border-box; display:inline-block; border-radius:3px; margin:30px 30px 0px 0px; }
.checkout-tab-cont .button-next { width:100%; height:auto; float:left; text-align:right; margin-top:45px; }
.next { font: 700 14px/14px 'Sofia Sans', sans-serif; color: #fff; text-decoration:none; text-transform:uppercase; display:inline-block; border-radius:3px;
background:url(../images/arrow-next.png) no-repeat 75px 20px #97c93c; padding:20px 55px 20px 20px; }

.address { width:50%; height:auto; float:left; }
.address:first-child { margin-bottom:40px; }
.address h1 { font: 600 20px/20px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:inherit; padding:40px 0px; box-sizing:border-box; }
.address .set-address-block { width:50%; height:auto; float:left; } 
.address .set-address-block .text-fld { width: 100%; height: 50px; float: left;border: none; border-radius: 5px; padding: 5px 10px 5px 25px; box-sizing: border-box; font: 400 12px/12px 'Sofia Sans', sans-serif; color: #333; margin-bottom: 30px; text-transform: inherit; border:2px solid #ccc; }
.address .set-address-block textarea { width: 100%; height: 120px; float: left; border: none; border-radius: 5px; padding: 20px 10px 5px 25px; box-sizing: border-box;
font: 400 12px/12px 'Sofia Sans', sans-serif; color: #333; margin-bottom: 30px; text-transform: inherit; resize: none; border:2px solid #ccc; }
.address .set-address-block .fe:focus { border: 2px solid #97c93c; color: #97c93c; }
.address .set-address-block .fe:focus { border: 2px solid #97c93c; color: #97c93c; }
.address .set-address-block .button-styel { font: 700 14px/14px 'Sofia Sans', sans-serif; color:#fff; text-decoration: none; text-decoration:none; text-transform:uppercase; background-color:#97c93c; padding:20px 35px; box-sizing:border-box; display:inline-block; border-radius:3px; margin:30px 30px 0px 0px; }
.margin-min { margin:15px 30px 0px 0px; }
.padding-ing { padding:73px 0px 40px !important; }


.summary { width:100%; height:auto; float:left; }
.class-1 { width:20%; height:auto; float:left; padding-left:20px; box-sizing:border-box; }
.class-2 { width:40%; height:auto; float:left; }
.class-3 { width:10%; height:auto; float:left; }
.head { background-color:#97c93c; }
.head h1 { font: 700 14px/14px 'Sofia Sans', sans-serif; color: #fff; text-decoration:none; text-transform:uppercase; padding:20px 0px; box-sizing:border-box; }
.class-2 h2 { font: 700 16px/16px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:uppercase; text-align:left; }

.class-2 a { font: 400 14px/14px 'Sofia Sans', sans-serif; color:#cd2e22; text-align:left; display:block; text-decoration:none; text-transform:uppercase; }
.class-3 h3 { font: 400 18px/18px 'Sofia Sans', sans-serif; color: #616161; text-decoration:none; text-transform:uppercase; text-align:center; }
.center-head { display:block; text-align:center; }
.left-head { text-align:left; }
.cont-pad { width:100%; display:block; padding:50px 0px 20px; float:left; border-bottom:1px solid #97c93c; }
.cont-top-pad { display:block; padding-top:50px; }
.total { width:100%; height:auto; float:left; padding-top:50px; box-sizing:border-box; }
.total p { font: 700 18px/18px 'Open Sans', sans-serif; color: #333; text-decoration:none; text-transform:uppercase; text-align:right; }
.total p span{ font: 700 22px/22px 'Open Sans', sans-serif; color: #333; margin:20px 0px; display:block; }
.total h1 { font: 700 35px/35px 'Open Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:uppercase; text-align:right; }


.payment { width:60%; height:auto; float:left; }
.billing { width:40%; height:auto; float:right; padding-left: 40px; box-sizing: border-box; }
.billing h1 { font: 700 14px/14px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:capitalize; padding:0px; }
.billing p { font: 400 13px/23px 'Sofia Sans', sans-serif; color: #333; text-decoration:none; text-transform:inherit;  padding:10px 0px 30px; box-sizing:border-box; }
.payment-form { width:100%; height:auto; float:left; padding:0px 20px; box-sizing:border-box; }
.payment-form h1 { font: 700 20px/20px 'Sofia Sans', sans-serif; color: #97c93c; text-align:left; text-decoration:none; text-transform:uppercase; padding-bottom:40px; box-sizing:border-box; }
.payment-form .form-block { width:100%; height:auto; float:left; border-radius: 5px; }
.payment-form .form-block .text-fld { width: 100%; height: 50px; float: left; border:2px solid #ccc; border-radius: 5px; padding: 5px 25px 5px 25px; box-sizing: border-box; 
font: 400 12px/12px 'Sofia Sans', sans-serif; color: #333; text-transform: inherit; background:url(../images/visa.png) no-repeat 92% 18px; }
.payment-form .form-block .text-fld:focus { background:none; }
.payment-form .form-block .fe:focus { border: 2px solid #97c93c; color: #97c93c; }
.payment-form .select-drop { width:100%; height:auto; float:left; margin-top:40px; }
.payment-form .select-drop h1 { font: 600 15px/15px 'Sofia Sans', sans-serif; color: #97c93c; text-align:left; text-decoration:none; text-transform:uppercase; padding-bottom:20px; 
box-sizing:border-box; width:100%; }

.payment-form .select-drop .block-drop { width:25%; height:auto; float:left; margin-right:8%; }
.payment-form .select-drop .block-drop:last-child { margin-right:0%; }

.payment-form .select-drop .block-drop .text-fld { width: 100%; height: 50px; float: left; border:2px solid #ccc; border-radius: 5px; padding: 5px 25px 5px 25px; box-sizing: border-box; 
font: 400 12px/12px 'Sofia Sans', sans-serif; color: #333; text-transform: inherit; }
.payment-form .select-drop .block-drop .fe:focus { border: 2px solid #97c93c; color: #97c93c; }

.payment-form p { font: 400 14px/24px 'Sofia Sans', sans-serif; color: #333; text-align:left; text-decoration:none; text-transform:inherit; padding-bottom:40px; box-sizing:border-box; }

/*.......... PRODUCTS ..........*/
.product-block { width:100%; height:auto; float:left; }
.product-block h1 { font: 700 40px/40px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:uppercase; padding-bottom:65px; box-sizing:border-box; }
.product-block .products { width:24%; height:550px; float:left; margin:0% .5%; border:1px solid #fff; box-sizing:border-box; padding-top:30px; border-radius:5px; position:relative; }
.product-block .products:hover{ border:2px solid #97c93c; padding-top:0px; transition: transform 1s;  transform: translate(0px, -10px); }

.product-block .products .hold-product { width:auto; height:auto; float:left; }
.product-block .products .hold-product .product-image { width:auto; height:auto; float:left; background-color:#eaeaea; border-radius:5px; }
.product-block .products .hold-product .product-image img { width:100%; display:block; }
.product-block .products .hold-product .item-details { width:100%; height:auto; float:left; padding:20px; box-sizing:border-box; }
.product-block .products .hold-product .item-details h1 { font: 400 30px/30px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:inherit; padding-bottom:30px; box-sizing:border-box; }
.product-block .products .hold-product .item-details h2 { font: 400 30px/30px 'Open Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:inherit; padding-bottom:12px; box-sizing:border-box; }
.product-block .products .hold-product .item-details p { font: 400 20px/20px 'Open Sans', sans-serif; color: #b4b4b4; text-decoration:none; text-transform:inherit; position:relative; display:inline-block; }
.product-block .products .hold-product .item-details i { width:100%; height:1px; position:absolute; top:11px; left:0; background:url(../images/strike.png) repeat-x; }

.product-block .products .add-to-cart { width:100%; height:auto; background-color:#97c93c; text-align:center; position:absolute; left:0; bottom:-50px; display:none;
/*border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;*/ }
.product-block .products .add-to-cart a { font: 700 20px/20px 'Sofia Sans', sans-serif; color: #fff; text-decoration:none; text-transform:uppercase; padding:15px 0px; box-sizing:border-box; 
display:block; }
.product-block .products:hover .add-to-cart { bottom:0px; display:block; }

/*.......... PREQUOTE ..........*/
.prequote-block { width:600px; height:auto; margin:auto; position:absolute; top:30%; left:0; right:0; background-color:#fff; z-index:99999; -webkit-box-shadow: -5px 10px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -5px 10px 10px rgba(0, 0, 0, 0.5);
box-shadow: -5px 10px 10px rgba(0, 0, 0, 0.5); }
.prequote-block .head-pre { width:100%; height:auto; float:left; background-color:#97c93c; padding:15px 0px; box-sizing:border-box; text-align:center; }
.prequote-block .head-pre p { font: 700 18px/28px 'Sofia Sans', sans-serif; color: #fff; text-decoration:none; text-transform:inherit; text-align:center; }
.prequote-block .prequote-form { width: 100%; height: auto; float: left; padding: 50px 100px; box-sizing: border-box; background-color:#fff; }
.prequote-block .prequote-form .set-block { width: 100%; height: auto; float: left; }
.prequote-block .prequote-form .set-block h1 { font: 400 14px/14px 'Sofia Sans', sans-serif; color: #333; text-decoration: none; text-transform: capitalize; padding-bottom: 10px; box-sizing: border-box; }
.prequote-block .prequote-form .set-block .text-fld { width: 100%; height: 50px; float: left;border: none; border-radius: 5px; padding: 5px 10px 5px 25px; box-sizing: border-box; font: 400 12px/12px 'Sofia Sans', sans-serif; color: #333; margin-bottom: 30px; text-transform: inherit; border:1px solid #ccc; }

.prequote-block .prequote-form .set-block .fe:focus { border: 2px solid #97c93c; color: #97c93c; }

.prequote-block .prequote-form .btn-blk { width: 100%; height: auto; float: left; text-align: center; margin-top: 10px; }
.prequote-block .prequote-form .btn-blk button { font: 700 25px/25px 'Sofia Sans', sans-serif; display: inline-block; text-decoration: none; color: #fff; background-color: #97c93c; padding: 18px 75px;
width: auto; height: auto; border:none; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0px 6px 0px #0186bd, 0px 3px 15px rgba(0,0,0,.4); -moz-box-shadow: 0px 6px 0px #0186bd, 0px 3px 15px rgba(0,0,0,.4);
box-shadow: 0px 6px 0px #0186bd, 0px 3px 15px rgba(0,0,0,.4); }

/*.......... PREQUOTE POPUP ..........*/
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; }
.reveal-modal { visibility: hidden; top: 100px; left: 0; right:0; margin: auto; width: 535px; position: absolute; z-index: 9999; }
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #fff; font-weight: bold; cursor: pointer; }		


/*.......... SERVICES ..........*/
.service-block { width:48%; height:auto; float:left; }
.service-block h1 { font: 700 40px/40px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:uppercase; padding-bottom:45px; box-sizing:border-box; }
.service-block p { font: 300 15px/25px 'Sofia Sans', sans-serif; color: #000; text-decoration:none; text-transform:inherit; text-align:left; padding-bottom:55px; box-sizing:border-box; }
.service-block-2 { width:48%; height:auto; float:right; }
.service-block-2 img { width:100%; display:block; }

.service-block .service-list { width:100%; height:420px; float:left; position:relative; overflow:hidden; }
.service-block .service-list .list-item { width:100%; height:auto; float:left; padding:12px; box-sizing:border-box; }
.service-block .service-list .list-item.active { background-color:#97c93c; }
.service-block .service-list .list-item.active .list-details h1 { color:#fff; }
.service-block .service-list .list-item.active .list-details p { color:#fff; }
.service-block .service-list .list-item .list-image { width:25%; height:auto; float:left; }
.service-block .service-list .list-item .list-image img { width:100%; display:block; }
.service-block .service-list .list-item .list-details { width:70%; height:auto; float:right; }
.service-block .service-list .list-item .list-details h1 { font: 600 18px/28px 'Sofia Sans', sans-serif; color: #97c93c; padding:0px; text-decoration:none; text-transform:uppercase; }
.service-block .service-list .list-item .list-details p { font: 400 12px/22px 'Sofia Sans', sans-serif; color: #000; text-decoration:none; text-transform:inherit; padding-bottom:0px; }


/*.......... CART ..........*/
.cart-set { width:100%; height:auto; float:left; position:relative; margin-top:50px;}
.cart-set .button-next { width:100%; height:auto; float:left; text-align:right; margin-top:45px; }
.cart-button { font: 700 14px/14px 'Sofia Sans', sans-serif; color: #fff; text-decoration:none; text-transform:uppercase; display:inline-block; border-radius:3px;
background-color:#97c93c; padding:20px; }
.cart-set .scroll{ min-width:100%; overflow: auto; padding-bottom:10px;}
.cart-set .summary{ min-width:1200px;}

/*.summary { width:980px; height:auto; float:left; }
	.scroll{ overflow: auto; border:#FF060A 1px solid; width:100%;}*/


/*.......... PRODUCT DETAILS ..........*/
.p-img-left { width:48%; height:auto; float:left; }
.p-img-left .pro-img { width:100%; height:auto; float:left; background-color:#ececec; text-align:center; margin-bottom:15px; padding:20px; box-sizing:border-box; }
.p-img-left .pro-slide { width:100%; height:auto; float:left; }
.p-img-left .pro-slide a { }
.p-img-left .pro-slide a img { width:100%; display:block; }

.p-detils-right { width:48%; height:auto; float:right }
.p-detils-right h1 { font: 700 40px/40px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration:none; text-transform:capitalize; padding-bottom:45px; box-sizing:border-box; }
.p-detils-right p { font: 400 14px/24px 'Sofia Sans', sans-serif; color: #777; text-decoration:none; text-transform:inherit; text-align:left; padding-bottom:30px; box-sizing:border-box; }

.p-detils-right h2 { font: 400 30px/30px 'Open Sans', sans-serif; color: #97c93c; text-decoration: none; text-transform: inherit; padding-bottom: 12px; box-sizing: border-box; float:left; }
.p-detils-right h3 { font: 400 20px/20px 'Open Sans', sans-serif; color: #b4b4b4; text-decoration: none; text-transform: inherit; position: relative; display: inline-block; float:left; 
margin:10px 20px 0px 0px; }
.p-detils-right i { width: 100%; height: 1px; position: absolute; top: 11px; left: 0;  background: url(../images/strike.png) repeat-x; }


.p-detils-right .block-drop { width: 25%; height: auto; display:block; margin-top: 75px; }
.p-detils-right .block-drop h1 { font: 700 14px/14px 'Sofia Sans', sans-serif; color: #ccc; text-decoration: none; text-transform: capitalize; box-sizing: border-box; float:left; 
margin:20px 20px 0px 0px; padding:0px; }
.p-detils-right .block-drop .text-fld { width: 80px; height: 50px; float: left; }
.p-detils-right .product-btn  {width:100%; height:auto; float:left; }
.p-detils-right .product-btn .button-styel { font: 700 14px/14px 'Sofia Sans', sans-serif; color: #fff; text-decoration: none; text-decoration: none; text-transform: uppercase;
 background-color: #97c93c; padding: 20px 35px; box-sizing: border-box; display: inline-block; border-radius: 3px; margin: 40px 30px 0px 0px; }
.p-detils-right .block-drop .fe:focus { border: 2px solid #97c93c; color: #97c93c; }


.cont-pro { width:100%; height:auto; float:left; margin-top:70px; }
.cont-pro h1 { font: 700 40px/40px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration: none; text-transform: capitalize; box-sizing: border-box; position:relative; padding:0px; 
display:inline-block; }
.cont-pro h1 i { width:50%; height:2px; background-color:#97c93c; position:absolute; left:0; bottom:-15px; }
.cont-pro h2 { font: 600 25px/25px 'Sofia Sans', sans-serif; color: #97c93c; text-decoration: none; text-transform:inherit; box-sizing: border-box; position:relative; 
margin:50px 0px 0px; padding:0px; }
.cont-pro p { font: 400 14px/24px 'Raleway', sans-serif; color: #777; text-decoration:none; text-transform:inherit; text-align:left; padding:20px 0px 0px; box-sizing:border-box; }








.popup {
    width:600px;
    height:600px;
    display:none;
    position:fixed;
    top:0;
	bottom:0;
	margin:auto;
    left:0px;
    background:rgba(255,255,255,1);
}
 
/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
}
 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,169,238,1);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,169,238,1);
    text-decoration:none;
}