/* ========= INFORMATION ============================



- document:  Slick Modals - HTML5 and CSS3 powered modal popups

- author:    Capelle @ Codecanyon

- profile:   http://codecanyon.net/user/Capelle

- version:   3.5



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



.slickModal *{margin:0;outline:0;font-weight:400;font-style:normal;font-size:100%;vertical-align:baseline;line-height:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.slickModal{position:fixed;z-index:-1}.slickOverlay{position:fixed;top:0;left:0;width:100%;height:100%;content:"";display:block;background:rgba(0,0,0,.8);z-index:1}.slickWindow{display:block;position:fixed;z-index:2}.isActive{z-index:9999}.slickModal,.slickOverlay,.slickWindow{visibility:hidden;opacity:0;pointer-events:none}.isActive .slickOverlay,.isActive .slickWindow,.slickModal{visibility:visible;opacity:1;pointer-events:auto}.slickContent{position:relative}.slickWindow.center{top:0;right:0;bottom:0;left:0}.slickWindow.topLeft{top:0;left:0}.slickWindow.topCenter{top:0;left:0;right:0}.slickWindow.topRight{top:0;right:0}.slickWindow.bottomLeft{bottom:0;left:0}.slickWindow.bottomCenter{bottom:0;left:0;right:0}.slickWindow.bottomRight{bottom:0;right:0}.slickWindow.right{top:0;right:0;bottom:0}.slickWindow.left{top:0;left:0;bottom:0}.slickModal .animated{-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;animation-iteration-count:1;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden;transform-style:preserve-3d}.slickModal .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.slickModal .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.8)}100%{opacity:1;-webkit-transform:none}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:none}}.slickModal .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOut{0%{opacity:0;-webkit-transform:scale(1.2)}100%{opacity:1;-webkit-transform:none}}@keyframes zoomOut{0%{opacity:0;transform:scale(1.2)}100%{opacity:1;transform:none}}.slickModal .slideTop{-webkit-animation-name:slideTop;animation-name:slideTop}@-webkit-keyframes slideTop{0%{opacity:0;-webkit-transform:translateY(-25%)}100%{opacity:1;-webkit-transform:none}}@keyframes slideTop{0%{opacity:0;transform:translateY(-25%)}100%{opacity:1;transform:none}}.slickModal .slideBottom{-webkit-animation-name:slideBottom;animation-name:slideBottom}@-webkit-keyframes slideBottom{0%{opacity:0;-webkit-transform:translateY(25%)}100%{opacity:1;-webkit-transform:none}}@keyframes slideBottom{0%{opacity:0;transform:translateY(25%)}100%{opacity:1;transform:none}}.slickModal .slideRight{-webkit-animation-name:slideRight;animation-name:slideRight}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(25%)}100%{opacity:1;-webkit-transform:none}}@keyframes slideRight{0%{opacity:0;transform:translateX(25%)}100%{opacity:1;transform:none}}.slickModal .slideLeft{-webkit-animation-name:slideLeft;animation-name:slideLeft}@-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-25%)}100%{opacity:1;-webkit-transform:none}}@keyframes slideLeft{0%{opacity:0;transform:translateX(-25%)}100%{opacity:1;transform:none}}.slickModal .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(720deg) scale(0)}100%{opacity:1;-webkit-transform:none}}@keyframes rotateIn{0%{opacity:0;transform:rotate(720deg) scale(0)}100%{opacity:1;transform:none}}.slickModal .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOut{0%{opacity:0;-webkit-transform:rotate(720deg) scale(1.4)}100%{opacity:1;-webkit-transform:none}}@keyframes rotateOut{0%{opacity:0;transform:rotate(720deg) scale(1.4)}100%{opacity:1;transform:none}}.slickModal .flipInX{-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInX{0%{opacity:0;-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in}60%{opacity:1;-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg)}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);transition-timing-function:ease-in}60%{opacity:1;transform:perspective(400px) rotate3d(1,0,0,10deg)}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{transform:perspective(400px)}}.slickModal .flipInY{-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipInY{0%{opacity:0;-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in}60%{opacity:1;-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg)}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotate3d(0,1,0,90deg);transition-timing-function:ease-in}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);transition-timing-function:ease-in}60%{opacity:1;transform:perspective(400px) rotate3d(0,1,0,10deg)}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{transform:perspective(400px)}}.slickModal .swingTop{-webkit-animation-name:swingTop;animation-name:swingTop;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes swingTop{0%{opacity:0;-webkit-transform:perspective(300px) rotateX(-90deg)}100%{opacity:1;-webkit-transform:none}}@keyframes swingTop{0%{opacity:0;transform:perspective(300px) rotateX(-90deg)}100%{opacity:1;transform:none}}.slickModal .swingBottom{-webkit-animation-name:swingBottom;animation-name:swingBottom;-webkit-transform-origin:bottom center;transform-origin:bottom center}@-webkit-keyframes swingBottom{0%{opacity:0;-webkit-transform:perspective(300px) rotateX(90deg)}100%{opacity:1;-webkit-transform:none}}@keyframes swingBottom{0%{opacity:0;transform:perspective(300px) rotateX(90deg)}100%{opacity:1;transform:none}}.slickModal .swingRight{-webkit-animation-name:swingRight;animation-name:swingRight;-webkit-transform-origin:center right;transform-origin:center right}@-webkit-keyframes swingRight{0%{opacity:0;-webkit-transform:perspective(200px) rotateY(-90deg)}100%{opacity:1;-webkit-transform:none}}@keyframes swingRight{0%{opacity:0;transform:perspective(200px) rotateY(-90deg)}100%{opacity:1;transform:none}}.slickModal .swingLeft{-webkit-animation-name:swingLeft;animation-name:swingLeft;-webkit-transform-origin:center left;transform-origin:center left}@-webkit-keyframes swingLeft{0%{opacity:0;-webkit-transform:perspective(200px) rotateY(90deg)}100%{opacity:1;-webkit-transform:none}}@keyframes swingLeft{0%{opacity:0;transform:perspective(200px) rotateY(90deg)}100%{opacity:1;transform:none}}.slickModal .flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes flash{0%,40%,80%{opacity:0}100%,20%,60%{opacity:1}}@keyframes flash{0%,40%,80%{opacity:0}100%,20%,60%{opacity:1}}.slickModal .pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes pulse{0%{opacity:0}25%{opacity:1}25%,75%{-webkit-transform:scale(1.05)}0%,100%,50%{-webkit-transform:none}}@keyframes pulse{0%{opacity:0}25%{opacity:1}25%,75%{transform:scale(1.05)}0%,100%,50%{transform:none}}.slickModal .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes rubberBand{0%{opacity:0;-webkit-transform:scale3d(1,1,1)}30%{opacity:1;-webkit-transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{opacity:0;transform:scale3d(1,1,1)}30%{opacity:1;transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}.slickModal .shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes shake{0%{opacity:0}10%{opacity:1}0%,100%{-webkit-transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0)}}@keyframes shake{0%{opacity:0}10%{opacity:1}0%,100%{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.slickModal .swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes swing{0%{opacity:0}20%{opacity:1;-webkit-transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg)}}@keyframes swing{0%{opacity:0}20%{opacity:1;transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}100%{transform:rotate3d(0,0,1,0deg)}}.slickModal .tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes tada{0%{opacity:0;-webkit-transform:scale3d(1,1,1)}10%{opacity:1}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1)}}@keyframes tada{0%{opacity:0;transform:scale3d(1,1,1)}10%{opacity:1}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{transform:scale3d(1,1,1)}}.slickModal .wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes wobble{0%{opacity:0;-webkit-transform:none}15%{opacity:1;-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none}}@keyframes wobble{0%{opacity:0;transform:none}15%{opacity:1;transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{transform:none}}.slickModal .bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes bounce{0%{opacity:0}20%{opacity:1}0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0)}}@keyframes bounce{0%{opacity:0}20%{opacity:1}0%,100%,20%,53%,80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{transition-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{transition-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.slickModal .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}100%{opacity:1;transform:scale3d(1,1,1)}}.slickModal .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}100%{transform:translate3d(0,0,0)}}.slickModal .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0)}100%{-webkit-transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}100%{transform:none}}.slickModal .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0)}100%{-webkit-transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}100%{transform:none}}.slickModal .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0)}100%{-webkit-transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}100%{transform:none}}.slickModal .closeModal{cursor:pointer}.slickModal .close{position:absolute;right:0;z-index:10;font-weight:700}.slickModal .close,.slickModal .close:before{transition:all .1s ease}.slickModal .close:before{white-space:nowrap;display:block;position:relative;transition:all .1s ease}.slickModal .close.labeled{top:-30px}.slickModal .close.labeled:before{color:#fff;content:"close";font-size:8px;text-transform:uppercase;background:linear-gradient(to right,#fff 50%,#000 50%);background-size:200% 100%;background-position:right bottom;padding:6px 12px}.slickModal .close.labeled:hover:before{background-position:left bottom;color:#000}.slickModal .close.text{top:-20px}.slickModal .close.text:before{color:#fff;content:"Close";font-size:9px;text-transform:uppercase}.slickModal .close.tag{top:0}.slickModal .close.tag:before{color:#fff;content:"\00d7";background:#000;text-align:center;font-size:15px;width:24px;height:24px;line-height:24px;opacity:.2}.slickModal .close.tag:hover:before{opacity:1}.slickModal .close.icon{top:14px;right:14px;display:block;width:22px;height:22px;overflow:hidden;opacity:.3}.slickModal .close.icon:hover:before{color:#000}.slickModal .close.circle:after,.slickModal .close.circle:before,.slickModal .close.icon:after,.slickModal .close.icon:before{content:"";position:absolute;height:1px;top:50%;left:0;right:0;margin:auto;background:#000}.slickModal .close.icon:after,.slickModal .close.icon:before{width:100%}.slickModal .close.circle:after,.slickModal .close.circle:before{width:60%}.slickModal .close.circle:before,.slickModal .close.icon:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.slickModal .close.circle:after,.slickModal .close.icon:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.slickModal .close.icon:hover{opacity:1}.slickModal .close.circle{top:-12px;right:-12px;display:block;width:24px;height:24px;overflow:hidden;background:#4b9c47;border-radius:50%}.slickModal .close.circle:hover{transform:scale(1.1)}





/* Demo */



