h1, h2, h3, h4, h5 {

	color: #2d3033

}

#header .logo, .btn, h5 {

	text-transform: uppercase

}

.btn, .navigation li {

	display: inline-block

}

 @font-face {

 font-family: 'Humanst521 BT';

 src: url(../fonts/Humanist521BT-Roman.eot);

 src: url(../fonts/Humanist521BT-Roman.eot?#iefix) format('embedded-opentype'), url(../fonts/Humanist521BT-Roman.woff2) format('woff2'), url(../fonts/Humanist521BT-Roman.woff) format('woff'), url(../fonts/Humanist521BT-Roman.ttf) format('truetype'), url(../fonts/Humanist521BT-Roman.svg#Humanist521BT-Roman) format('svg');

 font-weight: 400;

 font-style: normal

}

 @font-face {

 font-family: 'Futura Md BT';

 src: url(../fonts/FuturaBT-Medium.eot);

 src: url(../fonts/FuturaBT-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaBT-Medium.woff2) format('woff2'), url(../fonts/FuturaBT-Medium.woff) format('woff'), url(../fonts/FuturaBT-Medium.ttf) format('truetype'), url(../fonts/FuturaBT-Medium.svg#FuturaBT-Medium) format('svg');

 font-weight: 500;

 font-style: normal

}

 @font-face {

 font-family: 'Humnst777 Lt BT';

 src: url(../fonts/Humanist777BT-LightB.eot);

 src: url(../fonts/Humanist777BT-LightB.eot?#iefix) format('embedded-opentype'), url(../fonts/Humanist777BT-LightB.woff2) format('woff2'), url(../fonts/Humanist777BT-LightB.woff) format('woff'), url(../fonts/Humanist777BT-LightB.ttf) format('truetype'), url(../fonts/Humanist777BT-LightB.svg#Humanist777BT-LightB) format('svg');

 font-weight: 300;

 font-style: normal

}

 @font-face {

 background:font-family: 'Humnst777 Cn BT';

 src: url(../fonts/Humanist777BT-RomanCondensedB.eot);

 src: url(../fonts/Humanist777BT-RomanCondensedB.eot?#iefix) format('embedded-opentype'), url(../fonts/Humanist777BT-RomanCondensedB.woff2) format('woff2'), url(../fonts/Humanist777BT-RomanCondensedB.woff) format('woff'), url(../fonts/Humanist777BT-RomanCondensedB.ttf) format('truetype'), url(../fonts/Humanist777BT-RomanCondensedB.svg#Humanist777BT-RomanCondensedB) format('svg');

 font-weight: 400;

 font-style: normal

}

 @font-face {

 font-family: 'Humnst777 Lt BT';

 src: url(../fonts/Humanist777BT-LightB.eot);

 src: url(../fonts/Humanist777BT-LightB.eot?#iefix) format('embedded-opentype'), url(../fonts/Humanist777BT-LightB.woff2) format('woff2'), url(../fonts/Humanist777BT-LightB.woff) format('woff'), url(../fonts/Humanist777BT-LightB.ttf) format('truetype'), url(../fonts/Humanist777BT-LightB.svg#Humanist777BT-LightB) format('svg');

 font-weight: 300;

 font-style: normal

}

p {

	font-size: 14px;

	line-height: 22.4px;

	color: #6c7279

}

h1 {

	font-size: 40px;
    font-weight: 500;

}

h2 {

	font-size: 20px;
/*    line-height: 10px;*/
    font-weight: 200;

}

h3 {

	font-size: 28px;

	font-weight: 300

}

h4 {

	font-size: 22px;

	font-weight: 400

}

h5 {

	font-size: 14px;

	font-weight: 700

}

.btn {

	background-color: #333;

	margin-top: 40px;

	color: #fff;

	font-size: 12px;

	font-weight: 600;

	letter-spacing: 1px;

	border-radius: 0;

	padding: 3% 7%

}

.btn:focus, .btn:hover {

	background-color: #000;

	color: #fff

}

.btn-large {

	padding: 15px 40px

}

a {

	color: #e84545

}

a:focus, a:hover {

	text-decoration: none;

 -moz-transition: background-color, color, .5s;

 -o-transition: background-color, color, .5s;

 -webkit-transition: background-color, color, .5s;

 transition: background-color, color, .5s

}

body {

	font-family: 'Humnst777 Lt BT';

	font-weight: 400;

	color: #6c7279;

	background: #030305

}

ol, ul {

	margin: 0;

	padding: 0

}

ul li {

	list-style: none

}

.section {

	padding: 100px 0

}

.no-padding {

	padding: 0

}

 .no-gutter [class*=col-] {

 padding-right: 0;

 padding-left: 0

}

#header {

	position: fixed;

	width: 100%;

	z-index: 999;

	background-color: #030305;

	padding: 0 6%

}

#header .header-content {

 -moz-transition: padding .3s;

 -o-transition: padding .3s;

 -webkit-transition: padding .3s;

 transition: padding .3s;

	padding-top: 20px;

	padding-bottom: 20px

}

#header .logo {

	font-size: 21px;

	color: #000;

	font-weight: 700;

	float: left

}

#header.fixed {

	background-color: #000

}

#header.fixed .header-content {

	border-bottom: 0;

	padding-top: 10px;

	padding-bottom: 10px

}

