/* 
 * Demo CSS Styles
 */
.nice-scroll #mfn-demo-panel { margin-right:10px;}
#mfn-demo-panel { background:#262525; color: #dbdbdb; position: fixed; width: 367px; height:100%; right: -367px; top: 0; z-index: 9000; line-height: 21px; font-size: 18px; font-weight:300; font-family: Roboto, Arial, Helvetica, sans-serif;}
#mfn-demo-panel a { color: #dbdbdb; text-decoration:none;}
#mfn-demo-panel .control { display:block; width:51px; height:22px; position:absolute; top:395px; left:-51px; background:#262525; text-align:center; font-size:14px; padding-top:41px;}
#mfn-demo-panel .control i { color:#fff; position:absolute; top:10px; left:7px; font-size:27px; }
#mfn-demo-panel .inside {}

#mfn-demo-panel ul.menu { padding:10px 0; text-transform:uppercase;}
#mfn-demo-panel ul.menu li a { display:block; width:100%; text-align:center; line-height:28px;}
#mfn-demo-panel ul.menu li.buy a { color:#2991d6; font-style:italic;}
#mfn-demo-panel ul.menu li a:hover { background:#363636; color:#fff; }

#mfn-demo-panel .header .info { text-align:center; color:#2991d6; background:#363636; padding:5px 0; text-transform:uppercase; font-weight:400;}
#mfn-demo-panel .header .info span { color:#aaa; font-size:12px; font-weight:300;}

#mfn-demo-panel .demos ul { padding-left:1px;}
#mfn-demo-panel .demos ul li { float:left;}
#mfn-demo-panel .demos ul li a { margin:0 1px 1px 0; display:block; width:182px; height:155px; position:relative; }
#mfn-demo-panel .demos ul li a img { opacity:1;}
#mfn-demo-panel .demos ul li a .mask {  display:none; width:182px; height:155px; line-height:155px; position:absolute; top:0; left:0; text-align:center; font-size: 20px;}
#mfn-demo-panel .demos ul li a:hover img { opacity:.1;}
#mfn-demo-panel .demos ul li a:hover .mask { display:block;}
#mfn-demo-panel .demos ul li a .mask .full-demo { bottom: -55px; font-size: 12px; font-style: normal; left: 0; position: absolute; text-transform: uppercase; width: 100%; }


/* FLASHING */
@-webkit-keyframes demoflash{0%,100%,50%{opacity:1}25%,75%{opacity:.2}}
@keyframes demoflash{0%,100%,50%{opacity:1}25%,75%{opacity:.2}}
.faa-flash.animated {-webkit-animation:demoflash 4s ease infinite; animation:demoflash 4s ease infinite}

	/* mobile only */
	@media only screen and (max-width: 768px){
		#mfn-demo-panel { display:none;}
	}
	
	
	
	
/* ------------------------------------------- *
 * configurator
 * ------------------------------------------- */
#configurator { color:#213442 !important; background:#f9f9f9; width: 272px; position: fixed; right: -272px; top: 57px; z-index: 9000; color: #515E6C; line-height: 21px; font-size: 12px; text-transform:uppercase;}
#configurator form { margin-bottom:0; text-align:center;}
#configurator select { background:none; box-shadow:0 0 0; margin-bottom:10px; padding: 3px; color:#213442;}
#configurator .control { display:block; width:51px; height:51px; position:absolute; top:280px; left:-51px; background:#f9f9f9 url(/Content/images/configurator/ico.png) no-repeat center; text-indent:-9999px;}
#configurator .inside { padding:10px;}
#configurator .header { text-align:center; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #eee; font-size:18px; font-weight: 300;}

#configurator ul.image-select { margin-bottom:5px;}
#configurator ul.image-select li { display:block; float:left; }
#configurator ul.image-select li a { display:block; width:32px; height:32px; float:left; margin:5px;}
#configurator ul.image-select li:hover { border-color:#ccc;}

#configurator ul.select-color li a { text-indent:-9999px;}

#configurator ul.text-select { margin-bottom:15px; }
#configurator ul.text-select li { float:left; width:50%; font-size:13px; }
#configurator ul.text-select li.select1 { width:100%; }
#configurator ul.text-select li.select2 { width:50%; }
#configurator ul.text-select li.select3 { width:33%; }
#configurator ul.text-select li.select4 { width:25%; }
#configurator ul.text-select li:not(.active) a { color:#515E6C; }

#configurator a.minimalist-header:not(.active) { color:#515E6C;}
#configurator a.minimalist-header span { font-size:10px; color:#888;}

#configurator ul.pattern-select li a { background:url(/Content/images/configurator/patterns.png) no-repeat top left;}
#configurator ul.pattern-select li a.pattern-1 { background-position: 0 0; } 
#configurator ul.pattern-select li a.pattern-10 { background-position: 0 -33px; } 
#configurator ul.pattern-select li a.pattern-11 { background-position: 0 -66px; } 
#configurator ul.pattern-select li a.pattern-12 { background-position: 0 -99px; } 
#configurator ul.pattern-select li a.pattern-13 { background-position: 0 -132px; } 
#configurator ul.pattern-select li a.pattern-14 { background-position: 0 -165px; } 
#configurator ul.pattern-select li a.pattern-15 { background-position: 0 -198px; } 
#configurator ul.pattern-select li a.pattern-16 { background-position: 0 -231px; } 
#configurator ul.pattern-select li a.pattern-17 { background-position: 0 -264px; } 
#configurator ul.pattern-select li a.pattern-18 { background-position: 0 -297px; } 
#configurator ul.pattern-select li a.pattern-2 { background-position: 0 -330px; } 
#configurator ul.pattern-select li a.pattern-3 { background-position: 0 -363px; } 
#configurator ul.pattern-select li a.pattern-4 { background-position: 0 -396px; } 
#configurator ul.pattern-select li a.pattern-5 { background-position: 0 -429px; } 
#configurator ul.pattern-select li a.pattern-6 { background-position: 0 -462px; } 
#configurator ul.pattern-select li a.pattern-7 { background-position: 0 -495px; } 
#configurator ul.pattern-select li a.pattern-8 { background-position: 0 -528px; } 
#configurator ul.pattern-select li a.pattern-9 { background-position: 0 -561px; } 

