@font-face {
	font-family: 'Raleway-Regular';
	src: url('fonts/Raleway-Regular.eot');
	src: local('☺'), url('fonts/Raleway-Regular.woff') format('woff'), url('fonts/Raleway-Regular.ttf') format('truetype'), url('fonts/Raleway-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/********************************************** HOME CSS START ***************************************************************/

/*    HEADER CSS   */
body{
	background-color:#fff;
    font-family: 'Raleway-Regular';
	font-size: 14px;
	overflow-x: hidden;
}

.navbar-brand img{ max-width: 300px; padding-bottom:20px; }
.navbar-inverse .navbar-nav .nav-link {
    color: #fff;
}
.header_row{ position: relative;}

.container{
	width:1000px;
	max-width: 100%;
}
.content .col-lg-6:first-child{
	//padding-left:0;
}
.content .col-lg-6:last-child{
	//padding-right:0;
}
.header{
	padding-top: 20px;
    background-color: #000;
}
.header .logo_container{
	padding-top: 30px;
}
.header .logo_container img{
    max-width: 300px;
}

/*    CONTENT CSS   */
.content{
	//width:100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 50px;
}
.content .mobile-area{
    text-align: center;
}
.content .mobile-area img{
    max-width: 300px;
}
.content .mobile-desc{
    text-align: left;
    padding-top: 0px;
}
.faqs_desc .mobile-desc, .warranty_desc .mobile-desc {
    padding-top: 0 !important;
}
.content h1{
    color: #e31d1a;
    text-align: left;
}
.content .mobile-desc h1{
    color: #e31d1a;
	font-weight: bold;
}
.content .mobile-desc h6{
    text-transform: uppercase;
    margin-top: 25px;
    font-weight: bold;
}
.content .adv-mobile p{
	text-align: justify;
	font-size:16px;
}
.content .cont-banner{
	background:url(../img/ExoLens_Home_06.jpg) no-repeat;
	background-size:100% 100%;
	height:150px;
}
.buttons_container{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 50px;
    padding: 20px;
}
.warranty_button{
    text-align: center;
    width: 85%;
    background-color: #e31d1a;
    border-radius: 20px;
    border: 0;
    margin-top: 20px;
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    padding: 10px 20px;
}
.warranty_button:hover{
    color: #fff;
    text-decoration: none;
	box-shadow: 2px 2px 2px 2px #999;
}

.warranty_button:focus, .warranty_button:active{ color: #fff; }
/*    FOOTER CSS   */
.footer{
		padding-top: 30px;
		padding-bottom:30px;
    margin-top: 50px;
    background-color: #e31d1a;
		margin-left: 0;
		margin-right: 0;
}

.copyright p{ text-align: center; margin-bottom: 0; color: #fff;}

/********************************************** HOME CSS END ***************************************************************/


/********************************************** FAQS CSS START ***************************************************************/

.page-title h2{
	float:right;
	font-weight: 600;
    padding-top: 40px;
}
.faqs-details {
    text-align: justify;
}

/********************************************** FAQS CSS END ***************************************************************/


/********************************************** PRODUCTS CSS START ***************************************************************/

.products ul{
	padding-left:15px;
}

.products ul li{
	color:#d1d1d1;
}

.product1-images{
	position:relative;
	height:125px;
	margin-bottom:10px;
}
.product1-images img{
	position: absolute;
	bottom:0;
	left:0;
}

.product2-images{
	position:relative;
	height:35px;
	margin-bottom:10px;
}
.product2-images img{
	position: absolute;
	bottom:0;
	left:0;
}

.product3-images{
	position:relative;
	height:200px;
	margin-bottom:10px;
}
.product3-images img{
	position: absolute;
	bottom:0;
	left:0;
}

.product4-images{
	position:relative;
	height:70px;
	margin-bottom:10px;
}
.product4-images img{
	position: absolute;
	bottom:0;
	left:0;
}

.products h5{
	color:#48484a;
	font-weight: 600;
}
.products p{
	color:#d1d1d1;
}

/********************************************** PRODUCTS CSS END ***************************************************************/


/********************************************** VIDEOS CSS END ***************************************************************/

.vid iframe{
	height:400px;
}

/********************************************** VIDEOS CSS END ***************************************************************/


/************************************************* Media Query *******************************************************************/

/* ----------- iPhone 5 and 5S ----------- */


/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  .header .logo_container {
    text-align: center;
}
.page-title h2 {
    text-align: center;
	float:none;
}
}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	.logo-iph5-land{
		width:48%;
	}
	.title-iph5-land{
		width:48%;
	}
}

/* ----------- iPhone 6 ----------- */


/* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  .header .logo_container {
    text-align: center;
}
.page-title h2 {
    text-align: center;
	float:none;
}

}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}


/* ----------- iPhone 6+ ----------- */

/* Portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
  .header .logo_container {
    text-align: center;
}
.page-title h2 {
    text-align: center;
	float:none;
}

}

/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

}


@media (min-width: 992px){

	.navbar-right{ margin-top: 40px;}
	.navbar-default .navbar-nav>li>a:hover{ border-bottom: solid 3px #fff;  }
	.navbar-inverse .navbar-nav .nav-link:hover{border-bottom: solid 2px #fff; color: #fff;}
	.navbar-inverse .navbar-nav .active .nav-link{ border-bottom: solid 2px #fff; }
	.navbar-default .navbar-nav>li.active>a{ background: transparent; border-bottom: solid 3px #fff;  }
	.navbar-default .navbar-nav>li.active>a:hover{ background: transparent; }
	li.nav-item { margin-right: 10px; }
}

@media (max-width: 992px){
	.navbar-toggler-right{ top: 30%;   }
	.navbar-inverse .navbar-toggler{ border-color: #fff; }
	.navbar-brand img{ max-width: 100%;}
	.navbar-brand { max-width: 70%;}
	.content .mobile-area .mobile img {
		max-width: 90%;
		margin: 0 auto;
	}

	.navbar-collapse{
		background: #e31d1a;
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		margin-bottom: -10px;

	}
}