@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

/*==========================================================*/
/* Main Elements
/*==========================================================*/
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}
a {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  color: #00a3cc;
}
a:hover {
  color: #007a99;
  text-decoration: none;
}
img {
  max-width: 100%;
}

hr {
  border-color: #f0f0f0;
  margin: 30px 0;
}
/*==========================================================*/
/* Preloader
/*==========================================================*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999;
}
#status {
  width: 64px;
  height: 64px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../img/Preloader.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -32px 0 0 -32px;
}
/*==========================================================*/
/* Typography
/*==========================================================*/
body {
  font-family: 'Open Sans', sans-serif;
  color: #202020;
  font-size: 12px;
  font-weight: 300;
  line-height: 180%;
  background: #000;
}
h1,
h2,
h3,
h4,
h5,
h6,
.hfont {
  font-family: 'Open Sans', sans-serif;
  color: #202020;
  font-weight: 300;
  line-height: 160%;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 28px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 18px;
}
address {
  line-height: 180%;
}
.text-center{text-align:center}
/*==========================================================*/
/* Helper Classes
/*==========================================================*/
.hidden {
  display: none;
}
.small {
  font-size: 80%;
}
.white,
.white > * {
  color: #FFFFFF !important;
}
.sidebar-left .main-column {
  float: right;
}
/* Overlays */
.overlay:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  
}
/* Clearfix */
.cf:before,
.cf:after {
  content: ' ';
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}

.ctext{text-align:center;}
#top {
  background-color:rgba(0, 0, 0, 0);
  width: 100%;
  height: 80px;
  position: absolute;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
#top.shadow {
  box-shadow: 0px 0px 20px -10px #000000;
}
.sidebar-open #top.shadow,
#top.portfolio-open {
  box-shadow: none !important;
}
/* Logo */
#logo {
    left: 140px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

#logo h1 {
  letter-spacing: 5px;
  font-size: 26px;
}
#logo h2 {
  letter-spacing: 8px;
  font-size: 13px;
  opacity: 0.5;
}

.cbox {
     left:50%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 56%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
    
}
.dash {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 75px;
}
.dash-container {
    color: #FFFFFF;
}
.dash_title {
    clear: both;
    display: inline-block;
    font-size: 21px;
    font-weight: 300;
    line-height: 34px;
}
.dash .digit {
    display: inline-block;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 16px;
    overflow: hidden;
    text-align: center;
}
.dash:last-child .digit{

    line-height: 34px;
    vertical-align: top;
}


#nav-social {
  width: 100px;
  position: absolute;
  right: 40px;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
#nav-social a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;
    height: 30px;
    text-align: center;
    width: 30px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
#nav-social .twitter:hover {
transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
color:#00aced;
}
#nav-social .fb:hover {
transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
color:#3b5998;
}
#nav-social .gplus:hover {
transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
color:#dd4b39;
}
#nav-arrows {   
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 10;
}
#nav-arrows a {
  font-size: 48px;
  color:#fff
}
#nav-arrows a.nav-left {
   animation: 1s ease 1s normal none 3 hero-left;
   -webkit-animation: 1s ease 1s normal none 3 hero-left;
   -moz-animation: 1s ease 1s normal none 3 hero-left;
   -o-animation: 1s ease 1s normal none 3 hero-left;
    background:#fff;
    float: left;
    margin-left: 2.6em;
	 cursor: pointer;
    height: 70px;
    width: 70px;
	text-align:center;
	color: #333333;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;
}
#nav-arrows a.nav-right {
animation: 1s ease 1s normal none 3 hero-right;
-webkit-animation: 1s ease 1s normal none 3 hero-right;
-moz-animation: 1s ease 1s normal none 3 hero-right;
    background:#fff;
    float: right;
    margin-right: 2.6em;
	cursor: pointer;
    height: 70px;
    width: 70px;
	text-align:center;
	color: #333333;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;
}
#nav-arrows a.nav-right i,#nav-arrows a.nav-left i{
    font-size: 38px;
    line-height: 70px;
    transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
