body {
	font-size: 15px;
	line-height: 1.46666667;
	color: #777;
	background-color: #fff;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}

p {
	margin-bottom: 15px;
	text-align: justify;
	font-weight: normal;
	font-style: normal;
	font-size: 13.2px;
	line-height: 16px;
	color: #222;
}

.logo-font {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 34px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

html {
	height: 100%
}
body.canvas-slid, body.canvas-sliding {
	overflow-x: hidden
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
}

h1 {
	font-size: 33px;
	font-weight: 700;
	text-transform: uppercase;
}
h1.logo-font {
	text-transform: none;
	font-weight: 300;
	font-size: 50px
}
h5, h6 {
	font-weight: 700
}
h2 {
	font-size: 28px;
	text-transform: uppercase
}
h2.logo-font {
	text-transform: none
}
h3 {
	font-size: 24px
}
h4 {
	font-size: 19px
}
h5 {
	font-size: 15px;
	text-transform: uppercase
}
h6 {
	font-size: 13px
}

.page-title {
	margin-top: 0
}

@media (min-width:992px) {
.title {
	margin-top: 0
}
}
.sidebar .title {
	margin-top: 3px
}
p.large {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 30px
}
a {
	color: #09afdf;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
a:hover {
	color: #0c9ec7
}
a:active, a:focus {
	outline: 0;
	color: #0c9ec7
}

.header-top.dark {
	background-color: #0B4D89;
	border-bottom: 1px solid #252a2c
}
.header-top.colored {
	background-color: #09afdf;
	border-bottom: 1px solid #09afdf
}
.header {
	border-top: 1px solid #fff;
	border-bottom: 2px solid #f1f1f1;
	background-color: #fcfcfc
}
.header.dark {
	background-color: rgba(255,255,255,0.55);
	border-bottom: none;
}
.header-top.dark+.header:not(.dark) {
	border-top-color: #ddd
}
.header-top:not(.dark)+.header.dark {
	border-top-color: #303030
}
.header.header-small {
	padding: 10px 0
}

.transparent-header .header-top {
	z-index: 103;
	position: relative
}
.transparent-header header.header.transparent-header-on {
	z-index: 22;
	position: absolute;
	width: 100%;
	left: 0;
	background-color: rgba(255,255,255,.92);
	border-bottom: 1px solid rgba(0,0,0,.07);
	border-top-color: #a0a0a0
}
.transparent-header .header-top.colored+header.header.transparent-header-on {
	border-top-color: transparent
}
.transparent-header header.header.dark.transparent-header-on {
	background-color: rgba(57,66,69,.8);
	border-top-color: rgba(37,42,44,.5)
}
.header-left {
	padding: 12px 0 0
}
.header-right {
	position: relative
}
/*.banner.dark-translucent-bg, .banner.default-translucent-bg, .banner.light-translucent-bg, .banner.parallax {
	min-height: 250px;
	padding-top: 60px;
	padding-bottom: 20px
}
.banner.video-background-banner {
	min-height: 400px;
	padding-top: 100px
}

.no-touch .fixed-bg, .no-touch .parallax, .no-touch .parallax-2, .no-touch .parallax-3 {
	background-attachment: fixed;
}
.dark-translucent-bg, .default-translucent-bg, .light-translucent-bg, .two-col-translucent-bg {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
	overflow: hidden
}
.dark-translucent-bg:after, .default-translucent-bg:after, .light-translucent-bg:after, .two-col-translucent-bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0)scale(1, 1)
}
.dark-translucent-bg>div, .default-translucent-bg>div, .light-translucent-bg>div, .two-col-translucent-bg>div {
	z-index: 3;
	position: relative
}
.light-translucent-bg {
	color: #333;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada
}
.light-translucent-bg:after {
	background-color: rgba(255,255,255,.7)
}
.light-translucent-bg.slight:after {
	background-color: rgba(255,255,255,.85)
}
.video-background-banner.light-translucent-bg:after, .video-background.light-translucent-bg:after {
	background-color: rgba(255,255,255,.5)
}
.light-translucent-bg.hovered:hover:after {
	background-color: rgba(255,255,255,.8)
}
.dark-translucent-bg:after {
	background-color: rgba(0,0,0,.5)
}
.dark-translucent-bg.hovered:hover:after {
	background-color: rgba(0,0,0,.6)
}
.dark-translucent-bg, .dark-translucent-bg h1, .dark-translucent-bg h2, .dark-translucent-bg h3, .dark-translucent-bg h4, .dark-translucent-bg h5, .dark-translucent-bg h6 {
	color: #fff
}
.dark-translucent-bg a:not(.btn) {
	text-decoration: underline;
	color: #fff
}
.dark-translucent-bg a:not(.btn):hover {
	text-decoration: none;
	color: #fff
}

.default-translucent-bg:after {
	background-color: rgba(9,175,223,.7)
}
.default-translucent-bg.hovered:hover:after {
	background-color: rgba(9,175,223,.8)
}
.default-translucent-bg, .default-translucent-bg h1, .default-translucent-bg h2, .default-translucent-bg h3, .default-translucent-bg h4, .default-translucent-bg h5, .default-translucent-bg h6 {
	color: #fff
}
.default-translucent-bg a:not(.btn) {
	text-decoration: underline;
	color: #fff
}
.default-translucent-bg a:not(.btn):hover {
	text-decoration: none;
	color: #fff
}*/
.default-hovered {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.default-hovered:hover, .default-hovered:hover:after {
	background-color: #09afdf
}
.light-gray-bg.default-hovered:hover * {
	color: #fff
}

.fixed-header-on .header.fixed, .fixed-header-on header.header.transparent-header-on {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1006;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0)
}
.fixed-header-on .header.fixed:not(.dark) {
	border-bottom: 1px solid #f1f1f1;
	background-color: rgba(255,255,255,.95)
}
.fixed-header-on .dark.header.fixed {
	background-color: rgba(255,255,255,0.9);
}
.fixed-header-on.boxed .header.fixed {
	left: auto
}
.fixed-header-on .header .logo {
	margin: 0 0 -5px;
	display: none
}
.fixed-header-on .header .logo img {
	max-height:auto
}
.fixed-header-on .header .site-slogan, .fixed-header-on .header.centered .header-left {
	display: none
}
.fixed-header-on .header.fixed.animated {
	-webkit-animation-duration: .4s;
	animation-duration: .4s
}

@media (min-width:768px) {
.fixed-header-on.boxed .header.fixed {
	width: 750px
}
.fixed-header-on .header-left {
	padding: 0
}
.fixed-header-on .dark.header .dropdown-menu {
	border: 1px solid #0B4D89
}
.fixed-header-on .main-navigation .navbar-nav>li>a {
	padding-top: 21px!important;
	padding-bottom: 21px!important
}
.fixed-header-on .header:not(.centered) .main-navigation .navbar-nav>.dropdown>a:before {
	top: 24px
}
.fixed-header-on .header:not(.centered) .main-navigation.with-dropdown-buttons .header-dropdown-buttons {
	top: 12px
}
.fixed-header-on .dark .header-dropdown-buttons .btn-group .dropdown-menu, .fixed-header-on .header-dropdown-buttons .btn-group .dropdown-menu {
	margin-top: 11px
}
.fixed.header .main-navigation.animated .navbar-nav>li>a, .header-left {
	-webkit-transition: padding 0s linear, color .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: padding 0s linear, color .2s ease-in-out, background-color .2s ease-in-out;
	transition: padding 0s linear, color .2s ease-in-out, background-color .2s ease-in-out;

		font-size: 14.5px;
	font-weight: 300;
	font-style: normal;
	letter-spacing:0.5px;
}
}

@media (min-width:992px) {
.fixed-header-on .header .logo, .fixed-header-on .header .site-slogan {
	display: block
}
.fixed-header-on.boxed .header.fixed {
	width: 970px
}
.fixed-header-on .header-left {
	padding: 7px 0 0
}
}

@media (min-width:1200px) {
.fixed-header-on.boxed .header.fixed {
	width: 1170px
}
}

@media (max-width:767px) {
.header.fixed {
	position: relative!important;
	top: auto!important
}
.header.fixed.transparent-header-on {
	position: absolute!important
}
}

.pl-5 {
	padding-left: 5px
}
.pl-10 {
	padding-left: 10px
}
.pl-20 {
	padding-left: 20px
}
.pr-5 {
	padding-right: 5px
}
.pr-10 {
	padding-right: 10px
}
.pr-20 {
	padding-right: 20px
}
.p-20 {
	padding: 20px
}
.p-30 {
	padding: 30px
}
.p-40 {
	padding: 40px
}
.ph-20 {
	padding-left: 20px;
	padding-right: 20px
}
.ph-30 {
	padding-left: 30px;
	padding-right: 30px
}
.ph-40 {
	padding-left: 40px;
	padding-right: 40px
}
.pv-20 {
	padding-top: 20px;
	padding-bottom: 20px
}
.pv-30 {
	padding-top: 30px;
	padding-bottom: 30px
}
.pv-40 {
	padding-top: 40px;
	padding-bottom: 40px
}
.mt-5 {
	margin-top: 5px
}
.mb-5 {
	margin-bottom: 5px
}
.mt-10 {
	margin-top: 10px
}
.mb-10 {
	margin-bottom: 10px
}
.mt-20 {
	margin-top: 20px
}
.mb-20 {
	margin-bottom: 20px
}

.circle {
	-webkit-border-radius: 100%!important;
	-moz-border-radius: 100%!important;
	border-radius: 100%!important
}


.header-top {
	font-size: 12px;
	color: #777;
	font-weight: 300
}
.header-top.colored, .header-top.dark {
	color: #fff
}
.header-top.colored a {
	color: #fff;
	text-decoration: underline
}
.header-top.colored a:hover {
	text-decoration: none
}

@media (min-width:992px)and (max-width:1199px) {
.header-top {
	font-size: 11px
}
}
.header.dark {
	position: absolute;
	z-index: 999;
	width: 100%;
}

.navbar .navbar-nav  {
	font-family: 'Oswald', sans-serif;
}


.navbar.navbar-default {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 10px 0 15px;
	border-color: #ededed;
	background-color: #fafafa;
	font-weight: 400
}
.navbar-default .navbar-nav>li>a {
	color: #333;
	font-size: 16px;
	padding: 10px 15px;
	z-index: 102;
	border: none;
	border-bottom: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}
.main-navigation.animated .navbar-default .navbar-nav>li>a {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.transparent-header .header:not(.dark) .navbar-nav>li:not(.active)>a {
	color: #000
}
.navbar-default .navbar-nav>li.dropdown>a {
	padding-right: 20px
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background-color: transparent;
	color: #09afdf
}
.transparent-header .header:not(.dark) .navbar-nav>li.open>a, .transparent-header .header:not(.dark) .navbar-nav>li>a:focus, .transparent-header .header:not(.dark) .navbar-nav>li>a:hover {
	color: #09afdf
}
.main-navigation .navbar-nav>.dropdown>a:focus, .main-navigation .navbar-nav>.open>a, .main-navigation .navbar-nav>.open>a:focus, .main-navigation .navbar-nav>.open>a:hover {
	background-color: #fff;
	color: #09afdf;
	border-bottom-color: #fff;
	border-right: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	z-index: 106
}
.main-navigation .navbar-nav>.open.active>a:active, .main-navigation .navbar-nav>.open>a:active {
	-webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
.main-navigation .navbar-nav>.open.active>a:active+ul, .main-navigation .navbar-nav>.open>a:active+ul {
	display: none
}
.main-navigation .dropdown-menu {
	z-index: 105;
	top: 99.2%
}
.header.centered .main-navigation .dropdown-menu {
	top: 99%
}
.dropdown-menu .divider {
	background-color: #ededed
}
.dropdown-menu {
	min-width: 220px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 24px rgba(0,0,0,.06);
	box-shadow: 0 6px 24px rgba(0,0,0,.06);
	border: 1px solid #f1f1f1;
	z-index: 101
}
.dropdown-menu>li>a {
	padding: 10px 20px;
	font-size: 14px;
	color: #333;
	transition: none
}
.dropdown-menu>li>a, .mega-menu .menu>li>a {
	-webkit-transition: none;
	-o-transition: none
}
.dropdown-menu .menu>.active>a, .dropdown-menu .menu>.active>a:focus, .dropdown-menu .menu>.active>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #fcfcfc;
	color: #0c9ec7;
	border-color: #f7f7f7
}
.dropdown-menu .dropdown-menu {
	top: -1px;
	left: 100%!important;
	right: auto;
	border-top: 1px solid #f7f7f7
}
.header.centered .dropdown-menu .dropdown-menu {
	top: -1px;
	left: 100%!important
}
header.full-width .dropdown-menu .dropdown-menu.to-left {
	right: 100%!important;
	left: auto!important
}

@media (max-width:1610px) {
.dropdown-menu .dropdown-menu.to-left {
	right: 100%!important;
	left: auto!important
}
}
.mega-menu.dropdown {
	position: static
}
.mega-menu .dropdown-menu {
	left: 0;
	width: 100%;
	padding: 20px 30px
}
.mega-menu .menu {
	list-style: none;
	padding: 0;
	margin: 0
}
.mega-menu h4.title {
	margin: 5px 0;
	font-size: 15px;
	text-transform: uppercase
}
.mega-menu .menu>li>a {
	padding: 5px 0;
	font-size: 14px;
	color: #333;
	display: block;
	transition: none
}
.dropdown-menu>li>a i, .mega-menu .menu>li>a i {
	padding-left: 5px;
	font-size: 12px;
	width: 20px;
	position: relative;
	top: -1px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	color: #cdcdcd
}
.dropdown-menu>li>a i.fa-circle-o, .mega-menu .menu>li>a i.fa-circle-o {
	font-size: 7px;
	top: -3px
}
.mega-menu .menu>li:last-child>a {
	border-bottom: none!important
}
header:not(.dark) .dropdown-menu>li.active>a i, header:not(.dark) .dropdown-menu>li>a:hover i, header:not(.dark) .mega-menu .menu>li.active>a i, header:not(.dark) .mega-menu .menu>li>a:hover i {
	color: #09afdf
}
header .dropdown-menu>li.active>a i.fa-circle-o:before, header .dropdown-menu>li>a:hover i.fa-circle-o:before, header .mega-menu .menu>li.active>a i.fa-circle-o:before, header .mega-menu .menu>li>a:hover i.fa-circle-o:before {
	content: "\f111"
}
.mega-menu .menu>li>a:focus, .mega-menu .menu>li>a:hover {
	background-color: #fcfcfc;
	color: #0c9ec7;
	border-color: #f7f7f7;
	text-decoration: none
}
.dropdown>a:before {
	font-family: FontAwesome;
	content: "\f107";
	position: absolute;
	left: auto;
	top: 31px;
	right: 6px;
	line-height: 1;
	color: #d1d1d1;
	font-size: 14px
}
.header.centered .dropdown>a:before {
	top: 18px
}
.header:not(.dark) .active.dropdown>a:before, .header:not(.dark).centered .active.dropdown>a:before {
	color: #09afdf
}
.transparent-header .header:not(.dark) .dropdown:not(.open):not(.active)>a:before {
	color: #777
}
.navbar-default .navbar-nav>.dropdown.open>a:before {
	color: #eaeaea
}
.transparent-header .header:not(.dark) .navbar-default .navbar-nav>.dropdown.open>a:before {
	color: #09afdf
}
.dropdown .dropdown>a:before, .header.centered .dropdown .dropdown>a:before {
	content: "\f105";
	right: 10px;
	top: 13px;
	margin-left: 0;
	visibility: visible;
	color: #666
}
.dropdown .dropdown.open>a:before, .header.centered:not(.dark) .dropdown .dropdown.open>a:before {
	color: #09afdf
}
#offcanvas.animated .dropdown-menu .open .dropdown-menu, #offcanvas.animated .open .dropdown-menu, .animated.main-navigation .navbar-nav .open .dropdown-menu {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUpSmall;
	animation-name: fadeInUpSmall
}
.animated.main-navigation .dropdown-menu .open .dropdown-menu {
	-webkit-animation-name: fadeInLeftSmall;
	animation-name: fadeInLeftSmall
}
header.full-width .animated.main-navigation .dropdown-menu .open .dropdown-menu.to-left {
	-webkit-animation-name: fadeInRightSmall;
	animation-name: fadeInRightSmall
}

@media (max-width:1610px) {
.animated.main-navigation .dropdown-menu .open .dropdown-menu.to-left {
	-webkit-animation-name: fadeInRightSmall;
	animation-name: fadeInRightSmall
}
}
.navbar-default .navbar-toggle {
	border-color: #ccc
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #fafafa;
	border-color: #0c9ec7
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ccc
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #0c9ec7
}

@media (min-width:768px) {
.main-navigation .navbar-nav.navbar-right:last-child {
	margin-right: 0
}
.navbar.navbar-default {
	background-color: transparent;
	border: none;
	margin: 0
}
.navbar-default .navbar-nav>li>a {
	padding: 28px 8px 27px
}
.header.centered .navbar-default .navbar-nav>li>a {
	padding-top: 15px!important;
	padding-bottom: 15px!important;
	border-top: 1px solid transparent
}
.header.centered:not(.dark) .main-navigation .navbar-nav>.dropdown>a:focus, .header.centered:not(.dark) .main-navigation .navbar-nav>.open>a, .header.centered:not(.dark) .main-navigation .navbar-nav>.open>a:focus, .header.centered:not(.dark) .main-navigation .navbar-nav>.open>a:hover {
	border-top: 1px solid #f5f5f5
}
header:not(.full-width):not(.centered) .with-dropdown-buttons .mega-menu:not(.narrow) .dropdown-menu {
	left: 0;
	width: 720px
}
header:not(.full-width) .main-navigation .container-fluid, header:not(.full-width) .navbar-collapse {
	padding-right: 0;
	padding-left: 0
}
header:not(.full-width) .main-navigation .navbar-right .dropdown-menu {
	right: auto;
	left: 0
}
header:not(.full-width) .main-navigation .navbar-right>li:last-child>.dropdown-menu {
	right: 0;
	left: auto
}
}

@media (min-width:768px)and (max-width:1199px) {
.navbar-default .navbar-nav>li>a {
	font-size: 15px;
	padding: 28px 6px 27px
}
}

@media (min-width:768px)and (max-width:991px) {
.header:not(.full-width) .main-navigation .navbar-nav {
	float: left!important
}
body:not(.fixed-header-on) .header:not(.dark) .navbar-default .navbar-nav>li>a {
	border-top: 1px solid transparent
}
body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav>.dropdown>a:focus, body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav>.open>a, body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav>.open>a:focus, body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav>.open>a:hover {
	border-top: 1px solid #f5f5f5
}
}

@media (min-width:992px) {
.col-md-3+.col-md-9 .mega-menu:not(.narrow) .dropdown-menu {
	left: -243px!important;
	width: 940px!important
}
}

@media (min-width:1200px) {
.main-navigation .navbar-nav>li {
	margin: 0;
}
.main-navigation .navbar-nav>li:first-child {
	margin: 0
}
.col-md-3+.col-md-9 .mega-menu:not(.narrow) .dropdown-menu {
	left: -293px!important;
	width: 1140px!important
}
}

@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
	color: #0c9ec7;
	background-color: transparent
}
.navbar-default .navbar-nav>li>a {
	border-bottom: 1px solid #f3f3f3
}
.navbar-default .navbar-nav>li:last-child>a {
	border-bottom: 1px solid transparent
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #0c9ec7;
	background-color: #fff;
	border-bottom-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu {
	background-color: #fff
}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-default .navbar-nav .open .dropdown-menu>li>a {
	padding: 12px 15px 12px 40px;
	color: #333;
	border-color: #f9f9f9
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #0c9ec7
}
.navbar-nav .open .dropdown-menu .dropdown-menu>li>a {
	padding-left: 60px
}
.navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu>li>a {
	padding-left: 80px
}
.navbar-default .navbar-nav>.dropdown.open>a:before {
	color: #09afdf
}
.dropdown>a:before, .header.centered .dropdown>a:before {
	color: #999;
	top: 14px;
	right: 32px
}
.dropdown .dropdown>a:before, .header.centered .dropdown .dropdown>a:before {
	right: 36px
}
.transparent-header .main-navigation .navbar.navbar-default {
	background-color: rgba(255,255,255,.9);
	position: absolute;
	width: 100%
}
}
.dark.header .navbar.navbar-default {
	border-color:#eee;
	background-color:none;
}
.dark.header .navbar-default .navbar-nav>li>a {
	color: #000;
	text-transform: uppercase;
}
.transparent-header .dark.header .navbar-nav>li>a {
	color: #000;
}
.dark.header .navbar-default .navbar-nav>.active>a, .dark.header .navbar-default .navbar-nav>.active>a:focus, .dark.header .navbar-default .navbar-nav>.active>a:hover, .dark.header .navbar-default .navbar-nav>li>a:focus, .dark.header .navbar-default .navbar-nav>li>a:hover {
	background-color: transparent;
	color: #000;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent
}
.dark.header .navbar-default .navbar-nav>li>a:focus, .dark.header .navbar-default .navbar-nav>li>a:hover {
	z-index: 106;
	background-color: rgba(0,0,0, 0.15);
}
.dark.header .main-navigation .navbar-nav>.dropdown>a:focus, .dark.header .main-navigation .navbar-nav>.open>a, .dark.header .main-navigation .navbar-nav>.open>a:focus, .dark.header .main-navigation .navbar-nav>.open>a:hover {
	background-color: rgba(0,0,0,.15);
	color: #fff;
	border-bottom:none;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	z-index: 106
}
.dark.header .dropdown-menu {
	background:url(../images/pattern.png);
	border:none;
	outline: none;
}
.dark.header .mega-menu .dropdown-menu {
	z-index: 103
}
.dark.header .dropdown-menu .divider {
	background-color: rgba(57,66,69,.8)
}
.dark.header .dropdown-menu>li>a, .dark.header .mega-menu .menu>li>a {
	color: #fff;
}
.dark.header .dropdown-menu .menu>.active>a, .dark.header .dropdown-menu .menu>.active>a:focus, .dark.header .dropdown-menu .menu>.active>a:hover, .dark.header .dropdown-menu>.active>a, .dark.header .dropdown-menu>.active>a:focus, .dark.header .dropdown-menu>.active>a:hover, .dark.header .dropdown-menu>li>a:focus, .dark.header .dropdown-menu>li>a:hover, .dark.header .mega-menu .menu>li>a:focus, .dark.header .mega-menu .menu>li>a:hover, .dark.header .nav .open>a, .dark.header .nav .open>a:focus, .dark.header .nav .open>a:hover {
	background-color: rgba(0,0,0,.2);
	color: #fff;
	border-color: rgba(57,66,69,.8)
}
.dark.header .dropdown .dropdown>a:before {
	color: #ccc;
	top: 13px
}
.dark.header .dropdown .dropdown.open>a:before {
	color: #fff
}
.dark .navbar-default .navbar-toggle {
	border-color:#ccc;
	color: #000;
}
.dark .navbar-default .navbar-toggle:focus, .dark .navbar-default .navbar-toggle:hover {
	background-color: rgba(255,255,255,.1);
	border-color: rgba(0,0,0,.7)
}
.dark .navbar-default .navbar-toggle .icon-bar, .dark .navbar-default .navbar-toggle:focus .icon-bar, .dark .navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #ccc
}
.dark .navbar-default .navbar-collapse, .dark .navbar-default .navbar-form {
	border-color: #121212
}

@media (min-width:768px) {
.dark.header .navbar.navbar-default {
	background-color: transparent;
	border: none;
	margin: 0
}
}

@media (max-width:767px) {
.dark .navbar-default .navbar-nav .open .dropdown-menu {
	background-color: rgba(0,0,0,.2);
	border: none
}
.dark .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header, .dark .navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color:#000;
	background:#fff;
}
.dark.header .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .dark.header .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .dark.header .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .dark.header .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .dark.header .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .dark.header .navbar-default .navbar-nav>.active>a, .dark.header .navbar-default .navbar-nav>.active>a:focus, .dark.header .navbar-default .navbar-nav>.active>a:hover, .dark.header .navbar-default .navbar-nav>li>a:focus, .dark.header .navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background-color:#0B4D89;
}
.dark .navbar-default .navbar-nav>.dropdown.open>a:before {
	color: #fff
}
.transparent-header .dark .main-navigation .navbar.navbar-default {
	background-color: rgba(57,66,69,.9);
	border-color: rgba(37,42,44,.5)
}
}
.scrollToTop {
	color: #fff;
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-color: rgba(0,0,0,.4);
	z-index: 1005;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-align:center;
}
.slider-banner-container, .slider-banner-fullscreen, .slider-banner-fullwidth {
	width: 100%;
	position: relative
}
.scrollToTop i {
	line-height:40px;
	font-size: 24px
}
.scrollToTop:hover {
	background-color: rgba(0,0,0,.6)
}

