@import 'fonts.css';
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');

/*******************************************************
********************* 1.RESET
*******************************************************/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, video, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*******************************************************
********************* 2.GENERAL SETTINGS 
*******************************************************/
html{
	height: 100%;
	width: 100%;
}
body{
	background: #ffffff;
	color: #888;
	font-size: 14px;
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
}
a{
	color: #333333;
	text-decoration: none;
	-webkit-transition: color 0.4s, background 0.4s;
    -moz-transition:    color 0.4s, background 0.4s;
    -o-transition:      color 0.4s, background 0.4s;
    transition:         color 0.4s, background 0.4s;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
}
a,p{
	font-size: 1.02em;
}
h1, h2, h3, h4, h5{
	line-height: 140%;
	color: #444444;
	font-weight: 400;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
}
h1{
	font-size:2.2em;
	margin: 0 0 30px;
	margin-bottom:20px;
}
h2{
	font-size:1.9em;
	margin-bottom:20px;
}
h3{
	font-size:1.5em;
	margin-bottom:10px;
}
h4{
	font-size:1.2em;
	margin-bottom:10px;
}
h5{
	font-size:1em;
	margin-bottom:10px;
}
p{
	line-height: 170%;
	margin: 0px 0px 20px;
}
img{
	display: block;
}

/* inputs*/
textarea, input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"]{
	background-color: #ffffff;
	border: 1px solid #e7e7e7;
	color: #666666;
	font-size: 1em;
	text-indent: 10px;
	outline: none;
	width: 100%;
}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"]{
	height: 40px;
}
textarea{
	resize: none;
	overflow: auto;
	margin-bottom: 10px;
	padding: 10px 0;
}
select{
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #888;
	height: 40px;
	width: 100%;
	padding: 8px 10px;
	outline: none;
}
select:hover,
select:active,
select:focus
{
	color: #222;
	border-color: #222;
}

/* Menu and Logo Row */

#sp-header {
	height: 70px !important;
}

#sp-header.header-invisible.menu-fixed-out {
    background: transparent none repeat scroll 0 0 !important;
    position: absolute;
	top:0;
	left:0;
	right:0;
    width: 100%;
    z-index: 3000;
	border-bottom:0px solid transparent!important;
	border: medium none;
    border-radius: 0;
    margin-bottom: 0;
    transition: all 0.3s ease;
	min-height: 50px; 
	box-shadow: none !important;
}

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

.header-invisible .sp-megamenu-parent > ul  {
	display: block;
    float: right;
    position: relative;

}
#sp-menu {padding: 0}
#sp-menu ul.sp-megamenu-parent {
	float: none;
	text-align: right;
}
.header-invisible .sp-megamenu-parent > li  {
	display: inline-block;
    position: relative;
 }
 
.header-invisible .sp-megamenu-parent > li > a {
	color: #ffffff;
	font-size: 1.12em;
    font-weight: 500;
    height: 70px;
    letter-spacing: 1.5px;
    line-height: 70px;
    text-transform: uppercase;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	padding: 0 10px
 }
 
#offcanvas-toggler {
	line-height: 70px !important;
}
#offcanvas-toggler > i {
	color: #ff3878!important;
}
@media only screen and (min-width:992px){
#offcanvas-toggler  {
	display:none;
}
}
@media only screen and (max-width:992px){
	#sp-menu {
		padding-right: 15px;
	}
}
#sp-header.header-invisible.menu-fixed-out .logo {
    display: block;
    float: left;
    height: 70px;
    margin: 0 0 0 15px;
    text-indent: -9999px;
    width: 94px;
	transition: color 0.4s ease 0s, background 0.4s ease 0s;
}
#sp-header.header-invisible.menu-fixed-out .logo a {
	transition: color 0.4s ease 0s, background 0.4s ease 0s;
}
#sp-header.header-invisible.menu-fixed .logo img {
    display: none;
	transition: color 0.4s ease 0s, background 0.4s ease 0s;
}
#sp-header.header-invisible.menu-fixed .logo a {
	background-image: url("/images/logo.png");
    width: 94px;
    height: 70px;
    margin: 0 0 0 15px;
    display: block;
    float: left;
	transition: color 0.4s ease 0s, background 0.4s ease 0s;
}
@media (max-width: 770px) {
#sp-header.header-invisible.menu-fixed .logo a {
	background: none !important;
}
}

#sp-header.header-invisible.menu-fixed .logo {
	transition: color 0.4s ease 0s, background 0.4s ease 0s;
}

#sp-header.header-invisible.menu-fixed {
	background: #fff;
	box-shadow: 0 0 20px 1px rgba(0,0,0,.1);
	position: fixed;
	width: 100%;
	height: 70px;
	top:  0;
	left: 0;
	z-index: 3000;
	-webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
#sp-header.header-invisible.menu-fixed .sp-megamenu-parent > li > a,
.menu-fixed #sp-search i  {
	color: #444444;
	-webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
#sp-header.header-invisible.menu-fixed .sp-megamenu-parent > li.active> a {
	color: #ff3878;
}
#sp-header.header-invisible.menu-fixed .sp-megamenu-parent > li > a:hover,
.header-invisible.menu-fixed #sp-search i:hover {
	color: #999999;
}
#sp-search {
	line-height: 70px;
}
#sp-search #search input[type="search"] {
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	color: #ff3878;
	font-size: 2.2em;
    font-weight: 400;
	background-color: #ffffff;
    border: 1px solid #e7e7e7;
}
#sp-search #search span.close,
#sp-search #search span.close:before {
	color: #ff3878;
	text-shadow: none;
}
#sp-search input:focus {
	box-shadow: none;
}
.menu-fixed-out #sp-search i,
.menu-fixed-out #sp-search i:hover,
#sp-search i ,
.border-menu #sp-search i,
.border-menu #sp-search  i:hover{
	color: #fff;
	-webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
	float: none !important;
	line-height: inherit !important;
}
@media only screen and (max-width:776px) {
	#sp-search {
		display: none;
	}
}

@media only screen and (max-width:550px){
#offcanvas-toggler {
	font-size: 15px !important;
	line-height: 50px !important;
}
#sp-logo a img {
    width: 70px !important;
}
#sp-header {
	height: 50px !important;
}
}

/* Submenu */
#sp-header  .sp-dropdown-main .sp-dropdown-inner {
	background: #fff none repeat scroll 0 0;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
    transition: top 0.5s ease 0s;
    width: 200px;
	padding: 0;
}
#sp-header  .sp-dropdown-main .sp-dropdown-inner ul {text-align: left;}
#sp-header  .sp-dropdown-main .sp-dropdown-inner ul > li > a {
	color: #666;
    display: block;
    line-height: 100%;
    padding: 14px 0 14px 12px;
    width: 100%;
	font-size: 1.02em;
	text-decoration: none;
    transition: color 0.4s ease 0s, background 0.4s ease 0s;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	font-weight: 400;
	background: #fff none repeat scroll 0 0;
}
#sp-header  .sp-dropdown-main .sp-dropdown-inner ul > li > a:hover {
	background: #f5f5f5;
	color: #444;
}

#sp-header .portfolio-menu .sp-dropdown-main  .sp-dropdown-inner {
    width: 1110px;
	box-shadow: none;
}

#sp-header .portfolio-menu .sp-dropdown-main  .sp-dropdown-inner .row .col-sm-2{
	width: 20%;
	border-left: 1px solid #eee;
	padding: 0;
}
#sp-header .portfolio-menu .sp-dropdown-main  .sp-dropdown-inner .row .col-sm-2:last-child{ 
	display: none !important;
}
#sp-header .portfolio-menu .sp-dropdown-main  .sp-dropdown-inner .row .col-sm-2 ul  { padding: 0 0 10px 0px; background: #fff;}
#sp-header .portfolio-menu .sp-dropdown-main  .sp-dropdown-inner .row .col-sm-2 ul > li {padding: 0 5px;}
#sp-header .portfolio-menu .sp-dropdown-main  .sp-dropdown-inner .row .col-sm-2 ul > li > a.sp-group-title {
	color: #444;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
	line-height: 140%;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	pointer-events: none;
	cursor: default;

}
#sp-header .portfolio-menu .sp-dropdown-main  .sp-dropdown-inner ul > li.sp-menu-item > ul.sp-dropdown-items {
	padding: 0 10px 10px 10px;
}
#sp-header .portfolio-menu .sp-dropdown-main  .sp-dropdown-inner ul > li.sp-menu-item > ul.sp-dropdown-items > li > a {
	color: #666;
    font-size: 1em;
    width: 100%;
	line-height: 1;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	font-weight: 400;
	text-transform: none;
	margin-bottom: 0;
	letter-spacing: normal;
	border:none;
	display:inline-block;
	padding: 10px;
}
#sp-header .elements-menu .sp-dropdown-main  .sp-dropdown-inner {
    width: 1110px;
	box-shadow: none;
}
#sp-header .elements-menu .sp-dropdown-main {
	right: 100%;
}
#sp-header.border-menu .elements-menu .sp-dropdown-main  {
	right: 150%;
}
#sp-header .elements-menu .sp-dropdown-main  .sp-dropdown-inner .col-sm-3 {
	padding:0;
	border-left: 1px solid #eee;
}
#sp-header .elements-menu .sp-dropdown-main  .sp-dropdown-inner .row .col-sm-3 ul > li > a.sp-group-title {
	pointer-events: none;
	cursor: default;
}
#sp-header .elements-menu .sp-dropdown-main  .sp-dropdown-inner ul {padding: 0 0 10px 0; background: #fff;}
#sp-header .elements-menu .sp-dropdown-main  .sp-dropdown-inner ul > li {padding: 0 10px;}
#sp-header .elements-menu .sp-dropdown-main  .sp-dropdown-inner ul > li > a{
	color: #666;
    font-size: 1em;
    width: 100%;
	padding: 10px;
}
/* End Submenu */
/* End Menu and Logo Styles */

/* DEFAULT PAGE */
/* Row 1 */

.r-heading-text .sppb-addon-title {
	font-size: 8em;
	font-weight: 900 !important;
	color: #ffffff;
	line-height: 100%;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	animation-delay: 0.8s;
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    visibility: visible;
	animation-fill-mode: both;
}
@media (max-width: 500px){
	.r-heading-text .sppb-addon-title {
	color: #ffffff;
	font-weight: 400;
	font-size: 5.2em;
	line-height: 100%;
	margin-bottom: 30px;		
	}
}
@media (max-width: 310px){
	.r-heading-text .sppb-addon-title {
	color: #ffffff;
	font-weight: 400;
	font-size: 3em;
	line-height: 100%;
	margin-bottom: 30px;		
	}
}

.r-heading-text .sppb-addon-content {
    color: #ffffff;
    display: block;
    font-size: 2em;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 40px;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	animation-delay: 1s;
    animation-duration: 0.8s;
    animation-name: fadeInUp;
    visibility: visible;
	animation-fill-mode: both;
}

.r-heading-button a {
	border-radius: 30px;
	font-size: 1.2em;
    padding: 18px 25px;
	background-color: #ff3878;
	border: 2px solid transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
	line-height: 1;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	animation-delay: 0.8s;
    animation-duration: 1.2s;
    animation-name: fadeInUp;
    visibility: visible;
	animation-fill-mode: both;
}
.r-heading-button a:hover {
	color: #fff;
	background-color: #222;
}
.scroll-icon i {
	animation: 1s ease-in-out 0s normal none infinite running scroll-icon;
    border: 1px solid #ffffff;
    border-radius: 10px;
	position: relative;
	bottom: -100px;
    color: #ffffff;
    display: block;
    height: 35px;
    line-height: 35px;
    margin-left: -12px;
    text-align: center;
    text-transform: uppercase;
    width: 20px;
}
@-webkit-keyframes scroll-icon {
    0%{bottom: -100px;}
    50%{bottom: -80px;}
    100%{bottom: -100px;}
}
@-moz-keyframes scroll-icon {
    0%{bottom: -100px;}
    50%{bottom: -80px;}
    100%{bottom: -100px;}
}

/* End Row 1 */

/* Row 2 */
.r-gallery {
    float: left;
    height: auto;
    margin-bottom: 30px;
    position: relative;
    width: 100%
}
.r-gallery img {
	margin: 0;
	animation-delay: 0.8s;
    animation-duration: 0.8s;
    animation-name: fadeInUp;
    visibility: visible;
	animation-fill-mode: both;
}

