@charset "utf-8";
/* CSS Document */

.grey-panel-ergo{background:rgb(245, 245, 245);font-weight:200;color:grey;padding-left:10%;padding-top:2%; padding-bottom:3%;}
.grey-panel-ergo span{color:rgb(204, 0, 0);font-weight:800;}
.grey-panel-ergo p{color:grey;font-weight:200;font-size:250%; text-align:center; padding:0%!important;}

footer{
   margin-top:0px;
}
footer.page-footer {
   background: #575756;
   font-size: 17px;
}
footer.page-footer a,
footer.page-footer .footer-copyright {
   color: #a0a0a0;
}
#uid4 footer.page-footer,
#uid5 footer.page-footer,
#uid8 footer.page-footer,
#uid9 footer.page-footer,
#uid10 footer.page-footer,
#uid12 footer.page-footer,
#uid15 footer.page-footer,
#uid93 footer.page-footer,
#uid95 footer.page-footer,
#uid99 footer.page-footer {
   margin-top: 80px;
}

h4{
   font-weight: 300;
   margin-bottom: 2rem;
}

a {
   color: #cc0000;
}

.hyphenate {
   /* Careful, this breaks the word wherever it is without a hyphen */
   overflow-wrap: break-word;
   word-wrap: break-word;

   /* Adds a hyphen where the word breaks */
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
}

@media only screen and (max-width : 992px) {
   .top-nav .nav-wrapper.container {
      text-align: center;
   }
   .side-nav {
      text-align: left;
   }
}

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

   .card-new-middle{left: 23%;position: relative;}

   #slide-out{
      -webkit-box-shadow: 6px 0px 5px -4px rgba(0,0,0,0.75);
      -moz-box-shadow: 6px 0px 5px -4px rgba(0,0,0,0.75);
      box-shadow: 6px 0px 5px -4px rgba(0,0,0,0.75);
      margin-top: 100px;
   }
   #uid28 .container-fix{
      margin-left: 5% !important;
   }
   .main-padding-left{
      padding-left: 293px;
   }
}

nav .brand-logo { margin-top:18px; height: 82px; }

.brand-logo-img {
   height:42px;
   width:363px; 
}




@media only screen and (max-width: 600px) {
   nav .brand-logo {
      margin-top: 0;
      transform: none;
   }
   nav .brand-logo img {
      width: 168px;
      height: 60px;
   }
}
@media (min-width:601px) and (max-width: 992px) {
   nav .brand-logo {
      margin-top: 12px;
      left: 0;
      transform: none;
   }
}

nav a.button-collapse i{
   color: #212121 !important;
}

img.bordered {
   border: 1px solid #ddd;
}

#startseitentext {
   margin-bottom: 90px;
}

#startseitentext h1,
#infotext h1 {
   font-weight: 300;
   font-size: 30px;
   line-height: 38px;
   margin: 40px 0 2rem 0;
   color:#cc0000;
}
@media only screen and (min-width: 601px) {
   #startseitentext h1,
   #infotext h1 {
      font-size: 40px;
      line-height: 48px;
      margin-top: 90px;
   } 
}

#startseitentext h2 {
   font-weight: 700;
   color:#cc0000;
   font-size: 17px;
   line-height: 24px;
   margin-bottom: 10px;
}
#startseitentext h2:first-child {
   margin-top: 0;
}

#startseitentext > p > b {
   color: #575756;
   font-size: 19px;
   line-height: 27px;
   font-weight: 700;
   display: inline-block;
   margin-bottom: 30px;
}

#startseitentext .col {
   text-align: left;
   color: #575756;
   font-size: 17px;
   line-height: 24px;
}

#startseitentext .col p {
   margin-top: 0;
}
#startseitentext .left {
   margin-right: 20px;
   margin-bottom: 10px;
}
@media (max-width: 400px) {
   #startseitentext .left { float: none !important; }
}

ul.detail-list li{
   list-style-type: disc;
   margin-left: 20px;
   padding-left: 5px;
   font-size: 17px;
}

ul.numb-list li{
   list-style-type: decimal;
   margin-left: 15px;
   padding-left: 5px;
   margin-top: 10px;
}

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

#mobile-menu li.active{
   background-color: #D32F2F;
}

#slide-out {
   color: #575756;
}

#slide-out > li {
   padding: 0;
}

#slide-out > li > a{
   color: #fff;
   padding: 25px;
   font-size: 18px;
   line-height: 18px;
}
@media only screen and (min-width: 993px) {
   #slide-out > li > a {
      padding: 25px 0 25px 100px;
   } 
}

#mobile-menu .collapsible-body li:hover{
   background-color: #ddd;
}

#slide-out > li.active {
   background: #fff;
}

#slide-out > li.active > a {
   background-color: #D32F2F;
}

#slide-out > li.active > ul {
   list-style-type: disc;
   line-height: 22px;
   padding: 10px 0;
}

#slide-out > li.active > ul > li {
   background: #fff;
   list-style-type: disc;
   margin-left: 60px;
   padding: 0;
}
@media only screen and (min-width: 993px) {
   #slide-out > li.active > ul > li {
      margin-left: 120px;
   } 
}

#slide-out > li.active > ul > li > a {
   line-height: 22px;
   font-size: 16px;
}

#slide-out > li.active > ul > li.active > a,
#slide-out > li.active > ul > li > a:hover {
   color: #D32F2F;
}

#slide-out .collapsible-header{
   line-height: 64px;
}

.products-page #slide-out li#s96,
.products-page #slide-out li#s100 {
   display: none;
}

li .side-nav a{
   line-height: 32px;
}

#mobile-menu > li > a {
   line-height: 20px !important;
   padding-top: 19px !important;
   padding-bottom: 20px !important;
}

.side-nav > li.product-category {
   background: #fff;
}

#slide-out {
   background: #a0a0a0;
}

#slide-out > li.product-category > a {
   color: #212121 !important;
   background: transparent no-repeat 15px center;
   padding-left: 70px;
}

#slide-out li.product-category:hover {
   background-color: #fff !important;
}

#slide-out > li#pc22.product-category > a {
   background-image: url(../../Images/icon-scherenhubtische-40x40.png);
}

#slide-out > li#pc17.product-category > a {
   background-image: url(../../Images/icon-behaelter-hebegeraete-40x40.png);
   padding-top: 12px !important;
}

#slide-out > li#pc20.product-category > a {
   background-image: url(../../Images/icon-behaelter-neigegeraete-40x40.png);
   padding-top: 12px !important;
}

#slide-out > li#pc18.product-category > a {
   background-image: url(../../Images/icon-behaelter-hebe-neigegeraete-40x40.png);
   padding-top: 12px !important;
}

#slide-out > li#pc19.product-category > a {
   background-image: url(../../Images/icon-behaelter-neige-umfuellgeraete-40x40.png);
   padding-top: 12px !important;
}

#slide-out > li#pc21.product-category > a {
   background-image: url(../../Images/icon-hochumfuellgeraete-40x40.png);
   padding-top: 12px !important;
}

#slide-out > li#pc23.product-category > a {
   background-image: url(../../Images/icon-selbstkipp-container-40x40.png);
   padding-top: 12px !important;
}

#mobile-menu .collapsible-header{
   line-height: 64px !important;
}

#mobile-menu .collapsible-body li a {
   margin: 0 1rem 0 2rem;
   padding-top: 15px;
   line-height: 18px;
   height: 64px;
}

.dropdown-parent{
   position: relative;
}

.mega-dropdown{
   top: 80px !important;
   position: absolute !important;
   left: -200px !important;
   width: 700px !important;
   padding: 15px;
   border-top: 3px solid #D32F2F;
   z-index: 1000;
}