@media (max-width:767px) {
.scrollToTop {
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,.4)
}
.scrollToTop i {
	line-height: 40px;
	font-size: 20px
}
}
.transparent-header .header-dropdown-buttons .btn-group>.btn {
	background-color: transparent;
	border: 1px solid #999;
	color: #000
}
.header-dropdown-buttons .btn-group:first-child {
	margin-right: 5px
}
.header-dropdown-buttons .btn-group>.btn {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	padding: 0;
	line-height: 38px;
	text-align: center;
	background-color: #f2f2f2;
	border: 1px solid #e9e9e9;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin: 0
}
.header-dropdown-buttons .btn-group.open>.btn, .header-dropdown-buttons .btn-group>.btn:hover {
	background-color: #09afdf;
	color: #fff;
	border-color: #0c9ec7
}
.header-dropdown-buttons .btn-group .dropdown-menu {
	margin-top: 18px;
	top: 100%;
	border: none;
	border-radius: 0 0 5px 5px
}
.header-dropdown-buttons .btn-group .dropdown-menu, .header-top-dropdown .dropdown-menu {
	z-index: 103;
	padding: 20px;
	min-width: 280px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px
}
.header.centered .header-dropdown-buttons .btn-group .dropdown-menu {
	margin-top: 8px
}
.colored .header-dropdown-buttons .btn-group>.btn, .dark .header-dropdown-buttons .btn-group>.btn {
	background-color: rgba(0,0,0,.2);
	border: 1px solid rgba(0,0,0,.15);
	text-shadow: 1px 1px rgba(0,0,0,.7);
	color: #cdcdcd
}