.r-gallery .r-image{
	left: 0;
    position: absolute;
    top: 0;

}
.r-gallery .r-image img {
	animation-delay: 1s;
    animation-duration: 1.2s;
    animation-name: fadeIn;
    visibility: visible;
	animation-fill-mode: both;	
}
.r-textblock1 {
	padding: 0 15px;
	margin-left: 15%;
	animation-delay: 0.8s;
    animation-duration: 1.2s;
    animation-name: fadeInRight;
    visibility: visible;
	animation-fill-mode: both;
}
.r-textblock1 .sppb-addon-title {
    font-size: 2.2em;
    margin: 0 0 20px;
    color: #444444;
    font-weight: 400;
    line-height: 140%;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	text-transform: uppercase;
}

.r-textblock1 .sppb-addon-content {
	font-size: 1.4em;
	line-height: 170%;
    margin: 0 0 20px;
	color: #888;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	font-weight: 400;
}
.left-margin {
	margin-left: 18%;
	animation-delay: 0.8s;
    animation-duration: 1.2s;
    animation-name: fadeInRight;
    visibility: visible;
	animation-fill-mode: both;
}
@media (max-width: 995px) {
	.r-textblock1, .left-margin {
		margin-left: 0;
	}
	.left-margin  {
		text-align: center;
	}
}
/* End Row 2 */

/* Row 3 */

.r-animated-icon i {
    font-size: 3em;
    margin-bottom: 20px;
	color: #222;
}
	
.r-animated-number .sppb-animated-number {
    display: block;
    font-size: 3em;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
	color: #ff3878;
}
.r-animated-number .sppb-animated-number-title {
	font-size: 1.3em;
    font-weight: 400;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	color: #222;
}
@media (max-width: 995px) {
	.r-animated-number .sppb-animated-number-title {
	margin-bottom: 50px;
	}
	.r-animated-number .sppb-animated-number {
		margin-bottom: 10px;
	}
}
/* End Row 3 */


/* Row 4 */

.r-row-heading .sppb-addon-title {
	font-size: 2.8em;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 100%;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	color: #444444;
}

.r-row-heading .sppb-addon-content {
	font-size: 1.5em;
	color: #aaa;
    display: block;
    font-weight: 300;
    line-height: 160%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 80%;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
}
.r-features1 {
	margin-bottom: 20px;
	margin-top: 20px;
}
.r-features1 i{
	background-color: #ff3878;
	border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 2.2em;
    height: 80px;
    line-height: 80px;
    margin-bottom: 30px;
    text-align: center;
    width: 80px;
}

.r-features1 .sppb-addon-title {
	font-size: 1.4em;
    font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #444444;
	line-height: 140%;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma"
}

.r-features1 .sppb-addon-text {
	margin: 0;
	line-height: 170%;
	font-size: 1.02em;
	color: #888;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	font-weight: normal;
}
/* End Row 4 */

/* Row 5 */
.r-textblock2 {padding-left: 15px;}
.r-textblock2 .sppb-addon-title {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1.9em;
    margin-bottom: 20px;
	font-weight: 400;
    line-height: 140%;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
}
.r-textblock2 .sppb-addon-content {
	line-height: 170%;
    margin: 0 0 20px;
	font-size: 1.02em;
	color: #ffffff;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	font-weight: 400;
}
.ads-button1 {padding-left: 15px;}
.ads-button1 a {
	background: #222 none repeat scroll 0 0;
	border-radius: 30px;
	font-size: 0.96em;
    padding: 12px 16px;
	border: 2px solid transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	line-height: inherit;
	font-family: inherit;
	margin: 0;
}
.ads-button1 a:hover {
	background-color: #ff3878;
    color: #fff;	
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.ads-img .sppb-addon-single-image-container {
	float: left;
    height: auto;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
	top: -180px;
}
.ads-img .sppb-addon-single-image-container img {
	left: 0;
    position: absolute;
    top: 0;
	height: auto;
    width: 100%;
	display: block;
}
@media (max-width: 995px) {
	.ads-img {
		display:none;
	}
}
/* End Row 5 */

/* Row 6 */

.default-portfolio .sp-simpleportfolio-btns {
	display:none;
}
.default-portfolio .sp-simpleportfolio-title {
	color: #ffffff;
    font-size: 1.2em;
    font-weight: 500;
    letter-spacing: 2px;
    margin-top: 44%;
    text-transform: uppercase;
	line-height: 140%;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
}
.default-portfolio .sp-simpleportfolio-tags {
	color: #ffffff;
    font-style: italic;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	line-height: 1;
	margin-top: 10px;
}

.default-portfolio .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
	margin: 20px !important;
	background-color: #ff3878;
}
/*  End Row 6 */

/* Row 7 */

.quote-icon i {
	border: 2px solid #fff;
    color: #fff;
    border-radius: 100%;
    font-size: 2.4em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 55px;
    line-height: 55px;
    margin: 0 auto 40px;
    text-align: center;
    text-transform: none;
    width: 55px;
}
.quote-carousel {
	text-align: center;
	padding-left: 8%;
	padding-right: 8%;
}
.quote-carousel > .sppb-carousel-inner > .sppb-item{
	padding-top: 0px !important;
}
.quote-carousel .sppb-carousel-indicators li {
	height: 14px;
	width: 14px;
	border: 2px solid #ffffff;
}
.quote-carousel .sppb-col-sm-6:nth-child(1) {
	width: 100% !important;
}
.quote-carousel .sppb-col-sm-6:nth-child(2){
	display: none !important;
}

.quote-carousel .sppb-carousel-pro-text p{
	color: #ffffff;
	font-size: 1.6em;
    font-weight: 400;
    margin-bottom: 40px;
	line-height: 170%;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
}
.quote-carousel .sppb-carousel-pro-text h2 {
	color: #ffffff;
	font-size: 1.4em;
    font-weight: 500;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
}
/* End Row 7 */

/* Row 8 */

.r-person {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}

.r-person .sppb-person-image-social {
	position: relative;
	margin-bottom: 20px;
}

.r-person .sppb-person-social-icons {
	background: rgba(0,0,0,.5);
	color: #ffffff;
	width:  100%;
	height: 100%;
	position: absolute;
	top:  0;
	left: 0;
	opacity: 0;
	text-align: center;
	-webkit-transition: opacity 0.4s;
    -moz-transition:    opacity 0.4s;
    -o-transition:      opacity 0.4s;
    transition:         opacity 0.4s;
	margin-top: 0 !important;
}
.r-person .sppb-person-social-icons:hover {
	opacity: 1;	
}

.r-person .sppb-person-information span.sppb-person-name {
	color: #333333;
	width: 100%;
	font-size: 1.6em;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 140%;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
}
.r-person .sppb-person-information span.sppb-person-designation {
	width: 100%;
	display: block;
	font-size: 1.1em;
	margin-bottom: 15px;
	font-style: italic;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	color: #888;
	font-weight: 400;
}
.r-person .sppb-person-introtext {
	line-height: 170%;
    margin: 0 0 20px;
	font-size: 1.02em;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	font-weight: 400;
}
.r-person .sppb-person-image img {
	width:  100%;
	height: auto;
	margin: 0;
	position: relative;	
}
.r-person .sppb-person-social {
	width: 100%;
	position: relative;
	top: 10%;
	margin-top: -15px;
	-webkit-transition: all 0.4s;
    -moz-transition:    all 0.4s;
    -o-transition:      all 0.4s;
    transition:         all 0.4s;	
	margin-right: 0 !important;
	padding-left: 15px;
}

.r-person .sppb-person-social-icons:hover .sppb-person-social {
	top: 50%;
}
.r-person .sppb-person-social li {
	margin: 0 2px;
}
.r-person .sppb-person-social li a i {
	background: rgba(255,255,255,.4);
	color: #ffffff;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	-webkit-transition: all 0.4s;
    -moz-transition:    all 0.4s;
    -o-transition:      all 0.4s;
    transition:         all 0.4s;	
}
.r-person .sppb-person-social li a i:hover {
	color: #ffffff;
	background: #ff3878;
	-webkit-transition: all 0.4s;
    -moz-transition:    all 0.4s;
    -o-transition:      all 0.4s;
    transition:         all 0.4s;	
}

/* End Row 8 */

/* Row 9 */

.parallax-textblock {
	display: table-cell;
    height: 100%;
    padding-left: 15%;
    padding-right: 15%;
    vertical-align: middle;
}

.parallax-textblock .sppb-addon-title {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 2.2em;
    margin: 0 0 20px;
	font-weight: 400;
    line-height: 140%;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	margin-bottom: 40px;
	animation-delay: 0.7s;
    animation-name: fadeInUp;
    visibility: visible;
	animation-duration: 1s;
    animation-fill-mode: both;
}

.parallax-textblock .sppb-addon-content {
	color: #ffffff;
	line-height: 170%;
    margin: 0 0 20px;
	font-size: 1.02em;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	font-weight: 400;
	margin-bottom: 40px;
	text-indent: 20px;
	animation-delay: 0.9s;
    animation-name: fadeInUp;
    visibility: visible;
	animation-duration: 1s;
    animation-fill-mode: both;
}

.white {
    padding-left: 15%;
    padding-right: 15%;
	animation-delay: 1.1s;
    animation-name: fadeInUp;
    visibility: visible;
	animation-duration: 1s;
    animation-fill-mode: both;
}
.white a {
	background: #fff none repeat scroll 0 0;
    color: #444444;
}
.white a:hover {
	background: #fff none repeat scroll 0 0;
	color: #ff3878;
}
/* End Row 9 */

/* Row 10 */

.r-default-blog {
	margin-left: 16.6667%;
	width: 66.6667%;
	padding-left: 15px;
    padding-right: 15px;
}
.r-default-blog .sppb-addon-article {
	border-bottom: 1px solid #ddd;
    padding: 20px 0 10px 0;
    width: 100%;
	margin-bottom: 0px !important;
}
.r-default-blog .sppb-addon-article p {
	color: #222;
    font-size: 1.4em;
    font-weight: 800;
    height: 100%;
    text-align: center;
    transition: color 0.7s ease 0s;
    width: 50px;
    z-index: 100;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	line-height: 1;
	float: left;
	margin: 10px 0 0 40px !important;
	text-transform: uppercase;
}

.r-default-blog .sppb-addon-article p:first-line {
    font-size: 1.8em;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
}

.r-default-blog .sppb-addon-article h3  {
    line-height: 80px;
    margin: 0;
    text-transform: uppercase;
    transition: color 0.7s ease 0s;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	font-size: 1.9em;
	color: #444444;
    font-weight: 400;
	padding-left: 20px;
	overflow: hidden;
}
.r-default-blog .sppb-addon-article a:hover h3,
.r-default-blog .sppb-addon-article a:hover p
{
	color: #ff3878;
    transition: color 0.7s ease 0s;
}

.blog-button a {
	background: transparent none repeat scroll 0 0;
    border-color: #222 !important;
    color: #222 !important;
	-webkit-margin-before: 30px !important;
}
.blog-button a:hover {
	color: #fff !important;
}

@media (max-width:1200px) {
	.r-default-blog {
	margin-left: 0;
	width: 100%;
	padding-left: 15px;
    padding-right: 15px;
}
}
@media (max-width:690px) {
	.r-default-blog {
	margin-left: 0;
	width: 100%;
	padding-left: 0px;
    padding-right: 0px;
}
.r-default-blog .sppb-addon-article p {
	margin-left: 0 !important;
	margin-top: 0 !important;
}
.r-default-blog .sppb-addon-article h3 {
	line-height: 50px;
}
}


/* End Row 10 */

/* Row 11 */

.contact-text .sppb-addon-content {
	line-height: 170%;
    margin: 0 0 20px;
	font-size: 1.02em;
	color: #888;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	font-weight: 400;
}

