@font-face {
  font-family: 'BentonSans';
  src: url('BentonSans/BentonSans.eot?#iefix') format('embedded-opentype'),  url('BentonSans/BentonSans.otf')  format('opentype'),
         url('BentonSans/BentonSans.woff') format('woff'), url('BentonSans/BentonSans.ttf')  format('truetype'), url('BentonSans/BentonSans.svg#BentonSans') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BentonSansLight';
  src: url('BentonSans-Light/BentonSans-Light.eot?#iefix') format('embedded-opentype'),  url('BentonSans-Light/BentonSans-Light.otf')  format('opentype'),
         url('BentonSans-Light/BentonSans-Light.woff') format('woff'), url('BentonSans-Light/BentonSans-Light.ttf')  format('truetype'), url('BentonSans-Light/BentonSans-Light.svg#BentonSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'AvenirNextLTPro-Bold';
  src: url('AvenirNextLT/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),  url('AvenirNextLT/AvenirNextLTPro-Bold.otf')  format('opentype'),
       url('AvenirNextLT/AvenirNextLTPro-Bold.woff') format('woff'), url('AvenirNextLT/AvenirNextLTPro-Bold.ttf')  format('truetype'), url('AvenirNextLT/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'maisonneuebold';
  src: url('maisonneue-bold/maisonneue-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('maisonneue-bold/maisonneue-bold-webfont.otf')  format('opentype'),
       url('maisonneue-bold/maisonneue-bold-webfont.woff') format('woff'), url('maisonneue-bold/maisonneue-bold-webfont.ttf')  format('truetype'), url('maisonneue-bold/maisonneue-bold-webfont.svg#BentonSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}
body{
  margin:0;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
HOME HEADER
========================================================================== */
#home{
  overflow:hidden;

}
#home header{
    width: 100%;
    background min-width:960px;
    height:537px;
    background:black;
    text-align: center;
    background: url("../img/bg-header.jpg") no-repeat center top; 
    background-size: 100%;
}
#home header h1{
    position: relative;
    top: 50px;
    text-indent: -9999px;
    margin:0 auto;
    display: block;
    width:158px;
    height: 42px;
    background: url("../img/logo.svg") no-repeat center top;
}
#home header h2{
    line-height: 65px;
    display:block;
    margin:121px auto 40px;
    font-family: "AvenirNextLTPro-Bold", Times, serif;
    font-size: 53px;
    color:white;
    font-weight: lighter;
    max-width:675px;
}
#home header p{
    display:block;
    margin:0 auto;
    font-size: 16px;
    font-family: "BentonSans", Times, serif;
    line-height: 27px;
    color:#cdcdcd;
    width:550px;
}

.link_template{
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.logo_index{
  position: absolute;
  width: 100%;
  height: 100%;
  cursor:pointer;
      top: 0;
    display: block;
}
#footer .logo_index{
  margin:0!important;
}





/* ==========================================================================
HOME CONTENT
========================================================================== */
#market_content{
    margin: 0;
    padding:18px 0 0 0;
    width:100%;
    background:#f3f4f5;
}
#market_items{
    overflow: auto;
    margin:0 auto;
    padding: 40px;
    width: 1120px;
}
.template_item{
    position:relative;
    float: left;
    width:349px;
    height: 484px;
    background:white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.07);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.07);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.07);
    -webkit-transition: all 0.6s cubic-bezier(.01,.49,.34,.98);
  -moz-transition:    all 0.3s cubic-bezier(.01,.49,.34,.98);
  -o-transition:      all 0.3s cubic-bezier(.01,.49,.34,.98);
  -ms-transition:     all 0.3s cubic-bezier(.01,.49,.34,.98);

}
#texte_intro{
      margin: 0px 0px 40px 0px;
    border-bottom: 1px solid #e1e2e3;
}
#texte_intro p{
  font-size: 14px;
  font-family: "BentonSans";
  color: #757575;
  text-align: left;


}
.thumb_template{
    display: block;
    width: 100%;
    height: 197px;
    background: url("../img/thumb_item_2.png") no-repeat center center; 
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}
#template_0 .thumb_template{
  background: url("../img/thumb_item_0.png") no-repeat center center; 
}
#template_1 .thumb_template{
  background: url("../img/thumb_item_6.png") no-repeat center center; 
}
#template_2 .thumb_template{
    background: url("../img/thumb_item_3.png") no-repeat center center; 
          -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#template_3 .thumb_template{
    background: url("../img/thumb_item_5.png") no-repeat center center; 
          -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#template_4 .thumb_template{
    background: url("../img/thumb_item_4.png") no-repeat center center; 
          -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#template_5 .thumb_template{
    background: url("../img/thumb_item_1.png") no-repeat center center; 
          -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.title_template{
  margin: 4px 0 0 0px;
  font-size: 20px;
  font-family: "BentonSans";
  font-weight: normal;
  color: #757575;
  text-align: left;


}
.category_template{
  letter-spacing: 1px;
  font-size: 11px;
  font-family: "BentonSans";
  color: rgb(27, 208, 78);
  text-transform: uppercase;

}
.description_template{
  font-size: 14px;
  font-family: "BentonSans";
  color: rgb(153, 153, 153);
  text-align: left;
  position: absolute;
    width: 300px;
  line-height: 24px;
}
.price_template{
    border-top: 1px solid #e5e5e5;
    display: block;
    position: relative;
  margin: 139px 30px 0 30px;
  font-size: 20px;
  font-family: "BentonSans";
  color: #757575;

}
.price_template p{
    float:left;
    display: block;
    
}
.arrow_template{
    width:18px;
    height: 62px;
    background: url("../img/arrow.svg") no-repeat right; 
    float:right;
}
.text_template{
  padding: 30px 0 0 30px;
}

.comingsoon{
  color: #B1B1B1;
    font-size: 11px;
    font-family: "BentonSans";
}
#template_1,#template_2,#template_6,#template_5{
    margin:0 0 30px 16px;
}
.template_item:hover{
    -webkit-box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.16);
box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.16);
}
#footer{
    position: relative;
    height: 86px;
    width:100%;
    background: #2c2c2c;
    padding: 0px 0 0 0;
}
.logo_footer{
    margin: 29px auto;
    position: absolute;
    left: 0;
    right: 0;
    width:110px;
    height: 30px;
    background: url("../img/logo.svg") no-repeat center top;
    display: block;
}
#footer_content{
    width: 1120px;
    margin:0 auto;
}
#footer a{
    text-decoration: none;
    margin:29px 0 0 0;
    position: absolute;
  font-size: 14px;
  font-family: "BentonSans";
  color: #5F5F5F;
 
}
#footer .instagram{
    position: relative;
    background: url("../img/instagram.svg") no-repeat center top;
    width:26px;
    height: 22px;
    float:right;
}
#market_content .mark{
    color:#cac9c9;
    top: -13px;
    margin: 0 6px 0 0;
    border-bottom: 2px solid #cac9c9;
}
#market_content .oldprice{
    top: 13px;

}


