/* ==================================================================
 * Table of Contents:
 *
 * 1.0 - CSS Reset
 * 2.0 - Bootstrap fix for WinPhone 8 and IE10 
 * 3.0 - Basic Document Styles
 * 4.0 - Typography
 * 5.0 - Basic Layout Styles
 * 6.0 - Forms
 * 7.0 - Preloader
 * 8.0 - Section Styles
 * 9.0 - Background Styles
 * 10.0 - Header
 * 11.0 - Navigation
 * 12.0 - Clock
 * 13.0 - Services
 * 14.0 - Footer
 * 		14.1 - Socials icons
 * 15.0 - Buttons
 * 		15.1 - Default Buttons
 * 		15.2 - Small Buttons
 * 		15.3 - Border Buttons
 * 		15.4 - Small Border Buttons
 * 		15.5 - Buttons Styles
 * 16.0 - Overlay Styles
 * 		16.1 - Background Color Styles
 * 		16.2 - Gradient Background Styles
 * 17.0 - Shortcodes
 * 18.0 - Flexslider
 * 19.0 - Full Page
 * 20.0 - Mobile
 * 21.0 - Responsive
 * 22.0 - Image Backgrounds
================================================================== */


/* ==================================================================
	1.0 CSS Reset
================================================================== */

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: inherit;
     vertical-align: baseline;
}
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;
}


/* ==================================================================
	2.0 Bootstrap fix for WinPhone 8 and IE10 
================================================================== */

@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/* ==================================================================
	3.0 Basic Document Styles
================================================================== */

body {
     line-height: 1;
     color: #fff;
     font-size: 16px;
     font-family: 'Open Sans', sans-serif;
     font-style: normal;
     font-weight: 300;
     line-height: 28px;
     background: #ffffff;
     -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: 100%;
     overflow-x: hidden;
     white-space: normal;
     position: relative;
}
.youtube-background, .youtube-list-background {
     background-color: #000;
}
input, select, textarea {
     font-size: 16px;
     font-family: 'Open Sans', sans-serif;
     font-style: normal;
     font-weight: 300;
}
/* ==================================================================
	4.0 Typography
================================================================== */

