html, body {
 margin: 0px;
 padding: 0px;
 border: 0px;
 }
 body {
 font: 1em/1.25 Arial, Helvetica, sans-serif;
 }
 
 /* Headlines */
 h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
 font-weight: normal;
 font-family: Arial, Helvetica, sans-serif;
 }
 
 /* Text Styles */
 p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {
 margin: 0;
 padding: 0;
 /*font: normal normal normal 1em/1.25 Arial, Helvetica, sans-serif;*/
 }
 blockquote {
 margin: 1.25em;
 padding: 1.25em
 }
 q {
 font-style: italic;
 }
 acronym, abbr {
 cursor: help;
 border-bottom: 1px dashed;
 }
 small {
 font-size:.85em;
 }
 big {
 font-size:1.2em;
 }
 
 /* Links and Images */
 a, a:link, a:visited, a:active, a:hover {
 text-decoration: none;
 }
 img {
 border: none;
 }
 
 /* Tables */
 table {
 margin: 0;
 padding: 0;
 border: none;
 }
 
 /* Forms */
 form {
 margin: 0;
 padding: 0;
 display: inline;
 }
 label {
 cursor: pointer;
 }
 
 /* Common Classes */
 .clear { clear: both; }
 .floatLeft { float: left; }
 .floatRight { float: right; }
 .textLeft { text-align: left; }
 .textRight { text-align: right; }
 .textCenter { text-align: center; }
 .textJustify { text-align: justify; }
 .blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
 .bold { font-weight: bold; }
 .italic { font-style: italic; }
 .underline { text-decoration: underline; }
 .noindent { margin-left: 0; padding-left: 0; }
 .nomargin { margin: 0; }
 .nopadding { padding: 0; }
 .nobullet { list-style: none; list-style-image: none; }
 
 
 /************ fonts ***********/
 /* This stylesheet generated by Transfonter (https://transfonter.org) on May 17, 2017 7:21 AM */

