@font-face{font-family:'FontAwesome';src:url('/wp-content/themes/dt-the7/fonts/FontAwesome/fonts/fontawesome-webfont.eot');src:url('/wp-content/themes/dt-the7/fonts/FontAwesome/fonts/fontawesome-webfont.eot') format('embedded-opentype'),none format('woff2'),url('/wp-content/themes/dt-the7/fonts/FontAwesome/fonts/fontawesome-webfont.woff') format('woff'),url('/wp-content/themes/dt-the7/fonts/FontAwesome/fonts/fontawesome-webfont.ttf') format('truetype'),none format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.fa-facebook:before{content:"\f09a"}
.fa-arrow-circle-left:before{content:"\f0a8"}
@font-face{font-family:fontello;src:none;src:none format('embedded-opentype'),url(/wp-content/themes/dt-the7/fonts/fontello/font/fontello@2136226~47585899.woff) format('woff'),none format('truetype'),url(/wp-content/themes/dt-the7/fonts/fontello/font/fontello@2136226~47585899.svg) format('svg');font-weight:400;font-style:normal}
[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}
@font-face{
  font-family: 'icomoon-arrows-carousel-32x32';
  src:  none;
  src:  none format('embedded-opentype'),
    url('/wp-content/themes/dt-the7/fonts/icomoon-arrows-the7/fonts/icomoon-arrows-carousel-32x32@satvtg~a9cedd48.ttf') format('truetype'),
    url('/wp-content/themes/dt-the7/fonts/icomoon-arrows-the7/fonts/icomoon-arrows-carousel-32x32@satvtg~a9cedd48.woff') format('woff'),
    url('/wp-content/themes/dt-the7/fonts/icomoon-arrows-the7/fonts/icomoon-arrows-carousel-32x32@satvtg~a9cedd48.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],[class*=" icon-"]{
  
  font-family: 'icomoon-arrows-carousel-32x32' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,body,body.page{
  font:  normal  15px / 26px "Lato", Helvetica, Arial, Verdana, sans-serif;
  word-spacing: normal;
  color: #666666;
}
.text-big{
  font-size: 15px;
  line-height: 26px;
}
h1{
  color: #333333;
  font:  normal  46px / 52px "Lato", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
}
@media (max-width: 800px){h1{
    font-size: 36px;
    line-height: 42px;
  }}
h2{
  color: #333333;
  font:  normal  36px / 42px "Lato", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
}
h3{
  color: #333333;
  font:  normal  26px / 34px "Lato", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
}
h4{
  color: #333333;
  font:  normal  20px / 28px "Lato", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
}
h5{
  color: #333333;
  font:  normal  18px / 26px "Lato", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
}
h1,h2,h3,h4,h5,h1 a,h2 a,h3 a,h4 a,h5 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover{
  color: #333333;
}
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h1 a,.footer h2 a,.footer h3 a,.footer h4 a,.footer h5 a,.footer h1 a:hover,.footer h2 a:hover,.footer h3 a:hover,.footer h4 a:hover,.footer h5 a:hover{
  color: #ed2c8b;
}
a,a:hover{
  color: #ff0066;
}
#main > .wf-wrap,#bottom-bar > .wf-wrap,#footer > .wf-wrap{
  width: 1250px;
}
.content{
  width: calc(100% - 350px);
}
#main{
  padding: 70px 0 70px 0;
}
body{
  background: #ffffff none no-repeat fixed center center;
  background-size: cover;
}
#page{
  background: #ffffff none repeat  center top;
  background-size: auto;
  background-attachment: ;
}
.dt-btn,#mobile-menu{
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.masthead:not(.side-header){
  max-width: 100%;
}
.masthead:not(.side-header):not(.full-width):not(.side-header-v-stroke):not(.side-header-menu-icon){
  padding: 0 44px;
  box-sizing: border-box;
}
.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar{
  max-width: calc(1250px - 88px);
  margin: 0 auto;
}
.masthead:not(.side-header):not(.mixed-header) .header-bar{
  min-height: 100px;
}
@media screen and (min-width: 960px){@-ms-keyframes opacity-lat-menu{
    0% {
      opacity: 0;
      left: 100%;
    }
    100% {
      left: 100%;
      opacity: 1;
    }
  }
@-webkit-keyframes opacity-lat-menu{
    0% {
      opacity: 0;
      left: 100%;
    }
    100% {
      left: 100%;
      opacity: 1;
    }
  }
@keyframes opacity-lat-menu{
    0% {
      opacity: 0;
      left: 100%;
    }
    100% {
      left: 100%;
      opacity: 1;
    }
  }
@-ms-keyframes opacity-lat-rev-menu{
    0% {
      opacity: 0;
      left: 0;
    }
    100% {
      left: 0;
      opacity: 1;
    }
  }
@-webkit-keyframes opacity-lat-rev-menu{
    0% {
      opacity: 0;
      left: 0;
    }
    100% {
      left: 0;
      opacity: 1;
    }
  }
@keyframes opacity-lat-rev-menu{
    0% {
      opacity: 0;
      left: 0;
    }
    100% {
      left: 0;
      opacity: 1;
    }
  }
@-ms-keyframes opacity-lat-menu-right{
    0% {
      opacity: 0;
      -webkit-transform: translateX(-95px);
    }
    100% {
      -webkit-transform: translateX(-95px);
      opacity: 1;
    }
  }
@-webkit-keyframes opacity-lat-menu-right{
    0% {
      opacity: 0;
      -webkit-transform: translateX(-95px);
    }
    100% {
      -webkit-transform: translateX(-95px);
      opacity: 1;
    }
  }
@keyframes opacity-lat-menu-right{
    0% {
      opacity: 0;
      transform: translateX(-95px);
    }
    100% {
      transform: translateX(-95px);
      opacity: 1;
    }
  }
@-ms-keyframes opacity-lat-rev-menu-right{
    0% {
      opacity: 0;
      -webkit-transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(0);
      opacity: 1;
    }
  }
@-webkit-keyframes opacity-lat-rev-menu-right{
    0% {
      opacity: 0;
      -webkit-transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(0);
      opacity: 1;
    }
  }
@keyframes opacity-lat-rev-menu-right{
    0% {
      opacity: 0;
      transform: translateX(0);
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }}
.branding > a,.branding > img{
  padding: 0px 0px 25px 0px;
}
.transparent .masthead:not(.side-header):not(.mixed-header) .branding > a,.transparent .masthead:not(.side-header):not(.mixed-header) .branding > img{
  padding: 0px 0px 0px 0px;
}
.masthead:not(.side-header).dividers .main-nav > li:before{
  border-color: #ed2c8b;
  height: 25px;
}
.main-nav > li > a{
  margin: 22px 2px 22px 2px;
  padding: 2px 25px 2px 25px;
}
.top-header .outside-item-double-margin.main-nav > li:first-child > a{
  margin-left: 4px;
}
.top-header .outside-item-double-margin.main-nav > li:last-child > a{
  margin-right: 4px;
}
.main-nav > li > a .menu-text{
  font:  normal bold 16px / 20px "Lato", Helvetica, Arial, Verdana, sans-serif;
  text-transform: uppercase;
}
.main-nav > li:not(.wpml-ls-item) > a .menu-text{
  color: #ff0066;
}
.main-nav > li:not(.wpml-ls-item) > a{
  color: #ff0066;
}
.main-nav > li.act:not(.wpml-ls-item) > a{
  color: #ff0066;
}
.main-nav > li.act:not(.wpml-ls-item) > a .menu-text{
  color: #ff0066;
  background: -webkit-gradient(linear,left top,right top,color-stop(32%,#ff0066),color-stop(100%,#fc4e88));
  background: -webkit-linear-gradient(left,#ff0066 32%,#fc4e88 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text{
  color: #ff0066;
  background: -webkit-gradient(linear,left top,right top,color-stop(32%,#ff0066),color-stop(100%,#fc4e88));
  background: -webkit-linear-gradient(left,#ff0066 32%,#fc4e88 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover{
  color: #ff0066;
}
.main-nav > .menu-item > a .fa{
  font-size: 14px;
}
.dt-mobile-header{
  background-color: #ffffff;
  width: 250px;
}
.mobile-main-nav > li > a{
  padding: 16px 30px 16px 0;
}
.mobile-main-nav li > a .menu-text{
  font:   bold 16px / 20px "Lato", Helvetica, Arial, Verdana, sans-serif;
  color: #333333;
  text-transform: uppercase;
}
.mobile-main-nav > .menu-item > a .fa{
  font-size: 16px;
}
.mobile-main-nav li > a{
  color: #333333;
}
.mobile-main-nav li.act > a{
  color: #ff0066;
}
.mobile-main-nav li.act > a .menu-text{
  color: #ff0066;
  background: -webkit-gradient(linear,left top,right top,color-stop(32%,#ff0066),color-stop(100%,#fc4e88));
  background: -webkit-linear-gradient(left,#ff0066 32%,#fc4e88 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mobile-main-nav li:not(.act) > a:hover .menu-text{
  color: #ff0066;
  background: -webkit-gradient(linear,left top,right top,color-stop(32%,#ff0066),color-stop(100%,#fc4e88));
  background: -webkit-linear-gradient(left,#ff0066 32%,#fc4e88 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mobile-main-nav li:not(.act) > a:hover{
  color: #ff0066;
}
.mobile-main-nav > li:before{
  border-color: rgba(51,51,51,0.08);
}
.dt-close-mobile-menu-icon span{
  color: #fff;
  background-color: #ff0066;
}
.accent-gradient .dt-close-mobile-menu-icon span{
  background: #ff0066;
  background: -webkit-linear-gradient(135deg,#ff0066 30%,#fc4e88 100%);
  background: linear-gradient(135deg,#ff0066 30%,#fc4e88 100%);
}
.masthead:not(.mixed-header){
  background: #f3f4ef none no-repeat center bottom;
  background-size: cover;
  background-attachment: ;
}
.transparent .masthead:not(.side-header){
  -webkit-box-shadow: none;
  box-shadow: none;
}
.transparent .masthead:not(.side-header):not(.mixed-header){
  background: #ffffff;
}
#main-slideshow:not(.rv-slider):not(.empty-slider){
  min-height: 100px;
}
.dt-btn{
  font:  normal 500 13px / 15px "Roboto", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 8px 12px 8px 12px;
}
.dt-btn-l{
  padding: 16px 24px 16px 24px;
  font:  normal  18px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.btn-material .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn),.btn-material button[name="calc_shipping"],.btn-material button[name="calc_shipping"]:hover{
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.12);
  box-shadow: 0 1px 6px rgba(0,0,0,0.12);
  -webkit-transition: -webkit-box-shadow 0.2s ease-out, background-color 0.2s ease, opacity 0.45s;
  transition: box-shadow 0.2s ease-out, background-color 0.2s ease, opacity 0.45s;
}
.btn-material .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):hover,.btn-material button[name="calc_shipping"]:hover,.btn-material button[name="calc_shipping"]:hover:hover{
  -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style){
  background-color: #ff0066;
  background-image: none;
  background: #ff0066;
  background: -webkit-linear-gradient(135deg,#ff0066 30%,#fc4e88 100%);
  background: linear-gradient(135deg,#ff0066 30%,#fc4e88 100%);
}
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover{
  background: none;
  background: #ff3887;
  background: -webkit-linear-gradient(135deg,#ff3887 30%,#ff0066 100%);
  background: linear-gradient(135deg,#ff3887 30%,#ff0066 100%);
}
#page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).default-btn-bg-hover-color:hover{
  background: none;
  background: #ff3887;
  background: -webkit-linear-gradient(135deg,#ff3887 30%,#ff0066 100%);
  background: linear-gradient(135deg,#ff3887 30%,#ff0066 100%);
}
.dt-btn:not(.btn-custom-style){
  color: #ffffff;
}
.dt-btn:not(.btn-custom-style) *,.footer .dt-btn:not(.btn-custom-style),.content .dt-btn:not(.btn-custom-style){
  color: #ffffff;
}
.dt-btn:not(.btn-custom-style):hover,.dt-btn:not(.btn-custom-style):hover > *{
  color: #ffffff;
}
.dt-btn:not(.btn-custom-style).default-btn-hover-color:hover > span:not(.rippleWrap),.dt-btn:not(.btn-custom-style).default-btn-hover-color:hover > .fa{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
}
.custom-btn-hover-color .dt-btn:not(.custom-btn-color):not(.accent-btn-hover-color):not(.btn-shortcode):hover > span:not(.rippleWrap){
  background: none;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}
.hr-thin{
  border-style: solid;
  border-width: 1px;
  border-color: rgba(67,67,67,0.15);
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.accent-border-color.hr-thin{
  border-color: #ff0066;
}
.accent-gradient .accent-border-color.hr-thin.style-line{
  border-width: 0;
  border-color: #ff0066;
  -moz-border-image: -moz-linear-gradient(left,#ff0066 0%,#fc4e88 100%);
  -webkit-border-image: -webkit-linear-gradient(left,#ff0066 0%,#fc4e88 100%);
  border-image: linear-gradient(to right,#ff0066 0%,#fc4e88 100%);
  border-image-slice: 1;
}
#footer.solid-bg{
  background: #282828 url('/wp-content/uploads/2018/11/bg-footer.png') no-repeat center center;background-image:image-set(url("/_img/aba7c8eae659-1946.webp") type("image/webp"),url("/wp-content/uploads/2018/11/bg-footer.png") type("image/png"));
}
#bottom-bar.solid-bg{
  background: rgba(43,43,43,0) none repeat center top;
}
.wf-container-bottom{
  border-top: 1px solid rgba(43,43,43,0);
}
#bottom-bar{
  font-size: 13px;
  line-height: 24px;
  color: #a3a3a3;
}
#bottom-bar a{
  color: #a3a3a3;
}
.scroll-top{
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.layzr-bg{
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(102,102,102,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}
.footer .layzr-bg{
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(237,44,139,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}
.layzr-bg:not(.layzr-bg-transparent){
  background-color: rgba(102,102,102,0.05);
}
.footer .layzr-bg:not(.layzr-bg-transparent){
  background-color: rgba(237,44,139,0.05);
}
@media screen and (min-width: 767px){.transparent:not(.photo-scroller-album):not(.sticky-on):not(.mobile-sticky-on) .masthead:not(.side-header):not(.mixed-header):not(#phantom){
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }}
@media screen and (min-width: 960px){.dt-mobile-header{
    display: none;
  }}
@media screen and (min-width: 767px){.transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead:not(.side-header):not(.mixed-header){
    position: absolute;
    width: 100%;
    z-index: 102;
  }}
@media screen and (max-width: 960px){.masthead .main-nav,.masthead:not(.side-header) .main-nav,.masthead:not(.side-header) .header-bar{
    display: none;
  }
.dt-mobile-header{
    display: block;
  }
.mobile-mini-widgets-in-menu{
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flexbox !important;
    display: -ms-flex !important;
    display: flex !important;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }}
@media screen and (min-width: 767px) and (max-width: 960px){.transparent:not(.photo-scroller-album) .masthead:not(.side-header):not(.mixed-header){
    position: absolute;
    width: 100%;
    z-index: 102;
  }}
@media screen and (max-width: 767px){.masthead{
    top: 0 !important;
  }
.masthead:not(.side-header){
    -webkit-transform: none !important;
    transform: none !important;
  }
.transparent .masthead:not(.side-header):not(.mixed-header){
    background: #f3f4ef none no-repeat center bottom !important;
  }}
@media screen and (max-width: 768px){#bottom-bar .wf-table,#bottom-bar .wf-td{
    display: block;
    text-align: center;
  }
#bottom-bar .wf-table{
    height: auto;
  }
#bottom-bar .wf-td{
    margin: 5px 0;
  }
.wf-container-bottom{
    padding: 10px 0;
  }}
@media screen and (min-width: 778px){.masthead:not(.side-header):not(.full-width):not(.side-header-v-stroke):not(.side-header-menu-icon),.wf-wrap{
    padding: 0 50px;
  }
.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar{
    max-width: calc(1250px - 100px);
  }
.wf-container-main{
    margin: 0 -25px;
  }
.content{
    padding: 0 25px;
  }}
@media screen and (max-width: 778px){#main .wf-wrap,.masthead:not(.side-header):not(.full-width):not(.side-header-v-stroke):not(.side-header-menu-icon){
    padding: 0 20px;
  }
.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar{
    max-width: calc(1250px - 40px);
  }
.footer .wf-wrap{
    padding: 0 20px;
  }
.wf-container-main{
    margin: 0 -10px;
  }
.content{
    padding: 0 10px;
  }}
@media screen and (max-width: 990px){.content{
    padding-left: 25px;
    padding-right: 25px;
  }}
@media screen and (max-width: 778px) and (max-width: 990px){.content{
    padding-left: 10px;
    padding-right: 10px;
  }}
@media screen and (max-width: 970px){.content .wf-table.wf-mobile-collapsed,.content .wf-mobile-collapsed .wf-td{
    display: block;
  }
.content [class*="wf-span-"]{
    width: 100%;
  }
.box-style-table .shortcode-action-container{
    display: block;
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 0;
    overflow: hidden;
  }
.shortcode-action-box.box-style-table{
    display: block;
  }
.box-style-table .action-button .dt-btn{
    float: left;
  }}
@media screen and (max-width: 568px){@-webkit-keyframes slide-in{
    0% {
      -webkit-transform: translateX(600px);
      transform: translateX(600px);
      width: 65px;
      max-height: 65px;
      padding-left: 0;
    }
    50% {
      -webkit-transform: translateX(-300px);
      transform: translateX(-300px);
      width: 65px;
      max-height: 65px;
      padding-left: 0;
    }
    75% {
      -webkit-transform: translateX(-300px);
      transform: translateX(-300px);
      padding-left: 65px;
      width: 400px;
      max-height: 65px;
    }
    100% {
      -webkit-transform: translateX(-300px);
      transform: translateX(-300px);
      padding-left: 65px;
      width: 400px;
      max-height: 500px;
    }
  }
@keyframes slide-in{
    0% {
      -webkit-transform: translateX(600px);
      transform: translateX(600px);
      width: 65px;
      max-height: 65px;
      padding-left: 0;
    }
    50% {
      -webkit-transform: translateX(-300px);
      transform: translateX(-300px);
      width: 65px;
      max-height: 65px;
      padding-left: 0;
    }
    75% {
      -webkit-transform: translateX(-300px);
      transform: translateX(-300px);
      padding-left: 65px;
      width: 400px;
      max-height: 65px;
    }
    100% {
      -webkit-transform: translateX(-300px);
      transform: translateX(-300px);
      padding-left: 65px;
      width: 400px;
      max-height: 500px;
    }
  }
@-webkit-keyframes slide-out{
    0% {
      -webkit-transform: translateX(-300px);
      transform: translateX(-300px);
      padding-left: 65px;
      width: 400px;
      max-height: 500px;
    }
    100% {
      -webkit-transform: translateX(800px);
      transform: translateX(800px);
      padding-left: 65px;
      width: 400px;
      max-height: 500px;
    }
  }
@keyframes slide-out{
    0% {
      -webkit-transform: translateX(-300px);
      transform: translateX(-300px);
      padding-left: 65px;
      width: 400px;
      max-height: 500px;
    }
    100% {
      -webkit-transform: translateX(800px);
      transform: translateX(800px);
      padding-left: 65px;
      width: 400px;
      max-height: 500px;
    }
  }}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body:after{
    content: 'tablet';
    display: none;
  }}
@media screen and (max-width: 760px),screen and (max-height: 300px){body:after{
    content: 'phone';
    display: none;
  }}