.upper {
    text-transform: uppercase;
	font-size: 1.2em;
    margin-bottom: 10px;
	color: #444444;
    font-weight: 400;
    line-height: 140%;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
}
.m-social-list-icons{
	margin: 10px 0;
}
.m-social-list-icons a.social-icon,
.m-social-list-icons .social-icon a  i {
	background: #333;
	border-radius: 100%;
	display: inline-block;
	color: #fff;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	transition: all 0.4s ease 0s;
}
.m-social-list-icons .social-icon a  i:hover {
	background: #ff3878;
	transition: all 0.4s ease 0s;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.r-default-contact {
	background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding: 20px;
}
.r-default-contact input {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none !important;
    border-color: -moz-use-text-color -moz-use-text-color #ddd;
    border-image: none ;
    border-style: none none solid;
    border-width: medium medium 1px ;
    font-size: 1.3em;
    font-weight: 400;
    height: 50px !important;
    margin-bottom: 10px;
	background-color: #ffffff;
	color: #666666 !important;
	outline: medium none;
    text-indent: 10px;
    width: 100%;
	font-family: inherit;
	line-height: inherit;
	border-top: 0 !important;
	border-radius: 0px !important;
	border-top: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}
.r-default-contact input:focus {
	border-top: none !important;
	box-shadow: none !important;
	border-bottom: 1px solid #ff3878 !important;
}
.r-default-contact textarea.sppb-form-control {
	overflow: auto;
    padding: 10px 0 !important;
    resize: none;
	height: 100px !important;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #ddd;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    font-size: 1.3em;
    font-weight: 400;
	outline: medium none;
    text-indent: 10px !important;
    width: 100%;
	font-family: inherit;
	line-height: inherit;
	border-top: none !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	color: #666666 !important;
	background-color: #ffffff !important;
}
.r-default-contact textarea.sppb-form-control:focus {
	border-top: none !important;
	box-shadow: none !important;
	border-bottom: 1px solid #ff3878 !important;
}
.r-default-contact .sppb-form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
.r-default-contact .sppb-form-control::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
.r-default-contact .sppb-form-control::-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
.r-default-contact .sppb-form-control:-moz-placeholder { /* Firefox 18- */
  color: #999;
}

.r-default-contact button {
	border-radius: 30px;
	font-size: 1.2em;
    padding: 18px 25px;
	background-color: #ff3878;
	border: 2px solid transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	text-align: center;
    width: 100%;
	line-height: inherit;
}
.r-default-contact button:hover {
	color: #fff;
	background-color: #222;
}	
/* End Row 11 */

/* Row 12 */

.rosebuy-btn a {
	padding: 50px 0;
	color: #fff;
    font-size: 2em;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 100%;
    margin: 0;
	text-transform: uppercase;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	text-align: center;
	background: #ff3878;
}
.rosebuy-btn a:hover {
	color: #fff;
	background-color: #222;
}
/* End Row 12 */





/* AGENCY PAGE */

.r-about-features .sppb-icon i{
	color: #ff3878;
	font-size: 2.5em;
	padding-bottom: 10px;
}
.r-about-features .sppb-addon-title {
    color: #ff3878;
	text-transform: uppercase;
	font-size: 1em;
	margin-bottom: 0 !important;
	line-height: 140%;
	font-weight: 400;
    font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	padding-top: 10px;
}


.r-about-features .sppb-addon-content strong {
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 250%;
	color: #444444;
	font-weight: 400;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	padding-bottom: 20px !important;
}

.r-about-features .sppb-addon-content {
	line-height: 170%;
	margin: 0px 0px 20px;
	font-size: 1.02em;
	color: #888;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	font-weight: 400;
}

.white-icon  i, .white-icon .sppb-animated-number, .white-icon .sppb-animated-number-title {color: #fff;}

.skill-text .sppb-addon-title {
	color: #ff3878;
	text-transform: uppercase;
	font-size: 2.2em;
	margin: 0 0 30px;
	margin-bottom: 20px;
	line-height: 140%;
	font-weight: 400;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
}
.skill-text .sppb-addon-content {
	font-size: 1.4em;
	line-height: 170%;
	margin: 0px 0px 40px;
	color: #888;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	font-weight: 400;
}

.r-skillbar {
	background: #ddd;
	margin-bottom: 10px;
}

.r-skillbar .sppb-progress-bar {
	background-color: #ff3878;
	-webkit-transition: width 3s ease-in-out;
	-moz-transition: width 3s ease-in-out;
	-ms-transition: width 3s ease-in-out;
	-o-transition: width 3s ease-in-out;
	transition: width 3s ease-in-out;
}

.sppb-progress-label {
	display: inline-block;
	color: #444444;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 140%;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	float: none !important;
	margin: 0 !important;
	padding-bottom: 10px;
}
.sppb-progress-label span {
	display: inline-block;
	color: #444444;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 1em;
	margin-bottom: 10px;
	line-height: 140%;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	float: none !important;
	padding-left: 5px;
	margin: 0 !important;
}


.feedback_single_client {
	margin:0 25px 15px 5px;
}

.feedback_single_client > p::after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border: 20px solid transparent;
	border-left-color: #f1f1f1;
	position: absolute;
	bottom: -20px;
	left: 40px;
}
.feedback_single_client > p {
	background: #f1f1f1;
	border-radius: 3px;
	margin-bottom: 30px;
	padding: 20px;
	box-sizing: border-box;
	line-height: 170%;
	font-size: 1.02em;
	color: #888;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	font-weight: 400;
	position: relative;
}

.clear_fix::after {
	clear: both;
	content: "";
	display: table;
}
.clear_fix {
	clear: both;
}

.feedback_single_client .author > img {
	width: 70px;
	height: 70px;
	border-radius: 36px;
}
.float_left {
	float: left;
}


.feedback_single_client .author .author_name {
	margin: 15px 0 0 24px;
}

.feedback_single_client .author h6 {
	color: #444444;
	font-size: 1.2em;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';

}

.feedback_single_client .author h6 span {
	color: #888;
	line-height: 1;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	font-size: .85em;
	font-style: normal;
	font-weight: 400;
}

/* END AGENCY PAGE */


/* CORPORATE PAGE */

.corporate-about-text .sppb-addon-title {
	text-transform: uppercase;
	font-size: 1.9em;
	margin-bottom: 20px;
	line-height: 140%;
	color: #444444;
	font-weight: 400;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	
}
.corporate-about-text .sppb-addon-title span {
	color: #ff3878;
}
.corporate-about-text .sppb-addon-content {
	line-height: 170%;
	margin: 0px 0px 20px;
	font-size: 1.02em;
	color: #888;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
}

.r-accordion .sppb-panel-default{
	border: 1px solid transparent !important;
	margin-top: 5px;
}
.r-accordion .sppb-panel {
	background: transparent;
}
.r-accordion .sppb-panel-heading {
	background: #fff;
	border: 1px solid #e4e4e4;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	border-radius: 3px;
	display: block;
	cursor: pointer;
	width: 100%;
	line-height: 100%;
	margin-bottom: 3px;
	padding: 15px 0 15px 15px;
	position: relative;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	margin-top: 0;

}
.r-accordion .sppb-panel-heading .sppb-panel-title {
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: 400;
	color: #aaa;
}
.r-accordion .sppb-panel-heading.active {
	background-color: #ff3878;
	border-color: #ff3878;
}
.r-accordion .sppb-panel-heading.active .sppb-panel-title {
	color: #fff;	
}
.r-accordion .sppb-panel-heading i {
	color: #aaa
}
.r-accordion .sppb-panel-heading.active i {
	color: #fff
}

.r-accordion .sppb-panel-body {
	line-height: 160%;
	padding: 15px;
	margin: 0;
	line-height: 170%;
	font-size: 1.02em;
	color: #888;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	border: none !important
}


.corporate-features .sppb-icon i {
	color: #ff3878;
	font-size: 2.2em;
	float: left;
	margin-right: 5px;
}

.corporate-features .sppb-addon-title {
	font-size: 1.4em;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 140%;
	color: #444444;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
}
.corporate-features .sppb-addon-text {
	margin-bottom: 40px;
	line-height: 170%;
	font-size: 1.02em;
	color: #888;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
}

.corporate-hover .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
	background: rgba(0,0,0,.5);
	color: #ffffff;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1000;
	margin: 0 !important;
}

.corporate-hover .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay:after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
.corporate-hover .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay:before, .corporate-hover .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay:after {
	position: absolute;
	top:    20px;
	right:  20px;
	bottom: 20px;
	left:   20px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;	
}
.corporate-hover .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay:before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.corporate-hover .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper:hover .sp-simpleportfolio-overlay:before,
.corporate-hover .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper:hover .sp-simpleportfolio-overlay:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
}

.corporate-hover .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
  color: #fff;
  text-decoration: none;
  visibility: visible;
  pointer-events: auto !important;
}
.corporate-hover .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
	visibility: visible;
  pointer-events: auto !important;
  cursor: pointer;
}

.portfolio-btn a {
	color: #ff3878;
	background: transparent;
	border-radius: 30px;
	padding: 18px 25px;
	font-size: 1.2em;
	cursor: pointer;
	border: 2px solid #ff3878;
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	line-height: 1;
}
.portfolio-btn a:hover {
	color: #fff;
	background: #ff3878;
}

/* END CORPORATE PAGE */


/* CORPORATE PAGE 2 */


.white-feature-icon .sppb-icon i {
	color: #fff;
	background: #ff3878;
	display: block;
	font-size: 1.8em;
	float: left;
	text-align: center;
	border-radius: 100%;
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 60px;
}

.white-heading .sppb-addon-title,
.white-heading .sppb-addon-content{
	color: #fff;
}

.white-overlay-bg .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
	background: rgba(255,255,255,.9);
	text-align: left;
	margin: 0 !important;
	padding: 40px 0 0 30px;

}

.white-overlay-bg .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.white-overlay-bg .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a { color: #222;}
.white-overlay-bg .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay .sp-simpleportfolio-tags {
	color: #444 !important;
}
.white-overlay-bg .sp-simpleportfolio-item .sp-vertical-middle > div {
	vertical-align: top;
}

.portfolio-white-btn a {
	background: #fff;
	color: #444444;
	border: transparent;
}
.portfolio-white-btn a:hover {
	color: #ff3878;
	background: #fff;
}

/* END CORPORATE PAGE 2 */

/* SlIDER PAGES 1&2 */

.ls-wrapper:hover p.r-slider-button {
	color: #fff !important;
	background-color: #222 !important;
}

/* END SlIDER PAGES 1&2 */

/* BORDER PAGES 1&2&3 */



#sp-header.border-menu {
    background: transparent none repeat scroll 0 0 !important;
    position: absolute;
	top:0;
	left:0;
	right:0;
    width: 100%;
    z-index: 3000;
	border-bottom:0px solid transparent!important;
	border: medium none;
    border-radius: 0;
    margin-bottom: 0;
    transition: all 0.3s ease;
	min-height: 50px; 
	box-shadow: none !important;
	
}

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

.border-menu .sp-megamenu-parent > ul  {
	display: block;
    float: left;
    position: relative;

 }

.border-menu .sp-megamenu-parent > li  {
	display: inline-block;
    position: relative;
 }
 
.border-menu .sp-megamenu-parent > li > a {
	color: #ffffff;
	font-size: 1.12em;
    font-weight: 500;
    height: 70px;
    letter-spacing: 1.5px;
    line-height: 70px;
    text-transform: uppercase;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	padding: 0 10px
 }

#sp-header.border-menu .logo {
    display: block;
    float: left;
    height: 70px;
    margin: 0 0 0 15px;
    text-indent: -9999px;
    width: 94px;
	transition: color 0.4s ease 0s, background 0.4s ease 0s;
}


#sp-header.border-menu .portfolio-menu .sp-dropdown-main {
	right: 100%;
}

/* END BORDER PAGES 1&2&3 */

/* BLOG */
/* BLOG STANDARD*/

#sp-header.blog-menu.menu-fixed-out {
	background: #fff none repeat scroll 0 0 !important;
    width: 100%;
	border-bottom:0px solid transparent!important;
	border: medium none;
    border-radius: 0;
    margin-bottom: 0;
    transition: all 0.3s ease;
	min-height: 50px; 
	box-shadow: none !important;
	height: 70px !important;
}

#sp-header.blog-menu .sp-megamenu-parent > li > a, #sp-search i, .blog-menu.menu-fixed-out #sp-search i {color: #444;}
#sp-header.blog-menu .sp-megamenu-parent > li.active> a {color: #ff3878;}
#sp-header.blog-menu .sp-megamenu-parent > li > a:hover, #sp-search i:hover, .blog-menu.menu-fixed-out #sp-search i:hover{
	color: #999; 	
	-webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
.blog-menu .sp-megamenu-parent > ul  {
	display: block;
    float: left;
    position: relative;
}
.blog-menu .sp-megamenu-parent > li  {
	display: inline-block;
    position: relative;
}
 
