/*---------------------------------------------------------
Theme Name: Mars | Multipurpose Parallax Responsive Coming Soon and Under Construction Template
Theme URI: http://mars.grapestheme.com/
Author: Grapestheme
Author Email: grapestheme@gmail.com
Author URI: http://themeforest.net/user/Grapestheme
Description: Mars | Multipurpose Parallax Responsive Coming Soon and Under Construction Template
Version: 1.0
License: ThemeForest Regular & Extended License
License URI: http://themeforest.net/licenses/regular-extended
---------------------------------------------------------*/

/*
  ---------------------------------------------------------
              ++++++ TABLE of CONTENTS ++++++
  ---------------------------------------------------------

1)    Google Fonts
2)    Reset and Setup
3)    Typography 
4)    Helper Class
5)    Preloder
6)    Forms
7)    Header Logo
8)    Home Section
9)    Default Page Style
10)   Countdown Section
11)   Service Section
12)   Portfolio Section
13)   About Section
14)   Contact Section
15)   Subscribe Section
16)   Footer
17)   Error Page
18)   Under Construction

---------------------------------------------------------*/

@charset "utf-8";

/* ===================================
    Google font
====================================== */
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700,800';

/* ===================================
    Reset
====================================== */
*, *::after, *::before {
  box-sizing:border-box;
}

/* Reset Default Margin */
a, abbr, acronym, address, applet, 
big, blockquote, body, caption, 
cite, code, dd, del, dfn, div, dl,
dt, em, fieldset, form, h1, h2, h3,
h4, h5, h6, html, iframe, img, ins, 
kbd, label, legend, li, object, ol, 
p, pre, q, s, samp, section, small, span, 
strike, strong, sub, sup, table, 
tbody, td, tfoot, th, thead, tr, tt, ul, var {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-family:inherit;
  font-size:100%;
}

body {
  font-family:'Open Sans', sans-serif;
  font-size:14px;
  line-height:1.5;
  letter-spacing:0.02em;
  color:#212121;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
}

a, a:active {
  color:#616161;
  text-decoration:none;
}

a:hover, a:focus {
  color:#212121;
  text-decoration:none;
}

a:focus {
  outline:none !important;
}

i {
  color:#919191;
  -webkit-transition:color 0.3s ease 0s;
  -moz-transition:color 0.3s ease 0s;
  -ms-transition:color 0.3s ease 0s;
  -o-transition:color 0.3s ease 0s;
  transition:color 0.3s ease 0s;
}

img {
  max-width:100%;
  height:auto;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
}

video {
  display:table-cell;
  vertical-align:middle;
  width:100%;
  -ms-background-size:cover;
  background-size:cover;
}

ul {
  margin:0px;
  padding:0px;
}

input, textarea, select {
  display:inline-block;
  width:100%;
  font-family:'Open Sans', sans-serif;
  font-size:13px;
  line-height:16px;
  font-weight:700;
  letter-spacing:1px;
  color:rgba(33,33,33,0.6);
  background:transparent;
  margin:0 0 20px 0;
  padding:13px 15px;
  border:2px solid rgba(33,33,33,0.2);
  border-radius:0px;
  outline:none;
  box-shadow:none;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

input[type="submit"] {
  width:auto;
}

input[type="button"], 
input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="password"],
input[type="submit"], 
textarea {
  -webkit-appearance:none;
  border-radius:0;
}