.mega-column{
   width: 200px;
   display: inline-block;
   position: relative;
   float: left;
   top: 0;
   margin-right: 20px;
}

#dd14 {
   left: -300px !important;
   width: 800px !important;
}

#dd14 .mega-column-1 {
   width: 290px;
}

.navbar-fixed{
   height: 100px;
}


@media (max-width: 600px) {
   .navbar-fixed{
      height: 55px !important;	
   }
   .ui-widget{
      height: 63px !important;
   }	
   .content-padding{
      padding: 1.4rem 0 !important;
   }
}

@media (max-width: 400px) {
   main .collapsible-header{
      height: 50px;
      line-height: 1;
      padding: 10px 1rem;
   }
}

#nav-mobile li a { 
   font-size: 18px;
   height: 100px;
   padding: 0 5px;
   padding-top: 16px;
}
@media only screen and (min-width: 993px) {
   #nav-mobile li a {
      font-size: 14.5px; 
   } 
}
@media only screen and (min-width: 1200px) {
   #nav-mobile li a {
      font-size: 18px; 
      padding: 0 15px;
      padding-top: 16px;
   } 
   #nav-mobile li#p12 {
      margin-right: 17px;
      /*margin-right: 0; */
   }
   #nav-mobile li#p12 a {
      /* deactivate with lang menu!
      padding-right: 0; */
   }
}

nav ul li:hover li a, nav ul li.active li a {
   color: #666;
}
.dropdown-content li > a, .dropdown-content li > span {
   font-size: 1.2rem;
   color: #666;
   display: block;
   padding: 1rem 1rem;
}
nav ul li:hover a.dropdown-button, nav ul li.active a.dropdown-button{
   color: #fff !important;
}
#mobile-menu li.active li.active a, #language-selector li.active a {
   color: #fff; 
}

.row{
   margin-bottom:0px;
}

.content-padding{
   padding:1.2rem 0;
}

.content-padding-sm{
   padding: 0 2.28rem !important;
}

.row.content-padding{
   padding-bottom:0 !important;
}

@media only screen and (min-width: 993px) {
   .centered-outer {
      height: 100%;
      white-space: nowrap;
      text-align: center;
   }
   .centered-outer:before{
      content: "";
      display: inline-block;
      vertical-align: middle;
      width: 0;
      /* adjust for white space between pseudo element and next sibling */
      margin-right: -.25em;
      /* stretch line height */
      height: 100%; 
   }
   .centered-inner {
      display: inline-block;
      vertical-align: middle;
      white-space: normal;
   }
}

.hero-img{
   padding-top:10rem;
   padding-bottom:10rem;
}

h2#produkte, h2#products {
   color: #575756;
   font-size: 30px;
   line-height: 38px;
   margin-top: 40px;
   margin-bottom: 45px;
}
@media only screen and (min-width: 601px) {
   h2#produkte, h2#products {
      font-size: 40px;
      line-height: 48px;
      margin-top: 80px;
   } 
}
.product-icons{
   margin-top: 0;
   margin-bottom: 80px;
}
.product-icons-last {
   margin-bottom: 80px;
}
.product-icons > .col.l4 {
}
.product-icons .tile {
   background: #fff;
   padding: 20px;
   margin-bottom: 25px;
   height: 400px;
   width: 100%;
}
.product-icons > .col.l8 {
}
.product-icons > .col.l8 .tile-wrapper {
   position: relative;
   height: auto;
}
.product-icons > .col.l8 .tile {
   padding: 20px;
   margin: 0;
   height: auto;
}
@media only screen and (min-width: 992px) {
   .product-icons > .col.l8 .tile-wrapper {
      height: 400px;
   }
   .product-icons > .col.l8 .tile {
      bottom: 0;
      left: 0;
      right: 0;
      height: auto;
      position: absolute;
   } 
}
.product-icons > .col.l8 .tile .l8 {
   color: #575756;
   font-size: 20px;
   line-height: 24px;
   font-weight: 700;
   padding: 0;
}
.product-icons > .col.l8 .tile .l4 {
   text-align: right;
   padding: 0;
}
.product-icons h3 {
   font-size: 17px;
   font-weight: 700;
   text-transform: uppercase;
   margin: 0;
   background: transparent no-repeat left center;
   background-size: 75px;
   height: 75px;
   padding-left: 100px;
   display: table-cell;
   vertical-align: middle;
}
.product-icons h3 a { 
   color: #575756; 
   line-height: 20px;
}

.opaque-red {
   background-color: rgba(244, 67, 54, 0.85);
}

.opaque-red a { color: #fff; }

.opaque-grey{
   background-color: rgba(158, 158, 158, 0.85);
}

.section-background{
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center;
}

.parallax-container {
   height: auto;
}

.responsive-menu{
   display: none;
   width: 300px;
   text-align: right;
}

.extra-menu{
   display: none;
   width: 100%;
   text-align: right;
}

.small-menu{
   width: 100%;
   display: none;
}


@media only screen and (max-width:30em) {
   .small-menu{
      display: block !important;
   }
   .responsive-menu{
      display: none !important;
   }   
   .extra-menu{
      display: none !important; 
  	}
  	footer.page-footer .footer-copyright{
      height: auto !important;
   }
   .links a {
      margin-left: 0.5rem !important;
      width: 100%;
      display: block !important;
   }
}

@media only screen and (max-width: 1240px) and (min-width:480px)  {
   .responsive-menu{
      display: block !important;
   }   
   footer.page-footer .footer-copyright{
      height: 100px !important;
   }
   .extra-menu{
      display: block !important;
   }
   .links a {
      margin-left: 0.5rem !important;
   }
   footer.page-footer .hide-on-med-and-down{
      display: none !important;
   }
}

#uid28 .container,
nav .container{
   max-width: 1280px; }

.container-category-overview {
   background: #D2D2D2;
   width: 100%;
   max-width: none;
   margin: 0;
   padding: 40px 0;
}
.container-questions {
   width: 100%;
   max-width: none;
   margin: 100px 0 0 0;
   padding: 67px 0;
   background: #cc0000;
}
.container-slider {
   width: 100%;
   max-width: none;
   margin: 0;
   padding: 0;
}
.container-news {
   width: 100%;
   max-width: none;
   margin: 0;
   padding: 0 0 90px;
}
.container-company,
.container-tradefair,
.container-product,
.container-error {
   padding: 0 0 90px;
}
.container-search {
   padding: 80px 0 90px;
}
.container-search > .row {
   margin: 0;
}
.container-search form#tx_indexedsearch {
   padding: 0;
}
.container-search form#tx_indexedsearch .input-field {
   padding-left: 0;
}
.container-search form#tx_indexedsearch .input-field label {
   left: 0;
}

@media only screen and (min-width: 601px) {
   .container-category-overview {
      padding: 80px 0 90px;
   }
}