/* ==========================================================================
HOME SUBSCRITE
========================================================================== */
#subscrite_newsletter{
    overflow: auto;
    background: url("../img/bg-input.png") no-repeat center; 
    background-size:100% auto;

}
#subscrite_newsletter .email{
    width:316px;
    display:block;
    margin:0 auto;
}
#subscrite_newsletter p{
    letter-spacing: -0.01em;
    margin: 76px auto 42px;
    display: block;
    width:700px;
    text-align: center;
  font-size: 24px;
  font-weight: lighter;
  font-family: "AvenirNextLTPro-Bold";
  color: #757575;

}
#mc_embed_signup_scroll{
    background: transparent!important;
}
.clear{

    display:block;
        width: 40px;
    position: relative;
    margin: 0 auto;
}
#mc-embedded-subscribe{
    top: -40px;
        width: 19px;
    border: none;
    left: 149px;
    position:absolute;
    background: url("../img/arrow.svg") no-repeat right; 
    text-indent: -9999px;
}
#mc_embed_signup{
    background: transparent!important;
    margin:0 0 60px 0;
}
 .css-input { border-style:solid; border-radius:50px; font-size:14px; padding: 20px 20px 20px 40px; border-width:1px; border-color:#cbcbcb; box-shadow: 0px 0px 0px 0px rgba(42,42,42,.0);  } 
         .css-input:focus { outline:none; } 



@media (max-width: 1150px) {
  #market_items{
    width: 732px;
  }
  #template_6, #template_4, #template_1{
    margin: 0 0 31px 33px;
  }
  #template_0,#template_2, #template_5, #template_3{
    margin: 0 0 31px 0px;
  }
}
@media (max-width: 814px) {
  #market_items {
    width: 480px;
  }
  #template_0, #template_1, #template_2, #template_3, #template_4, #template_5, #template_6{
    margin: 0 0 31px 0px;
    height:558px;
    width: 478px;
    float:none;
  }
  .thumb_template{
    height: 271px;
  }
  .description_template {
        width: 343px;
  }
}
@media (max-width: 1080px) {
  #preview_content_item{
    width:100%!important;

  }
  .image_item{
    width:90%!important;
  }
  #technical_content_item{
    width: 100%!important;
  }
 #technical_item #technical_content_item #technical_video_item{
    width:100%!important;
  }
  #technical_video_item iframe{
    width: 90%!important;
  }
  #video_item{
    width: 100%!important;
  }
  #video_item iframe{
    width: 90%!important;

  }
}
@media (max-width: 700px) {

  #description_item{
    width: 90%!important;
  }
  .preview_image{
    width: 100%!important;
    height: 80%!important;
  }
  #home header h2{
    font-size:33px;
    line-height: 35px;
    padding: 0 20px 0;
  }
  #home header p {
    width: 340px;
  }
  #market_items {
    width: 100%;
  }
  #template_0, #template_1, #template_2, #template_3, #template_4, #template_5,#template_6 {
     width: 350px;
  }
  #market_items{
    padding: 25px;
  }
  .thumb_template {
    height: 209px;
  }
  .description_template {
    width: 273px;
  }
  #subscrite_newsletter p{
    width:100%;
  }
}
@media (max-width: 1500px) {
  #home header{
    background-size: auto 100%;
  }
}

@media only screen and (min-width: 600px) {

}

/* ==========================================================================
ITEM : Transition
========================================================================== */
#vortex_item, #transition_item,#smooth_openers__item{
  overflow: hidden;
}
#vortex_item header, #transition_item header, #smooth_openers__item header{
    width: 100%;
    background min-width:960px;
    height:537px;
    background:black;
    text-align: center;
    background: #2a2f38; 
    background-size: auto 100%;
}
#vortex_item header h1, #transition_item header h1, #smooth_openers__item header h1{
    position: relative;
    top: 50px;
    text-indent: -9999px;
    margin:0 auto;
    display: block;
    width:158px;
    height: 42px;
    background: url("../img/logo.svg") no-repeat center top;
}
#vortex_item header h2, #transition_item header h2, #smooth_openers__item header h2{
    display:block;
    margin:81px auto 4px;
    font-family: "AvenirNextLTPro-Bold", Times, serif;
    font-size: 53px;
    color:white;
    font-weight: lighter;
    max-width:890px;
}
#vortex_item header p, #transition_item header p, #smooth_openers__item header p{
    display:block;
    margin:0 auto;
    font-size: 14px;
    font-family: "BentonSans", Times, serif;
    line-height: 27px;
    color:#cdcdcd;
    width:550px;
}
#vortex_item header p img, #transition_item header p img, #smooth_openers__item header p img{
margin:0 0 0 13px;
}
#bundle_item .button-buy{
    margin:70px 0 70px 0;
}
.button-buy .btn {
  -webkit-border-radius: 38;
  -moz-border-radius: 38;
  border-radius: 38px;
  font-family: Arial;
  color: #ffffff;
  background: #1bd04e;
  padding: 21px 65px 19px 65px;
  text-decoration: none;
  font-size: 14px;
  font-family: "BentonSans";
  text-transform: uppercase;
  line-height: 2.143;
  text-align: center;
    letter-spacing: 1px;

    -webkit-transition: all 0.6s cubic-bezier(.01,.49,.34,.98);
  -moz-transition:    all 0.6s cubic-bezier(.01,.49,.34,.98);
  -o-transition:      all 0.6s cubic-bezier(.01,.49,.34,.98);
  -ms-transition:     all 0.6s cubic-bezier(.01,.49,.34,.98);
}

.button-buy .btn:hover {
  background: #01bd36;
  text-decoration: none;
    -webkit-box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.8);
}
#benefit_item .button-buy a:hover{
  -webkit-box-shadow: 0px 10px 42px 1px rgba(31, 152, 57, 0.2);
    -moz-box-shadow: 0px 10px 42px 1px rgba(31, 152, 57, 0.2);
    box-shadow: 0px 10px 42px 1px rgba(31, 152, 57, 0.2);
}

#video_item{
    margin:0 auto;
    position: relative;
    width:895px;
    height: 503px;
}
#video_item iframe{

    -webkit-box-shadow: 0px 10px 49px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 10px 49px 0px rgba(0,0,0,0.28);
    box-shadow: 0px 10px 49px 0px rgba(0,0,0,0.28);
}

#description_item h4{
  font-size: 13px;
  font-family: "BentonSans";
  color: #BFBFBF;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}
#description_item{
    text-align: center;
    width:715px;
    margin:500px auto 120px;
    overflow: auto;
}
#description_item p {
  line-height: 34px;
    font-size: 18px;
    font-family: "BentonSans";
    color: #8C8C8C;
  text-align: center;
}
#bundle_inside{
  overflow: hidden;
  width: 100%;
  background-color: #1b1f20;
}
.thedetails_inside#bundle_inside{

  background-color: #092b67;
}
#bundle_inside h4{
  font-size: 22px;
  font-family: "BentonSans";
  color: white;

  text-transform: capitalize;
  text-align: left;
  letter-spacing: 0px;
}
#bundle_inside #description_inside li{
        height: 8px;
    width: 100%; 
   text-align: left; 
   border-bottom:1px solid #4e5260;
   line-height: 0.1em;
   margin: 10px 0 40px 0px; 
}
#bundle_inside ul{
  padding: 0px;
}
.preview_content_item_bundle{

}
#bundle_inside ul li{
  list-style: none;
}
#description_inside{
  width: 90%;
}
#price_inside{
  width: 10%;
}
#price_inside li{
  font-size: 22px;
    font-family: "BentonSans";
    color: #d9d9d9;
   text-align: right; 
   line-height: 0.1em;
   margin: 18px 0 47px 0px; 
}
#single_license, #extended_license{

  background: white;
  height: 620px;
  position: relative;
      -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.07);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.07);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.07);
    -webkit-transition: all 0.6s cubic-bezier(.01,.49,.34,.98);
  -moz-transition:    all 0.3s cubic-bezier(.01,.49,.34,.98);
  -o-transition:      all 0.3s cubic-bezier(.01,.49,.34,.98);
  -ms-transition:     all 0.3s cubic-bezier(.01,.49,.34,.98);
}
#single_license:hover, #extended_license:hover{
  cursor: pointer;
      -webkit-box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.16);
box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.16);
}
#single_license{
  margin: 0 15px 0 23px;
}
 #extended_license{
  margin:0 23px 0 0;
 }