#configurator .select-dropdown { position:relative; margin-bottom:15px;}
#configurator .select-dropdown ul { position:absolute; top:100%; left:0; width:100%; background:#f1f1f1; padding:5px 0; display:none;}
#configurator .select-dropdown:hover ul { display:block;}
#configurator .select-dropdown ul li:not(.active) a { color:#515E6C;}

#configurator p { font-size:14px; line-height:16px; margin-bottom:5px; font-weight:300; margin-bottom:20px;}

#configurator #colorSelector { background-image:url(/Content/images/configurator/colorpicker.png); height:37px; width:37px; margin:0 auto; margin-bottom:15px;}
.colorpicker { z-index:9001;}
.colorpicker input { width:auto !important;}

	/* mobile only */
	@media only screen and (max-width: 768px){
		#configurator { display:none;}
	}

	/* Animation */
		.offer_thumb .slider_pagination a img { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		.offer_thumb .slider_pagination a:before,
		.offer_thumb .slider_pagination a:after { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

		@media only screen and (min-width: 768px) { 
		
			.offer_thumb .slider_pagination { position: absolute; left: 0; top: 0; border-width: 1px; border-style: solid; }
			.offer_thumb .slider_pagination a { display: block; margin: 0; width: 85px; height: 85px; line-height: 85px; text-align: center; padding: 8px; text-indent: 0; border-bottom-width: 1px; border-style: solid; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
			.offer_thumb .slider_pagination a:not(.selected):hover img { filter: alpha(opacity=60); opacity: 0.6; }
			.offer_thumb .slider_pagination a.selected { top: 0; }
			.offer_thumb .slider_pagination a:last-child { border: 0; }
					
			.offer_thumb .slider_pagination a:before { content: ""; display: block; width: 5px; height: 100%; right: -5px; top: 0; position: absolute; filter: alpha(opacity=0); opacity: 0; }
			.offer_thumb .slider_pagination a.selected:before { filter: alpha(opacity=100); opacity: 1; }
			.offer_thumb .slider_pagination a:after { content: ""; left: auto; right: -9px; top: 50%;margin-top: -4px; width: 8px; height: 8px; filter: alpha(opacity=0); opacity: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
			.offer_thumb .slider_pagination a.selected:after { filter: alpha(opacity=100); opacity: 1; }
			
			.offer_thumb .slider_pagination a { background-color: #fff; }
			.offer_thumb .slider_pagination a.selected { background-color: #fff; background-image: url(/Content/images/stripes/stripes_3_b.png); }
			
			.offer_thumb .slider_pagination a img { vertical-align:middle;}
		}	

/*--------------------------
    Jassor Slider CSS
---------------------------*/
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 031 css*/
.jssorb031 {position:absolute;}
.jssorb031 .i {position:absolute;cursor:pointer;}
.jssorb031 .i .b {fill:#000;fill-opacity:0.5;stroke:#fff;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.3;}
.jssorb031 .i:hover .b {fill:#fff;fill-opacity:.7;stroke:#000;stroke-opacity:.5;}
.jssorb031 .iav .b {fill:#fff;stroke:#000;fill-opacity:1;}
.jssorb031 .i.idn {opacity:.3;}

/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

.poweredby { float: right; display: inline-flex; line-height: 40px;}
@media only screen and (max-width: 767px) {
    .poweredby { float: none;}
}
.two-fifth.column {
    width: 38%;
}

/*----------Inner Page Common Style-------------*/
.inner-pages #Header_wrapper { background-image: url(/Content/img/inner_banner-1.jpg); background-repeat: no-repeat; background-position: center top;}
.inner-pages #Header { min-height: 250px; }

/*----------Feedback Btn Style-------------*/
#fvfeedbackbutton260 { transform: none; -webkit-transform: none; -moz-transform: none; -moz-transform-origin: none; -o-transform: none; -o-transform-origin: none; -ms-transform: none; -ms-transform-origin: none; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);}
#fvfeedbackbutton260 { height:107px; width:30px; position:fixed;	text-indent:-9999px; top:30%; left:0%; line-height:0; }
#fvfeedbackbutton260 span{	background:url("/Content/img/feedback_mix.png") no-repeat scroll 50% 50% #1b9d91; display:block; height:107px; width:30px; padding:5px; position:fixed; text-indent:-9999px;	top:30%; left:0%; line-height:0;}
#fvfeedbackbutton260 span:hover { background-color:#13bfb1; }
.fvfeedbackbutton { z-index: 99999 !important; }
#fvfeedbackbutton260 a, 
#fvfeedbackbutton260 a:hover, 
#fvfeedbackbutton260 a:focus,
#fvfeedbackbutton260 a:active{ outline:0px solid !important; }

/*----------Contact-us page Style-------------*/
.contact-form .column, .columns { margin: 0 1% 10px; }

/*----------Watermark Style-------------------*/
.watermark { position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); opacity: .2; background-size: cover;}
.watermark img { width: 100%; }

@media only screen and (max-width: 1360px) {
    .watermark { top: 150%; }    
}