@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');
@import url('https://fonts.googleapis.com/css?family=Lora:400,700');
@import url('https://fonts.googleapis.com/css?family=Slabo+27px');
@import url('https://fonts.googleapis.com/css?family=Courgette');


/* GENERAL STYLES */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

/* body */
body {
	padding: 0px;
	margin: 0px;
	background: #fff;
}

body, input, textarea {
	font: 14px 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 23px;
	color: #727272;
}

/* Headings */
h1, 
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}
h1 {
	font-size: 35px;
	line-height: 120%;
}

h2 {
	font-size: 30px;
	line-height: 120%;
}

h3 {
	font-size: 25px;
	line-height: 120%;
}
h4 {
	font-size: 21px;
	line-height: 120%;
}
h5 {
	font-size: 18px;
	line-height: 120%;
}
h6 {
	font-size: 16px;
	line-height: 120%;
}

p {
	font: 14px 'Open Sans', sans-serif;
	font-weight: normal;
	line-height: 25px;
}

blockquote {
	margin: 20px 0 20px 0px;
	font-size: 16px;
	border-left: 5px solid #eee;
	padding: 0px 0px 20px 36px;
	font-weight: normal;
}
pre {
	background: #f4f4f4;
	font-size: 13px;
	font: 13px 'Open Sans', sans-serif;
	line-height: 1.5;
	margin-bottom: 40px;
	overflow: auto;
	padding: 0.75em 20px;
}

a {
	color: #3396d6;
	text-decoration: none;
	transition: all 0.3s ease;
}
a:hover {
	color: #1f1f1b;
	text-decoration: none;
	background: transparent;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}


/* TOP BAR */

#sp-top-bar {
	background: #efd018 none repeat scroll 0 0;
	padding: 0;
    transition: all 0.6s ease 0s;
}

#sp-top-bar #sp-top1 .sp-module-content {
	padding-bottom: 14px;
	padding-top: 14px;
}

@media(max-width: 768px) {
#sp-top-bar #sp-top1 .sp-module  {
	display: block;
	text-align: center;
}
}

#sp-top-bar #sp-top1 .sp-module-content a {
	font-size: 12px;
	margin-right: 20px;
	margin-top: 5px;
	font-weight: 500;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

#sp-top-bar #sp-top1 .sp-module-content a:hover {opacity: 0.5;}

#sp-top-bar #sp-top2 {text-align: center;}

#sp-top-bar #sp-top2 ul {
	padding-bottom: 14px;
	padding-top: 14px;
	display: inline-block;
	float: none;
}

#sp-top-bar #sp-top2 ul.sp-contact-info {
	margin: 0 5px 0 0;
}

#sp-top-bar #sp-top2 ul.sp-contact-info li {
	animation: 0.5s ease 0s normal both 1 running flipdown;
	margin: 0;
	transition: all 0.3s ease 0s;
}

#sp-top-bar #sp-top2 ul.sp-contact-info li a {
	font-size: 13px;
	margin-right: 20px;
	margin-top: 5px;
	font-family: "Open Sans",sans-serif;
	line-height: 120%;
	color: #1f1f1b;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

#sp-top-bar #sp-top2 ul.sp-contact-info li i {
	transition: all 0.25s ease-in-out 0s;
	font-size: 16px;
	color: #1f1f1b;
	letter-spacing: 0.5px;
}

#sp-top-bar #sp-top2 ul.sp-contact-info li:last-child a  {font-weight: 500; font-family: "Raleway",sans-serif;}
#sp-top-bar #sp-top2 ul.sp-contact-info li:last-child i  {font-size: inherit;}
#sp-top-bar #sp-top2 ul.sp-contact-info li:last-child:hover {opacity: 0.5;}

#sp-top-bar #sp-top2 ul.social-icons li {margin: 0;}

#sp-top-bar #sp-top2 ul.social-icons li a i {
	transition: all 0.25s ease-in-out 0s;
	border: 1px solid #1f1f1b;
	color: #1f1f1b;
	font-size: 10px;
	height: 22px;
	line-height: 22px;
	width: 22px;
	border-radius: 100%;
	margin: 0 3px;
	text-align: center;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
}

#sp-top-bar #sp-top2 ul.social-icons li a i:hover {opacity: 0.5;}

/* */


/* MENU AND LOGO */

#sp-header {
	box-shadow: none !important;
	height: inherit;
	background: #000;
	position: relative ;
	z-index: 9998;
	transition: all 0.6s ease 0s;
}

@media(min-width: 993px) {
#sp-header.header-invisible.menu-fixed-out  {
	position: absolute;
	background: rgba(0, 0, 0, 0.2) !important;
	top: 52px;
	left: 0;
    z-index: 99;
	border-bottom:0px solid transparent!important;
	border: medium none;
    border-radius: 0;
    transition: all 0.6s ease 0s;
}
}

@media(min-width: 993px) {
#sp-header.header-invisible.menu-fixed  {
	position: fixed;
	background: rgba(0, 0, 0, 0.95) !important;
	top: 0;
	left: 0;
    z-index: 99;
	border-bottom:0px solid transparent!important;
	border: medium none;
    border-radius: 0;
    transition: all 0.6s ease 0s;
}
}

#sp-header.header-invisible {
	border-bottom:0px solid transparent!important;
}
.nav-placeholder {
	background: transparent none repeat scroll 0 0 !important;
	height: inherit !important;
}

#sp-header .container {
	margin: 0 auto;
	width: 81%;
	padding-left: 0;
}

#sp-header #sp-logo {
	display: inline-block;
	margin-top: 16px;
}

@media(max-width: 768px) {
#sp-header #sp-logo   {
	margin-top: 10px;
}
}

#sp-header .logo {
  height: inherit;
  display: block;
}

#sp-header .logo a {
    display: block;
}

#sp-header .logo a img {width: 100%;}

#sp-header #sp-menu {
  height: inherit;
}

#sp-header #sp-menu ul.sp-megamenu-parent > li {
	position: relative;
	text-transform: uppercase;
	animation: 0.5s ease 0s normal both 1 running flipdown;
}

#sp-header #sp-menu ul.sp-megamenu-parent > li > a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #fff;
	padding: 30px 16px;
	text-decoration: none;
	line-height: 20px;
	display: block;
	position: relative;
	font-weight: 500;
	letter-spacing: 0.9px;
	font-size: 13px;
	font-family: "Roboto",sans-serif;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
  color: #fff;
  opacity: 0.5;
}

.sp-megamenu-parent > li.sp-has-child > a:after {
  display: none;
}

@media only screen and (min-width:992px){
#offcanvas-toggler  {
	display:none;
}
}

#offcanvas-toggler {
	line-height: 67px;
    transition: all 0.3s ease 0s;
}

#offcanvas-toggler > i {
  color: #efd018;
    transition: all 0.3s ease 0s;
}

#offcanvas-toggler > i:hover {
	color: #efd018;
	opacity: 0.5;
}


/* SUB-MENU*/

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.07);
	transition: all 0.2s ease 0s;
	width: 230px;
	padding: 0;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li {
	border-bottom: 1px solid #eee;
	overflow: hidden;
	font-size: 13px;
	letter-spacing: 0.9px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a {
	color: #1f1f1b;
	display: block;
	font-weight: 500;
	letter-spacing: 0.5px;
	padding: 10px 23px;
	text-transform: none;
	transition: all 0.2s ease-out 0s;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	font-family: "Roboto",sans-serif;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a:hover {
	margin-left: 5px;
	opacity: 0.5;
	color: #1f1f1b;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover {
  color: #1f1f1b;
}

.sp-megamenu-parent .elements-menu  .sp-dropdown .sp-dropdown-inner {
	transition: all 0.2s ease 0.2s;
	width: 100%;
}

.sp-megamenu-parent .elements-menu .sp-dropdown.sp-dropdown-main.sp-menu-left {
  right: -90px;
}

@media (max-width: 1200px) {
	.sp-megamenu-parent .elements-menu .sp-dropdown.sp-dropdown-main.sp-menu-left {
		right: -220px !important;
		} 
}

.sp-megamenu-parent .elements-menu .sp-dropdown .sp-dropdown-inner ul > li {
	border-bottom: none;
}

.sp-megamenu-parent .elements-menu .sp-dropdown .sp-dropdown-inner ul > li > a {
	padding-bottom: 5px;
	padding-top: 5px;
	transition: all 0.2s ease-out 0s;
	font-weight: 400;
}

.sp-megamenu-parent .elements-menu .sp-dropdown .sp-dropdown-inner ul.sp-mega-group {
	border-left: 1px solid #eee;
}

.sp-megamenu-parent .elements-menu .sp-dropdown .sp-dropdown-inner ul.sp-mega-group > li:first-child {
	padding: 27px 9px 25px;
}
.sp-megamenu-parent .elements-menu .sp-dropdown .sp-dropdown-inner ul.sp-mega-group > li a.sp-group-title:hover {margin: 0;}

/* END SUB-MENU*/

/* END MENU AND LOGO */



/* DEMO VERSION 1 */

/* SLIDER */

.top-slider .ls-wrapper:hover .index-btn:before {
    bottom: 0;
    height: 100%;
    top: auto;
}

.top-slider .ls-wrapper .index-btn:before {
  background: #fff none repeat scroll 0 0;
  color: #000;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  width: 100%;
  z-index: -1;
}

.top-slider .ls-wrapper:hover .index-btn {
	background-color: transparent;
	color: #000 !important;
	text-shadow: none;
	border: 2px solid #fff !important;
}

@media (max-width: 600px) {
	.top-slider .ls-wrapper:hover .index-btn {
	border: 1px solid #fff !important;
}
}

/* */

/* WELCOME SECTION */

.welcome-text .sppb-addon-title {
	font-size: 40px;
	line-height: 120%;
	margin-bottom: 20px;
	font-family: "Roboto",sans-serif;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	color: #1f1f1b;
}

.welcome-text .sppb-addon-content {
	line-height: 180%;
	margin: 0 auto;
	width: 70%;
	font-weight: 500;
	font-size: 16px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.welcome-features {
	padding: 14%;
	margin-right: 2px;
	background: #f9f9f9 none repeat scroll 0 0;
}

.welcome-features .sppb-icon i {
	font-size: 60px;
	color: #efd018;
}

.welcome-features .sppb-addon-title {
	margin-bottom: 20px;
	margin-top: 20px;
	font-family: "Roboto",sans-serif;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.welcome-features .sppb-addon-text {
	font-weight: 500;
	color: #727272;
}

.index-image-text .sppb-addon-title {
	font-size: 45px;
	line-height: 120%;
	margin-bottom: 20px;
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.index-image-text .sppb-addon-content {
	margin-bottom: 40px;
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	font-size: 21px;
	line-height: 120%;
	letter-spacing: 0.5px;
}


.start-project-btn {
	background-color: #efd018;
	color: #1f1f1b;
	width: 225px;
	border-radius: 32px;
	cursor: pointer;
	display: inline-block;
	padding: 16px 14px;
	text-align: center;
	transition: all 0.5s ease 0s;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;	
}

.start-project-btn a,
.start-project-btn a:hover {
	font-weight: 600;
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.5s ease 0s;
	background-color: #efd018;
	color: #1f1f1b;
	border-radius: 0;
	padding: 0;
	line-height: inherit;
	font-size: inherit;
}

.start-project-btn:hover a {
	color: #1f1f1b;
	padding-right: 18px;
}

.start-project-btn a:after {
	content: "→";
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 0s;
}

.start-project-btn:hover a:after {
	opacity: 1;
	right: 0;
}

/* */

/* PROJECTS */

.index-heading .sppb-addon-title {
	font-family: "Roboto",sans-serif;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 120%;
	color: #1f1f1b;
}

.index-heading .sppb-addon-content {
	background: #efd018 none repeat scroll 0 0;
	height: 1px;
	width: 75px;
	margin: 20px auto;
}

.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
  transform: none;
}

.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}

.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
  margin-top: 0px;
  line-height: 130%;
  margin-bottom: 20px;
  color: #fff;
  font-family: "Roboto",sans-serif;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 25px;
}

.p-style1 .sp-simpleportfolio .sp-simpleportfolio-description {
  float: none;
  width: 80%;
  margin: 0 auto 20px;
  color: #fff;
  transition: all 0.25s ease-in-out 0s;
  font: 14px/25px "Open Sans",sans-serif;
  
}

.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
  border: none;
  font-size: inherit;
  letter-spacing: 0;
  line-height: inherit;
  margin: 0;
  vertical-align: middle;
  color: #efd018;
text-decoration: none;
transition: all 0.3s ease 0s;
cursor: pointer;
display: inline-block;
letter-spacing: 0;
padding: 4px 5px;
text-align: center;
width: 200px;
font-weight: 600;
text-transform: uppercase;
background: transparent none repeat scroll 0 0;
}

.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a span:after {
	content: "→";
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 0s;
}

.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.5s ease 0s;
}

.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover span:after {
	opacity: 1;
	right: 0;
}

.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover span {
	letter-spacing: 3px;
	padding-right: 22px;
}


.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle .sp-simpleportfolio-title,
.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-description,
.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns {
  transform: translate3d(0px, 15px, 0px);
}

.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-vertical-middle .sp-simpleportfolio-title,
.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-description,
.p-style1 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-btns {
  transform: translate3d(0px, 0px, 0px);
}

/* */

/* NUMBERS */

@media only screen and (max-width:993px){
		.index-numbers  {
			margin-bottom: 50px;
		}
}

.index-numbers .sppb-icon i {
	font-size: 30px;
	margin-bottom: 10px;
	color: #fff;
}

.index-numbers .sppb-animated-number {
	font-size: 40px;
	line-height: 120%;
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.index-numbers .sppb-animated-number-title {
	margin-top: 10px;
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

/* */

/* TEAM */

.index-team {
	position: relative;
	background: #fff none repeat scroll 0 0;
	padding: 0 15px;
}

.index-team img {
	transform-style: preserve-3d;
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.index-team .text-box {
	transition: all 0.3s ease 0s;
	background-color: rgba(239, 208, 24, 0.97);
	height: 90%;
	left: 8%;
	opacity: 0;
	position: absolute;
	top: 5%;
	transform: scale(1.15);
	width: 84%;
	text-align: center;
}

.index-team:hover .text-box {
	opacity: 1;
	transform: scale(1);
}

.index-team .text-box h5 {
	padding-top: 30%;
	margin-bottom: 10px;
	color: #fff;
	font-family: "Roboto",sans-serif;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 120%;
	transition: all 0.3s ease 0s;
}

.index-team .text-box p {
	font: 13px/21px "Open Sans",sans-serif;
	margin-bottom: 20px;
	color: #fff;
	transition: all 0.25s ease-in-out 0s;
}

.index-team .text-box h6 {
	font-size: 13px;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 120%;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.index-team .text-box h6 a:before {
	background-color: #fff;
	bottom: -2px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
}

.index-team .text-box h6 a {
	color: #fff;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	position: relative;
	text-align: center;
}

.index-team .text-box h6 a:hover:before {
	transform: scaleX(1);
	visibility: visible;
}

.owl-theme .owl-controls {
  margin-top: 30px;
  text-align: center;
}

.owl-theme .owl-controls .owl-page span {
	background: #d6d6d6 none repeat scroll 0 0;
	border-radius: 30px;
	display: block;
	height: 8px;
	margin: 5px 4px;
	transition: all 0.3s ease 0s;
	width: 8px;
	opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #869791 none repeat scroll 0 0;
  opacity: 1;
}

/* */

/* MARKET SECTORS */

.border-top {border-top: 1px solid #eee;}

.market-images {
	background-color: #fff;
	transition: all 0.4s ease 0s;
	padding: 10px;
	cursor: pointer;
	margin-bottom: 30px;
}

.market-images:hover {
	box-shadow: 0 -300px 0 0 #1f1f1b inset;
}

.market-images img {
	display: block;
	height: auto;
	max-width: 33.3333%;
}

.market-images a {
	width: 100%;
	height: 100%;
}

.market-images .sppb-addon-title {
	transition: all 0.5s ease 0s;
	line-height: 140%;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 3px;
	font-family: "Roboto",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #1f1f1b;
}

.market-images:hover .sppb-addon-title  {
	color: #fff;
}

/* */

/* TESTIMONIALS */

.index-testimonials h4 {
	line-height: 160%;
	margin: 0 auto 20px;
	color: #fff;
	width: 92%;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	font-size: 21px;
	letter-spacing: 0.5px;
	text-align: center;
}

.index-testimonials h4 i {
	font-size: 20px;
	opacity: 0.4;
	color: #fff;
}

.index-testimonials h5 {
	margin-bottom: 5px;
	color: #efd018;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	text-align: center;
}

.index-testimonials h6 {
	font-size: 12px;
	color: #727272;
	font-weight: 500;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	text-align: center;
}


.testimonial-slider .owl-controls .owl-page span {
	background: #fff none repeat scroll 0 0;
	border-radius: 30px;
	display: block;
	height: 8px;
	margin: 5px 4px;
	opacity: 0.5;
	transition: all 0.2s ease 0s;
	width: 8px;
}

.testimonial-slider .owl-controls .owl-page.active span, .testimonial-slider .owl-controls.clickable .owl-page:hover span {
	background: #fff none repeat scroll 0 0;
	height: 10px;
	opacity: 1;
	width: 10px;
}

.grayscale img {
	filter: grayscale(100%);
	display: block;
	height: auto;
	max-width: 75%;
}

/* */

/* BOTTOM DETAILS */

@media only screen and (max-width:993px){
		.bottom-details  {
			margin-bottom: 50px;
		}
}

.bottom-details .sppb-icon i {
	font-size: 30px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	transition: all 0.3s ease 0s;
	text-align: center;
	vertical-align: middle;
	border-radius: 100%;
	height: 60px;
	width: 60px;
	color: #fff;
	line-height: 60px;
}

.envelope-size .sppb-icon i  {
	font-size: 25px;
}

.bottom-details .sppb-addon-title {
	font-size: 13px;
	opacity: 0.5;
	margin-bottom: 10px;
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 0.5px;
	padding: 0 15px;
}

.bottom-details .sppb-addon-text {
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	padding: 0 15px;
}

/* END DEMO VERSION 1 */


/* DEMO VERSION 2 */

.layout-boxed .body-innerwrapper {
  box-shadow: none;
  margin: 0 auto;
width: 90%;
max-width: inherit;
}

#sp-header.demo2-header {
	background-color: #fff;
}

#sp-header.demo2-header.menu-fixed {
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	z-index: 9998;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.03) !important;
	position: fixed;
	transition: all 0.6s ease 0s;
	max-width: inherit !important;
}

#sp-header.demo2-header #sp-logo .logo {
  margin-left: 14px;
}

#sp-header.demo2-header .container {
	width: 100% !important;
	padding-left: 0;
}

#sp-header.demo2-header .sp-megamenu-parent {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 99;
  float: none;
  text-align: center;
}
#sp-header.demo2-header .sp-megamenu-parent > li {
  text-align: left !important;
}

#sp-header.demo2-header #sp-menu ul.sp-megamenu-parent > li > a {
  color: #1f1f1b;
}

#sp-header.demo2-header .sp-megamenu-parent .elements-menu .sp-dropdown.sp-dropdown-main.sp-menu-left {
  right: -390px !important;
}

@media(max-width: 1200px) {
	#sp-header .sp-megamenu-parent .elements-menu .sp-dropdown.sp-dropdown-main.sp-menu-left {
		right: -270px !important;
	}
	#sp-header.demo2-header .sp-megamenu-parent .elements-menu .sp-dropdown.sp-dropdown-main.sp-menu-left {
		right: -310px !important;
	}
}

@media(max-width: 1238px) {
#sp-header.demo2-header #sp-menu .sp-contact-info{
	display:block;
	float: none;
	text-align: center;
}
}

@media(max-width: 993px) {
#sp-header.demo2-header #sp-menu .sp-contact-info{
	display: none;
}
}

#sp-header.demo2-header #sp-menu .sp-contact-info, #sp-header.demo2-header #sp-menu .sp-contact-info > li {margin: 0;}

#sp-header.demo2-header #sp-menu .sp-contact-info > li > a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-family: "Roboto",sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 120%;
  padding: 30px 16px 30px 0px;
  position: relative;
  text-decoration: none;
  color: #999;
}

#sp-header.demo2-header #sp-menu .sp-contact-info > li > i {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 120%;
  padding: 25px 0px;
  position: relative;
  text-decoration: none;
  color: #999;
}

#sp-header.demo2-header #sp-menu .sp-contact-info > li:last-child > i {
	font-size: 14px;
}


.right-sticky {
  height: 120px;
  padding: 18px 0 0;
  position: fixed;
  right: 0;
  text-align: center;
  top: 45%;
  width: 45px;
  z-index: 9999;
  background: #efd018 none repeat scroll 0 0;
}

.right-sticky i {
  color: #fff;
  display: block;
  font-size: 21px;
  margin-bottom: 10px;
  transition: all 0.3s ease 0s;
}

.right-sticky i:hover {
  color: #1f1f1b;
}


/* SLIDER */

.top-slider .ls-wrapper:hover .index-btn:before {
    bottom: 0;
    height: 100%;
    top: auto;
}

.top-slider .ls-wrapper .index-btn:before {
  background: #fff none repeat scroll 0 0;
  color: #000;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  width: 100%;
  z-index: -1;
}

.top-slider .ls-wrapper .demo2-btn a {
	color: #e67e22 !important;
}

.top-slider .ls-wrapper .demo2-btn a i{
	margin-left: 3px;
}

.top-slider .ls-wrapper .demo2-btn a:before {
background-color: #e67e22;
bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
	  
}
.top-slider .ls-wrapper .demo2-btn a:hover:before {
  transform: scaleX(1);
  visibility: visible;
}

