@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800|Open+Sans:300,400,700,800');
@font-face{font-family:'Pe-icon-7-stroke';src:url(fonts/Pe-icon-7-stroke.eot);src:url(fonts/Pe-icon-7-stroke.eot?#iefix) format("embedded-opentype"),url(fonts/Pe-icon-7-stroke.woff) format("woff"),url(fonts/Pe-icon-7-stroke.ttf) format("truetype"),url(fonts/Pe-icon-7-stroke.svg#Pe-icon-7-stroke) format("svg");font-weight:400;font-style:normal}[class^="pe-7s-"],[class*=" pe-7s-"]{display:inline-block;font-family:'Pe-icon-7-stroke';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pe-7s-album:before{content:"\e6aa"}.pe-7s-arc:before{content:"\e6ab"}.pe-7s-back-2:before{content:"\e6ac"}.pe-7s-bandaid:before{content:"\e6ad"}.pe-7s-car:before{content:"\e6ae"}.pe-7s-diamond:before{content:"\e6af"}.pe-7s-door-lock:before{content:"\e6b0"}.pe-7s-eyedropper:before{content:"\e6b1"}.pe-7s-female:before{content:"\e6b2"}.pe-7s-gym:before{content:"\e6b3"}.pe-7s-hammer:before{content:"\e6b4"}.pe-7s-headphones:before{content:"\e6b5"}.pe-7s-helm:before{content:"\e6b6"}.pe-7s-hourglass:before{content:"\e6b7"}.pe-7s-leaf:before{content:"\e6b8"}.pe-7s-magic-wand:before{content:"\e6b9"}.pe-7s-male:before{content:"\e6ba"}.pe-7s-map-2:before{content:"\e6bb"}.pe-7s-next-2:before{content:"\e6bc"}.pe-7s-paint-bucket:before{content:"\e6bd"}.pe-7s-pendrive:before{content:"\e6be"}.pe-7s-photo:before{content:"\e6bf"}.pe-7s-piggy:before{content:"\e6c0"}.pe-7s-plugin:before{content:"\e6c1"}.pe-7s-refresh-2:before{content:"\e6c2"}.pe-7s-rocket:before{content:"\e6c3"}.pe-7s-settings:before{content:"\e6c4"}.pe-7s-shield:before{content:"\e6c5"}.pe-7s-smile:before{content:"\e6c6"}.pe-7s-usb:before{content:"\e6c7"}.pe-7s-vector:before{content:"\e6c8"}.pe-7s-wine:before{content:"\e6c9"}.pe-7s-cloud-upload:before{content:"\e68a"}.pe-7s-cash:before{content:"\e68c"}.pe-7s-close:before{content:"\e680"}.pe-7s-bluetooth:before{content:"\e68d"}.pe-7s-cloud-download:before{content:"\e68b"}.pe-7s-way:before{content:"\e68e"}.pe-7s-close-circle:before{content:"\e681"}.pe-7s-id:before{content:"\e68f"}.pe-7s-angle-up:before{content:"\e682"}.pe-7s-wristwatch:before{content:"\e690"}.pe-7s-angle-up-circle:before{content:"\e683"}.pe-7s-world:before{content:"\e691"}.pe-7s-angle-right:before{content:"\e684"}.pe-7s-volume:before{content:"\e692"}.pe-7s-angle-right-circle:before{content:"\e685"}.pe-7s-users:before{content:"\e693"}.pe-7s-angle-left:before{content:"\e686"}.pe-7s-user-female:before{content:"\e694"}.pe-7s-angle-left-circle:before{content:"\e687"}.pe-7s-up-arrow:before{content:"\e695"}.pe-7s-angle-down:before{content:"\e688"}.pe-7s-switch:before{content:"\e696"}.pe-7s-angle-down-circle:before{content:"\e689"}.pe-7s-scissors:before{content:"\e697"}.pe-7s-wallet:before{content:"\e600"}.pe-7s-safe:before{content:"\e698"}.pe-7s-volume2:before{content:"\e601"}.pe-7s-volume1:before{content:"\e602"}.pe-7s-voicemail:before{content:"\e603"}.pe-7s-video:before{content:"\e604"}.pe-7s-user:before{content:"\e605"}.pe-7s-upload:before{content:"\e606"}.pe-7s-unlock:before{content:"\e607"}.pe-7s-umbrella:before{content:"\e608"}.pe-7s-trash:before{content:"\e609"}.pe-7s-tools:before{content:"\e60a"}.pe-7s-timer:before{content:"\e60b"}.pe-7s-ticket:before{content:"\e60c"}.pe-7s-target:before{content:"\e60d"}.pe-7s-sun:before{content:"\e60e"}.pe-7s-study:before{content:"\e60f"}.pe-7s-stopwatch:before{content:"\e610"}.pe-7s-star:before{content:"\e611"}.pe-7s-speaker:before{content:"\e612"}.pe-7s-signal:before{content:"\e613"}.pe-7s-shuffle:before{content:"\e614"}.pe-7s-shopbag:before{content:"\e615"}.pe-7s-share:before{content:"\e616"}.pe-7s-server:before{content:"\e617"}.pe-7s-search:before{content:"\e618"}.pe-7s-film:before{content:"\e6a5"}.pe-7s-science:before{content:"\e619"}.pe-7s-disk:before{content:"\e6a6"}.pe-7s-ribbon:before{content:"\e61a"}.pe-7s-repeat:before{content:"\e61b"}.pe-7s-refresh:before{content:"\e61c"}.pe-7s-add-user:before{content:"\e6a9"}.pe-7s-refresh-cloud:before{content:"\e61d"}.pe-7s-paperclip:before{content:"\e69c"}.pe-7s-radio:before{content:"\e61e"}.pe-7s-note2:before{content:"\e69d"}.pe-7s-print:before{content:"\e61f"}.pe-7s-network:before{content:"\e69e"}.pe-7s-prev:before{content:"\e620"}.pe-7s-mute:before{content:"\e69f"}.pe-7s-power:before{content:"\e621"}.pe-7s-medal:before{content:"\e6a0"}.pe-7s-portfolio:before{content:"\e622"}.pe-7s-like2:before{content:"\e6a1"}.pe-7s-plus:before{content:"\e623"}.pe-7s-left-arrow:before{content:"\e6a2"}.pe-7s-play:before{content:"\e624"}.pe-7s-key:before{content:"\e6a3"}.pe-7s-plane:before{content:"\e625"}.pe-7s-joy:before{content:"\e6a4"}.pe-7s-photo-gallery:before{content:"\e626"}.pe-7s-pin:before{content:"\e69b"}.pe-7s-phone:before{content:"\e627"}.pe-7s-plug:before{content:"\e69a"}.pe-7s-pen:before{content:"\e628"}.pe-7s-right-arrow:before{content:"\e699"}.pe-7s-paper-plane:before{content:"\e629"}.pe-7s-delete-user:before{content:"\e6a7"}.pe-7s-paint:before{content:"\e62a"}.pe-7s-bottom-arrow:before{content:"\e6a8"}.pe-7s-notebook:before{content:"\e62b"}.pe-7s-note:before{content:"\e62c"}.pe-7s-next:before{content:"\e62d"}.pe-7s-news-paper:before{content:"\e62e"}.pe-7s-musiclist:before{content:"\e62f"}.pe-7s-music:before{content:"\e630"}.pe-7s-mouse:before{content:"\e631"}.pe-7s-more:before{content:"\e632"}.pe-7s-moon:before{content:"\e633"}.pe-7s-monitor:before{content:"\e634"}.pe-7s-micro:before{content:"\e635"}.pe-7s-menu:before{content:"\e636"}.pe-7s-map:before{content:"\e637"}.pe-7s-map-marker:before{content:"\e638"}.pe-7s-mail:before{content:"\e639"}.pe-7s-mail-open:before{content:"\e63a"}.pe-7s-mail-open-file:before{content:"\e63b"}.pe-7s-magnet:before{content:"\e63c"}.pe-7s-loop:before{content:"\e63d"}.pe-7s-look:before{content:"\e63e"}.pe-7s-lock:before{content:"\e63f"}.pe-7s-lintern:before{content:"\e640"}.pe-7s-link:before{content:"\e641"}.pe-7s-like:before{content:"\e642"}.pe-7s-light:before{content:"\e643"}.pe-7s-less:before{content:"\e644"}.pe-7s-keypad:before{content:"\e645"}.pe-7s-junk:before{content:"\e646"}.pe-7s-info:before{content:"\e647"}.pe-7s-home:before{content:"\e648"}.pe-7s-help2:before{content:"\e649"}.pe-7s-help1:before{content:"\e64a"}.pe-7s-graph3:before{content:"\e64b"}.pe-7s-graph2:before{content:"\e64c"}.pe-7s-graph1:before{content:"\e64d"}.pe-7s-graph:before{content:"\e64e"}.pe-7s-global:before{content:"\e64f"}.pe-7s-gleam:before{content:"\e650"}.pe-7s-glasses:before{content:"\e651"}.pe-7s-gift:before{content:"\e652"}.pe-7s-folder:before{content:"\e653"}.pe-7s-flag:before{content:"\e654"}.pe-7s-filter:before{content:"\e655"}.pe-7s-file:before{content:"\e656"}.pe-7s-expand1:before{content:"\e657"}.pe-7s-exapnd2:before{content:"\e658"}.pe-7s-edit:before{content:"\e659"}.pe-7s-drop:before{content:"\e65a"}.pe-7s-drawer:before{content:"\e65b"}.pe-7s-download:before{content:"\e65c"}.pe-7s-display2:before{content:"\e65d"}.pe-7s-display1:before{content:"\e65e"}.pe-7s-diskette:before{content:"\e65f"}.pe-7s-date:before{content:"\e660"}.pe-7s-cup:before{content:"\e661"}.pe-7s-culture:before{content:"\e662"}.pe-7s-crop:before{content:"\e663"}.pe-7s-credit:before{content:"\e664"}.pe-7s-copy-file:before{content:"\e665"}.pe-7s-config:before{content:"\e666"}.pe-7s-compass:before{content:"\e667"}.pe-7s-comment:before{content:"\e668"}.pe-7s-coffee:before{content:"\e669"}.pe-7s-cloud:before{content:"\e66a"}.pe-7s-clock:before{content:"\e66b"}.pe-7s-check:before{content:"\e66c"}.pe-7s-chat:before{content:"\e66d"}.pe-7s-cart:before{content:"\e66e"}.pe-7s-camera:before{content:"\e66f"}.pe-7s-call:before{content:"\e670"}.pe-7s-calculator:before{content:"\e671"}.pe-7s-browser:before{content:"\e672"}.pe-7s-box2:before{content:"\e673"}.pe-7s-box1:before{content:"\e674"}.pe-7s-bookmarks:before{content:"\e675"}.pe-7s-bicycle:before{content:"\e676"}.pe-7s-bell:before{content:"\e677"}.pe-7s-battery:before{content:"\e678"}.pe-7s-ball:before{content:"\e679"}.pe-7s-back:before{content:"\e67a"}.pe-7s-attention:before{content:"\e67b"}.pe-7s-anchor:before{content:"\e67c"}.pe-7s-albums:before{content:"\e67d"}.pe-7s-alarm:before{content:"\e67e"}.pe-7s-airplay:before{content:"\e67f"}
/****/
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}
/****/
@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}
/****/
@charset "UTF-8";
@-webkit-keyframes bounce {
from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce {
from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash {
from,50%,to{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash {
from,50%,to{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}
40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes rubberBand {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}
40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing {
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing {
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble {
from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}
}
@keyframes wobble {
from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello {
from,11.1%,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
@keyframes jello {
from,11.1%,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes bounceIn {
from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn {
from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut {
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut {
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig {
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig {
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight {
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig {
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig {
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
@keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX {
from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX {
from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutX {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn {
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn {
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut {
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut {
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn {
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn {
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut {
from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rotateOut {
from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
@keyframes rotateOutDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@keyframes rotateOutUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge {
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge {
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInDown {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInLeft {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInRight {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInUp {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut {
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
@keyframes zoomOut {
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomOutDown {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomOutUp {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown {
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown {
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft {
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp {
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp {
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(../img/icons/ajax-loader.gif) center center no-repeat}
@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg")}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir='rtl'] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}
[dir='rtl'] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}
[dir='rtl'] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}
@font-face{font-family:'Walkway';src:url(../fonts/WalkwayBold.eot);src:url(../fonts/WalkwayBold.eot?#iefix) format("embedded-opentype"),url(../fonts/WalkwayBold.woff2) format("woff2"),url(../fonts/WalkwayBold.woff) format("woff"),url(../fonts/WalkwayBold.ttf) format("truetype"),url(../fonts/WalkwayBold.svg#WalkwayBold) format("svg");font-weight:700;font-style:normal}
;
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}
.mfp-with-zoom.mfp-ready.mfp-bg{opacity:.8}
.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0}
.modal{top:50%;transform:translateY(-50%)}
.modal-dialog{margin:0 auto;width:600px}
.hamburger{display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
.hamburger:hover{opacity:.7}
.hamburger-box{display:inline-block;height:20px;position:relative;width:30px}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{background-color:#000;border-radius:0;height:1px;position:absolute;transition-duration:.15s;transition-property:transform;transition-timing-function:ease;width:30px}
.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0 .15s linear}
.hamburger--spring .hamburger-inner::before{top:10px;transition:top .12s .3s cubic-bezier(0.33333,0.66667,0.66667,1),transform .15s cubic-bezier(0.55,0.055,0.675,0.19);width:20px;right:0}
.hamburger--spring .hamburger-inner::after{top:20px;transition:top .3s .3s cubic-bezier(0.33333,0.66667,0.66667,1),transform .15s cubic-bezier(0.55,0.055,0.675,0.19);width:10px;right:0}
.hamburger--spring.is-active .hamburger-inner{transition-delay:.32s;background-color:transparent}
.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .12s .18s cubic-bezier(0.33333,0,0.66667,0.33333),transform .15s .32s cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,10px,0) rotate(45deg);width:30px}
.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .3s cubic-bezier(0.33333,0,0.66667,0.33333),transform .15s .32s cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,10px,0) rotate(-45deg);width:30px}
/****/
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
.img{
max-width: 100%;
transition: all 0.3s ease-out 0s;
}
a,
.button {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a:focus,a:hover {
  color: currentColor;
}
a:focus,
a:hover,
.button:focus {
    text-decoration: none;
    outline: none;
}
.portfolio-cat a:hover,
.footer-menu li a:hover {
  color: #D6B161;
  text-decoration: none;
}
:focus {
  outline: none;
}
a,
button {
  outline: medium none;
  color: #337ab7;
}
.page-minimal a {
  color: #737272;
}
.page-minimal a:hover {
  color: #d6b161;
}
.uppercase { 
  text-transform: uppercase;
}
.capitalize { 
  text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Dosis', sans-serif;
  font-weight: normal;
  color: #333333;
  margin-top: 0px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.2;
}
.layout-dark h1,
.layout-dark h2,
.layout-dark h3,
.layout-dark h4,
.layout-dark h5,
.layout-dark h6 {
  color: #ffffff;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { 
    color: inherit;
}
h1 {
    font-size: 40px;
}
h2 {
    font-size: 35px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
ul {
  margin: 0px;
  padding: 0px;
}
li { 
	list-style: none
 }
p {
  color: #737272;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  margin-bottom: 15px;
}
hr{
  margin: 60px 0;
  padding: 0px;
  border-bottom: 1px solid #e5e5e5;
  border-top: 0px;
}
label {
  color: #737272;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
}
.layout-dark label{
  color: rgba(255,255,255,.5);
}
*::-moz-selection {
  background: #d6b161;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #d6b161;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #d6b161;
  color: #fff;
  text-shadow: none;
}
*::-moz-placeholder {
  color: #555555;
  font-size: 14px;
  opacity: 1;
}
*::placeholder {
  color: #555555;
  font-size: 14px;
  opacity: 1;
}
.container {
  width: 1200px;
}
.push-right {
  float: right;
}
.push-left {
  float: left;
}
.width-50 {
  width: 50%;
  float: left;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-90 {
  margin-bottom: 90px;
}
.dir-rtl {
  direction: RTL;
  /*unicode-bidi: bidi-override;*/
}
/*-------------------------------------------------------
  1.1 Background color variation for section
---------------------------------------------------------*/
.white-bg { 
	background: #ffffff; 
}
.gray-bg { 
	background: #f8f8f9;
}
.transparent-bg { 
	background: transparent; 
}
/*-------------------------------------
  1.2 Button default
---------------------------------------*/
.button {
  border: 1px solid #2b2b2b;
  background: transparent;
  color: #333333;
  display: inline-block;
  font-size: 12px;
  height: 60px;
  letter-spacing: 2px;
  line-height: 60px;
  padding: 0 60px;
  text-transform: uppercase;
  /*************************************
  New typography for button
  ***********************************/
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: "Open Sans", arial, sans-serif;
}
/*-------------------------------------
  1.3 Buttons variation
---------------------------------------*/
.button.large  { 
  padding: 0 60px; 
  font-size: 12px;
}
.button.small {
  font-size: 11px;
  padding: 0 25px;
}
.button.extra-small {
  font-size: 10px;
  height: 40px;
  letter-spacing: 1.5px;
  line-height: 40px;
  padding: 0 15px;
}
/*-------------------------------------
  1.4 Black button
---------------------------------------*/
.button:hover {
  background: #333333;
  color: #ffffff;
}
.button.active-btn {
  background: #333333;
  color: #ffffff;
  border: 1px solid transparent;
}
.button.active-btn:hover{
  background: transparent;
  color: #333333;
  border: 1px solid #2b2b2b;
}
/*-----------------------------------
  2. Header style one
------------------------------------*/
.caracraft-header .navbar-brand {
  color: #ffffff;
  display: inline-block;
  float: left;
  font-size: 24px;
  font-weight: 400;
  height: auto;
  letter-spacing: 1px;
  line-height: 20px;
  padding: 0;
  text-transform: uppercase;
  vertical-align: middle;
}
.caracraft-header .navbar {
  padding: 50px 0 0;
  transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
}
.caracraft-header .top-nav-collapse {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: medium none;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.2);
    padding: 5px 0;
}
.navbar-brand.page-scroll img {
  transition: .3s;
}
.top-nav-collapse .navbar-brand.page-scroll img {
  padding: 5px 0;
}
.hover-style-one li a::before {
  background: #333 none repeat scroll 0 0;
  bottom: -2px;
  color: rgba(0, 0, 0, 0);
  content: "";
  font-size: 10px;
  font-weight: normal;
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 0;
}
.hover-style-one li:hover > a::before, 
.hover-style-one li.active > a::before{
  opacity: 1;
  width: 50%;
}
.caracraft-header .hover-style-one li:hover > a::before, 
.caracraft-header .hover-style-one li.active > a::before{
  color: #ffffff;
  text-shadow: 7px 0 #ffffff, 14px 0 #ffffff;
}
.caracraft-header .top-nav-collapse .hover-style-one li:hover > a::before, 
.caracraft-header .top-nav-collapse .hover-style-one li.active > a::before {
  color: #222;
  text-shadow: 7px 0 #222, 14px 0 #222;
}
.hover-style-one li a{
  position: relative;
}
.caracraft-header .top-nav-collapse .hover-style-one li:hover > a::before, 
.caracraft-header .top-nav-collapse .hover-style-one li.active > a::before {
  color: #222222;
  text-shadow: 7px 0 #222222, 14px 0 #222222;
}
.dropdown-menu-right .dropdown-submenu > a::after, 
.navbar-right .dropdown-submenu > a::after {
  margin-left: -12px;
  margin-top: 4px;
}
.caracraft-header .navbar > .container .navbar-brand, 
.caracraft-header .navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}
.caracraft-header .navbar-toggle {
  background-color: transparent;
  background-image: none;
  border: 1px solid #333;
  border-radius: 0;
  float: right;
  margin: 13px 0;
  padding: 9px;
  position: relative;
}
.caracraft-header .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}
.caracraft-header .navbar-toggle .icon-bar {
  background: #333 none repeat scroll 0 0;
  border-radius: 0;
  display: block;
  height: 1px;
  width: 20px;
}
.caracraft-header .top-nav-collapse .navbar-toggle .icon-bar{
  background: #999;
}
/* ---------------------------------------
  2.1 Header menu area
------------------------------------------*/
.menu-toggle-btn {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.menu-logo-area {
  position: relative;
}
.nav.navbar-nav.hover-style-one {
  margin-right: 60px;
}
.nav.navbar-nav.hover-style-one {
  opacity: 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
}
.nav-show .nav.navbar-nav.hover-style-one {
  opacity: 1;
  visibility: visible;
}
/* ---------------------------------------
  3. Slider area
------------------------------------------*/
.slider-area {
  position: relative;
}
.caracraft-single-slider {
 /* background: rgba(0, 0, 0, 0) url("../img/slider/01.jpg") repeat scroll center center / cover ;*/
  padding: 300px 0;
}
.slider-style-minimal .caracraft-single-slider {
 /* background: rgba(0, 0, 0, 0) url("../img/slider/02.jpg") repeat scroll center center / cover ;*/
  padding: 300px 0;
}
/*.slider-style-dark .caracraft-single-slider {
  background: rgba(0, 0, 0, 0) url("../img/slider/01.jpg") repeat scroll center center / cover ;
}*/
.single-slide-content h1 {
  font-size: 64px;
  letter-spacing: 6px;
  line-height: 80px;
  margin-bottom: 17px;
  text-transform: uppercase;
}
.single-slide-content p {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: "Open Sans", arial, sans-serif;
}
.layout-dark .single-slide-content p {
  color: rgba(255,255,255,.5);
}
.scroll-bottom-btn {
  bottom: 80px;
  position: absolute;
  width: 100%;
}
.sc-button-wrapper a {
  background: #131313 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  text-align: center;
  width: 45px;
}
.btn-submitt:hover .fa-paper-plane {
  animation: 1500ms ease 0s normal none 1 running caracraft-send;
}
.sc-button-wrapper a:hover i {
}
.sc-button-wrapper > p {
  color: #333333;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 2px;
  margin: 0 0 0 15px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: "Open Sans", arial, sans-serif;
}
/* ---------------------------------------
  4. About section
------------------------------------------*/
.about-section {
  padding: 120px 0 100px;
}
.about-block-text p {
  margin-bottom: 35px;
  text-align: justify;
}
/* ---------------------------------------
  5. Area title
------------------------------------------*/
.area-title h1 {
  font-size: 45px;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
}
.area-title p {
  font-size: 18px;
  margin: 0;
  font-family: 'Dosis', sans-serif;
  letter-spacing: 1px;
}
.ca-name {
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  text-orientation: upright;
  text-transform: uppercase;
  writing-mode: vertical-lr;
}
.sign-image {
  display: inline-block;
  margin-left: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.about-block-text {
  margin-bottom: 28px;
  padding-right: 50px;
}
.signature {
  margin-bottom: 28px;
  position: relative;
}
.download-btn .button.active-btn {
  padding: 0 50px;
}
/* ---------------------------------------
  6. Next/Prev buttons
------------------------------------------*/
.slick-prev, 
.slick-next {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #131313;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 45px;
  line-height: 0;
  outline: medium none;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
  width: 45px;
}
.slick-prev::before, 
.slick-next::before {
  color: #131313;
  font-family: fontawesome;
  font-size: 12px;
  line-height: 1;
  opacity: 1;
}
.slick-prev::before {
  content: "\f177";
}
.slick-next {
  right: 0;
  background: #333;
}
.slick-prev {
  left: 0;
}
.gallery-slider .slick-prev, 
.gallery-slider .slick-next {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #131313;
  bottom: -125px;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 45px;
  line-height: 0;
  outline: medium none;
  padding: 0;
  position: absolute;
  top: auto;
  transform: none;
  width: 45px;
}
.section-gallery-content{
  position: relative;
}
.gallery-box {
  border: 30px solid #fff;
  box-shadow: 0 0px 35px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 2;
}
.gallery-slider .slick-next {
  right: -30px;
  background: #333333;
  border: 1px solid transparent;
  color: #fff;
}
.slick-next::before {
  content: "\f178";
  color: #fff;
}
.gallery-slider .slick-prev {
  left: auto;
  right: 30px;
}
.section-gallery-content h1 {
  color: #cecece;
  font-size: 64px;
  line-height: 1;
  margin: -31px 0 0;
  position: relative;
  text-align: center;
  position: absolute;
  transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.gallery-popup img,
.single-video-slide > img {
  width: 100%;
}
.pagingInfo {
  color: #333333;
  display: inline-block;
  font-size: 18px;
  margin-top: 50px;
  position: relative;
  min-height: 45px;
  line-height: 45px;
}
.pagingInfo::before {
  background: #333 none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: calc(100% + 40px);
  position: absolute;
  top: 50%;
  width: 45px;
}
/* ---------------------------------------
  7. Sections backgrounds 
------------------------------------------*/
.section-bg-regular {
  background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffffff 59%, #f9f9f9 41%) repeat scroll 0 0; /*Standard*/
}
.section-bg-revarse {
  background: rgba(0, 0, 0, 0) linear-gradient(to right, #f8f8f9 59%, #fff 41%) repeat scroll 0 0; /*Standard*/
}
.layout-dark .section-bg-regular {
  background: rgba(0, 0, 0, 0) linear-gradient(to right, #2d2d2d 59%, #323232 41%) repeat scroll 0 0; /*Standard*/
}
.layout-dark .section-bg-revarse {
  background: rgba(0, 0, 0, 0) linear-gradient(to right, #323232 59%, #2d2d2d 41%) repeat scroll 0 0; /*Standard*/
}
.layout-dark .white-bg {
  background: #2d2d2d none repeat scroll 0 0;
}
.layout-dark .gray-bg {
  background: #323232 none repeat scroll 0 0;
}
.single-video-slide {
  position: relative;
}
.video-init-btn {
  bottom: 80px;
  position: absolute;
  right: 80px;
  z-index: 98;
}
.video-init-btn.center {
  bottom: 50%;
  transform: translate(-50%);
  position: absolute;
  left: 50%;
  width: 100%;
  text-align: center;
}
.video-init-btn a {
  color: #000000;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase;
}
.video-init-btn a:hover {
  color: #000000;
}
.video-init-btn a img {
  margin-left: 10px;
  margin-top: -3px;
}
/* -----------------------------------
  8. Skill bar styles
--------------------------------------*/
.single-bar .progress-bar {
  float: right;
}
.single-bar .progress {
  background-color: #cecece;
  border-radius: 0;
  box-shadow: none;
  height: 2px;
  margin-bottom: 35px;
  overflow: hidden;
}
.single-bar .progress-bar {
  background-color: #333333;
  box-shadow: none;
}
.single-bar > p {
  color: #000;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 19px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: "Open Sans", arial, sans-serif;
}
.skill-content-section {
  margin-top: 0px;
  padding-left: 125px;
}
.skill-content-section .area-title h1 {
  font-size: 38px;
  margin-bottom: 30px;
}
.skill-content-section .area-title {
  margin-bottom: 65px;
}
.single-bar:last-child .progress {
  margin-bottom: 0;
}
.skill-section {
  padding: 120px 0;
}
/* -----------------------------------
  9. Service section
--------------------------------------*/
.service-section {
  padding: 120px 0px 180px;
}
.single-service {
  background: #f8f8f9 none repeat scroll 0 0;
  padding: 30px;
}
.service-box-inner {
  background: #fefefe none repeat scroll 0 0;
  padding: 50px 25px;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0px 32px rgba(0, 0, 0, 0.15);
}
.single-service-slider-item.slick-center .service-box-inner,
.single-service:hover .service-box-inner {
  box-shadow: 0 10px 30px rgba(0,0,0,.1);
  background: #fff;
}
.service-icon i {
  color: #333333;
  display: inline-block;
  font-size: 45px;
  margin-bottom: 30px;
}
.single-service h3 {
  font-size: 21px;
  margin-bottom: 30px;
}
.service-box-inner a {
  color: #333;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Open Sans", arial, sans-serif;
}
.theme-b-w-btn:hover,.theme-b-w-btn:focus,.theme-b-w-btn:active{
  color: #333;
}
.service-box-inner > p {
  margin-bottom: 35px;
}
.single-service-slider-item {
  padding: 0 15px;
}
.service-slider .slick-prev, 
.service-slider .slick-next {
  bottom: -107px;
  right: 15px;
  top: auto;
  transform: none;
  transition: .3s;
}
.slick-prev, 
.slick-next {
  transition: .3s;
}
.service-slider .slick-prev {
  left: auto;
  right: 70px;
}
/* -----------------------------------------
  10. Portfolio style
-------------------------------------------- */
.portfolio-section {
  padding: 120px 0px;
}
.portfolio-container.portfolio-gutter {
  margin-left: -15px;
  margin-right: -15px;
}
.portfolio-gutter .portfolio-item {
  padding: 0 15px;
  margin-bottom: 30px;
}
.portfolio-item {
  float: left;
}
.portfolio-column-count-2 .portfolio-item {
  width: 50%;
}
.portfolio-column-count-3 .portfolio-item {
  width: 33.33%;
}
.portfolio-column-count-4 .portfolio-item {
  width: 25%;
}
.portfolio-column-count-5 .portfolio-item {
  width: 20%;
}
.portfolio-item-content {
  position: relative;
}
.portfolio-fullwidth {
  max-width: 100%;
  overflow: hidden;
}
.item-thumbnail img {
  width: 100%;
}
/* -----------------------------------------
  11. Portfolio filter style
-------------------------------------------- */
.portfolio-filter li {
  display: inline-block;
  margin-left: 40px;
}
.portfolio-filter li a {
  color: #737272;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: "Open Sans", arial, sans-serif;
  position: relative;
}
.portfolio-filter > li a::before {
  background: #333 none repeat scroll 0 0;
  content: "";
  height: 1px;
  position: absolute;
  top: 20px;
  transition: all 0.3s ease 0s;
  width: 0;
}
.portfolio-filter > li.active a,
.portfolio-filter > li a:hover {
  color: #333;
}
.portfolio-filter > li.active a::before ,
.portfolio-filter > li a:hover::before {
  width: 50%;
  background: #333;
}
.portfolio-filter li:first-child {
  margin-left: 0;
}
.portfolio-description {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
  height: calc(100% - 60px);
  left: 30px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 30px;
  transform: translateX(-15px) translateY(-15px);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: calc(100% - 60px);
}
.portfolio-item:hover .portfolio-description{
  transform: translateX(0) translateY(0);
  visibility: visible;
  opacity: 1;  
}
.description-box {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 100%;
}
.portfolio-item:hover .description-box {
  visibility: visible;
  opacity: 1;
}
.portfolio-catagory {
  margin-bottom: 15px;
}
.portfolio-catagory > li {
  display: inline-block;
  position: relative;
  margin-left: 8px;
}
.portfolio-catagory > li::before {
  content: "/";
  left: -10px;
  position: absolute;
}
.portfolio-catagory > li:first-child {
  margin-left: 0;
}
.portfolio-catagory > li:first-child:before {
  content: ""
}
.portfolio-catagory > li a {
  color: #333;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.load-more {
  margin-top: 70px;
}
/* -----------------------------------------
  12. Experience Area
-------------------------------------------- */
.experience-section {
  padding: 120px 0;
}
.experience-wrapper {
  overflow: hidden;
}
.single-experience {
  padding: 30px;
}
.single-description-conent {
  background: #fefefe none repeat scroll 0 0;
  padding: 45px 20px 45px 40px;
  box-shadow: 0 0px 32px rgba(0, 0, 0, 0.15);
  transition: .3s;
}
.single-experience :hover.single-description-conent {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
}
.single-description-conent h4 {
  font-size: 21px;
}
.company-name {
  font-size: 12px;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
.single-description-conent p:not(.company-name) {
  margin: 0;
}
.single-duration-conent {
  height: 294px;
  line-height: 242px;
  position: relative;
  text-align: center;
}
.single-duration-conent > h1 {
  font-size: 48px;
  line-height: 1;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.hire-btn {
  margin-top: 100px;
  text-align: center;
}
.hire-btn .button {
  padding: 0 70px;
}
/* -----------------------------------------
  13. Testimonial section
-------------------------------------------- */
.testimonial-section {
  padding: 120px 0px 180px;
}
.testimonial-area-wrapper {
  background: rgba(0, 0, 0, 0) url("../img/nosotros.jpg") repeat scroll 0 0;
  margin-bottom: 30px;
  padding: 115px 550px 160px 100px;
}
.minimal-testimonial .testimonial-area-wrapper {
  background: rgba(0, 0, 0, 0) url("../img/nosotros.jpg") repeat scroll 0 0;
}
.dark-testimonial .testimonial-area-wrapper {
  background: rgba(0, 0, 0, 0) url("../img/nosotros.jpg") repeat scroll 0 0;
}
.client-name {
  color: #333333;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0;
}
.testimonial-area-wrapper .slick-prev, 
.testimonial-area-wrapper .slick-next {
  bottom: -100px;
  top: auto;
  transform: none;
}
.testimonial-area-wrapper .slick-next {
  background: #333 none repeat scroll 0 0;
  left: 55px;
  right: auto;
}
.single-testimonial img:not(.signature-t) {
  margin-bottom: 20px;
}
.testimonial-area-wrapper p {
    margin-left: 1px;
}
/* -----------------------------------------
  14. Brand Slider area
-------------------------------------------- */
.single-brand-slide  {
  text-align: center;
  padding: 0 15px;
}
.single-brand-slide-inner {
  background: #fff;
  padding: 30px;
}
.single-brand-slide img {
  display: inline-block;
}
.brand-box {
  background: #f8f8f9 none repeat scroll 0 0;
  cursor: pointer;
  padding: 25px 0;
  box-shadow: 0 0px 50px rgba(0, 0, 0, 0.12);
  transition: all 0.3s ease 0s;
}
.single-brand-slide:hover .brand-box {
  box-shadow: 0 10px 30px rgba(0,0,0,.1);
}
.brand-logo-slider .slick-prev, 
.brand-logo-slider .slick-next {
  bottom: -115px;
  top: auto;
  transform: none;
}
.brand-logo-slider .slick-next {
  background: #333 none repeat scroll 0 0;
  right: 15px;
}
.brand-logo-slider .slick-prev {
  left: auto;
  right: 70px;
}
.brand-logo-title {
  min-height: 244px;
  position: relative;
}
.brand-logo-wrapper {
  position: absolute;
  text-align: right;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.brand-logo-title p {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0;
  padding-right: 15px;
  position: relative;
}
.brand-logo-wrapper > p::before {
  background: #333 none repeat scroll 0 0;
  content: "";
  height: 1px;
  position: absolute;
  right: calc(100% + 52px);
  top: 50%;
  transform: translateY(-50%);
  width: 170px;
}
/* -----------------------------------------
  15. Blog section
-------------------------------------------- */
.blog-section {
  padding: 120px 0px 180px;
}
.blog-section .read-more {
  position: relative;
  top: 5px;
}
.post-content {
  background: #f9f9f9 none repeat scroll 0 0;
  left: 30px;
  margin-top: -70px;
  position: relative;
  width: calc(100% - 60px);
  transition: .3s;
  padding: 50px 25px;
  margin-bottom: 20px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}
.site-main .post-content {
  background-color: #f9f9f9;
}
.single-blog-post:hover .post-content {
  box-shadow: 0 10px 30px rgba(0,0,0,.1);
}
.layout-dark .single-blog-post:hover .post-content {
  box-shadow: none;
}
.single-blog-post {
  position: relative;
}
.post-image img {
  width: 100%;
}
.post-content > h3 {
  font-size: 21px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-bottom: 25px;
}
.post-content p{
  margin-bottom: 25px;
}
.page-minimal .post-content a:hover {
  color: #737272;
}
.page-minimal .post-content  .read-more:hover {
  color: #d6b161;
}
.read-more {
  color: #333;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 1;
}
.read-more i {
  margin-left: 5px;
}
.layout-minimal-blog .button,
.layout-minimal-blog .widget-subscribe-form > input,
.layout-light-blog .button,
.layout-light-blog .widget-subscribe-form > input {
  border-color: #e1e1e1;
}
/* -----------------------------------------
  16. Contact section
-------------------------------------------- */
.info-icon {
  border: 1px solid #333;
  font-size: 22px;
  height: 45px;
  line-height: 40px;
  text-align: center;
  width: 45px;
  float: left;
}
.single-info {
  overflow: hidden;
  margin-bottom: 10px;
}
.single-info:last-child {
  margin-bottom: 0;
}
.info-details {
  font-family: 'Dosis', sans-serif ;
  float: left;
  margin-top: 15px;
  padding-left: 30px;
  width: calc(100% - 45px);
}
.contact-section {
  padding: 120px 0;
}
.info-details p,
.info-details a {
  line-height: 1;
  margin: 0;
  font-size: 18px;
  letter-spacing: 1px;
}
.info-details a {
  color: #737272;
}
.info-block-text {
  margin-bottom: 50px;
}
/* -----------------------------------------
  17. Contact from area
-------------------------------------------- */
.contact-form-wrapper {
  background: #f9f9f9 none repeat scroll 0 0;
  box-shadow: 0 0px 35px rgba(0, 0, 0, 0.15);
  padding: 30px;
  position: relative;
}
.single-from-input {
  margin-bottom: 10px;
}
.single-from-input input {
  border: medium none;
  height: 42px;
  padding: 0 30px;
  width: 100%;
}
.single-from-input input {
  border: medium none;
  font-size: 14px;
  height: 42px;
  letter-spacing: 2px;
  padding: 0 30px;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.single-from-input input:focus, .form-body textarea:focus {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
  outline: none;
}
.form-body textarea {
  border: medium none;
  letter-spacing: 1px;
  margin-bottom: 10px;
  min-height: 195px;
  padding: 30px;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.btn-submitt.btn-medium {
  background: #333 none repeat scroll 0 0;
  border: 1px solid transparent;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 42px;
  width: 100%;
}
.caracraft-form-send-message {
  bottom: 9px;
  left: 30px;
  line-height: 1;
  margin: 0;
  position: absolute;
}
p.caracraft-form-send-message.success {
    color: #009688;
}
p.caracraft-form-send-message.error {
    color: #D50000;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px; letter-spacing: 2px; color: #333; text-transform: uppercase;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size: 12px; letter-spacing: 2px; color: #333; text-transform: uppercase;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 12px; letter-spacing: 2px; color: #333; text-transform: uppercase;
}
:-moz-placeholder { /* Firefox 18- */
  font-size: 12px; letter-spacing: 2px; color: #333; text-transform: uppercase;
}
/* -----------------------------------------
  18. Send button animations
-------------------------------------------- */
@-webkit-keyframes caracraft-passdown {
  0%,30%, 70%, 100% {
    -webkit-transform: translate3d(0,0,0);
  }
  30% {
    transform: translate3d(0px, 7px, 0);
  }
  70%  {
    transform: translate3d(0px, 0px, 0);
  }
}
@-moz-keyframes caracraft-passdown {
  0%,30%, 70%, 100% {
    -moz-transform: translate3d(0,0,0);
  }
  30% {
    transform: translate3d(0px, 7px, 0);
  }
  70%  {
    transform: translate3d(0px, 0px, 0);
  }
}
@keyframes caracraft-passdown {
  0%,30%, 70%, 100% {
    transform: translate3d(0,0,0);
  }
  30% {
    transform: translate3d(0px, 7px, 0);
  }
  70%  {
    transform: translate3d(0px, 0px, 0);
  }
}
.caracraft-passdown {
  -webkit-animation-name: caracraft-passdown;
  -o-animation-name: caracraft-passdown;
  animation-name: caracraft-passdown;
}
@-webkit-keyframes caracraft-passup {
  0%,30%, 70%, 100% {
    -webkit-transform: translate3d(0,0,0);
  }
  30% {
    transform: translate3d(0px, 7px, 0);
  }
  70%  {
    transform: translate3d(0px, 0px, 0);
  }
}
@-moz-keyframes caracraft-passup {
  0%,30%, 70%, 100% {
    -moz-transform: translate3d(0,0,0);
  }
  30% {
    transform: translate3d(0px, 7px, 0);
  }
  70%  {
    transform: translate3d(0px, 0px, 0);
  }
}
@keyframes caracraft-passup {
  0%,30%, 70%, 100% {
    transform: translate3d(0,0,0);
  }
  30% {
    transform: translate3d(0px, 7px, 0);
  }
  70%  {
    transform: translate3d(0px, 0px, 0);
  }
}
.caracraft-passup {
  -webkit-animation-name: caracraft-passup;
  -o-animation-name: caracraft-passup;
  animation-name: caracraft-passup;
}
.caracraft-passup-hov:hover {
  animation: 1500ms ease 0s infinite normal none running caracraft-passup;
}
.sc-button-wrapper a:hover i {
  animation: 1500ms ease 0s infinite normal none running caracraft-passdown;
}
@-webkit-keyframes caracraft-send {
  0%,30%, 70%, 100% {
    -webkit-transform: translate3d(0,0,0);
  }
  30% {
  -webkit-transform: translate3d(-5px, 4px, 0);
  }
  70%  {
    -webkit-transform: translate3d(5px, -4px, 0);
  }
}
@-moz-keyframes caracraft-send {
  0%,30%, 70%, 100% {
    -moz-transform: translate3d(0,0,0);
  }
  30% {
  -moz-transform: translate3d(-5px, 4px, 0);
  }
  70%  {
    -moz-transform: translate3d(5px, -4px, 0);
  }
}
@-o-keyframes expand {
  0%,30%, 70%, 100% {
    -o-transform: translate3d(0,0,0);
  }
  30% {
  -o-transform: translate3d(-5px, 4px, 0);
  }
  70%  {
    -o-transform: translate3d(5px, -4px, 0);
  }
}
@keyframes caracraft-send {
  0%,30%, 70%, 100% {
    transform: translate3d(0,0,0);
  }
  30% {
    transform: translate3d(-5px, 4px, 0);
  }
  70%  {
  transform: translate3d(5px, -4px, 0);
  }
}
.caracraft-send {
  -webkit-animation-name: caracraft-send;
  -o-animation-name: caracraft-send;
  animation-name: caracraft-send;
}
.btn-submitt:hover .fa-paper-plane {
  animation: 1500ms ease 0s normal none 1 running caracraft-send;
}
/* ------------------------------
  Single Pages Style 
---------------------------------*/
/* ------------------------------
  19. Breadcrumb styles 
---------------------------------*/
.breadcrumb-area {
  background: rgba(0, 0, 0, 0) url("img/bg/4.jpg") repeat scroll center center / cover ;
  padding: 220px 0;
}
.page-cat {
  font-size: 45px;
  letter-spacing: 2px;
  line-height: 1;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.breadcrumb-list li a {
  color: #333333;
}
.breadcrumb-list li {
  color: #333333;
  float: left;
  font-weight: 600;
  letter-spacing: 2px;
  margin-right: 30px;
  position: relative;
  text-transform: capitalize;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}
.text-center .breadcrumb-list > li {
  display: inline-block;
  float: none;
  margin: 0 10px;
  position: relative;
}
.breadcrumb-list > li::before {
  bottom: -1px;
  content: "/";
  position: absolute;
  right: -20px;
}
.breadcrumb-list li a {
  color: #555;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0px !important;
}
.breadcrumb-list li:last-child:before{
  display: none;
}
.cara-standard-section.single-bolg-post {
  background: #f7f7f7 none repeat scroll 0 0;
  padding: 115px 0 160px;
}
.single-post {
  background: #fff none repeat scroll 0 0;
  padding: 30px;
}
.post-content-wrapper {
  margin-top: 70px;
  padding: 0 10px;
}
.blog-post-title {
  font-size: 32px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.post-header {
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.post-meta span {
  color: #737272;
  font-size: 14px;
  letter-spacing: 0.25px;
  margin-right: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
}
.layout-dark-blog .post-meta span {
  color: rgba(255,255,255,.5);
}
.post-meta span a {
  color: inherit;
}
.post-content-wrapper ul li {
  color: #737272;
  font-size: 15px;
  line-height: 30px;
  padding-left: 40px;
  position: relative;
}
.post-content-wrapper li::before {
  color: #cecece;
  content: "";
  font-family: fontawesome;
  left: 0;
  position: absolute;
}
.post-content-wrapper > ul {
  margin-bottom: 60px;
  margin-top: 40px;
}
.post-content-wrapper > h4 {
  font-size: 20px;
  margin: 40px 0 30px;
}
.single-blog-post-area blockquote {
  background: #f3f3f3 none repeat scroll 0 0;
  border-left: 2px solid #cecece;
  font-size: 17.5px;
  margin: 0 0 60px 30px;
  padding: 20px 40px;
}
.post-content-wrapper blockquote p {
  margin: 0;
  text-transform: uppercase;
  font-family: 'Dosis', sans-serif !important;
}
.post-content-wrapper blockquote span {
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.post-footer {
  background: #fff none repeat scroll 0 0;
  border-top: 1px solid #ededed;
  margin-bottom: 60px;
  overflow: hidden;
  padding: 40px 30px;
}
.blog-footer{
  margin: 0 15px;
  padding: 40px 0;
  background-color: #fff;
}
.tag-wrapper {
  display: inline-block;
  float: left;
}
.share-wrapper {
  display: inline-block;
  float: right;
}
.share-wrapper i:hover {
 transform: scale(1.2);
}
.share-wrapper i{
transition: all .2s ease-in-out;
}
.tag-wrapper a {
  background: #f3f3f3 none repeat scroll 0 0;
  color: #333333;
  display: inline-block;
  height: 25px;
  letter-spacing: 1px;
  line-height: 25px;
  margin-right: 5px;
  padding: 0 10px;
  text-transform: uppercase;
}
.tag-wrapper a:hover {
  background: #333;
  color: #fff;
}
.share-wrapper li {
  display: inline-block;
  margin-left: 35px;
}
.share-wrapper a {
  color: #333;
  font-size: 15px;
}
.author-area {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 60px;
  padding: 40px;
}
.author-img {
  float: left;
  width: 100px;
}
.author-info {
  overflow: hidden;
}
.author-desc {
  float: left;
  padding-left: 30px;
  width: calc(100% - 100px);
}
.author-img > img {
  border-radius: 50%;
  width: 100%;
}
.author-desc h5 {
  font-family: walkway;
  font-size: 16px;
  letter-spacing: 1px;
}
.author-desc h5 span {
  display: block;
  font-size: 12px;
  margin-top: 9px;
  padding-bottom: 20px;
  position: relative;
  text-transform: none;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  color: #737272;
}
.layout-dark .author-desc h5 span{
  color: #bbbbbb;
}
.c-title span::before {
  background: #ededed none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  width: 70px;
}
.author-desc p {
}
.comment-section-title {
  font-size: 21px;
  margin-bottom: 40px;
}
.comment-section-title span {
  background: #333333 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
.comment-section-title span.dark{
  background: #2d2d2d none repeat scroll 0 0;
}
.theme-comment-section {
  background: #fff none repeat scroll 0 0;
  padding: 35px 30px;
}
.media-left img {
  background: #f3f3f3 none repeat scroll 0 0;
  border-radius: 50%;
  height: 70px;
  width: 70px;
}
.media-replay .media-left img {
  height: 50px;
  width: 50px;
}
.sabbi-arrow-roll i {
  position: relative;
  transition: all .4s;
  left: 0;
  margin-left: 3px;
}
.sabbi-arrow-roll-right:hover i {
  left: 10px;
}
.slick-next:focus {
  background: #333;
}
/* GENERAL SABBI-BUTTON STYLING */
.sabbi-button,
.sabbi-button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sabbi-button {
  position: relative;
  z-index: 0;
}
.sabbi-button.sabbi-button:hover {
  background: transparent;
}
.sabbi-button::before,
.sabbi-button::after {
  background: #2b2b2b;
  content: '';
  position: absolute;
  z-index: -1;
}
/* .sabbi-BUTTON 1 */
.sabbi-btn-1::after {
  height: 0;
  left: 0;
  top: 0;
  width: 100%;
}
.sabbi-btn-1:hover:after {
  height: 100%;
}
.layout-minimal .sabbi-button.sabbi-button:hover {
  background: transparent;
  border-color: #bb9e7d;
}
.layout-minimal .sabbi-button:before,.layout-minimal .sabbi-button::after {
  background: #bb9e7d;
}
/* sabbi-BUTTON 2 */
.sabbi-btn-2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}
.sabbi-btn-2:hover:after {
  width: 100%;
}
/* sabbi-BUTTON 3 */
.sabbi-btn-3::after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
.sabbi-btn-3:hover:after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
/* sabbi-BUTTON 4 */
.sabbi-btn-4::before {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.sabbi-btn-4::after {
  background: #2ecc71;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.sabbi-btn-4:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
/* sabbi-BUTTON 5 */
.sabbi-btn-5 {
  overflow: hidden;
}
.sabbi-btn-5::after {
  /*background-color: #f00;*/
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}
.sabbi-btn-5:hover:after {
  height: 100%;
  width: 135%;
}
.active-btn.sabbi-button {
  background-color: transparent;
}
.active-btn.sabbi-button.hupup::after {
  background: #333;
  content: '';
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
}
.layout-dark .sabbi-button::before, .layout-dark .sabbi-button::after {
  background: #fff;
}
.layout-dark .active-btn.sabbi-button.hupup::after{
  background: #fff;
}
.layout-minimal .button.active-btn:hover {
  color: #333333;
  border-color: #2b2b2b;
}
.layout-minimal .active-btn.sabbi-button.hupup::after {
  background: #B79E7A;
}
.layout-minimal .active-btn.sabbi-button.hupup::after {
  background: #B79E7A;
}
.active-btn.sabbi-button.hupup:hover:after {
  height: 0;
}
/*-----------------------------------------
  20. Comment form area
-------------------------------------------*/
.theme-comment-section .media {
  border-bottom: 1px solid #dfdfdf;
  padding: 35px 0;
}
.media-list li:last-child {
  margin: 0;
}
.theme-comment-section {
  background: #fff none repeat scroll 0 0;
  padding: 30px 30px 50px;
}
.comment-author-title {
  display: inline-block;
  font-family: walkway;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.theme-comment-section .media-body > p span {
  color: #808080;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.media-list li {
  background: #ffffff none repeat scroll 0 0;
  transition: .3s;
  position: relative;
}
.theme-comment-section .media-body {
  margin-top: 0;
  padding-right: 25px;
}
.reply-link {
  color: #737272;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 0;
}
.layout-dark  .reply-link{
  color: #bbbbbb;
}
.layout-dark  .reply-link:focus,
.layout-dark  .reply-link:active,
.layout-dark  .reply-link:hover {
  color: #fff;
}
.media-left img {
  border: none;
  border-radius: 50%;
}
.media-left, 
.media > .pull-left {
  padding-right: 20px;
}
.comment-head > p {
  display: inline-block;
  margin: 0;
  padding-left: 20px;
}
.comment-head > p i {
  margin-right: 10px;
}
.comment-head {
  margin-bottom: 15px;
}
.media-body > p {
  line-height: 30px;
  margin-bottom: 20px;
  line-height: 1.4;
}
.reply-link i {
  font-size: 16px;
  margin-right: 10px;
}
.theme-comment-section .media-replay .media {
  border-bottom: 1px solid transparent;
  padding-left: 90px;
}
.theme-comment-section .media-replay  {
  border-bottom: 1px solid #dfdfdf;
}
.media-list {
  list-style: outside none none;
  margin-bottom: 65px;
}
.commtent-from-title {
  font-size: 21px;
  letter-spacing: 1px;
  margin-bottom: 30px;
}
.input-field {
  float: left;
  padding: 0 10px;
  width: 33.33%;
}
.input-field input {
  border: 1px solid #e1e1e1;
  height: 50px;
  padding: 0 30px;
  width: 100%;
}
.input-field-wrapper {
  margin: 0 -10px 20px;
  overflow: hidden;
}
.my-comment-box textarea {
  border: 1px solid #e1e1e1;
  padding: 20px 30px;
  width: 100%;
}
.my-comment-box {
  margin-bottom: 25px;
}
.check-box {
  margin-bottom: 30px;
}
input[type="checkbox"], 
input[type="radio"] {
  line-height: normal;
  margin: 0 10px 0 0;
}
.comment-form  .button {
  padding: 0 33px;
}
/* ----------------------------
  21. Widget area
-------------------------------*/
.search-widget {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.search-form input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid transparent;
  height: 50px;
  letter-spacing: .5px;
  padding: 0 30px;
  width: 100%;
}
/*.search-form ::-webkit-input-placeholder { 
  letter-spacing: .5;
}
.search-form ::-moz-placeholder { 
  letter-spacing: .5;
}
.search-form :-ms-input-placeholder {
  letter-spacing: .5;
}
.search-form :-moz-placeholder {
  letter-spacing: .5;
}*/
.search-form {
  position: relative;
}
.search-form > button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #737272;
  font-size: 15px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.single-widget {
  margin-bottom: 30px;
}
.widget-title {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  color: #333333;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
.widget-title::before {
  border-color: #ffffff transparent transparent;
  border-style: solid;
  border-width: 11px 13px 0;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 0;
}
.widget-content.about-widget {
  background: #fff none repeat scroll 0 0;
  padding: 20px;
}
.about-widget {
  background: #fff none repeat scroll 0 0;
  padding: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.about-widget img {
  background: #f2f2f2 none repeat scroll 0 0;
  margin-bottom: 25px;
}
.widget-signature img {
  background: transparent none repeat scroll 0 0;
  margin: 0;
}
.widget-signature {
  text-align: center;
}
.flow-social {
  text-align: center;
}
.flow-social > li {
  display: inline-block;
  margin: 0 1px;
}
.flow-social a {
  background: #fff none repeat scroll 0 0;
  color: #333333;
  display: inline-block;
  font-size: 22px;
  height: 45px;
  line-height: 45px;
  width: 45px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.flow-social a:hover,
.post-cat-list a:hover {
  background: #333;
  color: #fff;
}
.post-cat-list {
  text-align: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.post-cat-list > li {
  background: #fff none repeat scroll 0 0;
}
.post-cat-list > li:hover a { 
  border-bottom: 1px solid transparent;
}
.post-cat-list a {
  color: #333333;
  display: block;
  font-size: 14px;
  height: 50px;
  letter-spacing: 1px;
  line-height: 50px;
  text-transform: uppercase;
  border-bottom: 1px solid #ececec;
}
.post-cat-list > li span {
  margin-left: 5px;
}
.widget-single-post {
  background: #fff none repeat scroll 0 0;
  margin-bottom: 20px;
  overflow: hidden;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.widget-single-post > a {
  float: left;
  width: 70px;
}
.widget-post-content {
  float: left;
  padding: 15px;
  width: calc(100% - 70px);
  text-transform: uppercase;
}
.widget-post-content a {
  color: #333333;
  font-family: 'Dosis', sans-serif !important;
  line-height: 1.4;
  margin-bottom: 10px;
  display: block;
  letter-spacing: 1px;
}
.layout-dark .widget-post-content > p ,
.widget-post-content > p {
  margin: 0;
}
.widget-post-content > p + p {
  font-size: 12px;
  line-height: 1;
  margin-top: 4px;
}
.newsletter-widget .widget-title::before {
  display: none;
}
.newsletter-widget .widget-title {
  margin-bottom: 0;
}
.widget-subscribe-form {
  background: #fff none repeat scroll 0 0;
  padding: 40px 20px;
}
.widget-subscribe-form > input {
  border: 1px solid #2b2b2b;
  height: 50px;
  margin-bottom: 20px;
  padding: 0 10px 0 30px;
  width: 100%;
  text-align: center;
}
.widget-subscribe-form .button {
  height: 50px;
  line-height: 50px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #bb9e7d;
  color: #fff !important;
}
.widget-subscribe-form .sabbi-button:before,
.widget-subscribe-form .sabbi-button:after {
    background: #fff;
    color: #333;
}
.widget-subscribe-form .sabbi-button:hover {
    color: #333 !important;
}
.layout-light-blog .widget-subscribe-form .sabbi-button{
  background-color: #333;
  color: #fff;
}
.layout-light-blog .widget-subscribe-form .sabbi-button:hover{
  border-color: #333;
}
.banner-slider {
  background: #fff none repeat scroll 0 0;
  padding: 20px;
  text-align: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.banner-slider img {
  display: block;
  width: 100%;
}
/* ------------------------------
  22. Instargam widget
---------------------------------*/
.instagram-widget-area {
  background: #f7f7f7 none repeat scroll 0 0;
}
.instagram-widget {
  background: #fff none repeat scroll 0 0;
}
.single-instra-image {
  float: left;
  width: 16.6667%;
}
.insta-photos {
  overflow: hidden;
}
.instagram-widget h3 {
  font-size: 21px;
  line-height: 1;
  margin: 0;
  padding: 60px;
}
.widget-content.about-widget > img {
  width: 100%;
}
.single-instra-image {
  position: relative;
}
.single-instra-image:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0;
  pointer-events: none;
}
.single-instra-image:hover:before {
  opacity: .1;
}
.layout-dark .single-instra-image:hover:before {
  opacity: .25;
}
.single-instra-image img {
  width: 100%;
}
.single-post.single-blog-post-area > img {
  width: 100%;
}
/* ------------------------------------
  23. Footer area
---------------------------------------*/
.footer-area {
  padding: 40px 0;
}
.blog-footer-area{
  background-color: #f7f7f7;
  margin: 0;
  padding: 0;
}
.dark-footer{
  background-color: #323232;
}
.blog-footer-area .blog-footer{
  margin: 0 15px;
  padding: 40px 0;
  background-color: #fff;
  display: block;
  position: relative;
  overflow: hidden;
}
.dark-footer .blog-footer{
  background-color: #2d2d2d;
}
.footer-info{
  padding: 10px 0px;
  line-height: 60px;
}
.footer-info p {
  color: #333333;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 2px;
  margin: 0;
  padding-left: 150px;
  text-transform: uppercase;
}
.back-to-top{
  padding: 10px 15px;
  line-height: 60px;
}
.back-to-top p {
  color: #131313;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 2px;
  margin: 0;
  text-transform: uppercase;
}
.to-top-btn {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
  width: 45px;
  border: 1px solid transparent;
}
.to-top-btn:hover {
  background: #000 none repeat scroll 0 0;
  border: 1px solid #333;
  color: #fff;
}
.to-top-btn:hover  i {
  animation: 1500ms ease 0s infinite normal none running caracraft-passup;
}
.social-icons-list li {
  float: left;
  margin-right: 10px;
}
.social-bookmark-section {
  margin-top: 50px;
}
.social-icons-list a {
  border: 1px solid #333;
  color: #333;
  display: inline-block;
  font-size: 22px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  width: 45px;
}
.layout-dark .social-icons-list a {
  border: 1px solid #fff;
  color: #fff;
}
.layout-dark .social-icons-list a:hover {
  color: #333;
  background: #fff;
  border: 1px solid transparent;
}
.social-icons-list a:hover {
  background: #333;
  color: #fff;
}
/* ------------------------------------------
  23.1 Slick slider button hover style
--------------------------------------------*/
.slick-prev:hover{
  background: #333;
  border: 1px solid transparent;
}
.slick-next:hover{
  background: transparent;
  border: 1px solid #131313;
}
.slick-next:hover::before {
  color: #131313;
}
.slick-prev:hover::before {
  color: #fff;
}
/* ------------------------------------------
  24 Dark layout styles
--------------------------------------------*/
.layout-dark .caracraft-header .top-nav-collapse {
  background: #373737 none repeat scroll 0 0;
  box-shadow: 0 1px 3px rgba(50, 52, 60, 0.3)
}
.layout-dark .sc-button-wrapper a {
  background: #fff none repeat scroll 0 0;
  color: #333;
}
.layout-dark .sc-button-wrapper > p,
.layout-dark p.ca-name {
  color: #fff;
}
.layout-dark p {
  color: rgba(255,255,255,.5);
}
.layout-dark .button {
  border: 1px solid #fff;
  color: #fff;
}
.layout-dark .button:hover, 
.layout-dark .button.active-btn {
  background: #fff none repeat scroll 0 0;
  border: 1px solid transparent;
  color: #333;
}
.layout-dark .button.active-btn:hover {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #fff;
}
.layout-dark .slick-next {
  background: #fff none repeat scroll 0 0;
  border: 1px solid transparent;
}
.layout-dark .slick-next::before {
  color: #333;
}
.layout-dark .slick-next:hover {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #fff;
}
.layout-dark .slick-next:hover::before {
  color: #fff;
}
.layout-dark .slick-prev::before {
  color: #fff;
}
.layout-dark .slick-prev {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #fff;
}
.layout-dark .slick-prev:hover {
  background: #fff none repeat scroll 0 0;
  border: 1px solid transparent;
}
.layout-dark .slick-prev:hover::before {
  color: #333;
}
.layout-dark .area-title p {
  color: rgba(255,255,255,.5);
}
.layout-dark .video-init-btn a {
  color: #fff;
}
.layout-dark .single-bar .progress {
  background-color: #717171;
}
.layout-dark .single-bar .progress-bar {
  background-color: #cccccc;
}
.layout-dark .single-bar > p {
  color: rgba(255,255,255,.5);
}
.layout-dark .pagingInfo {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin-top: 70px;
  position: relative;
}
.layout-dark .pagingInfo::before {
  background: #fff none repeat scroll 0 0;
}
.layout-dark .gallery-box {
  border: 30px solid #373737;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.18);
}
.layout-dark .single-service {
  background: #373737 none repeat scroll 0 0;
}
.layout-dark .service-box-inner {
  background: #2e2e2e none repeat scroll 0 0;
}
.layout-dark .single-service-slider-item.slick-center .service-box-inner, 
.layout-dark .single-service:hover .service-box-inner {
  background: #2e2e2e none repeat scroll 0 0;
  box-shadow: none;
}
.layout-dark .service-icon i {
  color: #fff;
}
.layout-dark .service-box-inner a {
  color: #fff;
}
.layout-dark .portfolio-filter li a {
  color: rgba(255,255,255,.5);
}
.layout-dark .portfolio-filter li.active a,.layout-dark .portfolio-filter li a:hover {
  color: #fff;
}
.layout-dark .portfolio-filter > li a::before {
  background: #fff none repeat scroll 0 0;
}
.layout-dark .portfolio-description {
  background: rgba(45, 47, 53, 0.75) none repeat scroll 0 0;
}
.layout-dark .portfolio-catagory > li a {
  color: #fff;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.layout-dark .portfolio-catagory > li::before {
  color: #fff;
}
.layout-dark .single-description-conent {
  background: #2d2d2d none repeat scroll 0 0;
}
.layout-dark .gray-bg.single-experience {
  background: #373737 none repeat scroll 0 0;
}
.layout-dark .single-experience .single-description-conent:hover {
  background: #2d2d2d none repeat scroll 0 0;
  box-shadow: none;
}
.layout-dark .client-name {
  color: #fff;
}
.layout-dark .single-brand-slide-inner {
  background: #373737 none repeat scroll 0 0;
  padding: 30px;
}
.layout-dark .brand-box {
  background: #323232 none repeat scroll 0 0;
}
.layout-dark .single-brand-slide:hover .brand-box {
  box-shadow: none;
}
.layout-dark .brand-logo-wrapper > p::before {
  background: #fff none repeat scroll 0 0;
}
.layout-dark .brand-logo-title p {
  color: #fff;
}
.layout-dark .post-content {
  background: #323232 none repeat scroll 0 0;
}
.layout-dark .read-more {
  color: #fff;
}
.layout-dark .info-details p, 
.layout-dark .info-details a {
  color: #fff;
}
.layout-dark .info-icon {
  border: 1px solid #fff;
  color: #fff;
}
.layout-dark .contact-form-wrapper {
  background: #373737 none repeat scroll 0 0;
}
.layout-dark .form-body textarea {
  background: #2d2d2d none repeat scroll 0 0;
  color: #fff;
}
.layout-dark .single-from-input input {
  background: #2d2d2d none repeat scroll 0 0;
  color: #fff;
}
.layout-dark ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px; letter-spacing: 2px; color: #fff; text-transform: uppercase;
}
.layout-dark ::-moz-placeholder { /* Firefox 19+ */
  font-size: 12px; letter-spacing: 2px; color: #fff; text-transform: uppercase;
}
.layout-dark :-ms-input-placeholder { /* IE 10+ */
  font-size: 12px; letter-spacing: 2px; color: #fff; text-transform: uppercase;
}
.layout-dark :-moz-placeholder { /* Firefox 18- */
  font-size: 12px; letter-spacing: 2px; color: #fff; text-transform: uppercase;
}
.layout-dark .btn-submitt.btn-medium {
  background: #fff;
  color: #333;
}
.layout-dark .footer-info p,
.layout-dark .back-to-top p {
  color: #fff;
}
.layout-dark .to-top-btn {
  background: #fff none repeat scroll 0 0;
  color: #333;
}
.layout-dark .to-top-btn:hover {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #fff;
}
.layout-dark .hamburger-inner, 
.layout-dark .hamburger-inner::before, 
.layout-dark .hamburger-inner::after {
  background-color: #fff;
}
.layout-dark .top-nav-collapse .hamburger-inner, 
.layout-dark .top-nav-collapse .hamburger-inner::before, 
.layout-dark .top-nav-collapse .hamburger-inner::after {
  background-color: #fff;
}
.layout-dark .top-nav-collapse .is-active .hamburger-inner {
  background-color: transparent;
}
.layout-dark .hover-style-one li a::before {
  background: #fff none repeat scroll 0 0;
}
.layout-dark .top-nav-collapse .hover-style-one li a::before {
  background: #333 none repeat scroll 0 0;
}
.layout-dark .caracraft-header .navbar-nav > li > a {
  color: #fff;
}
.layout-dark  .caracraft-header .top-nav-collapse .navbar-nav > li > a {
  color: #333;
}
.layout-dark .reply-link:hover{
  color: #fff;
}
/* ---------------------------------
25. # Minimal layout style
------------------------------------*/
.layout-minimal .breadcrumb-area {
  background: rgba(0, 0, 0, 0) url("img/bg/5.jpg") repeat scroll center center / cover  ;
}
.layout-minimal .flow-social a,
.layout-minimal .footer-info > p i {
  color: #bb9e7d;
}
.layout-minimal .flow-social a:hover, 
.layout-minimal .post-cat-list a:hover,
.layout-minimal .tag-wrapper a:hover,
.layout-minimal .to-top-btn {
  background: #bb9e7d none repeat scroll 0 0;
  color: #fff;
}
.layout-minimal .button:hover {
  border-color: #bb9e7d;
}
.layout-minimal .button:hover, 
.layout-minimal .button.active-btn {
  background: #bb9e7d none repeat scroll 0 0;
  color: #fff; 
}
.layout-minimal .button:hover, 
.layout-minimal .button.active-btn {
  background: #bb9e7d none repeat scroll 0 0;
  color: #fff; 
}
.layout-minimal .to-top-btn:hover {
  border: 1px solid transparent;
  color: #fff;
}
.layout-minimal .comment-section-title span {
  background: #bb9e7d;
}
.layout-minimal .sc-button-wrapper a {
  background: #bb9e7d none repeat scroll 0 0;
}
.layout-minimal .sc-button-wrapper a {
  color: #fff;
}
.layout-minimal .btn-submitt.btn-medium {
  background: #bb9e7d none repeat scroll 0 0;
}
.layout-minimal .testimonial-area-wrapper .slick-next {
  background: #bb9e7d none repeat scroll 0 0;
  left: 55px;
  right: auto;
}
.layout-minimal .slick-prev:hover {
  background: #bb9e7d ;
}
.layout-minimal .slick-next {
  background: #bb9e7d;
  border: 1px solid #bb9e7d;
}
.layout-minimal .slick-next:hover {
  background: transparent;
  border-color: #131313;
}
.layout-minimal .single-service a {
  transition: all .4s;
}
.layout-minimal .single-service a:hover {
  color: #D6B161;
}
.layout-minimal .portfolio-catagory > li a {
  color: #d6b161;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: "Open Sans", arial, sans-serif;
}
.layout-minimal  .portfolio-catagory > li::before {
  color: #D6B161;
}
.layout-minimal .portfolio-filter > li.active a,.layout-minimal .portfolio-filter > li a:hover {
  color: #d6b161;
}
.layout-minimal .portfolio-filter > li.active a:before,.layout-minimal .portfolio-filter > li a:hover:before {
  background: #d6b161;
}
.layout-minimal .social-icons-list a:hover {
  background: #bb9e7d;
  border: 1px solid #bb9e7d;
}
.layout-minimal .video-init-btn.center {
  bottom: 35%;
}
.layout-minimal .video-init-btn.center>a {
  display: inline-block;
  text-align: center;
}
.layout-minimal .video-init-btn.center .video__play {
  margin-bottom: 19px;
}
.layout-minimal .reply-link:hover,
.layout-minimal .reply-link:active,
.layout-minimal .reply-link:focus {
  color: #bb9e7d;
}
/* ---------------------------------
26. Dark blog layout style
------------------------------------*/
.layout-dark .breadcrumb-area {
  background: rgba(0, 0, 0, 0) url("img/bg/6.jpg") repeat scroll center center / cover  ;
}
.layout-dark .cara-standard-section.single-bolg-post {
  background: #323232 none repeat scroll 0 0;
}
.layout-dark .single-post {
  background: #2d2d2d none repeat scroll 0 0;
}
.layout-dark .post-footer {
  background: #2d2d2d none repeat scroll 0 0;
  border-top: 1px solid #353535;
}
.layout-dark .post-header {
  border-bottom: 1px solid #353535;
}
.layout-dark .post-content-wrapper ul li {
  color: rgba(255,255,255,.5);
}
.layout-dark .single-blog-post-area blockquote {
  background: #323232 none repeat scroll 0 0;
  border-left: 2px solid rgba(255,255,255,.5);
}
.layout-dark .post-content-wrapper blockquote span {
  color: #c7c7c7;
}
.layout-dark .share-wrapper a {
  color: #fff;
}
.layout-dark .tag-wrapper a {
  background: #373737  none repeat scroll 0 0;
  color: #fff;
}
.layout-dark .tag-wrapper a:hover {
  background: #fff none repeat scroll 0 0;
  color: #333;
}
.layout-dark .author-area {
  background: #2d2d2d none repeat scroll 0 0;
  box-shadow: none;
}
.layout-dark .theme-comment-section {
  background: #2d2d2d none repeat scroll 0 0;
}
.layout-dark .theme-comment-section .media {
  background: #2d2d2d none repeat scroll 0 0;
  border-bottom: 1px solid #353535;
}
.layout-dark .theme-comment-section .media-replay {
  border-bottom: 0px solid #353535;
}
.layout-dark .input-field input {
  background: #323232 none repeat scroll 0 0;
  border: 1px solid transparent;
  color: #fff;
}
.layout-dark .my-comment-box textarea {
  background: #323232 none repeat scroll 0 0;
  border: 1px solid transparent;
  color: #fff;
}
.layout-dark .button {
  border: 1px solid #fff;
  color: #fff;
}
.layout-dark .instagram-widget-area {
  background: #323232 none repeat scroll 0 0;
}
.layout-dark .instagram-widget h3 {
  background: #2d2d2d none repeat scroll 0 0;
}
.layout-dark .search-form input {
  background: #2d2d2d none repeat scroll 0 0;
  color: #fff;
}
.layout-dark .widget-title {
  background: #2d2d2d none repeat scroll 0 0;
  box-shadow: none;
}
.layout-dark .widget-title::before {
  border-color: #2d2d2d transparent transparent;
}
.layout-dark .widget-content.about-widget {
  background: #2d2d2d none repeat scroll 0 0;
} 
.layout-dark .widget-content.about-widget p{
  margin-bottom: 15px;
}
.layout-dark .flow-social a {
  background: #2d2d2d none repeat scroll 0 0;
  box-shadow: none;
  color: #fff;
}
.layout-dark .flow-social a:hover, 
.layout-dark .post-cat-list a:hover {
  background: #fff none repeat scroll 0 0;
  color: #2d2d2d;
}
.layout-dark .banner-slider {
  background: #2d2d2d none repeat scroll 0 0;
  box-shadow: none;
}
.layout-dark .post-cat-list a {
  background: #2d2d2d none repeat scroll 0 0;
  border-bottom: 1px solid #262626;
  color: #fff;
}
.layout-dark .widget-post-content {
  background: #2d2d2d none repeat scroll 0 0;
}
.layout-dark .widget-post-content a {
  color: #c7c7c7;
}
.layout-dark .widget-post-content > p + p {
  color: rgba(255,255,255,.5);
}
.layout-dark .widget-subscribe-form {
  background: #2d2d2d none repeat scroll 0 0;
}
.layout-dark .widget-subscribe-form > input {
  background: #2d2d2d none repeat scroll 0 0;
  border: 1px solid #fff;
}
.layout-dark-blog .button {
  border-color: #fff;
}
.layout-dark .newsletter-widget .widget-title {
  border-bottom: 1px solid #353535;
}
.layout-dark .layout-dark .to-top-btn {
  background: #2d2d2d none repeat scroll 0 0;
  color: #fff;
}
.layout-dark .to-top-btn {
  background: #fff none repeat scroll 0 0;
  color: #333;
}
.layout-dark .to-top-btn:hover {
  background: #fff none repeat scroll 0 0;
  border: 1px solid transparent;
  color: #333;
}
.layout-dark .breadcrumb-list li {
  color: #fff;
}
.layout-dark .breadcrumb-list li a {
  color: #fff;
}
.layout-dark .menu-section {
  background: rgba(23, 23, 23, 0.97) none repeat scroll 0 0;
}
.layout-dark .main-menu.main-menu-wrapper a {
  color: #c7c7c7;
}
.layout-dark .main-menu.main-menu-wrapper li.active a::before {
  background: #fff;
}
.main-menu.main-menu-wrapper li.active a::before {
  width: 100%;
}
.layout-dark .main-menu.main-menu-wrapper li.active a {
  color: #fff;
}
.main-menu.main-menu-wrapper li.active a {
  color: #000;
}
.main-menu.main-menu-wrapper li.active a::before {
  background: #000 none repeat scroll 0 0;
}
.white-bg .media-left img{
  background: none;
}
/* ---------------------------------
27. Overlay menu sections style
------------------------------------*/
.menu-section {
    background: rgba(255, 255, 255, 0.97) none repeat scroll 0 0;
    height: 100vh;
    position: fixed;
    transform: translateY(-100%);
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 99;
}
.menu-section.show-win {
  transform: translate(0px);
}
.menu-container {
  overflow: hidden;
  text-align: center;
  display: table;
  width: 100%;
  height: 100%;
  margin: 0 !important;
}
.main-menu.main-menu-wrapper li {
  margin-bottom: 20px;
}
.main-menu.main-menu-wrapper a {
  color: #737272;
  display: inline-block;
  font-size: 21px;
  letter-spacing: 1px;
  line-height: 1;
  padding-bottom: 12px;
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: 'Dosis', sans-serif;
}
.main-menu.main-menu-wrapper a::before {
  background: #737272 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 50px;
  transition: .3s;
}
.main-menu.main-menu-wrapper a:hover::before {
  width: 100%
}
.menu-section {
  pointer-events: none;
}
.show-win.menu-section {
  pointer-events: all;
}
.main-menu.main-menu-wrapper {
  opacity: 0;
  transition: all 0.3s ease .5s;
  visibility: hidden;
}
.show-win .main-menu.main-menu-wrapper {
  opacity: 1;
  visibility: visible;
  display: table-cell;
  vertical-align: middle;
}
/*sabbi style*/
.author-desc a:focus {
  color: currentColor;
}
.layout-dark .button.active-btn{
  color: #333 !important;
}
.layout-dark .button.active-btn:hover{
  color: #fff !important;
}
.back-to-top a{
  color: #ffffff;
}
/****/
@media (min-width: 1367px) and (max-width: 1920px) {
.modal-dialog {
margin:0 auto;
width:850px
}
.modal {
height:800px;
top:66%
}
}
@media (min-width: 992px) and (max-width: 1169px) {
.container {
width:970px
}
.caracraft-header .navbar {
padding:30px 0 0
}
.caracraft-header .top-nav-collapse {
padding:10px 0
}
.caracraft-single-slider {
padding:200px 0
}
.single-slide-content h1 {
font-size:70px;
line-height:1;
margin-bottom:20px
}
.about-section {
padding:100px 0
}
.skill-content-section {
margin-top:0;
padding-left:30px
}
.skill-content-section .area-title {
margin-bottom:60px
}
.skill-section {
padding:100px 0
}
.skill-section .gallery-box {
margin-top:0
}
.section-gallery-content h1 {
margin:-17px 0 0;
top:30px
}
.service-section {
padding:100px 0 140px
}
.service-slider .slick-prev,.service-slider .slick-next {
bottom:-95px
}
.portfolio-section {
padding:100px 0
}
.portfolio-filter li {
margin-left:20px
}
.experience-section {
padding:100px 0
}
.testimonial-area-wrapper {
padding:100px 350px 150px 100px
}
.brand-logo-wrapper > p::before {
right:calc(100% + 55px);
width:100px
}
.blog-section {
padding:150px 0
}
.post-content {
left:15px;
padding:35px;
width:calc(100% - 30px)
}
.testimonial-section {
padding:100px 0 165px
}
.contact-section {
padding:100px 0
}
.blog-section {
padding:100px 0 140px
}
.footer-info p {
padding-left:50px
}
.single-post > img {
width:100%
}
.blog-post-title {
font-size:24px;
margin-bottom:10px
}
.post-content-wrapper {
margin-top:50px
}
.post-content p {
font-size:14px
}
.author-area {
padding:30px
}
.input-field input {
padding:0 15px
}
.my-comment-box textarea {
padding:20px 15px
}
.breadcrumb-area {
padding:140px 0 80px
}
.cara-standard-section.single-bolg-post {
padding:100px 0 120px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.container {
width:710px
}
.portfolio-column-count-3 .portfolio-item {
width:50%
}
.caracraft-header .navbar {
padding:20px 0 0
}
.menu-toggle-btn {
cursor:pointer;
position:absolute;
right:0;
top:27px
}
.navbar-header .navbar-brand img {
width:100px
}
.nav.navbar-nav.hover-style-one {
margin-right:50px
}
.caracraft-header .navbar-nav > li {
margin-left:20px
}
.caracraft-header .top-nav-collapse {
padding:10px 0
}
.caracraft-single-slider,.slider-style-minimal .caracraft-single-slider {
padding:200px 0
}
.single-slide-content h1 {
font-size:56px;
line-height:1;
margin-bottom:20px
}
.single-slide-content p {
font-size:14px
}
.about-section {
padding:95px 0 70px
}
.width-50 {
float:left;
width:100%
}
.signature {
display:none
}
.about-block-text a {
display:none
}
.about-block-text {
margin-bottom:20px
}
.section-gallery-content h1 {
font-size:64px;
margin:0 0 -15px;
top:0
}
.about-information-area {
margin-bottom:50px
}
.skill-section {
padding:100px 0
}
.area-title {
margin-bottom:55px;
text-align:left;
width:80%
}
.skill-content-section {
margin-top:0;
padding-left:0;
padding-right:0
}
.progress-bar-area.text-right {
text-align:left
}
.single-bar .progress-bar {
float:left
}
.service-section {
padding:95px 0 180px
}
.skill-content-section .area-title h1 {
font-size:38px;
margin-bottom:15px
}
.service-section .area-title {
text-align:left
}
.area-title.service-heading {
margin-bottom:0
}
.area-title.service-heading h1 {
margin-bottom:15px
}
.portfolio-section {
padding:95px 0 100px
}
.portfolio-section .area-title {
margin-bottom:0
}
.blog-portfolio-content {
padding-bottom:0
}
.experience-wrapper .width-50 {
width:50%
}
.experience-section {
padding:95px 0 100px
}
.portfolio-filter-wrap.text-right {
margin-bottom:50px;
text-align:left
}
.testimonial-area-wrapper {
background:rgba(0,0,0,0) url(../img/bg/1.jpg) repeat scroll 0 0 / cover;
padding:100px 100px 150px 30px
}
.testimonial-section .area-title.mb-80 {
margin-bottom:0
}
.testimonial-section .area-title.text-right.mb-80 {
margin-bottom:50px;
text-align:left;
width:80%
}
.testimonial-section {
padding:120px 0 180px
}
.brand-logo-title {
display:none
}
.blog-section {
padding:120px 0 180px
}
.blog-section .area-title.text-right.mb-80 {
margin-bottom:50px;
text-align:left;
width:80%
}
.blog-section .area-title.mb-80:not(.text-right) {
margin:0
}
.contact-section {
padding:120px 0 40px
}
.address-info {
margin-bottom:50px
}
.footer-info p {
padding-left:14px;
margin-top:22px
}
.breadcrumb-area {
padding:140px 0 80px
}
.cara-standard-section.single-bolg-post {
padding:100px 0
}
.blog-post-title {
font-size:22px;
line-height:30px;
margin-bottom:15px
}
.post-meta span {
margin-right:5px
}
.share-wrapper li {
margin-left:10px
}
.post-content > h3 {
font-size:17px;
font-weight:500
}
.post-content-wrapper {
margin-top:50px
}
.comment-section-title {
margin-bottom:50px
}
.author-area {
padding:30px 15px 5px
}
.widget-subscribe-form .button {
padding:0
}
.widget-subscribe-form > input {
padding:0;
text-align:center
}
.comment-head > p {
display:block;
margin:2px 0 0;
padding-left:0
}
.theme-comment-section .media-replay .media {
padding-left:0
}
.single-instra-image {
float:left;
width:33.33%
}
.input-field {
float:left;
margin-bottom:20px;
width:100%
}
.input-field:last-child {
margin:0
}
.search-form input {
padding:0 20px
}
.section-gallery-content {
margin-top:70px
}
}
@media (max-width: 991px) {
.social-icons-list {
text-align:center
}
.social-icons-list li {
float:none;
display:inline-block
}
}
@media (max-width: 767px) {
p {
font-size:14px
}
.container {
width:90%
}
.hire-btn {
margin-top:20px
}
.service-slider .slick-prev,.service-slider .slick-next,.brand-logo-slider .slick-prev,.brand-logo-slider .slick-next {
bottom:-106px
}
.nav.navbar-nav.hover-style-one {
opacity:1;
transition:all .5s ease 0;
visibility:visible
}
.caracraft-header .top-nav-collapse {
padding:5px 0
}
.caracraft-header .navbar {
padding:20px 0
}
.caracraft-header .top-nav-collapse {
padding:5px 0
}
.main-menu.main-menu-wrapper a {
font-size:18px;
padding-bottom:10px
}
.width-50 {
float:left;
width:100%
}
.single-slide-content h1 {
font-size:35px;
line-height:1.1;
margin-bottom:16px
}
.caracraft-single-slider,.slider-style-minimal .caracraft-single-slider {
padding:145px 0
}
.single-slide-content p {
color:#333;
font-size:15px;
letter-spacing:1px
}
.gallery-slider .slick-prev,.gallery-slider .slick-next {
bottom:-117px
}
.gallery-slider .slick-next {
right:-20px
}
.gallery-slider .slick-prev {
right:35px
}
.about-section {
padding:70px 0
}
.about-block-text {
margin-bottom:50px;
padding-right:0
}
.section-gallery-content h1 {
font-size:50px;
margin:0;
top:10px
}
.gallery-box {
border:20px solid #fff
}
.layout-dark .gallery-box {
border-width:20px
}
.layout-dark .pagingInfo {
margin-top:50px
}
.skill-content-section {
margin-top:0;
padding-left:0
}
.progress-bar-area.text-right {
text-align:left
}
.single-bar .progress-bar {
float:left
}
.skill-content-section .area-title h1 {
font-size:38px;
margin-bottom:15px
}
.skill-content-section .area-title {
text-align:left
}
.video-init-btn {
bottom:15px;
position:absolute;
right:15px
}
.modal-dialog {
width:90%;
margin-top:65px
}
.video-init-btn a img {
width:22px;
margin:9px 10px 12px 3px
}
.portfolio-column-count-2 .portfolio-item {
width:100%
}
.portfolio-column-count-3 .portfolio-item {
width:100%
}
.portfolio-column-count-4 .portfolio-item {
width:100%
}
.portfolio-column-count-5 .portfolio-item {
width:100%
}
.area-title h1 {
font-size:28px;
margin-bottom:20px
}
.skill-section {
padding:70px 0
}
.video-init-btn a {
font-size:10px
}
.skill-content-section .area-title h1 {
font-size:28px;
line-height:34px;
margin-bottom:15px
}
.skill-content-section .area-title {
margin-bottom:50px
}
.service-section {
padding:70px 0 164px
}
.area-title.text-right.mb-80 {
margin-bottom:50px;
text-align:left
}
.area-title.service-heading.mb-80 {
margin-bottom:0
}
.area-title p {
font-size:16px;
margin:0
}
.portfolio-section {
padding:70px 0 53px
}
.load-more {
margin-top:20px
}
.portfolio-filter-wrap.text-right {
margin-bottom:50px;
text-align:left
}
.portfolio-section .area-title.mb-90 {
margin-bottom:40px
}
.portfolio-filter li {
display:inline-block;
margin-bottom:15px;
margin-left:10px
}
.experience-section {
padding:70px 0 53px
}
.experience-section .area-title h1 {
font-size:28px;
margin-bottom:20px
}
.area-title.mb-80 {
margin-bottom:20px
}
.single-description-conent {
padding:35px 15px 35px 20px
}
.single-experience {
position:relative;
padding:20px;
margin-bottom:30px
}
.single-experience:before {
content:'';
position:absolute;
top:calc(100% + -1px);
width:0;
height:0;
border-left:15px solid transparent;
border-right:15px solid transparent;
border-top:15px solid #f8f8f9;
left:50%;
transform:translateX(-50%)
}
.single-duration-conent > h1 {
font-size:30px
}
.experience-wrapper .width-50.white-bg {
background-color:initial;
margin-bottom:30px
}
.layout-dark .experience-wrapper .width-50.white-bg {
background-color:initial
}
.single-duration-conent {
background-color:initial;
height:auto;
min-height:60px;
padding:50px 0;
border:20px solid #f8f8f9
}
.layout-dark .single-duration-conent {
background:#242424 none repeat scroll 0 0;
border-color:#373737;
background-color:#2d2d2d
}
.layout-dark .single-experience:before {
border-top-color:#373737
}
.hire-btn {
margin-top:40px;
text-align:center
}
.testimonial-section {
padding:70px 0 168px
}
.brand-logo-title {
display:none
}
.single-testimonial img {
display:inline-block;
text-align:center
}
.client-name {
display:block;
margin-top:10px
}
.blog-section {
padding:70px 0 120px
}
.blog-portfolio-content {
padding-bottom:0
}
.post-content {
left:15px;
margin-top:-70px;
width:calc(100% - 30px)
}
.single-blog-post {
margin-bottom:30px;
position:relative
}
.contact-section {
padding:70px 0 50px
}
.address-info {
margin-bottom:50px
}
.info-details p,.info-details a {
font-size:16px;
letter-spacing:1px;
line-height:1.4;
margin:0
}
.info-details {
float:left;
margin-top:10px;
padding-left:20px;
width:calc(100% - 45px)
}
.footer-info > p {
padding:0;
width:100%
}
.footer-info {
text-align:center
}
.footer-info img {
display:block;
text-align:center
}
.footer-info > a {
display:inline-block
}
.back-to-top.text-right {
margin-top:20px;
overflow:hidden;
text-align:center
}
.to-top-btn {
background:#333 none repeat scroll 0 0;
color:#fff;
display:block;
height:45px;
line-height:45px;
margin:auto;
text-align:center;
width:45px;
float:none
}
.back-to-top p {
margin:15px 0 0;
float:none;
display:block
}
.single-service {
padding:20px
}
.service-box-inner {
padding:35px 20px
}
.signature {
display:none;
margin-bottom:50px
}
.about-block-text a.button {
display:none
}
.about-block-text {
margin-bottom:30px;
padding-right:0
}
.section-gallery-content {
margin-top:70px
}
.footer-info a img {
margin-bottom:0;
margin-top:7px
}
.breadcrumb-area {
padding:150px 0 80px
}
.page-cat {
font-size:30px;
margin-bottom:10px
}
.blog-post-title {
font-size:21px;
line-height:30px;
margin-bottom:15px
}
.post-meta span {
margin-right:6px
}
.post-content-wrapper > h4 {
font-size:21px;
line-height:30px
}
.post-content-wrapper ul li {
color:#737272;
font-size:15px;
line-height:26px;
padding-left:35px
}
.single-blog-post-area blockquote {
background:#f3f3f3 none repeat scroll 0 0;
border-left:2px solid #cecece;
font-size:14px;
margin:0 0 30px;
padding:20px
}
.post-content-wrapper blockquote p {
font-size:14px;
line-height:25px
}
.post-footer {
padding:40px 20px
}
.tag-wrapper a {
float:left;
font-size:11px;
margin-right:5px;
padding:0 10px
}
.tag-wrapper > a:last-child {
margin:0
}
.share-wrapper {
display:inline-block;
float:left;
margin-top:20px
}
.share-wrapper li {
display:inline-block;
margin-left:0;
margin-right:30px
}
.post-footer {
padding:30px 20px
}
.author-desc {
float:left;
padding-left:0;
width:100%
}
.author-img {
margin-bottom:30px
}
.media-left,.media > .pull-left {
display:block;
margin-bottom:30px;
padding-right:0;
text-align:left
}
.comment-head > p {
margin:10px 0 0;
padding-left:0
}
.theme-comment-section .media-replay .media {
padding-left:0
}
.input-field {
float:left;
margin-bottom:20px;
padding:0 10px;
width:100%
}
.input-field:last-child {
margin:0
}
.input-field input {
padding:0 20px
}
.my-comment-box textarea {
padding:20px
}
.search-widget {
margin-top:40px
}
.cara-standard-section.single-bolg-post {
padding:70px 0
}
.blog-section .slick-prev,.blog-section .slick-next {
bottom:-70px
}
.instagram-widget h3 {
font-size:18px;
padding:20px
}
.single-instra-image {
float:left;
width:50%
}
.single-widget:last-child {
margin:0
}
.contact-form-wrapper {
padding:20px
}
.menu-container {
margin-top:150px
}
.testimonial-area-wrapper {
background-image:none;
background-color:#fff;
margin-bottom:30px;
padding:35px 20px;
text-align:center
}
.minimal-testimonial .testimonial-area-wrapper {
background-image:none;
background-color:#fff;
background-image:none;
background-color:#fff
}
.dark-testimonial .testimonial-area-wrapper {
background-image:none;
background-color:#373737
}
.testimonial-slider {
padding-bottom:80px
}
.testimonial-area-wrapper .slick-prev,.testimonial-area-wrapper .slick-next {
bottom:0
}
.testimonial-slider .slick-prev,.layout-minimal .testimonial-slider .slick-prev {
left:calc(50% - 27px);
transform:translateX(-50%)
}
.testimonial-slider .slick-next,.layout-minimal .testimonial-slider .slick-next {
left:calc(50% - -27px);
transform:translateX(-50%)
}
.footer-area {
padding:40px 0 50px
}
.info-block-text {
margin-bottom:47px
}
.single-post {
padding:20px
}
.post-content-wrapper {
padding:0;
margin-top:40px
}
.author-area {
padding:30px
}
.post-header {
margin-bottom:20px;
padding-bottom:20px
}
.media-list li:first-child {
padding-top:0
}
.comment-section-title {
margin-bottom:30px
}
}
@media (min-width: 992px) {
.push-half {
position:relative;
left:50%
}
.pull-half {
position:relative;
right:50%
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tag-wrapper a {
font-size:14px;
margin-right:5px;
padding:0 15px
}
}
@media (min-width: 768px) {
.experience-wrapper .push-half {
position:relative;
left:50%
}
.experience-wrapper .pull-half {
position:relative;
right:50%
}
}
@media (max-width: 533px) {
.portfolio-filter li {
display:block;
margin-left:0
}
}
/****/
.chromeframe{margin:.2em 0;background:#fff;color:#000;padding:.2em 0}
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1200}
#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#888;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}
#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#bb9e7d;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}
#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#888;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}
@-webkit-keyframes spin {
0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin {
0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#fff;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
#loader-wrapper .loader-section.section-left{left:0}
#loader-wrapper .loader-section.section-right{right:0}
.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1.000);transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1.000)}
.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1.000);transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1.000)}
.loaded #loader{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s 1s ease-out;transition:all .3s 1s ease-out}
.no-js #loader-wrapper{display:none}
/* Personalizado - INICIO */
textarea{resize:none}
.txtup{text-transform:uppercase}
.caracraft-header .top-nav-collapse,#caracraft-portfolio-id{background:#f0af00}
.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{background-color:#fff}
.is-active .hamburger-inner,.is-active .hamburger-inner:before,.is-active .hamburger-inner:after{background-color:#000}
.navbar-brand.page-scroll img{max-width:140px}
#caracraft-about-id{background:#f0af00}
#caracraft-about-id .gallery-box{border-color:#ffe196}
#caracraft-about-id p{color:rgba(255,255,255,.9)}
#caracraft-contact-id{background:#2d2d2d}
#caracraft-blog-id img{width:100%;height:395px;object-fit:cover}
#caracraft-blog-id h4{font-size:17px;margin-top:-17px}
#caracraft-blog-id p.caracdest span{display:block}
#caracraft-blog-id i{color:#f0af00}
#caracraft-contact-form .btn-submitt.btn-medium{font-family:'Dosis',sans-serif}
.video-init-btn a{color:rgba(255,255,255,.5)}
.fdama .single-service .service-box-inner{background:#f0af00}
.fdama .single-service .service-box-inner *{color:#fff}
#caracraft-contact-id .nav-tabs{font-family:'Dosis',sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;margin-bottom:25px}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a{border-radius:0}
.nav-tabs>li>a{color:#fff;opacity:.5}
.nav-tabs>li.active>a{opacity:1}
.layout-dark .contact-form-wrapper{background:#f0af00}
.layout-dark .single-from-input select{background:#2d2d2d;color:#fff}
.single-from-input select{border:none;border-radius:0;font-size:14px;text-transform:uppercase;height:42px;letter-spacing:2px;padding:0 30px;transition:all .3s ease 0;width:100%}
.portfolio-filter li a{color:rgba(0,0,0,.5)}
.portfolio-catagory>li a{font-family:'Dosis',sans-serif;font-size:42px}
.footer-area{background:#323232}
.footer-info img{max-width:150px}
.footer-info a{color:#f0af00;opacity:.8}
.footer-info a:hover{opacity:1}
.caracraft-single-slider{z-index:2;position:relative}
.caracraft-single-slider:before,.caracraft-single-slider:after{/*background:#505050;*/width:100%;height:101vh;position:absolute;top:0;content:'';z-index:1;opacity:.6;pointer-events:none}
.caracraft-single-slider:after{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
height:100px}
.caracraft-single-slider .single-slide-content{z-index:3;position:relative}
.caracraft-single-slider h1,.slider-area .sc-button-wrapper>p{color:#fff}
.caracraft-single-slider p{color:#fff;opacity:.6}
.portfolio-filter li{margin-left:30px}
.portfolio-filter li a{font-size:11px;letter-spacing:1px}
.slider-area h1 a{opacity:.5}
.slider-area h1 a:hover{opacity:1}
.busqueda input,.busqueda select{border:none;border-radius:0;font-family:'Dosis',sans-serif;text-transform:uppercase;font-size:18px;width:100%;line-height:35px;height:45px;padding:10px}
.busqueda input[type=submit]{background:#f0af00;font-size:25px;font-weight:bold;color:#fff;line-height:25px}
.busqueda input[type=submit]:hover{background:#fac32d}
ul.menucab,ul.menucab li{margin:0;padding:0;list-style:none}
ul.menucab{float:left}
ul.menucab li{font-family:'Dosis',sans-serif;text-transform:uppercase;font-size:20px;color:#fff;margin-right:20px;display:inline-block;opacity:1}
ul.menucab li a{color:#fff;opacity:.6}
ul.menucab li a:hover,.hamburger:hover{opacity:1}
.hamburger-box{display:none}
.estgen header nav{background:#f0af00;padding:25px 0!important}
.estgen .caracraft-header .top-nav-collapse{padding:5px 0!important}
.estgen .busqueda{box-shadow:0 6px 15px rgba(0,0,0,.1);margin-bottom:25px}
.proplist .single-service-slider-item{width:calc(100%/3);margin-bottom:35px;float:left}
.proplist .single-service-slider-item h4 span{margin-left:23px}
.proplist .single-service-slider-item .single-blog-post:hover .post-content{margin-top:-80px;margin-bottom:30px}
ul.paginador,ul.paginador li{margin:0;padding:0;list-style:none}
ul.paginador{text-align:center;width:100%;display:block}
ul.paginador li{margin:0 5px 5px 0;display:inline-block}
ul.paginador li a{background:#fff;border:solid 1px #bbb;font-family:'Dosis',sans-serif;font-size:20px;color:#6b6b6b!important;width:45px;line-height:45px;display:block}
ul.paginador li a i{color:#6b6b6b!important}
ul.paginador li a.activo,ul.paginador li a:hover{background:#f0af00;border-color:#f0af00;color:#fff!important}
ul.paginador li a:hover i{color:#fff!important}
@media all and (max-width: 768px){
.busqueda input,.busqueda select{margin-bottom:10px}
.slider-area h1 a{font-size:20px}
.menucab{display:none}
.hamburger-box{display:block;float:right}
.proplist .single-service-slider-item{width:100%}
}
/* Personalizado - FIN */