/* ==============================================================

Template name : Oreg modern and multi purpose landing page
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 08 July 2014
Last update : 15 July 2014

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Header
02. Home
03. Introduce
04. Page heading
05. Inner page
06. Features
07. Gallery
08. Testimoni
09. Blog
10. Download
11. Contact
12. Footer
13. Intro
14. Heading
15. Icon setting
16. Ui to top
17. Clear spacer
18. Custom top spacer
19. Custom bottom spacer
20. Custom left spacer
21. Custom right spacer
22. Custom responsive

============================================================== */

/*
Header
=========================== */
header{
	position: fixed;
	top: 0;	
	margin:0;
	padding:0;
	width:100%;	
	z-index:99999;	
}

.navigation{
	display:none;
	position: fixed;
	top: 59px;	
	margin:0;
	padding:0;
	width:100%;	
	z-index:9999;	
	background:rgba(20, 20, 23, 0.99);
	color:#a1a1a3;
}

/*
Home
=========================== */
#home{
	background:#1a1f22 url(../img/background.jpg) no-repeat top center;
	padding-top:130px;
}

#home h3{
	font-size:48px;
	line-height:64px;
}

.scrolltop ul{
	margin:0;
	padding:0;
}

.scrolltop ul li{
	list-style:none;
	margin:0;
	padding:0;
}

.home-centered{
	padding:60px 0 140px 0;
}

.home-list{
	margin:0 0 40px 0;
	padding:0;
}

.home-list li{
	list-style:none;
	margin:20px 0 20px 0;
	padding:0;
}

.home-list li h5{
	margin-bottom:5px;
}

.home-list li i{
	float:left;
	width:64px;
	height:64px;
	border:3px solid #fff;
	border-radius:50%;
	text-align:center;
	font-size:36px;
	line-height:58px;
	margin:0 20px 20px 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.home-list li:hover i{
	background:#fff;
}

.slider-wrapper{
	position:absolute;
	z-index: 5;	
	width:335px;
	top:56px;
	left:35px;
}

.form-wrapper{
	float:left;
	color: #1c1b1e;
	font-size:14px;
	text-align:left;
	width:100%;
	background:#fff;
	position:relative;
	margin:0 0 60px 0;
	padding:40px 20px 20px 20px;
	border-radius:2px;
	-webkit-box-shadow: 15px 15px 0 rgba( 0, 0, 0, 0.35);
	   -moz-box-shadow: 15px 15px 0 rgba( 0, 0, 0, 0.35);
	        box-shadow: 15px 15px 0 rgba( 0, 0, 0, 0.35);	
}

.form-wrapper h4{
	border-bottom:1px solid #6c6c6c;
	padding-bottom:20px;
	margin-bottom:30px;
}

.form-wrapper .form-control:-moz-placeholder {
  color: #1c1b1e;
}

.form-wrapper .form-control::-moz-placeholder {
  color: #1c1b1e;
}

.form-wrapper .form-control:-ms-input-placeholder {
  color: #1c1b1e;
}

.form-wrapper .form-control::-webkit-input-placeholder {
  color: #1c1b1e;
}

.form-wrapper .form-control{
	height:45px;
	border-radius:40px;
	border:1px solid #7e7e7e;
	color:#161616;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-wrapper .form-control:focus{
	border:1px solid;
}

/*
Introduce
=========================== */
.taber-head{
	background:#191e21;
}

.taber-head .nav-tabs{
	margin:0;
	padding:0;
	border:none;
	width:100%;
	border-left:1px solid #363d41;
}

.taber-head .nav-tabs li{
	margin:0;
	padding:0;
	border-radius:0;
	border:none;
	width:33.33333333333333%;
	border-right:1px solid #363d41;
	background:#191e21;
}

.taber-head .nav-tabs li a{
	border-radius:0;
	border:none;
	color:#dee5ea;
	padding:40px 30px 40px 30px;
	margin:0;
	display:block;
	width:100%;
	min-height:200px;
}

.taber-head .nav-tabs li a h4{
	color:#fff;
	margin-bottom:10px;
}

.taber-head .nav-tabs li a p{
	margin-bottom:0;
}

.taber-head .nav-tabs li.active a{
	background:#1e2427;
	color:#dee5ea;
	border-radius:0;
	border:none;
	margin:0;
}

.taber-head .nav-tabs li a:hover,
.taber-head .nav-tabs li.active a:hover{
	background:#1e2427;
	color:#dee5ea;
}

.tab-pane{
	padding:60px 0 40px 0;
	position:relative;
}

.img-main-tab{
	max-width:100%;
	height:auto;
	display:inline-block;
	margin-top:80px;
}

span.tab-sparator{
	width:40px;
	height:20px;
	position:absolute;
	z-index:99;
	overflow:hidden;
	bottom:0;
	left:60px;
	display:none;
}

.taber-head .nav-tabs li.active span.tab-sparator{
	display:block;
}

/*
Page heading
================================== */
#page-heading{
	padding:100px 0 30px 0;
}

