
@font-face {
    font-family: Gotham;
    src: url(../fonts/GOTHAM-LIGHT.TTF);
}

@font-face {
    font-family: Gotham-Black;
    src: url(../fonts/GOTHAM-BLACK.TTF);
}

@font-face {
    font-family: Gotham-Bold;
    src: url(../fonts/GOTHAM-BOLD.TTF);
}

@font-face {
    font-family: Gotham-Medium;
    src: url(../fonts/GOTHAM-MEDIUM.TTF);
}
html {font-family: "Gotham"; -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: "Gotham"; 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: "Gotham"; 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: "Gotham-Medium"; font-size: 11px; letter-spacing: .05em;text-transform: uppercase;}*/
button {padding: 10px 14px; border-radius: 0; font-family: "Gotham-Medium"; font-size: 8px; letter-spacing: .05em;}
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: "Gotham";}
.left-align {text-align: left!important;}

.font18 {font-size: 18px;}

/* ==========================================================================
Buttons
========================================================================== */ 
.btn-blue { font-size: 13px; font-family: "Gotham"; 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 { font-size: 13px; font-family: "Gotham"; letter-spacing: 1px; margin: 20px 0px; padding: 10px 20px; border: 2px solid #000000; color: #000000; font-weight: normal; background-color: transparent;}
.btn-black:hover {color: #FFF;}



.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(../images/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="password"], 
.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: "Gotham";}
.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: "Gotham-Medium";}
.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: "Gotham-Medium";}
.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: "Gotham-Medium";}
.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: "Gotham"; 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: "Gotham" 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(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.8);
; 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: #464646; 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: "Gotham-Medium"; 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 #333; 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: transparent;}
.navbar-inverse .navbar-toggle:focus {background: transparent;}
.navbar-nav {margin: 0;
padding-top: 15px;
}
.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-color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.8);

 -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: #464646;  }

.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: #464646; }

.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: "Gotham"; font-size: 30px; 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: "Gotham"; font-style: italic; text-transform: none; letter-spacing: 0; font-size: 48px; font-weight: normal; border-bottom: double #FFF;}
.banner-content h3 {font-family: "Gotham", Georgia; font-size: 28px; color: #CCC; margin: 20px 0;}
.banner-content h4 {font-family: "Gotham", 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: "Gotham"; 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: "Gotham"; 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: "Gotham"; 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: 250px; 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: "Gotham"; 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: "Gotham"; 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: "Gotham"; 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: "Gotham"; 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: "Gotham"; font-size: 22px; line-height: 30px;}
#quote-carousel .item small {font-weight: bold;}

/* ==========================================================================
Social Links
 ========================================================================== */
.social { margin: 0 0 0 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: #231f20; padding: 60px 0;}
.footer-sub {background-color: #231f20; padding-top: 20px; padding-bottom: 10px;}

.footer h3 {color: #FFF; font-weight: bold; font-size: 17px; margin-bottom: 5px;}
.footer p,
.footer a {color: #fff; 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: "Gotham"; 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: "Gotham"; font-size: 12px; 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; }
	.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-color: rgba(255, 255, 255, 0.8);
		background: rgba(255, 255, 255, 0.8);

}
	.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;}
}