.blog-menu .sp-megamenu-parent > li > a {
	color: #ffffff;
	font-size: 1.12em;
    font-weight: 500;
    height: 70px;
    letter-spacing: 1.5px;
    line-height: 70px;
    text-transform: uppercase;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	padding: 0 10px
}
.blog-menu #offcanvas-toggler {
	line-height: 70px; 
}
.blog-menu #offcanvas-toggler > i {
	color: #ff3878!important;
}
#sp-header.blog-menu.menu-fixed-out .logo,
#sp-header.blog-menu.menu-fixed .logo {
    display: block;
    float: left;
    height: 70px;
    margin: 0 0 0 15px;
    text-indent: -9999px;
    width: 94px;
	transition: color 0.4s ease 0s, background 0.4s ease 0s;
}
#sp-header.blog-menu.menu-fixed-out .logo a {
	transition: color 0.4s ease 0s, background 0.4s ease 0s;
}
#sp-header.blog-menu.menu-fixed {
	background: #fff;
	box-shadow: 0 0 20px 1px rgba(0,0,0,.1);
	position: fixed;
	width: 100%;
	height: 70px;
	top:  0;
	left: 0;
	z-index: 3000;
	-webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}

.r-blog-title .sp-page-title {
	padding: 140px 0;
	text-align: center;
	background-repeat: repeat;
	background-position: center center;
	background-size: cover;
}

.r-blog-title .sp-page-title h2 {
	font-size: 3.8em;
	color: #ffffff;
	margin: 0;
	line-height: 100%;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
    font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
}
.r-blog-title .sp-page-title h3 {
	font-size: 1.4em;
	color: #fff;
	display: block;
	margin-top: 15px;
	line-height: 1;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
}

.post-format  {
	float: left;
	background-color: #ff3878;
	border-radius: 100%;
	color: #fff;
	display: block;
	font-size: 2em;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}

.r-blog h2 a {
	margin-bottom: 10px;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	font-size: 1.12em;
	color: #333333;
	font-weight: 400;
	transition: color 0.4s, background 0.4s;
}
.r-blog h2 a:hover,
.createdby span:hover,
.category-name a:hover,
.published time:hover,
.comment a:hover {
	color: #ff3878;
	transition: color 0.4s, background 0.4s;
}

.createdby span,
.category-name a,
.published time,
.comment a
{
	font-size: 1.02em;
	font-weight: 400;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	color: #333333;
	transition: color 0.4s, background 0.4s;
	cursor: pointer;
}
.comment i {
	font-size: 1.2em;
	font-weight: 400;
	color: #666666;
	transition: color 0.4s, background 0.4s;	
}

.entry-header {
	padding-left: 10px;
}


p {
	font-size: 1.2em;
	line-height: 180%;
	margin: 0px 0px 20px;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
}
article {
	border-bottom: 1px solid #eee;
}
article:last-child {
	border-bottom: none;
}
.tags {
	padding-top: 20px;
	margin-top: 30px;
	border-top: 1px solid #eee;
	padding-bottom: 40px;
}
.tags span {
	display: inline-block;
	float: left;
	margin-right: 20px;
	font-size: 1em;
	margin-bottom: 10px;
	line-height: 140%;
	color: #444444;
	font-weight: 400;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	letter-spacing: inherit;
	text-transform: none;
}
.tags a {
	background-color: #ff3878;
	color: #fff;
	display: inline-block;
	font-size: .8em;
	padding: 6px;
	line-height: 1;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	margin-right: -2px;
	z-index: 9;
	position: relative;
}
.tags a:hover {background: #444;}

.carousel-left,
.carousel-right
 {
	background: rgba(0,0,0,.9);
	border-radius: 3px;
	width: 40px;
	height: 40px;
	display: block;
}
.carousel-left:hover,
.carousel-right:hover {
	background: #ff3878;
}

blockquote {
	border-left: 5px solid #ddd;
	font-size: 1.3em;
	font-style: italic;
	padding-left: 50px;
	line-height: 180%;
	margin: 0px 0px 20px;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
}
span.blog-article-link a:hover {
	color: #ff3878;
}
.pagenav {padding-bottom: 25px;}
.pagenav li.next a,
.pagenav li.previous a {
	font-size: 1.2em;
	color: #333333;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	line-height: 1;
	font-weight: 400;
	border: none;
}
.pagenav li.next a span:before{
	content: "\f178";
	font-family: fontAwesome;
}
.pagenav li.previous a span:before {
	content: "\f177";
	font-family: fontAwesome;
}
.pagenav li.next a:hover,
.pagenav li.previous a:hover{
	border:none;
	background: #fff;
	color: #ff3878;
}

.helix-social-share-icon {display: none;}
/* END BLOG STANDARD*/

/* BLOG STANDARD WITH SIDEBAR*/
.rose-sidebar {padding-left: 20px;}
.rose-sidebar .sp-module:nth-child(2) {margin-top: 30px;}
.rose-sidebar .finder input {
	height: 40px !important;
	background-color: #ffffff;
	border: 1px solid #e7e7e7;
	color: #666666;
	font-size: 1em !important;
	text-indent: 10px;
	outline: none;
	width: 100% !important;
	font-family: inherit !important;
	line-height: inherit !important;
	margin: 0;
	border-radius: 0 !important;
	box-shadow: none;
}
.rose-sidebar .finder input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
.rose-sidebar .finder input::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
.rose-sidebar .finder input::-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
.rose-sidebar .finder input:-moz-placeholder { /* Firefox 18- */
  color: #999;
}

.rose-sidebar .sp-module h3.sp-module-title {
	font-size: 1.3em;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	line-height: 140%;
	color: #444444;
	font-weight: 400;
}

.rose-sidebar .sp-module .sp-module-content .latestnews small {
	font-size: .9em;
	font-style: italic;
	color: #666666;
	transition: color 0.4s, background 0.4s;
}

.rose-sidebar .sp-module .sp-module-content .latestnews a {
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	font-size: 1.2em;
	padding: 8px 0;
	line-height: 140%;
	color: #666666;
	font-weight: 400;
}
.rose-sidebar .sp-module .sp-module-content .latestnews a:hover {
	color: #444444;
	transition: color 0.4s, background 0.4s;	
}

.rose-sidebar .sp-module .sp-module-content ul.categories-module > li,
.rose-sidebar .sp-module .sp-module-content ul.archive-module > li  {
	padding: 9px 0;
	border-bottom: 1px solid #eee;	
}
.rose-sidebar .sp-module .sp-module-content ul.categories-module > li:last-child,
.rose-sidebar .sp-module .sp-module-content ul.archive-module > li:last-child {
	border-bottom: 0px;
}
.rose-sidebar .sp-module .sp-module-content ul.categories-module > li > a,
.rose-sidebar .sp-module .sp-module-content ul.archive-module > li > a{
	color: #666666;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	font-weight: 400;
	font-size: 1.02em;
	line-height: 1;
}

.rose-sidebar .sp-module .sp-module-content ul.categories-module > li > a:before,
.rose-sidebar .sp-module .sp-module-content ul.archive-module > li > a:before,
.rose-sidebar .sp-module .sp-module-content .tagspopular ul > li > a:before {
	display: none;
}

.rose-sidebar .sp-module .sp-module-content ul.categories-module > li > a:hover,
.rose-sidebar .sp-module .sp-module-content ul.archive-module > li > a:hover {
	color: #444444;
}

.rose-sidebar .sp-module .sp-module-content .tagspopular ul > li {
	border: none;
	float: left;
}
.rose-sidebar .sp-module .sp-module-content .tagspopular ul > li > a {
	color: #ffffff;
	font-size: .85em;
	display: inline-block;
	padding: 8px 10px;
	background: #444444;
	margin: 0 2px 2px 0;
	transition: color 0.4s, background 0.4s;
	line-height: 1;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
}
.rose-sidebar .sp-module .sp-module-content .tagspopular ul > li > a:hover {
	background: #ff3878;
}
.r-blog .entry-audio iframe {height: 166px !important;}
.r-blog .entry-audio {padding-bottom: 15%;}
@media (max-width: 380px){
	.r-blog .entry-audio {padding-bottom: 35%;}
}
.blog-masonry .entry-audio {padding-bottom: 46% !important;}

/* END BLOG STANDARD WITH SIDEBAR*/

/* BLOG MASONRY*/
.blog-masonry {
	background: #f5f5f5;
}
.blog-masonry .col-sm-4{
	padding: 0 10px;
}
.blog-masonry article {
	background: #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,.06)!important;
	margin-bottom: 20px;
}
.blog-masonry .entry-image {margin-bottom: 20px;}
.blog-masonry .entry-header {padding: 0 20px; margin-bottom: 10px;}
.blog-masonry .article-info {padding: 0 20px 30px 20px;}
.blog-masonry .article-info .comment {display: none;}
.blog-masonry .article-info .published {float: right;}
.blog-masonry .article-info .published time,
.blog-masonry .article-info .createdby  span{
	font-weight: 500;
	font-size: 1.2em;
	color: #333333;
	line-height: 1;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	text-transform: none;
}
.blog-masonry .article-info .published i, .blog-masonry .article-info .createdby i {display: none;}

.blog-masonry .entry-header h2 {
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	font-size: 1.38em;
	line-height: 140%;
	color: #333333;
	font-weight: 400;
}
.blog-masonry p {
	line-height: 170%;
	margin: 0px 0px 20px;
	font-size: 1.02em;
	color: #888;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	padding: 0 20px 30px 20px;
}

.blog-masonry .row-1 article.column-2,
.blog-masonry .row-1 article.column-3 {
	background: #ff3878 !important;
	cursor: pointer;
	-webkit-transition: background .6s;
	-moz-transition: background .6s;
	-o-transition: background .6s;
	transition: background .6s;
}
.blog-masonry .row-1 article.column-2:hover,
.blog-masonry .row-1 article.column-3:hover {
	background: #222 !important;
	-webkit-transition: background .6s;
	-moz-transition: background .6s;
	-o-transition: background .6s;
	transition: background .6s;
}
.blog-masonry .row-1 article.column-3 .entry-header {margin-bottom: 0;}
.blog-masonry .row-1 article.column-2 h2 {
	font-size: 1.15em;
	font-weight: 400;
	font-style: italic;
	line-height: 170%;
	padding-top: 20px;
	padding-bottom: 10px;
}
.blog-masonry .row-1 article.column-3 h2{
	font-size: 1.3em;
	font-weight: 400;
	line-height: 170%;
	padding-top: 20px;
	padding-bottom: 5px;
}
.blog-masonry .row-1 article.column-2 h2 a {
	color: #fff;
    font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';	
}
.blog-masonry .row-1 article.column-3 h2 a {
	color: #fff;
    font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
}
.blog-masonry .row-1 article.column-2 p,
.blog-masonry .row-1 article.column-3 p {
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
	color: #fff;
	font-weight: 400;
	padding-bottom: 5px;
}

.blog-masonry .row-1 article.column-2 span,
.blog-masonry .row-1 article.column-2 .published time,
.blog-masonry .row-1 article.column-3 span,
.blog-masonry .row-1 article.column-3 .published time{
	color: #fff;
}

.blog-masonry .row-1 article.column-2 {margin-top: -18px;}
.blog-masonry .row-1 article.column-3 {margin-top: -55px;}
.blog-masonry .row-2 article.column-2 {margin-top: -250px;}
.blog-masonry .row-2 article.column-3 {margin-top: -378px;}

@media (max-width:1200px) {
.blog-masonry .row-1 article.column-2 {margin-top: 0px;}
.blog-masonry .row-1 article.column-3 {margin-top: 0px;}
.blog-masonry .row-2 article.column-2 {margin-top: 0px;}
.blog-masonry .row-2 article.column-3 {margin-top: 0px;}
}

.blog-btn {text-align: center;}
/* END BLOG MASONRY */


/* PORTFOLIO */
@media(min-width:955px) {
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {width:100% !important}

}

@media(max-width:965px) {
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {width:100% !important}

}
.default-portfolio .sp-simpleportfolio-filter {
	text-align: left;
	margin: 0 auto 60px;
}
.default-portfolio .sp-simpleportfolio-filter {
	display: inline-block;
	padding: 3px;
}
.default-portfolio .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
	display: inline-block;
	margin: 0 1.5px 0 0;
}
.default-portfolio .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active a {
	border-color: #ff3878;
	background-color: #ff3878;
	color: #ffffff;
}
.default-portfolio .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
	border-radius: 25px;
	color: #222;
	display: inline-block;
	padding: 10px 14px;
	font-size: 1.2em;
	font-weight: 500;
	letter-spacing: 1px;
	position: relative;
	text-transform: uppercase;
	border-color: #ffffff;
	background-color: #ffffff;
}
.sp-simpleportfolio .sp-simpleportfolio-columns-5 .sp-simpleportfolio-item {
    width: 20%;
} /* 5colums style */
.style-one .sp-simpleportfolio .sp-simpleportfolio-item {
	padding: 5px;
}