input:focus, textarea:focus {
  color:rgba(33,33,33,1);
  outline:0;
  border:2px solid rgba(33,33,33,1);
  box-shadow:none;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

input[type="submit"]:focus {
  outline:none !important;
}

select::-ms-expand {
  display:none;
}

iframe {
  border:0;
}

ul {
  list-style:none outside none;
}

ul, ol, dl {
  list-style-position:outside;
}

::selection {
  color:#FFFFFF;
  background:rgba(0, 0, 0, 0.8);
}

::-moz-selection {
  color:#FFFFFF;
  background:rgba(0, 0, 0, 0.8);
}

::-webkit-input-placeholder {
  color:#919191;
  text-overflow:ellipsis;
}

:-moz-placeholder {
  color:#919191 !important;
  text-overflow:ellipsis;
  opacity:1;
}

::-moz-placeholder {
  color:#919191 !important;
  text-overflow:ellipsis;
  opacity:1;
}

:-ms-input-placeholder {
  color:#919191 !important;
  text-overflow:ellipsis;
  opacity:1;
}

::-webkit-scrollbar {
  width:8px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  -ms-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  -o-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  box-shadow:inset 0 0 6px rgba(0,0,0,.3);
}

::-webkit-scrollbar-thumb {
  border-radius:4px;
  background-color:#f9f9f9;
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  -ms-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  -o-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  box-shadow:inset 0 0 6px rgba(0,0,0,.3);
}

::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(210,210,210,.4);
}

/* ===================================
    Typography
====================================== */
/* Heading */
h1, h2, h3, h4, h5, h6 {
  text-transform:uppercase;
  margin:0;
  padding:0;
  color:#212121;
}

h1 {
  font-size:45px;
  line-height:50px;
}

h2 {
  font-size:40px;
  line-height:45px;
}

h3 {
  font-size:35px;
  line-height:40px;
}

h4 {
  font-size:25px;
  line-height:30px;
}

h5 {
  font-size:20px;
  line-height:25px;
}

h6 {
  font-size:18px;
  line-height:23px;
  font-weight:600;
}

/* Text Weight */
.font-weight-300 {
  font-weight:300 !important;
}

.font-weight-400 {
  font-weight:400 !important;
}

.font-weight-500 {
  font-weight:500 !important;
}

.font-weight-600 {
  font-weight:600 !important;
}

.font-weight-700 {
  font-weight:700 !important;
}

.italic {
  font-style:italic !important;
}

/* Text Color */
.white-text {
  color:#FFFFFF !important;
}

.dark-gray-text {
  color:#212121 !important;
}

.light-gray-text {
  color:#FFF !important;
}

.ex-light-gray-text {
  color:#919191 !important;
}

.accent-text {
  color:#1DAAA3 !important;
}

/* Text Size */
.text-ex {
  font-size:10px !important;
  line-height:15px!important;
}

.text-sm {
  font-size:12px !important;
  line-height:17px!important;
}

.text-md {
  font-size:14px !important;
  line-height:19px !important;
}

.text-lg {
  font-size:16px !important;
  line-height:21px !important;
}

.text-xl {
  font-size:18px !important;
  line-height:23px !important;
}

/* ===================================
    Helper Class
====================================== */
/* Background Color */
.main-bg {
  background:#FFFFFF !important;
}

.dark-gray-bg {
  background:#212121 !important;
}

.light-gray-bg {
  background:#f9f9f9 !important;
}

.accent-bg {
  background:#1DAAA3 !important;
}


/* Social Icon Color */
.fa-facebook:hover {
  color:#3B5998 !important;
}

.fa-twitter:hover {
  color:#00ACED !important;
}

.fa-linkedin:hover {
  color:#0077B5 !important;
}

.fa-dribbble:hover {
  color:#E14D85 !important;
}

.fa-tumblr:hover {
  color:#34465d !important;
}

.fa-instagram:hover {
  color:#3F729B !important;
}

.fa-skype:hover {
  color:#00AFF0 !important;
}

.fa-google:hover {
  color:#00AFF0 !important;
}

.fa-pinterest-p:hover {
  color:#BD081C !important;
}

.fa-vimeo:hover {
  color:#1AB7EA !important;
}

.fa-behance:hover {
  color:#016EDD !important;
}

.fa-youtube-play:hover {
  color:#CD201F !important;
}

.fa-google-plus:hover {
  color:#D34836 !important;
}

/* Icon Size */
.icon-xl {
  font-size:60px !important;
}

.icon-lg {
  font-size:50px !important;
}

.icon-md {
  font-size:40px !important;
  margin-bottom:15px !important;
}

.icon-sm {
  font-size:25px !important;
}

.icon-xs {
  font-size:18px !important;
}

/* Some Margin */
.no-margin {
  margin:0 !important;
}

