/* ========= INFORMATION ============================

- document:  Slick Modals - HTML5 and CSS3 modal popups
- author:    Capelle @ Codecanyon
- profile:   http://codecanyon.net/user/Capelle

==================================================== */

.overlay,
.slickModals {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}
.slickModals * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    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
}
.window .wrap.custom.radius,
.window.radius {
    border-radius: 6px
}
.slickModals {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    visibility: hidden
}
.overlay,
.window {
    position: absolute;
    opacity: 0
}
.overlay {
    content: "";
    display: block;
    z-index: 1;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}
.window {
    display: inline-block;
    width: 500px;
    height: 266px;
    padding: 40px;
    margin: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    text-align: center
}
input.hiddenInput {
    display: none;
    visibility: hidden;
    opacity: 0
}
.slickModals label {
    cursor: pointer
}
.overlay.black {
    background: rgba(0, 0, 0, .85)
}
.overlay.white {
    background: rgba(255, 255, 255, .85)
}
.overlay.transparent {
    background: 0 0
}
.overlay.custom {
    background: rgba(77, 136, 217, .85)
}
.overlay.custom-2 {
    background: rgba(0, 0, 0, .4)
}
#special {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    height: 100%;
    width: 100%;
    position: relative
}
#special.blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px)
}
#special.grayscale {
    -webkit-filter: grayscale(.8);
    -moz-filter: grayscale(.8);
    -ms-filter: grayscale(.8);
    filter: grayscale(.8)
}
#special.invert {
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    -ms-filter: invert(1);
    filter: invert(1)
}
#special.scaled {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}
.window.black {
    background: #000
}
.window.white {
    background: #fff
}
.window.transparent {
    background: 0 0
}
.window.custom {
    background: #3e75c1
}
.window.shadow {
    box-shadow: 0 0 36px rgba(0, 0, 0, .2)
}
.window.shadow.strong {
    box-shadow: 0 0 36px rgba(0, 0, 0, .4)
}
.window.center {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.window.topLeft {
    top: 0;
    left: 0
}
.window.topCenter {
    top: 0;
    left: 0;
    right: 0
}
.window.topRight {
    top: 0;
    right: 0
}
.window.bottomLeft {
    bottom: 0;
    left: 0
}
.window.bottomCenter {
    bottom: 0;
    left: 0;
    right: 0
}
.window.bottomRight {
    bottom: 0;
    right: 0
}
.window.right {
    top: 0;
    right: 0;
    bottom: 0
}
.window.left {
    top: 0;
    left: 0;
    bottom: 0
}
.window.margin-10 {
    margin: 10px
}
.window.margin-20 {
    margin: 20px
}
.window.margin-30 {
    margin: 30px
}
.window.fade {
    opacity: 0
}
.window.zoomIn {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}
.window.zoomOut {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.window.slideTop {
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%)
}
.window.slideBottom {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%)
}
.window.slideLeft {
    -webkit-transform: translateX(-20%);
    -moz-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%)
}
.window.slideRight {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%)
}
.window.rotateIn {
    -webkit-transform: rotate(720deg) scale(0);
    -moz-transform: rotate(720deg) scale(0);
    -ms-transform: rotate(720deg) scale(0);
    transform: rotate(720deg) scale(0)
}
.window.rotateOut {
    -webkit-transform: rotate(720deg) scale(1.5);
    -moz-transform: rotate(720deg) scale(1.5);
    -ms-transform: rotate(720deg) scale(1.5);
    transform: rotate(720deg) scale(1.5)
}
.window.flipHorizontal {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}
.window.flipVertical {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}
.window.perspectiveTop {
    -webkit-transform: perspective(300px) rotateX(-90deg);
    -moz-transform: perspective(300px) rotateX(-90deg);
    -ms-transform: perspective(300px) rotateX(-90deg);
    transform: perspective(300px) rotateX(-90deg);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.window.perspectiveBottom {
    -webkit-transform: perspective(300px) rotateX(90deg);
    -moz-transform: perspective(300px) rotateX(90deg);
    -ms-transform: perspective(300px) rotateX(90deg);
    transform: perspective(300px) rotateX(90deg);
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.window.perspectiveLeft {
    -webkit-transform: perspective(200px) rotateY(90deg);
    -moz-transform: perspective(200px) rotateY(90deg);
    -ms-transform: perspective(200px) rotateY(90deg);
    transform: perspective(200px) rotateY(90deg);
    -webkit-transform-origin: center left;
    -moz-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}
.window.perspectiveRight {
    -webkit-transform: perspective(200px) rotateY(-90deg);
    -moz-transform: perspective(200px) rotateY(-90deg);
    -ms-transform: perspective(200px) rotateY(-90deg);
    transform: perspective(200px) rotateY(-90deg);
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}
.slickModals .linear {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    transition-timing-function: linear
}
.slickModals .ease {
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    transition-timing-function: ease
}
.slickModals .ease-in {
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -ms-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}
.slickModals .ease-out {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.slickModals .ease-in-out {
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}
.slickModals .fastest {
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -ms-transition-duration: .2s;
    transition-duration: .2s
}
.slickModals .fast {
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    transition-duration: .4s
}
.slickModals .medium {
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    -ms-transition-duration: .6s;
    transition-duration: .6s
}
.slickModals .slow {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    transition-duration: .8s
}
.slickModals .slowest {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s
}
.slickModals .close {
    position: absolute;
    top: -20px;
    right: 0;
    z-index: 10;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;
    transition: all .1s ease
}
.slickModals .close:before {
    white-space: nowrap;
    display: block;
    position: relative;
    transition: all .1s ease
}
.slickModals .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;
    margin-top: -10px
}
.slickModals .close.labeled:hover:before {
    background-position: left bottom;
    color: #000
}
.slickModals .close.text:before {
    color: #fff;
    content: "Close";
    font-size: 9px;
    text-transform: uppercase
}
.slickModals .close.tag:before {
    color: #fff;
    content: "\00d7";
    background: #000;
    text-align: center;
    font-size: 15px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: 20px;
    opacity: .2
}
.slickModals .close.icon:hover:before,
.window p {
    color: #000
}
.slickModals .close.tag:hover:before {
    opacity: 1
}
.slickModals .close.icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    margin: 44px 22px 0 0;
    opacity: .5
}
.window .popup-icon,
.window .wrap:after {
    display: block;
    content: ""
}
.slickModals .close.icon:after,
.slickModals .close.icon:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000
}
.slickModals .close.icon:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.slickModals .close.icon:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.slickModals .close.icon:hover {
    opacity: 1
}
input#section0-p-1:checked~.section0-m-1,
input#section0-p-2:checked~.section0-m-2,
input#section1-p-10:checked~.section1-m-10,
input#section1-p-11:checked~.section1-m-11,
input#section1-p-12:checked~.section1-m-12,
input#section1-p-13:checked~.section1-m-13,
input#section1-p-14:checked~.section1-m-14,
input#section1-p-15:checked~.section1-m-15,
input#section1-p-16:checked~.section1-m-16,
input#section1-p-1:checked~.section1-m-1,
input#section1-p-2:checked~.section1-m-2,
input#section1-p-3:checked~.section1-m-3,
input#section1-p-4:checked~.section1-m-4,
input#section1-p-5:checked~.section1-m-5,
input#section1-p-6:checked~.section1-m-6,
input#section1-p-7:checked~.section1-m-7,
input#section1-p-8:checked~.section1-m-8,
input#section1-p-9:checked~.section1-m-9,
input#section2-p-10:checked~.section2-m-10,
input#section2-p-11:checked~.section2-m-11,
input#section2-p-12:checked~.section2-m-12,
input#section2-p-13:checked~.section2-m-13,
input#section2-p-14:checked~.section2-m-14,
input#section2-p-15:checked~.section2-m-15,
input#section2-p-16:checked~.section2-m-16,
input#section2-p-17:checked~.section2-m-17,
input#section2-p-18:checked~.section2-m-18,
input#section2-p-19:checked~.section2-m-19,
input#section2-p-20:checked~.section2-m-20,
input#section2-p-21:checked~.section2-m-21,
input#section2-p-22:checked~.section2-m-22,
input#section2-p-23:checked~.section2-m-23,
input#section2-p-24:checked~.section2-m-24,
input#section2-p-1:checked~.section2-m-1,
input#section2-p-2:checked~.section2-m-2,
input#section2-p-3:checked~.section2-m-3,
input#section2-p-4:checked~.section2-m-4,
input#section2-p-5:checked~.section2-m-5,
input#section2-p-6:checked~.section2-m-6,
input#section2-p-7:checked~.section2-m-7,
input#section2-p-8:checked~.section2-m-8,
input#section2-p-9:checked~.section2-m-9,
input#section3-p-10:checked~.section3-m-10,
input#section3-p-1:checked~.section3-m-1,
input#section3-p-2:checked~.section3-m-2,
input#section3-p-3:checked~.section3-m-3,
input#section3-p-4:checked~.section3-m-4,
input#section3-p-5:checked~.section3-m-5,
input#section3-p-6:checked~.section3-m-6,
input#section3-p-7:checked~.section3-m-7,
input#section3-p-8:checked~.section3-m-8,
input#section3-p-9:checked~.section3-m-9,
input#section4-p-1:checked~.section4-m-1,
input#section4-p-2:checked~.section4-m-2,
input#section4-p-3:checked~.section4-m-3,
input#section4-p-4:checked~.section4-m-4,
input#section4-p-5:checked~.section4-m-5,
input#section4-p-6:checked~.section4-m-6,
input#section4-p-7:checked~.section4-m-7,
input#section4-p-8:checked~.section4-m-8,
input#section4-p-9:checked~.section4-m-9,
input#section5-p-10:checked~.section5-m-10,
input#section5-p-1:checked~.section5-m-1,
input#section5-p-2:checked~.section5-m-2,
input#section5-p-3:checked~.section5-m-3,
input#section5-p-4:checked~.section5-m-4,
input#section5-p-5:checked~.section5-m-5,
input#section5-p-6:checked~.section5-m-6,
input#section5-p-7:checked~.section5-m-7,
input#section5-p-8:checked~.section5-m-8,
input#section5-p-9:checked~.section5-m-9,
input#section6-p-1:checked~.section6-m-1,
input#section6-p-2:checked~.section6-m-2,
input#section6-p-3:checked~.section6-m-3,
input#section7-p-1:checked~.section7-m-1,
input#section7-p-2:checked~.section7-m-2,
input#section7-p-3:checked~.section7-m-3,
input#section7-p-4:checked~.section7-m-4,
input#section7-p-5:checked~.section7-m-5 {
    visibility: visible
}
input#section0-p-1:checked~.section0-m-1 .window,
input#section0-p-2:checked~.section0-m-2 .window,
input#section1-p-10:checked~.section1-m-10 .window,
input#section1-p-11:checked~.section1-m-11 .window,
input#section1-p-12:checked~.section1-m-12 .window,
input#section1-p-13:checked~.section1-m-13 .window,
input#section1-p-14:checked~.section1-m-14 .window,
input#section1-p-15:checked~.section1-m-15 .window,
input#section1-p-16:checked~.section1-m-16 .window,
input#section1-p-1:checked~.section1-m-1 .window,
input#section1-p-2:checked~.section1-m-2 .window,
input#section1-p-3:checked~.section1-m-3 .window,
input#section1-p-4:checked~.section1-m-4 .window,
input#section1-p-5:checked~.section1-m-5 .window,
input#section1-p-6:checked~.section1-m-6 .window,
input#section1-p-7:checked~.section1-m-7 .window,
input#section1-p-8:checked~.section1-m-8 .window,
input#section1-p-9:checked~.section1-m-9 .window,
input#section2-p-10:checked~.section2-m-10 .window,
input#section2-p-11:checked~.section2-m-11 .window,
input#section2-p-12:checked~.section2-m-12 .window,
input#section2-p-13:checked~.section2-m-13 .window,
input#section2-p-14:checked~.section2-m-14 .window,
input#section2-p-15:checked~.section2-m-15 .window,
input#section2-p-16:checked~.section2-m-16 .window,
input#section2-p-17:checked~.section2-m-17 .window,
input#section2-p-18:checked~.section2-m-18 .window,
input#section2-p-19:checked~.section2-m-19 .window,
input#section2-p-20:checked~.section2-m-20 .window,
input#section2-p-21:checked~.section2-m-21 .window,
input#section2-p-22:checked~.section2-m-22 .window,
input#section2-p-23:checked~.section2-m-23 .window,
input#section2-p-24:checked~.section2-m-24 .window,
input#section2-p-1:checked~.section2-m-1 .window,
input#section2-p-2:checked~.section2-m-2 .window,
input#section2-p-3:checked~.section2-m-3 .window,
input#section2-p-4:checked~.section2-m-4 .window,
input#section2-p-5:checked~.section2-m-5 .window,
input#section2-p-6:checked~.section2-m-6 .window,
input#section2-p-7:checked~.section2-m-7 .window,
input#section2-p-8:checked~.section2-m-8 .window,
input#section2-p-9:checked~.section2-m-9 .window,
input#section3-p-10:checked~.section3-m-10 .window,
input#section3-p-1:checked~.section3-m-1 .window,
input#section3-p-2:checked~.section3-m-2 .window,
input#section3-p-3:checked~.section3-m-3 .window,
input#section3-p-4:checked~.section3-m-4 .window,
input#section3-p-5:checked~.section3-m-5 .window,
input#section3-p-6:checked~.section3-m-6 .window,
input#section3-p-7:checked~.section3-m-7 .window,
input#section3-p-8:checked~.section3-m-8 .window,
input#section3-p-9:checked~.section3-m-9 .window,
input#section4-p-1:checked~.section4-m-1 .window,
input#section4-p-2:checked~.section4-m-2 .window,
input#section4-p-3:checked~.section4-m-3 .window,
input#section4-p-4:checked~.section4-m-4 .window,
input#section4-p-5:checked~.section4-m-5 .window,
input#section4-p-6:checked~.section4-m-6 .window,
input#section4-p-7:checked~.section4-m-7 .window,
input#section4-p-8:checked~.section4-m-8 .window,
input#section4-p-9:checked~.section4-m-9 .window,
input#section5-p-10:checked~.section5-m-10 .window,
input#section5-p-1:checked~.section5-m-1 .window,
input#section5-p-2:checked~.section5-m-2 .window,
input#section5-p-3:checked~.section5-m-3 .window,
input#section5-p-4:checked~.section5-m-4 .window,
input#section5-p-5:checked~.section5-m-5 .window,
input#section5-p-6:checked~.section5-m-6 .window,
input#section5-p-7:checked~.section5-m-7 .window,
input#section5-p-8:checked~.section5-m-8 .window,
input#section5-p-9:checked~.section5-m-9 .window,
input#section6-p-1:checked~.section6-m-1 .window,
input#section6-p-2:checked~.section6-m-2 .window,
input#section6-p-3:checked~.section6-m-3 .window,
input#section7-p-1:checked~.section7-m-1 .window,
input#section7-p-2:checked~.section7-m-2 .window,
input#section7-p-3:checked~.section7-m-3 .window,
input#section7-p-4:checked~.section7-m-4 .window,
input#section7-p-5:checked~.section7-m-5 .window {
    -webkit-transform: rotate(0) scale(1);
    -moz-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}
