@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';
	color: #48484a;
	font-size: 14px;
	overflow-x: hidden;
}
.container{
	width:1675px;
	max-width: 100%;
}

.navbar-brand{ height: auto;}
.navbar-toggle{ margin-top: 40px;}
.navbar-light .navbar-nav .nav-link{color: #48484a;}

.navbar-default .navbar-nav>li>a{ color: #48484a; }

.header_row{ position: relative; }
/*
.content .col-lg-6:first-child{
	padding-left:0;
}
.content .col-lg-6:last-child{
	padding-right:0;
}
*/
.header{
	padding-bottom:30px;
}
.header .logo{
	padding-top: 30px;
}
.countryDesktop li{
    height:43px;
}
/*    CONTENT CSS   */
.content {
    width: 100%;
}
.content .mobile-area{

}

.content .mobile-area .mobile{
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.content .mobile-area .mobile img{
	max-width: 100%;
}

.content .mobile-desc{
	padding: 60px 20px 20px 20px !important;
	vertical-align: bottom;
}

.container > h1{

 text-transform:uppercase;
 font-size:32px;
 margin: 20px 0 50px;
 border-bottom: solid 3px;
 display: inline-block;

}

.content .adv-mobile h1{
	text-align:center;
	text-transform:uppercase;
	font-size:32px;
    margin-bottom: 50px;
}
.content .adv-mobile p{
	text-align: justify;
	font-size:16px;
}
.cont-banner{
	width: 100%;
	padding: 0;
}
.cont-banner img{
    width: 100%;
}


.icon-small
{
    height:18px;
    margin:0;
	padding:0;
}

.icon-medium
{
    height:22px;
	margin:0;
	padding:0;
}
.icon-flag {
    height: 16px;
    border-radius: 0;
}
ul.dropdown-menu{ background: #f7f7f7; padding: 5px; min-width: 200px;}

/*    FOOTER CSS   */
.footer {
    padding-top: 30px;
	padding-bottom:30px;
    width: 100%;
}

.footer .foo-buttons{
	width:100%;
	background-color:transparent;
	border: 1px solid #d1d1d1;
    margin-bottom: 30px;
    padding: 10px 20px;
    text-decoration: none;
	text-align: center;
	color: #8d8d8d;
	display:block;
    font-weight: 500;
}
.foo-buttons:hover{
    background-color: #8d8d8d;
    color: #fff;

}
.footer .col-lg-6{
    padding: 0 10%;
}
.footer .col-md-6{
    padding: 0 25%;
}
.countryContainer {
    text-align: center;
    padding: 10px;
}
    .countryContainer div {
        display: inline;
        padding-right: 10px;
        color: #48484a;
    }
    .countryContainer span {
        color: #48484a;
    }
    .countryContainer a, .countryContainer a:hover, .countryContainer a:active, .countryContainer a:focus {
        text-decoration: none;
    }

.copyright{ min-height: 40px; padding: 40px 0; margin-top: 40px;}
.copyright p{ text-align: center; margin-bottom: 0;}

/********************************************** 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 p {
    min-height: 65px;
}

.product1-images{
	position:relative;
	width:100%;
	margin-bottom:10px;
}
.product1-images img{
	/*position: absolute;
	bottom:0;
	left:0;*/
    max-width: 85%;
}

.product2-images{
	position:relative;
	width:100%;
	margin-bottom:10px;
}
.product2-images img{
	/*position: absolute;
	bottom:0;
	left:0;*/
    max-width: 95%;
}

.product3-images{
	position:relative;
	width: 100%;
	margin-bottom:10px;
}
.product3-images img{
	/*position: absolute;
	bottom:0;
	left:0;*/
    max-width: 85%;
}

.product4-images{
	position:relative;
	width:100%;
	margin-bottom:10px;
}
.product4-images img{
	/*position: absolute;
	bottom:0;
	left:0;*/
    max-width: 95%;
}

.products h5{
	font-weight: 600;
	margin-top: 40px;
}

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


/********************************************** VIDEOS CSS END ***************************************************************/
.vid{ margin-bottom: 40px; }
.vid .video-container{     position: relative; overflow: hidden; margin-bottom: 20px; padding-bottom: 56.25%; height: 0; }
.vid .video-container iframe{
	width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vid h3{ font-size: 1.3rem; font-weight: 300;}

.clearboth{ display: block; margin-top: 80px; }
/********************************************** 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 {
    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 {
    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 {
    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) {

}



/* ----------- iPad ----------- */

/* Portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    .product4-images img{
        max-height: 60px;
      }
}



@media (min-width: 992px){

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

@media (min-width: 768px){
	.content .mobile-area .mobile img {
		max-width: 60%;
		margin: 0 auto;
	}



}

@media (max-width: 992px){
	.navbar-toggler-right{ top: 20%; }

	.content .mobile-area .mobile img {
		max-width: 90%;
		margin: 0 auto;
	}

	.navbar-collapse{
		background: rgb(204, 204, 204);
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;

	}

	ul.dropdown-menu{ background: rgb(204, 204, 204); border: transparent; }
}

@media (max-width: 767px){
	.navbar-brand{ max-width: 70%; }
	.navbar-brand img{ max-width: 100%; }

	.content .mobile-area{ max-height: 400px; overflow: hidden; }
	.content .mobile-area .mobile{     align-items: flex-start; }
	.content .adv-mobile h1{ margin-bottom: 20px; }
	.content .mobile-desc{ padding-top: 20px !important; }
	.content .mobile-area .mobile img {
		max-width: 100%;
		margin: 0 auto;
	}
	.faqs-details h4{ font-size: 17px; font-weight: bolder;  }
	.faqs-details p + h4 { margin-top: 40px; }
	.product1-images, .product3-images{ text-align: center; }
	.product1-images img{ max-width: 50%; }
	.product3-images img{ max-width: 50%; }

}



@media (max-width: 375px){
	.content .mobile-area{ max-height: 290px; }
	.content .adv-mobile h1{ font-size:24px; margin-bottom: 20px; }
	.content .mobile-desc{ padding-top: 20px !important; }
}


@media all and (-ms-high-contrast:none)
{
	*::-ms-backdrop, .content .mobile-area .mobile { display: block; text-align: right;} /* IE11 */
	*::-ms-backdrop, .content .mobile-area .mobile img { margin-right: 20%;} /* IE11 */
	*::-ms-backdrop, .container + .row { margin-top: -5px !important;} /* IE11 */

}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
 	.col-lg-6{ width: 49%; display: inline-block;}

}