/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
/*font-weight:normal !important;*/
/*  fix for mac os  */
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}

*,:after,:before {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

nav ul,nav ol {
	list-style:none;
	list-style-image:none;
	padding:0
}

ul {
	list-style:none outside
}

ol {
	list-style-position:inside
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	outline:none;
	text-decoration:none;
	background:transparent;
	vertical-align:baseline
}

a,a > * {
	text-decoration:none;
	color:#11bfda
}

a:hover {
	color:#fff
}

.not-ie a {
	-webkit-transition:color .35s ease-out;
	transition:color .35s ease-out
}

img {
	border:0;
	height:auto;
	max-width:100%;
	-ms-interpolation-mode:bicubic
}

/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */
body {
	background-color:#1b1d1f;
	color:#969696;
	font-weight:300;
	font-family:'Roboto',sans-serif;
	font-size:14px;
	line-height:24px;
	height:100%;
	-webkit-font-smoothing:antialiased;
/* Fix for webkit rendering */
	-webkit-text-size-adjust:100%
}

/* -------------------------------------------------- */
/*	Clearfix
	/* -------------------------------------------------- */
.clear {
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0
}

.clearfix:after {
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	content:"."
}

.separator {
	margin-bottom:20px
}

/* -------------------------------------------------- */
/*	General Classes
	/* -------------------------------------------------- */
.align-center {
	text-align:center
}

.align-left {
	text-align:left
}

.align-right {
	text-align:right
}

.alignleft {
	float:left
}

.alignright {
	float:right
}

.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto
}

.hide {
	display:none
}

.show {
	display:block
}

.invisible {
	visibility:hidden
}

.affix {
	position:fixed
}

/* -------------------------------------------------- */
/*	Typography
	/* -------------------------------------------------- */
p {
	margin:0 0 1.5em;
	padding:0;
	font-weight:400
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom:15px;
	color:#000;
	font-family:'Roboto',sans-serif;
	line-height:1.3em;
	font-weight:400
}

h1 {
	font-size:36px;
	margin-bottom:40px;
	text-transform:uppercase
}

h2 {
	font-size:24px
}

h3 {
	font-size:20px
}

h4 {
	font-size:18px
}

h5 {
	font-size:16px
}

h6 {
	font-size:14px
}

/* #Lists
================================================== */
ul,ol {
	margin:0 0 1.5em;
	padding-left:40px
}

ul {
	list-style:none outside
}

ol {
	list-style:decimal
}

li {
	margin:0 0 4px;
	padding:0
}

ul li {
	padding-left:10px;
	list-style:disc outside
}

.hr {
	display:block;
	height:2px;
	overflow:hidden;
	margin:30px 10px;
	border:1px solid #ccc
}

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */
#header {
	position:relative;
	z-index:4
}

#header.type-fixed {
	position:fixed;
	width:100%;
	left:0;
	top:0
}

/* -------------------------------------------------- */
/*	Top Header Line
	/* -------------------------------------------------- */
.top-header-line {
	padding:3px 0;
	background-color:#1b1d1f;
	text-align:right
}

ul.contact-details {
	padding:0;
	margin-bottom:0
}

ul.contact-details li {
	display:inline-block;
	vertical-align:top;
	margin-left:35px;
	color:#5a5a5a;
	font-weight:500;
	font-size:12px;
	padding:0;
	margin-bottom:0
}

ul.contact-details i {
	margin-right:4px
}

/* -------------------------------------------------- */
/*	Middle Header Line
	/* -------------------------------------------------- */
.middle-header-line {
	padding:25px 0;
	background-color:#202223;
	-webkit-transition:background-color 1s ease,color 1s ease,height 1s ease,padding 1s ease,-webkit-transform 1s ease;
	transition:background-color 1s ease,color 1s ease,height 1s ease,padding 1s ease,transform 1s ease
}

.shrink-middle-line .middle-header-line {
	padding:0;
	-webkit-transition:padding .35s ease-out,height .35s ease-out;
	transition:padding .35s ease-out,height .35s ease-out
}

.middle-header-line.transparent-bg {
	background-color:transparent
}

.header-in {
	padding:0;
	text-align:justify
}

.not-ie .header-in {
	font:0/0 a
}

@media screen and (min-width: 0\0) {
.not-ie .header-in {
	font-size:14px
}
}

.header-in:after {
	display:inline-block;
	vertical-align:middle;
	width:100%;
	content:""
}

