@font-face {
    font-family: 'atramentregular';
    src: url('../fonts/atramentregular.eot');
    src: url('../fonts/atramentregular.eot') format('embedded-opentype'),
         url('../fonts/atramentregular.woff2') format('woff2'),
         url('../fonts/atramentregular.woff') format('woff'),
         url('../fonts/atramentregular.ttf') format('truetype'),
         url('../fonts/atramentregular.svg#atramentregular') format('svg');
}
@font-face {
    font-family: 'orkneyregular';
    src: url('../fonts/orkney-regular-webfont.eot');
    src: url('../fonts/orkney-regular-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/orkney-regular-webfont.woff2') format('woff2'),*/
         url('../fonts/orkney-regular-webfont.woff') format('woff'),
         url('../fonts/orkney-regular-webfont.ttf') format('truetype'),
         url('../fonts/orkney-regular-webfont.svg#orkneyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'orkneylight';
    src: url('../fonts/orkney-light-webfont.eot');
    src: url('../fonts/orkney-light-webfont.eot?#iefix') format('embedded-opentype'),
        /* url('../fonts/orkney-light-webfont.woff2') format('woff2'),*/
         url('../fonts/orkney-light-webfont.woff') format('woff'),
         url('../fonts/orkney-light-webfont.ttf') format('truetype'),
         url('../fonts/orkney-light-webfont.svg#orkneylight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'orkneymedium';
    src: url('../fonts/orkney-medium-webfont.eot');
    src: url('../fonts/orkney-medium-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/orkney-medium-webfont.woff2') format('woff2'),*/
         url('../fonts/orkney-medium-webfont.woff') format('woff'),
         url('../fonts/orkney-medium-webfont.ttf') format('truetype'),
         url('../fonts/orkney-medium-webfont.svg#orkneymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
footer{
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;}
 

body{/*font-family: 'Hind Vadodara', sans-serif;*/ font-family: 'orkneylight';}
body b, body strong { font-family: 'orkneymedium';}
body .navbar{ padding: 0 1rem}
.page-logo {
    left: 0px;
    position: relative;
    top: 10px;
    transition: all .5s ease .5s;
    z-index: 10;
	max-width: 140px;
}
.page-logo__title {
    margin: 0;
}
.page-menu {
    position: relative;
    right: 0;
    top: 10px;
    transition: all .5s ease .5s;
    z-index: 10;
}
.page-menu__btn, .page-menu__container {
    position: relative;
}
.page-menu__btn {
    background: none;
    border: 0;
    cursor: pointer;
    display: block;
    height: 40px;
    outline: none;
    padding: 0;
    width: 40px;
}
.page-menu__btn, .page-menu__container {
    position: relative;
}
.page-menu__hamburger {
    background: #fff;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: left .25s ease,background .25s ease .5s;
    width: 20px;
}
.page-menu__hamburger:after, .page-menu__hamburger:before {
    background: #fff;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: left .25s ease,background .25s ease .5s,transform .25s ease;
    width: 23px;
}
.page-menu__hamburger:before {
    top: -6px;
}
.page-menu__hamburger:after {
    bottom: -6px;
}
.page-menu__text, .page-menu__text-close, .page-menu__text-open {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.page-menu__text {
    left: -50px;
    opacity: 0;
    transition: opacity .25s ease;
}
.page-menu__text-close, .page-menu__text-open {
    cursor: default;
    font-size: 14px;
    left: 0;
    text-transform: lowercase;
    transition: color .25s ease .5s;
}
.menu-open .page-menu__text{ left: -35px; top: 45%;}
.menu-open .page-menu__text-close{ color: #333}
.menu-open .page-menu__text-open, .page-menu__text-close {
    visibility: hidden;
}
.page-menu__btn:hover .page-menu__hamburger {
    left: 28px;
}
.page-menu__btn:hover .page-menu__hamburger:before {
    left: -16px;
}
.page-menu__btn:hover .page-menu__hamburger:after {
    left: -12px;
}
.page-menu__btn:hover+.page-menu__text {
    opacity: 1;
}

.home-intro{
    position:relative;
    padding:30px 0;
    /*background:#2d2d2d;
    background-image: linear-gradient(300deg, #2876ba 60%, #6c15d5 100%);
	background-image: -webkit-linear-gradient(300deg, #2876ba 60%, #6c15d5 100%);
	background-image: -moz-linear-gradient(300deg, #2876ba 60%, #6c15d5 100%);*/
	background: linear-gradient(300deg, #4c4c4c 0%, #191919 95%) repeat scroll 0 0;
    text-align:center;
    overflow:hidden;
	margin-top: -78px;
}
.home-intro:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; display: inline-block; height: 60%; background: linear-gradient(180deg, #191919 0%, rgba(25,25,25,0) 100%) repeat scroll 0 0; }
.home-intro::before{
    content:' ';
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    opacity:1; 
	background: url(../images/spark-bg.png) no-repeat center top;
	animation:1.1s cubic-bezier(0.19, 1, 0.22, 1) 0.4s both fadeInHero;
}
.navbar-light .navbar-brand{ z-index: 1}
@media (min-width: 768px){
    .home-intro{
        padding:100px 0 0
    }
}
.home-intro .btn-group{
    margin:20px 0
}
.home-intro .btn-group .btn{
    width:180px
}
.home-intro p br{
    display:none
}
@media (min-width: 1260px){
    .home-intro p br{
        display:block
    }
}
.home-content{
    animation:1.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s both fadeInHero;
	z-index: 1;
	position: relative
}
.intro-screens{
    position:relative;
    margin:0 auto
}
@media (min-width: 768px){
    .intro-screens{
        width:750px;
        height:320px;
        left:-25px;
        -ms-transform-origin:bottom;
        transform-origin:bottom
    }
}
@media (max-width: 979px){
    .intro-screens{
        -ms-transform:scale(0.85) !important;
        transform:scale(0.85) !important
    }
}
@media (min-width: 980px){
    .intro-screens{
        left:auto;
        height:400px;
        -ms-transform:none;
        transform:none;
        -ms-transform-origin:center;
        transform-origin:center
    }
}
.intro-screens .screen{
    display:none;
    position:absolute;
    bottom:-50px;
    height:auto;
    animation:1.4s linear .6s both bounceInUp;
    box-shadow:0 0 20px rgba(0,0,0,0.25)
}
.intro-screens .screen img{
    display:block;
    width:100%;
    height:auto;
    pointer-events:none
}
.intro-screens .screen .rotate{
    position:absolute;
    overflow:hidden;
    box-shadow:0 0 0 1px #dcdcde
}
.intro-screens .screen .rotate .slide{
    position:absolute;
    top:0;
    right:0;
    width:0;
    height:100%;
    background-position:top right;
    background-repeat:no-repeat;
    background-size:auto 100%;
    transition:width 0.6s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.intro-screens .screen .rotate .slide.active{
    width:100%;
    z-index:2
}
.intro-screens .screen .rotate .slide.prev{
    width:100%;
    z-index:1
}
.intro-screens .screen.desktop{
    background:#626262;
    border-radius:5px;
    animation-delay:.5s;
    z-index:1;
    overflow:hidden
}
.intro-screens .screen.desktop::before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:22px;
    background:#fff
}
.intro-screens .screen.desktop::after{
    content:'';
    display:block;
    position:absolute;
    top:9px;
    left:12px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#dcdcde;
    box-shadow:0 0 0 2px #dcdcde,14px 0 0 2px #dcdcde,28px 0 0 2px #dcdcde
}

.intro-screens .screen.desktop .rotate{
    top:22px;
    bottom:0;
    left:0;
    right:0
}
@media (min-width: 768px){
    .intro-screens .screen.desktop{
        display:block;

        width:750px;
        height:422px
    }
}
.intro-screens .screen.tablet{
    background:#fff;
    border-radius:10px;
    animation-delay:.7s;
    z-index:2
}
.intro-screens .screen.tablet::before{
    content:'';
    display:block;
    position:absolute;
    top:18px;
    left:50%;
    margin-left:-2px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:rgba(98,98,98,0.7)
}
.intro-screens .screen.tablet .rotate{
    top:38px;
    bottom:38px;
    left:10px;
    right:10px
}
@media (min-width: 768px){
    .intro-screens .screen.tablet{
        display:block;
        width:250px;
        height:336px;
        right:-125px
    }
}
.intro-screens .screen.phone{
    background:#fff;
    border-radius:15px;
    animation-delay:.9s;
    z-index:3
}
.intro-screens .screen.phone::before{
    content:'';
    display:block;
    position:absolute;
    top:16px;
    left:50%;
    margin-left:-18px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#dcdcde
}
.intro-screens .screen.phone::after{
    content:'';
    display:block;
    position:absolute;
    top:17px;
    left:50%;
    margin-left:-10px;
    width:20px;
    height:2px;
    border-radius:2px;
    background:rgba(98,98,98,0.7)
}
.intro-screens .screen.phone .rotate{
    top:34px;
    bottom:34px;
    left:5px;
    right:5px
}
@media (min-width: 768px){
    .intro-screens .screen.phone{
        display:block;
        width:140px;
        height:248px;
        right:-195px
    }
}
.theme-indicator{
    display:none;
    position:absolute;
    bottom:0;
    left:0;
    margin:2rem;
    padding:.75em 1em .65em 7em;
    background:rgba(0,0,0,0.4);
    color:#dcdcde;
    font-size:9.5px;
    line-height:13px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    border-radius:4px;
    z-index:3;
    overflow:hidden;
    transition:background .2s linear
}
.theme-indicator:hover{
    /*background:#000*/
}
@media (min-width: 768px){
    .theme-indicator{
        display:block
    }
}
.theme-indicator:before{
    content:'Screen:';
    display:block;
    position:absolute;
    top:0;
    left:0;
    padding:.75em 1em .65em
}
.theme-indicator .name{
    display:block;
    position:relative;
    color:#1FE9AE;
    text-align:left;
    overflow:hidden
}
.theme-indicator .name span{
    white-space:nowrap
}

@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translate3d(0, 100%, 0)
    }
    to{
        opacity:1;
        transform:none
    }
}
@keyframes fadeInHero{
    from{
        opacity:0;
        transform:translate3d(0, 20px, 0)
    }
    to{
        opacity:1;
        transform:none
    }
}
@keyframes bounceInUp{
    0%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1);
        opacity:0
    }
    5.31%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 43.738, 0, 1)
    }
    10.51%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 11.211, 0, 1)
    }
    15.82%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.439, 0, 1);
        opacity:1
    }
    21.02%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.214, 0, 1)
    }
    35.34%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.995, 0, 1)
    }
    49.55%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.161, 0, 1)
    }
    78.18%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.005, 0, 1)
    }
    100%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}