@font-face {
	font-family: 'Segoe UI';
	src: url('fonts/SegoeUI-Italic.eot');
	src: url('fonts/SegoeUI-Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/SegoeUI-Italic.woff') format('woff'),
		url('fonts/SegoeUI-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

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

@font-face {
    font-family: 'karlaregular';
    src: url('fonts/karla-regular-webfont.woff2') format('woff2'),
         url('fonts/karla-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 17, 2017 */

@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


 p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea, div, h2, h4, h3 {font-family:'latoregular';
}

.main_content p{font-family:'latoregular'; font-size:15px; line-height:22px; color:#333; line-height:24px;}
.main_page p{font-family:'latoregular'; font-size:15px; line-height:16px; color:#333;}
.footer_bg p{font-family:'latoregular'; font-size:12px;}


.footer_content ul li{font-size: 14px; padding: 5px 0px; line-height: 20px; color: #f2f2f2;}

.product_about h2{margin: 30px 0px;}

.nav{ padding-left:5%;}
.nav > li > a{ font-size:20px; font-weight:bold;}


/*.header_lyft{padding:25px 0px;}*/
.menu ul { list-style-type: none; margin: 0; padding: 15px 0px;}
.menu li { display: inline; padding-left:50px; font-size:14px;}
.dropbtn { padding: 16px; border: none; cursor: pointer;}
.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); z-index: 1;}
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content { display: block;}
.dropdown:hover .dropbtn { }
/*.banner{margin-bottom:50px;}*/

.main_page h3{ text-align:center; margin:80px; font-size: 30px;}
/*.desc_bg{background-color:#f5f5f5; height:450px; margin:20px; width:350px; padding:10px;}*/
.desc_bg:hover { -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; }
/*.desc_bg img{padding-top:0px; margin-bottom:10px;}*/
.desc_bg p{font-size:15px; margin:10px 0px 20px; line-height: 22px;}
/*.desc_bg a{padding:10px 20px; background-color:#AEAEAE; margin-top:10px; font-size:12px; color:#000; }*/

.footer_bg{margin-top:40px;}
.footer_bg ul li{list-style:none;}
.footer_bg a,h5,li,i{color:#f2f2f2;}
.footer_bg p{color:#fff;}
.footer_bg a,li,i{font-size:14px; }
.footer_bg h5{margin:60px 0px 30px;}
.footer_bg li{margin-bottom:15px;}

.footer_bg{background-color:#525451;}
.contact .fa{float:left;}
.contact ul{margin-left:20px;}
/*.copyright p{padding:30px 0px; border-top:1px solid #000;}*/

.copyright{ background-color:#000; padding:25px 0px;}
.copyright p{ color:#fff;}



/***************************     LYFT SLEEk      ************************/

.menu_bg{background-color:#6d6969;}
.nav > li > a {padding:10px 40px !important; font-size:14px; color:#fff;}
.tab-content h3{margin:40px 0px;}
.menu_bg{margin:50px 0px 10px;}
.product_about h3{margin-bottom: 20px;}
.product_detail h3{ margin:30px 0px;}
.product_detail img{width: 100%; height: auto;}
.main_content p{margin-bottom:20px;}
.main_content p span{font-size:10px;}
.main_content h5{color: #666; margin:5px 0px;}
#menu5 p{font-size:16px; margin:20px 0px;}
#home p{margin-top:100px;}



.table_cc{margin-top:40px;}
.slim_about{margin-top:0px !important;}


.support_pdf ul li{ float:left; margin-right:80px;}
.support_pdf h4{ margin:40px 0px;}
.support_pdf p{ margin-top:20px;}


.new_ver h4{ margin-bottom:15px !important; text-align: left !important;
    padding: 10px 0px !important;}

/********************  contact  ******************/

.address i{ color:#000;}
.address p{ font-size:12px; margin:10px 0px;}
.contact_note{ font-size:13px; margin:15px 0px;}
.contact_form label{font-size: 14px; font-weight:normal;}



.contact_heading{ text-align:center; margin:80px 0px;}
.contact_heading p{ margin-top:20px; font-size: 16px; padding: 0px 150px;}
.contact_address li{ color:#000; list-style:none;}
.contact_address li{ font-size:14px; margin-top:20px;}
.contact_address h4{ font-size:24px;}


input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type=submit] {
    background-color: #333;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	font-size:16px;
}

input[type=submit]:hover {
    background-color: #555;
}
.product_page img{ width:100%; height:auto;}



div.gallery {
    margin: 5px;
    float: left;
    width: 380px;
	padding:15px;
	height: 350px;
}
	
div.gallery:hover {
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
	font-size:16px;
}

.product_heading h3{ margin:100px 0px 70px; text-align:center;}

.banner_text{
	text-align:center;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	color:#fff;
}
.menu li{ padding:0px 40px; font-size:16px;}
.about{ text-align:center;}
.about h3{ padding:40px 0px 20px;}
.about p{ font-size:16px; font-family: 'latoregular'; margin-bottom:40px; line-height:26px;}
.other_products p{ font-size:15px; font-family: 'latoregular'; padding:0px 60px;margin-bottom:20px; text-align:center;}
.footer_address p{ font-size:15px; font-family: 'latoregular'; line-height:26px;}
.address h4{ color:#fff; margin-bottom:20px; }
.other_products h4{ color:#fff; margin-bottom:20px; }
.links h4{ color:#fff; margin-bottom:20px; }


.section_footer{ padding-top:40px; text-align:center;}
.footer_address p{ margin: 0 auto;}
.copyright p{ font-size:15px; font-family: 'latoregular';}

.about-top p{font-size:16px; font-family: 'latoregular'; line-height:25px; margin-top:10px; margin-bottom:15px;}
.product_about h4{ text-align:center; padding:40px 0px;}
.product_about{ margin-top:40px;}
.table_cc h3{ font-weight:bold; padding:40px 15px;}
.conceal p{ position: relative;	top: 50%; transform: translateY(50%);}
/*.about-top p{ padding:20px 0px 30px 0px;}*/
.about-top h3{margin-bottom: 30px; font-size: 30px;}
/*.about-top{margin-bottom: 40px;}*/

.screen_description h2{ margin:40px 0px 20px;}
.screen_description p{font-size:16px; padding:5px 0px; margin-right: 40px;}
.screen_description p span{font-size:15px; font-weight:bold;}
/*.image_icon{display: block; margin-left: auto; margin-right: auto; width: 50%;}*/
.image_icon{ width: 100%;}
.cc_detail h2{ margin:40px 0px 20px;}

.dimension_tabel h2{margin:40px 0px 30px;}


/********** Screen Size Calculator **********/
.content h3{ text-align:center; margin:80px 0px 40px; font-weight:bold; font-size:28px;}
.content h4{ padding:0px;}
.content .table-row .aspect_ratio label{ font-size:20px; margin-bottom:20px;}
.content .table-row label{ font-size:14px; }
#screen_type{ width:60%; font-size:14px;}
.surface_image{ width:250px; height:200px; margin-bottom:40px;}
.content h4{ text-align:left;}
#screen_spec{ width:60%; font-size:14px;}
.content .subform input{ width:60px; height:40px; font-size:14px; border: 1px solid #ccc; border-radius:4px; text-align:center;}
.content .subform2 input{ width:75px; height:40px; font-size:14px;}
.form_calculate .table-row{ float:left;}
.form_calculate h4{font-size:20px; margin-bottom:20px; font-weight:bold;}
.btn_clk{ clear:both;}
.btn_clk button{ background-color: #697383 ; color: white; padding: 12px 20px; border: none; border-radius: 4px;
 cursor: pointer; font-size:14px; margin-top: 30px;}
.btn_clk button:hover{ background-color:#35455d;}
.content input[type=submit] {background-color: #697383 ; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; font-size:14px; clear:both;}		
.content input[type=submit]:hover{ background-color:#35455d;}
#frame_info h4{ clear:both; float:none; font-weight:bold; margin-top:20px;}
#frame_info p{ float:left; margin-right: 40px;}
#frame_info p span{ display:table-cell; font-size:14px; font-weight:bold; color:#000; 
    padding: 20px 0px;}
#frame_info input[type=text]{width:60px; height:40px; font-size:14px; }
#image-swap-2{ display:block; margin-left: auto; margin-right: auto; width: 100%;}


.form_calculate span{ font-size: 14px;    margin-right: 10px; font-family: 'karlaregular';}


/********** PDF style **********/
.pdf_image img{ display: block; margin-left: auto; margin-right: auto; width: 100%;}
.pdf_text{ width:35%; float:left;}
.pdf_image{ width:65%;}

.accessories_about img{ width:50%; height:auto; margin:auto;}

.hide_value{ height:0px;}
.form_calculate label{ margin-bottom:20px;}
.form_calculate span{ font-size:12px;}

.image_main{ text-align:center;}
.image_main .image_icon{ width:auto;}

.product_desc img{ width:100%;}


/*******HEADER NEW*******/

li{list-style:none; border: 0px; }	
#menu ul { margin: 0; padding: 0;}
#menu .main-menu {  display: none;}
#tm:checked + .main-menu {  display: block;}
#menu input[type="checkbox"], 
#menu ul span.drop-icon {  display: none;}
#menu li, 
#toggle-menu, 
#menu .sub-menu {  border-style: solid;  border-color: rgba(0, 0, 0, .05);}
#menu li, 
#toggle-menu {  /*border-width: 0 0 1px;*/}
#menu .sub-menu {  background-color: #f9f9f9;  border-width: 1px 1px 0;  margin: 0 1em;}
#menu .sub-menu li:last-child {  border-width: 0; } 
#menu li, 
#toggle-menu, 
#menu a {  position: relative;  display: block;  color: #000; text-decoration:none;/*text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);*/}
#menu, 
#toggle-menu {  background-color: #fff;}
#toggle-menu, 
#menu a {  padding: 1em 1.5em; font-size:15px;}
#menu a {  transition: all .125s ease-in-out;  -webkit-transition: all .125s ease-in-out;}
#menu a:hover {  background-color: #fff;  color: #09c;}
#menu .sub-menu {  display: none;}
#menu input[type="checkbox"]:checked + .sub-menu {  display: block;}
#menu .sub-menu a:hover {  color: #444;}
#toggle-menu .drop-icon, 
#menu li label.drop-icon {  position: absolute;  right: 1.5em;  top: 1.25em;}
#menu label.drop-icon, #toggle-menu span.drop-icon {  border-radius: 50%;  width: 1em;  height: 1em;  text-align: center;
background-color: #666;  /*text-shadow: 0 0 0 transparent;*/  color: rgba(255, 255, 255, .75);}
#menu .drop-icon {  line-height: 1;}


#toggle-menu .drop-icon-bars, 
#menu li label.drop-icon-bars {  position: absolute;  right: 1.5em;  top: 1.25em;}
#menu label.drop-icon-bars, #toggle-menu span.drop-icon-bars { border-radius: 50%; width: 5em;  height: 5em; text-align: center;    margin-top: 10%;  color: rgba(255, 255, 255, .75);}
#menu .drop-icon-bars {  line-height: 1;}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {

    color: #000;
}


.index_image{height:250px; width:100%;}

.xyz{float: right;}
/*.xyz li{padding: 40px;}*/
.xyz > li{ padding: 20px 30px;}
	
	
@media only screen and (max-width: 64em) and (min-width: 52.01em) {
  /*#menu li {    width: 33.333%;  }*/
  #menu .sub-menu li {    width: auto;  }
}

@media only screen and (min-width: 57.938em) {
  #menu .main-menu {display: block;}
  #toggle-menu, 
  #menu label.drop-icon {display: none;}
  #menu ul span.drop-icon {display: inline-block;}
  #menu label.drop-icon-bars {display: none;}
  #menu ul span.drop-icon-bars {display: inline-block;}

  #menu li { float: left;    border-width: 0px;  }
  #menu .sub-menu li {float: none;  }
  #menu .sub-menu {border-width: 0;margin: 0;position: absolute;/* top: 100%;*/left: 0;width: 12em; z-index: 3000;  }
  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {    display: none;  }
  #menu .sub-menu li {   /* border-width: 0 0 1px;*/  }
  #menu .sub-menu .sub-menu {    top: 0;    left: 100%;  }
  #menu li:hover > input[type="checkbox"] + .sub-menu {display: block;}
}	
	
@media screen and (max-width: 900px) {
	
.header_image{ visibility: hidden !important; height: 0px;}
.xyz{float: none; background-color: #f9f9f9;}
.xyz li{padding: 0px;}
#toggle-menu{border: 0px;}
	
}


.table_cc img{width: 100%;}

.lyft-pro{text-align: center;}

.slim_xs_menu1 img{width: 100%;}
.slim_xs_menu1 h4{margin-bottom: 35px; margin-top: 20px;}


.home_about{background-color: #f4f4f4;}
.about-top p{ text-align: center;}
.about-top .col-md-12{padding: 80px 0px;}
.desc_bg{border: 1px solid #999; padding: 20px 40px;}
.desc_bg img {padding-top: 0px; margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 20px;}
.desc_bg h4{ text-align: center; color: #000;}

.product_page .container img{ width: 100%; height: 250px;}
.product_heading h2{text-align: center; margin: 80px 0px 60px;}
.product_page h3{margin: 40px 15px; font-weight: bold;}






.section_lift img{ text-align:center;}
.lyft_desc h3{margin-bottom:20px;}
.lyft_desc p{line-height:24px;	margin-bottom:20px; font-size: 16px;}
.section_lift{ padding-top:100px;}
.section_lift .row{ display:flex; height: 350px;}

.lyft_accessories{ text-align:center;}
.lyft_accessories p{ padding: 20px 150px; line-height:25px; font-size: 16px;}
.lyft_desc {
    position: relative;
    transform: translatey(-50%);
    top: 50%;
}


.custom_screen{background-color: #f4f4f4; margin-top: 80px;}
.custom_screen .container{padding:60px 0px;}
.custom_screen_desc{ text-align: center; margin: 80px 0px;}
.custom_screen_desc span{ font-size: 16px; font-weight: bold; padding: 40px 0px;}
.custom_screen_desc h2{ padding: 20px 0px;}
.custom_screen_desc p{font-size: 16px; line-height: 24px; padding-bottom: 40px;}
.custom_screen_desc span a{ color: #000; padding: 10px 20px; border-radius: 10px; border: 2px solid #000;}
.custom_screen img{width: 100%;}


.carousel-inner{height: 500px !important;}
.section_lift .carousel-inner{height: auto !important;}
.footer_content{ color: #fff; padding: 40px 0px;}

	.lyft_desc a{
	background-color: #000;
    color: #fff;
		padding: 10px;}
/*.carousel-indicators{bottom:0px !important;}
.carousel-indicators li{border:1px solid #000 !important;}
.carousel-indicators .active{ background-color: #000 !important;}*/