article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{ display:block}

audio, canvas, video{ display:inline-block;  *display:inline;  *zoom:1}

audio:not([controls]){ display:none;  height:0}

[hidden]{ display:none}

html{ font-size:100%; /* 1 */ -webkit-text-size-adjust:100%; /* 2 */ -ms-text-size-adjust:100%; /* 2 */}

html, button, input, select, textarea{ font-family:sans-serif;  font-family:'Nunito',sans-serif}
html, body{ overflow-x:hidden;  width:100%}

body{ margin:0;  font-family:'Nunito',sans-serif}

html, html a{ text-shadow:1px 1px 1px rgba(0,0,0,0.004);  -webkit-font-smoothing:antialiased}

a:focus{ outline:thin dotted;  text-decoration:none}

a:active, a:hover{ outline:0;  text-decoration:none}

h1{ margin:0.67em 0;  font-size:2em}
h2{ margin:0.83em 0;  font-size:1.5em}
h3{ margin:1em 0;  font-size:1.17em}
h4{ margin:1.33em 0;  font-size:1em}
h5{ margin:1.67em 0;  font-size:0.83em}
h6{ margin:2.33em 0;  font-size:0.75em}

abbr[title]{ border-bottom:1px dotted}

b, strong{ font-weight:bold}
blockquote{ margin:0px}

dfn{ font-style:italic}