@keyframes bounceInDown{
    0%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
        opacity:0
    }
    5.51%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -47.678, 0, 1)
    }
    11.01%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -11.845, 0, 1)
    }
    16.52%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.734, 0, 1);
        opacity:1
    }
    21.92%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.497, 0, 1)
    }
    36.24%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.841, 0, 1)
    }
    50.55%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.502, 0, 1)
    }
    79.08%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.03, 0, 1)
    }
    100%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}
@keyframes zoomIn{
    0%{
        transform:matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        opacity:0
    }
    4.3%{
        transform:matrix3d(0.903, 0, 0, 0, 0, 0.903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    8.61%{
        transform:matrix3d(0.976, 0, 0, 0, 0, 0.976, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    12.91%{
        transform:matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        opacity:1
    }
    17.22%{
        transform:matrix3d(1.019, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    28.33%{
        transform:matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    39.44%{
        transform:matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    61.66%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    83.98%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    100%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}
@keyframes pulse{
    from{
        transform:scale3d(1, 1, 1)
    }
    50%{
        transform:scale3d(1.05, 1.05, 1.05)
    }
    to{
        transform:scale3d(1, 1, 1)
    }
}
@keyframes noticeLeft{
    0%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    2.1%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.338, 0, 0, 1)
    }
    4.1%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.415, 0, 0, 1)
    }
    8.21%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.897, 0, 0, 1)
    }
    11.41%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -6.243, 0, 0, 1)
    }
    14.51%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4.819, 0, 0, 1)
    }
    20.72%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.591, 0, 0, 1)
    }
    27.03%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.485, 0, 0, 1)
    }
    33.23%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.032, 0, 0, 1)
    }
    45.75%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.236, 0, 0, 1)
    }
    58.26%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.154, 0, 0, 1)
    }
    83.28%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.023, 0, 0, 1)
    }
    100%{
        transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}