#license_type .btn_license{
  background:#00a354 url("../img/arrow_btn.svg")  160px -4px no-repeat;
  background-size: 44px 79px;
  -webkit-border-radius: 38;
  -moz-border-radius: 38;
  border-radius: 38px;
  font-family: Arial;
  color: #ffffff;
  padding: 30px 85px 26px 45px;
  text-decoration: none;
  font-size: 14px;
  font-family: "BentonSans";
  text-transform: uppercase;
  line-height: 2.143;
  text-align: center;
    letter-spacing: 1px;

    -webkit-transition: all 0.6s cubic-bezier(.01,.49,.34,.98);
  -moz-transition:    all 0.6s cubic-bezier(.01,.49,.34,.98);
  -o-transition:      all 0.6s cubic-bezier(.01,.49,.34,.98);
  -ms-transition:     all 0.6s cubic-bezier(.01,.49,.34,.98);

}
#license_type .button-buy{
  text-align: center;

}
#license_type{
    padding: 0 0 50px 0;
    overflow: hidden;
    width: 100%;
    background-color: #ededed;
}
#single_license,#extended_license{
  float: left;
  width: 47%;
}
#single_license p,#extended_license p{
    line-height: 27px;
  color: #a5a5a5;
  text-align: center;

}
#single_license .description_licence, #extended_license .description_licence{
            margin: 90px 104px;

}
.description_licence{
        font-family: "BentonSans", Times, serif;
        font-size: 18px;

}
#single_license .item_bundle_price, #extended_license .item_bundle_price{
  font-family:"maisonneuebold","BentonSans", Times, serif;
}
.item_bundle_price{

    position: relative;
  color:#0e0e0e!important;
  font-size: 50px;
}
.dollarssign{

    top: -18px;
    position: relative;
  font-size: 20px;
}
.mark{
  font-family:"BentonSans", Times, serif;
  color:#b9b9b9;
  border-bottom: 1px solid #b9b9b9;
        top: -19px; 
        position: relative;
}
.oldpricebtn{
   position: relative;
        top: 24px;
  color:#4e4e4e;
}
.oldprice{
   position: relative;
        top: 18px;
  font-size: 20px;
}
.markbtn {
    color: #254a44;
    border-bottom: 3px solid #4e4e4e;
    top: -24px;
    position: relative;
}
#single_license h4,#extended_license h4{
          font-size: 34px;
    margin: 68px 0 0 0;
    font-family: "maisonneuebold";
    color: #0e0e0e;
    text-transform: capitalize;
    letter-spacing: 0px;
  text-align: center;
}
#single_license h3,#extended_license h3{
  margin: 0 0 30px 0;
  color:#616161;
  text-align: center;
  font-family: "BentonSans";
}
.line_dot_inside{


}
#bundle_inside p{
line-height: 34px;
    font-size: 22px;
    font-family: "BentonSans";
    color: #d9d9d9;
  text-align: left;
      width: 480px;
}
.before_line_dot_inside{
  font-size: 22px;
    font-family: "BentonSans";
    color: #d9d9d9;
      padding: 0 23px 0 0;
    background:#1b1f20; 

}
.before_line_dot_inside02{
  font-size: 22px;
    font-family: "BentonSans";
    color: #d9d9d9;
      padding: 0 23px 0 0;
    background:#092b67; 

}
.before_line_dot_inside02 img{
  padding: 0 20px 0 0;
}
.before_line_dot_inside img{
  padding: 0 20px 0 0;
}
#bundle_inside ul{
  float: left;
}
#preview_item{
    width: 100%;
    background:#2a2f38;
}
#preview_content_item{
    padding:100px 0 100px 0;
    color:white;
    text-align: center;
    width:1080px;
    margin:0 auto;
}
#preview_content_item h4{
    margin:0;
  font-size: 13px;
  font-family: "BentonSans";
  color: rgb(166, 166, 166);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}
#preview_content_item h4{
  font-size: 13px;
  font-family: "BentonSans";
  color: rgb(166, 166, 166);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}
#preview_content_item p {
    margin:0px;
  font-size: 32px;
  font-family: "BentonSansLight";
  color: rgb(255, 255, 255);
  text-align: center;
}
.image_item{

  background-image: -moz-linear-gradient( 45deg, rgb(250,221,214) 0%, rgb(255,236,209) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(250,221,214) 0%, rgb(255,236,209) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(250,221,214) 0%, rgb(255,236,209) 100%);
  position: relative;
  margin:63px auto 0;
  width: 1080px;
  height: 500px;

}

.preview_image{
    padding:145px 0 0 0;
    position: relative;
    margin:0 auto;
    background: url("../img/macbook.png") no-repeat center center; 
    width:633px;
    height: 400px;
}
.preview_image img{
    margin: -24px 0 0 0;
}
#technical_content_item{
    margin:0 auto;
    text-align: center;
    width:1080px;
}
#technical_item #technical_content_item .button-buy .btn:hover{

    background: #01bd36;
    text-decoration: none;
    -webkit-box-shadow: 0px 10px 42px 1px rgba(31, 152, 57, 0.2);
    -moz-box-shadow: 0px 10px 42px 1px rgba(31, 152, 57, 0.2);
    box-shadow: 0px 10px 42px 1px rgba(31, 152, 57, 0.2);

}
#technical_content_item .button-buy{
    margin:70px 0 100px 0!important;
}

#technical_content_item h4{
    margin: 100px 0 0 0;
    font-size: 13px;
    font-family: "BentonSans";
    color: #BFBFBF;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}
#technical_content_item p{
    margin: 0 0 60px 0;
    font-size: 32px;
    font-family: "BentonSansLight";
    color: #808080;
    text-align: center;
}
#technical_video_item{
    width:895px;
    height: 503px;
    position:relative;
    margin:0 auto;
}



#benefit_item{
  width:895px;
  position: relative;
  margin:0 auto;
}
#benefit_item .button-buy{
  text-align: center;
}
#benefit_content_item{
  overflow: auto;
}
#benefit_content_item>p{
      margin: 0 0 60px 0;
    font-size: 32px;
    font-family: "BentonSansLight";
    color: #808080;
    text-align: center;
}
#benefit_content_item>h4{
  margin: 100px 0 0 0;
    font-size: 13px;
    font-family: "BentonSans";
    color: #BFBFBF;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}
.description_feature{
  margin: 81px 0 0 109px;
  width: 400px;
  float:left;
}
.description_feature p{
     line-height: 27px;
    font-size: 15px;
    font-family: "BentonSans";
    color: #999999;
}
.description_feature h5{
      margin: 4px 0 0 0px;
    font-size: 20px;
    font-family: "BentonSans";
    font-weight: normal;
    color: #757575;
    text-align: left;
}
.feature_animation{
  float:left;
}
.bg_sprite {
    z-index: -1;
    background: #f3f4f5;
    bottom: 0px;
    position: absolute;
    width: 349px;
    height: 272px;
}

.feature_1,.feature_2,.feature3{
  margin: 0 0 70px 0;
      position: relative;
    overflow: auto;
}
.feature_2 .feature_animation, .feature_3 .feature_animation{
  width:300px;
}
.feature_2 .description_feature h5,.feature_2 .description_feature p{
  text-align: right;
}
.feature_2 .description_feature{

  margin: 81px 109px 0 0;
}
#vortex_item footer{

}
.feature_3{
  margin:0 0 145px 0;
  position: relative;
  overflow: auto;
}
.feature_3 .description_feature{
  margin: 81px 0 0 168px;
}
.see_also_title p{
      margin: 0 0 60px 0;
    font-size: 32px;
    font-family: "BentonSansLight";
    color: #808080;
    text-align: center;
}
.see_also_title h4{
margin: 24px 0 0 0;
    font-size: 13px;
    font-family: "BentonSans";
    color: #BFBFBF;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}
#see_also{
      margin: 24px 0 0 0;
}
.sprite_1 {
    width: 412px;
    height: 272px;
    background-image: url("../img/icon1-sprite.png");
    
    -webkit-animation: play_one 1.69s steps(44) infinite;
       -moz-animation: play_one 1.69s steps(44) infinite;
        -ms-animation: play_one 1.69s steps(44) infinite;
         -o-animation: play_one 1.69s steps(44) infinite;
            animation: play_one 1.69s steps(44) infinite;
}
@-webkit-keyframes play_one {
   from { background-position:   0px 0px; }
     to { background-position: 0px -11968px; }
}

@-moz-keyframes play_one {
   from { background-position:    0px 0px; }
     to { background-position: 0px -11968px; }
}

@-ms-keyframes play_one {
   from { background-position:    0px 0px; }
     to { background-position: 0px -11968px; }
}

@-o-keyframes play_one {
   from { background-position:    0px 0px; }
     to { background-position: 0px -11968px; }
}

@keyframes play_one {
   from { background-position:    0px 0px; }
     to { background-position: 0px -11968px; }
}
.sprite_2 {
    width: 359px;
    height: 272px;
    background-image: url("../img/icon2-sprite.png");
    
    -webkit-animation: play_two 3.19s steps(94) infinite;
       -moz-animation: play_two 3.19s steps(94) infinite;
        -ms-animation: play_two 3.19s steps(94) infinite;
         -o-animation: play_two 3.19s steps(94) infinite;
            animation: play_two 3.19s steps(94) infinite;
}
.sprite_2-1{
    width: 359px;
    height: 272px;
    background-image: url("../img/icon2-sprite-1.png");
    
    -webkit-animation: play_two 3.19s steps(94) infinite;
       -moz-animation: play_two 3.19s steps(94) infinite;
        -ms-animation: play_two 3.19s steps(94) infinite;
         -o-animation: play_two 3.19s steps(94) infinite;
            animation: play_two 3.19s steps(94) infinite;  
}