.container-category-overview h1 {
   margin-top: 0;
   color: #575756;
   font-size: 30px;
   line-height: 38px;
   font-weight: 300;
   text-align: center;
   margin-bottom: 40px;
}
@media only screen and (min-width: 601px) {
   .container-category-overview h1 {
      font-size: 40px;
      line-height: 48px;
      margin-top: 50px;
   } 
}
#uid106 h1,
.products-page h2 { 
   text-align: center;
   font-size: 30px;
   line-height: 38px;
   font-weight: 300;
   margin-top: 40px;
   margin-bottom: 25px;
   color:#cc0000;
}
@media only screen and (min-width: 601px) {
   #uid106 h1,
   .products-page h2 {
      font-size: 40px;
      line-height: 48px;
      margin-top: 90px;
   } 
}
.container-product h2 {
   text-align: left;
   color: #575756;
   font-size: 30px;
   line-height: 38px;
   margin-top: 40px;
}
#uid93 h3,
#uid106 h3,
.products-page h3 {
   color: #cc0000;
   font-weight: 700;
   margin: 0;
   margin-bottom: 10px;
   font-size: 17px;
   line-height: 24px;
}
#uid8 p,
#uid9 p,
#uid10 p,
#uid15 p,
#uid68 p,
#uid106 p,
.products-page p,
.tx-indexedsearch p,
.container-company p {
   color: #575756;
   font-size: 17px;
   line-height: 24px;
   margin-top: 0;
}
#uid106 p > b,
#uid106 p > strong,
.products-page p > b,
.products-page p > strong {
   margin-bottom: 30px;
   text-align: center;
   line-height: 27px;
   font-weight: 700;
   font-size: 19px;
   display: inline-block;
}
#uid99 h1 {
   font-size: 30px;
   line-height: 38px;
   margin: 40px 0 25px 0;
   text-align: left;
}
#uid99 h2 {
   font-size: 1.5em;
   line-height: 110%;
   margin: 1.78rem 0 1.424rem 0;
   color: #575756;
   text-align: left;
}
@media only screen and (min-width: 601px) {
   #uid99 h1 {
      font-size: 40px;
      line-height: 48px;
      margin-top: 90px;
   } 
}
#uid95 main .row .row > .col {
   margin-bottom: 30px;
}
main .collapsible {
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); 
}
main .collapsible-body {
   background: #F5F5F5;
}
.container-company ul {
   margin: 0;
   margin-top: -15px;
   margin-bottom: 15px;
}
.container-company .btn {
   margin-bottom: 7px;
   margin-right: 5px;
}
.products-page .card-panel.red.white-text {
   margin-bottom: 40px;
}
.products-page .card-panel.grey {
   margin-bottom: 100px;
   background-color: #F5F5F5 !important;
   color: #575756;
}
#uid106 .card-panel.grey {
   margin-bottom: 40px;
   background-color: #F5F5F5 !important;
   color: #575756;
}
#uid106 .card-panel.grey h2 {
   margin: 0;
   text-align: center;
   font-size: 40px;
   line-height: 64px;
}
#uid106 .card-panel.grey ol {
   font-size: 17px;
   line-height: 27px;
   color: #cc0000;
   font-weight: 700;
   margin: 0;
   margin-bottom: 10px;
}
#uid106 .card-panel.grey ol > li {
   padding-top: 6px;
   padding-left: 12px;
}
#uid106 .card-panel.grey ol > li > span.grey-text {
   font-weight: 300;
   color: #575756 !important;
}
.products-page .card-panel.red.white-text p {
   color: #fff;
   font-size: 25px;
   line-height: 30px;
   margin-top: 0;
}
.products-page .card-panel.grey p {
   color: #575756;
   font-size: 25px;
   line-height: 30px;
   margin-top: 0;
}
@media only screen and (min-width: 601px) {
   .products-page .card-panel.red.white-text p,
   .products-page .card-panel.grey p {
      font-size: 30px;
      line-height: 36px;
   } 
}
.products-page .card-panel.red.white-text li,
.products-page .card-panel.grey li {
   font-size: 17px;
   line-height: 24px;
   font-weight: 700;
}
.products-page .card-panel.grey li {   
   color: #575756;
}

.tilter-icons{
   margin:4.8rem 0 2rem;
}

.tilter-icons h5{
   /*font-weight:300 !important;*/
   margin-top:2rem;
   font-size:1.35rem !important;
}

.tilter-icons span { cursor: default; }

.card.product .card-title{
   color:#212121;
   font-weight: 500;
}
.card.product .card-action a{
   color:#cc0000;
}
.card.product p{
   margin-top: 0 !important;
}
.card-panel.red h5, .card-panel.red li{
   color: #fff !important;
}
.card-date{
   padding:15px;
   position:absolute;
   top: 0px;
   right: 18px;
   text-align:left;
   z-index: 2;
   background-color:#CC0000;
   color:#fff;
   font-size: 30px;
   line-height: 30px;
}

.card a.btn{
   margin-top:2rem;
}

.card .card-content p{
   font-size: 17px;
   line-height: 24px;
   color: #575756;
   margin-top: 10px;
}

.fairy-dates{
   padding: 2rem 1rem 0 !important;
}

.fairy-dates .row{
   margin-bottom:2rem;
}

.fairy-dates .row:last-child{
   margin-bottom:0;
}

.fairy-dates i{
   margin-right:2rem;
}

.fairy-dates .row span{
   font-size:1.35rem;
   font-weight:300;
}

.links a{
   margin-left:0.6rem;
}

/*TIMELINE STYLE*/
#cd-timeline {
   position: relative;
   padding: 2em 0;
   margin-top: 2em;
   margin-bottom: 2em;
}
#cd-timeline::before {
   /* this is the vertical line */
   content: '';
   position: absolute;
   top: 0;
   left: 18px;
   height: 100%;
   width: 4px;
   background: #d7e4ed;
}
.cssanimations .cd-timeline-img.is-hidden {
   visibility: hidden;
}
.cssanimations .cd-timeline-img.bounce-in {
   visibility: visible;
   animation: cd-bounce-1 0.6s;
}
@keyframes cd-bounce-1 {
   0% {
      opacity: 0;
      transform: scale(0.5);
   }

   60% {
      opacity: 1;
      transform: scale(1.2);
   }

   100% {
      transform: scale(1);
   }
}

ul.parsley-errors-list { 
   position: relative;
   top: -1rem;
   left: 0rem;
   font-size: 0.8rem;
   color: #F44336;
   -webkit-transform: translateY(0%);
   -ms-transform: translateY(0%);
   -o-transform: translateY(0%);
   transform: translateY(0%);
}
input[type=text].parsley-error, input[type=text]:focus.parsley-error, input[type=password].parsley-error, input[type=password]:focus.parsley-error, input[type=email].parsley-error, input[type=email]:focus.parsley-error, input[type=url].parsley-error, input[type=url]:focus.parsley-error, input[type=time].parsley-error, input[type=time]:focus.parsley-error, input[type=date].parsley-error, input[type=date]:focus.parsley-error, input[type=datetime-local].parsley-error, input[type=datetime-local]:focus.parsley-error, input[type=tel].parsley-error, input[type=tel]:focus.parsley-error, input[type=number].parsley-error, input[type=number]:focus.parsley-error, input[type=search].parsley-error, input[type=search]:focus.parsley-error, textarea.materialize-textarea.parsley-error, textarea.materialize-textarea:focus.parsley-error {
   border-bottom: 1px solid #F44336;
   box-shadow: 0 1px 0 0 #F44336; 
}
input[type=text].parsley-error + label:after, input[type=text]:focus.parsley-error + label:after, input[type=password].parsley-error + label:after, input[type=password]:focus.parsley-error + label:after, input[type=email].parsley-error + label:after, input[type=email]:focus.parsley-error + label:after, input[type=url].parsley-error + label:after, input[type=url]:focus.parsley-error + label:after, input[type=time].parsley-error + label:after, input[type=time]:focus.parsley-error + label:after, input[type=date].parsley-error + label:after, input[type=date]:focus.parsley-error + label:after, input[type=datetime-local].parsley-error + label:after, input[type=datetime-local]:focus.parsley-error + label:after, input[type=tel].parsley-error + label:after, input[type=tel]:focus.parsley-error + label:after, input[type=number].parsley-error + label:after, input[type=number]:focus.parsley-error + label:after, input[type=search].parsley-error + label:after, input[type=search]:focus.parsley-error + label:after, textarea.materialize-textarea.parsley-error + label:after, textarea.materialize-textarea:focus.parsley-error + label:after {
   content: attr(data-error);
   color: #F44336;
   opacity: 1; 
}
.container .row.tx-powermail { margin-left: 0; }
form.powermail_form { margin-left: -0.75rem !important; }
.powermail_create p { padding-left: 0; }

