@import url("http://fonts.googleapis.com/css?family=Raleway:400,200,300,500,600,700");
/*Theme Name : Gold Studio
Theme URI    : http://themeforest.net/user/themeroyal
Author       : THEMEROYAL
Author URI   : http://themeforest.net/user/themeroyal
Version      : 1.0
Text Domain  : progression
/*-------------------------------------------------------*/
/**
 * Table Content

***** Component *****

  + Reset style some tag
  + Typography
  + Common Attribute
  + Section
  + Icon
  + Button
  + Input

***** Common Module *****

  + Header
  + Footer
  + Navigator

***** Single Module *****

  + Home
  + About
  + Client
  + Service
  + Team
  + Slider Carousel
  + Pricing Table
  + Contact
  + Video
  + Blog vs Blog-shortcode
  + 404 And Underconstruction

 */
/**
 * Component
 */
/* Reset style some tag */
html, body {
  width: 100%;
  padding: 0;
  margin: 0; }
  html ::-webkit-scrollbar, body ::-webkit-scrollbar {
    width: 6px; }
  html ::-webkit-scrollbar-track, body ::-webkit-scrollbar-track {
    background: transparent; }
  html ::-webkit-scrollbar-thumb, body ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #222222; }
  html * ::-webkit-scrollbar-thumb, body * ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #555555; }

a, a:hover, a:focus {
  color: inherit;
  text-decoration: none;
  outline: none; }

dl, dt, dd {
  font-weight: 400;
  margin: 0;
  padding: 0; }

/* Typography */
/*Google font*/
body {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #222222;
  font-weight: 400;
  -webkit-font-smoothing: antialiased; }

h1 {
  font-size: 70px; }

h2 {
  font-size: 45px; }

h3 {
  font-size: 36px; }

h4 {
  font-size: 24px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 14px; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  font-weight: 700;
  margin: 0;
  padding: 0;
  margin-bottom: 25px; }

p {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  margin-bottom: 25px; }