.sprite_1-bundle {
    width: 412px;
    height: 272px;
    
    
    -webkit-animation: play_one 1.69s steps(44) infinite;
       -moz-animation: play_one 1.69s steps(44) infinite;
        -ms-animation: play_one 1.69s steps(44) infinite;
         -o-animation: play_one 1.69s steps(44) infinite;
            animation: play_one 1.69s steps(44) infinite;
}
.sprite_3-bundle {
      width: 359px;
    height: 272px;
    
    -webkit-animation: play_three 2.14s steps(64) infinite;
       -moz-animation: play_three 2.14s steps(64) infinite;
        -ms-animation: play_three 2.14s steps(64) infinite;
         -o-animation: play_three 2.14s steps(64) infinite;
            animation: play_three 2.14s steps(64) infinite;

}
.sprite_2-1-bundle{
    width: 359px;
    height: 272px;
    
    -webkit-animation: play_two 3.19s steps(94) infinite;
       -moz-animation: play_two 3.19s steps(94) infinite;
        -ms-animation: play_two 3.19s steps(94) infinite;
         -o-animation: play_two 3.19s steps(94) infinite;
            animation: play_two 3.19s steps(94) infinite;  
}
.sprite_2-1-bundle.visible{
      background-image: url("../img/icon2-sprite-1.png");

}
.sprite_3-bundle.visible{
    background-image: url("../img/icon3-sprite.png");

}
.sprite_1-bundle.visible{
    background-image: url("../img/icon1-sprite.png");
}
@-webkit-keyframes play_two {
   from { background-position:   0px 0px; }
     to { background-position: 0px -25568px; }
}

@-moz-keyframes play_two {
   from { background-position:    0px 0px; }
     to { background-position: 0px -25568px; }
}

@-ms-keyframes play_two {
   from { background-position:    0px 0px; }
     to { background-position: 0px -25568px; }
}

@-o-keyframes play_two {
   from { background-position:    0px 0px; }
     to { background-position: 0px -25568px; }
}

@keyframes play_two {
   from { background-position:    0px 0px; }
     to { background-position: 0px -25568px; }
}
.sprite_3 {
    width: 359px;
    height: 272px;
    background-image: url("../img/icon3-sprite.png");
    
    -webkit-animation: play_three 2.14s steps(64) infinite;
       -moz-animation: play_three 2.14s steps(64) infinite;
        -ms-animation: play_three 2.14s steps(64) infinite;
         -o-animation: play_three 2.14s steps(64) infinite;
            animation: play_three 2.14s steps(64) infinite;
}

@-webkit-keyframes play_three {
   from { background-position:   0px 0px; }
     to { background-position: 0px -17408px; }
}

@-moz-keyframes play_three {
   from { background-position:    0px 0px; }
     to { background-position: 0px -17408px; }
}

@-ms-keyframes play_three {
   from { background-position:    0px 0px; }
     to { background-position: 0px -17408px; }
}

@-o-keyframes play_three {
   from { background-position:    0px 0px; }
     to { background-position: 0px -17408px; }
}

@keyframes play_three {
   from { background-position:    0px 0px; }
     to { background-position: 0px -17408px; }
}
#transition_item #technical_item{
      overflow: auto;
      position: relative;
  /*  height: 836px; */
    background: #f3f4f5;
}
#transition_item .info_price{
  font-size: 40px;
  font-family: "BentonSans", Times, serif;
  color:white;
}
#transition_item .button-buy{
  line-height: 7.6;

}
#transition_item header{

    height:613px;

}
#transition_item #technical_content_item{
    margin: 0 auto 108px;
    text-align: center;
    width:1080px;
}

.designed_by_l1, .designed_by_l2{
  text-align: center;
}
.designed_by_l1{
  margin: 30px 0 0 0;
  font-size: 14px;
  font-family: "BentonSans";
  color: #999999;
  line-height: 1px;
  text-align: center;
}
.designed_by_l2{
  line-height: 11px;
    font-size: 20px;
  font-family: "BentonSans";
  color: #3e3e3e;
  text-align: center;

}
.designed_by a{
      color: #3e3e3e;
    text-decoration: none;
    display: block;
    text-align: center;
}
.designed_by{
      overflow: auto;
    margin: 100px 0 42px 0;
}
/* ==========================================================================
ITEM : Vortex Openers
========================================================================== */

#transition_item #technical_item,#vortex_item #technical_item, #smooth_openers__item #technical_item  {
    overflow: auto;
    position: relative;
    background: #f3f4f5;
}
#transition_item #technical_content_item,#vortex_item #technical_content_item,#smooth_openers__item #technical_content_item {
    margin: 0 auto 108px;
    text-align: center;
    width: 1080px;
}
#transition_item #argument_item,#vortex_item #argument_item,#smooth_openers__item #argument_item{
  background:white;
  overflow: auto;
  position: relative;
}
#transition_item #argument_content_item,#vortex_item #argument_content_item,#smooth_openers__item #argument_content_item{
  overflow:auto;
    margin: 137px auto;
    text-align: center;
    width: 1080px;
}
#argument_content_item .p1, #argument_content_item .p2, #argument_content_item .p3{
  text-align: center;
    float:left;
    display:block;
    width: 334px;
}
#argument_content_item .p1, #argument_content_item .p2{
      margin: 0px 38px 0 0;
}
#argument_content_item h4{
    font-size: 13px;
    font-family: "BentonSans";
    color: #3b3b3b;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}
#argument_content_item p{
  line-height: 27px;
    font-size: 15px;
    font-family: "BentonSans";
    color: #999999;
}
#vortex_item #description_item{
      width: 697px;
}
/* ==========================================================================
ITEM : Futuristic Openers
========================================================================== */

#see_also #template_1.exception {
    margin: 0 0 30px 16px;
}

.futuristic_opener{
  margin: 0 auto;
  width: 237px;
  height: 99px;
}
.futuristic_opener.button-buy .btn:hover {
    background: #01bd36;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 42px 1px rgba(0,0,0,0.2);
}

/* ==========================================================================
ITEM : Smooth Intro & Outro Openers Template
========================================================================== */


#smooth_openers__item #template_3 .thumb_template{
    background: url("../img/thumb_item_3.png") no-repeat center center; 
          -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#review_item{
      padding: 0 0 150px 0;
      border-bottom: 1px #eaeaea solid;
  border-top: 1px #eaeaea solid;
  margin: 0 0 150px 0;
}
#review_content_item{
      margin: 0 auto;
    
        width: 807px;
  overflow: hidden;
}
#review_content_item>h4{
    margin: 150px 0 0 0;
    font-size: 13px;
    font-family: "BentonSans";
    color: #BFBFBF;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

#review_content_item>p{

  text-align: center;
      margin: 0 0 100px 0;
    font-size: 32px;
    font-family: "BentonSansLight";
    color: #808080;
    
}
#first_review>p, #second_review>p{
     line-height: 30px;
    font-size: 18px;
    font-family: "BentonSans";
    color: #8C8C8C;
}

#sign_fabien #sign p,#sign_harry #sign p{

  line-height: 6px;
    font-size: 15px;
    font-family: "BentonSans";
    color: #999999;
}
#sign_fabien>img,#sign_harry>img{
    float:left;
}
#sign_fabien #sign, #sign_harry #sign{
    margin: 0 0 0 16px;
    float:left;
}
#first_review,#second_review{
    float: left;
    width: 320px;
}
#second_review{
            margin: 0 0 0 158px;
}

.casestudy_template #template_3 .thumb_template{
    background: url("../img/thumb_item_1.png") no-repeat center center!important; 
          -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.brand-blue{
  color:#105ef0;

}












/* ==========================================================================
ITEM : BUNDLE
========================================================================== */













#bundle_item{
  overflow: hidden;
}
#bundle_item header{
    padding: 0 0 80px 0;
    width: 100%;
    background min-width:960px;
    background:black;
    text-align: center;
    background: #1b1f20; 
    background-size: auto 100%;
}
#bundle_item header#the_details{ 
    background: #001625;
}   
#bundle_item header h1{
    position: relative;
    top: 50px;
    text-indent: -9999px;
    margin:0 auto;
    display: block;
    width:158px;
    height: 42px;
    background: url("../img/logo.svg") no-repeat center top;
}
.bundle_header_description{
  margin:0 auto;
}
.bundle_header_info{
  margin:97px auto 0;
}
.bundle_header_infolicence{
  height: 28px;
  display: block;
  float:left;
  font-size: 17px;
  font-family: "BentonSans", Times, serif;
  line-height: 18px;
  color:#8a8a8a;
  width:165px;
}
#extended_license .button-buy{
}
#extended_license .item_bundle_price{

}
#single_license .button-buy{
}
#bundle_item .info_price{
font-size: 40px;
font-family: "BentonSans", Times, serif;
color:white;
} 
#bundle_item .info_price .markbtn{
color:#8a8a8a;;
}  

