.mt0{margin-top:0em !important;}
.mt1{margin-top:1em !important;}
.mt2{margin-top:2em !important;}
.mt3{margin-top:3em !important;}
.mt4{margin-top:4em !important;}
.mt5{margin-top:5em !important;}
.mt6{margin-top:6em !important;}
.mt7{margin-top:7em !important;}
.mt8{margin-top:8em !important;}
.mt9{margin-top:9em !important;}
.mt10{margin-top:10em !important;}
.mb0{margin-bottom:0em !important;}
.mb1{margin-bottom:1em !important;}
.mb2{margin-bottom:2em !important;}
.mb3{margin-bottom:3em !important;}
.mb4{margin-bottom:4em !important;}
.mb5{margin-bottom:5em !important;}
.mb6{margin-bottom:6em !important;}
.mb7{margin-bottom:7em !important;}
.mb8{margin-bottom:8em !important;}
.mb9{margin-bottom:9em !important;}
.mb10{margin-bottom:10em !important;}
.ml0{margin-left:0em !important;}
.ml1{margin-left:1em !important;}
.ml2{margin-left:2em !important;}
.ml3{margin-left:3em !important;}
.ml4{margin-left:4em !important;}
.ml5{margin-left:5em !important;}
.ml6{margin-left:6em !important;}
.ml7{margin-left:7em !important;}
.ml8{margin-left:8em !important;}
.ml9{margin-left:9em !important;}
.ml10{margin-left:10em !important;}
.mr0{margin-right:0em !important;}
.mr1{margin-right:1em !important;}
.mr2{margin-right:2em !important;}
.mr3{margin-right:3em !important;}
.mr4{margin-right:4em !important;}
.mr5{margin-right:5em !important;}
.mr6{margin-right:6em !important;}
.mr7{margin-right:7em !important;}
.mr8{margin-right:8em !important;}
.mr9{margin-right:9em !important;}
.mr10{margin-right:10em !important;}
.m0{margin:0em !important;}
.m1{margin:1em !important;}
.m2{margin:2em !important;}
.m3{margin:3em !important;}
.m4{margin:4em !important;}
.m5{margin:5em !important;}
.m6{margin:6em !important;}
.m7{margin:7em !important;}
.m8{margin:8em !important;}
.m9{margin:9em !important;}
.m10{margin:10em !important;}
.mt12 {margin-top: 1.2em !important;}
.pt0{padding-top:0em !important;}
.pt1{padding-top:1em !important;}
.pt2{padding-top:2em !important;}
.pt3{padding-top:3em !important;}
.pt4{padding-top:4em !important;}
.pt5{padding-top:5em !important;}
.pt6{padding-top:6em !important;}
.pt7{padding-top:7em !important;}
.pt8{padding-top:8em !important;}
.pt9{padding-top:9em !important;}
.pt10{padding-top:10em !important;}
.pt11{padding-top:11em !important;}
.pt12{padding-top:12em !important;}
.pt13{padding-top:13em !important;}
.pt14{padding-top:14em !important;}
.pt15{padding-top:15em !important;}
.pt16{padding-top:16em !important;}
.pt17{padding-top:17em !important;}
.pt18{padding-top:18em !important;}
.pt19{padding-top:19em !important;}
.pt20{padding-top:20em !important;}
.pb0{padding-bottom:0em !important;}
.pb1{padding-bottom:1em !important;}
.pb2{padding-bottom:2em !important;}
.pb3{padding-bottom:3em !important;}
.pb4{padding-bottom:4em !important;}
.pb5{padding-bottom:5em !important;}
.pb6{padding-bottom:6em !important;}
.pb7{padding-bottom:7em !important;}
.pb8{padding-bottom:8em !important;}
.pb9{padding-bottom:9em !important;}
.pb10{padding-bottom:10em !important;}
.pb11{padding-bottom:11em !important;}
.pb12{padding-bottom:12em !important;}
.pb13{padding-bottom:13em !important;}
.pb14{padding-bottom:14em !important;}
.pb15{padding-bottom:15em !important;}
.pb16{padding-bottom:16em !important;}
.pb17{padding-bottom:17em !important;}
.pb18{padding-bottom:18em !important;}
.pb19{padding-bottom:19em !important;}
.pb20{padding-bottom:20em !important;}
.pb21{padding-bottom:21em !important;}
.pb22{padding-bottom:22em !important;}
.pb23{padding-bottom:23em !important;}
.pb24{padding-bottom:24em !important;}
.pb25{padding-bottom:25em !important;}
.pl0{padding-left:0em !important;}
.pl1{padding-left:1em !important;}
.pl2{padding-left:2em !important;}
.pl3{padding-left:3em !important;}
.pl4{padding-left:4em !important;}
.pl5{padding-left:5em !important;}
.pl6{padding-left:6em !important;}
.pl7{padding-left:7em !important;}
.pl8{padding-left:8em !important;}
.pl9{padding-left:9em !important;}
.pl10{padding-left:10em !important;}
.pr0{padding-right:0em !important;}
.pr1{padding-right:1em !important;}
.pr2{padding-right:2em !important;}
.pr3{padding-right:3em !important;}
.pr4{padding-right:4em !important;}
.pr5{padding-right:5em !important;}
.pr6{padding-right:6em !important;}
.pr7{padding-right:7em !important;}
.pr8{padding-right:8em !important;}
.pr9{padding-right:9em !important;}
.pr10{padding-right:10em !important;}
.p0{padding:0em !important;}
.p1{padding:1em !important;}
.p2{padding:2em !important;}
.p3{padding:3em !important;}
.p4{padding:4em !important;}
.p5{padding:5em !important;}
.p6{padding:6em !important;}
.p7{padding:7em !important;}
.p8{padding:8em !important;}
.p9{padding:9em !important;}
.p10{padding:10em !important;}
.inside-full-height{height:100%;margin-bottom:0;margin-top:0;}