.header-top-dropdown .dropdown-menu {
	margin-top: 6px;
	border: 1px solid #D0D0D0;
	border-top: none;
	background: #f2f2f2;
	font-weight: 400;
	border-radius: 0 0 5px 5px
}
.header-top-dropdown .login-form ul {
	padding-left: 0;
	list-style-position: inside;
	margin: 15px 0 10px
}
.header-top-dropdown .login-form .social-links {
	padding-left: 20px;
	margin: 0
}
.header-top-dropdown .login-form label {
	font-weight: 400
}
.dark.header-top .dropdown-menu {
	border: 1px solid #252a2c;
	border-top: none;
	background: #0B4D89
}
.colored.header-top .dropdown-menu {
	border: 1px solid #09afdf;
	border-top: none;
	background: #09afdf
}


@media (max-width:480px) {
.header-top-dropdown .btn-group {
	position: static
}
.header-top-dropdown .dropdown-menu {
	right: 15px!important;
	margin-top: 5px;
	width: 100%
}
}
.dark-bg .media:hover .icon {
	border-color: #cdcdcd;
	color: #cdcdcd
}
.media:hover .icon:after {
	content: "";
	border-color: transparent
}

.fixed-header-on .sidebar.affix {
	top: 65px
}
.sidebar.affix-bottom {
	position: absolute
}
.sidebar.affix .affix-menu, .sidebar.affix-bottom .affix-menu {
	margin-top: 0;
	margin-bottom: 0
}
.affix-menu {
	padding-top: 20px
}
h3.title~.affix-menu {
	padding-top: 0
}