input#section0-p-1:checked~.section0-m-1 .overlay,
input#section0-p-2:checked~.section0-m-2 .overlay,
input#section1-p-10:checked~.section1-m-10 .overlay,
input#section1-p-11:checked~.section1-m-11 .overlay,
input#section1-p-12:checked~.section1-m-12 .overlay,
input#section1-p-13:checked~.section1-m-13 .overlay,
input#section1-p-14:checked~.section1-m-14 .overlay,
input#section1-p-15:checked~.section1-m-15 .overlay,
input#section1-p-16:checked~.section1-m-16 .overlay,
input#section1-p-1:checked~.section1-m-1 .overlay,
input#section1-p-2:checked~.section1-m-2 .overlay,
input#section1-p-3:checked~.section1-m-3 .overlay,
input#section1-p-4:checked~.section1-m-4 .overlay,
input#section1-p-5:checked~.section1-m-5 .overlay,
input#section1-p-6:checked~.section1-m-6 .overlay,
input#section1-p-7:checked~.section1-m-7 .overlay,
input#section1-p-8:checked~.section1-m-8 .overlay,
input#section1-p-9:checked~.section1-m-9 .overlay,
input#section2-p-10:checked~.section2-m-10 .overlay,
input#section2-p-11:checked~.section2-m-11 .overlay,
input#section2-p-12:checked~.section2-m-12 .overlay,
input#section2-p-13:checked~.section2-m-13 .overlay,
input#section2-p-14:checked~.section2-m-14 .overlay,
input#section2-p-15:checked~.section2-m-15 .overlay,
input#section2-p-16:checked~.section2-m-16 .overlay,
input#section2-p-17:checked~.section2-m-17 .overlay,
input#section2-p-18:checked~.section2-m-18 .overlay,
input#section2-p-19:checked~.section2-m-19 .overlay,
input#section2-p-20:checked~.section2-m-20 .overlay,
input#section2-p-21:checked~.section2-m-21 .overlay,
input#section2-p-22:checked~.section2-m-22 .overlay,
input#section2-p-23:checked~.section2-m-23 .overlay,
input#section2-p-24:checked~.section2-m-24 .overlay,
input#section2-p-1:checked~.section2-m-1 .overlay,
input#section2-p-2:checked~.section2-m-2 .overlay,
input#section2-p-3:checked~.section2-m-3 .overlay,
input#section2-p-4:checked~.section2-m-4 .overlay,
input#section2-p-5:checked~.section2-m-5 .overlay,
input#section2-p-6:checked~.section2-m-6 .overlay,
input#section2-p-7:checked~.section2-m-7 .overlay,
input#section2-p-8:checked~.section2-m-8 .overlay,
input#section2-p-9:checked~.section2-m-9 .overlay,
input#section3-p-10:checked~.section3-m-10 .overlay,
input#section3-p-1:checked~.section3-m-1 .overlay,
input#section3-p-2:checked~.section3-m-2 .overlay,
input#section3-p-3:checked~.section3-m-3 .overlay,
input#section3-p-4:checked~.section3-m-4 .overlay,
input#section3-p-5:checked~.section3-m-5 .overlay,
input#section3-p-6:checked~.section3-m-6 .overlay,
input#section3-p-7:checked~.section3-m-7 .overlay,
input#section3-p-8:checked~.section3-m-8 .overlay,
input#section3-p-9:checked~.section3-m-9 .overlay,
input#section4-p-1:checked~.section4-m-1 .overlay,
input#section4-p-2:checked~.section4-m-2 .overlay,
input#section4-p-3:checked~.section4-m-3 .overlay,
input#section4-p-4:checked~.section4-m-4 .overlay,
input#section4-p-5:checked~.section4-m-5 .overlay,
input#section4-p-6:checked~.section4-m-6 .overlay,
input#section4-p-7:checked~.section4-m-7 .overlay,
input#section4-p-8:checked~.section4-m-8 .overlay,
input#section4-p-9:checked~.section4-m-9 .overlay,
input#section5-p-10:checked~.section5-m-10 .overlay,
input#section5-p-1:checked~.section5-m-1 .overlay,
input#section5-p-2:checked~.section5-m-2 .overlay,
input#section5-p-3:checked~.section5-m-3 .overlay,
input#section5-p-4:checked~.section5-m-4 .overlay,
input#section5-p-5:checked~.section5-m-5 .overlay,
input#section5-p-6:checked~.section5-m-6 .overlay,
input#section5-p-7:checked~.section5-m-7 .overlay,
input#section5-p-8:checked~.section5-m-8 .overlay,
input#section5-p-9:checked~.section5-m-9 .overlay,
input#section6-p-1:checked~.section6-m-1 .overlay,
input#section6-p-2:checked~.section6-m-2 .overlay,
input#section6-p-3:checked~.section6-m-3 .overlay,
input#section7-p-1:checked~.section7-m-1 .overlay,
input#section7-p-2:checked~.section7-m-2 .overlay,
input#section7-p-3:checked~.section7-m-3 .overlay,
input#section7-p-4:checked~.section7-m-4 .overlay,
input#section7-p-5:checked~.section7-m-5 .overlay {
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s
}
.slickModals * {
    font-family: Raleway, sans-serif;
    font-weight: 300
}
.slickModals.section0-m-2 {
    z-index: 9999999999
}
.window .wrap {
    /*background: #d7d9cc;*/
    background: gold;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 0
}
.window .wrap:after {
    position: absolute;
    top: auto;
    bottom: 28px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    /*border-style: solid;
    border-width: 10px 25px 0;
    border-color: #d7d9cc transparent transparent;*/
    z-index: 10
}
.window .title {
    font-weight: 900;
    font-size: 26px;
    color: #000;
    opacity: .7;
    padding-bottom: 4px
}
.window p {
    font-size: 13px
}
.window .cta {
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px 0
}
.window .cta label {
    background: #5f6251;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    text-align: center;
    padding: 12px 36px;
    letter-spacing: 1px
}
.window .cta label:hover {
    background: #000
}
.window .popup-icon {
    /*background: url(popup-icon.png) no-repeat;
    width: 50px;
    height: 50px;
    opacity: .2; */
    margin: 0 auto 10px;
}
.window .wrap.black:after,
.window .wrap.custom:after,
.window .wrap.transparent:after,
.window .wrap.white:after {
    display: none
}
.slickModals .close.icon.white:after,
.slickModals .close.icon.white:before {
    background: #fff
}
.window .cta.black,
.window .wrap.black {
    background: #333
}
.slickModals .close.icon.white {
    opacity: 1
}
.slickModals .close.icon.white:hover {
    opacity: .6
}
.window .wrap.black>.title,
.window .wrap.black>p {
    color: #fff;
    opacity: 1
}
.window .cta.black label {
    background: #f78f8f
}
.window .cta.black label:hover {
    opacity: .6
}
.window .wrap.white {
    background: #fff
}
.window .wrap.white>.title,
.window .wrap.white>p {
    color: #333;
    opacity: 1
}
.window .cta.white {
    background: #fff;
    bottom: 16px
}
.window .cta.white label {
    background: #f78f8f
}
.window .cta.white label:hover {
    opacity: .6
}
.window .wrap.custom {
    background: #3e75c1
}
.window .wrap.custom>.title,
.window .wrap.custom>p {
    color: #fff;
    opacity: 1
}
.window .cta.custom {
    background: #3e75c1;
    bottom: 16px
}
.window .cta.custom label {
    background: #2c5894
}
.window .cta.custom label:hover {
    opacity: .6
}
.window .cta.transparent,
.window .wrap.transparent {
    background: 0 0
}
.window .wrap.transparent .title,
.window .wrap.transparent p {
    color: #fff;
    opacity: 1
}
.window .cta.transparent label {
    background: #fff;
    color: #222
}
.window .cta.transparent label:hover {
    background: #222;
    color: #fff
}
.window.demo-1 {
    height: 300px;
    width: 560px
}
.window .wrap.demo-1 {
    left: 0;
    width: 60%;
    height: 100%;
    background: #fff;
    text-align: left;
    padding: 30px
}
.window .wrap.demo-1:after {
    transform: rotateZ(-90deg);
    border-color: #fff transparent transparent;
    bottom: auto;
    top: 222px;
    left: auto;
    right: -24px
}
.window .wrap.demo-1 .title {
    color: #d66161;
    padding-bottom: 22px
}
.window .wrap.demo-1 p {
    font-size: 12px;
    padding-bottom: 22px
}
.window .wrap.demo-1 form input.field {
    background: #eee;
    padding: 12px;
    display: block;
    font-size: 11px;
    width: 100%
}
.window .wrap.demo-1 form label {
    background: #d66161;
    color: #fff;
    font-weight: 900;
    font-size: 16px;
    text-align: center;
    padding: 8px 12px;
    width: 100%;
    margin-top: 10px;
    display: block
}
.window .wrap.demo-1 form label:hover {
    background: #222
}
.window .wrap.demo-1 .deny {
    display: block;
    font-size: 9px;
    padding-top: 14px;
    color: #000;
    font-weight: 300
}
.window .cta.demo-1 {
    right: 0;
    height: 100%;
    bottom: auto;
    top: 0;
    width: 40%;
    left: auto;
    background: #222
}
.window .cta.demo-1 span.icon {
    width: 80px;
    height: 80px;
    background: url(email.png) no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px
}
.window .cta.demo-1 p {
    position: absolute;
    bottom: 62px;
    font-size: 10px;
    color: #fff;
    left: 70px
}
.window .cta.demo-1 p span {
    display: block;
    font-weight: 900;
    color: #fff
}
.window.special {
    color: #fff;
    height: 500px;
    width: 300px;
    padding: 0
}
.window.special label.go {
    background: url(promo-banner.jpg) no-repeat;
    content: "";
    width: 300px;
    height: 500px;
    display: block
}
.window.special2 {
    color: #fff;
    height: 600px;
    width: 300px;
    padding: 0;
    background: 0 0
}
.window.special2 label.go2 {
    background: url(promo-banner-2.jpg) no-repeat;
    content: "";
    width: 300px;
    height: 600px;
    display: block
}
.window.maps,
.window.yt {
    width: 80%;
    height: 80%;
    padding: 0
}
#map,
.window.maps iframe,
.window.yt iframe {
    width: 100%;
    height: 100%
}
.window.yt .labeled:before {
    background: #ef6161
}
.window.yt .labeled:hover:before {
    background: #fff
}
.section1-m-5 .overlay {
    background: #000
}
.window.demo-2 {
    width: 460px;
    height: 500px;
    padding: 0
}
.wrap.demo-2 {
    background: 0 0
}
.wrap.demo-2:after {
    display: none
}
.demo-2 .title {
    font-size: 30px
}
.demo-2 .title,
.demo-2 p {
    color: #fff;
    opacity: 1
}
.demo-2 .topIcon {
    content: "";
    display: block;
    background: url(down.png) no-repeat;
    width: 32px;
    height: 32px;
    margin: 0 auto 20px
}
.demo-2 form {
    display: block;
    margin: 30px 0
}
.demo-2 form label,
.demo-2 input,
.demo-2 textarea {
    border-style: solid;
    border-color: transparent transparent #fff;
    border-width: 1px;
    font-size: 12px;
    color: #fff;
    background: 0 0;
    display: block;
    width: 100%;
    padding: 12px;
    margin-bottom: 16px
}
.demo-2 form label {
    background: #ef6161;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1px;
    border: none;
    margin-top: 30px;
    display: block
}
.demo-2 form label:hover {
    background: #fff;
    color: #222
}
@media screen and (max-width: 480px) {
    .window.demo-2 {
        width: 100%
    }
}
.demo-2 .small {
    display: block;
    font-size: 12px;
    font-weight: 900;
    opacity: .6
}
.demo-2 .small:hover {
    opacity: 1
}
.demo-intro {
    width: 480px;
    height: 360px;
    padding: 0
}
.window.fbBox {
    width: 420px;
    height: 214px;
    padding: 0;
    margin: 30px
}
.statsBox {
    width: 500px;
    height: 340px;
    margin: 30px
}
.statsBox .row {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    text-align: left;
    color: #fff
}
.statsBox .main-title {
    margin-bottom: 26px;
    font-size: 18px;
    text-align: left;
    color: #fff
}
.statsBox .main-title span {
    font-weight: 900
}
.statsBox .data-title {
    width: 14%;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    float: left
}
.statsBox .data-title span {
    padding-right: 4px;
    color: #ddd;
    font-family: arial, Helvetica, sans-serif
}
.statsBox .data {
    width: 82%;
    height: 22px;
    display: inline-block;
    background: 0 0;
    float: right;
    overflow: hidden
}
.statsBox .data span {
    height: 100%;
    display: block;
    color: #fff;
    font-size: 10px;
    line-height: 22px;
    padding-left: 10px;
    background: #f0f0f0;
    background: linear-gradient(to right, #e67373 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    -webkit-transition: background .4s ease;
    -moz-transition: background .4s ease;
    -ms-transition: background .4s ease;
    transition: background .4s ease;
    font-family: arial, Helvetica, sans-serif
}
input#section1-p-9:checked~.section1-m-9 .data span {
    background-position: left bottom
}
.statsBox .data span.value-1 {
    width: 23%;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}