.Innovatives-Group-logo .logo-img, .Innovatives-Group-logo .logo-text {

	float: left

}

.logo-text h3, .logo-text h4 {

	color: #FFF;

	text-transform: none;

	margin: 0;

	padding: 0;

 transition: all ease .5s

}

.carousel, .services {

	margin: auto

}

.logo-text h3, .logo-text h4 {

	padding-left: 8px;

	letter-spacing: .5px

}

.logo-text h3 {

	font-size: 35px;

	padding-top: 10px;

	font-family: 'Humanst521 BT'

}

.logo-text h4 {

	font-size: 14px;

	font-family: 'Futura Md BT';

	color: #ccc

}

.carousel-caption h3, .clients h4, .contact h4, .portfolio h4, .services h4 {

	font-family: 'Humnst777 Lt BT'

}

#header.fixed .logo-text h3 {

	font-size: 29px;

	line-height: 29px;

	padding-bottom: 2px;

 transition: all ease .5s

}

#header.fixed .logo-text h4 {

	font-size: 11.5px;

 transition: all ease .5s

}

.logo img {

	height: 71px;

 transition: all ease .5s

}

#header.fixed .logo img {

	height: 60px;

 transition: all ease .5s

}

#header.fixed .navigation {

	padding-top: 20px;

 transition: all ease .5s

}

#header .nav-toggle {

	top: 26px

}

#header.fixed .nav-toggle {

	top: 20px

}

.navigation.open {

	opacity: .9;

	visibility: visible;

 -moz-transition: opacity .5s;

 -o-transition: opacity .5s;

 -webkit-transition: opacity .5s;

 transition: opacity .5s

}

.navigation {

	float: right;

	padding-top: 25px;

 transition: all ease .5s

}

.navigation a {

	color: #fff;

	font-size: 18px;

	font-weight: 300;

	padding: 0 18px

}

.navigation a.active, .navigation a:focus, .navigation a:hover {

	color: #ff8a00;

	outline: 0

}

.nav-toggle {

	display: none;

	height: 44px;

	overflow: hidden;

	position: fixed;

	right: 5%;

	text-indent: 100%;

	top: 20px;

	white-space: nowrap;

	width: 44px;

	z-index: 99999;

 -moz-transition: all .3s;

 -o-transition: all .3s;

 -webkit-transition: all .3s;

 transition: all .3s

}

.nav-toggle:after, .nav-toggle:before {

	border-radius: 50%;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	-moz-transform: translateZ(0);

	-ms-transform: translateZ(0);

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	-moz-backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-webkit-transition-property: -webkit-transform;

	transition-property: transform

}

