body {margin: 0; padding: 0; background: #fff; color: #00293e; font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif; padding: 0 0 21px; font-weight: 900;}
p {font-size: 22px; font-family: 'Roboto', sans-serif; font-weight: 300; color: #00293e; line-height: 1.3em; padding: 0 0 18px;}
.spacer {height: 15px; margin: 0; padding: 0; clear: both;}

.lbtnhold {padding: 60px 0 0; text-align: left;}
.rbtnhold {padding: 60px 0 0; text-align: right;}
.lbtnhold p small a, .rbtnhold p small a {color: #fff; text-decoration: underline;}
.redbtn {display: inline-block; padding: 0 45px; line-height: 65px; font-size:30px; font-weight: 900; font-family: 'Raleway', sans-serif; background-color:#e52329; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #af151f; border-bottom-width:3px; color: #fff; margin-bottom: 5px; text-align: center;}
.bluebtn {display: inline-block; padding: 0 45px; line-height: 65px; font-size:30px; font-weight: 900; font-family: 'Raleway', sans-serif; background-color:#00293e; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #000; border-bottom-width:3px; color: #fff; margin-bottom: 5px; text-align: center;}

.nav-wrapper {background: #fff;}
.menuhold {margin: 28px 0; height: 26px;}
.nav-toggle {position: absolute; top: 0; left: 0; z-index: 999999; padding: 15px 35px 6px 0px; cursor: pointer;}
.nav-toggle:focus {outline: none;}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {content: ''; position: absolute; display: block; width: 50px; height: 6px; border-radius: 1px; background: #ed2127; cursor: pointer;}
.nav-toggle span:before {height: 17px;}
.nav-toggle.active span:before, .nav-toggle.active span:after {background: #fff !important;}

.nav-toggle span:before {top: -21px;}
.nav-toggle span:after {bottom: -10px;}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.nav-toggle.active span {background-color: transparent;}
.nav-toggle.active span:before {width: 50px; height: 6px;}
.nav-toggle.active span:before, .nav-toggle.active span:after {top: 0;}
.nav-toggle.active span:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.nav-toggle.active span:after {top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}

.navicon {position: relative;}
.navicon-fixed {position: fixed; top: 59px; right: 143px;}

.dropmenu {position: relative;}

nav.navigation {z-index: 10000; position: relative;}
nav.navigation ul {float: right; padding-right: 15px;}
nav.navigation li {font-size: 30px; font-weight: 900; list-style: none; font-family: 'Raleway', sans-serif; display: inline-block; line-height: 82px;}
nav.navigation li a {color: #00293e; line-height: 26px; padding: 0 15px;}
a.navbtn {display: inline-block; padding: 0 21px; line-height: 65px; font-size:30px; font-weight: 900; font-family: 'Raleway', sans-serif; background-color:#e52329; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #af151f; border-bottom-width:3px; color: #fff; float: right; margin-top: 6px;}
.navrig {padding:0;}
.intro {padding: 0; background: url('../img/banner-bg.png') repeat-y center center; color: #fff; min-height: 701px;}
.intro h1 {padding: 132px 0 18px 0; font-weight: 900; font-size: 75px; line-height: 1em;}
.intro h1 span {font-size: 54px;}
.intro p {color: #fff;}
.avatarhold img {position: absolute; top: -65px; left: -15px;}
.introtext {padding: 0 0 0 66px;}

.features-list {padding: 157px 0; min-height: 667px;}
.features-list h2 {color: #00293e; font-size: 52px; text-align: center;}
.features-list p {text-align: center; padding: 15px 0 0;}
.iconhold {text-align: center; display: block;}
.experiencehold {padding: 54px 0 0;}

.showcase {background: #ed2127; min-height: 667px;}
.showcase h2 {padding: 0 0 18px 0; font-weight: 900; font-size: 75px; line-height: 1em; color: #fff;}
.showcase h2 span {font-size: 54px;}
.showcase p {margin-bottom: 25px; color: #fff;}
.device {position: absolute; top: -96px; left: 0; width: 948px; min-height: 657px; background: url('../img/icon-laptop.png') no-repeat left top;}
.device-content {position: absolute; top: 58px; left: 57px; width: 826px; height: 549px; background: rgba(0, 0, 0, 1);}
.device-content img {width: 826px; height: 549px;}
.showcase-wrap {position: relative; padding: 111px 0; min-height: 667px;}
.showcase-slider ul {margin: 0; padding: 0; list-style: none;}
.showcase-slider .flickity-page-dots {bottom: 20px;}

.features-slider {position: relative; padding: 180px 0; background: #fff; min-height: 667px;}
.features-slider ul {margin: 0; padding: 0; list-style: none;}
.features-slider ul li {width: 100%; cursor: default;}
.features-slider li h1 {margin-bottom: 15px; color: #00293e; font-weight: 400; font-size: 22px;}
.features-slider li p {color: #00293e;}
.features-intro-img {position: relative;}
.slides li h1 {margin: 0; padding: 0;}
.features-slider .flickity-page-dots {display: none;}
.quote p {padding: 74px 0 0; line-height: 1.5em;}
.quote>p:first-letter {font-size: 75px; line-height: 54px;}
.quote p a {color: #ed2127; text-decoration: none; font-weight:600;}
.quote p a:hover {text-decoration: underline;}
.praiseimg {display:block; width:148px; height:148px; margin:0 auto; background-size:cover; background-repeat:no-repeat; background-position:center center; -webkit-border-radius:99em; -moz-border-radius:99em; border-radius:99em; border:24px solid #ed2127;}

.quotearrow {position: absolute; top: 63px;}
.slider {background: #fff; position: relative;}
.slider h2 {text-align: center; font-size: 22px; font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 1.5em; padding: 21px 0 0;}
.slider h2 span {color: #ed2127;}

.footer {padding: 100px 0 0; background: #00293e;}
.input {background: #fff; border: 5px solid #000; padding: 6px 24px; line-height: 63px; height: 63px; font-size: 22px; color: #000 !important; font-weight: 300; margin-bottom: 15px;}
.textarea {background: #fff; border: 5px solid #000; padding: 15px 24px; line-height: 1.5em; height: 150px; font-size: 22px; color: #000 !important; font-weight: 300; margin-bottom: 15px;}
.submit {display: inline-block; padding: 0 45px; line-height: 65px; font-size:30px; font-weight: 900; font-family: 'Raleway', sans-serif; background:#e52329; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #af151f; border-bottom-width:3px; color: #fff; float: right; position: relative;}
.subarrow {position: absolute; top: -5px; right: -21px;}
.has-error .form-control {border: 5px solid #fff; background: #ed2127; color: #fff;}
.submitsuccess {text-align: left; color: #3c763d; font-size: 22px; line-height: 65px; font-weight: 300;}
.submitfailed {text-align: left; color: #ed2127; font-size: 22px; line-height: 65px; font-weight: 300;}

.contact-info {padding:60px 0 90px;}
.contact-info p {text-align: right; line-height: 1.7em; color: #fff; padding-top: 18px;}
.contact-info p span {font-size: 36px;}

ul.social {float: right; padding-top: 30px;}
ul.social li {float: right; width: 100%; font-size: 22px; line-height: 54px; font-weight: 300; color: #fff; text-align: right; list-style: none; padding-bottom: 12px;}
ul.social li span {padding-right: 6px;}
ul.social li a {color: #fff; padding-right: 63px; float: right; text-align: right;}
ul.social li.skype a {background: url(../img/icon-skype.png) no-repeat right center;}
ul.social li.linkedin a {background: url(../img/icon-linkedin.png) no-repeat right center;}

.foot {background: #ed2127; height: 60px;}
.foot p {color: #fff; line-height: 60px; padding: 0;}

.foot ul.menu {text-align: right;}
.foot ul.menu li {font-size: 22px; color: #fff; list-style: none; display: inline-block;}
.foot ul.menu li a {color: #fff; line-height: 60px; padding: 0 15px;}

.overlay {position: absolute; top: -30px; left: -45px; width: 360px; min-height: 100vh; height: auto; background: #ed2127; z-index: 100000;}

.overlay ul {padding: 90px 30px; float: left}
.overlay ul li {display: block; float: left; font-size: 27px; font-weight: 900; color: #fff; margin-bottom: 6px; font-family: 'Raleway', sans-serif; width: 100%;}
.overlay ul li.blog {margin-bottom: 60px;}
.overlay ul li.skype {background: url(../img/icon-blueskype.png) no-repeat left top; color: #fff; font-size: 22px; font-weight: 300 !important; padding: 0 0 9px 69px; width: 100%; line-height: 54px;}
.overlay ul li.linkedin {background: url(../img/icon-bluelinkedin.png) no-repeat left top; color: #fff; font-size: 22px; font-weight: 300 !important; padding: 0 0 50px 69px; width: 100%; line-height: 54px;}
.overlay ul li a {color: #fff !important;}

.overlay-creative {visibility: hidden; opacity: 0; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s;}
.overlay-creative.open {visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.overlay-creative nav ul li {opacity: 0; -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s;}
.overlay-creative.open nav ul:first-child li:first-child {-webkit-transition-delay: 0.05s; transition-delay: 0.05s;}
.overlay-creative.open nav ul:first-child li:nth-child(2) {-webkit-transition-delay: 0.1s; transition-delay: 0.1s;}
.overlay-creative.open nav ul:nth-child(2) li:first-child {-webkit-transition-delay: 0.15s; transition-delay: 0.15s;}
.overlay-creative.open nav ul:nth-child(2) li:nth-child(2) {-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.overlay-creative.open nav ul li {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {visibility: hidden;}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {visibility: visible;}
.delay-05s {-webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay-1s {-webkit-animation-delay: 1s; animation-delay: 1s;}