/*
Theme name: RG Architects
Description: Custom Theme
*/

/******* RG Architects WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /RG Architects WordPress CSS *******/
/* ------------------------------------------------------------ *\
  Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
  Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

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

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

body { font-smoothing: antialiased; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; font-smoothing: antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ------------------------------------------------------------ *\
  Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
  Base
\* ------------------------------------------------------------ */

body { background: #111; font-family: 'din', sans-serif; font-size: 16px; line-height: 1.38; color: #333; position: relative; }

a { color: #333; text-decoration: none; }
a:hover { color: #333; }

h1 { font-size: 190px; line-height: 155px; letter-spacing: 0.04em; font-weight: bold; color: #fff; font-weight: 700; padding-bottom: 100px; }
h2 { font-size: 42px; color: #fff; line-height: 1; letter-spacing: 0.04em; font-weight: 700; padding-bottom: 10px; }
h3 { font-size: 40px; color: #fff; line-height: 1; letter-spacing: 0.04em; font-weight: 700; padding-bottom: 10px; }
h4 { font-size: 38px; line-height: 1; letter-spacing: 0.04em; color: #191919; font-weight: 700; }
h5 {}
h6 {}

.single-post-page h1 { font-size: 24px; }

/* ------------------------------------------------------------ *\
  Helpers
\* ------------------------------------------------------------ */

/*  Clear  */
.section-contact:after,
.footer-content:after,
.section:after,
.projects:after,
.shell:after,
.header-right:after,
.socials ul:after,
.nav ul:after,
.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.bg-image { display: none; }

/* ------------------------------------------------------------ *\
  Wrapper
\* ------------------------------------------------------------ */

.wrapper { height: 100%; }

.loader { height: 100%; width: 100%; position: fixed; overflow: hidden; background-color: #000; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999999; }
.loader.loaded { display: none; }
.loader:before{ display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #fff; -webkit-animation: loading 2s linear infinite; animation: loading 2s linear infinite; z-index: 3; }
.loader:after { content: ''; background: #333; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }

@-webkit-keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}
@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

/* ------------------------------------------------------------ *\
  Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1166px; margin: auto; padding: 0 25px; }

/* ------------------------------------------------------------ *\
  Header
\* ------------------------------------------------------------ */

.header { position: absolute; top: 0; left: 0; right: 0; padding: 50px 15px 30px; z-index: 9999; 
-webkit-transition: .5s; 
     -o-transition: .5s; 
        transition: .5s; }
.header .shell { padding: 0; max-width: 1100px; }
.header .socials { position: static; float: right; margin-top: -5px; margin-right: 11px; }
.header .socials li { margin-left: 0; margin-left: 13px; display: inline-block; float: none; width: auto; }

.header.sticky { position: fixed; background-color: rgba(0,0,0,.9); padding: 25px 15px 23px; 
-webkit-transition: .5s; 
     -o-transition: .5s; 
        transition: .5s; }

.header.sticky .socials { display: none; }
.header.sticky .nav { opacity: 1; color: #b1b1b1; }
.header.sticky .nav span { display: none; }
.header.sticky .nav a { opacity: 1; padding-bottom: 6px; }
.header.sticky .nav a:before { background-color: #b1b1b1; }
.header.sticky .nav a:hover:before  { left: 0; }

.header.sticky .search-form { margin-top: -4px; }
.header.sticky .search-form .search-field { color: #b1b1b1; opacity: 1; /*padding-left: 0;*/ }
/*.header.sticky .search-form .search-submit { visibility: hidden; opacity: 0; }*/
.header.sticky .search-form label:after { background-color: #b1b1b1; opacity: 1; 
-webkit-transform: translateX(-200%); 
    -ms-transform: translateX(-200%); 
     -o-transform: translateX(-200%); 
        transform: translateX(-200%); }


.header.sticky .search-form input:focus + label:after{ 
-webkit-animation: underlineShow .5s 1;
    animation: underlineShow .5s 1; 
    -webkit-transform: translateX(0); 
        -ms-transform: translateX(0); 
         -o-transform: translateX(0); 
            transform: translateX(0); }

.header.sticky .search-form input.focused + label:after { 
    -webkit-animation: underlineHide .5s 1;
    animation: underlineHide .5s 1;
    -webkit-transform: translateX(-200%); 
        -ms-transform: translateX(-200%); 
         -o-transform: translateX(-200%); 
            transform: translateX(-200%); }


.header.sticky .search-form .search-field::-webkit-input-placeholder { color: #b1b1b1; opacity: 1; }
.header.sticky .search-form .search-field::-moz-placeholder { color: #b1b1b1; opacity: 1; }
.header.sticky .search-form .search-field:-moz-placeholder { color: #b1b1b1; opacity: 1; }
.header.sticky .search-form .search-field:-ms-input-placeholder { color: #b1b1b1; opacity: 1; }

/*.header.sticky .logo { background: url(images/sticky-logo.png) no-repeat left; }*/

.header .shell { position: relative; }
.header-right { position: absolute; top: 50%; right: 11.8%; width: 560px; width: 590px; margin-top: 3px; 
  -webkit-transform: translate(0, -50%); 
     -moz-transform: translate(0, -50%); 
      -ms-transform: translate(0, -50%); 
       -o-transform: translate(0, -50%); 
          transform: translate(0, -50%); 
}

.header.sticky .header-right { /* top: 25px; */ margin-top: 0; }

.side-page-active-styles .header { visibility: hidden; opacity: 0; 
  -webkit-transition: .1s; 
       -o-transition: .1s; 
          transition: .1s; }
/* ------------------------------------------------------------ *\
  Footer
\* ------------------------------------------------------------ */

.footer { background-color: #080808; padding: 100px 0; z-index: 99; }

.footer .footer-content { max-width: 1166px; margin: 0 auto; padding: 0 25px; }

.footer .search-form { float: none; width: 100%; margin-top: 0;  }
.footer .search-form .search-field { opacity: 1; font-weight: 700; }

.footer .footer-inner { float: left; position: relative; padding-top: 0; padding-left: 388px; }
.footer .footer-inner .col { width: auto; margin-right: 89px; }
.footer .socials { padding-top: 0; margin-left: -14px; position: absolute; top: 0; left: 0; }

.col { float: left; }
.col-size1 { width: 281px; }
.col-size2 { width: 220px; }
.col-size3 { width: 180px; }
.col-size4 { width: 214px; }

/*  Footer nav  */

.footer-nav { font-size: 13px; font-weight: 700; color: #fff; text-transform: uppercase; }
.footer-nav ul { list-style-type: none; }
.footer-nav ul ul { color: #a4a4a4; text-transform: none; display: none; }
.footer-nav a { color: inherit; }
.footer-nav a:hover { text-decoration: underline; }

/* ------------------------------------------------------------ *\
  Modules
\* ------------------------------------------------------------ */

/*  socials  */

.socials ul { list-style-type: none; }
.socials li { float: left; border-right: none; width: 20px; text-align: center; margin-left: 15px; }
.socials li:last-child { border: 0; }
.socials img { height: 13px; width: auto; display: block; 
-webkit-transform: scale(1); 
    -ms-transform: scale(1); 
     -o-transform: scale(1); 
        transform: scale(1); 
-webkit-transition: .5s; 
     -o-transition: .5s; 
        transition: .5s; }
.socials a:hover img { 
-webkit-transform: scale(1.3); 
     -ms-transform: scale(1.3); 
      -o-transform: scale(1.3); 
         transform: scale(1.3); 
         -webkit-transition: .5s; 
               -o-transition: .5s; 
                  transition: .5s;  }

/*  nav  */

.nav-trigger { position: relative; display: none; width: 26px; height: 20px; 
-webkit-transform: rotate(0); 
    -ms-transform: rotate(0); 
     -o-transform: rotate(0); 
        transform: rotate(0); 
        -webkit-transition: .5s; 
             -o-transition: .5s; 
                transition: .5s; }
.nav-trigger span { position: absolute; display: block; height: 3px; width: 100%; background: #fff; left: 0; 
-webkit-transform: rotate(0); 
    -ms-transform: rotate(0); 
     -o-transform: rotate(0); 
        transform: rotate(0); 
        -webkit-transition: top .5s 1s, left .5s, -webkit-transform .5s .5s; 
             -o-transition: top .5s 1s, left .5s, -o-transform .5s .5s; 
                transition: top .5s 1s, left .5s, transform .5s .5s; }
.nav-trigger span:nth-child(1) { top: 0; }
.nav-trigger span:nth-child(2) { top: 8px; }
.nav-trigger span:nth-child(3) { top: 17px; }

.nav-trigger.active span:nth-child(1) { top: 7px; left: -14px; }
.nav-trigger.active span:nth-child(2) { top: 7px; left: -1px; }
.nav-trigger.active span:nth-child(3) { top: 7px; left: 12px; }

.nav-trigger.active span { 
-webkit-transform: rotate(-45deg); 
    -ms-transform: rotate(-45deg); 
     -o-transform: rotate(-45deg); 
        transform: rotate(-45deg); 
        -webkit-transition: top .5s, left .5s 1s, -webkit-transform .5s .5s; 
             -o-transition: top .5s, left .5s 1s, -o-transform .5s .5s; 
                transition: top .5s, left .5s 1s, transform .5s .5s; }

.nav { color: #fff; font-size: 13px; float: left; }

.nav ul { list-style-type: none; }
.nav li { /*width: 110px; */margin-right: 89px; float: left; }
.nav li span { display: none;  padding-top: 10px; font-weight: normal; text-transform: none; }

.nav li a { display: block; color: inherit; position: relative; font-weight: 700; text-transform: uppercase; opacity: 1; overflow: visible; }
.nav .current_menu_item a,
.nav li a:hover { opacity: 1; }

.nav li a:before { content:''; position: absolute; top: 21px; width: 100%; left: 0;  background-color: #e3e3e3; display: inline-block; height: 1px;
-webkit-transform: translateX(0); 
     -ms-transform: translateX(0); 
      -o-transform: translateX(0); 
         transform: translateX(0);  }

.nav li a:hover:before { 
-webkit-animation: underlineHide .5s 1;
    animation: underlineHide .5s 1; 
    -webkit-transform: translateX(200%); 
        -ms-transform: translateX(200%); 
         -o-transform: translateX(200%); 
            transform: translateX(200%); }
.nav li a.hover:before { 
-webkit-animation: underlineShow .5s 1;
    animation: underlineShow .5s 1; }


.header.sticky .nav li a:before { 
-webkit-transform: translateX(-200%); 
    -ms-transform: translateX(-200%); 
     -o-transform: translateX(-200%); 
        transform: translateX(-200%); }
.header.sticky .nav li a.hover:before { 
  -webkit-animation: underlineHide .5s 1;
    animation: underlineHide .5s 1;
-webkit-transform: translateX(-200%); 
    -ms-transform: translateX(-200%); 
     -o-transform: translateX(-200%); 
        transform: translateX(-200%); }

.header.sticky .nav li a:hover:before { 
-webkit-animation: underlineShow .5s 1;
    animation: underlineShow .5s 1; 
    -webkit-transform: translateX(0); 
        -ms-transform: translateX(0); 
         -o-transform: translateX(0); 
            transform: translateX(0); }

.nav li a:before { display: none !important; }
.nav li a:after { content: '/'; color: #00ff79; font-size: 24px; font-family: 'din',sans-serif; letter-spacing: 0.04em; text-transform: uppercase; font-weight: normal; position: absolute; left: -14px; top: -8px; opacity: 0; 
-webkit-transition: .5s; 
     -o-transition: .5s; 
        transition: .5s; }
.nav li.current_menu_item a:after,
.nav li a:hover:after  { opacity: 1; }

.btn-project:after,
.underlined:after {
-webkit-transform: translateX(0); 
     -ms-transform: translateX(0); 
      -o-transform: translateX(0); 
         transform: translateX(0); }

.btn-project:hover:after,
.underlined:hover:after {
-webkit-animation: underlineHide .5s 1;
    animation: underlineHide .5s 1; 
    -webkit-transform: translateX(200%); 
        -ms-transform: translateX(200%); 
         -o-transform: translateX(200%); 
            transform: translateX(200%);
}

.btn-project.hover:after,
.underlined.hover:after {
-webkit-animation: underlineShow .5s 1;
    animation: underlineShow .5s 1;
}

/*  Underline Animation  */

@-webkit-keyframes underlineShow {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes underlineShow {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes underlineHide {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes underlineHide {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

/*  Search form  */

.search-form { float: left; width: 95px; margin-top: -3px; position: relative; overflow: hidden; padding-bottom: 2px; }

.search-form span { display: none; }

.search-form label:after { content:''; position: absolute; top: 100%; left: 0; right: 0; background-color: #e3e3e3; display: inline-block; height: 1px; opacity: 1; margin-top: -2px; 
-webkit-transform: translateX(0); 
    -ms-transform: translateX(0); 
     -o-transform: translateX(0); 
        transform: translateX(0); }

.search-form input:focus + label:after{ 
-webkit-animation: underlineHide .5s 1;
    animation: underlineHide .5s 1;
-webkit-transform: translateX(-200%); 
    -ms-transform: translateX(-200%); 
     -o-transform: translateX(-200%); 
        transform: translateX(-200%); }

.search-form input.focused + label:after { 
    -webkit-animation: underlineShow .5s 1;
    animation: underlineShow .5s 1;
}

.search-form .search-field { width: 100%; background-color: transparent; border: none; font-size: 13px; text-transform: uppercase; font-weight: 700; padding: 0 0px 5px 20px; color: #fff; opacity: 1; 
-webkit-appearance: none; 
   -moz-appearance: none; 
        appearance: none; }

.search-form label:after { display: none; }

.search-form input::-webkit-autofill { background-color: transparent; }

.search-form .search-field:focus { opacity: 1; }

.search-form .search-field::-webkit-input-placeholder { color: #fff; opacity: 1; }
.search-form .search-field::-moz-placeholder { color: #fff; opacity: 1; }
.search-form .search-field:-moz-placeholder { color: #fff; opacity: 1; }
.search-form .search-field:-ms-input-placeholder { color: #fff; opacity: 1; }

.search-form .search-submit { position: absolute; top: 4px; left: 2px; background: url(images/ico-search.png) no-repeat 0 0; width: 15px; height: 14px; background-size: contain; border: none; font-size: 0; line-height: 0; text-indent: -4004px; opacity: 1; 
-webkit-appearance: none; 
   -moz-appearance: none; 
        appearance: none; }

/*  intro  */

.intro { position: relative; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; overflow: hidden; }

.intro h1 { color: #fff; font-size: 45px; line-height: 1; letter-spacing: 0.04em; font-weight: normal; }
.intro .intro-text { position: absolute; top: 50%; left: 50%; z-index: 9; 
-webkit-transform: translate(-50%, -50%) !important; 
    -ms-transform: translate(-50%, -50%) !important; 
     -o-transform: translate(-50%, -50%) !important; 
        transform: translate(-50%, -50%) !important; }

.intro .intro-text .layer { position: relative !important; }

.intro .intro-background { position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; background: url(images/intro-gradient.jpg) no-repeat 0 0; background-size: cover; }
.intro .intro-background .layer { background-size: auto 100%; height: calc(100% + 30px); width: 100%; background-position: center; background-repeat: no-repeat; }

.intro-nav { font-size: 11px; color: #fff; font-weight: 700; text-transform: uppercase; }
.intro-nav ul { list-style-type: none; }
.intro-nav li { position: absolute; z-index: 999; }
.intro-nav a { color: inherit; text-align: center; display: inline-block; }
.intro-nav a:after { content: ''; background: url(images/intro-nav-ornament.png) no-repeat right center; width: 7px; height: 5px; position: relative; top: -5px; left: 1px; display: block; margin: 10px auto; }

.intro-nav strong { display: none; margin: 20px auto 15px; }
.intro-nav strong span { background: url(images/arrow-animation.png) no-repeat 0 0; width: 8px; height: 14px; display: inline-block; opacity: 0; 
  -webkit-animation: arrowsAnimation 1s .8s infinite;
    animation: arrowsAnimation 1s .8s infinite;

    margin-right: -3px; 
}

.intro-nav span:nth-child(2) { 
    -webkit-animation: arrowsAnimation 1s .95s infinite;
    animation: arrowsAnimation 1s .95s infinite;

    margin-right: -2px; 
}

.intro-nav li.link-more span:nth-child(3) { margin: 0; }

.intro-nav span:nth-child(3) { 
    -webkit-animation: arrowsAnimation 1s 1.15s infinite;
    animation: arrowsAnimation 1s 1.15s infinite;
}
.intro-nav li.about-us { top: 50%; left: 70px; 
-webkit-transform: translateY(-50%) rotate(90deg); 
    -ms-transform: translateY(-50%) rotate(90deg); 
     -o-transform: translateY(-50%) rotate(90deg); 
        transform: translateY(-50%) rotate(90deg);
    -webkit-transform-origin: 50% 52%; }

.intro-nav li.about-us strong,
.intro-nav li.about-us a:after { 
-webkit-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
     -o-transform: rotate(90deg); 
        transform: rotate(90deg); }

.intro-nav li.contact-us { right: 70px; top: 50%; 
-webkit-transform: translateY(-50%) rotate(-90deg); 
     -ms-transform: translateY(-50%) rotate(-90deg); 
      -o-transform: translateY(-50%) rotate(-90deg); 
         transform: translateY(-50%) rotate(-90deg);
             -webkit-transform-origin: 50% 52%;  }

.intro-nav li.contact-us strong,
.intro-nav li.contact-us a:after {
  -webkit-transform: rotate(90deg); 
      -ms-transform: rotate(90deg); 
       -o-transform: rotate(90deg); 
          transform: rotate(90deg); 
}

.intro-nav li.link-more { left: 50%; bottom: 70px; 
-webkit-transform: translateX(-50%); 
    -ms-transform: translateX(-50%); 
     -o-transform: translateX(-50%); 
        transform: translateX(-50%); }

.intro-nav li.link-more strong,
.intro-nav li.link-more a:after { 
-webkit-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
     -o-transform: rotate(90deg); 
        transform: rotate(90deg); }


@-webkit-keyframes arrowsAnimation {
  0% {
    opacity:0;
  }

  100%{
    opacity: 1;
  }
}

@keyframes arrowsAnimation {
  0% {
    opacity:.3;
  }
  100% {
    opacity: 1; 
  }
}

/*  section  */

.section { position: relative; height: 100%; text-align: center; font-size: 18px; font-weight: 300; color: #fff; letter-spacing: 0.04em; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; background-attachment: fixed; }
.ie9 .section:before { display: none; }
.section:before { content: ''; background: rgba(0,0,0,.5); width: 1700px; height: 800px; position: absolute; top: 50%; left: 50%; z-index: 2; 
  -webkit-transform: translate(-50%, -50%); 
      -ms-transform: translate(-50%, -50%); 
       -o-transform: translate(-50%, -50%); 
          transform: translate(-50%, -50%); 
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,.5) 0%, transparent 50%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,.5) 0%,transparent 50%);
background: radial-gradient(ellipse at center,  rgba(0,0,0,.5) 0%,transparent 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='transparent',GradientType=1 );
}

.section .section-content { position: absolute; top: 50%; left: 0; right: 0; text-align: center; z-index: 5; 
-webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
     -o-transform: translateY(-50%); 
        transform: translateY(-50%); }

.section p { padding-bottom: 20px; }


a.btn-project {  color: #00ff79; font-size: 13px; line-height: 1.87; letter-spacing: 0.04em; display: inline-block; position: relative; font-weight: 700; overflow: hidden; padding-bottom: 4px; }
a.btn-project:after { content:''; background-color: #00ff79; height: 2px; position: absolute; top: 100%; right: 0; display: none; left: 0; margin-top: -2px; }

/*  section-secondary  */

.section-image { background-attachment: fixed; }

.section-secondary { padding: 120px 0 80px; height: auto; }
.section.section-secondary .section-head { display: block; }
.section.section-secondary.section-single .section-head  { display: none; }

.section-single { padding-top: 117px; }

.section-image:before,
.section-secondary:before { display: none; }

.section-secondary .section-head { font-size: 16px; font-weight: 300; color: #fff; line-height: 1.25; letter-spacing: 0.04em; display: inline-block; text-align: left; padding-bottom: 60px; text-align: center; }
.section-secondary .section-head h3 { padding-bottom: 25px; }
.section-secondary .section-head h3:after { content: ''; display: none; height: 1px; width: 47px; background-color: #00ff79; margin: 30px 0; }
.section-secondary .section-head p:before { content: '/'; vertical-align: middle; display: inline-block; font-size: 24px; color: #00ff79; font-family: 'din',sans-serif; margin-top: -4px; } 

/*  section-text  */

.section-text { background-color: #fff; padding: 55px 0; font-size: 16px; color: #191919; letter-spacing: 0.04em; }

.section-text .section-inner { width: 450px; float: left; margin-right: 100px; }
.section-text .section-entry { overflow: hidden; width: auto; float: none; display: block; }

.section-text .section-content:before { content: ''; width: 56px; height: 2px; display: block; background-color: #191919; margin: 25px 0; }
.section-text p { padding-bottom: 20px; }

/*  section-action  */

.section-action { padding: 80px 60px; background-color: #111111; position: relative; z-index: 999; text-align: center; }
.section-action:after { content: ''; border-style: solid; border-width: 56px 55px 0 55px; border-color: #111111 transparent transparent transparent; display: inline-block; position: absolute; top: 100%; left: 50%; margin-left: -55px; }

.btn-square span { width: 36px; height: 36px; display: block; position: relative; margin: 0 auto; }
.btn-square span:before{content:''; height:9px; width:9px; background:#fff; display:block; position:absolute; top:0; left:0px; box-shadow:13px 0 #fff, 26px 0 #fff, 0 13px #fff, 13px 13px #fff, 26px 13px #fff, 0 26px #fff, 13px 26px #fff, 26px 26px #fff; }

/*  projects  */

.projects { list-style-type: none; max-width: 2571px; margin: 0 auto; padding: 0 105px; }

.project { float: left; margin-bottom: 0.87%; width: 32.75%; margin-right: 0.87%; position: relative; font-size: 15px; font-weight: 300; letter-spacing: 0.04em; color: #fff; overflow: hidden; }
.project:nth-child(3n+3) { margin-right: 0; }
.project:nth-child(3n+1) { clear: both; }
.project img { width: 100%; height: auto; }
.project p { padding-bottom: 70px; }


/*  Project Hover Animation  */

.project h3,
.project p,
.project a { opacity: 0; }

.ie9 .project h3,
.ie9 .project p,
.ie9 .project a { opacity: 1; }

.project h3 { -webkit-animation-delay: .2s; animation-delay: .2s; }
.project p { -webkit-animation-delay: .4s; animation-delay: .4s; }
.project a { -webkit-animation-delay: .6s; animation-delay: .6s; }

.project .project-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.8); opacity: 0; }
.project:hover .project-overlay { opacity: 1; 
-webkit-transition: .3s; 
     -o-transition: .3s; 
        transition: .3s; }

.project .project-inner { position: absolute; top: 50%; left: 50%; 
-webkit-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
     -o-transform: translate(-50%, -50%); 
        transform: translate(-50%, -50%); }

/*  copyright  */

.copyright { font-size: 13px; font-weight: 300; color: #a4a4a4; line-height: 1.38; letter-spacing: 0.04em; float: right; margin-right: -111px; }
.copyright a { display: none; color: inherit; }

/*  section-primary  */

.section-primary { font-size: 15px; color: #a9a9a9; line-height: 1.33; letter-spacing: 0.04em; width: 800px; height: 100%; overflow: hidden; position: fixed; top: 0; z-index: 999; background-color: #111111; bottom: 0;
-webkit-transition: .5s ease-in; 
      -o-transition: .5s ease-in; 
         transition: .5s ease-in;  }

.section-primary h4 { color: #fff; }
.section-primary .scrolling-area { height: 100%; overflow: auto; }
.section-primary .section-inner { padding: 100px 130px 30px;}

.jspHorizontalBar,
.jspVerticalBar { display: none !important; }

.section-primary .section-right:before,
.contact-form-wrapper:before,
.section-primary hr { content: '';  width: 56px; height: 2px; background-color: #00ff79; display: block; margin: 15px 0 30px; border: none; }

.section-primary p { padding-bottom: 20px; max-width: 480px; }

/*  section-contact/section-about  */

.section-about { left: -800px; }

.section-contact { left: auto; right: -800px; }
.section-contact p a { color: inherit; }
.section-contact p a:hover { color: #fff; }
.section-contact .contact-form-wrapper { float: left; width: 310px; margin-right: 70px; }
.section-contact .section-right { overflow: hidden; float: none; }
.section-contact .section-right a[href*="http"],
.section-contact .section-right > a { color: #00ff79; display: inline-block; }
.section-contact .section-right a[href*="http"]:after,
.section-contact .section-right > a:after { content: ''; height: 1px; width: 100%; background-color: #00ff79; display: block; }

.single-post-page .post-title a,
.single-post-page .post-title { color: #fff; padding-bottom: 15px; }
.single-post-page .post-content a { text-decoration: underline; color: #fff; font-weight: bold; }
.single-post-page .post-title a { text-decoration: none; color: #757575; transition: color 0.3s;}
.single-post-page .post-title a:hover { color: #fff; }
.single-post-page .post-content .post-image { text-align: center; padding: 15px 0; }
.single-post-page .post-content .post-image img { display: inline-block; max-width: 100%; height: auto; }
.paging { overflow: hidden; padding: 15px 0; }
.paging a { border: none !important; }
.paging .paging-prev { float: left; }
.paging .paging-next { float: right; }
/*  Side sections animation  */

html.contact-us-show,
html.about-us-show { overflow: hidden; }

html.contact-us-show .header .socials,
html.about-us-show .header .socials { right: 30px; 
-webkit-transition: .5s; 
     -o-transition: .5s; 
        transition: .5s; }

body { 
    -webkit-transition: .5s ease-in; 
     -o-transition: .5s ease-in; 
        transition: .5s ease-in; }

.about-us-show  body { margin-left: 800px; }

.about-us-show  .section-about { left: 0; }

.contact-us-show  body { margin-right: 800px; }
.contact-us-show  .section-contact { right: 0; }

/*  gravity form  */

.contact-form-wrapper .gform_heading { display: none; }
.contact-form-wrapper ul { list-style-type: none; }
.contact-form-wrapper .gfield_error .validation_message,
.contact-form-wrapper .validation_error { display: none; }

.contact-form-wrapper .gfield.gfield_error input,
.contact-form-wrapper .gfield.gfield_error textarea { background-color: rgba(255, 40, 40, 0.4);  }

.contact-form-wrapper .gfield_label { padding-bottom: 10px; display: block; }
.contact-form-wrapper .gfield_label .gfield_required { display: none; }
.contact-form-wrapper .gfield textarea,
.contact-form-wrapper .gfield input { width: 100%; border: none; color: #fff; font-size: 15px; line-height: 1.33; letter-spacing: 0.04em; background-color: #1a1a1a; margin-bottom: 10px; height: 38px; vertical-align: middle; line-height: 38px; padding: 6px 15px; border-radius: 0; 
-webkit-appearance: none; 
   -moz-appearance: none; 
        appearance: none; }
.contact-form-wrapper .gfield textarea { line-height: 1.2; height: 144px; margin-bottom: 15px; }

.contact-form-wrapper .gform_button { color: #00ff79; font-size: 15px; line-height: 1.33; letter-spacing: 0.04em; border: none;  border-bottom: 1px solid #00ff79;  border-radius: 0; background-color: transparent; 
-webkit-appearance: none; 
   -moz-appearance: none; 
        appearance: none; }

/*  Page Transition Animation  */

.wrapper.page-change { position: relative; 
-webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;}

.wrapper.page-change .page-wrapper{ overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
  -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }

.page-wrapper { height: 100%; }
.page-wrapper:before { content: ''; background: url(images/top-gradient.png) repeat center; width: 100%; height: 405px; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; z-index: 1; }

.wrapper.sticky .page-wrapper,
html.about-us-show .page-wrapper,
html.contact-us-show .page-wrapper { position: static; 
-webkit-transform: none; 
    -ms-transform: none; 
     -o-transform: none; 
        transform: none;
-webkit-transform-style: flat; 
    -moz-transform-style: flat; 
     -ms-transform-style: flat; 
         transform-style: flat; 
-webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
    backface-visibility: visible; }

@-webkit-keyframes rotateRoomTopOut {
  from { }
  to { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); }
}
@keyframes rotateRoomTopOut {
  from { }
  to { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); }
}

@-webkit-keyframes rotateRoomTopIn {
  from { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); }
}
@keyframes rotateRoomTopIn {
  from { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); }
}

.page-rotateRoomTopOut {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateRoomTopOut .8s both ease;
  animation: rotateRoomTopOut .8s both ease;
}
.page-rotateRoomTopIn {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateRoomTopIn .8s both ease;
  animation: rotateRoomTopIn .8s both ease;
}

/* ------------------------------------------------------------ *\
  Logo
\* ------------------------------------------------------------ */

.logo { background: url(images/logo.png) no-repeat 0 0; width: 210px; height: 16px; background-size: contain; float: left; font-size: 0; line-height: 0; text-indent: -4004px; 
-webkit-transition: margin .5s; 
     -o-transition: margin .5s; 
        transition: margin .5s; }

/* ------------------------------------------------------------ *\
  Simple Page Stylings
\* ------------------------------------------------------------ */

/*  Sidebar  */

.widgets { list-style: none outside none; }

.widget { padding: 10px 15px; margin-bottom: 15px; }
.widget ul { list-style: none outside none; margin: 0; }
.widget li { padding: 5px 0; }

.widget-title { padding-bottom: 5px; border-bottom: 1px solid #000; margin-bottom: 12px; }

.widget_categories .screen-reader-text { display: none; }
.widget_categories .post-form { width: 100%; padding: 5px; }

.widget_calendar table { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; }
.widget_calendar td,
.widget_calendar th { padding: 5px; border: 1px solid #000; }
.widget_calendar caption { padding: 12px; font-weight: bold; }
.widget_calendar tfoot { font-weight: bold; }

.widget_rss .rsswidget { vertical-align: middle; }
.widget_rss .rsswidget img { float: left; margin: 5px 8px 0 0; }

/*  Alignment  */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* ------------------------------------------------------------ *\
  Article
\* ------------------------------------------------------------ */

.alignnone,
.alignleft,
.alignright,
.aligncenter { margin: 5px 15px 10px; }
.alignleft { margin-left: 0; }
.alignright { margin-right: 0; }
.alignnone { display: block; margin-left: 0; margin-right: 0; }
.aligncenter { margin-left: auto; margin-right: auto; }

.wp-caption { position: relative; }
.wp-caption img { width: 100%; }
.wp-caption-text { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px 10px; background: rgba(0, 0, 0, 0.5); color: #fff; }

.article-body p { padding-bottom: 18.2px; }

.article-body ul,
.article-body ol { padding-bottom: 18.2px; margin-left: 25px; }
.article-body ul ul,
.article-body ol ol { padding-bottom: 0; }
.article-body .wp-caption-text { padding: 5px 10px; }

.article-body blockquote { padding-left: 18.2px; border-left: 3px solid #000; margin-bottom: 18.2px; }
.article-body blockquote p:last-child { padding-bottom: 0; }

.article-body hr { border: 1px solid #787878; margin-bottom: 18.2px; }

.article-title { padding-bottom: 15px; }

.article-meta { padding-bottom: 6px; border-bottom: 1px solid #000; margin-bottom: 15px; }
.article-meta p { padding-bottom: 5px; }

/* ------------------------------------------------------------ *\
  Gallery
\* ------------------------------------------------------------ */

.gallery { position: relative; overflow: hidden; padding-bottom: 20px; }
.gallery .wp-caption-text { right: 10px; bottom: 10px; left: 10px; }
.gallery-item { float: left; position: relative; padding: 10px; }
.gallery-item img { width: 100%; }

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.67%; }
.gallery-columns-7 .gallery-item { width: 14.29%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.11%; }

.gallery-columns-7 .wp-caption,
.gallery-columns-8 .wp-caption,
.gallery-columns-9 .wp-caption { display: none; }

/* ------------------------------------------------------------ *\
  Pagination
\* ------------------------------------------------------------ */

.paging { padding: 0 0 20px; text-align: center; }
.paging ul { list-style: none outside none; }
.paging ul,
.paging li { display: inline-block; vertical-align: top; }
.paging li { padding: 0 2px; }
.paging a { display: inline-block; padding: 4px 10px; border: 1px solid #000; border-radius: 4px; }
.paging .current a,
.paging a:hover { text-decoration: none; background: #000; color: #fff; }

.paging-label { padding-right: 10px; }

.paging-first:before { content: '\00ab'; }
.paging-prev:before { content: '\2039'; }

.paging-next:before { content: '\203A'; }
.paging-last:before { content: '\00bb'; }

/* ------------------------------------------------------------ *\
  Comments
\* ------------------------------------------------------------ */

.section-comments { padding-top: 15px; }
.section-comments p { padding-bottom: 18.2px; }
.section-comments ol,
.section-comments ul { padding: 0; margin: 0; list-style: none outside none; }
.section-comments h3 { position: relative; padding: 0 0 10px; }
.section-comments h3 small { position: absolute; top: 0; right: 0; }

.comments,
.comments .children { position: relative; } 
.comments .children:before,
.comments .children:after { content: ''; position: absolute; display: block; } 
.comments .children:before { top: 33px; left: 23px; width: 32px; height: 27px; border-left: 8px solid #c3c3c3; border-bottom: 8px solid #c3c3c3; border-radius: 0 0 0 8px; }
.comments .children:after { top: -5px; left: 8px; border: 20px solid transparent; border-width: 20px 19px; border-bottom-color: #c3c3c3;  } 

.comments .comment { position: relative; border-top: 1px dashed #363636; }
.comments .children { padding-left: 70px; } 
.comments .avatar { position: absolute; top: 28px; left: 0; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ccc; } 
.comments .says { padding-left: 5px; } 
.comments .moderation-notice { display: inline-block; margin: 3px 0 8px; color: #999; } 

.comments .comment-entry { position: relative; padding: 30px 0 30px 65px; } 

.comments .comment-text p:last-child { padding-bottom: 0; margin-bottom: 0; }

.comments .comment-meta { padding-bottom: 12px; } 
.comments .comment-meta a { color: #363636; }

.comments .comment-reply { padding-top: 10px; text-align: right; } 
.comments .comment-reply a { display: inline-block; padding: 5px 10px; background: #363636; color: #fff; border-radius: 6px; } 
.comments .comment-reply a:hover { text-decoration: none; opacity: .8; } 

.comment-respond { width: 100%; padding-top: 30px; border-top: 1px solid #363636; }
.comment-respond h3 { position: relative; }
.comment-respond small { position: absolute; top: 0; right: 0; }
.comment-respond .required { color: #e40000; }
.comment-respond label { display: block; padding-bottom: 4px; }
.comment-respond input[type="text"],
.comment-respond textarea { display: block; width: 80%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7;  }
.comment-respond textarea { width: 100%; height: 100px; }
.comment-respond input[type="text"]:focus { background-color: #fff; }
.comment-respond input[type="text"]::-webkit-input-placeholder { color: #777; }
.comment-respond input[type="text"]::-moz-placeholder { color: #777; }
.comment-respond input[type="text"]:-ms-input-placeholder { color: #777; }
.comment-respond input[type="text"]::placeholder { color: #777; }

.comment-respond textarea { width: 100%; }
.comment-respond .comment-notes { padding-top: 15px; }
.comment-respond .form-submit input { display: block; width: 160px; height: 40px; border: 0; font-size: 14px; font-weight: bold; color: #fff; background: #363636; cursor: pointer; border-radius: 4px; }

.nocomments { padding-top: 12px; font-weight: bold; font-size: 18px; }

/* ------------------------------------------------------------ *\
  Responsive
\* ------------------------------------------------------------ */


@media(max-width: 2400px){
  .side-page-active-styles .logo { margin-right: 25px;
  -webkit-transition: .5s; 
        -o-transition: .5s; 
           transition: .5s;  }
}

@media(max-width: 2050px){
  .section-primary { width: 600px; }
  .section-primary .section-inner { padding: 110px 50px; }

  h1{  font-size: 100px; line-height: 1; padding-bottom: 50px; }

  .contact-us-show body { margin-right: 600px; }
  .about-us-show body { margin-left: 600px; }

  .section-contact .contact-form-wrapper{  margin-right: 30px; }
}

@media(max-width: 1950px){
  .side-page-active-styles .header .socials { display: none; }
  
  .footer .footer-content { padding: 0 25px; }
  .projects { padding: 0 30px; }
}

@media(max-width: 1700px){
  .side-page-active-styles .nav li { width: 150px; margin-right: 25px; }
  .side-page-active-styles .search-form { width: 150px; }
  .header .socials { right: 30px; }
}


@media(max-width: 1600px){
  .side-page-active-styles .intro h1 { font-size: 50px; }

  .side-page-active-styles .nav li { width: 100px; margin-right: 25px; }
  .side-page-active-styles .search-form { width: 100px; }
}

@media(max-width: 1400px){
  .logo { margin-right: 25px; }

  .section-primary { width: 50%; }
  .section-primary .section-inner { padding: 100px 110px;}
  .section-about { left: -50%; }
  .section-contact { right: -50%; }
  .section-primary p { max-width: 100%; }

  .about-us-show body  { margin-left: 50%; }
  .contact-us-show body { margin-right: 50%; }

  .intro-nav li.about-us  { left: 20px; }
  .intro-nav li.link-more  { bottom: 20px; }
  .intro-nav li.contact-us { right: 20px; }

  .header { visibility: visible; opacity: 1; 
    -webkit-transition: visibility .1s .5s; 
         -o-transition: visibility .1s .5s; 
            transition: visibility .1s .5s; }

  .side-page-active-styles .intro { z-index: 9999; overflow: visible; }

  .col-size1 { width: 250px; }
  .col-size2 { width: 200px;  }
  .col-size3 { width: 150px;  }
  .col-size4 { width: 160px;  }

  .section-contact .contact-form-wrapper { float: none; display: block; width: 100%; }

  .copyright { float: none; display: block; margin: 0 auto; clear: both; text-align: center; }
}

@media(max-width: 1200px){
  .footer .search-form  { margin: 0 auto; width: 100px; }
  .footer { padding: 30px 0; text-align: center; }
  .footer .col-size1 { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
  .footer .col-size1 .socials { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; padding-top: 0; padding-bottom: 10px; }

  .section-action + .footer { padding-top: 80px; }
  
  .footer .footer-inner .col,
  .footer .col { float: none; width: 100%; padding-bottom: 40px; width: auto; margin-right: 0; }
  .copyright,
  .footer .footer-inner { float: none; max-width: 230px; margin: 0 auto;  padding-left: 0; }

  .footer .socials { padding-top: 10px; margin-left: 0; text-align: center; position: static; }
  .footer .socials li { float: none; display: inline-block; margin: 0 7px; }

  .section,
  .section-image { background-attachment: scroll; }
}

@media(max-width: 1090px){
  .header .socials { display: none; }
  .header.sticky { padding-bottom: 16px; }

  .header .header-right { float: right; width: auto; position: static; margin-top: 0; 
    -webkit-transform: none; 
        -ms-transform: none; 
         -o-transform: none; 
            transform: none; }

  .nav { width: auto; }
  .search-form,
  .nav li { width: 99px; margin-right: 0; margin-left: 25px; }

  .project { width: 48%; margin-right: 0; }
  .project:nth-child(3n+1) { clear: none; }
  .project:nth-child(2n+1) { clear: both; }
  .project:nth-child(2n+2) { float: right; }

  .section-text .section-inner { width: 400px; margin-right: 50px; }
  .section-action + .footer { padding-top: 90px; }

  .intro h1{ font-size: 35px; }

   .side-page-active-styles .intro .intro-text { display: none; }
  .contact-us-show .intro-nav li { display: none; }
  .contact-us-show .intro-nav li.contact-us { right: -60px; display: block; }
  .about-us-show .intro-nav li  { display: none; }
  .about-us-show .intro-nav li.about-us  { display: block; left: -60px; }

  .section-primary { width: 100%; }
  .section-about { left: -100%; }
  .section-contact { right: -100%; }
  .about-us-show body  { margin-left: 100%; }
  .contact-us-show body { margin-right: 100%; }

  .project .project-overlay { background-color: rgba(0,0,0,.5); opacity: 1; }
  .project h3, .project p, .project a { opacity: 1; animation: none; }
}

@media(max-width: 780px){
  h1 { font-size: 90px; }
  h2,
  h3 { font-size: 37px; }

  .section { font-size: 20px; background-attachment: scroll; }

  .side-page-active-styles .intro { position: absolute; top: 0; bottom: 0; left: 0; right: 0;  }
  .side-page-active-styles .intro-nav li  { top: 30px; }
  .intro h1 { font-size: 24px; }

  .intro-nav a:after { width: 6px; margin: 5px auto; background-position: center right; background-size: initial; display: block; position: static; }
  .intro-nav a strong { display: none; }

  .intro-nav .close-btn { background: url(images/ico-close.png) no-repeat 0 0; width: 18px; height: 18px; display: inline-block; font-size: 0; line-height: 0; text-indent: -4004px;}
  .intro-nav .close-btn:after { display: none; }

  .intro-nav li.link-more { bottom: 10px; }
  .intro-nav li.contact-us { right: -10px; }
  .intro-nav li.about-us { left: -4px; }
  .nav-trigger { z-index: 9999; display: inline-block; }
  .active + .nav { visibility: visible; opacity: 1; 
    -webkit-transform: translateX(0); 
        -ms-transform: translateX(0); 
         -o-transform: translateX(0); 
            transform: translateX(0); }
  .nav { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 9998; visibility: hidden; opacity: 0; 
    -webkit-transform: translateX(100%); 
        -ms-transform: translateX(100%); 
         -o-transform: translateX(100%); 
            transform: translateX(100%);
    -webkit-transition: transform .5s; 
          -o-transition: transform .5s; 
             transition: transform .5s; }

   .nav ul { position: absolute; top: 50%; left: 50%; 
    -webkit-transform: translate(-50%, -50%); 
        -ms-transform: translate(-50%, -50%); 
         -o-transform: translate(-50%, -50%); 
            transform: translate(-50%, -50%); }
  .nav li a:after,
  .nav li a:before,
  .nav li span { display: none; }
  .nav li { width: 100%; display: block; }
  .nav li a { opacity: 1; font-size: 50px; }

  .header .search-form { display: none; }

  .logo { margin-right: 0; margin-top: 3px; }
  .header.sticky .logo { background-position: left; }

  .side-page-active-styles body.no-scroll { overflow: visible; }
  .side-page-active-styles .wrapper { overflow: hidden;  }
  body.no-scroll { overflow: hidden; }

  .header { padding: 25px; }

  .header.sticky { padding: 20px 25px 19px; }
  .header.sticky .nav-trigger { margin-top: 0; }
  .header.sticky .nav-trigger span { background-color: #fff; }
  .section-contact .contact-form-wrapper { float: none; width: 100%; margin-right: 0; margin-bottom: 15px; }
  
  .contact-us-show .intro-nav li.contact-us{ right: -25px; }
  .about-us-show .intro-nav li.about-us  { left: -40px; }

  .section-about .section-inner { padding: 50px 40px 50px 20px; }
  .section-contact .section-inner { padding: 50px 20px 50px 40px; }

  .section-secondary { padding-top: 20px; padding-bottom: 0; text-align: left; }
  .section-single { padding-top: 70px; }
  .section-secondary .section-head { padding: 0 25px 20px; }

  .projects { padding: 0; text-align: center; }
  .project { width: 100%; margin-bottom: 0; font-size: 15px; }
  .project p { padding-bottom: 15px; }
  
  .footer { padding: 40px 25px; }

  .footer .footer-content { padding: 0; }

  .col-size3,
  .col-size2,
  .col-size1 .footer-nav:first-child { display: none; }

  .footer-nav { text-align: center;color: #a5a5a5; font-size: 15px; }

  .copyright  { color: #a5a5a5; }
  .copyright a { display: block; text-align: center; font-size: 15px; text-transform: uppercase; }

  .section-text { padding: 25px 0; }
  .section-text .section-inner{  float: none; margin-right: 0; width: 100%; padding-bottom: 50px; }

  .section-image { background-attachment: initial; background-size: cover; background-position: center; background-image: none !important; height: auto; }
  .section-image img { display: block; width: 100%; height: auto;  }

  .footer .search-form { width: 90px; }
}