/* Minification failed. Returning unminified contents. (1545,3): run-time error CSS1060: Expected closing curly-brace, found '0' (1548,42): run-time error CSS1019: Unexpected token, found '}' (1550,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1551,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0' (2542,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2543,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (2547,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2548,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (2553,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2554,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2558,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2559,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2595,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2596,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2601,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2602,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2608,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2614,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2615,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2646,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2647,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (2651,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2652,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (2657,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2658,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2662,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2693,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2694,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (2698,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2699,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (2704,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2705,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2709,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2710,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2740,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (2745,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (2751,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2752,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2756,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2787,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2788,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (2792,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2793,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (2798,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2799,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2803,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2804,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2834,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2842,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2851,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2859,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2889,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2890,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2903,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2904,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2918,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2929,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2990,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (2995,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3000,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3008,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3059,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3063,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3067,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3073,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3105,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3110,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3116,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3124,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3156,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3161,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3167,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3172,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3201,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3202,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '90%' (3208,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3209,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '90%' (3216,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3221,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3222,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3248,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3253,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3254,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3259,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3263,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3289,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3290,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3294,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3300,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3307,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3308,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3340,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '90%' (3347,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3348,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '90%' (3355,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3356,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3360,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3361,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3379,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3384,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3390,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3398,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3399,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3420,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3421,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3425,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3431,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3439,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3461,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3462,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3466,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3467,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3472,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3473,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3480,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3502,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3503,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3507,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3508,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (3513,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3521,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3537,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3538,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3545,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3557,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3558,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3563,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3564,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3575,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3576,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3583,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3584,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ .toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}} @-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626} .dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:0.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px} .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /*! Select2 Bootstrap Theme v0.1.0-beta.4 | MIT License | github.com/select2/select2-bootstrap-theme */ .select2-container--bootstrap { display: block } .select2-container--bootstrap .select2-selection { -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); background-color: #fff; border-radius: 4px; color: #555; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; outline: 0 } .select2-container--bootstrap .select2-search--dropdown .select2-search__field { -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); background-color: #fff; border: 1px solid #c2cad8; border-radius: 4px; color: #555; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px } .select2-container--bootstrap .select2-search__field { outline: 0 } .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder { color: #999 } .select2-container--bootstrap .select2-search__field:-moz-placeholder { color: #999 } .select2-container--bootstrap .select2-search__field::-moz-placeholder { color: #999; opacity: 1 } .select2-container--bootstrap .select2-search__field:-ms-input-placeholder { color: #999 } .select2-container--bootstrap .select2-results__option[role=group] { padding: 0 } .select2-container--bootstrap .select2-results__option[aria-disabled=true] { color: #777; cursor: not-allowed } .select2-container--bootstrap .select2-results__option[aria-selected=true] { background-color: #e1e5ec; color: #262626 } .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: #337ab7; color: #fff } .select2-container--bootstrap .select2-results__option .select2-results__option { padding: 6px 12px } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option { margin-left: -12px; padding-left: 24px } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -24px; padding-left: 36px } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -36px; padding-left: 48px } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -48px; padding-left: 60px } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -60px; padding-left: 72px } .select2-container--bootstrap .select2-results__group { color: #777; display: block; padding: 6px 12px; font-size: 12px; line-height: 1.42857; white-space: nowrap } .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 161, 187, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 161, 187, 0.6); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; border-color: #93a1bb } .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b { border-color: transparent transparent #999 transparent; border-width: 0 4px 4px 4px } .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-color: transparent } .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection { border-top-right-radius: 0; border-top-left-radius: 0; border-top-color: transparent } .select2-container--bootstrap .select2-selection__clear { color: #999; cursor: pointer; float: right; font-weight: bold; margin-right: 10px } .select2-container--bootstrap .select2-selection__clear:hover { color: #333 } .select2-container--bootstrap.select2-container--disabled .select2-selection { border-color: #c2cad8; -webkit-box-shadow: none; box-shadow: none } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-search__field { cursor: not-allowed } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #eef1f5 } .select2-container--bootstrap.select2-container--disabled .select2-selection__clear, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove { display: none } .select2-container--bootstrap .select2-dropdown { -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); border-color: #93a1bb; overflow-x: hidden; margin-top: -1px } .select2-container--bootstrap .select2-dropdown--above { margin-top: 1px } .select2-container--bootstrap .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--bootstrap .select2-selection--single { height: 30px; line-height: 1.42857; padding: 6px 24px 6px 3px } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { position: absolute; bottom: 0; right: 12px; top: 0; width: 4px } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-color: #999 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px; height: 0; left: 0; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #555; padding: 0 } .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--bootstrap .select2-selection--multiple { min-height: 30px } .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; display: block; line-height: 1.42857; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap } .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder { color: #999; float: left; margin-top: 5px } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { color: #555; background: #fff; border: 1px solid #ccc; border-radius: 4px; cursor: default; float: left; margin: 5px 0 0 6px; padding: 0 6px } .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent; padding: 0 12px; height: 32px; line-height: 1.42857; margin-top: 0; min-width: 5em } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 3px } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333 } .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 6px } .select2-container--bootstrap.input-sm, .select2-container--bootstrap.input-lg { border-radius: 0; font-size: 12px; height: auto; line-height: 1; padding: 0 } .select2-container--bootstrap.input-sm .select2-selection--single, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single { border-radius: 3px; font-size: 12px; height: 30px; line-height: 1.5; padding: 5px 22px 5px 10px } .select2-container--bootstrap.input-sm .select2-selection--single .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { margin-left: -5px } .select2-container--bootstrap.input-sm .select2-selection--multiple, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple { min-height: 30px } .select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 12px; line-height: 1.5; margin: 4px 0 0 5px; padding: 0 5px } .select2-container--bootstrap.input-sm .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 10px; font-size: 12px; height: 28px; line-height: 1.5 } .select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 5px } .select2-container--bootstrap.input-lg .select2-selection--single, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-group-lg .select2-container--bootstrap .select2-selection--single { border-radius: 6px; font-size: 13px; height: 46px; line-height: 1.33333; padding: 10px 31px 10px 16px } .select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { width: 5px } .select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-width: 5px 5px 0 5px; margin-left: -5px; margin-left: -10px; margin-top: -2.5px } .select2-container--bootstrap.input-lg .select2-selection--multiple, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-group-lg .select2-container--bootstrap .select2-selection--multiple { min-height: 46px } .select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 13px; line-height: 1.33333; border-radius: 4px; margin: 9px 0 0 8px; padding: 0 10px } .select2-container--bootstrap.input-lg .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 16px; font-size: 13px; height: 44px; line-height: 1.33333 } .select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 10px } .select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #999 transparent; border-width: 0 5px 5px 5px } .input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #999 transparent; border-width: 0 5px 5px 5px } .select2-container--bootstrap[dir="rtl"] .select2-selection--single { padding-left: 24px; padding-right: 12px } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 0; text-align: right } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 12px; right: auto } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b { margin-left: 0 } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-right: 6px } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .has-warning .select2-dropdown, .has-warning .select2-selection { border-color: #c29d0b } .has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f4d03f; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f4d03f; border-color: #927608 } .has-warning.select2-drop-active { border-color: #927608 } .has-warning.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #927608 } .has-error .select2-dropdown, .has-error .select2-selection { border-color: #e73d4a } .has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f2989f; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f2989f; border-color: #d71b29 } .has-error.select2-drop-active { border-color: #d71b29 } .has-error.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #d71b29 } .has-success .select2-dropdown, .has-success .select2-selection { border-color: #27a4b0 } .has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #60d2dc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #60d2dc; border-color: #1d7d86 } .has-success.select2-drop-active { border-color: #1d7d86 } .has-success.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #1d7d86 } .input-group .select2-container--bootstrap { display: table; table-layout: fixed; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection { border-bottom-left-radius: 0; border-top-left-radius: 0 } .input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection { border-bottom-right-radius: 0; border-top-right-radius: 0 } .select2-bootstrap-append .select2-container--bootstrap, .select2-bootstrap-append .input-group-btn, .select2-bootstrap-append .input-group-btn .btn, .select2-bootstrap-prepend .select2-container--bootstrap, .select2-bootstrap-prepend .input-group-btn, .select2-bootstrap-prepend .input-group-btn .btn { vertical-align: top } .form-control.select2-hidden-accessible { position: absolute !important; width: 1px !important } .form-inline .select2-container--bootstrap { display: inline-block } @keyframes showSweetAlert { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes hideSweetAlert { 0% { transform: scale(1); } 100% { transform: scale(0.5); } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert { animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { animation: none; } .showSweetAlert[data-animation=slide-from-top] { animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { animation: slideFromBottom 0.3s; } .hideSweetAlert { animation: hideSweetAlert 0.3s; } .hideSweetAlert[data-animation=none] { animation: none; } .hideSweetAlert[data-animation=slide-from-top] { animation: slideToTop 0.3s; } .hideSweetAlert[data-animation=slide-from-bottom] { animation: slideToBottom 0.3s; } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } .animateSuccessTip { animation: animateSuccessTip 0.75s; } .animateSuccessLong { animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { animation: rotatePlaceholder 4.25s ease-in; } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { animation: animateErrorIcon 0.5s; } @keyframes animateXMark { 0% { transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { animation: animateXMark 0.5s; } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { animation: pulseWarning 0.75s infinite alternate; } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { animation: pulseWarningIns 0.75s infinite alternate; } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 1040; } .sweet-alert { background-color: #ffffff; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 2000; } @media all and (max-width: 767px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert .form-group { display: none; } .sweet-alert .form-group .sa-input-error { display: none; } .sweet-alert.show-input .form-group { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -9px; opacity: 0; visibility: hidden; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; border-radius: 50%; margin: 20px auto; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #d43f3a; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #d9534f; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #eea236; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: #f0ad4e; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #f0ad4e; } .sweet-alert .sa-icon.sa-info { border-color: #46b8da; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #5bc0de; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #5bc0de; } .sweet-alert .sa-icon.sa-success { border-color: #4cae4c; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: #ffffff; transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; transform: rotate(-45deg); transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; transform: rotate(-45deg); transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(92, 184, 92, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: #ffffff; position: absolute; left: 28px; top: 8px; z-index: 1; transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #5cb85c; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } .sweet-alert .btn-default:focus { border-color: #cccccc; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6); } .sweet-alert .btn-success:focus { border-color: #4cae4c; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6); } .sweet-alert .btn-info:focus { border-color: #46b8da; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6); } .sweet-alert .btn-danger:focus { border-color: #d43f3a; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6); } .sweet-alert .btn-warning:focus { border-color: #eea236; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6); } .sweet-alert button::-moz-focus-inner { border: 0; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } } /*! * Cube Portfolio - Responsive jQuery Grid Plugin * * version: 3.5.2 (11 February, 2016) * require: jQuery v1.7+ * * Copyright 2013-2016, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/) * Licensed under CodeCanyon License (http://codecanyon.net/licenses) * */ .cbp, .cbp *, .cbp *:after, .cbp:after, .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignCenter .cbp-filter-counter:after, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-alignRight .cbp-filter-counter:after, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-button .cbp-filter-counter:after, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-buttonCenter .cbp-filter-counter:after, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-dropdownHeader:after, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-text .cbp-filter-counter:after, .cbp-l-filters-underline, .cbp-l-filters-underline *, .cbp-popup-wrap, .cbp-popup-wrap *, .cbp-popup-wrap:before, .cbp-popup-loadingBox:after, .cbp-l-loadMore-bgbutton, .cbp-l-loadMore-bgbutton *, .cbp-l-loadMore-button, .cbp-l-loadMore-button *, .cbp-l-loadMore-text, .cbp-l-loadMore-text *, .cbp-search, .cbp-search *, .cbp-search-icon:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cbp-l-grid-agency-title, .cbp-l-grid-agency-desc, .cbp-l-grid-work-title, .cbp-l-grid-work-desc, .cbp-l-grid-blog-title, .cbp-l-grid-projects-title, .cbp-l-grid-projects-desc, .cbp-l-grid-masonry-projects-title, .cbp-l-grid-masonry-projects-desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-underline, .cbp-l-filters-underline * { -webkit-tap-highlight-color: transparent; } .cbp:after, .cbp-lazyload:after, .cbp-popup-loadingBox:after, .cbp-popup-singlePageInline:after { content: ''; position: absolute; width: 34px; height: 34px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-animation: cbp-rotation .8s infinite linear; animation: cbp-rotation .8s infinite linear; border-left: 3px solid rgba(114, 144, 182, 0.15); border-right: 3px solid rgba(114, 144, 182, 0.15); border-bottom: 3px solid rgba(114, 144, 182, 0.15); border-top: 3px solid rgba(114, 144, 182, 0.8); border-radius: 100%; } /* --------------------------------------------------------------- Default style for plugin. Please change them carefully! --------------------------------------------------------------- */ .cbp-item { display: inline-block; margin: 0 10px 20px 0; } .cbp { position: relative; margin: 0 auto; z-index: 1; height: 400px; } .cbp > * { visibility: hidden; } .cbp .cbp-item { position: absolute; top: 0; left: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .cbp img { display: block; border: 0; width: 100%; height: auto; } .cbp a, .cbp a:hover, .cbp a:active { text-decoration: none; outline: 0; } .cbp-ready > * { visibility: visible; } .cbp-ready:after { display: none; visibility: hidden; } .cbp-lazyload { position: relative; background: #fff; display: block; } .cbp-lazyload img { opacity: 1; } .cbp-lazyload img[data-cbp-src] { opacity: 0; } .cbp-lazyload img:not([data-cbp-src]) { -webkit-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; } .cbp-lazyload:after { z-index: 0; } .cbp-wrapper-outer { overflow: hidden; position: relative; margin: 0 auto; } .cbp-wrapper-outer, .cbp-wrapper, .cbp-wrapper-helper { list-style-type: none; padding: 0; width: 100%; height: 100%; z-index: 1; } .cbp-wrapper, .cbp-wrapper-helper { position: absolute; top: 0; left: 0; margin: 0; } .cbp-item-off { z-index: -1; pointer-events: none; visibility: hidden; } .cbp-item-on2off { z-index: 0; } .cbp-item-off2on { z-index: 1; } .cbp-item-on2on { z-index: 2; } .cbp-item-wrapper { width: 100%; height: 100%; position: relative; top: 0; left: 0; } .cbp-l-project-related-wrap img, .cbp-l-inline img { display: block; width: 100%; height: auto; border: 0; } .cbp-addItems { -webkit-transition: height .5s ease-in-out !important; transition: height .5s ease-in-out !important; will-change: height; } .cbp-addItems .cbp-item { -webkit-transition: top .5s ease-in-out, left .5s ease-in-out; transition: top .5s ease-in-out, left .5s ease-in-out; } .cbp-addItems .cbp-item-loading { -webkit-animation: fadeIn .5s ease-in-out; animation: fadeIn .5s ease-in-out; -webkit-transition: none; transition: none; } /* END - Default style for plugin. Please change them carefully! */ .cbp-panel { width: 94%; max-width: 1170px; margin: 0 auto; } .cbp-misc-video { position: relative; height: 0; padding-bottom: 56.25%; background: #000; text-align: center; } .cbp-misc-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @-webkit-keyframes cbp-rotation { 0 { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes cbp-rotation { 0 { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .clearfix:after { content: " "; display: block; height: 0; clear: both; } .cbp-l-filters-left { float: left; } .cbp-l-filters-right { float: right; } /* general caption style */ .cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap { display: block; } .cbp-caption-activeWrap { background-color: #282727; } .cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-defaultWrap, .cbp-caption-active .cbp-caption-activeWrap { overflow: hidden; position: relative; z-index: 1; } .cbp-caption-active .cbp-caption-defaultWrap { top: 0; } .cbp-caption-active .cbp-caption-activeWrap { width: 100%; position: absolute; z-index: 2; height: 100%; } /* --------------------------------------------------------------- caption miscellaneous style --------------------------------------------------------------- */ .cbp-l-caption-title { color: #fff; font: 400 16px/21px "Open Sans", sans-serif; } .cbp-l-caption-desc { color: #aaa; font: 400 12px/16px "Open Sans", sans-serif; } .cbp-l-caption-text { font: 400 14px/21px "Open Sans", sans-serif; color: #fff; letter-spacing: 3px; padding: 0 6px; } .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight { background-color: #547EB1; color: #FFFFFF; display: inline-block; font: 400 12px/30px "Open Sans", sans-serif; min-width: 90px; text-align: center; margin: 4px; padding: 0 6px; } .cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover { opacity: 0.9; } /* END - caption miscellaneous style */ /* --------------------------------------------------------------- none caption --------------------------------------------------------------- */ .cbp-caption-none .cbp-caption-activeWrap { display: none; } /* END - none caption */ /* --------------------------------------------------------------- caption layout align left --------------------------------------------------------------- */ .cbp-l-caption-alignLeft .cbp-l-caption-body { padding: 12px 30px; } .cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body { padding-top: 30px; } /* END - caption layout left */ /* --------------------------------------------------------------- caption layout center vertically and horizontally --------------------------------------------------------------- */ .cbp-l-caption-alignCenter { display: table; width: 100%; height: 100%; } .cbp-l-caption-alignCenter .cbp-l-caption-body { display: table-cell; vertical-align: middle; text-align: center; padding: 10px 0; } .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { position: relative; -webkit-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft { left: -20px; } .cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 20px; } .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 0; } /* END - caption layout center vertically and horizontally */ .cbp-caption-fadeIn .cbp-caption-activeWrap { opacity: 0; top: 0; background-color: rgba(0, 0, 0, 0.85); -webkit-transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; } .cbp-caption-minimal .cbp-l-caption-title, .cbp-caption-minimal .cbp-l-caption-desc { position: relative; left: 0; opacity: 0; -webkit-transition: -webkit-transform .35s ease-out; transition: transform .35s ease-out; } .cbp-caption-minimal .cbp-l-caption-title { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cbp-caption-minimal .cbp-l-caption-desc { -webkit-transform: translateY(70%); transform: translateY(70%); } .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title, .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .cbp-caption-minimal .cbp-caption-activeWrap { top: 0; background-color: black; background-color: rgba(0, 0, 0, 0.8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .cbp-caption-moveRight .cbp-caption-activeWrap { left: -100%; top: 0; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(100%); transform: translateX(100%); } .cbp-caption-overlayBottom .cbp-caption-activeWrap { height: 60px; background-color: #181616; background-color: rgba(24, 22, 22, 0.7); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap, .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { height: 60px; } .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-30px); transform: translateY(-30px); } .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-overlayBottomPush .cbp-caption-defaultWrap { -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottomPush .cbp-caption-activeWrap { bottom: -60px; height: 60px; -webkit-transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap { top: -60px; } .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap { bottom: 0; } .cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap { z-index: 2; -webkit-transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottomReveal .cbp-caption-activeWrap { bottom: 0; z-index: 1; height: 60px; } .cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap { top: -60px; } .cbp-caption-overlayRightAlong .cbp-caption-defaultWrap, .cbp-caption-overlayRightAlong .cbp-caption-activeWrap { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayRightAlong .cbp-caption-activeWrap { top: 0; left: -50%; width: 50%; } .cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateX(25%); transform: translateX(25%); } .cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(100%); transform: translateX(100%); } .cbp-caption-pushDown .cbp-caption-defaultWrap, .cbp-caption-pushDown .cbp-caption-activeWrap { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-pushDown .cbp-caption-activeWrap { top: -102%; height: 102%; } .cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(100%); transform: translateY(100%); } .cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(99%); transform: translateY(99%); } .cbp-caption-pushTop .cbp-caption-activeWrap, .cbp-caption-pushTop .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-pushTop .cbp-caption-activeWrap { height: 102%; } .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-99%); transform: translateY(-99%); } .cbp-caption-revealBottom .cbp-caption-defaultWrap { z-index: 2; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-revealBottom .cbp-caption-activeWrap { top: 0; z-index: 1; } .cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-revealLeft .cbp-caption-activeWrap { left: 100%; top: 0; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .cbp-caption-revealTop .cbp-caption-defaultWrap { z-index: 2; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-revealTop .cbp-caption-activeWrap { top: 0; z-index: 1; } .cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(100%); transform: translateY(100%); } .cbp-caption-zoom .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: scale(1.25); transform: scale(1.25); } .cbp-caption-zoom .cbp-caption-activeWrap { opacity: 0; top: 0; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; } .cbp-caption-opacity .cbp-item { padding: 1px; } .cbp-caption-opacity .cbp-caption, .cbp-caption-opacity .cbp-caption-activeWrap, .cbp-caption-opacity .cbp-caption-defaultWrap { background-color: transparent; } .cbp-caption-opacity .cbp-caption { border: 1px solid transparent; } .cbp-caption-opacity .cbp-caption:hover { border-color: #EDEDED; } .cbp-caption-opacity .cbp-caption-defaultWrap { opacity: 1; -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap { opacity: .8; } .cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap { top: 0; } .cbp-caption-expand .cbp-caption-activeWrap { height: auto; background-color: transparent; } .cbp-caption-expand .cbp-caption { border-bottom: 1px dotted #eaeaea; } .cbp-caption-expand .cbp-caption-defaultWrap { cursor: pointer; font: 500 15px/23px "Roboto", sans-serif; color: #474747; padding: 12px 0 11px 26px; } .cbp-caption-expand .cbp-caption-defaultWrap .fa { position: absolute; top: 16px; left: 0; width: 16px; text-align: center; font-size: 14px; } .cbp-caption-expand .cbp-l-caption-body { font: 400 13px/21px "Roboto", sans-serif; color: #888; padding: 0 0 20px 26px; } .cbp-caption-expand-active { -webkit-transition: height .4s !important; transition: height .4s !important; } .cbp-caption-expand-active .cbp-item { -webkit-transition: left .4s, top .4s !important; transition: left .4s, top .4s !important; } .cbp-caption-expand-open .cbp-caption-activeWrap { -webkit-transition: height .4s; transition: height .4s; } .cbp-l-filters-alignCenter { margin-bottom: 30px; text-align: center; font: 400 12px/21px sans-serif; color: #DADADA; } .cbp-l-filters-alignCenter .cbp-filter-item { color: #949494; cursor: pointer; font: 400 13px/21px "Open Sans", sans-serif; padding: 0 12px; transition: all .3s ease-in-out; position: relative; overflow: visible; margin: 0 0 10px; display: inline-block; } .cbp-l-filters-alignCenter .cbp-filter-item:hover { color: #2D2C2C; } .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active { color: #2D2C2C; cursor: default; } .cbp-l-filters-alignCenter .cbp-filter-counter { background: none repeat scroll 0 0 #626161; border-radius: 3px; color: #FFFFFF; font: 400 11px/18px "Open Sans", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: all .25s ease; transition: all .25s ease; } .cbp-l-filters-alignCenter .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #626161; display: none; } .cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter { bottom: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-alignLeft { margin-bottom: 30px; } .cbp-l-filters-alignLeft .cbp-filter-item { background-color: #fff; border: 1px solid #cdcdcd; cursor: pointer; font: 400 12px/30px "Open Sans", sans-serif; padding: 0 13px; position: relative; overflow: visible; margin: 0 8px 10px 0; display: inline-block; color: #888888; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cbp-l-filters-alignLeft .cbp-filter-item:hover { color: #111; } .cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active { background-color: #6C7A89; border: 1px solid #6C7A89; color: #fff; cursor: default; } .cbp-l-filters-alignLeft .cbp-filter-counter { display: inline; } .cbp-l-filters-alignRight { margin-bottom: 30px; text-align: right; } .cbp-l-filters-alignRight .cbp-filter-item { background-color: transparent; color: #8B8B8B; cursor: pointer; font: 400 11px/31px "Open Sans", sans-serif; padding: 0 14px; position: relative; overflow: visible; margin: 0 0 10px 5px; border: 1px solid #E4E2E2; text-transform: uppercase; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cbp-l-filters-alignRight .cbp-filter-item:hover { color: #2B3444; } .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active { color: #FFFFFF; background-color: #049372; border-color: #049372; cursor: default; } .cbp-l-filters-alignRight .cbp-filter-counter { background: none repeat scroll 0 0 #049372; border-radius: 3px; color: #fff; font: 400 11px/18px "Open Sans", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: opacity .25s ease, bottom .25s ease; transition: opacity .25s ease, bottom .25s ease; } .cbp-l-filters-alignRight .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #049372; display: none; } .cbp-l-filters-button { margin-bottom: 30px; } .cbp-l-filters-button .cbp-filter-item { background-color: #FFFFFF; border: 1px solid #ECECEC; color: #888888; cursor: pointer; font: 400 12px/32px "Open Sans", sans-serif; margin: 0 10px 10px 0; overflow: visible; padding: 0 17px; position: relative; display: inline-block; -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; } .cbp-l-filters-button .cbp-filter-item:hover { color: #545454; border-color: #DADADA; } .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active { background-color: #545454; color: #fff; border-color: #5d5d5d; cursor: default; } .cbp-l-filters-button .cbp-filter-counter { background-color: #545454; border-radius: 3px; color: #fff; font: 400 11px/18px "Open Sans", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .25s ease, bottom .25s ease; transition: opacity .25s ease, bottom .25s ease; } .cbp-l-filters-button .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #545454; display: none; } .cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-buttonCenter { margin-bottom: 30px; text-align: center; } .cbp-l-filters-buttonCenter .cbp-filter-item { background-color: #FFFFFF; border: 1px solid #ECECEC; color: #888888; cursor: pointer; font: 400 12px/32px "Roboto", sans-serif; margin: 0 10px 10px 0; overflow: visible; padding: 0 17px; position: relative; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover { color: #5d5d5d; } .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active { color: #3B9CB3; border-color: #8CD2E5; cursor: default; } .cbp-l-filters-buttonCenter .cbp-filter-counter { background-color: #68ABBC; border-radius: 3px; color: #fff; font: 400 11px/18px "Roboto", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .25s ease, bottom .25s ease; transition: opacity .25s ease, bottom .25s ease; } .cbp-l-filters-buttonCenter .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #68ABBC; display: none; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-dropdown { margin-bottom: 40px; height: 38px; position: relative; z-index: 5; } .cbp-l-filters-dropdownWrap { width: 200px; position: absolute; right: 0; background: #4d4c4d; } .cbp-l-filters-dropdownHeader { font: 400 12px/38px "Open Sans", sans-serif; margin: 0 17px; color: #FFF; cursor: default; position: relative; } .cbp-l-filters-dropdownHeader:after { border-color: #FFFFFF transparent; border-style: solid; border-width: 5px 5px 0; content: ""; height: 0; position: absolute; right: 0; top: 50%; width: 0; margin-top: -1px; } .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after { border-width: 0 5px 5px; } .cbp-l-filters-dropdownList { display: none; list-style: none outside none; margin: 0; padding: 0; } .cbp-l-filters-dropdownList > li { margin: 0; list-style: none; } .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList { display: block; margin: 0; } .cbp-l-filters-dropdownList .cbp-filter-item { background: transparent; color: #b3b3b3; width: 100%; text-align: left; font: 400 12px/40px "Open Sans", sans-serif; margin: 0; padding: 0 17px; cursor: pointer; border: none; border-top: 1px solid #595959; } .cbp-l-filters-dropdownList .cbp-filter-item:hover { color: #e6e6e6; } .cbp-l-filters-dropdownList .cbp-filter-item-active { color: #fff; cursor: default; } .cbp-l-filters-dropdownWrap .cbp-filter-counter { display: inline; } .cbp-l-filters-dropdown-floated { float: right; margin-top: -2px; margin-left: 20px; width: 200px; } .cbp-l-filters-list { margin-bottom: 30px; /* clearfix */ content: ""; display: table; clear: both; } .cbp-l-filters-list .cbp-filter-item { background-color: transparent; color: #585252; cursor: pointer; font: 400 12px/35px "Open Sans", sans-serif; padding: 0 18px; position: relative; overflow: visible; margin: 0 0 10px; float: left; border: 1px solid #3288C4; border-right-width: 0; -webkit-transition: left .3s ease-in-out; transition: left .3s ease-in-out; } .cbp-l-filters-list .cbp-filter-item:hover { color: #000; } .cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active { cursor: default; color: #FFFFFF; background-color: #3288C4; } .cbp-l-filters-list-first { border-radius: 6px 0 0 6px; } .cbp-l-filters-list-last { border-radius: 0 6px 6px 0; border-right-width: 1px !important; } .cbp-l-filters-list .cbp-filter-counter { display: inline; } @media only screen and (max-width: 600px) { .cbp-l-filters-list .cbp-filter-item { margin-right: 5px; border-radius: 6px; border-right-width: 1px; } } .cbp-l-filters-work { margin-bottom: 30px; text-align: center; } .cbp-l-filters-work .cbp-filter-item { background-color: #FFFFFF; color: #888; cursor: pointer; font: 600 11px/37px "Open Sans", sans-serif; margin: 0 5px 10px 0; overflow: visible; padding: 0 16px; position: relative; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cbp-l-filters-work .cbp-filter-item:hover { color: #fff; background: #607D8B; } .cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active { background: #607D8B; color: #fff; cursor: default; } .cbp-l-filters-work .cbp-filter-counter { font: 600 11px/37px "Open Sans", sans-serif; text-align: center; display: inline-block; margin-left: 8px; } .cbp-l-filters-work .cbp-filter-counter:before { content: '('; } .cbp-l-filters-work .cbp-filter-counter:after { content: ')'; } .cbp-l-filters-big { margin-bottom: 30px; text-align: center; } .cbp-l-filters-big .cbp-filter-item { color: #444; cursor: pointer; font: 400 15px/22px "Roboto", sans-serif; margin: 0 15px 10px 0; padding: 10px 23px; position: relative; display: inline-block; border: 1px solid transparent; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cbp-l-filters-big .cbp-filter-item:hover { color: #888; } .cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active { border-color: #d5d5d5; cursor: default; color: #444; } .cbp-l-filters-text { margin-bottom: 30px; text-align: center; font: 400 12px/21px "Lato", sans-serif; color: #DADADA; padding: 0 15px; } .cbp-l-filters-text .cbp-filter-item { color: #949494; cursor: pointer; font: 400 13px/21px "Lato", sans-serif; padding: 0 12px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; overflow: visible; margin: 0 0 10px; display: inline-block; } .cbp-l-filters-text .cbp-filter-item:hover { color: #2D2C2C; } .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active { color: #2D2C2C; cursor: default; } .cbp-l-filters-text .cbp-filter-counter { background: none repeat scroll 0 0 #626161; border-radius: 3px; color: #FFFFFF; font: 400 11px/16px "Lato", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 32px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: all .25s ease; transition: all .25s ease; } .cbp-l-filters-text .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #626161; display: none; } .cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter { bottom: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-text-sort { display: inline-block; font: 400 13px/21px "Lato", sans-serif; color: #949494; margin-right: 15px; } .cbp-l-filters-underline { margin-bottom: 30px; } .cbp-l-filters-underline .cbp-filter-item { border-bottom: 3px solid transparent; cursor: pointer; font: 600 14px/21px "Open Sans", sans-serif; padding: 8px 10px; position: relative; overflow: visible; margin: 0 20px 10px 0; display: inline-block; color: #787878; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cbp-l-filters-underline .cbp-filter-item:hover { color: #111; } .cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active { border-bottom-color: #666; color: #444; cursor: default; } .cbp-l-filters-underline .cbp-filter-counter { display: inline; } .cbp-animation-quicksand { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-quicksand .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; } .cbp-animation-quicksand .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-quicksand .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: quicksand-off .6s ease-out both; animation: quicksand-off .6s ease-out both; } .cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: quicksand-on .6s ease-out both; animation: quicksand-on .6s ease-out both; } /* in */ @-webkit-keyframes quicksand-off { 100% { opacity: 0; -webkit-transform: scale3d(0, 0, 0); } } @keyframes quicksand-off { 100% { opacity: 0; transform: scale3d(0, 0, 0); } } /* out */ @-webkit-keyframes quicksand-on { 0% { opacity: 0; -webkit-transform: scale3d(0, 0, 0); } } @keyframes quicksand-on { 0% { opacity: 0; transform: scale3d(0, 0, 0); } } .cbp-animation-fadeOut, .cbp-animation-boxShadow { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-fadeOut .cbp-item, .cbp-animation-boxShadow .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; } .cbp-animation-fadeOut .cbp-item, .cbp-animation-boxShadow .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-fadeOut .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: fadeOut-off .6s ease-in-out both; animation: fadeOut-off .6s ease-in-out both; } .cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: fadeOut-on .6s ease-in-out both; animation: fadeOut-on .6s ease-in-out both; } /* in */ @-webkit-keyframes fadeOut-off { 0% { opacity: 1; } 80%, 100% { opacity: 0; } } @keyframes fadeOut-off { 0% { opacity: 1; } 80%, 100% { opacity: 0; } } /* out */ @-webkit-keyframes fadeOut-on { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut-on { 0% { opacity: 0; } 100% { opacity: 1; } } .cbp-animation-flipOut { -webkit-transition: height .7s ease-in-out; transition: height .7s ease-in-out; will-change: height; } .cbp-animation-flipOut .cbp-item { -webkit-transition: -webkit-transform .7s ease-in-out; transition: transform .7s ease-in-out; } .cbp-animation-flipOut .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipOut .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: flipOut-out .7s both ease-in; animation: flipOut-out .7s both ease-in; } .cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: flipOut-in .7s ease-out both; animation: flipOut-in .7s ease-out both; } /* out */ @-webkit-keyframes flipOut-out { 50%, 100% { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @keyframes flipOut-out { 50%, 100% { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } /* in */ @-webkit-keyframes flipOut-in { 0%, 50% { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @keyframes flipOut-in { 0%, 50% { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } .cbp-animation-flipBottom { -webkit-transition: height .7s ease-in-out; transition: height .7s ease-in-out; will-change: height; } .cbp-animation-flipBottom .cbp-item { -webkit-transition: -webkit-transform .7s ease-in-out; transition: transform .7s ease-in-out; } .cbp-animation-flipBottom .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipBottom .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: flipBottom-out .7s both ease-in; animation: flipBottom-out .7s both ease-in; } .cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: flipBottom-in .7s ease-out both; animation: flipBottom-in .7s ease-out both; } /* out */ @-webkit-keyframes flipBottom-out { 50%, 100% { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @keyframes flipBottom-out { 50%, 100% { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } /* in */ @-webkit-keyframes flipBottom-in { 0%, 50% { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } @keyframes flipBottom-in { 0%, 50% { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } .cbp-animation-scaleSides { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-scaleSides .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; } .cbp-animation-scaleSides .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-scaleSides .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: scaleSides-out .9s ease both; animation: scaleSides-out .9s ease both; } .cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: scaleSides-in .9s ease both; animation: scaleSides-in .9s ease both; } /* out */ @-webkit-keyframes scaleSides-out { 50%, 100% { -webkit-transform: scale(0.6); opacity: 0; } } @keyframes scaleSides-out { 50%, 100% { transform: scale(0.6); opacity: 0; } } /* in */ @-webkit-keyframes scaleSides-in { 0%, 50% { -webkit-transform: scale(0.6); opacity: 0; } } @keyframes scaleSides-in { 0%, 50% { transform: scale(0.6); opacity: 0; } } .cbp-animation-skew { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-skew .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; } .cbp-animation-skew .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-skew .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: skew-off .6s ease-out both; animation: skew-off .6s ease-out both; } .cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: skew-on .6s ease-out both; animation: skew-on .6s ease-out both; } /* in */ @-webkit-keyframes skew-off { 100% { opacity: 0; -webkit-transform: scale3d(0, 0, 0) skew(20deg, 0); } } @keyframes skew-off { 100% { opacity: 0; transform: scale3d(0, 0, 0) skew(20deg, 0); } } /* out */ @-webkit-keyframes skew-on { 0% { opacity: 0; -webkit-transform: scale3d(0, 0, 0) skew(0, 20deg); } } @keyframes skew-on { 0% { opacity: 0; transform: scale3d(0, 0, 0) skew(0, 20deg); } } .cbp-animation-fadeOutTop { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-fadeOutTop .cbp-wrapper-outer { overflow: visible; } .cbp-animation-fadeOutTop .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; overflow: visible; } .cbp-animation-fadeOutTop .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: fadeOutTop-out .6s both ease-in-out; animation: fadeOutTop-out .6s both ease-in-out; } .cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper { -webkit-animation: fadeOutTop-in .6s both ease-in-out; animation: fadeOutTop-in .6s both ease-in-out; } /* out */ @-webkit-keyframes fadeOutTop-out { 0% { -webkit-transform: translateY(0); opacity: 1; } 50%, 100% { -webkit-transform: translateY(-30px); opacity: 0; } } @keyframes fadeOutTop-out { 0% { transform: translateY(0); opacity: 1; } 50%, 100% { transform: translateY(-30px); opacity: 0; } } /* out */ @-webkit-keyframes fadeOutTop-in { 0%, 50% { -webkit-transform: translateY(-30px); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes fadeOutTop-in { 0%, 50% { transform: translateY(-30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .cbp-animation-slideLeft { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-slideLeft .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-slideLeft .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: slideLeft-out .8s both ease-in-out; animation: slideLeft-out .8s both ease-in-out; } .cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper { -webkit-animation: slideLeft-in .8s both ease-in-out; animation: slideLeft-in .8s both ease-in-out; } /* out */ @-webkit-keyframes slideLeft-out { 0% { opacity: 1; transform: scale(1); } 25% { opacity: .75; -webkit-transform: scale(0.8); } 75% { opacity: .75; -webkit-transform: scale(0.8) translateX(-200%); } 100% { opacity: .75; -webkit-transform: scale(0.8) translateX(-200%); } } @keyframes slideLeft-out { 0% { opacity: 1; transform: scale(1); } 25% { opacity: .75; transform: scale(0.8); } 75% { opacity: .75; transform: scale(0.8) translateX(-200%); } 100% { opacity: .75; transform: scale(0.8) translateX(-200%); } } /* in */ @-webkit-keyframes slideLeft-in { 0%, 25% { opacity: .75; -webkit-transform: scale(0.8) translateX(200%); } 75% { opacity: .75; -webkit-transform: scale(0.8); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @keyframes slideLeft-in { 0%, 25% { opacity: .75; transform: scale(0.8) translateX(200%); } 75% { opacity: .75; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .cbp-animation-sequentially { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-sequentially .cbp-wrapper-outer { overflow: visible; } .cbp-animation-sequentially .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; overflow: visible; } .cbp-animation-sequentially .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: fadeOutTop-out .6s both ease; animation: fadeOutTop-out .6s both ease; } .cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper { -webkit-animation: fadeOutTop-in .6s both ease-out; animation: fadeOutTop-in .6s both ease-out; } .cbp-animation-3dflip { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-3dflip .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-3dflip .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: flip-out 0.6s both ease-in-out; animation: flip-out 0.6s both ease-in-out; } .cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: flip-in 0.6s both ease-in-out; animation: flip-in 0.6s both ease-in-out; } @-webkit-keyframes flip-out { 100% { opacity: 0; -webkit-transform: rotateY(90deg); } } @keyframes flip-out { 100% { opacity: 0; transform: rotateY(90deg); } } @-webkit-keyframes flip-in { 0% { opacity: 0; -webkit-transform: rotateY(-90deg); } 100% { opacity: 1; -webkit-transform: rotateY(0deg); } } @keyframes flip-in { 0% { opacity: 0; transform: rotateY(-90deg); } 100% { opacity: 1; transform: rotateY(0deg); } } .cbp-animation-flipOutDelay { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-flipOutDelay .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipOutDelay .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: flipOut-out 1s both ease-in; animation: flipOut-out 1s both ease-in; } .cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper { -webkit-animation: flipOut-in 1s both ease-out; animation: flipOut-in 1s both ease-out; } .cbp-animation-slideDelay { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-slideDelay .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-slideDelay .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: slideDelay-out 0.5s both ease-in-out; animation: slideDelay-out 0.5s both ease-in-out; } .cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper { -webkit-animation: slideDelay-in 0.5s both ease-in-out; animation: slideDelay-in 0.5s both ease-in-out; } /* out */ @-webkit-keyframes slideDelay-out { 100% { -webkit-transform: translateX(-100%); } } @keyframes slideDelay-out { 100% { transform: translateX(-100%); } } @-webkit-keyframes slideDelay-in { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0); } } @keyframes slideDelay-in { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } .cbp-animation-rotateSides { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-rotateSides .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-rotateSides .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: -50% 50%; -webkit-animation: rotateSides-out .5s both ease-in; transform-origin: -50% 50%; animation: rotateSides-out .5s both ease-in; } .cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 150% 50%; -webkit-animation: rotateSides-in .6s both ease-out; transform-origin: 150% 50%; animation: rotateSides-in .6s both ease-out; } /* out */ @-webkit-keyframes rotateSides-out { 100% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); } } @keyframes rotateSides-out { 100% { opacity: 0; transform: translateZ(-500px) rotateY(90deg); } } /* in */ @-webkit-keyframes rotateSides-in { 0% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } 40% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } } @keyframes rotateSides-in { 0% { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); } 40% { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); } } .cbp-animation-foldLeft { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-foldLeft .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-foldLeft .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: foldLeft-out .7s both ease; animation: foldLeft-out .7s both ease; } .cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper { -webkit-animation: foldLeft-in .7s both ease; animation: foldLeft-in .7s ease both; } /* out */ @-webkit-keyframes foldLeft-out { 100% { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); } } @keyframes foldLeft-out { 100% { opacity: 0; transform: translateX(-100%) rotateY(-90deg); } } /* in */ @-webkit-keyframes foldLeft-in { 0% { opacity: 0.3; -webkit-transform: translateX(100%); } } @keyframes foldLeft-in { 0% { opacity: 0.3; transform: translateX(100%); } } .cbp-animation-unfold { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-unfold .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-unfold .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: unfold-out .8s ease both; animation: unfold-out .8s ease both; } .cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 0% 50%; -webkit-animation: unfold-in .8s both ease; transform-origin: 0% 50%; animation: unfold-in .8s both ease; } /* out */ @-webkit-keyframes unfold-out { 90% { opacity: 0.3; } 100% { opacity: 0; -webkit-transform: translateX(-100%); } } @keyframes unfold-out { 90% { opacity: 0.3; } 100% { opacity: 0; transform: translateX(-100%); } } /* in */ @-webkit-keyframes unfold-in { 0% { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); } } @keyframes unfold-in { 0% { opacity: 0; transform: translateX(100%) rotateY(90deg); } } .cbp-animation-scaleDown { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-scaleDown .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-scaleDown .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: scaleDown-out .7s ease both; animation: scaleDown-out .7s ease both; } .cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper { -webkit-animation: scaleDown-in .6s ease both; animation: scaleDown-in .6s ease both; } /* out */ @-webkit-keyframes scaleDown-out { 100% { opacity: 0; -webkit-transform: scale(0.8); } } @keyframes scaleDown-out { 100% { opacity: 0; transform: scale(0.8); } } /* in */ @-webkit-keyframes scaleDown-in { 0% { -webkit-transform: translateX(100%); } } @keyframes scaleDown-in { 0% { transform: translateX(100%); } } .cbp-animation-frontRow { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-frontRow .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-frontRow .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: frontRow-out .7s both ease; animation: frontRow-out .7s both ease; } .cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper { -webkit-animation: frontRow-in .6s both ease; animation: frontRow-in .6s both ease; } /* out */ @-webkit-keyframes frontRow-out { 100% { -webkit-transform: translateX(-60%) scale(0.8); opacity: 0; } } @keyframes frontRow-out { 100% { transform: translateX(-60%) scale(0.8); opacity: 0; } } /* in */ @-webkit-keyframes frontRow-in { 0% { -webkit-transform: translateX(100%) scale(0.8); } 100% { opacity: 1; -webkit-transform: translateX(0%) scale(1); } } @keyframes frontRow-in { 0% { transform: translateX(100%) scale(0.8); } 100% { opacity: 1; transform: translateX(0%) scale(1); } } .cbp-animation-rotateRoom { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-rotateRoom .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-rotateRoom .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateRoom-out .8s both ease; animation: rotateRoom-out .8s both ease; } .cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateRoom-in .8s both ease; animation: rotateRoom-in .8s both ease; } /* out */ @-webkit-keyframes rotateRoom-out { 90% { opacity: .3; } 100% { opacity: 0; -webkit-transform: translateX(-100%) rotateY(90deg); } } @keyframes rotateRoom-out { 90% { opacity: .3; } 100% { opacity: 0; transform: translateX(-100%) rotateY(90deg); } } /* in */ @-webkit-keyframes rotateRoom-in { 0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); } } @keyframes rotateRoom-in { 0% { opacity: .3; transform: translateX(100%) rotateY(-90deg); } } .cbp-animation-bounceBottom { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-bounceBottom .cbp-wrapper-helper { -webkit-animation: bounceBottom-out .6s both ease-in-out; animation: bounceBottom-out .6s both ease-in-out; } .cbp-animation-bounceBottom .cbp-wrapper { -webkit-animation: bounceBottom-in .6s both ease-in-out; animation: bounceBottom-in .6s both ease-in-out; } /* out */ @-webkit-keyframes bounceBottom-out { 100% { -webkit-transform: translateY(100%); opacity: 0; } } @keyframes bounceBottom-out { 100% { transform: translateY(100%); opacity: 0; } } /* in */ @-webkit-keyframes bounceBottom-in { 0% { -webkit-transform: translateY(100%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceBottom-in { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .cbp-animation-bounceLeft { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-bounceLeft .cbp-wrapper-helper { -webkit-animation: bounceLeft-out .6s both ease-in-out; animation: bounceLeft-out .6s both ease-in-out; } .cbp-animation-bounceLeft .cbp-wrapper { -webkit-animation: bounceLeft-in .6s both ease-in-out; animation: bounceLeft-in .6s both ease-in-out; } /* out */ @-webkit-keyframes bounceLeft-out { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @keyframes bounceLeft-out { 100% { transform: translateX(-100%); opacity: 0; } } /* in */ @-webkit-keyframes bounceLeft-in { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes bounceLeft-in { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .cbp-animation-bounceTop { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-bounceTop .cbp-wrapper-helper { -webkit-animation: bounceTop-out .6s both ease-in-out; animation: bounceTop-out .6s both ease-in-out; } .cbp-animation-bounceTop .cbp-wrapper { -webkit-animation: bounceTop-in .6s both ease-in-out; animation: bounceTop-in .6s both ease-in-out; } /* out */ @-webkit-keyframes bounceTop-out { 100% { -webkit-transform: translateY(-100%); opacity: 0; } } @keyframes bounceTop-out { 100% { transform: translateY(-100%); opacity: 0; } } /* in */ @-webkit-keyframes bounceTop-in { 0% { -webkit-transform: translateY(-100%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceTop-in { 0% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .cbp-animation-moveLeft { -webkit-transition: height .6s ease-in-out; transition: height .6s ease-in-out; will-change: height; } .cbp-animation-moveLeft .cbp-wrapper-helper { -webkit-animation: moveLeft-out .6s both ease-in-out; animation: moveLeft-out .6s both ease-in-out; } .cbp-animation-moveLeft .cbp-wrapper { -webkit-animation: moveLeft-in .6s both ease-in-out; animation: moveLeft-in .6s both ease-in-out; } /* out */ @-webkit-keyframes moveLeft-out { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @keyframes moveLeft-out { 100% { transform: translateX(-100%); opacity: 0; } } /* in */ @-webkit-keyframes moveLeft-in { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes moveLeft-in { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .cbp-displayType-bottomToTop { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-displayType-bottomToTop .cbp-item { -webkit-animation: fadeInBottomToTop .3s both ease-in; animation: fadeInBottomToTop .3s both ease-in; } @-webkit-keyframes fadeInBottomToTop { 0% { opacity: 0; -webkit-transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInBottomToTop { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } .cbp-displayType-fadeIn { -webkit-animation: fadeIn .5s both ease-in; animation: fadeIn .5s both ease-in; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .cbp-displayType-fadeInToTop { -webkit-perspective: 1000px; perspective: 1000px; -webkit-animation: fadeInToTop .5s both ease-in; animation: fadeInToTop .5s both ease-in; } @-webkit-keyframes fadeInToTop { 0% { opacity: 0; -webkit-transform: translateY(30px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInToTop { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } .cbp-displayType-sequentially .cbp-item { -webkit-animation: fadeIn .5s both ease-in; animation: fadeIn .5s both ease-in; } .cbp-lightbox img { display: block; border: 0; width: 100%; height: auto; } .cbp-popup-ie8bg { position: absolute; width: 100%; height: 100%; min-height: 100%; top: 0; left: 0; z-index: -1; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .cbp-popup-wrap { height: 100%; text-align: center; position: fixed; width: 100%; left: 0; top: 0; display: none; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-x: hidden; z-index: 9990; padding: 0 10px; } .cbp-popup-wrap video { outline: 0 none; } .cbp-popup-lightbox { background: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; } .cbp-popup-singlePage { background: white; padding: 0; } .cbp-popup-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .cbp-popup-content { position: relative; display: inline-block; vertical-align: middle; text-align: left; max-width: 100%; } .cbp-popup-singlePage .cbp-popup-content { position: relative; z-index: 1; margin-top: 145px; max-width: 1024px; vertical-align: top; width: 94%; } .cbp-popup-singlePage .cbp-popup-content-basic { position: relative; z-index: 1; margin-top: 104px; vertical-align: top; width: 100%; display: inline-block; text-align: left; } .cbp-popup-lightbox-figure { position: relative; } .cbp-popup-lightbox-bottom { left: 0; position: absolute; top: 100%; width: 100%; margin-top: 3px; } .cbp-popup-lightbox-title { padding-right: 70px; font: 400 12px/18px "Open Sans", sans-serif; color: #eee; } .cbp-popup-lightbox-counter { position: absolute; top: 0; right: 0; font: 400 12px/18px "Open Sans", sans-serif; color: #eee; } .cbp-popup-lightbox-img { width: auto; max-width: 100%; height: auto; display: block; margin: 40px 0 40px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .cbp-popup-lightbox-img[data-action] { cursor: pointer; } .cbp-popup-lightbox-isIframe .cbp-popup-content { width: 75%; } @media only screen and (max-width: 768px) { .cbp-popup-lightbox-isIframe .cbp-popup-content { width: 95%; } } .cbp-popup-lightbox-isIframe .cbp-lightbox-bottom { left: 0; position: absolute; top: 100%; width: 100%; margin-top: 3px; } .cbp-popup-lightbox-iframe { position: relative; height: 0; padding-bottom: 56.25%; /* 16/9 ratio */ background: #000; } .cbp-popup-lightbox-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .cbp-popup-lightbox-iframe audio { margin-top: 27%; } /* NAVIGATION BUTTONS */ .cbp-popup-singlePage .cbp-popup-navigation-wrap { position: absolute; top: 0; left: 0; width: 100%; z-index: 9990; height: 104px; background-color: #3D4750; } .cbp-popup-singlePage .cbp-popup-navigation { position: relative; width: 100%; height: 100%; } .cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap { position: fixed; top: 0 !important; } .cbp-popup-singlePage-counter { color: #fff; position: absolute; margin: auto; right: 40px; top: 0; bottom: 0; font: 400 13px/30px "Open Sans", sans-serif; height: 30px; } @media only screen and (max-width: 768px) { .cbp-popup-singlePage-counter { right: 3%; } } .cbp-popup-next, .cbp-popup-prev, .cbp-popup-close { padding: 0; border: medium none; position: absolute; cursor: pointer; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cbp-popup-lightbox .cbp-popup-prev, .cbp-popup-lightbox .cbp-popup-next, .cbp-popup-lightbox .cbp-popup-close { visibility: hidden; } /* NAVOGATION BUTTONS */ .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next, .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev, .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close { visibility: visible; } /* PREVIOUS BUTTON LIGHBOX */ .cbp-popup-lightbox .cbp-popup-prev { background: url("../img/cbp-sprite.png") no-repeat scroll 0 0 transparent; width: 44px; height: 44px; top: 0; bottom: 0; left: 20px; margin: auto; } .cbp-popup-lightbox .cbp-popup-prev:hover { background-position: 0 -46px; } /* PREVIOUS BUTTON SINGLEPAGE */ .cbp-popup-singlePage .cbp-popup-prev { background: url("../img/cbp-sprite.png") no-repeat scroll 0 -92px transparent; width: 44px; height: 44px; margin: auto; top: 0; right: 108px; bottom: 0; left: 0; } .cbp-popup-singlePage .cbp-popup-prev:hover { background-position: 0 -138px; } /* NEXT BUTTON LIGHTBOX */ .cbp-popup-lightbox .cbp-popup-next { background: url("../img/cbp-sprite.png") no-repeat scroll -46px 0 transparent; width: 44px; height: 44px; top: 0; bottom: 0; right: 20px; margin: auto; } .cbp-popup-lightbox .cbp-popup-next:hover { background-position: -46px -46px; } /* NEXT BUTTON SINGLEPAGE */ .cbp-popup-singlePage .cbp-popup-next { background: url("../img/cbp-sprite.png") no-repeat scroll -46px -92px transparent; width: 44px; height: 44px; margin: auto; top: 0; right: 0; bottom: 0; left: 108px; } .cbp-popup-singlePage .cbp-popup-next:hover { background-position: -46px -138px; } /* CLOSE BUTTON LIGTHBOX */ .cbp-popup-lightbox .cbp-popup-close { background: url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent; height: 40px; width: 40px; right: 20px; top: 20px; } .cbp-popup-lightbox .cbp-popup-close:hover { background-position: -92px -46px; } /* CLOSE BUTTON SINGLEPAGE */ .cbp-popup-singlePage .cbp-popup-close { background: url("../img/cbp-sprite.png") no-repeat scroll -92px -92px transparent; height: 44px; width: 44px; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .cbp-popup-singlePage .cbp-popup-close:hover { background-position: -92px -138px; } .cbp-popup-singlePage .cbp-popup-ie8bg { background-color: #fff; } @media only screen and (max-width: 360px), (max-height: 600px) { .cbp-popup-next, .cbp-popup-prev, .cbp-popup-close { -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } .cbp-popup-lightbox .cbp-popup-close { right: 10px; top: 10px; } .cbp-popup-lightbox .cbp-popup-next { right: 10px; } .cbp-popup-lightbox .cbp-popup-prev { left: 10px; } .cbp-popup-singlePage .cbp-popup-navigation-wrap { height: 84px; } .cbp-popup-singlePage .cbp-popup-content { margin-top: 120px; } } .cbp-popup-loadingBox { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .cbp-popup-lightbox .cbp-popup-loadingBox:after { border-left: 3px solid rgba(255, 255, 255, 0.3); border-right: 3px solid rgba(255, 255, 255, 0.3); border-bottom: 3px solid rgba(255, 255, 255, 0.3); border-top: 3px solid rgba(255, 255, 255, 0.85); } .cbp-popup-ready .cbp-popup-loadingBox { visibility: hidden; display: none; } .cbp-popup-loading .cbp-popup-loadingBox { visibility: visible; display: block; } .cbp-popup-transitionend { overflow-y: scroll; } .cbp-popup-singlePage { left: 100%; -webkit-transition: left .6s ease-in-out; transition: left .6s ease-in-out; } .cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content { opacity: 0; } .cbp-popup-singlePage-open { left: 0; } .cbp-popup-singlePage.cbp-popup-singlePage-fade { left: 0; opacity: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .cbp-popup-singlePage-open.cbp-popup-singlePage-fade { opacity: 1; } .cbp-popup-singlePage.cbp-popup-singlePage-right { left: -100%; -webkit-transition: left .6s ease-in-out; transition: left .6s ease-in-out; } .cbp-popup-singlePage-open.cbp-popup-singlePage-right { left: 0; } .cbp-l-project-title { color: #454444; font: 600 42px/46px "Open Sans", sans-serif; letter-spacing: 2px; margin-bottom: 15px; text-align: center; text-transform: uppercase; } .cbp-l-project-subtitle { color: #787878; font: 400 14px/21px "Open Sans", sans-serif; margin: 0 auto 50px; max-width: 500px; text-align: center; } .cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img { display: block; margin: 0 auto; max-width: 100%; } .cbp-l-project-container { overflow: hidden; margin: 40px auto 0; clear: both; } .cbp-l-project-desc { float: left; width: 62%; } .cbp-l-project-details { float: right; width: 38%; padding-left: 60px; margin-bottom: 15px; } @media only screen and (max-width: 768px) { .cbp-l-project-title { font-size: 30px; line-height: 34px; } .cbp-l-project-desc { width: 100%; } .cbp-l-project-details { width: 100%; margin-top: 20px; padding-left: 0; } } .cbp-l-project-desc-title { border-bottom: 1px solid #cdcdcd; margin-bottom: 22px; color: #444; } .cbp-l-project-desc-title span, .cbp-l-project-details-title span { border-bottom: 1px solid #747474; display: inline-block; margin: 0 0 -1px 0; font: 400 16px/36px "Open Sans", sans-serif; padding: 0 5px 0 0; } .cbp-l-project-desc-text { font: 400 13px/20px "Open Sans", sans-serif; color: #555; margin-bottom: 20px; } .cbp-l-project-details-title { border-bottom: 1px solid #cdcdcd; margin-bottom: 19px; color: #444; } .cbp-l-project-details-list { margin: 0; padding: 0; list-style: none; } .cbp-l-project-details-list > li, .cbp-l-project-details-list > div { border-bottom: 1px dotted #DFDFDF; padding: inherit; color: #666; font: 400 12px/30px "Open Sans", sans-serif; } .cbp-l-project-details-list > li:last-child, .cbp-l-project-details-list > div:last-child { border: none; } .cbp-l-project-details-list strong { display: inline-block; color: #696969; font-weight: 600; min-width: 100px; } .cbp-l-project-details-visit { color: #FFFFFF; float: right; clear: both; text-decoration: none; font: 400 11px/18px "Open Sans", sans-serif; margin-top: 25px; background-color: #62B57B; padding: 8px 19px; text-transform: uppercase; letter-spacing: .5px; } .cbp-l-project-details-visit:hover { opacity: 0.9; color: #fff; } .cbp-l-project-related-wrap { font-size: 0; margin: 0; padding: 0; } .cbp-l-project-related-item { margin-left: 5%; max-width: 30%; float: left; } .cbp-l-project-related-item:first-child { margin-left: 0; } .cbp-l-project-related-title { font: 700 14px/18px "Open Sans", sans-serif; color: #474747; margin-top: 20px; } .cbp-l-project-related-link { text-decoration: none; } .cbp-l-project-related-link:hover { opacity: 0.9; } .cbp-l-member-img { float: left; width: 40%; margin-top: 20px; } .cbp-l-member-img img { border: 1px solid #e2e2e2; width: auto; max-width: 100%; height: auto; display: inline-block; border: 0; } .cbp-l-member-info { margin-top: 20px; padding-left: 25px; float: left; width: 60%; } @media only screen and (max-width: 768px) { .cbp-l-member-img { width: 100%; text-align: center; } .cbp-l-member-info { width: 100%; padding-left: 0; } } .cbp-l-member-name { font: 400 28px/28px "Open Sans", sans-serif; color: #474747; } .cbp-l-member-position { font: 400 13px/21px "Open Sans", sans-serif; color: #888; margin-top: 6px; } .cbp-l-member-desc { font: 400 12px/18px "Open Sans", sans-serif; margin-top: 25px; color: #474747; } /* SINGLE PAGE INLINE */ .cbp-popup-singlePageInline-open { -webkit-transition: height .5s ease 0s !important; transition: height .5s ease 0s !important; } .cbp-popup-singlePageInline-open .cbp-item { -webkit-transition: -webkit-transform .5s ease 0s !important; transition: transform .5s ease 0s !important; } .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline:after { display: none; visibility: hidden; } .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation { -webkit-transition-delay: 0; transition-delay: 0; } .cbp-popup-singlePageInline { width: 100%; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden; /* CLOSE BUTTON singlePageInline */ } .cbp-popup-singlePageInline .cbp-popup-content { opacity: 0; width: 100%; z-index: 1; min-height: 300px; } .cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline .cbp-popup-navigation { -webkit-transition: opacity .4s ease-in .2s; transition: opacity .4s ease-in .2s; } .cbp-popup-singlePageInline .cbp-popup-navigation { opacity: 0; position: absolute; top: 0; right: 0; z-index: 2; width: 40px; height: 40px; } .cbp-popup-singlePageInline .cbp-popup-close { background: url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent; height: 40px; width: 40px; right: 20px; top: 30px; } .cbp-popup-singlePageInline .cbp-popup-close:hover { opacity: 0.7; } .cbp-popup-singlePageInline-ready { z-index: 4; } .cbp-popup-singlePageInline-ready .cbp-popup-content, .cbp-popup-singlePageInline-ready .cbp-popup-navigation { opacity: 1; } .cbp-popup-singlePageInline-ready:after { display: none; visibility: hidden; } .cbp-singlePageInline-active { opacity: 0.6 !important; } .cbp-l-inline { margin: 20px 0; overflow: hidden; background: #FAFAFA; padding: 30px; } .cbp-l-inline-left { float: left; width: 44%; } .cbp-l-project-img { max-width: 100%; } .cbp-l-inline-right { float: right; width: 56%; padding-left: inherit; } @media only screen and (max-width: 768px) { .cbp-l-inline-left { width: 100%; text-align: center; margin-top: 40px; } .cbp-l-inline-right { width: 100%; padding-left: 0; margin-top: 20px; } } .cbp-l-inline-title { font: 400 28px/30px "Open Sans", sans-serif; color: #474747; } .cbp-l-inline-subtitle { font: 400 13px/21px "Open Sans", sans-serif; color: #888; margin-top: 7px; } .cbp-l-inline-desc { font: 400 13px/20px "Open Sans", sans-serif; color: #474747; margin-top: 25px; margin-bottom: 20px; } .cbp-l-inline-view-wrap { text-align: right; } .cbp-l-inline-view { font: 400 13px/35px "Open Sans", sans-serif; color: #9C9C9C; margin-top: 40px; display: inline-block; padding: 0 20px; border: 1px solid #ccc; text-decoration: none; } .cbp-l-inline-view:hover { color: #757575; } .cbp-l-inline-details { margin-top: 15px; font: 13px/22px "Open Sans", sans-serif; } /* default state */ .cbp-l-loadMore-defaultText, .cbp-l-loadMore-button-defaultText { display: block; } .cbp-l-loadMore-loadingText, .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-button-noMoreLoading { display: none; } /* loading state */ .cbp-l-loadMore-loading .cbp-l-loadMore-loadingText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText { display: block; } .cbp-l-loadMore-loading .cbp-l-loadMore-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading { display: none; } /* no more loading */ .cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading { display: block; } .cbp-l-loadMore-stop .cbp-l-loadMore-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-loadingText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText { display: none; } .cbp-l-loadMore-bgbutton { text-align: center; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link { border: 1px solid #DEDEDE; color: #7E7B7B; display: inline-block; font: 400 13px/40px "Lato", sans-serif; min-width: 80px; text-decoration: none; padding: 0 50px; margin-top: 50px; outline: 0; box-shadow: none; letter-spacing: 1px; -webkit-transition: color .25s; transition: color .25s; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover, .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading { color: #B0B0B0; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop { cursor: default; color: #B0B0B0; } .cbp-l-loadMore-button { text-align: center; } .cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link { border: 1px solid #DEDEDE; color: #7E7B7B; display: inline-block; font: 400 12px/36px "Open Sans", sans-serif; min-width: 80px; text-decoration: none; padding: 0 30px; outline: 0; margin-top: 40px; box-shadow: none; -webkit-transition: color .25s; transition: color .25s; } .cbp-l-loadMore-button .cbp-l-loadMore-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading { color: #B0B0B0; } .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop { cursor: default; color: #B0B0B0; } .cbp-l-loadMore-text { text-align: center; } .cbp-l-loadMore-text .cbp-l-loadMore-link, .cbp-l-loadMore-text .cbp-l-loadMore-text-link { font: 400 15px "Open Sans", sans-serif; color: #7E7B7B; text-decoration: none; cursor: pointer; margin-top: 50px; display: block; } .cbp-l-loadMore-text .cbp-l-loadMore-stop, .cbp-l-loadMore-text .cbp-l-loadMore-text-stop { color: #B0B0B0; cursor: default; } .cbp-mode-slider { -webkit-transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1); transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1); } .cbp-mode-slider .cbp-wrapper, .cbp-mode-slider .cbp-item { -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.22, 0.6, 0.345, 1); transition: transform 0.35s cubic-bezier(0.22, 0.6, 0.345, 1); } .cbp-mode-slider .cbp-wrapper { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .cbp-mode-slider-dragStart * { cursor: move !important; cursor: -ms-grabbing !important; cursor: -webkit-grabbing !important; cursor: -moz-grabbing !important; cursor: grabbing !important; } .cbp-mode-slider-dragStart .cbp-wrapper { -webkit-transition: none; transition: none; } .cbp-nav-next, .cbp-nav-prev { position: relative; background: #7c8b90; cursor: pointer; display: inline-block; margin-left: 1px; height: 22px; width: 21px; } .cbp-nav-next { border-radius: 0 2px 2px 0; } .cbp-nav-prev { border-radius: 2px 0 0 2px; } .cbp-nav-next:hover, .cbp-nav-prev:hover { opacity: 0.8; } .cbp-nav-next:after, .cbp-nav-prev:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url("../img/cbp-sprite.png") no-repeat; height: 10px; width: 7px; } .cbp-nav-next:after { background-position: -134px 0; } .cbp-nav-prev:after { background-position: -134px -12px; } .cbp-nav-stop { opacity: 0.5 !important; cursor: default !important; } .cbp-nav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cbp-nav-controls { position: absolute; top: -51px; right: 0; z-index: 100; } .cbp-nav-pagination { position: absolute; bottom: -30px; right: 0; z-index: 100; left: 0; text-align: center; } .cbp-nav-pagination-item { position: relative; width: 10px; height: 10px; border-radius: 50%; margin: 0 4px; display: inline-block; cursor: pointer; background: #c2c2c2; -webkit-transition: background 0.5s; transition: background 0.5s; } .cbp-nav-pagination-active { background: #797979; } .cbp-pagination-item { max-width: 100px; display: inline-block; cursor: pointer; margin-top: 10px; margin-right: 5px; position: relative; } .cbp-pagination-item img { display: block; width: 100%; height: auto; border: 0; } .cbp-pagination-item:after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transition: background .5s ease-in-out; transition: background .5s ease-in-out; } .cbp-pagination-active:after { background: transparent; } .cbp-slider-wrap, .cbp-slider-item { margin: 0; padding: 0; list-style-type: none; } .cbp-slider .cbp-nav-controls { position: static; } .cbp-slider .cbp-nav-next, .cbp-slider .cbp-nav-prev { background: transparent; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 100; width: 44px; height: 44px; } .cbp-slider .cbp-nav-next { right: 25px; left: auto; } .cbp-slider .cbp-nav-prev { left: 25px; right: auto; } .cbp-slider .cbp-nav-next:after, .cbp-slider .cbp-nav-prev:after { background: url("../img/cbp-sprite.png") no-repeat; width: 44px; height: 44px; } .cbp-slider .cbp-nav-next:after { background-position: -46px -92px; } .cbp-slider .cbp-nav-next:hover:after { background-position: -46px -46px; } .cbp-slider .cbp-nav-prev:after { background-position: 0 -92px; } .cbp-slider .cbp-nav-prev:hover:after { background-position: 0 -46px; } .cbp-slider .cbp-nav-pagination { text-align: right; bottom: 20px; right: 25px; left: auto; } .cbp-slider-edge .cbp-nav-controls { position: static; } .cbp-slider-edge .cbp-nav-next, .cbp-slider-edge .cbp-nav-prev { background: transparent; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 100; width: 44px; height: 44px; } .cbp-slider-edge .cbp-nav-next { right: -14px; left: auto; } .cbp-slider-edge .cbp-nav-prev { left: -14px; right: auto; } .cbp-slider-edge .cbp-nav-next:after, .cbp-slider-edge .cbp-nav-prev:after { background: url("../img/cbp-sprite.png") no-repeat; width: 9px; height: 16px; } .cbp-slider-edge .cbp-nav-next:after { background-position: -134px -24px; } .cbp-slider-edge .cbp-nav-prev:after { background-position: -134px -42px; } .cbp-slider-edge .cbp-nav-pagination { bottom: -50px; } .cbp-slider-edge .cbp-nav-pagination-item { border: 2px solid #0f0f0f; opacity: 0.4; background: transparent; } .cbp-slider-edge .cbp-nav-pagination-active { background: #000; } .cbp-slider-inline { position: relative; } .cbp-slider-inline .cbp-slider-item { position: absolute; width: 100%; top: 0; transition: left .5s ease; } .cbp-slider-inline .cbp-slider-item--active { position: relative; z-index: 2; } .cbp-slider-wrapper { position: relative; overflow: hidden; } .cbp-slider-controls { position: absolute; top: 0; right: 0; z-index: 100; opacity: 0; -webkit-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; } .cbp-slider-inline-ready .cbp-slider-controls { opacity: 1; } .cbp-slider-next, .cbp-slider-prev { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; cursor: pointer; position: relative; width: 36px; height: 36px; background: #547EB1; } .cbp-slider-next { margin-left: 1px; } .cbp-slider-next:after, .cbp-slider-prev:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url("../img/cbp-sprite.png") no-repeat; width: 9px; height: 16px; } .cbp-slider-next:after { background-position: -134px -60px; } .cbp-slider-prev:after { background-position: -134px -78px; } .cbp-l-grid-agency .cbp-caption:after { position: absolute; content: ''; width: 0; height: 0; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: 0px; left: 50%; margin-left: -5px; z-index: 1; } .cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: scale(1.15); transform: scale(1.15); } .cbp-l-grid-agency-title { margin-top: 18px; font: 700 17px/24px "Lato", sans-serif; color: #666; text-align: center; } .cbp-item:hover .cbp-l-grid-agency-title { color: #222; } .cbp-l-grid-agency-desc { font: 400 12px/21px "Open Sans", sans-serif; color: #aaa; text-align: center; } .cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap { background-color: rgba(0, 0, 0, 0.7); } .cbp-l-grid-work .cbp-item { padding: 3px; } .cbp-l-grid-work .cbp-item-wrapper { background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); padding: 7px 7px 27px; border-top: 1px solid #F4F4F4; } .cbp-l-grid-work-title { margin-top: 17px; font: 400 17px/25px "Roboto Condensed", sans-serif; color: #607D8B; text-align: center; text-transform: uppercase; display: block; } .cbp-l-grid-work-title:hover { color: #365D67; } .cbp-l-grid-work-desc { font: 400 11px/16px "Open Sans", sans-serif; color: #888888; text-align: center; text-transform: uppercase; } .cbp-l-grid-blog-title { font: 400 18px/30px "Open Sans", sans-serif; color: #444; display: block; margin-top: 17px; } .cbp-l-grid-blog-title:hover { color: #787878; } .cbp-l-grid-blog-date { font: 400 12px/18px "Open Sans", sans-serif; color: #787878; display: inline-block; } .cbp-l-grid-blog-comments { font: 400 12px/18px "Open Sans", sans-serif; color: #3C6FBB; display: inline-block; } .cbp-l-grid-blog-comments:hover { opacity: .8; } .cbp-l-grid-blog-desc { font: 400 13px/18px "Open Sans", sans-serif; color: #9B9B9B; margin-top: 9px; } .cbp-l-grid-blog-split { margin: 0 4px; font: 400 13px/16px "Open Sans", sans-serif; color: #787878; display: inline-block; } .cbp-l-grid-clients { height: 180px; } .cbp-l-clients-title-block { font: 400 32px/53px "Roboto", sans-serif; color: #666464; text-align: center; margin-bottom: 40px; } .cbp-l-grid-faq .cbp-item { width: 100%; } .cbp-l-grid-projects-title { font: 700 14px/21px "Open Sans", sans-serif; color: #474747; margin-top: 15px; } .cbp-l-grid-projects-desc { font: 400 12px/18px "Open Sans", sans-serif; color: #888888; margin-top: 5px; } .cbp-l-grid-masonry-projects .cbp-caption-activeWrap { background-color: #59a3b6; background-color: rgba(89, 163, 182, 0.95); } .cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft, .cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight { background-color: #545454; } .cbp-l-grid-masonry-projects-title { font: 500 15px/22px "Roboto", sans-serif; color: #59a3b6; text-align: center; display: block; margin-top: 12px; } .cbp-l-grid-masonry-projects-title:hover { color: #457C8B; } .cbp-l-grid-masonry-projects-desc { font: 400 12px/18px "Roboto", sans-serif; color: #b2b2b2; text-align: center; } .cbp-l-grid-team-name { font: 400 17px/24px "Open Sans", sans-serif; color: #456297; display: block; text-align: center; margin-top: 18px; } .cbp-l-grid-team-name:hover { color: #34425C; } .cbp-l-grid-team-position { font: italic 400 13px/21px "Open Sans", sans-serif; color: #999; text-align: center; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap { background-color: #64C28E; background-color: rgba(101, 199, 150, 0.95); } .cbp-l-grid-mosaic-flat .cbp-l-caption-title { color: #FFFFFF; font: 400 14px/21px "Lato", sans-serif; text-transform: uppercase; letter-spacing: 2px; display: inline-block; } .cbp-l-grid-mosaic-flat .cbp-l-caption-title:after { content: ''; display: block; width: 40%; height: 1px; background-color: #fff; margin: 8px auto 0; } .cbp-l-grid-mosaic-projects .cbp-caption-activeWrap { background-color: #59a3b6; background-color: rgba(89, 163, 182, 0.97); } .cbp-l-grid-mosaic .cbp-caption-activeWrap { background-color: #FFEA71; background-color: rgba(255, 234, 113, 0.95); } .cbp-l-grid-mosaic .cbp-l-caption-title { color: #5A5A5A; font: 500 18px/22px "Roboto", sans-serif; text-transform: uppercase; margin-bottom: 5px; } .cbp-l-grid-mosaic .cbp-l-caption-desc { color: #585858; font: 400 13px/20px "Roboto", sans-serif; } .cbp-l-slider-title-block { border-bottom: 1px solid #cdcdcd; margin-bottom: 22px; } .cbp-l-slider-title-block div { padding: 0 2px 6px 0; display: inline-block; border-bottom: 1px solid #a9a5a5; color: #5e5e5e; margin-bottom: -1px; font: 15px/21px "Roboto", sans-serif; } .cbp-l-grid-slider-team-name { float: left; font: 20px/30px "Roboto", sans-serif; color: #494949; margin-top: 16px; } .cbp-l-grid-slider-team-position { clear: both; font: 14px/21px "Roboto", sans-serif; color: #A6A6A6; } .cbp-l-grid-slider-team-desc { font: 13px/20px "Roboto", sans-serif; color: #969696; margin-top: 15px; } .cbp-l-grid-slider-team-social { float: right; margin-top: 16px; } .cbp-l-grid-slider-team-social a { color: #737373; line-height: 30px; margin-left: 6px; } .cbp-l-grid-slider-team-social a:hover { opacity: 0.8; } .cbp-l-slider-testimonials-wrap { background: #f8f9f9; padding: 80px 0 110px; border-width: 1px 0; border-style: solid; border-color: #dce1e2; } .cbp-l-grid-slider-testimonials-body { color: #424242; max-width: 800px; margin: 0 auto; font: 20px/32px sans-serif; text-align: center; padding: 0 20px; } .cbp-l-grid-slider-testimonials-footer { font: 12px/19px "Roboto", sans-serif; color: #777; text-align: center; margin-bottom: 10px; margin-top: 30px; } .cbp-l-grid-tabs { height: 100px; } .cbp-l-grid-tabs .cbp-item { font: 14px/24px "Lato", sans-serif; max-width: 700px; width: 100%; margin: 0 auto; right: 0; text-align: center; color: #5a5a5a; } .cbp-l-testimonials-title-block { position: relative; text-align: center; font: 26px/36px "Roboto", sans-serif; color: #E7E7E7; margin-bottom: 60px; } .cbp-l-testimonials-title-block:after { content: ''; position: absolute; margin: 0 auto; width: 23px; height: 2px; bottom: -6px; background-color: #C2C2C2; left: 0; right: 0; } .cbp-l-testimonials-wrap { background: #2D2D2D; padding: 60px 0 110px; } .cbp-l-grid-testimonials-body { color: #e7e7e7; max-width: 800px; margin: 0 auto; font: 20px/32px "Roboto", sans-serif; text-align: center; padding: 0 20px; } .cbp-l-grid-testimonials-footer { font: 12px/19px "Roboto", sans-serif; color: #C2C2C2; text-align: center; margin-bottom: 40px; margin-top: 35px; } .cbp-search { position: relative; width: 220px; margin-bottom: 40px; } .cbp-search .cbp-search-nothing { display: none; } .cbp-search-icon { position: absolute; width: 32px; height: 100%; top: 0; right: 0; text-align: center; cursor: pointer; pointer-events: none; } .cbp-search-icon:after { content: '\f002'; font-family: 'FontAwesome'; font-size: 14px; color: #797979; line-height: 36px; pointer-events: none; } .cbp-search-input { height: 36px; padding: 0 32px 0 12px; margin: 0; border-radius: 1px; border: 1px solid #c6c3c4; font: 400 12px "Open Sans", sans-serif; width: 100%; } .cbp-search-input[value] + .cbp-search-icon { pointer-events: auto; } .cbp-search-input[value] + .cbp-search-icon:after { content: '\f00d'; } .cbp-search-nothing { position: absolute; top: 0; padding: 0 0 30px; text-align: center; width: 100%; font: 13px "Open Sans", sans-serif; } .cbp-l-project-social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cbp-social-fb, .cbp-social-twitter, .cbp-social-googleplus, .cbp-social-pinterest { margin-right: 9px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cbp-social-fb:hover, .cbp-social-twitter:hover, .cbp-social-googleplus:hover, .cbp-social-pinterest:hover { opacity: .8; } .cbp-social-fb:focus, .cbp-social-twitter:focus, .cbp-social-googleplus:focus, .cbp-social-pinterest:focus { outline: none; } .cbp-social-fb path { fill: #415C9B; } .cbp-social-twitter path { fill: #55acee; } .cbp-social-googleplus path { fill: #E57371; } .cbp-social-pinterest path { fill: #cb2027; } /** * Nestable */ .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } .dd-handle { display: block; height: 30px; margin: 5px 0; cursor: move; padding: 5px 10px; color: #333; text-decoration: none; font-weight: 400; border: 1px solid #ccc; background: #fafafa; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-handle:hover { color: #2ea8e5; background: #fff; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 7px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 10px; line-height: 1; text-align: center; font-weight: bold; } .dd-item > button:before { content: '\f067'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; font-family: 'FontAwesome' } .dd-item > button[data-action="collapse"]:before { content: '\f068'; } .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-size: 60px 60px; background-position: 0 0, 30px 30px; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1); box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1); } .dd-hover > .dd-handle { background: #2ea8e5 !important; } /** * Nestable Draggable Handles */ .dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: 400; border: 1px solid #ccc; background: #fafafa; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; } .dd3-content:hover { color: #2ea8e5; background: #fff; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 30px; } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor:move; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #aaa; background: #ddd; border-top-right-radius: 0; border-bottom-right-radius: 0; } .dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; } .dd3-handle:hover { background: #ddd; }