h1, h2, h3, h4, h5, h6 {
     font-weight: 300;
     margin-bottom: 10px;
     line-height: 1.2em;
}
h1 {
     font-family: 'Raleway', sans-serif;
     font-size: 62px;
     position: relative;
     margin-bottom: 0px;
}
h2 {
     font-family: 'Raleway', sans-serif;
     font-size: 48px;
     position: relative;
}
h3 {
     font-family: 'Raleway', sans-serif;
     font-size: 30px;
}
h4 {
     font-family: 'Raleway', sans-serif;
     font-size: 22px;
}
h5 {
     font-family: 'Raleway', sans-serif;
     font-size: 20px;
}
h6 {
     font-family: 'Raleway', sans-serif;
     font-size: 18px;
}
p {
     margin-bottom: 20px;
}
p.lead {
     font-family: 'Open Sans', sans-serif;
     font-size: 21px;
     padding: 0;
     font-weight: 300;
}
.section-title {
     text-align: center;
     letter-spacing: 0;
     margin-bottom: 20px;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     color: #fff;
     font-weight: 300;
     position: relative;
}
a, a > * {
     color: #2a6496;
     text-decoration: none;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
a:hover, a > *:hover, a:focus {
     text-decoration: none;
     outline: 0;
}
em {
     font-style: italic;
}
strong {
     font-weight: 700;
}
.color-white {
     color: #fff;
}
/* ==================================================================
	5.0 Basic Layout Styles
================================================================== */

section {
     text-align: center;
}
.text-left {
     text-align: left !important;
}
.text-right {
     text-align: right !important;
}
.text-center {
     text-align: center !important;
}
.text-justify {
     text-align: justify !important;
}
.font-thin {
     font-weight: 100 !important;
}
.font-light {
     font-weight: 400 !important;
}
.font-normal {
     font-weight: 400 !important;
}
.font-medium {
     font-weight: 500 !important;
}
.font-bold {
     font-weight: 700 !important;
}
.font-semibold {
     font-weight: 800 !important;
}
.font-ultrabold {
     font-weight: 900 !important;
}
.float-left {
     float: left !important;
}
.float-right {
     float: right !important;
}
.center {
     margin-left: auto;
     margin-right: auto;
     display: block;
}
.clear {
     clear: both;
}
.all-margin {
     margin: 20px !important;
}
.left-margin {
     margin-left: 20px !important;
}
.right-margin {
     margin-right: 20px !important;
}
.top-margin {
     margin-top: 20px !important;
}
.bottom-margin {
     margin-bottom: 20px !important;
}
.no-margin {
     margin: 0 !important;
}
.no-left-margin {
     margin-left: 0 !important;
}
.no-right-margin {
     margin-right: 0 !important;
}
.no-top-margin {
     margin-top: 0 !important;
}
.no-bottom-margin {
     margin-bottom: 0 !important;
}
.no-padding {
     padding: 0 !important;
}
.no-left-padding {
     padding-left: 0 !important;
}
.no-right-padding {
     padding-right: 0 !important;
}
.no-top-padding {
     padding-top: 0 !important;
}
.no-bottom-padding {
     padding-bottom: 0 !important;
}
.csstransitions .animated, .animated {
     visibility: hidden;
}
.csstransitions .visible {
     visibility: visible;
}
.video-container {
     width: 100%;
     height: 100%;
}
.img-rounded {
     border-radius: 100%;
}
.img-center {
     display: block;
     margin: 0 auto;
}
.position-relative {
     position: relative;
}
/* ==================================================================
	6.0 Forms
================================================================== */

input, textarea, select {
     background: #fff;
     outline: none;
     -webkit-appearance: none;
     color: #333;
     border: 0px solid #fff;
     padding: 11px 25px;
     margin: 0px;
     font-weight: 300;
     line-height: 1.42857143;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     height: auto;
     margin-bottom: 20px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease;
     -moz-transition: background-color .3s ease, border .3s ease, color .3s ease;
     -ms-transition: background-color .3s ease, border .3s ease, color .3s ease;
     -o-transition: background-color .3s ease, border .3s ease, color .3s ease;
     transition: background-color .3s ease, border .3s ease, color .3s ease;
     -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
     border-radius: 27px;
}
textarea {
     width: 100%;
     padding: 10px 20px;
     resize: both;
     margin-top: 0px;
     height: 150px;
}
input:hover, textarea:hover, select:hover {
     color: #333;
}
input:focus, textarea:focus, select:focus {
     color: #333;
}
input[type="submit"], button {
     width: auto;
     font-style: normal;
     background: #fff;
     color: #333;
     cursor: pointer;
     border: 1px solid #fff;
     padding: 12px 20px;
}
input[type="submit"]:hover, button:hover {
     color: #333;
}
select, option {
     cursor: pointer;
}
input[type="checkbox"] {
     -webkit-appearance: checkbox;
}
input[type="radio"] {
     -webkit-appearance: radio;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #333;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
color: #333;
}
input.placeholder, textarea.placeholder {
     color: #333;
}
input[placeholder] {
     text-overflow: ellipsis;
}

::-moz-placeholder {
text-overflow: ellipsis;
} /* firefox 19+ */
 input:-moz-placeholder {
text-overflow: ellipsis;
}
.form {
     position: relative;
     overflow: hidden;
}
.form-container {
     padding-top: 40px;
     position: relative;
     overflow: hidden;
     padding-bottom: 30px;
}
.form-note {
     color: #333;
     font-style: italic;
     margin: 24px 0;
}
.success-message {
     padding-top: 10px;
     color: #fff;
     font-size: 14px;
     font-weight: 300;
     display: none;
}
.error-message {
     padding-top: 10px;
     color: #fff;
     font-size: 14px;
     font-weight: 300;
     display: none;
}
.success-message, .error-message {
     max-width: 500px;
     margin: 0 auto;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
     width: 100%;
}
.contact-form input, .contact-form textarea, .contact-form select {
     background: transparent;
     outline: none;
     -webkit-appearance: none;
     color: #fff;
     border-bottom: 1px solid #fff;
     padding: 9px 20px;
     margin: 0px;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     height: auto;
     margin-bottom: 20px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease;
     -moz-transition: background-color .3s ease, border .3s ease, color .3s ease;
     -ms-transition: background-color .3s ease, border .3s ease, color .3s ease;
     -o-transition: background-color .3s ease, border .3s ease, color .3s ease;
     transition: background-color .3s ease, border .3s ease, color .3s ease;
     position: relative;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
}
.contact-form textarea {
     margin-bottom: 18px;
}
.contact-form .input-error {
     border-color: #ed5555;
}
.contact-form .response-message {
     margin: 20px 0 0 0;
     font-size: 18px;
     font-weight: 300;
     color: #fff;
}

/* WebKit browsers */
.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {
 color: #fff;
}
.contact-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #fff;
 opacity:  1;
}
.contact-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #fff;
 opacity:  1;
}
.contact-form :-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #fff;
}