.statsBox .data span.value-2 {
    width: 58%;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}
.statsBox .data span.value-3 {
    width: 36%;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}
.statsBox .data span.value-4 {
    width: 79%;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.statsBox .data span.value-5 {
    width: 48%;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}
.statsBox .result {
    display: block;
    margin-top: 10px;
    float: left
}
.statsBox .result span {
    color: #fff;
    font-size: 10px
}
.statsBox .result span:before {
    content: "";
    display: inline-block;
    background: #e67373;
    width: 12px;
    height: 12px;
    vertical-align: top;
    margin: 5px 6px 0 0
}
.statsBox .result span b {
    font-weight: 900;
    color: #fff
}
.statsBox label {
    font-weight: 900;
    font-size: 12px;
    display: block;
    float: left;
    clear: both;
    margin-top: 20px;
    color: #fff;
    opacity: .6
}
.statsBox label:hover {
    opacity: 1
}
.cookieNotice {
    width: 400px;
    height: 184px;
    text-align: left;
    padding: 36px;
    color: #333;
    margin: auto
}
.cookieNotice h3 {
    font-weight: 900;
    padding-bottom: 16px;
    font-size: 18px
}
.cookieNotice label.cookieLabel {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    background: #222;
    text-align: center
}
.cookieNotice label {
    opacity: .3!important
}
.cookieNotice label:hover {
    opacity: 1!important
}
.cookieNotice a {
    color: #f78f8f;
    text-decoration: underline
}
.cookieNotice2 {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    text-align: left;
    width: 100%;
    height: 90px;
    padding: 24px
}
.cookieNotice2 h3 {
    font-weight: 900;
    padding-bottom: 6px;
    font-size: 18px
}
.cookieNotice2 a,
.cookieNotice2 p {
    color: #fff
}
.cookieNotice2 a {
    text-decoration: underline
}
.cookieNotice2 label {
    position: absolute;
    right: 30px;
    top: 30px;
    background: url(down.png) no-repeat;
    width: 32px;
    height: 32px;
    content: "";
    opacity: .6
}
.cookieNotice2 label:hover {
    opacity: 1
}
.section1-m-12 {
    width: auto;
    height: auto;
    left: auto;
    top: auto;
    z-index: 999999999
}
.socials {
    width: 200px;
    height: 60px;
    padding: 0;
    margin: 30px;
    text-align: right
}
.socials a {
    content: "";
    width: 40px;
    height: 40px;
    float: left;
    display: inline-block;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    transition: opacity .4s ease
}
input#section1-p-12:checked~.section1-m-12 .socials a {
    opacity: 1
}
.socials a.s-1 {
    background: url(socials/1.jpg) no-repeat;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}