.nofluid-filter .sp-simpleportfolio-filter ul{
	padding-left: 100px;
}

@media (max-width: 660px) {
	.nofluid-filter .sp-simpleportfolio-filter ul{
	padding-left: 10px;
}
}

.style-two .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
	border-color: #222;
	background-color: #222;
	color: #ffffff;	
}

.portfolio-page-white-btn a {
	color: #fff;
	border-color: #fff;
	background: transparent;
}

.portfolio-page-white-btn a:hover {
	background: rgba(255,255,255,1);
	color: #444444;
}


.portfolio-single span.post-format{
	display: none;
}
.portfolio-single article {
	border-bottom:none;
	margin:0;
}
.portfolio-single article .entry-image {
	margin-bottom: 20px;
}
.margin-normal article .entry-image {
	margin-bottom: 30px;
}
.portfolio-single article .entry-image img,
.portfolio-single article .carousel-inner img {
	margin: 0 auto;
	width: 100%;
}
article .entry-image img,
article .carousel-inner img {
	margin: 0 auto;
	width: 100%;
}
.portfolio-single .entry-header {
	margin: 0;
}
.portfolio-project-details {margin-left: -20px;}
.portfolio-project-details p {
	line-height: 170%;
	margin: 0px 0px 20px;
	font-size: 1.02em;
	color: #888;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	font-weight: 400;
}
.portfolio-project-details ul { list-style: none; }

.portfolio-project-details h3{
  margin-bottom: 30px;
}
.portfolio-project-details>ul>li{
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
  float: left;
  clear: both;
  width: 100%;
}
.portfolio-project-details>ul>li>a {
	display:inline;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	line-height: 1;
}
.portfolio-project-details>ul>li>a:before {display:none;}
.portfolio-project-details>ul>li:last-child{
  border: none;
}
.portfolio-project-details>ul>li>span{
	color: #444444;
  font-weight: bold;
  margin-right: 10px;
}
.portfolio-project-details>ul>li>ul{
	display: inline;
}
.portfolio-project-details>ul>li>ul>li{
	display: inline;
	border-bottom: none;
}
.portfolio-project-details>ul>li>ul>li a{
	display: inline-block;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	line-height: 1;
}
.portfolio-project-details>ul>li>a:hover,
.portfolio-project-details>ul>li>ul>li a:hover,
.portfolio-project-intro>ul>li>a:hover,
.portfolio-project-intro>ul>li>ul>li a:hover{
	color: #ff3878;
}
.portfolio-project-details>ul>li>ul>li a:before {
	display: none;
}
.portfolio-project-details>ul>li>ul>li:after{
	content: " / "
}
.portfolio-project-details>ul>li>ul>li:last-child:after{
	content: "";
}

.portfolio-project-intro{
	padding-top: 100px;
	margin-bottom: -50px;
}
.portfolio-project-intro p{
	font-size: 1.8em;
	margin-bottom: 30px;
}
.portfolio-project-intro>ul>li{
	display: inline-block;
	margin-right: 20px;
	border-bottom: none;
}
.portfolio-project-intro>ul>li>ul{
	display: inline-block;
}
.portfolio-project-intro>ul>li>ul>li{
	display: inline-block;
	margin-left: 0px;
	border-bottom: none;
}
.portfolio-project-intro>ul>li>a,
.portfolio-project-intro>ul>li>ul>li a {
	display: inline-block;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	line-height: 1;
}
.portfolio-project-intro>ul>li>a:before,
.portfolio-project-intro>ul>li>ul>li a:before {
	display:none;
}
.no-img-space .col-sm-6,
.no-img-space .entry-image,
.no-img-space .intro-image {
	margin: 0  !important;
	padding: 0;
}
#sp-main-body.r-portfolio-fullwidth .container{
  width: 100%;
  padding: 0;
}

#sp-position3 .sppb-btn {
	text-transform: none;
}

.medium-text-size p {
	font-size: 1.4em;
}
/* END PORTFOLIO */

/* ELEMENTS */

.elements-title .sp-page-title{
	padding: 50px 0;
	background-repeat: repeat;
	background-position: center center;
	background-size: cover;	
}

.elements-title .sp-page-title h2 {
	font-size: 2.3em;
	color: #ffffff;
	margin: 0;
	line-height: 100%;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
    font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
}
.elements-title .sp-page-title h3 {
	color: #fff;
    display: block;
    font-size: 1.2em;
    margin-top: 15px;
	line-height: 1;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	font-weight: 400;
}

.banner-text-black .sppb-addon-title,
.banner-text-black .sppb-addon-content {
	color: #444444 !important;
}
.banner-text-black .ads-button1 a{
	background: #ff3878;
}
.banner-text-black .ads-button1 a:hover {
	background: #222;
}

.btn-large a {
	padding: 18px 25px;
	font-size: 1.2em;
	cursor: pointer;
	border: 2px solid transparent;
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	line-height: 1;
	border-radius: 0px;
}
.btn-medium a {
	padding: 12px 16px;
	font-size: .96em;
	cursor: pointer;
	border: 2px solid transparent;
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	line-height: 1;
	border-radius: 0px;
}
.btn-small a {
	padding: 8px 12px;
	font-size: .9em;
	cursor: pointer;
	border: 2px solid transparent;
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	line-height: 1;
	border-radius: 0px;
}
.btn-rounded a {
	border-radius: 30px;
}

.style1 a{
	background-color: #ff3878;
	color: #fff;
}
.style1 a:hover {
	color: #fff;
	background-color: #222;
}
.style2 a{
	background-color: #fff;
	color: #ff3878;
	border-color: #ff3878;
}
.style2 a:hover {
	color: #fff;
	background-color: #ff3878;
}

.style3 a{
	background-color: #222;
	color: #fff;
}
.style3 a:hover {
	color: #fff;
	background-color: #ff3878;
}
.style4 a{
	background: transparent;
	border-color: #222;
	color: #222;
}
.style4 a:hover {
	color: #fff;
	background-color: #222;
}
.style5 a{
	background-color: #fff;
	color: #444444;
}
.style5 a:hover {
	color: #ff3878;
	background-color: #fff;
}
.style6 a{
	background: transparent;
	border-color: rgba(255,255,255,1);
	color: rgba(255,255,255,1);
}
.style6 a:hover {
	color: #444444;
	background-color: #fff;
}

.pink-icon  i, .pink-icon .sppb-animated-number, .pink-icon .sppb-animated-number-title {color: #ff3878;}

.grid-text .sppb-addon-title {
	font-size: 1.5em;
	margin-bottom: 10px;
	line-height: 140%;
	color: #444444;
	font-weight: 400;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
}
.grid-text .sppb-addon-content {
	line-height: 170%;
	margin: 0px 0px 20px;
	font-size: 1.02em;
	color: #888;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	font-weight: 400;
}

.standard-list li{
	margin-bottom: 10px;
	line-height: 160%;
	padding-left: 24px;
	position: relative;
}
.standard-list li:last-child{
	margin: 0;
}
.standard-list li:before{
	content: "";
	display: block;
	width:  10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 5px;
	-webkit-border-radius: 10px;
    -moz-border-radius:    10px;
    -o-border-radius:      10px;
    -ms-border-radius:     10px;
    border-radius:         10px;
	background-color: #ff3878;
}
.standard-list.m-white-list li{
	color: #ffffff;
}
.standard-list.m-white-list li:before{
	background: #ffffff;
}
.counter-list{
	counter-reset: my-counter;
}
.counter-list li{
	counter-increment: my-counter;
	margin-bottom: 10px;
	line-height: 160%;
	padding-left: 28px;
	position: relative;
}
.counter-list li:last-child{
	margin: 0;
}
.counter-list li:before {
	background-color: #ff3878;
	display: block;
	float: left;
    content: counter(my-counter); /* on affiche le compteur */
	color: #ffffff;
	width:  20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: .8em;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-border-radius: 20px;
    -moz-border-radius:    20px;
    -o-border-radius:      20px;
    -ms-border-radius:     20px;
    border-radius:         20px;
}


.skill-black .sppb-progress-bar {
	background-color: #222222;
}

.sppb-progress.skill-large {
	border-radius: 0 !important;
}
.skill-large >.sppb-progress-bar {
	color: #ffffff;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 1em;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
}

.r-tabs .sppb-nav-tabs {
	margin-bottom: 20px;
	border: none;
}

.r-tabs .sppb-nav-tabs li  a{
	border: 2px solid #ff3878;
	display: block;
	font-size: 1.1em;
	font-weight: 600;
	padding: 10px 14px;
	margin-left: -2px;
	line-height: 1;
	color: #ff3878;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
}
.r-tabs .sppb-nav-tabs li  a:hover,
.r-tabs .sppb-nav-tabs li  a:active {
	color: #ff3878;
	background-color: #ffffff;
	cursor: pointer;
	outline: 0;
}
.r-tabs .sppb-nav-tabs li.active  a {
	color: #fff;
	background-color: #ff3878;
	border: 2px solid #ff3878;
}
.r-tabs .sppb-tab-pane {
	line-height: 170%;
	font-size: 1.02em;
	color: #888;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	font-weight: 400;
}
.r-tabs .sppb-tab-content {
	padding: 0;
	margin-top: 0;
	border: 1px solid transparent;
	background: transparent;
	border-top: 0;
}
.r-tabs-rounded .sppb-nav-tabs li  {margin-right: 10px;}
.r-tabs-rounded .sppb-nav-tabs li  a{
	border-radius: 25px;
}

.typography-main-heading .sppb-addon-title {
	width: 100%;
	font-size: 2.8em;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: 2px;
	line-height: 100%;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
}
.typography-main-heading .sppb-addon-content {
	font-size: 1.5em;
	color: #aaa;
	font-weight: 300;
	display: block;
	line-height: 160%;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	position: relative;
	font-family: 'Oswald', sans-serif, Arial, Verdana, 'Tahoma';
}

.typography-heading .sppb-addon-title {
	color: #444444;
    font-weight: 400;
    line-height: 140%;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
}
.heading1 .sppb-addon-title {
	font-size: 2.2em;
    margin: 0 0 20px;
}
.heading2 .sppb-addon-title {
	font-size: 1.9em;
    margin-bottom: 20px;
}
.heading3 .sppb-addon-title {
	font-size: 1.5em;
    margin-bottom: 10px;
}
.heading4 .sppb-addon-title {
	font-size: 1.2em;
    margin-bottom: 10px;
}
.heading5 .sppb-addon-title {
	font-size: 1em;
    margin-bottom: 10px;
}

.bold-heading .sppb-addon-title {
	font-weight: bold;
}

.heading1.upper .sppb-addon-title {
	text-transform: uppercase;
	font-size: 1.9em;
}
.heading2.upper .sppb-addon-title {
	text-transform: uppercase;
	font-size: 1.6em;
}
.heading3.upper .sppb-addon-title {
	text-transform: uppercase;
	font-size: 1.3em;
}
.heading4.upper .sppb-addon-title {
	text-transform: uppercase;
	font-size: 1.1em;
}
.heading5.upper .sppb-addon-title {
	text-transform: uppercase;
	font-size: .85em;
}

.typography-paragraph .sppb-addon-content {
	line-height: 170%;
    margin: 0 0 20px;
	color: #888;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	font-weight: 400;
}

.paragraph1 .sppb-addon-content {
	font-size: 1.8em;
}
.paragraph2 .sppb-addon-content {
	font-size: 1.4em;
}
.paragraph3 .sppb-addon-content {
	font-size: 1.02em;
}

/* END ELEMENTS */

/* SHOP */

.image-cart .j2store-addtocart-form {
    opacity: 0;
	transition: all 0.4s linear;
	position: absolute;
    top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -70px;
	z-index: 99;
}
.j2store-addtocart-form a,
input.j2store-cart-button,
.j2store-cart-buttons .cart-continue-shopping-button input,
.j2store-cart-buttons .cart-update-button input {
	font-size: 0.96em;
    padding: 12px 16px;
	background-color: #ff3878;
	border: 2px solid transparent;
    color: #fff;
    cursor: pointer;
	font-weight: 600;
    letter-spacing: 1px;
	text-decoration: none;
    text-transform: uppercase;
	line-height: inherit;
	font-family: inherit;
	border-radius: 0px;
	margin: 0;
	transition: all 0.2s linear;
}
.j2store-addtocart-form a:hover,
input.j2store-cart-button:hover,
.j2store-addtocart-form a:active,
input.j2store-cart-button:active,
.j2store-cart-buttons .cart-continue-shopping-button input:hover,
.j2store-cart-buttons .cart-continue-shopping-button input:active,
.j2store-cart-buttons .cart-update-button input:hover,
.j2store-cart-buttons .cart-update-button input:active {
	background: #222;
	transition: all 0.2s linear;
	border-color: #222;
}

.product-qty {display:none;}
.image-cart:hover .j2store-addtocart-form,
.j2store-product-images:hover .j2store-addtocart-form {
    opacity: 1;
	transition: all 0.4s linear;
}

.image-cart img{
	position: relative;
	display: inline-block;
	-webkit-transition: 0.4s -webkit-filter ease;
-moz-transition: 0.4s -moz-filter ease;
-moz-transition: 0.4s filter ease;
-ms-transition: 0.4s -ms-filter ease;
-o-transition: 0.4s -o-filter ease;
transition: 0.4s filter ease;
}

.image-cart:hover img {
    -webkit-filter: contrast(85%) brightness(85%);  /* Safari */
    filter: contrast(85%) brightness(85%);
-webkit-transition: 0.4s -webkit-filter ease;
-moz-transition: 0.4s -moz-filter ease;
-moz-transition: 0.4s filter ease;
-ms-transition: 0.4s -ms-filter ease;
-o-transition: 0.4s -o-filter ease;
transition: 0.4s filter ease;
}


form#productFilters select {
	float: right;
}
.j2store-products-row {
	padding-top: 30px;
	clear: both;
}
.j2store-products-row .col-sm-6 {
	padding: 0 10px;
}
.j2store-products-row .col-sm-6 img {
	width: 100%;
}

