@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;

}



#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("/construct/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: FontAwesome;

	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: normal;

	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: FontAwesome;

	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: normal;

	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: FontAwesome;

	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: normal;

	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: FontAwesome;

	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: normal;

	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: FontAwesome;

	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: normal;

	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: FontAwesome;

	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: normal;

	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: FontAwesome;

	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: normal;

	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";

}