@charset "UTF-8";
/* CSS Document */
/* COLOURS */
/*
Green:#9ed114;
Black: #000000;
Dark-grey: #2d2d2d;
Light-grey - Text - Main: #C4C5C5;
Light-grey - Text - Secondary: #eaeaea;
Light-grey Menu: #c4c5c5;
Grey 1: #444444;
Grey 2: #505050;
*/

/* DEFAULT  - Unique for websites */

body {
	margin-bottom:30px; 
	background: url("../images/BG-main-3.jpg") no-repeat fixed center top #090909;
}
.right {
	float:right;
}
p,
address {
	font-family: "Helvetica Neue", Helvetica, Arial, Gotham, sans-serif;
	font-size:100%;
	font-weight:normal;
	color: #c4c5c5;
	line-height:1.3em;
}
a {
	color:#C4C5C5;
	text-decoration: none; 
}
li, a, img, ul, ol {
	list-style:none;
	text-decoration:none;
	border:none;
}
.first-header {
	padding:0px !important;
}
.larger {
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: 300;
}
h3 small {
	color:#333333 !important;
}
.light {
	font-weight:lighter;
}
.medium {
	font-weight:300;
}
.strong {
	font-weight:bold;
}
.green {
	color:#9ed114;
}
.white {
	color:#FFF;
}
.light-grey {
	color:#C4C5C5;
}
.padding-40 {
	padding:40px;
}
.padding-side-25 {
	padding-left:25px;
	padding-right:25px;
}
.padding-right-25 {
	padding-left:0px;
	padding-right:25px;
}
.padding-bottom-10 {
	padding-bottom:10px;
}
.padding-bottom-30 {
	padding-bottom:30px;
}
.padding-top-20 {
	padding-top:20px;
}
.margin_btm_20 {
	margin-bottom:20px;
}
.margin_btm_30 {
	margin-bottom:30px;
}
.margin_btm_40 {
	margin-bottom:40px;
}
.padding-all-10 {padding:10px;}
.padding-all-20 {padding:20px;}
.padding-all-30 {padding:30px;}
.padding-all-40 {padding:40px;}
.padding-all-50 {padding:50px;}

.padding-side-20 {padding-left:20px;padding-right:20px;}
.padding-side-30 {padding-left:30px;padding-right:30px;}
.padding-side-40 {padding-left:40px;padding-right:40px;}

