.demo-style-switch {

    font-family: inherit !important;

    font-family: "Helvetica Neue", Helvetica, sans-serif !important;

    font-family: 

    opacity: 1;

    position: fixed;

    z-index: 9999;

    top: 115px;

    left: -222px;

    background: #FFFFFF;

    -webkit-backface-visibility: hidden;

}



.demo-style-switch:hover {

    opacity: 1 !important;

}



.demo-style-switch .switched-options {

    position: relative;

    width: 220px;

    text-align: left;

    padding: 20px;

    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);

            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);

}



.demo-style-switch .config-title {

    font-family: "Helvetica Neue", Helvetica, sans-serif !important;

  text-transform: uppercase;

    font-weight: 400;

    font-size: 14px;

    letter-spacing: 1px;

    color: #000;

    border-bottom: 1px dotted #CCCCCC;

    border-top: 1px dotted #CCCCCC;

    margin-bottom: 5px;

}



.demo-style-switch ul {

    margin-bottom: 10px;

    padding-left: 0px;

}



.demo-style-switch ul .active a {

    font-family: "Helvetica Neue", Helvetica, sans-serif !important;

    color: #005885;

    font-weight: 400;

}



.demo-style-switch ul .p {

    font-weight: 400;

    font-size: 12px;

    line-height: 18px;

    margin-top: 10px;

}



.demo-style-switch ul li:hover {

    cursor: pointer;

}



.demo-style-switch ul li a {

    font-family: "Helvetica Neue", Helvetica, sans-serif !important;

    font-size: 12px;

    color: #808080;

    letter-spacing: 0.1px;

}



.demo-style-switch ul li a:hover {

    color: #008ed6;

    text-decoration: none;

}



.demo-style-switch ul.styles {

    margin-top: 25px;

}



.demo-style-switch ul.styles li {

    display: inline-block;

    margin-right: 5px;

	margin-bottom:5px;

}



.demo-style-switch ul.styles li .color {

    width: 50px;

    height: 25px;

}



.demo-style-switch ul.styles li .yellow {

    background: #f0d43a;

}

.demo-style-switch ul.styles li .turquoise {

    background: #1abc9c;

}

.demo-style-switch ul.styles li .light-green {

    background: #8BC34A;

}

.demo-style-switch ul.styles li .purple {

    background: #8470FF;

}

.demo-style-switch ul.styles li .light-blue {

    background: #03A9F4;

}

.demo-style-switch ul.styles li .brown {

    background: #B96C34;

}

