body { margin: 0; padding: 0; font-size: 18px; font-family:Arial, Helvetica, sans-serif; line-height: 30px; color:#000; font-weight:500; border: none; text-align: center; background:url(../temp-images/bg-texture.png) left top repeat; }
.body-loader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; background-image: url(../loader.gif); background-position: center center; background-repeat: no-repeat; z-index: 11000; }
h1, h2, h3, h4, h5, h6 { color: #3a3a3a; font-weight: normal; margin:0; padding:0; }
h1, h2 { color:#000;}
.ele-space-parallax h2 { color: #fff; }
.manage-slider { display: block; }
a { text-decoration: none; color: #000; }
.styled-ul { margin: 0; padding: 0; list-style: none; }
.styled-ul li { padding-left: 30px; background: url(../temp-images/list-bullet.png) left 12px no-repeat; }
.clear-ul { list-style: none; margin: 0; padding: 0; }
h1 { font-size: 65px; }
h2 { font-size: 48px; }
h3 { font-size: 30px; }
h4 { font-size: 23px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
ul, ol { margin-left: 10px; }
p { margin-bottom:15px;}
.wrapper-content { width: 100%; margin: 0 auto; }
.wrapper-search { width: 300px; margin: 0 auto 0 auto; text-align: left; padding: 30px 0; }
.template-wrapper { margin-bottom: 40px; }
.template-wrapper.margin-0 { margin-bottom: 0; }
.border-bottom { border-bottom: solid 2px #acacac; }
.main-menu { display: block; position: relative; float:right;}
.main-menu-icon { width: 50px; height: 50px; background: url(../temp-images/menu-icon.png) center center no-repeat #c80202; position: absolute; left: -50px; top: 30px; z-index: 1000; display: none; }
.main-link-ul { font-size: 0; font-weight:bold; margin: 0; padding: 0; }
.main-link-ul li { position: relative; display: inline-block; margin: 0 0 0 9px; font-size: 16px; padding: 0; background: none; }
.main-link { line-height: 70px; margin:0 17px 0 3px; text-align: center; color: #000; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s; }
.main-link:after {content:"|"; font-size:12px; font-weight:bold; position:absolute; right:0; top:0;}
.main-link-ul li:nth-last-child(2) .main-link:after {display:none;}
.main-link:hover, .main-link.active { color: #c80202; }
.bold-main-link { line-height:40px; background-color:#c80202; text-decoration:none; color:#fff; display: block; text-align:center; font-size:16px; width:120px; padding:0; margin:0; transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s; }
.sub-link-ul { position: absolute; z-index: 500; width: 220px; right: 0; background-color: #535353; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 0; display: none; }
.sub-link-ul li { float: none; margin: 0; display: block; }
.sub-link { padding: 5px 0; width: 100%; line-height: 30px; text-align: center; color: #fff; margin: 0; display: block; }
.sub-link:hover, .sub-link.active { background-color: #c80202; }
.additional-menu { text-align: right; font-size: 0; float:right; width:50%; display: block; padding: 0; }
.search-field { width:130px; border:none; background: none; color: #000; padding: 10px; line-height: 20px; font-size: 13px; display: inline-block; margin: 0; float:right; text-align:right;}
.search-btn { width: 42px; height: 41px; float:right; background: url(../temp-images/search-icon.png) center center no-repeat; border: none; cursor: pointer; margin: 0; }
.main-link-ul li .sub-link-ul li:last-child { margin-bottom: 00px; }
.additional-menu form { width: 100%; text-align: right; margin: 0; padding: 0; display: inline-block; }
.web-breadcrumbs { width: 1120px; margin: 0px auto 0 auto; padding: 5px 0; position: relative; z-index: 1200; display: none; }
.web-breadcrumbs a { text-decoration: none; color: #000; margin-right: 20px; float: left; line-height: 30px; padding-left: 15px; font-size: 12px; position: relative; }
.web-breadcrumbs a:before { content: "→"; position: absolute; left: 0; line-height: 30px; color: #999; }
.web-breadcrumbs a:hover { text-decoration: underline; }
.ele-template .ele-template { }
.web-header { width: 1200px; margin: 0 auto; padding: 0; left: 0; top: 0; z-index: 1200; position: relative; }
.false-space { height: 00px; display: block; }
.web-header-wrapper { width: 1200px; margin: 0 auto; }
.header-1 .logo { width: 225px; margin: 15px 0; float: left; }
.header-1 .logo img { width: 100%; }
.header-1 .main-menu { width: 80%; margin: 0 auto; text-align: center; margin-top:20px;}
.header-1 .main-menu .main-link-ul { text-align: right; float:right; width:970px; }
.header-2 .logo { width: 250px; display: block; float: none; margin: 0 auto; }
.header-2 .logo img { width: 100%; }
.header-2 .main-menu { width: 100%; text-align: center; position: static; float: none; }
.header-2 .main-menu .main-link-ul { text-align: center; }
.header-2 .additional-menu { position: absolute; right: 0; top: 0; text-align: right; padding: 5px; margin-bottom: 0; }
.gallery-wrapper { padding-top: 30px; position: relative; width: 1200px; }
.close-to-gallery { width: 40px; height: 40px; background: url(../temp-images/close-box.png) center center no-repeat #c80202; position: absolute; right: 0; top: 0; }
.gallery-cate { margin: 0; padding: 0; list-style: none; font-size: 0; }
.gallery-cate li { margin: 0; padding: 0; background: none; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; font-size: 16px; }
.gallery-1 .gallery-cate li { width: 100%; height: 220px; overflow: hidden; position: relative; }
.gallery-2 .gallery-cate li { width: 32.33%; height: 220px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; margin: 0.5%; }
.gallery-3 .gallery-cate li { width: 49%; height: 250px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; margin: 0.5%; }
.gallery-cate li img { width: 100%; }
.gallery-details { position: absolute; width: 100%; height: 70%; padding-top: 30%; text-align: center; bottom: 0; background-color: rgba(0,0,0,0.8); color: #fff; opacity: 0; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }
.gallery-details h3 { margin: 0; padding: 0; line-height: 120%; color: #fff; }
.gallery-cate li:hover .gallery-details { opacity: 1; }
.main-gallery { margin: 0; padding: 0; list-style: none; text-align: center; font-size: 0; }
.main-gallery li { display: inline-block; margin: 3px; padding: 0; background: none; vertical-align: middle; overflow: hidden; }
.main-gallery li img { width: auto; height: 180px; }
.footer { background-color:#1d1c1b; color: #fff; text-align: left; padding: 20px 20px 50px 20px; line-height: 30px; padding-bottom: 70px; border-top:solid 1px #959595; font-size:25px; font-family: 'Fjalla One', sans-serif;}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5 { color: #2b2828; }
.footer a { color: #fff; text-decoration: none; }
.footer a:hover { color: #c80202;}
.footer li { background: none;}
.footer-wrapper { width: 1200px; margin: 0 auto; text-align: left;}
.footer-content { margin:0px; width:100%; float:left;}
.footer-copyright { margin: 20px 0 0 0px; width:50%; float:left;}
.footer-designed-by { text-align:right; margin-top:20px;}
.social-icons { list-style:none; margin: 0; padding: 0; margin-top: 10px; }
.social-icons li { margin: 0; padding: 0; display:inline-block; vertical-align:top; background:none;}
.social-icons li a { width: 50px; height: 50px; display: block; background-position: center center; background-repeat: no-repeat; background-size: 60%; -webkit-background-size: 60%; border: solid 2px #fff; margin-right: 5px; border-radius: 50%; -webkit-border-radius: 50%; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }
.social-icons li a:hover { border-color:#f00;}
.social-icons li a.facebook { background-image: url(../temp-images/social/facebook.png); }
.social-icons li a.twitter { background-image: url(../temp-images/social/twitter.png); }
.social-icons li a.googleplus { background-image: url(../temp-images/social/googleplus.png); }
.social-icons li a.linkedin { background-image: url(../temp-images/social/linkedin.png); }
.social-icons li a.pinterest { background-image: url(../temp-images/social/pinterest.png); }
.social-icons li a.instagram { background-image: url(../temp-images/social/instagram.png); }
.social-icons li a.youtube { background-image: url(../temp-images/social/youtube.png); }
.footer-menu { width:33%; float:left; text-align:left;}
/* sliders */

.slidertype-1 { }
.slidertype-1 img { width: 100%; }
.slidertype-1 .slider-content { padding: 10px 0; color: #000; }
.slidertype-2 { position: relative; }
.slidertype-2 img { width: 100%; }
.slidertype-2 .slider-content { background-color: rgba(0,0,0,0.5); color: #fff; position: absolute; bottom: 0; display: block; width: 94%; padding: 10px 3% 20px 3%; text-align: left; }
.slidertype-2 h3, .slidertype-2 h4 { color: #fff; font-weight: normal; margin:0; padding:0;}
.slidertype-2 h3 { font-size:60px; margin-top:20px; text-transform:uppercase; font-weight:600;}
.slidertype-3 { position: relative; }
.slidertype-3 img { width: 100%; }
.slidertype-3 .slider-content { background-color: rgba(0,0,0,0.5); color: #fff; position: absolute; bottom: 0; display: block; width: 94%; padding: 10px 3%; text-align: right; }
.slidertype-4 { position: relative; text-align: center; }
.slidertype-4 img { width: 100%; }
.slidertype-4 .slider-content { background: none; color: #fff; position: absolute; width: 80%; left:10%; bottom:50%; transform:translateY(50%); -webkit-transform:translateY(50%); display: inline-block; text-align: center; text-shadow: 2px 2px 1px rgba(0,0,0,0.9); }
.slidertype-4 h3 { font-size: 40px; font-weight: normal; color: #FFF; }
.slidertype-5 { position: relative; text-align: center; }
.slidertype-5 img { width: 30%; float: left; }
.slidertype-5 .slider-content { width: 65%; float: right; text-align: left; }
.slidertype-6 { position: relative; text-align: center; }
.slidertype-6 img { width: 30%; float: right; }
.slidertype-6 .slider-content { width: 65%; float: left; text-align: left; }
.slidertype-7 { position: relative; }
.slidertype-7 img { width: 100%; }
.slidertype-7 .slider-content { background: none; color: #fff; position: absolute; width: 100%; left: 0; bottom: 28%; display: inline-block; text-align: center; text-shadow: 3px 3px 2px rgba(0,0,0,0.5); }
.slidertype-7 .slider-content h3 { font-size: 30px; font-weight: 300; margin-bottom: 10px; }
.slidertype-7 .slider-content h4 { font-size: 73px; line-height: 80px; font-weight: 300; background-image: url(../temp-images/white-line-240.png), url(../temp-images/white-line-240.png); background-position: center top, center bottom; background-repeat: no-repeat, no-repeat; padding: 20px 0; }
/* forms */

.form-ul li { margin-bottom: 10px; position: relative; background: none; padding: 0; }
.form-field { padding: 10px; line-height: 20px; font-size: 16px; border: solid 1px #CCC; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; position: relative; background-color: #f2f2f2; }
.form-btn { padding: 10px; width: 100px; line-height: 20px; font-size: 18px; font-weight: normal; text-align: center; background-color: #c80202; color: #fff; border: solid 1px #c80202; cursor: pointer; float: right; }
.form-btn:hover { background-color: #666; border-color: #666; color: #fff; }
.err .form-field { border-color: #F00; }
.err:after { content: "error"; position: absolute; padding: 5px; line-height: 20px; font-size: 14px; width: 80px; right: 00px; top: 28px; background-color: #F00; color: #fff; text-align: center; }
.form-success-message { color: #000; display: inline; }
.form-loading { width: 100px; height: 45px; background: url(../loader1.gif) center center no-repeat #000; background-size: auto 70%; -webkit-background-size: auto 70%; float: right; display: none; }
/* extra */
.read-more { font-family: 'Fjalla One', sans-serif; font-size: 20px; text-align: right; display: inline-block; line-height: 40px; margin-top: 20px; padding: 0 20px; color: #000; position: relative; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }
.read-more.white { color:#fff;}
.read-more:before { content:""; background-color:#ff0000; position:absolute; left:0; top:0px; width:5px; height:35px; transform:skewX(-15deg); -webkit-transform:skewX(-15deg); transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s;  z-index:-1;}
.read-more:hover:before { width:100%;}
.read-more:hover { color:#fff;}
/*.read-more:after { content:""; transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; left:0; bottom:0; background-color:#fff; width:0; position:absolute; height:1px; }
.read-more:hover:after { width:100%; }*/
/*.read-more:after { content:"→"; font-size:20px; margin-left:10px;}*/
.grey-bg { background: #1d1c1b; padding: 0; }
.grey-bg * { color:#fff;}
.grey-bg h3,.grey-bg h4,.grey-bg h5,.grey-bg h6,.grey-bg h7 { color:#ff0000;}
.extra-padding-tb { padding:50px 0;}
.extra-padding { padding:50px;}
.padding-10 { padding-bottom: 10px; }
.padding-top-0 { padding-top: 0; }
.padding-bottom-0 { padding-bottom: 0; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-top-0 { margin-top: 0; }
.wrapper-1200, .wrapper-1000 { width: 1200px; margin: 0 auto; }
.faq-boxes { background-color: #f0f0f0; border-bottom: solid 2px #373736; border-radius: 10px; -webkit-border-radius: 10px; }
.fix-box { padding: 5px 0; width: 100%; background-color: #c80202; color: #fff; font-size: 24px; line-height: 25px; text-align: center; position: fixed; left: 0; bottom: 0; z-index: 888; }
.testimonial-slider .ele-template { background-image: url(../temp-images/quotes.png), url(../temp-images/quotes-end.png); background-repeat: no-repeat; background-position: left top, right bottom; padding: 0 65px; }
.testimonial-slider .wrap-slider-elements { padding-bottom: 30px; }
.testimonial-slider ul { text-align: center; }
.testimonial-slider .slider-bullets { bottom: 0px; text-align: center; }
.text-padding-box { padding: 0 8%; }
.double-list li { width: 50%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; }
.login-register-box { width: 180px; float: right; margin-top: 5px; }
.login-register-box a { width: 100%; display: block; text-align: center; line-height: 40px; color: #fff; background-color: #6a639e; margin: 5px 0; font-family: 'Roboto', sans-serif; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; }
.login-register-box a:hover { background-color: #c80202; }
.spaced-text-box { padding: 0 10%; }

.how-it-works { color:#fff;}
.how-it-works .slider-content * { color:#fff;}
.how-it-works .slider-content h4 { font-size:40px;}

.image-anim img { opacity:0.5; -webkit-opacity:0.5; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
.image-anim img:hover { opacity:1; -webkit-opacity:1;}

.owl-nav { position: absolute; width: 94%; left: 3%; top: 45%; height: 50px; z-index: 100; }
.owl-nav button.owl-prev, .owl-nav button.owl-next { position: absolute; top: 0; width: 50px; height: 100px; text-align: center; display: block; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; transform-origin: center center; -webkit-transform-origin: center center; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; background:none; }
.owl-nav button.owl-prev span, .owl-nav button.owl-next span { display:none;}
.owl-nav button.owl-prev { background-image: url(../temp-images/prev-btn.png); background-position: right center; }
.owl-nav button.owl-next { background-image: url(../temp-images/next-btn.png); background-position: left center; }
.owl-nav button.owl-prev:hover { background-position: left center; }
.owl-nav button.owl-next:hover { background-position: right center; }
.owl-nav button.owl-prev { left: 0; background-image: url(../temp-images/prev-btn.png); background-position: center right; }
.owl-nav button.owl-next { right: 0; background-image: url(../temp-images/next-btn.png); background-position: center left; }
.owl-dots { width: 94%; left: 3%; position: absolute; text-align: center; bottom: 10px; vertical-align: middle; }
.owl-carousel button.owl-dot { width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; background-color: #fff; display: inline-block; margin: 0 5px; }
.owl-carousel button.owl-dot:hover, .owl-carousel button.owl-dot.active { background: #f00; }

 @media screen and (max-width:1250px) {
.web-header { width: 100%; }
.wrapper-1200, .wrapper-1000 { width: 95%; margin: 0 auto; }
.footer-wrapper { width: 95%; margin: 0 auto; }
.gallery-wrapper { width: 95%; }
.web-header-wrapper { width: 95%; margin: 0 auto; }
}
 @media screen and (max-width:1050px) {
.header-1 .main-menu .main-link-ul { width:100%;}
.main-link { margin:0;}
.main-link:after { content:"";}
.wrapper-content { width: 95%; margin: 20px auto 0 auto; overflow:hidden;}
.web-breadcrumbs { width: 95%; margin: 5px auto; }
.login-register-box { width: 100%; }
.login-register-box a { width: 48%; margin: 5px 1%; box-sizing: border-box; float: left; }
h1 { font-size: 50px; }
h2 { font-size: 35px; }
h3 { font-size: 30px; }
h4 { font-size: 25px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
.main-menu-icon { display: block; }
.header-1 .main-menu { float: none; width: 80%; right: -80%; height: 100%; display: block; position: fixed; top: 0; z-index: 1000; background-color: #fff; border-left: 2px solid #c80202; box-sizing: border-box; -webkit-box-sizing: border-box; margin-top:0;}
.additional-menu { float:none;}
.main-link-ul { position: absolute; width: 100%; height: 100%; overflow: auto; margin-top: 15px; }
.main-link-ul li { display: block; margin: 5px 0; }
.main-link-ul li:last-child { margin-bottom: 100px; }
.main-link { width: 100%; display: block; }
.sub-link-ul { position: relative; width: 100%; top: auto; left: 0; display: block; }
.sub-link-ul li { margin: 5px 0; }
.slidertype-4 h3 { font-size: 25px; width: 80%; margin: 0 auto; text-shadow: none; color: #000; }
.additional-menu { text-align: center; width: 100%; position: relative; top: 10px; }
.additional-menu form { width: 100%; text-align: center; }
.search-field { width: 60%; opacity: 1; }
.slidertype-2 h3, .slidertype-2 h4 { color: #c80202; font-size: 22px; }
}
 @media screen and (max-width:1000px) {
h1 { font-size: 45px; }
h2 { font-size: 35px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
.ele-template { height: auto !impor014[]\tant; }
.gallery-1 .gallery-cate li { width: 100%; margin: 5px 0; padding: 0; }
.gallery-2 .gallery-cate li { width: 100%; margin: 5px 0; padding: 0; }
.gallery-3 .gallery-cate li { width: 100%; margin: 5px 0; padding: 0; }
.slidertype-2 { position: relative; }
.slidertype-2 .slider-content { background: none; color: #000; position: relative; display: block; width: 100%; padding: 10px 0; text-align: center; }
.slidertype-3 { position: relative; }
.slidertype-3 .slider-content { background: none; color: #000; position: relative; display: block; width: 100%; padding: 10px 0; text-align: center; }
.slidertype-4 { position: relative; }
.slidertype-4 .slider-content { background: none; color: #000; position: relative; display: block; width: 100%; padding: 10px 0; text-align: center; left:0;  bottom:auto; top:0; transform:translateY(0); -webkit-transform:translateY(0);text-shadow: none; -webkit-text-shadow: none; }
.slidertype-4 .slider-content h4 { color:#000; font-size:24px;}

.owl-dots { bottom: -20px;}
.owl-carousel button.owl-dot{ background-color:#000;}
.owl-nav { left:0; width:100%; top:5%;}
.owl-carousel .owl-nav button.owl-prev { background-position: center left; }
.owl-carousel .owl-nav button.owl-next { background-position: center right; }

.slidertype-5 { position: relative; text-align: center; }
.slidertype-5 img { width: 80%; float: none; margin: 0 auto; }
.slidertype-5 .slider-content { width: 100%; float: none; text-align: center; margin: 0 auto; }
.slidertype-6 { position: relative; text-align: center; }
.slidertype-6 img { width: 80%; float: none; margin: 0 auto; }
.slidertype-6 .slider-content { width: 100%; float: none; text-align: center; margin: 0 auto; }
.slidertype-7 .slider-content { bottom: 15%; }
.slidertype-7 .slider-content h3 { font-size: 20px; margin-bottom: 00px; }
.slidertype-7 .slider-content h4 { font-size: 20px; line-height: 20px; padding: 10px 0; }
.err:after { right: 0px; }
.fix-box { left: 0; bottom: 0; }
.gallery-details { background-color: rgba(0,0,0,0.3); opacity: 1; }
}
 @media screen and (max-width:760px) {
.web-breadcrumbs { display: none; }
.testimonial-slider .ele-template { padding: 0 30px; background-size: 40px auto, 40px auto; }
.header-1 .logo { width: 70%; margin-left:5%; }

.footer-menu { width:100%; float:none; margin-bottom:20px;}
.footer-content {width:100%; float:none; margin-bottom:20px; text-align:center;}
.footer-copyright { width:100%; float:none; margin-bottom:20px; text-align:center;}
.extra-padding { padding:50px 30px;}
.footer-designed-by { text-align:center;}
}
