html, body, div, span, applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}

body { margin:0px; }
body, input, textarea, select { font-family: 'Lora', serif; font-size: 15px; color: #828186; background:url(../images/pattern.jpg) center top repeat;} /* font-family: 'Roboto', sans-serif; Merriweather */
/* remember to define focus styles! */
:focus { outline: 0;}
input { background:none; border:0 none; outline:none;}
table { border:0 none; border-collapse:collapse;}
td { vertical-align:top;}
img { border:0 none; max-width1:100%; vertical-align:top;}
a { outline:none; color:#828186; cursor:pointer; text-decoration:none; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
a:hover { text-decoration:none;}
.left, .con-pic-left { float:left; }
.right, .con-pic-right	{ float:right; margin-left:80px; }
.clear { clear:both; }
.clearl { clear:left; }
.clearr { clear:right; }
.text-right { text-align:right; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
p{ line-height:22px;}
.top0 { margin-top:0px;}
.top5 { margin-top:5px;}
.top25 { margin-top:25px;}
.bot0 { margin-bottom:0;}
.bot25 { margin-bottom:0;}
.red { color:#ed1b24;}
.small { font-size:11px;}
.orange { color:#df6d27;}
.padtop2 { padding-top:2px;}
/* -webkit-box-shadow: 0px 10px 5px 0px #999; -moz-box-shadow: 0px 10px 5px 0px #999); box-shadow: 0px 10px 5px 0px #999; */

/* Header */
.banner-main { margin:0px auto; width:972px; text-align:center; height: 437px; overflow:hidden; border:15px solid #fff;}
.banner-main-home { margin:0px auto; width:972px; text-align:center; height1: 435px; overflow:hidden; border:15px solid #fff;}
.banner-main img, .banner-main-home img { width:100%;}
.top-bar { margin:0px auto 30px auto; z-index:102; width:1002px; height:90px; text-align:center;}
header { margin:0px auto; position:fixed; z-index:9999; width:1002px; height:90px; background:#fff; -webkit-box-shadow: 0px 5px 10px 0 #ccc; -moz-box-shadow: 0px 5px 10px 0 #ccc; box-shadow: 0px 5px 10px 0 #ccc;}
header .logo { float:left; padding:10px 0px 0px 15px;}
header .logo a {}
header .logo a:hover { padding-left1:5px;}
.home-banner, .home-banner div, .home-banner div div, .home-banner div div img { margin:0px auto !important; width:100%; left:0 !important; height1:550px; right:0 !important; text-align:center; position:relative;}




/* Top Menu */
nav { float:right; text-align:right; position:relative;}
#main-nav { height:90px; position:relative; padding-right:15px;}
#main-nav ul { float:right; margin: 0px 0px 0px 10px; padding: 0; list-style: none; font-family: 'Open Sans', sans-serif;}
#main-nav ul li { float:left; color: #000; position: relative; margin-left:40px;}
#main-nav ul li a { color: #444; font-size:16px; text-decoration: none; text-transform:uppercase; padding:33px 0px; height:90px; line-height:90px; background:url(http://website-demos.in/proutdoors/site/images/menu-over-bg.jpg) left 90px no-repeat;}
#main-nav ul li a:hover, #main-nav ul li a.active, #main-nav ul li:hover a { background:url(http://website-demos.in/proutdoors/site/images/menu-over-bg.jpg) left 86px no-repeat; color: #142F5C; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
#main-nav ul li.last a { padding-left: 15px; padding-right: 16px; }
#main-nav ul li.others { display: none; }

#main-nav ul li > ul { visibility: hidden; opacity: 0; position: absolute; left: -15px; top: 40px; margin:0px; padding:0px 15px 10px 15px; width: 200px; z-index: 9999; background:#009343; box-shadow: 0 5px 5px rgba(0,0,0,0.5); }
#main-nav ul li:hover > ul { visibility: visible; opacity: 1; top: 40px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
#main-nav ul li > ul li { float: none; text-align:left; font-weight:normal; font-size:14px; margin: 0px; border-bottom:1px dotted #84f1b6; }
#main-nav ul li > ul li.last { border-bottom:none;}
#main-nav ul li > ul li a { background: none; color:#84f1b6 !important; border-radius:0; height:30px; line-height:30px !important; font-weight:normal; }
#main-nav ul li > ul li a:hover { color: #fff !important; }


.breadcrumb-main-home { margin:0px auto; width:1002px; height:70px; background:#fff; text-transform:uppercase; font-family: 'Merriweather', sans-serif; font-size:18px; font-weight:normal;}
.breadcrumb-home { margin:0px auto; width1:410px; padding:15px 0px 0px 675px; color:#000; background:url(http://website-demos.in/proutdoors/site/images/breadcrumb-line.jpg) 620px 30px no-repeat;}
.breadcrumb-home p { margin:0px; padding:0px; line-height:35px;}
.breadcrumb-home p span { font-size:26px;}


.content-main-home { margin:0px auto 30px auto; width:1002px; min-height:400px; background:#fff; -webkit-box-shadow: 0px 0px 10px 0 #ccc; -moz-box-shadow: 0px 0px 10px 0 #ccc; box-shadow: 0px 0px 10px 0 #ccc;}
.content-home { margin:0px auto; width:962px; padding:20px;}

.content-box { float:left; width:29%; position:relative; min-height:260px;}
.content-box h2 { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:22px; color:#444; font-weight:normal; text-transform:uppercase;}
.content-box p { padding-bottom1:25px;}
.content-box-spacer { float:left; width:5%; min-height:260px; background:url(http://website-demos.in/proutdoors/site/images/content-box-dot.jpg) center top repeat-y;}
.content-box p.right { min-height:200px;}
.content-box a.view-more { position:absolute; right:0px; bottom:0px; font-family: 'Open Sans', sans-serif; font-size:16px; border:1px solid #444; padding:0px 15px; color:#444; height:32px; line-height:32px;}
.content-box a.view-more:hover { color:#fff; background:#142F5C; border:1px solid #142F5C;}

.content-news { margin-top:30px;}
.content-news h2 { margin:0px 0px 25px 0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:22px; color:#444; font-weight:normal; text-transform:uppercase;}
.content-news ul { margin:0px; padding:0px; list-style-type:none;}
.content-news ul li {}
.content-news ul li .news { background:#eae7e4;}
.content-news ul li .news .thumb { float:left; width:50%; overflow:hidden; position:relative;}
.content-news ul li .news .thumb .arrow { position:absolute; right:0; top:0;}
.content-news ul li .news .news-data { float:left; width:46%; padding:2% 2% 0 2%; height1:302px; background:#EAE7E4;}
.content-news ul li .news .news-data h3 { margin:0px 0px 25px 0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:20px; color:#444; font-weight:normal; text-transform:uppercase;}
.content-news ul li .news .news-data p {}
.content-news ul li .news .home-news-more { padding-left:50px; background:url(http://website-demos.in/proutdoors/site/images/product-list-viewmore-line.jpg) 20px center no-repeat;}
.content-news ul li .news .home-news-more:hover { color:#122D5C;}



.products-home-main { margin:0px auto; width:1002px; background:#f2f4f3; text-align:center;}
.products-home-main h3 { margin:0px 0px 0px 20px; width:1002px; padding:0px; text-align:left; font-family: 'Open Sans', sans-serif; line-height:65px; height:70px; font-size:20px; color:#444; font-weight:normal; text-transform:uppercase;}
.products-home-main ul { margin:0px; padding:0px; list-style-type:none; font-family: 'Open Sans', sans-serif;}
.products-home-main ul li { float:left; width:33.1%; display:block; text-align:center; height:330px; overflow:hidden; border:1px solid #fff; position:relative;}
.products-home-main ul li img { width:100%;}
.products-home-main ul li .caption { z-index:200; position:absolute; bottom:0px; width:100%; line-height:40px; font-size:20px; text-transform:uppercase; padding:10px 0px 20px 0px; color:#444; display:table-cell; vertical-align:middle; background:url(http://website-demos.in/proutdoors/site/images/header-white-bg.png) left top repeat;}
.products-home-main ul li .caption a { border:1px solid #000; color:#444; padding:5px 15px; font-size:16px;}
.products-home-main ul li .caption a:hover { color:#fff; background:#142F5C; border:1px solid #142F5C;}
.products-home-main ul li img { -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;}
.products-home-main ul li:hover img { -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.10); /* Firefox */
    -ms-transform:scale(1.10); /* IE 9 */
    -o-transform:scale(1.10); /* Opera */
     transform:scale(1.10);}

.download-pdf { width:49.5%; height:130px; border-right:2px solid #fff; display:inline-block; border-bottom:2px solid #fff; background:url(http://website-demos.in/proutdoors/site/images/downlaod-pdf.png) #6d6d6d center center no-repeat;}
.download-pdf:hover { background:url(http://website-demos.in/proutdoors/site/images/downlaod-pdf.png) #132E5B center center no-repeat;}
.linkedin { width:49.5%; height:130px; border-bottom:2px solid #fff; display:inline-block; background:url(http://website-demos.in/proutdoors/site/images/linkedin.png) #b4b4b4 center center no-repeat;}
.linkedin:hover { background:url(http://website-demos.in/proutdoors/site/images/linkedin.png) #0177B5 center center no-repeat;}



/* Footer */
footer { margin:0px auto; width:1002px; background:#f2f4f3; -webkit-box-shadow: 0px -5px 10px 0 #ccc; -moz-box-shadow: 0px -5px 10px 0 #ccc; box-shadow: 0px -5px 10px 0 #ccc;}
.footer-top-main, .footer-bottom-main { margin:0px auto; width:1002px;}
.footer-bottom-main { background:#fff;}
.footer-top, .footer-bottom { margin:0px auto;}
.footer-top { padding:20px;}
.footer-top h2 { margin:0px 0px 30px 0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:20px; color:#; font-weight:normal; text-transform:uppercase;}
.footer-top .quicklinks { float:left; width:450px;}
.footer-top .quicklinks .margin { border-right:1px solid #616261; min-height:180px; margin-right:15px;}
.footer-top .quicklinks .margin .box { float:left; width:33%;}
.footer-top .quicklinks .margin .box1 { width:30%;}
.footer-top .quicklinks .margin .box2 { width:41%;}
.footer-top .quicklinks .margin .box3 { width:25%;}
.footer-top .quicklinks .margin .box h4 { margin:0px 0px 10px 0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:16px; color:#444; font-weight:normal;}
.footer-top .quicklinks .margin .box ul { margin:0px; padding:0px; list-style-type:none;}
.footer-top .quicklinks .margin .box ul li { padding-left:15px; margin-bottom:2px; font-size:15px; background:url(http://website-demos.in/proutdoors/site/images/footer-box-arrow.png) left 6px no-repeat; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.footer-top .quicklinks .margin .box ul li:hover { padding-left:15px; background:url(http://website-demos.in/proutdoors/site/images/footer-box-arrow.png) 5px 6px no-repeat; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.footer-top .quicklinks .margin .box ul li a:hover { color:#000; text-decoration:none;}
.footer-top .quicklinks .margin .box2 ul li a { color1:#142f5c; text-decoration:none;}
.footer-top .quicklinks .margin .box2 ul li a:hover { color:#000;}
.footer-top .newsletter { float:left; width:350px;}
.footer-top .newsletter .margin { border-right:1px solid #616261; min-height:180px; margin-right:15px; padding-right:15px;}
.footer-top .newsletter .margin p { padding:0px 0px 25px 0px;}
.footer-top .newsletter .margin .bn-form { border:1px solid #000000; height:36px;}
.footer-top .newsletter .margin .bn-form input { height:34px; line-height:34px;}
.footer-top .newsletter .margin .bn-form input placeholder { font-size1:16px;}
.footer-top .newsletter .margin .bn-form input.txtbox { width:75%; padding-left:10px;}
.footer-top .newsletter .margin .bn-form input.button { float:right; cursor:pointer; width:15%; background:url(http://website-demos.in/proutdoors/site/images/footer-newsletter-arrow.png) center center no-repeat; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.footer-top .newsletter .margin .bn-form input.button:hover { background:url(http://website-demos.in/proutdoors/site/images/footer-newsletter-arrow.png) left center no-repeat; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.footer-top .followus { float:right; width:160px;}
.footer-top .followus .margin { min-height1:260px;}
.footer-top .followus .margin ul { margin:0px; padding:0px; list-style-type:none;}
.footer-top .followus .margin ul li { margin:15px 0px; padding-left:40px; line-height:31px; font-size:15px;}
.footer-top .followus .margin ul li.follow-youtube { background:url(http://website-demos.in/proutdoors/site/images/icon-youtube.png) left center no-repeat;}
.footer-top .followus .margin ul li.follow-youtube:hover { background:url(http://website-demos.in/proutdoors/site/images/icon-youtube-over.png) left center no-repeat;}
.footer-top .followus .margin ul li.follow-linkedin { background:url(http://website-demos.in/proutdoors/site/images/icon-linkedin.png) left center no-repeat;}
.footer-top .followus .margin ul li.follow-linkedin:hover { background:url(http://website-demos.in/proutdoors/site/images/icon-linkedin-over.png) left center no-repeat;}
.footer-top .followus .margin ul li img { margin-right:7px;}
.footer-top .followus .margin ul li a:hover { text-decoration:none;}
.footer-bottom { height:45px; line-height:45px; font-size:14px; padding:0px 20px;}
.footer-bottom .left { float:left;}
.footer-bottom .right { float:right; width:200px; background:url(http://website-demos.in/proutdoors/site/images/ed-icon.png) right 11px no-repeat;}
.footer-bottom .right:hover { float:right; width:200px; background:url(http://website-demos.in/proutdoors/site/images/ed-icon-over.png) right 11px no-repeat;}
footer a { color:#828186;}
footer a:hover { color:#828186; text-decoration:underline;}