/*
* eLite - Landing Page
* Version: 1.1
* Copyright 2014
* Created by: DamterThemes
* URL: https://wrapbootstrap.com/user/damterthemes
* Designed and built based on Twitter Bootstrap 3. 
*/

/*
**********************************************
**********************************************
CONTENTS:

01 General Styles
02 Header
03 Product
04 Box Info
05 Testimonials
06 Features
07 Services
08 Purchase
09 Pricing
10 Coming Soon
11 Brands
12 Footer

**********************************************
**********************************************
*/

/*
**********************************************
01 General Styles 
**********************************************
*/
body { font-family: Verdana, Geneva, sans-serif; }
/* Grid */
#main_container { padding: 0; width: 100%; background-color: #ffffff; }
.row { margin-right: 0; margin-left: 0; }
/* Google Fonts */
/* PT Sans */
@font-face { font-family: 'pt_sansregular'; src: url('../fonts/pt_sans/pt_sans-web-regular-webfont.eot'); src: url('../fonts/pt_sans/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/pt_sans/pt_sans-web-regular-webfont.woff') format('woff'),  url('../fonts/pt_sans/pt_sans-web-regular-webfont.ttf') format('truetype'),  url('../fonts/pt_sans/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg'); font-weight: normal; font-style: normal; }
/* Lato */
@font-face { font-family: 'Lato'; src: url('../fonts/lato/lato-light-webfont.eot'); src: url('../fonts/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light-webfont.woff') format('woff'), url('../fonts/lato/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato/lato-light-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; }

/* Oswald */
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400 normal; src: url('../fonts/oswald/oswald-regular-webfont.eot'); src: url('../fonts/oswald/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald/oswald-regular-webfont.woff') format('woff'), url('../fonts/oswald/oswald-regular-webfont.ttf') format('truetype'), url('../fonts/oswald/oswald-regular-webfont.svg#oswaldregular') format('svg'); }

/* Typography */
h1 { font-family: 'Lato', sans-serif; font-weight: 300; margin-bottom: 10px; margin-top: 0; font-size: 33px; }
h2 { font-family: 'Lato', sans-serif; font-weight: 300; margin-bottom: 10px; margin-top: 0; font-size: 27px; }
h1 small { font-size: 16px; }
.section-title { font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; position: relative; text-align: center; }
.section-title span { font-weight: bold; }
.section-subtitle { font-family: 'Lato', sans-serif; font-weight: 400 !important; text-align: center; padding: 10px 0 15px 0; }
.section-subtitle span { font-weight: bold; }
strong { font-weight: 700; }
a:hover { text-decoration: none; }

.list-inline > li { display: inline-block; padding-left: 0; padding-right: 0; }

::-moz-selection {
color: #fff;
text-shadow: none;
}
::-webkit-selection { color: #fff; text-shadow: none; }
/* Video */
iframe { border: none; }
/***** Buttons *****/
/* .btn */
.btn { transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
.btn:focus, .btn:hover { transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }

.btn-action { padding-top: 0; padding-bottom: 0; }
.btn-icon { position: relative; left: -12px;display: inline-block; padding: 5px 10px 5px 10px; background: rgba(0,0,0,0.15); border-radius: 3px 0 0 3px; }

.btn-action-app { padding-top: 0; padding-bottom: 0; margin-bottom: 10px; }

.btn-icon-app-store { position: relative; left: -12px;display: inline-block; padding: 5px 15px 5px 15px; background: rgba(0,0,0,0.15); border-radius: 3px 0 0 3px; }

.btn-icon-google-play { position: relative; left: -12px;display: inline-block; padding: 5px 5px 5px 5px; background: rgba(0,0,0,0.15); border-radius: 3px 0 0 3px; }

/* .btn-custom-1 */
.btn-custom-1 { background-color: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0.5); color: #ffffff; }
.btn-custom-1:hover, .btn-custom-1:focus, .btn-custom-1:active, .btn-custom-1.active { border: 1px solid rgba(255,255,255,0.5); color: #ffffff; }
.btn-custom-1.disabled:hover, .btn-custom-1.disabled:focus, .btn-custom-1.disabled:active, .btn-custom-1.disabled.active, .btn-custom-1[disabled]:hover, .btn-custom-1[disabled]:focus, .btn-custom-1[disabled]:active, .btn-custom-1[disabled].active, fieldset[disabled] .btn-custom-1:hover, fieldset[disabled] .btn-custom-1:focus, fieldset[disabled] .btn-custom-1:active, fieldset[disabled] .btn-custom-1.active { background-color: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0.5); color: #ffffff; }

/* .btn-custom-2 */
.btn-custom-2 { color: #ffffff; }
.btn-custom-2:hover, .btn-custom-2:focus, .btn-custom-2:active, .btn-custom-2.active { color: #ffffff; }
.btn-custom-2.disabled:hover, .btn-custom-2.disabled:focus, .btn-custom-2.disabled:active, .btn-custom-2.disabled.active, .btn-custom-2[disabled]:hover, .btn-custom-2[disabled]:focus, .btn-custom-2[disabled]:active, .btn-custom-2[disabled].active, fieldset[disabled] .btn-custom-2:hover, fieldset[disabled] .btn-custom-2:focus, fieldset[disabled] .btn-custom-2:active, fieldset[disabled] .btn-custom-2.active { color: #ffffff; }

/* Center elements */
.div-center { text-align: center !important; vertical-align: middle; padding: 10px 0 10px 0; }
.div-center * { margin: 0 auto; }
/* Forms */
.form-control { border: 1px solid rgba(255,255,255,0.5); box-shadow: none !important; }
.form-control:focus { border: 1px solid rgba(255,255,255,1); box-shadow: none !important; }

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

/* Go to top button */
.to-top { position: fixed; z-index: 3000; bottom: 25px; right: 5px; text-decoration: none; color: #000000; background-color: rgba(205, 205, 205, 0.8); padding: 0.7em; display: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.to-top:hover { background-color: rgba(109, 104, 119, 1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.to-top .fa { text-align: center; font-size: 1.3em; color: #ffffff; }

/* Carousel */
/* Previous button  */
.media-carousel { margin-bottom: 0; padding: 0 40px 30px 40px; margin-top: 30px; }
.media-carousel .carousel-control.left { left: -12px; background-image: none; background: none repeat scroll 0 0 #fbfbfb; border: 4px solid #fbfbfb; height: 40px; width : 40px; margin-top: 5px; }
/* Next button  */
.media-carousel .carousel-control.right { right: -12px !important; background-image: none; background: none repeat scroll 0 0 #fbfbfb; border: 4px solid #fbfbfb; height: 40px; width : 40px; margin-top: 5px; }
/* Changes the position of the indicators */
.media-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; }
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li { background: #c0c0c0; }
.media-carousel .carousel-indicators .active { background: #fbfbfb; }
.media-carousel img { margin: 0 0 20px 0; }
.carousel-control { bottom: 0; color: #000; font-size: 60px; left: 0; opacity: 0.6; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0); top: 0; width: 15%; }
.carousel-control:hover, .carousel-control:focus { color: #000; }

/* Carousel fade */
.carousel-control.c-btn { position: relative; height: auto; width: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.carousel-inner .item img { display: inline-block !important; }
.carousel-inner .item { text-align: center !important; }
#carousel_fade_product { margin: 0 auto; padding:20px 5px 0 5px; }
.carousel.carousel-fade .item { -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; opacity: 0; }
.carousel.carousel-fade .active.item { opacity: 1; }
.carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right { left: 0; z-index: 2; opacity: 0; }
.carousel.carousel-fade .next, .carousel.carousel-fade .prev { left: 0; z-index: 1; }
.carousel.carousel-fade .carousel-control { z-index: 3; }
.carousel-indicators-container { padding: 10px; }
.carousel .inactive { position: absolute; display: block; z-index: -1; }
.carousel .inactive.active { position: relative !important; z-index: 0; }
.carousel-indicators { padding: 10px; bottom: 0; }

/* Panel */
.panel {  border-top-left-radius: 4px; border-top-right-radius: 4px; font-weight: 300; font-family: 'PT Sans', 'sans-serif'; }
.panel-group .panel { border-radius: 4px; }
.panel-heading { border-bottom: none; border-top-left-radius: 0; border-top-right-radius: 0; }
.panel-heading a, .panel-heading a:hover, .panel-heading a:focus { text-decoration: none; color: #ffffff; }
.panel-default > .panel-heading { border-top-left-radius: 4px; border-top-right-radius: 4px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
.panel-default > .panel-heading:hover { transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
.panel-heading h3 { font-family: 'Oswald', sans-serif; color: #ffffff; font-size: 1.5em; text-align: center; }

/*
**********************************************
02 Header 
**********************************************
*/
.logo h2 { margin-top:10px; margin-bottom:15px; }
.logo h2 a { font-family: 'Oswald', sans-serif; font-weight: bold; color: #4d4d4d !important; font-size: 1.3em; margin:0; text-decoration: none; }
.phone { margin-right:20px; }
.social-icon { padding-top: 5px; padding-bottom: 5px; margin-top:15px; font-size:1.2em; text-align:right; }
.social-icon ul li a, .social-icon ul li a:link {  color: #525252; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.social-icon ul li a:focus, .social-icon ul li a:hover {  color: #7a7a7a; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.icon-facebook { padding: 5px 0 5px 8px; }
.icon-twitter { padding: 5px 0 5px 8px; }
.icon-google-plus { padding: 5px 0 5px 8px; }
.icon-skype { padding: 5px 0 5px 9px; }

/*
**********************************************
03 Product
**********************************************
*/
#product { color: #ffffff; margin: 0 auto; background: url("../../assets/img/backgrounds/bg-1-1920px.jpg") #292a2b no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.product-background { text-align:center; background: rgba(0,0,0,.5); margin: 0 auto; padding-top:22px; padding-bottom: 40px; -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3) inset; -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3) inset; box-shadow: 0 1px 5px 0 rgba(0,0,0,.3) inset; }
.product-content { padding-top:15px; }
.product-title { margin-top: 0; }
.product-title h1 { font-family: 'Oswald', sans-serif; margin-top:15px; font-size: 48px; font-weight: 400; color: #fff; line-height: 1.5em; text-shadow: 0 1px 7px rgba(0,0,0,.2); }
#product-box { margin-top: 10px; }
#product ul li { text-align: left; padding-bottom: 10px; font-size: 1.2em; }
#video { margin-top: 10px; }
#video iframe { -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.2); box-shadow: 0 1px 5px 0 rgba(0,0,0,.2); }

.info-product-title h1 { font-family: 'Oswald', sans-serif; margin-top:15px; font-size: 48px; font-weight: 400; color: #fff; line-height: 1.5em; text-shadow: 0 1px 7px rgba(0,0,0,.2); }
.info-product-title p { text-align: left !important; }

.form-subscribe { color: #ffffff; padding: 10px 10px 10px 10px; }
.form-subscribe-content { width: 80%; margin: 0 auto; }
.form-subscribe h4 { font-family: 'Oswald', sans-serif; font-size: 2em; text-align: center; color: #ffffff; }
.form-subscribe label { color: #ffffff; font-family: 'Lato', sans-serif; text-align: left; }
.newsletter-info { padding-bottom: 10px; }

p.info-product { text-align: justify; }
.btn-product { margin-top: 20px; }

/*
**********************************************
04 Box Info
**********************************************
*/
#box-info { padding: 50px 0 50px 0; }

/*
**********************************************
05 Testimonials
**********************************************
*/

#testimonials { color: #333333; background: #fbfbfb; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 30px 0 30px 0; }
#testimonials h1 { padding: 30px 0 20px 0; color: #4d4d4d; text-align: center; text-transform: uppercase; }
#testimonials p { margin: 0; padding: 0; font-size: 1.3em; text-align: center; }
.testimonial-name { font-size: 1.3em; color: #444444; }
#testimonials .container { padding-left: 25px; padding-right: 35px; }
#testimonials img { margin-top: 5px; box-shadow: 0 0 5px #eaeaea; }

/*
**********************************************
06 Features
**********************************************
*/
#features { background-color: #f2f2f2; padding: 40px 0 25px 0; }
.panel-default > .panel-heading { transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
.panel-heading h3 { font-family: 'Oswald', sans-serif; color: #ffffff; font-size: 1.5em; text-align: center; }

/*
**********************************************
07 Services 
**********************************************
*/
#services { padding: 50px 0 50px 0; }
.screenshots h2 { font-family: 'Oswald', sans-serif; font-size: 14px; color: #777777; text-transform: uppercase; border-bottom: 1px solid #dddddd; padding-left: 1.2em; padding-top: 20px; padding-bottom:15px; }
.screenshots h2 i { padding-right: 5px; }
.img-screenshots { margin-bottom: 2em; }
.img-screenshots img { opacity: 0.6; transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
.img-screenshots img:focus, .img-screenshots img:hover { opacity: 1; transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; }
.faq-cat-content { margin-top: 10px; }
#faqs-screenshots .panel-title { font-family: 'Oswald', sans-serif; }
.faq-cat-tabs li a { font-family: 'Oswald', sans-serif; padding: 15px 10px 15px 10px; background-color: #ffffff; border: 1px solid #eeeeee; color: #777777; }
.faq-cat-tabs li i { padding-right: 5px; }
.faq-cat-content .panel-heading:hover { color: #ffffff; }
.panel-faq .panel-heading .panel-title span { font-size: 13px; font-weight: normal; }

/*
**********************************************
08 Purchase
**********************************************
*/
#purchase { background: url("../../assets/img/backgrounds/bg-2-1920px.jpg") #272324 no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #ffffff; padding: 30px 0 30px 0; text-align: center; }
#purchase h1 { font-family: 'Oswald', sans-serif; line-height: 1.5em; padding: 15px 0 5px 0; }
#purchase .btn { margin-top: 15px; margin-bottom:20px; }

/*
**********************************************
09 Pricing
**********************************************
*/
#pricing-table { font-family: 'PT Sans', 'sans-serif'; padding: 50px 5px 40px 5px; background: #fbfbfb; border-bottom: 1px solid #efefef; }
#pricing-table h3 { padding-bottom:30px; }
#pricing-table .panel { border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#pricing-table .panel-heading { color: #ffffff; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
#pricing-table .panel-body { padding: 20px 5px 0 5px; }
#pricing-table .panel-heading.popular { border-top-left-radius: 1px; border-top-right-radius: 1px; }
#info-pricing { padding: 30px 5px 30px 5px; }
#info-pricing .btn { margin-top: 10px; }
#features-pricing { font-family: 'PT Sans', 'sans-serif'; font-weight: 400; background: #433c4c; color: #ffffff; padding: 30px 5px 30px 5px; }
#features-pricing h5 { font-weight: 400; font-size: 1.2em; }
.feature-pricing-box { border-right: 2px solid #4f4659; }

/*
**********************************************
10 Coming Soon
**********************************************
*/
.timer-container { margin: 0 24px; display: inline-block; padding: 20px 12px 0px 12px; text-align: center; width: 130px; border-bottom: 2px solid rgba(255, 255, 255, 1); }
.timer-container h1 { font-size: 48px; margin-top: 5px; margin-bottom: 0px; font-family: 'Lato', sans-serif; color: #ffffff; }
.timer-container p { margin-top: 0px; padding-top: 0; text-align: center !important; }

.form-subscribe-coming-soon { color: #ffffff; padding: 20px 10px 10px 10px; margin-top: 40px; }
.form-subscribe-content-coming-soon { width: 80%; margin: 0 auto; }
.form-subscribe-coming-soon h4 { font-family: 'Lato', sans-serif; font-size: 2em; padding-bottom: 15px; text-align: center; color: #ffffff; }
.form-subscribe-coming-soon .form-group { margin-bottom: 0; }
.form-subscribe-coming-soon input { margin-bottom: 10px; }

/*
**********************************************
11 Brands
**********************************************
*/
#brands { margin-top: 20px; text-align: center; padding:10px 0 25px 0; background:#ffffff; }
.brands-container { text-align: center; }
.brands-container a { display: inline-block; width: 185px; height: 77px; margin: 5px; background: #f8f8f8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; }
#brands img { width: 100%; }
.brands-container a.brands-google { background-image: url(../img/clients/google.png); }
.brands-container a.brands-google:hover { background-image: url(../img/clients/google-hover.png); }
.brands-container a.brands-youtube { background-image: url(../img/clients/youtube.png); }
.brands-container a.brands-youtube:hover { background-image: url(../img/clients/youtube-hover.png); }
.brands-container a.brands-flickr { background-image: url(../img/clients/flickr.png); }
.brands-container a.brands-flickr:hover { background-image: url(../img/clients/flickr-hover.png); }

/*
**********************************************
12 Footer
**********************************************
*/
footer { padding: 10px 0 10px 0; background-color: #333333; color: #cfcfcf; }
.items-footer { padding: 0 0 30px 0; }
.items-footer p { font-size: 1em; }
footer h3 { font-size: 1.5em; padding-bottom: 15px; border-bottom: 1px solid #4f4f4f; }
footer h4 { font-weight: bold; }
footer ul li a, footer ul li a:link { color: #cfcfcf; font-family: 'Lato', sans-serif; }
.items-footer ul li span.connect i { width:20px !important; }
.items-footer ul li span i { text-align:center; font-size:1.3em; }
footer ul li a:focus, footer ul li a:hover { color: #ffffff; text-decoration: none !important; }
.copyright { padding-top: 10px; border-top: 1px solid #4f4f4f; }
.copyright-text p { padding-top: 10px; padding-bottom:5px; text-align: center; }
.copyright ul li { margin-top: 10px; }

.copyright a, .copyright a:link { color: #cfcfcf; }
.copyright a:focus, .copyright a:hover { color: #ffffff; text-decoration: none !important; }

.copyright-designed-by { padding-top: 0; }
.copyright-designed-by a, .copyright-designed-by a:link { color: #cfcfcf; }
.copyright-designed-by a:focus, .copyright-designed-by a:hover { color: #ffffff; text-decoration: none !important; }

/* Contact form */
.contact-form { padding-top: 5px; }
.contact-form .form-control { margin-bottom: 7px; background-color:#525252; color:#ffffff; border: 1px solid rgba(74,74,74,1); }
.contact-form .form-control:focus { border: 1px solid rgba(74,74,74,1); background-color:#4a4a4a; box-shadow: none !important; }
#send-contact { margin-top: 10px; font-size:1em; opacity:0.7; }
#send-contact:hover { opacity:1; }