/*================================================================================
									Reset CSS
	==================================================================================*/

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

html, body, div, span, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  abbr, address, cite, code,  del, dfn, em, img, ins, kbd, q, samp,  small, strong, sub, sup, var,  b, i,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary,  time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
ul{list-style:none}
	
/*================================================================================
								General CSS
==================================================================================*/
	
body{font-family: 'Ubuntu', sans-serif;}
.hwrap{float:left; width:100%;}
.fl_lft{float:left}
.fl_rit{float:right}
.cont1{width:1170px; margin:0 auto; padding:0 15px; box-sizing:border-box; max-width:98%}
.pos_rel{position:relative;}
.trans025{transition:all ease 0.25s;}
.align_center{text-align:center}
.h1Style1, .cms-content h1, .homeSec1 h1{font-size:49px; text-transform:uppercase; color:#3b3b3b}
.homeSec1 h1{margin:10px 0}
.h1Style1a{line-height:55px; margin-left: auto; margin-right: auto;}
.h1Style1b{width:80%}
.h3Style1, .cms-footer h3{font-size:18px; text-transform:uppercase; color:#28283a; font-weight:bold}
.h2Style1a, .h2Style1, .cms-content h2{font-size:23px; text-transform:uppercase; margin:15px 0; color:#3b3b3b}
.h2Style1a{font-size:26px;}
.fontStyle1, .fontStyle1a, .cms-content p, .homeSec1 p{font-size:18px; font-weight:300; color:#393939; line-height:25px;}
.cms-content p{margin-top:20px;}
.fontStyle1a{line-height:30px;}
.fontStyle2, .cms-footer p{font-size:14px; font-weight:300; color:#28283a; line-height:25px;}
.fontStyle3{font-size:16px; font-weight:300; color:#28283a; line-height:25px;}
.bb{box-sizing:border-box;}
.inputStyle1{border:1px solid #d0d0d0; width:100%; height:30px; padding:5px 10px;}
.inputStyle2{border:1px solid #a6a6a6; padding:5px 10px;}
.font_bold{font-weight:bold}
.clearfix:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;}
.btnStyle1{display:block; font-size:18px; font-weight:bold; text-align:center; padding:15px 35px; border:3px solid #b9b9b9; color:#28283a; font-family: 'Ubuntu', sans-serif; cursor:pointer;}
.btnStyle1:hover{background:#f5f5f5}
.btnStyle1.selected{background:#d5d5d5}

.m_rite5{margin-right:5px}
.m_rite10{margin-right:10px}
.m_rite15{margin-right:15px}
.m_rite20{margin-right:20px}
.m_rite25{margin-right:25px}

.m_left5{margin-left:5px}
.m_left10{margin-left:10px}
.m_left15{margin-left:15px}
.m_left20{margin-left:20px}
.m_left25{margin-left:25px}

.m_top0{margin-top:0px}
.m_top5{margin-top:5px}
.m_top10{margin-top:10px}
.m_top15{margin-top:15px}
.m_top20{margin-top:20px}
.m_top22{margin-top:22px}
.m_top25{margin-top:25px}
.m_top30{margin-top:30px}
.m_top40{margin-top:40px}
.m_top50{margin-top:50px}

.m_bot0{margin-bottom:0px}
.m_bot5{margin-bottom:5px}
.m_bot10{margin-bottom:10px}
.m_bot15{margin-bottom:15px}
.m_bot20{margin-bottom:20px}
.m_bot25{margin-bottom:25px}
.m_bot35{margin-bottom:35px}
.m_bot40{margin-bottom:40px}
.m_bot50{margin-bottom:50px}



/*================================================================================
								Home page CSS
==================================================================================*/

.header{background:#5b5b5f; color:#fff; height:148px; padding:35px 0; }
.header a{text-decoration:none; color:#fff}
.header .rightArea .p1{text-align:right; font-size:18px; text-transform: uppercase;}
.header a:hover{text-decoration:underline;}
.header .rightArea .nav_area li{display:inline-block; margin:0 18px;}
.header .rightArea .nav_area li:last-child{margin-right:0px;}
.header .rightArea .nav_area li a{font-weight:300; font-size:16px;}

.mainSlider ul{width:100%}
.mainSlider li{position:relative}
.mainSlider li img{width:100%}
.mainSlider .slick-arrow{position:absolute; top:0; z-index:1; font-size:0; border:none; background:url(../images/sliderArrows.png) no-repeat; height:64px; width:48px; top:40%; cursor:pointer}
.mainSlider .slick-arrow.slick-prev{left:10%; background-position:top center}
.mainSlider .slick-arrow.slick-next{right:10%; background-position:bottom center}
.mainSlider .slider_cntnt_area{position:absolute; bottom:10%; left:0; right:0}
.mainSlider .slider_cntnt_area h1{color:#fff; text-align:center; text-shadow: 1px 1px 1px rgba(25, 25, 25, 0.90);}
.mainSlider .slider_cntnt_area p{color: #3c3c3c; font-size: 24px; font-weight: 300; line-height: 27px; margin-left: auto; margin-right: auto; text-align: center; width: 70%;}
.homeSec1{padding:60px 0}
.homeSec1 *{text-align:center}
.homeSec1 p{width:80%; margin-left:auto; margin-right:auto}
.homeSec1 .btnStyle1{width:240px; line-height:1; margin-left: auto; margin-right: auto; text-transform:uppercase;}

.homeSec2{background:#eeeeee; padding:80px 0 0px 0}
.homeSec2 .sec_1{width:42%; float:left}
.homeSec2 .sec_1 .btnStyle1{width:120px;}
.homeSec2 .sec_2{width:56%; float:right}
.homeSec2 .sec_2 img{padding-bottom:29px; 
	background-size:100%; max-width:100%}

.homeSec3 .sec_1, .homeSec3 .sec_2{/*height:470px; */ padding-top:40px; padding-bottom:30px}
.homeSec3 .sec_2 img{max-width:95%}
.homeSec3 .sec_1{width:38%; float:left; background:#5b5b5f; padding-right: 1%;box-sizing:border-box;}
.homeSec3 .sec_1 *{color:#fff}
.homeSec3 .sec_1 .btnStyle1{width:120px;}
.homeSec3 .sec_2{width:60%; float:right;box-sizing:border-box;}
.homeSec3 .cont1{position:relative; z-index:1}
.homeSec3{position:relative}
.homeSec3::before{position:absolute; width:39%; background:#5b5b5f; content:""; top:0; bottom:0}
.homeSec3 .btnStyle1:hover{background:#7a7a7e;}

.footer{background:#eeeeee; padding:20px 0 10px;}
.footer .h3Style1, .footer .fontStyle2{text-align:center}
.footer *{text-align:center}
.footer .footer_nav_area li{display:inline-block; padding:0 5px;}
.footer .footer_nav_area li::after{content:"|"; color:#28283a; margin-left:10px; float:right}
.footer .footer_nav_area li:last-child::after{content:"";}
.footer .footer_nav_area li a{color:#28283a; font-size:16px; font-weight:300}
.footer .footer_nav_area li a:hover{text-decoration:underline}
.cms-footer h3{margin:10px 0}
.mobile_menuBtn{display:none}
.homeSec2 .sec_2{margin-top:20px; text-align:center}
.videoCont img{max-width:100%}
.templ1, .templ2{padding:50px 0}
.templ2 .tagline{font-size:25px; text-align:center; font-weight:300; line-height:35px; width:70%; margin:25px auto 0}
.prodList .sec_1{width:40%; float:left}
.prodList .sec_2{width:50%; float:right}
.prodList .sec_1 .price{color:#3b3b3b; font-size:48px; font-weight:bold}
.prodList .sec_1 .t_and_c_link, .prodList .sec_1 .t_and_c_link a{font-size:18px; font-weight:300; color:#393939; line-height:25px;}
.prodList .sec_1 .t_and_c_link a{font-style:italic}
.prodList .sec_1 .t_and_c_link a:hover{text-decoration:underline}
.prodList .sec_1 .priceCont{vertical-align:middle}
.prodList .btnStyle2{text-transform:uppercase}

.btnStyle2{font-size:25px; font-weight:bold; color:#fff; background:#269314; padding:20px 40px; text-align:center; width:286px; display:block; transition:0.25s all ease}
.btnStyle2:hover{background:#1a620e}
.prodList .sec_2 img{max-width:100%}
.contactTemp1 .sec1{width:52.5%; float:left}
.contactTemp1 .sec2{width:44%; float:right}
.lbl1{font-size:18px; color:#393939; font-family: 'Ubuntu', sans-serif; font-weight:500; width:20%; display:block; float:left; padding:8px 0}
.lbl3{font-size:16px; color:#393939; font-family: 'Ubuntu', sans-serif; font-weight:300; width:20%; display:block; float:left; padding:8px 0}

.contactTemp1 .inputStyle2{float:right; width:77%; box-sizing:border-box}
.contactTemp1 .form_control{margin:7px 0; float:left; width:100%; height:37px;}
.contactTemp1 .form_control.txtarea{height:auto}
.contactTemp1 .form_control .inputStyle2{padding:8px 10px;}
.contactTemp1 .form_control textarea.inputStyle2{resize:none; font-family: 'Ubuntu', sans-serif; font-size:13px;}

.contactTemp1 .form_control input.btnStyle1{background:#fff; padding: 15px 24px;}
.contactTemp1 .form_control input.btnStyle1:hover{background:#f5f5f5; cursor:pointer}
.contactTemp1 .form_control a.btnStyle1{background:#fff; padding: 15px 24px;}
.contactTemp1 .form_control a.btnStyle1:hover{background:#f5f5f5; cursor:pointer}
.contactTemp1 .lbl2 {float: left; margin-left: 7px; padding: 10px 0; width:70%}

.abt_tags{background:#5b5b5f; color:#fff; padding:52px 0}
.abt_tags .cont1 div{width:29%; float:left;}
.abt_tags div.sec2{margin: 0 6%;}
.abt_tags div h2{font-weight:bold; font-size:30px; text-transform:uppercase; margin-bottom:18px;}
.abt_tags div p{font-size:18px; font-weight:normal; line-height:28px}

.lble{
    color: red;
    font-size: 15px;
    font-weight: 300;
    margin: 0 0 0 5%;
}
.verify
{
    color: crimson;
    font-size: 12px;
}
.form-conlrol
{
	width: 60%;
}
.alert-success {
    background-color: #7ab847;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert-danger {
    background-color:  #de5233;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert-info {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
	color:#fff
}
.caption
{
	color:#3c8dbc;
	font-size: 15px;
}

.templ3
{
 !padding: 150px 0;
}
.formStyle1{margin:0 auto; float:none !important}
.contactTemp1 .formStyle1 .form_control{height:auto;}
.linkStyle1{color:#252525; text-decoration:underline}
.resetPass .lbl1{font-size:16px; width:30%}
.resetPass .inputStyle2{width:67%}
.homeSec3 .sec_2 img{height:auto !important}
.cms-content img{max-width:100%}




@media screen and (max-width:1200px){
	.header{height:auto}
	.homeSec2 .sec_2 img{padding-bottom: 18px;}

}


@media screen and (max-width:1100px){
	.header .rightArea .nav_area li {margin: 0 5px;}
	.header .rightArea .nav_area li a {font-size: 15px;}
}

@media screen and (max-width:1024px){
	.header .rightArea .nav_area li a {font-size: 15px;}
	.header .logo{width:40%}
	.header .logo img{max-width:100%}
	.header .rightArea .p1{font-size: 17px;}
	.header .rightArea .nav_area li{margin: 0 5px;}
	.header .rightArea .nav_area li a {font-size: 14px;}
	.h1Style1{font-size:40px;}
	.mainSlider .slider_cntnt_area p {font-size: 20px;}
	.homeSec2 {background:#eeeeee;padding: 40px 0 50px;}
	.homeSec2 .m_top30{margin-top:0px;}
	.h1Style1, .cms-content h1, .homeSec1 h1{font-size:30px;}
	.homeSec1 {padding: 40px 0;}
	.fontStyle1, .fontStyle1a, .cms-content p, .homeSec1 p{font-size: 16px; line-height: 22px;}
	.homeSec3 .sec_1, .homeSec3 .sec_2{padding-top: 20px; /*height: 490px;*/}
	.homeSec3 .sec_1 .m_top30{margin-top:15px;}
    .homeSec3 .sec_1, .homeSec3 .sec_2{width:100%; padding-left:15px; padding-right:15px; box-sizing:border-box;}
	.homeSec3 .sec_2{text-align:center}
	.homeSec3 .sec_2 img{float:none}
	.homeSec3::before{display:none}
	.homeSec3::before{position:absolute; width:39%; background:#5b5b5f; content:""; top:0; bottom:0}
	.templ2 .tagline {font-size: 20px; line-height: 30px;}
	.h1Style1a {line-height: 40px;}
	.templ2 .tagline {width: 85%;}
	.prodList .sec_1 {width: 48%;}
	.lbl1 {font-size: 14px;}
	.h1Style1b{width:100%}
	.homeSec3 .cont1{max-width:100%; padding:0}
	.sec1.contact_form.resetPass{width: 68.5%;}
	

}

@media screen and (max-width:900px){
	.header .logo {width: 32%;}
	.header .rightArea .nav_area li{margin: 0 4px;}
	.header .rightArea .nav_area li a {font-size: 13px;}
}


@media screen and (min-width:768px){
	.nav_area{display:block !important}

}

@media screen and (max-width:767px){
	.header .logo, .header .rightArea .p1, .header .rightArea{width:100%; text-align:center}
	.header .rightArea .p1{margin-top:15px;}
	.mobile_menuBtn{background:#9f9f9f url(../images/mobileMenu.png) no-repeat right 10px center; width:100%; height:40px; margin-top:15px; cursor:pointer; color:#fff; text-align:left; padding:10px; box-sizing:border-box; font-weight:bold; font-size:18px; display:block}
	.nav_area{width:100%; margin:0; padding:0; display:none; border-top:2px solid #666}
	.nav_area li{width:100%; margin:0 !important;}
	.nav_area li a{display:block; text-align:left; background:#9f9f9f; padding:7px 10px; box-sizing:border-box}
	.nav_area li a:hover{background:#666; text-decoration:none}
	.h1Style1, .cms-content h1{font-size: 30px;}
	.mainSlider .slider_cntnt_area p {font-size: 16px; line-height: 22px;}
	.mainSlider .slick-arrow{background-size: 100% auto; width: 35px; height: 47px; outline:none}
	.homeSec1 .btnStyle1 {width: 210px;}
	.homeSec1 {padding: 40px 0;}
	.homeSec1 .fontStyle1.m_top25{margin-top:10px;}
	.homeSec1 .btnStyle1.m_top40{margin-top:15px;}
	.homeSec1 p {width: 90%;}
	.btnStyle1 {font-size: 16px;}
	.homeSec2 .sec_1, .homeSec2 .sec_2{width:100%;}
	.homeSec2 .sec_1 {text-align: center;}
	.homeSec2 .sec_1 .btnStyle1 {margin-left: auto; margin-right: auto;}
	.fontStyle1, .cms-content p, .homeSec1 p{margin-left: auto; margin-right: auto; width: 90%;}
	.homeSec3 .sec_1, .homeSec3 .sec_2{height: auto;}
	.homeSec3 .cont1{max-width:100%; padding:0}
	.homeSec3 .sec_1{padding:0 15px 20px; text-align:center; box-sizing:border-box;}
	.homeSec3 .sec_1 .btnStyle1 {width: 120px; margin-left:auto; margin-right:auto}
	.homeSec3 .sec_2 img{max-width: 95%; float:none}
	.fontStyle2 {font-size: 13px; line-height: 20px;}
	.footer .footer_nav_area li a {font-size: 13px} 
	.footer .footer_nav_area li{margin-bottom:5px;}
	.fontStyle3 {font-size: 13px;}
	.templ1, .templ2 {padding: 25px 0;}
	.templ1 .fontStyle1a.m_top20{margin-top:0px;}
	.prodList .sec_1, .prodList .sec_2{width:100%;}
	.prodList .sec_2{text-align:center}
	.prodList .sec_1 .fontStyle1, .cms-content p, .homeSec1 p{width:100%;}
	.btnStyle2{margin-left:auto; margin-right:auto; font-size: 20px; padding: 15px 40px;}
	.h1Style1a {line-height: 35px;}
	.h2Style1, .cms-content h2, .homeSec1 h2{font-size: 18px; line-height:20px;}
	.contactTemp1 .sec1{float: left; width: 100%;}
	.contactTemp1 .sec2{float: left; width: 100%;}	
	.abt_tags .cont1 div{width:100%; margin:10px 0}
	.abt_tags {padding: 30px 0;}
	.resetPass .lbl1 {font-size: 15px;}
	.sec1.contact_form.resetPass {width: 95%;}
}





@media screen and (max-width:500px){
	.header .rightArea .p1{font-size: 14px;}
	.mainSlider .slick-arrow {height: 35px; width: 25px;}
	.mainSlider .slider_cntnt_area p {font-size: 14px; line-height: 16px;}
	.h1Style1, .cms-content h1, .homeSec1 h1{font-size: 25px;}
	.homeSec1 p {width:100%;}
	.fontStyle1, .fontStyle1a , .cms-content p, .homeSec1 p{font-size: 14px;}
	.homeSec1 {padding: 25px 0;}
	.homeSec1 .btnStyle1 {width: 190px;}
	.btnStyle1{font-size: 14px;}
	.fontStyle1{width:100%;}
	.homeSec2 .sec_2 img {padding-bottom: 13px;}
	.header {padding: 25px 0;}
	.templ2 .tagline {font-size: 18px; line-height: 25px; width: 100%; }
	.prodList .sec_1 .t_and_c_link, .prodList .sec_1 .t_and_c_link a {font-size: 16px;}
	.prodList .sec_1 .price {font-size: 35px;}
	.lbl1 , .resetPass .lbl1{width: 100%;}
	.lbl1 .fl_rit{float:none}
	.contactTemp1 .form_control {height: auto; margin:4px 0}
	.contactTemp1 .inputStyle2 {width: 100%;}
	.m_top30.contactTemp1{margin-top:10px;}
	.contactTemp1 .lbl2 {padding: 5px 0;}
	.abt_tags div p {font-size: 16px;}
	.abt_tags div h2 {font-size: 25px; margin-bottom: 7px;}
	.contactTemp1 .lbl2 {margin-left: 0px;}
	.formStyle1 .linkStyle1{ font-size: 13px; margin-top: 5px;}
}