#bundle_item .button-buy{
  margin: 30px 0 26px 0;
      position: relative;

}
#bundle_item header h2{
    display:block;
    margin:168px auto 24px;
    font-family: "maisonneuebold", Times, serif;
    letter-spacing: -2px;
    font-size:133px;
    line-height:120px;
    color:white;
    font-weight: lighter;
    max-width:800px;
}
.bundle_header_description{
    display:block;
    font-size: 21px;
    font-family: "BentonSans", Times, serif;
    line-height: 33px;
    color:#8a8a8a;
    width:469px;
}
#bundle_item header p img{
margin:0 13px 0 0px;
}
.ae-icon1{
  margin: 22px 0 0 0;
}
.ae-icon{
  margin: 22px 0 0 13px;
}
.plus_title{
      vertical-align: -11px;
    font-size: 15px;
    color: white!important;
    margin: 0 0 0 10px;

}
#bundle_item #video_item iframe{

}
#bundle_header_infos{
  overflow:hidden;
  width: 381px;
  margin:0 auto 50px;
}
.button-buy{
    margin:70px auto 70px;
}
#bundle_header_infolicence1{
  cursor: pointer;
  width: 100%;
  height: 100%;
      width: 201px;
  border-right:1px solid #606060;
}
#bundle_header_infolicence1 a{
      -webkit-transition: all 0.6s cubic-bezier(.01,.49,.34,.98);
  -moz-transition:    all 0.6s cubic-bezier(.01,.49,.34,.98);
  -o-transition:      all 0.6s cubic-bezier(.01,.49,.34,.98);
  -ms-transition:     all 0.6s cubic-bezier(.01,.49,.34,.98);
  color:#8a8a8a;
  text-decoration:none;
}
#bundle_header_infolicence1 a:hover{
  color:white!important;
}
#bundle_item .button-buy .btn{
  cursor: pointer;
  -webkit-border-radius: 38;
  -moz-border-radius: 38;
  border-radius: 58px;
  font-family: Arial;
  color: #ffffff;
  background: #00a354;
  padding: 38px 97px 34px 97px;
  text-decoration: none;
  font-size: 14px;
  font-family: "BentonSans";
  text-transform: uppercase;
  line-height: 2.143;
  text-align: center;
    letter-spacing: 1px;

    -webkit-transition: all 0.6s cubic-bezier(.01,.49,.34,.98);
  -moz-transition:    all 0.6s cubic-bezier(.01,.49,.34,.98);
  -o-transition:      all 0.6s cubic-bezier(.01,.49,.34,.98);
  -ms-transition:     all 0.6s cubic-bezier(.01,.49,.34,.98);
}
#transition_item .button-buy .btn {
  cursor: pointer;
  -webkit-border-radius: 38;
  -moz-border-radius: 38;
  border-radius: 58px;
  font-family: Arial;
  color: #ffffff;
  background: #00a354;
  padding: 38px 67px 34px 67px;
  text-decoration: none;
  font-size: 14px;
  font-family: "BentonSans";
  text-transform: uppercase;
  line-height: 2.143;
  text-align: center;
    letter-spacing: 1px;

    -webkit-transition: all 0.6s cubic-bezier(.01,.49,.34,.98);
  -moz-transition:    all 0.6s cubic-bezier(.01,.49,.34,.98);
  -o-transition:      all 0.6s cubic-bezier(.01,.49,.34,.98);
  -ms-transition:     all 0.6s cubic-bezier(.01,.49,.34,.98);
}

#bundle_item .button-buy .btn:hover, #transition_item .button-buy .btn:hover {
  background: #00a354;
  text-decoration: none;
    -webkit-box-shadow: 0px 0px 42px 1px rgba(43,206,48,0.38)!important;
    -moz-box-shadow:0px 0px 42px 1px rgba(43,206,48,0.38)!important;
    box-shadow:0px 0px 42px 1px rgba(43,206,48,0.38)!important;
}
#benefit_item .button-buy a:hover{
  -webkit-box-shadow: 0px 10px 42px 1px rgba(31, 152, 57, 0.2);
    -moz-box-shadow: 0px 10px 42px 1px rgba(31, 152, 57, 0.2);
    box-shadow: 0px 10px 42px 1px rgba(31, 152, 57, 0.2);
}

#bundle_video_item{
    margin:0 auto;
    position: relative;
    width:1080px;
    height: 803px;
}
#bundle_video_item iframe{

}

#bundle_item #description_item h4{
  font-size: 22px;
  font-family: "BentonSans";
  color: white;

  text-transform: capitalize;
  text-align: left;
  letter-spacing: 0px;
}
#bundle_item #description_item{
    text-align: center;
    width:710px;
    margin:0px auto 120px;
}
#bundle_item #description_item p {
  line-height: 34px;
    font-size: 22px;
    font-family: "BentonSans";
    color: #d9d9d9;
  text-align: left;
}
#description_item_feature{
  overflow: hidden;
  margin: 0px auto 120px; 
  width: 840px;
}
#description_item_feature li{
  font-size: 20px;
    font-family: "BentonSans";
    color: #0e0e0e;
}
#description_item_feature h4{
  letter-spacing: -1px;
  margin: 151px 0 70px 0;
    font-size: 49px;
    font-family: "maisonneuebold";
    text-align: center;
}
.features_list_01{
  padding:0;
}
.features_list_01{
  width: 47%;
  list-style-type:none;
  float:left;
}
.features_list_02{
  width: 42%;
  list-style-type:none;
  float:right;
}
.features_list_01 li,.features_list_02 li{
  width: 400px;
  height: 80px;
  text-align: left;
}
.features_list_01 li img,.features_list_02 li img{
  margin: 0 20px 0 0;
  display: inline-block;
  text-align: left;
  width: 60px;
}
.features_list_01 .feature01 img{
  width: 60px;
  height: 29px;
}
.features_list_01 .feature03 img{
  width: 60px;
  height: 40px
}
.features_list_01 .feature04 img{
  width: 60px;
  height: 30px
}
.features_list_02 .feature05 img{

  height: 31px;
}
.features_list_02 .feature06 img{
  width: 60px;
  height: 20px
}
.features_list_02 .feature07 img{
  height: 40px
}
.features_list_02 .feature08 img{
  height: 40px
}
.preview_item_bundle{
      width: 100%;

}
.preview_item_bundle h4{
    margin:0;
  font-size: 13px;
  font-family: "maisonneuebold";
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}

.preview_item_bundle p{
  letter-spacing: -1px;
  margin:0px;
  font-size: 49px;
  font-family: "maisonneuebold";
  text-align: center;
}

.preview_item_bundle{
  width: 100%;

}
.preview_content_item_bundle{
  overflow: hidden;
    padding:190px 0 190px 0;
    color:white;
    text-align: center;
    width:1080px;
    margin:0 auto;
}
.thedetails_item #preview_content_item_03 h4, .thedetails_item #preview_content_item_01 h4{

    color:#2e2e2e;

}
#item_content .preview_item_bundle .preview_content_item_bundle .preview_content_item_title{
    margin: 0 0 40px 0;
 }   
.preview_content_item_bundle img{
  margin:0 10px 0 0;
}
#preview_item_01{
    background:#8b2e4d;
}
.thedetails_item #preview_item_01{
    background:white;
}

.preview_content_item_bundle .ae-icon{
    margin: 0 0px 0 0!important;
}
.preview_content_item_bundle .plus_title {
    vertical-align: -2px;
    font-size: 15px;
    color: white!important;
    margin: 0 10px 0 0px;
}
#preview_content_item_01 h4{
  color: white;
}
.thedetails_item #preview_content_item_01 h4{
  color: #2e2e2e;
}

#preview_content_item_01 p{
  color:#ffdd8d;
}
.thedetails_item #preview_content_item_01 p{
  color:#2e2e2e;
}
#preview_content_item_02 p{
  color:#fa6b65;
}
.thedetails_item #preview_content_item_02 p{
  color:white;
}