/* WebKit browsers */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #333;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #333;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #333;
}
.subscription-form {
     display: table;
     margin: 0 auto;
}
.subscription-form input {
     float: left;
     display: inline-block;
     border: none;
}
.subscription-form input[type="email"] {
     min-width: 270px;
}
.subscription-form button {
     margin: 0 5px;
     float: left;
}
/* ==================================================================
	7.0 Preloader
================================================================== */

#preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ffffff;
     z-index: 10001;
}
#loading-animation {
     width: 120px;
     height: 128px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(images/loading-animation.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -60px 0 0 -64px;
}
/* ==================================================================
	8.0 Section Styles
================================================================== */

.section {
     text-align: center;
}
.section-header {
     padding-bottom: 0px;
}
.container {
     z-index: 10;
     position: relative;
}
/* ==================================================================
	9.0 Background Styles
================================================================== */

.parallax-background {
     -webkit-background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 0;
     background-attachment: fixed;
     background-color: transparent;
}
.cover-background {
     -webkit-background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
}
.background-repeat {
     background-repeat: repeat;
}
.background-repeat-x {
     background-repeat: repeat-x;
}
.background-repeat-y {
     background-repeat: repeat-y;
}
#video_background {
     position: fixed;
     bottom: 0;
     right: 0;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: 0;
     overflow: hidden;
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0);
}
/* ==================================================================
	10.0 Header
================================================================== */

.site-header {
     margin: 0;
     padding: 0 58px;
     background: transparent;
     border: none;
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 10000;
     width: 100%;
     height: 58px;
     display: block;
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0);
     -webkit-transition: position .5s ease;
     -moz-transition: position .5s ease;
     -ms-transition: position .5s ease;
     -o-transition: position .5s ease;
     transition: position .5s ease;
}
.site-logo {
     margin: 0;
     height: 63px;
     position: relative;
     overflow: hidden;
     float: left;
}
.site-logo img {
     display: block;
}
/* ==================================================================
	11.0 Navigation
================================================================== */

.navigation {
     margin: 0;
     padding: 0;
     border: 0;
}
.navbar-brand {
     height: 62px;
     padding: 0px 15px;
}
.navbar-toggle {
     border-color: #fff;
     border-radius: 0px;
     margin-top: 13px;
     margin-bottom: 13px;
}
.navbar-toggle .icon-bar {
}
.navbar-collapse {
     border: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}
.navigation ul > li > a {
     font: 14px 'Open Sans', sans-serif;
     font-weight: 300;
     letter-spacing: 1px;
     float: none;
     line-height: 62px;
     color: #fff;
     text-decoration: none;
     position: relative;
     cursor: pointer;
     display: block;
     padding: 0;
     margin: 0 15px;
     border-bottom: 1px solid transparent;
}
.navigation ul > li.active > a {
     border-bottom: 1px solid #fff;
}
.navigation ul > li > a i {
     color: #fff;
}
.navigation ul > li > a:hover {
     background: transparent;
}
.navigation ul > li.active > a {
     background: transparent;
     color: #fff;
}
.nav>li>a:hover, .nav>li>a:focus {
     background-color: transparent;
}
/* ==================================================================
	12.0 Clock
================================================================== */