.nav-toggle:before {

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-webkit-transform: scale(1);

	transform: scale(1);

 -moz-transition-duration: .3s;

 -o-transition-duration: .3s;

 -webkit-transition-duration: .3s;

 transition-duration: .3s

}

.nav-toggle:after {

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-webkit-transform: scale(0);

	transform: scale(0);

	-moz-transition-duration: 0s;

	-o-transition-duration: 0s;

	-webkit-transition-duration: 0s;

	transition-duration: 0s

}

.nav-toggle span {

	background-color: #fff;

	bottom: auto;

	display: inline-block;

	height: 1px;

	left: 50%;

	position: absolute;

	right: auto;

	top: 50%;

	width: 20px;

	z-index: 10;

	-moz-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	-webkit-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%)

}

.nav-toggle span:after, .nav-toggle span:before {

	background-color: #fff;

	content: "";

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

	width: 100%;

	-moz-transform: translateZ(0);

	-ms-transform: translateZ(0);

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	-moz-backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

 -moz-transition: -moz-transform .3s;

 -o-transition: -o-transform .3s;

 -webkit-transition: -webkit-transform .3s;

 transition: transform .3s

}

.nav-toggle span:before {

	-moz-transform: translateY(-6px) rotate(0);

	-ms-transform: translateY(-6px) rotate(0);

	-webkit-transform: translateY(-6px) rotate(0);

	transform: translateY(-6px) rotate(0)

}

.nav-toggle span:after {

	-moz-transform: translateY(6px) rotate(0);

	-ms-transform: translateY(6px) rotate(0);

	-webkit-transform: translateY(6px) rotate(0);

	transform: translateY(6px) rotate(0)

}

.nav-toggle.close-nav:before {

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-webkit-transform: scale(0);

	transform: scale(0)

}

.nav-toggle.close-nav:after {

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-webkit-transform: scale(1);

	transform: scale(1)

}

.nav-toggle.close-nav span {

	background-color: rgba(255, 255, 255, 0)

}

.nav-toggle.close-nav span:after, .nav-toggle.close-nav span:before {

	background-color: #fff

}

.nav-toggle.close-nav span:before {

	-moz-transform: translateY(0) rotate(45deg);

	-ms-transform: translateY(0) rotate(45deg);

	-webkit-transform: translateY(0) rotate(45deg);

	transform: translateY(0) rotate(45deg)

}

.nav-toggle.close-nav span:after {

	-moz-transform: translateY(0) rotate(-45deg);

	-ms-transform: translateY(0) rotate(-45deg);

	-webkit-transform: translateY(0) rotate(-45deg);

	transform: translateY(0) rotate(-45deg)

}

.carousel {

	width: 100%;

	height: auto

}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {

	width: 33px;

	height: 61px

}

 .glyphicon-chevron-left::before {

 content: "";

 background: url(../images/left-nav.png) no-repeat;

 width: 33px;

 height: 61px;

 display: inline-block

}

 .glyphicon-chevron-right::before {

 content: "";

 background: url(../images/right-nav.png) no-repeat;

 width: 33px;

 height: 61px;

 display: inline-block

}

.active, .carousel-inner, .item {

	background-repeat: no-repeat;

	background-size: cover

}

.carousel-inner>.item {

	background-repeat: no-repeat!important;

	background-size: cover!important

}

.item img {

	width: 100%

}

.carousel-caption {

	color: #fff;

	text-align: left;

	right: 20%;

	left: 20%;

	bottom: 40%

}

.carousel-caption h3 {

	color: #fff;

	text-shadow: none;

	font-size: 40px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 5px

}

.clients h5, .contact h5, .services h5 {

	text-transform: none

}

.carousel-caption p {

	color: #ddd;

	text-shadow: none;

	font-size: 25px;

	font-weight: 400;

	letter-spacing: 2px

}

.carousel-control.left, .carousel-control.right {

	background: 0 0

}

.services, .services-content {

	color: #000;

	background-color: #fff

}

.clients, .clientsBG {

	background: #fff

}