.contact-icons ul > li > a > i {
	-webkit-transition:color .35s ease-out;
	transition:color .35s ease-out
}

.middle-header-line ul.contact-details li {
	text-align:right;
	font-family:'Roboto',sans-serif;
	font-weight:500;
	line-height:1.2em
}

.middle-header-line ul.contact-details li:first-child {
	display:block;
	font-size:18px;
	font-size:28px;
	text-transform:uppercase;
	font-family:'Roboto',sans-serif;
	color:#fff
}

.header-in .contact-details i {
	margin-right:3px;
	-webkit-transition:color .35s ease-out;
	transition:color .35s ease-out
}

.contact-icons a:hover i {
	color:#fff
}

.header-in > * {
	display:inline-block;
	vertical-align:middle
}

/* -------------------------------------------------- */
/*	Logo
		/* -------------------------------------------------- */
#logo {
	font-weight:700;
	font-size:36px;
	position:relative;
	margin-bottom:0;
	-webkit-transform-origin:left;
	transform-origin:left;
	-webkit-transition:-webkit-transform .65s ease,font-size .45s ease;
	transition:transform .65s ease,font-size .45s ease
}

#logo a img {
	display:block
}

.transparent-bg #logo a {
	color:#fff
}

.transparent-bg #logo a:after {
	position:absolute;
	right:5px;
	top:3px;
	width:15px;
	height:3px;
	background-color:#ffd200;
	content:''
}

.shrink-middle-line #logo {
	-webkit-transform:scale(.8);
	transform:scale(.8)
}

.shrink-middle-line #logo a {
	color:#fff
}

/* -------------------------------------------------- */
/*	Bottom Header Line
		/* -------------------------------------------------- */
.bottom-header-line {
	background-color:#2f3133;
	background-color:#11bfda
}

/* -------------------------------------------------- */
/*	Fixed to top menu
			/* -------------------------------------------------- */
.shrink-bottom-line .bottom-header-line {
	background-color:#202223;
	background-color:#11bfda;
	opacity:.95;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999
}

.space {
	height:0;
	-webkit-transition:height .65s ease,-webkit-transform .65s ease,padding .65s ease;
	transition:height .65s ease,transform .65s ease,padding .65s ease
}

.shrink-middle-line .middle-header-line {
	background-color:#202223;
	opacity:.95;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	-webkit-transition:background-color .45s ease,color .45s ease,height .45s ease,padding .45s ease,-webkit-transform .45s ease;
	transition:background-color .45s ease,color .45s ease,height .45s ease,padding .45s ease,transform .45s ease
}

.shrink-middle-line .top-header-line {
	display:none
}

/* -------------------------------------------------- */
/*	Main Navigation
			/* -------------------------------------------------- */
.nav-wrapper {
	text-align:justify
}

.nav-wrapper {
	font:0/0 a
}

.nav-wrapper:after {
	display:inline-block;
	vertical-align:top;
	width:100%;
	content:""
}

.navigation {
	display:inline-block;
	vertical-align:middle;
	border-bottom-width:0
}

.navigation > ul > li {
	position:relative;
	display:inline-block;
	margin:0;
	-webkit-transition:background-color .35s ease-out;
	transition:background-color .35s ease-out;
	padding:0
}

.navigation > ul > li > a {
	display:block;
	padding:20px 25px;
	text-transform:uppercase;
	font-size:13px;
	line-height:1em;
	color:#ddd;
	font-family:'Lato',Arial,Helvetica;
	font-weight:700;
	-webkit-transition:all .35s ease-out;
	transition:all .35s ease-out
}

.transparent .navigation > ul > li > a,.transparent .navigation > ul > li > a:after {
	color:#fff
}

.navigation > ul > li:hover > a {
	color:#1b1d1f
}

.active-nav {
	background-color:#ffd200
}

#navigation > ul > li > a.active-nav {
	color:#1b1d1f
}

.navigation ul a:hover,.navigation ul .current-menu-item > a {
	color:#1b1d1f
}

/* Dropdown */
.navigation ul ul {
	position:absolute;
	display:none;
	width:200px;
	z-index:999;
	background-color:#202223;
	background-color:rgba(32,34,35,.97);
	-webkit-transition:color .35s ease;
	transition:color .35s ease;
	padding:0
}

.navigation ul ul li {
	position:relative;
	margin:0;
	padding:0
}