#page-heading h4{
	font-size:18px;
	line-height:18px;
	margin-bottom:10px;
}

#page-heading p{
	font-size:16px;
	line-height:24px;
	margin-bottom:10px;
}

/*
Inner page
================================== */
.inner-wrapper{
	color:#1c1b1e;
	background:#fff;
	padding:60px 30px 40px 30px;
}

/*
Features
=========================== */
#features{
	padding:60px 0 60px 0;
	background:#191e21;
}

.feature-wrapper{
	position:relative;
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

.feature-wrapper h4{
	margin-bottom:10px;
}

.feature-box{
	border:5px solid #fff;
	border-radius:10px;
	padding:40px 40px 20px 100px;
	width: 83.33333333333334%;
    margin-left: 8.333333333333332%;
	background:#191e21;
}

.feature-icon{
	position:absolute;
	background:#191e21;
	border:5px solid #fff;
	border-radius:50%;	
	width:160px;
	height:160px;
	line-height:154px;
	font-size:86px;
	text-align:center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.feature-wrapper.on-left{
	background:url(../img/feature-line.png) no-repeat 100% 100%;
	padding:60px 0 100px 0;
}

.feature-wrapper.on-left .feature-box{
	padding:40px 40px 20px 100px;
}

.feature-wrapper.on-left .feature-icon{
	top:0;
	left:0;
}

.feature-wrapper.on-right{
	background:url(../img/feature-line-r.png) no-repeat 0 100%;
	padding:60px 0 100px 0;
}

.feature-wrapper.on-right .feature-box{
	padding:40px 100px 20px 40px;
}

.feature-wrapper.on-right .feature-icon{
	top:0;
	right:0;
}

.feature-wrapper.on-right.last-feature,
.feature-wrapper.on-left.last-feature{
	background:none;
	padding:60px 0 0 0;
}

.feature-wrapper:hover .feature-icon{
	background:#fff;
}

/*
Gallery
=========================== */
#gallery{
	float:left;
	width:100%;
	text-align:center;
	padding:60px 0 30px 0;
}

.portfolio-categ{
	float:left;
	width:100%;
	text-align:center;
	margin:0 0 60px 0;
	padding:0;
}

.portfolio-categ li{
	display:inline-block;
	list-style:none;
	margin:0 -4px 0 0;
	padding:0;
}

.portfolio-categ li a{
	display:block;
	padding:20px 30px 20px 30px;
	margin:0;
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	font-weight:700;
	color:#fff;
	border:3px solid #ffffff;
	border-right:none;
}

.portfolio-categ li.first a{
	border-radius:8px 0 0 8px;
}

.portfolio-categ li.last a{
	border-right:3px solid #ffffff;
	border-radius:0 8px 8px 0;
}

.portfolio-categ li a:hover,
.portfolio-categ li.active a,
.portfolio-categ li.active a:hover{
	text-decoration:none;
	background:#fff;
	color:#1c1b1e;
	margin:0;
}

.portfolio-area li{
	float: left;
	list-style:none;
	margin: 0 15px 30px 15px;
	overflow: hidden;
	width: 205px;
	min-height:280px;
	padding:10px;
	background:#fff;
	border-radius:5px;
}

.img-gallery{
	display:block;
	width:100%;
	height:auto;
}

.img-block{
	position:relative;
}

.img-caption{
	position:absolute;
	background:rgba(51, 38, 71, 0.95);
	width:100%;
	height:100%;
	color:#fff;
	text-align:center;
	z-index:99;
}

.img-caption .zoom{
	position:absolute;
	display:inline-block;
	color:#fff;
	width:65px;
	height:65px;
	border:5px solid #fff;
	border-radius:50%;
	font-size:28px;
	line-height:50px;
	left:50%;
	top:-50%;
	margin-left:-32.5px;
	margin-top:-32.5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity:0.5;
}

.img-caption .zoom:hover,
.img-caption .zoom:focus{
	text-decoration:none;
	color:#fff;
	opacity:1;
}

.img-description{
	display:block;
	margin-top:20px;
	text-align:left;
}

.img-description h5{
	font-size:18px;
	line-height:18px;
	font-weight:400;
	text-transform:none;
	color: #1c1b1e;
	margin-bottom:10px;
}

.img-description h5 a{
	color: #1c1b1e;
}

a.meta-post{
	display:inline-block;
	color:#97949a;
	margin:0 10px 10px 0;
}

a.meta-post i{
	margin-right:5px;
}

a.meta-post:hover{
	text-decoration:none;
}

/*
Testimoni
=========================== */
#testimoni{
	background-image:url(../img/testimoni/bg.png);
	background-position:0 0;
	background-repeat:repeat;
	background-color:#191e21;
	padding:60px 0 30px 0;	
}