.slickWindow * {

	font-weight: 300;

	text-align: center;

}

.slickWindow .title {

	font-size: 30px;

	font-weight: 700;

}

.slickWindow .title,

.slickWindow p {

	color: #fff;

	opacity: 1;

}

.slickWindow .topIcon {

	content: "";

	display: block;

	background: url("Modaldown.png") 0 0 no-repeat;

	width: 120px;

	height: 73px;

	margin: 0 auto 20px auto;

}

.slickWindow form {

	display: block;

	margin: 20px 0;

}

.slickWindow input,

.slickWindow textarea,

.slickWindow form input.send {

	border-style: solid;

	border-color: transparent transparent #fff transparent;

	border-width: 1px;

	font-size: 12px;

	color: #fff;

	background: transparent;

	display: block;

	width: 100%;

	padding: 12px;

	margin-bottom: 12px;

	text-align: left;

}

.slickWindow form input.send {

	background: #ef6161;

	font-size: 14px;

	font-weight: 900;

	letter-spacing: 1px;

	border: none;

	margin-top: 20px;

	display: block;

	text-align: center;

}

.slickWindow form input.send:hover {

	background: #fff;

	color: #222;

}

.slickWindow .bottomClose {

	font-weight: 700;

	color: #fff;

	font-size: 12px;

}



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

   Responsive queries

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