.demo-style-switch ul.styles li .red{background: #ef494d;}

.demo-style-switch ul.styles li .pink{background:#E91E63;}

.demo-style-switch ul.styles li .green{background:#4CAF50;}

.demo-style-switch ul.styles li .deep-orange{background: #FF5722;}

.demo-style-switch ul.styles li .indigo{background: #3F51B5;}

.demo-style-switch ul.styles li .orange{background: #FF9800;}



.demo-style-switch .switch-button {

    opacity: 1 !important;

    background: #FFF;

    padding: 10px 15px;

    font-size: 25px;

    color: #272727;

    position: absolute;

    overflow: hidden;

    right: -50px;

    top: -10;

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

	box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1);

}



.demo-style-switch .switch-button:hover {

    color: #ef494d;

    cursor: pointer;

    text-decoration: none;

}



.demo-style-switch .homepage-style li {

    display: inline-block;

    margin-right: 5px;

    margin-bottom: 5px;

    margin-top: 5px;

}



.demo-style-switch .homepage-style li a {

    padding: 5px;

    font-size: 12px;

    letter-spacing: inherit;

    border: 1px solid #ececec;

    font-family: "Helvetica Neue", Helvetica, sans-serif !important;

}



.demo-style-switch .homepage-style li a:hover {

    border: 1px solid #008ed6;

}

.demo-style-switch .homepage-style .active {

    border: none;

}



.demo-style-switch .homepage-style .active a {

    border: 1px solid #008ed6;

    background: #008ed6;

    color: #ffffff;

    font-family: "Helvetica Neue", Helvetica, sans-serif !important;

}



.demo-style-switch .font-selection li {

    font-family: "Helvetica Neue", Helvetica, sans-serif !important;

    color: #808080;

    font-size: 12px;

    letter-spacing: 0.1px;

}



.demo-style-switch .font-selection li div:hover {

    color: #008ed6;

}



.intro-demo .intro-info .intro-info-content{

	text-align: center;

}

.intro-demo .intro-info .intro-info-content h1{

	width: 650px;

	text-align: center;

	margin: 0 auto;

	font-weight: 500;

}

.intro-demo .intro-info{

	height: 550px;

}

.intro-demo{

	min-height: 550px;

}



.home-demos, .shop-demos, .gallery-demos, .blog-demos, .other-demos{

	padding: 120px 0 60px 0;

}

.home-demos{

	padding-bottom: 120px;

}

.demo-header{

	text-align: center;

	margin-bottom: 60px;

}

.demo-header h2{

	margin: 0 0 15px 0;

	text-transform: uppercase;

}

.demo-header p{

	margin-bottom: 0;

}

.demo-wrapper .demo-single{

	margin-bottom: 100px;

}

.demo-wrapper .demo-single figure{

	position: relative;

}

.demo-wrapper .demo-single figure img, .demo-multipage figure img{

	transition: 0.3s ease;

}

.demo-wrapper .demo-single figure:hover img, .demo-multipage figure:hover img{

	opacity: 0.3;

}

.demo-wrapper .demo-single figure figcaption{

	position: absolute;

	width: 100%;

	left: 0;

	top: 70%;

	text-align: center;

	transform: translateY(-50%);

	visibility: hidden;

	opacity: 0;

	transition: 0.3s ease;

}

.demo-wrapper .demo-single figure:hover figcaption{

	top: 50%;

	visibility: visible;

	opacity: 1;

}

.demo-wrapper .demo-single figure figcaption a{

	display: inline-block;

	background: #ef494d;

	color: #fff;

	text-transform: uppercase;

	font-weight: 500;

	padding: 15px 45px;

	border-radius: 3px;

}

.demo-wrapper .demo-single figure img{

	box-shadow: 0 0 10px rgba(0,0,0,0.15);

}

.demo-wrapper .demo-single h3{

	text-align: center;

	margin: 30px 0 0 0;

}

.demo-multipage{

	margin-top: 40px;

	text-align: center;

}

.demo-multipage figure{

	display: inline-block;

	position: relative;

}

.demo-multipage figure figcaption{

	position: absolute;

	width: 100%;

	left: 0;

	top: 70%;

	text-align: center;

	transform: translateY(-50%);

	visibility: hidden;

	opacity: 0;

	transition: 0.3s ease;

}

.demo-multipage figure:hover figcaption{

	top: 50%;

	visibility: visible;

	opacity: 1;

}

.demo-multipage figure figcaption a{

	display: inline-block;

	background: #ef494d;

	color: #fff;

	text-transform: uppercase;

	font-weight: 500;

	padding: 15px 45px;

	border-radius: 3px;

}

.demo-multipage figure img{

	box-shadow: 0 0 10px rgba(0,0,0,0.15);

}

.demo-multipage h3{

	text-align: center;

	margin: 30px 0 0 0;

}

.blog-demos{

	background: #f4f4f4;

}



.shop-demos{

	background:#f4f4f4;

}

.additional-features{

	background: url(../images/intro-bg.jpg);

	padding: 120px 0 70px 0;

	text-align: center;

	position: relative;

}

.additional-features:before{

	position: absolute;

	background: rgba(239,73,77,0.90);

	content: "";

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

}

.additional-features h2{

	position: relative;

	padding-bottom: 30px;

	color: #fff;

}

.additional-features h2:before{

	position: absolute;

	content: "";

	left: 50%;

	width: 100px;

	background: #fff;

	height: 2px;

	margin-left: -50px;

	bottom: 0;

}

.additional-features .adfeature-boxes{

	text-align: center;

}

.additional-features .adfeature-boxes .col-sm-3{

	margin-bottom: 100px;

}

.additional-features .adfeature-boxes span{

	width: 100px;

	height: 100px;

	display: inline-block;

	border-radius: 25px;

	background: #fff;

	margin: 0 auto;

	font-size: 40px;

	color: #ef494d;

	padding-top: 18px;

}

.additional-features .adfeature-boxes h3{

	color: #fff;

	margin: 20px 0 0 0;

	font-weight: 400;

}

.theme-support{

	padding: 120px 0;

	text-align: center;

}

.theme-support h2{

	margin: 0 0 15px 0;

	font-size: 30px;

}

.theme-support p{

	margin-bottom: 20px;

	font-size: 20px;

	font-weight: 300;

}

.theme-support span{font-weight: 600; font-size: 20px;}

.theme-support img{

	width: 200px;

	margin-bottom: 30px;

}

.bottom-cta{

	background: url(bottom-buy-bg.png);

	background-color: rgba(239,73,77,1);

	background-size: 100% 100%;

	background-repeat: no-repeat;

	background-position: center;

	padding: 120px 0;

	text-align: center;

}

.bottom-cta h2{

	margin: 0 0 20px 0;

	color: #fff;

	text-transform: capitalize;

}

.bottom-cta p{

	font-size: 20px;

	margin-bottom: 50px;

	color: #fff;

}

.bottom-cta a{

	display: inline-block;

	background: #fff;

	color: #ef494d;

	text-transform: uppercase;

	font-weight: 600;

	padding: 15px 45px;

	border-radius: 3px;

}