/*
  Author: Lumberjacks
  Template: Holy Wood (Coming Soon)
  Version: 2.0
  URL: http://themeforest.net/user/Lumberjacks/
*/



/* TABLE OF CONTENTS\

  1. Import section
  2. Basic stylesG
  3. Typography
  4. Breakpoint for high-res devices
  5. Header
  6. Product
  7. Icons
  8. Subscribe
  9. Promo
  10. Join now
  11. Pricing table
  12. Testimonials
  13. Contact
  14. Footer
  15. Breakpoints

*/



/* 1. IMPORT SECTION */

  @import url("bootstrap.css");
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:700,300,600&subset=latin,latin-ext");
  @import url("font-awesome.min.css");
  @import url("slick.css");
  @import url("featherlight.css");
  @import url("jquery.wordrotator.css");
  @import url("animate.min.css");



/* 2. BASIC STYLES */

  html, body {
    height: 100%;
  }

  body {
    font: 16px/1.5 "Open Sans", "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
    background-color: #fff;
    color: #606167;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
  }

  a { 
    color: #1a8ec2;
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
  }

  a:hover {
    color: #2c97de;
  }

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

  .lj-float-left {
    float: left;
  }

  .lj-float-right {
    float: right;
  }
  
  .lj-block-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .lj-show {
    display: block !important;
  }
  
  .lj-hide {
    display: none !important;
    visibility: hidden !important;
  }

  .lj-preloader {
    background: #f2f3f7 url('../img/preloader.svg') no-repeat center center;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
  }



/* 3. TYPOGRAPHY */

  p {
    line-height: 1.5;
  }
    
  .lj-text-uppercase {
    text-transform: uppercase;
  }

  .lj-text-center {
    text-align: center;
  }

  .lj-text-left {
    text-align: left;
  }

  .lj-text-right {
    text-align: right;
  }

  .lj-text-justify {
    text-align: justify;
  }

  .lj-text-underline {
    text-decoration: underline;
  }



/* 4. BREAKPOINT FOR HIGH-RES DEVICES */

  @media
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (   min--moz-device-pixel-ratio: 2),
    only screen and (     -o-min-device-pixel-ratio: 2/1),
    only screen and (        min-device-pixel-ratio: 2),
    only screen and (                min-resolution: 192dpi),
    only screen and (                min-resolution: 2dppx) {

    .lj-logo-1x {
      display: none !important;
    }
    
    .lj-logo-2x {
      display: block !important;
    }

  } 