.large_dark, .large_white, .xlarge_dark, .xlarge_white {
	line-height: 1.2
}
.slider-banner-container {
	padding: 0
}
.tp-loader.spinner2 {
	background-color: #999
}
.tp-caption {
	z-index: 5
}
.tp-caption a, .tp-caption a:hover {
	color: #fff
}
.tp-caption a.btn-gray, .tp-caption a.btn-gray:hover {
	color: #333
}
.slideshow .dark-translucent-bg, .slideshow .light-translucent-bg {
	border-top: none;
	border-bottom: none;
	position: absolute;
	left: 0;
	top: 0!important;
	width: 100%;
	height: 100%
}
.slideshow .dark-translucent-bg {
	background-color: rgba(0,0,0,.4)
}
.slideshow .light-translucent-bg {
	background-color: rgba(255,255,255,.4)
}
.slideshow .dark-translucent-bg:after, .slideshow .light-translucent-bg:after {
	background-color: transparent
}
.xlarge_white {
	font-size: 68px;
	font-weight: 400;
	color: #fff
}
.medium_white, .small_white {
	color: #fff;
	font-weight: 300
}
.large_white {
	font-size: 42px;
	color: #fff
}
.medium_white {
	font-size: 24px
}
.small_white {
	font-size: 16px
}
.small_dark, .tp-caption.medium_dark, .xlarge_dark {
	color: #333;
	font-weight: 400
}
.xlarge_dark {
	font-size: 68px
}
.large_dark {
	font-size: 42px;
	color: #333
}
.tp-caption.medium_dark {
	font-size: 24px;
	letter-spacing: 0;
	line-height: 1.4583
}
.small_dark {
	font-size: 16px
}
.tp-caption .separator, .tp-caption .separator-2, .tp-caption .separator-3 {
	width: 500px
}

