/*
Theme Name: WordPress Theme for ADGO Architecture And Design Inc.
Description: 
Version: 1.0
Author: Rey C. Etable
Author URL: http://www.reyetable.com
Tags: green, fixed width, columns
*/


/* Begin Webfont*/
@font-face {
    font-family: 'futura_md_btmedium';
    src: url('futura-md-bt-medium-webfont.woff2') format('woff2'),
         url('futura-md-bt-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futurabold';
    src: url('futura_bold-webfont.woff2') format('woff2'),
         url('futura_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'muliregular';
    src: url('muli-regular-webfont.woff2') format('woff2'),
         url('muli-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mulibold';
    src: url('muli-bold-webfont.woff2') format('woff2'),
         url('muli-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ottawabold';
    src: url('ottawabold-webfont.woff2') format('woff2'),
         url('ottawabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ottawaregular';
    src: url('ottawa-webfont.woff2') format('woff2'),
         url('ottawa-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body {width:100% !important;}

/* Begin Header */ 
.skip-link {position:absolute; top:-100px; background-color:#f1f1f1; -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6); box-shadow:0 0 2px 2px rgba(0,0,0,.6); color:#21759b; display:block; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 700; height: auto; left:6px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000;}
.skip-link:focus {color:#21759b; top:7px;}
#myHeader {z-index:99; }

.sticky {position:fixed; top:0; width:100%;}
.sticky + .content {padding-top:0em;}

div.logo {margin:0 auto; z-index:6; position:absolute;}
div.logo {margin:0 auto; background:url(images/adgo-logo-new.png) top no-repeat; width:560px; height:48px;}
div.logo a {display:block; width:560px; height:48px; outline:none; color:#000;}
div.logo span {position:absolute; text-indent:-9999999px; }

.header-container {width:100%; background:rgba(0, 0, 0, 0.5);  padding:1.5em 2em; position:absolute; height:94px;}
.nav-cont {right:24px; z-index:6; position:absolute; }
/* End Header*/

/* Begin Navigation Desktop */
.sf-menu {list-style-type:none; font-size:12px; font-family: 'Montserrat', sans-serif; font-weight:400; margin-bottom:0 !important; margin-top:12px !important;}
.sf-menu li {color:#fff; text-transform:uppercase; float:right; display:inline-block;   -webkit-transition: background .2s;
  transition: background .2s;}
.sf-menu li a { text-decoration: none; color:#fff; display:block; line-height:1; padding: 10px 30px 10px 30px;}
.sf-menu li a:hover {visibility:inherit; color:#fff; border-bottom:2px solid #d71921;}

.sf-menu li:hover ul {z-index:99; background:#000; }
.sf-menu li:hover ul li { border-right:0 !important; }
.sf-menu li:hover ul li a {text-decoration:none; margin:0 !important;}
.page_item_has_children li a {padding-left:1em ; width:160px; line-height:2;}
.page_item_has_children li a:hover {background:#d71921;}
.sf-menu li.current_page_item a {color:#fff; color:#fff; border-bottom:2px solid #d71921;}
.page_item_has_children li.current_page_item {visibility:inherit; color:#fff; background:#d71921;}

.sf-menu li.page-item-26 a {border-bottom:0 !important}
.page-item-16 {border-right:0 !important}

.menu-mobile {list-style-type:none; font-size:12px; font-family: 'Montserrat', sans-serif; font-weight:400; margin-bottom:0 !important; margin-top:12px !important;}
.menu-mobileli {color:#fff; text-transform:uppercase; float:right; display:inline-block;   -webkit-transition: background .2s;
  transition: background .2s;}
.menu-mobile li a { text-decoration: none; color:#fff; display:block; line-height:1; padding:10px 0 10px 10px}
.menu-mobile li a:hover {visibility:inherit; color:#fff; border-bottom:2px solid #d71921;}
.children li a {font-size:14px; color:#cecece;}
/* Begin Navigation Desktop */

/* Begin Homepage */
.overlay-black {position:absolute; width:100%; height:100%; background:#000; opacity:0.5; z-index:1;}
.homepagebanner-copy {position:absolute; z-index:1; margin:0 auto; text-align:left; padding:1em; margin-top:43em; margin-left:7em;}
.homepagebanner-copy h2 {font-family: 'ottawaregular'; font-size:42px; color:#fff; line-height: 1.3; font-style:italic;}
.homepagebanner-copy h2 span {font-size:60px; font-family: 'ottawabold';}
.homepagebanner-copy strong {color:#fcb040; }
.video-banner {background:#151515; height:auto}
.video-banner video {width:100%; opacity:0.8}
.homepage-about-content {background:#151515 !important; padding-bottom:2em !important}
.homepage-about-content h3 {font-family: 'futura_md_btmedium'; font-size:48px; color:#fff; line-height: 1.3; width:580px; text-transform:uppercase;}
.homepage-about-content p {font-size:18px !important; color:#d1d1d1; line-height: 1.3; width:1000px !important; margin-top:2em;}

.homepage-team-banner {width:100%;}
.homepage-team-banner h3 {font-family: 'futura_md_btmedium'; font-size:48px; color:#fff; line-height: 1.3; width:800px; text-transform:uppercase;}
.homepage-team-banner img {width:100%; height:auto; padding:5em 0 6em 0;}

.homepage-projects {padding-top:8em !important; background:#242424 !important;}
.homepage-projects h3 {font-family: 'futura_md_btmedium'; font-size:48px; color:#fff; line-height:1.2; text-transform:uppercase;}
.project-cat-container {width:1300px; margin:0 auto; padding-top:5em;}
.project-cat-cont-indi {width:300px; height:auto; display:inline-table; margin:3em 11px;}
.project-cat-cont-indi p {font-size:18px !important; color:#d1d1d1; line-height: 1.3; }
.project-cat-cont-indi a:hover img {outline:4px solid #d81a23; outline-offset:-4px;}
.project-cat-cont-indi a:hover h4 {color:#fff;}
.project-cat-details-copy {padding-top:1em;}
.project-cat-details-copy h4 {font-family: 'mulibold'; font-size:24px; color:#7f7f7f; text-align:center;}

.homepage-featured-projects {padding-top:8em !important; background:#a22721 !important; padding-bottom:4em !important}
.homepage-featured-projects h3 {font-family: 'futura_md_btmedium'; font-size:58px; color:#fff; line-height:1.2; text-transform:uppercase;}
.featured-projects-container {width:100%; margin:0 auto; padding-top:3em;}
.featured-projects-details-copy {padding-top:1.5em; width:1300px; margin:0 auto;}
.featured-projects-container h4 a {font-family: 'futura_md_btmedium'; font-size:36px; color:#e4e4e4;}
.featured-projects-container h4 a:hover {color:#fff;}
.featured-projects-container p {font-family: 'mulibold'; font-size:18px; color:#bfbfbf;}
.img-hover-zoom {height:700px;}
.img-hover-zoom img {text-align:center; margin:auto; display:block; }
.img-hover-zoom:hover img {outline:12px solid #000; outline-offset:-6px;}
.featured-projects-indi {margin-bottom:10em; width:100%;}

.homepage-events {padding-top:8em !important; padding-bottom:12em !important; background:#242424 !important;}
.homepage-events h3 {font-family: 'futura_md_btmedium'; font-size:48px; color:#fff; line-height:1.2; text-transform:uppercase;}
.homepage-events-container {width:1300px; margin:0 auto; padding-top:5em; padding-bottom:3em}
.homepage-events-indi {width:550px; height:auto; display:inline-table; margin:1em 2em;}
.homepage-events h4 {margin-bottom:0;}
.homepage-events h4 a {font-family: 'futura_md_btmedium'; font-size:28px; color:#dedede; line-height:1.2;}
.homepage-events h4 a:hover {color:#d71921;}
.homepage-events p {font-family: 'mulibold'; font-size:18px;}
.homepage-events-date {margin-bottom:0 !important;  color:#6d6d6d !important; line-height:1 !important; padding-bottom:6px;}
.homepage-events-copy {padding-top:12px !important; padding-bottom:2em !important; color:#aeaeae !important; font-size:16px !important;}
.homepage-events-indi-details {width:260px; float:right;}
.homepage-events-indi-thumb {width:260px; float:left;}
.homepage-events-indi-thumb img {width:260px; height:auto;}


 
.homepage-testi {padding-top:8em !important; background:#f9f9f9 !important; padding-bottom:12em !important}
.homepage-testi h3 {font-family: 'futura_md_btmedium'; font-size:64px; color:#000; line-height:1.2; text-transform:uppercase;}
.homepage-testi-container {width:1300px; margin:0 auto; padding:5em 0;}
.homepage-testi-indi {width:380px; height:auto; display:inline-table; margin:0 1.3em; border-bottom:1px solid #b9b9b9;}
.homepage-testi-indi {font-size:18px !important; color:#d1d1d1; line-height: 1.3; }
.homepage-testi-indi img {text-align:center; margin:0 auto;}
.homepage-testi-indi-copy {padding-top:1em;}
.homepage-testi-details-copy p {font-family: 'muliregular'; font-size:24px; color:#1c1c1c !important; margin-top:2em;}
.homepage-testi-details-copy h4 {font-family: 'mulibold'; font-size:18px; color:#0d0d0d; }
.homepage-testi-details-copy h5 {font-family: 'mulibold'; font-size:18px; color:#0d0d0d;}
.more-but {margin:0 auto; background:#d71921; color:#fff; font-family: 'mulibold'; font-size:24px; display:block; text-align:center; padding:1em 2em; width:350px;}
.more-but:hover {color:#000;} 
/* End Homepage */

/* Begin Banner*/
.banner-container {width:100%; background:#000;}
.banner-cont {height:auto; margin:0 auto;}
.slider {width:100%; height:auto; margin:0 auto;}
.slick-dots {margin:0 !important;}
.slick-dots {z-index:2; bottom:20px !important; width:100%;}
.slick-dots li button:before {font-size:15px !important;}

.slick-dotted.slick-slider {margin-bottom:0 !important;}
.slick-initialized .slick-slide {line-height:0;}
.slick-dots li {margin:0 !important;}
.slick-dots li.slick-active button:before {color:#eb1d21 !important;}
.slick-dots li button:before {color:#fff !important;}
.banner .slick-next {display:none !important;}
.banner .slick-prev {display:none !important;}

.banner img {opacity:1}
.homepage-banner-desc {position:absolute; z-index:5; width:720px; color:#fff; padding:35em 0 0 8em; }
.homepage-banner-desc h2 {width:auto; margin-top:0; font-family: 'Noto Sans', sans-serif; font-size:30px; font-weight:400; text-transform:uppercase; background:rgba(0, 0, 0, 0.5); display:table; padding:1em 1em;}
.homepage-banner-desc h3 {margin-top:8px; font-family: 'Noto Sans', sans-serif; font-size:16px; font-weight:400; text-transform:uppercase; background:rgba(0, 0, 0, 0.5); display:table; padding:1em 1em;}
/* End Banner*/

/* Homepage Pop Up */
#ppsPopupShell_100_633233 {left:0; top:0; right:0; bottom:0; margin:0 auto; text-align:center;}
.ppsPopupClose {border:0; background:#000; color:#ed1c24 !important; font-size:18px !important; font-weight:bold !important; width:600px !important; display:inline-block !important; padding:6px 0 !important; border-radius:0 !important; margin:9px 0 !important;}
.ppsPopupClose_none {display:none !important;}
/* Homepage Pop Up */

/* Begin Events */
.banner-events {background:#000;}
.event-top-margin {margin-top:4em !important;}
.banner-events .slick-slide img {opacity:0.5 !important; width:100%;}
.banner-events .slick-slide a:hover img {opacity:0.8 !important;}
.banner-copy {position:absolute; z-index:5; width:720px; color:#fff; padding:35em 0 0 8em; }
.banner-copy p {margin-top:8px; font-family: 'Noto Sans', sans-serif; font-size:16px; font-weight:400; text-transform:uppercase; background:#d71921; display:table; padding:1em 1em;}
.banner-copy h2 {width:auto; margin-top:0; font-family: 'Noto Sans', sans-serif; font-size:30px; font-weight:400; text-transform:uppercase; background:#d71921; display:table; padding:1em 1em;}
.event-content .page-cont {width:1300px; margin:0 auto; padding-top:8em; padding-bottom:4em}
.event-details-copy {color:#fff; padding:1em 1em;}
.event-details-copy h3 {font-family: 'Noto Sans', sans-serif; font-size:24px; color:#e4e4e4; background:none !important; line-height:1.3; margin-top:0; margin-bottom:0;}
.event-details-copy p {font-family: 'Noto Sans', sans-serif; font-size:12px; color:#cfcfcf; margin-bottom:4px;}
.events-container {width:1300px; margin:0 auto;}
.events-cont-indi {width:390px; height:auto; display:inline-table; background:#b11f25; margin:1.3em 1.3em;}
.events-cont-indi a:hover h4 {text-decoration:underline 2px #fff;}
.events-cont-indi a:hover img {outline:4px solid #b11f25; outline-offset:-4px;}
.events-post-images-container {padding-top:7em; padding-bottom:7em; width:1300px; margin:0 auto;}
.grid-item {width:650px; margin-bottom:25px;}
.grid-work {width:auto;}

.events-post-content h3  {display:inline; padding:12px 12px; margin-top:0; font-family: 'futura_md_btmedium'; font-size:44px; font-weight:600; color:#fff; margin-bottom:20px; background:#d71921;} 
/* End Events */


/* Begin Testimonials */
.testi-content .page-cont {width:1300px; margin:0 auto; padding-top:8em; padding-bottom:4em}
.testi-container {width:1300px; margin:0 auto;}
.testi-cont-indi {width:390px; height:auto; display:inline-table; margin:1.3em 1.3em; border-bottom: 1px solid #505050;}
.testi-cont-indi a h3 {font-family: 'futura_md_btmedium'; font-size:28px; color:#fff; line-height:1.2;}
.testi-cont-indi a h3:hover {color:#d71921;}
.testi-cont-indi p {font-family: 'mulibold'; font-size:18px; color:#6d6d6d !important;}

.testi-pagecontainer {width:1200px; margin:0 auto; margin-top:10em; margin-bottom:10em;}
.testi-pagecontainer .page-left {width:700px; float:left;}
.testi-pagecontainer .page-right {width:350px; float:right; margin-top:8em;}
.testi-pagecontainer h2 {margin-top:0; font-family: 'futura_md_btmedium'; font-size:44px; color:#fff; margin-bottom:20px;}
.testi-pagecontainer h3 {color:#cccccc;font-family: 'muliregular'; font-size:24px; margin-bottom:2em; margin-top:0;}
.testi-pagecontainer p {text-align:justify; font-family: 'muliregular'; font-size:18px; color:#8e8e8e; margin-bottom:24px; line-height:1.7;}
/* End Testimonials */

/* Begin Contact Us */
.contactus-content .page-cont {width:1300px; margin:0 auto; padding-top:8em;}
.map-content {background:#242424;}
/* End Contact Us */

/* Begin Page */
.pagecontainer {width:100%; background:#242424; padding-top:4em; padding-bottom:8em;}
.page-cont {width:1300px; margin:0 auto; padding-top:2em; padding-bottom:4em}
.page-cont h2 {font-family: 'futura_md_btmedium'; font-size:60px; color:#e4e4e4; text-transform:uppercase;}
.page-cont strong {font-size:48px; color:#fff;}
.page-cont b {color:#fff;}
.page-cont p {width:auto; font-family: 'muliregular'; font-size:18px; font-weight:normal; color:#b2b2b2; line-height:1.8; margin-bottom:1.7em;}
.page-content-cont {width:1200px; margin:0 auto;}
.page-cont-top-margin {margin-top:6em;}
/* End Page */


/* Begin About */
.about-content .page-cont {width:1300px; margin:0 auto; padding-top:8em; padding-bottom:4em; font-family: 'muliregular';}
.about-content .page-cont h2 {margin-bottom:1em;}
.cd-timeline-navigation li {color:#252525;}

.cd-horizontal-timeline .events-content h3 {font-family: 'Noto Sans', sans-serif; font-size:40px; color:#fff; padding-bottom:22px;}
.cd-horizontal-timeline .events-content h4 {font-family: 'Noto Sans', sans-serif; font-size:28px; color:#fff; padding-bottom:1em}
.cd-horizontal-timeline .events-content p {font-family: 'Arial', sans-serif; font-size:20px; color:#cdcdcd; line-height:1.7; padding-bottom:18px;}
.cd-horizontal-timeline {opacity:0; margin:2em auto; transition:opacity 0.2s;}
.cd-horizontal-timeline::before {content:'mobile'; display:none;}
.cd-horizontal-timeline.loaded {opacity:1;}
.cd-horizontal-timeline .timeline {position:relative; height:100px; width:90%; max-width:1200px; margin:0 auto;}
.cd-horizontal-timeline .events-wrapper {position:relative; height:100%; margin:0 40px; overflow:hidden;}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {content:''; position:absolute; z-index:2; top:0; height:100%; width:20px;}
.cd-horizontal-timeline .events-wrapper::before {left:0; background-image:linear-gradient(to right, #252525, rgba(248, 248, 248, 0));}
.cd-horizontal-timeline .events-wrapper::after {right: 0; background-image:linear-gradient(to left, #252525, rgba(248, 248, 248, 0));}
.cd-horizontal-timeline .events {position:absolute; z-index:1; left:0; top:49px; height:2px; background:#dfdfdf; transition:transform 0.4s;}
.cd-horizontal-timeline .filling-line {position:absolute; z-index:1; left:0; top:0; height:100%; width:100%; background-color:#d71921; transform:scaleX(0); transform-origin:left center; transition:transform 0.3s;}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #fff;
  transform: translateZ(0);
  font-family: 'Noto Sans', sans-serif;
  font-size:16px;
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color:#d71921;
  border-color: #d71921;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
  font-size: 20px;
  color: #d71921;
  font-weight: bold;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #d71921;
  border-color: #d71921;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #d71921;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin:0 auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  background: url(images/cd-arrow.png) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #0099ff;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width:900px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}



@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
/* End About */


/* Begin Purpose */
.purpose-banner {width:100%; height:850px; background:#000 url(images/purpose-banner-rev.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.purpose-content {background:#000; font-family:'muliregular';}
.purpose-content .page-content-cont {width:900px; margin-top:4em;}
.purpose-content .page-content-cont h3 span {color:#cc2e2b; } 
.purpose-content .page-content-cont h3 {margin-bottom:1em; text-align:center; font-family: 'futurabold'; font-size:56px; font-weight:800; color:#fff; text-transform:uppercase;}
.purpose-content .page-content-cont ul {margin:0 auto; text-align:center; list-style-type:none; }
.purpose-content .page-content-cont p {font-family: 'Noto Sans', sans-serif; font-size:16px; color:#bbbbbb; text-align:left; text-transform:none;}

.accordion-container {position:relative; cursor:pointer}
.accordion-container .article-title {padding-bottom:8px; display:block; position:relative; margin:0; cursor: pointer; color:#707070; font-family: 'futura_md_btmedium'; font-size:48px; text-transform:uppercase;}
.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {color:#fff;}
.accordion-container .article-title span {color:#cc2e2b;}
.accordion-content {display: none; margin:1em 0 1.5em 0;}
.article-title-1 {text-align:center;}
.article-title-2 {padding-left:247px;}
.article-title-3 {padding-left:229px;}
.article-title-4 {padding-left:291px;}
.article-title-5 {padding-left:357px;}
.article-title-6 {padding-left:254px;}
.article-title-7 {padding-left:258px;}
.article-title-7 {padding-left:257px;}
.article-title-8 {padding-left:244px;}
.article-title-9 {padding-left:294px;}
.article-title-10 {padding-left:217px;}
.article-title-11 {padding-left:266px;}
.article-title-12 {padding-left:279px;}
.article-title-13 {padding-left:180px;}
.article-title-14 {padding-left:212px;}
/* End Purpose */

/* Begin Team */
.team-banner {width:100%; height:850px; background:#000 url(images/team-banner.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.profile-content {background:#000; font-family:'muliregular';}
.team-container {padding-top:4em; margin-bottom:10em;}

.team-container figure {margin: 0; display: grid; grid-template-rows: 1fr auto; margin-bottom: 10px; break-inside: avoid;}
.team-container figure > img {grid-row: 1 / -1; grid-column: 1;}
.team-container .container {column-count:4; column-gap: 10px;}
.team-container .container .content img {
      -webkit-filter: gray;
              filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1);
              filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;  
    }
.team-container .container .content img:hover {
    -webkit-filter: none;
            filter: none;
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
      -webkit-filter: grayscale(0);
              filter: grayscale(0);
    }


.team-container .title{
  color: #1a1a1a;
  text-align: center;

}


.team-container .content-image{
  width: 100%;
}

.team-container .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.team-container .content:hover .content-details{
  left: 50%;
  opacity: 1;
}

.team-container .content-details h3{
  color: #fff;
  font-family: 'Noto Sans', sans-serif;
  font-weight:800;
  margin-bottom:6px;
  text-align:left;
  font-size:18px;
}

.team-container .content-details h3 small {color:#fff;}


.team-container .content-details p{
  color: #fff;
  margin-bottom: 0.5em;;
  font-size:13px;
  font-family: 'Noto Sans', sans-serif;
  text-align:left;
}

.team-container .fadeIn-bottom{
  bottom:-12px;
}

.team-container .content {
  position: relative;
  margin: auto;
  overflow: hidden;
}

.team-pagecontainer {width:1300px; margin:0 auto; margin-top:10em;}
.team-pagecontainer .page-left {width:565px; float:left;}
.team-pagecontainer .page-right {width:530px; float:right; margin-top:8em;}
.team-pagecontainer h2 {margin-top:0; font-family: 'mulibold'; font-size:44px; font-weight:600; color:#fff; margin-bottom:30px;}
.team-pagecontainer small {color:#fff; line-height:0;}
.team-pagecontainer h3 {color:#d71921; font-family: 'mulibold'; font-size:16px; margin-bottom:2em; margin-top:0;}
.team-pagecontainer p {text-align: justify; font-family: 'muliregular'; font-size:16px; color:#8e8e8e; margin-bottom:24px; line-height:1.7;}
.profile-highlight {text-align: justify; font-family: 'muliregular'; font-size:20px; color:#fff; margin-bottom:24px; line-height:1.7; padding:1em 0; border-top:2px solid #fff; border-bottom:2px solid #fff;}
/* Begin Team */



/* Begin Projects */
.float-container {column-count:none !important; column-gap: 1em;}
.float-container {padding:0 1em; margin-top:6em; margin-bottom:10em;}
.float-container .title{
  color: #1a1a1a;
  text-align: center;}
.float-container .content-image{
  width: 100%;}
.float-container .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.float-container .content:hover .content-details{
  left: 50%;
  opacity: 1;}
.float-container .content-details h3{
  color: #fff;
  font-family: 'Noto Sans', sans-serif;
  font-weight:800;
  margin-bottom:0;
  text-align:left;
  font-size:18px;
  line-height:1.2}
.float-container .content-details p{
  color: #fff;
  margin-bottom: 0.5em;;
  font-size:14px;
  font-family: 'Noto Sans', sans-serif;
  text-align:left;}
.float-container .fadeIn-bottom{
  bottom:-10px;}
.float-container .content {
  position: relative;
  margin: auto;
  overflow: hidden;
  margin-bottom:1em;}
.float-container .content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  padding-bottom:0 !important;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;}
.float-container .content:hover .content-overlay{
  opacity: 1;}
.float-container  .float-left {display: inline-table !important;
    width: 32% !important;
    margin: 0 8px !important;;}



.projects-container { /* Masonry container */
    column-count: 3;
    column-gap: 1em;
}

.content { /* Masonry bricks or child elements */

    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}



.content {
    display: inline-block;



    width: 100%;

}
.content img {width:100%;}


.projects-container {padding:0 1em; margin-top:6em; margin-bottom:10em;}



.projects-container .title{
  color: #1a1a1a;
  text-align: center;

}


.projects-container .content-image{
  width: 100%;
}

.projects-container .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.projects-container .content:hover .content-details{
  left: 50%;
  opacity: 1;
}

.projects-container .content-details h3{
  color: #fff;
  font-family: 'Noto Sans', sans-serif;
  font-weight:800;
  margin-bottom:0;
  text-align:left;
  font-size:24px;
  line-height:1.3;
  margin-bottom:8px;
}

.projects-container .content-details p{
  color: #fff;
  margin-bottom: 0.5em;;
  font-size:14px;
  font-family: 'Noto Sans', sans-serif;
  text-align:left;
}



.projects-container .fadeIn-bottom{
  bottom:-10px;
}

.projects-container .content {
  position: relative;
  margin: auto;
  overflow: hidden;
  margin-bottom:1em;
}

.projects-container .content .content-overlay {
  background: rgba(215,25,33,0.7);
  position: absolute;
  padding-bottom:0 !important;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;

}

.projects-container .content:hover .content-overlay{
  opacity: 1;
}

/* Project Individual */
.indiproject-container {background:#000;}
.projects-banner {background:#000 !important; width:100%; height:auto; padding-top:7em;}
.full-width {width: 100%;}
.projects-desc {margin:0 auto; width:1100px; margin-top:6em;}
.project-left {float:left; width:500px;}
.project-right {float:right; width:450px; }
.projects-desc h2 {margin-top:0; font-family: 'Noto Sans', sans-serif; font-size:48px; font-weight:600; color:#fff; line-height:1.2; margin-bottom:28px;}
.projects-desc h3 {color:#e7e7e7; font-family: 'Noto Sans', sans-serif; font-size:18px; margin-bottom:1.5em; margin-top:1em; line-height:1.6;}
.projects-desc p {color:#e7e7e7; font-family: 'Noto Sans', sans-serif; font-size:18px; margin-bottom:1.5em; margin-top:1em; line-height:2.6;}
.table-responsive {color:#e7e7e7; font-family: 'Noto Sans', sans-serif; font-size:16px; line-height:1.7; margin-top:1em;}
.table-responsive td {line-height:1.4; padding:10px 0;}
.table-responsive tr {height:50px;}

.works-images-container {padding-top:7em; width:1300px; margin:0 auto;}
.works-container {column-count:2; column-gap:;  margin-bottom:8em;}
.works-container .content {padding-bottom:.5em;}
.related-cont {margin-top:4em; padding-bottom:8em;}
.related-cont h4 {font-family: 'Noto Sans', sans-serif; font-size:32px; color:#fff; font-weight:800; margin-bottom:2em;}
.related-cont {width:1300px; margin:0 auto; padding-top:15em;}

.related-content {float:left; width:310px; height:310px; margin:0 7px;}
.related-content img {object-fit:cover; width:310px; height:310px;}


.related-content {
  position: relative;

  overflow: hidden;
}

.related-content .content-overlay {
  background: rgba(215,25,33,0.7);
  position: absolute;

  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.related-content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.related-content:hover .content-details{

  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-family: 'Noto Sans', sans-serif;
  font-weight:800;
  margin-bottom:0;
  text-align:left;
  font-size:18px;
  line-height:1.2
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  bottom:-10px;
}

.backto-projects {margin:0 auto; width:1300px; text-align:center; margin-top:4em;}
.backto-projects a {font-family: 'Noto Sans', sans-serif; font-size:20px; color:#fff;}
.backto-projects a:hover {color:#d71921;}
/* End Projects */




/* Begin Testimonials */
.testi-container { margin-top:8em;}
.testi-indi-cont {margin:0 auto; width:1100px; margin-bottom:12em;}
.testi-indi-left {width:350px; float:left;}
.testi-indi-right {width:650px; float:right;}
.testi-indi-right img {padding-bottom:3em;}
.testi-indi-right p {font-family:Arial, sans-serif; font-size:16px; color:#b4b4b4; font-style:italic; line-height:1.7; margin-bottom:1em;}
.testi-indi-right h3 {font-family: 'Noto Sans', sans-serif; font-size:20px; color:#fff; margin-top:3em}
.testi-indi-right h4 {font-family: 'Noto Sans', sans-serif; font-size:16px; color:#b4b4b4; line-height:1.5;}
.alm-btn-wrap .alm-load-more-btn {background:#d71921 !important; color:#fff !important;}
/* End Projects */


/* Begin Contacts */
.clients-container {margin:0 auto; width:800px; margin-top:8em;}
.clients-container label {font-weight:300 !important;}
.clients-container p {font-family: 'Noto Sans', sans-serif; font-size:16px; color:#fff; margin-bottom:2em;}
.adgo-details {position:absolute; z-index:9; background: rgba(0, 0, 0, 0.8); padding:2em 2em; margin-top:26em;}
.adgo-details h2 {font-family: 'Noto Sans', sans-serif; color:#fff; font-size:24px; margin-top:0;}
.adgo-details p {color:#acacac; font-size:12px; line-height:1.7; margin-bottom: 0;}
/* End Contacts */


/* Begin Careers */
.career-banner {width:100%; height:850px; background:#000 url(images/career-banner.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.careers-container {width:1000px; margin:0 auto; padding-top:6em;}
.careers-cont {width:300px; float:left; margin:0 6em;}
.careers-cont a h3 {font-family: 'Noto Sans', sans-serif; font-size:28px; color:#fff; text-decoration:underline; line-height:1.4; margin-bottom:30px;}
.careers-cont a h3:hover {color:#d71921;}
.careers-cont .page-left {width:565px; float:left;}
.careers-cont .page-right {width:530px; float:right; margin-top:8em;}
/* End Careers */

/* Begin Footer */
.footer-container {background:#000; padding:6em 0 1em 0;}
.footer-cont {margin:0 auto; width:1300px;}
.footer-menu {width:320px; display:inline-table;}
.footer-menu p {color:#fff; font-size:28px; line-height:1; font-family: 'futura_md_btmedium';; margin-bottom:1em; font-weight:400;}
.footer-menu ul {list-style-type:none; margin-left:0;}
.footer-menu li {margin-bottom:1em;}
.footer-menu ul li a {color:#b2b2b2; font-size:14px; line-height:1.3; font-family: 'muliregular'; }
.footer-menu ul li a:hover {color:#d71921;}
.footer-copy {float:left; margin:0 auto; padding:1em 0 .4em 0; color:#6c6c6c; font-size:12px; font-family:'Arial', sans-serif;}
.footer-socialmedia {float:right;}
.footer-socialmedia img {margin:4px 6px;}
.footer-copy-social {padding-top:5em;}
/* End Footer */

/* Begin Form */
.clients-container input, button, select, textarea {color:#000 !important;}
.clients-container input[type=text], input[type=password], input.text, input.title, textarea, select {width:100%; height:40px; color:#000;}
.clients-container img {height:40px; width:80px; float:left; margin-top:7px;}
.captcha-235 span.wpcf7-not-valid-tip {margin-left:1em; display:inline-block; font-size:14px; margin-top:6px;}
span.wpcf7-not-valid-tip {font-size:14px !important; margin-top:10px !important;}
.clients-container textarea {height:200px;}
.clients-container input[type=submit] {background:#d71921; margin-top:2em; width:100%; color:#fff !important; text-align:center; border:0; padding:1em 0; text-transform:uppercase; font-weight:600; margin-bottom:1em;}
.clients-container input[type=submit]:hover {background:#000;}
.google-map {width:100%; height:770px; background:#242424;}
#style-selector-control {display:none !important;}

.captcha-235 input.text {width:120px !important; margin-right:.5em; float:left; margin-top:7px; }
.applynow-form img {height:40px; width:80px; float:left;}
.captcha-235 span.wpcf7-not-valid-tip {margin-left:1em; display:inline-block;}

.req {color:#a12023;}
div.wpcf7-response-output {padding:1em 1em !important; margin:0 !important; color:#fff;}
div.wpcf7 img.ajax-loader {display:none;}
div.wpcf7-validation-errors {padding:1em 1em !important; margin:0 !important; margin-top:3em;}
div.wpcf7 input[type="file"] {margin-top:7px; color:#fff !important;}

.opening-right-cont input[type=submit] {background:#193164; margin-top:2em; color:#fff; text-align:center; border:0; text-transform:uppercase; font-weight:600; margin-bottom:1em;}
.opening-right-cont p {margin-bottom:1em}
.wpcf7-form-control-wrap .your-email input[type=text], input[type=password], input.text, input.title, textarea, select {width:100% !important;}
.opening-right-cont textarea {height:200px !important;}
/* End Form */

.input-group {margin-bottom:2em;}
.input-group h3 {font-size:36px;  font-family: 'Open Sans', sans-serif; color:#bca388;}
.title_head {font-size:18px; font-family: 'Baskervville', serif; color:#193164;}
.input-wrap p {font-size:14px;  font-family: 'Open Sans', sans-serif; color:#bca388;}
.input-wrap{width:174px; height:auto; margin:10px 4px; float:left;}
label figure img {width:160px; height:160px;}
label figure {background-color:#fff; padding:6px 6px; cursor:pointer; width:172px;}
.input-group input:checked ~ label figure {background:#bca388;}
.input-wrap input {display:none;}





.project-grid-container {padding-top:7em; padding-bottom:7em; width:100%; margin:0 auto;}
.grid-project {width:490px; margin-bottom:16px; background:#d71921;}


.contentwork img {object-fit:cover;}


.contentwork {
  width:490px;
  margin-bottom:16px;
  overflow: hidden;
  background:#d71921;
}

.contentwork .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  padding-bottom:0 !important;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 1;}
}

.contentwork a:hover img{
  opacity: 0.7;
}

.contentwork a:hover .content-details{

  left: 50%;
  opacity: 1;
}


.timeline-cont {width:1000px; margin:0 auto; padding-top:4em; padding-bottom:4em;}
ul.timeline {margin:0;}
.timeline {width:auto; font-family: 'muliregular'; font-size:18px; font-weight:normal; color:#b2b2b2; line-height:1.8; margin-bottom:1.7em;}
.timeline-details {color:#000; line-height:1.5; padding:0 2em;}

.tl-item {display:block;}
.tl-item:before, .tl-item:after {content:" "; display:table;}
.tl-item:after {clear:both;}
.visible-left {display:none;}
.tl-wrap {display:block; margin-left:6em; padding:15px 0 15px 20px; border-style:solid; border-color:#d71921; border-width:0 0 0 4px;}
.tl-wrap:before, .tl-wrap:after {content:" "; display:table;}
.tl-wrap:after {clear:both;}
.tl-wrap:before {position:relative; content: ""; float:left; top:10px; margin-left:-32px; width:10px; height:10px; border-color:inherit; border-width:10px; border-radius:50%; border-style:solid;}
.tl-date {position:relative; top:10px; float:left; margin-left:-7.5em; display:block; width:4.5em; text-align:right;}
.tl-content {
  display: inline-block;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
}
.tl-content.block {
  display: block;
  width: 100%;
}
.tl-content.panel {
  margin-bottom: 0;
  margin-left:1em;
}
.tl-header {
  display: block;
  width: 12em;
  text-align: center;
  margin-left: 2px;
}
.timeline-center .tl-item {
  margin-left: 50%;
}
.timeline-center .tl-item .tl-wrap {
  margin-left: -2px;
}
.timeline-center .tl-header {
  width: auto;
  margin: 0;
}
.timeline-center .tl-left {
  margin-left: 0;
  margin-right: 50%;
}
.timeline-center .tl-left .hidden-left {
  display: none !important;
}
.timeline-center .tl-left .visible-left {
  display: inherit;
}
.timeline-center .tl-left .tl-wrap {
  float: right;
  margin-right: -2px;
  border-left-width: 0;
  border-right-width: 4px;
  padding-left: 0;
  padding-right: 20px;
}
.timeline-center .tl-left .tl-wrap:before {
  float: right;
  margin-left: 0;
  margin-right: -27px;
}
.timeline-center .tl-left .tl-date {
  float: right;
  margin-left: 0;
  margin-right: -8.5em;
  text-align: left;
}
.arrow {
  border-width: 9px;
  z-index: 10;
}
.arrow,
.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.arrow:after {
  border-width: 8px;
  content: "";
}
.arrow.top {
  left: 50%;
  margin-left: -9px;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  top: -9px;
}
.arrow.top:after {
  top: 1px;
  margin-left: -8px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.arrow.top.arrow-primary:after {
  border-bottom-color: #7266ba;
}
.arrow.top.arrow-info:after {
  border-bottom-color: #23b7e5;
}
.arrow.top.arrow-success:after {
  border-bottom-color: #27c24c;
}
.arrow.top.arrow-danger:after {
  border-bottom-color: #f05050;
}
.arrow.top.arrow-warning:after {
  border-bottom-color: #fad733;
}
.arrow.top.arrow-light:after {
  border-bottom-color: #edf1f2;
}
.arrow.top.arrow-dark:after {
  border-bottom-color: #3a3f51;
}
.arrow.top.arrow-black:after {
  border-bottom-color: #13171e;
}
.arrow.right {
  top: 50%;
  right: -9px;
  margin-top: -9px;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, 0.1);
}
.arrow.right:after {
  right: 1px;
  bottom: -8px;
  border-right-width: 0;
  border-left-color: #ffffff;
}
.arrow.right.arrow-primary:after {
  border-left-color: #7266ba;
}
.arrow.right.arrow-info:after {
  border-left-color: #23b7e5;
}
.arrow.right.arrow-success:after {
  border-left-color: #27c24c;
}
.arrow.right.arrow-danger:after {
  border-left-color: #f05050;
}
.arrow.right.arrow-warning:after {
  border-left-color: #fad733;
}
.arrow.right.arrow-light:after {
  border-left-color: #edf1f2;
}
.arrow.right.arrow-dark:after {
  border-left-color: #3a3f51;
}
.arrow.right.arrow-black:after {
  border-left-color: #13171e;
}
.arrow.bottom {
  left: 50%;
  bottom: -9px;
  margin-left: -9px;
  border-bottom-width: 0;
  border-top-color: rgba(0, 0, 0, 0.1);
}
.arrow.bottom:after {
  bottom: 1px;
  margin-left: -8px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.arrow.bottom.arrow-primary:after {
  border-top-color: #7266ba;
}
.arrow.bottom.arrow-info:after {
  border-top-color: #23b7e5;
}
.arrow.bottom.arrow-success:after {
  border-top-color: #27c24c;
}
.arrow.bottom.arrow-danger:after {
  border-top-color: #f05050;
}
.arrow.bottom.arrow-warning:after {
  border-top-color: #fad733;
}
.arrow.bottom.arrow-light:after {
  border-top-color: #edf1f2;
}
.arrow.bottom.arrow-dark:after {
  border-top-color: #3a3f51;
}
.arrow.bottom.arrow-black:after {
  border-top-color: #13171e;
}
.arrow.left {
  top: 50%;
  left: -9px;
  margin-top: -9px;
  border-left-width: 0;
  border-right-color: rgba(0, 0, 0, 0.1);
}
.arrow.left:after {
  left: 1px;
  bottom: -8px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.arrow.left.arrow-primary:after {
  border-right-color: #7266ba;
}
.arrow.left.arrow-info:after {
  border-right-color: #23b7e5;
}
.arrow.left.arrow-success:after {
  border-right-color: #27c24c;
}
.arrow.left.arrow-danger:after {
  border-right-color: #f05050;
}
.arrow.left.arrow-warning:after {
  border-right-color: #fad733;
}
.arrow.left.arrow-light:after {
  border-right-color: #edf1f2;
}
.arrow.left.arrow-dark:after {
  border-right-color: #3a3f51;
}
.arrow.left.arrow-black:after {
  border-right-color: #13171e;
}
.arrow.pull-left {
  left: 19px;
}
.arrow.pull-right {
  left: auto;
  right: 19px;
}
.arrow.pull-up {
  top: 19px;
}
.arrow.pull-down {
  top: auto;
  bottom: 19px;
}



nav {height:60px; float:right; margin-right:1em;}
#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-left: 15px;
  z-index: 2;
  -webkit-user-select: none;
  user-select: none;
  margin-top:30px;
}

#menuToggle input
{
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  top:-1em;
  left:-10px;
}

#menuToggle span
{
  display: flex;
  width: 29px;
  height: 3px;
  margin-bottom: 5px;
  position: relative;
  background: #000;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383F;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
  font-family: 'Montserrat', sans-serif; font-weight:400;
  width: 100%;
  height: 120%;
  /* box-shadow: 0 0 10px #85888C; */
  margin: -40px 0 -100px 0;
  padding-top:70px;
  background-color: #000;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  overflow: auto;
  position: fixed;
  margin-top:-85px;
  left:0;
}

#menu li
{
  transition-delay: 2s;
  list-style-type:none;
  font-size:16px;
}

#menuToggle input:checked ~ div
{
  transform: none;
}