#preview_item_02{
    background:#084f54;
}
.thedetails_item #preview_item_02{
    background:#0c0c0c;
}
#preview_content_item_03 p{
  color:#e4b4ff;
}
.thedetails_item #preview_content_item_03 p{
  color:#2e2e2e;
}
#preview_item_03{
    background:#092b67;
}
.thedetails_item #preview_item_03{
    background:white;
}
#preview_content_item_04 p{
  color:#3e2f67;
}
.thedetails_item #preview_content_item_04 p{
  color:white;
}
#preview_item_04{
    background:#ff7c5b;
}
.thedetails_item #preview_item_04{
    background:#0c0c0c;
}
#preview_content_item_05 p{
  color:#ffbdd1;
}
#preview_item_05{
    background:#a52626;
}
#preview_content_item_06 p{
  color:#0e2448;
}
#preview_item_06{
    background:#0e5a7d;
}
#preview_content_item_07 p{
  color:#ffc283;
}
#preview_item_07{
    background:#692a62;
}
#preview_content_item_08 p{
  color:#a11a40;
}
#preview_item_08{
    background:#e8910f;
}
#preview_content_item_02 p{
  margin:0px;
  font-size: 49px;
  font-family: "maisonneuebold";
  text-align: center;
}
.image_item{

  background-image: -moz-linear-gradient( 45deg, rgb(250,221,214) 0%, rgb(255,236,209) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(250,221,214) 0%, rgb(255,236,209) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(250,221,214) 0%, rgb(255,236,209) 100%);
  position: relative;
  margin:63px auto 0;
  width: 1080px;
  height: 500px;

}

.preview_image{
    padding:145px 0 0 0;
    position: relative;
    margin:0 auto;
    background: url("../img/macbook.png") no-repeat center center; 
    width:633px;
    height: 400px;
}
.preview_image img{
    margin: -24px 0 0 0;
}
#technical_content_item{
    margin:0 auto;
    text-align: center;
    width:1080px;
}
#bundle_item #technical_item #technical_content_item .button-buy .btn:hover{

    background: #00a354;
    text-decoration: none;
    -webkit-box-shadow: 0px 10px 42px 1px rgba(31, 152, 57, 0.2);
    -moz-box-shadow: 0px 10px 42px 1px rgba(31, 152, 57, 0.2);
    box-shadow: 0px 10px 42px 1px rgba(31, 152, 57, 0.2);

}
.link_license_gumroad{
      position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
        top: 0%;
    left: 0%;
}

#technical_content_item .button-buy{
    margin:70px 0 100px 0!important;
}

#technical_content_item h4{
    margin: 100px 0 0 0;
    font-size: 13px;
    font-family: "BentonSans";
    color: #BFBFBF;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}
#technical_content_item p{
    margin: 0 0 60px 0;
    font-size: 32px;
    font-family: "BentonSansLight";
    color: #808080;
    text-align: center;
}
#technical_video_item{
    width:895px;
    height: 503px;
    position:relative;
    margin:0 auto;
}



#benefit_item{
  width:895px;
  position: relative;
  margin:0 auto;
}
#benefit_item .button-buy{
  text-align: center;
}
#benefit_content_item{
  overflow: auto;
}
#benefit_content_item>p{
      margin: 0 0 60px 0;
    font-size: 32px;
    font-family: "BentonSansLight";
    color: #808080;
    text-align: center;
}
#benefit_content_item>h4{
  margin: 100px 0 0 0;
    font-size: 13px;
    font-family: "BentonSans";
    color: #BFBFBF;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}
.description_feature{
  margin: 81px 0 0 109px;
  width: 400px;
  float:left;
}
.description_feature p{
     line-height: 27px;
    font-size: 15px;
    font-family: "BentonSans";
    color: #999999;
}
.description_feature h5{
      margin: 4px 0 0 0px;
    font-size: 20px;
    font-family: "BentonSans";
    font-weight: normal;
    color: #757575;
    text-align: left;
}
.feature_animation{
  float:left;
}
.bg_sprite {
    z-index: -1;
    background: #f3f4f5;
    bottom: 0px;
    position: absolute;
    width: 349px;
    height: 272px;
}

.feature_1,.feature_2,.feature3{
  margin: 0 0 70px 0;
      position: relative;
    overflow: auto;
}
.feature_2 .feature_animation, .feature_3 .feature_animation{
  width:300px;
}
.feature_2 .description_feature h5,.feature_2 .description_feature p{
  text-align: right;
}
.feature_2 .description_feature{

  margin: 81px 109px 0 0;
}
#vortex_item footer{

}
.feature_3{
  margin:0 0 145px 0;
  position: relative;
  overflow: auto;
}
.feature_3 .description_feature{
  margin: 81px 0 0 168px;
}
.see_also_title p{
      margin: 0 0 60px 0;
    font-size: 32px;
    font-family: "BentonSansLight";
    color: #808080;
    text-align: center;
}
.see_also_title h4{
margin: 24px 0 0 0;
    font-size: 13px;
    font-family: "BentonSans";
    color: #BFBFBF;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}
#see_also{
      margin: 24px 0 0 0;
}
#benefit_essential h5{
    letter-spacing: -1px;
    margin: 0px;
    font-size: 30px;
    font-family: "maisonneuebold";
}
#benefit_essential{
      width: 1080px;
    position: relative;
    margin: 0 auto;
}
#benefit_essential .description_feature p {
      line-height: 27px;
    color: #a5a5a5;
        font-size: 18px;
}

#benefit_essential #review_content_item h5{
  color: #757575;
      letter-spacing: -1px;
    margin: 150px 0 70px 0;
    font-size: 30px;
    font-family: "maisonneuebold";
    text-align: center;
}
#benefit_essential #review_content_item h5 img{
  margin:0 10px 0 0;
}
#benefit_essential .feature_1,#benefit_essential .feature_2{
  width: 885px;
  margin: 0 auto 70px;
}
#benefit_essential .feature_3{
  width: 885px;
  margin: 0 auto 150px;
}
#benefit_essential #review_item{
  border-bottom: none;
  padding:0;
}
#benefit_essential #benefit_content_item{
      overflow: hidden;
    padding: 190px 0 122px 0;
    color: white;
    width: 1080px;
    margin: 0 auto;
}
.sprite_1 {
    width: 412px;
    height: 272px;
    background-image: url("../img/icon1-sprite.png");
    
    -webkit-animation: play_one 1.69s steps(44) infinite;
       -moz-animation: play_one 1.69s steps(44) infinite;
        -ms-animation: play_one 1.69s steps(44) infinite;
         -o-animation: play_one 1.69s steps(44) infinite;
            animation: play_one 1.69s steps(44) infinite;
}
@-webkit-keyframes play_one {
   from { background-position:   0px 0px; }
     to { background-position: 0px -11968px; }
}

@-moz-keyframes play_one {
   from { background-position:    0px 0px; }
     to { background-position: 0px -11968px; }
}

@-ms-keyframes play_one {
   from { background-position:    0px 0px; }
     to { background-position: 0px -11968px; }
}

@-o-keyframes play_one {
   from { background-position:    0px 0px; }
     to { background-position: 0px -11968px; }
}

@keyframes play_one {
   from { background-position:    0px 0px; }
     to { background-position: 0px -11968px; }
}
.sprite_2 {
    width: 359px;
    height: 272px;
    background-image: url("../img/icon2-sprite.png");
    
    -webkit-animation: play_two 3.19s steps(94) infinite;
       -moz-animation: play_two 3.19s steps(94) infinite;
        -ms-animation: play_two 3.19s steps(94) infinite;
         -o-animation: play_two 3.19s steps(94) infinite;
            animation: play_two 3.19s steps(94) infinite;
}
.sprite_2-1{
    width: 359px;
    height: 272px;
    background-image: url("../img/icon2-sprite-1.png");
    
    -webkit-animation: play_two 3.19s steps(94) infinite;
       -moz-animation: play_two 3.19s steps(94) infinite;
        -ms-animation: play_two 3.19s steps(94) infinite;
         -o-animation: play_two 3.19s steps(94) infinite;
            animation: play_two 3.19s steps(94) infinite;  
}

@-webkit-keyframes play_two {
   from { background-position:   0px 0px; }
     to { background-position: 0px -25568px; }
}

@-moz-keyframes play_two {
   from { background-position:    0px 0px; }
     to { background-position: 0px -25568px; }
}

@-ms-keyframes play_two {
   from { background-position:    0px 0px; }
     to { background-position: 0px -25568px; }
}

@-o-keyframes play_two {
   from { background-position:    0px 0px; }
     to { background-position: 0px -25568px; }
}

@keyframes play_two {
   from { background-position:    0px 0px; }
     to { background-position: 0px -25568px; }
}
.sprite_3 {
    width: 359px;
    height: 272px;
    background-image: url("../img/icon3-sprite.png");
    
    -webkit-animation: play_three 2.14s steps(64) infinite;
       -moz-animation: play_three 2.14s steps(64) infinite;
        -ms-animation: play_three 2.14s steps(64) infinite;
         -o-animation: play_three 2.14s steps(64) infinite;
            animation: play_three 2.14s steps(64) infinite;
}