.main-content {
	width:100%;
	display: block;
	float: left;
}
.ets-intro {
	width:100%;
	display: block;
	float: left;
	padding: 50px 0;
}
.ets-intro h1 {
	width:100%;
	font-size: 28px;
	font-weight: normal;
	font-style: normal;
	display: block;
	float: left;
	text-transform: uppercase;
	text-align: center;
	color:#9c221f;
	margin: 20px 0 30px 0
}
.ets-intro h1 span {
	color:#0d5490;
}
.ets-intro p {
	font-size: 15px;
	line-height: 19px;
	color: #666;
	text-align: justify;
}
.intro-btn {
	padding:10px 25px;
	text-align:center;
	border-top:1px #777 solid;
	border-bottom:1px #777 solid;
	border-right:none;
	border-left:none;
	color: #555;
	margin: auto;
	background-color:#fff;
	outline:none;
	text-transform:uppercase;
	font-size:14px;
}
.intro-btn:hover {
	padding:10px 25px;
	text-align:center;
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
	border-right:none;
	border-left:none;
	color: #000;
	margin: auto;
	background-color:#fff;
	outline:none;
}
.btnrow {
	width:100;
	display: block;
	margin:40px auto 20px auto;
	text-align: center;
}
.co-facts {
	width:100%;
	display:block;
	float: left;
	padding: 50px 0;
	background:url(../images/pattern.png);
	margin-bottom: 40px;
}
.co-facts h1 {
	width:100%;
	font-size:36px;
	font-weight: normal;
	font-style: normal;
	display: block;
	float: left;
	text-transform: uppercase;
	text-align: center;
	color:#fff;
	margin: 20px 0 30px 0
}
.co-facts p {
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	width: 70%;
	margin:0 auto 35px auto;
}
@media (max-width:768px) {
.co-facts p {
	width:100%;
}
}



.counter {
    background-color:transparent;
    padding: 20px 0;
    border-radius: 5px;
	color: #fff;
	text-align: center;
}
.factsimg {
	width:100%;
	display: block;
	float: left;
	overflow:hidden;
	margin:15px 0 40px 0;
	text-align: center;
	padding:0 20px;
	overflow:inherit;
}
.factsimg img {
	width:100%;
	display: block;
	float: left;
	border-radius:1000px;
	border:4px #ddd solid;

	transition: 1s ease;
}
.factsimg img:hover {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);

	 transition:1s all;
}


.count-title {
    font-size:42px;
    font-weight:normal;
    margin-top:10px;
    margin-bottom:0;
    text-align:center;
}
.count-text {
    font-size:18px;
    font-weight:normal;
    margin-top:12px;
    margin-bottom:0;
    text-align:center;
	text-transform:uppercase;
}
















.we-sell {
	width:100%;
	display: block;
	float: left;
	padding:15px 0;
}
.we-sell h1 {
	width:100%;
	font-size:40px;
	font-weight: normal;
	font-style: normal;
	display: block;
	float: left;
	text-transform: uppercase;
	text-align: center;
	color:#807D7D;
	margin: 20px 0 30px 0
}
.we-sell h1 span {
	color:#000;
}
.we-sell p {
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: center;
	width: 70%;
	margin:0 auto 35px auto;
}
@media (max-width:768px) {
.we-sell p {
	width:100%;
}
}
.sell-cat {
	width:100%;
	margin:20px 0 40px 0;
	float: left;
}