/* */

/* FEATURES */

.demo2-heading .sppb-addon-title {
	font-size: 14px;
	margin-bottom: 10px;
	color: #727272;
	font-family: "Roboto",sans-serif;
	letter-spacing: 1px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 120%;
}

.demo2-heading .sppb-addon-content {
	font-size: 35px;
	line-height: 120%;
	margin-bottom: 5px;
	font-family: "Roboto",sans-serif;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
	color: #1f1f1b;
}

.demo2-divider {
	width: 12.5%;
	margin: 15px auto !important;
}

@media (max-width: 993px) {
	.demo2-features {
		margin-top: 50px;
	}
}

.demo2-features img {
	margin-bottom: 15px;
	display: block;
	height: auto;
	max-width: 100%;
}

.demo2-features .sppb-addon-title {
	margin-bottom: 10px;
	font-family: "Roboto",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo2-features .sppb-addon-text,
.demo2-features .sppb-addon-content {
	margin-bottom: 20px;
	font: 14px/25px "Open Sans",sans-serif;
}

.feature-btn a {
	border: 1px solid #ddd;
	border-radius: 16px;
	color: #999;
	font-family: "Raleway",sans-serif;
	font-size: 11px;
	padding: 8px 20px;
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
	background: transparent none repeat scroll 0 0;
}

.feature-btn a:hover {
	background: #ccc none repeat scroll 0 0;
	border: 1px solid #ccc;
	color: #fff;
}

/* */

/* BOXES */

.demo2-boxes-row {
	background: rgba(0, 0, 0, 0) url("/images/2017/06/05/site-img01.jpg") no-repeat scroll left top / 75% auto;
}

.padding-percent {
	padding: 16%;
}

.demo2-boxes img {
	display: block;
	height: auto;
	max-width: 33.3333%;
	margin: 0 auto;
}

.demo2-boxes .sppb-addon-title {
	margin-bottom: 20px;
	margin-top: 20px;
	font-family: "Roboto",sans-serif;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo2-boxes .sppb-addon-text {
	font-weight: 500;
	color: #727272;
}

.demo2-boxes .sppb-addon-text  a,
.demo2-boxes .sppb-addon-text  a:hover {
	font-size: 13px;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 120%;
	color: #e67e22;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	position: relative;
	background: transparent none repeat scroll 0 0;
	padding: 0;
	display: inline-block;
	margin-top: 20px;
	opacity: 1 !important;
}

.demo2-boxes .sppb-addon-text  a:before {
	background-color: #e67e22;
	bottom: -2px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
}

.demo2-boxes .sppb-addon-text  a:hover:before {
	transform: scaleX(1);
	visibility: visible;
}

.white-text .sppb-addon-title {color: #fff; opacity: 1;}

.white-text .sppb-addon-text {color: #a9a9a9;}

/* */

/* PROJECTS */

.p-style2 .sp-simpleportfolio .sp-simpleportfolio-item {
  padding: 1px;
}

.p-style2 .sp-simpleportfolio .sp-simpleportfolio-description, .p-style2 .sp-simpleportfolio-info .sp-simpleportfolio-tags {
  display: none;
}

.p-style2 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
  background: #efd018 none repeat scroll 0 0;
  transition: all 400ms ease 0s;
  margin: 0; 
  padding: 0;
}

.p-style2 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3,
.p-style2 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover h3 {
	margin: 0;
	text-align: center;
	width: 100%;
	padding-bottom: 14px;
	padding-top: 14px;
	background: #efd018 none repeat scroll 0 0;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}
.p-style2 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {background: #efd018 none repeat scroll 0 0;}

.p-style2 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a,
.p-style2 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
  background: transparent none repeat scroll 0 0;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  font-size: 14px;
  color: #fff;
  font-family: "Roboto",sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 120%;
  transition: all 0.3s ease 0s;
  margin: 0;
}

.p-style2 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:before {
	content: "";
	font-size: 40px;
	font-family: "simple-line-icons";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-transform: none;
	color: #fff;
	display: block;
	margin-bottom: 10px;
}

/* */

/* BLOG */

@media (max-width: 993px) {
	.demo-blog-1 .sppb-col-sm-6 {
		width: 100%;
		} 
}

@media (max-width: 460px) {
	.demo-blog-1 .r-article-content .sppb-article-meta,
	.demo-blog-1 .r-article-content .sppb-article-introtext	{
		display: none;
		} 
}

.demo-blog-1 .sppb-col-sm-6 {padding: 0;}

.demo-blog-1 .sppb-addon-article {position: relative; margin: 0;}

.demo-blog-1 .sppb-addon-article-2 .r-article-content, .demo-blog-1 .sppb-addon-article-3 .r-article-content {background: #f3f3f3 none repeat scroll 0 0 !important;}

.demo-blog-1 .r-article-content {
	background: #fff none repeat scroll 0 0;
	bottom: 0;
	left: 0;
	padding: 10% 7% 10% 10%;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
}

.demo-blog-1 .sppb-addon-article:hover .r-article-content {
	width: 65%;
}

.demo-blog-1 .r-article-content h3 {
	line-height: 130%;
	margin-bottom: 40px;
	font-family: "Roboto",sans-serif;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 25px;
	color: #1f1f1b;
}

.demo-blog-1 .r-article-content h3 a {
	color: inherit;
	line-height: inherit;
	font-weight: inherit;
}

.demo-blog-1 .r-article-content h3:before {
	content: "| ";
}

.demo-blog-1 .r-article-content .sppb-article-meta {margin: 0; text-align: right;}

.demo-blog-1 .r-article-content .sppb-article-meta span.sppb-meta-date,
.demo-blog-1 .r-article-content .sppb-article-introtext p {
	line-height: 140%;
	text-align: right;
	color: #727272;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

/* */

/* VIDEO BACKGROUND */

.video-bg-text .sppb-addon-title {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 800;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	transition: all 0.3s ease 0s;
	margin: 5px 0px 20px; 
	padding: 0px; 
	font-size: 14.0981px; 
	line-height: 19.5806px;
}
.video-bg-text .sppb-addon-title span {display: block;}

.video-bg-text .sppb-addon-text {
	letter-spacing: 0;
	text-transform: uppercase;
	font-weight: 800;
	margin: 0 0 40px; 
	padding: 0px; 
	font-size: 35.2452px; 
	line-height: 35.2452px;
}

.default-slider-btn a:before {
	background: #fff none repeat scroll 0 0;
	color: #000;
	content: "";
	display: block;
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	width: 100%;
	z-index: -1;
}

.default-slider-btn a {
	cursor: pointer;
	padding: 16px 30px;
	position: relative;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	border-radius: 2px;
	margin: 0px;
	font-size: 10.1819px; 
	line-height: 10.1819px;
	text-transform: uppercase;
	letter-spacing: 0;
	font-weight: 700;
	font-family: "Raleway",sans-serif;
	transition: all 0.3s ease 0s;
	background: #efd018 none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #fff;
}

.default-slider-btn a:hover {
	background-color: transparent;
	border: 2px solid #fff;
	color: #efd018;
	text-shadow: none;
}

.default-slider-btn a:hover:before {
	bottom: 0;
	height: 100%;
	top: auto;
}

/* */

/* TESTIMONIALS */

.demo2-testimonial {
	text-align: center;
}

.demo2-testimonial img {
	display: block;
	transform-style: preserve-3d;
	width: 100%;
	margin: 0 auto;
	height: auto;
	max-width: 12.5%;
	border-radius: 100%;
	text-align: center;
}

.demo2-testimonial h3 {
	font-style: italic;
	margin-bottom: 20px;
	margin-top: 20px;
	color: #1f1f1b;
	font-family: "Playfair Display",serif;
	font-weight: 500;
	font-size: 25px;
	line-height: 120%;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo2-testimonial h5 {
	line-height: 160%;
	color: #727272;
	font-weight: 500;
	font-size: 18px;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	width: 80%;
	margin: 0 auto;
}

/* */

/* CONTACT */

.padding-percent2 {padding: 12%;}

.demo2-bottom-contact .sppb-addon-content ul {
	list-style-type: none;
}

.demo2-bottom-contact .sppb-addon-content ul li {
	padding-bottom: 5px;
	padding-top: 5px;
	animation: 0.5s ease 0s normal both 1 running flipdown;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	font-size: 18px;
}

.demo2-bottom-contact .sppb-addon-content ul li a {
	color: #efd018;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}

.demo2-bottom-contact .sppb-addon-content ul li a:hover {
	color: #999;
}

.demo2-bottom-social {margin-top: 30px;}

.demo2-bottom-social ul li {margin: 0; padding: 0;}

.demo2-bottom-social ul li a {
	border: 1px solid #1f1f1b;
	border-radius: 100%;
	color: #1f1f1b;
	margin: 0 5px;
	text-align: center;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	width: 30px;
	background: transparent !important;
	padding: 0;
}

.demo2-bottom-social ul li a i {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	width: 30px;
}

.demo2-bottom-social ul li a:hover {color: #999; border-color: #999;}

.demo2-bottom-contact-map .sppb-addon-content a {
	color: #999;
	font-size: 12px;
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
	margin-top: 25px;
	display: inline-block;
}

.demo2-bottom-contact-map .sppb-addon-content a:hover {
	color: #454545;
}

@media (max-width: 993px) {
	.demo2-form {
		margin-top: 0px !important;
		} 
}

.demo2-form {
	margin-top: -200px;
	position: relative;
	z-index: 2;
	padding: 12%;
	background: #efd018 none repeat scroll 0 0;
}

.demo2-form label {
	color: #1f1f1b;
	font-size: 13px;
	font-weight: normal;
	padding: 0 0 7px;
	text-align: left;
	width: 100%;
	border-radius: 0.25em;
	line-height: 1;
}

.demo2-form label em {
	color: #ff0000;
	font-style: normal;
}

.demo2-form input,
.demo2-form textarea,
.demo2-form input:focus,
.demo2-form textarea:focus {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff !important;
	color: #000;
	margin-bottom: 10px;
	padding: 9px 12px;
	width: 100%;
	font: 14px/23px "Open Sans",sans-serif;
	border-radius: 0;
	line-height: inherit;
	box-shadow: none !important;
}

.demo2-form button,
.contact-page-form button {
	background: #454545 none repeat scroll 0 0;
	border: 1px solid #454545;
	color: #fff;
	cursor: pointer;
	font-family: "Raleway",sans-serif;
	font-size: 13px;
	font-weight: 600;
	margin-top: 9px;
	padding: 13px 35px;
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
	border-radius: 0;
	display: inline-block;
}

.demo2-form button:hover,
.contact-page-form button:hover {
	background: #999 none repeat scroll 0 0;
	border: 1px solid #999;
}

#sp-footer.demo2-footer {
	padding-bottom: 30px;
	padding-top: 40px;
	height: inherit;
	background: #ffffff none repeat scroll 0 0;
	box-shadow: none;
}

#sp-footer.demo2-footer {text-align: left !important;}

#sp-footer.demo2-footer .sp-copyright {
	font-family: "Roboto",sans-serif;
	font-size: 12px;
	letter-spacing: 0.3px;
	text-align: left !important;
	color: #727272;
	opacity: 1;
}

#sp-footer.demo2-footer #sp-footer2 p {
	text-align: right;
	font-family: "Roboto",sans-serif;
	font-size: 12px;
	letter-spacing: 0.3px;
	color: #727272;
}

#sp-footer.demo2-footer #sp-footer2 p a {
	color: #727272;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}

#sp-footer.demo2-footer #sp-footer2 p a:hover {
	opacity: 0.5;
}

/* END DEMO2 */


/* DEMO 3 */

#sp-header.header-invisible2 {
	border-bottom:0px solid transparent!important;
}

#sp-header.header-invisible2.menu-fixed-out {
	background: transparent none repeat scroll 0 0 !important;
	position: absolute;
	top: 0;
	left: 0;
}

#sp-header.header-invisible2.menu-fixed {
	background: rgba(29, 32, 37, 0.97) none repeat scroll 0 0 !important;
}


/* SLIDER */

/* SLIDER */

.top-slider .ls-wrapper .demo3-btn:hover a {
	margin-left: -5px;
	padding-left: 5px;
}

.top-slider .ls-wrapper .demo3-btn a {
	color: #ffffff !important;
}

.top-slider .ls-wrapper .demo3-btn a i{
	margin-left: 0;
	opacity: 0;
	transition: all 0.3s ease 0s;
	width: 1px;
}

.top-slider .ls-wrapper:hover .demo3-btn a i {
	margin-right: 8px;
	opacity: 1;
}

/* */

/* BANNER */

@media (max-width: 993px) {
	.demo3-banner {
		margin-bottom: 30px;
		} 
}

.demo3-banner .sppb-addon-title {
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	font-size: 25px;
	line-height: 120%;
	letter-spacing: 0.5px;
}

.banner-btn {
	background-color: #fff;
	border-radius: 40px;
	color: #1f1f1b;
	font-size: 14px;
	padding: 16px 0;
	width: 180px;
	display: inline-block;
	transition: all 0.5s ease 0s;
	border: medium none;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}

.banner-btn a:after {
	content: "»";
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.5s ease 0s;
}

.banner-btn a,
.banner-btn a:hover {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.5s ease 0s;
	background: transparent;
	text-align: center;
	padding: 0;
	color: inherit;
	font-weight: 600;
}

.banner-btn:hover a:after {
	opacity: 1;
	right: 0;
}

.banner-btn:hover a {
	color: #1f1f1b;
	padding-right: 14px;
}

/* BANNER */

/* BOX */

.demo3-box {box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.05);}

.demo3-box-img {
	margin: -50px auto 0;
	position: relative;
	z-index: 2;
	border-radius: 100%;
	height: 140px;
	width: 140px;
	text-align: center;
	padding-top: 30px;
	background: #fff none repeat scroll 0 0;
}

.demo3-box-img img {
	display: block;
	height: auto;
	max-width: 50%;
}

.demo3-box-text {
	margin-top: -50px;
	position: relative;
	z-index: 2;
	padding: 40px;
}

.demo3-box-text .sppb-addon-title {
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo3-box-text .sppb-addon-content {
	font: 14px/25px "Open Sans",sans-serif;
	color: #727272;
}

/* */

/* IMAGE TEXT */

.demo3-text-block .sppb-addon-title {
	font-size: 35px;
	line-height: 120%;
	margin-bottom: 20px;
	font-family: "Roboto",sans-serif;
	font-weight: 600;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo3-text-block .sppb-addon-content {
	line-height: 160%;
	margin-bottom: 50px;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo3-btn-default a {
	background: #f62459 none repeat scroll 0 0;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	border-radius: 30px;
	font-weight: bold;
	padding: 16px 40px;
	text-align: center;
	text-transform: uppercase;
}

.demo3-btn-default a:hover {
	color: #fff;
	box-shadow: 200px 0 0 0 #1f1f1b inset;
}

.video-popup img {transition: all 0.3s ease 0s;}

.video-popup:hover img {
	transform: scale(1.1);
	max-width: 100%;
	transition: all 0.3s ease 0s;
}

/* */

/* PROJECTS */

.demo3-projects-header .sppb-addon-title {
	font-size: 35px;
	line-height: 120%;
	margin-bottom: 50px;
	color: #fff;
	font-family: "Roboto",sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo3-projects .col-md-7, .demo3-projects .col-md-5 {padding: 0 !important;}

@media (max-width: 993px) {
	.demo3-projects .box {
		margin-left: 0px !important;
		} 
	.owl-theme .owl-controls.clickable .owl-buttons div.owl-prev,
	.owl-theme .owl-controls.clickable .owl-buttons div.owl-next {
		position: relative !important;
		margin: 0 20px !important;
		display: inline-block !important;
	}
}

.demo3-projects .box {
	border: 7px solid #fff;
	margin-left: -50px;
	margin-top: 45px;
	padding: 12% 10% 10% 20%;
	text-align: left;
	transition: all 0.3s ease 0s;
}

.demo3-projects .box:hover {background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;}

.demo3-projects h3 {
	margin-bottom: 20px;
	color: #fff;
	font-weight: 700;
	font-size: 25px;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo3-projects h3 a {
	color: #fff;
	transition: all 0.3s ease 0s;
	font-weight: inherit;
	font-size: inherit;
}

.demo3-projects h3 a:hover {color: rgba(255, 255, 255, 0.5);}

.demo3-projects h5 {
	font-size: 12px;
	margin-bottom: 40px;
	color: #fff;
	opacity: 0.7;
	text-transform: uppercase;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo3-projects h5 i {
	font-size: 5px;
}

.demo3-projects h5 .iconsize {margin-left: 10px;}

.demo3-projects h6 {
	line-height: 140%;
	margin-bottom: 30px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}


.owl-theme .owl-controls.clickable .owl-buttons div.owl-prev {
  border-radius: 30px;
  color: transparent;
  font-size: 0px;
  opacity: 1;
  padding: 0;
	height: 50px;
	width: 50px;
	background: rgba(0, 0, 0, 0) url("/construct/images/prev2.png") no-repeat scroll 0 0;
	display: block;
	margin: -26% 0 0 -100px;
	position: absolute;
	left: 0;
	transition: opacity 0.2s ease-out 0s;
}

.owl-theme .owl-controls.clickable .owl-buttons div.owl-next {
  border-radius: 30px;
  color: transparent;
  font-size: 0px;
  opacity: 1;
  padding: 0;
	height: 50px;
	width: 50px;
	background: rgba(0, 0, 0, 0) url("/construct/images/next2.png") no-repeat scroll 0 0;
	display: block;
	margin: -26% -100px 0 0;
	position: absolute;
	right: 0;
	transition: opacity 0.2s ease-out 0s;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {opacity: 0.5; transition: opacity 0.2s ease-out 0s;}

/* */

/* PARALLAX */

.demo3-parallax-text .sppb-addon-title {
	font-size: 57px;
	line-height: 120%;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
}

.demo3-parallax-text .sppb-addon-title span {
	font-weight: 700;
}

.demo3-parallax-text .sppb-addon-content {
	line-height: 140%;
	margin-bottom: 40px;
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.5px;
}


.demo3-parallax-btn a:before {
	border: 2px solid #fff;
	transform: scale3d(0.9, 0.9, 1);
}

.demo3-parallax-btn a:after ,
.demo3-parallax-btn a:before {
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition-delay: 0s, 0s;
	transition-duration: 0.3s, 0.3s;
	transition-property: transform, background-color;
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	width: 100%;
	z-index: -1;
}

.demo3-parallax-btn a {
	color: #fff;
	border-radius: 35px;
	padding: 16px 40px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	backface-visibility: hidden;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	z-index: 1;
}

.demo3-parallax-btn a:hover:before {
	transform: scale3d(1, 1, 1);
}

.demo3-parallax-btn a:hover:after {
	transform: scale3d(0.9, 0.9, 1);
	background-color: #fff;
}

.demo3-parallax-btn a:hover {
	color: #3396d6;
	background: transparent;
}

/* */

/* BLOG */

.dark-text .sppb-addon-title {
	color: #1f1f1b;
}

.demo3-blog .r-article-content {
	margin-top: -45px;
	position: relative;
	z-index: 2;
	padding: 7% 7% 0;
}

.demo3-blog   .sppb-article-meta {
  margin: 0;
}

.demo3-blog  .sppb-article-meta > span {
	margin: -10px 0 20px;
	font-size: 12px;
	position: relative;
	z-index: 2;
	padding: 10px;
	background: #111213 none repeat scroll 0 0;
	color: #fff;
	font-family: "Open Sans",sans-serif;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 0.5px;
}

.demo3-blog  h3 {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo3-blog  h3 a {
	color: #1f1f1b;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	font-weight: inherit;
	font-family: inherit;
}

.demo3-blog  h3 a:hover {color: #3396d6;}

.demo3-blog  .sppb-article-introtext p {
	font: 14px/25px "Open Sans",sans-serif;
	color: #727272;
}

/* */

/* TESTIMONIALS */

@media (max-width: 993px) {
	.demo3-testimonial-text {
		margin-bottom: 50px !important;
		}
	.demo3-testimonials .less5 {
		margin-bottom: 100px !important;
	}
}

.demo3-testimonial-text .sppb-addon-title {
	margin-bottom: 0;
	font-family: "Roboto",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo3-testimonial-text .sppb-addon-title:after {
	content: "";
	display: block;
	background: #545454 none repeat scroll 0 0;
	border: 0 none;
	height: 1px;
	opacity: 0.8;
	color: #727272;
	width: 25%;
	margin-bottom: 30px;
	margin-top: 30px;
}

.demo3-testimonial-text .sppb-addon-content {
	line-height: 160%;
	font-weight: 600;
	font-size: 16px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo3-testimonials .less5 {
  margin: 0 auto;
  width: 90%;
}

.demo3-testimonials h4 {
	line-height: 160%;
	margin-bottom: 30px;
	font-weight: 500;
	font-size: 16px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo3-testimonials img {
	transform-style: preserve-3d;
	display: block;
	height: auto;
	max-width: 12.5%;
	border-radius: 100%;
	float: left;
	margin-right: 20px;
}

.demo3-testimonials h5 {
	margin-bottom: 5px;
	font-family: "Roboto",sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo3-testimonials h6 {
	font-size: 12px;
	margin-bottom: 20px;
	color: #727272;
	font-weight: 500;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

/* */

/* BOTTOM COLUMNS */

#sp-bottom .sp-module h3.sp-module-title {
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0.5px;
}

hr.title-separator {
	background: #f62459 none repeat scroll 0 0;
	border: 0 none;
	height: 3px;
	margin: 12px 0 20px;
	width: 36px;
	color: #f62459;
}

#sp-bottom .sp-module h6,
#sp-bottom .sp-module p,
#sp-bottom .sp-module h5 {
	line-height: 160%;
	font-size: 14px;
	opacity: 0.7;
	color: #fff;
	width: 90%;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	margin-bottom: 5px;
}

#sp-bottom .sp-module h5 {margin-bottom: 15px;}

#sp-bottom .sp-module ul {
	opacity: 0.8;
	list-style-type: none;
}

#sp-bottom .sp-module ul li {
	padding-bottom: 3px;
	padding-top: 3px;
	border: none;
	margin: 0;
}

#sp-bottom .sp-module ul li a,
#sp-bottom .sp-module a {
	color: #fff;
	transition: all 0.3s ease 0s;
	font-family: "Roboto",sans-serif;
	line-height: 1.42857;
}

#sp-bottom .sp-module ul li a:before {display: none;}

#sp-bottom .sp-module ul li a:hover,
#sp-bottom .sp-module a:hover {
	color: rgba(255, 255, 255, 0.5);
}

#sp-bottom #sp-bottom2 .col-md-6 {padding: 0;}

#sp-bottom .sp-module h6 strong {font-weight: 500;}

/* */

/* FOOTER */

#sp-footer.demo3-footer {
	padding-bottom: 20px;
	padding-top: 30px;
	height: inherit;
	box-shadow: none;
	background: #000 none repeat scroll 0 0;
}

#sp-footer.demo3-footer #sp-footer1 {text-align: left !important;}

#sp-footer.demo3-footer .sp-copyright {
	font-family: "Roboto",sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0.5px;
	text-align: left !important;
	color: #fff;
	opacity: 0.7;
	margin-top: 5px;
	line-height: 120%;
}

#sp-footer.demo3-footer #sp-footer2 {text-align: right;}

#sp-footer.demo3-footer #sp-footer2 a i {
	font-size: 10px;
	height: 20px;
	line-height: 20px;
	width: 20px;
	border: 1px solid #fff;
	border-radius: 100%;
	color: #fff;
	margin: 0 3px;
	text-align: center;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	opacity: 0.7;
}

#sp-footer.demo3-footer #sp-footer2 a i:hover {
	background: #fff none repeat scroll 0 0;
	color: #1f1f1b;
}

/* */

/* DEMO 4 */

.demo4-header {
	position: static;
	padding-bottom: 10px;
	background-color: #fff !important;
}

.demo4-header  #sp-top3 ul {margin: 0;}

.demo4-header  #sp-top3 ul li {
	padding: 20px 15px 0;
	margin: 0;
}

.demo4-header  #sp-top3 ul li:first-child {padding-right: 60px;}
.demo4-header  #sp-top3 ul li:nth-child(2) {padding-left: 60px;}

@media (max-width: 1260px) {
	.demo4-header  #sp-top3 ul li:nth-child(2) {padding-left: 0px !important;}
}

@media (max-width: 1090px) {
	.demo4-header  #sp-top3 ul li:first-child {padding-left: 0px !important;}
}

@media (max-width: 1200px) {
	.demo4-menu  .container {width: 100% !important;}
}

@media (min-width: 993px) and (max-width: 1120px) {
	.demo4-menu .sp-megamenu-parent > li:last-child {
		  display: none;
		}
}

@media (max-width: 993px) {
	.sppb-carousel {margin-top: 50px !important;}
	.banner-btn {
		margin: 30px auto 0 !important;
		display: block;
		}
	.demo4-header #sp-top3 {display: none;}
	
	.demo4-header #sp-logo {
		  width: 100% !important;
		}
		#sp-header .logo {
		  margin: 0 auto;
		}
		
	.demo4-menu .sp-megamenu-wrapper {text-align: center;}
	.demo4-menu #offcanvas-toggler {
		  float: none !important;
		  line-height: 50px;
		}

}



.demo4-header  #sp-top3 ul li i {display: none;}

.demo4-header  #sp-top3 ul li:first-child a:before {
	font-size: 14px;
	margin-bottom: 5px;
	color: #999;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 120%;
	letter-spacing: 0.5px;
	display: block;
	content: "CALL US:"
}