.r189{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r189:before{display:block;content:" ";width:100%;padding-top:50%;}
.r189 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;margin:0;}

.r169{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r169:before{display:block;content:" ";width:100%;padding-top:56.3%;}
.r169 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;margin:0;}

.r916{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r916:before{display:block;content:" ";width:100%;padding-top:178.3%;}
.r916 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;margin:0;}

.r43{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r43:before{display:block;content:" ";width:100%;padding-top:74.5%;}
.r43 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}

.r34{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r34:before{display:block;content:" ";width:100%;padding-top:133.3%;}
.r34 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}

.r32{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r32:before{display:block;content:" ";width:100%;padding-top:66.7%;}
.r32 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}

.r85{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r85:before{display:block;content:" ";width:100%;padding-top:62.5%;}
.r85 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}

.r11{position:relative;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r11:before{display:block;content:" ";width:100%;padding-top:100%;}
.r11 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}

.r21{position:relative;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r21:before{display:block;content:" ";width:100%;padding-top:50%;}
.r21 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}

.r12{position:relative;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r12:before{display:block;content:" ";width:100%;padding-top:150%;}
.r12 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}

.r58{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r58:before{display:block;content:" ";width:100%;padding-top:160%;}
.r58 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}

.r64{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r64:before{display:block;content:" ";width:100%;padding-top:150%;}
.r64 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}

.r81{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r81:before{display:block;content:" ";width:100%;padding-top:10%;}
.r81 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}

.r82{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r82:before{display:block;content:" ";width:100%;padding-top:20%;}
.r82 > .rcontainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}