.well {background: none; min-height: 250px;} 
/* 5. HEADER */

  header {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fff !important;
  }
  
  header > .container {
    position: relative;
    padding: 20px 0 100px;
  }
  
  .lj-overlay {
    width: 100%;
    height: 100%;   
    position: absolute;
    top: 100px;
    left: 0;
    background: rgba(124, 162, 204, 0.2);
  }
  
  .lj-background-repeat {
      background-repeat: repeat;
  }
  
  .lj-background-no-repeat {
    background-repeat: no-repeat;
  }
  
  .lj-overlay-none {
    display: none;
    visibility: hidden;
  }
  
  .lj-overlay-image {
    background-image: url('../img/lines.png');
    background-repeat: repeat;
  }
  
  /*.lj-overlay-color {
      background-color: rgba(76,175,80,.75);
  }*/
  
  .lj-overlay-gradient {
    background: -moz-linear-gradient(215deg,  rgba(0,204,255,0.8) 0%, rgba(196,255,0,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,204,255,0.8)), color-stop(100%,rgba(196,255,0,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(215deg,  rgba(0,204,255,0.8) 0%,rgba(196,255,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(215deg,  rgba(0,204,255,0.8) 0%,rgba(196,255,0,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(215deg,  rgba(0,204,255,0.8) 0%,rgba(196,255,0,0.8) 100%); /* IE10+ */
    background: linear-gradient(215deg,  rgba(0,204,255,0.8) 0%,rgba(196,255,0,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccff', endColorstr='#c4ff00',GradientType=1 ) progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/1x1.png'); /* IE6-9 fallback on horizontal gradient */
    pointer-events:none;
  }

  header.yt-background {
    background-image: url('../img/video.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
  }

  .mobile .mbYTP_wrapper,
  .tablet .mbYTP_wrapper {
    z-index: -1 !important;
  }

  .mobile .yt-controls,
  .tablet .yt-controls {
    display: none;
  }

  .yt-controls {
    margin-top: 50px;
    text-align: center;
  }

  .yt-controls a {
    display: inline-block;
    color: #fff;
    width: 20px;
  }

  .yt-controls a:hover { 
    color: #2c97de;
  }
  
  .lj-logo a, .lj-logo img {
      height: 90px;
      margin-top: 5px;
  }

  .lj-logo {
    margin-top: -24px;
  }
  
  .lj-logo a {
    display: inline-block;
  }
  
  .lj-logo img {
    vertical-align: bottom;
  }
  
  .lj-logo-1x {
    display: block;
  }
  
  .lj-logo-2x {
    display: none;
  }

  .lj-text-button {
    text-align: right;
  }

  .lj-text-button span {
    line-height: 56px;
    color: #fff;
    margin: 0 25px;
  }

  .lj-text-button a,
  .lj-text-button a:focus {
    height: 60px;
    line-height: 56px;
    text-align: center;
    display: inline-block;
    background-color: transparent;
    color: #1a8ec2;
    border: 2px solid #1a8ec2;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 25px;
    font-size: 14px;
  }

  .lj-text-button a:hover {
    background-color: #1a8ec2;
    color: #fff;
    border: 2px solid #1a8ec2;
  }

  .lj-title {
    margin-top: 90px;
  }
  
  .lj-title h1 {
    font-size: 2.5em;
    font-weight: 600;
    color: #024876;
    margin: 0;
    word-wrap: break-word;
  }
  
  .lj-title span {
    color: #fff;
    font-weight: 700;
  }

  .lj-title-paragraph {
    margin-top: 60px;
  }

  .lj-title-paragraph p {
    color: #fff;
    margin: 0;
    font-size: 1.5em;
    font-weight: 700;
  }

  .lj-countdown {
    margin-top: 40px;
    text-align: center;    
    color: #fff;
  }

  .lj-countdown > * {
    text-align: center;
  }

  .lj-countdown div {
    display: inline-block;
  }

  .lj-countdown div span {
    width: 150px;
    display: block;     
  }

  .lj-countdown div span:first-child {
    height: 48px;
    font-weight: 300;
    font-size: 3em;
    line-height: 48px;
  }

  .lj-countdown div span:last-child {
    height: 20px;
    font-weight: 300;
    font-size: 0.9em;
    line-height: 20px;
  }

  /*.lj-scroll-down {
    margin-top: 100px;
  }

  .lj-scroll-down a,
  .lj-scroll-down a:focus {
    width: 45px;
    height: 45px;
    display: block;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    text-align: center;
    line-height: 41px;
    color: #fff;
    background-color: transparent;
    border: 2px solid rgba(255,255,255,0.75);
    margin: 0 auto;
  }

  .lj-scroll-down a:hover {
    color: #fff;
    background-color: #2c97de;
    border: 2px solid #2c97de;
  }*/



/* 6. PRODUCT */

  .product {
    padding: 70px 0;
  }

  .lj-product-image img {
    max-width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; 
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
  }

  .lj-product-image img:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;   
  }

  .lj-product h3 {
    font-weight: 300;
    font-size: 2.2em;
    margin: 0;
    text-transform: uppercase;
  }

  .lj-product h3 strong {
    font-weight: 600;
  }

  .lj-product li, .title-form-form1 p, .lj-join-now-title p {
    font-size: 24px;
  }

  .lj-product p {
    margin: 0px 0px 40px 0px;
    font-size: 20px;
  }

  .lj-product-button-left,
  .lj-product-button-right {
    height: 60px;
    line-height: 56px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 25px;
    margin: 25px 0 0;
  }

  .lj-product-button-left {    
    border: 2px solid #2c97de;
    background-color: #2c97de;
    margin-right: 10px;
  }

  .lj-product-button-left i {
    margin-left: 5px;
    color: #fff;
  }

  .lj-product-button-left:hover,
  .lj-product-button-left:focus {
    color: #fff;
    border: 2px solid #33adff;
    background-color: #33adff;
  }

  .lj-product-button-left:hover i {
    color: #fff;
  }

  .lj-product-button-right {
    color: #2c97de;
    background-color: transparent;
    border: 2px solid #2c97de;
  }

  .lj-product-button-right:hover,
  .lj-product-button-right:focus {
    color: #fff;
    background-color: #2c97de;
    border: 2px solid #2c97de;
  }



/* 7. ICONS */
  
  .icons {
    padding: 60px 0;
    background-color: #1a8ec2;
  }

  .icons h3 {
    font-weight: normal;
    font-size: 18px;
  }

  .lj-icons-title {
    margin-bottom: 50px;
  }

  .lj-icons-title h2 {
    font-weight: 300;
    font-size: 1.7em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
  }

  .lj-icons-title h2 strong {
    font-weight: 600;
  }

  .lj-icon-box > div {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*padding: 30px 20px;*/
    text-align: center;
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    min-height: 215px;
  }

  .lj-icon-box > div:hover {
    border: 2px solid #d9dade;
  }

  .lj-icon-box span {
    font-size: 4em;
  }

  .lj-icon-box h4 {
    font-weight: 300;
    font-size: 1.25em;
    margin: 5px 0 0;
  }

  .lj-icon-box p {
    font-size: 0.9em;
    margin: 15px 0 0;
  }

  .lj-icon-box-one span,
  .lj-icon-box-one h4 {
    color: #efc663;
  }
  .lj-icon-box-two span,
  .lj-icon-box-two h4 {
    color: #2cbf6d;
  }
  .lj-icon-box-three span,
  .lj-icon-box-three h4 {
    color: #e16070;
  }
  .lj-icon-box-four span,
  .lj-icon-box-four h4 {
    color: #1c99c9;
  }  



/* 8. SUBSCRIBE */

  .subscribe {
    padding: 150px 0;
    background-color: #fff;
  }

  .lj-subscribe-title h3 {
    font-weight: 300;
    font-size: 2em;
    margin: 0;
  }

  .lj-subscribe-title h3 strong {
    font-weight: 600;
  }

  .lj-subscribe-form {
    text-align: center;
  }

  .lj-subscribe-form input:focus {
    outline: 0;
  }

  .lj-subscribe-form input[type=text],
  .lj-subscribe-form input[type=submit] {
    height: 60px;
    line-height: 60px;  
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;  
  }

  .lj-subscribe-form input[type=text] {
    width: 350px;
    background-color: #fff;
    color: #747d93;
    font-weight: 300;
    padding: 0 20px;
    margin-right: 10px;
    border: 2px solid #d9dade;
  }

  .lj-subscribe-form input[type=text]:focus {
    border: 2px solid #33adff;
  }

  .lj-subscribe-form input[type=submit] {
    text-align: center;
    background-color: #2c97de;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 40px;
    border: 0;
  }

  .lj-subscribe-form input[type=submit]:hover {
    color: #fff;
    background-color: #33adff;
  }

  .lj-subscribe-message {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding: 0 20px;
    color: #747d93;
    font-size: 0.9em;
    margin-top: 15px;
  }

  .lj-subscribe-message i {
    margin-right: 5px;
  }

  .lj-subscribe-message .fa-warning {
    color: #cc3e4a;
  }

  .lj-subscribe-message .fa-check {
    color: #2cbf6d;
  }



/* 9. PROMO */

  .promo {
    padding: 50px 0;
    background-color: #2b2f3e;
  }

  .lj-promo {
    text-align: center;
  }

  .lj-promo h2 {
    font-weight: 300;
    font-size: 26px;
    margin: 0;
    color: #fff;
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
  }

  .lj-promo h2 strong {
    font-weight: 600;
  }

  .lj-promo a {
    height: 60px;
    line-height: 56px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background-color: #2c97de;
    border: 2px solid #2c97de;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 50px 0 0;
    padding: 0 10px; 
    font-size: 14px;
  }

  .lj-promo a.second {
     background: #2b2f3e; border: 2px solid #2b2f3e;
  }
 

  .lj-promo a:hover {
    background-color: transparent;
    border: 2px solid #fff;
  }

  .lj-promo a i {
    color: #fff;
    margin-right: 5px;
  }



/* 10. JOIN NOW */
  
  .join-now {
    padding: 40px 0px;
    background-color: #f2f3f7;
  }

  .lj-join-now-title h2 {
    font-weight: 300;
    font-size: 2.5em;
    margin: 0;
    text-align: center;
  }

  .lj-join-now-title h2 strong {
    font-weight: 600;
  }

  .lj-join-now-title p {
    text-align: center;
    margin-bottom: 75px;
  }

  .lj-join-now-form {
    text-align: center;
  }

  .lj-join-now-form input:focus {
    outline: 0;
  }

  .lj-join-now-form input[type=text],
  .lj-join-now-form input[type=number],
  .lj-join-now-form input[type=submit],
  .lj-join-now-form button {
    height: 60px;
    line-height: 60px;  
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;  
  }

  .lj-join-now-form input[type=text],
  .lj-join-now-form input[type=number] {
    width: 100%;
    background-color: #fff;
    color: #747d93;
    font-weight: 300;
    padding: 0 20px;
    margin-right: 10px;
    border: 2px solid #fff;
    margin-bottom: 20px;
  }

  .lj-join-now-form input[type=text]:focus,
  .lj-join-now-form input[type=number]:focus {
    border: 2px solid #d9dade;
  }

   .lj-join-now-form button, .lj-join-now-form input[type=submit] {
    text-align: center;
    background-color: #1a8ec2;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 40px;
    border: 0;
    margin-top: 30px;
  }

  .lj-join-now-form input[type=submit]:hover {
    color: #fff;
    background-color: #2cbf6d;
  }

  .lj-join-now-message {
    padding: 0 20px;
    color: #747d93;
    font-size: 26px;
    margin: 15px 0px;
  }

  .lj-join-now-message i {
    margin-right: 5px;
  }

  .lj-join-now-message .fa-warning {
    color: #cc3e4a;
  }

  .lj-join-now-message .fa-check {
    color: #2cbf6d;
  }



/* 11. PRICING TABLE */

  .pricing-table {
    background-color: #fff;
    padding: 150px 0;
  }

  .lj-pricing-table-title h2 { 
    font-weight: 300;
    font-size: 2.5em;
    margin: 0;
    text-align: center;
  }

  .lj-pricing-table-title p {
    text-align: center;
    margin-bottom: 75px;
  }

  .lj-pricing-table-normal > div {
    width: 100%;
    margin-top: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #e1e2e6;
    text-align: center;
    padding: 40px 20px;
    margin-top: 40px;
  }

  .lj-pricing-table-normal > div > h4 {
    font-weight: 300;
    font-size: 2.25em;
    margin: 0;
  }

  .lj-pricing-table-normal > div > p {
    color: #747d93;
    margin: 5px 0 0;
  }

  .lj-pricing-table-normal > div > span {
    display: inline-block;
    font-weight: 700;
    font-size: 3em;
    color: #747d93;
    margin-top: 20px;
  }

  .lj-pricing-table-normal > div > span span {
    font-weight: 300;
    font-size: 0.5em;
    margin-left: 5px;
  }

  .lj-pricing-table-normal > div > ul {
    padding-left: 0;;
    margin-top: 20px;
    margin-bottom: 0;
    list-style-type: none;
  }

  .lj-pricing-table-normal > div > ul li {
    font-size: 0.9em;
    margin-top: 20px;
  }

  .lj-pricing-table-normal > div > ul li span {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    color: #fff;
    background-color: #2cbf6d;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 5px;
    margin-left: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.75em;
  }

  .lj-pricing-table-normal > div > a {
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background-color: #747d93;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 25px;
    margin: 40px 0 0;
  }

  .lj-pricing-table-normal > div > a:hover {
    color: #fff;
    background-color: #2cbf6d;
  }

  .lj-pricing-table-featured {
    text-align: center;
  }

  .lj-pricing-table-featured > div {
    margin-top: 0;
    border: 2px solid #2c97de;
  }

  .lj-pricing-table-featured > span {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #fff;
    background-color: #2c97de;
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 20px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .lj-pricing-table-featured > div > a {
    color: #fff;
    background-color: #2c97de;
  }



/* 12. TESTIMONIALS */

  .title-event {
    display: block;
  }
  .testimonials {
    background-color: #fff;
    padding: 50px 0;
  }

  .testimonials h3 {
    font-weight: 300;
    font-size: 2.5em;
    margin: 0px 0px 30px 0px;
    text-transform: uppercase;
  }

  .lj-testimonials-icon {
    text-align: center;
  }

  .lj-testimonials-icon i {
    color: #d9dade;
    font-size: 1.75em;
  }

  .lj-testimonials > div {
    text-align: justify;
    width: 100%;
  }

  .lj-testimonials blockquote {
    font-size: 15px;
    font-style: italic;
    margin: 40px 0 20px;
  }

  .lj-testimonials > div img {
    width: 75px;
    height: 75px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
    border: 2px solid #fff;
    display: inline-block;
    vertical-align: top;
  }

  .lj-testimonials > div p {
    display: inline-block;
    color: #747d93;
    font-size: 0.9em;
    margin: 15px 0 0 10px;
    text-align: left;
  }

  .lj-testimonials > div p strong {
    text-transform: uppercase;
    font-weight: 700;
    display: block;
  }

  .slick-dots li button:hover,
  .slick-dots li.slick-active button { 
    background-color: #2c97de;
  }

  .slick-dots li button {
    background-color: #d9dade;
  }



/* 13. CONTACT */

  .contact {
    background-color: #fff;
    padding: 25px 0;
  }

  .lj-contact h4 {
    text-transform: uppercase;
    margin: 0 0 25px;
  }

  .lj-contact p {
    margin: 0;
  }



/* 14. FOOTER */

  .footer {
    background-color: #2b2f3e;
    padding: 20px 0;
  }

  .lj-footer-copyrights p {
    font-size: 0.9em;
    line-height: 40px;
    margin: 0;
    color: #fff;
  }

  .lj-footer-copyrights a {
    color: #1a8ec2;
    text-transform: uppercase;
    font-weight: 700;
  }

  .lj-footer-copyrights a:hover {
    color: #f2f3f7;
  }

  .lj-footer-socials {
    text-align: right;
  }

  .lj-footer-socials ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
  }

  .lj-footer-socials li {
    display: inline-block;
    margin-left: 10px;
  }

  .lj-footer-socials li a {
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #747d93;
    color: #f2f3f7;
    font-size: 1.25em;
  }

  .lj-footer-socials li a:hover {
    background-color: #f2f3f7;
    color: #747d93;   
  }

  span.partecipa {
    display: block;
    padding-top: 10px;
    font-weight: normal;
    font-size: 16px;
    padding-top: 30px !important;
  }


  #conoscere li {
    margin-bottom: 20px;
  }


  /* ======= PORTFOLIO ======= */
.portfolio-image{border:1px solid rgb(255, 255, 255);display:block;position:relative;}
/*.portfolio-image .portfolio-overlay{background-color:rgba(0, 0, 0, 0.8);height:100%;width:100%;position:absolute;top:0px}
.portfolio-image .portfolio-overlay-icon{background-color:rgba(0, 0, 0, 0);height:100%;width:100%;position:absolute;top:0px;}
.portfolio-image .portfolio-overlay-icon .center-icon{display:table;height:100%;text-align:center;width:100%;}
.portfolio-image .portfolio-overlay-icon .center-icon i{color:rgb(255, 255, 255);display:table-cell;vertical-align:middle;font-size:4em;}
*/
.portfolio-image img {width: 100%; height: auto;}
/*.portfolio-image .image-overlay{border: 0px solid #fff;height: 100%;width: 100%;left: 0;top: 0;position: absolute;z-index: 40;display: none;background-color: #222;background: rgba(0, 0, 0, 0.8);background-repeat: no-repeat;background-position: 50%;cursor: pointer;background-image: url(/include/img/icon_plus.png);background-size:60px auto;}
  .portfolio-client .portfolio-image .image-overlay{border-width: 5px;}*/
  /* ***** PORTFOLIO BG GLOBAL ***** */
  #bg1 .portfolio-bg{background:url(/include/img/bg/bg-parallax-1.jpg) repeat-x top center;background-attachment:fixed;background-size:cover}
  #bg2 .portfolio-bg{background:url(/include/img/bg/bg-parallax-2.jpg) repeat-x top center;background-attachment:fixed;background-size:cover;}
  #bg3 .portfolio-bg{background:url(/include/img/bg/bg-parallax-3.jpg) repeat-x center center;background-attachment:fixed;background-size:cover;}
  #bg4 .portfolio-bg{background:url(/include/img/bg/bg-parallax-4.jpg) repeat-x top center;background-attachment:fixed;background-size:cover;}
  #bg5 .portfolio-bg{background:url(/include/img/bg/bg-parallax-5.jpg) repeat-x top center;background-attachment:fixed;background-size:cover;}
  #bg6 .portfolio-bg{background:url(/include/img/bg/bg-parallax-6.jpg) repeat-x top center;background-attachment:fixed;background-size:cover;}
  #bg7 .portfolio-bg{background:url(/include/img/bg/bg-parallax-7.jpg) repeat-x top center;background-attachment:fixed;background-size:cover;}

  #bg-team .portfolio-bg{background:url(/include/img/bg/bg-team.jpg) repeat center center;background-size: contain;-webkit-animation: backgroundScroll 70s linear infinite;-moz-animation: backgroundScroll 70s linear infinite;-o-animation: backgroundScroll 70s linear infinite;-ms-animation: backgroundScroll 70s linear infinite;animation: backgroundScroll 70s linear infinite;}
  #bg-team .bg-opaco{background-color: rgba(26, 142, 194, 0.9);}
  @-webkit-keyframes backgroundScroll {
    from {background-position: 0 0;}
    to {background-position: -1900px 0;}
  }   
  @keyframes backgroundScroll {
    from {background-position: 0 0;}
    to {background-position: -1900px 0;}
  }

 /* ======= FILTER PORTFOLIO ======= */
.filter-portfolio{text-align:center;margin-bottom:40px;margin-top:10px;}
.filter-portfolio a{background-color:rgb(255, 255, 255);margin:0px 30px;padding:7px 15px;min-width:130px;display:inline-block;position:relative;border-bottom:2px solid rgb(255, 255, 255);}
.filter-portfolio a:hover,.filter-portfolio a.active{background-color:rgb(26, 142, 194);color:rgb(255, 255, 255);border-bottom:2px solid rgb(22, 101, 137);}
.filter-portfolio a .mtriangle{border-color:rgb(22, 101, 137) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);border-style:solid;border-width:6px 5px 0;height:0;left:47%;position:absolute;width:0;visibility:hidden;bottom:-7px;
}
.filter-portfolio a:hover .mtriangle,.filter-portfolio a.active .mtriangle{visibility:visible;}

/* ======= PORTFOLIO CLIENT ======= */
.portfolio-client .thumbnail{border:none;padding:0px;background-color:transparent;box-shadow:none;margin-bottom:0px;}
.portfolio-client .thumbnail h3 {
    font-size: 1em;
    text-align: center;
    color: rgb(255, 255, 255);
    white-space: nowrap;
    text-transform: uppercase;
    margin-top: 0px;
    font-weight: bold;
}
.portfolio-client .thumbnail .thumb img{width: 100%;border: 5px solid #FFF;}
.portfolio-client .carousel-fx a{font-size:6em;}

/* ***** PORTFOLIO ***** */
  .owl-white .thumbnail h3{color:rgb(255,255,255);}
  .owl-team .owl-item{padding: 38px 15px;}

  .owl-team .employee .employee-hover{font-size:.83em;}

  .carousel-owl-1 .thumbnail{border:none;padding:0px;background-color:transparent;box-shadow:none;margin-bottom: 0px;}
  .carousel-owl-1 .thumbnail .thumb{margin:0px 15px;position:relative;cursor: pointer;}
  .carousel-owl-1 .portfolio-image{border-bottom: none;position: relative;}
  .carousel-owl-1 .portfolio-image:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.8);background-image: url(/include/img/icon_plus.png);background-size: 60px auto;background-repeat: no-repeat;background-position: 50%;opacity: 0;filter:alpha(opacity=0);-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear;}
  .carousel-owl-1 a:hover .portfolio-image:before{opacity: 1;filter:alpha(opacity=100);}
  .carousel-owl-1 .portfolio-title{min-height: 45px;background-color:rgb(255, 255, 255);padding:15px 4px;border-width:0px 1px 1px 1px;border-color:rgb(255,255,255);border-style:solid;text-align: center;-webkit-transition:all 0.7s ease 0s;-moztransition:all 0.7s ease 0s;-ms-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;display: block;}
  .carousel-owl-1 .portfolio-title h3{margin:0px;font-weight:bold;color:rgb(19, 58, 104);text-transform:uppercase;font-size:1em;}
  .carousel-owl-1 .portfolio-title h3.sml{font-size: .9em;}
  .carousel-owl-1 .thumbnail .thumb a:hover .portfolio-title{background-color:rgb(26, 142, 194);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
  .carousel-owl-1 .thumbnail .thumb a:hover .portfolio-title h3{color:rgb(255,255,255);}
  
  .carousel-owl-1.portfolio-client .portfolio-image:before{top: 5px;right: 5px;bottom: 5px;left: 5px;}


.owl-theme .owl-controls .owl-buttons .owlNext:before, .owl-theme .owl-controls .owl-buttons .owlPrev:before {
  display: none;
}

.owl-theme .owl-controls .owl-page span {
      background: rgba(255, 255, 255, 1) !important;
}

.icons-full i.fa {
  font-size: 4em;
  color: #efc663;
  line-height: 80px;
}

.icons-full p {
  font-size:20px;
  margin: 0px;
}

.clear {clear: both;}

.point-img { float: left; margin-bottom: 30px; margin-right: 10px; margin-top: 5px; }
.point-text { float: left; width: 82%; margin-bottom: 20px !important; margin-top: 0px !important; }

.sottotitolo { 
    color:#ff5f00;; text-transform: uppercase; font-weight:bold;
    padding: 10px;
    background: rgba(251, 100, 3, 0.9);
    margin: 0px auto !important;
    width: 73%;
    display: inline-block;
}

/* 15. BREAKPOINTS */

  @media (max-width: 1199px) {

    /* 8. SUBSCRIBE */

    .lj-subscribe-title {
      text-align: center;
    }

    .lj-subscribe-title h3 {
      font-size: 2.5em;
    }

    p.sottotitolo { 
      font-size: 1.4em;
    }

  }

  @media (min-width: 768px) and (max-width: 991px) {

    /* 6. PRODUCT */
    
    .lj-product {
      margin-top: 40px;
    }

    /* 7. ICONS */

    /*.lj-icon-box-three,
    .lj-icon-box-four {
      margin-top: 20px;
    }*/

  }

  @media (max-width: 991px) {

    /* 11. PRICING TABLE */

    .lj-pricing-table-normal {
      width: 75%;
      margin: 0 auto;
    }

    .lj-pricing-table-normal > div {
      margin-top: 0;
    }

    .lj-pricing-table-normal {
      margin-top: 40px;
    }

    .lj-pricing-table-normal:first-child {
      margin-top: 0;
    }

    .lj-icon-box > div {
      width: 90%;
      margin-top: 20px;
      margin-left: auto;
      margin-right: auto;
    }

  }

  @media (max-width: 767px) {

    /* 5. HEADER */

    .lj-join-now-form button, .lj-join-now-form input[type=submit] {
      margin-top: 30px;
    }

    .lj-join-now-title p {
      text-align: justify;
      margin-bottom: 30px;
  }

    .lj-countdown {
        margin-top: 20px;
    }

    .lj-title {
        margin-top: 30px;
    }

    .lj-title-paragraph p {
    color: #fff;
    margin: 0px;
    font-size: 1.5em;
    font-weight: 600;
}

   /* .lj-text-button a, .lj-text-button a:focus {
      color:#fff;
      border: 2px solid #fff;
    }*/

    .lj-logo,
    .lj-text-button {
      text-align: center;
    }

    .lj-text-button {
      margin-top: 50px;
    }

    .lj-title h1,
    .lj-title-paragraph p {
      padding: 0 20px;
    }

    .lj-button-right {
      margin-top: 20px;
    }

    p.sottotitolo { 
      font-size: 1.3em;
    }

    /* 6. PRODUCT */
    
    .lj-product {
      margin-top: 20px;
    }

    .lj-product li, .title-form-form1 p, .lj-join-now-title p {
      font-size: 16px;
    }

    /* 7. ICONS */

    .lj-icon-box:first-child > div {
      margin-top: 0;
    }

    .lj-icon-box span {
      font-size: 4em;
    }

    .lj-icon-box h4 {
      font-size: 1.5em;
      padding: 0 20px;
    }

    .lj-icon-box p {
      font-size: 1em;
      padding: 0 20px;
    }

    .lj-icon-box > div {
      min-height: initial;
    }

    /* 8. SUBSCRIBE */

    .lj-subscribe-form input[type=text],
    .lj-subscribe-form input[type=submit] {
      margin-top: 20px;
    }

    .lj-subscribe-form input[type=text],
    .lj-subscribe-form input[type=number] {
      width: 90%;
      margin-right: 0;
    }

    /* 10. JOIN NOW */

    .lj-join-now-form input[type=text],
    .lj-subscribe-form input[type=number] {
      width: 90%;
      margin-bottom: 20px;
      margin-right: 0;
    }

    /* 13. CONTACT */

    .lj-contact {
      text-align: center;
      margin-top: 75px;
    }

    .lj-contact:first-child {
      margin-top: 0;
    }

    /* 14. FOOTER */

    .lj-footer-copyrights,
    .lj-footer-socials {
      text-align: center;
    }

    .lj-footer-socials {
      margin-top: 40px;
    }

  }

  @media (max-width: 479px) {

    .lj-logo {
      margin-top: -55px;
    }

    /* 11. PRICING TABLE */

    .lj-pricing-table-normal {
      width: 100%;
    }

    .lj-title h1 {
      font-size: 1.6em;
      margin-bottom: 40px;
    }

    .lj-title {
      margin-top: 50px;
    }

    p.sottotitolo {
      font-size: 1em;
      padding: 10px;
    }

    header > .container {
      padding-top: 50px;
    }

    .lj-countdown {
      padding: 0px 20px;
    }

    .lj-countdown div.row-count, .lj-countdown div.lj-countdown-ms {
        width: 50%;
    }

    .lj-countdown div.row-count div, .lj-countdown div.lj-countdown-ms div {
        width: 50%;
    }

    .lj-countdown div span:first-child {
    height: 48px;
    font-weight: 300;
    /*font-size: 16px;*/
    line-height: 48px;
}

.lj-countdown div span:last-child {
    height: 48px;
    font-weight: 300;
    font-size: 0.9em;
    line-height: 48px;
    display: block;
}

.lj-countdown div span {
    width: 100%;
    display: inline-block;
}

.lj-join-now-title h2 {
    font-weight: 300;
    font-size: 28px;
    margin: 0;
    text-align: center;
}

.lj-product h3 {
    font-weight: 300;
    margin: 0;
    font-size: 28px;
    text-transform: uppercase;
}

.lj-product li {
  font-size: 18px;
}

.lj-product p, .lj-product ul {
    margin: 20px 0 0;
    font-size: 18px;
}

.lj-icons-title h2 {
    font-weight: 300;
    margin: 0;
    font-size: 28px;
    text-transform: uppercase;
}

.testimonials h3 {
  font-weight: 300;
    margin: 0px 0px 20px 0px;
    font-size: 28px;
    text-transform: uppercase;
}

.backstretch img {
  left: -530px !important;
}

.lj-title-paragraph {
    margin-top: 0px;
}

  span.partecipa {
  font-size: 16px;
  padding-top: 30px !important;
  }

  .lj-product-image {
    padding: 0px;
  }

  .product {
    padding: 20px 0px;
  }
  .lj-icons-title h2 strong {
        font-weight: 600;
        display: block;
  }

  .lj-promo h2 {
    font-size: 23px;
  }

  .lj-testimonials > div p {
    font-size: 0.8em;
  }
  .agli {
    display: block;
  }
  .title-event {
    font-size: 26px;
  }

  .lj-testimonials blockquote {
    margin: 10px 0 30px;
  }

  .lj-contact h4 {
    text-transform: uppercase;
    margin: 0 0 0px;
  }

  .lj-contact {
    text-align: center;
    margin-top: 25px;
  }

}

#cookie-bar{display:table;position:relative;left:0;top:0;right:0;background:#F09201;height:auto;color:#fff;padding:.5em 20px}
#cookie-bar{position:fixed;top:inherit;bottom:0;padding-left:0;padding-right:0;z-index:99999999;box-shadow:0 6px 6px -5px #000 inset}
#cookie-bar.fixed{position:fixed;top:0;left:0;width:100%}
#cookie-bar.fixed.bottom{bottom:0;top:auto}
#cookie-bar p{margin:0;padding:0;font-weight:300;font-size:.9em; color: #fff;}
#cookie-bar a.cb-disable,#cookie-bar a.cb-enable{color:#000;display:inline-block;border-radius:3px;text-decoration:none;padding:.65em 2em;box-shadow:1px 1px 2px rgba(0,0,0,.62);font-size:.9em}
#cookie-bar .cb-enable{background:#fff;color:#000}
#cookie-bar .cb-enable:hover{background:#fdaf04;color:#fff}#cookie-bar .cb-disable{background:#fff}
#cookie-bar .cb-disable:hover{background:#fdaf04}
#cookie-bar .cb-policy{color:#fff;text-decoration:underline}

.localita{position: relative;}
.label-localita {position: absolute;top: -41px;left: 15px;background-color: #eb771b;height: 30px;padding: 2px 10px;font-size: 14px;color: #fff;font-weight: bold;letter-spacing: 0.3px;border-radius: 4px;z-index: 2;}
.localita input{position: relative;z-index: 1;}
.label-localita:before{content: "Scegli un indirizzo valido!";}
.label-localita:after {content: " ";top: 100%;left:  24px;height: 0;width: 0;position: absolute;margin-left: -6px;border: solid transparent;border-color: rgba(235, 119, 27, 0);border-top-color: #eb771b;border-width: 6px;pointer-events: none;}


.email{position: relative;}
.label-email {position: absolute;top: -41px;left: 15px;background-color: #eb771b;height: 30px;padding: 2px 10px;font-size: 14px;color: #fff;font-weight: bold;letter-spacing: 0.3px;border-radius: 4px;z-index: 2;}
.email input{position: relative;z-index: 1;}
.label-email:before{content: "Email non disponibile!";}
.label-email:after {content: " ";top: 100%;left:  24px;height: 0;width: 0;position: absolute;margin-left: -6px;border: solid transparent;border-color: rgba(235, 119, 27, 0);border-top-color: #eb771b;border-width: 6px;pointer-events: none;}


/* ======= Modal POPUP ======= */
.modal .modal-content{border-radius:0px;border:8px solid rgb(177, 177, 177);min-height: 400px;} 
.modal .modal-content #circleG{margin-top: 175px;}
.modal button.close{background:rgb(177, 177, 177);border:none;color:rgb(255, 255, 255);display:block;height:60px;position:absolute;right:0;width:60px;z-index:1;float:none;opacity:1;}
.modal button.close span{font-size:4.1em;font-weight:300;line-height:0.4;}


.text-description {
  margin-bottom:20px !important; margin-top:70px !important;
}

@media screen and (max-width:768px){

    .text-description {
      margin-bottom:20px !important; margin-top:20px !important;
    }

    #cookie-bar{position:fixed;top:inherit;bottom:0;padding-left:0;padding-right:0;z-index:99999999;box-shadow:0 6px 6px -5px #000 inset}
    #cookie-bar>div{text-align:center!important}
    #cookie-bar a.cb-enable,.cc-cookies a.cb-disable{display:inline-block;margin:1em auto 0;width:auto}

    .activation.section{margin-top: 120px;margin-bottom: 50px;}
    .activation h1,.activation>h3{font-size: 40px;}
    .activation i{font-size: 15.5em;}
    .activation .success {
      min-width: 215px;
      position: relative;
      background: #71eece;
      background: -moz-linear-gradient(45deg, #5fc7d4 0%, #71eece 100%);
      background: -webkit-linear-gradient(45deg, #5fc7d4 0%,#71eece 100%);
      background: linear-gradient(45deg, #5fc7d4 0%,#71eece 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc7d4', endColorstr='#71eece',GradientType=1 );
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .activation .error {
      min-width: 215px;
      position: relative;
      background: #ed8d53;
      background: -moz-linear-gradient(45deg, #ce5858 0%, #ed8d53 100%);
      background: -webkit-linear-gradient(45deg, #ce5858 0%,#ed8d53 100%);
      background: linear-gradient(45deg, #ce5858 0%,#ed8d53 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce5858', endColorstr='#ed8d53',GradientType=1 );
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .activation p{
      font-size: 18px;
      font-weight: 300;
      color: #565656;
    }
    .activation .btn{margin-top: 40px;}
    .activation ul.app-badge{margin-top: 50px;margin-bottom: 10px;}
}

@media (max-width: 992px) {
  .activation.section{margin-top: 20px;}
  .activation h1.activation>h3{font-size: 30px;}
  .activation i{font-size: 10.5em;}

  .modal .modal-dialog{width:85%;}
}

@media (max-width: 767px) {
/*modal popup responsive*/
  .modal{background-color:rgb(255,255,255);}
  .modal .modal-dialog{margin:0px;width:100%;padding-top:50px;} 
  .modal .modal-content{border:none;box-shadow:none;}
  .modal .close-contain{
    background:rgb(26, 142, 194);
    height:50px;
    padding:12px 10px;
    position:fixed;
    top:0;
    width:100%;
    z-index:1;
  }
  .modal button.close{background-color:rgba(0, 0, 0, 0);border-right:1px solid rgb(126, 171, 203);height:auto;padding-right:10px;position:relative;text-align:center;width:48px;font-size:1.7em;}
  .modal button.close i{display:block;line-height:21px;margin-bottom:5px;}
}

@media (max-width: 479px) {
  .activation h1,.activation>h3{font-size: 24px;}
  .activation i{font-size: 9em;min-width: 125px;}
  .activation ul.app-badge{margin-top: 20px;margin-bottom: -10px}
}