.socials a.s-2 {
    background: url(socials/2.jpg) no-repeat;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}
.socials a.s-3 {
    background: url(socials/3.jpg) no-repeat;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}
.socials a.s-4 {
    background: url(socials/4.jpg) no-repeat;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.socials a.s-5 {
    background: url(socials/5.jpg) no-repeat;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}
.socials label {
    font-weight: 900;
    color: #fff;
    text-align: right;
    font-size: 12px;
    margin-top: 8px;
    display: inline-block
}
.socials label:hover {
    color: #222
}
.customCountdown {
    background: rgba(0, 154, 178, .9)
}
#countdown {
    margin: 40px 40px 40px 100px;
    color: #fff;
    text-align: left;
    padding: 0;
    height: auto
}
#countdown .title {
    color: #fff;
    opacity: 1;
    font-size: 48px
}
#countdown .intro {
    font-weight: 200;
    font-size: 22px
}
#countdown #countdown1 {
    margin-top: 20px
}
#countdown #countdown1 li {
    display: inline-block;
    padding: 5px;
    margin: 0 20px 0 0;
    color: #fff;
    font-size: 12px
}
#countdown #countdown1 li p {
    color: #fff;
    display: inline
}
#countdown #countdown1 li p span {
    font-weight: 900;
    font-size: 36px
}
#countdown .progress {
    display: inline-block;
    width: 100%;
    height: 3px;
    position: relative;
    background: rgba(255, 255, 255, .2)
}
#countdown .progress .current {
    width: 68%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}
