@charset "utf-8";

/* CSS Document */

* { box-sizing:border-box;}

*::before, *::after { box-sizing: border-box; }

body,h1,h2,h3,h4,h5,h6,ul,ol,p { padding:0; margin:0;}

body { background-color: #fff; font-family: "Open Sans",sans-serif; font-size: 15px; line-height: 24px; color:#565656;}

a { text-decoration:none; color:#0071b9;}

a:hover { text-decoration:none; color:#208ed4;}

a, a:active, a:visited, a:hover { outline: medium none; text-decoration: none;}



.wrapper { margin:0 auto; max-width:960px;}

.top{ position: fixed; padding:10px 20px 5px; background: rgba(250,250,250,0.9); width:100%; max-width:960px; z-index:3; border-bottom:1px solid #cccccc;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.top.sticky { position: fixed; width: 100%; padding:5px 20px 0; top:0; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);}

.top .logo { float:left; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.top .logo img { width:149px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.top.sticky .logo img { width:100px;}

.top .top_info { float:right; line-height:17px; margin:15px 0 0; height:17px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.top .top_info span.phone { padding-left:20px; background:url(../images/icon-phone.png) no-repeat left 1px; padding-right:20px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.top .top_info span.email { padding-left:26px; background:url(../images/icon-email.png) no-repeat left 4px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.top .top_info span a { color:#4b4b4b;}

.top .top_info span a:hover { color:#111111;}

.top.sticky .top_info { height:0; margin:0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.top.sticky .top_info  span.phone,.top.sticky .top_info  span.email { font-size:0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} 

.top .menu_area { float:right; margin:20px 0 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; clear:right;}

.top.responsive { display:none;}

.top.sticky .logo { float:left;}

.banner_area { clear:both; width:100%; background:url(../images/banner.jpg) repeat bottom center; min-height:650px;}

.banner_area h2 { clear:both; width:100%; overflow:hidden; font-size:38px; color:#ffffff; padding:150px 0 10px; line-height:normal; font-family: 'Satisfy', cursive; font-weight:400;}

.banner_area p { clear:both; width:60%; overflow:hidden; font-size:14px; color:#959595;}

.page { clear:both; width:100%; float:left; background:url(../images/container_bg.jpg) repeat-x top;}

.content { width:100%; background:#ffffff; padding:40px 20px 60px; margin:-70px 0 0 0; overflow:hidden;}
.content h2 { clear: both; width: 100%; overflow: hidden; color: #0071b9; font-size: 28px; margin: 0 0 30px; border-left: 7px solid #ED1C24; padding: 0 0 0 20px; line-height: 36px; font-weight: 400; font-family: 'Lora', serif;}

.inner_page .content h2 { clear:both; width:100%; overflow:hidden; color:#0071b9; font-size:24px; margin:0 0 20px; border-left: 7px solid #ED1C24; padding:0 0 0 10px; line-height:32px; font-weight:400;font-family: 'Lora', serif; margin-left:5px;}

.content h2.home_product span { float:right; font-size:13px;font-family: "Open Sans",sans-serif;}

.content h2.home_product span a { text-decoration:underline; background:url(../images/arrow-right.png) no-repeat right top; line-height:17px; padding:0 25px 0 0;}

.home_prodcutArea { clear:both; width:100%; overflow:hidden; margin:30px 0 60px;}

.vision { clear:both; width:100%; overflow:hidden; padding:38px 30px; background:url(../images/bg-vision.jpg) repeat center center; color:#ffffff; line-height:42px; font-size:30px; font-style:italic; text-align:center; margin:0 0 60px;}

.home_bottom { clear:both; width:100%; overflow:hidden; text-align: center;}

.home_bottom .home_dealerArea { float:left; width:100%;}

.home_bottom .home_dealerArea img { padding:0 20px 30px; max-width:100%}

.home_bottom .donwload_brochure { float:left; width:100%; text-align: center;}

.home_bottom .donwload_brochure .brochure_box { width:100%; overflow:hidden; padding:20px 15px; background:#1c89cc; color:#ffffff;}

.home_bottom .donwload_brochure .brochure_box img { max-width:100%;}

.home_bottom .donwload_brochure .brochure_box p { margin-bottom:20px;}

footer { clear:both; width:100%; overflow:hidden; background:#333333; padding:60px 0; color:#8f8e8e; font-size:14px;}

footer .column { float:left;}

footer .column.common_links { width:18%;}

footer .column.contact_info { width:24%;}

footer .column h2 { font-size:18px; font-weight:700; color:#ffffff; margin:0 0 22px;}

footer .column ul { list-style:none;}

footer .column ul li { background:url(../images/footer-arrow.png) no-repeat left 7px; padding:0 0 10px 22px;}

footer a { color:#8f8e8e !important;}

footer a:hover { color:#eeeeee !important;}

footer .column .address { width:100%; overflow:hidden; padding:0 0 20px 32px; background:url(../images/icon-location-footer.png) no-repeat left 4px;}

footer .column .phone { width:100%; overflow:hidden; padding:0 0 20px 32px; background:url(../images/icon-phone-footer.png) no-repeat left 2px;}

footer .column .email { width:100%; overflow:hidden; padding:0 0 20px 32px; background:url(../images/icon-email-footer.png) no-repeat left 5px;}

footer .footer_right { float:left; width:57%; text-align:right; padding:0 0 0 20px;}

footer .footer_right img { margin:0 0 20px;}

footer .footer_right .links { clear:both; width:100%; overflow:hidden; margin:0 0 20px;}

footer .footer_right .copyright { color:#676767;}

.banner_inner { background:url(../images/banner-inner.png) repeat fixed center center; padding:100px 0 40px; color:#ffffff; clear:both; width:100%; text-align:center;}

.banner_inner h1 { padding:30px 0 60px; font-weight:600; font-size:36px; line-height:34px;}

.inner_page p { margin:0 0 24px;}

.inner_page h2 { font-size:26px; margin:40px 0 30px;}

.contact_info { float:left; width:40%;}

.contact_info h2 { margin:0 0 20px;}

.contact_info .address { width:100%; overflow:hidden; padding:0 0 20px 32px; background:url(../images/icon-location-page.png) no-repeat left 4px;}

.contact_info .phone { width:100%; overflow:hidden; padding:0 0 15px 32px; background:url(../images/icon-phone-page.png) no-repeat left 4px;}

.contact_info .email { width:100%; overflow:hidden; padding:0 0 15px 32px; background:url(../images/icon-email-page.png) no-repeat left 7px;}

.contact_info a { color:#565656;}

.contact_info a:hover { color:#111111;}

.contact_form { float:left; width:60%;}

.contactFormBlock { clear:both; width:100%; background:#f4f4f4; padding:40px;}

.contact_field { clear:both; width:100%; overflow:hidden; margin-bottom:20px;}

.contact_field input[type="text"],.contact_field textarea { width:100%; padding:10px; border:none; font-family: "Open Sans",sans-serif; font-size: 15px;}

.btn_area input { width:100%; background:#1c89cc; color:#ffffff; text-align:center; text-transform:uppercase; display:block; font-family: "Open Sans",sans-serif; font-size: 20px; padding:10px 0; font-weight:600; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.btn_area input:hover { background:#1177b5; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.error { color:#ff0000;}

p.alert { width:100%; background:#ff0000; text-align:center; padding:10px; color:#ffffff; font-size:18px;}

.map_area { clear:both; width:100%; overflow:hidden;}

.map_area iframe { float:left;}

.product_listing ul { list-style:none;}

.product_listing ul li { float:left; width:25%; padding:10px; max-width:232px;}

.product_listing ul li img { border:1px solid #1C89CC; border-width:1px 1px 0; display:block; max-width:100%;}

.product_listing ul li > a { display:block;}

.product_listing ul li h3 { width:100%; text-align:center; font-weight:600; font-size:16px; clear:both;}

.product_listing ul li h3 a { display:block; background:#1c89cc; color:#ffffff; padding:10px; min-height: 68px; display: grid; align-items: center;}

.allproductsBlockmain { clear:both; width:100%; overflow:hidden; margin:0 0 30px;}
.allproductsBlockmain.fifty {clear:none; float:left; width:50%;}
.allproductsBlockmain.single {clear:none; float:left; width:25%;}
.allproductsBlockmain.triple {clear:none; float:left; width:75%;}

.allproductsBlock { float:left; width:25%; text-align:center; padding:0 5px; margin:0 0 10px; max-width:230px;}
.allproductsBlockmain.fifty .allproductsBlock {width:50%;}
.allproductsBlockmain.single .allproductsBlock {width:100%;}
.allproductsBlockmain.triple .allproductsBlock {width:33.33%;}

.allproductsBlock .allproducts { border:1px solid #cccccc; overflow:hidden;}

.allproductsBlock .allproducts img { padding:5px 5px 0; max-width:100%;}

.allproductsBlock .allproducts h3 { padding:0 5px 5px; width:100%; font-weight:600; font-size:16px;}

.allproductsBlock .allproducts h3 span { float:left; width:100%; font-size:14px; font-weight:400; line-height: 20px;}

.products_page h2 { margin:0 0 20px;}

.allproductsBlock_area { clear:both; width:100%; overflow:hidden; margin:0;}

.allproductsBlock_area .ProductBlock_text img { float:left; margin:0 30px 20px 0; padding:5px; border:1px solid #cccccc; max-width:100%; }

.allproductsBlock_area .ProductBlock_text h4 { color:#0071b9; font-weight:400; font-size:16px; margin:0 0 10px;}

.double_line h3 { min-height:55px;}
.triple_line h3 { display: block; float: left; min-height: 77px;}

.columns_3 { float:left; width:33.33%;}

.product_area { clear:both; width:100%; overflow:hidden; margin-bottom:30px;}

.product_area h3.title { clear:both; width:100%; overflow:hidden; margin:0 0 10px;}

.product_area ul { padding:0 0 30px 16px; overflow:hidden;}

.product_area ul li { margin-bottom:10px; float:left; width:100%;}

.product_area ul li span { float:left; width:100%; overflow:hidden; font-size:14px; color:#999999;}

.dealer_area { clear:both; overflow:hidden;}

.dealer_area ul { list-style:none; padding:0;}

.dealer_area li {float:left; width:33.33%; padding:10px;}

.dealer_area .dealer_box { width:100%; overflow:hidden; text-align:center; padding:20px; border:1px solid #cccccc;}

.dealer_area .dealer_box img { max-width:100%; margin:0 0 20px;}

.dealer_area .dealer_box h3 { font-size:18px; font-weight:600;float:left; width:100%; min-height:90px;}

.dealer_area .dealer_box h3 span { float:left; width:100%; font-size:14px; color:#999999; font-weight:400; line-height:20px; padding:6px 0 0; }

.dealer_area .dealer_box h3 a { color:#565656;}

.dealer_area .dealer_box h3 a:hover { color:#000000;}

.product_logo { width:100%; overflow:hidden; text-align:center; border:1px solid #eeeeee; border-width:1px 0; padding:20px; margin:0 0 40px;}

.client_area { width:100%; clear:both; overflow:hidden;}

.client_area ul { list-style:none; padding:0; margin:0; text-align:center;}

.client_area ul li {float:left; width:25%; padding:10px;}

.client_area ul li .client_box {width:100%; overflow:hidden; text-align:center; border:1px solid #cccccc;}

.client_area ul li .client_box img { margin:5px 0 0; max-width:100%;}

.home_prodcutArea.product_listing ul li { padding:0;}

.product_logo img { max-width:100%;}
.text_area {clear:both; width:100%; overflow:hidden; margin: 0 0 40px;}
.text_logoArea {clear:both; width:100%; overflow: hidden; margin:10px 0 30px;}
.text_logoArea img {margin:0 10px 10px 0; border: 1px solid #cccccc; padding: 10px; float:left;}
.ProductBlock_text ul,.text_area ul {padding:0 0 20px 15px; overflow: hidden;}
.ProductBlock_text h3 {margin:0 0 10px;}
.about h3 {margin:0 0 30px;}











/* Navigation Styles */

.menu { width:100%; margin:0 auto;}

.menu ul { font-size: 0; margin: 0; padding: 0; height:26px;}

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

.menu ul li a { color: #4b4b4b; display: block; font-size: 16px; padding: 0 0 15px 0; margin:0 0 0 34px; transition: 0.3s linear; line-height:20px;}

.menu ul li a:hover { color:#4b4b4b; border-bottom:3px solid #0074bb;}

.menu ul li ul { display: none; position: absolute; width: 200px; left:0px; padding-top:10px;}

.desktop.sticky .menu ul li ul { padding-top:12px;}

.menu ul li ul li { border-top: 1px solid #555555; display: block;}

.menu ul li ul li:first-child { border-top: none; }

.menu ul li ul li a { background: rgba(255,145,65,0.9); display: block; padding: 8px 14px; color:#ffffff; font-weight:600;}

.menu ul li ul li a:hover { background: #FF9141; color:#ffffff; }



nav:not(.mm-menu) { display: none;}

.header { display:none;}

.header { position:absolute; left:20px; padding: 0 50px; z-index:5; margin-top:30px;}

.header.fixed { position: fixed; top: 0; left: 10px;}

.header a { display: block; position: absolute; top: 0; left: 0;}

.aboutpranay .first { padding-top:50px;}













/* for 800 */

@media (max-width: 990px) {

	.wrapper { padding:0 10px;}

	.top.desktop { display:none;} 

	.top.responsive { display:block; margin:0 -20px;} 

	.header { display:block; margin-top:18px; position:fixed;}

	.top { padding:5px 0 0;}

	.top .logo { width:100%; text-align:center; padding:0;}

	.top .logo img { width:100px;}

	.banner_area h2 { padding:30px 0 10px 3px;}

	.banner_area p { width:80%;}	

	.banner_area { padding:66px 0 0; min-height:550px;}

	.home_prodcutArea.product_listing ul li { margin-right:40px !important;}

	.vision { font-size:28px; padding:30px;}

	.home_bottom .home_dealerArea { width:100%; margin:0 0 30px;}

	.home_bottom .donwload_brochure { width:100%; text-align:center;}

	footer .column.common_links { width:30%;}

	footer .column.contact_info { width:70%;}

	footer .footer_right { width:100%; padding:0;}

	.home_prodcutArea { padding:0 0 0 10px;}

	.banner_inner { padding:60px 0 40px;}

	.product_listing ul li { width:33.33%;}

	.allproductsBlock { width:33.33%;}

	.dealer_area li { width:50%;}

	.contact_info h2 { font-size:22px;}
	.allproductsBlockmain.fifty {width:66.66%;}
	.allproductsBlockmain.single {width:33.33%;}

	

}





/* for 786 */

@media (max-width: 768px) {

	.vision { font-size:26px;}

	.home_prodcutArea.product_listing ul li { margin-right: 28px !important;}

}





/* for 600 */

@media (max-width:767px) { 

	.banner_area { min-height:450px;}

	.banner_area h2 { font-size:32px;}

	.banner_area p { width:100%; color:#eeeeee;}

	.home_prodcutArea.product_listing ul li { margin-right: 20px !important;}

	.vision { padding:20px; line-height:36px; margin:0 0 40px;}

	.product_listing ul li { width:50%;}

	.allproductsBlock { width:50%;}

	.dealer_area li { width:100%;}

	.dealer_area .dealer_box h3 { min-height:inherit;}

	.client_area ul li { width:33.33%;}

	.contact_info { width:100%; padding:0 0 30px;}

	.contact_form { width:100%;}
	.allproductsBlockmain.fifty {width:100%;}
	.allproductsBlockmain.single {width:50%; max-width: 230px;}





	

}





/* for 480 */

@media (max-width: 599px) {

	.content h2 { font-size:26px;}

	.vision { font-size: 22px;}

	.home_prodcutArea { margin:30px 0 40px;}

	footer .column.common_links { width:40%;}

	footer .column.contact_info { width:60%;}

	.product_listing ul li { width:100%; float:none; margin:0 auto;} 

	.allproductsBlock { width:100%; float:none; margin:0 auto 10px;}

	.allproductsBlock .allproducts h3 { min-height:inherit;}

	.banner_inner h1 { font-size:30px;}

	.client_area ul li { width:50%;}

	.contactFormBlock { padding:20px;}

	footer { padding:40px 0;}
	.allproductsBlockmain.fifty .allproductsBlock {width:100%;}
	.allproductsBlockmain.single {width:100%; float: none; margin: 0 auto 10px;}

}





/* for 360 */

@media screen and (max-width: 479px) {

	footer .column.common_links { width:100%; margin:0 0 30px;}

	footer .column.contact_info { width:100%;}

	.banner_inner h1 { font-size:26px;}

	.dealer_area li { padding:10px 0;}

	.client_area ul li { width:100%;}

	.allproductsBlock_area .ProductBlock_text img { float:none;}

}