.padding-noside-20 {padding-top:20px;padding-bottom:20px;}
.padding-noside-30 {padding-top:30px;padding-bottom:30px;}
.padding-noside-40 {padding-top:40px;padding-bottom:40px;}
.font-light {
	font-weight:lighter;
}
.border-btm-1 {
	border-bottom:1px solid #666666;
	padding-bottom:20px;
}
.border-btm-5 {
	border-bottom:5px solid #9ed114;
	padding-bottom:10px;
}
.service-side {
	
}
.name-card {
	padding:20px;
	background-color: #444;
	color:#C4C5C5;
}
small {
	color: #999 !important; 
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

/* GLYPHICONS */

.glyphicons,
.social {
	padding-left:15px;
	display:inherit !important;
}
.glyphicons:before,
.social:before {
	  margin-right: 10px !important;
	  color: #9ed114 !important;
	  font-size:100% !important;
}
.footer_social .glyphicons,
.footer_social .social {
	font-size:140%;
}
.footer_social .glyphicons:before,
.footer_social .social:before {

}


/* HEADER */

.top_header {
	height:30px;
	padding:10px;
	padding-right:40px;
	margin-bottom:20px;
}
.top_header p {
	font-size:160%;
	font-weight:200;
}

/* SITE NAVIGATION */

nav {
	
}
.navbar  {
	min-height:130px;
	padding-top:5px;
	margin-bottom:0px !important;
	}
.navbar-default {
    background-color:#333333 !important;
	background-image:none !important;
    	border: none;
	border-image:none !important;
	border-radius:0px;
}
.navbar-default .navbar-collapse {
	border:none !important;
}
.navbar-brand {
	margin:0px;
	padding-left:30px;
}
.navbar-brand img {
	
}
ul.nav {
	float:right;
	margin-right: 5px;
	padding-top: 20px;
}
.navbar .nav {

}
.navbar ul.nav li {
	padding:15px;
	padding-right:18px;
	padding-left:18px;
}
.navbar ul.nav li a {
	display: block;
	text-align: center;
	color: #C4C5C5 !important;
	padding:0px;
	padding-top:20px;
	padding-bottom:10px;
	border-radius:0px;
	background-color:transparent !important;
}
.navbar ul.nav li.active {
	
}
.navbar ul.nav li.active a,
.navbar ul.nav li.active a:hover {
	border-top:5px solid #9ed114;
	padding-top:15px;
	padding-bottom:10px;
	background-color:transparent !important;
	background-image:none !important;
}
.navbar ul.nav li a:hover {
	border-top:5px solid #505050;
	padding-top:15px;
	padding-bottom:10px;
	background-color:transparent !important;
}

/* Navbar Toggle */

.navbar-toggle {
	background-color:#9ed114 !important;
	margin-top: 75px;
	margin-right:20px;
    padding: 8px 10px;
}
.navbar-default .navbar-toggle {
    border-color: #505050;
}
navbar-collapse collapse {
    text-align: center;
}

/* CAROUSEL */

.carousel-indicators li {
    border: 1px solid #9ed114 !important;
}
.carousel-indicators .active {
    background-color: #9ed114 !important;
}
.carousel-caption {
    padding-bottom: 15px;
	padding-top:0px !important;
}
	
/* CONTENT */

.dropcap {
    float: left;
    color: #72C02C;
    padding: 5px 0px;
    font-size: 200%;
    font-weight: 200;
    line-height: 20px;
    margin: 0px 5px 0px 0px;
}
.bg-dark {
	background:#505050;
}
.content_no_padding {
	padding:0px;
}
.content_wrap {
	background:#505050;
	padding:40px;
}
.content_small_boxes {
	background:#505050;
	padding-left:25px;
	padding-right:25px;
}
.content_wrap p{
	
}
.content_wrap .row {
	
}
.row .col-md-4 {
	/* padding:0px !important; */
}
.small_box_inner {
	padding:40px 15px;
	text-align:center;
	margin-right:0px;
	margin-left:0px;
}
.small_box_inner_mdl {
	padding:40px;
	padding-right:0px;
	padding-left:0px;
	text-align:center;
	margin-right:0px;
	margin-left:0px;
}
.small_box_inner_mdl_border {
	padding-right:40px;
	padding-left:40px;
	border-left: 1px solid #767676;
	border-right:1px solid #767676;
}
.small_box_inner span,
.small_box_inner_mdl span {
	color:#727272;
	font-size:300%;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	border-bottom:5px solid #9ed114;
}
.small_box_inner p,
.small_box_inner_mdl p {
	text-align:left;
	margin-top:20px;
}
.small_box_inner h3,
.small_box_inner_mdl h3 {
	text-align:center;
	color:#c4c5c5;
	padding-top:20px;
}

/* MODAL BOX */

.modalBox {
	width:75%;
}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 100%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }


/* SERVICES */

