.btnopen{cursor:pointer;color:#000;font-size:16px;padding:5px 15px; clear:both;width:100%;margin:0 auto;text-align:center;display:block;background:#fff;border:2px solid #000;text-transform:uppercase;margin-bottom:20px;}

.btnopen:hover{background:#000;color:#fff;}



#mySidenav h4{color:#000;}

#mySidenav label{color:#000;}



#mySidenav fieldset{border:1px solid #000;margin-bottom:5px;padding:0px 10px 10px 10px;}

#mySidenav #Submit-Filter{width:100%;margin:0;margin-top:10px;}



#Submit-Filter{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;cursor:pointer;}

#Submit-Filter:hover{background:#ffc906;}



.sidenav {

    height: 100%;

    width: 0;

    position: fixed !important;

    z-index: 1002;

    top: 0;

    right: -100px;

    background-color: #fff;

	   	-webkit-transition: 0.4s;

		-moz-transition: 0.4s;

		-o-transition: 0.4s;

		-ms-transition: 0.4s;

		transition: 0.4s;

   padding:30px;



    

}



.sidenav .closebtn {

    position: absolute;

    top: -1px;

    left: -39px;

    font-size:40px;

	font-weight:300;

	padding:9px;

  color:#fff;background:grey;text-decoration:none;

}

#bgcolor{position:fixed;background:rgba(0,0,0,.8);width:100%;height:100%;z-index:1001;}



.navbar{margin-top:15px;}





.iframe-container {

    position: relative;

    overflow: hidden;

    padding-top: 56.25%;

}

.iframe-container iframe {

  position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0;

}

.nav-menu{margin-top:15px;}

a.link,a.link-3{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;cursor:pointer;}

a.link:hover,a.link-3:hover{color:#ffc906;}



.section-3,.section-4,.section-6{font-size:16px;color:#fff;font-family: 'Dinpro';font-weight:300;}

.section-3 ul{margin:0;padding:0;list-style:none;float:left;

border-top:1px solid #333d44;border-bottom:1px solid #333d44;padding:20px 0;}

.section-3 ul li.homebox01{ display: flex;font-size:16px;color:#fff;font-family: 'Dinpro';font-weight:300;border-right:1px solid #333d44;}

.section-3 ul li.homebox01:last-child{border-right:none;}

.section-3 ul li.homebox01 a, .section-other a{font-weight:700;font-size:14px;color:#fff;text-decoration:none;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;cursor:pointer;}

.section-3 ul li.homebox01 a:hover, .section-other a:hover{color:#ffc906;}

.section-3 ul li.homebox01 .box01{display: inline-block;

  align-self: flex-end;}

  .section-3 h3, .section-6 h3{color:#ffc906;text-transform:uppercase;font-size:34px;  font-family: 'Dinpro cond';font-weight:normal;}

.boxright{vertical-align:bottom;}

.section-other{ display: flex;font-size:16px;color:#fff;font-family: 'Dinpro';font-weight:300;}



.section-6{padding:0px 0;margin-bottom:20px;}

.logolist{margin:0;padding:0;list-style:none;  display: flex;

  flex-wrap: nowrap;margin-top:30px;}

.logolist li{width: 25%;text-align:center;

  margin: 0px;}

.logolist li a.btnreadmore{margin-top:20px;display:block;font-weight:700;font-size:14px;color:#fff;text-decoration:none;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;cursor:pointer;text-align:left;}

.logolist li a:hover{color:#ffc906;}



.section-other{margin:20px 0;}



.productbox{font-size:16px;color:#fff;font-family: 'Dinpro';font-weight:300;}

.productbox .w-col{padding-left:15px;padding-right:15px;}

.productbox h3{font-size:50px;color:#fff;margin:20px 0;}

.productbox p{margin-bottom:25px;}

.productboxleft{text-align:right;border-right:1px solid #668386;}

.logobox{margin-bottom:30px;}

.productboxright{text-align:left;}



ul.productlistimg{margin:0;padding:0;list-style:none;float:right;margin-bottom:20px;}

ul.productlistimg li{display:inline-block;width:28%;margin:10px;}



ul.btnlist{margin:0;padding:0;list-style:none;float:right;margin-top:30px;}



ul.btnlist li{display:inline-block;margin:0 15px;}

ul.btnlist li a{color:#fff;font-size:19px;font-family: 'Dinpro';font-weight:700;text-decoration:none;display:block;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;cursor:pointer;}

ul.btnlist li a.btndownload{background:url("../images/btndownload.png") no-repeat right center;padding:6px 0;padding-right:35px;}

ul.btnlist li a.btncontact{background:url("../images/btncontact.png") no-repeat right center;padding:6px 0;padding-right:45px;}

ul.btnlist li a:hover{color:#ffc906;}

.section-footer{padding-left:15px;padding-right:15px;}



a.contact01{color:#fff;text-decoration:none;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;cursor:pointer;}

a.contact01:hover{color:#ffc906;}



.div-block, .div-block-3, .div-block-4, .div-block-5, .div-block-6{max-width:1100px;margin:0 auto;width:100%;}

.columns-34, .columns-33{margin-top:-60px;}

.columns-31{margin-top:-60px;}

.columns-29{margin-top:-60px;}

.columns-30{margin-top:-60px;}

.column-65{margin-bottom:20px;}

.column-60{margin-top:15px;}



#productmainbox{position:relative;top:0px;}

#productmainbox2{position:relative;top:-30px;}



#productmainbox.phenomenal-box{top:-100px;}

#productmainbox.phenomenal-box .column-53{bottom:-120px;}



#productmainbox.marquis-box{top:-40px;}

#productmainbox.marquis-box .column-64{bottom:-180px;}



#productmainbox.knight-box{top:-90px;}

#productmainbox.knight-box .column-67{bottom:-170px;}



#productmainbox.chevalier-box{top:-90px;}

#productmainbox.chevalier-box .column-67{bottom:-180px;}



#productmainbox.baron-box{top:-90px;}

#productmainbox.baron-box .column-67{bottom:-180px;}



#productmainbox.countess-box{top:-90px;}

#productmainbox.countess-box .column-64{bottom:-195px;}



#productmainbox.lili-box{top:-60px;}

#productmainbox.lili-box .column-76{bottom:-35px;}



#productmainbox.nana-box{top:-40px;}



.paragraph-18{text-align:left;}



/*V12 PAGE*/

.heading-7, span{color: #f26f23;}

span{font-weight: bold;}

.column{border-right: 3px solid #f26f23;}

.column .heading-7, .column-17 .heading-7, .column .paragraph-11, .column-17 .paragraph-11{text-align: unset;}

.column .paragraph-11{margin-right: 0;}

.column-17 .paragraph-11 {margin-left: 0;}

.column img, .column-17 img{margin: 0;}

.clear_20{clear: both;}

.clear_50{height: 50px;}

.w-col{padding-left: 20px; padding-right: 20px;}



table td{border: 1px solid #808285; vertical-align: middle; padding: 15px;}

table td p{font-size: 18px!important; margin: 0px!important;}

table tr:first-child td{border-top: 0;}

table tr:last-child td{border-bottom: 0;}

table td:first-child{border-left: 0;}

table td:last-child{border-right: 0;}



.display-mobile{display: none;}

.display-mobile ul{list-style: none; padding: 0;}

.display-mobile ul li{border: 1px solid #808285; vertical-align: middle; padding: 15px; border-left: 0; border-right: 0;}

.display-mobile ul li p{font-size: 18px!important; margin: 0px!important;}

/*V12 PAGE END*/



/*WATCH DATABASE*/

table.search-form{

  width: 100%;

  margin-bottom: 30px;

}



table.search-form td{

  border: 0!important;

}



table.search-form td input{
   display: block;
   width: 100%;
   line-height: 1.428571429;
   color: #333;
   vertical-align: middle;
   border: 1px solid #ccc;
   border-style: none solid solid none;
   border-width: 1px;
   border-color: #000 #3f3e3e #3f3e3e #000;
   background-color: #fff;
   font-family: Dinpro, sans-serif;
   font-size: 19px;
   margin-bottom: 0;
   height: unset;
   padding: 9px 15px;
}

table.search-form td.submit-search input{
  display: block;
  border-style: none;
  background-color: #969696;
  font-family: Dinpro, sans-serif;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  -webkit-appearance: button;
  cursor: pointer;
  color: #fff;
}



table.search-results{

  width: 100%;

}

table.search-results tr td{

  font-family: Dinpro, sans-serif;

  color: #000;

  font-size: 17px;

  font-weight: 300;

}



table.search-results tr td:first-child{

  width: 20%;

}



table.search-results tr td:nth-child(3), table.search-results tr td:last-child{

  width: 13%;

  text-align: center;

}



table.search-results tr:first-child td{

  font-weight: 500;

}



table.search-results tr td .logo{

  width: 100%;

  margin-top: 10px;

  background-color: #fff;

  padding: 10px;

}

ul.alphabet-list{

  padding: 0;

  list-style: none;

}



ul.alphabet-list li a{
  font-family: Dinpro, sans-serif;
  color: #000;
  font-size: 17px;
  font-weight: 300;
  text-decoration: none;
}



ul.alphabet-list li a.w--current{

  font-weight: 500;

}

table.search-results td > a {pointer-events: none; text-decoration:none; color:inherit;}

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

  /* Force table to not be like tables anymore */
  table.search-results, table.search-results td, table.search-results tr { 
    display: block; 
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  table.search-results tr:first-child { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  table.search-results tr { border: 1px solid #808285; margin: 5px; }
  
  table.search-results td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #808285; 
    position: relative;
    padding-left: 50%; 
  }
  
  table.search-results td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }

  table.search-results tr td:first-child{
    width: 100%;
  }

  table.search-results tr td:nth-child(3), table.search-results tr td:last-child{
    width: 100%;
    text-align: unset;
  }
  
  /*table.search-results tr td .logo{display: none;}*/

  table.search-results tr:last-child td{border-bottom: 1px solid #808285;}
  table.search-results tr:nth-child(odd){background-color: #808285;}
  table.search-results tr:nth-child(odd) td{border-color: #000;}
  
  /*
  Label the data
  */
  table.search-results td:nth-of-type(1):before { content: "Brand"; }
  table.search-results td:nth-of-type(2):before { content: "Model"; }
  table.search-results td:nth-of-type(3):before { content: "Turn Direction"; }
  table.search-results td:nth-of-type(4):before { content: "Turns Per Day"; }
}

/*WATCH DATABASE END*/



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

.div-block, .div-block-3, .div-block-4, .div-block-5, .div-block-6{padding-top:0;}    

#productmainbox.phenomenal-box, #productmainbox.marquis-box, #productmainbox.knight-box, #productmainbox.chevalier-box, #productmainbox.baron-box, #productmainbox.countess-box, #productmainbox.lili-box, #productmainbox.nana-box{top:0px;}

#productmainbox.phenomenal-box .column-53{bottom:0px;}

#productmainbox.marquis-box .column-64{bottom:0px;}

#productmainbox.knight-box .column-67{bottom:0px;}

#productmainbox.chevalier-box .column-67{bottom:0px;}

#productmainbox.baron-box .column-67{bottom:0px;}

#productmainbox.countess-box .column-64{bottom:0px;}

#productmainbox.lili-box .column-76{bottom:0px;}



.columns-12, .columns-25, .columns-28, .columns-29, .columns-30, .columns-31, .columns-33, .columns-34{display:block;padding:0 15px;margin:0;text-align:center;height:inherit !important;bottom:0;}



.columns-12 .w-col, .columns-25 .w-col, .columns-28 .w-col, .columns-29 .w-col, .columns-30 .w-col, .columns-31 .w-col, .columns-33 .w-col, .columns-34 .w-col{padding:0;margin:0;text-align:center;top:0;bottom:0;left:0;right:0;}



.columns-12 .w-col img, .columns-25 .w-col img, .columns-28 .w-col img, .columns-29 .w-col img, .columns-30 .w-col img, .columns-31 .w-col img, .columns-33 .w-col img, .columns-34 .w-col img{top:0;bottom:0;left:0;right:0;margin:0 auto;padding:0;max-width:100%;max-height:inherit;margin-bottom:15px;width:100%;height:auto;}

    

.paragraph-19, .paragraph-19-2, .paragraph-33, .paragraph-31{padding:15px;margin:0 0 10px 0;display:block;font-size:14px;text-align:center;    font-family: Dinpro, sans-serif;}    

#productmainbox,#productmainbox2{top:0;}

.columns-34, .columns-33{margin-top:0px;}

.columns-31{margin-top:0px;}

.columns-29{margin-top:0px;}

.columns-30{margin-top:0px;}

.column-60{margin-top:40px !important;}





 .logo{height:70px;}

 table.search-results tr td .logo{height: unset;}

 .navbar{margin-top:10px;padding-bottom:10px;}

.desktopview{display:none;}

.column-18{margin:10px 0;}

.container-box{padding-left:15px;padding-right:15px;}

.container-13{padding-left:15px;padding-right:15px;}

.section-3, .section-4{padding-left:15px;padding-right:15px;}

.section-6{text-align:center;}

.section-4{display:none;}

.section-3 ul li.homebox01{display:block;text-align:center;margin-bottom:40px;}

.section-4{text-align:center;}

.logolist{display:block;margin:0 auto;text-align:center;}

.logolist li{width:100%;display:inline-block;margin:15px 0px;text-align:center;}

.logolist li a.btnreadmore{text-align:center;}

.columns-2{margin-left:15px;margin-right:15px;}

.columns-3{margin-left:15px;margin-right:15px;}

.column-13,.column-12{padding-left:0;padding-right:0;}

.productboxleft{border:none;margin-bottom:30px;}

ul.productlistimg li{width:42%;}

ul.btnlist{float:right !important;text-align:right;}

.columns-8{padding-left:15px;padding-right:15px;}



/*V12 PAGE*/

.display-desktop{display: none;}

.display-mobile{display: block;}

/*V12 PAGE END*/

}