.no-margin-lr {
  margin-left:0 !important;
  margin-right:0 !important;
}

.no-margin-tb {
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.no-margin-top {
  margin-top:0 !important;
}

.no-margin-bottom {
  margin-bottom:0 !important;
}

.margin-auto-lr {
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Some Padding */
.no-padding {
  padding:0 !important;
}

.no-padding-lr {
  padding-right:0 !important;
}

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

.no-padding-top {
  padding-top:0 !important;
}

.no-padding-bottom {
  padding-bottom:0 !important;
}

/* display */
.display-block {
  display:block !important;
}

.float-right {
  float:right;
}

.float-left {
  float:left;
}

.no-border {
  border:none !important;
}

/* Center Column */
.center-col {
  float:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Section Divider Line */
.divider-line {
  width:100%;
  height:1px;
  background:rgba(0,0,0,.1);
  margin:0 auto;
}

/* ===================================
    PRELOADER
====================================== */
/* PreLoder */
.preloder {
  position:fixed;
  display:table;
  width:100%;
  height:100%;
  max-height:100%;
  background:#FFFFFF;
  overflow:hidden;
  z-index:1024;
}

.preloder .preloader-container {
  display:table-cell;
  vertical-align:middle;
  -webkit-animation:fadeIn 1s forwards 0s;
  -moz-animation:fadeIn 1s forwards 0s;
  -ms-animation:fadeIn 1s forwards 0s;
  -o-animation:fadeIn 1s forwards 0s;
  animation:fadeIn 1s forwards 0s;
}

.preloder .preloader-container .preloader-content {
  text-align: center;
  margin: 0 auto;
}

.preloder .preloader-container .preloader-content .preloader-round {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: transparent;
  border: 5px solid #E5E5E5;
  border-radius: 50%;
}

.preloder .preloader-container .preloader-content .preloader-round:after {
  position:absolute;
  content:"";
  top:-5px;
  left:-5px;
  width:50px;
  height:50px;
  padding:0px;
  border-width:2px;
  border-style:solid;
  border-color:#1DAAA3 transparent transparent transparent;
  border-radius:50%;
  -webkit-animation:ringrotate 0.9s infinite ease-in-out 0s;
  -moz-animation:ringrotate 0.9s infinite ease-in-out 0s;
  -ms-animation:ringrotate 0.9s infinite ease-in-out 0s;
  -o-animation:ringrotate 0.9s infinite ease-in-out 0s;
  animation:ringrotate 0.9s infinite ease-in-out 0s;
}

@-webkit-keyframes ringrotate {
  0% {
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -ms-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg);
    transform:rotateZ(0deg);
  }

  100% {
    -webkit-transform:rotateZ(360deg);
    -moz-transform:rotateZ(360deg);
    -ms-transform:rotateZ(360deg);
    -o-transform:rotateZ(360deg);
    transform:rotateZ(360deg);
  }
}

/* Animation */
@keyframes ringrotate {
  0% {
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -ms-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg);
    transform:rotateZ(0deg);
  }

  100% {
    -webkit-transform:rotateZ(360deg);
    -moz-transform:rotateZ(360deg);
    -ms-transform:rotateZ(360deg);
    -o-transform:rotateZ(360deg);
    transform:rotateZ(360deg);
  }
}

.preloder .preloader-container .preloader-content .preloader-ripple {
  position:relative;
  display:inline-block;
  width:50px;
  height:50px;
  background-color:#E5E5E5;
  border-radius:50%;
  will-change:transform;
  -webkit-animation:scaleout 1.1s infinite ease-in-out 0s;
  -moz-animation:scaleout 1.1s infinite ease-in-out 0s;
  -ms-animation:scaleout 1.1s infinite ease-in-out 0s;
  -o-animation:scaleout 1.1s infinite ease-in-out 0s;
  animation:scaleout 1.1s infinite ease-in-out 0s;
}

/* Animation */
@-webkit-keyframes scaleout {
  0% {
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    opacity:0;
  }

  40% {
    opacity:1;
  }

  100% {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:0;
  }
}

@keyframes scaleout {
  0% {
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    opacity:0;
  }

  40% {
    opacity:1;
  }

  100% {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:0;
  }
}

/* ===================================
    FORMS
====================================== */
.btn {
  display:inline-block;
  font-family:'Open Sans', sans-serif !important;
  font-weight:700;
  font-size:13px;
  line-height:14px;
  letter-spacing:1px;
  padding:12px 25px;
  border:2px solid transparent;
  border-radius:0;
  text-transform:uppercase;
  width:auto;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
  vertical-align:top;
}

.btn-border {
  border:2px solid #212121;
  color:#212121;
  background-color:transparent;
}

.btn-border:hover,
.btn-border:focus,
.btn-border:active {
  border:2px solid #212121;
  color:#FFFFFF;
  background-color:#212121;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

.btn-fill {
  color:#FFFFFF;
  background-color:#212121;
  border: 2px solid#212121;
}

.btn-fill:hover,
.btn-fill:focus,
.btn-fill:active {
  color:#FFFFFF;
  border:2px solid #1DAAA3;
  background-color:#1DAAA3;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

.btn-rounded {
  border-radius:4px !important;
}

.btn-full-rounded {
  border-radius:50px !important;
}

.form-control {
  display:inline-block;
  width:100%;
  height:auto;
  font-family:'Open Sans', sans-serif;
  font-weight:700;
  font-size:13px;
  line-height:15px;
  letter-spacing:1px;
  color:rgba(33,33,33,0.6);
  background:transparent;
  padding:13px 15px;
  border:1px solid rgba(33,33,33,0.2);
  border-radius:0px;
  outline:none;
  box-shadow:none;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

.form-control:focus {
  color:rgba(33,33,33,1);
  border:1px solid rgba(33,33,33,1);
  outline:0;
  box-shadow:none;
}

.required-error {
  border:1px solid rgba(244,67,54,1) !important;
}

#success, #subscribe-success{
  position:relative;
  display:block;
  top:-15px;
  color:#27982c;
  font-weight:600;
  max-width:700px;
  margin:0 auto;
  padding:0 20px;
}

/* ===================================
    Hedader and Logo
====================================== */
.header {
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:60px;
  z-index:199;
}

.header .logo-container {
  position:relative;
  display:block;
  line-height:0;
  margin:18px 0;
  float:left;
}

/* Style for Logo Setting */
.header .logo-container img {
  width:268px;
  height:118px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

/* Style for Save Date Button*/
.header .save-date {
  position:relative;
  display:inline-block;
  width:auto;
  height:60px;
  background:#212121;
  line-height:60px;
}

.header .save-date .save-date-btn {
  font-size:14px;
  font-weight:600;
  letter-spacing:1px;
  color:#FFFFFF;
  padding:20px 20px;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

.header .save-date .save-date-btn i {
  color:#FFFFFF;
  margin:0 5px 0 0;
}

.header .save-date:hover,
.header .save-date:hover i {
  color:#FFFFFF;
  background:#1DAAA3;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

/* ===================================
    Home Section
====================================== */
#home.main {
  display:block;
  width:100%;
  height:100%;
  text-align:center;
  overflow:hidden;
}

.hero-background {
  position:absolute;
  display:block;
  top:-5%;
  bottom:-30px;
  left:-5%;
  width:110%;
  height:110% !important;
  background:#E1E1E1 no-repeat 50% 100%;
  background-position:center center;
  -ms-background-size:cover;
  background-size:cover;
}

.hero-overlay {
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  background:rgba(255, 255, 255,0.1);
}

#home ul li .main_content {
  display:block;
  text-align:center;
}

#home ul li .main_content .home-sub-text {
  position:relative;
  font-size:22px;
  line-height:32px;
  font-weight:600;
  
  color:#FFF;
  text-align:center;
  text-transform:uppercase;
}

#home ul li .main_content .home-big-text {
  position:relative;
  font-size:76px;
  line-height:86px;
  font-weight:800;
  color: #191919;
  text-align:center;
  text-transform:none;
  margin:20px 0;
}

#home ul li .main_content .home-big-text span {
  font-weight:400;
  color:#1DAAA3;
}

#home ul li .main_content .home-info-text {
  position:relative;
  font-size:20px;
  line-height:25px;
  font-weight:500;
  color:#FFF;
  text-align:center;
  text-transform:none;
  margin:0 0 40px 0;
}