.carousel-control {

	opacity: .3;

	text-shadow: none

}

.services h4 {

	font-size: 33px;

	line-height: 36px;

	font-weight: 300;

	color: #000;

	text-align: center

}

.services h5 {

	font-size: 21px;

	font-weight: 300;

	margin-bottom: 10%;

	color: #000

}

.Associates-logo {

	padding: 50px 0

}

.services p {

	color: #000;

	font-size: 19px;

	font-weight: 400;

	margin-top: 40px;

	line-height: 28px;

	text-align: justify

}

.clients h4, .contact h4, .line_02, .portfolio h4, .testimonials {

	text-align: center

}

.services-content {

	padding: 0 7%;

	overflow: auto

}

.services-content li {

	list-style: square;

	margin-bottom: 5px;

	line-height: 18px

}

.services-content a, .services-content li a {

	line-height: 30px;

	color: #000

}

.services-content a {

	text-decoration: underline

}

.clients {

	width: 90%;

	margin: auto;

	color: #000;

	overflow: hidden

}

#contact, #portfolio, .contact {

	background-color: #030207

}



.clients h4 {

	font-size: 33px;

	line-height: 33px;

	letter-spacing: 2px;

	font-weight: 300;

	color: #000

}

.clients h5 {

	font-size: 21px;

	font-weight: 300;

	margin-bottom: 10%;

	color: #000

}

.clients p {

	color: #000;

	font-size: 16px;

	font-weight: 400;

	margin-top: 40px

}

.contact h4, .contact h5 {

	font-weight: 300;

	color: #fff

}

.clients1 {

	display: inline-block;

	padding: 10px 5%

}

#contact {

	min-height: calc(100vh - 91px);

	padding: 100px 0;

	width: 100%

}

.contact {

	margin: auto;

	color: #fff;

	padding-top: 100px

}

.contact-content {

	width: 85%;

	margin: 0 auto

}

.contact h4 {

	font-size: 33px;

	padding-bottom: 90px

}

.contact h5 {

	font-size: 21px;

	margin-bottom: 10%

}

.contact p {

	color: #fff;

	font-size: 20px;

	font-weight: 400;

	margin-top: 20px;

	line-height: 28px

}

.contact-content li {

	list-style: square;

	margin-bottom: 5px;

	line-height: 18px

}

.contact-content li a {

	color: #fff;

	line-height: 30px

}

.contact-content a {

	color: #ff8a00;

	line-height: 30px;

	text-decoration: none

}

.footer a:hover, .html5-title-caption a:hover {

	text-decoration: underline

}

.contact-content a:hover {

	color: #fff

}

.line_02 {

	padding-top: 60px

}

.portfolio {

	margin: auto;

	overflow: hidden

}

.portfolio h4 {

	color: #fff;

	font-size: 33px

}

.branding {

	background-color: #ff8a00;

	width: 1px;

	height: 30px;

	margin: 15px auto;

	display: block

}

#portfolio .portfolio-item {

	right: 0;

	padding: 5px

}

#portfolio .portfolio-item img {

	width: 100%;

	height: auto

}

#portfolio .portfolio-item .portfolio-link {

	display: block;

	position: relative;

	margin: 0 auto

}

#portfolio .portfolio-item .portfolio-link .caption {

	position: absolute;

	width: 100%;

	height: 100%;

	opacity: 0;

	background: rgba(0, 0, 0, .6);

 -webkit-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s

}

#portfolio .portfolio-item .portfolio-link .caption:hover {

	opacity: 1

}

#portfolio .portfolio-item .portfolio-link .caption .caption-content {

	position: absolute;

	top: 50%;

	width: 100%;

	height: 20px;

	margin-top: -12px;

	text-align: center;

	font-size: 20px;

	color: #fff

}

#portfolio .portfolio-item .portfolio-link .caption .caption-content i {

	margin-top: -12px;

	font-size: 1.3em

}