.products {
	width:100%;
	float: left;
	margin: 0 3px;
}
.products:hover {
	float: left;
	margin: 0 3px;
	border-bottom:none;
}
.pro-img {
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	border-radius: 20px;
	margin-bottom: 20px;
}
.pro-title {
	/* width: 100%; */
	/* display: block; */
	/* float: left; */
	color: #666 !important;
	font-size: 14px;
	line-height: 16px;
	margin: 20px 10px;
	margin-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.pro-title a {
	color:#666;
	text-decoration: none;
	outline: none;
	text-align: center;
}
.pro-title a:hover {
	color:#000;
	text-decoration: none;
	outline: none;
}

.owl-buttons {
	position: absolute;
	top: -50px;
	text-align: center;
	right:0;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
	background: #ddd url(../images/left_arrow.png) no-repeat scroll center top;
	font-size: 0;
	height: 28px;
	width: 18px;
	border: 1px #fff solid;
	border-radius: 0;
	float: left;
	margin: 5px -3px 0 0;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
	background:#ddd url(../images/right_arrow.png) no-repeat scroll center top;
	font-size: 0;
	height: 28px;
	width: 18px;
	border: 1px #fff solid;
	border-radius: 0;
	float: right;
}




.about-ets {
	width:100%;
	display:block;
	float:left;
	padding:50px 0;
	background:#CB4039;
	margin-bottom: 40px;
}


.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: none;
}

.tab-pane h1 {
	color: #fff;
	font-size:26px;
    font-family: 'Open Sans', sans-serif;
}
.tab-pane p {
	 color: #fff;
	font-size: 14px;
}
.tab-content > .active,
.pill-content > .active {
	display: block;
}

.tabs-below > .nav-tabs {
	border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
	margin-top: -1px;
	margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
	border-radius: none;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
	border-top-color: #ddd;
	border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
	border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
	float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
	min-width:100%;
	margin-right: 0;
	margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
	float: left;
	margin-right:20px;
}

.tabs-left > .nav-tabs > li > a {
	margin-right: -1px;
	background: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
	border: 1px #fff solid;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: #eeeeee #dddddd #eeeeee #eeeeee;
	background:none;
	color: #fff;
	border-right: none;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: #ddd transparent #ddd #ddd;
	*border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
	float: right;
	margin-left: 19px;
	border-left: 1px solid #ddd;
	color: #fff;
}

.tabs-right > .nav-tabs > li > a {
	margin-left: -1px;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
	border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
	border-color: #ddd #ddd #ddd transparent;
	*border-left-color: #ffffff;
}








.our-clients {
	width:100%;
	display: block;
	float: left;
	padding:15px 0;
	margin-bottom:60px;
}
.our-clients h1 {
	width:100%;
	font-size:40px;
	font-weight: normal;
	font-style: normal;
	display: block;
	float: left;
	text-transform: uppercase;
	text-align: center;
	color:#807D7D;
	margin: 20px 0 30px 0
}
.our-clients h1 span {
	color:#000;
}
.our-clients p {
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #000 !important;
	text-align: center;
	width: 70%;
	margin:0 auto 35px auto;
}
@media (max-width:768px) {
.our-clients p {
	width:100%;
}
}



.clientlist {
	width:100%;
	display: block;
	float: left;
	margin: 30px 0;
}

.clientsmain {
	width: 100%;
	display: block;
	margin: 30px 0 0 0;
	text-align: center;
}
.clientsmain img {
	text-align: center;
	width: 154px;
	height: 82px;
	margin: 3px 3px 6px 3px;
	display: inline-block;
	border: 1px #e9e9e9 solid;
	border-radius: 3px;
	box-shadow: 2px 2px #ddd;

	transition: .5s ease;
}
.clientsmain img:hover {
	transition: 1s ease;
	box-shadow: 3px 3px #0C4C86;

	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}
@media (max-width: 480px) {
.clientsmain img {
	text-align: center;
	width: 47%;
	height: 82px;
	margin: 3px 3px 6px 3px;
	display: inline-block;
	border: 1px #eee solid;
	border-radius:3px;
	box-shadow: 3px 3px #ddd;
}
}

.onlinestores {
	width:100%;
	display:block;
	float:left;
	padding:50px 0;
	margin-bottom: 40px;
}
.onlinestores h1 {
	width:100%;
	font-size:36px;
	font-weight: normal;
	font-style: normal;
	display: block;
	float: left;
	text-transform: uppercase;
	text-align: center;
	color:#fff;
	margin: 20px 0 30px 0
}
.onlinestores h1 span {
	color:#04E3FD;
}
.onlinestores p {
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	width: 70%;
	margin:0 auto 35px auto;
}
@media (max-width:768px) {
.onlinestores p {
	width:100%;
}
}

.stores {
	width: 100%;
	display: block;
	float: left;
	margin-top:30px;
}



.store-demo {
	width:100%;
	float: left;
	margin: 0 3px;
}
.store-demo:hover {
	float: left;
	margin: 0 3px;
	border-bottom:none;
}
.store-img {
	width:100%;
	display: block;
	float: left;
	text-align: center;
}

.store-img span {
	width: 70%;
	display: block;
	background-color:#000100;
	text-align: center;
	line-height: 24px;
	color: #fff;
	font-size: 12px;
	position: absolute;
	margin: -12px 0 0 10%;
	/* box-shadow: inset 0 0 3px #ccc; */
}






