/* ==========================================================================
Template Name 	: 	SHARV
Author				: 	Simplesphere - Anoop Jeewoolall
Theme Url 			: 	http://websites.simplesphere.net/sharv/
Description		: 	SHARV Landing Page
Website				: 	https://wrapbootstrap.com/user/simplesphere
Date					: 	04 July 2015
========================================================================== */ 

/* ==========================================================================
Table of contents :

1.) 	HTML5 display-role reset for older browsers
2.) 	Basic Styling
3.) 	No margin hack
4.) 	Classes
5.) 	Buttons
6.) 	Color Customizations
7.) 	Backgrounds
8.)	Optins
9.)	Line Font
10.)	Headline
11.)	 Navigation
12.)	Logo
13.)	Banner
14.)	Lists
15.)	Reviews
16.)	Video Container
17.)	Feature Block
18.)	Pricing
19.)	FAQ
20.) Team Details
21.)	Testimonial Carousel 
22.)	Social Links
23.)	Footer
24.) Scroll To Top
25.) Loader
26.)	Media Queries

========================================================================== */ 

/* ==========================================================================
HTML5 display-role reset for older browsers
========================================================================== */ 
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;
font-size: 100%; font-family: inherit;  vertical-align: baseline; zoom: 1;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
* {box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* ==========================================================================
Basic Styling
========================================================================== */ 
body { font-size: 16px; line-height: 26px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #888; letter-spacing: normal; -webkit-font-smoothing: antialiased!important; font-smoothing: antialiased!important; background-color: #FFF; height: 100%!important; }

h1, h2, h3, h4, h5, h6 {font-family: "Montserrat", Lucida Sans Unicode,Arial,sans-serif; font-weight: normal; position: relative; color: #1d1d1d; letter-spacing: -0.5px;}
h1, h2, h3, h4, h5, h6 { margin-top: 0;  margin-bottom: 10px; padding-top: 0;  position: relative;}

h1 {font-size: 38px;}
h2 {font-size: 28px; line-height: 38px; font-weight: 700; color: #444; letter-spacing: 0;}
h3 {font-size: 24px; line-height: 34px;  }
h4 {font-size: 16px; line-height: 26px; }
h5 {font-size: 13px; line-height: 27px; text-transform: uppercase; letter-spacing: 0; padding-bottom: 10px; margin-bottom: 15px;}
h5:after { content: ""; position: absolute; top: 100%; width: 50px; height: 2px; background-color: #DDD; left: 0; margin: 0 auto;}
h6 {font-size: 14px; line-height: 25px;}

p { margin-bottom: 20px;}

a, button {-webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; color: #3598dc;}
a:hover, a:focus { text-decoration: none; color: #007DA0; outline: none; } 

ul { margin: 0; padding: 0; list-style: none;}

::-moz-selection { text-shadow: none; background: #4D82B9 ; color: #FFF;}
::selection { text-shadow: none; background: #4D82B9 ; color: #FFF; }

img::selection { background: 0 0;}
img::-moz-selection { background: 0 0;}

hr {margin-top: 40px; margin-bottom: 40px; border-top: 1px solid rgba(0,0,0,0.03);}
body { webkit-tap-highlight-color: rgba(255,255,255,.2);}

form {margin-bottom: 0;}

button {padding: 10px 14px; border-radius: 0; font-family: Montserrat,sans-serif; font-size: 11px; letter-spacing: .05em;text-transform: uppercase;}
iframe {width: 100%;}

/* ==========================================================================
No margin hack
========================================================================== */ 
.row.no-gutters { margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0;}

/* ==========================================================================
Classes
========================================================================== */ 
.section {padding: 100px 0; position: relative;}

.margintop-10 {margin-top: 10px;}

.paddingbottom-60 {padding-bottom: 60px;}
.paddingbottom-150 {padding-bottom: 150px;}
.padding-150 {padding: 150px 0;}
.padding-120 {padding: 120px 0;}

.nopadding-bottom {padding-bottom: 0!important;}
.nopadding-top {padding-top: 0!important;}

.border-top {border-top: 1px solid #EFEFEF;}
.border-bottom {border-bottom: 1px solid #EFEFEF;}

.text-border {border-bottom: 2px solid #DDD;}

.text-center {text-align: center;}
.text-center img {display: block; margin: 0 auto;}

.bg-overlay { background-color: rgba(0,0,0, 0.7); position: absolute; top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 100%;}

.capitalize {text-transform: capitalize!important;}
.italic {font-style: italic;}
.crimson-text {font-family: "Crimson Text", Georgia, "Lato";}
.left-align {text-align: left!important;}

.font18 {font-size: 18px;}

/* ==========================================================================
Buttons
========================================================================== */ 
.btn-blue { font-size: 13px; font-family: "Montserrat", sans-serif; letter-spacing: 1px; margin: 20px 0px; padding: 10px 20px; border: 2px solid #3598dc; color: #3598dc; font-weight: normal; background-color: transparent;}
.btn-blue:hover {background-color: #3598dc; color: #FFF;}

.btn-black {background: #030303!important; border-color: #000;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {background-color: #000; color: #FFF; border-color: rgba(0,0,0,0.7);}

/* ==========================================================================
Color Customizations
========================================================================== */
.bg-grey {background-color: #F7F8FA;}
.bg-blue {background-color: #4D82B9 ; }
.bg-dark {background-color: #1d1d1d;}

.white-text,
.white-text p,
.white-text h4,
.white-text h3,
.white-text h2,
.white-text h1,
.white-text li {color: #FFF!important;}

/* ==========================================================================
Backgrounds
========================================================================== */ 
.stripe {background-image:url(../img/stripe.png);}
.cartographer {background-image:url(../img/cartographer.png);}

.bg-book {background: url(../img/bg-book.jpg) no-repeat center bottom; background-size: cover;  background-attachment: fixed;}
.bg-bokeh {background: url(../img/bg-bokeh.jpg) no-repeat center bottom; background-size: cover;  background-attachment: fixed;}

/* ==========================================================================
Gallery
========================================================================== */ 
.img-hover {display: inline-block; overflow: hidden; position: relative;}
.img-overlay { background-color: rgba(53, 152, 220,0.75); top: 0; box-sizing: border-box; height: 100%; left: 0; padding: 1em; position: absolute; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; width: 100%; text-align: center; padding-top: 25%;}
.img-overlay h4 { font-size: 12px; letter-spacing: 5px; text-transform: uppercase; font-weight: 400;}
.img-overlay a {border: 2px solid #FFF; background: transparent; text-transform: uppercase; letter-spacing: 3px; padding: 3px 20px; margin-top: 10px; color: #FFF; font-size: 12px;} 
.img-overlay a:hover {background: #FFF; border-color: #FFF; color: #222;}

.img-hover .img-overlay { -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0);}
.img-hover:hover .img-overlay { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); cursor: pointer;}

/* ==========================================================================
Optins
========================================================================== */ 
.input-group-btn > .btn {border-radius: 0;}
.form-control {font-size: 16px;}

.banner-form {padding: 30px 0;}
.banner-form h4 {margin-bottom: 0;}
.banner-form input[type="text"], 
.banner-form input[type="email"] { color: #333; border: none; outline: none; width: 100%; padding: 15px 20px; display: block; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; border-radius: 0; height: auto; background: #FFF;}
.banner-form button { text-align: center; color: #fff; padding: 16px 0; background: #1a1a1a; border: none; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; font-weight: bold; border-radius: 0; width: 100%; display: block; font-family: "Montserrat";}
.banner-form button i { color: #fff; font-size: 24px;}
.banner-form button:hover{background: #090C0F; color: #FFF;}
.banner-form .form-group {margin-bottom: 0;}
.banner-form .input-group-addon {border-radius: 0; font-size: 20px; font-weight: bold;}

.bottom-form button { padding: 15px 20px; margin: 0 auto;}
.bottom-form button:hover { background: #090C0F;}
.bottom-form .form-control {padding: 23px 20px; }
.bottom-form .input-group { margin: 0 auto;}
.bottom-form .form-control,
.bottom-form button { background: #fff; min-height: 60px; font-size: 14px; border-radius: 0; font-family: "Montserrat";}
.bottom-form button {font-size: 13px;}
.bottom-form button { line-height: 26px; padding: 15px 25px; background: #3598dc; color: #FFF;  border-radius: 0 3px 3px 0; border: none;  transition: all 0.2s ease-out;  font-family: "Montserrat";}
.bottom-form button:hover { background: #000; color: #FFF;}


.banner-content .vertical-form {background: rgba(0,0,0,0.8); -webkit-box-shadow:0 0 10px rgba(0,0,0,.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2); padding: 25px; padding-bottom: 15px; border-bottom: 4px solid rgba(0,0,0,0.8);}
.banner-content .vertical-form h3 {background: rgba(0,0,0,0.6); margin:-25px; margin-bottom: 20px; padding: 20px; color: #f5f5f5; font-size: 24px; font-weight: normal; text-align: center; text-transform: capitalize; font-family: "Montserrat";}
.banner-content .vertical-form h3 strong {font-size: 28px; font-weight: bold; color: #FFF;}
.banner-content .vertical-form input{color: #333; border: none; outline: none; width: 100%; padding: 15px 20px; display: block; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; border-radius: 0; height: auto; background: #FFF; margin-bottom: 20px; background: rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.2); border-left: 2px solid #3598dc;}
.banner-content .vertical-form button { padding: 15px 20px; margin: 0 auto; border-radius: 0; display: block; background: #3598dc; border-width: 2px; color: #FFF; border-color: transparent; width: 100%;}
.banner-content .vertical-form button:hover { background: #090C0F; background: transparent; border-color: #FFF;}

/* ==========================================================================
Line Font
========================================================================== */ 
.font-icon {font-size: 70px; color: #3598dc; display: block; margin-bottom: 5px; }

/* ==========================================================================
Headline
========================================================================== */ 
.title {margin-bottom: 80px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.03); text-align: center; position: relative;}
.title:after {display:inline-block; text-align:center; font-family: Ionicons; content:"\f123"; position:absolute; right: 0; left: 0; margin:0 auto; font-size: 10px; margin-top: 5px; height: 30px; width: 30px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.03); background: #FFF; line-height: 30px;}
.title p {font-family: "Crimson Text", serif; font-size: 18px; font-style: italic; color: #666;}
.title h2 {text-transform: uppercase;}
.title h1 {letter-spacing: -2px;}
.title h1 strong {text-transform: capitalize}

.white-text.title {border-bottom:1px solid rgba(255,255,255,0.1);}
.white-text.title:after {background: rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.1);}

/* ==========================================================================
 Navigation
========================================================================== */ 
.navbar-inverse { margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; border: none; background-color: rgba(0,0,0,0.4); padding: 10px 0; box-shadow: 0 1px rgba(255,255,255,0.1);}
.navbar-inverse .navbar-nav > li {padding: 15px 15px;}
.navbar-inverse .navbar-nav > li > a { color: #CCC; display: block; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; text-transform: uppercase; font-size: 12px; font-family: "Montserrat", "Montserrat", Lucida Sans Unicode; padding: 0; display: inline-block; line-height: normal; }

.navbar-inverse .navbar-nav > li > a, 
.navbar-inverse .navbar-nav > li {-webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear;}

.navbar-toggle { padding: 4px 6px; font-size: 16px; color: #fff;}
.navbar-toggle:focus,
.navbar-toggle:active { outline: 0;}

.navbar-inverse .navbar-toggle {border: 1px solid #3598dc; border-radius: 50%; height: 40px; width: 40px; line-height: 40px; margin-right: 20px;}
.navbar-toggle .icon-bar {width: 18px; height: 2px; border-radius: 0;}

.navbar-inverse .navbar-toggle:hover {background: #000;}

.navbar-nav {margin: 0;}
.scroll-fixed-navbar {padding-bottom:0;}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {background-color: transparent;}
.navbar > .container .navbar-brand {margin-left: 0;}
.navbar-brand { height:auto;}

.scroll-fixed-navbar {padding:  5px 0; background: rgba(0,0,0,0.9); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);}

.scroll-fixed-navbar .navbar-nav > li > a {}
.scroll-fixed-navbar .navbar-nav > li > a:hover, 
.scroll-fixed-navbar .navbar-nav > li.active > a,
.scroll-fixed-navbar .navbar-nav > li.active > a:hover {color: #FFF;  }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {color: #FFF; }

.navbar-toggle { position: relative; float: right; background-color: transparent; padding: 10px; margin: 13px 30px 13px 0; margin-right:0; border: none; color: #fff; border: 2px solid #fff;}
.navbar-toggle .icon-bar { background-color: #fff;}

.navbar-inverse .navbar-collapse, 
.navbar-inverse .navbar-form {border-color: rgba(0,0,0,0.1);}

.nav li a:after {display: block; content: ''; padding-bottom: 5px; border-bottom: solid 2px #555; -webkit-transform: scaleX(0.0001); -ms-transform: scaleX(0.0001); transform: scaleX(0.0001); -webkit-transition: -webkit-transform 350ms ease-in-out; transition: transform 350ms ease-in-out; margin-bottom: -2px;}
.nav li a:hover:after {-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

.nav li.active a {border-bottom: solid 2px #555; }

/* ==========================================================================
Logo
======================================================.==================== */ 
.navbar-inverse .navbar-brand  {color: #FFF; font-family: "Montserrat"; font-size: 30px; margin-top: 15px; padding: 0; letter-spacing: 0.05px;}
.scroll-fixed-navbar.navbar-inverse .navbar-brand {color: #FFF;}
.text-logo i {margin-right: 10px; font-size: 30px;}

/* ==========================================================================
Banner
========================================================================== */ 
.banner-content { clear: both; padding-top: 45px; padding-bottom: 20px; text-align: center; height: 100%; position: relative;}
.banner-content h1 {font-weight: 700; text-transform: uppercase; margin-bottom: 15px; font-size: 52px; line-height: 72px; color: #FFF;}
.banner-content h1 span {font-family: "Crimson Text", Georgia; font-style: italic; text-transform: none; letter-spacing: 0; font-size: 48px; font-weight: normal; border-bottom: double #FFF;}
.banner-content h3 {font-family: "Crimson Text", Georgia; font-size: 28px; color: #CCC; margin: 20px 0;}
.banner-content h4 {font-family: "Crimson Text", Georgia; font-size: 20px; color: #CCC; font-style: italic;}
.banner-content p {color: rgba(255,255,255, 0.8);}
.banner-content .video-container iframe {height: 360px;}
.banner-content .video-container2 iframe {height: 410px;}

.banner-content .buttons-group {margin-top: 30px;}
.banner-content .buttons-group a {padding: 15px 25px; border-radius: 0; font-family: Montserrat,sans-serif; font-size: 14px; letter-spacing: .05em;text-transform: uppercase; background: transparent; margin-right: 10px; margin-top: 20px; color: #FFF;}

.banner-list {margin-bottom: 20px;}
.banner-list li {color: rgba(255,255,255, 0.8); margin-bottom: 10px; position: relative; padding-left: 40px; border-bottom:1px solid rgba(255,255,255,0.05); padding-bottom: 10px;}
.banner-list li:before {display:inline-block; text-align:center; font-family: Ionicons; content:"\f383"; position:absolute; left: 0; top: 4px; font-size: 14px; transition:all 0.3s ease-in; transition:all 0.3s ease-in;  transition:all 0.3s ease-in; color: #f8f8f8; height: 25px; width: 25px; border-radius: 50%; line-height: 25px; background: #f7941d;  border: 1px solid rgba(0,0,0,0.2);}
.banner-list li:last-child {border-bottom: none;}
.banner-list li i { margin-right: 10px; color:#0090D9;}

/* ==========================================================================
Lists
========================================================================== */ 
.list-blue {margin-bottom: 20px;}
.list-blue li {margin-bottom: 10px; position: relative; padding-left: 40px; border-bottom:1px solid rgba(0,0,0,0.05); padding-bottom: 10px;}
.list-blue li:last-child {border-bottom: none;}
.list-blue li:before {display:inline-block; text-align:center; font-family: Ionicons; content:"\f383"; position:absolute; left: 0; top: 4px; font-size: 14px; transition:all 0.3s ease-in; transition:all 0.3s ease-in;  transition:all 0.3s ease-in; color: #f8f8f8; height: 25px; width: 25px; border-radius: 50%; line-height: 25px; background: #3598dc;  border: 1px solid rgba(0,0,0,0.2);}
.list-blue li i { margin-right: 10px; color:#4D82B9 ;}

.list-blue-arrow {list-style: none; margin-bottom: 15px;}
.list-blue-arrow li {position: relative; padding-left: 35px; margin-bottom: 10px;}
.list-blue-arrow li:before {display:inline-block; text-align:center; font-family: Ionicons; content:"\f120"; position:absolute; left:0; transition:all 0.3s ease-in; color: #8FB73C; font-size: 24px;}

/* ==========================================================================
Reviews
========================================================================== */ 
.review-text {position: relative; margin-bottom: 20px; padding: 15px; border-radius: 4px; background: #f5f5f5; color: #9a9a9a;}
.review-text:after {position: absolute; display: block; bottom: -20px; left: 40px; width: 0; height: 0; border-width: 10px 10px; border-color: #f5f5f5 transparent transparent transparent; border-style: solid; content: "";}
.review-text p {margin-bottom: 0;}

.review-meta {position: relative; padding-left: 75px;}
.review-meta img {position: absolute; left: 0; width: 60px; height: 60px; border-radius: 50%;}
.review-meta h4 {margin-bottom: 0; font-size: 16px;}
.review-meta p {margin-bottom: 0;}

/* ==========================================================================
Video Container
============================================================================ */
.video-container { position:relative;}
.video-container iframe{ width:100%; height: 430px; border:none;}

/* ==========================================================================
Feature Block
========================================================================== */ 
.intro-feature {margin-bottom: 30px;}
.feature {margin-bottom: 50px;}

/* ==========================================================================
Pricing
========================================================================== */ 
.pricing-wrapper {}
.pricing-table { border:1px solid rgba(0,0,0,0.05); background: #FFF; transition: all 0.25s ease; padding: 30px; border-top: 3px solid #1a1a1a;  margin-bottom: 30px;}
.pricing-table:hover { cursor: pointer;}
.pricing-title { padding: 15px 0; font-size: 14px;text-align: center; margin-bottom:0; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}
.pricing-table .price {font-size: 52px; text-align: center; padding: 35px 0; font-weight: bold; border-top: double #F2F2F2; border-bottom: double #F2F2F2; display: block;}
.pricing-table .price sup { font-size: 14px;  margin-top: -10px}

.table-list { background: #FFF;}
.table-list li {padding: 14px 10px; border-bottom: 1px solid #f8f8f8; font-family: "Crimson Text"; font-style: italic; text-align: center;}
.table-list li:last-child {border-bottom: none; margin-bottom: 10px;}
.table-list del {color: #D0D0D0;}
.table-buy {display: block; padding:15px 0;}
.table-buy a {color: #FFF; background: #1a1a1a; padding: 10px; display: block; width: 100%; margin:0 auto; text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; border: 1px solid #1a1a1a;}
.table-buy a:hover { background: #FFF; color: #1a1a1a;}

.price-label {font-weight: bold; font-style: normal; font-family: "Montserrat"; margin-left: 5px;}

/* ==========================================================================
FAQ
 ========================================================================== */
.faq-body { display: block; margin-bottom: 40px; padding-left: 60px; position: relative; padding-right: 20px;} 
.faq-body i {font-size: 46px; position: absolute; left: 0; color: #3598dc;}
.faq-body h4 {font-size: 16px; }
.answer p { font-family: "Crimson Text"; font-style: italic; font-size: 17px;}

/* ==========================================================================
Team Details
========================================================================== */ 
.team-details {overflow: hidden; background: rgba(0,0,0,0.7); text-align: center; border: 1px solid rgba(255,255,255,0.05);  text-align: center; margin-bottom: 30px;}
	.team-details:last-child{border-right: none;}
.team-details img {display: block; width: 100%;}
.team-details h4 {color: #3598dc; border-bottom: 3px solid rgba(255,255,255,0.1); display: inline-block; padding-bottom: 5px;}
.team-details span {display: block; margin-bottom: 15px; font-family: 'Crimson Text'; font-style: italic;}

.team-img-hover { position: relative; display: inline-block; max-width: 100%; overflow: hidden; width: 100%;}
.team-img-hover .overlay-hover { width: 100%; height: 100%; display: block; background: transparent; position: absolute; top: 0; color: #fff; text-align: center; line-height: 100%; -webkit-transition: all .5s; transition: all .5s;}
.team-img-hover ul { bottom: -25%; margin: 0 auto; position: absolute; left: 0; right: 0; -webkit-transition: all .5s; transition: all .5s; width: 100%; background: rgba(0,0,0,0.85); padding: 15px 0;}
.team-img-hover ul li i {line-height: 40px; height: 35px; width: 35px; margin: 0; margin-left: 5px; font-size: 18px;}
.team-img-hover ul li i:hover {background: #000;}
.team-img-hover:hover .overlay-hover { background: transparent; cursor: pointer;} /* Insert background color if overlay needs a background-color */
.team-img-hover:hover ul { bottom: 0; color: #fff;}
.team-img-hover .overlay-hover .social li i {background: transparent!important; border: 2px solid rgba(255,255,255,0.8); border-radius: 0; font-size: 18px; line-height: 31px;}

/* ==========================================================================
Testimonial Carousel 
 ========================================================================== */
#quote-carousel {}
#quote-carousel i {text-align: center; font-size: 30px; display: block; margin: 0 auto; margin-bottom: 20px;}
#quote-carousel .carousel-control {background: none; color: #CACACA; text-shadow: none; margin-top: 20px;}
#quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: -100px; margin-right: -19px;}
#quote-carousel .carousel-indicators li { width: 60px; height: 60px; margin: 5px; cursor: pointer; border: 3px solid #CCC; border-radius: 50%; opacity: 0.4; overflow: hidden; transition: all 0.4s;}
#quote-carousel .carousel-indicators .active { width: 70px; height: 70px; border-radius: 100%; border-color: #3598dc; opacity: 1; overflow: hidden;}
#quote-carousel .carousel-inner {}
#quote-carousel .item blockquote { border-left: none; margin: 0; font-family: "Crimson Text", "Georgia"; font-size: 22px; line-height: 30px;}
#quote-carousel .item small {font-weight: bold;}

/* ==========================================================================
Social Links
 ========================================================================== */
.social { margin: 0 0 50px 0; text-align: center;}
.social li { display: inline-block; }
.social li i {font-size: 22px; color: #fff; border-radius: 3px; background: #ddd; margin: 5px; width: 45px; height: 45px; line-height: 45px; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.social li .icon:hover { background: #1a1a1a;}

.social .ion-social-twitter-outline { background: #00aced; }
.social .ion-social-facebook { background: #3b5998; }
.social .ion-social-dribbble-outline { background: #ea4c89; }
.social .ion-social-googleplus-outline { background: #dd4b39; }
.social .ion-social-linkedin-outline { background: #007bb6; }
.social .ion-social-instagram-outline { background: #517fa4; }
.social .ion-social-pinterest-outline { background: #cb2027; }

/* ==========================================================================
Footer
 ========================================================================== */
.footer-top {background-color: #1b1b1b; padding: 60px 0;}
.footer-sub {background-color: #171717; padding-top: 20px; padding-bottom: 10px;}

.footer h3 {color: #FFF; font-weight: bold; font-size: 17px; margin-bottom: 5px;}
.footer p,
.footer a {color: #ADADAD; margin-bottom: 10px;}
	.footer a:hover {color: #FFF;}
.footer li {padding: 3px 0;}
.footer i {color: #f8f8f8;}

.copyright {float: right;}
.copyright i {color: #FF3D7F; margin:0 5px;}

.quick-links li { padding-left:15px; position:relative;}
.quick-links li:before {display:inline-block; text-align:center; font-family: Ionicons; content:"\f125"; position:absolute; left:0px; top:4px; font-size: 10px; transition:all 0.3s ease-in; color: #f8f8f8;}
.quick-links .label {margin-left: 10px;}

.footer-sub {font-family: "Montserrat", "Lato"; font-size: 12px; text-transform: uppercase; font-weight: 300; letter-spacing: 0.1px}
.footer-sub a {color: #FFF;}

/* ==========================================================================
Scroll To Top
 ========================================================================== */
a.scroll-up { display: none; position: fixed; right: 10px; bottom: 10px; padding: 0 10px; border:1px solid #090C0F; text-align: center;  transition: all 150ms ease-in; -webkit-backface-visibility: hidden;}
a.scroll-up i {color: #090C0F; font-size: 13px; line-height: normal;}
a.scroll-up:hover, 
a.scroll-up:focus { background: #000; color: #FFF;}
a.scroll-up:hover i { color: #FFF;}
 

/* ==========================================================================
Loader
 ========================================================================== */
.loader{ background-color: rgba(0,0,0,0.95); height: 100%; width: 100%; position: fixed; z-index: 999; margin-top: 0px; top: 0px;}
.loader-centered { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px;}
.object{ width: 50px; height: 50px; background-color: rgba(255,255,255,0); margin-right: auto; margin-left: auto; border: 4px solid #FFF; left: 73px; top: 73px; position: absolute;}

.square-one {-webkit-animation: first_object_animate 1s infinite ease-in-out; animation: first_object_animate 1s infinite ease-in-out;} 
.square-two {-webkit-animation: second_object 1s forwards, second_object_animate 1s infinite ease-in-out; animation: second_object 1s forwards, second_object_animate 1s infinite ease-in-out; }	
.square-three {-webkit-animation: third_object 1s forwards, third_object_animate 1s infinite ease-in-out; animation: third_object 1s forwards, third_object_animate 1s infinite ease-in-out; }	   

@-webkit-keyframes second_object {
	100% { width: 100px; height:100px; left: 48px; top: 48px; }
}		
@keyframes second_object {
	100% { width: 100px; height:100px; left: 48px; top: 48px; }
}
@-webkit-keyframes third_object {
	100% { width: 150px; height:150px; left: 23px; top: 23px;}
}		
@keyframes third_object {
	100% { width: 150px; height:150px; left: 23px; top: 23px;}
}

@-webkit-keyframes first_object_animate {
  0% { -webkit-transform: perspective(100px); }
  50% { -webkit-transform: perspective(100px) rotateY(-180deg); }
  100% { -webkit-transform: perspective(100px) rotateY(-180deg) rotateX(-180deg); }
}

@keyframes first_object_animate {
	0% { 
		transform: perspective(100px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg); 
	} 50% { 
		transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
		-webkit-transform: perspective(100px) rotateX(-180deg) rotateY(0deg) ;
	} 100% { 
		transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
		-webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
	}
}

@-webkit-keyframes second_object_animate {
	0% { -webkit-transform: perspective(200px); }
	50% { -webkit-transform: perspective(200px) rotateY(180deg); }
	100% { -webkit-transform: perspective(200px) rotateY(180deg) rotateX(180deg); }
}	


@keyframes second_object_animate {
	0% { 
		transform: perspective(200px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg); 
	} 50% { 
		transform: perspective(200px) rotateX(180deg) rotateY(0deg);
		-webkit-transform: perspective(200px) rotateX(180deg) rotateY(0deg) ;
	} 100% { 
		transform: perspective(200px) rotateX(180deg) rotateY(180deg);
		-webkit-transform: perspective(200px) rotateX(180deg) rotateY(180deg);
	}
}

@-webkit-keyframes third_object_animate {
	0% { -webkit-transform: perspective(300px); }
	50% { -webkit-transform: perspective(300px) rotateY(-180deg); }
	100% { -webkit-transform: perspective(300px) rotateY(-180deg) rotateX(-180deg); }
}

@keyframes third_object_animate {
	0% { 
		transform: perspective(300px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(300px) rotateX(0deg) rotateY(0deg); 
	} 50% { 
		transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
		-webkit-transform: perspective(300px) rotateX(-180deg) rotateY(0deg) ;
	} 100% { 
		transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
		-webkit-transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
	}
}

 
/* ==========================================================================
Media Queries
 ========================================================================== */
 
/* ------ Tablet Portrait size to standard 960 (devices and browsers) ------*/
@media only screen and (max-width: 959px) {


}

@media only screen and (min-width: 480px) and (max-width: 991px) {
	.navbar-inverse .navbar-nav > li {padding: 15px 12px;}
}

/* ------ Mobile Landscape Size to Tablet Portrait (devices and browsers) ------*/
@media only screen and (max-width: 767px) {
	.section {padding: 80px 0;}
	
	h1 {font-size: 28px; line-height: 38px;}
	.navbar > .container .navbar-brand {margin-left: 20px; margin-top: 20px;}
	.navbar-inverse .navbar-nav > li {border-bottom: 1px solid rgba(255,255,255,0.2);}
	.navbar-inverse .navbar-nav > li:last-child {border: none;}
	.video-container {margin-bottom: 10px;}
	.scroll-fixed-navbar {background: rgba(0,0,0,0.95);}
	.contact-list, 
	.quick-links {margin-bottom: 30px;}
	.copyright {float: none;}
	.divider40-mobile {margin-bottom: 30px; padding-bottom: 40px; border-bottom: 1px solid rgba(0,0,0,0.03);}
	.paddingbottom-150 {padding-bottom: 150px;}
	#quote-carousel .item blockquote {font-size: 20px; line-height: 24px;}
	#quote-carousel .carousel-indicators {width: 100%; margin: 0; left: 0; right: 0;}
	
	.banner-form {text-align: center;}
	.banner-form .input-group {margin-bottom: 15px;}
}

/* ------ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ------*/
@media only screen and (max-width: 479px) {
	.social li i {height: 35px; width: 35px; line-height: 35px; margin: 0; font-size: 20px;}
	.bottom-form .input-group {width: 100%;}
	.bottom-form .input-group-btn {display: block; width: 100%;}
	.bottom-form .input-group-btn button {display: block; margin: 0; width: 100%;}
	.bottom-form .form-control, .bottom-form button {min-height: auto; border-radius: 0;}
	.banner-content h1 { font-size: 36px; line-height: 49px;}
	.video-container iframe {height: 200px;}
}