#countdown .progress span {
    position: absolute;
    right: -50px;
    top: -12px;
    font-size: 12px;
    background: #fff;
    color: #009ab2;
    font-weight: 900;
    padding: 6px;
    border-radius: 4px
}
#countdown .progress span:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 5px 0;
    border-color: transparent #fff transparent transparent;
    content: "";
    position: absolute;
    left: -4px;
    top: 9px
}
#countdown img {
    width: 50px;
    height: 100px;
    position: absolute;
    top: -18px;
    left: -77px;
    opacity: .6
}
.specialOffer1 .title,
.specialOffer2 .title {
    opacity: 1;
    text-shadow: 4px 4px 0 rgba(0, 0, 0, .2)
}
.specialOffer1 {
    background: url(spcial-offer-1.jpg) no-repeat;
    width: 400px;
    height: 400px;
    margin: 30px;
    text-align: right;
    color: #fff
}
.specialOffer1 .title {
    color: #fff;
    font-size: 38px;
    margin: 110px 0 0
}
.specialOffer1 .intro {
    color: #222
}
.specialOffer1 #countdown2 {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff
}
.specialOffer1 #countdown2 li {
    display: inline-block;
    padding: 5px;
    margin: 0 20px 0 0;
    color: #fff;
    font-size: 12px
}
.specialOffer1 #countdown2 li p {
    display: inline;
    text-shadow: 4px 4px 0 rgba(0, 0, 0, .2);
    color: #fff
}
.specialOffer1 #countdown2 li p span {
    font-weight: 900;
    font-size: 32px
}
.specialOffer1 #countdown2 li:nth-child(3) {
    margin-right: 0
}
.specialOffer1 #countdown2 li.last {
    position: absolute;
    top: 54px;
    left: 0;
    border-top: solid 1px rgba(255, 255, 255, .3);
    padding-top: 14px;
    width: 100%;
    text-align: center;
    font-size: 14px
}
.specialOffer1 #countdown2 li.last label span {
    font-weight: 900
}
.specialOffer1 .price {
    position: absolute;
    top: 20px;
    right: 34px;
    color: #e97777;
    text-shadow: 4px 4px 0 rgba(0, 0, 0, .2);
    font-size: 68px;
    font-weight: 900
}
.specialOffer1 .price span {
    font-size: 30px
}
.specialOffer1 .location {
    position: absolute;
    top: 100px;
    right: 34px;
    color: #fff;
    font-size: 12px
}
.section1-m-16 {
    width: auto;
    height: auto
}
.specialOffer2 {
    width: 60%;
    height: auto;
    color: #fff;
    padding: 0;
    margin: auto
}
.specialOffer2 .wrap {
    background: url(spcial-offer-2.jpg) no-repeat;
    height: auto;
    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 label {
    font-size: 14px;
    font-weight: 900;
    background: #f78f8f;
    padding: 10px 20px
}
.specialOffer2 #countdown3 li.last label:hover {
    background: #111
}
@media screen and (max-width: 1440px) {
    .specialOffer2 {
        width: 80%
    }
}
@media screen and (max-width: 1024px) {
    .specialOffer2 #countdown3 li p span {
        font-size: 24px
    }
}
@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
    }
}