/* Scroll-hint */
#home .arrow-hint {
  position:absolute;
  left:50%;
  bottom:20px;
  width:24px;
  height:88px;
  margin-left:-12px;
  overflow:hidden;
}

#home .arrow-hint .icon-arrow-hint {
  display:block;
  width:24px;
  height:30px;
  font-size:40px;
  color:#212121;
  margin-bottom:20px;
  overflow:hidden;
}

#home .arrow-hint .arrow-1 {
  -webkit-animation:arrow1 3s infinite ease-out 0s;
  -moz-animation:arrow1 3s infinite ease-out 0s;
  -ms-animation:arrow2 3s infinite ease-in 0s;
  -o-animation:arrow1 3s infinite ease-out 0s;
  animation:arrow1 3s infinite ease-out 0s;
  opacity:0;
}

#home .arrow-hint .arrow-2 {
  -webkit-animation:arrow2 3s infinite ease-in 0s;
  -moz-animation:arrow2 3s infinite ease-in 0s;
  -ms-animation:arrow2 3s infinite ease-in 0s;
  -o-animation:arrow2 3s infinite ease-in 0s;
  animation:arrow2 3s infinite ease-in 0s;
  opacity:1;
}

@-webkit-keyframes arrow1 {
  0% {
    opacity:0;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
  }

  90% {
    opacity: 0;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
  }

  100% {
    opacity:1;
    -webkit-transform:translate(0,36px);
    -moz-transform:translate(0,36px);
    -ms-transform:translate(0,36px);
    -o-transform:translate(0,36px);
    transform:translate(0,36px);
  }
}