.testimoni-wrapper{
	width:90%;
	position:relative;
	background:#fff;
	border-radius:5px;
	color:#1c1b1e;
	margin-bottom:30px;
}

.testimoni-avatar{
	position:absolute;
	width:140px;
	height:140px;
	background:#fff;
	padding:10px;
	border-radius:50%;
	top:50%;
	margin-top:-70px;
}

.testimoni-avatar img{
	border-radius:50%;
}

.testimoni-wrapper.on-left{
	float:right;
	text-align:right;
	margin-right:10%;
	padding:25px 100px 25px 20px;
}

.testimoni-wrapper.on-left .testimoni-avatar{
	right:-60px;
}

.testimoni-wrapper.on-right blockquote{
	background:url(../img/quote-r.png) no-repeat 100% 0;
	padding-right:20px;
	padding-left:0;
}

.testimoni-wrapper.on-right{
	float:left;
	text-align:left;
	margin-left:10%;
	padding:25px 20px 25px 100px;
}

.testimoni-wrapper.on-right .testimoni-avatar{
	left:-60px;
}

/*
Blog
=========================== */
#blog{
	padding:60px 0 60px 0;
}
.list_carousel {
	width: auto;
	margin: 0;
	text-align:center;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	border-radius:5px;
	color: #1c1b1e;
	text-align:left;
	background-color: #fff;
	padding:30px 20px 10px 20px;
	margin:0px 15px 0px 15px;
	display: block;
	float: left;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.clearfix {
	float: none;
	clear: both;
}
.prev,
.next,
.prev:focus,
.next:focus,
.prev:active,
.next:active{
	display:inline-block;
	color:#fff;
	font-size:38px;
	line-height:38px;
	margin:0 10px 30px 10px;
}
.prev:hover,
.next:hover {
  color: #1c1b1e;
}
.article-head,
.article-post{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
.article-head h5{
	margin-bottom:10px;
}
.article-head h5 a{
	color: #1c1b1e;
}

article{
	background:url(../img/divider.png) repeat-x bottom left;
	display:block;
	margin-bottom:40px;
	padding-bottom:20px;
}

article .article-head{
	width:100%;
	display:block;
	position:relative;
	margin-bottom:30px;
}

article .article-head h4{
	margin-bottom:10px;
}

article .article-head h4 a{
	color: #1c1b1e;
}

article .img-responsive{
	margin-bottom:30px;
}

.comment-wrapper{
	background:url(../img/divider.png) repeat-x bottom left;
	position:relative;
	color:#2c323a;
	float:left;
	width:100%;
	padding:0 0 50px 0;
	margin:0 0 40px 0;
}

.media-wrapper .media {
	background:#fff;
	position:relative;
	margin:0 0 30px 0;
	padding:30px 30px 10px 30px;
	border:1px solid #828384;
	border-radius:5px;
}
.media-wrapper .media .media{
	margin:0 0 20px 0;
}

.media-wrapper .media label{
	color:#2c323a;
}
.media-body{
	margin:0;
	padding:0;
}

.media-heading{
	font-size:18px;
	width:100%;
	margin:0 0 10px 0;
}
.media-heading h6{
	color:#2c323a;
	margin:0;
}

.media-heading h6 a{
	color:#2c323a;
}

.media-avatar{
	float:left;
	text-align:center;
	width:50px;
	margin:0 20px 20px 0;
	padding:0;
}

.pager li a:hover{
	color:#fff;
	border:1px solid;
}

aside{
	float:left;
	width:100%;
	background:url(../img/aside-line.png) repeat-y 0 0;
	padding-left:30px;
}

aside .widget{
	margin-bottom:10px;
	float:left;
	width:100%;
}

aside h4{
	border-bottom:1px solid #828384;
	padding-bottom:10px;
	position:relative;
}

aside h4 span{
	position:absolute;
	width:80px;
	height:2px;
	display:block;
	overflow:hidden;
	text-indent:-9999;
	bottom:-1px;
	left:0;
}

aside ul.link-list{
	display:block;
	margin:0 0 20px 0;
	padding:0;
}

aside ul.link-list li{
	display:block;
	list-style:none;
	border-bottom:1px dashed #d3d3d3;	
	width:100%;
	margin:0;
	padding:0;
}

aside ul.link-list li a{
	display:block;
	color:#131313;
	padding:8px 0 8px 0;
}

aside ul.recent{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

aside ul.recent li{
	float:left;
	width:100%;
	display:block;
	list-style:none;
	border-bottom:1px dashed #d3d3d3;	
	margin:0 0 20px 0;
	padding:0;
}

aside ul.recent li h6{
	margin-bottom:10px;
}

aside ul.recent li h6 a{
	color: #1c1b1e;
}

aside ul.last-project{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

aside ul.last-project li{
	background:#828384;
	float:left;
	width:80px;
	list-style:none;
	margin:0 20px 20px 0;
	padding:0;
}

aside ul.last-project li a:hover img{
	opacity:0.8;
}

/*
Download
=========================== */
#download{
	padding:60px 0 30px 0;
	background:#191e21;
}

.pricing-box{
	background-image:url(../img/dark-trans.png);
	background-position:0 0;
	background-repeat:repeat;
	float:left;
	width:45%;
	padding:0;
	margin-bottom:30px;
	margin-top:30px;
	padding-bottom:10px;
	border-radius:5px 0 0 5px;
	overflow:hidden;
}

.pricing-box.featured{
	background-image:none;
	width:55%;
	border-radius:5px;
	margin-top:0;
}

.pricing-box h4{
	background:url(../img/white-trans.png) repeat 0 0;
	padding:20px;
	text-align:center;
}

.pricing-contain{
	padding:0 30px 0 30px;
}

.pricing-contain ul{
	margin-bottom:20px;
}
.pricing-contain ul li{
	padding:2px 0 2px 0;
}

.pricing-contain h5{
	text-transform:none;
	margin-bottom:10px;
}

/*
Contact
=========================== */
#contact{
	padding:60px 0 40px 0;
}

ul.listForm{
	width:100%;
	padding:0;
	margin:0;	
	list-style:none;
}

ul.listForm li {
	float:left;
	width:100%;
	padding:0;
	margin:0 0 20px 0;	
	list-style:none;	
}

.btn-submit,
.btn-submit:focus{
	background:none;
	border-radius:40px;
	font-weight:700;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border:5px solid #fff;
	font-size:24px;
	line-height:36px;
	padding:10px 35px 15px 35px;
}

.btn-submit:hover{
	color: #1c1b1e;
	background:#fff;
}

#sendmessage{
	display:none;
}

#sendmessage.show,.show  {
	display:block;
}