.countdown {
     color: #fff;
     overflow: hidden;
}
.counter-container {
     display: table;
     margin: 0 auto;
}
.countdown .counter-box {
     display: block;
     width: 160px;
     text-align: center;
     overflow: hidden;
     padding: 10px 25px;
     float: left;
     margin: 25px 0;
     position: relative;
}
.countdown .number {
     font-size: 80px;
     text-align: center;
     font-family: 'Monteserrat', sans-serif;
     font-weight: 700;
     line-height: 1;
     margin-bottom: 10px;
}
.countdown span {
     display: block;
     font-size: 21px;
     text-align: center;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     padding-top: 10px;
     position: relative;
     overflow: hidden;
}
.countdown span:before {
     position: absolute;
     content: '';
     display: block;
     width: 30px;
     height: 1px;
     background: #fff;
     margin-left: auto;
     margin-right: auto;
     left: 0;
     right: 0;
     top: 0px;
}
/*==================================================================
	13.0 Services
================================================================== */

.service-icon {
     font-size: 75px;
     color: #fff;
     margin-bottom: 20px;
}
.service h3 {
     margin-bottom: 10px;
}
.feature-item {
     text-align: left;
     margin-bottom: 30px;
}
.feature-icon {
     font-size: 40px;
     color: #fff;
     float: left;
     width: 50px;
     text-align: center;
}
.feature-text {
     margin-left: 60px;
}
.feature-item h3 {
     font-size: 21px;
     margin-bottom: 10px;
}
/*==================================================================
	14.0 Footer
================================================================== */

.site-footer {
     background: transparent;
     position: fixed;
     bottom: 0;
     right: 0;
     left: 0;
     min-height: 63px;
     margin: 0 auto;
     z-index: 10000;
     padding: 0 15px;
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0);
     -webkit-transition: position .5s ease;
     -moz-transition: position .5s ease;
     -ms-transition: position .5s ease;
     -o-transition: position .5s ease;
     transition: position .5s ease;
     text-align: center
}
.copyright {
     line-height: 63px;
     margin: 0;
     font-size: 0.8em;
}
/*	14.1 Socials icons
	-------------------------------------------------------------- */	
.socials-icons {
     position: fixed;
     display: table;
     margin: 0;
     width: 63px;
     height: 100%;
     top: 0;
     bottom: 0;
     right: 0;
     z-index: 9100;
}
.socials-icons ul {
     margin: auto;
     text-align: center;
     display: table-cell;
     vertical-align: middle;
}
.socials-icons li {
     margin: 0;
     display: block;
}
.socials-icons li a {
     display: block;
     background: transparent;
     position: relative;
     width: 63px;
     height: 63px;
     text-align: center;
     line-height: 63px;
     border-left: 1px solid transparent;
}
.socials-icons li a i {
     color: #fff;
     line-height: 70px;
     font-size: 21px;
}
.socials-icons li a:hover {
     border-left: 1px solid #fff;
}
.socials-icons li a:hover i {
     color: #fff;
}
/* ==================================================================
	15.0 Buttons
================================================================== */

.btn:focus, .btn:active:focus, .btn.active:focus, .default-button:focus, .sm-button:focus, .border-button:focus, .border-sm-button:focus {
     outline: none;
     outline-offset: 0px;
     text-decoration: none;
}
/*	15.1 Default Buttons
	-------------------------------------------------------------- */

