/* Global Defaults */
 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;
}
/*! 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;

}

.main_content p{font-family:'Segoe UI'; font-size:14px; line-height:20px; color:#666;}
.main_page p{font-family:'Segoe UI'; font-size:14px; line-height:16px; color:#666;}
.footer_bg p{font-family:'Segoe UI'; font-size:12px;}

.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-bottom:40px;}
.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:14px; margin:10px 0px 20px; line-height: 20px;}
.desc_bg a{padding:10px 20px; background-color:#AEAEAE; margin-top:10px; font-size:12px; color:#000; font-family:'MyriadPro-Regular'; }

.footer_bg{margin-top:40px;}
.footer_bg ul li{list-style:none;}
.footer_bg a,h5,li,i{color:#fff;}
.footer_bg p{color:#fff;}
.footer_bg a,li,i{font-size:12px; }
.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;}







/***************************     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: 30px 0px;}
.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-bottom:40px; 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_heading{ text-align:center; margin:80px 0px;}
.contact_heading p{ margin-top:20px; font-size:14px;}
.contact_address li{ color:#000; list-style:none;}
.contact_address li{ font-size:14px; margin-top:20px;}
.contact_form label{ font-size:16px; font-weight:500;}
.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: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

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







div.gallery {
    margin: 5px;
    float: left;
    width: 380px;
	padding:15px;
}
	
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: 'Segoe UI'; margin-bottom:40px; line-height:26px;}
.other_products p{ font-size:15px; font-family: 'Segoe UI'; padding:0px 60px;margin-bottom:20px; text-align:center;}
.footer_address p{ font-size:15px; font-family: 'Segoe UI'; line-height:26px;}
.footer_address h4, .other_products h4{ color:#fff; margin-bottom:20px; text-align:center;}
.section_footer{ padding-top:40px; text-align:center;}
.footer_address p{ margin: 0 auto;}
.copyright p{ font-size:15px; font-family: 'Segoe UI';}

.about-top p{font-size:15px; font-family: 'Segoe UI'; 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;}

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


/********** 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: 'Segoe UI';}


/********** 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;}