.j2store-products-row .j2store-single-product h2.product-title {
	font-size: 1.2em;
    font-weight: 500;
	margin: 10px 0;
	color: #444444;
	line-height: 140%;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
	text-align: center;
}
.j2store-products-row .j2store-single-product h2.product-title a:hover {
	color: #ff3878;
}
.j2store-products-row .j2store-single-product .product-price-container .sale-price {
	font-size: 1.3em;
    font-weight: 400;
	text-align: center;
	color: #888;
	line-height: 1;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
}

.j2store-search-product  {
	margin-bottom: 40px;
}
.j2store-search-product .form-horizontal a {
	display: none;
}
.j2store-search-product input {
	height: 40px !important;
	background-color: #ffffff;
	border: 1px solid #e7e7e7;
	color: #666666;
	font-size: 1em !important;
	text-indent: 10px;
	outline: none;
	width: 100% !important;
	font-family: inherit !important;
	line-height: inherit !important;
	margin: 0;
	border-radius: 0 !important;
	box-shadow: none;	
}
.j2store-search-product input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
.j2store-search-product input::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
.j2store-search-product input::-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
.j2store-search-product input:-moz-placeholder { /* Firefox 18- */
  color: #999;
}
.j2store-search-product input:focus {
	border-color: #e7e7e7;
    box-shadow: none;
    outline: 0 none;
}
.rose-sidebar .sp-module .sp-module-content ul.j2store-categories-module > li {
	padding: 9px 0;
	border-bottom: 1px solid #eee;	
}
.rose-sidebar .sp-module .sp-module-content ul.j2store-categories-module > li:last-child {
	border-bottom: 0px;
}
.rose-sidebar .sp-module .sp-module-content ul.j2store-categories-module > li > h4,
.rose-sidebar .sp-module .sp-module-content ul.j2store-categories-module > li > h4 > a {
	color: #666666;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, 'Tahoma';
	font-weight: 400;
	font-size: 1.02em;
	line-height: 1;
	margin-bottom: 2px;
}
.rose-sidebar .sp-module .sp-module-content ul.j2store-categories-module > li > h4 > a:hover,
.rose-sidebar .sp-module .sp-module-content .j2store-module-product h4.product-title a:hover {
	color: #444444;	
}
.rose-sidebar .sp-module .sp-module-content .j2store-module-product,
.rose-sidebar .sp-module .sp-module-content .j2store-module-product .product-cart-section,
.rose-sidebar .sp-module .sp-module-content .j2store-module-product .product-cart-section .j2store-product-image,
.rose-sidebar .sp-module .sp-module-content .j2store-module-product .product-cart-section .product-cart-left-block {
	padding: 0;
}
.rose-sidebar .sp-module .sp-module-content .j2store-module-product .product-cart-section .col-md-6  {
	width: 40%;
}
.rose-sidebar .sp-module .sp-module-content .j2store-module-product {
	border-bottom: 1px solid #eee;
    padding: 10px 0;
}
.rose-sidebar .sp-module .sp-module-content .j2store-module-product:last-child {
	border-bottom: 0px;
}
.rose-sidebar .sp-module .sp-module-content .j2store-module-product h4.product-title {
	font-weight: 400;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	font-size: 1.2em;
    margin-bottom: 10px;
	color: #444444;
	line-height: 140%;
}
.rose-sidebar .sp-module .sp-module-content .j2store-module-product h4.product-title a {
	color: #666666;
	font-size: 1.02em;
	font-weight: 400;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	line-height: 140%;
}
.rose-sidebar .sp-module .sp-module-content .j2store-module-product .product-cart-left-block .product-price-container .sale-price {
	color: #ff3878;
	font-weight: 600;
	line-height: 1;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	font-size: 0.96em;
}
.product-cart-left-block .product_cart_block{display: none;}
.text-success {display:none;}

.pagination{
	margin-top: 30px;
	width: 100%;
	float: left;
}
.pagination li{
	display: inline-block;
	margin-left: 7px;
}
.pagination li a{
	border: 1px solid #bbb;
	color: #aaa;
	padding: 7px 14px;
	text-align: center;
	font-size: 1.02em;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	border-radius: 0 !important;
}
.pagination li:hover a{
	border-color: #aaa;
	color: #888;
	background: #fff;
}
.pagination li.active a,
.pagination li.active:hover a{
	color: #fff;
	background: #ff3878;
	border-color: #ff3878;
	cursor: pointer;
}
.j2store .btn {
	background-color: #ff3878;
	border: 2px solid transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
	font-weight: 600;
    letter-spacing: 1px;
	text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	border-radius: 0;	
	margin-top: 5px;
}
.j2store-cart .buttons-right .cart-checkout-button a {
	font-size: 1.2em;
    padding: 18px 25px;
	background-color: #ff3878;
	border: 2px solid transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
	font-weight: 600;
    letter-spacing: 1px;
	text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	text-align: center;
    width: 100%;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	border-radius: 0;
}
.j2store-cart .buttons-right .cart-checkout-button a:hover,
.j2store .btn:hover {
	background: #222;
}
.checkout-heading a:hover,
.j2store #login a:hover{
	color: #ff3878;
}
.j2store input:focus,
.j2store textarea:focus {
    border-color: inherit;
    box-shadow: none;
    outline: 0 none;
}

.view-carts #sp-header.menu-fixed-out {
	background: #fff;
	box-shadow: 0 0 20px 1px rgba(0,0,0,.1);
	position: fixed;
	width: 100%;
	height: 70px;
	top:  0;
	left: 0;
	z-index: 3000;
	-webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
.view-carts #sp-header.header-invisible.menu-fixed-out .sp-megamenu-parent > li > a  {
	color: #444444;	
}
.view-carts #sp-header.header-invisible.menu-fixed-out .sp-megamenu-parent > li.active> a {
	color: #ff3878;
}
.view-carts #sp-header.header-invisible.menu-fixed-out .sp-megamenu-parent > li > a:hover {
	color: #999999;
}
.view-carts #sp-header.header-invisible.menu-fixed-out .logo a {
	background-image: url("/rose/images/logo.png");
    width: 94px;
    height: 70px;
    margin: 0;
    display: block;
    float: left;
	transition: color 0.4s ease 0s, background 0.4s ease 0s;
}
.view-carts #sp-header.header-invisible.menu-fixed-out .logo img {
	display: none;
}

.simple-product .price-sku-brand-container {border: none; padding-left: 15px; padding-right: 15px;}
.simple-product .price-sku-brand-container .product-price-container .sale-price {
	font-size: 2em;
	font-weight: 400;
	color: #888;
	line-height: 1;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
}
.simple-product .price-sku-brand-container .col-sm-6 {padding:0;}
.simple-product .price-sku-brand-container .product-sku {visibility:hidden;}
.simple-product .price-sku-brand-container .product-sku:after {
	content: "\f005 \f005 \f005 \f005 \f005";
	font-family:fontAwesome;
	visibility:visible;
	font-size: 1.3em;
	float: right;
}
.simple-product .jb-sdesc .product-sdesc {
	border-top: 1px solid #ddd;
	padding-top: 35px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 35px;
}
.simple-product .jb-sdesc .product-sdesc p {
	line-height: 170%;
    margin: 0 0 20px;
	font-size: 1.02em;
	color: #888;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	
}
.simple-product .jb-sdesc .product-sdesc ul li {
	line-height: 160%;
    margin-bottom: 10px;
    padding-left: 24px;
    position: relative;
}
.simple-product .jb-sdesc .product-sdesc ul li:before {
	border-radius: 10px;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 10px;
	background-color: #ff3878;
}
.simple-product form.j2store-addtocart-form {
	padding-top: 35px;
	padding-bottom: 35px;
}
.simple-product form.j2store-addtocart-form .options .option {
	padding-bottom: 15px;
}
.simple-product form.j2store-addtocart-form .options b {
	color: #888;
	font-weight: 400;
	line-height: 30px;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
}
.simple-product form.j2store-addtocart-form .j2store-add-to-cart {
	margin-left: 0;
}

.simple-product .j2store-mainimage img {width: 100%;}
.simple-product .j2store-product-additional-images ul {text-align: center;}
.simple-product .j2store-product-additional-images ul li {
	display: inline-table !important;
	padding: 10px;
}
.simple-product ul.nav {
	padding-top: 35px;
	border-top: 1px solid #ddd;
	border-bottom: none;
}
.simple-product ul.nav li a{
	border: 2px solid #ff3878;
	border-radius: 0;
	color: #ff3878;
	display: block;
    font-size: 1.1em;
    font-weight: 600;
    margin-left: -2px;
    padding: 10px 14px;
	text-decoration: none;
    transition: color 0.4s ease 0s, background 0.4s ease 0s;
	line-height: 1;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
}
.simple-product ul.nav li a:hover {
	background:transparent;
}
.simple-product ul.nav li.active a {
	color: #fff;
	background: #ff3878;
	border: 2px solid #ff3878;
	cursor: pointer;
}
.simple-product .tab-content {
	padding-top: 30px;
}
.simple-product .tab-content .tab-pane .product-sdesc {display: none;}

/* END SHOP */

/*Footer Columns */
#sp-bottom {
	padding: 100px 30px 70px;
	background: #111 none repeat scroll 0 0;
    color: #bbb
}