.store-title {
	width:100%;
	display: block;
	float: left;
	color: #666 !important;
	font-size: 18px;
	line-height: 16px;
	margin:40px 0;
	margin-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.store-title a {
	color:#fff;
	text-decoration: none;
	outline: none;
	text-align: center;
}
.store-title a:hover {
	color:#04E3FD;
	text-decoration: none;
	outline: none;
}

.grey-bg {
	background:url(../images/bg.png);
}
.ets-management {
	width: 100%;
	display: block;
	float: left;
	padding: 45px 0;
	/* margin-bottom: 40px; */
}
.ets-management h1 {
	width:100%;
	font-size:40px;
	font-weight: normal;
	font-style: normal;
	display: block;
	float: left;
	text-transform: uppercase;
	text-align: center;
	color:#807D7D;
	margin: 20px 0 30px 0
}
.ets-management h1 span {
	color:#000;
}
.ets-management p {
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #000 !important;
	text-align: center;
	width: 70%;
	margin:0 auto 35px auto;
}
@media (max-width:768px) {
.ets-management p {
	width:100%;
}
}





.team {
	width:100%;
	display: block;
	float: left;
	overflow:hidden;
	margin:15px 0;
	text-align: center;
	padding:0 20px;
}
.team img {
	width:100%;
	display: block;
	float: left;
	border:#ddd solid 7px;

	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-transition: all 1s ease;
}
.team img:hover {
	filter: grayscale(0%);
	filter: gray;
	-webkit-filter: grayscale(0%);
	transition: 1s ease;
}


.team h2 {
	width:100%;
	display: block;
	text-align: center;
	font-size:18px;
	text-transform:uppercase;
	padding: 0;
	float: left;
	margin:30px 0 10px 0;
	color:#000;
}
.team p {
	width: 100%;
	display: block;
	text-align: center !important;
	font-size: 13px;
	margin: 0 0 10px 0;
	text-transform: capitalize;
	padding: 5px 0;
	float: left;
	background: #D1534D;
	color: #fff !important;
	letter-spacing: -0.3px;
	box-shadow: inset 0 1px 0px rgba(0,0,0,0.5);
}
.team span {
	width: 100%;
	display: block;
	float:left;
	text-align: center;
	font-size:16px;
	margin-bottom:20px;
	font-weight: normal;
}
.team span a {
	color:#999;
	text-decoration: underline;
}
@media (min-width: 481px) and (max-width: 768px) {
.team {
	width:48%;
	display: block;
	float: left;
	border-bottom: 2px #ddd solid;
	overflow:hidden;
	margin: 0 1% 15px 1%;
}
}




.footer {
	width:100%;
	display: block;
	float: left;
	background: #000;
	padding:80px 0;
}



.parallax {
  /* The image used */
  background-image: url("../images/office-environment.jpg");

  /* Set a specific height */
  height:auto;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax-2 {
  /* The image used */
  background-image: url("../images/blue-bg.jpg");

  /* Set a specific height */
  height:auto;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer h1 {
	width:100%;
	font-size:38px;
	font-weight: normal;
	font-style: normal;
	display: block;
	float: left;
	text-transform: uppercase;
	text-align: center;
	color:#fff;
	margin: 20px 0 30px 0
}
.footer p {
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	width:75%;
	margin:0 auto 35px auto;
}
@media (max-width:768px) {
.footer p {
	width:100%;
}
}



.contact-info {
	width:100%;
	display:block;
	float:left;
}
.contact-info ul {
	margin:0;
	padding:0;
}
.contact-info ul li {
	margin:0;
	padding:0;
	color:#fff;
	float:left;
	width:100%;
	list-style: none;
}
.contact-info ul li i {
	float:left;
	width:7%;
	min-height:40px;
	line-height:22px;
}
@media (max-width: 480px) {
.contact-info ul li i {
	float:left;
	width:12%;
	min-height:80px;
	line-height:22px;
}
}
.contact-info ul li p {
	text-align:left;
	width:100%;
}
.contact-info ul li p a {
	color:#fff;
	text-decoration:none;
	outline:none;
}
.contact-info ul li p a::before {
	content:"";
}
.contact-info ul li p a:hover {
	color:#fff;
	text-decoration:underline;
}

.socialpages {
	width:100%;
	display: block;
	float: left;
	margin:30px 0;
}
.socialpages a {
	color: #fff;
}
.socialpages i {
	color: #fff;
	padding: 5px;
	border:1px #fff solid;
	border-radius: 3px;
	width:30px;
	height:30px;
	text-align: center;
	vertical-align:middle;
	margin-right: 5px;
}










.footer-field {
	width:100%;
	display: block;
	margin-bottom: 15px;
	color: #fff !important;
	padding: 8px 10px;
	outline: none;
	float: left;
	background:none;
	border:1px #fff solid;
	border-radius: 0;
	text-transform: capitalize;
}
.footer-fieldarea {
	width:100%;
	display: block;
	margin-bottom: 15px;
	color: #fff !important;
	padding: 8px 10px;
	outline: none;
	height:120px !important;
	float: left;
	background:none;
	border:1px #fff solid;
	border-radius: 0;
	text-transform: capitalize;
}
.submit-btn {
	padding:5px 25px;
	background:#fff;
	color: #000;
	float: left;
	border-radius:0;
	outline: none;
	font-size: 12px;
	border: none;
}
.footer-bottom {
	width:100%;
	display: block;
	float:left;
	background:#fff;
	padding:20px 0;
	text-align: center;
	color:#000;
	font-size: 12px;
	letter-spacing: 1px;
}




.page-intro {
	padding:5px 0;
	/*background:url(../images/pattern2.gif);*/
	background:linear-gradient( 45deg, #0F508B, #D1534D);
	color: #fff;
	float: left;
	width: 100%;
	margin-top:78px;
	font-weight: bold;
	font-size:20px;
	box-shadow:0 3px 0 hsla(210, 65%, 9%, 0.02) inset, 0 0 7px hsla(210, 65%, 9%, 0.1) inset, 0 1px 0 hsla(0, 0%, 100%, 0.5);
	text-transform: uppercase;
	font-family:'Oswald', sans-serif;
	letter-spacing: 1px;
}


@media (max-width:768px) {
.page-intro {
	margin-top:0;
}
}
@media (min-width: 769px) and (max-width:990px) {
.page-intro {
	margin-top:156px;
}
}




.content {
	width:100%;
	display: block;
	float: left;
	padding:25px 0;
}
.content p {
	font-size: 14px;
	line-height: 19px;
	color: #333;
	text-align: justify;
}
.about-slider {
	width:100%;
	display: block;
	float:left;
	margin: 20px 0;
}





/*
inspired from http://codepen.io/Rowno/pen/Afykb
& https://jsfiddle.net/q0rgL8ws/
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
    overflow:hidden;
}
.item.active img {
    transition: transform 5000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.05, 1.05);
}
.carousel-fade .carousel-inner .item h3 {
	background-color: rgba(0,0,0, 0.4);
	padding: 5px 0;
	width: 50%;
	margin:0 auto 15px auto;
	text-transform: uppercase;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}



.googlemap {
	width:100%;
	display: block;
	float: left;
	border-radius:2px;
}
.cont-detail {
	width:100%;
	display: block;
	float: left;
	text-align: center;
	margin:10px 0 10px 0;
}
.info {
	width:100%;
	display: block;
	float: left;
	text-align: center;
	margin:0 0 15px 0;
	border:1px #ccc solid;
	padding:25px 15px 15px 15px;
	min-height: 222px;
	border-radius:2px;
}

.info i {
	text-align: center;
	min-height: 50px;
	color:#ccc;
}
.info h3 {
	text-align: center;
	text-transform: uppercase;
	color:#057AAA;
	margin-bottom: 15px !important;
	font-size: 20px;
}
.info p {
	text-align: center;
	color: #000;
	font-size: 16px;
}
.info p a {
	text-align: center;
	color: #000;
}
.info p a:hover {
	text-align: center;
	color: #000;
	text-decoration: none;
	outline: none;
}



.normal-btn {
	padding: 5px 20px;
	background:#0F508B;
	border: 1px #033a4a solid;
	border-radius:2px;
	color: #fff;
	outline: none;
	text-transform: uppercase;
}
.normal-btn:hover {
	box-shadow: 0 1px 1px #666;
}
.browse-btn {
	padding: 5px 10px;
	background:#04C1F4;
	border: 1px #04C1F4 solid;
	border-radius:2px;
	color: #fff;
	outline: none;
	text-transform:capitalize;
}
.browse-btn:hover {
	box-shadow: 0 1px 1px #666;
}

.jobportal {
	width:100%;
	display: block;
	float: left;
}

.job {
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 25px 15px 15px 15px;
	min-height: 214px;
	border-radius: 2px;
	box-shadow: rgba(0,0,0,0.1) 0 0 5px;
}
.job h3 {
	text-align: center;
	text-transform: uppercase;
	color: #057AAA;
	margin-bottom: 10px !important;
	font-size: 16px;
	background: #f7f7f7;
	padding: 5px;
}
.job span {
	text-align: center;
	width: 100%;
}
.job p {
	text-align: center;
	color: #000;
	font-size: 13px;
}
.job p a {
	text-align: center;
	color: #000;
}
.job p a:hover {
	text-align: center;
	color: #000;
	text-decoration: none;
	outline: none;
}



ul.device-dotted {
	overflow:hidden;
}
ul.device-dotted>li {
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	display:inline-block;
}
ul.device-dotted>li a {
	text-align:center;
	display:block;
}
ul.device-dotted>li img {
	display:inline-block;

	background:#FFF; opacity:1;
}
ul.device-dotted>li img:hover {
	display:inline-block;


}
ul.device-dotted>li:after {
	content: '';
	position: absolute;

	width: 100%;
	height: 0;
	top: auto;
	left: 0;
	bottom: -1px;
	border-bottom: 1px dashed rgba(0,0,0,0.3);
}
ul.device-dotted>li:before {
	content: '';
	position: absolute;
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px dashed rgba(0,0,0,0.3);
}



.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#333;
}
.overlay:hover {
  opacity:0.9;
}

.overlay2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#2EA54E;
}
.overlay2:hover {
  opacity:0.9;
}

.overlay3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#FFB900;
}
.overlay3:hover {
  opacity:0.9;
}
.overlay4 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#0C4C86;
}
.overlay4:hover {
  opacity:0.9;
}
.overlay5 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#FD811B;
}
.overlay5:hover {
  opacity:0.9;
}
.overlay6 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#42B9C1;
}
.overlay6:hover {
  opacity:0.9;
}
.overlay7 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#F33A4A;
}
.overlay7:hover {
  opacity:0.9;
}
.overlay8 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#64B266;
}
.overlay8:hover {
  opacity:0.9;
}
.overlay9 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#CF91B5;
}
.overlay9:hover {
  opacity:0.9;
}
.overlay10 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#7244F6;
}
.overlay10:hover {
  opacity:0.9;
}
.overlay11 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#CDA389;
}
.overlay11:hover {
  opacity:0.9;
}
.overlay12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#F7599C;
}
.overlay12:hover {
  opacity:0.9;
}
.overlay13 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#9B6332;
}
.overlay13:hover {
  opacity:0.9;
}
.overlay14 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#3AAF85;
}
.overlay14:hover {
  opacity:0.9;
}
.overlay15 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#23657D;
}
.overlay15:hover {
  opacity:0.9;
}
.overlay16 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#745423;
}
.overlay16:hover {
  opacity:0.9;
}
.overlay17 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#063A20;
}
.overlay17:hover {
  opacity:0.9;
}
.overlay18 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#17196F;
}
.overlay18:hover {
  opacity:0.9;
}
.overlay19 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#888E8C;
}
.overlay19:hover {
  opacity:0.9;
}
.overlay20 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#661E2C;
}
.overlay20:hover {
  opacity:0.9;
}


.device-text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase;
  font-weight:bold;
	width: 100%;
}




.timeline {
	padding: 0;
	list-style: none;
	position: relative;
	margin:50px 0 0 0;
}
.timeline::before {
	top: 0;
	bottom: 0;
	left: 22%;
	width: 4px;
	content: '';
	background: #f3f3f3;
	position: absolute;
	margin-left: -14px;
}
.timeline > li {
	position: relative;
}

.timeline > li .cbp_tmtime {
	width: 25%;
	display: block;
	position: absolute;
	padding-right: 80px;
}
.timeline > li .cbp_tmtime span {
	top: 9px;
	display: block;
	text-align: right;
	position: relative;
	font-weight: bold !important;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
.timeline > li .cbp_tmtime span:first-child {
	color: #999;
	font-size: 14px;
	line-height: 0.9;
}

.timeline > li .cbp_tmtime span:last-child {
	color:#000;
	font-size: 20px;
	font-weight: normal;
}

.timeline > li .cbp_tmicon {
	top: 22px;
	left: 22%;
	width: 10px;
	height: 10px;
	position: absolute;
	background:#104D86;
	margin: 0 0 0 -17px;
	box-shadow: 0 0 0 4px #f3f3f3;
	-webkit-font-smoothing: antialiased;
}
.timeline > li .cbp_tmlabel {
	color: #333;
	padding: 10px 20px 20px;
	background: url(../images/bg.png);
	line-height: 1.4;
	clear: both;
	position: relative;
	border-radius: 5px;
	margin: 0 0 40px 25%;
	box-shadow: 1px 2px 0 #ccc;
}






.ceo {
	margin-bottom: 25px;
}



.video-section .pattern-overlay {
background-color: rgba(71, 71, 71, 0.59);
padding: 110px 0 32px;
min-height: 496px;
/* Incase of overlay problems just increase the min-height*/
}
.video-section h1, .video-section h3{
text-align:center;
color:#fff;
}
.video-section h1{
font-size:110px;
font-family: 'Buenard', serif;
font-weight:bold;
text-transform: uppercase;
margin: 40px auto 0px;
text-shadow: 1px 1px 1px #000;
-webkit-text-shadow: 1px 1px 1px #000;
-moz-text-shadow: 1px 1px 1px #000;
}
.video-section h3{
font-size: 25px;
font-weight:lighter;
margin: 0px auto 15px;
}
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}