@-webkit-keyframes play_three {
   from { background-position:   0px 0px; }
     to { background-position: 0px -17408px; }
}

@-moz-keyframes play_three {
   from { background-position:    0px 0px; }
     to { background-position: 0px -17408px; }
}

@-ms-keyframes play_three {
   from { background-position:    0px 0px; }
     to { background-position: 0px -17408px; }
}

@-o-keyframes play_three {
   from { background-position:    0px 0px; }
     to { background-position: 0px -17408px; }
}

@keyframes play_three {
   from { background-position:    0px 0px; }
     to { background-position: 0px -17408px; }
}
#transition_item #technical_item{
      overflow: auto;
      position: relative;
  /*  height: 836px; */
    background: #f3f4f5;
}
#transition_item #technical_content_item{
    margin: 0 auto 108px;
    text-align: center;
    width:1080px;
}

.designed_by_l1, .designed_by_l2{
  text-align: center;
}
.designed_by_l1{
  margin: 30px 0 0 0;
  font-size: 14px;
  font-family: "BentonSans";
  color: #999999;
  line-height: 1px;
  text-align: center;
}
.designed_by_l2{
  line-height: 11px;
    font-size: 20px;
  font-family: "BentonSans";
  color: #3e3e3e;
  text-align: center;

}
.designed_by a{
      color: #3e3e3e;
    text-decoration: none;
    display: block;
    text-align: center;
}
.designed_by{
      overflow: auto;
    margin: 100px 0 42px 0;
}











/* ==========================================================================
   FAQ
   ========================================================================== */

#basics{
  padding: 0!important;
  list-style: none;
}
#basics.cd-faq__group{
  display: block;
}
[data-theme] {
    background-color: hsl(0, 0%, 100%);
    background-color: var(--color-bg, #fff);
    color: hsl(240, 4%, 20%);
    color: var(--color-contrast-high, #313135)
}

:root {
    --space-unit: 1em;
    --space-xxxxs: calc(0.125*var(--space-unit));
    --space-xxxs: calc(0.25*var(--space-unit));
    --space-xxs: calc(0.375*var(--space-unit));
    --space-xs: calc(0.5*var(--space-unit));
    --space-sm: calc(0.75*var(--space-unit));
    --space-md: calc(1.25*var(--space-unit));
    --space-lg: calc(2*var(--space-unit));
    --space-xl: calc(3.25*var(--space-unit));
    --space-xxl: calc(5.25*var(--space-unit));
    --space-xxxl: calc(8.5*var(--space-unit));
    --space-xxxxl: calc(13.75*var(--space-unit));
    --component-padding: var(--space-md)
}

:root {
    --max-width-xxs: 32rem;
    --max-width-xs: 38rem;
    --max-width-sm: 48rem;
    --max-width-md: 64rem;
    --max-width-lg: 80rem;
    --max-width-xl: 90rem;
    --max-width-xxl: 120rem
}



:root {
    --icon-xxs: 12px;
    --icon-xs: 16px;
    --icon-sm: 24px;
    --icon-md: 32px;
    --icon-lg: 48px;
    --icon-xl: 64px;
    --icon-xxl: 128px
}



.icon use {
    color: inherit;
    fill: currentColor
}

.btn {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
    line-height: 1;
    font-size: 1em;
    font-size: var(--btn-font-size, 1em);
    padding-top: 0.5em;
    padding-top: var(--btn-padding-y, 0.5em);
    padding-bottom: 0.5em;
    padding-bottom: var(--btn-padding-y, 0.5em);
    padding-left: 0.75em;
    padding-left: var(--btn-padding-x, 0.75em);
    padding-right: 0.75em;
    padding-right: var(--btn-padding-x, 0.75em);
    border-radius: 0.25em;
    border-radius: var(--btn-radius, 0.25em)
}



:root {
    --cd-color-1: hsl(213, 7%, 33%);
    --cd-color-1-h: 213;
    --cd-color-1-s: 7%;
    --cd-color-1-l: 33%;
    --cd-color-2: hsl(73, 46%, 55%);
    --cd-color-2-h: 73;
    --cd-color-2-s: 46%;
    --cd-color-2-l: 55%;
    --cd-color-3: hsl(210, 14%, 49%);
    --cd-color-3-h: 210;
    --cd-color-3-s: 14%;
    --cd-color-3-l: 49%;
    --cd-color-4: hsl(0, 0%, 100%);
    --cd-color-4-h: 0;
    --cd-color-4-s: 0%;
    --cd-color-4-l: 100%;
    --font-primary: 'Open Sans', sans-serif
}

.cd-faq {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);
    box-shadow: var(--shadow-sm)
}

.cd-faq::before {
    content: 'mobile';
    display: none
}

.cd-faq a {
    text-decoration: none
}

@media (min-width: 64rem) {
    #item_content .cd-faq {
        
        position: relative;
        box-shadow: none;
        display: -ms-flexbox;
        display: flex
    }
    .cd-faq::before {
        content: 'desktop'
    }
}

@media (min-width: 64rem) {
    .cd-faq__categories {
      display: none;
        position: -webkit-sticky;
        position: sticky;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        top: 20px;
        width: 20%;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);
        box-shadow: var(--shadow-sm);
        margin-top: 1.25em;
        margin-top: var(--space-md)
    }
}

@media (min-width: 80rem) {
    .cd-faq__categories {
      display: none;
        width: 200px
    }
}

.cd-faq__category {
  display: none;
    position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 2em 0 1.05em;
    padding: 0 var(--space-lg) 0 calc(var(--space-sm)*1.4);
    color: hsl(0, 0%, 100%);
    color: var(--cd-color-4);
    background-color: hsl(213, 7%, 33%);
    background-color: var(--cd-color-1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --border-color: hsl(213, 7%, 36.3%);
    --border-color: hsl(var(--cd-color-1-h), var(--cd-color-1-s), calc(var(--cd-color-1-l)*1.1));
    border-bottom: 1px solid hsl(213, 7%, 36.3%);
    border-bottom: 1px solid var(--border-color)
}

.cd-faq__category::before,
.cd-faq__category::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    display: inline-block;
    height: 1px;
    width: 10px;
    background-color: hsl(213, 7%, 52.8%);
    background-color: hsl(var(--cd-color-1-h), var(--cd-color-1-s), calc(var(--cd-color-1-l)*1.6))
}

.cd-faq__category::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

li:last-child .cd-faq__category {
    border-bottom: none
}

@media (min-width: 64rem) {
    .cd-faq__category {
        font-size: 0.69444em;
        font-size: var(--text-xs);
        font-weight: 600;
        padding: 0 1.25em;
        padding: 0 var(--space-md);
        transition: background .2s
    }
    .cd-faq__category::before,
    .cd-faq__category::after {
        display: none
    }
    .cd-faq__category:hover {
        background: hsl(213, 7%, 36.3%);
        background: hsl(var(--cd-color-1-h), var(--cd-color-1-s), calc(var(--cd-color-1-l)*1.1))
    }
}

@media (min-width: 80rem) {
    .cd-faq__category::before {
        display: block;
        top: 0;
        right: auto;
        left: 0;
        height: 100%;
        width: 3px;
        background-color: hsl(73, 46%, 55%);
        background-color: var(--cd-color-2);
        opacity: 0;
        transition: opacity .2s
    }
}

@media (min-width: 80rem) {

    .cd-faq__category-selected {
        background: hsl(213, 7%, 26.4%);
        background: hsl(var(--cd-color-1-h), var(--cd-color-1-s), calc(var(--cd-color-1-l)*0.8))
    }
    .cd-faq__category-selected:hover {
        background: hsl(213, 7%, 26.4%);
        background: hsl(var(--cd-color-1-h), var(--cd-color-1-s), calc(var(--cd-color-1-l)*0.8))
    }
    .cd-faq__category-selected::before {
        opacity: 1
    }

}