.footer-widget{
	padding: 0 25px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.footer-widget .widget-title{
	color: #ffffff;
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.footer-white{
	background: #fff;
	color: #888;
}
.footer-white .footer-widget .widget-title{
	color: #222;
}
/* WIDGET BLOG */
.widget-blog h3.sp-module-title {
	color: #ffffff !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    margin-bottom: 40px !important;
    text-transform: uppercase !important;
}
.widget-blog  a {
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
}
.widget-blog  a span {
	color: #aaaaaa !important;
	font-size: 1.02em !important;
	-webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
.widget-blog  a span:hover{
	color: #ffffff !important;
	-webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
.widget-blog small {
	color: #666666;
	font-style: italic;
	font-family: "Oswald",sans-serif,Arial,Verdana,"Tahoma";
}

.widget-blog .sp-module .latestnews > div {
	border-color: #222222;
}

/* TWITTER WIDGET */
.latest-tweets > p > a {
	font-family: "Open Sans" !important;
}
.latest-tweets > p > a:hover {
	color: #ff3878 !important;
}
/*
** INSTA WIDGET
*/

.jr-insta-thumb ul.thumbnails {
    font-size: 0;
    list-style: outside none none;
    margin-left: -2.5%;
}
.jr-insta-thumb ul.thumbnails.jr_col_4 li {
    width: 22.5% !important;
}
.jr-insta-thumb ul.thumbnails li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 0 2.5% 2.5%;
    padding: 0;
    vertical-align: top;
	cursor: pointer;
	float: left;
    height: auto;
	transition: opacity 0.4s ease 0s;
    width: 19%;
}
.jr-insta-thumb ul.thumbnails li a {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
	display: block;
}
.widget-instagram ul li:hover {
    opacity: 0.8;
}


footer {
	background: #000 none repeat scroll 0 0 !important;
	padding: 30px 0 !important;
}

#sp-footer #sp-footer1 .sp-copyright {
    display: block;
    margin: 0;
	color: #bbb;
}

/* Add et-icon font */
@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;
}

[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;
}

.et-icon-mobile, .et-icon-laptop, .et-icon-desktop, .et-icon-tablet, .et-icon-phone, .et-icon-document, .et-icon-documents, .et-icon-search, .et-icon-clipboard, .et-icon-newspaper, .et-icon-notebook, .et-icon-book-open, .et-icon-browser, .et-icon-calendar, .et-icon-presentation, .et-icon-picture, .et-icon-pictures, .et-icon-video, .et-icon-camera, .et-icon-printer, .et-icon-toolbox, .et-icon-briefcase, .et-icon-wallet, .et-icon-gift, .et-icon-bargraph, .et-icon-grid, .et-icon-expand, .et-icon-focus, .et-icon-edit, .et-icon-adjustments, .et-icon-ribbon, .et-icon-hourglass, .et-icon-lock, .et-icon-megaphone, .et-icon-shield, .et-icon-trophy, .et-icon-flag, .et-icon-map, .et-icon-puzzle, .et-icon-basket, .et-icon-envelope, .et-icon-streetsign, .et-icon-telescope, .et-icon-gears, .et-icon-key, .et-icon-paperclip, .et-icon-attachment, .et-icon-pricetags, .et-icon-lightbulb, .et-icon-layers, .et-icon-pencil, .et-icon-tools, .et-icon-tools-2, .et-icon-scissors, .et-icon-paintbrush, .et-icon-magnifying-glass, .et-icon-circle-compass, .et-icon-linegraph, .et-icon-mic, .et-icon-strategy, .et-icon-beaker, .et-icon-caution, .et-icon-recycle, .et-icon-anchor, .et-icon-profile-male, .et-icon-profile-female, .et-icon-bike, .et-icon-wine, .et-icon-hotairballoon, .et-icon-globe, .et-icon-genius, .et-icon-map-pin, .et-icon-dial, .et-icon-chat, .et-icon-heart, .et-icon-cloud, .et-icon-upload, .et-icon-download, .et-icon-target, .et-icon-hazardous, .et-icon-piechart, .et-icon-speedometer, .et-icon-global, .et-icon-compass, .et-icon-lifesaver, .et-icon-clock, .et-icon-aperture, .et-icon-quote, .et-icon-scope, .et-icon-alarmclock, .et-icon-refresh, .et-icon-happy, .et-icon-sad, .et-icon-facebook, .et-icon-twitter, .et-icon-googleplus, .et-icon-rss, .et-icon-tumblr, .et-icon-linkedin, .et-icon-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;
}
.et-icon-mobile:before {
	content: "\e000";
}
.et-icon-laptop:before {
	content: "\e001";
}
.et-icon-desktop:before {
	content: "\e002";
}
.et-icon-tablet:before {
	content: "\e003";
}
.et-icon-phone:before {
	content: "\e004";
}
.et-icon-document:before {
	content: "\e005";
}
.et-icon-documents:before {
	content: "\e006";
}
.et-icon-search:before {
	content: "\e007";
}
.et-icon-clipboard:before {
	content: "\e008";
}
.et-icon-newspaper:before {
	content: "\e009";
}
.et-icon-notebook:before {
	content: "\e00a";
}
.et-icon-book-open:before {
	content: "\e00b";
}
.et-icon-browser:before {
	content: "\e00c";
}
.et-icon-calendar:before {
	content: "\e00d";
}
.et-icon-presentation:before {
	content: "\e00e";
}
.et-icon-picture:before {
	content: "\e00f";
}
.et-icon-pictures:before {
	content: "\e010";
}
.et-icon-video:before {
	content: "\e011";
}
.et-icon-camera:before {
	content: "\e012";
}
.et-icon-printer:before {
	content: "\e013";
}
.et-icon-toolbox:before {
	content: "\e014";
}
.et-icon-briefcase:before {
	content: "\e015";
}
.et-icon-wallet:before {
	content: "\e016";
}
.et-icon-gift:before {
	content: "\e017";
}
.et-icon-bargraph:before {
	content: "\e018";
}
.et-icon-grid:before {
	content: "\e019";
}
.et-icon-expand:before {
	content: "\e01a";
}
.et-icon-focus:before {
	content: "\e01b";
}
.et-icon-edit:before {
	content: "\e01c";
}
.et-icon-adjustments:before {
	content: "\e01d";
}
.et-icon-ribbon:before {
	content: "\e01e";
}
.et-icon-hourglass:before {
	content: "\e01f";
}
.et-icon-lock:before {
	content: "\e020";
}
.et-icon-megaphone:before {
	content: "\e021";
}
.et-icon-shield:before {
	content: "\e022";
}
.et-icon-trophy:before {
	content: "\e023";
}
.et-icon-flag:before {
	content: "\e024";
}
.et-icon-map:before {
	content: "\e025";
}
.et-icon-puzzle:before {
	content: "\e026";
}
.et-icon-basket:before {
	content: "\e027";
}
.et-icon-envelope:before {
	content: "\e028";
}
.et-icon-streetsign:before {
	content: "\e029";
}
.et-icon-telescope:before {
	content: "\e02a";
}
.et-icon-gears:before {
	content: "\e02b";
}
.et-icon-key:before {
	content: "\e02c";
}
.et-icon-paperclip:before {
	content: "\e02d";
}
.et-icon-attachment:before {
	content: "\e02e";
}
.et-icon-pricetags:before {
	content: "\e02f";
}
.et-icon-lightbulb:before {
	content: "\e030";
}
.et-icon-layers:before {
	content: "\e031";
}
.et-icon-pencil:before {
	content: "\e032";
}
.et-icon-tools:before {
	content: "\e033";
}
.et-icon-tools-2:before {
	content: "\e034";
}
.et-icon-scissors:before {
	content: "\e035";
}
.et-icon-paintbrush:before {
	content: "\e036";
}
.et-icon-magnifying-glass:before {
	content: "\e037";
}
.et-icon-circle-compass:before {
	content: "\e038";
}
.et-icon-linegraph:before {
	content: "\e039";
}
.et-icon-mic:before {
	content: "\e03a";
}
.et-icon-strategy:before {
	content: "\e03b";
}
.et-icon-beaker:before {
	content: "\e03c";
}
.et-icon-caution:before {
	content: "\e03d";
}
.et-icon-recycle:before {
	content: "\e03e";
}
.et-icon-anchor:before {
	content: "\e03f";
}
.et-icon-profile-male:before {
	content: "\e040";
}
.et-icon-profile-female:before {
	content: "\e041";
}
.et-icon-bike:before {
	content: "\e042";
}
.et-icon-wine:before {
	content: "\e043";
}
.et-icon-hotairballoon:before {
	content: "\e044";
}
.et-icon-globe:before {
	content: "\e045";
}
.et-icon-genius:before {
	content: "\e046";
}
.et-icon-map-pin:before {
	content: "\e047";
}
.et-icon-dial:before {
	content: "\e048";
}
.et-icon-chat:before {
	content: "\e049";
}
.et-icon-heart:before {
	content: "\e04a";
}
.et-icon-cloud:before {
	content: "\e04b";
}
.et-icon-upload:before {
	content: "\e04c";
}
.et-icon-download:before {
	content: "\e04d";
}
.et-icon-target:before {
	content: "\e04e";
}
.et-icon-hazardous:before {
	content: "\e04f";
}
.et-icon-piechart:before {
	content: "\e050";
}
.et-icon-speedometer:before {
	content: "\e051";
}
.et-icon-global:before {
	content: "\e052";
}
.et-icon-compass:before {
	content: "\e053";
}
.et-icon-lifesaver:before {
	content: "\e054";
}
.et-icon-clock:before {
	content: "\e055";
}
.et-icon-aperture:before {
	content: "\e056";
}
.et-icon-quote:before {
	content: "\e057";
}
.et-icon-scope:before {
	content: "\e058";
}
.et-icon-alarmclock:before {
	content: "\e059";
}
.et-icon-refresh:before {
	content: "\e05a";
}
.et-icon-happy:before {
	content: "\e05b";
}
.et-icon-sad:before {
	content: "\e05c";
}
.et-icon-facebook:before {
	content: "\e05d";
}
.et-icon-twitter:before {
	content: "\e05e";
}
.et-icon-googleplus:before {
	content: "\e05f";
}
.et-icon-rss:before {
	content: "\e060";
}
.et-icon-tumblr:before {
	content: "\e061";
}
.et-icon-linkedin:before {
	content: "\e062";
}
.et-icon-dribbble:before {
	content: "\e063";
}