/* 

   Note: Media queries use breakpoints upon which the target elements change their settings/values. Below is an example which sets the modal window to 96% of screen width and the inner title font size at 24px when screen viewport is at 480px width or below (mobiles, low-res tablets etc). You can target specific viewport width, height, their min/max breakpoints, media types and other settings. Within those rules you can then adjust every element and it's css attributes.



   Check out more at:

   http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

*/



@media screen and (max-width: 480px) {

	/* Create responsive modal window */

    .slickModal .slickWindow {

    	width: 96% !important; /* Side note: To override the jQuery plugin settings you need to use !important attribute at the end of every value which is initialized with the plugin */

    }

    /* Reduce the size of the main title */

    .slickModal .slickWindow .title {

    	font-size: 24px;

    }

    /* Let's center the close icon */

    .slickModal .close.icon {

    	right: 0;

    	left: 0;

    	margin: 0 auto;

    }

}

@media screen and (max-height: 480px) {

	/* Show the scrollbars so the user can scroll down the modal's content */

    .slickModal {

    	overflow: scroll;

    }

    /* Stick the overlay so it covers whole screen */

    .slickModal .overlay {

    	position: fixed;

    }

}



/* Demo styles */
.cookieNotice {
	font-family: "Raleway";
}
.cookieNotice {
	background: rgba(0,0,0,0.8);
	color: #fff;
	text-align: left;
	width: 100%;
	height: 90px;
	padding: 24px;
}
.cookieNotice h3 {
	font-weight: 900;
	padding-bottom: 6px;
	font-size: 18px;
}
.cookieNotice p,
.cookieNotice a {
	color: #fff;
	text-align: left;
}
.cookieNotice a {
	text-decoration: underline;
}
.cookieNotice label {
	position: absolute;
	right: 100px;
	top: 30px;
	background: url("down.png") 0 0 no-repeat;
    width: 32px;
    height: 32px;
    content: "";
    opacity: 0.6;
}
.cookieNotice label:hover {
	opacity: 1;
}