@keyframes arrow1 {
  0% {
    opacity:0;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
  }

  90% {
    opacity:0;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
  }

  100% {
    opacity:1;
    -webkit-transform:translate(0,36px);
    -moz-transform:translate(0,36px);
    -ms-transform:translate(0,36px);
    -o-transform:translate(0,36px);
    transform:translate(0,36px);
  }
}

@-webkit-keyframes arrow2 {
  0% {
    opacity:1;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
  }

  90% {
    opacity:1;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
  }

  100% {
    opacity: 0;
    -webkit-transform:translate(0,36px);
    -moz-transform:translate(0,36px);
    -ms-transform:translate(0,36px);
    -o-transform:translate(0,36px);
    transform:translate(0,36px);
  }
}

@keyframes arrow2 {
  0% {
    opacity: 1;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
  }

  90% {
    opacity: 1;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0);
  }

  100% {
    opacity: 0;
    -webkit-transform:translate(0,36px);
    -moz-transform:translate(0,36px);
    -ms-transform:translate(0,36px);
    -o-transform:translate(0,36px);
    transform:translate(0,36px);
  }
}

/* Scene */
.scene {
  position:relative;
  display:block;
  height:100%;
  width:100%;
  padding:0;
  margin:0;
  overflow:hidden;
}

/* Layer */
.layer {
  position:absolute;
  display:block;
  height:100%;
  width:100%;
  padding:0;
  margin:0;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  -ms-transform:translate3d(0, 0, 0);
  -o-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
}

/* Style For Layer Img Scale */
.level-3 svg,.level-2 svg,.level-1 svg {
  -webkit-transform:scale(1.0,1.0);
  -moz-transform:scale(1.0,1.0);
  -ms-transform:scale(1.0,1.0);
  transform:scale(1.0);
}

.level-3,.level-2,.level-1 {
  position:absolute;
  display:block;
}