hr {
  display: block;
  max-width: 75px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25.2px;
  border: none;
  border-top: 1px solid #222222; }
  hr.gs-left-hr {
    margin-left: 0; }
  hr.gs-right-hr {
    margin-right: 0; }

.gs-fw-bold {
  font-weight: 700; }

.gs-fw-semibold {
  font-weight: 600; }

.gs-fw-medium {
  font-weight: 500; }

.gs-fw-normal {
  font-weight: 400; }

.gs-fw-light {
  font-weight: 300; }

.gs-fs-1 {
  font-size: 14px; }

.gs-fs-2 {
  font-size: 18px; }

.gs-fs-3 {
  font-size: 24px; }

.gs-fs-4 {
  font-size: 36px; }

.gs-fs-5 {
  font-size: 45px; }

.gs-fs-6 {
  font-size: 70px; }

::-moz-selection {
  background: #FF5049;
  color: #FFFFFF; }

::selection {
  background: #FF5049;
  color: #FFFFFF; }

/* Common Attribute */
/* Common background */
.gs-bg-gray {
  background-color: #EEEEEE; }

.gs-bg-main {
  background-color: #FF5049; }

.gs-bg-dark {
  background-color: #222222; }

.gs-bg-light {
  background-color: #FFFFFF; }

.gs-bg-trans {
  background-color: transparent; }

.gs-bg-trans-light {
  background-color: rgba(255, 255, 255, 0.3); }

.gs-bg-trans {
  background-color: rgba(0, 0, 0, 0.3); }

/* Common color */
.gs-color-gray {
  color: #EEEEEE; }

.gs-color-main {
  color: #FF5049; }

.gs-color-dark {
  color: #222222; }

.gs-color-light {
  color: #FFFFFF; }

.gs-color-trans {
  color: transparent; }

.gs-color-trans-light {
  color: rgba(255, 255, 255, 0.3); }

.gs-color-trans {
  color: rgba(0, 0, 0, 0.3); }

/* Some spacing to hotfix */
.gs-mg-5 {
  margin: 5px; }

.gs-mg-t-5 {
  margin-top: 5px; }

.gs-mg-b-5 {
  margin-bottom: 5px; }

.gs-mg-l-5 {
  margin-left: 5px; }

.gs-mg-r-5 {
  margin-right: 5px; }

.gs-mg-10 {
  margin: 10px; }

.gs-mg-t-10 {
  margin-top: 10px; }

.gs-mg-b-10 {
  margin-bottom: 10px; }

.gs-mg-l-10 {
  margin-left: 10px; }

.gs-mg-r-10 {
  margin-right: 10px; }

.gs-mg-15 {
  margin: 15px; }

.gs-mg-t-15 {
  margin-top: 15px; }

.gs-mg-b-15 {
  margin-bottom: 15px; }

.gs-mg-l-15 {
  margin-left: 15px; }

.gs-mg-r-15 {
  margin-right: 15px; }

.gs-mg-20 {
  margin: 20px; }

.gs-mg-t-20 {
  margin-top: 20px; }

.gs-mg-b-20 {
  margin-bottom: 20px; }

.gs-mg-l-20 {
  margin-left: 20px; }

.gs-mg-r-20 {
  margin-right: 20px; }

.gs-mg-25 {
  margin: 25px; }

.gs-mg-t-25 {
  margin-top: 25px; }

.gs-mg-b-25 {
  margin-bottom: 25px; }

.gs-mg-l-25 {
  margin-left: 25px; }

.gs-mg-r-25 {
  margin-right: 25px; }

.gs-mg-30 {
  margin: 30px; }

.gs-mg-t-30 {
  margin-top: 30px; }

.gs-mg-b-30 {
  margin-bottom: 30px; }

.gs-mg-l-30 {
  margin-left: 30px; }

.gs-mg-r-30 {
  margin-right: 30px; }

.gs-mg-35 {
  margin: 35px; }

.gs-mg-t-35 {
  margin-top: 35px; }

.gs-mg-b-35 {
  margin-bottom: 35px; }

.gs-mg-l-35 {
  margin-left: 35px; }

.gs-mg-r-35 {
  margin-right: 35px; }

.gs-mg-40 {
  margin: 40px; }

.gs-mg-t-40 {
  margin-top: 40px; }

.gs-mg-b-40 {
  margin-bottom: 40px; }

.gs-mg-l-40 {
  margin-left: 40px; }

.gs-mg-r-40 {
  margin-right: 40px; }

.gs-mg-45 {
  margin: 45px; }

.gs-mg-t-45 {
  margin-top: 45px; }

.gs-mg-b-45 {
  margin-bottom: 45px; }

.gs-mg-l-45 {
  margin-left: 45px; }

.gs-mg-r-45 {
  margin-right: 45px; }

.gs-mg-50 {
  margin: 50px; }

.gs-mg-t-50 {
  margin-top: 50px; }

.gs-mg-b-50 {
  margin-bottom: 50px; }

.gs-mg-l-50 {
  margin-left: 50px; }

.gs-mg-r-50 {
  margin-right: 50px; }

.gs-mg-55 {
  margin: 55px; }

.gs-mg-t-55 {
  margin-top: 55px; }

.gs-mg-b-55 {
  margin-bottom: 55px; }

.gs-mg-l-55 {
  margin-left: 55px; }

.gs-mg-r-55 {
  margin-right: 55px; }

.gs-mg-60 {
  margin: 60px; }

.gs-mg-t-60 {
  margin-top: 60px; }

.gs-mg-b-60 {
  margin-bottom: 60px; }

.gs-mg-l-60 {
  margin-left: 60px; }

.gs-mg-r-60 {
  margin-right: 60px; }

.gs-mg-65 {
  margin: 65px; }

.gs-mg-t-65 {
  margin-top: 65px; }

.gs-mg-b-65 {
  margin-bottom: 65px; }

.gs-mg-l-65 {
  margin-left: 65px; }

.gs-mg-r-65 {
  margin-right: 65px; }

.gs-mg-70 {
  margin: 70px; }

.gs-mg-t-70 {
  margin-top: 70px; }

.gs-mg-b-70 {
  margin-bottom: 70px; }

.gs-mg-l-70 {
  margin-left: 70px; }

.gs-mg-r-70 {
  margin-right: 70px; }

.gs-mg-75 {
  margin: 75px; }

.gs-mg-t-75 {
  margin-top: 75px; }

.gs-mg-b-75 {
  margin-bottom: 75px; }

.gs-mg-l-75 {
  margin-left: 75px; }

.gs-mg-r-75 {
  margin-right: 75px; }

.gs-mg-80 {
  margin: 80px; }

.gs-mg-t-80 {
  margin-top: 80px; }

.gs-mg-b-80 {
  margin-bottom: 80px; }

.gs-mg-l-80 {
  margin-left: 80px; }

.gs-mg-r-80 {
  margin-right: 80px; }

.gs-mg-85 {
  margin: 85px; }

.gs-mg-t-85 {
  margin-top: 85px; }

.gs-mg-b-85 {
  margin-bottom: 85px; }

.gs-mg-l-85 {
  margin-left: 85px; }

.gs-mg-r-85 {
  margin-right: 85px; }

.gs-mg-90 {
  margin: 90px; }

.gs-mg-t-90 {
  margin-top: 90px; }

.gs-mg-b-90 {
  margin-bottom: 90px; }

.gs-mg-l-90 {
  margin-left: 90px; }

.gs-mg-r-90 {
  margin-right: 90px; }

.gs-mg-95 {
  margin: 95px; }

.gs-mg-t-95 {
  margin-top: 95px; }

.gs-mg-b-95 {
  margin-bottom: 95px; }

.gs-mg-l-95 {
  margin-left: 95px; }

.gs-mg-r-95 {
  margin-right: 95px; }

/* Speical div */
.gs-overlay, .gs-overlay-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 512; }

.gs-overlay-bg {
  z-index: -1; }

.gs-nopadding {
  padding: 0 !important; }

.gs-col-nopadding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.gs-center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.gs-middle {
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.gs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.gs-bottom {
  position: absolute;
  display: block;
  top: 100%;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%); }

.gs-ab-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .gs-ab-center:before, .gs-ab-center:after {
    content: " ";
    display: table; }
  .gs-ab-center:after {
    clear: both; }

.gs-ab-bottom {
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%); }
  .gs-ab-bottom:before, .gs-ab-bottom:after {
    content: " ";
    display: table; }
  .gs-ab-bottom:after {
    clear: both; }

/* Section */
main {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%; }
  main:before, main:after {
    content: " ";
    display: table; }
  main:after {
    clear: both; }
  main > section {
    position: relative;
    display: block;
    padding-top: 120px;
    padding-bottom: 30px; }
    main > section:before, main > section:after {
      content: " ";
      display: table; }
    main > section:after {
      clear: both; }
    main > section .gs-section-item, main > section header {
      padding-bottom: 70px; }

section header {
  text-align: center; }
  section header.gs-left-header-xlg, section header.gs-left-header-lg, section header.gs-left-header-md {
    text-align: left; }
    section header.gs-left-header-xlg p, section header.gs-left-header-xlg hr, section header.gs-left-header-lg p, section header.gs-left-header-lg hr, section header.gs-left-header-md p, section header.gs-left-header-md hr {
      margin-left: 0; }
  section header p {
    max-width: 1100px;
    display: block;
    margin-left: auto;
    margin-right: auto; }

/*Responsive Section*/
@media (max-width: 1441px) {
  section header.gs-left-header-xlg {
    text-align: center; }
    section header.gs-left-header-xlg p, section header.gs-left-header-xlg hr {
      margin-left: auto; } }

@media (max-width: 1201px) {
  section header.gs-left-header-lg {
    text-align: center; }
    section header.gs-left-header-lg hr {
      margin-left: auto; } }

@media (max-width: 993px) {
  section header.gs-left-header-md {
    text-align: center; }
    section header.gs-left-header-md hr {
      margin-left: auto; } }

/* Icon */
/* Icon */
.gs-icon-small {
  font-size: 16px; }

.gs-icon-medium {
  font-size: 45px; }

.gs-icon-large {
  font-size: 58px; }

.gs-logo {
  width: 220px;
  height: 70px;
  position: relative;
  display: inline-block;
  background: url('../images/mblogo.png') no-repeat center;
  background-size: 100% auto; }
  .gs-logo.gs-large-logo {
    width: 60px;
    height: 60px; }
  .gs-logo.gs-small-logo {
    width: 30px;
    height: 30px; }

.gs-dark-logo {
  width: 241px;
  height: 76px;
  position: relative;
  display: inline-block;
  background: url('../images/mbdarklogo.png') no-repeat center;
  background-size: 100% auto; }
  .gs-dark-logo.gs-large-logo {
    width: 241px;
    height: 76px; }
  .gs-dark-logo.gs-small-logo {
    width: 120px;
    height: 38px; }
	
.gs-nav-logo {
  width: 185px;
  height: 40px;
  padding: 0px;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  display: inline-block;
  background: url('../images/mbdarknavlogo.png') no-repeat center;
  background-size: 100% auto; }


/* Button */
.gs-btn-1 {
  padding: 20px 55px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0px;
  display: inline-block;
  color: #222222;
  background: #FFFFFF;
  border: 1px solid #222222;
  font-weight: 700;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }
  .gs-btn-1:hover, .gs-btn-1:focus, .gs-btn-1.focus, .gs-btn-1:active, .gs-btn-1.active {
    outline: none;
    color: #FFFFFF;
    background-color: #222222;
    border: 1px solid #222222; }

.gs-btn-2 {
  padding: 20px 55px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0px;
  display: inline-block;
  color: #FFFFFF;
  background: transparent;
  border: 1px solid #FFFFFF;
  font-weight: 700;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }
  .gs-btn-2:hover, .gs-btn-2:focus, .gs-btn-2.focus, .gs-btn-2:active, .gs-btn-2.active {
    outline: none;
    color: #222222;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF; }

.gs-btn-3 {
  padding: 20px 55px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0px;
  display: inline-block;
  color: #FFFFFF;
  background: #FF5049;
  border: 1px solid #FF5049;
  font-weight: 700;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }
  .gs-btn-3:hover, .gs-btn-3:focus, .gs-btn-3.focus, .gs-btn-3:active, .gs-btn-3.active {
    outline: none;
    color: #FFFFFF;
    background-color: #222222;
    border: 1px solid #222222; }

.gs-btn-icon-1 {
  padding: 20px 55px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0px;
  display: inline-block;
  color: #222222;
  background: #FFFFFF;
  border: 1px solid #222222;
  font-weight: 700;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  position: relative;
  padding-left: 123px; }
  .gs-btn-icon-1:hover, .gs-btn-icon-1:focus, .gs-btn-icon-1.focus, .gs-btn-icon-1:active, .gs-btn-icon-1.active {
    outline: none;
    color: #FFFFFF;
    background-color: #222222;
    border: 1px solid #222222; }
  .gs-btn-icon-1:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 100%;
    border-right: 1px solid #222222;
    display: inline-block;
    background-image: url('../images/gold-dark-logo.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 36px auto;
    background-color: #FFFFFF;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s; }
  .gs-btn-icon-1:hover, .gs-btn-icon-1:focus, .gs-btn-icon-1:active, .gs-btn-icon-1.active {
    padding-left: 55px; }
    .gs-btn-icon-1:hover:before, .gs-btn-icon-1:focus:before, .gs-btn-icon-1:active:before, .gs-btn-icon-1.active:before {
      opacity: 0;
      background-color: #222222; }

.gs-btn-icon-2 {
  padding: 20px 55px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0px;
  display: inline-block;
  color: #FFFFFF;
  background: transparent;
  border: 1px solid #FFFFFF;
  font-weight: 700;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  position: relative;
  padding-left: 123px; }
  .gs-btn-icon-2:hover, .gs-btn-icon-2:focus, .gs-btn-icon-2.focus, .gs-btn-icon-2:active, .gs-btn-icon-2.active {
    outline: none;
    color: #222222;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF; }
  .gs-btn-icon-2:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 100%;
    border-right: 1px solid #FFFFFF;
    display: inline-block;
    background-image: url('../images/gold-logo.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 36px auto;
    background-color: transparent;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s; }
  .gs-btn-icon-2:hover {
    padding-left: 55px; }
    .gs-btn-icon-2:hover:before {
      opacity: 0; }

/* Input */
/*Input*/
input[type="text"], input[type="search"], input[type="email"], input[type="number"], input[type="date"], input[type="tel"], input[type="url"], textarea {
  outline: none;
  resize: none;
  padding: 20px 20px;
  line-height: 20px;
  border: 1px solid #c9c9c9;
  background-color: #EEEEEE; }
  input[type="text"]:focus, input[type="text"].active, input[type="search"]:focus, input[type="search"].active, input[type="email"]:focus, input[type="email"].active, input[type="number"]:focus, input[type="number"].active, input[type="date"]:focus, input[type="date"].active, input[type="tel"]:focus, input[type="tel"].active, input[type="url"]:focus, input[type="url"].active, textarea:focus, textarea.active {
    border-color: #FF5049; }

::-webkit-input-placeholder {
  color: #222222; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #222222; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #222222; }

:-ms-input-placeholder {
  color: #222222; }

/**
 * Common Module
 */
/* Header */
/*Header section*/
header {
  position: relative; }

.gs-main-header {
  padding-top: 120px;
  height: 600px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  text-align: center; }
  .gs-main-header:before, .gs-main-header:after {
    content: " ";
    display: table; }
  .gs-main-header:after {
    clear: both; }
  .gs-main-header hr {
    border-color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 30px; }
  .gs-main-header .gs-header-caption {
    font-weight: 400;
    line-height: 1.6; }
  .gs-main-header .gs-header-bg {
    background-image: url("../images/page-heading-bg.jpg");
    background-attachment: fixed;
    background-position: 50% 0%;
    background-size: cover; }

.gs-main-header-fullheight {
  padding-top: 120px;
  height: 1080px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  text-align: center; }
  .gs-main-header-fullheight:before, .gs-main-header-fullheight:after {
    content: " ";
    display: table; }
  .gs-main-header-fullheight:after {
    clear: both; }
  .gs-main-header-fullheight hr {
    border-color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 30px; }
  .gs-main-header-fullheight .gs-main-header-fh-wrapper {
    height: 100%; }
  .gs-main-header-fullheight .gs-header-bg {
    background-image: url("../images/page-heading-fullheight-bg.jpg");
    background-attachment: fixed;
    background-position: 50% 0%;
    background-size: cover; }

/*Responsive header section*/
@media (max-width: 993px) {
  .gs-main-header {
    height: 500px; }
    .gs-main-header h1 {
      font-size: 60px; } }

@media (max-width: 769px) {
  .gs-main-header {
    height: 450px; }
    .gs-main-header h1 {
      font-size: 50px; }
    .gs-main-header .gs-header-caption {
      font-size: 18px; } }

/* Footer */
/* Footer */
.gs-footer-adv {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 80px;
  text-align: center;
  background: #FF5049;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600; }
  .gs-footer-adv a {
    height: 80px;
    display: inline-block;
    vertical-align: middle; }
    .gs-footer-adv a span {
      display: block;
      float: left; }
    .gs-footer-adv a .icon {
      position: relative;
      font-size: 60px;
      display: inline-block; }
      .gs-footer-adv a .icon:before {
        float: left; }

.gs-footer-content {
  background-color: #222222;
  color: #FFFFFF;
  line-height: 40px;
  padding-top: 40px;
  padding-bottom: 30px;
  font-weight: 600; }
  .gs-footer-content .footer-social {
    text-align: right;
    margin-left: -25px; }
    .gs-footer-content .footer-social a {
      margin-left: 25px;
      font-size: 16px;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s; }
      .gs-footer-content .footer-social a:hover {
        color: #FF5049; }

/* Responsive footer */
@media (max-width: 769px) {
  .gs-footer-content {
    text-align: center; }
    .gs-footer-content .footer-social {
      text-align: center; } }

/* Navigator */
/* Nav fix */
.gs-navfix {
  position: fixed;
  top: -75px;
  width: 100%;
  background-color: #FFFFFF;
  opacity: 0;
  color: #505050;
  border-bottom: 1px solid #EEEEEE;
  padding-top: 16px;
  padding-bottom: 16px;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }
  .gs-navfix:before, .gs-navfix:after {
    content: " ";
    display: table; }
  .gs-navfix:after {
    clear: both; }
  .gs-navfix.gs-appear {
    z-index: 1000;
    opacity: 1;
    top: 0; }
  .gs-navfix .gs-navfix-brand {
    float: left;
    line-height: 30px; }
    .gs-navfix .gs-navfix-brand .gs-dark-logo {
      position: relative;
      display: block;
      float: inline-block;
      float: left;
      width: 34px;
      height: 30px;
      opacity: 0.82; }
    .gs-navfix .gs-navfix-brand .gs-brand {
      position: relative;
      display: inline-block;
      float: left;
      top: 3px;
      margin-left: 5px;
      font-size: 20px; }
  .gs-navfix .gs-navfix-content {
    float: right;
    line-height: 30px; }
    .gs-navfix .gs-navfix-content a {
      position: relative;
      display: block;
      float: left;
      font-weight: 600;
      margin-right: 25px; }
    .gs-navfix .gs-navfix-content i.gs-hamburger {
      position: relative;
      display: block;
      float: left;
      font-size: 24px; }
      .gs-navfix .gs-navfix-content i.gs-hamburger:before {
        float: left; }

/*Responsive navfix*/
@media (max-width: 769px) {
  .gs-navfix .gs-navfix-content a {
    display: none; } }

/* Nav static */
.gs-nav-static {
  position: absolute;
  width: 100%;
  top: 40px;
  z-index: 999;
  color: #FFFFFF; }
  .gs-nav-static:before, .gs-nav-static:after {
    content: " ";
    display: table; }
  .gs-nav-static:after {
    clear: both; }
  .gs-nav-static .gs-logo, .gs-nav-static .gs-brand {
    position: relative;
    float: left;
    display: inline-block; }
  .gs-nav-static .gs-brand {
    font-size: 30px;
    padding-top: 5px;
    margin-left: 10px; }
  .gs-nav-static .gs-nav-static-hamburger {
    position: relative;
    float: right; }
    .gs-nav-static .gs-nav-static-hamburger .gs-icon:before, .gs-nav-static .gs-nav-static-hamburger .gs-icon:after {
      content: " ";
      display: table; }
    .gs-nav-static .gs-nav-static-hamburger .gs-icon:after {
      clear: both; }
    .gs-nav-static .gs-nav-static-hamburger .gs-icon i {
      position: relative;
      float: left;
      display: block;
      padding: 10px;
      background-color: #222222;
      line-height: 40px;
      font-size: 40px; }
      .gs-nav-static .gs-nav-static-hamburger .gs-icon i:before {
        float: left; }
    .gs-nav-static .gs-nav-static-hamburger .gs-icon:before {
      content: "MENU";
      position: relative;
      float: left;
      display: block;
      line-height: 60px;
      font-size: 18px;
      font-weight: 700;
      margin-right: 20px; }
    .gs-nav-static .gs-nav-static-hamburger .gs-icon.gs-nav-right-appear:before {
      content: "CLOSE"; }

/*Responsive Nav-static*/
@media (max-width: 769px) {
  .gs-nav-static .gs-brand {
    font-size: 24px;
    padding-top: 10px;
    margin-left: 10px; }
  .gs-nav-static .gs-logo {
    width: 200px; }
  .gs-nav-static .gs-nav-static-hamburger .gs-icon:before, .gs-nav-static .gs-nav-static-hamburger .gs-icon:after {
    content: " ";
    display: table; }
  .gs-nav-static .gs-nav-static-hamburger .gs-icon:after {
    clear: both; }
  .gs-nav-static .gs-nav-static-hamburger .gs-icon i {
    padding: 2px 7px;
    line-height: 40px;
    font-size: 29px; }
  .gs-nav-static .gs-nav-static-hamburger .gs-icon:before {
    display: none; } }

/* Nav right */
nav.gs-nav-right {
  position: fixed;
  width: 280px;
  height: 100%;
  top: 0;
  right: -280px;
  background-color: #222222;
  color: #DDDDDD;
  z-index: 1000;
  padding: 40px;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  overflow-y: scroll; }
  nav.gs-nav-right:before, nav.gs-nav-right:after {
    content: " ";
    display: table; }
  nav.gs-nav-right:after {
    clear: both; }
  nav.gs-nav-right.gs-appear {
    -webkit-transform: translateX(-280px);
        -ms-transform: translateX(-280px);
            transform: translateX(-280px); }
  nav.gs-nav-right .gs-nav-right-title {
    font-size: 24px;
    margin-bottom: 10px; }
  nav.gs-nav-right .gs-nav-right-content a {
    position: relative;
    display: block;
    width: 200px;
    line-height: 60px;
    border-bottom: 1px solid #505050;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s; }
    nav.gs-nav-right .gs-nav-right-content a:hover {
      color: #FFFFFF; }
    nav.gs-nav-right .gs-nav-right-content a i {
      display: block;
      float: left;
      font-size: 18px;
      padding-right: 5px; }
      nav.gs-nav-right .gs-nav-right-content a i:before {
        float: left; }

.gs-hamburger {
  cursor: pointer; }
  .gs-hamburger.gs-close:before {
    content: "\e187"; }

main, #gs-navfix, #gs-nav-static {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }
  main.gs-nav-right-appear, #gs-navfix.gs-nav-right-appear, #gs-nav-static.gs-nav-right-appear {
    -webkit-transform: translateX(-280px);
        -ms-transform: translateX(-280px);
            transform: translateX(-280px); }

#gs-close-nav-right {
  display: none; }

/*Respnosive navright*/
@media (max-width: 321px) {
  #gs-close-nav-right {
    position: absolute;
    display: block;
    right: 30px;
    top: 40px;
    font-size: 24px; } }

/**
 * Single Module
 */
/* Home */
/* Home */
.gs-home-content-wrapper {
  height: 100%; }

.gs-home-slider-wrapper {
  position: relative;
  display: block;
  vertical-align: middle;
  width: 100%;
  height: 63%; }
  .gs-home-slider-wrapper .gs-home-slider-item {
    padding-bottom: 40px;
    width: 100%; }
    .gs-home-slider-wrapper .gs-home-slider-item .gs-home-slider-caption {
      opacity: 0;
      line-height: 1.6; }
  .gs-home-slider-wrapper .owl-dots {
    margin-top: 0 !important; }

.gs-fadeOutDown {
  -webkit-animation: fadeOutDown 0.4s;
          animation: fadeOutDown 0.4s; }

.gs-fadeInUp {
  -webkit-animation: fadeInUp 0.4s;
          animation: fadeInUp 0.4s; }

.gs-home-process {
  margin-left: 1px; }
  .gs-home-process .gs-home-process-item {
    position: relative;
    display: block;
    margin-left: -0.5px; }
    .gs-home-process .gs-home-process-item .gs-icon-large {
      display: block; }
    .gs-home-process .gs-home-process-item .gs-home-process-divider {
      position: relative;
      display: table;
      margin-top: 45px;
      margin-bottom: 30px; }
      .gs-home-process .gs-home-process-item .gs-home-process-divider .gs-home-process-diamond {
        position: relative;
        display: block;
        width: 40px;
        height: 40px;
        background-image: url("../images/diamond-border.svg"); }
      .gs-home-process .gs-home-process-item .gs-home-process-divider span {
        position: relative;
        width: 300px;
        display: table-cell; }
        .gs-home-process .gs-home-process-item .gs-home-process-divider span:before {
          content: " ";
          position: absolute;
          height: 1px;
          width: 100%;
          top: 20px;
          left: 0;
          background-color: #FFFFFF; }

/*Responsive home*/
@media (max-height: 851px) {
  .gs-home-process {
    display: none; }
  .gs-home-slider-wrapper {
    height: 100%; } }

@media (max-width: 1441px) {
  .gs-home-process {
    display: none; }
  .gs-home-slider-wrapper {
    height: 100%; } }

@media (max-width: 993px) {
  h1.gs-home-slider-caption {
    font-size: 52px; } }

@media (max-width: 993px) {
  h1.gs-home-slider-caption {
    font-size: 46px; } }

@media (max-width: 481px) {
  h1.gs-home-slider-caption {
    font-size: 28px; } }

/* About */
/* About */
#about {
  /*make about img the bottom*/
  padding-bottom: 0 !important;
  margin-bottom: -70px;
  padding-top: 80px; }

.about-item .about-content {
  position: absolute;
  display: block;
  top: 10%;
  z-index: 2;
  width: 48%;
  border: 1px solid #222222;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.6); }
  .about-item .about-content:after {
    content: " ";
    position: absolute;
    width: 65px;
    height: 40px;
    margin-top: -20px;
    top: 50%; }
.about-item .about-img {
  position: relative;
  display: block;
  width: 60%; }
.about-item.about-left {
  padding-right: 0; }
  .about-item.about-left .about-content {
    left: 30px; }
    .about-item.about-left .about-content:after {
      background-image: url(../images/about-left-content-line.png);
      right: -65px; }
  .about-item.about-left .about-img {
    float: right; }
.about-item.about-right {
  padding-left: 0; }
  .about-item.about-right .about-content {
    right: 30px; }
    .about-item.about-right .about-content:after {
      background-image: url(../images/about-right-content-line.png);
      left: -65px; }
  .about-item.about-right .about-img {
    float: left; }

/*About responsise*/
@media (min-width: 992px) and (max-width: 1441px) {
  .about-item .about-content {
    top: 0;
    width: 48%; }
    .about-item .about-content:after {
      top: 40%; }
  .about-item .about-img {
    width: 50%; }
  .about-item.about-left .about-content {
    left: 15px; }
  .about-item.about-right .about-content {
    right: 15px; } }

@media (min-width: 768px) and (max-width: 993px) {
  .about-item .about-content {
    width: 52%; }
  .about-item .about-img {
    width: 50%; }
  .about-item.about-left .about-content {
    left: 15px; }
  .about-item.about-right .about-content {
    right: 15px; } }

@media (max-width: 769px) {
  .about-item .about-content {
    position: relative;
    top: 0;
    left: 0;
    width: 100%; }
    .about-item .about-content:after {
      display: none; }
  .about-item .about-img {
    width: 100%;
    text-align: center; }
    .about-item .about-img img {
      margin: 0 auto; }
  .about-item.about-left {
    padding-right: 15px; }
    .about-item.about-left .about-content {
      left: 0; }
  .about-item.about-right {
    padding-left: 15px; }
    .about-item.about-right .about-content {
      right: 0; } }

/* Client */
/*Client*/
.gs-client-map {
  position: relative;
  display: block; }
  .gs-client-map img {
    width: 100%; }

.gs-client-brand {
  width: 100%;
  margin-bottom: -30px; }
  .gs-client-brand:before, .gs-client-brand:after {
    content: " ";
    display: table; }
  .gs-client-brand:after {
    clear: both; }
  .gs-client-brand a {
    position: relative;
    display: block;
    padding-bottom: 30px;
    float: left;
    width: 33.33%;
    opacity: 0.6;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s; }
    .gs-client-brand a:hover {
      opacity: 1; }

/*Responsive Client*/
@media (max-width: 1441px) {
  .gs-client-brand {
    text-align: center; }
    .gs-client-brand a {
      width: 16.66%; } }

@media (max-width: 993px) {
  .gs-client-brand a {
    width: 33.33%; } }

@media (max-width: 769px) {
  .gs-client-brand > a {
    position: relative;
    display: block;
    float: left;
    width: 50%; } }

@media (max-width: 481px) {
  .gs-client-brand > a {
    position: relative;
    display: block;
    float: left;
    width: 100%; } }

/* Service */
.gs-service-item .icon {
  position: relative;
  display: block;
  margin-bottom: 10px; }

/* Team */
.gs-team-item {
  max-width: 240px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .gs-team-item:before, .gs-team-item:after {
    content: " ";
    display: table; }
  .gs-team-item:after {
    clear: both; }
  .gs-team-item .gs-team-avatar {
    overflow: hidden;
    position: relative;
    width: 100%; }
    .gs-team-item .gs-team-avatar img {
      width: 100%; }
    .gs-team-item .gs-team-avatar .gs-team-social {
      position: absolute;
      bottom: 20px;
      left: -40px;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s; }
      .gs-team-item .gs-team-avatar .gs-team-social a {
        display: block;
        background: #222222;
        margin-bottom: 1px;
        color: #FFFFFF;
        width: 40px;
        height: 40px;
        line-height: 40px;
        -webkit-transition-duration: 0.4s;
                transition-duration: 0.4s; }
        .gs-team-item .gs-team-avatar .gs-team-social a:hover {
          background: #FF5049; }
  .gs-team-item:hover .gs-team-avatar .gs-team-social {
    left: 0; }
  .gs-team-item .gs-team-member {
    border-bottom: 1px solid #DDDDDD;
    padding-top: 35px;
    padding-bottom: 30px;
    margin-bottom: 25px; }
    .gs-team-item .gs-team-member .gs-team-member-name {
      font-weight: 600;
      margin-bottom: 0px; }

/* Slider Carousel */
/*** Note *** : It contain portfolio and testimonial */
/* Custom vendor Module */
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    display: none; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }
.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.owl-theme .owl-nav {
  position: static;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: 50%;
    margin-top: -25px;
    background: transparent;
    color: #222222;
    font-size: 0;
    text-align: center; }
    .owl-theme .owl-nav .owl-next:before, .owl-theme .owl-nav .owl-prev:before {
      font-family: "gold" !important;
      font-size: 30px; }
  .owl-theme .owl-nav .owl-next {
    right: 0; }
    .owl-theme .owl-nav .owl-next:before {
      content: "\e147"; }
  .owl-theme .owl-nav .owl-prev {
    left: 0; }
    .owl-theme .owl-nav .owl-prev:before {
      content: "\e0fa"; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
.owl-theme .owl-dots {
  margin-top: 35px;
  padding: 5px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      position: relative;
      display: block;
      background: transparent;
      width: 22px;
      height: 22px;
      margin: 0px 3px;
      border-radius: 50%;
      border: 1px solid transparent;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-backface-visibility: visible; }
      .owl-theme .owl-dots .owl-dot span:before {
        content: " ";
        position: absolute;
        width: 12px;
        height: 12px;
        background: #222222;
        border-radius: 50%;
        left: 4px;
        top: 4px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      border-color: #222222; }

.dots-in.owl-theme .owl-dots {
  margin-top: -50px;
  padding-bottom: 16px; }

.owl-light-theme.owl-theme .owl-nav .owl-next, .owl-light-theme.owl-theme .owl-nav .owl-prev {
  color: #FFFFFF; }
.owl-light-theme.owl-theme .owl-dots .owl-dot span:before {
  background: #FFFFFF; }
.owl-light-theme.owl-theme .owl-dots .owl-dot.active span, .owl-light-theme.owl-theme .owl-dots .owl-dot:hover span {
  border-color: #FFFFFF; }

/* Home carousel is style in Home*/
/* Testimonial carousel */
.gs-testimonial-item {
  text-align: center;
  position: relative;
  opacity: 0.3;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s; }
  .gs-testimonial-item .gs-testimonial-avatar {
    position: relative;
    display: block;
    width: 100%;
    height: 221px; }
    .gs-testimonial-item .gs-testimonial-avatar img {
      position: relative;
      width: 160px;
      top: 20px;
      border-radius: 50%;
      -webkit-transition-duration: 0.7s;
              transition-duration: 0.7s;
      display: block;
      margin-left: auto;
      margin-right: auto; }
  .gs-testimonial-item q {
    margin-bottom: 25px;
    position: relative;
    display: block; }
  .gs-testimonial-item q:before, .gs-testimonial-item q:after {
    font-size: 20px;
    line-height: 22.4px; }
  .gs-testimonial-item q:before {
    content: "“ "; }
  .gs-testimonial-item q:after {
    content: " ”"; }
  .gs-testimonial-item .gs-testimonier:before, .gs-testimonial-item .gs-testimonier:after {
    content: ' - '; }
  .gs-testimonial-item h5 {
    margin-bottom: 0; }

.center .gs-testimonial-item {
  opacity: 1; }
  .center .gs-testimonial-item .gs-testimonial-avatar img {
    top: 0;
    width: 180px; }

/* Portfolio carousel */
.gs-portfolio-carousel .owl-item {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  cursor: pointer;
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95); }
.gs-portfolio-carousel .owl-item:before {
  content: " ";
  height: 0;
  position: relative;
  display: block;
  width: 100%;
  /* padding-top: 4.3%;
  background: url('../images/Browser_window.png'); */
  background-repeat: no-repeat;
  background-size: 100% auto; }
.gs-portfolio-carousel .owl-item.center {
  overflow: hidden;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

/* Pricing Table */
.gs-pricing-table-item {
  padding: 50px 20px;
  height: 520px;
  max-width: 400px;
  background: #FFFFFF;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .gs-pricing-table-item .pricing-table-item-inner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 420px;
    width: 500px; }
  .gs-pricing-table-item .gs-pricing-table-content {
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    height: 0; }
    .gs-pricing-table-item .gs-pricing-table-content hr {
      margin-top: 0;
      width: 35px; }
  .gs-pricing-table-item .gs-pricing-table-button {
    width: 200px; }
    .gs-pricing-table-item .gs-pricing-table-button .gs-active-content {
      display: none; }
  .gs-pricing-table-item.active .gs-pricing-table-content {
    height: 200px; }
  .gs-pricing-table-item.active .gs-pricing-table-button .gs-active-content {
    display: block; }
  .gs-pricing-table-item.active .gs-pricing-table-button .gs-normal-content {
    display: none; }

/* Contact */
/*Contact and form*/
.gs-contact-map img {
  width: 100%; }

.gs-contact-info dl {
  padding-top: 15px; }
  .gs-contact-info dl dt {
    line-height: 2.5; }

.gs-input-form {
  margin-right: -1%; }
  .gs-input-form:before, .gs-input-form:after {
    content: " ";
    display: table; }
  .gs-input-form:after {
    clear: both; }
  .gs-input-form .gs-name, .gs-input-form .gs-email, .gs-input-form .gs-subject {
    position: relative;
    display: block;
    float: left;
    margin-bottom: 35px;
    margin-right: 1%; }
  .gs-input-form .gs-name, .gs-input-form .gs-email, .gs-input-form .gs-subject {
    width: 32.33%; }
  .gs-input-form textarea {
    margin-bottom: 40px;
    width: 99%;
    height: 220px; }
  .gs-input-form button {
    position: relative;
    float: right;
    right: 1%; }

/*Responsive contact and form*/
@media (max-width: 993px) {
  .gs-input-form .gs-name, .gs-input-form .gs-email {
    width: 49%; }
  .gs-input-form .gs-subject {
    width: 99%; } }

@media (max-width: 769px) {
  .gs-contact-map {
    padding-top: 40px;
    padding-bottom: 40px; }
  .gs-input-form {
    margin-bottom: 60px; }
    .gs-input-form .gs-name, .gs-input-form .gs-email {
      width: 99%; }
    .gs-input-form button {
      display: block;
      margin-left: auto;
      margin-right: auto;
      float: none; }
  .gs-contact-info {
    text-align: center;
    margin-bottom: 40px; } }

/* Video */
.gs-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }
  .gs-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#video {
  height: 550px;
  overflow: hidden;
  color: #FFFFFF;
  text-align: center; }
  #video h4 {
    line-height: 1.6;
    margin-top: 30px; }
  #video .gs-video-wrapper {
    width: 1920px;
    height: 1080px; }
    #video .gs-video-wrapper video {
      width: 100%; }
  #video .gs-overlay, #video .gs-overlay-bg {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s; }
    #video .gs-overlay .gs-center, #video .gs-overlay .gs-overlay-bg {
      width: 100%; }
    #video .gs-overlay.gs-video-played, #video .gs-video-played.gs-overlay-bg {
      opacity: 0;
      cursor: pointer; }
  #video #gs-play-section-video {
    font-size: 75px;
    cursor: pointer; }

/*Responsive Video*/
@media (max-width: 1201px) {
  #video {
    height: 450px; }
    #video .gs-video-wrapper {
      width: 1200px;
      height: 720px; } }

@media (max-width: 769px) {
  #video {
    height: 300px; }
    #video .gs-video-wrapper {
      width: 800px;
      height: 450px; } }

/* Blog vs Blog-shortcode */
/* Blog-present shortcode */
.gs-blog-present-item, .gs-blog-present-item-large {
  overflow: hidden;
  position: relative; }
  .gs-blog-present-item .gs-overlay, .gs-blog-present-item .gs-overlay-bg, .gs-blog-present-item-large .gs-overlay, .gs-blog-present-item-large .gs-overlay-bg {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
    opacity: 0;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s; }
  .gs-blog-present-item img, .gs-blog-present-item-large img {
    width: 100%;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s; }
  .gs-blog-present-item:hover .gs-overlay, .gs-blog-present-item:hover .gs-overlay-bg, .gs-blog-present-item-large:hover .gs-overlay, .gs-blog-present-item-large:hover .gs-overlay-bg {
    opacity: 1; }
  .gs-blog-present-item:hover img, .gs-blog-present-item-large:hover img {
    -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
            transform: scale(1.08); }

.gs-blog-present-item-large .gs-ab-center {
  width: 100%; }
.gs-blog-present-item-large .gs-blog-present-item-title {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px; }

.gs-blog-present-item .gs-ab-bottom {
  width: 100%; }
.gs-blog-present-item .gs-blog-present-link {
  display: block;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 15px;
  font-weight: 600;
  position: relative;
  overflow: visible; }
  .gs-blog-present-item .gs-blog-present-link:after {
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 50%;
    border: 10px solid transparent;
    margin-top: -20px;
    margin-left: -10px;
    border-bottom-color: rgba(255, 255, 255, 0.8); }

/* Blog Article */
.gs-blog-sub-article {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 60px; }

.gs-blog-full-article {
  margin-bottom: 40px; }

.gs-article-media {
  margin-bottom: 45px; }
  .gs-article-media > img, .gs-article-media iframe {
    width: 100%; }

.gs-blog-article-link {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }
  .gs-blog-article-link:hover {
    color: #FF5049; }

.gs-article-title {
  font-weight: 600;
  margin-bottom: 30px; }

.gs-article-content {
  margin-bottom: 30px; }

.gs-blog-detail {
  margin-left: -40px;
  margin-bottom: 25px; }
  .gs-blog-detail:before, .gs-blog-detail:after {
    content: " ";
    display: table; }
  .gs-blog-detail:after {
    clear: both; }
  .gs-blog-detail .gs-title-info-item {
    position: relative;
    float: left;
    margin-left: 40px;
    margin-bottom: 10px; }
    .gs-blog-detail .gs-title-info-item span {
      color: #FF5049; }

.gs-blog-quote {
  background-color: #EEEEEE;
  margin-bottom: 80px;
  padding: 30px 60px 80px 70px;
  position: relative; }
  .gs-blog-quote q {
    position: relative;
    font-size: 24px;
    line-height: 2;
    display: block; }
  .gs-blog-quote q:before {
    font-family: sans-serif;
    content: "“";
    left: -40px;
    top: -10px;
    position: absolute;
    font-size: 90px;
    line-height: 1; }
  .gs-blog-quote q:after {
    content: " ";
    font-size: 0; }
  .gs-blog-quote .gs-author {
    font-size: 18px;
    font-weight: 500; }
    .gs-blog-quote .gs-author:before {
      content: "— "; }

.gs-article-tag {
  padding-bottom: 45px;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 30px; }
  .gs-article-tag:before, .gs-article-tag:after {
    content: " ";
    display: table; }
  .gs-article-tag:after {
    clear: both; }
  .gs-article-tag a {
    position: relative;
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 18px;
    background-color: #FF5049;
    color: #FFFFFF; }

.gs-article-share {
  line-height: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 50px; }
  .gs-article-share:before, .gs-article-share:after {
    content: " ";
    display: table; }
  .gs-article-share:after {
    clear: both; }
  .gs-article-share span {
    float: left;
    font-size: 16px;
    font-weight: 500; }
  .gs-article-share .gs-article-social {
    float: right; }
    .gs-article-share .gs-article-social a {
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      margin-left: 20px; }
      .gs-article-share .gs-article-social a:hover {
        color: #FF5049; }
      .gs-article-share .gs-article-social a i {
        font-size: 18px; }

.gs-article-author {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 50px; }
  .gs-article-author:before, .gs-article-author:after {
    content: " ";
    display: table; }
  .gs-article-author:after {
    clear: both; }
  .gs-article-author .gs-author-avatar {
    position: relative;
    display: block;
    float: left;
    width: 100px; }
    .gs-article-author .gs-author-avatar img {
      width: 100%; }
  .gs-article-author .gs-author-detail {
    position: relative;
    display: block;
    margin-left: 130px; }
    .gs-article-author .gs-author-detail .gs-detail-content {
      margin-bottom: 0; }

.gs-article-ralative {
  position: relative;
  margin-right: -20px;
  padding-bottom: 40px;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 40px; }
  .gs-article-ralative:before, .gs-article-ralative:after {
    content: " ";
    display: table; }
  .gs-article-ralative:after {
    clear: both; }
  .gs-article-ralative .gs-article-relative-item {
    position: relative;
    display: block;
    float: left;
    width: 33.33%;
    padding-right: 20px;
    margin-top: 15px;
    margin-bottom: 20px; }
    .gs-article-ralative .gs-article-relative-item a {
      position: relative;
      display: block; }
      .gs-article-ralative .gs-article-relative-item a img {
        width: 100%; }

.gs-article-comment {
  margin-bottom: 60px; }
  .gs-article-comment:before, .gs-article-comment:after {
    content: " ";
    display: table; }
  .gs-article-comment:after {
    clear: both; }
  .gs-article-comment h5 {
    margin-bottom: 40px; }
  .gs-article-comment .gs-comment-wrapper {
    border-top: 1px solid #DDDDDD; }
    .gs-article-comment .gs-comment-wrapper:before, .gs-article-comment .gs-comment-wrapper:after {
      content: " ";
      display: table; }
    .gs-article-comment .gs-comment-wrapper:after {
      clear: both; }
    .gs-article-comment .gs-comment-wrapper .gs-comment-item {
      border-bottom: 1px solid #DDDDDD;
      padding-top: 30px; }
      .gs-article-comment .gs-comment-wrapper .gs-comment-item:before, .gs-article-comment .gs-comment-wrapper .gs-comment-item:after {
        content: " ";
        display: table; }
      .gs-article-comment .gs-comment-wrapper .gs-comment-item:after {
        clear: both; }
      .gs-article-comment .gs-comment-wrapper .gs-comment-item .gs-comment-avatar {
        position: relative;
        width: 70px;
        height: 100%;
        float: left; }
        .gs-article-comment .gs-comment-wrapper .gs-comment-item .gs-comment-avatar img {
          width: 55px; }
      .gs-article-comment .gs-comment-wrapper .gs-comment-item .gs-comment-content-side {
        margin-left: 70px; }
        .gs-article-comment .gs-comment-wrapper .gs-comment-item .gs-comment-content-side .gs-comment-name {
          font-size: 20px;
          margin-top: -0.3em; }
        .gs-article-comment .gs-comment-wrapper .gs-comment-item .gs-comment-content-side date {
          color: #aaaaaa;
          margin-right: 30px;
          font-size: 12px; }
        .gs-article-comment .gs-comment-wrapper .gs-comment-item .gs-comment-content-side .gs-reply {
          color: #FF5049; }
        .gs-article-comment .gs-comment-wrapper .gs-comment-item .gs-comment-content-side p.gs-comment-content {
          margin-top: 20px; }

.gs-article-add-comment {
  padding-bottom: 80px; }
  .gs-article-add-comment .gs-comment-lv1 {
    padding-left: 0px; }
  .gs-article-add-comment .gs-comment-lv2 {
    padding-left: 70px; }
  .gs-article-add-comment .gs-comment-lv3 {
    padding-left: 140px; }

/* Blog nav */
.gs-blog-nav h5 {
  margin-bottom: 40px; }
.gs-blog-nav .gs-blog-search {
  position: relative;
  margin-bottom: 40px; }
  .gs-blog-nav .gs-blog-search input {
    width: 100%;
    padding-right: 80px;
    background-color: #FFFFFF; }
  .gs-blog-nav .gs-blog-search button {
    position: absolute;
    width: 60px;
    height: 60px;
    right: 1px;
    top: 1px;
    font-size: 24px;
    border: none;
    background: transparent;
    color: #3c3c3c; }
.gs-blog-nav .gs-blog-lastest-post {
  margin-bottom: 20px; }
  .gs-blog-nav .gs-blog-lastest-post:before, .gs-blog-nav .gs-blog-lastest-post:after {
    content: " ";
    display: table; }
  .gs-blog-nav .gs-blog-lastest-post:after {
    clear: both; }
  .gs-blog-nav .gs-blog-lastest-post .gs-blog-lastes-post-item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #DDDDDD; }
    .gs-blog-nav .gs-blog-lastest-post .gs-blog-lastes-post-item:before, .gs-blog-nav .gs-blog-lastest-post .gs-blog-lastes-post-item:after {
      content: " ";
      display: table; }
    .gs-blog-nav .gs-blog-lastest-post .gs-blog-lastes-post-item:after {
      clear: both; }
    .gs-blog-nav .gs-blog-lastest-post .gs-blog-lastes-post-item a:hover {
      color: #FF5049;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s; }
    .gs-blog-nav .gs-blog-lastest-post .gs-blog-lastes-post-item .gs-thumbnail {
      position: relative;
      display: block;
      float: left; }
      .gs-blog-nav .gs-blog-lastest-post .gs-blog-lastes-post-item .gs-thumbnail img {
        width: 100px; }
    .gs-blog-nav .gs-blog-lastest-post .gs-blog-lastes-post-item .gs-content {
      margin-left: 115px; }
      .gs-blog-nav .gs-blog-lastest-post .gs-blog-lastes-post-item .gs-content .gs-title {
        margin-top: -0.3em;
        margin-bottom: 10px; }
      .gs-blog-nav .gs-blog-lastest-post .gs-blog-lastes-post-item .gs-content date {
        font-style: oblique;
        color: #505050; }
.gs-blog-nav .gs-blog-categories {
  margin-bottom: 50px; }
  .gs-blog-nav .gs-blog-categories dl {
    margin-top: -15px; }
  .gs-blog-nav .gs-blog-categories dt a {
    display: block;
    line-height: 50px;
    border-bottom: 1px dotted #DDDDDD; }
.gs-blog-nav .gs-blog-instagram {
  margin-bottom: 40px; }
  .gs-blog-nav .gs-blog-instagram .gs-instagram-wrapper {
    margin-left: -10px; }
    .gs-blog-nav .gs-blog-instagram .gs-instagram-wrapper img {
      margin-left: 10px;
      margin-bottom: 10px; }
.gs-blog-nav .gs-blog-letter {
  margin-bottom: 80px; }
  .gs-blog-nav .gs-blog-letter:before, .gs-blog-nav .gs-blog-letter:after {
    content: " ";
    display: table; }
  .gs-blog-nav .gs-blog-letter:after {
    clear: both; }
  .gs-blog-nav .gs-blog-letter input {
    width: 100%;
    margin-bottom: 40px; }
  .gs-blog-nav .gs-blog-letter button {
    float: right; }

/* 404 And Underconstruction */
/*404*/
.gs-404-text {
  font-size: 100px; }

.gs-404-caption {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 50px; }

.gs-404-content {
  top: 20%; }

/*Responsive 404*/
@media (max-width: 993px) {
  .gs-404-text {
    font-size: 64px; }
  .gs-404-caption {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 50px; } }

@media (max-width: 481px) {
  .gs-404-text {
    font-size: 48px; }
  .gs-404-caption {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 50px; }
  .gs-404-content {
    top: 10%; } }

/*underconstruction*/
.gs-underconstruction-content {
  top: 27%; }
  .gs-underconstruction-content .gs-caption {
    margin-bottom: 50px; }

.is-countdown .countdown-section {
  display: inline-block; }
  .is-countdown .countdown-section .countdown-amount, .is-countdown .countdown-section .countdown-period {
    display: block;
    margin: 10px;
    text-align: center;
    font-weight: 600; }
  .is-countdown .countdown-section .countdown-amount {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border: 1px solid #FFFFFF;
    font-size: 45px; }
  .is-countdown .countdown-section .countdown-period {
    font-size: 18px; }

/* Responsive underconstruction*/
@media (max-width: 993px) {
  .gs-underconstruction-content {
    top: 15%; }
    .gs-underconstruction-content .gs-title {
      font-size: 36px; }
    .gs-underconstruction-content .gs-caption {
      font-size: 18px;
      margin-bottom: 30px; }
  .is-countdown .countdown-section {
    display: inline-block; }
    .is-countdown .countdown-section .countdown-amount, .is-countdown .countdown-section .countdown-period {
      display: block;
      margin: 10px;
      text-align: center;
      font-weight: 600; }
    .is-countdown .countdown-section .countdown-amount {
      width: 60px;
      height: 60px;
      line-height: 60px;
      border: 1px solid #FFFFFF;
      font-size: 36px; }
    .is-countdown .countdown-section .countdown-period {
      font-size: 18px; } }

@media (max-width: 481px) {
  .gs-underconstruction-content {
    top: 5%; }
    .gs-underconstruction-content .gs-title {
      font-size: 24px; }
    .gs-underconstruction-content .gs-caption {
      font-size: 14px;
      margin-bottom: 30px; }
  .is-countdown .countdown-section {
    display: inline-block; }
    .is-countdown .countdown-section .countdown-amount, .is-countdown .countdown-section .countdown-period {
      display: block;
      margin: 10px;
      text-align: center;
      font-weight: 600; }
    .is-countdown .countdown-section .countdown-amount {
      width: 60px;
      height: 40px;
      line-height: 40px;
      border: 1px solid #FFFFFF;
      font-size: 18px; }
    .is-countdown .countdown-section .countdown-period {
      font-size: 18px; } }