form.powermail_form button.powermail_submit {
   margin-top: 30px;
   background-color: #D32F2F;   
}
.container-news .trade-fair {
   margin-bottom: 80px;
}
.trade-fair .container {
   padding: 37px 0 37px;
   clear: both;
}
.trade-fair h2 {
   font-size: 30px;
   margin: 0 0 42px;
}
.trade-fair h2 {
   font-weight: 700;
}
.trade-fair p {
   font-weight: 700;
   font-size: 18px;
}
.trade-fair .csc-textpic {
   margin-top: 32px;
}
.trade-fair .csc-textpic .csc-textpic-imagewrap {
   min-height: 140px;
}
.trade-fair .csc-textpic .csc-textpic-text > *:first-child {
   margin-top: 0;
}
.trade-fair .csc-textpic-image {
   background: #fff; 
   padding: 10px;
}
.trade-fair .col.tx-powermail {
   margin-top: 20px;
}
@media only screen and (min-width: 993px) {
   .trade-fair .col.tx-powermail {
      padding: 0;
      margin-top: 0;
   } 
}

.trade-fair form.powermail_form.col.m9 {
   width: 100%;
   padding: 0;
   margin-left: 0 !important;
}
.trade-fair form.powermail_form > div.powermail_fieldwrap_input {
   width: 100%;
   float: left;
}
@media only screen and (min-width: 601px) {
   .trade-fair form.powermail_form > div.powermail_fieldwrap_input {
      width: 60%;
   } 
}
@media only screen and (min-width: 1200px) {
   .trade-fair form.powermail_form > div.powermail_fieldwrap_input {
      width: 65%;
   } 
}
.trade-fair form.powermail_form > div.powermail_fieldwrap_input label {
   color: #fff;
   font-weight: 700;
   line-height: 14px;
   font-size: 14px;
}
.trade-fair form.powermail_form > div.powermail_fieldwrap_input input {
   background: #fff;
   box-shadow: none;
   border: 0;
   color: #4F4F4F;
   padding: 6px;
   height: 51px;
}
.trade-fair form.powermail_form > div.powermail_fieldwrap_input ul.parsley-errors-list {
   color: #fff;
}
.trade-fair form.powermail_form button.powermail_submit {
   background-color: #808080;
   width: 60%;
   border-radius: 0;
   height: 63px;
   margin: 24px 0 15px 0;
}
@media only screen and (min-width: 601px) {
   .trade-fair form.powermail_form button.powermail_submit {
      width: auto;
      float: right;
   } 
}

.products-row .col { min-width: 33.3%; }

.card.product { 
   padding: 19px;

}
/*body#uid18 .card.product { height: 525px; }
body#uid22 .card.product { height: 535px; }
body#uid25 .card.product { height: 555px; }*/

.card.product .card-image { text-align: center; height: 245px; padding-top: 0; overflow: hidden; }
.card.product .card-image img {
   height: 220px;
   width: auto;
}
.card.product .card-content {  padding: 0;  }

.card.product .card-content p { 
   font-size: 17px; 
}
@media only screen and (min-width: 601px) {
   .card.product .card-content .card-title { height: 20px; overflow: hidden; text-overflow: ellipsis; }
   .card.product .card-content p { height: 72px; overflow: hidden; text-overflow: ellipsis; }
   body#uid22 .card.product .card-content .card-title { height: 44px; }
   body#uid17 .card.product .card-content p { height: 120px; }
   body#uid18 .card.product .card-content p { height: 144px; }
   body#uid19 .card.product .card-content p { height: auto; }
   body#uid20 .card.product .card-content p { height: 144px; }
   body#uid21 .card.product .card-content p { height: auto; }
   body#uid22 .card.product .card-content p { height: 120px; }
   body#uid23 .card.product .card-content p { height: auto; }
}
@media only screen and (min-width: 993px) {
   .card.product .card-content p {
      font-size: 14.5px; 
   } 
   body#uid17 .card.product .card-content p { height: 144px; }
   body#uid18 .card.product .card-content p { height: 192px; }
   body#uid20 .card.product .card-content p { height: 168px; }
   body#uid22 .card.product .card-content p { height: 144px; }
}
@media only screen and (min-width: 1200px) {
   .card.product .card-content p {
      font-size: 17px; 
   } 
   body#uid17 .card.product .card-content p { height: 120px; }
   body#uid18 .card.product .card-content p { height: 144px; }
   body#uid20 .card.product .card-content p { height: 144px; }
   body#uid22 .card.product .card-content p { height: 120px; }
}

.card.product .card-action {
   border: 0;
   padding: 0;
   margin-top: 20px;
}
.card.product .card-action a { 
   display: inline-block; 
   text-decoration: none;
   background: #cc0000;
   color: #fff;
   text-align: center;
   border-radius: 2px;
   line-height: 24px;
   outline: 0;
   padding: 6px 2rem;
   text-transform: uppercase;
   vertical-align: middle;
   font-size: 17px;
   font-weight: 700;
}

.card .card-content .card-title {
   line-height: 20px; 
   margin-bottom: 15px;
   display: inline-block;
   font-weight: 700;
   font-size: 17px;
   color: #575756;
}

