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

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

01 General Styles
02 Testimonials
03 Brands
04 Footer

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

/*
**********************************************
01 General Styles 
**********************************************
*/
body { font-family: Verdana, Geneva, sans-serif; }
/* Grid */
#main_container { padding: 0; width: 100%; background-color: #3d3d3d; }
.row { margin-right: 0; margin-left: 0; }
/* Fonts */
@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; }
@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; }
/* Video */
iframe { border: none; }
/* Buttons */
.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; }
/* 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-radius: 0; 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; }

/*
**********************************************
02 Testimonials
**********************************************
*/
#testimonials { color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 1.5em; background: #3d3d3d; }
#testimonials p { margin: 0; padding: 0; }
.media-carousel { margin-bottom: 0; padding: 0 40px 30px 40px; margin-top: 30px; }
#testimonials .container { padding-left: 25px; padding-right: 35px; }
/* Previous button  */
.media-carousel .carousel-control.left { left: -12px; background-image: none; background: none repeat scroll 0 0 #222222; border: 4px solid #FFFFFF; border-radius: 23px 23px 23px 23px; height: 40px; width : 40px; margin-top: 30px }
/* Next button  */
.media-carousel .carousel-control.right { right: -12px !important; background-image: none; background: none repeat scroll 0 0 #222222; border: 4px solid #FFFFFF; border-radius: 23px 23px 23px 23px; height: 40px; width : 40px; margin-top: 30px }
/* 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: #333333; }
.media-carousel img { float: left; margin: 0 10px 10px 0; text-align: left; }

/*
**********************************************
03 Brands
**********************************************
*/
#brands { padding: 20px 0 10px 0; }
#brands p { text-align:center; }
#brands img { opacity: 0.5; margin:0 auto; }
#brands img:focus, #brands img:hover { opacity: 1; }
.item-customer img { opacity: 0; }
.item-customer img {
opacity: 1.0;
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.item-customer img:hover, .item-customer img:focus {
opacity: 1.0;
-webkit-filter: grayscale(0%);
}

/*
**********************************************
04 Footer
**********************************************
*/
footer { padding: 10px 0 10px 0; background-color: #333333; color: #f6a20e; }
.items-footer { padding: 0 0 10px 0; }
.items-footer p { font-family: 'Lato', sans-serif; font-size: 1em; }
footer h3 { font-family: 'Oswald', sans-serif; font-size: 1.5em; padding-bottom: 15px; border-bottom: 1px solid #4f4f4f; }
footer h4 { font-family: 'Lato', sans-serif; font-weight: bold; }
footer ul li a, footer ul li a:link { color: #cfcfcf; font-family: 'Lato', sans-serif; }
footer ul li a:focus, footer ul li a:hover { color: #ffffff; text-decoration: none !important; }
.copyright { padding-top: 10px; }
.copyright-text p { margin-top: 27px; text-align: right; }
.copyright ul li { margin-top: 10px; }
.copyright a, .copyright a:link { color: #f6a20e; }
.copyright a:focus, .copyright a:hover { color: #ffffff; text-decoration: none !important; }
.social-icon { padding-top: 5px; padding-bottom: 5px; font-size:2em; }
.social-icon ul li a, .social-icon ul li a:link {  color: #cfcfcf; }
.social-icon ul li a:focus, .social-icon ul li a:hover {  color: #ffffff; }
.icon-facebook { padding: 5px 12px 5px 12px; }
.icon-twitter { padding: 5px 8px 5px 8px; }
.icon-google-plus { padding: 5px 8px 5px 8px; }
.icon-skype { padding: 5px 9px 5px 9px; }