mark{ background:#ff0;  color:#000}

p, pre{ margin:1em 0}

code, kbd, pre, samp{ font-size:1em;  font-family:monospace,serif;  _font-family:'courier new',monospace}

pre{ white-space:pre;  white-space:pre-wrap;  word-wrap:break-word}

q{ quotes:none}

q:before, q:after{ content:'';  content:none}
small{ font-size:75%}

sub, sup{ position:relative;  vertical-align:baseline;  font-size:75%;  line-height:0}
sup{ top:-0.5em}
sub{ bottom:-0.25em}

dl, menu, ol, ul{ margin:1em 0}
dd{ margin:0 0 0 40px}

menu, ol, ul{ padding:0}

nav ul, nav ol{ list-style:none;  list-style-image:none}

img{ border:0; /* 1 */ -ms-interpolation-mode:bicubic; /* 2 */}

svg:not(:root){ overflow:hidden}

figure{ margin:0}

form{ margin:0}

fieldset{ margin:0 2px;  padding:0.35em 0.625em 0.75em;  border:1px solid #c0c0c0}

legend{ padding:0;  border:0; /* 1 */ white-space:normal; /* 2 */ *margin-left:-7px; /* 3 */}

button, input, select, textarea{ margin:0; /* 2 */ vertical-align:baseline; /* 3 */ font-size:100%; /* 1 */ *vertical-align:middle; /* 3 */}

button, input{ line-height:normal}

button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"]{ cursor:pointer; /* 3 */ -webkit-appearance:button; /* 2 */ *overflow:visible; /* 4 */}

button[disabled], input[disabled]{ cursor:default}

input[type="checkbox"], input[type="radio"]{ box-sizing:border-box; /* 1 */ padding:0; /* 2 */ *height:13px; /* 3 */ *width:13px; /* 3 */}

input[type="search"]{ /* 2 */ box-sizing:content-box;  -webkit-appearance:textfield; /* 1 */ nowhitespace:afterproperty}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none}

button::-moz-focus-inner, input::-moz-focus-inner{ padding:0;  border:0}

textarea{ overflow:auto; /* 1 */ vertical-align:top; /* 2 */}

table{ border-spacing:0;  border-collapse:collapse}

.group:after{    content:"";     display:table;     clear:both}
a{    -webkit-transition-timing-function:ease-in-out;     transition-timing-function:ease-in-out;     -webkit-transition-duration:300ms;     transition-duration:300ms;     -webkit-transition-property:color,border-color,background-color;     transition-property:color,border-color,background-color}
.nopadding{    margin:0 !important;     padding:0 !important}
p{    font-size:14px;     line-height:25px}
a{    color:#73d0da}
a:hover, a:focus{    color:#73d0da;     text-decoration:none}
.texture-overlay{    position:absolute;     top:0px;     left:0px;     width:100%;     height:100%;     background-image:url(../img/grid.png)}

.use-btn{ display:inline-block;  margin:0 10px 10px 0;  padding:20px 50px;  border-radius:3px;  background-color:#fff;  color:#4b98a9;  font-size:16px}
.use-btn:hover, .use-btn:focus{ background-color:#73d0da;  color:#fff;  text-decoration:none}
.learn-btn, .download-btn{ display:inline-block;  padding:18px 46px;  border:2px solid #fff;  border-radius:3px;  color:#fff;  font-size:16px}
.learn-btn:hover, .download-btn:hover, .learn-btn:focus, .download-btn:focus{ border-color:#73d0da;  color:#73d0da;  text-decoration:none}
.read-more-btn{ display:inline-block;  color:#323a45;  text-transform:uppercase;  font-weight:400}
.read-more-btn i, .download-btn i{ margin-left:5px}
.showcase .download-btn{ margin-top:50px}
.download .download-btn{ margin-top:25px}

.nav-toggle{ position:absolute;  top:0;  right:15px;  z-index:999998;  padding:10px 35px 16px 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:35px;  height:5px;  border-radius:1px;  background:#fff;  cursor:pointer; box-shadow:0 0 10px rgba(0,0,0,0.5)}
.nav-toggle span:before{ top:-10px}
.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; box-shadow:none}
.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:fixed; right:50px; margin-bottom:50px; z-index:999999;  height:26px; top:40px}
.navicon p{ margin:1px 50px 0 0; text-shadow:0 0 0.5em black}
.navicon-fixed{ position:fixed}

.hero{    position:relative;     padding:60px 0 60px 0;     min-height:750px;     background-image:url('../img/hero_background1.jpg');  background-repeat:no-repeat;  background-position:center center;  background-size:cover;  background-color:rgb(157,11,14);  -webkit-transition:background 2s linear;  -moz-transition:background 2s linear;  -o-transition:background 2s linear;  transition:background 2s linear;  color:#fff}
.text-left a img{ height:170px;  width:210px}
.hero h1{ margin:200px 0 45px 0;  font-weight:300;  font-size:45px}
.hero h1 span{ display:inline-block;  color:#a1a9b0}
#home{ width:100%;  height:100%}
.hero{ width:100%;  height:100%}
header i{ margin-left:5px}

section.video i{    color:red;     vertical-align:middle;     font-size:60px;     -webkit-transition:color 300ms ease-in-out;     transition:color 300ms ease-in-out}
section.video h1{    font-weight:400;     font-size:20px;     box-shadow:0 0 5px grey; -webkit-box-shadow:0 0 5px grey; -moz-box-shadow:0 0 5px grey}
section.video{    padding:30px 0;     background-color:#f6f7f9}
section.video a{    color:ghostwhite;     background-color:rgba(0,0,0,0.6)}
section.video a:hover, section.video a:focus{    color:red;     text-decoration:none}
section.video a:hover i, section.video a:focus i{    color:white}
.videoTile1 h1{    background-image:url(../img/videoTile11.jpg);     background-position:center;     background-repeat:no-repeat;     background-size:cover;     padding:23% 0}
.videoTile2 h1{    background-image:url(../img/videoTile22.jpg);     background-position:center;     background-repeat:no-repeat;     background-size:cover;     padding:23% 0}
.videoTile3 h1{    background-image:url(../img/videoTile33.jpg);  background-position:center;  background-repeat:no-repeat;  background-size:cover;  padding:23% 0}

.advantages{ padding:50px 0 50px 0}
.advantages h1{ margin-bottom:20px;  color:#24374b;  font-weight:400;  font-size:22px}
.advantages p{ margin-bottom:15px;  color:#789}
.advantages ul li{ color:#789;  margin-bottom:10px}

.characteristics{ background-color:#f6f7f9}

.flickity-page-dots .dot{ width:13px;  height:13px;  opacity:1;  background:transparent;  border:2px solid white;  -webkit-transition:background 0.3s;  transition:background 0.3s}
.flickity-page-dots .dot.is-selected{ background:white}
.carousel{ background-color:black}

.carousel-cell{ width:70%;  height:300px;   display:-webkit-box;  display:-webkit-flex;  display: flex;  -webkit-box-pack:center;  -webkit-justify-content:center;  justify-content:center;  -webkit-align-items:center;  align-items:center}

.carousel-cell img{ display:block;  height:270px;  max-width:100%;  max-height:100%;   opacity:0.7;  -webkit-transform:scale(0.85);  transform:scale(0.85);  -webkit-filter:blur(5px);  filter:blur(5px);  -webkit-transition:opacity 0.3s,-webkit-transform 0.3s,transform 0.3s,-webkit-filter 0.3s,filter 0.3s;  transition:opacity 0.3s,transform 0.3s,filter 0.3s}

.carousel-cell.is-selected img{ opacity:1;  -webkit-transform:scale(1);  transform:scale(1);  -webkit-filter:none;  filter:none}

@media screen and ( min-width:768px ){ .carousel-cell{ height:400px;  width:50%}
 .carousel-cell img{ height:350px}
 
}

@media screen and ( min-width:960px ){ .carousel-cell{ width:60%;  height:450px}
 .carousel-cell img{ height:400px}

 
}

@media screen and ( min-width:1200px ){ .carousel-cell{ height:500px}
 .carousel-cell img{ height:450px}
}

.flickity-prev-next-button{ width:60px;  height:60px;  background:transparent;  opacity:0.6}
.flickity-prev-next-button:hover{ background:transparent;  opacity:1}

.flickity-prev-next-button .arrow{ fill:white}
.flickity-prev-next-button.no-svg{ color:white}

.flickity-prev-next-button.previous{left:0}
.flickity-prev-next-button.next{right:0}

.flickity-prev-next-button:disabled{ display:none}

.overflowhidecs{overflow:hidden !important}
.modal{ display:none;  position:fixed;  z-index:1;  padding-top:10%;  left:0;  top:0;  width:100%;  height:100%;  overflow:auto;  background-color:rgb(0,0,0);  background-color:rgba(0,0,0,0.9)}

.modal-content{ -webkit-animation-name:zoom;  -webkit-animation-duration:0.6s;  animation-name:zoom;  animation-duration:0.6s}

@-webkit-keyframes zoom{ from{-webkit-transform:scale(0)}

 to{-webkit-transform:scale(1)}
}

@keyframes zoom{ from{transform:scale(0)}

 to{transform:scale(1)}
}

.close{ position:absolute;  top:15px;  left:35px;  color:white;  font-size:40px;  font-weight:bold;  transition:0.3s}

.close:hover, 
.close:focus{ color:#bbb;  text-decoration:none;  cursor:pointer}

@media only screen and (max-width:700px){ .modal-content{ width:100%}
}

.features-bg{    position:relative;     min-height:400px;     background:url('../img/features-intro-01.jpg') no-repeat center center;  background-size:cover}
.features-img{ width:100%;  height:400px;  text-align:center;  line-height:400px}
.features-slider{ position:relative;  padding:11% 100px 10% 100px;  height:400px;  background-color:#3F6184}
.features-slider ul{ margin:0;  padding:0;  list-style:none}
.features-slider ul li{ width:100%}
.features-slider li h1{ margin-bottom:15px;  color:#fff;  font-weight:400;  font-size:22px}
.features-slider li p{ color:#fff;  font-size:14px}
.features-intro-img{ position:relative}
.slides li h1{ margin:0;  padding:0}
.features-slider .flickity-page-dots{ text-align:left;  margin-top:50px;  position:static}
.features-slider .flickity-page-dots .dot{ margin:0 12px 0 0}

.features-list{ padding:130px 0}
.features-list h1{ margin:0 0 10px 0;  padding:0;  color:#24374b;  font-size:20px}
.features-list p{ margin-bottom:20px;  color:#789}
.feature-content{ display:inline-block;  margin-left:0;  width:65%}
.feature-icon{ display:inline-block;  margin-right:25px;  width:90px;  height:90px;  border:solid 2px #4e9ba3;  border-radius:50%;  vertical-align:top;  text-align:center;  font-size:25px;  line-height:90px}
.feature-icon i{ color:#4e9ba3}

blockquote{ margin:40px 0 0;  padding:0;  border:none}
blockquote p{ display:inline-block;  margin:0;  padding:0;  width:70%;  vertical-align:top;  font-style:italic}
blockquote .avatar{ display:inline-block;  margin-right:20px;  width:64px;  height:64px;  vertical-align:middle}
blockquote .logo-quote{ display:inline-block;  margin:0 0 0 90px}

.showcase{    background:url('../img/showcase-bg-fixed-01.jpg') no-repeat center center fixed;     background-size:cover}
.showcase h1{    margin:0 0 20px 0;     color:#fff;     font-weight:400;     font-size:22px}
.showcase p{    margin-bottom:25px;     color:#fff}
.device{    position:absolute;     top:-60px;     left:20%;     min-height:676px;     width:359px;     background:url('../img/iphone-skeleton.png') no-repeat center center}
.device-content{ position:absolute;  top:115px;  left:56px;  width:247px;  height:445px;  background:rgba(0,0,0,0.3)}
.device-content img{ width:247px;  height:445px}
.showcase-wrap{ position:relative;  padding:100px 0;  min-height:600px}
.showcase-slider ul{ margin:0;  padding:0;  list-style:none}
.showcase-slider .flickity-page-dots{ bottom:20px}

.screenshots-intro{ padding:50px 0 50px 0}
.screenshots-intro h1{ margin-bottom:20px;  color:#24374b;  font-weight:400;  font-size:22px}
.screenshots-intro p{ margin-bottom:25px;  color:#789}

.screenshots ul{ margin:0;  padding:0;  width:100%}
.screenshots ul li{ float:left;  min-height:100%;  width:23%; margin:1%;  background-color:#000;  list-style:none}
.screenshots figure{ position:relative;  overflow:hidden}
.screenshots figure img{ width:100%;  height:100%;  -webkit-transition:all 300ms ease-in-out;  transition:all 300ms ease-in-out}
.screenshots figure:hover img, .screenshots figure:focus img{ -webkit-transform:scale(1.1);  -ms-transform:scale(1.1);  transform:scale(1.1)}
.screenshots figcaption{ position:absolute;  top:0;  left:0;  padding:25% 0;  width:100%;  height:100%;  background-color:rgba(204,0,0,0.85);  text-align:center;  font-size:15px;  opacity:0;  -webkit-transition:all 300ms ease-in-out;  transition:all 300ms ease-in-out}
.screenshots figcaption a{ color:#fff}
.screenshots figcaption a:hover, .screenshots figcaption a:focus{ color:#73d0da}
.screenshots figure:hover figcaption, .screenshots figure:focus figcaption{ opacity:1}
.visible{ opacity:1}
.screenshots figure.cs-hover figcaption{ opacity:1}
.screenshots figcaption i{ font-size:35px}
.screenshots figcaption p{ margin-bottom:0;  text-transform:uppercase;  font-weight:400}
.screenshots figcaption .caption-content{ position:absolute;  top:50%;  left:50%;  margin-top:-40px;  margin-left:-100px;  width:200px;  -webkit-transform:translate(0px,15px);  -ms-transform:translate(0px,15px);  transform:translate(0px,15px);  -webkit-transition:all 300ms ease-in-out;  transition:all 300ms ease-in-out}
.screenshots figure:hover figcaption .caption-content, .screenshots figure:focus figcaption .caption-content{ -webkit-transform:translate(0px,0px);  -ms-transform:translate(0px,0px);  transform:translate(0px,0px)}

button.accordion{ background-color:#eee;  color:#789;  cursor:pointer;  padding:18px;  width:100%;  border:none;  text-align:left;  outline:none;  font-size:15px;  transition:0.4s}

button.accordion.showMore, button.accordion:hover{ background-color:#ddd}

button.accordion:after{ content:'\002B';  color:#777;  font-weight:bold;  float:right;  margin-left:5px}

button.accordion.showMore:after{ content:"\2212"}

ul.panel{ max-height:0;  overflow:hidden;  transition:max-height 0.2s ease-out}

.download{ padding:120px 0;  background-color:#3f6184}
.download h1{ margin:0 0 15px 0;  color:#fff;  font-weight:400;  font-size:40px}

.contacts-intro{ margin-bottom:20px;  color:#24374b;  font-weight:400;  font-size:22px}

footer{ padding:100px 0}
footer p{ color:#c7cacc;  font-size:12px}
footer ul{ margin-top:30px}
footer li{ margin-right:15%;  list-style:none;  text-transform:uppercase;  font-weight:400;  margin-top:3%}
footer li a{ color:#3f6184}
footer li a i{ color:red}
footer li:last-child{ margin-right:0}

#feedbackForm{ padding:2%;  border-radius:3px;  background:#f1f1f1}
.input, .messageField{ height:30px;  width:80%;  overflow:hidden;  margin:0 10px 10px 10px;  border-radius:5px;  padding:5px;  box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; -moz-box-shadow:0 0 5px #ccc;  outline:none}
.messageField{ height:100px;  resize:vertical}
.input:focus, .messageField:focus{ box-shadow:0 0 5px red; -webkit-box-shadow:0 0 5px red; -moz-box-shadow:0 0 5px red}
.sendButton{ height:40px;  width:30%;  margin:10px;  border-radius:5px;  border-width:3px;  padding:5px;  background-color:red;  outline:none;  font-size:20px;  font-weight:bold;  color:white}

.overlay{ position:fixed;  top:0;  left:0;  width:100%;  height:14%;  background:rgba(179,0,0,0.75)}

.overlay{z-index:999998}
.overlay nav{ position:relative;  top:30%;  height:15%;  text-align:center;  font-size:30px;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%)}
.overlay ul{ position:relative;  display:inline-block;  margin:0 auto;  padding:0;  list-style:none}
.overlay ul li{ display:block;  float:left;  margin-right:20px}
.overlay ul li:last-child{ margin-right:0px}
.overlay ul li i{ display:block;  margin-bottom:10px;  font-size:20px}
.overlay ul li a{ display:block;  padding:5px 0;  min-width:115px;   border-radius:3px;  background-color:rgb(130,17,13);  color:#fff;  text-transform:uppercase;  font-weight:100;  font-size:12px;  -webkit-transition:all 300ms ease-in-out;  transition:all 300ms ease-in-out}
.overlay ul li a:hover{ border-color:#73d0da;  color:#73d0da}

.infoMenu-content{ display:none;  position:absolute;  min-width:160px;  overflow:auto;  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2)}

.infoMenu-content a{ padding:10px 0 !important;  text-decoration:none;  display:block}

.infoMenu a:hover{background-color:#f1f1f1}

.showInfoMenu{display:block}

.overlay-boxify{ visibility:hidden;  opacity:0;  -webkit-transition:opacity 0.5s,visibility 0s 0.5s;  transition:opacity 0.5s,visibility 0s 0.5s}
.overlay-boxify.open{ visibility:visible;  opacity:1;  -webkit-transition:opacity 0.5s;  transition:opacity 0.5s}
.overlay-boxify 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-boxify.open nav ul:first-child li:first-child{ -webkit-transition-delay:0.05s;  transition-delay:0.05s}
.overlay-boxify.open nav ul:first-child li:nth-child(2){ -webkit-transition-delay:0.1s;  transition-delay:0.1s}
.overlay-boxify.open nav ul:nth-child(2) li:first-child{ -webkit-transition-delay:0.15s;  transition-delay:0.15s}
.overlay-boxify.open nav ul:nth-child(2) li:nth-child(2){ -webkit-transition-delay:0.2s;  transition-delay:0.2s}
.overlay-boxify.open nav ul li{ opacity:1;  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

#upButton{ display:none;  position:fixed;  bottom:20px;  left:30px;  z-index:999997;  border:none;  outline:none;  background-color:red;  color:white;  cursor:pointer;  padding:8px;  border-radius:10px}

#upButton:hover{ background-color:#555}

a.banner.callback-sonar, a.banner.callback-sonar:link, a.banner.callback-sonar:visited{ display:inline-block;  position:fixed;  z-index:1;  font-family:Cuprum,sans-serif,Arial;  font-size:0px;  cursor:pointer;  bottom:25px;  right:25px;  width:60px;  height:60px;  border-color:transparent;  border-radius:50%;  text-align:center;  color:#fff;  background:rgba(157,11,14,0.9);  -webkit-transition:-webkit-transform ease-out 0.1s,background 0.2s;  -moz-transition:-moz-transform ease-out 0.1s,background 0.2s;  transition:transform ease-out 0.1s,background 0.2s}

.banner.callback-sonar:hover, .banner.callback-sonar:focus .banner.callback-sonar:active{ color:#fff;  background:rgba(157,11,14,0.95);  -webkit-transform:scale(0.95);  -moz-transform:scale(0.95);  -ms-transform:scale(0.95);  transform:scale(0.95)}

.banner.callback-sonar:before{ font-family:'FontAwesome';  content:"\f095";  speak:none;  display:block;  font-size:38px;  line-height:60px;  font-style:normal;  font-weight:normal;  font-variant:normal;  text-transform:none;  -webkit-font-smoothing:antialiased}

.banner.callback-sonar:after{ position:absolute;  z-index:-1;  width:100%;  height:100%;  top:0;  left:0;  pointer-events:none;  border-radius:50%;  box-shadow:0 0 0 2px rgba(157,11,14,0.5);  content:'';  -webkit-box-sizing:content-box;  -moz-box-sizing:content-box;  box-sizing:content-box;  padding:0;  opacity:0;  -webkit-transform:scale(0.9);  -moz-transform:scale(0.9);  -ms-transform:scale(0.9);  transform:scale(0.9);  -webkit-animation:sonarEffect 1.3s ease-out 75ms infinite;  -moz-animation:sonarEffect 1.3s ease-out 75ms infinite;  animation:sonarEffect 1.3s ease-out 75ms infinite}

@-webkit-keyframes "sonarEffect"{ 0%{ opacity:0.5}

 40%{ opacity:0.7;  box-shadow:0 0 0 2px rgba(157,11,14,0.7),0 0 10px 10px #fff,0 0 0 10px rgba(157,11,14,0.9)}

 100%{ box-shadow:0 0 0 2px rgba(157,11,14,0.7),0 0 10px 10px #fff,0 0 0 10px rgba(157,11,14,0.9);  -webkit-transform:scale(1.5);  opacity:0}
}

@-moz-keyframes "sonarEffect"{ 0%{ opacity:0.5}

 40%{ opacity:0.7;  box-shadow:0 0 0 2px rgba(157,11,14,0.7),0 0 10px 10px #fff,0 0 0 10px rgba(157,11,14,0.9)}

 100%{ box-shadow:0 0 0 2px rgba(157,11,14,0.7),0 0 10px 10px #fff,0 0 0 10px rgba(157,11,14,0.9);  -moz-transform:scale(1.5);  opacity:0}
}

@keyframes "sonarEffect"{ 0%{ opacity:0.5}

 40%{ opacity:0.7;  box-shadow:0 0 0 2px rgba(157,11,14,0.7),0 0 10px 10px #fff,0 0 0 10px rgba(157,11,14,0.9)}

 100%{ box-shadow:0 0 0 2px rgba(157,11,14,0.7),0 0 10px 10px #fff,0 0 0 10px rgba(157,11,14,0.9);  transform:scale(1.5);  opacity:0}
}

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7{ 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}