/*
Footer
================================== */
footer{
	padding:60px 0 40px 0;
	background:#151319;
	text-align:center;
	color:#5e666d;
}

.social-network{
	display:inline-block;
	width:70px;
	height:70px;
	background:none;
	border:5px solid #5e666d;
	border-radius:50%;
	color:#5e666d;
	font-size:34px;
	line-height:56px;
	font-weight:700;
	margin:0 10px 30px 10px;
}

.social-network:hover,
.social-network:focus,
.social-network:active{
	outline:none;
	text-transform:uppercase;
}

.copyright{
	margin:0;
}

/*
Intro
=========================== */
.intro{
	font-size:18px;
	line-height:36px;
}

/*
Heading
=========================== */
.heading{
	background:url(../img/heading-line.png) no-repeat bottom left;
	font-size:54px;
	line-height:64px;
	padding-bottom:40px;
	margin-bottom:40px;
}

.heading.centerd{
	background:url(../img/heading-line.png) no-repeat bottom center;
	text-align:center;
}

/*
Icon setting
=========================== */
.fa-round{
	border-radius:50%;
}

.fa-round.fa-5x{
	width:140px;
	height:140px;
	line-height:100px;
}

.fa-center{
	margin-bottom:20px;
}


/*
Ui to top
=========================== */
#toTop{
	display:none;
	text-decoration:none;
	z-index:600;
	position:fixed;
	bottom:20px;
	right:20px;
	overflow:hidden;
	width:45px;
	height:45px;
	border:none;
	text-indent:-999px;
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-color:#111213;
	border-bottom:3px solid #0d0d0f;
	border-radius:5px;
}