@keyframes ticker{
    0%{
        transform:translate3d(0, 0em, 0)
    }
    12.5%{
        transform:translate3d(0, -2em, 0)
    }
    25%{
        transform:translate3d(0, -4em, 0)
    }
    37.5%{
        transform:translate3d(0, -6em, 0)
    }
    50%{
        transform:translate3d(0, -8em, 0)
    }
    62.5%{
        transform:translate3d(0, -10em, 0)
    }
    75%{
        transform:translate3d(0, -12em, 0)
    }
    87.5%{
        transform:translate3d(0, -14em, 0)
    }
    100%{
        transform:translate3d(0, -16em, 0)
    }
}
.zoomIn{animation:1.4s linear .3s both zoomIn;}
.fadeIn{animation:0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s both fadeIn;}
.noticeLeft{
animation:1.4s linear .6s both noticeLeft;
	}
.night h1, .night p {
    color: #fff;
}
.home-intro .btn-group {
    margin: 20px 0;
}
.btn {
  -moz-appearance: none;
  -moz-user-select: none;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  height: 28px;
  /*letter-spacing: 1px;*/
  line-height: 28px;
  margin: 0;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  text-align: center;
  transition: all 0.15s linear 0s, transform 0.1s ease 0s;
  white-space: nowrap;
}
.night .bordered, .night-mode .tot-alert .bordered {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}
.btn[data-cover]::before {
  content: attr(data-cover);
  display: block;
  margin: -28px -15px 0;
  position: relative;
  transition: margin 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.btn-lg.bordered {
  line-height: 36px;
}
.btn-group .btn, .btn-group .btn + .btn {
  margin: 0 8px;
}
.btn-lg {
  font-size: 1rem;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
	font-weight: 600
}
.btn-lg.pill[data-cover]:hover::before, .btn-lg.bordered[data-cover]:hover::before {
  margin-top: 0;
}
.night .btn.secondary[data-cover]:hover {
  background: #fff ;
  color: #2d2d2d;
	line-height: 36px;
}
.night .bordered.primary[data-cover] {
  color: #07ffd9;
	border-color: #07ffd9
}.night .bordered.primary[data-cover]:hover {
	
	color: #53615f;
	line-height: 36px;
}
.night .bordered.primary:before{
	background: #07ffd9;
}
.btn-lg.bordered[data-cover]::before {
  margin: -36px -30px 0;
}
.night .bordered.secondary[data-cover] {
  color: #fff;
}
h1.hero {
  font-size: 2.8rem;
  line-height: 2.8rem;
 /*font-family: 'Roboto Condensed', sans-serif;*/
	font-family: 'atramentregular';
}
p.hero-big {
  font-size: 1.2rem;
  line-height: 1.2rem;
 font-weight: 400
}
.assist-content{
background: #f9faff;
	animation:1.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s both fadeInHero;
	/*background:radial-gradient(circle at right bottom , #009cff 0px, #aa81f3 100%) repeat scroll 0 0
	background:#f3f3f3;
		background: linear-gradient(90deg, #1FE9AE 30%, #3ED3CF 100%);
	box-shadow: inset 0 3px 1px 0 rgba(0, 0, 0, 0.05);*/
	}
.assist-content p{ font-size: 1.5rem; line-height: 2rem; color: #222; font-weight: 300}

/* circle animation*/
@keyframes runCirclesLeft {
0% {
    opacity: 0;
    transform: translate3d(150px, -150px, 0px) scale(0);
}
100% {
    opacity: .05;
    transform: translate3d(0px, 0px, 0px) scale(1);
}
}
@keyframes runCirclesLeft {
0% {
    opacity: 0;
    transform: translate3d(150px, -150px, 0px) scale(0);
}
100% {
    opacity: .05;
    transform: translate3d(0px, 0px, 0px) scale(1);
}
}
@keyframes runCirclesRight {
0% {
    opacity: 0;
    transform: translate3d(-150px, 150px, 0px) scale(0);
}
100% {
    opacity: .05;
    transform: translate3d(0px, 0px, 0px) scale(1);
}
}
@keyframes runCirclesRight {
0% {
    opacity: 0;
    transform: translate3d(-150px, 150px, 0px) scale(0);
}
100% {
    opacity: .05;
    transform: translate3d(0px, 0px, 0px) scale(1);
}
}
.shape-circle{
  left: 50%;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}
.assist-content{ position: relative; overflow: hidden}
.assist-content .shape-circle {
    border-radius: 50%;
	z-index: 1
}
.assist-content .shape-circle:nth-of-type(1) {
    animation: 2s ease 0s normal forwards 1 running runCirclesLeft;
    background: linear-gradient(135deg, #b2f5b8 0px, #e7f7e6 100%) repeat scroll 0 0;
    height: 141px;
    margin-left: -404px;
    top: -74px;
    width: 141px;
	opacity: .05;
}
.assist-content .shape-circle:nth-of-type(2) {
    animation: 2s ease 0s normal forwards 1 running runCirclesRight;
    background: rgba(0, 0, 0, 0) linear-gradient(135deg, #c3cfe2 0px, #f5f7fa 100%) repeat scroll 0 0;
    height: 63px;
    left: 60%;
    top: 15px;
    width: 63px;
}
.assist-content .shape-circle:nth-of-type(3) {
    animation: 2s ease 0s normal forwards 1 running runCirclesRight;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ff9a9e 0px, #fad0c4 100%) repeat scroll 0 0;
    height: 197px;
    margin-left: 468px;
    top: 153px;
    width: 197px;
}
.assist-content .shape-circle:nth-of-type(4) {
    animation: 2s ease 0s normal forwards 1 running runCirclesLeft;
    background: rgba(0, 0, 0, 0) linear-gradient(135deg, #c3cfe2 0px, #f5f7fa 100%) repeat scroll 0 0;
    height: 240px;
    margin-left: -611px;
    top: 50px;
    width: 240px;
}
.assist-content .shape-square, .assist-content .shape-square {
    border: 2px solid #cad4d9;
    height: 12px;
    position: absolute;
    transform: rotate(55deg);
    width: 12px;
}
.assist-content .shape-square:nth-of-type(8) {
    top: 42%;
	left: 25%;
    transform: translateX(-50%) rotate(-62deg);
}
.assist-content .shape-square:nth-of-type(9) {
    top: 20px;
	left: 50%;
    transform: translateX(-50%) rotate(-62deg);
}
.assist-content .shape-square:nth-of-type(10) {
    top: 60%;
	left: 80%;
    transform: translateX(-50%) rotate(-62deg);
}
.assist-content .shape-triangle:nth-of-type(5) {
    top: 488px;
    transform: translateX(-352px) scale(0.75) rotate(57deg);
}
.assist-content .shape-triangle:nth-of-type(6) {
    top: 110px;
    transform: translateX(500px) scale(0.75) rotate(57deg);
}
.assist-content .shape-triangle:nth-of-type(7) {
    top: 460px;
    transform: translateX(310px) scale(0.75) rotate(35deg);
}
.assist-content .shape-triangle{
    border-bottom: 2px solid #cad4d9;
    position: absolute;
    width: 18px;
}
.assist-content .shape-triangle::after, .assist-content .shape-triangle::before, .assist-content .shape-triangle::after, .assist-content .shape-triangle::before {
    background: #cad4d9 none repeat scroll 0 0;
    bottom: 5px;
    content: "";
    height: 2px;
    position: absolute;
    width: 18px;
}

.layered-panel {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.layered-panel.layered-panel-right .copy-box {
  margin-left: 4.7619%;
  margin-right: auto;
  padding-left: 0.2%;
}
.layered-panel .copy-box {
  display: inline-block;
  margin-left: 52%;
  position: relative;
  vertical-align: middle;
  width: 43%;
  z-index: 2;
}
.layered-panel .copy-box .copy-box-content {
  background: #f7f7f7;
  max-width: 37rem;
  min-height: 25rem;
  padding: 3.2rem 4.25rem;
 box-shadow: 20px 30px 70px rgba(0, 0, 0, 0.1);
}
.layered-panel .copy-box .copy-box-content .copy-box-subheading {
  margin-bottom: 2.5rem;
}
.layered-panel .image-box {
  display: inline-block;
  height: 40rem;
  margin-left: -96%;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: 79.73%;
  z-index: 0;
}
.layered-panel.layered-panel-right .image-box {
  margin-left: -27.7619%;
  margin-right: 0;
}
.copy-box-headline{
font-family: 'atramentregular';
	font-size: 1.9rem
}
.bgc-white-smoke h2.copy-box-headline{ font-size: 1.9rem}
.eo-bar {
    display: block;
    margin-bottom: .5rem;
    max-width: 2.75rem;
    width: 2.75rem;
	height: 1px;
}
.eo-bar.bar-blue {
    border-top:.01em solid #4e6bf9;
}
.layered-panel .image-box img, .layered-panel .image-box video {
  display: block;
  height: 100%;
  max-width: none;
  width: auto;
}
.media-pic:before{ 
	background-image: linear-gradient(55deg, #23a899 30%, #605db3 100%);
	background-image: -webkit-linear-gradient(55deg, #23a899 30%, #605db3 100%);
	background-image: -moz-linear-gradient(55deg, #23a899 30%, #605db3 100%);
	content: ""; height: 100%; width: 100%; display: inline-block; opacity: .96; position: absolute; top: 0; right: 0}
.home-screenshot {
    max-width: 760px;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
}
.home-screenshot.to-right {
    margin-left: auto;
}
.to-right .browser-gui{
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  box-shadow: -20px 30px 70px rgba(0, 0, 0, 0.2);
}
.to-left .browser-gui{
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  box-shadow: -20px 30px 70px rgba(0, 0, 0, 0.2);
}
.browser-gui {
  backface-visibility: hidden;
  background: #dcdcde none repeat scroll 0 0;
  border-radius: 4px;
  overflow: hidden;
  padding-top: 30px;
  position: relative;
  transform: translate3d(0px, 0px, 0px);
}
.browser-gui .browser-bar {
  left: 7px;
  position: absolute;
  top: 5px;
}
.browser-gui .browser-bar span.browser-dot {
  background: rgba(98, 98, 98, 0.4) none repeat scroll 0 0;
  border-radius: 50%;
  display: block;
  float: left;
  height: 10px;
  margin: 5px 3px;
  width: 10px;
}
.layered-panel .home-screenshot img {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.bloc{ width: 100%; float:left; display: block}
.bgc-white-smoke{background: #f8f8f8}
.bgc-white-smoke h2{ font-size: 2.2rem;  font-family: 'atramentregular';}
.Arranging-elements, .arranging-elements {
  column-count: 2;
  column-gap: 3rem;
}
.basic-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.basic-ul li {
  display: block;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4rem;
  padding-left: 25px;
  position: relative;
 color: #333;
}
.basic-ul li + li {
  margin-top: .6rem;
}
.basic-ul li::before {
  background: transparent ;
  border:solid 2px #f84970;
  content: "";
  display: inline-block;
  height: 11px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 11px;
}
.basic-ul li ol{ margin:.6rem 0 0; padding: 0}
.basic-ul li ol li::before {
  background: transparent ;
  border:solid 2px #03c57e;
  border-radius:20px;
  content: "";
  display: inline-block;
  height: 10px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 10px;
}
.fontsize-1{ font-size: 1.2rem; font-family: 'atramentregular'; font-weight: 500; line-height: 1.2rem}
.tabbed-layered-panel.testimonials-panel .image-box {
  margin-left: 0;
  width: 70%;
}
.tabbed-layered-panel.testimonials-panel .copy-box {
  margin-left: -15%;
  width: 30%;
}
.home-screenshot.to-left {
  margin-right: auto;
}
.testimonials-panel .image-box:before{ 
	background-image: linear-gradient(55deg, #aa81f3 30%, #009cff 100%);
	background-image: -webkit-linear-gradient(55deg, #aa81f3 30%, #009cff 100%);
	background-image: -moz-linear-gradient(55deg, #009aa81f3cff 30%, #009cff 100%);
	
	content: ""; height: 100%; width: 100%; display: inline-block; opacity: .96; position: absolute; top: 0; right: 0}


/*popup css open*/
.header-menu::before {
  content: "";
  height: 80px;
  left: 0;
  position: absolute;
  right: 0;
  top: -80px;
  width: 100%;
}
.menu-open .header-menu {
  top: 0;
  transform: translateY(0px);
}
.header-menu {
  background: #fff none repeat scroll 0 0;
  height: 100vh;
  position: fixed;
  top: 100%;
  transform: translateY(80px);
  transition: all 0.3s ease 0s;
  width: 100vw;
  z-index: 4;
}
.header-menu__wrapper-container {
  height: 100%;
  overflow: scroll;
  width: 100%;
}
.header-menu__container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1024px;
  padding: 50px 0;
  width: 100%;
}
.header-menu__container {
  flex-direction: row;
  height: 100%;
  justify-content: center;
  padding: 0;
}
.header-menu__wrapper {
  display: flex;
  width: 100%;
}
.header-menu__nav {
  list-style: outside none none;
  margin: 0 0 30px;
  padding: 0;
}
.header-menu__nav {
  margin-bottom: 0;
  padding-right: 20px;
  width: 35%;
  min-width: 150px;
 font-family: 'orkneyregular';
}
.header-menu__nav-item {
  line-height: 32px;
  overflow: hidden;
}
.header-menu__nav-container-link {
  display: block;
  transform: translateY(120%);
  transition: all 0s cubic-bezier(1, 0, 0, 1) 0.5s;
}
@media (min-width: 768px){
.header-menu__nav-container-link--0 {
  transition-duration: 0.25s;
}
.header-menu__nav-container-link--1 {
  transition-duration: 0.35s;
}
.header-menu__nav-container-link--2 {
  transition-duration: 0.45s;
}
.header-menu__nav-container-link--3 {
  transition-duration: 0.55s;
}
.header-menu__nav-container-link--4 {
  transition-duration: 0.65s;
}
.header-menu__nav-container-link--5 {
  transition-duration: 0.75s;
}
.header-menu__nav-container-link--6 {
  transition-duration: 0.85s;
}
}
.header-menu__nav-container-link {
  min-width: 200px;
}
.menu-open .header-menu__nav-container-link {
  transform: translateY(0px);
}
.header-menu__nav-link::before {
 /* background: transparent url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"203px\" height=\"12px\" viewBox=\"0 0 203 12\" version=\"1.1\"><g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"menu\" transform=\"translate(-389.000000, -352.000000)\" fill=\"#B99458\"><path d=\"M584.967989,353.248078 L589.238402,357.144651 L389.737016,357.147152 C389.277762,357.167548 388.980195,357.494812 389.001028,357.878628 C389.020306,358.262445 389.350832,358.558188 389.737016,358.537792 L589.238402,358.535291 L584.967989,362.424757 C584.660472,362.679398 584.630311,363.138309 584.902381,363.430344 C585.173208,363.722378 585.634639,363.729795 585.915104,363.446104 L591.511976,358.347091 C591.81203,358.071744 591.81203,357.60109 591.511976,357.325743 L585.915104,352.22673 C585.777981,352.097555 585.593284,352.029877 585.405167,352.03853 C584.782049,352.06727 584.506247,352.831504 584.967989,353.248078 Z\" id=\"fleche\"/></g></g></svg>") no-repeat scroll 100% 0;*/
  content: "";
  height: 12px;
  left: -200px;
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  transition: left 0.5s ease 0s;
  width: 200px;
}
.header-menu__nav-link {
  color: #2c2c2c;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 34px;
	font-weight: 300;
  position: relative;
  text-decoration: none;
 font-family: 'atramentregular';
}
.header-menu__nav-link {
  transition: all 0.25s ease 0s;
}
.header-menu__block-address {
  color: #252525;
  opacity: 0;
  padding-left: 10px;
  transform: translateY(100%);
  transition: all 0.25s ease 0.5s;
}
.header-menu__block-address {
  padding-left: 20px;
  width: auto;
}
.menu-open .header-menu__block-address {
  opacity: 1;
  transform: translateY(0px);
}
.header-menu__address {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 6px;
  width: auto;
}
.header-menu__link-address, .header-menu__link-address:active, .header-menu__link-address:focus, .header-menu__link-address:hover {
  color: #252525;
  text-decoration: none;
}
.header-menu__telephone {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 18px;
  margin-bottom: 24px;
}
.header-menu__email {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  line-height: 11px;
  margin-bottom: 24px;
}
.header-menu__email-link {
  color: #3b8ad0;
  letter-spacing: 1px;
  line-height: 18px;
  margin-top: .3rem;
}
.menu-open .page-menu__hamburger {
    background: transparent;
    left: 50%!important;
    transition: left .25s ease,background .25s ease;
}
.menu-open .page-menu__hamburger::before {
  top: 0;
  transform: rotate(45deg);
}
.menu-open .page-menu__hamburger::after, .menu-open .page-menu__hamburger::before {
  background: #2c2c2c ;
  left: 0;
}
.menu-open .page-menu__hamburger::after {
  bottom: 0;
  transform: rotate(-45deg);
}
.menu-open .navbar{ position: fixed; top: 0; width: 100%; z-index: 111}
.menu-open .page-menu{ right: 30px; top: 30px;}
.menu-open .page-menu__btn:hover .page-menu__hamburger:before {
    left: 0;
}
.menu-open .page-menu__btn:hover .page-menu__hamburger:after {
    left: 0;
}
.page-menu__btn:focus{ outline: none}
.menu-open .page-logo {
    left: 35px;
    top: 35px;
}
.menu-open .page-menu__text-close {
    visibility: visible;
}
.menu-open{ overflow-y:hidden; overflow-x: auto}
.menu-open .page-menu__text-open, .page-menu__text-close {
    visibility: hidden;
}
.free-trial-h2{font-family: 'atramentregular'; font-size: 1.5rem; color: #666  }
.other-location{ display: block;}
.other-location i{ font-style: normal; margin: 0 .2rem; color: #ccc}
.header-menu__nav-link:hover{ text-decoration: none; color: #2876bb}
.header-menu__nav-link:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    top: 1rem;
    left: 0;
    width: 0%;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.header-menu__nav-link:hover:after {
    width: 100%;
}
.header-menu__nav-link:hover:after {
    border-bottom: 2px dashed #eeaa1f;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.header-menu__wrapper-container .btn {
  border: 3px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.075rem;
  line-height: 1;
  margin-bottom: 0;
  padding: 1.125rem 2.5rem;
  text-transform: uppercase;
  transition: all 0.15s ease-in 0s;
  background: #eeaa1f;
}
.header-menu__wrapper-container .btn:hover{ background: #d79c23}
.header-menu__wrapper-container .btn-lg {
  font-size: 1rem;
  line-height: 1;
  padding: .8rem 3rem;
  height: auto
}
.page-share {
    bottom: 50px;
    display: -ms-flexbox;
    display: flex;
    left: 50px;
    position: fixed;
    transform: rotate(-90deg);
    transform-origin: 0 100%;
    transition: all .5s ease .5s;
    z-index: 10;
}
.page-share__items {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.page-share__items a{ color: #333}
.page-share__item {
    margin-right: 15px;
    transform: rotate(90deg);
}
.demo-form{
	transform: translateY(100%);
	transition: all 0.25s ease 0.5s;
	opacity: 0;
}
.menu-open .demo-form{ transform: translateY(0);  opacity: 1;}
/* popup css close*/
.card-bg{ background: #f9f4f0; border-radius: 0; border:none; padding: 1.565rem}
.cta-box__icon{height: auto; margin: 0 auto;
	margin-bottom: 1.125rem;}
.cta-box__icon img {
  display: block;
  max-height: 100%;
  width: auto;
}
.bgc-white-smoke.lightgreen{ background: #edf8f5}
.highlights-deck .card{ background: transparent; border:none; border-radius: 0; border-left: solid 2px #eeaa1f}
.highlights-deck .card:first-child{border-color: rgba(238,170,31,0.33); }
.highlights-deck .card:nth-child(2){border-color: rgba(238,170,31,0.66); }
.btn.btn-outline.btn-outline-dark {
  border: 1px solid #404040;
  color: #404040;
}
.contact-demo .btn.btn-outline.btn-outline-dark:hover{ border-color: #eeaa1f; background: #eeaa1f; color: #fff}
.contact-demo .btn {
  -moz-box-align: center;
  -moz-user-select: none;
  align-items: center;
  background: #fff none repeat scroll 0 0;
  border-radius: 0;
  color: #4e6bf9;
  cursor: pointer;
  display: inline-block;
  font-family: MarkOTMedium,Helvetica,sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 1rem 2.5rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.25s ease-out 0s;
  white-space: normal;
	height: auto
}
.navy-bg{ background: #192048; font-size: .8rem;}
.navy-bg p, .navy-bg a{ margin: 0; padding: 0; color:rgba(255,255,255,0.5); text-decoration: none;}
.media-pic.geo-analy:before{ 
	background-image: linear-gradient(-130deg, #9890e3 0%, #b1f4cf 100%);
	background-image: -webkit-linear-gradient(-130deg, #9890e3 0%, #b1f4cf 100%);
	background-image: -moz-linear-gradient(-130deg, #9890e3 0%, #b1f4cf 100%);
}
.mobile-line{ display: none;}

/* responsive mediaquery */
@media (max-width: 1024px){
	.navbar-expand-lg .navbar-collapse.mobile-view {
  display: flex;
  flex-basis: auto;
}
}
@media (min-width: 768px) and (max-width: 960px){
	.layered-panel.layered-panel-right .copy-box{margin-left: 3.5%}
	.layered-panel.layered-panel-right .image-box{ margin-left: -26.5%}
	.home-screenshot.to-right{ right: -38%}
	.home-screenshot.to-left{ left: -28%}
	.container{ max-width: 768px;}
	.layered-panel .image-box{ height: 35rem}
	.mobile-line{ display: block;   }
	.mobile-line hr{border-top:solid 1px #ddd}
}
@media (min-width: 768px) and (max-width: 1024px){
	.layered-panel .copy-box .copy-box-content{ padding:1.5rem 1.25rem}
	.testimonials-panel .image-box{ height: 30rem; }
	.tabbed-layered-panel.testimonials-panel .copy-box{ width: 40%}
	
}
@media (max-width: 640px){
	.home-intro .home-content{ padding-top: 60px }
		h1.hero{ font-size: 1.8rem; line-height: 2rem}
	p.hero-big{ font-size: 1.2rem; line-height: 1.6rem}
	.home-intro .btn-group{ display: block}
	.btn-group .btn{ margin: 0 auto}
	.btn-group .btn + .btn{ margin: .8rem auto 0}
	.assist-content p{ font-size: 1.15rem; line-height: 1.5rem}
	.layered-panel.layered-panel-right .copy-box, .tabbed-layered-panel.testimonials-panel .copy-box{ width: 80%; margin-left: 10%; padding: 0}
	.layered-panel .copy-box .copy-box-content{ padding: 1.5rem; /*background: #fff;*/ min-height: 12rem}
	.layered-panel.layered-panel-right .image-box{ margin-left: 0; margin-top: -120px; width: 100%; height: auto;}
	.layered-panel.layered-panel-right .image-box .home-screenshot{ transform:translate(0); top: auto; padding: 150px 0 30px;}
	.tabbed-layered-panel.testimonials-panel .image-box{margin-left: 0; margin-bottom: -120px; width: 100%; height: auto;}
	.tabbed-layered-panel.testimonials-panel .image-box .home-screenshot{transform:translate(0); top: auto; padding: 30px 0 150px;}
	.home-screenshot.to-right{ right: -5%}
	.home-screenshot.to-left{ left: -5%}
	.Arranging-elements, .arranging-elements {  column-count: inherit;  column-gap: 0;}
	.card-bg .card-body{ padding: 0}
	.navy-bg p{ text-align: center;}
	.navy-bg div.text-right{ margin-top: .5rem}
	.menu-open .header-menu__block-address{ transform: translate(); padding-left: 0}
	.menu-open .page-logo{ left: auto;  top: 5px}
	.menu-open .page-menu{ right: 0; top: auto}
	.header-menu__wrapper{ display: block}
	.header-menu__nav{ width: 100%; padding: 0 0 15px;}
	.header-menu__wrapper-container{ min-height: 100%; height: auto; }
	.header-menu__nav-item{ display: inline-block; padding: 0 1rem}
	.header-menu__nav-container-link{ min-width: auto}
	.header-menu{ overflow-y: auto; padding-top: 75px;}
	.header-menu__nav{ text-align: center;}
	.mobile-line{ display: block;   }
	.mobile-line hr{border-top:solid 1px #ddd}
	.page-share{ position: relative; display: inline-block; transform: rotate(0); width: 100%; text-align: center; bottom: auto; left: auto;}
	.page-share .page-share__item{ transform: rotate(0); display: inline-block}
	.page-share .page-share__items{display: block; padding: 1.5rem 0}
	.menu-open .navbar-light{ position: relative; z-index: 11; background: rgba(255,255,255,0.9)}
	.browser-gui{ padding-top: 20px;}
	.browser-gui .browser-bar{ top: 2px;}
	.browser-gui .browser-bar span.browser-dot{ width: 8px; height: 8px}
	.navbar-light{ position: relative; z-index: 11}
	.header-menu__container{height: auto;}
}
/* logo animation */
.vinci360{ width: 140px;}
.page-logo__text{ display: inline-block}
@keyframes offset {
	0% {
    transform: rotate(-20deg);
	
  }
	50%{
		
	}
  100% {
    stroke-dashoffset: 0px;
	transform: rotate(0deg);
  }
}
@-webkit-keyframes offset {
	0% {
    transform: rotate(-20deg);
	
  }
	50%{
		
	}
  100% {
    stroke-dashoffset: 0px;
	transform: rotate(0deg);
  }
}
@-moz-keyframes offset {
	0% {
    transform: rotate(-20deg);
	
  }
	50%{
		
	}
  100% {
    stroke-dashoffset: 0px;
	transform: rotate(0deg);
  }
}
@-o-keyframes offset {
	0% {
    transform: rotate(-20deg);
	
  }
	50%{
		
	}
  100% {
    stroke-dashoffset: 0px;
	transform: rotate(0deg);
  }
}
.vinci360:hover .stick, .vinci360:hover .stick2, .vinci360:hover  .stick3, .vinci360:hover  .stick4{
  animation: offset 2s linear forwards;
  -webkit-animation: offset 2s linear forwards;
  -moz-animation: offset 2s linear forwards;
  -o-animation: offset 2s linear forwards;
  transform-origin: 160px;	
}
.stick, .stick2, .stick3, .stick4{
  stroke-dasharray: 0;
  stroke-dashoffset: 0;	
	transform-origin: 160px;
}
.outline {
  stroke-dasharray: 1020px;
  stroke-dashoffset: 1020px;
}

.vinci360:hover .stick {
  stroke-dasharray: 800px;
  stroke-dashoffset: 800px;
  animation-delay: .2s;
}
.vinci360:hover .stick2 {
  stroke-dasharray: 800px;
  stroke-dashoffset: 800px;
  animation-delay: 0.3s;
}
.vinci360:hover .stick3 {
  stroke-dasharray: 800px;
  stroke-dashoffset: 800px;
  animation-delay: 0.4s;
}
.vinci360:hover .stick4 {
  stroke-dasharray: 800px;
  stroke-dashoffset: 800px;
  animation-delay: 0.5s;
}
.vinci360:hover .dot {
  stroke-dasharray: 800px;
  stroke-dashoffset: 800px;
  animation-delay: 0s;
}
#wpcf7-f80-o1 .screen-reader-response {
    position: relative;
    overflow: visible;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
        color:#03A9F4;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    top: 30px;
	font-size: 0.8rem;
	    
}
.screen-reader-response{
  display: none;
}
#wpcf7-f80-o1 .screen-reader-response ul
{
	display: none;
}
.wpcf7-form-control-wrap span.wpcf7-not-valid-tip
{
	    font-size: 0.8rem;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 420px)
{
	#wpcf7-f80-o1 .screen-reader-response
	{
		top: 50px;
	}
}
@media (min-width: 1300px) and (max-width: 1400px){
	.layered-panel.layered-panel-right .copy-box{ margin-left: 1.4%;max-width: 29rem}
	.layered-panel.layered-panel-right .image-box{ margin-left: -16.1%}
	.tabbed-layered-panel.testimonials-panel .copy-box{ margin-left: -10%}
}
.header-menu__container .container-fluid{ margin-top: 20px;}

@media (min-height: 480px) and (max-height:768px) and (min-width:1100px){
	#wpcf7-f80-o1 .form-control
	{
		padding: .275rem .75rem;
	}
	#wpcf7-f80-o1 .form-group
	{
		margin-bottom: 0rem;
	}
	#wpcf7-f80-o1 p:empty
	{
		
		margin-bottom: 0.5rem;
	}
	
	#wpcf7-f80-o1 .wpcf7-response-output {
        
		margin: 0.5em 0.5em 1em;
	}
	#wpcf7-f80-o1 .mb-4
	{
		
		margin-bottom: 1rem!important;
	}
	#wpcf7-f80-o1 .mb-3
	{
		
		margin-bottom: 0.8rem!important;
	}
	
	#wpcf7-f80-o1 .wpcf7-validation-errors {
    
    font-size: 0.8rem;
    font-style: italic;
    color: #f00;
    text-align: center;
		margin: 0;
		border: none;
	}
}



/* privacy policy css   */


.innerpage .navbar {
    padding: 5px;
	background: #191919
}
.innerpage .page-logo, .innerpage .page-menu
{
	top: 0;
}
.inner-title 
{
	    
    margin: 20px auto;
	font-family: 'atramentregular';
    font-size: 2.2rem;
}
.innerpage .basic-ul li
{
	text-align: left;
}
.innerpage.menu-open .page-menu__hamburger::after, .menu-open .page-menu__hamburger::before {
    background: #fff;
    left: 0;
}
.innerpage.menu-open .page-menu__text-close {
   color: #fff;
}