.level-1{
  -webkit-animation: rotate 7s 0.1s infinite linear;
  -moz-animation: rotate 7s 0.1s infinite linear;
  -ms-animation: rotate 7s 0.1s infinite linear;
  animation: rotate 7s 0.1s infinite linear;
}
.level-2{
  -webkit-animation: rotate 6s 0.1s infinite linear;
  -moz-animation: rotate 6s 0.1s infinite linear;
  -ms-animation: rotate 3s 0.1s infinite linear;
  animation: rotate 6s 0.1s infinite linear;
}
.level-3{
  -webkit-animation: rotate 5s 0.1s infinite linear;
  -moz-animation: rotate 5s 0.1s infinite linear;
  -ms-animation: rotate 5s 0.1s infinite linear;
  animation: rotate 5s 0.1s infinite linear;
}

/* Object Positioning For Level-1 */
.level-1.object-1 {
  left:30%;
  top:30%;
}
.level-1.object-2 {
  left:20%;
  bottom:20%;
}
.level-1.object-3 {
  right:10%;
  top:10%;
}
.level-1.object-4 {
  right:0%;
  bottom:25%;
}

/* Object Positioning For Level-2 */
.level-2.object-1 {
  right:30%;
  top:30%;
}
.level-2.object-2 {
  left:10%;
  bottom:10%;
}

.level-2.object-3 {
  right:20%;
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
}
.level-2.object-4 {
  left:0%;
  top:20%;
}
.level-2.object-5 {
  right:10%;
  bottom:0%;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}


/* Object Positioning For Level-3 */
.level-3.object-1 {
  right:50%;
  bottom:10%;
  transform:translateX(-50%);
}
.level-3.object-2 {
  right:50%;
  top:10%;
  transform:translateX(-50%);
}
.level-3.object-3 {
  top:10%;
  left:20%;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.level-3.object-4{
  left:10%;
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.level-3.object-5 {
  right:30%;
  bottom:20%;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-ms-keyframes rotate {
  0% {
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  100% {
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  100% {
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

/* ===================================
    Default Page Style
====================================== */
section.section {
  position:relative;
  padding:80px 0 90px;
  overflow:hidden;
}

section .title-container .section-title {
  font-size:30px;
  font-weight:700;
  text-transform:uppercase;
}

section .title-container .section-sub-title {
  display:block;
  font-size:20px;
  font-weight:300;
  max-width:700px;
  margin:10px auto 0;
}

section .title-container {
  margin-bottom:60px;
}

section .title-container:after {
  content:'';
  display:block;
  width:70px;
  border-top:3px solid #1DAAA3;
  margin:30px auto 0;
}

.scrollToTop {
  position:fixed;
  display:none;
  right:20px;
  bottom:32px;
  width:30px;
  height:30px;
  font-size:22px;
  line-height:25px;
  color:#FFFFFF !important;
  text-align:center;
  background-color:#212121;
  border-radius:2px;
  z-index:55;
}

.scrollToTop:hover {
  background:#1DAAA3;
}

.scrollToTop i {
  color:#FFFFFF !important;
}

/* ===================================
    Countdown Section
====================================== */
#countdown .number-container {
  text-align:center;
  border-left:1px solid rgba(0, 0, 0, 0.1);
}

#countdown .number-container span {
  display:block;
  font-weight:600;
  text-transform:uppercase;
  color:#1DAAA3;
}

/* ===================================
    Service Section
====================================== */
#service .service-box {
  text-align:center;
  margin-bottom:60px;
}

#service .service-box:hover .icon-container i {
  color:#1DAAA3 !important;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

#service .service-box .icon-container {
  display:block;
  margin-bottom:30px;
}

#service .service-box .service-title {
  font-weight:600;
  letter-spacing:0;
  margin-bottom:15px;
}

#service .service-box .service-info {
  padding:0 20px;
}

/* ===================================
    Portfolio Section
====================================== */
#portfolio .gallery li {
  display:block;
  width:33.3333333%;
  float:left;
}

#portfolio .gallery .gallery-img {
  margin:5px;
  opacity:1;
  overflow:hidden;
  -webkit-transition: ll 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

#portfolio .gallery .gallery-img a {
  position:relative;
  display:block;
  z-index:2;
}

#portfolio .gallery .gallery-img a img.thumb {
  background-color:#FFFFFF;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