#toTopHover{
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: left -45px;
	background-color:#303d4d;
	border-bottom:3px solid #27313d;
	width:45px;
	height:45px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);	
}

#toTop:active, #toTop:focus{
	outline:none;
}


/*
Clear spacer
=========================== */
.margin-clear{
	margin:0;
}

.padding-clear{
	padding:0;
}

.margintop-clear{
	margin-top:0;
}

.paddingtop-clear{
	padding-top:0;
}

.marginbot-clear{
	margin-bottom:0;
}

.paddingbot-clear{
	padding-bottom:0;
}

.marginbot-min40{
	margin-bottom:-40px;
}

.margintop-min15{
	margin-top:-15px;
}

/*
Custom top spacer
=========================== */
.margintop5{
	margin-top:5px;
}

.margintop10{
	margin-top:10px;
}

.margintop15{
	margin-top:15px;
}

.margintop20{
	margin-top:20px;
}

.margintop25{
	margin-top:25px;
}

.margintop30{
	margin-top:30px;
}

.margintop35{
	margin-top:35px;
}

.margintop40{
	margin-top:40px;
}

.margintop45{
	margin-top:45px;
}

.margintop50{
	margin-top:50px;
}

.margintop55{
	margin-top:55px;
}

.margintop60{
	margin-top:60px;
}

.margintop80{
	margin-top:80px;
}

/*
Custom bottom spacer
=========================== */
.marginbot5{
	margin-bottom:5px;
}

.marginbot10{
	margin-bottom:10px;
}

.marginbot15{
	margin-bottom:15px;
}

.marginbot20{
	margin-bottom:20px;
}

.marginbot25{
	margin-bottom:25px;
}

.marginbot30{
	margin-bottom:30px;
}

.marginbot35{
	margin-bottom:35px;
}

.marginbot40{
	margin-bottom:40px;
}