#nav-arrows a.nav-right:hover,#nav-arrows a.nav-left:hover{
background:#333;
color:#fff;
transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
#nav-arrows a.nav-right:hover i,#nav-arrows a.nav-left:hover i{
font-size: 32px;
transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
@-moz-keyframes hero-right {
0% {
    margin-right: 2.6em;
}
50% {
    margin-right: 2.2em;
}
100% {
    margin-right: 2.6em;
}
}
@-moz-keyframes hero-right {
0% {
    margin-right: 2.6em;
}
50% {
    margin-right: 2.2em;
}
100% {
    margin-right: 2`.6em;
}
}
/*==========================================================*/
/* Main wrapper
/*==========================================================*/
#main-wrapper {
  width: 100%;
  height: 100%;
  top: 0;
  
  z-index: 0;
  position: relative;
  overflow: hidden;
}
/*==========================================================*/
/* Content
/*==========================================================*/
#content {
  position: relative;
  left: 0;
  z-index: 9999;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  background-color: #e1e1e1;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-image: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}


/*==========================================================*/
/* Swiper slider
/*==========================================================*/
.swiper-container {
  overflow: hidden;
  background: #fff;
}
.swiper-slide {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
.swiper-slide video {
  position: absolute;
}
/* Navigation Arrows */
.swiper-container .nav-arrow {
  position: absolute;
  top: 50%;
  font-size: 24px;
  margin-top: -20px;
  color: #202020;
  width: 30px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  z-index: 2;
  color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
}
.swiper-container .nav-left {
  left: 0;
}
.swiper-container .nav-right {
  right: 0;
}
/* Captions (fullscreen) */
.wrap {
}
.swiper-slide .wrap {
    -moz-box-sizing: border-box;
    padding-left: 8%;
    padding-right: 8%;
    width: 100%;
}
.swiper-slide .wrap {
    -moz-box-align: center;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    height: 100%;
    max-width: 9999px;
    padding-bottom: 0;
    padding-top: 0;
	position:relative;
	z-index:99;
}
.swiper-slide .hero-text {
	width:100%;margin:0 auto;height: auto;top:50%;position: relative;text-align:center;
	-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);
}
.hero-text {
    color: #000;
    margin: auto;
    max-width: 950px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 80%;
}
.swiper-slide .hero-logo {
    background-image: url("../img/logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain !important;
    height: 250px;
    margin: auto auto 0;
    max-width: 250px;
	-webkit-transition: opacity 1.5s linear;
  transition: opacity 1.5s linear;
}
.small-logo{
    background-size: 66px 93px;
    height: 250px !important;
    width: 250px;
}

.swiper-slide .hero-text .hero-title h1 {
    font-size: 45px;
    margin: 37px 0 13px;
    text-align: center;
	font-weight:700;
	line-height:1.1em;
	width:100%;
	color:#499dd4;
}
.swiper-slide .hero-text {
    text-align: center;
}
.hero-text {
    color: #000;
    text-align: center;
	font-size:15px;
}
.swiper-slide p {
    font-size: 20px !important;
    font-style: normal!important;
    font-weight: 400!important;
    margin: 0 0 30px!important;
	padding:5px 10px!important;
	display:inline-block!important;
}
.typing {
    background: none repeat scroll 0 0 #CCCCCC;
    display: inline-block;
    position: relative;
    text-indent: -999em;
    width: 0px;
}
.sub-heading {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    display: inline-table;
}

.hero-text a {
    color: #3b5998;
    display: inline-block;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
	margin: 0 0 30px;
    padding:5px 10px;
    text-decoration: none;
    
}
.hero-text a:hover {
    opacity: 0.9;-webkit-opacity: 0.9;-moz-opacity: 0.9;-o-opacity: 0.9;
   transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
}
.hero-text a:active {
    opacity: 0.666;-webkit-opacity: 0.666;
   transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
}
.psocial{
padding:0 !important;
}
#fullscreen-slider .swiper-slide .wrap {
  -webkit-transition: opacity 1.5s linear;
  transition: opacity 1.5s linear;
  opacity: 0;
}
#fullscreen-slider .swiper-slide-active .wrap{
opacity: 1;-webkit-opacity: 1;
}
/* Placeholder color */
::-webkit-input-placeholder {color: #404040;}
:-moz-placeholder {color: #404040;opacity: 1;}
::-moz-placeholder {color: #404040;opacity: 1;}
:-ms-input-placeholder {color: #404040;}
.subscribe-form {
    display: inline-block;
	text-align:center;
 }
 input[type="text"], input[type="email"], textarea {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border: 0px solid #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    font-size: 18px;
    font-weight: 300;
    outline: medium none;
}
.txt-subscribe {
    float: left;
    height: 60px;
    margin: 0;
    padding: 0 22px;
    text-transform: lowercase;
    width: 342px;
}
.btn-subscribe-container {
    float: left;
    height: 62px;
    position: relative;
}
.btn-subscribe {
    background:none repeat scroll 0 0 #c7af0c;
    border: medium none;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    height: 60px;
    padding: 0 22px;
    transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}
#subscribe-loading {
    display: none;
    margin: 0 0 0 10px;
    text-align: center;
}
.subscribe-error-field, .subscribe-message {
    clear: both;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    padding-top: 20px;
    text-align: left;
}
.subscribe-error-field, .subscribe-message {
    clear: both;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    padding-top: 15px;
    text-align: left;
}
div.subscribe-message {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
}
.txt-subscribe::-webkit-input-placeholder {text-transform: none;color:#333;}
.txt-subscribe:-moz-placeholder {text-transform: none;color:#333;}
.txt-subscribe::-moz-placeholder {text-transform: none;color:#333;}
.txt-subscribe:-ms-input-placeholder {text-transform: none;color:#333;}
.txt-subscribe.placeholder {text-transform: none;}
.btn-subscribe:hover {color: #fff;background: #e8ca00;}
.btn-subscribe:active, .btn-subscribe:focus {outline: none;}


/*==========================================================*/
/* Footer
/*==========================================================*/

.footer-main {
    background:rgba(0, 0, 0, 0.7);
    bottom: 0;
    height: 45px;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.footer-main .footer {
    padding-top: 8px;
    text-align: center;
}
.footer .copyright-text {
    color: #fff;
    display:inline-table;
    font-size: 11px;
    padding-right: 10px;
	vertical-align:top;
}
.footer-menu{display:inline-table;vertical-align:top}
.footer-menu ul{list-style-type:none;}
.footer-menu ul li{display:inline-block}
.footer-menu ul li a {
     border-right: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    
}
.footer-menu ul li a:hover {background:rgba(255,255,255,.2)}
.footer-menu ul li:last-child a{border-right:0px;}
.activemenu{font-weight:bold;}
@media only screen and (max-width: 1024px) {
.swiper-slide .hero-text .hero-title h1{font-size:40px;}
#nav-arrows a.nav-right { margin-right: 1.3em;animation:none;-webkit-animation:none;}
#nav-arrows a.nav-left {margin-left: 1.3em;animation:none;-webkit-animation:none;}
}
@media only screen and (max-width : 1224px) {
#nav-arrows a.nav-right { margin-right: 1.3em;animation:none;-webkit-animation:none;}
#nav-arrows a.nav-left {margin-left: 1.3em;animation:none;-webkit-animation:none;}
}
@media only screen and (max-width: 960px) {
 .cbox {
    left:50%;
    position:relative;
    text-align: center;
    text-transform: uppercase;
    top:none;
    transform:translate(-50%, 0%);
	-webkit-transform:translate(-50%, 0%);
	-moz-transform:translate(-50%, 0%);
	-ms-transform:translate(-50%, 0%);
	-o-transform:translate(-50%, 0%);
	width:100%;
}
.wrap {
    padding: 50px 65px !important;
}
.swiper-slide .hero-logo {
    background-size: contain;
    height: 250px;
    width: 250px;
}

#hero-text h1 {
    font-size: 51px;
    margin: 38px 0 13px;
    text-align: center;
}
#hero-text h1 {
    font-size: 36px !important;
    margin-top: 25px !important;
}
#hero-text p {
    margin: 0 0 42px;
}
 .txt-subscribe {
     height: 48px;
    width: 242px;
 }
 .btn-subscribe-container {
    height: 48px;
 }
.btn-subscribe {
    height: 48px;
	font-size:15px;
}		
input[type="text"], input[type="email"], textarea {
       font-size: 15px;
 }
#nav-arrows {
    position: absolute;
    top: 75%;
    width: 100%;
    z-index: 10;
	
}
#nav-arrows a.nav-right {
    position: absolute;
    right: 50%;
    margin: 0;
    margin-right: -35px;
	animation:none;
 }
 
 #nav-arrows a.nav-left {    
	animation:none;
	position: absolute;
    left: 50%;
    margin: 0;
    margin-left: -35px;
 }
.footer-menu{display:none;}
 .footer-main .footer {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    text-align: center;
}



.dash_title {font-size: 16px;line-height: 35px;}
.dash .digit {font-size: 16px; line-height: 13px;}
#fullscreen-slider .swiper-slide h1 {
    font-size: 28px;
    line-height: 24px;
    margin-top: 10px;
}
.swiper-slide p {display: inline-block;font-size: 14px;font-style: italic;font-weight: 400;margin: 0 0 16px;padding: 0px 30px;line-height: 18px;}
#nav-arrows a.nav-right {height: 40px;margin: 0 -20px 0 0;right: 50%;width: 40px;}
#nav-arrows a.nav-left{height: 40px;margin:0 0 0 -20px;left:50%;width:40px;}
#nav-arrows a.nav-right i, #nav-arrows a.nav-left i {font-size: 26px;line-height: 40px;}

.txt-subscribe {height: 30px;width: 135px;}
.btn-subscribe-container {height: 30px;}
.btn-subscribe {font-size: 13px;height: 30px;line-height: 31px;}
.btn-subscribe {padding: 0 14px;}
.subscribe-error-field, .subscribe-message {font-size: 12px;line-height: 16px;padding-top: 1px;}


}
@media only screen and (max-width: 568px) {
#logo {position: relative;
    transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;
    left: 0;
    top: 0;}
.cbox {left:50%;position:absolute;text-align: center;text-transform: uppercase;top:none;
    transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);
	-o-transform:translate(-50%, 0%);width:100%;}
.dash{width:60px;}
#nav-social {display:none;}
.wrap {padding: 80px 10px !important;}
.swiper-slide .hero-logo {background-size: 44px 58px;height: 250px; width: 250px;}
#hero-text h1 {font-size: 26px !important;margin-bottom: -25px !important; margin-top: 25px !important;}
#hero-text p {margin: 45px 0 15px !important;font-size:17px;}

 .footer-main .footer {padding-left: 10px;padding-right: 10px;padding-top: 8px;text-align: center;}
.footer-menu{display:none;}

.dash_title {font-size: 16px;line-height: 35px;}
.dash .digit {font-size: 16px; line-height: 13px;}
#fullscreen-slider .swiper-slide h1 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 10px;
}
.swiper-slide p {display: inline-block;font-size: 14px;font-style: italic;font-weight: 400;margin: 0 0 16px;padding: 0px 30px;line-height: 18px;}
#nav-arrows a.nav-right {height: 40px;margin: 0 -20px 0 0;right: 50%;width: 40px;}
#nav-arrows a.nav-left{height: 40px;margin:0 0 0 -20px;left:50%;width:40px;}
#nav-arrows a.nav-right i, #nav-arrows a.nav-left i {font-size: 26px;line-height: 40px;}

.txt-subscribe {height: 30px;width: 135px;}
.btn-subscribe-container {height: 30px;}
.btn-subscribe {font-size: 13px;height: 30px;line-height: 31px;}
.btn-subscribe {padding: 0 14px;}
.subscribe-error-field, .subscribe-message {font-size: 12px;line-height: 16px;padding-top: 1px;}

}


@media only screen and (max-width : 320px) {
.dash_title {font-size: 16px;line-height: 35px;}
.dash .digit {font-size: 16px; line-height: 13px;}
#fullscreen-slider .swiper-slide h1 {font-size: 14px;line-height: 18px; margin-top: 10px;}
.swiper-slide p {display: inline-block;font-size: 14px;font-style: italic;font-weight: 400;margin: 0 0 16px;padding: 0px 10px;line-height: 18px;}
#nav-arrows a.nav-right {height: 40px;margin: 0 -20px 0 0;right: 50%;width: 40px;}
#nav-arrows a.nav-left{height: 40px;margin:0 0 0 -20px;left:50%;width:40px;}
#nav-arrows a.nav-right i, #nav-arrows a.nav-left i {font-size: 26px;line-height: 40px;}
.footer-main {height: 30px;}
.footer-main .footer {padding-top: 1px;}

.second-meta{display:none;}
.txt-subscribe {height: 30px;width: 135px;}
.btn-subscribe-container {height: 30px;}
.btn-subscribe {font-size: 13px;height: 30px;line-height: 31px;}
.btn-subscribe {padding: 0 14px;}
.subscribe-error-field, .subscribe-message {font-size: 12px;line-height: 16px;padding-top: 1px;}

}