#portfolio .gallery .gallery-img:hover img.thumb {
  opacity:0.8;
  cursor:url("../images/zoom-in.png"), pointer;
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor:-moz-zoom-out;
  cursor:-webkit-zoom-out;
  cursor:url("../images/zoom-out.png"), pointer;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity:0;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition:all 0.3s ease-out 0s;
  -moz-transition:all 0.3s ease-out 0s;
  -ms-transition:all 0.3s ease-out 0s;
  -o-transition:all 0.3s ease-out 0s;
  transition:all 0.3s ease-out 0s;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity:1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  background:#FFFFFF;
  opacity:0.9;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity:0;
}

.mfp-title {
  color:#212121;
}

.mfp-image-holder .mfp-close, 
.mfp-iframe-holder .mfp-close {
  right:-6px;
  width:100%;
  color:#212121;
  text-align:right;
  padding-right:6px;
}

.mfp-counter {
  color: #616161;
}

/* ===================================
    About Section
====================================== */
#about .team-container {
  text-align:center;
}

#about .team-container .team-image:hover img {
  opacity:0.8;
  -webkit-transition:opacity 0.3s ease 0s;
  -moz-transition:opacity 0.3s ease 0s;
  -ms-transition:opacity 0.3s ease 0s;
  -o-transition:opacity 0.3s ease 0s;
  transition:opacity 0.3s ease 0s;
}

#about .team-container h4 {
  font-size:18px;
  line-height:23px;
  font-weight:600;
  padding-top:30px;
  margin:0 0 10px;
}

#about .team-container span {
  display:block;
  font-size:14px;
  color:#1daaa3;
}

#about .team-container .team-social {
  list-style:none;
  margin:15px 0 0;
  padding:0;
}

#about .team-container .team-social li {
  display:inline-block;
  margin:0 5px;
}

/* ===================================
    Contact Section
====================================== */
#contact .page-section {
  margin-top:50px;
}

#contact .page-section #googlemap {
  position:relative;
  display:block;
  height:400px;
  background-color:#212121;
  z-index:1;
}

#contact .page-section .contact-form {
  max-width:600px;
  height:400px;
  background:#FFFFFF;
  padding:40px 60px;
}

#contact .page-section .contact-form .form-title {
  font-size:18px;
  line-height:23px;
  font-weight:600;
  margin:0 0 20px;
}

/* ===================================
    Subscribe Section
====================================== */
#subscribe .subscribe-form {
  width: 40%;
}

/* ===================================
    Footer
====================================== */
#footer {
  position:relative;
  padding:30px 0;
}

#footer .footer-social a i {
  width:35px;
  height:35px;
  font-size:16px;
  line-height:35px;
  color:#FFFFFF !important;
  text-align:center;
  background:#000000;
  border-radius:50%;
  margin:0 0 0 5px;
  -webkit-transition:background 0.3s ease 0s;
  -moz-transition:background 0.3s ease 0s;
  -ms-transition:background 0.3s ease 0s;
  -o-transition:background 0.3s ease 0s;
  transition:background 0.3s ease 0s;
}

#footer .footer-social a i:hover {
  -webkit-transition:background 0.3s ease 0s;
  -moz-transition:background 0.3s ease 0s;
  -ms-transition:background 0.3s ease 0s;
  -o-transition:background 0.3s ease 0s;
  transition:background 0.3s ease 0s;
}

#footer .footer-social a .fa-facebook:hover {
  background:#3B5998 !important;
}

#footer .footer-social a .fa-twitter:hover {
  background:#00ACED !important;
}

#footer .footer-social a .fa-linkedin:hover {
  background:#0077B5 !important;
}

#footer .footer-social a .fa-dribbble:hover {
  background:#E14D85 !important;
}

#footer .footer-social a .fa-tumblr:hover {
  background:#34465d !important;
}