.demo4-header  #sp-top3 ul li:nth-child(2) a:before {
	font-size: 14px;
	margin-bottom: 5px;
	color: #999;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 120%;
	letter-spacing: 0.5px;
	display: block;
	content: "EMAIL US:"
}

.demo4-header  #sp-top3 ul li a {
	font-size: 14px;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 0.5px;
	color: #1f1f1b;
	transition: all 0.3s ease 0s;
}

.demo4-header  #sp-top3 ul li a:hover {
	color: #efd018;
}


.demo4-menu #sp-menu {padding:0;}
.demo4-menu .row {margin: 0;}

.demo4-menu .sp-megamenu-parent {
  display: block;
  float: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 99;
  text-align: left;
  width: 100%;
  border-top: 1px solid #eee;
}

.demo4-menu .sp-megamenu-parent > li {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.9px;
	position: relative;
	text-transform: uppercase;
}

.demo4-menu .sp-megamenu-parent > li > a {
	padding: 23px 22px 25px;
	color: #1f1f1b;
	line-height: 20px;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 0.9px;
	font-family: "Roboto",sans-serif;
}

.demo4-menu .sp-megamenu-parent > li:last-child {
	position: absolute;
	right: 0;
}

.demo4-menu .sp-megamenu-parent > li:last-child a {
	background: #efd018 none repeat scroll 0 0;
	border: 2px solid #efd018;
	border-radius: 25px;
	color: #fff;
	margin: 14px 0 0;
	padding: 7px 27px;
	line-height: 20px;
	transition: all 0.3s ease 0s;
	font-weight: 700;
}

.demo4-menu .sp-megamenu-parent > li:last-child a:hover {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #1f1f1b;
	opacity: 1;
}

.demo4-menu .sp-megamenu-parent .elements-menu .sp-dropdown .sp-dropdown-inner ul.sp-mega-group:first-child {
  border-left: 0px solid transparent;
}


.demo4-banner .sppb-addon-title {
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.banner-btn-shadow {box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.18);}


.demo4-footer {
	padding-bottom: 40px !important;
	padding-top: 50px !important;
	background: #111213 none repeat scroll 0 0 !important;
	height: inherit !important;
}

.demo4-footer #sp-footer1 ul {list-style-type: none; text-align: left;}

.demo4-footer #sp-footer1 ul li {
	padding-bottom: 5px;
	padding-top: 5px;
	animation: 0.5s ease 0s normal both 1 running flipdown;
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	line-height: 120%;
	letter-spacing: 0.5px;
	border: none;
	margin: 0;
}

.demo4-footer #sp-footer1 ul li strong {
	font-weight: 700;
}

.demo4-footer #sp-footer1 ul li a {
	color: #efd018;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	display: inline-block;
	line-height: 120%;
}

.demo4-footer #sp-footer1 ul li a:before {display: none;}

.demo4-footer #sp-footer1 ul li a:hover {color: #999;}


.demo4-footer #sp-footer2 {text-align: right;}

.demo4-footer #sp-footer2 a i {
	height: 28px;
	line-height: 28px;
	width: 28px;
	border: 1px solid #fff;
	border-radius: 100%;
	color: #fff;
	margin: 0 3px;
	text-align: center;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
}

.demo4-footer #sp-footer2 a i:hover {
	background: #fff none repeat scroll 0 0;
	color: #1f1f1b;
}

.demo4-footer #sp-footer2 p {
	margin-top: 20px;
	font-family: "Roboto",sans-serif;
	font-size: 12px;
	letter-spacing: 0.3px;
	color: #727272;
}

.demo4-footer #sp-footer2 p a {
	color: #727272;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}

.demo4-footer #sp-footer2 p a:hover {opacity: 0.5;}

/* */


/* DEMO 5 */

#sp-header.demo5-header.menu-fixed-out {
	background: rgba(0, 0, 0, 0.2) !important;
}

#sp-header.demo5-header.menu-fixed {
	background: rgba(0, 0, 0, 0.95) !important;
}

.demo5-header .sp-megamenu-wrapper {width: inherit;}

.demo5-header .sp-megamenu-parent {
	float: none;
	list-style: outside none none;
	margin: 0;
	padding: 0 0 0 30px;
	position: relative;
	text-align: center;
	z-index: 99;
}

.demo5-header .sp-megamenu-parent li {text-align: left !important;}

@media (min-width: 1024px) and (max-width: 1200px) {
	.demo5-header .sp-megamenu-parent {
		  padding: 0;
		  text-align: left;
		}
}

@media (max-width: 1024px) {
	.demo5-header ul.social-icons {
		  display: none;
		}
}

#sp-header.demo5-header .sp-megamenu-parent .elements-menu .sp-dropdown.sp-dropdown-main.sp-menu-left {
  right: -290px !important;
}

.demo5-header ul.social-icons {
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	list-style: outside none none;
	padding: 0;
	z-index: 9999;
}

.demo5-header ul.social-icons li {margin:0; padding: 0; display: inline-block;}

.demo5-header ul.social-icons li a {
	color: #fff;
	margin: 0;
	padding: 29px 9px 28px 0;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	line-height: 20px;
	position: relative;
	display: inline-block;
}

.demo5-header ul.social-icons li a i {
	border: 1px solid #fff;
	border-radius: 100%;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	margin: 0;
	padding: 0;
	text-align: center;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	width: 23px;
	letter-spacing: 0.9px;
	text-transform: uppercase;
	display: inline-block;
}

.demo5-header ul.social-icons li a i:hover {
	border: 1px solid #999;
	color: #999;
}


/* WELCOME */

.demo5-top-row {
	min-height: 700px !important;
	padding-top: 6% !important;
}

.demo5-welcome-title .sppb-addon-title {
	font-size: 45px;
	line-height: 120%;
	margin-bottom: 5px;
	font-family: "Roboto",sans-serif;
	letter-spacing: 1px;
	font-weight: 300;
	color: #1f1f1b;
	transition: all 0.3s ease 0s;
}

.demo5-welcome-title .sppb-addon-content {
	background: #efd018 none repeat scroll 0 0;
	border: 0 none;
	height: 3px;
	margin: 15px 0 12px;
	width: 25%;
}

.demo5-welcome-text .sppb-addon-title {
	line-height: 140%;
	margin-bottom: 30px;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	font-size: 21px;
	letter-spacing: 0.5px;
	color: #1f1f1b;
}

.demo5-welcome-text .sppb-addon-content {
	line-height: 200%;
	font-size: 14px;
	color: #727272;
	font-weight: 300;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	margin-bottom: 50px;
}

.demo5-welcome-btn a {
	border: 1px solid #1f1f1b;
	color: #1f1f1b;
	border-radius: 30px;
	padding: 14px 32px;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	background: transparent none repeat scroll 0 0;
}

.demo5-welcome-btn a i {
	padding-left: 3px;
	transition: all 0.3s ease 0s;
}

.demo5-welcome-btn a:hover {
	border-radius: 0;
	color: #1f1f1b;
	background: transparent none repeat scroll 0 0;
	transition: all 0.3s ease 0s;
}
.demo5-welcome-btn a:hover i {
	padding-left: 7px;
}

/* */

/* SERVICES */

.demo5-heading .sppb-addon-title {
	font-size: 35px;
	line-height: 120%;
	margin-bottom: 10px;
	font-family: "Roboto",sans-serif;
	letter-spacing: 2px;
	font-weight: 800;
	text-transform: uppercase;
	color: #1f1f1b;
	transition: all 0.3s ease 0s;
}


.demo5-services {
	background-color: #fff;
	transition: all 0.4s ease 0s;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 50px;
	padding-top: 50px;
}

.demo5-services img {
	margin: 0 auto;
	display: block;
	height: auto;
	max-width: 50%;
}

.demo5-services .sppb-addon-title {
	transition: all 0.5s ease 0s;
	margin-top: 20px;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
}

/* */

/* ANIMATED NUMBERS */

@media (max-width: 993px) {
	.demo5-animated {
		  margin-bottom: 70px;
		}
}

.demo5-animated .sppb-animated-number:before {
	display: block;
	content: "";
	font-family: "et-line";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-transform: none;
	font-size: 40px;
	margin-bottom: 30px;
}

