/* Add here all your CSS customizations */
@font-face{
font-family: 'Hello Stockholm Regular';
font-style: normal;
font-weight: normal;
src: local('Hello Stockholm Regular'), url('fonts/HelloStockholm-Regular.woff') format('woff');
}
@font-face {
font-family: 'Snickles';
font-style: normal;
font-weight: normal;
src: local('Snickles'), url('fonts/Snickles.woff') format('woff');
}

/*menu*/
header{
  height: 80px;
  left: 0;
  padding: 0.5rem;
  position: fixed;
  text-align: right;
  top: 0;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  width: 100%;
 }
.nav-button{text-transform: uppercase;}

.nav-wrapper{
  background-color: #131d24;
  box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.75);
  height: 100%;
  padding-top: 80px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: visibility 0.6s, -webkit-transform 0.6s;
  transition: visibility 0.6s, -webkit-transform 0.6s;
  transition: transform 0.6s, visibility 0.6s;
  transition: transform 0.6s, visibility 0.6s, -webkit-transform 0.6s;
  visibility: hidden;
  width: 20vw;
}
.button-lines span:active{border: none;}
.nav-visible .nav-wrapper{
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  z-index: 9999;
}

.menu{
  display: inline-block;
  list-style-type: none !important;
  text-align:left;
  width: 100%;
  padding-left: 0px !important;
  position: relative;
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s,
  -webkit-transform 0.6s;
}
.nav-visible .menu {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
/*.menu ul li{list-style-type:none !important;}*/
.menu li.active a {background-color: #212635;}
.menu a{
  display: inline-block;
  line-height: 1.4;
  padding: 0.6em 0.5em 0.6em 1.4em;
  text-transform: capitalize;
  color:#fff;
  text-align:left;
}
.menu a:focus, .menu a:hover {
  background-color: #0183cb !important;
  text-decoration: none;
  width:100%;
  transform: scale(1.02);
}

.color-1 {
  color: deeppink;
}


.lines:hover{
  background: #000;
}

.lines:after, .lines:before {
    background: rgb(1, 131, 203);
    border-radius: 0.2rem;
    display: inline-block;
    height: 0.15rem;
    width: .9rem;
    content: "";
    left: 0;
    position: absolute;
}
.lines:after:hover, .lines:before:hover {background: #521a1a;}
.lines:after {top: -6px;}
.lines:before {top: -11px;}
.button-lines-x .lines{
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}

.nav-visible .button-lines-x .lines {background: rgb(1, 131, 203);}
.button-lines-x .close .lines{border: 2px solid #fff !important;}

.menutext{
    color: #fff;
    line-height: 30px;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
}
.button-lines{
    padding: 0 35px 0 15px;
    background-color: rgb(1, 131, 203);
    border-radius: 30px;
    border: none;
    position: absolute;
    z-index: 99998;
    right: 5%;
    top: 16px;
}
.top-menu-bar .button-lines .button-lines-x.close {
    background: #fff !important;
    display: inline-block;
    padding: 0 6px 10px!important;
    position: absolute;
    top: 0px;
    right: -5px;
    opacity: 1;
    border-radius: 100%;
    width: 30px;
    height: 30px;
}
.lines{
    background: rgb(1, 131, 203);
    border-radius: 0.2rem;
    display: inline-block;
    height: 0.15rem;
    width: .9rem;
    position: relative;
}
.close:focus, .close:hover{color: #000;text-decoration: none;opacity: .75;}
.social-icons.social-icons-big li a{
    height: 30px;
    line-height: 30px;
    width: 30px;
}
#contactForm input[placeholder]{color: #000 !important;}
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm input[type="number"], select {
    color: #000 !important;
    font-size: 14px;
    margin: 4px 0px;
    -webkit-border-radius: 2px;
}
/* menu end*/

#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a {
    color: #444;
}
.sectionTitle{font-family:'Hello Stockholm Regular';font-weight:500;font-size:92px !important;letter-spacing:2px;line-height: 55px;}
.section h4{color:#4444448a !important;}
.sectionmoto h1{padding-top:60px;color: #fff;font-weight: 500;text-align:right;max-width:94px;line-height: 32px;}
.abttextleft p:nth-child(3){font-family: 'Roboto';font-weight:400;color:#fff;font-size:36px;line-height: 36px;}
.contact p:nth-child(3){font-family:'Roboto';font-weight:400;font-size:36px;color: #0183cb;}
.section p{font-family: lato;}
.abttextleft h2{line-height:0px;font-weight:600;}
.abttextleft h2 span:nth-child(1){font-family:'Hello Stockholm Regular';font-weight:500;font-size:120px !important;letter-spacing:2px;padding-left: 18px;}
.abttextright p{padding-left:90px;text-align: right;line-height: 20px;}
.abttextright p:nth-child(1){padding-top:150px;}
.list li{line-height: 16px;}
.list li i{color:#444 !important;}
.eventmleft, .venueright, .synergyleft{position: relative;}
.eventmleft blockquote{position: absolute;bottom:0;left: 0;text-align: left;max-width: 330px;color:#fff !important;line-height: 21px;font-size: 16px; background: #102231b0;padding:15px;border-radius:5px;font-family: 'Raleway Regular', arial;font-weight: 600;}
.venueright blockquote{position: absolute;bottom:0;right:0;text-align: right;max-width: 330px;color:#fff !important;line-height: 21px;font-size: 16px; background: #102231b0;padding:15px;border-radius: 5px;font-family: 'Raleway Regular', arial;font-weight: 600;border-right: 5px solid #eee !important;text-align:right;border-left:0px !important;}
.digitalright blockquote{position: absolute;top:100px;right:0;text-align: left;max-width: 330px;color:#fff !important;line-height: 21px;font-size: 16px; background: #102231b0;padding:15px;border-radius: 5px;font-family: 'Raleway Regular', arial;font-weight: 600;border-right: 5px solid #eee !important;text-align:right;border-left:0px !important;}
.sectionlogo .eventslogo{position: absolute;bottom:0;right:0;}
.eventslogo{text-align: right;}
.eventslogo h4{color:#000 !important;font-weight: 500;font-family:'Roboto';margin-right:30px;}
.eventslogo h4 span{font-weight:700;font-size: 32px;}


/*------------ events page ----------------------*/

body[data-plugin-section-scroll] #header .headerBG{background: rgba(33, 37, 41, 0.8);height:64px !important;}
#header .header-body{background: rgba(33, 37, 41, 0.8);height:64px !important;}
#header .header-logo img{width:150px;height: auto;padding:0px 0px 0px 35px; }
header{padding: 0rem;}
#header .header-logo {margin: 3px 0;}
.detailstitle{color:#6997CF !important;font-weight: bold;}
.projectdes h2 strong, .projectrelate h4 strong{color: rgb(200, 81, 97);font-weight: bold;}
.thumb-info .thumb-info-inner {line-height: 20px;}
.thumb-info .thumb-info-type{border-radius:5px;font-size: 13px;font-weight: 500;padding: 5px;text-transform: none;line-height: 18px;background-color: #0082cb40;}

@media (max-width: 991px){
  .nav-wrapper {width:50vw;}
}

@media (max-width: 767px){
 .abttextleft p:nth-child(3) {font-size:28px;}
 .contact p:nth-child(3) {font-size: 28px;}
 .sectionTitle {font-size: 72px !important;line-height: 46px;}
 .section p {line-height: 22px;}
 section.section {margin: 0px !important;padding: 20px 0px !important;}
 .abttextright p {padding-left: 65px;}
 .client img{width:180px;height: auto;}
}