/* Demo styles */
.specialOffer2 * {
    font-family: "Raleway";
}
.specialOffer2 .title {
    opacity: 1;
    text-shadow: 4px 4px 0 rgba(0, 0, 0, .2)
}
.specialOffer2 {
    width: 100%;
    height: auto;
    color: #fff;
    padding: 0;
    margin: auto
}
.specialOffer2 .wrap {
    background: url(spcial-offer-2.jpg) no-repeat;
    height: auto;
    width: 100%;
    padding: 20px;
    position: relative;
    float: left;
    transition: background .2s ease
}
.specialOffer2 .wrap:after {
    display: none
}
.specialOffer2 .left {
    float: left;
    text-align: left
}
.specialOffer2 .right {
    float: right
}
.specialOffer2 .title {
    font-weight: 900;
    color: #fff
}
.specialOffer2 .intro {
    font-size: 14px
}
.specialOffer2 .intro span {
    font-weight: 900;
    font-size: 20px
}
.specialOffer2 #countdown3 li {
    display: inline-block;
    padding: 5px;
    margin: 0 20px 0 0;
    color: #fff;
    font-size: 12px
}
.specialOffer2 #countdown3 li p {
    display: inline;
    text-shadow: 4px 4px 0 rgba(0, 0, 0, .2);
    color: #fff
}
.specialOffer2 #countdown3 li p span {
    font-weight: 900;
    font-size: 32px
}
.specialOffer2 #countdown3 li.last span {
    font-size: 14px;
    font-weight: 900;
    background: #f78f8f;
    padding: 10px 20px
}
.specialOffer2 #countdown3 li.last span:hover {
    background: #111
}
@media screen and (max-width: 1439px) {
    .slickModal .window {
        width: 80% !important;
    }
    .specialOffer2 {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .slickModal .window {
        width: 100% !important;
    }
    .specialOffer2 #countdown3 li p span {
        font-size: 20px
    }
}
@media screen and (max-width: 800px) {
    .specialOffer2 {
        width: 100%
    }
    .specialOffer2 #countdown3 li:nth-child(1),
    .specialOffer2 #countdown3 li:nth-child(2),
    .specialOffer2 #countdown3 li:nth-child(3) {
        display: none
    }
}
@media screen and (max-width: 480px) {
    .specialOffer2 .wrap {
        padding: 10px;
    }
    .specialOffer2 ul {
        float: none !important;
        width: 100%;
        display: inline-block;
        margin-top: 10px;
    }
    .specialOffer2 li.last,
    .specialOffer2 li.last span {
        width: 100%;
        display: block;
        margin: 0 !important;
    }
    .specialOffer2 li.last {
        padding: 0 !important;
    }
    .specialOffer2 li.last span {
        padding: 6px 10px !important;
        text-align: center;
    }
}