.demo5-animated .sppb-animated-number {
	font-size: 35px;
	line-height: 120%;
	color: #fff;
	font-family: "Open Sans",sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo5-animated .sppb-animated-number-title {
	margin-top: 10px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo5-animated2 .sppb-animated-number:before {content: "";}
.demo5-animated3 .sppb-animated-number:before {content: "";}
.demo5-animated4 .sppb-animated-number:before {content: "";}
.demo5-animated5 .sppb-animated-number:before {content: "";}

/* */

/* TEAM */

.demo5-person {
	position: relative;
	background: #fff none repeat scroll 0 0;
	margin-bottom: 30px;
}

.demo5-person .person-information {
	transition: all 0.3s ease 0s;
	background-color: rgba(239, 208, 24, 0.97);
	height: 90%;
	left: 4%;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(1.15);
	width: 92%;
}

.demo5-person:hover .person-information {
	opacity: 1;
	transform: scale(1);
}

.demo5-person .person-information .sppb-person-information > span.sppb-person-name {
  padding-top: 100px;
  margin-bottom: 10px;
  color: #fff;
  font-family: "Roboto",sans-serif;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
	line-height: 120%;
	transition: all 0.3s ease 0s;
}

.demo5-person .person-information .sppb-person-information > span.sppb-person-designation {
	font: 13px/21px "Open Sans",sans-serif;
	margin-bottom: 15px;
	color: #fff;
}

.demo5-person .person-information .sppb-person-information a {
	font-size: 13px;
	font-family: "Roboto",sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	color: #fff;
	position: relative;
}

.demo5-person .person-information .sppb-person-information a:before {
	background-color: #fff;
	bottom: -2px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
}

.demo5-person .person-information .sppb-person-information a:hover:before {
	transform: scaleX(1);
	visibility: visible;
}

/* */

/* BLOG */

.demo5-blog .sppb-addon-article {position: relative;}

@media (max-width: 1200px) {
	.demo5-blog .sppb-col-sm-6 {width: 100% !important;}
}

@media (max-width: 540px) {
	.demo5-blog .sppb-addon-article .r-article-content {
		width: 90% !important;
		padding: 0 0 0 25px !important;
	}
	.demo5-blog .sppb-addon-article .r-article-content .sppb-article-meta span.sppb-meta-date {
		padding-top: 1% !important;
	}
	.demo5-blog .sppb-addon-article .r-article-content h3 {
		margin-bottom: 0 !important;
		font-size: 14px !important;
	}
}

.demo5-blog .sppb-addon-article .r-article-content {
	background-color: rgba(255, 255, 255, 0.95);
	bottom: 10%;
	height: 80%;
	padding: 20px 20px 0 25px;
	position: absolute;
	right: 5%;
	text-align: left;
	top: 10%;
	transition: all 0.3s ease 0s;
	width: 50%;
}

.demo5-blog .sppb-addon-article:hover .r-article-content {right: 3%;}

.demo5-blog .sppb-addon-article .r-article-content .sppb-article-meta {margin: 0; padding: 0;}

.demo5-blog .sppb-addon-article .r-article-content .sppb-article-meta span.sppb-meta-date {
	font: 13px/21px "Open Sans",sans-serif;
	padding: 5% 0 0;
	margin: 0 0 10px;
	color: #727272;
}

.demo5-blog .sppb-addon-article .r-article-content h3 {
	margin-bottom: 10px;
	font-family: "Roboto",sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo5-blog .sppb-addon-article .r-article-content h3 a {
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
	transition: all 0.3s ease 0s;
	pointer-events: none;
}

.demo5-blog .sppb-addon-article .r-article-content a.sppb-readmore {
	color: #999;
	font-size: 12px;
	transition: all 0.3s ease 0s;
	font-family: "Roboto",sans-serif;
	padding: 0;
	margin: 0;
	background: transparent;
}

.demo5-blog .sppb-addon-article .r-article-content a.sppb-readmore:after {
	content: "";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: 600;
	line-height: 1;
	text-rendering: auto;
	padding-left: 5px;
}

.demo5-blog .sppb-addon-article .r-article-content a.sppb-readmore:hover {
	color: #454545;
	transition: all 0.3s ease 0s;
	background: transparent;
}

/* */

/* TESTIMONIALS */

.demo5-testimonials img {
	transform-style: preserve-3d;
	display: block;
	height: auto;
	max-width: 12.5%;
	margin: 0 auto;
	border-radius: 100%;
}

.demo5-testimonials h4 {
	margin-bottom: 20px;
	margin-top: 20px;
	font-family: "Roboto",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	text-align: center;
}

.demo5-testimonials h5 {
	line-height: 160%;
	font-weight: 500;
	font-size: 18px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	text-align: center;
}

.demo5-testimonial .owl-theme .owl-controls .owl-page span {
	backface-visibility: visible;
	background: #aaa none repeat scroll 0 0;
	border-radius: 30px;
	display: block;
	height: 8px;
	margin: 5px 4px;
	transition: all 0.3s ease 0s;
	width: 8px;
}

.demo5-testimonial .owl-theme .owl-controls .owl-page.active span, .demo5-testimonial .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #1d2025 none repeat scroll 0 0;
  opacity: 1;
}

/* */

/* BOTTOM COLUMNS */

.demo5-bottom-info .sppb-addon-content {
	line-height: 180%;
	font-size: 14px;
	margin-bottom: 40px;
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo5-bottom-info .sppb-addon-content a {
	color: #efd018;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	background: transparent none repeat scroll 0 0;
}

.demo5-bottom-info .sppb-addon-content a:hover {color: #999;}

@media (max-width: 993px) {
	.demo5-bottom-list {
		margin-bottom: 50px;
	}
}

.demo5-bottom-list ul {
	list-style-type: none;
}

.demo5-bottom-list ul li {
	padding-bottom: 5px;
	padding-top: 5px;
	animation: 0.5s ease 0s normal both 1 running flipdown;
}

.demo5-bottom-list ul li a {
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	font: 13px/21px "Open Sans",sans-serif;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.letter-spacing-normal ul li a {letter-spacing: 2px;}

.demo5-bottom-list ul li a:hover {
	padding-left: 7px;
}

.demo5-bottom-list ul li a .demo5-hover-line {
	background-color: #fff;
	height: 1px;
	transition: width 0.3s ease 0s;
	width: 0;
}

.demo5-bottom-list ul li a:hover .demo5-hover-line {
	width: 85%;
}

.demo5-newsletter .sppb-addon-title {
	margin-bottom: 30px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo5-newsletter .sppb-form-group {margin: 0;}

.demo5-newsletter input {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	color: #727272 !important;
	font-size: 13px;
	height: 40px !important;
	padding: 3px 0 4px 20px;
	width: 90%;
	border-radius: 20px;
	margin-bottom: 10px;
	box-shadow: none !important;
	border: none !important;
}

.demo5-newsletter button {
	background-color: #999;
	border: 0 none;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	padding: 8px 25px;
	transition: all 0.3s ease 0s;
	border-radius: 20px;
	text-transform: uppercase;
}

.demo5-newsletter button:hover {
	background-color: #777;
	color: #fff;
	cursor: pointer;
}

.demo5-footer {
	font: 13px/21px "Open Sans",sans-serif;
	text-align: center;
	color: #999;
	margin-top: 20px
}

.demo5-footer a {
	color: rgba(255, 255, 255, 0.4);
	font-size: 13px;
	transition: all 0.3s ease 0s;
}

.demo5-footer a:hover {color: #fff;}

/* */

/* DEMO 6 */

#sp-top-bar.demo6-top {
	background: #f3f3f3 none repeat scroll 0 0;
}
#sp-top-bar.demo6-top .container {width: 87%;}

#sp-top-bar.demo6-top #sp-top2 {
  text-align: center;
  padding-left: 50px;
}

@media (max-width: 993px) {
	#sp-top-bar.demo6-top #sp-top2 {
		  padding-left: 15px;
		}
}

@media (max-width: 768px) {
	#sp-bottom .sp-module  {
		margin-bottom: 50px;
	}
}

#sp-header.demo6-header {
	background-color: #fff;
}

#sp-header.demo6-header .container {width: 87%; padding-left: 15px;}

#sp-header.demo6-header  #sp-menu ul.sp-megamenu-parent > li > a {
  color: #1f1f1b;
}


/* BANNER */

.demo6-banner .sppb-addon-title {
	line-height: 130%;
	font-size: 40px;
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	letter-spacing: 0.5px;
}

/* */

/* SERVICE */

.demo6-heading .sppb-addon-title {
	margin-bottom: 5px;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo6-heading .sppb-addon-content {
	line-height: 140%;
	margin: 0 auto 40px;
	font-size: 14px;
	width: 70%;
	font-weight: 500;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}


.demo6-service-box {
	background-color: #fff;
	transition: all 0.4s ease 0s;
	padding: 40px;
	margin-bottom: 30px;
}

.demo6-service-box:hover {
	box-shadow: 0 -300px 0 0 #1f1f1b inset;
}

.demo6-service-box .sppb-icon i {
	transition: all 0.5s ease 0s;
	font-size: 40px;
	color: #efd018;
}

.demo6-service-box .sppb-addon-title {
	transition: all 0.5s ease 0s;
	margin-bottom: 10px;
	margin-top: 20px;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
}

.demo6-service-box .sppb-addon-text {
	font: 14px/25px "Open Sans",sans-serif;
	transition: all 0.5s ease 0s;
}

.demo6-service-box:hover .sppb-icon i, .demo6-service-box:hover .sppb-addon-title, .demo6-service-box:hover .sppb-addon-text {color: #fff;}


.demo6-text-image .sppb-addon-title {
	font-size: 57px;
	line-height: 120%;
	margin-bottom: 30px;
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.demo6-text-image .sppb-addon-title span {
	padding-left: 10px;
	padding-right: 10px;
	background: #efd018 none repeat scroll 0 0;
	font-weight: 700;
	line-height: 120%;
}

.demo6-text-image .sppb-addon-content {
	line-height: 160%;
	margin: 0 auto 35px;
	color: #fff;
	width: 60%;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.5px;
}

.demo6-text-image-btn a {
	background: #efd018 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	padding: 18px 41px;
	text-align: center;
	transition: all 0.5s ease 0s;
	text-transform: uppercase;
}

.demo6-text-image-btn a:hover {
	box-shadow: 0 -70px 0 0 #fff inset;
	color: #1f1f1b;
}

/* */

/* PROJECTS */

.demo6-projects.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
  transform: none;
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
	  padding: 0;
	  transition: all 0.3s ease 0s;
	  background-color: rgba(239, 208, 24, 0.97);
	height: 90%;
	left: 4%;
	position: absolute;
	top: 5%;
	transform: scale(1.15);
	width: 92%;
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay {
  opacity: 1;
  transform: scale(1);
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
  transform: none;
}

@media (max-width: 1200px) {
	.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
		padding-top: 10px !important;
		margin-bottom: 10px !important
	}
	.sp-simpleportfolio .sp-simpleportfolio-description p {
		margin-bottom: 10px !important;
	}
	.sp-simpleportfolio .sp-simpleportfolio-description {
		  float: none;
		  margin-bottom: 0px !important;
		  width: auto;
	}
}

@media (max-width: 360px) {
	.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
		padding-top: 10px !important;
		margin-bottom: 10px !important
	}
	.sp-simpleportfolio .sp-simpleportfolio-description {
		  float: none;
		  margin-bottom: 0px !important;
		  width: auto;
	}
	.sp-simpleportfolio .sp-simpleportfolio-description p {
		margin-bottom: 10px !important;
	}
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
  margin-top: 0;
  line-height: 130%;
  padding-top: 23%;
  margin-bottom: 25px;
  color: #fff;
  font-family: "Roboto",sans-serif;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20px;
  transition: all 0.3s ease 0s;
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  transition: all 0.3s ease 0s;
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle .sp-simpleportfolio-title {
  transform: none;
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-description {
  float: none;
  width: 100%;
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-description p {
	margin: 0 auto 30px;
	color: #fff;
	width: 73%;
	transition: all 0.25s ease-in-out 0s;
	font: 14px/25px "Open Sans",sans-serif;
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
  background: transparent none repeat scroll 0 0;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  margin: 0;
  text-align: center;
  transform: none;
  vertical-align: middle;
	border-radius: 22px;
	color: #fff;
	font-size: 12px;
	padding: 10px 23px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	border: 1px solid #fff;
	font-family: "Roboto",sans-serif;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a span {
	font-size: inherit;
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:after {
	content: "";
	transition: all 0.3s ease 0s;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: 600;
	line-height: 1;
	text-rendering: auto;
	padding-left: 5px;
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
	border-radius: 0;
	color: #fff;
}

.demo6-projects .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover:after {
	padding-left: 8px;
}

/* */

/* TEAM */

.less-gutter .sppb-col-md-3 {padding: 4px 7px;}

.demo6-team{overflow: hidden !important; position: relative;}

.demo6-team .sppb-addon-content {
  margin-top: 0;
  position: relative;
}

.demo6-team .sppb-addon-content .person-information {
	display: block;
	left: -100%;
	top: 0;
	transition: all 300ms ease 0s;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	height: 98%;
	position: absolute;
	width: 100%;
	display: block;
	margin-top: 0;
}

@media (max-width: 993px) {
	.demo6-team .sppb-addon-content .person-information {
		height: 99% !important;
	}
}


.demo6-team:hover .sppb-addon-content .person-information {
	left: 0;
	top: 0;
	transition: all 300ms ease 0s;
}

.demo6-team .sppb-addon-content .person-information .sppb-person-information {
	padding: 35% 20% 20%;
	margin: 0;
}

.demo6-team .sppb-addon-content .person-information .sppb-person-information span.sppb-person-name {
	color: #fff;
	font: 16px/27px "Open Sans",sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}

.demo6-team .sppb-addon-content .person-information .sppb-person-information span.sppb-person-designation {
	margin-bottom: 20px;
	color: #fff;
	font: 13px/21px "Open Sans",sans-serif;
}

/* */

/* BOTTOM BANNER */

.demo6-bottom-text .sppb-addon-title {
	font-size: 35px;
	line-height: 120%;
	margin-bottom: 10px;
	color: #fff;
	font-family: "Roboto",sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.demo6-bottom-text .sppb-addon-content {
	line-height: 140%;
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.5px;
}

.demo6-bottom-btn {
	width: 200px;
	color: #1f1f1b;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	background-color: #fff;
	border-radius: 32px;
	cursor: pointer;
	display: inline-block;
	padding: 16px 14px;
	text-align: center;
	margin-top: 20px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: inherit;
}

.demo6-bottom-btn a:after {
	content: "→";
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 0s;
}

.demo6-bottom-btn a,
.demo6-bottom-btn a:hover {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.5s ease 0s;
	color: #1f1f1b;
	background-color: #fff;
	line-height: inherit;
	padding: 0;
	font-weight: inherit;
}

.demo6-bottom-btn:hover a:after {
	opacity: 1;
	right: 0;
}

.demo6-bottom-btn:hover a {
	color: #efd018;
	padding-right: 22px;
	background-color: #fff;
}

.demo6-bottom-columns {
	padding-bottom: 70px !important;
	padding-top: 70px !important;
	background: #111213 none repeat scroll 0 0;
}

.demo6-bottom-columns hr.title-separator {
  background: #efd018 none repeat scroll 0 0;
}

#sp-footer.demo6-footer {
	padding-bottom: 20px;
	padding-top: 30px;
	height: inherit;
	box-shadow: none;
	background: #000 none repeat scroll 0 0;
}

#sp-footer.demo6-footer #sp-footer1 {text-align: left !important;}

#sp-footer.demo6-footer .sp-copyright {
	font-family: "Roboto",sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0.5px;
	text-align: left !important;
	color: #fff;
	opacity: 0.7;
	margin-top: 5px;
	line-height: 120%;
}

#sp-footer.demo6-footer #sp-footer2 {text-align: right;}

#sp-footer.demo6-footer #sp-footer2 a i {
	font-size: 10px;
	height: 20px;
	line-height: 20px;
	width: 20px;
	border: 1px solid #fff;
	border-radius: 100%;
	color: #fff;
	margin: 0 3px;
	text-align: center;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	opacity: 0.7;
}

#sp-footer.demo6-footer #sp-footer2 a i:hover {
	background: #fff none repeat scroll 0 0;
	color: #1f1f1b;
}

/* END DEMO PAGES */

/* ABOUT US */

.default-header.menu-fixed-out {
	background: #1f1f1b none repeat scroll 0 0 !important;
}

.default-header.menu-fixed {
	background: rgba(29, 32, 37, 0.97) none repeat scroll 0 0 !important;
}

.default-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a{
  color: #1f1f1b;
  opacity: 0.5 !important;
}

.sp-page-title {
  background: transparent none repeat scroll 0 0;
  background-position: center top !important;
  background-attachment: scroll !important;
  background-size: cover !important;
  text-align: center;
  padding-bottom: 130px;
  padding-top: 130px;
}

.sp-page-title h2 {
	font-size: 45px;
	line-height: 120%;
	color: #fff;
	font-family: "Roboto",sans-serif;
	letter-spacing: 2px;
	font-weight: 800;
	text-transform: uppercase;
}

.aboutus-title .sppb-addon-title {
	line-height: 130%;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	font-size: 30px;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.aboutus-title .sppb-addon-content {
	line-height: 180%;
	font-family: "Roboto",sans-serif;
	color: #727272;
	font-weight: 300;
	font-size: 18px;
	letter-spacing: 0.5px;
}

/* */

/* OUR HISTORY */

.sppb-addon-timeline .sppb-addon-timeline-wrapper {
  list-style: outside none none;
  position: relative;
  padding: 2em 0;
  margin-bottom: 3em;
margin-top: 3em;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper:before, .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:after, .sppb-addon-timeline .timeline-movement.even:before {
	background: #ddd none repeat scroll 0 0 !important;
	content: "";
	width: 4px;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before, .sppb-addon-timeline .timeline-movement.even:after {
  border-color: #fff !important;
  background: #fff none repeat scroll 0 0;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before {
  background-color: #fff;
  border: 3px solid #0095eb;
  border-radius: 100%;
  content: "";
  font-size: 30px;
  position: absolute;
  top: 50%;
  transition: all 0.3s ease 0s;
height: 60px;
left: 50%;
margin-left: -28px;
transform: translateZ(0px);
width: 60px;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:after {
	display: none;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.even .timeline-badge {
  height: inherit;
  padding-top: 20px;
  z-index: 2;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.even .timeline-item .timeline-date {
  line-height: inherit;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date {
  margin: 7px 0 0 -31px;
  padding-top: 20px;
  z-index: 229;
  position: relative;
  font-family: "Roboto",sans-serif;
  font-weight: 700;
  font-size: 16px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

@media (max-width: 768px) {
	.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date {
		display: none;
	}
	.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::before {
		display: none;
	}
	.sppb-addon-timeline .sppb-addon-timeline-wrapper::before, .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::after, .sppb-addon-timeline .timeline-movement.even::before {
	  display: none;
	}
	.timeline-movement.even::after {
		display: none;
	}
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {
  margin: 43px -37px 0 0;
}


.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel:before {
  border-color: #fff #fff transparent transparent;
  border-style: solid;
  border-width: 8px;
  box-shadow: none;
  box-sizing: border-box;
  content: "";
  height: 0;
  left: 1px;
  position: absolute;
  top: 32px;
  transform: rotate(-135deg) translateY(-50%);
  width: 0;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part {
  margin-right: 35px !important;
  padding: inherit;
  text-align: left;
  margin-top: 5px !important;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
  margin-left: 35px !important;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
	border: none;
	margin: 30px auto 0;
	padding: 2em !important;
	width: 90%;
	background: white none repeat scroll 0 0;
	border-radius: 0.25em;
	box-shadow: 0 3px 0 #ddd;
	position: relative;
	text-align: left;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel img {
	display: block;
	height: auto;
	max-width: 100%;
	margin-bottom: 10px;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel strong {
	margin-bottom: 10px;
	color: #e67e22;
	font-family: "Roboto",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 35px;
	line-height: 120%;
	letter-spacing: 0.5px;
	display: block;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel p {
	font-size: 1.25rem;
	margin-bottom: 10px;
	font-family: "Roboto",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .details {
	font: 14px/25px "Open Sans",sans-serif;
	color: #727272;
}

/* */

/* INDUSTRY AWARDS */

.industry-awards .sp-simpleportfolio .sp-simpleportfolio-item {
  box-sizing: border-box;
  float: left;
  padding: 5px;
}

.industry-awards .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
  padding: 10px;
  padding: 10%;
}


.industry-awards .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
  margin-top: 0;
  margin-bottom: 10px;
  color: #fff;
  font-family: "Roboto",sans-serif;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 21px;
line-height: 120%;
transition: all 0.3s ease 0s;
}

.industry-awards .sp-simpleportfolio .sp-simpleportfolio-description {
  float: none;
  width: 100%;
}

.industry-awards .sp-simpleportfolio .sp-simpleportfolio-description p {
  line-height: 140%;
  font-size: 14px;
  color: #fff;
  font-family: "Roboto",sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  transition: all 0.3s ease 0s;
}

.industry-awards .sp-simpleportfolio .sp-simpleportfolio-btns {display: none;}


.awards-banners {
	padding: 20px;
	background: #eee none repeat scroll 0 0;
	margin-bottom: 30px;
}

.awards-banners .pull-left {
	display: block;
	height: auto;
	margin-right: 15px;
	max-width: 25%;
}

.awards-banners .sppb-addon-title {
	padding-top: 20px;
	margin-bottom: 10px;
	font-family: "Roboto",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 25px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	padding-left: 5px;
}

.awards-banners .sppb-addon-text {
	width: 93%;
	font: 14px/25px "Open Sans",sans-serif;
	padding-left: 5px;
}

/* */

/* CONTACT */

.contact-page-form {
	padding: 10%;
}

.contact-page-form label {
	color: #999;
	font-size: 13px;
	font-weight: normal;
	padding: 0 0 7px;
	text-align: left;
	width: 100%;
	border-radius: 0.25em;
	line-height: 1;
}

.contact-page-form label em {
	color: #ff0000;
	font-style: normal;
}

.contact-page-form input,
.contact-page-form input:focus,
.contact-page-form textarea,
.contact-page-form textarea:focus {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff !important;
	color: #000;
	margin-bottom: 10px;
	padding: 9px 12px;
	width: 100%;
	font: 14px/23px "Open Sans",sans-serif;
	border-radius: 0;
	line-height: inherit;
	box-shadow: none !important;
}

.contact-page-text .sppb-addon-title {
	margin-bottom: 50px;
	margin-top: 80px;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	font-size: 25px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
}

.contact-page-text .sppb-addon-content {
	line-height: 160%;
	margin-bottom: 30px;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.contact-page-text .sppb-addon-content a {
	color: #aaa;
	transition: all 0.3s ease 0s;
}

.contact-page-text .sppb-addon-content a:hover {color: #454545;}

.contact-page-social ul, .contact-page-social ul li {margin: 0}

.contact-page-social ul li a {
	border: 1px solid #999;
	color: #999;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	margin: 0 8px;
	text-align: center;
	transform: rotate(45deg);
	transition: all 500ms ease 0s;
	width: 25px;
	background: transparent !important;
	padding: 0;
}

.contact-page-social ul li a i {
	transform: rotate(-45deg);
	line-height: inherit;
	width: inherit;
	height: inherit;
}

.contact-page-social ul li a:hover {
	background: #333 none repeat scroll 0 0 !important;
	border: 1px solid #333;
	color: #fff;
}

/* */

/* PROJECTS STYLE 4 */

@media (max-width: 1200px) {
	.p-style4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
		padding: 10% 5% 5% !important;
	}
	.p-style4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title  {
		font-size: 20px !important;
		margin-bottom: 20px !important;
	}
	.p-style4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title:before {
		top: 25px !important;
	}
}



.p-style4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
	color: #fff;
	opacity: 1;
	text-align: center;
	z-index: 2;
	background: rgba(255, 255, 255, 0.18) none repeat scroll 0 0;
	border-radius: 5px;
	padding: 23% 10% 10%;
	bottom: 20%;
	left: 10%;
	position: absolute;
	right: 10%;
	text-decoration: none;
	top: 20%;
	transition: all 0.3s ease 0s;
}

.p-style4 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay-wrapper {
	transform: none !important;
}

.p-style4 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
	bottom: 10%;
	top: 10%;
	padding: 9% 10% 10%;
}

.p-style4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title:before {
	top: 80px;
	background-color: #fff;
	content: "";
	height: 3px;
	left: 34%;
	position: absolute;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
	visibility: visible;
	width: 30%;
}

.p-style4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay:hover .sp-vertical-middle > div .sp-simpleportfolio-title:before {
	transform: scaleX(1) !important;
	visibility: visible !important;
}

.p-style4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
  display: inline-block;
  margin-top: 0;
  line-height: 130%;
  margin-bottom: 40px;
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease 0s;
  position: relative;
  opacity: 1;
	transform: none;
}

.p-style4 .sp-simpleportfolio .sp-simpleportfolio-item  .hidtext {
  opacity: 0;
  transition: all 0.3s ease 0s;
}

.p-style4 .sp-simpleportfolio .sp-simpleportfolio-item:hover .hidtext {opacity: 1;}

.p-style4  .sp-simpleportfolio .sp-simpleportfolio-description {
  float: none;
  width: 100%;
}

.p-style4  .sp-simpleportfolio .sp-simpleportfolio-description p {
	margin-bottom: 30px;
	color: #fff;
	font: 14px/25px "Open Sans",sans-serif;
}

.p-style4  .sp-simpleportfolio-btns a:before {
	background-color: #fff;
	bottom: -2px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
}

.p-style4  .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a,
.p-style4  .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover{
	color: #fff;
	font-family: "Raleway",sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 3px !important;
	position: relative;
	text-align: center;
	border: none !important;
	background: transparent !important;
	line-height: inherit;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

.p-style4  .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover:before {
	transform: scaleX(1);
	visibility: visible;
}

.p-style4  .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
  transform: none;
    -webkit-filter: brightness(70%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}

 /* */
 
 /* PROJECTS STYLE 5 */
 
.sp-simpleportfolio .sp-simpleportfolio-filter {
  margin-bottom: 30px;
  text-align: center;
color: #dadada;
font: 400 12px/21px sans-serif;
}
 
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
  margin: 0;
}
 
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
	border-radius: 0;
	color: #949494;
	cursor: pointer;
	display: inline-block;
	font: 12px/21px "Roboto",sans-serif;
	margin: 0 0 10px;
	overflow: visible;
	padding: 0 6px;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
	background: transparent none repeat scroll 0 0;
	text-transform: uppercase;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:after {
	content: "/";
	margin-left: 12px;
	color: #dadada;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
	cursor: pointer;
	background: transparent none repeat scroll 0 0;
	color: #2d2c2c;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a:hover {
	background: transparent none repeat scroll 0 0;
	color: #2d2c2c;
	cursor: default;
}

.p-style5 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.p-style5 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
	display: inline-block;
	letter-spacing: inherit;
	line-height: inherit;
	margin-top: 0;
	color: #fff;
	font: 600 16px/22px "Raleway",sans-serif;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.p-style5 .sp-simpleportfolio .sp-simpleportfolio-description {
  display: none;
}

.p-style5 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns {transform: none;}

.p-style5 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a{
  background: transparent none repeat scroll 0 0 !important;
  border: none !important;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  letter-spacing: inherit !important;
  line-height: inherit;
  padding: 0;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize !important;
  transform: scale3d(0, 0, 0);
  transition: all 400ms ease 0s;
  vertical-align: middle; 
	color: #aaa;
	font: 400 13px/20px "Raleway",sans-serif;
	transform: none;
	margin: 0;
	padding: 0;
}

.p-style5 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a span {text-transform: capitalize !important;}

.p-style5 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
	color: #aaa;
	font: 400 13px/20px "Raleway",sans-serif;
}


.com-spsimpleportfolio.view-item .sp-simpleportfolio .sp-simpleportfolio-description {
  float: none;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #eee;
}

.com-spsimpleportfolio.view-item .sp-simpleportfolio .sp-simpleportfolio-meta {
  box-sizing: border-box;
  float: none;
  padding-left: 0;
  width: 100%;
}

.com-spsimpleportfolio.view-item .sp-simpleportfolio .sp-simpleportfolio-meta > div {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 20px;
}

.com-spsimpleportfolio.view-item p {margin-top: 15px;}

.com-spsimpleportfolio.view-item .sp-simpleportfolio .sp-simpleportfolio-description > h2,
.com-spsimpleportfolio.view-item .sp-simpleportfolio .sp-simpleportfolio-meta-title,
.com-spsimpleportfolio.view-item .sp-simpleportfolio-tags-title
 {
  font-size: 25px;
  line-height: 1;
  margin: 0 0 10px;
}

.com-spsimpleportfolio.view-item  .sp-simpleportfolio .sp-simpleportfolio-image {
  margin-bottom: 0;
}

.com-spsimpleportfolio.view-item #sp-main-body {padding: 70px 0;}

.com-spsimpleportfolio.view-item .sp-simpleportfolio-details {padding: 30px 20px;}

 /* */

 /* BLOG VERSION 4 */

.blog-v4 .sppb-addon-article {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	text-align: center;
	padding: 40px;
	background: #fff none repeat scroll 0 0;
}

.blog-v4 .sppb-addon-article h3 {
	margin-bottom: 10px;
	font-family: "Oswald",sans-serif;
	letter-spacing: 2px;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 120%;
	color: #1f1f1b;
	transition: all 0.3s ease 0s;
}

.blog-v4 .sppb-addon-article h3 a,
.blog-v4 .sppb-addon-article h3 a:hover {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

.blog-v4 .sppb-addon-article .sppb-article-meta {margin: 0; padding: 0;}

.blog-v4 .sppb-addon-article .sppb-article-meta span {
	font-size: 13px;
	margin-bottom: 20px;
	color: #999;
	font-family: "Oswald",sans-serif;
	letter-spacing: 1px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 120%;
	margin-left: 0;
	margin-right: 0;
}

.blog-v4 .sppb-addon-article a {
	pointer-events: none;
}

.blog-v4 .sppb-addon-article .sppb-article-meta span.sppb-meta-date:after  {
	content: "|";
	margin: 0 10px;
}

.blog-v4 .sppb-addon-article img {
	margin-bottom: 30px;
}

.blog-v4 .sppb-addon-article .sppb-article-introtext p .firstcharacter {
	color: #1f1f1b;
	float: left;
	font-size: 75px;
	line-height: 60px;
	padding-left: 3px;
	padding-right: 8px;
	padding-top: 4px;
	font-weight: 700;
	text-align: left;
}

.blog-v4 .sppb-addon-article .sppb-article-introtext p {
	font: 16px/27px "Open Sans",sans-serif;
	text-align: left;
}

 /* */
 
  /* BLOG VERSION 5 */

.blog-v5 .sppb-col-sm-4 {padding: 0;}

@media (max-width: 993px) {
	.blog-v5 .sppb-col-sm-4 {
		width: 100%;
	}
}

.blog-v5 .sppb-addon-article {
	background: #efd018 none repeat scroll 0 0;
	position: relative;
	text-align: center;
	margin-bottom: 0;
}

.blog-v5 .sppb-addon-article img {
	display: block;
	transform-style: preserve-3d;
	width: 100%;
}

.blog-v5 .sppb-addon-article:hover img {
	opacity: 0.05;
}

.blog-v5 .sppb-addon-article .r-article-content {
	bottom: 100px;
	left: 50px;
	position: absolute;
	right: 50px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	text-align: center;
}

.blog-v5 .sppb-addon-article:hover .r-article-content {
	bottom: 140px;
}

.blog-v5 .sppb-addon-article:hover {
	background: #efd018 none repeat scroll 0 0;
	position: relative;
}

.blog-v5 .sppb-addon-article .r-article-content h3 {
	line-height: 130%;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 21px;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.blog-v5 .sppb-addon-article h3 a,
.blog-v5 .sppb-addon-article h3 a:hover {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

.blog-v5 .sppb-addon-article .sppb-article-meta {
	margin: 0;
	padding: 0;
}

.blog-v5 .sppb-addon-article .sppb-article-meta span.sppb-meta-date:before {
	content: "";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: 600;
	line-height: 1;
	text-rendering: auto;
	margin-right: 5px;
}

.blog-v5 .sppb-addon-article .sppb-article-meta span.sppb-meta-date {
	line-height: 130%;
	font-size: 13px;
	margin-bottom: 30px;
	color: #fff;
	font-weight: 500;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.blog-v5 .sppb-addon-article .blog-hidtext {
	opacity: 0;
	transition: all 0.3s ease 0s;
	text-align: center;
}

.blog-v5 .sppb-addon-article:hover .blog-hidtext {opacity: 1;}

.blog-v5 .sppb-addon-article .blog-hidtext a.sppb-readmore,
.blog-v5 .sppb-addon-article .blog-hidtext a.sppb-readmore:hover {
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	font-family: "Raleway",sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 3px;
	position: relative;
	text-align: center;
}

.blog-v5 .sppb-addon-article .blog-hidtext a.sppb-readmore:before {
	background-color: #fff;
	bottom: -2px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
}

.blog-v5 .sppb-addon-article .blog-hidtext a.sppb-readmore:hover:before {
	transform: scaleX(1);
	visibility: visible;
}

.com-content.view-article #sp-main-body {
	padding: 50px 0;
}

.com-content.view-article #sp-main-body article.item .entry-image img {
	width: 100%
}

.com-content.view-article #sp-main-body article.item {
  margin-bottom: 50px;
  padding: 0 50px;
}

.com-content.view-article #sp-main-body article.item .btn-group.pull-right, .com-content.view-article #sp-main-body article.item .pager.pagenav {display: none;}

.com-content.view-article #sp-main-body article.item .article-footer-wrap {
	padding-top: 40px;
}

.com-content.view-article #sp-main-body article.item a {
	color: #666;
	pointer-events: none;
}

.com-content.view-article #sp-main-body article.item h2 {
	font-weight: 700;
	font-family: "Raleway",sans-serif;
}

.com-content.view-article #sp-main-body article.item .entry-header {
  margin-bottom: 20px;
  position: relative;
}

 /* ELEMENTS */

  /* ACCORDIONS */

.elements-heading .sppb-addon-title {
	margin-bottom: 50px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}


.sppb-panel-default > .sppb-panel-heading {
  background: transparent none repeat scroll 0 0;
  border-top: 1px solid #eee;
	margin: 0 auto;
	padding: 25px 0;
	text-decoration: none;
}

.sppb-panel-title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 120%;
  color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.sppb-panel-default > .sppb-panel-heading:hover .sppb-panel-title {color: #efd018;}

.sppb-panel-group > .sppb-panel:first-child {
  border-top-width: 0px;
}

.sppb-panel-default {
  border-color: transparent;
}

.sppb-panel {
  border-width: 0 ;
}

.sppb-panel-body {
  border-top: 0px solid transparent;
  padding: 0;
  display: block;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 40px;
padding-top: 0;
font: 14px/25px "Open Sans",sans-serif;
color: #727272;
}

.sppb-panel-default > .sppb-panel-heading .sppb-toggle-direction {
  color: #1f1f1b;
}

.sppb-panel-group .sppb-panel:last-child .sppb-panel-body {
  border-bottom-width: 0;
  border-top-width: 0px;
}

.accordion-style2 .sppb-panel-default > .sppb-panel-heading, .accordion-style2 .sppb-panel-body {
  background: rgb(249, 249, 249);
}


.accordion-style3 .sppb-panel-default > .sppb-panel-heading {
	border-top: 0;
	margin: 0; 
	background: #f9f9f9;
	color: #1f1f1b;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 18px 25px 18px 35px;
}

.accordion-style3 .sppb-panel-group > .sppb-panel:first-child {
  border-top-width: 1px;
}

.accordion-style3  .sppb-panel {
  border-radius: 0;
  margin-bottom: 0;
  box-shadow: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-top: 5px;
  border: 1px solid #ddd;
}

.accordion-style3  .sppb-panel-title {
	text-transform: uppercase;
	font-size: inherit;
	color: inherit;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 120%;
	font-family: "Oswald",sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	transition: all 0.3s ease 0s;
}

.accordion-style3  .sppb-panel-default > .sppb-panel-heading:hover .sppb-panel-title {color: inherit;}

.accordion-style3  .sppb-panel-default > .sppb-panel-heading .sppb-toggle-direction  {color: grey;} 

.accordion-style3 .sppb-panel-body {
  border-top: 1px solid #ddd;
  color: #727272;
  display: block;
  font: 14px/25px "Open Sans",sans-serif;
  margin-bottom: 0;
  margin-top: 0;
  padding: 35px 40px 40px;
}

.sppb-panel-body strong {
	color: #90c695;
}

 /* */

 /* IMAGE HOVERS */
 
.image-hover-1 {
	background: #000 none repeat scroll 0 0;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1;
}

.image-hover-1 img {
	backface-visibility: hidden;
	max-width: none;
	opacity: 1;
	transform: translate3d(-30px, 0px, 0px) scale(1.12);
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	width: calc(100% + 60px);
	min-height: 100%;
}

.image-hover-1 .sppb-addon-title {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	backface-visibility: hidden;
	color: #fff;
	display: block;
}

.image-hover-1 .sppb-addon-title span {	
	border-right: 1px solid #fff;
	line-height: 21px;
	margin: 30px 0 0 30px;
	opacity: 0;
	padding: 0 10px 0 0;
	text-align: right;
	transform: translate3d(-40px, 0px, 0px);
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	z-index: 2;
	font: 14px/23px "Open Sans",sans-serif;
	width: 50%;
	display: block;
}

.image-hover-1:hover img {
	opacity: 0.36;
	transform: translate3d(0px, 0px, 0px) scale(1);
}

.image-hover-1:hover .sppb-addon-title span {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}

 /* EFFECT 2 */

.img-hovers-eff-2 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper {
	background: #1f1f1b none repeat scroll 0 0;
}

.img-hovers-eff-2 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
	opacity: 0.9;
	transform: scale(1);
}

.img-hovers-eff-2 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
	background: #1f1f1b none repeat scroll 0 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	padding: 5%;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	top: 0;
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
}

.img-hovers-eff-2 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
  transform: none;
}

.img-hovers-eff-2 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 20px;
  color: #fff;
  font-weight: 800;
  font-size: 25px;
line-height: 120%;
font-family: "Raleway",sans-serif;
letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
	transform: none;
}

.sp-simpleportfolio .sp-simpleportfolio-description {
  float: none;
  width: 100%;
}

.img-hovers-eff-2 .sp-simpleportfolio .sp-simpleportfolio-description p {
	margin: 0 auto 50px;
	color: #ccc;
	width: 80%;
	font: 14px/25px "Open Sans",sans-serif;
}

.img-hovers-eff-2 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #1f1f1b;
	border-radius: 20px;
	font-family: "Raleway",sans-serif;
	font-size: 13px;
	padding: 8px 25px;
	transition: all 0.3s ease 0s;
}

.img-hovers-eff-2 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #fff;
}

 /* EFFECT 3*/

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper{
	background: #000 none repeat scroll 0 0;
	position: relative;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {
  float: left;
  transform: none;
display: block;
opacity: 0.8;
transition: all 0.3s ease 0s;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {
opacity: 0.5;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
  background: transparent none repeat scroll 0 0;
  color: #fff;
  padding: 0px;
  text-align: left;
  z-index: 2;
  bottom: 0 !important;
left: 50px;
position: absolute;
right: 75px;
text-decoration: none;
transition: all 0.3s ease 0s;
opacity: 1 !important;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div {
  display: table-cell;
  vertical-align: bottom;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 20px;
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 25px;
line-height: 120%;
letter-spacing: 0.5px;
transition: all 0.3s ease 0s;
transform: none;
opacity: 1 !important;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-description {
  display: none;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item .hidtext {
  opacity: 0;
  transition: all 0.3s ease 0s;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
  background: transparent none repeat scroll 0 0;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-transform: uppercase;
  transform: none;
  transition: all 0.3s ease 0s;
  vertical-align: middle; 
color: #fff;
font-family: "Raleway",sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 3px;
position: relative;
text-align: center;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:before {
	background-color: #fff;
	bottom: -2px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover:before {
	transform: scaleX(1);
	visibility: visible;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
  transform: none;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay {
  opacity: 1;
  bottom: 50px;
}

.img-hovers-eff-3 .sp-simpleportfolio .sp-simpleportfolio-item:hover .hidtext {
	opacity: 1;
	z-index: 10;
  margin-bottom: 50px;
}

 /* EFFECT 4 */
 
 .img-hovers-eff-4 .sp-simpleportfolio .sp-simpleportfolio-items {
	 overflow: visible !important;
 }

.img-hovers-eff-4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper {
	border: 0 none;
	position: relative;
	transform: scale(1);
	transition: all 200ms ease-in 0s;
	width: 100%;
	overflow: visible !important;
	z-index: 1;
}

.img-hovers-eff-4 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay-wrapper {
	box-shadow: 0 0 72px rgba(0, 0, 0, 0.75);
	transform: scale(1.1);
	z-index: 2;
}

.img-hovers-eff-4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
	background: #fff none repeat scroll 0 0;
	height: 100%;
	left: 0;
	padding: 30px 20px 0;
	position: absolute;
	text-align: center;
	top: 0;
	transition: top 0.5s ease 0s;
	width: 100%;
	z-index: -1;
	overflow: visible !important;
}

.img-hovers-eff-4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div {
  display: table-cell;
  vertical-align: top;
}

.img-hovers-eff-4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
	display: inline-block;
	margin-top: 0px;
	font-weight: 700;
	font-size: 16px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.img-hovers-eff-4  .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
  color: inherit;
  text-decoration: none;
}

.img-hovers-eff-4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle .hidtext {display: none;}

.img-hovers-eff-4 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img,
.img-hovers-eff-4 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-img {
  transform: none;
}

.img-hovers-eff-4 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay {
	height: 75px;
	opacity: 1;
	top: -75px;
}

 /* EFFECT 5 */

.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img,
.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-img {
  transform: none;
}

.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-item {
	background: #1f1f1b none repeat scroll 0 0;
	position: relative;
}

.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
	background: #fff none repeat scroll 0 0;
	bottom: 25px;
	left: 25px;
	padding: 12% 5% 5%;
	position: absolute;
	right: 25px;
	text-align: center;
	text-decoration: none;
	top: 25px;
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
}

@media (max-width: 768px) {
	.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
		padding: 5% 2% 2%;
	}
	.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item,
.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item img	{
		width: 100% !important;
	}
}

@media (min-width: 993px) and (max-width: 1200px) {
	.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
		padding: 5% 2% 2%;
	}
}

.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
  display: inline-block;
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 18px;
line-height: 120%;
color: #1f1f1b;
font-family: "Raleway",sans-serif;
letter-spacing: 0.5px;
transition: all 0.3s ease 0s;
transform: none;
}

.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
	color: inherit;
}

.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-description {
  float: none;
  width: 100%;
}

.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-description p {
	font: 14px/25px "Open Sans",sans-serif;
	color: #727272;
}

.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-btns {display: none;}

.img-hovers-eff-5 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay {
	opacity: 0.9;
	transform: scale(1);
}

 /* EFFECT 6 */

.img-hovers-eff-6 {
	padding: 20%;
	position: relative;
	border-right: 2px solid #fff;
	background: #f3f3f3 none repeat scroll 0 0;
}

.img-hovers-eff-6 .sppb-addon-content {
	padding-bottom: 10px;
	padding-top: 10px;
}

.img-hovers-eff-6 .sppb-icon i {
	font-size: 30px;
	border-radius: 100%;
	height: 80px;
	width: 80px;
	margin-bottom: 20px;
	background: #efd018 none repeat scroll 0 0;
	color: #fff;
	line-height: 80px;
}

.img-hovers-eff-6 .sppb-addon-title {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.img-hovers-eff-6 .sppb-addon-text {
	background: #efd018 none repeat scroll 0 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	padding: 18% 10% 5%;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	top: 0;
	transform: scale(0.95);
	transition: all 0.2s ease 0s;
	color: #1f1f1b;
	font: 14px/25px "Open Sans",sans-serif;
}

.img-hovers-eff-6 .sppb-addon-text strong {
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	display: block;
}

.img-hovers-eff-6:hover .sppb-addon-text {
	opacity: 1;
	transform: scale(1);
}

/* BUTTONS */

.btn-style-1 a  {
	border: 1px solid #1f1f1b;
	border-radius: 20px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	font-size: 13px;
	padding: 8px 25px;
	transition: all 0.3s ease 0s;
	background: transparent none repeat scroll 0 0;
}

.btn-style-1 a:hover {
	background: #1f1f1b none repeat scroll 0 0;
	border: 1px solid #1f1f1b;
	color: #fff;
}

.btn-style-2 a {
	border: 1px solid #1f1f1b;
	border-radius: 3px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 16px 40px;
	transition: all 0.3s ease 0s;
	background: transparent none repeat scroll 0 0;
}

.btn-style-2 a:hover {
	background: #1f1f1b none repeat scroll 0 0;
	color: #fff;
}

.btn-style-3 a {
	background: #3396d6 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	font-family: "Raleway",sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 16px 40px;
	transition: all 0.3s ease 0s;
}

.btn-style-3 a:hover {
	background: #1f1f1b none repeat scroll 0 0;
	color: #fff;
}

.btn-style-4:before {
	background-color: rgba(0, 0, 0, 0.1);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 1;
}

.btn-style-4:after {
	border: 1px solid rgba(0, 0, 0, 0.3);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(1.2, 1.2);
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 1;
}

.btn-style-4 {
	color: #fff;
	position: relative;
	transition: all 0.5s ease 0s;
	cursor: pointer;
	padding: 16px 45px;
	text-align: center;
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 0;
	touch-action: manipulation;
	vertical-align: middle;
	white-space: nowrap;
}

.btn-style-4 a {
	color: #1f1f1b;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	background: transparent;
	padding: 0;
}

.btn-style-4:hover:before {
	opacity: 0;
	transform: scale(0.5, 0.5);
}

.btn-style-4:hover:after {
	opacity: 1;
	transform: scale(1, 1);
}

.btn-style-4:hover {
	color: #333;
	text-decoration: none;
}


.btn-style-5:before {
	transform: scale3d(0.9, 0.9, 1);
	border: 2px solid #3396d6;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition-delay: 0s, 0s;
	transition-duration: 0.3s, 0.3s;
	transition-property: transform, background-color;
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	width: 100%;
	z-index: -1;
}

.btn-style-5:after {
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition-delay: 0s, 0s;
	transition-duration: 0.3s, 0.3s;
	transition-property: transform, background-color;
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	width: 100%;
	z-index: -1;
	background: #3396d6 none repeat scroll 0 0;
}

.btn-style-5 {
	border-radius: 35px;
	color: #fff;
	padding: 16px 40px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	backface-visibility: hidden;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid transparent;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	z-index: 1;
	cursor: pointer;
}

.btn-style-5 a,
.btn-style-5 a:hover {
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	padding: 0;
	margin: 0;
}

.btn-style-5:hover:before {
	transform: scale3d(1, 1, 1);
}

.btn-style-5:hover:after {
	background: #3396d6 none repeat scroll 0 0;
	transform: scale3d(0.9, 0.9, 1);
}

.btn-style-6 a {
	background: #c3c3c3 none repeat scroll 0 0;
	color: #fff;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 12px 23px;
	transition: all 0.3s ease 0s;
}

.btn-style-6 a:hover {
	background: #1f1f1b none repeat scroll 0 0;
	opacity: 0.5;
	color: #fff;
}

.btn-style-7 a {
	border: 1px solid #999;
	border-radius: 3px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	font-weight: 500;
	letter-spacing: 0.5px;
	padding: 14px 32px;
	transition: all 0.3s ease 0s;
	background: transparent none repeat scroll 0 0;
}

.btn-style-7 a i {margin-left: 5px;}

.btn-style-7 a:hover {
	background: #1f1f1b none repeat scroll 0 0;
	border: 1px solid #1f1f1b;
	color: #fff;
}

.btn-style-8 a {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #999;
	border-radius: 0;
	color: #1f1f1b;
	padding: 12px 35px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
}

.btn-style-8 a:hover {
	background: #e67e22 none repeat scroll 0 0;
	border: 1px solid #e67e22;
	color: #fff;
}

.btn-style-9 a {
	border: 1px solid #ddd;
	border-radius: 16px;
	color: #999;
	font-family: "Raleway",sans-serif;
	font-size: 11px;
	padding: 8px 20px;
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
	background: transparent none repeat scroll 0 0;
}

.btn-style-9 a:hover {
	background: #ccc none repeat scroll 0 0;
	border: 1px solid #ccc;
	color: #fff;
}

.btn-style-10 a {
	background: #efd018 none repeat scroll 0 0;
	border-radius: 35px;
	color: #fff;
	padding: 20px 50px;
	text-align: center;
	transition: all 0.4s ease 0s;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
}

.btn-style-10 a:hover {
	box-shadow: 300px 0 0 0 #1f1f1b inset;
	color: #fff;
}

.btn-style-11 a {
	border: 1px solid #fff;
	color: #fff;
	padding: 14px 35px;
	border-radius: 3px;
	font-family: "Raleway",sans-serif;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
	background: transparent none repeat scroll 0 0;
}

.btn-style-11 a:hover {
	background: #fff none repeat scroll 0 0;
	color: #1f1f1b;
}

.btn-style-12:before {
	transform: scale3d(0.9, 0.9, 1);
	border: 2px solid #fff;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition-delay: 0s, 0s;
	transition-duration: 0.3s, 0.3s;
	transition-property: transform, background-color;
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	width: 100%;
	z-index: -1;
}

.btn-style-12:after {
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition-delay: 0s, 0s;
	transition-duration: 0.3s, 0.3s;
	transition-property: transform, background-color;
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	width: 100%;
	z-index: -1;
	background: transparent none repeat scroll 0 0;
}

.btn-style-12 {
	border-radius: 35px;
	color: #fff;
	padding: 16px 40px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	backface-visibility: hidden;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid transparent;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	z-index: 1;
	cursor: pointer;
}

.btn-style-12 a {
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	letter-spacing: 1px;
	transition: all 0.3s ease 0s;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	padding: 0;
	margin: 0;
}

.btn-style-12:hover a,
.btn-style-12 a:hover {
	color: #3396d6;
	font-weight: 600;
	font-size: 14px;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	letter-spacing: 1px;
	transition: all 0.3s ease 0s;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	padding: 0;
	margin: 0;
}

.btn-style-12:hover:before {
	transform: scale3d(1, 1, 1);
}

.btn-style-12:hover:after {
	background: #fff none repeat scroll 0 0;
	transform: scale3d(0.9, 0.9, 1);
}

.btn-style-13 a,
.btn-style-13 a:hover {
	font-size: 13px;
	font-family: "Oswald",sans-serif;
	letter-spacing: 2px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 120%;
	color: #fff;
	transition: all 0.3s ease 0s;
	background: transparent none repeat scroll 0 0;
	border: none;
	position: relative;
	padding: 0;
	margin: 0;
}

.btn-style-13 a:before {
	background-color: #fff;
	bottom: -3px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
}

.btn-style-13 a:hover:before {
	transform: scaleX(1);
	visibility: visible;
}

.btn-style-14 a,
.btn-style-14 a:hover {
	border: 1px solid #fff;
	border-radius: 25px;
	color: #fff;
	font-weight: 700;
	padding: 14px 25px 14px 30px;
	text-transform: uppercase;
	background: transparent none repeat scroll 0 0;
	transition: all 0.3s ease 0s;
}

.btn-style-14 a i {
	margin-left: 0;
	opacity: 0;
	transition: all 0.3s ease 0s;
	width: 1px;
}

.btn-style-14:hover a {
	padding-left: 30px;
	padding-right: 40px;
}

.btn-style-14:hover a i {
	margin-left: 5px;
	opacity: 1;
}

.btn-style-15 a {
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	font-family: "Raleway",sans-serif;
	font-weight: bold;
	padding: 18px 41px;
	text-align: center;
	transition: all 0.2s ease 0s;
	text-transform: uppercase;
	background: transparent none repeat scroll 0 0;
}

.btn-style-15 a:hover {
	box-shadow: 0 0 0 28px #fff inset;
	color: #1f1f1b;
}

.btn-style-16 {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	letter-spacing: 0;
	padding: 4px 5px;
	text-align: center;
	transition: all 0.5s ease 0s;
	width: 200px;
	font-weight: 600;
	text-transform: uppercase;
	background: transparent none repeat scroll 0 0;
}

.btn-style-16 a:after {
	content: "→";
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 0s;
}

.btn-style-16 a,
.btn-style-16 a:hover {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.5s ease 0s;
	background: transparent none repeat scroll 0 0;
	padding: 0;
	margin: 0;
	color: #fff;
	font-weight: 600;
}

.btn-style-16 a:hover:after {
	opacity: 1;
	right: 0;
}

.btn-style-16:hover a {
	color: #efd018;
	letter-spacing: 3px;
	padding-right: 22px;
}

.btn-style-17 a {
	color: #f62459;
	font-family: "Raleway",sans-serif;
	font-size: 13px;
	font-weight: 700;
	transition: all 0.3s ease 0s;
	background: transparent none repeat scroll 0 0;
	padding: 0;
	margin: 0;
}

.btn-style-17 a i {
	font-weight: 400;
	color: #f62459;
	margin-left: 5px;
	transition: all 0.3s ease 0s;
}

.btn-style-17 a:hover {
	color: #fff;
	padding-left: 5px;
	background: transparent none repeat scroll 0 0;
}

.btn-style-17 a:hover  i {color: #fff;}

.btn-style-18 a {
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	font: 13px/21px "Open Sans",sans-serif;
	letter-spacing: 5px;
	text-transform: uppercase;
	background: transparent none repeat scroll 0 0;
	padding: 0;
	margin: 0;
}

.btn-style-18 a:after {
	display: block;
	content: "";
	background-color: #fff;
	height: 1px;
	transition: width 0.3s ease 0s;
	width: 0;
}

.btn-style-18 a:hover {
	padding-left: 7px;
	background: transparent none repeat scroll 0 0;
	color: #fff;
}

.btn-style-18 a:hover:after {
	width: 100%;
}

.btn-style-19 a {
	border: 1px solid #fff;
	border-radius: 30px;
	color: #fff;
	padding: 14px 32px;
	transition: all 0.3s ease 0s;
	font-weight: 600;
	text-transform: uppercase;
	background: transparent none repeat scroll 0 0;
}

.btn-style-19 a i {
	transition: all 0.3s ease 0s;
	margin-left: 5px;
}

.btn-style-19 a:hover {
	border-radius: 3px;
	color: #fff;
	background: transparent none repeat scroll 0 0;
}

.btn-style-20 {
	width: 200px;
	color: #1f1f1b;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	background-color: #fff;
	border-radius: 32px;
	cursor: pointer;
	display: inline-block;
	padding: 16px 14px;
	text-align: center;
	margin-top: 20px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: inherit;
}

.btn-style-20 a:after {
	content: "»";
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 0s;
}

.btn-style-20 a,
.btn-style-20 a:hover {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.5s ease 0s;
	color: #1f1f1b;
	background-color: #fff;
	line-height: inherit;
	padding: 0;
	font-weight: inherit;
}

.btn-style-20:hover a:after {
	opacity: 1;
	right: 0;
}

.btn-style-20:hover a {
	color: #1f1f1b;
	padding-right: 14px;
	background-color: #fff;
}

.btn-style-21 a {
	background: #f62459 none repeat scroll 0 0;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	border-radius: 30px;
	font-weight: bold;
	padding: 16px 40px;
	text-align: center;
	text-transform: uppercase;
}

.btn-style-21 a:hover {
	color: #fff;
	box-shadow: 200px 0 0 0 #1f1f1b inset;
}

.btn-style-22 a {
	background: #f39c15 none repeat scroll 0 0;
	color: #fff;
	border-radius: 3px;
	font-family: "Raleway",sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 16px 25px;
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
}

.btn-style-22 a i {
	color: #fff;
	margin-left: 5px;
}

.btn-style-22 a:hover {
	background: #1f1f1b none repeat scroll 0 0;
	color: #fff;
}

.btn-style-23 a:before {
	border: 2px solid #7986cb;
	border-radius: inherit;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale3d(0.6, 0.6, 1);
	transition-delay: 0s, 0s;
	transition-duration: 0.3s, 0.3s;
	transition-property: transform, opacity;
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	width: 100%;
	z-index: -1;
}

.btn-style-23 a {
	background: #fff none repeat scroll 0 0;
	color: #1f1f1b;
	font-weight: 600;
	padding: 14px 40px;
	transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
	border-radius: 40px;
	position: relative;
	z-index: 1;
}

.btn-style-23 a:hover:before {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

.btn-style-23 a:hover {
	background-color: #37474f;
	color: #fff;
}

.btn-style-24 a {
	background: #87d37c none repeat scroll 0 0;
	border: 1px solid #87d37c;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	padding: 16px 27px;
	border-radius: 3px;
	letter-spacing: 0.5px;
	font-family: "Raleway",sans-serif;
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
}

.btn-style-24 a:hover {
	background: #1f1f1b none repeat scroll 0 0;
	border: 1px solid #1f1f1b;
	color: #fff;
}

.btn-style-25 {
	width: 170px;
	color: #1f1f1b;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	background-color: #fff;
	border-radius: 32px;
	cursor: pointer;
	display: inline-block;
	padding: 16px 14px;
	text-align: center;
	margin-top: 20px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: inherit;
}

.btn-style-25 a:after {
	content: "→";
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 0s;
}

.btn-style-25 a,
.btn-style-25 a:hover {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.5s ease 0s;
	color: #1f1f1b;
	background-color: #fff;
	line-height: inherit;
	padding: 0;
	font-weight: inherit;
}

.btn-style-25:hover a:after {
	opacity: 1;
	right: 0;
}

.btn-style-25:hover a {
	color: #3396d6;
	padding-right: 22px;
	background-color: #fff;
}


.btn-style-26 {
	background-color: #efd018;
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
	width: 140px;
	text-decoration: none;
	transition: all 0.5s ease 0s;
	border-radius: 27px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: inherit;
}

.btn-style-26 a:after {
	content: "»";
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.5s ease 0s;
}

.btn-style-26 a,
.btn-style-26 a:hover {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.5s ease 0s;
	color: #fff;
	background-color: transparent;
	line-height: inherit;
	padding: 0;
	font-weight: inherit;
	font-size: 12px;
}

.btn-style-26:hover a:after {
	opacity: 1;
	right: 0;
}

.btn-style-26:hover a {
	color: #fff;
	padding-right: 12px;
	background-color: transparent;
}

.btn-style-27 a {
	background: #efd018 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	padding: 18px 41px;
	text-align: center;
	transition: all 0.5s ease 0s;
	text-transform: uppercase;
}

.btn-style-27 a:hover {
	box-shadow: 0 -70px 0 0 #fff inset;
	color: #1f1f1b;
}

/* */

/* CALL TO ACTION */

.call-to-action-1 {
	border: 1px solid #ddd;
	padding: 40px;
	text-align: left !important;
}

.call-to-action-1 .text-center, .call-to-action-2 .text-center, .call-to-action-4 .text-center  {text-align: left;}

.call-to-action-1 .sppb-cta-title {
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 30px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.call-to-action-1 .sppb-cta-text {
  margin-bottom: 0;
  margin-top: 0;
  font: 14px/25px "Open Sans",sans-serif;
  color: #727272;
}

.call-to-action-1 .text-center div {
	background-color: #efd018;
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
	width: 140px;
	text-decoration: none;
	transition: all 0.5s ease 0s;
	border-radius: 27px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: inherit;
}

.call-to-action-1 .text-center div a:after {
	content: "»";
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.5s ease 0s;
}

.call-to-action-1 .text-center div a,
.call-to-action-1 .text-center div a:hover {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.5s ease 0s;
	color: #fff;
	background-color: transparent;
	line-height: inherit;
	padding: 0;
	font-weight: inherit;
	font-size: 12px;
}

.call-to-action-1 .text-center div:hover a:after {
	opacity: 1;
	right: 0;
}

.call-to-action-1 .text-center div:hover a {
	color: #fff;
	padding-right: 12px;
	background-color: transparent;
}

.call-to-action-2 {
	border: 7px solid #eee;
	padding: 40px;
}

.call-to-action-2 .sppb-cta-title {
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 30px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.call-to-action-2 .sppb-cta-text {
  color: #1f1f1b;
}

.call-to-action-2 .text-center div:before {
	background-color: rgba(0, 0, 0, 0.1);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 1;
}

.call-to-action-2 .text-center div:after {
	border: 1px solid rgba(0, 0, 0, 0.3);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(1.2, 1.2);
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 1;
}

.call-to-action-2 .text-center div {
	color: #fff;
	position: relative;
	transition: all 0.5s ease 0s;
	cursor: pointer;
	padding: 16px 45px;
	text-align: center;
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 0;
	touch-action: manipulation;
	vertical-align: middle;
	white-space: nowrap;
	margin-top: 20px;
}

.call-to-action-2 .text-center div a {
	color: #1f1f1b;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	background: transparent;
	padding: 0;
}

.call-to-action-2 .text-center div:hover:before {
	opacity: 0;
	transform: scale(0.5, 0.5);
}

.call-to-action-2 .text-center div:hover:after {
	opacity: 1;
	transform: scale(1, 1);
}

.call-to-action-2 .text-center div:hover {
	color: #333;
	text-decoration: none;
}

.call-to-action-3 {
	border: 5px solid #efd018;
	padding: 40px;
}

.call-to-action-3 .sppb-cta-title {
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 30px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Roboto",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.call-to-action-3 .sppb-cta-title strong {font-weight: 800;}

.call-to-action-3  div a {
	background: #efd018 none repeat scroll 0 0;
	border-radius: 35px;
	color: #fff;
	padding: 20px 50px;
	text-align: center;
	transition: all 0.4s ease 0s;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
}

.call-to-action-3 div a:hover {
	box-shadow: 300px 0 0 0 #1f1f1b inset;
	color: #fff;
}

.call-to-action-4 {
	border-left: 5px solid #eee;
	font-size: 16px;
	font-weight: normal;
	margin: 20px 0;
	padding: 0 0 20px 36px;
}

.call-to-action-4 .sppb-cta-title {
	margin-bottom: 10px;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
}

.call-to-action-4 .sppb-cta-text {
  margin-bottom: 0;
  margin-top: 0;
  font: 14px/25px "Open Sans",sans-serif;
  color: #727272;
}

.call-to-action-4 a {
	background: #c3c3c3 none repeat scroll 0 0;
	color: #fff;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 12px 23px;
	transition: all 0.3s ease 0s;
	margin-top: 15px;
}

.call-to-action-4 a:hover {
	background: #1f1f1b none repeat scroll 0 0;
	opacity: 0.5;
	color: #fff;
}

/* */

/* CAROUSEL SLIDERS */

.carousel-sliders-1 img {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 15px;
}

.carousel-sliders-3 {
	opacity: 0.8;
	padding: 5%;
	background: #fff none repeat scroll 0 0;
	margin: 0 auto;
	width: 70%;
}

.carousel-sliders-3 .sppb-addon-title {
	font-size: 35px;
	line-height: 120%;
	margin-bottom: 30px;
	font-family: "Roboto",sans-serif;
	letter-spacing: 2px;
	font-weight: 500;
	text-transform: uppercase;
	color: #1f1f1b;
}

.carousel-sliders-3 .sppb-testimonial-message {
	line-height: 160%;
	font-weight: 500;
	font-size: 16px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.sppb-testimonial-pro .sppb-carousel-control {
  border: none;
}

.carousel-sliders-4 .col-md-6 {padding: 0;}

.carousel-sliders-4 .col-md-6 img {
	display: block;
	transform-style: preserve-3d;
	width: 100%;
}

.carousel-sliders-4 .carousel-sliders-4-content {
	padding: 12%;
	background: #f3f3f3 none repeat scroll 0 0;
}

.carousel-sliders-4 .carousel-sliders-4-content h2 {
	font-size: 35px;
	line-height: 120%;
	font-weight: 800;
	text-transform: uppercase;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	margin-bottom: 15px;
}

.carousel-sliders-4 .carousel-sliders-4-content h4 {
	line-height: 160%;
	margin-bottom: 30px;
	font-weight: 300;
	font-size: 21px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.carousel-sliders-4 .carousel-sliders-4-content a {
	color: #1f1f1b;
	font-size: 12px;
	font-weight: normal;
	transition: all 0.3s ease 0s;
	font-family: "Roboto",sans-serif;
	text-transform: uppercase;
}

.carousel-sliders-4 .carousel-sliders-4-content a:hover {
	color: #efd018;
	padding-left: 5px;
}

/*  */

/* HEADING STYLES */

.heading-style-1 .sppb-addon-title {
	font-size: 35px;
	line-height: 120%;
	margin-bottom: 20px;
	font-family: "Playfair Display",serif;
	font-weight: 500;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.heading-style-1 .sppb-addon-content img {
	margin-bottom: 30px;
}

.heading-style-1 .sppb-addon-content,
.heading-style-2 .sppb-addon-content,
.heading-style-3 .sppb-addon-content,
.heading-style-4 .sppb-addon-content,
.heading-style-5 .sppb-addon-content,
.heading-style-8 .sppb-addon-content,
.heading-style-9 .sppb-addon-content,
.heading-style-10 .sppb-addon-content {
	font: 14px/25px "Open Sans",sans-serif;
	color: #727272;
	margin: 0 auto;
	width: 80%;
}

.sub-heading-style-2 .sppb-addon-title {
	margin-bottom: 5px !important;
	font-family: "Dancing Script",cursive;
	font-weight: 700;
	font-size: 25px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.heading-style-2 .sppb-addon-title {
	font-size: 35px;
	line-height: 120%;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.heading-style-3 .sppb-addon-title {
	font-size: 40px;
	line-height: 120%;
	margin-bottom: 10px;
	font-weight: 800;
	text-transform: uppercase;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.heading-style-3 .sppb-addon-content strong {
	line-height: 140%;
	margin: 0 auto 20px;
	color: #999;
	width: 70%;
	font-weight: 500;
	font-size: 18px;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	display: block;
}

.heading-style-3 .sppb-addon-content hr {
	display: block;
	background: #efd018 none repeat scroll 0 0;
	height: 3px;
	border: 0 none;
	text-align: center;
	width: 12.5%;
	margin: 20px auto;
}

.sub-heading-style-4 .sppb-addon-title {
	margin-bottom: 5px !important;
	font-weight: 500;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.heading-style-4 .sppb-addon-title {
	font-size: 45px;
	line-height: 120%;
	margin-bottom: 20px;
	font-weight: 800;
	text-transform: uppercase;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.heading-style-5 .sppb-addon-title {
	font-family: "Oswald",sans-serif;
	letter-spacing: 12px;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 120%;
	color: #1f1f1b;
}

.heading-style-5 .sppb-addon-content hr {
	display: block;
	background: #d3d3d3 none repeat scroll 0 0;
	height: 1px;
	border: 0 none;
	width: 75px;
	color: #ccc;
	margin: 20px auto;
}

.heading-style-6 .sppb-addon-title {
	font-size: 35px;
	line-height: 120%;
	font-family: "Lora",serif;
	font-weight: 300;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.heading-style-6 .sppb-addon-content {
	border-left: 1px solid #ddd;
	padding-left: 9%;
	line-height: 160%;
	font-size: 14px;
	color: #999;
	font-weight: 500;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.heading-style-7 .sppb-addon-title {
	line-height: 130%;
	font-size: 45px;
	margin-bottom: 20px;
	font-family: "Slabo 27px",serif;
	font-weight: 800;
	text-transform: uppercase;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.heading-style-7 .sppb-addon-content {
	line-height: 180%;
	font-weight: 300;
	font-size: 16px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.sub-heading-style-8 .sppb-addon-title {
	margin-bottom: 10px !important;
	color: #efd018;
	font-family: "Courgette",cursive;
	letter-spacing: 1px;
	font-weight: 300;
	font-size: 16px;
	line-height: 120%;
}

.heading-style-8 .sppb-addon-title {
	font-size: 45px;
	line-height: 120%;
	margin-bottom: 20px;
	font-weight: 800;
	text-transform: uppercase;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.sub-heading-style-9 .sppb-addon-title {
	margin-bottom: 30px;
	color: #999;
	font-family: "Slabo 27px",serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0.5px;
}

.heading-style-9 .sppb-addon-title {
	font-size: 40px;
	line-height: 120%;
	margin-bottom: 30px;
	font-family: "Slabo 27px",serif;
	text-transform: uppercase;
	color: #1f1f1b;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.sub-heading-style-10 .sppb-addon-title {
	margin-bottom: 5px !important;
	font-weight: 300;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.heading-style-10 .sppb-addon-title {
	font-size: 57px;
	line-height: 120%;
	margin-bottom: 30px;
	font-weight: 200;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.heading-style-11 .sppb-addon-title {
	line-height: 130%;
	font-size: 45px;
	margin: 0 auto;
	width: 90%;
	font-family: "Playfair Display",serif;
	font-weight: 300;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.heading-style-11 .sppb-addon-title span {
	font-style: italic;
	color: #efd018;
	font-weight: 700;
}

/* */

/* PORTFOLIO GRID */

.portfolio-grid .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
	background-color: #ffffff;
	border: 1px solid #ececec;
	color: #888888;
	cursor: pointer;
	display: inline-block;
	font: 400 12px/32px "Raleway",sans-serif;
	margin: 0 10px 10px 0;
	overflow: visible;
	padding: 0 17px;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
}

.portfolio-grid .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:after {display: none;}

.portfolio-grid .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a, .portfolio-grid  .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a:hover {
	border-color: #8cd2e5;
	color: #3b9cb3;
}

.portfolio-grid .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  padding: 0 8%;
}

.portfolio-grid .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
  display: inline-block;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1;
  margin-top: 10px;
  padding-bottom: 20px;
}

.portfolio-grid .sp-simpleportfolio .sp-simpleportfolio-description {
  float: none;
  width: 100%;
  padding-bottom: 20px;
}

/* */

/* COLUMNS */

.columns .sppb-addon-title {
	padding: 20px;
	color: #727272;
	font: 14px/23px "Open Sans",sans-serif;
	border: 1px solid #ddd;
	background: #f3f3f3 none repeat scroll 0 0;
}

/*  */

/* LISTS STYLES */

.list-style ul {list-style-type: none;}

.list-style ul li {
	padding-bottom: 9px;
	padding-top: 9px;
	animation: 0.5s ease 0s normal both 1 running flipdown;
	color: #727272;
}

.list-style ul li:before {
	font-size: 16px;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: 600;
	line-height: 1;
	text-rendering: auto;
	margin-right: 10px;
}

.list-style-1 ul li:before {
	content: "";
	color: #e67e22;
}

.list-style-2 ul li:before {
	content: "";
	color: #29a8e8;
}

.list-style-3 ul li:before {
	content: "";
	color: #6b2da1;
}

.list-style-4 ul li:before {
	content: "";
	color: #b42165;
}
.list-style-5 ul li:before {
	content: "";
	color: #4ecdc4;
}
.list-style-6 ul li:before {
	content: "";
	color: #efd018;
}

/* */

/* MESSAGE BOXES */

.message-box-1 .sppb-addon-title {
	background-color: #f44336;
	color: white;
	margin-bottom: 15px;
	opacity: 1;
	padding: 20px;
	transition: opacity 0.6s ease 0s;
	border: 1px solid transparent;
	border-radius: 4px;
	font: 14px/23px "Open Sans",sans-serif;
}

.message-box-1 .sppb-addon-title span {
	font-weight: 700;
}

.message-box-2 .sppb-addon-title {
	background-color: #4caf50;
	color: white;
	margin-bottom: 15px;
	opacity: 1;
	padding: 20px;
	transition: opacity 0.6s ease 0s;
	border: 1px solid transparent;
	border-radius: 4px;
	font: 14px/23px "Open Sans",sans-serif;
}

.message-box-2 .sppb-addon-title span {
	font-weight: 700;
}

.message-box-3 .sppb-addon-title {
	background-color: #2196f3;
	color: white;
	margin-bottom: 15px;
	opacity: 1;
	padding: 20px;
	transition: opacity 0.6s ease 0s;
	border: 1px solid transparent;
	border-radius: 4px;
	font: 14px/23px "Open Sans",sans-serif;
}

.message-box-3 .sppb-addon-title span {
	font-weight: 700;
}


.message-box-4 .sppb-addon-title {
	background-color: #ff9800;
	color: white;
	margin-bottom: 15px;
	opacity: 1;
	padding: 20px;
	transition: opacity 0.6s ease 0s;
	border: 1px solid transparent;
	border-radius: 4px;
	font: 14px/23px "Open Sans",sans-serif;
}

.message-box-4 .sppb-addon-title span {
	font-weight: 700;
}

.alert-img  {
	padding: 50px;
	background-color: #f44336;
	color: white;
	margin-bottom: 15px;
	opacity: 1;
	transition: opacity 0.6s ease 0s;
	text-align: left;
}

.alert-img .sppb-addon-title {
	font: 14px/25px "Open Sans",sans-serif;
	color: white;
	margin: 0;
}

.alert-img img {margin-bottom: 20px;}

.alert-box-1 {
	background-color: #2196f3;
	color: white;
	margin-bottom: 15px;
	opacity: 1;
	padding: 50px;
	transition: opacity 0.6s ease 0s;
}

.alert-box-1 .sppb-addon-title {
	color: inherit;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 800;
	font-size: 21px;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.alert-box-1 .sppb-addon-content {
	font: 14px/25px "Open Sans",sans-serif;
	color: white;
	margin: 0;
}

.alert-box-2 {
	background-color: #4caf50;
	color: white;
	margin-bottom: 15px;
	opacity: 1;
	padding: 50px;
	transition: opacity 0.6s ease 0s;
}

.alert-box-2 .sppb-addon-title {
	color: #fff;
	font-family: "Playfair Display",serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 120%;
	letter-spacing: 0.5px;
}

/*  */

/* PARALLAX BACKGROUNDS */

.parallax-bg-text-1 .sppb-addon-title {
	margin-bottom: 20px;
	color: #efd018;
	letter-spacing: 5px;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
}

.parallax-bg-text-1 .sppb-addon-content {
	line-height: 97%;
	font-size: 57px;
	margin-bottom: 30px;
	color: #fff;
	letter-spacing: 3px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: "Raleway",sans-serif;
}

/* */

/* Pricing Tables */

@media (max-width: 993px) {
	.pricing-table-1, .pricing-table-2, .pricing-table-3 {
		margin-bottom: 50px;
	}
}

.pricing-table-1 {
	background-color: #f9f9f9;
	border: 1px solid #f3f3f3;
	padding: 5%;
}

.pricing-table-1 .sppb-pricing-box {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
	padding: 14%;
	width: 100%;
}

.pricing-table-1 .sppb-pricing-box .sppb-pricing-header .sppb-pricing-title {
	margin-bottom: 10px;
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	transition: all 0.3s ease 0s;
	text-transform: none;
}

.pricing-table-1 .sppb-pricing-box .sppb-pricing-header span.sppb-pricing-price {
	font-size: 45px;
	line-height: 120%;
	margin-bottom: 20px;
	font-family: "Roboto",sans-serif;
	font-weight: 800;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	display: block;
}

.pricing-table-1 .sppb-pricing-box .sppb-pricing-header span.sppb-pricing-duration {
	display: block;
	margin-bottom: 30px;
	color: #aaa;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.pricing-table-1 .sppb-pricing-box .sppb-pricing-features {
	padding: 0;
}

.pricing-table-1 .sppb-pricing-box .sppb-pricing-features ul li {
	padding: 0;
	margin-bottom: 40px;
	font: 14px/25px "Open Sans",sans-serif;
	color: #727272;
}

.pricing-table-1 .sppb-pricing-box .sppb-pricing-footer a {
	border-radius: 25px;
	color: #1f1f1b;
	padding: 12px 40px;
	border: 1px solid #1f1f1b;
	font-family: "Raleway",sans-serif;
	font-size: 13px;
	transition: all 0.3s ease 0s;
	font-weight: 700;
	text-transform: uppercase;
	background: transparent none repeat scroll 0 0;
}

.pricing-table-1 .sppb-pricing-box .sppb-pricing-footer a:hover {
	background: #1f1f1b none repeat scroll 0 0;
	border: 1px solid #1f1f1b;
	color: #fff;
}


.pricing-table-2 .sppb-pricing-box {
	padding: 16%;
	transition: all 0.3s ease 0s;
	border: 1px solid rgba(255, 255, 255, 0.3);
}
.pricing-table-2 .sppb-pricing-box.sppb-pricing-featured,
.pricing-table-2 .sppb-pricing-box:hover {
	background-color: rgba(255, 255, 255, 0.3);
	transition: all 0.3s ease 0s;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.pricing-table-2 .sppb-pricing-box .sppb-pricing-header .sppb-pricing-title {
	margin-bottom: 30px;
	color: #fff;
	font-family: "Oswald",sans-serif;
	letter-spacing: 3px;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 120%;
}

.pricing-table-2 .sppb-pricing-box .sppb-pricing-header .pricing-box-price {
	margin: 0 auto;
	border-radius: 100%;
	height: 90px;
	width: 90px;
	text-align: center;
	background: #fff none repeat scroll 0 0;
}

.pricing-table-2 .sppb-pricing-box .sppb-pricing-header .pricing-box-price span.sppb-pricing-price {
	line-height: 90px;
	text-align: center;
	vertical-align: middle;
	color: #90c695;
	font-family: "Oswald",sans-serif;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 21px;
}

.pricing-table-2 .sppb-pricing-box .sppb-pricing-features {padding: 0;}

.pricing-table-2 .sppb-pricing-box .sppb-pricing-features ul {
	margin-bottom: 50px;
}

.pricing-table-2 .sppb-pricing-box .sppb-pricing-features ul li:first-child {
	line-height: 140%;
	color: #fff;
	margin: 30px auto;
	width: 90%;
	font-family: "Oswald",sans-serif;
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 16px;
	padding: 0;
}

.pricing-table-2 .sppb-pricing-box .sppb-pricing-features ul li {
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: "Oswald",sans-serif;
	letter-spacing: 1px;
	font-weight: 300;
	color: #fff;
}

.pricing-table-2 .sppb-pricing-box .sppb-pricing-footer a {
	border: 1px solid #fff;
	border-radius: 20px;
	color: #fff;
	font-family: "Raleway",sans-serif;
	font-size: 13px;
	padding: 8px 25px;
	transition: all 0.3s ease 0s;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: transparent none repeat scroll 0 0;
}

.pricing-table-2 .sppb-pricing-box .sppb-pricing-footer a:hover {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #1f1f1b;
}

.pricing-table-3 .sppb-pricing-box {
	border-radius: 3px;
	padding: 16%;
	background: #fff none repeat scroll 0 0;
	border: none;
}

.pricing-table-3 .sppb-pricing-box .sppb-pricing-header .sppb-pricing-title {
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.pricing-table-3 .sppb-pricing-box .sppb-pricing-header span.sppb-pricing-price {
	font-size: 35px;
	line-height: 120%;
	color: #efd018;
	font-family: "Open Sans",sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
}

.pricing-table-3 .sppb-pricing-box .sppb-pricing-header span.sppb-pricing-duration {
	font-size: 14px;
	color: #777;
	font-weight: 400;
	line-height: 1;
}

.pricing-table-3 .sppb-pricing-box .sppb-pricing-header {
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

.pricing-table-3 .sppb-pricing-box .sppb-pricing-features {padding: 0;}

.pricing-table-3 .sppb-pricing-box .sppb-pricing-features ul {
	margin-bottom: 40px;
}

.pricing-table-3 .sppb-pricing-box .sppb-pricing-features ul li {
	padding-bottom: 9px;
	padding-top: 9px;
	color: #1f1f1b;
	font-weight: 500;
}

.pricing-table-3 .sppb-pricing-box .sppb-pricing-features ul li:before {
	content: "";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: 600;
	line-height: 1;
	text-rendering: auto;
	color: #aaa;
	margin-right: 10px;
}

.pricing-table-3 .sppb-pricing-box .sppb-pricing-footer a {
	background: #efd018 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 12px 23px;
	transition: all 0.3s ease 0s;
	font-family: "Roboto",sans-serif;
	text-transform: uppercase;
}

.pricing-table-3 .sppb-pricing-box .sppb-pricing-footer a:hover {
	background: #1f1f1b none repeat scroll 0 0;
	color: #fff;
}

/* */

/* TEAM MEMBERS */

.team-members {position: relative; margin-bottom: 30px;}

.team-members .person-information {
	transition: all 0.3s ease 0s;
	background-color: rgba(29, 32, 37, 0.9);
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(0.75);
	width: 100%;
	margin: 0 !important;
}

@media (max-width: 460px) {
	.team-members .person-information .sppb-person-name {
		padding-top: 40px !important;
	}
	.team-members .person-information .sppb-person-introtext  {
		display: none;
	}
}

@media (max-width: 370px) {
	.team-members .person-information .sppb-person-name {
		padding-top: 40px !important;
	}
}

.team-members:hover .person-information {
	opacity: 1;
	transform: scale(1);
	transition: all 0.3s ease 0s;
}

.team-members .person-information .sppb-person-information .sppb-person-name {
	padding-top: 80px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
}

.team-members .person-information .sppb-person-information .sppb-person-designation {
	font: 13px/21px "Open Sans",sans-serif;
	opacity: 0.5;
	margin-bottom: 20px;
	color: #fff;
}

.team-members .person-information .sppb-person-introtext {
	color: #fff;
	margin: 20px auto;
	width: 60%;
	font: 14px/25px "Open Sans",sans-serif;
}


.team-members .person-information .sppb-person-profile {
	background-color: #efd018;
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
	width: 140px;
	text-decoration: none;
	transition: all 0.5s ease 0s;
	border-radius: 27px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	margin-top: 10px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: inherit;
	margin-bottom: 30px;
}

.team-members .person-information .sppb-person-profile span:after {
	content: "»";
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.5s ease 0s;
}

.team-members .person-information .sppb-person-profile span,
.team-members .person-information .sppb-person-profile span:hover {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.5s ease 0s;
	color: #fff;
	background-color: transparent;
	line-height: inherit;
	padding: 0;
	font-weight: inherit;
	font-size: 12px;
}

.team-members .person-information .sppb-person-profile:hover span:after {
	opacity: 1;
	right: 0;
}

.team-members .person-information .sppb-person-profile:hover span {
	color: #fff;
	padding-right: 12px;
	background-color: transparent;
}

.team-members .person-information ul li {margin: 0;}

.team-members .person-information ul li a i {
	height: 28px;
	line-height: 28px;
	width: 28px;
	border: 1px solid #fff;
	border-radius: 100%;
	color: #fff;
	margin: 0 3px;
	text-align: center;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
}

.team-members .person-information ul li a i:hover {
	background: #fff none repeat scroll 0 0;
	color: #efd018;
}

/*  */

/* TABS */

.tabs-1 ul.sppb-nav-tabs {
	margin-left: 3.25%;
	padding: 0rem 0rem 0;
	border: none !important;
}

.tabs-1 ul.sppb-nav-tabs li {margin:0; padding: 0;}

.tabs-1 ul.sppb-nav-tabs li a {
	transition: all 0.3s ease 0s;
	border: 1px solid #1d2025;
	color: #1d2025;
	font-weight: 700;
	line-height: 4rem;
	margin: 0 9px 0 0;
	padding: 0 3.2rem;
	text-transform: uppercase;
	cursor: pointer;
	list-style: outside none none;
	background: transparent;
}

.tabs-1 ul.sppb-nav-tabs li a:hover {
	background: #fff none repeat scroll 0 0;
	color: #1d2025;
}

.tabs-1 ul.sppb-nav-tabs li.active a,
.tabs-1 ul.sppb-nav-tabs li.active a:hover {
	background: #1d2025 none repeat scroll 0 0;
	border: 1px solid #1d2025;
	color: #fff;
	cursor: default;
}

.tabs-1 .sppb-nav-tabs-content {
	background: transparent none repeat scroll 0 0;
	border: none !important;
	display: table;
	overflow: visible;
	padding: 90px 0 0;
	width: 100%;
}

.tabs-1 .sppb-nav-tabs-content .col-md-5, .tabs-1 .sppb-nav-tabs-content .col-md-7 {padding: 0;}

.tabs-1 .sppb-nav-tabs-content h1 {
	line-height: 130%;
	font-size: 35px;
	margin-bottom: 30px;
	font-family: "Slabo 27px",serif;
	font-weight: 800;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	display: block;
}

.tabs-1 .sppb-nav-tabs-content h2 {
	line-height: 180%;
	margin-bottom: 50px;
	font-weight: 500;
	font-size: 16px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	display: block;
}

.tabs-1 .sppb-nav-tabs-content #sppb-tab1-1 a {
	border-radius: 25px;
	color: #1f1f1b;
	border: 1px solid #1f1f1b;
	font-family: "Raleway",sans-serif;
	font-size: 13px;
	padding: 10px 30px;
	transition: all 0.3s ease 0s;
}

.tabs-1 .sppb-nav-tabs-content #sppb-tab1-1 a:hover {
	background: #1f1f1b none repeat scroll 0 0;
	border: 1px solid #1f1f1b;
	color: #fff;
}

.tabs-1 .sppb-nav-tabs-content h3 {
	line-height: 130%;
	font-size: 35px;
	margin-bottom: 30px;
	font-family: "Slabo 27px",serif;
	font-weight: 800;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.tabs-1 .sppb-nav-tabs-content ul {
	list-style-type: none;
}

.tabs-1 .sppb-nav-tabs-content ul li {
	padding-bottom: 5px;
	padding-top: 5px;
}

.tabs-1 .sppb-nav-tabs-content ul li h4 {
	font-size: 18px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.tabs-1 .sppb-nav-tabs-content ul li h4:before {
	font-size: 16px;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: 600;
	line-height: 1;
	text-rendering: auto;
	margin-right: 10px;
	content: "";
}

.tabs-1 .sppb-nav-tabs-content #sppb-tab1-2 img {
	background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
}

.tabs-1 .sppb-nav-tabs-content #sppb-tab1-2 img:hover {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	box-shadow: 0 0 0 12px rgba(0, 0, 0, 0.8);
}

.tabs-1 .sppb-nav-tabs-content h5 {
	line-height: 130%;
	margin-bottom: 30px;
	font-family: "Slabo 27px",serif;
	font-weight: 800;
	font-size: 25px;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	text-align: right;
}

.tabs-1 .sppb-nav-tabs-content h5:first-child {
	padding-top: 10%;
}

.tabs-1 .sppb-nav-tabs-content h5:after {
	display: inline-block;
	font-family: "et-line";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-transform: none;
	font-size: 30px;
	margin-left: 20px;
	margin-bottom: 20px;
	color: #1f1f1b;
}

.tabs-1 .sppb-nav-tabs-content h5:first-child:after {content: "";}
.tabs-1 .sppb-nav-tabs-content h5:nth-child(2):after {content: "";}
.tabs-1 .sppb-nav-tabs-content h5:nth-child(3):after {content: "";}
.tabs-1 .sppb-nav-tabs-content h5:nth-child(4):after {content: "";}
.tabs-1 .sppb-nav-tabs-content h5:nth-child(5):after {content: "";}

.tabs-1 .sppb-nav-tabs-content #sppb-tab1-4 h6 {
	line-height: 130%;
	font-size: 72px;
	margin: 0 auto 30px;
	width: 60%;
	font-family: "Slabo 27px",serif;
	font-weight: 800;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	display: block;
	text-align: center;
}

.tabs-1 .sppb-nav-tabs-content #sppb-tab1-4 h6:before {
	display: block;
	content: "";
	font-size: 80px;
	font-family: "Font Awesome 5 Free";
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: 600;
	line-height: 1;
	text-rendering: auto;
	margin-bottom: 10px;
	color: #1f1f1b;
	text-align: center;
}


.tabs-2 ul.sppb-nav-tabs {
	padding: 0rem 0rem 0;
	border: none !important;
}

.tabs-2 ul.sppb-nav-tabs li {margin:0; padding: 0;}

.tabs-2 ul.sppb-nav-tabs li a {
	border-bottom: 3px solid #e3e3e3;
	line-height: 3.5rem;
	padding: 0 2rem;
	background: #fff none repeat scroll 0 0;
	color: #727272;
	font-weight: 600;
	margin: 0 30px 0 0;
	cursor: pointer;
	border-top: none;
	border-left: none;
	border-right: none;
}

.tabs-2 ul.sppb-nav-tabs li a:hover {
	background: #fff none repeat scroll 0 0;
	border-bottom: 3px solid #f39c12;
	color: #1d2025;
}

.tabs-2 ul.sppb-nav-tabs li.active a,
.tabs-2 ul.sppb-nav-tabs li.active a:hover {
	background: #fff none repeat scroll 0 0;
	border-bottom: 3px solid #f39c12;
	color: #1d2025;
	cursor: default;
}

.tabs-2 .sppb-nav-tabs-content {
	border: none !important;
	display: table;
	overflow: visible;
	width: 100%;
	background: #fff none repeat scroll 0 0;
	padding: 72px 0 50px;
}

.tabs-2 .sppb-nav-tabs-content h1 {
	line-height: 140%;
	margin-bottom: 30px;
	font-family: "Playfair Display",serif;
	font-weight: 500;
	font-size: 25px;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.tabs-2 .sppb-nav-tabs-content p {
	font: 14px/25px "Open Sans",sans-serif;
	color: #727272;
}

.tabs-2 .sppb-nav-tabs-content .col-md-5, .tabs-2 .sppb-nav-tabs-content .col-md-6 {padding: 0;}

.padding-percent-7 {padding: 11%;}

.tabs-3 ul.sppb-nav-tabs {
	padding: 0rem 0rem 0;
	border: none !important;
}

.tabs-3 ul.sppb-nav-tabs li {margin:0; padding: 0;}

.tabs-3 ul.sppb-nav-tabs li a {
	border: none;
	transition: all 0.3s ease 0s;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-bottom: medium none;
	margin: 0 2px 0 0;
	color: #727272;
	font-weight: 600;
	line-height: 3.5rem;
	padding: 0 2.5rem;
}

.tabs-3 ul.sppb-nav-tabs li a:hover {
	color: #1d2025;
}

.tabs-3 ul.sppb-nav-tabs li.active a,
.tabs-3 ul.sppb-nav-tabs li.active a:hover {
	background: #fff none repeat scroll 0 0;
	color: #1d2025;
	cursor: default;
}

.tabs-3 .sppb-nav-tabs-content {
	border: none !important;
	display: table;
	overflow: visible;
	width: 100%;
	background: #fff none repeat scroll 0 0;
	padding: 50px;
}

.tabs-3 .sppb-nav-tabs-content h1 {
	line-height: 140%;
	margin-bottom: 30px;
	font-weight: 300;
	font-size: 21px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.tabs-3 .sppb-nav-tabs-content img {
	display: block;
	height: auto;
	max-width: 25%;
	float: right;
	margin-left: 30px;
}

.tabs-3 .sppb-nav-tabs-content #sppb-tab3-2 img {
	display: block;
	height: auto;
	max-width: 100%;
	margin: 0 auto 20px;
	float: none;
}

.tabs-3 .sppb-nav-tabs-content p {
	font: 14px/25px "Open Sans",sans-serif;
	color: #727272;
}

.img-width-50 .sppb-nav-tabs-content img {
	max-width: 40%;
}

.img-width-50 .sppb-nav-tabs-content #sppb-tab4-2 img {
	float: none;
	width: 100% !important;
	margin: 0 auto 20px;
	max-width: 100% !important;
}

/* */

/* POPUPS */

.popups-text .sppb-addon-title {
	font-size: 57px;
	line-height: 120%;
	margin-bottom: 20px;
	font-weight: 100;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.popups-text .sppb-addon-content {
	margin: 0 auto;
	width: 80%;
	font: 14px/25px "Open Sans",sans-serif;
}

.popups a {
	background: #f62459 none repeat scroll 0 0;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	border-radius: 30px;
	font-weight: bold;
	padding: 16px 40px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 50px;
}

.popups a:hover {
	color: #fff;
	box-shadow: 200px 0 0 0 #1f1f1b inset;
}

.modal-inner-block {
	text-align: center;
	background: #fff none repeat scroll 0 0;
	padding-top: 40px;
	overflow: visible;
}

.modal-inner-block h1 {
	line-height: 130%;
	margin-bottom: 20px;
	color: #efd018;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 30px;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.modal-inner-block h2 {
	margin-bottom: 20px;
	font-weight: 300;
	font-size: 30px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.modal-inner-block h3 {
	line-height: 180%;
	margin-bottom: 20px;
	font-weight: 300;
	font-size: 16px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

/* */

/* BLOCKQUOTES */

.blockquote-1 {
	border-left: 5px solid #eee;
	font-size: 16px;
	font-weight: normal;
	margin: 20px 0;
	padding: 0 0 20px 36px;
}

.blockquote-1 .sppb-addon-title {
	margin-bottom: 10px;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.blockquote-1 .sppb-addon-content {
	font: 14px/25px "Open Sans",sans-serif;
	color: #727272;
}

.blockquote-1 .sppb-addon-content a {
	background: #c3c3c3 none repeat scroll 0 0;
	color: #fff;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding: 12px 23px;
	transition: all 0.3s ease 0s;
	margin-top: 20px;
	width: inherit;
}

.blockquote-1 .sppb-addon-content a:hover {
	background: #1f1f1b none repeat scroll 0 0;
	opacity: 0.5;
	color: #fff;
}

.no-border-quote {border: none;}

.blockquote-2 {
	background: rgba(0, 0, 0, 0) url("/construct/images/quotes.png") no-repeat scroll left top;
	border-left: medium none;
	font-size: inherit;
	font-weight: normal;
	margin: 0;
	padding: 25px 0 20px 30px;
}

.blockquote-2 .sppb-addon-title {
	margin-bottom: 10px;
	font-size: 21px;
	line-height: 120%;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

/* */

/* ICON BOXES */

@media (max-width: 993px) {
	.image-boxes-3 {
		margin-bottom: 50px;
	}
}

.image-boxes-3 {
	transition: all 0.3s ease 0s;
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	padding: 13%;
}

.image-boxes-3:hover {
	background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
}

.image-boxes-3 img {
	margin: 0 auto;
	display: block;
	height: auto;
	max-width: 50%;
}

.image-boxes-3 .sppb-addon-title {
	margin-top: 10px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

/* */

/* DIVIDERS */

.divider-4 {
	border-top: 1px solid #eee;
	margin-bottom: 50px;
	position: relative;
}

.divider-4 .sppb-addon-single-image-container {
	display: inherit;
	position: static;
}

.divider-4 img {
	background: #fff none repeat scroll 0 0;
	margin: -10px auto 0 -25px;
	padding: 5px 25px;
	position: absolute;
}

/* SKILLS */

@media (max-width: 993px) {
	.skills-text {
		margin-bottom: 50px;
	}
	.sppb-addon-pie-progress {
		margin-bottom: 80px;
	}
}

.skills-text .sppb-addon-title {
	font-size: 35px;
	line-height: 120%;
	margin-bottom: 20px;
	font-weight: 700;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.skills-text .sppb-addon-content {
	line-height: 180%;
	font-weight: 300;
	font-size: 16px;
	color: #1f1f1b;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.sppb-progress-label {
  display: block;
  line-height: 1;
  margin-bottom: 6px;
  position: relative;
  font-weight: 700;
  color: #727272;
}

.sppb-progress {
  margin-bottom: 41px !important;
  border-radius: 0;
height: 9px;
overflow: visible;
background-color: #f5f5f5;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
margin-bottom: 20px;
}

.sppb-progress-bar {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
color: #fff;
float: left;
font-size: 12px;
line-height: 20px;
text-align: center;
background: rgb(29, 32, 37) none repeat scroll 0 0;
height: 9px;
transition: width 1.5s ease-in-out 2s;
}

.skills-title .sppb-addon-title {
	font-size: 35px;
	line-height: 120%;
	margin-bottom: 20px !important;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	font-family: "Raleway",sans-serif;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

.sppb-addon-pie-progress .sppb-addon-title {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 120%;
	font-family: "Raleway",sans-serif;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
	margin-top: 30px;
}

.sppb-addon-pie-progress span {
	color: #fff;
	font-size: 30px;
}

/* */

/* TABLES */

.tables1 table {
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
}

.tables1 th {
  background-color: #87d37c;
  color: #fff;
}

.tables1 th, .tables1 td {
  padding: 10px 20px;
  text-align: left;
}

.tables1 tr:nth-child(2n) {
  background-color: #f3f3f3;
}

.tables1 th, .tables1 td {
  padding: 10px 20px;
  text-align: left;
}

.tables2 table, .tables2 th, .tables2 td {
  border: 1px solid #999;
  border-collapse: collapse;
  padding: 10px;
}

.tables2 table {
  width: 100%;
}

.tables3 table {
  border-collapse: collapse;
  width: 100%;
}

.tables3 tr {
  transition: all 0.3s ease 0s;
}

.tables3 tr:hover {
  background-color: #f3f3f3;
}

.tables3 th, .tables3 td {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

.tables3 th {
  background-color: #545454;
  color: #fff;
}

/* */

/* FOOTER */

#sp-footer {
	height: 72px;
	padding-top: 20px;
	box-shadow: 0 25px 27px -25px rgba(0, 0, 0, 0.7) inset;
}

#sp-footer span.sp-copyright {
	opacity: 0.8;
	color: #fff;
	font-family: "Roboto",sans-serif;
}

/* */


/* ADD SIMPLE LINE ICONS */

@font-face {
  font-family: 'simple-line-icons';
  src: url('fonts/Simple-Line-Icons.eot?v=2.3.1');
  src: url('fonts/Simple-Line-Icons.eot?v=2.3.1#iefix') format('embedded-opentype'), url('fonts/Simple-Line-Icons.woff2?v=2.3.1') format('woff2'), url('fonts/Simple-Line-Icons.woff?v=2.3.1') format('woff'), url('fonts/Simple-Line-Icons.ttf?v=2.3.1') format('truetype'), url('fonts/Simple-Line-Icons.svg?v=2.3.1#simple-line-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 Use the following CSS code if you want to have a class per icon.
 Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
*/
.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-minus,
.icon-close,
.icon-organization,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calendar,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-github,
.icon-social-google,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox {
  font-family: 'simple-line-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user:before {
  content: "\e005";
}
.icon-people:before {
  content: "\e001";
}
.icon-user-female:before {
  content: "\e000";
}
.icon-user-follow:before {
  content: "\e002";
}
.icon-user-following:before {
  content: "\e003";
}
.icon-user-unfollow:before {
  content: "\e004";
}
.icon-login:before {
  content: "\e066";
}
.icon-logout:before {
  content: "\e065";
}
.icon-emotsmile:before {
  content: "\e021";
}
.icon-phone:before {
  content: "\e600";
}
.icon-call-end:before {
  content: "\e048";
}
.icon-call-in:before {
  content: "\e047";
}
.icon-call-out:before {
  content: "\e046";
}
.icon-map:before {
  content: "\e033";
}
.icon-location-pin:before {
  content: "\e096";
}
.icon-direction:before {
  content: "\e042";
}
.icon-directions:before {
  content: "\e041";
}
.icon-compass:before {
  content: "\e045";
}
.icon-layers:before {
  content: "\e034";
}
.icon-menu:before {
  content: "\e601";
}
.icon-list:before {
  content: "\e067";
}
.icon-options-vertical:before {
  content: "\e602";
}
.icon-options:before {
  content: "\e603";
}
.icon-arrow-down:before {
  content: "\e604";
}
.icon-arrow-left:before {
  content: "\e605";
}
.icon-arrow-right:before {
  content: "\e606";
}
.icon-arrow-up:before {
  content: "\e607";
}
.icon-arrow-up-circle:before {
  content: "\e078";
}
.icon-arrow-left-circle:before {
  content: "\e07a";
}
.icon-arrow-right-circle:before {
  content: "\e079";
}
.icon-arrow-down-circle:before {
  content: "\e07b";
}
.icon-check:before {
  content: "\e080";
}
.icon-clock:before {
  content: "\e081";
}
.icon-plus:before {
  content: "\e095";
}
.icon-minus:before {
  content: "\e615";
}
.icon-close:before {
  content: "\e082";
}
.icon-organization:before {
  content: "\e616";
}
.icon-trophy:before {
  content: "\e006";
}
.icon-screen-smartphone:before {
  content: "\e010";
}
.icon-screen-desktop:before {
  content: "\e011";
}
.icon-plane:before {
  content: "\e012";
}
.icon-notebook:before {
  content: "\e013";
}
.icon-mustache:before {
  content: "\e014";
}
.icon-mouse:before {
  content: "\e015";
}
.icon-magnet:before {
  content: "\e016";
}
.icon-energy:before {
  content: "\e020";
}
.icon-disc:before {
  content: "\e022";
}
.icon-cursor:before {
  content: "\e06e";
}
.icon-cursor-move:before {
  content: "\e023";
}
.icon-crop:before {
  content: "\e024";
}
.icon-chemistry:before {
  content: "\e026";
}
.icon-speedometer:before {
  content: "\e007";
}
.icon-shield:before {
  content: "\e00e";
}
.icon-screen-tablet:before {
  content: "\e00f";
}
.icon-magic-wand:before {
  content: "\e017";
}
.icon-hourglass:before {
  content: "\e018";
}
.icon-graduation:before {
  content: "\e019";
}
.icon-ghost:before {
  content: "\e01a";
}
.icon-game-controller:before {
  content: "\e01b";
}
.icon-fire:before {
  content: "\e01c";
}
.icon-eyeglass:before {
  content: "\e01d";
}
.icon-envelope-open:before {
  content: "\e01e";
}
.icon-envelope-letter:before {
  content: "\e01f";
}
.icon-bell:before {
  content: "\e027";
}
.icon-badge:before {
  content: "\e028";
}
.icon-anchor:before {
  content: "\e029";
}
.icon-wallet:before {
  content: "\e02a";
}
.icon-vector:before {
  content: "\e02b";
}
.icon-speech:before {
  content: "\e02c";
}
.icon-puzzle:before {
  content: "\e02d";
}
.icon-printer:before {
  content: "\e02e";
}
.icon-present:before {
  content: "\e02f";
}
.icon-playlist:before {
  content: "\e030";
}
.icon-pin:before {
  content: "\e031";
}
.icon-picture:before {
  content: "\e032";
}
.icon-handbag:before {
  content: "\e035";
}
.icon-globe-alt:before {
  content: "\e036";
}
.icon-globe:before {
  content: "\e037";
}
.icon-folder-alt:before {
  content: "\e039";
}
.icon-folder:before {
  content: "\e089";
}
.icon-film:before {
  content: "\e03a";
}
.icon-feed:before {
  content: "\e03b";
}
.icon-drop:before {
  content: "\e03e";
}
.icon-drawer:before {
  content: "\e03f";
}
.icon-docs:before {
  content: "\e040";
}
.icon-doc:before {
  content: "\e085";
}
.icon-diamond:before {
  content: "\e043";
}
.icon-cup:before {
  content: "\e044";
}
.icon-calculator:before {
  content: "\e049";
}
.icon-bubbles:before {
  content: "\e04a";
}
.icon-briefcase:before {
  content: "\e04b";
}
.icon-book-open:before {
  content: "\e04c";
}
.icon-basket-loaded:before {
  content: "\e04d";
}
.icon-basket:before {
  content: "\e04e";
}
.icon-bag:before {
  content: "\e04f";
}
.icon-action-undo:before {
  content: "\e050";
}
.icon-action-redo:before {
  content: "\e051";
}
.icon-wrench:before {
  content: "\e052";
}
.icon-umbrella:before {
  content: "\e053";
}
.icon-trash:before {
  content: "\e054";
}
.icon-tag:before {
  content: "\e055";
}
.icon-support:before {
  content: "\e056";
}
.icon-frame:before {
  content: "\e038";
}
.icon-size-fullscreen:before {
  content: "\e057";
}
.icon-size-actual:before {
  content: "\e058";
}
.icon-shuffle:before {
  content: "\e059";
}
.icon-share-alt:before {
  content: "\e05a";
}
.icon-share:before {
  content: "\e05b";
}
.icon-rocket:before {
  content: "\e05c";
}
.icon-question:before {
  content: "\e05d";
}
.icon-pie-chart:before {
  content: "\e05e";
}
.icon-pencil:before {
  content: "\e05f";
}
.icon-note:before {
  content: "\e060";
}
.icon-loop:before {
  content: "\e064";
}
.icon-home:before {
  content: "\e069";
}
.icon-grid:before {
  content: "\e06a";
}
.icon-graph:before {
  content: "\e06b";
}
.icon-microphone:before {
  content: "\e063";
}
.icon-music-tone-alt:before {
  content: "\e061";
}
.icon-music-tone:before {
  content: "\e062";
}
.icon-earphones-alt:before {
  content: "\e03c";
}
.icon-earphones:before {
  content: "\e03d";
}
.icon-equalizer:before {
  content: "\e06c";
}
.icon-like:before {
  content: "\e068";
}
.icon-dislike:before {
  content: "\e06d";
}
.icon-control-start:before {
  content: "\e06f";
}
.icon-control-rewind:before {
  content: "\e070";
}
.icon-control-play:before {
  content: "\e071";
}
.icon-control-pause:before {
  content: "\e072";
}
.icon-control-forward:before {
  content: "\e073";
}
.icon-control-end:before {
  content: "\e074";
}
.icon-volume-1:before {
  content: "\e09f";
}
.icon-volume-2:before {
  content: "\e0a0";
}
.icon-volume-off:before {
  content: "\e0a1";
}
.icon-calendar:before {
  content: "\e075";
}
.icon-bulb:before {
  content: "\e076";
}
.icon-chart:before {
  content: "\e077";
}
.icon-ban:before {
  content: "\e07c";
}
.icon-bubble:before {
  content: "\e07d";
}
.icon-camrecorder:before {
  content: "\e07e";
}
.icon-camera:before {
  content: "\e07f";
}
.icon-cloud-download:before {
  content: "\e083";
}
.icon-cloud-upload:before {
  content: "\e084";
}
.icon-envelope:before {
  content: "\e086";
}
.icon-eye:before {
  content: "\e087";
}
.icon-flag:before {
  content: "\e088";
}
.icon-heart:before {
  content: "\e08a";
}
.icon-info:before {
  content: "\e08b";
}
.icon-key:before {
  content: "\e08c";
}
.icon-link:before {
  content: "\e08d";
}
.icon-lock:before {
  content: "\e08e";
}
.icon-lock-open:before {
  content: "\e08f";
}
.icon-magnifier:before {
  content: "\e090";
}
.icon-magnifier-add:before {
  content: "\e091";
}
.icon-magnifier-remove:before {
  content: "\e092";
}
.icon-paper-clip:before {
  content: "\e093";
}
.icon-paper-plane:before {
  content: "\e094";
}
.icon-power:before {
  content: "\e097";
}
.icon-refresh:before {
  content: "\e098";
}
.icon-reload:before {
  content: "\e099";
}
.icon-settings:before {
  content: "\e09a";
}
.icon-star:before {
  content: "\e09b";
}
.icon-symbol-female:before {
  content: "\e09c";
}
.icon-symbol-male:before {
  content: "\e09d";
}
.icon-target:before {
  content: "\e09e";
}
.icon-credit-card:before {
  content: "\e025";
}
.icon-paypal:before {
  content: "\e608";
}
.icon-social-tumblr:before {
  content: "\e00a";
}
.icon-social-twitter:before {
  content: "\e009";
}
.icon-social-facebook:before {
  content: "\e00b";
}
.icon-social-instagram:before {
  content: "\e609";
}
.icon-social-linkedin:before {
  content: "\e60a";
}
.icon-social-pinterest:before {
  content: "\e60b";
}
.icon-social-github:before {
  content: "\e60c";
}
.icon-social-google:before {
  content: "\e60d";
}
.icon-social-reddit:before {
  content: "\e60e";
}
.icon-social-skype:before {
  content: "\e60f";
}
.icon-social-dribbble:before {
  content: "\e00d";
}
.icon-social-behance:before {
  content: "\e610";
}
.icon-social-foursqare:before {
  content: "\e611";
}
.icon-social-soundcloud:before {
  content: "\e612";
}
.icon-social-spotify:before {
  content: "\e613";
}
.icon-social-stumbleupon:before {
  content: "\e614";
}
.icon-social-youtube:before {
  content: "\e008";
}
.icon-social-dropbox:before {
  content: "\e00c";
}


@font-face {
	font-family: 'et-line';
	src:url('fonts/et-line.eot');
	src:url('fonts/et-line.eot?#iefix') format('embedded-opentype'),
		url('fonts/et-line.woff') format('woff'),
		url('fonts/et-line.ttf') format('truetype'),
		url('fonts/et-line.svg#et-line') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'et-line';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.iconet-mobile, .iconet-laptop, .iconet-desktop, .iconet-tablet, .iconet-phone, .iconet-document, .iconet-documents, .iconet-search, .iconet-clipboard, .iconet-newspaper, .iconet-notebook, .iconet-book-open, .iconet-browser, .iconet-calendar, .iconet-presentation, .iconet-picture, .iconet-pictures, .iconet-video, .iconet-camera, .iconet-printer, .iconet-toolbox, .iconet-briefcase, .iconet-wallet, .iconet-gift, .iconet-bargraph, .iconet-grid, .iconet-expand, .iconet-focus, .iconet-edit, .iconet-adjustments, .iconet-ribbon, .iconet-hourglass, .iconet-lock, .iconet-megaphone, .iconet-shield, .iconet-trophy, .iconet-flag, .iconet-map, .iconet-puzzle, .iconet-basket, .iconet-envelope, .iconet-streetsign, .iconet-telescope, .iconet-gears, .iconet-key, .iconet-paperclip, .iconet-attachment, .iconet-pricetags, .iconet-lightbulb, .iconet-layers, .iconet-pencil, .iconet-tools, .iconet-tools-2, .iconet-scissors, .iconet-paintbrush, .iconet-magnifying-glass, .iconet-circle-compass, .iconet-linegraph, .iconet-mic, .iconet-strategy, .iconet-beaker, .iconet-caution, .iconet-recycle, .iconet-anchor, .iconet-profile-male, .iconet-profile-female, .iconet-bike, .iconet-wine, .iconet-hotairballoon, .iconet-globe, .iconet-genius, .iconet-map-pin, .iconet-dial, .iconet-chat, .iconet-heart, .iconet-cloud, .iconet-upload, .iconet-download, .iconet-target, .iconet-hazardous, .iconet-piechart, .iconet-speedometer, .iconet-global, .iconet-compass, .iconet-lifesaver, .iconet-clock, .iconet-aperture, .iconet-quote, .iconet-scope, .iconet-alarmclock, .iconet-refresh, .iconet-happy, .iconet-sad, .iconet-facebook, .iconet-twitter, .iconet-googleplus, .iconet-rss, .iconet-tumblr, .iconet-linkedin, .iconet-dribbble {
	font-family: 'et-line';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}
.iconet-mobile:before {
	content: "\e000";
}
.iconet-laptop:before {
	content: "\e001";
}
.iconet-desktop:before {
	content: "\e002";
}
.iconet-tablet:before {
	content: "\e003";
}
.iconet-phone:before {
	content: "\e004";
}
.iconet-document:before {
	content: "\e005";
}
.iconet-documents:before {
	content: "\e006";
}
.iconet-search:before {
	content: "\e007";
}
.iconet-clipboard:before {
	content: "\e008";
}
.iconet-newspaper:before {
	content: "\e009";
}
.iconet-notebook:before {
	content: "\e00a";
}
.iconet-book-open:before {
	content: "\e00b";
}
.iconet-browser:before {
	content: "\e00c";
}
.iconet-calendar:before {
	content: "\e00d";
}
.iconet-presentation:before {
	content: "\e00e";
}
.iconet-picture:before {
	content: "\e00f";
}
.iconet-pictures:before {
	content: "\e010";
}
.iconet-video:before {
	content: "\e011";
}
.iconet-camera:before {
	content: "\e012";
}
.iconet-printer:before {
	content: "\e013";
}
.iconet-toolbox:before {
	content: "\e014";
}
.iconet-briefcase:before {
	content: "\e015";
}
.iconet-wallet:before {
	content: "\e016";
}
.iconet-gift:before {
	content: "\e017";
}
.iconet-bargraph:before {
	content: "\e018";
}
.iconet-grid:before {
	content: "\e019";
}
.iconet-expand:before {
	content: "\e01a";
}
.iconet-focus:before {
	content: "\e01b";
}
.iconet-edit:before {
	content: "\e01c";
}
.iconet-adjustments:before {
	content: "\e01d";
}
.iconet-ribbon:before {
	content: "\e01e";
}
.iconet-hourglass:before {
	content: "\e01f";
}
.iconet-lock:before {
	content: "\e020";
}
.iconet-megaphone:before {
	content: "\e021";
}
.iconet-shield:before {
	content: "\e022";
}
.iconet-trophy:before {
	content: "\e023";
}
.iconet-flag:before {
	content: "\e024";
}
.iconet-map:before {
	content: "\e025";
}
.iconet-puzzle:before {
	content: "\e026";
}
.iconet-basket:before {
	content: "\e027";
}
.iconet-envelope:before {
	content: "\e028";
}
.iconet-streetsign:before {
	content: "\e029";
}
.iconet-telescope:before {
	content: "\e02a";
}
.iconet-gears:before {
	content: "\e02b";
}
.iconet-key:before {
	content: "\e02c";
}
.iconet-paperclip:before {
	content: "\e02d";
}
.iconet-attachment:before {
	content: "\e02e";
}
.iconet-pricetags:before {
	content: "\e02f";
}
.iconet-lightbulb:before {
	content: "\e030";
}
.iconet-layers:before {
	content: "\e031";
}
.iconet-pencil:before {
	content: "\e032";
}
.iconet-tools:before {
	content: "\e033";
}
.iconet-tools-2:before {
	content: "\e034";
}
.iconet-scissors:before {
	content: "\e035";
}
.iconet-paintbrush:before {
	content: "\e036";
}
.iconet-magnifying-glass:before {
	content: "\e037";
}
.iconet-circle-compass:before {
	content: "\e038";
}
.iconet-linegraph:before {
	content: "\e039";
}
.iconet-mic:before {
	content: "\e03a";
}
.iconet-strategy:before {
	content: "\e03b";
}
.iconet-beaker:before {
	content: "\e03c";
}
.iconet-caution:before {
	content: "\e03d";
}
.iconet-recycle:before {
	content: "\e03e";
}
.iconet-anchor:before {
	content: "\e03f";
}
.iconet-profile-male:before {
	content: "\e040";
}
.iconet-profile-female:before {
	content: "\e041";
}
.iconet-bike:before {
	content: "\e042";
}
.iconet-wine:before {
	content: "\e043";
}
.iconet-hotairballoon:before {
	content: "\e044";
}
.iconet-globe:before {
	content: "\e045";
}
.iconet-genius:before {
	content: "\e046";
}
.iconet-map-pin:before {
	content: "\e047";
}
.iconet-dial:before {
	content: "\e048";
}
.iconet-chat:before {
	content: "\e049";
}
.iconet-heart:before {
	content: "\e04a";
}
.iconet-cloud:before {
	content: "\e04b";
}
.iconet-upload:before {
	content: "\e04c";
}
.iconet-download:before {
	content: "\e04d";
}
.iconet-target:before {
	content: "\e04e";
}
.iconet-hazardous:before {
	content: "\e04f";
}
.iconet-piechart:before {
	content: "\e050";
}
.iconet-speedometer:before {
	content: "\e051";
}
.iconet-global:before {
	content: "\e052";
}
.iconet-compass:before {
	content: "\e053";
}
.iconet-lifesaver:before {
	content: "\e054";
}
.iconet-clock:before {
	content: "\e055";
}
.iconet-aperture:before {
	content: "\e056";
}
.iconet-quote:before {
	content: "\e057";
}
.iconet-scope:before {
	content: "\e058";
}
.iconet-alarmclock:before {
	content: "\e059";
}
.iconet-refresh:before {
	content: "\e05a";
}
.iconet-happy:before {
	content: "\e05b";
}
.iconet-sad:before {
	content: "\e05c";
}
.iconet-facebook:before {
	content: "\e05d";
}
.iconet-twitter:before {
	content: "\e05e";
}
.iconet-googleplus:before {
	content: "\e05f";
}
.iconet-rss:before {
	content: "\e060";
}
.iconet-tumblr:before {
	content: "\e061";
}
.iconet-linkedin:before {
	content: "\e062";
}
.iconet-dribbble:before {
	content: "\e063";
}

/* JOOMLA 4 OPTIMIZATION */

#sp-header.demo2-header #sp-menu .sp-contact-info > li > i {
	font-weight: 600;
}

.demo3-projects {margin: 0 !important;}

.sppb-btn {border: none;}