#uid28 .product-image.img-landscape { width: 90%; height: auto; max-width: 300px; }
#uid28 .product-image.img-portrait { height: 200px; }
#uid28 .product-image.img-portrait2 { height: 275px; }
.products-page .product-image { height: 250px; }
#uid106 .product-image { width: 100%; height: auto; }
.products-page figcaption { font-size: 90%; color: #666; }

.products-page table td, .products-page table { margin-bottom: 15px; }
.products-page table thead tr:first-child { border-bottom: 1px solid #cc0000; }
.products-page table td, .products-page table th { padding: 3px; text-align: center; }
.products-page table .td-0 { text-align: left; }
.products-page table tbody .td-0 { color: #cc0000; font-weight: bold; }
.products-page table tbody i.material-icons { color: #cc0000; }

.products-page table.abbr td { text-align: left; }
.products-page table.abbr .td-0 { width: 40px; }

@media only screen and (max-width : 992px) {
   .products-page table th { text-align: left; }
   .products-page table thead tr:first-child { border: 0; }
}

.sales-germany { height: 400px; }

@media only screen and (max-width : 1199px) {
   .sales-germany { height: 350px; }
}
@media only screen and (max-width : 991px) {
   .sales-germany { height: 300px; }
}
@media only screen and (max-width : 785px) {
   .col-sales-left { width: 100% !important; }
   .col-sales-germany { display: none !important; }
}

.card-panel .card-action { margin-top: 35px; }
.card-panel .card-action .btn { margin-top: 5px; }

.news { margin-bottom: 100px; }
.container-news .news .col.article { height: 660px; }
h2.news-headline {
   font-size: 30px;
   color: #575756;
}
@media only screen and (min-width: 601px) {
   h2.news-headline {
      font-size: 40px;
   } 
}
.news .card { background: #F5F5F5; padding: 0 10px; }
.news .card .card-image { text-align: center; margin-top: 10px; }
.news .card .card-image img {
   height: 250px;
   width: auto;
}
.news .card .card-image div {
   height: 256px;
   width: auto;
}
.news .card .card-content .teaser { height: 270px; }
body#uid42 .news .card .card-image { padding-top: 0; }
body#uid16 .news .card .card-content .teaser { height:300px; }
body#uid42 .news .card .card-content .teaser { height: 300px; }

.news .card .card-content {
   padding: 11px;
}
.news .card .card-content .teaser h2 {
   font-size: 17px;
   line-height: 20px;
   margin-bottom: 15px;
   font-weight: 700;
   margin-top: 0;
}
.news .card .card-content .teaser h3 {
   font-size: 30px;
   line-height: 36px;
   margin-top: 0;
}
.news .article .teaser-text { font-weight: bold; }
.news .article .news-img-wrap .left { margin-right: 20px; margin-top: 10px; }
.news .article img.news-img { height: 300px; width: auto; }
.news .article figcaption { font-size: 90%; color: #666; }

.questions .col { padding: 0; }
.questions .content-padding {
   padding: 67px 0;
}
.questions .white-text {
   font-size: 20px;
   line-height: 28px;
}
@media only screen and (min-width: 993px) {
   .questions .white-text {
      font-size: 40px;
      line-height: 48px;
   } 
   #uid106 .questions .white-text,
   .products-page .questions .white-text {
      font-size: 30px;
      line-height: 36px;
   } 
}
.questions .btn-large {
   border-radius: 0;
   font-size: 20px;
   line-height: 55px;
   font-weight: 700;
   height: 55px;
   padding: 0 50px;
}
@media only screen and (max-width: 992px) {
   .questions .btn-large {
      margin-top: 20px;
   }
}
@media only screen and (min-width: 993px) {
   .questions .centered-outer {
      text-align: right;
   }
}

#modal-table table td, #modal-table table { margin-bottom: 15px; }
#modal-table table tr:first-child { border-bottom: 1px solid #cc0000; }
#modal-table table tr:first-child th { color: #cc0000; }
#modal-table table td, #modal-table table th { padding: 3px; }
#modal-table table tr *:first-child { width:45%; }

.collapsible-body .csc-textpic-text > p:first-child { margin-top: 0; }

.tx-indexedsearch-whatis { display: none; }
div.tx-indexedsearch-browsebox:nth-of-type(1) { display: none;  }

.jgallery .jgallery-thumbnails.images a { margin-bottom: 10px; border: 1px solid #ccc; }
.jgallery .jgallery-thumbnails.images.full-screen a { margin-right: 10px; }
.jgallery .jgallery-thumbnails.full-screen .jgallery-container-inner { padding: 20px; }

.slider-gallery {
   background-color: #F5F5F5;
   padding: 20px 10px;
   margin: 0;
   margin-top: 40px;
}
.slider-gallery-item { 
   text-align: center; 
}
.slider-gallery-item > div {
   width: 200px;
   margin: 0 auto;
   text-align: left;
}

/* ----- slider styles -------- */

.carousel.carousel-slider {
   left: 0;
   top: 0;
   background: #787877;
   background: -moz-linear-gradient(left, #6f6f6e 0%, #f5f5f5 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, #6f6f6e), color-stop(100%, #f5f5f5));
   background: -webkit-linear-gradient(left, #6f6f6e 0%, #f5f5f5 100%);
   background: -o-linear-gradient(left, #6f6f6e 0%, #f5f5f5 100%);
   background: -ms-linear-gradient(left, #6f6f6e 0%, #f5f5f5 100%);
   background: linear-gradient(to right, #6f6f6e 0%, #f5f5f5 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6e', endColorstr='#f5f5f5', GradientType=1 );

   -webkit-box-shadow: 0px 3px 24px -6px rgba(59,59,59,1);
   -moz-box-shadow: 0px 3px 24px -6px rgba(59,59,59,1);
   box-shadow: 0px 3px 24px -6px rgba(59,59,59,1); /* -16px */
}
.tradefair .carousel.carousel-slider {
   background: #fff;
   height: 400px !important;
}
@media only screen and (max-width : 400px) {
   .tradefair .carousel.carousel-slider { height: 450px !important; }
}
.carousel {

   overflow: hidden;
   perspective: 500px;
   position: relative;
   transform-origin: 0 50% 0;
   transform-style: preserve-3d;
   width: 100%;
}
.carousel.carousel-slider .carousel-item {
   height: 100%;
   left: 0;
   min-height: 400px;
   position: absolute;
   top: 0;
   width: 100%;
}
.carousel .carousel-item {
   display: none;
   height: 400px;
   left: 0;
   position: absolute;
   top: 0;
   width: 200px;
}

.carousel .carousel-fixed-item {   
   padding-top:1rem;
}

.carousel .carousel-fixed-item h4 {
   z-index: 99;
   position: relative;
}

.carousel .carousel-fixed-item h1 {
   z-index: 99;
   position: relative;
   text-shadow: 2px 2px #4E4E4E;
   margin-top: 140px;
   margin-bottom: 50px;   
}

.carousel .carousel-item > img {
   max-width: 70%;
   max-height: 60%;
   background-size: contain;
   margin-top: 100px;
}

.tradefair .carousel .carousel-item a {
   background-size: contain;

}

@media only screen and (max-width: 700px) {
   .carousel .carousel-item > img {
      max-width: 100% !important;
      max-height: 100% !important;
      margin-top: 120px !important;
   }
   .carousel .carousel-fixed-item h1 {
      font-size: 34px !important;
      margin-top: 230px !important;
      margin-bottom: 20px !important;
   }
}

@media only screen and (max-width: 1200px) {
   .carousel .carousel-item > img {
      max-width: 70% !important;
      max-height: 70%;
      background-size: contain;
      margin-top: 80px;
   }
   .carousel .carousel-fixed-item h1 {
      font-size: 50px;
      margin-bottom: 60px;
   }
}

.carousel .indicators {
   bottom: 0;
   left: 0;
   margin: 0;
   position: absolute;
   right: 0;
   text-align: center;
}

.carousel .indicators .indicator-item.active {
   background-color: #fff;
}
.tradefair .carousel .indicators .indicator-item.active {
   background-color: #414141;
}
.carousel .indicators .indicator-item {
   background-color: rgba(255, 255, 255, 0.5);
   border-radius: 50%;
   cursor: pointer;
   display: inline-block;
   height: 8px;
   margin: 24px 4px;
   position: relative;
   transition: background-color 0.3s ease 0s;
   width: 8px;
}
.tradefair .carousel .indicators .indicator-item {
   background-color: rgba(65, 65, 65, 0.5)
}

.cr_header .logo {min-height:20px; }
.cr_header_text p {display:block;margin:5;padding:5px;}
.cr_ipe_item.inactive { display:none; }
.cr_hr {border:0;background-color: #ccc;height: 1px;}
.imprint {font-size:0.8em;}
.cr_captcha {padding-left: 130px;}
.cr_error {font-size:1.1em;padding:10px;}

input.clever_form_error, input:focus.clever_form_error {
   border-bottom: 1px solid #F44336;
   box-shadow: 0 1px 0 0 #F44336; 
}
.clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }
.recaptcha_only_if_incorrect_sol{ 
   position: relative;
   top: -1rem;
   left: 0rem;
   font-size: 0.8rem;
   color: #F44336;
   -webkit-transform: translateY(0%);
   -ms-transform: translateY(0%);
   -o-transform: translateY(0%);
   transform: translateY(0%);
}
#recaptcha_image > img {
   width: 80% !important;
   height: auto !important;
}

#padding-row-content-main{
   padding-left:10%; 
   padding-right:10%; 
   padding-top:5%;
}

.fontven{
   color:#cc0000;
}

.resp-box {
   float: left;
   max-width: 49%!important;
   min-width:250px;
   height: auto;
   text-align: left;
   color:#363535;
   font-weight:300!important;

}   

.resp-box2 {
   float: left;
   max-width: 49%;
   min-width:250px;
   height: auto;
   text-align: left;
   color:#363535;
   font-weight:300!important;

} 
.resp-box3 {
   float: left;
   padding: 10px;
   max-width: 65%!important;
   min-width:250px;
   height: auto;
   text-align: left;
   color:#363535;
   font-weight:300!important;

}   

.resp-box4 {
   float: left;
   padding: 10px;
   max-width: 30%;
   min-width:250px;
   height: auto;
   text-align: right;
   color:#363535;
   font-weight:300!important;

} 

.resp-box5 {
   float: left;
   padding: 10px;
   max-width: 50%!important;
   min-width:250px;
   height: auto;
   text-align: left;
   color:#363535;
   font-weight:300!important;

}   

.resp-box6 {
   float: left;
   padding: 10px;
   max-width: 40%;
   min-width:250px;
   height: auto;
   text-align: right;
   color:#363535;
   font-weight:300!important;

} 

#nav-mobile > li.drop-bg {
   height: 100px;
}
.onclick-menu {
   padding-left:3px;;
   position: relative;
   display: inline-block;
   min-width:120px;
   text-transform: uppercase;
   padding-top: 16px;
   height: 100px;
   outline: 0;
   width: 130px;
   cursor: pointer;
}
.content-en .onclick-menu {
   width: 150px;
}
.onclick-menu  span {
   background: transparent url(../../Images/v2/dropdown_arrow_grey.svg) no-repeat right center;
   background-size: 16px 10px;
   padding-right: 20px;
   color:#575756;
}
#nav-mobile li.drop-bg:hover .onclick-menu span {
   background-image: url(../../Images/v2/dropdown_arrow_white.svg);
   color: #fff;
}
.onclick-menu:focus .onclick-menu-content,
.onclick-menu-content:hover {
   display: block;
}
.onclick-menu-content {
   width:inherit;
   position: absolute;
   background:white;
   top: 100px;
   display: none;
   left: 0;
   width: 130px;
}
.content-en .onclick-menu-content {
   width: 150px;
}
.onclick-menu-content > li {
   float: none;
}
#nav-mobile .onclick-menu-content > li > a {
   height: 50px;
   line-height: 50px;
   padding: 0 15px;
   color:#575756;
}
#nav-mobile .onclick-menu-content > li > a:hover {
   color: #fff;
}
@media only screen and (min-width : 993px) {
   .resp-padding-no {
      position: absolute;
      right: -150px;
      bottom: 12%;
      width: auto;
   }
} 

.red-resp{   
   float: left;
   padding-left:0;
   padding-right: 10px;
   font-size:2.3rem;
   max-width: 800px;
   min-width:300px;
   height: auto;
   text-align: left;
}

.red-resp-btn{   
   float: left;
   padding:10px;
   padding-top: 1%;
   padding-left: 20px;
   max-width: 300px;
   min-width:300px;
   height: auto;
   text-align:left;
}


.red-txt{   
   float: left;
   padding-left: 10px;
   padding-right: 10px;
   max-width: 300px;
   min-width:300px;
   height: auto;
   text-align: left;
}

.red-txt-img{   
   float: left;
   padding: 10px;
   max-width: 150px;
   min-width:150px;
   height: auto;
   text-align: left;
   background:white;
} 

.grey2{
   width:100%;	
   background:#d2d2d2;
   float:left;	
}
.grey-bg{
   z-index:1;
}



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

   /*
   .da-img{
  width:100%;
  position:absolute;
  bottom:50px;
  z-index:100;
  }
   .da-img2{
  max-width:200px;
  margin-left:-50%;
  
  }
  
  .da-slide .da-caption .da-caption-main {
     color: #fff;
     font-size: 10pt!important;
     width: 100%;
     top: 60px;
     white-space: nowrap;
     line-height: 20px;
     height: 80px;
     overflow: hidden;
     z-index: 10;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
     font-family:source-sans-pro,sans-serif;
     font-weight: 700;
  }
  
  .da-slide .da-caption p{
     width: 100%;
     top: 155px;
     color: #fff;
     font-size: 15pt!important;
     line-height: 500px;
     height: 800px;
     overflow: hidden;
     font-weight: 300;
     font-size:15pt!important; 
     font-weight: 300; 
     font-family:source-sans-pro,sans-serif;
  }
   */

}





.da-slider-fb .da-slide{
   left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
   left: 0px;
}



.da-slider-fb .da-slide .da-caption,
.da-slider-fb .da-slide .da-link{
   left: 10%;
   opacity: 1;
}




.da-slide .da-link{
   top: 270px; /*depends on p height*/
   border-radius: 30px;
   box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
   color: #fff;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
   border: 8px solid rgba(255,255,255,0.8);
   padding: 2px 20px 0px;
   font-size: 18px;
   line-height: 30px;
   width: 80px;
   text-align: center;
   background: rgba(255,255,255,0.2);
}
.da-slide .da-link:hover{
   background: rgba(255,255,255,0.3);
}
.da-dots{
   display:none;
}
.da-dots span{
   display: inline-block;
   position: relative;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background: white;
   margin: 3px;
   cursor: pointer;
   box-shadow: 
      1px 1px 1px rgba(0,0,0,0.1) inset, 
      1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
   content: '';
   width: 8px;
   height: 8px;
   position: absolute;
   top: 2px;
   left: 2px;
   border-radius: 50%;
   background:#2a2a2a;
}
.da-arrows{
   -moz-user-select: none;
   -webkit-user-select: none;
}
.da-arrows span{
   position: absolute;
   top: 50%;
   height: 30px;
   width: 30px;
   border-radius: 50%;

   cursor: pointer;
   z-index: 2000;
   opacity: 0;
   box-shadow: 
      1px 1px 1px rgba(0,0,0,0.1) inset, 
      1px 1px 1px rgba(255,255,255,0.1);
   -webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
   -moz-transition: opacity 0.4s ease-in-out-out 0.2s;
   -o-transition: opacity 0.4s ease-in-out-out 0.2s;
   -ms-transition: opacity 0.4s ease-in-out-out 0.2s;
   transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slider:hover .da-arrows span{
   opacity: 1;
}
.da-arrows span:after{
   content: '';
   position: absolute;
   width: 20px;
   height: 20px;
   top: 5px;
   left: 5px;
   background: transparent url(../../Images/arrows.png) no-repeat top left;
   border-radius: 50%;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
   box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
   box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
   background-position: top right;
}
.da-arrows span.da-arrows-prev{
   left: 15px;
}
.da-arrows span.da-arrows-next{
   right: 15px;
}

/* Animation classes and animations */

/* Slide in from the right
.da-slide-fromright .da-caption {
   -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
   -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
   -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
   -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
   animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-link{
   -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
   -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
   -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
   -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
   animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img{
   -webkit-animation: fromRightAnim4 0.9s ease-in-out 0.9s both;
   -moz-animation: fromRightAnim4 0.9s ease-in-out 0.9s both;
   -o-animation: fromRightAnim4 0.9s ease-in-out 0.9s both;
   -ms-animation: fromRightAnim4 0.9s ease-in-out 0.9s both;
   animation: fromRightAnim4 0.9s ease-in-out 0.8s both;
}*/
@-webkit-keyframes fromRightAnim1{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
   0%{ left: 110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
   0%{ left: 110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
   0%{ left: 110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
   0%{ left: 110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
   0%{ left: 110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left
.da-slide-fromleft .da-caption {
   -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
   -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
   -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
   -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
   animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
   -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
   -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
   -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
   -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
   animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
   -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
   -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
   -o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
   -ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
   animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}*/
@-webkit-keyframes fromLeftAnim1{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
   0%{ left: -110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
   0%{ left: -110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
   0%{ left: -110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
   0%{ left: -110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
   0%{ left: -110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right
.da-slide-toright .da-caption {
   -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
   -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
   -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
   -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
   animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright .da-link{
   -webkit-animation: toRightAnim3 0.4s ease-in-out both;
   -moz-animation: toRightAnim3 0.4s ease-in-out both;
   -o-animation: toRightAnim3 0.4s ease-in-out both;
   -ms-animation: toRightAnim3 0.4s ease-in-out both;
   animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img{
   -webkit-animation: toRightAnim4 0.6s ease-in-out both;
   -moz-animation: toRightAnim4 0.6s ease-in-out both;
   -o-animation: toRightAnim4 0.6s ease-in-out both;
   -ms-animation: toRightAnim4 0.6s ease-in-out both;
   animation: toRightAnim4 0.6s ease-in-out both;
} */
@-webkit-keyframes toRightAnim1{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
   0%{ left: 10%;  opacity: 1; }
   99%{ left: 10%; opacity: 0; }
   100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
   0%{ left: 60%;  opacity: 1; }
   30%{ left: 55%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
   0%{ left: 10%;  opacity: 1; }
   99%{ left: 10%; opacity: 0; }
   100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
   0%{ left: 60%;  opacity: 1; }
   30%{ left: 55%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
   0%{ left: 10%;  opacity: 1; }
   99%{ left: 10%; opacity: 0; }
   100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
   0%{ left: 60%;  opacity: 1; }
   30%{ left: 55%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
   0%{ left: 10%;  opacity: 1; }
   99%{ left: 10%; opacity: 0; }
   100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
   0%{ left: 60%;  opacity: 1; }
   30%{ left: 55%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
   0%{ left: 10%;  opacity: 1; }
   99%{ left: 10%; opacity: 0; }
   100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
   0%{ left: 60%;  opacity: 1; }
   30%{ left: 55%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left
.da-slide-toleft .da-caption {
   -webkit-animation: toLeftAnim1 0.6s ease-in-out both;
   -moz-animation: toLeftAnim1 0.6s ease-in-out both;
   -o-animation: toLeftAnim1 0.6s ease-in-out both;
   -ms-animation: toLeftAnim1 0.6s ease-in-out both;
   animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft .da-link{
   -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
   -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
   -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
   -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
   animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
   -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
   -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
   -o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
   -ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
   animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}*/
@-webkit-keyframes toLeftAnim1{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
   0%{ left: 60%;  opacity: 1; }
   70%{ left: 30%;  opacity: 0; }
   100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
   0%{ left: 60%;  opacity: 1; }
   70%{ left: 30%;  opacity: 0; }
   100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
   0%{ left: 60%;  opacity: 1; }
   70%{ left: 30%;  opacity: 0; }
   100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
   0%{ left: 60%;  opacity: 1; }
   70%{ left: 30%;  opacity: 0; }
   100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
   0%{ left: 60%;  opacity: 1; }
   70%{ left: 30%;  opacity: 0; }
   100%{ left: -50%; opacity: 0; }
}


.dropdown {
   position: relative;
   display: inline-block;
}

.dropdown-content {
   display: none;
   position: absolute;
   background-color: #f9f9f9;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   padding: 12px 16px;
   z-index: 1;
}

.dropdown:hover .dropdown-content {
   display: block;
}



.fontven{
   color:#cc0000;
   font-weight:normal;
}

.resp-box {
   float: left;
   padding: 10px;
   max-width: 600px;
   min-width:300px;
   height: auto;
   text-align: left;
}   

.resp-box2 {
   float: left;
   padding: 10px;
   max-width: 50%;
   min-width:300px;
   height: auto;
   text-align: left;
} 

.grey2{
   width:100%;	
   background:#d2d2d2;
   float:left;	
}
.grey-bg{
   z-index:1;
}

@media screen and (max-width: 450px) {
   /*
   .da-img{
  width:100%;
  position:absolute;
  bottom:50px;
  z-index:100;
  }
   .da-img2{
  max-width:200px;
  margin-left:-50%;
  z-index:100;
  }
  
  .da-slide .da-caption .da-caption-main{
     color: #fff;
     font-size: 10pt!important;
     width: 100%;
     top: 60px;
     white-space: nowrap;
     line-height: 20px;
     height: 80px;
     overflow: hidden;
  
     z-index: 10;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
     font-family: 'Economica', Arial, sans-serif;
     font-weight: 700;
  }
  
  .da-slide .da-caption p {
     width: 100%;
     top: 155px;
     color: #fff;
     font-size: 15pt;
     line-height: 300px;
     height: 800px;
     overflow: hidden;
  
     font-family: 'Economica', Arial, sans-serif;
     font-weight: 400;
  
  }
   */
}

.grey-bg{
   width:100%;
   height:35%;
   position:absolute;
   bottom:0px;
   z-index:0;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#383838+0,595959+12,666666+25,474747+95 */
   background: #383838; /* Old browsers */
   background: -moz-linear-gradient(-45deg, #383838 0%, #595959 12%, #666666 25%, #474747 95%); /* FF3.6-15 */
   background: -webkit-linear-gradient(-45deg, #383838 0%,#595959 12%,#666666 25%,#474747 95%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(135deg, #383838 0%,#595959 12%,#666666 25%,#474747 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#474747',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



.da-slider{
   width: 100%;
   height: 450px;
   position: relative;
   margin:  auto;
   overflow: hidden;


   background: #f00001; /* Old browsers */
   background: -moz-linear-gradient(-45deg, #f00001 32%, #f00001 67%, #860000 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(-45deg, #f00001 32%,#f00001 67%,#860000 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(135deg, #f00001 32%,#f00001 67%,#860000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00001', endColorstr='#860000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */




   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00003', endColorstr='#843738',GradientType=1 ); /* IE6-9 */

   box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
   -webkit-transition: background-position 1s ease-out 0.3s;
   -moz-transition: background-position 1s ease-out 0.3s;
   -o-transition: background-position 1s ease-out 0.3s;
   -ms-transition: background-position 1s ease-out 0.3s;
   transition: background-position 1s ease-out 0.3s;
}
@media only screen and (min-width: 601px) {

}
@media only screen and (min-width: 993px) {
   .da-slider {
      height: 560px;
   } 
}
.da-slide{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;

   text-align: left;
}
.da-slide-current{
   z-index: 1000;
}
.da-slider-fb .da-slide{
   left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
   left: 0px;
}
.da-slide .container {
   position: absolute;
   left: 100%;
}

.da-slide .da-img {
   text-align: right;
   position: relative;
   height: 400px;
   display: none;
   margin: 25px 0;
   width: 100%;
}
@media only screen and (min-width: 601px) {
   .da-slide .da-img {
      display: block;
      width: 70%;
   } 
}
@media only screen and (min-width: 993px) {
   .da-slide .da-img {
      height: 510px;
      width: 60%;
   } 
}
@media only screen and (min-width: 1200px) {

}
.da-slide .da-img img {
   max-height: 100%;  
   max-width: 100%; 
   width: auto;
   height: auto;
   position: absolute;  
   top: 0;  
   bottom: 0;  
   left: 0;
   right: 0;  
   margin: auto;
}
.da-slide .da-caption {
   position: absolute;
   top: 0;
}

.da-slider-fb .da-slide .da-caption {
   left: 10%;
   opacity: 1;
}

.da-slide .da-caption {
   color: #fff;
   top: 30px;
   text-align: center;
}
@media only screen and (min-width: 601px) {
   .da-slide .da-caption {
      top: 70px;
      width: 70%;
      text-align: left;
   } 
}
@media only screen and (min-width: 993px) {
   .da-slide .da-caption {
      width: 45%;
      text-align: left;
   } 
}
@media only screen and (min-width: 1200px) {

}

#uid106 .da-slide .da-caption,
.da-slide .da-caption a {
   color: #fff;
   text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.da-slide .da-caption .da-caption-sub {
   font-size: 25px;
   font-weight: 700;
   line-height: 30px;
   text-transform: uppercase;
}

.da-slide .da-caption .da-caption-main {
   font-size: 40px;
   font-weight: 700;
   margin-top: 10px;
   line-height: 48px;
}
#uid106 .da-slide .da-caption p,
.da-slide .da-caption p{
   font-weight: 300;
   font-size: 40px;
   line-height: 48px;
   margin: 0;
   color: #fff;
}


.da-slide .da-link{
   top: 270px; /*depends on p height*/
   border-radius: 30px;
   box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
   color: #fff;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
   border: 8px solid rgba(255,255,255,0.8);
   padding: 2px 20px 0px;
   font-size: 18px;
   line-height: 30px;
   width: 80px;
   text-align: center;
   background: rgba(255,255,255,0.2);
}
.da-slide .da-link:hover{
   background: rgba(255,255,255,0.3);
}
.da-dots{
   width: 100%;
   position: absolute;
   text-align: center;
   left: 0px;
   bottom: 20px;
   z-index: 2000;
   -moz-user-select: none;
   -webkit-user-select: none;
   background:none;
   box-shadow: none;
}
.da-dots span{
   display: inline-block;
   position: relative;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background: white;
   margin: 3px;
   cursor: pointer;
   box-shadow: 
      1px 1px 1px rgba(0,0,0,0.1) inset, 
      1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
   content: '';
   width: 8px;
   height: 8px;
   position: absolute;
   top: 2px;
   left: 2px;
   border-radius: 50%;
   background:#2a2a2a;
}
.da-arrows{
   -moz-user-select: none;
   -webkit-user-select: none;
}
.da-arrows span{
   position: absolute;
   top: 50%;
   height: 30px;
   width: 30px;
   border-radius: 50%;

   cursor: pointer;
   z-index: 2000;
   opacity: 0;
   box-shadow: 
      1px 1px 1px rgba(0,0,0,0.1) inset, 
      1px 1px 1px rgba(255,255,255,0.1);
   -webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
   -moz-transition: opacity 0.4s ease-in-out-out 0.2s;
   -o-transition: opacity 0.4s ease-in-out-out 0.2s;
   -ms-transition: opacity 0.4s ease-in-out-out 0.2s;
   transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slider:hover .da-arrows span{
   opacity: 1;
}
.da-arrows span:after{
   content: '';
   position: absolute;
   width: 20px;
   height: 20px;
   top: 5px;
   left: 5px;
   background: transparent url(../../Images/arrows.png) no-repeat top left;
   border-radius: 50%;
   box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
   box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
   box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
   background-position: top right;
}
.da-arrows span.da-arrows-prev{
   left: 15px;
}
.da-arrows span.da-arrows-next{
   right: 15px;
}

.da-slide-current .container{
   left: 5%;
   opacity: 1;
   right: 5%;
}
.da-slide-current .da-img{
   left: 0;
   opacity: 1;
}
@media only screen and (min-width: 601px) {
   .da-slide-current .da-img {
      left: 30%;
   } 
}
@media only screen and (min-width: 993px) {
   .da-slide-current .da-img {
      left: 40%;
   } 
}
/* Animation classes and animations */

/* Slide in from the right
.da-slide-fromright .da-caption {
   -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
   -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
   -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
   -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
   animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-link{
   -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
   -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
   -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
   -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
   animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}*/
.da-slide-fromright .da-img{
   -webkit-animation: fadein 1s;
   -moz-animation: fadein 1s;
   -o-animation: fadein 1s;
   -ms-animation: fadein 1s;
   animation: fadein 1s;
}
@keyframes fadein {
   from { opacity: 0; }
   to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
   from { opacity: 0; }
   to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
   from { opacity: 0; }
   to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
   from { opacity: 0; }
   to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
   from { opacity: 0; }
   to   { opacity: 1; }
}

@-webkit-keyframes fromRightAnim1{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
   0%{ left: 110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
   0%{ left: 110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
   0%{ left: 110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
   0%{ left: 110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
   0%{ left: 110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
   0%{ left: 110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left
.da-slide-fromleft .da-caption{
   -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
   -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
   -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
   -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
   animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
   -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
   -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
   -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
   -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
   animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
   -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
   -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
   -o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
   -ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
   animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}*/
@-webkit-keyframes fromLeftAnim1{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
   0%{ left: -110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
   0%{ left: -110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
   0%{ left: -110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
   0%{ left: -110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
   0%{ left: -110%; opacity: 0; }
   1%{ left: 10%; opacity: 0; }
   100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
   0%{ left: -110%; opacity: 0; }
   100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right
.da-slide-toright .da-caption{
   -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
   -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
   -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
   -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
   animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright .da-link{
   -webkit-animation: toRightAnim3 0.4s ease-in-out both;
   -moz-animation: toRightAnim3 0.4s ease-in-out both;
   -o-animation: toRightAnim3 0.4s ease-in-out both;
   -ms-animation: toRightAnim3 0.4s ease-in-out both;
   animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img{
   -webkit-animation: toRightAnim4 0.6s ease-in-out both;
   -moz-animation: toRightAnim4 0.6s ease-in-out both;
   -o-animation: toRightAnim4 0.6s ease-in-out both;
   -ms-animation: toRightAnim4 0.6s ease-in-out both;
   animation: toRightAnim4 0.6s ease-in-out both;
} */
@-webkit-keyframes toRightAnim1{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
   0%{ left: 10%;  opacity: 1; }
   99%{ left: 10%; opacity: 0; }
   100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
   0%{ left: 60%;  opacity: 1; }
   30%{ left: 55%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
   0%{ left: 10%;  opacity: 1; }
   99%{ left: 10%; opacity: 0; }
   100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
   0%{ left: 60%;  opacity: 1; }
   30%{ left: 55%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
   0%{ left: 10%;  opacity: 1; }
   99%{ left: 10%; opacity: 0; }
   100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
   0%{ left: 60%;  opacity: 1; }
   30%{ left: 55%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
   0%{ left: 10%;  opacity: 1; }
   99%{ left: 10%; opacity: 0; }
   100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
   0%{ left: 60%;  opacity: 1; }
   30%{ left: 55%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
   0%{ left: 10%;  opacity: 1; }
   99%{ left: 10%; opacity: 0; }
   100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
   0%{ left: 60%;  opacity: 1; }
   30%{ left: 55%;  opacity: 1; }
   100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left
.da-slide-toleft .da-caption{
   -webkit-animation: toLeftAnim1 0.6s ease-in-out both;
   -moz-animation: toLeftAnim1 0.6s ease-in-out both;
   -o-animation: toLeftAnim1 0.6s ease-in-out both;
   -ms-animation: toLeftAnim1 0.6s ease-in-out both;
   animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft .da-link{
   -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
   -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
   -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
   -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
   animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
   -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
   -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
   -o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
   -ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
   animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}*/

@-webkit-keyframes toLeftAnim1{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
   0%{ left: 60%;  opacity: 1; }
   70%{ left: 30%;  opacity: 0; }
   100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
   0%{ left: 60%;  opacity: 1; }
   70%{ left: 30%;  opacity: 0; }
   100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
   0%{ left: 60%;  opacity: 1; }
   70%{ left: 30%;  opacity: 0; }
   100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
   0%{ left: 60%;  opacity: 1; }
   70%{ left: 30%;  opacity: 0; }
   100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
   0%{ left: 10%;  opacity: 1; }
   30%{ left: 15%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
   0%{ left: 10%;  opacity: 1; }
   100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
   0%{ left: 60%;  opacity: 1; }
   70%{ left: 30%;  opacity: 0; }
   100%{ left: -50%; opacity: 0; }
}