.navigation ul ul li a {
	display:block;
	padding:10px 5px 10px 25px;
	color:#fff;
	font-size:13px;
	font-family:'Lato',sans-serif;
	font-weight:700;
	line-height:1.5em;
	text-align:left
}

.ie8 .navigation ul ul li a {
	font-size:12px
}

.navigation ul ul .rightarrowclass > a:after {
	margin-left:15px;
	color:#fff;
	font-size:12px;
	font-family:'fontello';
	content:'\e8b8';
	line-height:1em
}

.navigation ul ul a:hover,.navigation ul ul .current-menu-item > a {
	background-color:#1b1d1f;
	color:#11bfda
}

.navigation ul ul ul {
	top:0;
	left:200px;
	background-color:#202223;
	background-color:rgba(32,34,35,.97)
}

/* Responsive Button */
.responsive-nav-button {
	display:none;
	width:40px;
	height:40px;
	background-color:#202223;
	text-align:center;
	font-weight:400;
	font-style:normal;
	font-size:21px;
	font-family:'fontello';
	line-height:40px;
	vertical-align:middle;
	-webkit-border-radius:6px;
	border-radius:6px
}

#sequence .responsive-nav-button {
	background-color:transparent
}

.responsive-nav-button:after {
	content:"\ed38";
	color:#fff
}

#wrapper {
	position:relative;
	overflow:hidden
}

#mobile-menu {
	display:none
}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */
#content {
	padding:60px 0;
	background:#fff
}

#content-padding-off {
	padding:0
}

#content-bottom-off {
	padding:60px 0 0
}

#content-top-off {
	padding:0 0 60px;
	background:#fff
}

.section-title {
	overflow:hidden;
	margin-bottom:30px;
	text-align:center
}

.section-title h3 {
	position:relative;
	display:inline-block;
	margin-bottom:0;
	padding:0 45px;
	font-size:46px;
	font-weight:700;
	font-family:'Lato',sans-serif;
	line-height:1.1em;
	text-transform:uppercase
}

.section-title.type-2 h3 {
	font-size:40px
}

.section-title.type-3 h3 {
	font-size:24px
}

.section-title h3:after,.section-title h3:before {
	position:absolute;
	top:50%;
	margin-top:4px;
	background-image:url(../images/dotted-line.png);
/*background-repeat: repeat-x;*/
	background-position:0 0;
	width:300%;
	height:5px;
	content:""
}

.section-title h3:after {
	right:-300%
}

.section-title h3:before {
	left:-300%
}

.section-title h4 {
	color:#767677;
	font-weight:700;
	font-family:'Roboto',sans-serif
}

/* ---------------------------------------------------------------------- */
/*	Sidebar
		/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- */
/*	Widgets
			/* -------------------------------------------------- */
.widget {
	padding-bottom:50px
}

.widget-title {
	position:relative;
	font-size:18px;
	font-family:'Lato',sans-serif;
	font-weight:700;
	overflow:hidden;
	margin-bottom:25px
}

.widget-title:after {
	position:absolute;
	top:60%;
	margin-top:-3px;
	margin-left:12px;
	background-image:url(../images/dotted-line.png);
/*background-repeat: repeat-x;*/
	background-position:0 0;
	width:300%;
	height:5px;
	content:""
}

/* -------------------------------------------------- */
/*	Testimonials
	/* -------------------------------------------------- */
.testimonials {
	padding:0;
	margin-bottom:40px
}

.testimonials .quote-text {
	padding:30px 20px 30px 45px;
	background-color:#424344;
	position:relative;
	font-size:24px;
	font-family:'Lato';
	-webkit-transition:background-color .35s ease-out,color .35s ease-out;
	transition:background-color .35s ease-out,color .35s ease-out
}

.testimonials .quote-text i {
	position:absolute;
	left:15px;
	top:34px;
	font-size:17px;
	color:#fff;
	-webkit-transition:color .35s ease;
	transition:color .35s ease
}

.testimonials .quote-author {
	position:absolute;
	display:inline-block;
	right:30px;
	bottom:30px;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	font-family:'Roboto';
	font-weight:700;
	-webkit-transition:color .35s ease-out;
	transition:color .35s ease-out
}

.triangle {
	width:0;
	height:0;
	border-style:solid;
	border-width:26px 26px 0 0;
	border-color:#424344 transparent transparent;
	position:absolute;
	right:100px;
	-webkit-transition:all .35s ease-out;
	transition:all .35s ease-out
}