#portfolio .portfolio-item .portfolio-link .caption .caption-content h3 {

	margin: 0;

	color: #e9eaed;

	font-size: 17px;

	letter-spacing: 4px;

	text-transform: uppercase;

	display: none

}

.html5-title-caption a {

	color: #ff8a00

}

.html5-playpause, .html5-title-prefix {

	display: none!important

}

#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {

	margin: 10px 0;

	color: #fff;

	font-size: 12px;

	letter-spacing: 2px;

	text-transform: uppercase

}

#portfolio * {

	z-index: 2

}

.list-inline>li.active {

	height: auto

}

.testimonials {

	width: 94%;

	margin: auto;

	background-color: #333;

	position: relative

}

.testimonials blockquote {

	border: 0;

	margin: 0;

	padding: 100px 15%

}

.testimonials h1 {

	color: #fff;

	font: 19px Roboto, sans-serif;

	font-weight: 300;

	letter-spacing: 1px

}

.testimonials p {

	color: #fff;

	display: block;

	font-size: 11px;

	font-style: normal;

	letter-spacing: 2px;

	font-weight: 400;

	margin-top: 30px;

	text-transform: uppercase

}

.footer {

	width: 100%;

	margin: 200px auto auto;

	text-align: left;

	padding-top: 10px;

	padding-bottom: 20px;

	border-top: 1px solid #323134

}

.footer h4 {

	font-size: 13px;

	color: #000;

	margin: 0 0 15px;

	padding: 0

}

.footer p {

	font-size: 14px;

	color: #5c5c5c;

	float: right;

	margin: 0

}

.footer a {

	color: #000

}

.footer .footer-share {

	margin-top: 0

}

.footer .footer-share li {

	display: inline-block;

	float: none

}

.footer .footer-share a {

	border: none;

	font-size: 13px;

	color: #000;

	letter-spacing: 15px

}

.footer .fa-heart {

	color: #e84545;

	font-size: 11px;

	margin: 0 2px

}

ul.social-nav {

	display: block

}

ul.social-nav li {

	display: inline-block

}

ul.social-nav li a {

	color: #ddd;

	font-size: 25px;

	margin-right: 15px

}

ul.social-nav li a:hover {

	color: #fff

}

.work-detail {

	width: 94%;

	margin: auto

}

.work-detail-margin {

	margin-top: 7%

}

.detail-image img {

	width: 100%

}

.detail-contentbox {

	background-color: #f2f2f2;

	padding: 3%

}

.detail-content h4 {

	font-size: 27px;

	line-height: 27px;

	letter-spacing: 1px;

	font-weight: 300

}

.detail-content p {

	color: #6c7279;

	font-size: 13px;

	font-weight: 400;

	margin-top: 7%

}

.list-inline {

	font-size: 14px;

	margin-bottom: 70px;

	text-align: center

}

.list-inline>li a {

	color: #fff;

	padding: 5px 15px;

	text-decoration: none;

	font-size: 20px

}

.list-inline>li.active a {

	color: #ff8a00

}

#html5-watermark {

	display: none!important

}

.client, .nav-tabs>li {

	display: inline-block

}

.nav-tabs {

	border-bottom: 0;

	text-align: center;

	padding-bottom: 70px

}

.nav-tabs>li {

	float: none

}

.nav-tabs>li>a {

	border: none;

	color: #fff;

	font-size: 20px

}

.nav > li > a:focus, .nav > li > a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {

	border: none;

	color: #ff8a00!important;

	background: 0 0;

	outline: 0

}

 .nav-tabs>li>a::after {

 content: "";

 background: #4285F4;

 height: 0;

 position: absolute;

 width: 100%;

 left: 0;

 bottom: -1px;

 transition: all 250ms ease 0s;

 transform: scale(0)

}

 .nav-tabs>li.active>a::after, .nav-tabs>li:hover>a::after {

 transform: scale(1)

}

 .tab-nav>li>a::after {

 background: #21527d;

 color: #fff

}

.tab-content, .tab-pane {

	padding: 0

}

.client img {

	width: 230px;

	height: 130px

}