.default-button {
     display: inline-block !important;
     background: #fff;
     -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
     border-radius: 27px;
     padding: 9px 50px;
     color: #333;
     line-height: 22px;
     font-size: 16px;
     outline: none;
     outline-offset: 0px;
     font-weight: 300;
     margin-top: 5px;
     margin-bottom: 5px;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
.default-button:hover, .default-button:focus {
     color: #333;
     opacity: 0.8;
}
.default-button i, .default-button:hover i, .default-button:focus i {
     color: #333;
}
/*	15.2 Small Buttons
	-------------------------------------------------------------- */
.sm-button {
     display: inline-block !important;
     background: #fff;
     -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
     border-radius: 27px;
     padding: 6px 25px;
     color: #333;
     line-height: 22px;
     font-size: 16px;
     outline: none;
     outline-offset: 0px;
     font-weight: 300;
     margin-top: 5px;
     margin-bottom: 5px;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
.sm-button:hover, .sm-button:focus {
     color: #333;
     opacity: 0.8;
}
.sm-button i, .sm-button:hover i, .sm-button:focus i {
     color: #333;
}
/*	15.3 Border Buttons
	-------------------------------------------------------------- */

.border-button {
     display: inline-block !important;
     background: transparent;
     -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
     border-radius: 27px;
     padding: 9px 50px;
     color: #fff;
     line-height: 22px;
     font-size: 16px;
     outline: none;
     outline-offset: 0px;
     font-weight: 300;
     margin-top: 5px;
     margin-bottom: 5px;
     border: 2px solid #fff;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
.border-button:hover, .border-button:focus {
     background: #fff;
     color: #333;
     opacity: 0.8;
}
.border-button i, .border-button:hover i, .border-button:focus i {
     color: #333;
}
/*	15.4 Small Border Buttons
	-------------------------------------------------------------- */

.border-sm-button {
     display: inline-block !important;
     background: transparent;
     -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
     border-radius: 27px;
     padding: 6px 25px;
     color: #333;
     line-height: 22px;
     font-size: 16px;
     outline: none;
     outline-offset: 0px;
     font-weight: 300;
     margin-top: 5px;
     margin-bottom: 5px;
     border: 2px solid #fff;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
.border-sm-button:hover, .border-sm-button:focus {
     background: #fff;
     color: #333;
     opacity: 0.8;
}
.border-sm-button i, .border-sm-button:hover i, .border-sm-button:focus i {
     color: #333;
}
/*	15.5 Buttons Styles
	-------------------------------------------------------------- */	

/* Border Blue */
.border-bt-blue {
     border-color: #7da7f3;
     color: #7da7f3;
}
.border-bt-blue:hover, .border-bt-blue:focus {
     background: #7da7f3;
     color: #fff;
     opacity: 0.8;
}
.border-bt-blue i {
     color: #7da7f3;
}
.border-bt-blue:hover i, .border-bt-blue:focus i {
     color: #fff;
}
/* Border Green */
.border-bt-green {
     border-color: #5cb85c;
     color: #5cb85c;
}
.border-bt-green:hover, .border-bt-green:focus {
     background: #5cb85c;
     color: #fff;
     opacity: 0.8;
}
.border-bt-green i {
     color: #5cb85c;
}
.border-bt-green:hover i, .border-bt-green:focus i {
     color: #fff;
}
/* Border Turkus */
.border-bt-turkus {
     border-color: #31b0d5;
     color: #31b0d5;
}
.border-bt-turkus:hover, .border-bt-turkus:focus {
     background: #31b0d5;
     color: #fff;
     opacity: 0.8;
}
.border-bt-turkus i {
     color: #31b0d5;
}
.border-bt-turkus:hover i, .border-bt-turkus:focus i {
     color: #fff;
}
/* Border Orange */
.border-bt-orange {
     border-color: #f0ad4e;
     color: #f0ad4e;
}
.border-bt-orange:hover, .border-bt-orange:focus {
     background: #f0ad4e;
     color: #fff;
     opacity: 0.8;
}
.border-bt-orange i {
     color: #f0ad4e;
}
.border-bt-orange:hover i, .border-bt-orange:focus i {
     color: #fff;
}
/* Border Red */
.border-bt-red {
     border-color: #DD4B39;
     color: #DD4B39;
}
.border-bt-red:hover, .border-bt-red:focus {
     background: #DD4B39;
     color: #fff;
     opacity: 0.8;
}
.border-bt-red i {
     color: #DD4B39;
}
.border-bt-red:hover i, .border-bt-red:focus i {
     color: #fff;
}
/* Border Grey */
.border-bt-grey {
     border-color: #dedede;
     color: #919191;
}
.border-bt-grey:hover, .border-bt-grey:focus {
     background: #dedede;
     color: #333;
     opacity: 0.8;
}
.border-bt-grey i {
     color: #dedede;
}
.border-bt-grey:hover i, .border-bt-grey:focus i {
     color: #333;
}
/* Blue */
.bt-blue {
     background: #7da7f3;
     color: #fff;
}
.bt-blue:hover, .bt-blue:focus {
     color: #fff;
     opacity: 0.8;
}
.bt-blue i, .bt-blue:hover i, .bt-blue:focus i {
     color: #fff;
}
/* Green */
.bt-green {
     background: #5cb85c;
     color: #fff;
}
.bt-green:hover, .bt-green:focus {
     color: #fff;
     opacity: 0.8;
}
.bt-green i, .bt-green:hover i, .bt-green:focus i {
     color: #fff;
}
/* Turkus */
.bt-turkus {
     background: #31b0d5;
     color: #fff;
}
.bt-turkus:hover, .bt-turkus:focus {
     color: #fff;
     opacity: 0.8;
}
.bt-turkus i, .bt-turkus:hover i, .bt-turkus:focus i {
     color: #fff;
}
/* Orange */
.bt-orange {
     background: #f0ad4e;
     color: #fff;
}
.bt-orange:hover, .bt-orange:focus {
     color: #fff;
     opacity: 0.8;
}
.bt-orange i, .bt-orange:hover i, .bt-orange:focus i {
     color: #fff;
}
/* Red */
.bt-red {
     background: #DD4B39;
     color: #fff;
}
.bt-red:hover, .bt-red:focus {
     color: #fff;
     opacity: 0.8;
}
.bt-red i, .bt-red:hover i, .bt-red:focus i {
     color: #fff;
}
/* Grey */
.bt-grey {
     background: #dedede;
     color: #333;
}
.bt-grey:hover, .bt-grey:focus {
     color: #333;
     opacity: 0.8;
}
.bt-grey i, .bt-grey:hover i, .bt-grey:focus i {
     color: #333;
}
/* Transparent */
.bt-transparent {
     background: transparent;
     color: #fff;
}
.bt-transparent:hover, .bt-transparent:focus {
     color: #fff;
     opacity: 0.8;
}
.bt-transparent i, .bt-transparent:hover i, .bt-transparent:focus i {
     color: #fff;
}
/* Transparent Dark */
.bt-transparent-dark {
     background: transparent;
     color: #333;
}
.bt-transparent-dark:hover, .bt-transparent-dark:focus {
     color: #333;
     opacity: 0.8;
}
.bt-transparent-dark i, .bt-transparent-dark:hover i, .bt-transparent-dark:focus i {
     color: #333;
}
/* ==================================================================
	16.0 Overlay Styles
================================================================== */

.overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 0;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
.overlay-frame {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     box-shadow: inset 0px 0px 0px 80px #353438;
     z-index: 1;
}
.color-overlay, .gradient-overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}
/*	16.1 Background Color Styles
	-------------------------------------------------------------- */	
.background-white {
     background: #fff;
}
.background-blue-dark {
     background: #000a1e;
}
/* ==================================================================
	17.0 Shortcodes
================================================================== */

.line-separate {
     display: block;
     margin-bottom: 30px;
     width: 120px;
     height: 18px;
     position: relative;
}
.line-separate span {
     display: block;
     position: relative;
     width: 18px;
     height: 18px;
     margin: 0 auto;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
.line-separate:before {
     content: '';
     display: block;
     position: relative;
     top: 8px;
     width: 50px;
     height: 1px;
     margin: 0 !important;
     float: left;
}
.line-separate:after {
     content: '';
     display: block;
     position: relative;
     top: -10px;
     width: 50px;
     height: 1px;
     margin: 0 !important;
     float: right;
}
.line-dark:before, .line-dark:after {
     background: #999;
}
.line-dark span {
     box-shadow: inset 0px 0px 0px 1px #999;
}
.line-white:before, .line-white:after {
     background: #fff;
}
.line-white span {
     box-shadow: inset 0px 0px 0px 1px #fff;
}
.line-color:before, .line-color:after {
     background: #7da7f3;
}
.line-color span {
     box-shadow: inset 0px 0px 0px 1px #7da7f3;
}
.line-center, .line-center:before, .line-center:after {
     margin-left: auto;
     margin-right: auto;
}
.line-center span:before, .line-center span:after {
     width: 90px;
}
.opacity-100 {
     opacity: 1;
}
.opacity-95 {
     opacity: 0.95;
}
.opacity-90 {
     opacity: 0.9;
}
.opacity-85 {
     opacity: 0.85;
}
.opacity-80 {
     opacity: 0.8;
}
.opacity-75 {
     opacity: 0.75;
}
.opacity-70 {
     opacity: 0.70;
}
.opacity-65 {
     opacity: 0.65;
}
.opacity-60 {
     opacity: 0.60;
}
.opacity-55 {
     opacity: 0.55;
}
.opacity-50 {
     opacity: 0.5;
}
.opacity-45 {
     opacity: 0.45;
}
.opacity-40 {
     opacity: 0.4;
}
.opacity-35 {
     opacity: 0.35;
}
.opacity-30 {
     opacity: 0.3;
}
.opacity-25 {
     opacity: 0.25;
}
.opacity-20 {
     opacity: 0.2;
}
.opacity-15 {
     opacity: 0.15;
}
.opacity-10 {
     opacity: 0.1;
}
.opacity-5 {
     opacity: 0.05;
}
.opacity-0 {
     opacity: 0.0;
}
.empty-space {
     width: 100%;
     height: 50px;
     overflow: hidden;
}
.photo-image {
     max-width: 350px;
     margin: 0 auto;
}
.height-auto {
     height: auto;
}
.highlight {
     color: #7DA7F3;
}
/* ==================================================================
	18.0 Flexslider
================================================================== */

.flexslider.textslider {
     margin: 0;
     background: transparent;
     border: 0px solid #fff;
     position: relative;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -o-border-radius: 0px;
     border-radius: 0px;
     -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
     -moz-box-shadow: 0 0px 0px rgba(0,0,0,.2);
     -o-box-shadow: 0 0px 0px rgba(0,0,0,.2);
     box-shadow: 0 0px 0px rgba(0,0,0,.2);
     zoom: 1;
}
.textslider h1, .textslider h2, .textslider h3 {
     text-transform: uppercase;
}
.textslider h1 {
     font-size: 82px;
     font-weight: 100;
}
.textslider h2 {
     font-size: 58px;
     font-weight: 200;
}
.textslider h3 {
     font-size: 40px;
     font-weight: 200;
}
/* ==================================================================
	19.0 Full Page
================================================================== */

div.viewport-border {
     z-index: 900;
}
.viewport-border div {
     background: #fff;
     position: fixed;
     -webkit-transition: all .2s ease-out;
     -moz-transition: all .2s ease-out;
     -ms-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
     transition: all .2s ease-out;
     z-index: 9000;
     opacity: 0.07;
}
.vb-l {
     left: 0;
     top: 0;
     bottom: 0;
     width: 63px;
}
.vb-r {
     right: 0;
     top: 0;
     bottom: 0;
     width: 63px;
}
.vb-t {
     top: 0;
     left: 0;
     right: 0;
     height: 63px;
}
.vb-b {
     bottom: 0;
     left: 0;
     right: 0;
     height: 63px;
}
.fp-responsive .section {
     height: auto;
}
.fp-responsive .section .container {
     padding-left: 78px;
     padding-right: 78px;
}
.fp-responsive .feature-item {
     text-align: center;
}
.fp-responsive .feature-icon {
     float: none;
     width: 100%;
     text-align: center;
}
.fp-responsive .feature-text {
     margin-left: 0;
}
/* ==================================================================
	20.0 Mobile
================================================================== */

body.mobile {
     -webkit-text-size-adjust: none;
}
body.mobile .onstart, body.mobile .animated {
     display: block;
     visibility: visible;
}
body.mobile .fp-responsive .section {
     height: auto !important;
}
body.mobile #video_background {
     display: none;
}
body.mobile .parallax-background {
     background-size: cover !important;
     background-attachment: scroll !important;
}
body:not(.mobile) .visible-mobile {
     display: none;
}
body.mobile .visible-mobile {
     display: block;
}

/* ==================================================================
	21.0 Responsive
================================================================== */

@media(max-width:1024px) {
h1 {
     font-size: 50px;
     font-weight: 300;
}
h2 {
     font-size: 44px;
}
h3 {
     font-size: 26px;
}
.textslider h1 {
     font-size: 50px;
     font-weight: 200;
}
.textslider h2 {
     font-size: 44px;
     font-weight: 200;
}
.textslider h3 {
     font-size: 26px;
     font-weight: 200;
}
}

@media(max-width:991px) {
.services .service {
     padding-bottom: 50px;
}
.services .service:last-child {
     padding-bottom: 0px;
}
.countdown .counter-box {
     display: inline-block;
     float: none;
     width: 170px;
     padding: 15px 15px;
}
}

@media(max-width:768px) {
.site-header {
     padding: 0 15px;
     height: auto;
     background: rgba(0,10,30,0.77);
     position: fixed;
     -webkit-transform: scale3d(1, 1, 1);
}
.navbar-nav {
     margin: 15px -15px;
     margin-bottom: 30px;
}
.navigation ul > li > a {
     border: 0;
     text-align: center;
}
.navigation ul > li > a:hover {
     background: rgba(255,255,255,0.07);
}
.navigation ul > li.active > a {
     border-bottom: 0px solid #fff;
}
.socials-icons {
     position: relative;
     margin: 0;
     width: 100%;
     display: block;
     height: auto;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #fff;
}
.socials-icons ul {
     margin: 15px auto;
     display: table;
     overflow: hidden;
}
.socials-icons li {
     margin: 0;
     display: block;
     float: left;
}
.socials-icons li a {
     display: block;
     width: 80px;
     height: 80px;
     line-height: 80px;
     border: 0px;
}
.socials-icons li a i {
     color: #333;
     line-height: 80px;
     font-size: 21px;
}
.socials-icons li a:hover {
     border: 0px;
}
.textslider h1 {
     font-size: 62px;
}
.textslider h2 {
     font-size: 48px;
}
.textslider h3 {
     font-size: 30px;
}
.viewport-border div {
     display: none;
}
.fp-responsive .section {
     padding-top: 130px;
     padding-bottom: 130px;
     height: auto;
}
.fp-responsive .section:last-child {
     padding-bottom: 230px !important;
}
.fp-responsive .section .container {
     padding-left: 15px;
     padding-right: 15px;
}
.subscription-form input,  .subscription-form button {
     margin: 0px auto;
     float: none;
}
.subscription-form button {
     margin-top: 10px;
}
.site-footer {
     background: transparent;
     position: relative;
     bottom: 0;
     right: 0;
     left: 0;
     min-height: 63px;
     margin: 0 auto;
     z-index: 10000;
     padding: 0 15px;
     margin-bottom: 15px;
     text-align: center;
     color: #333;
}
}

@media(max-width:640px) {
.textslider h1 {
     font-size: 48px;
}
.textslider h2 {
     font-size: 30px;
}
.textslider h3 {
     font-size: 24px;
}
.fp-responsive .section:last-child {
     padding-bottom: 600px !important;
}
.socials-icons ul {
     margin: 0 auto;
     text-align: center;
     display: table;
     vertical-align: middle;
     overflow: hidden;
}
.socials-icons li {
     margin: 0px 10px;
     display: inline-block;
     float: none;
}
.navbar-brand img {
     height: 60px;
     width: auto;
}
}
/* ==================================================================
	22.0 Image Backgrounds
================================================================== */

.image-1 {
     background-image: url(images/BG.jpg);
}