.cd-faq__items {
    margin: 90px 0;
    text-align: left;
    z-index: 1;
    height: 100%;
    width: 90%;
    top: 0;
    right: 0;
    background: hsl(0, 0%, 100%);
    background: var(--cd-color-4);
    padding: 0 1.25em 1.25em;
    padding: 0 var(--component-padding) var(--space-md);

    backface-visibility: hidden;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media (min-width: 64rem) {
    .cd-faq__items {
        position: static;
        height: auto;
        width: auto;
        -ms-flex-positive: 1;
        flex-grow: 1;
        overflow: visible;

        padding: 0 0 0 0.75em;
        padding: 0 0 0 var(--space-sm);
        background: transparent
    }
    .cd-faq{
      margin: 0px 0 0 0;
      padding: 0!important;
    }
}

.cd-faq__items--slide-in {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

html:not(.js) .cd-faq__items {
    position: static;
    height: auto;
    width: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.cd-faq__group {
    display: none
}

@media (min-width: 64rem) {
    .cd-faq__group {
        display: block;
        padding-top: 1px
    }
}

html:not(.js) .cd-faq__group,
.cd-faq__group--selected {
    display: block
}

.cd-faq__title {
    margin: 1.25em 0;
    margin: var(--space-md) 0
}

.cd-faq__title h2 {
    text-transform: uppercase;
    font-size: 0.83333em;
    font-size: var(--text-sm);
    font-weight: 700;
    color: hsl(240, 1%, 74.7%);
    color: hsl(var(--color-contrast-low-h), var(--color-contrast-low-s), calc(var(--color-contrast-low-l)*0.9))
}

@media (min-width: 64rem) {
    .cd-faq__title {
        margin-bottom: 0.75em;
        margin-bottom: var(--space-sm)
    }
    .cd-faq__title h2 {
        font-size: 0.69444em;
        font-size: var(--text-xs)
    }
     .preview_item_bundle .cd-faq__items .cd-faq__item .cd-faq__trigger{
        text-align: left!important;
    }  
}

@media (min-width: 64rem) {
    .cd-faq__item {
        text-align: left!important;
        background: hsl(0, 0%, 100%);
        background: var(--cd-color-4);
        margin-bottom: 0.25em;
        margin-bottom: var(--space-xxxs);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
        transition: box-shadow .2s
    }
    .preview_item_bundle .cd-faq__items .cd-faq__item .cd-faq__trigger{
        text-align: left!important;
    }  
    .cd-faq__item:hover {
        --box-shadow: hsla(210, 14%, 49%, 0.3);
        --box-shadow: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.3);
        box-shadow: undefined;
        box-shadow: 0 1px 10px var(--box-shadow)
    }
    @media (min-width: 64rem) {
        .cd-faq__item:hover {
            box-shadow: 0 1px 10px hsla(210, 14%, 49%, 0.3);
            box-shadow: 0 1px 10px var(--box-shadow)
        }
    }
    .cd-faq__item:last-of-type {
        margin-bottom: 0
    }
}

.cd-faq__trigger {
    font-family:"maisonneuebold", "BentonSans", Times, serif;
    font-size: 18px;
    color: #757575;
    display: block;
    position: relative;
    margin: 1.25em 0 0.5em;
    margin: var(--space-md) 0 var(--space-xs);
}

@media (min-width: 64rem) {
    .cd-faq__trigger {
        font-weight: 300;
        margin: 0;
        padding: 0.75em 2em 0.75em 0.75em;
        padding: var(--space-sm) var(--space-lg) var(--space-sm) var(--space-sm)
    }
    .cd-faq__trigger span {
        font-size: 1.2em;
        font-size: var(--text-md)
    }
    .cd-faq__trigger::before,
    .cd-faq__trigger::after {
        content: '';
        position: absolute;
        right: 24px;
        top: 50%;
        height: 2px;
        width: 13px;
        background: hsl(73, 46%, 71.5%);
        background: hsl(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*1.3));
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }
    .cd-faq__trigger::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 32px
    }
    .cd-faq__trigger::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .cd-faq__item-visible .cd-faq__trigger::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .cd-faq__item-visible .cd-faq__trigger::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.cd-faq__content .text-component {
  margin: 0 100px 0 0;
  font-size: 18px;
     line-height: 27px;
    color: #a5a5a5;
    text-align: left;
}
.cd-faq__content .text-component p{
    font-size: 18px;
     line-height: 27px;
    color: #a5a5a5;
    text-align: left;
    font-family: "BentonSans";
}

.cd-faq__content p {
    color: hsl(210, 14%, 49%);
    color: var(--cd-color-3)
}

@media (min-width: 64rem) {
    .cd-faq__content {
        display: none;
        padding: 0 0.75em;
        padding: 0 var(--space-sm);
        overflow: hidden
    }
    .cd-faq__content .text-component {
        font-size: 0.75em;
        padding-bottom: 1.25em;
        padding-bottom: var(--space-md)
    }
}

.cd-faq__content--visible {
    display: block
}

@media (min-width: 64rem) {
    html:not(.js) .cd-faq__content {
        display: block
    }
}
.cd-faq__item {
        text-align: left!important;

}

.cd-faq__close-panel {
    position: fixed;
    z-index: 2;
    display: block;
    top: 5px;
    right: -40px;
    height: 40px;
    width: 40px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: right .3s
}

.cd-faq__close-panel::before,
.cd-faq__close-panel::after {
    content: '';
    position: absolute;
    top: 16px;
    left: 12px;
    display: inline-block;
    height: 3px;
    width: 18px;
    background: hsl(210, 14%, 49%);
    background: var(--cd-color-3)
}

.cd-faq__close-panel::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cd-faq__close-panel::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (min-width: 64rem) {
    .cd-faq__close-panel {
        display: none
    }
}

.cd-faq__close-panel--move-left {
    right: 1.25em;
    right: var(--component-padding);
    transition-delay: 0.3s
}

.cd-faq__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(213, 7%, 33%, 0.8);
    background-color: hsla(var(--cd-color-1-h), var(--cd-color-1-s), var(--cd-color-1-l), 0.8);
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, visibility .3s
}

@media (min-width: 64rem) {
    .cd-faq__overlay {
        display: none
    }
}

.cd-faq__overlay--is-visible {
    visibility: visible;
    opacity: 1
}












/* ==========================================================================
   Bundle Responsive Mobile
   ========================================================================== */


@media screen and (max-width: 768px) {
  #bundle_item header h2{
    font-size: 63px;
    line-height: 56px;
  }
  .ae-icon {
    margin: 22px 0 0 8px;
  }
  .bundle_header_description {

    font-size: 17px;
    line-height: 24px;
    width: 350px;
  }
  .bundle_header_infolicence {
    font-size: 15px;

  }
  #bundle_header_infolicence1 {

    width: 172px;
  }
  .bundle_header_infolicence {

    width: 141px;
  }
  #bundle_video_item {
    width: 100%;
        height: 273px;
  }
  #bundle_header_infos{
    width: 317px;
  }
  #bundle_video_item iframe {
    width: 350px;
    height: 223px;
  }
  #bundle_item iframe{
      width: 350px;
    height: 223px;

  }
  #description_item_feature {
    width: 100%
  }
  .features_list_01, .features_list_02{
    float:none;
    padding: 0;
    margin: 0 0 0 40px;
  }
  #preview_content_item_01,#preview_content_item_02,#preview_content_item_03,#preview_content_item_04,#preview_content_item_05,#preview_content_item_06,#preview_content_item_07,#preview_content_item_08,#preview_content_item_bundle{
    width: 100%;
    padding: 70px 0 70px 0;

  }
  .preview_image_01 video{
    width: 100%;
  }
  .preview_item_bundle p{
    line-height: 47px;
    margin: 0 0 15px 0;

  }
  .preview_content_item_bundle{
        padding: 60px 0 60px 0;
  }
  #bundle_inside {
        padding: 0 30px 0 30px;
  }
  #bundle_inside p {

    width: 372px;
  }
  #bundle_video_preview{
    margin:40px 0 40px 0;
  }
  .before_line_dot_inside {
        font-size: 16px;
  }
  #benefit_essential #benefit_content_item{
    width: 100%;
  }
  .feature_1,.feature_2,.feature_3{
    display: none;
  }
  #benefit_essential #benefit_content_item{
    padding: 0;
  }
  #review_content_item{
    width: 100%;
  }
  #first_review{
    float: none;
    overflow: hidden;
  }
  #first_review, #second_review{
    margin: 60px 0 0 40px;
  }
  #benefit_essential {
    width: 100%
  }
  .preview_content_item_bundle{
    width: 100%;
  }
  #single_license, #extended_license {
    width: auto;
    height: 620px;
  }
  #extended_license{
        margin: 30px 15px 0 23px;
  }
  #single_license .description_licence, #extended_license .description_licence {
    margin: 60px 64px;
  }
  #description_inside {
    width: 74%;
  }
  .preview_content_item_bundle img{
    display: none;
  }
  #price_inside li {
    font-size: 14px;
  }
  .before_line_dot_inside {
    font-size: 14px;
}
}


/* ==========================================================================
HOME MOBILE
========================================================================== */