.services-content {
	background:#505050  url(../images/btn-products.png) bottom left 40px scroll no-repeat;
}
.services-wrap {
	padding-right:30px;
}
.services-wrap h2 {
	padding-top:20px;
	padding-bottom:10px;
}
.services-wrap p {
	margin-bottom:20px;
}
.icon-mr-glass {
	background:url(../images/logo-MrGloss.png) no-repeat scroll;
	width:60px;
	height:50px;
	float:left;
}
.heading-partners {
	padding-bottom:10px;
}
.heading-partners span {
	color: #c4c5c5;
	font-weight:bold;
}
.partners-wrap {
    background-color: #333;
    padding: 15px;
    margin-top: 30px;
}
.services-wrap h2 span {
    margin-right: 20px;
    background-color: #c2c2c2;
    padding: 10px;
    color: #666;
    font-size: 1em;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.partners-block address {
	padding:10px;
}
.partners-block address h4 {
	font-weight:normal;
	margin:0px !important;
	border-bottom:1px solid #c2c2c2;
}
.partners-block address strong {
	font-size:1.2em;
	line-height:1.6em;
}

/* PRUDUCTS */

.product-wrap {
	background:#c2c2c2;
	padding:40px;
}
.product-wrap h3 {
	border-bottom: 1px solid #333333;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 10px;
	font-weight: normal;
}
.product-wrap p,
.product-wrap a,
.product-wrap a:hover {
	color:#333333;
}
.product-list {
	padding-left:0px;
	margin-left:0px;
}
.btn-order {
	background: none repeat scroll 0% 0% #333333;
	padding: 10px;
	border-radius: 8px;
	color: #9ed114 !important;
	top: 10px;
	position: relative;
}

/* Blockquotes */

.blockquote{
	background:#3d3d3c;
	border-left: 1px solid  #9ed114;
	padding:40px;
}
.blockquote_index {
	background:#3d3d3c url("../images/square_5px.jpg") left 45px no-repeat;
	border-left: 1px solid  #9ed114;
	padding:40px;
}
.blockquote_index blockquote {
	border-left-color: #9ed114;
	padding-top:30px;
	padding-bottom:30px;
}
.blockquote_index h1 {
	color:#9ed114;
	padding-top:0px;
	margin-top:0px;
	font-weight:300;
}

/* CONTACT */

.content_wrap_dark {
	padding:0px;
	background-color:#444444;
}
.content_wrap_left {
	padding-top:40px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:30px;
	background-color:#505050;
}	
.content_wrap_right {
	padding-right:30px;
	padding-top:20px;
}
.box_right {
	padding-right:30px;
	padding-top:20px;
}
.content_wrap_right ul li {
	line-height:30px;
	color:#C4C5C5;
}
.content_wrap_right ul li a {
	font-size:100%;
}
.content_wrap_right ul li i {
	margin-right:10px;
	color:#9ed114;
	font-size:120%;
}
.content_wrap_right ul li a:hover {
	color:#9ed114;
	text-decoration:none;
}
.content_wrap form .row {

}
.btn_submit {
	white-space: nowrap;
	border: 0px none;
	color: #2d2d2d;
	font-size: 100%;
	cursor: pointer;
	font-weight: 400;
	padding: 6px 13px;
	position: relative;
	background: none repeat scroll 0% 0% #9ed114;
	display: inline-block;
	margin-top:20px;
}
.btn_submit:hover {
	background: none repeat scroll 0% 0% #e0e763;
}
form label {
	color: #C4C5C5;
	line-height:2em;
	margin-top:5px;
}
textarea.form-control,
input.form-control {
	background-color:#eaeaea;
}

/* FOOTER */

.footer_wrap {
	padding:30px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#000;
}
.footer_wrap ul {
	
}
.footer_wrap #footer_nav {
	line-height:2em;
	padding-left:15px;
}
.footer_wrap #footer_nav li a {
	color:#505050;
	font-weight:bolder;
}
.footer_wrap #footer_nav li a:hover {
	color:#9ed114;
	font-weight:bolder;
	text-decoration:none;
}
.footer_wrap .footer_social {
	padding-left:15px;
	color:#eaeaea;
	font-weight:300;
	font-size:100%;
}
.footer_wrap .footer_social span{
	padding-right:20px;
}
.footer_wrap .footer_social li {
	margin-bottom:10px;
}
.footer_wrap .footer_social li a {
	padding-left:30px;
	color:#C4C5C5;
}
.footer_wrap .footer_social li a:hover {
	color:#9ed114;
	text-decoration:none;
}
.footer_logo {
	margin-right:30px;
	padding-top:12px;
}
.footer_logo span img {
	width:140px;
}
.footer_logo p {
	text-align:center;
	font-size:100%;
	font-weight:200;
	line-height:30px;
	color:#505050;
}
	
/* Scroll down / Fade in */
	
.scroll-fade-in {
	opacity:0;
	}

/* Progress  bar animtaion */

.six-sec-ease-in-out {
    -webkit-transition: width 6s ease-in-out;
    -moz-transition: width 6s ease-in-out;
    -ms-transition: width 6s ease-in-out;
    -o-transition: width 6s ease-in-out;
    transition: width 6s ease-in-out;
}

/* TIPSY */

.tipsy { padding: 5px; font-size: 80%; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/* FANCYBOX */

/*Fancybox
------------------------------------*/
/*For Topbar*/
.fancybox-overlay.fancybox-overlay-fixed {
   z-index:9999;
}

/*FancyBox Hover Effect*/
.zoomer:hover .overlay-zoom .zoom-icon{
   opacity:0.4;   
   -webkit-transform: fad-in(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   filter: alpha(opacity = 50);
}

.overlay-zoom {
   z-index: 90;
   width: 100%;
   height: 100%;
   display: block;
   cursor: pointer;
   position: relative;     
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
}

.overlay-zoom .zoom-icon {
   top:0;   
   opacity: 0; 
   z-index: 100;
   width: inherit;
   height: inherit;
   position: absolute;
   background-color: #000;
   background-position: 50%;
   background-repeat: no-repeat;
   background-image:url("../img/overlay-icon.png");
   filter: alpha(opacity = 0);
   -webkit-backface-visibility: hidden;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
}

@media (max-width: 768px) {
   .fancybox-overlay {
      background: none !important;
   }
}