.marginbot45{
	margin-bottom:45px;
}

.marginbot50{
	margin-bottom:50px;
}

.marginbot55{
	margin-bottom:55px;
}

.marginbot60{
	margin-bottom:60px;
}

.marginbot80{
	margin-bottom:80px;
}

/*
Custom left spacer
=========================== */
.marginleft5{
	margin-left:1px;
}

.marginleft10{
	margin-left:10px;
}

.marginleft15{
	margin-left:15px;
}

.marginleft20{
	margin-left:20px;
}

/*
Custom right spacer
=========================== */
.marginright5{
	margin-right:1px;
}

.marginright10{
	margin-right:10px;
}

.marginright15{
	margin-right:15px;
}

.marginright20{
	margin-right:20px;
}

/*
Custom responsive
=========================== */
@media (min-width: 1200px) {
	.portfolio-area li{
		width: 250px;
		min-height:300px;
	}
	.tab-pane.no-padding{
		padding-bottom:0;
	}
	.slider-wrapper{
		width:410px;
		top:68px;
		left:39px;
	}
}

@media (min-width: 768px) and (max-width: 990px) {
	.list_carousel ul {
		padding:0;
	}
	.portfolio-categ li a{
		padding:10px 20px 10px 20px;
		font-size:14px;
		line-height:20px;
	}
	.portfolio-area li{
		width: 210px;
		min-height:240px;
	}
	.slider-wrapper{
		width:646px;
		top:106px;
		left:52px;
	}
}
@media (max-width: 767px) {	
	.btn{
		white-space: normal;
	}
	.nav-bar li{
		padding:20px 0 20px 0;
	}
	.nav-bar li a{
		font-size:14px;
		line-height:20px;
	}
	.nav-bar li a i{
		width:54px;
		height:54px;
		font-size:24px;
		line-height:46px;
	}
	.taber-head .nav-tabs li{
		width:100%;
		border-bottom:1px solid #363d41;
	}
	.taber-head .nav-tabs li.active a{
		background:#363d41;
	}
	.taber-head .nav-tabs li.active span.tab-sparator{
		display:none;
	}
	.list_carousel ul {
		padding:0;
	}
	.portfolio-categ li{
		width:100%;
		margin-bottom:10px;
	}
	.portfolio-categ li a,
	.portfolio-categ li.first a,
	.portfolio-categ li.last a{
		border-radius:8px;
		border-right:3px solid #fff;
	}
	.portfolio-area{
		text-align:center;
	}
	.portfolio-area li{
		float:none;
		display:inline-block;
		width: 250px;
		min-height:240px;
		text-align:left;
	}
	.testimoni-wrapper,
	.testimoni-wrapper.on-left,
	.testimoni-wrapper.on-right{
		width:100%;
		margin:0 0 100px 0;
		padding:80px 20px 25px 20px;
		text-align:left;
	}
	.testimoni-avatar,
	.testimoni-wrapper.on-left .testimoni-avatar,
	.testimoni-wrapper.on-right .testimoni-avatar{
		top:0;
		left:50%;
		margin-left:-70px;
	}
	.testimoni-wrapper.on-right blockquote,
	.testimoni-wrapper.on-left blockquote{
		background:url(../img/quote.png) no-repeat 0 0;
		padding-left:20px;
		padding-right:0;
	}
	.testimoni-wrapper h5{
		text-align:center;
	}
	.slider-bg{
		display:inline-block;
		width:595px;
		height:auto;
	}
	.slider-wrapper{
		width:534px;
		top:88px;
		left:46px;
	}
}
@media only screen and (max-width: 650px) {
	.slider-bg{
		display:inline-block;
		width:390px;
		height:auto;
	}
	.slider-wrapper{
		width:348px;
		top:58px;
		left:36px;
	}
}
@media only screen and (max-width: 420px) {
	.slider-bg{
		display:inline-block;
		width:330px;
		height:auto;
	}
	.slider-wrapper{
		width:295px;
		top:49px;
		left:33px;
	}
}