[class*="col"]{position:relative;}
.row.no-gutters{margin-right:0;margin-left:0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*=" col-"]{padding-right:0;padding-left:0;}
.row-height{display:table;table-layout:fixed;height:100%;width:100%;}
.col-height{display:table-cell;float:none;height:100%;}
.col-top{vertical-align:top;}
.col-middle{vertical-align:middle;}
.col-bottom{vertical-align:bottom;}
@media (min-width:320px){.row-xs-height{display:table;table-layout:fixed;height:100%;width:100%;}
.col-xs-height{display:table-cell;float:none;height:100%;}
.col-xs-top{vertical-align:top;}
.col-xs-middle{vertical-align:middle;}
.col-xs-bottom{vertical-align:bottom;}
}
@media (min-width:768px){.row-sm-height{display:table;table-layout:fixed;height:100%;width:100%;}
.col-sm-height{display:table-cell;float:none;height:100%;}
.col-sm-top{vertical-align:top;}
.col-sm-middle{vertical-align:middle;}
.col-sm-bottom{vertical-align:bottom;}
}
@media (min-width:992px){.row-md-height{display:table;table-layout:fixed;height:100%;width:100%;}
.col-md-height{display:table-cell;float:none;height:100%;}
.col-md-top{vertical-align:top;}
.col-md-middle{vertical-align:middle;}
.col-md-bottom{vertical-align:bottom;}
}
@media (min-width:1200px){.row-lg-height{display:table;table-layout:fixed;height:100%;width:100%;}
.col-lg-height{display:table-cell;float:none;height:100%;}
.col-lg-top{vertical-align:top;}
.col-lg-middle{vertical-align:middle;}
.col-lg-bottom{vertical-align:bottom;}
}
@media (min-width:768px){.bleft{border-left:1px solid #ddd;}
}
sup{top:-0.8em;}
sub, sup{font-size:60%;line-height:0;position:relative;vertical-align:baseline;}
.fixed{position:fixed;top:0;left:0;width:100%;z-index:999;padding: 0.3em; }
.oh{overflow:hidden;}
.depth-1{box-shadow:0 0px 3px rgba(0,0,0,0.10)}
.depth-2{box-shadow:0 0px 6px rgba(0,0,0,0.10)}
.depth-3{box-shadow:0 0px 20px rgba(0,0,0,0.10)}
.depth-4{box-shadow:0 0px 28px rgba(0,0,0,0.10)}
.depth-5{box-shadow:0 0px 150px rgba(0,0,0,0.10)}
.form-control{box-shadow:none;border:1px solid #d9d9d9;background:none;padding:0.8em;height:auto;}
.form-control:focus{border-color:#000;outline:0;-webkit-box-shadow:none;box-shadow:none;}



a,a:focus,a:hover,a:active,a:visited{outline:none;outline-offset:0;text-decoration:none;}

.btn{ border: 0px; text-transform: uppercase;}


@-moz-keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); transform: translateY(0); } 40% {-moz-transform: translateY(-20px); transform: translateY(-20px); } 60% {-moz-transform: translateY(-10px); transform: translateY(-10px); } }
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0); transform: translateY(0); } 40% {-webkit-transform: translateY(-20px); transform: translateY(-20px); } 60% {-webkit-transform: translateY(-10px); transform: translateY(-10px); } }
@keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } 40% {-moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); } 60% {-moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

.bounce {-moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }



/* Magnific Popup CSS */ 
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{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-ajax-holder .mfp-content,.mfp-inline-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-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-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-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}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;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-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-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border: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-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;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-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,.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,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.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}} /** * Simple fade transition, */ .mfp-fade.mfp-bg {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready {opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing {opacity: 0; } .mfp-fade.mfp-wrap .mfp-content {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0; } /** * Fade-zoom animation for first dialog */ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog {opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg {opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0; } .mfp-content{} /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .zoom-anim-dialog {opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); } /* animate in */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {opacity: 1; -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 ); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {opacity: 0; -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg {opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg {opacity: 0.8; } /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg {opacity: 0; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right: 30px;} .mfp-fade.mfp-bg {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready {opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing {opacity: 0; } .mfp-fade.mfp-wrap .mfp-content {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0; } .white-popup {position: relative; background: #000; padding: 0px; width: auto; max-width: 1620px; margin: 20px auto; line-height: 0px; }



.span4{	

    width: 0;

    height: 0;

    border-left: 25px solid transparent;

    border-right: 25px solid transparent;

    border-top: 40px solid #00b2e16e;

    left: 26%;

    bottom: 0;

   

    position: absolute;

    }



.span5 {

    position: absolute;

    right: 0%;

    top: 17%;

    font-size: 2em;

    color: #ec7a30;

    opacity: 0.5;

}

.span6{position: absolute;width: 20px;height:20px;border-radius: 50px; left: 0%;bottom: 41%; background:#ec7a30; opacity: 0.5;}

.span7{position: absolute; left: 50%; bottom: -12%; color: rgba(143,210,244,1);}

.span8{position: absolute;width: 40px;height: 40px;border-radius: 50px;right:0; background: rgba(143,210,244,1);right:0%;top: -9%;

    background: -moz-linear-gradient(top, rgba(143,210,244,1) 0%, rgba(153,255,153,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(143,210,244,1)), color-stop(100%, rgba(153,255,153,1)));

    background: -webkit-linear-gradient(top, rgba(143,210,244,1) 0%, rgba(153,255,153,1) 100%);

    background: -o-linear-gradient(top, rgba(143,210,244,1) 0%, rgba(153,255,153,1) 100%);

    background: -ms-linear-gradient(top, rgba(143,210,244,1) 0%, rgba(153,255,153,1) 100%);

    background: linear-gradient(to bottom, rgba(143,210,244,1) 0%, rgba(153,255,153,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fd2f4', endColorstr='#99ff99', GradientType=0 );}

.span9{
	position: absolute;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-right: 40px solid #00b2e1;
    border-bottom: 25px solid transparent;
    bottom: 20px;
	left: 5%;
    top: -15%;
    }

	

.span3{

	position: absolute;
    border-top: 25px solid transparent;
    border-left: 40px solid #00b2e16e;
    border-bottom: 25px solid transparent;
    display: block;
    left: 29%;    
    top: 0%;

	}	



.smoothSlideContainer{
  background-color:white;
  position:relative;
  height:100%;
  width:100%;

}

#person img{
  position:relative;
  height:400px;
  right:0;
  z-index:1;
  -webkit-animation: personslideout 6s ease-in-out infinite;
          animation: personslideout 6s ease-in-out infinite;
}

.bar{
  background-color:#333;
  z-index:0;
}

.bar2{
  background-color:#333;
  z-index:2;
}

#bar1{
	line-height: 4px;
  position:absolute;
  right:0;
  top:30%;
  height:6%;
  background:#00b2e1;
  color:#fff;
  padding:1em;
  width:50%;
  -webkit-animation: bar1slide 6s ease-in-out infinite;
          animation: bar1slide 6s ease-in-out infinite;
}

#bar2{
  position:absolute;
  right:0;
  top:40%;
  height:5%;
  width:60%;
  -webkit-animation: bar2slide 6s ease-in-out infinite;
          animation: bar2slide 6s ease-in-out infinite;
}

#bar3{
  position:absolute;
  right:0;
  top:50%;
  height:12%;
  width:40%;
  -webkit-animation: bar3slide 6s ease-in-out infinite;
          animation: bar3slide 6s ease-in-out infinite;
}

#bar4{
  position:absolute;
  right:0;
  top:16%;
  height:2%;
  width:30%;
  -webkit-animation: bar4slide 6s ease-in-out infinite;
          animation: bar4slide 6s ease-in-out infinite;
}

#bar5{
  position:absolute;
  right:0;
  top:85%;
  height:4%;
  width:30%;
  -webkit-animation: bar5slide 6s ease-in-out infinite;
          animation: bar5slide 6s ease-in-out infinite;
}

#bar6{
  position:absolute;
  right:0;
  top:80%;
  height:4%;
  width:55%;
  -webkit-animation: bar6slide 6s ease-in-out infinite;
          animation: bar6slide 6s ease-in-out infinite;
}

#bar7{
  position:absolute;
  right:0;
  top:65%;
  height:10%;
  width:25%;
  -webkit-animation: bar6slide 6s ease-in-out infinite;
          animation: bar6slide 6s ease-in-out infinite;
}

#bar8{
  position:absolute;
  right:0;
  top:46%;
  height:2%;
  width:35%;
  -webkit-animation: bar6slide 6s ease-in-out infinite;
          animation: bar6slide 6s ease-in-out infinite;
}

@-webkit-keyframes bar1slide{
  0%{
    right:-100%;
  }
  20%{
    right:-2%;
  }
  40%{
    right:0;
  }
  70%{
    right:-50%;
  }
  100%{
    right:-100%;
  }
}

@keyframes bar1slide{
  0%{
    right:-100%;
  }
  20%{
    right:-2%;
  }
  40%{
    right:0;
  }
  70%{
    right:-50%;
  }
  100%{
    right:-100%;
  }
}

@-webkit-keyframes bar2slide{
  0%{
    right:-70%;
  }
  30%{
    right:-2%;
  }
  50%{
    right:0;
  }
  80%{
    right:-70%;
  }
  100%{
    right:-70%;
  }
}

@keyframes bar2slide{
  0%{
    right:-70%;
  }
  30%{
    right:-2%;
  }
  50%{
    right:0;
  }
  80%{
    right:-70%;
  }
  100%{
    right:-70%;
  }
}

@-webkit-keyframes bar3slide{
  0%{
    right:-70%;
  }
  60%{
    right:-2%;
  }
  50%{
    right:0;
  }
  80%{
    right:-70%;
  }
  100%{
    right:-70%;
  }
}

@keyframes bar3slide{
  0%{
    right:-70%;
  }
  60%{
    right:-2%;
  }
  50%{
    right:0;
  }
  80%{
    right:-70%;
  }
  100%{
    right:-70%;
  }
}

@-webkit-keyframes bar4slide{
  0%{
    right:-70%;
  }
  30%{
    right:-2%;
  }
  50%{
    right:0;
  }
  90%{
    right:-70%;
  }
  100%{
    right:-70%;
  }
}

@keyframes bar4slide{
  0%{
    right:-70%;
  }
  30%{
    right:-2%;
  }
  50%{
    right:0;
  }
  90%{
    right:-70%;
  }
  100%{
    right:-70%;
  }
}
@-webkit-keyframes bar5slide{
  0%{
    right:-70%;
  }
  35%{
    right:-2%;
  }
  50%{
    right:0;
  }
  70%{
    right:-70%;
  }
  100%{
    right:-70%;
  }
}
@keyframes bar5slide{
  0%{
    right:-70%;
  }
  35%{
    right:-2%;
  }
  50%{
    right:0;
  }
  70%{
    right:-70%;
  }
  100%{
    right:-70%;
  }
}

@-webkit-keyframes bar6slide{
  0%{
    right:-70%;
  }
  45%{
    right:-2%;
  }
  60%{
    right:0;
  }
  70%{
    right:-70%;
  }
  100%{
    right:-70%;
  }
}

@keyframes bar6slide{
  0%{
    right:-70%;
  }
  45%{
    right:-2%;
  }
  60%{
    right:0;
  }
  70%{
    right:-70%;
  }
  100%{
    right:-70%;
  }
}

@-webkit-keyframes personslideout{
  0%{
    right:-100%;
  }
  25%{
    right:0%;
  }
  50%{
    right:1%;
  }
  100%{
    right:-100%;
  }
}

@keyframes personslideout{
  0%{
    right:-100%;
  }
  25%{
    right:0%;
  }
  50%{
    right:1%;
  }
  100%{
    right:-100%;
  }
}

.detail p{color: #fff;}
.servic-caption p{color:rgba(255,255,255,0.5); margin-bottom: 1em;}
.servic-caption a{color: rgba(255,255,255,0.5); font-size: 14px; }
.servic-caption a:hover{color:#00b2e1; }


//MODAL
//HAMBURGUESA
.cont_menu2 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 990;
    background: linear-gradient(45deg, #000, #3b3b3b);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(60rem);
    transform: perspective(60rem);
}

.cont_menu {
    position: fixed;
    right: 30px;
    top: 20px;
    width: 60px;
    height: 45px;
    cursor: pointer;
    z-index: 4000000;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}

.menu_relativo {
    position: relative;
    width: 60px;
    height: 45px;
}

.linea1 {
    width: 40px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.linea2 {
    width: 30px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 10px;
    right: 0px;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.linea3 {
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 20px;
    right: 0px;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

//HAMBURGUESA
//MENÚ
.bg-menu {
    width: 100%;
    height: 200%;
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: #000;
    transform: rotate(-90deg);
    transform-origin: top right;
    transition: transform 300ms ease-in-out;
}

.container-menu {
    position: fixed;
    width: 100%;
    top: 0;
    left: -100%;
    z-index: 2000;
    color: #fff;

    }
.menu-2 {position: relative; padding: 10%;}
.menu-2 .item-menu span {
    font-size: 82px;
    font-weight: 300;
    background: #cd016b;
    background: -moz-linear-gradient(top, #cd016b 0%, #573687 100%);
    background: -webkit-linear-gradient(top, #cd016b 0%, #573687 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.item-menu {width: 100%;position: relative;height: auto;margin-bottom: 0px;overflow: hidden;margin-top:0px;}
span2 {font-size: 5vw;font-weight: 900;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cd016b+0,573687+100 */background: #cd016b;/* Old browsers */background: -moz-linear-gradient(top, #cd016b 0%, #573687 100%);/* FF3.6-15 */background: -webkit-linear-gradient(top, #cd016b 0%, #573687 100%);/* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #cd016b 0%, #573687 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */webkit-background-clip: text;webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}

.anima-container-menu {animation: anima-container-menu 2s 1;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;}

@keyframes anima-container-menu {
    0% {
        left: -100%
    }

    2% {
        left: 0%
    }

    100% {
        left: 0%
    }
}

.item-anima1 {animation: itemanima1 1s 1;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;}

@keyframes itemanima1 {
0% {
padding-top: 200px}

    50% {
        padding-top: 200px
    }

    100% {
        padding-top: 0
    }
}

.item-anima2{animation: itemanima2 1s 1;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;}

@keyframes itemanima2{0%{left: 100%}50%{left: 50% }100%{left: 0% }}
.item2-anima1 {
    animation: item2anima1 1100ms 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

@keyframes item2anima1 {
    0% {
        padding-top: 200px
    }

    50% {
        padding-top: 200px
    }

    100% {
        padding-top: 0
    }
}

.item2-anima2 {
    animation: item2anima2 1100ms 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

@keyframes item2anima2 {
    0% {
        left: 100%
    }

    50% {
        left: 50%
    }

    100% {
        left: 0%
    }
}

.item3-anima1 {
    animation: item3anima1 1200ms 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

@keyframes item3anima1 {
    0% {
        padding-top: 200px
    }

    50% {
        padding-top: 200px
    }

    100% {
        padding-top: 0
    }
}

.item3-anima2 {
    animation: item3anima2 1200ms 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

@keyframes itema3nima3 {
    0% {
        left: 100%
    }

    50% {
        left: 50%
    }

    100% {
        left: 0%
    }
}

.item4-anima1 {
    animation: item4anima1 1300ms 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

@keyframes item4anima1 {
    0% {
        padding-top: 200px
    }

    50% {
        padding-top: 200px
    }

    100% {
        padding-top: 0
    }
}

.item4-anima2 {
    animation: item4anima2 1300ms 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

@keyframes item4anima3 {
    0% {
        left: 100%
    }

    50% {
        left: 50%
    }

    100% {
        left: 0%
    }
}

.item5-anima1 {
    animation: item5anima1 1400ms 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

@keyframes item5anima1 {
    0% {
        padding-top: 200px
    }

    50% {
        padding-top: 200px
    }

    100% {
        padding-top: 0
    }
}

.item5-anima2 {
    animation: item5anima2 1400ms 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

@keyframes item5anima3 {
    0% {
        left: 100%
    }

    50% {
        left: 50%
    }

    100% {
        left: 0%
    }
}
.bg-menu {
    width: 100%;
    height: 200%;
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: #000;
    transform: rotate(-90deg);
    transform-origin: top right;
    transition: transform 300ms ease-in-out;
    left: 0;
}


.container-menu {
    position: fixed;
    width: 100%;
    top: 0;
    left: -100%;
    z-index: 2000;
    color: #fff;
}
.anima-container-menu {
    animation: anima-container-menu 2s 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

.item-menu a {
    font-size: 8vw;
    color: #fff;
    text-decoration: none;
    font-weight: 900;
    padding-top: 200px;
    display: inline-block;
    transition: opacity 300ms ease-in-out;
}

.has-relative{position:relative;}




header.fixed {
        background: rgb(255, 255, 255);
       -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.59);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.59);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.20);
    /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); */
    border: none;
}
.fixed {
    position: fixed;
    top: 0px;
    z-index: 9999;
}

header.fixed a{color:#000;}
header.fixed .navbar-nav .btn {
     color: #000;
    font-weight: 800;
}
header.fixed .navbar-toggle .icon-bar {
    background: #0e0e0e;
}

         .btn-default:before {
         z-index: 2;
         /*border: .0625rem solid #000;*/
         border-right: 0;
         -webkit-transform: skewX(-20deg);
         transform: skewX(-20deg)
         }
         .btn-default:after,
         .btn-default:before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%
         }
         .btn-default:after {
         background-color: #000;
         -webkit-transform: skewX(-20deg) scaleX(0);
         transform: skewX(-20deg) scaleX(0);
         -webkit-transform-origin: left center;
         transform-origin: left center;
         -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
         transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
         transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
         transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
         overflow: hidden
         }
         .btn-default>span {
         position: relative;
         display:inline-block;
         z-index: 10;
         padding:0;
         margin: 2.4px;
         }
         .btn-default .btn__title {
         position: relative;
         display: block;
         z-index: 10;
         overflow: hidden
         }
         .product-card {
         position: relative;
         z-index: 10;       
         border-radius: .125rem;     
         /*-webkit-box-shadow: 0 -.4375rem 1.25rem rgba(0, 0, 0, .05);
         box-shadow: 0 -.4375rem 1.25rem rgba(0, 0, 0, .05);*/
         overflow: hidden;
         opacity: 1;
         -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
         transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
         transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.19, 1, .22, 1);
         transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
         -webkit-transform-style: preserve-3d;
         transform-style: preserve-3d;
         -webkit-transform: translateZ(0);
         transform: translateZ(0)
         }
         .product-card:after {
         content: "";
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         height: .1875rem;
         background-color: #000;
         -webkit-transform: scaleX(0);
         transform: scaleX(0);
         -webkit-transform-origin: right center;
         transform-origin: right center;
         -webkit-transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
         transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
         transition: transform .3s cubic-bezier(1, 0, 0, 1);
         transition: transform .3s cubic-bezier(1, 0, 0, 1), -webkit-transform .3s cubic-bezier(1, 0, 0, 1)
         }
         .product-card .product__link {
         position: relative;
         display: block;
         color: inherit;
         text-decoration: none
         }
         .product-card .product__title {
         margin-top: 0;
         line-height: 1;
         font-size: 2.25rem;
         font-weight: 700;
         letter-spacing: .05em
         }
         .product-card .product__title,
         .product-card .product__type {
         margin-bottom: 0;
         text-transform: uppercase;
         -webkit-transform: translateX(0);
         transform: translateX(0);
         -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
         transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
         transition: transform .5s cubic-bezier(.215, .61, .355, 1);
         transition: transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1)
         }
         .product-card .product__type {
         margin-top: .3125rem;
         font-size: 1rem;
         letter-spacing: .12em
         }
         .product-card .product__media {
         position: relative;
         padding-bottom: 76.19048%;
         margin-top: 1.25rem;
         margin-bottom: 1.25rem;
         overflow: hidden
         }
         .product-card .product__media img[data-src] {
         display: none
         }
         .product-card .product__image {
         position: absolute;
         z-index: 2;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: #fff
         }
         .product-card .product__image img {
         position: absolute;
         top: 50%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         max-width: 100%;
         max-height: 100%
         }
         .product-card .product__image.active {
         z-index: 100
         }
         .product-card .product__image.old {
         z-index: 99
         }
         .product-card[data-reveal] {
         opacity: 0;
         -webkit-transform: translateY(1.25rem);
         transform: translateY(1.25rem)
         }
         .product-card[data-reveal] .product__action {
         -webkit-transition-delay: .5s;
         transition-delay: .5s
         }
         .product-card.reveal {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0)
         }
         .product-card.reveal .product__heading {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0)
         }
         .product-card.reveal .product__action,
         .product-card.reveal .product__media {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0)
         }
         .product-card:hover .btn-default {
         color: #fff
         }
         .product-card:hover .btn-default:after {
         -webkit-transform: skewX(-20deg) scaleX(1);
         transform: skewX(-20deg) scaleX(1);
         -webkit-transform-origin: left center;
         transform-origin: left center
         }
		 
		 
		 
		 
		 .product-slider {}

.product-slider #carousel { }

.product-slider #thumbcarousel {}

.product-slider #thumbcarousel .item { text-align: center;border:none; }

.product-slider #thumbcarousel .item .thumb { width:17%; margin: 7% 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px;border:none; }

.product-slider #thumbcarousel .item .thumb:hover { border-color: #1089c0; }

.product-slider .item img { width: 100%; height: auto; }


.carousel-control { color: #0284b8; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%; }

.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }

/*.carousel-caption,*/ .carousel-control .fa { font: normal normal normal 30px/26px FontAwesome; }
.carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto; }

.carousel-control.right, .carousel-control.left { background-color: rgba(0, 0, 0, 0); background-image: none; }

.showing {
  border: 1px solid red;
}
@media(max-width: 640px) and (min-width: 360px){
	.product-slider .item img 
	{width: 100%!important;}
}

.carousel-inner h3{color:#fff;}
.carousel-caption {right:70%;padding-bottom: 230px;width: 20%;text-align: left;}

.htbx .btn-default {
         position: relative;
         display: inline-block;
         margin: 0;
         background-color: transparent;
         border: 0;
         text-align: center;
         vertical-align: middle;
         white-space: nowrap;
         outline: 0;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
         cursor: pointer;
         font-size: 14px;
         color: #000;
         font-weight: 700;
         text-transform: uppercase;
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
         -webkit-transform-style: preserve-3d;
         transform-style: preserve-3d;
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
     
         }
         .htbx  .btn-default:before {
         z-index: 2;
         border: .0625rem solid #000;
         border-right: 0;
         -webkit-transform: skewX(-20deg);
         transform: skewX(-20deg)
         }
         .htbx .btn-default:after,
         .htbx .btn-default:before {
         content: "";
         position: absolute;
         top: 0;
         left: 8px;
         width: 100%;
         height: 100%
         }
         .htbx .btn-default:after {
         background-color: #000;
         -webkit-transform: skewX(-20deg) scaleX(0);
         transform: skewX(-20deg) scaleX(0);
         -webkit-transform-origin: left center;
         transform-origin: left center;
         -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
         transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
         transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
         transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
         overflow: hidden
         }
         .htbx .btn-default>span {
         position: relative;
         display: block;
         z-index: 10;
         padding: .75rem 1.25rem;
         background: none;
         }
         .htbx .btn-default .btn__title {
         position: relative;
         display: block;
         z-index: 10;
         left: 8px;
         overflow: hidden
         }

@media screen and (max-width: 1024px) {
	.carousel-caption {
		padding-bottom:30px;
		width: 23%;
	}
}
@media screen and (max-width: 600px) {
	.carousel-caption {
		padding-bottom:0px;
		width: 100%;
		right:0;
		left:0;
		text-align: center;
	}
} 
.htbxbtn1:before{
         border: .0625rem solid #fff !important;
         
         }

.htbx3 .btn-default3:before {
         border: .0625rem solid #000;
         background-color: #fff !important;
         }
 .htbx3 .btn-default3 {
 	color: #000 !important;
 
        
         }
.htbxbtn3:after{
	color: #000 !important;

}	

.htbxbtn3:hover	{
	color: #000 !important;

	
	
}
/*28-02*/
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
animation:5s infinite;
cursor:default;





}
/*@keyframes mymove {
  50% {border-top-left-radius: 70px;border-bottom-right-radius: 70px;}
}*/


.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
/*border-top-left-radius: 70px;*/
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
/*border-top-left-radius: 70px;*/
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
/*border-top-left-radius: 70px;*/
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
/*border-top-left-radius: 70px;*/

}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
/*border-top-left-radius: 70px;*/

}

.hovereffect:hover img {
/*border-top-left-radius: 70px;*/


}


.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
/*border-top-left-radius: 70px;*/
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
/*border-top-left-radius: 70px;*/
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
/*border-top-left-radius: 70px;*/
}
.is-hidden {
  opacity: 0;
  transition: transform 0s, opacity 0s;
}
.playbtn{
	padding-left: 480px;
}




.btn-full {
	position: relative;
	display: inline-block;
	margin: 0;
	background-color: transparent;
	border: 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	font-size: 1rem;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
.btn-full, .btn-full:focus, .btn-full:hover {
	text-decoration: none
}
.btn-full.active, .btn-full:active {
	outline: 0
}
.btn-full.disabled, .btn-full:disabled, .btn-full[disabled], fieldset[disabled] .btn-full {
	cursor: default;
	pointer-events: none
}
.btn-full:before {
	background-color: #000;
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg)
}
.btn-full:after, .btn-full:before {
	content: "";
	position: absolute;
	top: 0;
	left: 8px;
	width: 95%;
	height: 100%
}
.btn-full:after {
	z-index: 2;
	background-color: #fff;
	-webkit-transform: skewX(-20deg) scaleX(0);
	transform: skewX(-20deg) scaleX(0);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
	transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
	transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
	transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
	overflow: hidden
}
.btn-full>span {
	position: relative;
	display: block;
	z-index: 5;
padding:.75rem 1.25rem
}
.btn-full .btn__title {
	position: relative;
	display: block;
	z-index: 10;
	overflow: hidden
}
.btn-full .btn__hover, .btn-full .btn__label {
	display: block;
padding:.75rem 1.25rem;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
	transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
	transition: transform .3s cubic-bezier(1, 0, 0, 1);
	transition: transform .3s cubic-bezier(1, 0, 0, 1), -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
	font-size: 13px;
}
.btn-full .btn__hover {
	position: absolute;
	top: 0;
	left: 8px;
	color: #000;
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}
.btn-full:hover:after {
	-webkit-transform: skewX(-20deg) scaleX(1);
	transform: skewX(-20deg) scaleX(1);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
.btn-full:hover .btn__label {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}
.btn-full:hover .btn__hover {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.btn-full.btn--white {
	color: #000
}
.btn-full.btn--white:before {
	background-color: #fff
}
.btn-full.btn--white:after {
	background-color: #000
}
.btn-full.btn--white .btn__hover {
	color: #fff
}
.btn-full.btn--wide .btn__hover, .btn-full.btn--wide .btn__label, .btn-full.btn--wide>span {
	padding-left: 3.125rem;
	padding-right: 3.125rem
}
 .details__action {

}
 .details__action a{background:none; padding: 7px;}
.details__stroke {
	opacity: 0
}
 .fedin {
        -webkit-transition: background 0.8s; 
        transition: background 0.8s; 
    }