.testimonials p {
	line-height:1.65em
}

/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */
#footer {
	background-color:#202223
}

/* ---------------------------------------------------------------------- */
/*	Footer Widget
		/* ---------------------------------------------------------------------- */
.widget-area {
	padding:75px 0 100px;
	padding-bottom:0
}

#footer .widget-title {
	font-family:'Lato',sans-serif;
	font-size:18px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase
}

.textwidget > p {
	color:#656565
}

.textwidget a {
}

#footer small {
	font-size:11px
}

#footer li {
	color:#fff
}

/* ---------------------------------------------------------------------- */
/*	Bottom footer
				/* ---------------------------------------------------------------------- */
.bottom-footer {
	padding:20px 0;
	background-color:#1b1d1f
}

.copyright,.developed {
	font-size:12px;
	color:#656565
}

.developed {
	text-align:right
}

/* ---------------------------------------------------------------------- */
/*	Other
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- */
/*	Back Top
	/* -------------------------------------------------- */
#back-top {
	position:fixed;
	right:40px;
	bottom:40px;
	z-index:999;
	display:none;
	width:50px;
	height:50px;
	background-color:#fff;
	background-color:rgba(255,255,255,.25);
	text-align:center;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:all .25s ease;
	transition:all .25s ease;
	-webkit-transition-duration:1200ms;
	transition-duration:1200ms;
	-webkit-border-radius:50%;
	border-radius:50%
}

#back-top:after {
	width:40px;
	height:40px;
	text-align:center;
	color:#e1e1e1;
	font-size:20px;
	font-family:'fontello';
	content:"\ed4e";
	line-height:48px;
	-webkit-transition:all .25s ease;
	transition:all .25s ease
}

#back-top:hover {
	border-color:transparent;
	background-color:#11bfda
}

#back-top:hover:after {
	color:#fff
}

/* #Forms
================================================== */
input {
	border:0;
	background:none;
	outline:none;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box
}

textarea {
	background:none;
	border:0;
	min-height:100px;
	overflow:hidden;
	color:#888;
	outline:none;
	resize:none;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box
}

input[type="text"],input[type="email"],textarea {
	border:1px solid #ccc;
	padding:6px 4px;
	outline:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-family:'Roboto',sans-serif;
	color:#777;
	margin:0;
	font-size:14px;
	max-width:100%;
	display:block;
	background:#fff;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	transition:all .2s ease-out;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccc;
	width:400px;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.1)
}

label,legend {
	display:block;
	font-weight:400;
	color:#000;
	font-size:12px;
	font-family:'Lato',Arial,Helvetica;
	text-transform:uppercase
}

.field {
	margin-bottom:15px;
	position:relative
}

input[type="submit"] {
	color:#11bfda;
	font-size:16px;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	line-height:32px
}

.gmap {
	position:relative;
	width:100%;
	margin-bottom:65px
}

body.home #content-top-off {
	background-color:#e1e1e1
}

.article-content > .entry-body {
	margin-top:0;
	padding:8px 20px;
	width:100%;
	height:100%;
	background-color:#202223;
	font-size:14px;
	font-family:'Roboto',sans-serif;
	-webkit-transform:translateY(-23%);
	transform:translateY(-23%);
	-webkit-transition:all 450ms ease;
	transition:all 450ms ease
}

.entry-title {
	margin-bottom:0;
	font-family:'Lato',sans-serif;
	font-weight:700;
	text-transform:uppercase;
	position:relative
}

.entry-date {
	display:block;
	color:#11bfda;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	-webkit-transition:color .35s ease;
	transition:color .35s ease
}

.entry-title a {
	color:#fff
}

#sequence {
	height:450px!important;
	margin-bottom:65px!important
}

#sequence > .sequence-canvas {
	padding:0;
	list-style:none
}

#sequence > .sequence-canvas > li {
	padding:0;
	margin:0;
	list-style:none
}

.gallery {
	margin:0;
	margin-bottom:50px;
	padding:0;
	list-style-type:none
}

.gallery li {
	width:25%;
	list-style:none!important;
	margin:0;
	padding:0;
	float:left
}

.suppliers .col-sm-3 {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	float:none;
	width:24%
}

.suppliers img {
	max-width:none;
	margin-bottom:20px
}