

div.style-customizer {	background-color: #fff;	color:#262626; width: 300px; position: fixed; top: 0; z-index: 10000; right: -300px; box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14); height: 100%; bottom: 0; }
.style-customizer a.button:hover { color: #fff !important; }
.style-customizer.closed { box-shadow: none;}
.style-customizer a.button:hover:after { z-index: -1; }
.style-customizer a.button { z-index: 9; }
.style-customizer a.button.button-border { text-transform: uppercase; font-weight: 600; width: 100%; font-size: 15px; padding:15px 40px; }
div.style-customizer .buy-button { padding: 30px 30px 30px 30px; text-align: center; display: inline-block; z-index: 2; position: absolute; background: #fff; width: 100%; }
div.style-customizer .content-chooser {	padding: 90px 22px 30px 30px; overflow-x:hidden; overflow-y: auto;  height: 100%; position: absolute; background-color: #ffffff; border-top: none; }
div.style-customizer.opened .content-chooser { opacity: 1; }
.content-chooser p { margin-bottom: 10px; }
div.style-customizer h2 { margin: 0; font-size: 18px;}
div.style-customizer h3 { font-size: 16px;	margin-top: 30px; line-height: 15px;}
div.style-customizer hr { margin: 15px 0; }
div.style-customizer hr + h3 {	margin-top: 0; }
div.style-customizer a.opener {	display: block;	height: 45px; position: absolute; right: 300px; top: 200px; background: #fff; width: 45px;	font-size: 20px; line-height: 45px;	color: #777777;	text-align: center;text-decoration: none;	box-shadow: -1px 0 5px -2px rgba(0, 0, 0, 0.14); }
div.style-customizer.opened a.opener {	left: -45px; border-color: transparent; }
div.style-customizer ul {	list-style: none;	margin: 0;	padding: 5px 0 0 0;	font-size: 0;}
div.style-customizer ul li { float: left; width: 25px; height: 25px; position: relative;	display: inline-block;	cursor: pointer; margin: 0 3px 3px 0; -webkit-transition: all linear 0.3s;	-moz-transition: all linear 0.3s; -o-transition: all linear 0.3s;	-ms-transition: all linear 0.3s;	transition: all linear 0.3s;}
div.style-customizer ul.layoutstyle li { width: 45%; height: 30px;	margin-right: 5px;	color: #666666;	background-color: #f1f1f1;	border: 1px solid #f3f3f3;	font-size: 13px; text-align: center; padding-top: 5px;}
div.style-customizer ul.layoutstyle li i {	color: #cccccc;	font-size: 11px;}
div.style-customizer ul.layoutstyle li.selected {	border: 1px solid #aaaaaa;}
div.style-customizer ul.layoutstyle li.selected i {	color: #666666;}
div.style-customizer ul.footerChange li {width: 45%; height: 30px;	margin-right: 5px;	font-size: 13px; padding: 6px 14px 0;}
div.style-customizer ul.footerChange li.dark {	color: #f1f1f1;	background-color: #262626;}
div.style-customizer ul.footerChange li.light {	color: #333333;	background-color: #f7f7f7;}
div.style-customizer ul.footerChange li i {	width: 20px;}
div.style-customizer ul.patternChange li { border: 1px solid #f3f3f3; }
div.style-customizer ul.patternChange li.pattern-0.selected:after, div.style-customizer ul.patternChange li.pattern-1.selected:after, div.style-customizer ul.patternChange li.pattern-2.selected:after, div.style-customizer ul.patternChange li.pattern-3.selected:after, div.style-customizer ul.patternChange li.pattern-4.selected:after {color: #333333;}
div.style-customizer ul.patternChange li.selected:after {color: #ffffff;}
div.style-customizer ul li.selected { border:3px solid #000;}
div.style-customizer ul.resetAll li { width: 100%; padding: 6px 0; min-width: 0; text-align:center;	margin-top:30px;}
div.style-customizer .btn a {	text-decoration: none;	color: #ffffff;}
div.style-customizer select {width: 100%; padding: 5px;	border: 1px solid #b2bfca;}

/*Color Skins*/
div.style-customizer .skin-default {	background: #299be8;}
div.style-customizer .skin-orange {	background: #ff5500;}
div.style-customizer .skin-dark-red { background: #a51c1c; }
div.style-customizer .skin-yellow { background: #ffd302;}
div.style-customizer .skin-green { background: #00b106;}
div.style-customizer .skin-purple {	background: #a02cda;}
div.style-customizer .skin-cyan {background: #1ab0b1;}
div.style-customizer .skin-olive { background: #667900;}
div.style-customizer .skin-gold { background: #bea042;}
div.style-customizer .skin-brown { background: #885830;}
div.style-customizer .skin-green-dark {	background: #005608;}
div.style-customizer .skin-gray { background: #9a9a9a;}
div.style-customizer .skin-pink { background: #e9457a;}
div.style-customizer .skin-red { background: #d00000;}
div.style-customizer .skin-lime { background: #aaff32;}
div.style-customizer .skin-salmon { background: #ff796c;}

/*Background Patterns*/
.pattern-1 {background-image: url("../images/color-customizer/pattern-1.png");}
.pattern-2 {background-image: url("../images/color-customizer/pattern-2.png");}
.pattern-3 {background-image: url("../images/color-customizer/pattern-3.png");}
.pattern-4 {background-image: url("../images/color-customizer/pattern-4.png");}
.pattern-5 {background-image: url("../images/color-customizer/pattern-5.png");}
.pattern-6 {background-image: url("../images/color-customizer/pattern-6.png");}
.pattern-7 {background-image: url("../images/color-customizer/pattern-7.png");}
.pattern-8 {background-image: url("../images/color-customizer/pattern-8.png");}
.pattern-9 {background-image: url("../images/color-customizer/pattern-9.png");}
.pattern-10 {background-image: url("../images/color-customizer/pattern-10.png");}
.pattern-11 {background-image: url("../images/color-customizer/pattern-11.png");}
.pattern-12 {background-image: url("../images/color-customizer/pattern-12.png");}
.pattern-13 {background-image: url("../images/color-customizer/pattern-13.png");}
.pattern-14 {background-image: url("../images/color-customizer/pattern-14.png");}
.pattern-15 {background-image: url("../images/color-customizer/pattern-15.png");}

/*Background Images*/
.main-bg-change li{overflow:hidden;}
.main-bg-change li img {height: 100%; width:100%; }
.main-bg-1 {background-image: url("../images/color-customizer/main-bg-1.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-size: cover;	position:relative; }
.main-bg-2 {background-image: url("../images/color-customizer/main-bg-2.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-size: cover;	position:relative; }
.main-bg-3 {background-image: url("../images/color-customizer/main-bg-3.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-size: cover;	position:relative; }
.main-bg-4 {background-image: url("../images/color-customizer/main-bg-4.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-size: cover;	position:relative; }
.main-bg-5 {background-image: url("../images/color-customizer/main-bg-5.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-size: cover;	position:relative; }
.main-bg-6 {background-image: url("../images/color-customizer/main-bg-6.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-size: cover;	position:relative; }
.main-bg-7 {background-image: url("../images/color-customizer/main-bg-7.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-size: cover;	position:relative; }
.main-bg-8 {background-image: url("../images/color-customizer/main-bg-8.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-size: cover;	position:relative; }
.main-bg-9 {background-image: url("../images/color-customizer/main-bg-9.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-size: cover;	position:relative; }
.main-bg-10 {background-image: url("../images/color-customizer/main-bg-10.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-size: cover;	position:relative; }

/*extra*/
/*home-2*/
.boxed-layout .move-carousel { top: 9%; padding: 0px 0px 0px 35px; }
.boxed-layout .awesome-features .awesome-features-device img { left: -440px; }
.boxed-layout #video-background { height: 350px; }
.boxed-layout #video-background .page-section-pt { padding: 60px 0px; }
.boxed-layout #video-background .our-skills.bg-opacity-black-50.page-section-pt { padding: 75px 0; }

.boxed-layout.home-2 .portfolio-info { display: none; }
.boxed-layout.home-2 .owl-carousel-8 .owl-nav .owl-prev { left: 50%;  }
.boxed-layout.home-2 .owl-carousel-8 .owl-nav .owl-next { right: 50%; }
.boxed-layout.home-2 .owl-carousel-8 .owl-controls { top: 20px; }
.boxed-layout.home-2 .owl-carousel-8 .owl-nav i { color: #323232; }
.boxed-layout.home-2 .owl-carousel-8 .owl-nav i:hover { background: transparent; }
/*home-3*/
.boxed-layout.home-3 .portfolio .portfolio-item .portfolio-overlay a { font-size: 12px; line-height: 25px; width: 25px; height: 25px; margin-left: 5px; }
.boxed-layout.home-3 .portfolio .full-screen .portfolio-item .portfolio-overlay { top: -20px; }
.boxed-layout.home-3 .portfolio .portfolio-item .portfolio-overlay span a { width: inherit; height: inherit; line-height: inherit; font-size: 14px; }
.boxed-layout.home-3 .full-screen .portfolio-item .portfolio-overlay a i { font-size: 12px; }
.boxed-layout.home-3 .portfolio-item .portfolio-overlay i { padding-left: 0px; }
.boxed-layout.home-3 .feature-9 { height: 300px; }
.boxed-layout.home-3 .feature-9:hover .feature-9-icon { right:26%; }
.boxed-layout.home-3 .custom-content li { line-height: 26px; }

/*home-4*/
.boxed-layout .slider-fade-carousel .slider-contents { padding-left: 86px; }
.boxed-layout .slider-fade-carousel .slider-contents h1 { font-size: 56px; }
.boxed-layout.home-4 .mega-menu .menu-links > li:last-child { padding-right: 40px; }
.boxed-layout.home-4 .our-blog .blog-box-info { padding: 20px 40px; max-height: 231px; }
.boxed-layout.home-4 .our-blog .blog-box-info span.text-white { display: none; } 
.boxed-layout.home-4 .our-blog .blog-box-info p.pt-30.pb-20 { padding-bottom: 0px !important; padding-top: 10px !important; } 
.boxed-layout.home-4 .our-blog .blog-box-image { max-height: 231px; }
.boxed-layout.home-4 .mega-menu .drop-down-multilevel.right-menu { right: 76px; }

.boxed-layout .contact-3-info .contact-add p { font-size: 12px; }

/*Box Layout Responsive*/
@media (min-width: 768px) {
.boxed-layout .page-wrapper { width: 750px;}
.boxed-layout.page-wrapper { width: 750px;}
}
@media (min-width: 992px) {
.boxed-layout .page-wrapper { width: 970px;}
.boxed-layout.page-wrapper { width: 970px;}
}
@media (min-width: 1200px) {
.boxed-layout .page-wrapper { width: 1240px;}
.boxed-layout.page-wrapper { width: 1240px;}
}
.boxed-layout .fullscreen-bg {	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.white-bg {	background-color: #fff;}
.patternChange .main-bg-change li.main-bg-1{background-image: url("../images/main-bg-0.html");}

@media( max-width:992px) {
.style-customizer{ display:none !important;}
.boxed-layout .page-wrapper { width: inherit;}
.boxed-layout.page-wrapper { width: inherit;}
}