#footer .footer-social a .fa-instagram:hover {
  background:-webkit-gradient(radial, 33% 100%, 0, 33% 100%, 221, color-stop(1.00, #515ECF), color-stop(0.81, #9B36B7), color-stop(0.63, #D92E7F), color-stop(0.32, #F15245), color-stop(0.04, #FED373));
  background:-webkit-radial-gradient(33% 100%, circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF 100%) !important;
  background:-moz-radial-gradient(33% 100%, circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF 100%) !important;
  background:-o-radial-gradient(33% 100%, circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF 100%) !important;
  background:-ms-radial-gradient(33% 100%, circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF 100%) !important;
  background:radial-gradient(33% 100%, circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF 100%) !important;
}

#footer .footer-social a .fa-skype:hover {
  background:#00AFF0 !important;
}

#footer .footer-social a .fa-google:hover {
  background:#00AFF0 !important;
}

#footer .footer-social a .fa-pinterest-p:hover {
  background:#BD081C !important;
}

#footer .footer-social a .fa-vimeo:hover {
  background:#1AB7EA !important;
}

#footer .footer-social a .fa-behance:hover {
  background:#016EDD !important;
}

#footer .footer-social a .fa-youtube-play:hover {
  background:#CD201F !important;
}

#footer .footer-social a .fa-google-plus:hover {
  background:#D34836 !important;
}

#footer .copy {
  line-height:35px;
  color:#919191;
}

#footer .copy {
  line-height:35px;
  color:#919191;
}

#footer .copy:hover {
  color:#FFFFFF;
}


/* ===================================
    Error Page
====================================== */
.main_content .error-big-text {
  position:relative;
  font-size:148px;
  line-height:120px;
  font-weight:600;
  color:#191919;
  text-align:center;
  text-transform:none;
  margin:15px 0;
}

.main_content .error-sub-text {
  position:relative;
  font-size:16px;
  line-height:26px;
  color:#191919;
  text-align:center;
  text-transform:none;
  margin:0 0 30px 0;
}

.error-page-footer {
  position:absolute;
  display:block;
  bottom:0;
  width:100%;
  height:auto;
}

.error-page-footer .copy{
  position:relative;
  display:inline-block;
  line-height:57px;
  color:#212121;
  visibility:visible;
  opacity:1; 
}

.error-page-footer .social {
  position:relative;
  display:inline-block;
  float:right;
  padding:18px 0;
}

.error-page-footer .social a i {
  font-size:18px;
  line-height:20px;
  color:#212121;
  text-align:center;
  padding:0 0 0 10px;
  text-align:center;
  -webkit-transition:background 0.3s ease 0s;
  -moz-transition:background 0.3s ease 0s;
  -ms-transition:background 0.3s ease 0s;
  -o-transition:background 0.3s ease 0s;
  transition:background 0.3s ease 0s;
}


/* ===================================
    Under Construction
====================================== */
#under-construction-countdown{
  margin:15px auto 30px;
}

#under-construction-countdown .number-container {
  text-align:center;
  border-left:1px solid rgba(0, 0, 0, 0.1);
}

#under-construction-countdown .number-container .icon-lg{
  color:#212121;
}

#under-construction-countdown .number-container span {
  display:block;
  font-weight:600;
  text-transform:uppercase;
  color:#FFF;
}

.under-construction-form {
  display:block;
  width:40%;
  margin:0 auto 20px;
  color: rgba(33, 33, 33, 0.6);
  border: 1px solid rgba(33, 33, 33, 0.2);
}

.under-construction-form:focus {
  color: rgba(33, 33, 33, 1);
  border: 1px solid rgba(33, 33, 33, 1);
}


.under-construction-footer {
  position:absolute;
  display:block;
  bottom:0;
  width:100%;
  height:auto;
}

.under-construction-footer .copy{
  position:relative;
  display:inline-block;
  line-height:57px;
  color:#212121;
  visibility:visible;
  opacity:1; 
}

.under-construction-footer .social {
  position:relative;
  display:inline-block;
  float:right;
  padding:18px 0;
}

.under-construction-footer .social a i {
  font-size:18px;
  line-height:20px;
  color:#212121;
  text-align:center;
  padding:0 0 0 10px;
  text-align:center;
  -webkit-transition:background 0.3s ease 0s;
  -moz-transition:background 0.3s ease 0s;
  -ms-transition:background 0.3s ease 0s;
  -o-transition:background 0.3s ease 0s;
  transition:background 0.3s ease 0s;
}