/*Add Animations*/

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated.hinge {
    animation-duration: 2s;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
}
40% {
    transform: translateY(-30px);
}
60% {
    transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
}
40% {
    transform: translateY(-30px);
}
60% {
    transform: translateY(-15px);
}
}
.bounce {
    animation-name: bounce;
}
@keyframes flash {
0%, 50%, 100% {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}
.flash {
    animation-name: flash;
}
@keyframes pulse {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}
@keyframes pulse {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}
.pulse {
    animation-name: pulse;
}
@keyframes shake {
0%, 100% {
    transform: translateX(0px);
}
10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
    transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
    transform: translateX(0px);
}
10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
    transform: translateX(10px);
}
}
.shake {
    animation-name: shake;
}
@keyframes swing {
20% {
    transform: rotate(15deg);
}
40% {
    transform: rotate(-10deg);
}
60% {
    transform: rotate(5deg);
}
80% {
    transform: rotate(-5deg);
}
100% {
    transform: rotate(0deg);
}
}
@keyframes swing {
20% {
    transform: rotate(15deg);
}
40% {
    transform: rotate(-10deg);
}
60% {
    transform: rotate(5deg);
}
80% {
    transform: rotate(-5deg);
}
100% {
    transform: rotate(0deg);
}
}
.swing {
    animation-name: swing;
    transform-origin: center top 0;
}
@keyframes tada {
0% {
    transform: scale(1);
}
10%, 20% {
    transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
}
100% {
    transform: scale(1) rotate(0deg);
}
}
@keyframes tada {
0% {
    transform: scale(1);
}
10%, 20% {
    transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
}
100% {
    transform: scale(1) rotate(0deg);
}
}
.tada {
    animation-name: tada;
}
@keyframes wobble {
0% {
    transform: translateX(0%);
}
15% {
    transform: translateX(-25%) rotate(-5deg);
}
30% {
    transform: translateX(20%) rotate(3deg);
}
45% {
    transform: translateX(-15%) rotate(-3deg);
}
60% {
    transform: translateX(10%) rotate(2deg);
}
75% {
    transform: translateX(-5%) rotate(-1deg);
}
100% {
    transform: translateX(0%);
}
}
@keyframes wobble {
0% {
    transform: translateX(0%);
}
15% {
    transform: translateX(-25%) rotate(-5deg);
}
30% {
    transform: translateX(20%) rotate(3deg);
}
45% {
    transform: translateX(-15%) rotate(-3deg);
}
60% {
    transform: translateX(10%) rotate(2deg);
}
75% {
    transform: translateX(-5%) rotate(-1deg);
}
100% {
    transform: translateX(0%);
}
}
.wobble {
    animation-name: wobble;
}
@keyframes bounceIn {
0% {
    opacity: 0;
    transform: scale(0.3);
}
50% {
    opacity: 1;
    transform: scale(1.05);
}
70% {
    transform: scale(0.9);
}
100% {
    transform: scale(1);
}
}
@keyframes bounceIn {
0% {
    opacity: 0;
    transform: scale(0.3);
}
50% {
    opacity: 1;
    transform: scale(1.05);
}
70% {
    transform: scale(0.9);
}
100% {
    transform: scale(1);
}
}
.bounceIn {
    animation-name: bounceIn;
}
@keyframes bounceInDown {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
60% {
    opacity: 1;
    transform: translateY(30px);
}
80% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(0px);
}
}
@keyframes bounceInDown {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
60% {
    opacity: 1;
    transform: translateY(30px);
}
80% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(0px);
}
}
.bounceInDown {
    animation-name: bounceInDown;
}
@keyframes bounceInLeft {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
60% {
    opacity: 1;
    transform: translateX(30px);
}
80% {
    transform: translateX(-10px);
}
100% {
    transform: translateX(0px);
}
}
@keyframes bounceInLeft {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
60% {
    opacity: 1;
    transform: translateX(30px);
}
80% {
    transform: translateX(-10px);
}
100% {
    transform: translateX(0px);
}
}
.bounceInLeft {
    animation-name: bounceInLeft;
}
@keyframes bounceInRight {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
60% {
    opacity: 1;
    transform: translateX(-30px);
}
80% {
    transform: translateX(10px);
}
100% {
    transform: translateX(0px);
}
}
@keyframes bounceInRight {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
60% {
    opacity: 1;
    transform: translateX(-30px);
}
80% {
    transform: translateX(10px);
}
100% {
    transform: translateX(0px);
}
}
.bounceInRight {
    animation-name: bounceInRight;
}
@keyframes bounceInUp {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
60% {
    opacity: 1;
    transform: translateY(-30px);
}
80% {
    transform: translateY(10px);
}
100% {
    transform: translateY(0px);
}
}
@keyframes bounceInUp {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
60% {
    opacity: 1;
    transform: translateY(-30px);
}
80% {
    transform: translateY(10px);
}
100% {
    transform: translateY(0px);
}
}
.bounceInUp {
    animation-name: bounceInUp;
}
@keyframes bounceOut {
0% {
    transform: scale(1);
}
25% {
    transform: scale(0.95);
}
50% {
    opacity: 1;
    transform: scale(1.1);
}
100% {
    opacity: 0;
    transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
    transform: scale(1);
}
25% {
    transform: scale(0.95);
}
50% {
    opacity: 1;
    transform: scale(1.1);
}
100% {
    opacity: 0;
    transform: scale(0.3);
}
}
.bounceOut {
    animation-name: bounceOut;
}
@keyframes bounceOutDown {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(-20px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(-20px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
.bounceOutDown {
    animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(20px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(20px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
.bounceOutLeft {
    animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(-20px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(-20px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
.bounceOutRight {
    animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(20px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(20px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
.bounceOutUp {
    animation-name: bounceOutUp;
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translateY(-20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translateY(-20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInDown {
    animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInDownBig {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInDownBig {
    animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translateX(-20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translateX(-20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translateX(20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translateX(20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInRightBig {
    animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInUpBig {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInUpBig {
    animation-name: fadeInUpBig;
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOutDown {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(20px);
}
}
.fadeOutDown {
    animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-20px);
}
}
.fadeOutLeft {
    animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(20px);
}
}
.fadeOutRight {
    animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-20px);
}
}
.fadeOutUp {
    animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}
@keyframes flip {
0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(0px) rotateY(0deg) scale(1);
}
40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
}
50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
}
80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(0.95);
}
100% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(1);
}
}
@keyframes flip {
0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(0px) rotateY(0deg) scale(1);
}
40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
}
50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
}
80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(0.95);
}
100% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(1);
}
}
.animated.flip {
    animation-name: flip;
    backface-visibility: visible;
}
@keyframes flipInX {
0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
40% {
    transform: perspective(400px) rotateX(-10deg);
}
70% {
    transform: perspective(400px) rotateX(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
}
@keyframes flipInX {
0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
40% {
    transform: perspective(400px) rotateX(-10deg);
}
70% {
    transform: perspective(400px) rotateX(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
}
.flipInX {
    animation-name: flipInX;
    backface-visibility: visible !important;
}
@keyframes flipInY {
0% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
40% {
    transform: perspective(400px) rotateY(-10deg);
}
70% {
    transform: perspective(400px) rotateY(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
}
@keyframes flipInY {
0% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
40% {
    transform: perspective(400px) rotateY(-10deg);
}
70% {
    transform: perspective(400px) rotateY(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
}
.flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important;
}
@keyframes flipOutX {
0% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
}
@keyframes flipOutX {
0% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
}
.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important;
}
@keyframes flipOutY {
0% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
}
@keyframes flipOutY {
0% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
}
.flipOutY {
    animation-name: flipOutY;
    backface-visibility: visible !important;
}
@keyframes lightSpeedIn {
0% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
60% {
    opacity: 1;
    transform: translateX(-20%) skewX(30deg);
}
80% {
    opacity: 1;
    transform: translateX(0%) skewX(-15deg);
}
100% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
}
@keyframes lightSpeedIn {
0% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
60% {
    opacity: 1;
    transform: translateX(-20%) skewX(30deg);
}
80% {
    opacity: 1;
    transform: translateX(0%) skewX(-15deg);
}
100% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
}
.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
0% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
}
@keyframes lightSpeedOut {
0% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
}
.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}
@keyframes rotateIn {
0% {
    opacity: 0;
    transform: rotate(-200deg);
    transform-origin: center center 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
}
@keyframes rotateIn {
0% {
    opacity: 0;
    transform: rotate(-200deg);
    transform-origin: center center 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
}
.rotateIn {
    animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateInDownLeft {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateInDownRight {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
.rotateInDownRight {
    animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateInUpLeft {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateInUpRight {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
.rotateInUpRight {
    animation-name: rotateInUpRight;
}
@keyframes rotateOut {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
100% {
    opacity: 0;
    transform: rotate(200deg);
    transform-origin: center center 0;
}
}
@keyframes rotateOut {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
100% {
    opacity: 0;
    transform: rotate(200deg);
    transform-origin: center center 0;
}
}
.rotateOut {
    animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateOutDownLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
}
.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateOutDownRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
}
.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
}
@keyframes rotateOutUpLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
}
.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
}
@keyframes rotateOutUpRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
}
.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}
@keyframes slideInDown {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
100% {
    transform: translateY(0px);
}
}
@keyframes slideInDown {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
100% {
    transform: translateY(0px);
}
}
.slideInDown {
    animation-name: slideInDown;
}
@keyframes slideInLeft {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
100% {
    transform: translateX(0px);
}
}
@keyframes slideInLeft {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
100% {
    transform: translateX(0px);
}
}
.slideInLeft {
    animation-name: slideInLeft;
}
@keyframes slideInRight {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
100% {
    transform: translateX(0px);
}
}
@keyframes slideInRight {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
100% {
    transform: translateX(0px);
}
}
.slideInRight {
    animation-name: slideInRight;
}
@keyframes slideOutLeft {
0% {
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
.slideOutLeft {
    animation-name: slideOutLeft;
}
@keyframes slideOutRight {
0% {
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
.slideOutRight {
    animation-name: slideOutRight;
}
@keyframes slideOutUp {
0% {
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
.slideOutUp {
    animation-name: slideOutUp;
}
@keyframes hinge {
0% {
    animation-timing-function: ease-in-out;
    transform: rotate(0deg);
    transform-origin: left top 0;
}
20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
    transform-origin: left top 0;
}
40% {
    animation-timing-function: ease-in-out;
    transform: rotate(60deg);
    transform-origin: left top 0;
}
80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate(60deg) translateY(0px);
    transform-origin: left top 0;
}
100% {
    opacity: 0;
    transform: translateY(700px);
}
}
@keyframes hinge {
0% {
    animation-timing-function: ease-in-out;
    transform: rotate(0deg);
    transform-origin: left top 0;
}
20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
    transform-origin: left top 0;
}
40% {
    animation-timing-function: ease-in-out;
    transform: rotate(60deg);
    transform-origin: left top 0;
}
80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate(60deg) translateY(0px);
    transform-origin: left top 0;
}
100% {
    opacity: 0;
    transform: translateY(700px);
}
}
.hinge {
    animation-name: hinge;
}
@keyframes rollIn {
0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
}
100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
}
100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
    animation-name: rollIn;
}
@keyframes rollOut {
0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
    animation-name: rollOut;
}

/* Added */

.r-heading-text .sppb-addon-title span {
	font-family: Oswald;
    opacity: 1;
    transition: opacity 0.24s ease-in-out 0s;
	font-size: 0.2em;
    margin-bottom: 20px;
	font-weight: 400;
    line-height: 140%;
	display: block;
}

.demo-img .sppb-addon-title {
	text-transform: uppercase;
	cursor: pointer;
	font-family: Oswald;
    opacity: 1;
    visibility: visible;
	font-size: 1.5em;
    margin-bottom: 10px;
	color: #444444;
    font-weight: 400;
    line-height: 140%;
	-webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}
.demo-img .sppb-addon-title:hover {
	color: #ff3878;
	-webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}

.demo-img a:after {
	 background: #ff3878 none repeat scroll 0 0;
    border-radius: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    content: "+";
    display: block;
    font-size: 1.8em;
    font-weight: bold;
    height: 60px;
    left: 50%;
    line-height: 60px;
    margin: -30px 0 0 -30px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: opacity 0.4s ease 0s;
    width: 60px;
}
.demo-img a:hover::after {
	opacity: 1;
}

.sp-simpleportfolio-link a {
	background-color: #ff3878;
	border-color: #ff3878 !important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	font-family: "Open Sans",sans-serif,Arial,Verdana,"Tahoma";
	text-align: center;
	line-height: inherit;
}
.sp-simpleportfolio-link a:hover {
	background-color: #000;
	border-color: #000 !important;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
}
#sp-simpleportfolio .sp-simpleportfolio-image img {
	width: 100%;
}
.sp-simpleportfolio .sp-simpleportfolio-description > h2 {
    font-size: 3em;
    line-height: 1;
    margin: 0 0 10px;
}
.r-blog .tag-category fieldset.filters .btn-group {
	display: none;
}
.r-blog .tag-category ul.category li h3 a:hover {
	color: #ff3878;
}

/* J4 Optimization */

.sp-megamenu-wrapper, #sp-header > .container > .container-inner > .row > div > .sp-column,
#sp-header > .row > div > .sp-column  {display: block !important;}

#sp-header .sp-module {
	margin-left: 0px !important; 
}

.offcanvas-menu > .d-flex {
	padding: 0 !important;
}

.offcanvas-menu > .d-flex > .logo,
.breadcrumb .float-start {
	display: none !important;
}

.burger-icon > span {
	background-color: #fff;
}
.text-start,
.text-left {
 text-align:left!important
}
.text-end,
.text-right {
 text-align:right!important
}
@media (min-width:576px) {
 .text-sm-start,
.text-sm-left {
  text-align:left!important
 }
 .text-sm-end,
.text-sm-right {
  text-align:right!important
 }
 .text-sm-center {
  text-align:center!important
 }
}
@media (min-width:768px) {
 .text-md-start,
.text-md-left {
  text-align:left!important
 }
 .text-md-end,
.text-md-right {
  text-align:right!important
 }
 .text-md-center {
  text-align:center!important
 }
}
@media (min-width:992px) {
 .text-lg-start,
.text-lg-left {
  text-align:left!important
 }
 .text-lg-end,
.text-lg-right {
  text-align:right!important
 }
 .text-lg-center {
  text-align:center!important
 }
}
@media (min-width:1200px) {
 .text-xl-start,
.text-xl-left {
  text-align:left!important
 }
 .text-xl-end,
.text-xl-right {
  text-align:right!important
 }
 .text-xl-center {
  text-align:center!important
 }
}

.sp-page-title {
	position: relative;
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}

.media-body {
	-ms-flex: 1;
	flex: 1;
}

#sp-header.header-invisible.menu-fixed .logo img {
	display: none !important;
	transition: color 0.4s ease 0s, background 0.4s ease 0s;
}