p.nota {
	color: #373a3c;
	font-size: 1.0rem;
	font-weight: 300;
	border: 1px dashed rgba(52, 58, 60, 0.26);
	padding: 15px;
	margin: 40px 13% !important;
}
.presentation {
    background-color: #3E5062;
    color: #fff;
}
.presentation h2{
	color: #fff;
}
.box-left-presentation {
    text-align: left;
}
.brands img.brand{
	width: 100px !important;
    height: auto !important;
    margin: 0 20px !important;
}
.section-hero .thumbnail{
	margin-top: 200px;
}
.brands {
    overflow-y: hidden;
    height: 100px;
}
nav.menu-desktop {float: right;margin: 0px;}
nav.menu-desktop li {float: left;text-decoration: none;list-style: none;padding: 4px 15px 8px;border-radius: 15px;background: #365684;margin: 0 0 0 20px;text-transform: uppercase;}
nav.menu-desktop a.menu-item {color: #fff;font-weight: 600;font-size: 12px;}
.section-hero .list-inline li {
    margin: 0 auto 0.3rem;
    width: 100%;
}
header{position: fixed;width: 100%;z-index: 9999;}
.first-section{padding-top: 100px;}
.item img.brand{width: 64px !important;}
/* VERSION MENU */
.wrapper {
  height: 220px;
  width: 250px;
  background: #F2F2F2;
  overflow: hidden;
  position: relative;
  /* margin: 20px auto 0; */
  opacity: 0;
  position: absolute;
  right: 20px;
  top: 46px;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 35px 0 rgba(127, 132, 140, 0.8);
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.4);
}

.wrapper.menu-open {opacity: 1;}
.wrapper h1{
	color: #7d7d7d;
	font-size: 1.5rem;
}
.menu-btn {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  height: 70px;
  width: 54px;
  cursor: pointer;
  background: url(https://iamturner.co.uk/codepen/menu-icon.png) no-repeat center;
  background-size: 44px;
}
.menu-btn:active {
  opacity: 0.2;
}

.section-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px 8px 0 0;
  -webkit-transition: -webkit-transform 0.3s;
}
.section-menu.one {
  background: #1565C0;
  -webkit-transition-delay: 0s;
}
.section-menu.two {
  background: #1E88E5;
  -webkit-transition-delay: 0.05s;
}
.section-menu.three {
  background: #42A5F5;
  -webkit-transition-delay: 0.1s;
}
.section-menu.four {
  background: #90CAF9;
  -webkit-transition-delay: 0.15s;
}
.section-menu.after {
  -webkit-transform: translateY(100%);
}

.section-menu h1 {
  color: #fff;
  font-weight: 500;
  font-size: 1.5rem;
  text-align: center;
  margin: 0;
  line-height: 50px;
  -webkit-user-select: none;
}

.scriptcase-9 {
    text-align: center;
    margin-top: 30px;
}
.scriptcase-9 img{
    text-align: center;
}

.page-one .section-menu.one {
  -webkit-transition-delay: 0s;
}
.page-one .section-menu.two {
  -webkit-transition-delay: 0.15s;
}
.page-one .section-menu.three {
  -webkit-transition-delay: 0.1s;
}
.page-one .section-menu.four {
  -webkit-transition-delay: 0.05s;
}

.page-two .section-menu.one {
  -webkit-transition-delay: 0s;
}
.page-two .section-menu.two {
  -webkit-transition-delay: 0.05s;
}
.page-two .section-menu.three {
  -webkit-transition-delay: 0.1s;
}
.page-two .section-menu.four {
  -webkit-transition-delay: 0.05s;
}

.menu-open .section-menu {
  cursor: pointer;
}
.menu-open .section-menu.one {
    -webkit-transform: translateY(0px);
    -webkit-transition-delay: 0.15s;    
}
.menu-open .section-menu.one:active {
  background: #125baf;
}
.menu-open .section-menu.two {
  -webkit-transform: translateY(55px);
  -webkit-transition-delay: 0.1s;
}
.menu-open .section-menu.two:active {
  background: #1b7dd4;
}
.menu-open .section-menu.three {
  -webkit-transform: translateY(110px);
  -webkit-transition-delay: 0.05s;
}
.menu-open .section-menu.three:active {
  background: #3998e4;
}
.menu-open .section-menu.four {
  -webkit-transform: translateY(165px);
  -webkit-transition-delay: 0s;
}
.menu-open .section-menu.four:active {
  background: #7ab6e6;
}
.menu-open.page-one .section-menu.one {
  -webkit-transition-delay: 0s;
}
.menu-open.page-one .section-menu.two {
  -webkit-transition-delay: 0.05s;
}
.menu-open.page-one .section-menu.three {
  -webkit-transition-delay: 0.1s;
}
.menu-open.page-one .section-menu.four {
  -webkit-transition-delay: 0.15s;
}
.menu-open.page-two .section-menu.one {
  -webkit-transition-delay: 0s;
}
.menu-open.page-two .section-menu.two {
  -webkit-transition-delay: 0.05s;
}
.menu-open.page-two .section-menu.three {
  -webkit-transition-delay: 0.1s;
}
.menu-open.page-two .section-menu.four {
  -webkit-transition-delay: 0.15s;
}
/* END VERSION MENU */
@media (max-width: 1199px){
	.section-features .row.right img{margin-left:0px !important;}
	.section-features .item .img-wrap img{width:100% !important;}
	img{width:100% !important;}
	.section-features .row.left img {margin-left: 0px !important;}				
	.btn {white-space: normal !important;}

}
@media (min-width: 1024px) and (max-width: 1199px){
	img.img-fluid {width: 1024px;height: 586px;}
	.frame {width: 771px !important;height: 485px !important;top: 29px !important;}
	.macbook img.img-fluid {width: 1024px !important;height: 586px;}				
}
@media (min-width: 768px) and (max-width: 1023px){
	.frame {width: 588px !important;height: 380px !important;top: 29px !important;}
	.macbook img.img-fluid {width: 768px !important;height: 439px;}				
}
@media (max-width: 767px){
	section.section.section-howtoworks {text-align: center !important;}
	section.section.section-hero .section-hero .btn-getstarted {margin-top: 30px !important;}
	.thumbnail{margin-top: 0px !important;}
	.section-features h2 {margin: 20px 0 10px;}
	.section-features .item {margin: 25px 0;}
	.section-howtoworks i{left: -8px; top: 4px;}
	.section-banner .nine, .section-banner .content{display:block;}
	#banner h2, #banner p.lead {text-align: center;}
	#banner .btn.btn-lg.btn-outline-white{width: 100%;margin-top: 10px;}
	.section-footer a.btn.btn-sm.btn-primary {width: 100%;padding: 15px;margin-top: 15px;}
	.section.section-footer {padding: 20px 0;}
	.section-footer .bg-gray {margin-top: 25px;}
	.section-banner {padding: 30px 0;}
	.section {padding: 15px 0;}
	.display-4{font-size: 3rem;}	
	a.btn.btn-lg.btn-primary.btn-getstarted {margin-top: 0px !important;	}
	.section.section-features{padding-bottom:0px;}	
}