/*

Theme Name: AV Enterprises

Theme URI: https://aventerprises.org/themes/aventerprises/

Author: AV Enterprises

Author URI: https://aventerprises.org/

Description: AV Enterprises is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites.

Version: 1.2

*/



/* general */

*{ margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { font-family: 'Roboto', sans-serif; font-weight: normal;}

img { border: none; display: block; }

a, input, button, textarea { outline: none !important; -webkit-transition: 0.30s; -moz-transition: 0.30s; transition: 0.30s; }


.fixed {
    position: fixed !important;
    top:0px; left:0;
    width: 100%; z-index: 2; }


	/* wrapper */

	#wrapper { width: 100%; float: left; }

	

		/* header wrapper */

		#headerWrapper { width: 100%; float: left; }

		

			/* header top area */

			.headertopArea { padding: 10px 0 5px 0; width: 100%; float: left; background-color: #1a1a1a; background-image:url(images/header_bg_pattern.jpg); background-repeat:repeat; background-position: top center; background-size: auto; }

			.headertopArea .mailimg { padding: 10px 0px 10px 10px; width: 100%; float: left; }

			.headertopArea .mailimg img { max-width: 100%;  }

			.headertopArea .mailtext { padding: 10px 0; width: 100%; float: left; }

			.headertopArea .mailtext p { font-size: 17px; font-weight: 500; color: #ffffff;  line-height: 1.2; }

			.headertopArea .mailtext p a { color: #f47e00; text-decoration: none;}

			.headertopArea .phonetext { padding: 10px 0; width: 100%; float: left; }

			.headertopArea .phonetext a { font-size: 26px; font-weight: 700; color: #f47e00; text-decoration: none; line-height: 0.9; }
			
			.mobiletopheader { display: none; padding: 10px 0; width: 100%; float: left; background-color: #1a1a1a; background-image:url(images/header_bg_pattern.jpg); background-repeat:repeat; background-position: top center; background-size: auto; }
			.mobiletopheader ul { margin:0; width: 100%; float: left; text-align: center; }
			.mobiletopheader ul li { display: inline-block; color: #fff; }
			.mobiletopheader ul li:nth-of-type(2) { width: 60%; display: inline-block; font-size: 15px; color: #fff;line-height: 50px; }
			.mobiletopheader ul li a { text-decoration: none;  }
			.mobiletopheader ul li:first-child { float: left; }
			.mobiletopheader ul li:first-child a{ width: 50px; height: 50px; float: left; line-height: 50px; font-size: 20px; color: #fff; border: 2px solid #f47e00; border-radius: 100%; text-align: center; }
			.mobiletopheader ul li:last-child { float: right; }
				.mobiletopheader ul li:last-child a{ width: 50px; height: 50px;float: left; line-height: 50px;font-size: 35px; color: #fff; border: 2px solid #f47e00; border-radius: 100%; text-align: center; }
			.mobiletopheader ul li a img { display: inline-block; }
			.mobiletopheader ul li a:hover { color: #f47e00; }

			

			/* header bottom area */

			.headerbottomArea { width: 100%; float: left; background: #e3e3e3; }
			.headerbottomArea .mobilemenu { display: none; }
			.headerbottomArea .headerimg { width: 100%; float: left; }
			.headerbottomArea .mobileheader { display: none; width: 100%; float: left; }
			.headerbottomArea .mobileheader ul { list-style: none; margin: 0; }
			.headerbottomArea .mobileheader ul li {padding: 10px 0; float: left; }
			.headerbottomArea .mobileheader ul li a {font-size: 25px; font-weight: 800; color: #d41c1c; text-decoration: none; line-height: 43px; }
			.headerbottomArea .mobileheader ul li:last-child {margin-left: -15px; width: 80%; }

			.headerbottomArea .logoimg { padding: 15px 0 12px 0; width: 100%; float: left;}

			.headerbottomArea .logoimg img { max-width: 100%; }

			.headerbottomArea .logotext { padding: 20px 0 0 0; width: 100%; float: left; }

			.headerbottomArea .logotext a { font-size: 42px; font-weight: 800; color: #d41c1c; text-decoration: none; }
			.headerbottomArea .mobilemenuArea { display: none; }

			.headerbottomArea .menuArea { width: 100%; float: left; }

			.headerbottomArea .menuArea ul { margin: 0; padding: 0; width: 100%; float: left; text-align: right; list-style: none; }

			.headerbottomArea .menuArea ul li { display: inline-block; position: relative; }

			.headerbottomArea .menuArea ul li a { padding: 42px 17px 36px 17px; display: block; font-size: 20px; font-weight: 600; color:#333333; text-decoration: none; border-bottom: 6px solid transparent; background-color: transparent; }

			.headerbottomArea .menuArea ul li a:hover, .headerbottomArea .menuArea ul li.current-menu-item a{ color: #fff; background-color: #f47e00; border-color: #333333; }

			.headerbottomArea .menuArea ul li ul.sub-menu {width: 300px; display: none; position: absolute; top:100%; left:0; z-index:2; background: #d6d6d6; }
			.headerbottomArea .menuArea ul li ul.sub-menu li { width: 100%;}
			.headerbottomArea .menuArea ul li ul.sub-menu li a { padding: 8px 15px; width:100%; float: left; color: #262626; border-bottom: none; text-align: left; background: #fff;  }
			.headerbottomArea .menuArea ul li ul.sub-menu li a:hover { color: #fff; background: #f47e00; }
			.headerbottomArea .menuArea ul li:hover ul.sub-menu { display: block; }

		/* banner wrapper */

		#bannerwrapper { width: 100%; float: left; }

		#bannerwrapper ul { list-style: none; margin: 0; position: relative; }

		#bannerwrapper ul li { width: 100%; float: left; }

		#bannerwrapper .owl- div:after { font-family: FontAwesome; font-size: 30px; }

		#bannerwrapper .owl-buttons .owl-prev { font-size: 0px; }

		#bannerwrapper .owl-buttons .owl-prev:after { content: "\f104"; font-family: 'FontAwesome'; font-size: 50px; height: 59px; width: 59px;  display: inline-block; color: #333333; text-align: center; line-height: 59px; position: absolute; left: 0px; top: 50%; background: #fff; }

		#bannerwrapper .owl-buttons .owl-prev:hover:after{ color:#f47e00; }

		#bannerwrapper .owl-buttons .owl-next { font-size: 0px; }

		#bannerwrapper .owl-buttons .owl-next:after { content: "\f105"; font-family: 'FontAwesome'; font-size: 50px; height: 59px; width: 59px; display: inline-block; color: #333333; text-align: center; line-height: 59px; position: absolute; right: 0px; top: 50%; background: #fff; }

		#bannerwrapper .owl-buttons .owl-next:hover:after{ color:#f47e00; }

		

			/* banner area */

			.bannerArea { width: 100%; height: 547px; float: left; background: no-repeat top center; background-size: cover; position: relative; }

			.bannerArea .bannertext { padding:209px 30px 0 0; width: 100%; height: 547px;  float: left; background: rgba(0,0,0,0.5); position: absolute; top: 0; left:0; }

			.bannerArea .bannertext p { margin: 0; width: 42%; float: right; font-size: 42px; font-weight: 700; color: #fff; text-align: left; }

			

		/* middle wrapper */

		#middleWrapper { width: 100%; float: left; }

			

			/* product area */

			.productArea { padding: 42px 0 12px 0; width: 100%; float: left; background: #f0f0f0 }

			.productArea .productitem { margin-bottom: 30px; width: 270px; float: left; }

			.productArea .productitem .productimg { width: 100%; float: left; background: #fff;  text-align: center; }

			.productArea .productitem .productimg img { max-width: 100%; display: inline-block; }

			.productArea .productitem .producttitle {  width: 100%; float: left; background-color: #1a1a1a; background:url(images/header_bg_pattern.jpg) repeat; cursor: pointer; position: relative; }

			.productArea .productitem .producttitle h3 { margin: 0; font-size: 18px; font-weight: 700; color:#fff; }

			.productArea .productitem .producttitle h3 a { padding: 20px 0 20px 10px; width: 100%; float: left;text-decoration: none; color: #fff; }

			.productArea .productitem .producttitle h3:after { content: "\f105"; display: inline-block; font-family: 'FontAwesome'; right: 10px; font-size: 101px; top: -30px; color: #f47e00; position: absolute; text-rendering: auto; }

			.productArea .productitem .producttitle h3:hover:after { color: #fff; }
			
			

			

			/* welcome area */

			.welcomeArea { padding: 78px 0 ; width: 100%; float: left; }

			.welcomeArea .welcometitle { width: 100%; float: left; }

			.welcomeArea .welcometitle h2 { margin: 0; font-size: 50px; font-weight: 600; color: #333333; }

			.welcomeArea .welcometitle h2 span { display: block; }

			.welcomeArea .welcometitle p { margin: 0; font-size: 25px; font-weight: 600; color: #f47e00; }

			.welcomeArea .welcometext { width: 100%; float: left; }

			.welcomeArea .welcometext p { margin: 0 0 28px 0; font-size: 20px; font-weight: 500; color: #777777; line-height: 1.8;}

			.welcomeArea .welcometext a {  padding: 0 15px 0 33px; display: inline-block; font-size: 20px; font-weight: 700; color: #ffffff; text-decoration: none;  line-height: 61px; background-color: #f47e00; position: relative;}

			.welcomeArea .welcometext a:before { margin: 0; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #f47e00;  position: absolute; content: '';  border-width: 31px 0px 30px 30px; right: -30px;   transition: 0.30s;}

			.welcomeArea .welcometext a:hover { background-color: #333333; }

			.welcomeArea .welcometext a:hover:before { border-color: transparent transparent transparent #333333; }
			.welcomeArea.welcomeArea1 { background: #f0f0f0; }
			.welcomeArea.welcomeArea1 h2 a { text-decoration: none; color: #333333; }
				
			

			/* offer area */

			.offerArea { padding: 50px 0 75px 0; width: 100%; float: left; background: url(images/offer_img_bg.jpg) no-repeat top center; background-size: cover; }

			.offerArea p { margin: 0 0 25px 0; font-size: 42px; font-weight: 700; color: #fff; }

			.offerArea a {  padding: 0 15px 0 33px; display: inline-block; font-size: 20px; font-weight: 700; color: #ffffff; text-decoration: none;  line-height: 61px; background-color: #333333; position: relative;}

			.offerArea a:before { margin: 0; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #333333;  position: absolute; content: '';  border-width: 31px 0px 30px 30px; right: -30px;   transition: 0.30s;}

			.offerArea a:hover { color:#f47e00; background-color: #fff; text-decoration: none; }

			.offerArea a:hover:before { border-color: transparent transparent transparent #fff; }

			

			/* network area */

			.networkArea { padding: 65px 0 83px 0; width: 100%; float: left; background-image:url(images/header_bg_pattern.jpg); background-repeat:repeat; background-position: top center; background-size: auto;}

			.networkArea h2 { margin: 0; font-size: 50px; font-weight: 700; color: #fff; text-align: center; }

			.networkArea .network { padding: 65px 0 0 0; width: 100%; float: left; position: relative; }

			.networkArea .network .owl- div:after { font-family: FontAwesome; font-size: 30px; }

			.networkArea .network .owl-buttons .owl-prev { font-size: 0px; }

			.networkArea .network .owl-buttons .owl-prev:after { content: "\f104"; font-family: FontAwesome; font-size: 40px;  width: 16px;  display: inline-block; color: #f47e00; text-align: center; line-height: 25px; position: absolute; left: -25px; top: 60%; }

			.networkArea .network .owl-buttons .owl-prev:hover:after{ color:#fff; }

			.networkArea .network .owl-buttons .owl-next { font-size: 0px; }

			.networkArea .network .owl-buttons .owl-next:after { content: "\f105"; font-family: FontAwesome; font-size: 40px;  width: 16px; display: inline-block; color: #f47e00; text-align: center; line-height: 25px; position: absolute; right: -25px; top: 60%; }

			.networkArea .network .owl-buttons .owl-next:hover:after{ color:#fff; }

			.networkArea .network .networklist { width: 100%; float: left; }

			.networkArea .network .networklist .distributorlogo { width: 100%; float: left; }

			.networkArea .network .networklist .distributorlogo img { max-width: 100%; height: auto; }

			

			/* map area */

			.mapArea { width: 100%; float: left; }

			.mapArea .map iframe{ pointer-events: none; }
			
			/* categorypage */
			.categorypage { padding: 60px 0; width: 100%; float: left; background: #f0f0f0; }
			.categorypage .catcontent { padding: 20px 0; width: 100%; float: left; border-bottom: 1px solid #f47e00; }
			.categorypage h1 { margin-bottom: 30px; }
			.categorypage h2 { margin: 0 0 25px 0; font-size: 25px; color: #f47e00;  }
			.categorypage p { font-size: 18px; margin-bottom: 20px; }
			.categorypage ul { margin-bottom: 20px; padding: 0 0 0 15px;list-style: none; float: left; }
			.categorypage ul li { float: left; width: 100%; font-size: 16px; line-height: 25px; }
			.categorypage ul li:before {content: "\f105"; font-family: FontAwesome; font-size: 22px;height: 30px; float: left;  width: 30px; display: inline-block; color: #f47e00; text-align: center; line-height: 25px;}
			.categorypage img { max-width: 100%; }
			.sidebar { width: 100%; float: left; }
			.sidebar h3 { font-size: 25px; margin:0 0 20px 0; }
			.sidebar h4 { margin: 0; width: 100%; font-size: 20px; float: left; }
			.sidebar h4 a { width: 100%; float: left; line-height: 30px; text-decoration: none; color: #777777; }
			.sidebar h4 a:before {content: "\f105"; font-family: FontAwesome; font-size: 22px;height: 30px; float: left;  width: 30px; display: inline-block; color: #f47e00; text-align: center; line-height: 25px;}
			.sidebar h4 a:hover { color: #f47e00; }
			
			/*innerpage area */
			.innerpageArea { padding: 60px 0; width: 100%; float: left; background: #f0f0f0; }
			.innerpageArea h2 { margin: 0 0 30px 0; font-size: 50px; font-weight: 600; color: #333;}
			.innerpageArea h3 { margin: 0 0 20px 0; font-size: 30px;font-weight: 600; color: #f47e00;  }
			.innerpageArea h5 { margin: 100px 0; font-size: 46px;font-weight: 600; color: #f47e00; text-align: center; line-height: 60px; }
			.innerpageArea h4 { font-size: 18px; color: #333; line-height: 25px; }
			.innerpageArea.innerpageArea1 h5 {margin: 0 0 25px 0; font-size: 25px; color: #f47e00;}
			.innerpageArea.innerpageArea1 p { width: 100%; float: left; font-size: 20px; }
			.innerpageArea.innerpageArea1 img { max-width: 100%; }
			.innerpageArea.innerpageArea1 .col-xs-12.col-md-4.col-sm-4.col-lg-4 { margin-bottom: 20px; }
			.innerpageArea.innerpageArea1 ul { margin-bottom: 20px; padding: 0 0 0 15px;list-style: none; float: left; }
			.innerpageArea.innerpageArea1 ul li {    padding-bottom: 18px; float: left; width: 100%; font-size: 16px; line-height: 25px; }
			.innerpageArea.innerpageArea1 ul li span { width: 85%; float: left; }
			.innerpageArea.innerpageArea1 ul li:before {content: "\f105"; font-family: FontAwesome; font-size: 22px;height: 30px; float: left;  width: 30px; display: inline-block; color: #f47e00; text-align: center; line-height: 25px;}
			.addrss {    margin-bottom: 15px; width: 100%; float: left; }
			.addrss .contacticon { width: 50px; height: 50px; float: left; font-size: 30px; color: #fff; text-align: center; border-radius: 100%; background: #f47e00; line-height: 50px; }
			.addrss p { padding:0px 0 0px 15px; width: 75%; float: left; font-size: 20px; }
			.addrss em { padding:0px 0 0px 15px; width: 75%; float: left; font-size: 20px; font-style: normal; }
			.addrss em a { text-decoration: none; color: #333; line-height: 50px; }
			.addrss em a:hover {  color: #f47e00;}
			.addrss p a { text-decoration: none; color: #333; }
			.addrss p a:hover { color: #f47e00; }
			.contactform { width: 100%; float: left; }
			.contactform p { width: 100%; float: left; }
			.contactform p .fname { padding: 10px 15px; font-size: 15px; color: #333; width: 100%; float: left; border: 1px solid #fff; background: #fff; }
			.contactform p .message1 { padding: 10px 15px; font-size: 15px; color: #333; width: 100%; float: left; border: 1px solid #fff; background: #fff; }
			.contactform p .submit { width: 25%; border-radius: 15px; display: inline-block; font-size: 20px; font-weight: 700; color: #ffffff; text-decoration: none;  line-height: 61px; background-color: #f47e00; position: relative; border: none;}
			.contactform p .submit:hover { background-color: #333333; }
			div.wpcf7-validation-errors { width: 100%; float: left; margin: 0; }
			span.wpcf7-not-valid-tip { width: 100%; float: left; }
			 div.wpcf7 img.ajax-loader {   position: absolute; left: 27%; top: 90%; }
			 div.wpcf7-mail-sent-ok { width: 100%; float: left; margin: 0;  }
			 div.wpcf7-mail-sent-ng {
    width: 100%;
    float: left;
    margin: 0;
}

		/* footer wrapper */

		#footerWrapper { width: 100%; float: left; }

		

			/* footer area */

			.footerArea { padding: 33px 0; width: 100%; float: left; background: #1a1a1a; }

			.footerArea p { margin: 0; font-size: 15px; font-weight: 500; color: #777777; }

			.footerArea p a { font-weight: 500; color: #777777; text-decoration: none; }

			.footerArea p a:hover { color: #f47e00; }
			
			.productArea.productArea1 { padding: 60px 0; }
			
			.productArea.productArea1 h2 {  margin: 0 0 40px 0; font-size: 50px; font-weight: 600; color: #333333; text-align: center; }