.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red{background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange{background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey{background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey{background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} .fullscreen-container{width:100%; position:relative; padding:0;} .fullwidthbanner-container{width:100%; position:relative; padding:0; overflow:hidden;} .fullwidthbanner-container .fullwidthbanner{width:100%; position:relative;} .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption{position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important;} .tp-simpleresponsive img{max-width:none} .noFilterClass{filter:none !important;} .tp-bannershadow{position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none;} .tp-bannershadow.tp-shadow1{background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px} .tp-bannershadow.tp-shadow2{background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} .tp-bannershadow.tp-shadow3{background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} .caption.fullscreenvideo{left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video{width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo{left:0px; top:0px; position:absolute;width:100%;height:100%} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video{width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video{background: #000} .fullcoveredvideo .tp-poster{background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .html5vid.videoisplaying .tp-poster{display: none} .tp-video-play-button{background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer;} .html5vid .tp-revstop{width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .html5vid .tp-revstop{display:none} .html5vid.videoisplaying .revicon-right-dir{display:none} .html5vid.videoisplaying .tp-revstop{display:block} .html5vid.videoisplaying .tp-video-play-button{display:none} .html5vid:hover .tp-video-play-button{display:block} .fullcoveredvideo .tp-video-play-button{display:none !important} .tp-video-controls{position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)) ); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .tp-caption:hover .tp-video-controls{opacity: .9;} .tp-video-button{background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none;} .tp-video-button:hover{cursor: pointer;} .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap{padding:0px 5px;display:table-cell;} .tp-video-seek-bar-wrap{width:80%} .tp-video-vol-bar-wrap{width:20%} .tp-volume-bar, .tp-seek-bar{width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} .tp-dottedoverlay{background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4} .tp-dottedoverlay.twoxtwo{background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite{background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/gridtile_white.png)} .tp-dottedoverlay.threexthree{background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite{background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/gridtile_3x3_white.png)} .tpclear{clear:both} .tp-bullets{z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px);} .tp-bullets.hidebullets{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;} .tp-bullets.simplebullets.navbar{border:1px solid #666; border-bottom:1px solid #444; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px} .tp-bullets.simplebullets.navbar-old{background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px} .tp-bullets.simplebullets.round .bullet{cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px} .tp-bullets.simplebullets.round .bullet.last{margin-right:3px} .tp-bullets.simplebullets.round-old .bullet{cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.round-old .bullet.last{margin-right:0px} .tp-bullets.simplebullets.square .bullet{cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square .bullet.last{margin-right:0px} .tp-bullets.simplebullets.square-old .bullet{cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square-old .bullet.last{margin-right:0px} .tp-bullets.simplebullets.navbar .bullet{cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px} .tp-bullets.simplebullets.navbar .bullet.first{margin-left:0px !important} .tp-bullets.simplebullets.navbar .bullet.last{margin-right:0px !important} .tp-bullets.simplebullets.navbar-old .bullet{cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px} .tp-bullets.simplebullets.navbar-old .bullet.first{margin-left:0px !important} .tp-bullets.simplebullets.navbar-old .bullet.last{margin-right:0px !important} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected{background-position:top left} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected{background-position:bottom left} .tparrows{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative;} .tparrows.hidearrows{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;} .tp-leftarrow{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/large_left.png) no-Repeat top left; width:40px; height:40px;} .tp-rightarrow{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/large_right.png) no-Repeat top left; width:40px; height:40px;} .tp-leftarrow.round{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px;} .tp-rightarrow.round{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.round-old{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px;} .tp-rightarrow.round-old{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.navbar{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} .tp-rightarrow.navbar{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} .tp-leftarrow.navbar-old{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} .tp-rightarrow.navbar-old{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px} .tp-leftarrow.navbar-old.thumbswitharrow{margin-right:10px} .tp-rightarrow.navbar-old.thumbswitharrow{margin-left:0px} .tp-leftarrow.square{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.square-old{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square-old{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.default{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/large_left.png) no-Repeat 0 0; width:40px; height:40px;} .tp-rightarrow.default{z-index:100;cursor:pointer; position:relative; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/large_right.png) no-Repeat 0 0; width:40px; height:40px;} .tp-leftarrow:hover, .tp-rightarrow:hover{background-position:bottom left} .tp-bullets.tp-thumbs{z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; margin-top:-50px;} .fullwidthbanner-container .tp-thumbs{padding:3px} .tp-bullets.tp-thumbs .tp-mask{width:500px; height:50px; overflow:hidden; position:relative} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer{width:5000px; position:absolute} .tp-bullets.tp-thumbs .bullet{width:100px; height:50px; cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;} .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} .tp-thumbs img{width:100%} .tp-bannertimer{width:100%; height:10px; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/timer.png);position:absolute; z-index:200;top:0px} .tp-bannertimer.tp-bottom{bottom:0px;height:5px; top:auto} @media only screen and (min-width: 0px) and (max-width: 479px){.responsive .tp-bullets{display:none}.responsive .tparrows{display:none}} .tp-simpleresponsive img{-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none;} .tp-simpleresponsive a{text-decoration:none} .tp-simpleresponsive ul, .tp-simpleresponsive ul li, .tp-simpleresponsive ul li:before{list-style:none; padding:0 !important; margin:0 !important; list-style:none !important; overflow-x: visible; overflow-y: visible; background-image:none} .tp-simpleresponsive >ul >li{list-style:none; position:absolute; visibility:hidden} .caption.slidelink a div, .tp-caption.slidelink a div{width:3000px; height:1500px; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/coloredbg.png) repeat} .tp-caption.slidelink a span{background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/coloredbg.png) repeat} .tparrows .tp-arr-imgholder{display: none} .tparrows .tp-arr-titleholder{display: none} .tparrows.preview1{width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent} .tparrows.preview1:after{position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s} .tp-rightarrow.preview1:after{content: '\e825';} .tp-leftarrow.preview1:after{content: '\e824';} .tparrows.preview1:hover:after{background:rgba(255,255,255,1); color:#aaa} .tparrows.preview1 .tp-arr-imgholder{background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .tparrows.preview1 .tp-arr-iwrapper{-webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0} .tparrows.preview1:hover .tp-arr-iwrapper{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1} .tp-rightarrow.preview1 .tp-arr-imgholder{right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;} .tp-leftarrow.preview1 .tp-arr-imgholder{left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;} .tparrows.preview1:hover .tp-arr-imgholder{-webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} @media only screen and (min-width: 768px) and (max-width: 979px){.tparrows.preview1, .tparrows.preview1:after{width:80px; height:80px;line-height:80px; font-size:24px}} @media only screen and (min-width: 480px) and (max-width: 767px){.tparrows.preview1, .tparrows.preview1:after{width:60px; height:60px;line-height:60px;font-size:20px}} @media only screen and (min-width: 0px) and (max-width: 479px){.tparrows.preview1, .tparrows.preview1:after{width:40px; height:40px;line-height:40px; font-size:12px}} .tp-bullets.preview1{height: 21px} .tp-bullets.preview1 .bullet{cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} .tp-bullets.preview1 .bullet.last{margin-right: 0px} .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important;} .tparrows.preview2{min-width:60px; min-height:60px; background:#fff; ; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden;} .tparrows.preview2:after{position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tp-rightarrow.preview2:after{content: '\e81e'; right:18px} .tp-leftarrow.preview2:after{content: '\e81f'; left:18px} .tparrows.preview2 .tp-arr-titleholder{background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px;} .tp-rightarrow.preview2 .tp-arr-titleholder{right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%);} .tp-leftarrow.preview2 .tp-arr-titleholder{left:50px; -webkit-transform: translateX(100%); transform: translateX(100%);} .tparrows.preview2.hovered{width:300px} .tparrows.preview2:hover{background:#fff} .tparrows.preview2:hover:after{color:#000} .tparrows.preview2:hover .tp-arr-titleholder{-webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute;} .tp-bullets.preview2{height: 17px} .tp-bullets.preview2 .bullet{cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} .tp-bullets.preview2 .bullet.last{margin-right: 0px} .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important;} .tp-arr-titleholder.alwayshidden{display:none !important} @media only screen and (min-width: 768px) and (max-width: 979px){.tparrows.preview2{min-width:40px; min-height:40px; width:40px;height:40px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}.tparrows.preview2:after{position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px}.tp-rightarrow.preview2:after{content: '\e81e'; right:11px}.tp-leftarrow.preview2:after{content: '\e81f'; left:11px}.tparrows.preview2 .tp-arr-titleholder{font-size:12px; line-height:40px; letter-spacing: 0px}.tp-rightarrow.preview2 .tp-arr-titleholder{right:35px}.tp-leftarrow.preview2 .tp-arr-titleholder{left:35px}} @media only screen and (min-width: 480px) and (max-width: 767px){.tparrows.preview2{min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.tparrows.preview2:after{position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}.tp-rightarrow.preview2:after{content: '\e81e'; right:8px}.tp-leftarrow.preview2:after{content: '\e81f'; left:8px}.tparrows.preview2 .tp-arr-titleholder{font-size:10px; line-height:30px; letter-spacing: 0px}.tp-rightarrow.preview2 .tp-arr-titleholder{right:25px}.tp-leftarrow.preview2 .tp-arr-titleholder{left:25px}.tparrows.preview2 .tp-arr-titleholder{display:none;visibility:none}} @media only screen and (min-width: 0px) and (max-width: 479px){.tparrows.preview2{min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.tparrows.preview2:after{position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}.tp-rightarrow.preview2:after{content: '\e81e'; right:8px}.tp-leftarrow.preview2:after{content: '\e81f'; left:8px}.tparrows.preview2 .tp-arr-titleholder{display:none;visibility:none}.tparrows.preview2:hover{width:30px !important; height:30px !important}} .tparrows.preview3{width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat} .tparrows.preview3:after{position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tparrows.preview3:hover:after{color:#000} .tp-rightarrow.preview3:after{content: '\e825';} .tp-leftarrow.preview3:after{content: '\e824';} .tparrows.preview3 .tp-arr-iwrapper{-webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table;min-height:90px;top:-10px} .tp-leftarrow.preview3 .tp-arr-iwrapper{-webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} .tparrows.preview3 .tp-arr-imgholder{display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px; position:relative;top:0px} .tp-rightarrow.preview3 .tp-arr-iwrapper{right:0px;padding-right:70px} .tp-leftarrow.preview3 .tp-arr-iwrapper{left:0px; direction: rtl;padding-left:70px} .tparrows.preview3 .tp-arr-titleholder{display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle} .tparrows.preview3:hover .tp-arr-iwrapper{-webkit-transform: scale(1,1); transform: scale(1,1);} .tp-bullets.preview3{height: 17px} .tp-bullets.preview3 .bullet{cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} .tp-bullets.preview3 .bullet.last{margin-right: 0px} .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important;} @media only screen and (min-width: 768px) and (max-width: 979px){.tparrows.preview3:after, .tparrows.preview3{width:50px; height:50px; line-height:50px;font-size:20px}.tparrows.preview3 .tp-arr-iwrapper{min-height:70px}.tparrows.preview3 .tp-arr-imgholder{min-width:70px;height:70px}.tp-rightarrow.preview3 .tp-arr-iwrapper{padding-right:50px}.tp-leftarrow.preview3 .tp-arr-iwrapper{padding-left:50px}.tparrows.preview3 .tp-arr-titleholder{padding:10px;font-size:16px}} @media only screen and (max-width: 767px){.tparrows.preview3:after, .tparrows.preview3{width:50px; height:50px; line-height:50px;font-size:20px}.tparrows.preview3 .tp-arr-iwrapper{min-height:70px}} .tparrows.preview4{width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000} .tparrows.preview4:after{position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25); -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; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} .tp-rightarrow.preview4:after{content: '\e825';} .tp-leftarrow.preview4:after{content: '\e824';} .tparrows.preview4 .tp-arr-allwrapper{visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat} .tp-leftarrow.preview4 .tp-arr-allwrapper{left:0px} .tparrows.preview4 .tp-arr-iwrapper{position: relative} .tparrows.preview4 .tp-arr-imgholder{display:block;background-size:cover; background-position:center center;width:180px;height:110px; position:relative;top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .tparrows.preview4 .tp-arr-imgholder2{display:block;background-size:cover; background-position:center center; width:180px;height:110px; position:absolute;top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .tp-leftarrow.preview4 .tp-arr-imgholder2{left:-180px} .tparrows.preview4 .tp-arr-titleholder{display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;} .tparrows.preview4:after{transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%} .tp-leftarrow.preview4:after{transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%} @media only screen and (min-width: 768px){.tparrows.preview4:hover:after{-webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)}.tp-leftarrow.preview4:hover:after{-webkit-transform: rotateY(90deg); transform:rotateY(90deg)}.tparrows.preview4:hover .tp-arr-titleholder{-webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}} .tp-bullets.preview4{height: 17px} .tp-bullets.preview4 .bullet{cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} .tp-bullets.preview4 .bullet.last{margin-right: 0px} .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important;} @media only screen and (max-width: 767px){.tparrows.preview4{width:20px; height:80px}.tparrows.preview4:after{width:20px; height:80px; line-height:80px; font-size:14px}.tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper{display: none !important}} .tp-loader{top:50%; left:50%; z-index:10000; position:absolute;} .tp-loader.spinner0{width: 40px; height: 40px; background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .tp-loader.spinner1{width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .tp-loader.spinner5{background:url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} @-webkit-keyframes tp-rotateplane{0%{-webkit-transform: perspective(120px)}50%{-webkit-transform: perspective(120px) rotateY(180deg)}100%{-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)}} @keyframes tp-rotateplane{0%{transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}} .tp-loader.spinner2{width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out;} @-webkit-keyframes tp-scaleout{0%{-webkit-transform: scale(0.0)}100%{-webkit-transform: scale(1.0); opacity: 0;}} @keyframes tp-scaleout{0%{transform: scale(0.0); -webkit-transform: scale(0.0);}100%{transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0;}} .tp-loader.spinner3{margin: -9px 0px 0px -35px; width: 70px; text-align: center;} .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3{width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .tp-loader.spinner3 .bounce1{-webkit-animation-delay: -0.32s; animation-delay: -0.32s;} .tp-loader.spinner3 .bounce2{-webkit-animation-delay: -0.16s; animation-delay: -0.16s;} @-webkit-keyframes tp-bouncedelay{0%, 80%, 100%{-webkit-transform: scale(0.0)}40%{-webkit-transform: scale(1.0)}} @keyframes tp-bouncedelay{0%, 80%, 100%{transform: scale(0.0); -webkit-transform: scale(0.0);}40%{transform: scale(1.0); -webkit-transform: scale(1.0);}} .tp-loader.spinner4{margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear;} .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2{width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);} .tp-loader.spinner4 .dot2{top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s;} @-webkit-keyframes tp-rotate{100%{-webkit-transform: rotate(360deg)}} @keyframes tp-rotate{100%{transform: rotate(360deg); -webkit-transform: rotate(360deg)}} @-webkit-keyframes tp-bounce{0%, 100%{-webkit-transform: scale(0.0)}50%{-webkit-transform: scale(1.0)}} @keyframes tp-bounce{0%, 100%{transform: scale(0.0); -webkit-transform: scale(0.0);}50%{transform: scale(1.0); -webkit-transform: scale(1.0);}} .tp-transparentimg{content:"url(/theme_rayen/static/src/plugins/revolution-slider/css/../assets/transparent.png)"} .tp-3d{-webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%;} .tp-caption img{background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1;} @font-face{font-family: 'revicons'; src: url('/theme_rayen/static/src/plugins/revolution-slider/css/../font/revicons90c6.eot?5510888'); src: url('/theme_rayen/static/src/plugins/revolution-slider/css/../font/revicons90c6.eot?5510888#iefix') format('embedded-opentype'), url('/theme_rayen/static/src/plugins/revolution-slider/css/../font/revicons90c6.woff?5510888') format('woff'), url('/theme_rayen/static/src/plugins/revolution-slider/css/../font/revicons90c6.ttf?5510888') format('truetype'), url('/theme_rayen/static/src/plugins/revolution-slider/css/../font/revicons90c6.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal;} [class^="revicon-"]:before, [class*=" revicon-"]:before{font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em;} .revicon-search-1:before{content: '\e802'} .revicon-pencil-1:before{content: '\e831'} .revicon-picture-1:before{content: '\e803'} .revicon-cancel:before{content: '\e80a'} .revicon-info-circled:before{content: '\e80f'} .revicon-trash:before{content: '\e801'} .revicon-left-dir:before{content: '\e817'} .revicon-right-dir:before{content: '\e818'} .revicon-down-open:before{content: '\e83b'} .revicon-left-open:before{content: '\e819'} .revicon-right-open:before{content: '\e81a'} .revicon-angle-left:before{content: '\e820'} .revicon-angle-right:before{content: '\e81d'} .revicon-left-big:before{content: '\e81f'} .revicon-right-big:before{content: '\e81e'} .revicon-magic:before{content: '\e807'} .revicon-picture:before{content: '\e800'} .revicon-export:before{content: '\e80b'} .revicon-cog:before{content: '\e832'} .revicon-login:before{content: '\e833'} .revicon-logout:before{content: '\e834'} .revicon-video:before{content: '\e805'} .revicon-arrow-combo:before{content: '\e827'} .revicon-left-open-1:before{content: '\e82a'} .revicon-right-open-1:before{content: '\e82b'} .revicon-left-open-mini:before{content: '\e822'} .revicon-right-open-mini:before{content: '\e823'} .revicon-left-open-big:before{content: '\e824'} .revicon-right-open-big:before{content: '\e825'} .revicon-left:before{content: '\e836'} .revicon-right:before{content: '\e826'} .revicon-ccw:before{content: '\e808'} .revicon-arrows-ccw:before{content: '\e806'} .revicon-palette:before{content: '\e829'} .revicon-list-add:before{content: '\e80c'} .revicon-doc:before{content: '\e809'} .revicon-left-open-outline:before{content: '\e82e'} .revicon-left-open-2:before{content: '\e82c'} .revicon-right-open-outline:before{content: '\e82f'} .revicon-right-open-2:before{content: '\e82d'} .revicon-equalizer:before{content: '\e83a'} .revicon-layers-alt:before{content: '\e804'} .revicon-popup:before{content: '\e828'} 

/* /theme_crafito/static/src/less/variable.less defined in bundle 'website.assets_frontend' */


/* /theme_crafito/static/src/less/mixins.less defined in bundle 'website.assets_frontend' */


/* /theme_crafito/static/src/less/header.less defined in bundle 'website.assets_frontend' */
header{background:0 0} header .header-top{width:100%;display:inline-block;vertical-align:top;border-bottom:1px solid #d0d0d0;background:#f4f4f4} header .header-top .ht-social{margin-right:10px} header .header-top .ht-social>ul{border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0;float:left} header .header-top .ht-social>ul>li{margin:0;padding:0;float:left} header .header-top .ht-social>ul>li a{width:30px;padding:0;text-align:center;background:#e7e7e7} header .header-top .ht-social>ul>li+li>a{border-left:1px solid #d0d0d0} header .header-top ul{margin:0;padding:0} header .header-top ul>li{display:inline-block;vertical-align:middle} header .header-top ul>li>a{color:grey;font-weight:300;text-transform:uppercase;line-height:30px;font-size:12px;display:block;padding:0 8px;background:0 0} header .header-top ul>li>a:active,header .header-top ul>li>a:focus,header .header-top ul>li>a:hover{color:#13b2d9;text-decoration:none} header .header-top .top-left{float:left;text-align:left} @media (max-width:991px){header .header-top .top-left{width:100%;text-align:center}} @media (max-width:767px){header .header-top .top-left{display:none}} header .header-top .top-right{float:right;text-align:right} @media (max-width:991px){header .header-top .top-right{width:100%;text-align:center}} header .header-top .top-right ul>li:last-child>a{padding-right:0} header .header-top .lang-options .btn-group .dropdown-toggle{padding:0 8px 0 0;box-shadow:none;line-height:30px;font-size:12px;color:grey;text-transform:uppercase;font-weight:600;background-color:transparent} header .header-top .lang-options .btn-group .dropdown-toggle:active,header .header-top .lang-options .btn-group .dropdown-toggle:focus,header .header-top .lang-options .btn-group .dropdown-toggle:hover{background:0 0;color:#13b2d9} header .header-top .welcome{line-height:30px;font-size:12px;color:grey;text-transform:uppercase} header .header-top .currency-options .btn-group .btn{border:none;box-shadow:none;padding:0 8px;line-height:30px;font-size:12px;color:grey;text-transform:uppercase;font-weight:300;font-weight:600;border-radius:0;background-color:transparent} header .header-top .currency-options .btn-group .btn:active,header .header-top .currency-options .btn-group .btn:focus,header .header-top .currency-options .btn-group .btn:hover{background:0 0;color:#13b2d9} header .header-top .currency-options .btn-group .btn .caret{margin-left:6px} header .header-top .btn-group .dropdown-menu,header .header-top .dropdown .dropdown-menu{border:none;border-radius:0} header .header-top .btn-group .dropdown-menu li,header .header-top .dropdown .dropdown-menu li{width:100%;display:inline-block;vertical-align:top} header .header-top .btn-group .dropdown-menu li.active a,header .header-top .btn-group .dropdown-menu li:active a,header .header-top .btn-group .dropdown-menu li:focus a,header .header-top .btn-group .dropdown-menu li:hover a,header .header-top .dropdown .dropdown-menu li.active a,header .header-top .dropdown .dropdown-menu li:active a,header .header-top .dropdown .dropdown-menu li:focus a,header .header-top .dropdown .dropdown-menu li:hover a{background:#13b2d9;color:#fff} header .header-middle{padding:25px 0;position:relative;z-index:1} header .header-middle .logo{width:50%;float:left} @media (max-width:767px){header .header-middle .logo{width:100%;text-align:center;padding-bottom:20px}} header .header-middle .logo h1{font-size:12px;max-width:200px;margin:0;padding:0;display:inline-block;vertical-align:top} header .header-middle .logo img{max-height:75px} header .header-middle .header-search{width:40%;float:left;padding:5px 0} @media (max-width:767px){header .header-middle .header-search{width:80%}} header .header-middle .header-search form{position:relative} header .header-middle .header-search form .form-control{width:100%;border:1px solid #13b2d9;box-shadow:none;height:40px;line-height:40px;border-radius:18px;padding:0 55px 0 20px} header .header-middle .header-search form .btn{position:absolute;right:0;top:0;width:50px;height:40px;border-radius:0 25px 25px 0;border:1px solid #13b2d9;box-shadow:none;color:#fff;background:#13b2d9} header .header-middle .header-search form .btn:active,header .header-middle .header-search form .btn:focus,header .header-middle .header-search form .btn:hover{background:#13b2d9;color:#fff} header .header-middle .h-cart{width:10%;float:left;text-align:right;padding:5px 0} @media (max-width:767px){header .header-middle .h-cart{width:20%}} header .header-middle .h-cart>ul{margin:0;padding:0} header .header-middle .h-cart>ul>li{list-style-type:none;position:relative;display:inline-block} header .header-middle .h-cart>ul>li .top-link-checkout{position:relative;display:inline-block} header .header-middle .h-cart>ul>li .top-link-checkout .fa{font-size:40px} header .header-middle .h-cart>ul>li .top-link-checkout .theme_crafito_cart_quantity{width:25px;height:25px;line-height:22px;color:#fff;font-size:11px;text-align:center;border:2px solid #fff;background:#ff772d;border-radius:50%;position:absolute;right:-4px;top:-6px} header .header-middle .h-cart>ul>li .top-link-checkout:active,header .header-middle .h-cart>ul>li .top-link-checkout:focus,header .header-middle .h-cart>ul>li .top-link-checkout:hover{color:#ff772d!important} header .header-middle .h-cart>ul>li .top-link-checkout:active .theme_crafito_cart_quantity,header .header-middle .h-cart>ul>li .top-link-checkout:focus .theme_crafito_cart_quantity,header .header-middle .h-cart>ul>li .top-link-checkout:hover .theme_crafito_cart_quantity{background:#13b2d9} header .header-middle .h-cart>ul>li .h-cart-inner{display:none;position:absolute;background:#fff;width:250px;right:0;top:100%;text-align:left;margin:0;padding:15px;box-shadow:0 6px 12px rgba(0,0,0,.175)} header .header-middle .h-cart>ul>li .h-cart-inner li{display:inline-block;vertical-align:top;width:100%;list-style-type:none} header .header-middle .h-cart>ul>li .h-cart-inner .pd-row{width:100%;display:inline-block;vertical-align:top;padding-left:60px;position:relative;min-height:50px;margin-bottom:15px} header .header-middle .h-cart>ul>li .h-cart-inner .pd-row .product-img{width:50px;height:50px;overflow:hidden;position:absolute;left:0;top:0} header .header-middle .h-cart>ul>li .h-cart-inner .pd-row .product-img img{border:1px solid #ccc;border-radius:0} header .header-middle .h-cart>ul>li .h-cart-inner .pd-row .product-detail p{margin:0;line-height:normal} header .header-middle .h-cart>ul>li .h-cart-inner .pd-row .product-detail p.product-name{line-height:16px;padding-bottom:8px} header .header-middle .h-cart>ul>li .h-cart-inner .pd-row .product-detail p.product-name a{font-size:12px;font-weight:600;color:#3a424c;line-height:16px} header .header-middle .h-cart>ul>li .h-cart-inner .pd-row .product-detail p a{color:#ff772d} header .header-middle .h-cart>ul>li .h-cart-inner .total{width:100%;display:inline-block;visibility:top;text-align:right;padding:15px;border-top:1px solid #e6e6e6} header .header-middle .h-cart>ul>li .h-cart-inner .total label{margin:0;padding:0} header .header-middle .h-cart>ul>li .h-cart-inner .button-box .btn{float:left;width:50%;border-radius:0;color:#fff} header .header-middle .h-cart>ul>li .h-cart-inner .button-box .btn.view-all{background:#ff772d} header .header-middle .h-cart>ul>li .h-cart-inner .button-box .btn.proceed{background:#13b2d9} header .header-middle .h-cart>ul>li:hover .top-link-checkout{color:#ff772d} header .header-middle .h-cart>ul>li:hover .top-link-checkout .theme_crafito_cart_quantity{background:#13b2d9} header .header-middle .h-cart>ul>li:hover .top-link-checkout:active,header .header-middle .h-cart>ul>li:hover .top-link-checkout:focus,header .header-middle .h-cart>ul>li:hover .top-link-checkout:hover{color:#ff772d!important} header .header-middle .h-cart>ul>li:hover .top-link-checkout:active .theme_crafito_cart_quantity,header .header-middle .h-cart>ul>li:hover .top-link-checkout:focus .theme_crafito_cart_quantity,header .header-middle .h-cart>ul>li:hover .top-link-checkout:hover .theme_crafito_cart_quantity{background:#13b2d9} header .header-middle .h-cart>ul>li:hover .h-cart-inner{display:block} header>.navbar-default{background:0 0;border:none} header>.navbar-default>.container{width:100%;background:#13b2d9} header>.navbar-default>.container .navbar-header{display:none} header>.navbar-default>.container .navbar-header .navbar-brand{display:none} header>.navbar-default>.container .navbar-header .navbar-toggle{border-radius:0;background:#ff772d} header>.navbar-default>.container .navbar-header .navbar-toggle span{background:#fff} @media (max-width:991px){header>.navbar-default>.container .navbar-header{display:block;float:right}header>.navbar-default>.container .navbar-header .navbar-toggle{display:block}} header>.navbar-default>.container .navbar-collapse{width:1170px;max-width:100%;padding:0 15px;margin:0 auto} @media (max-width:991px){header>.navbar-default>.container .navbar-collapse{display:none!important;padding:0}header>.navbar-default>.container .navbar-collapse.in{display:block!important;box-shadow:none;border:none}} header>.navbar-default>.container .navbar-collapse .divider{display:none!important} header>.navbar-default>.container .navbar-collapse .navbar-nav{float:left!important;width:100%;position:relative} @media (max-width:991px){header>.navbar-default>.container .navbar-collapse .navbar-nav{margin:0;max-height:250px;overflow-y:auto}header>.navbar-default>.container .navbar-collapse .navbar-nav>li{margin-left:0}} header>.navbar-default>.container .navbar-collapse .navbar-nav .dropdown .dropdown-menu{padding:10px 15px;border-radius:0} @media (max-width:991px){header>.navbar-default>.container .navbar-collapse .navbar-nav .dropdown .dropdown-menu{padding:0;background:#fff}} header>.navbar-default>.container .navbar-collapse .navbar-nav .dropdown .dropdown-menu>li+li{border-top:1px solid #e6e6e6} header>.navbar-default>.container .navbar-collapse .navbar-nav .dropdown .dropdown-menu>li>a{padding:8px 0} @media (max-width:991px){header>.navbar-default>.container .navbar-collapse .navbar-nav .dropdown .dropdown-menu>li>a{padding:10px}} header>.navbar-default>.container .navbar-collapse .navbar-nav .dropdown .dropdown-menu>li>a:hover{background:0 0;color:#13b2d9} header>.navbar-default>.container .navbar-collapse .navbar-nav .dropdown .dropdown-menu>li.active>a{background:0 0;color:#13b2d9} header>.navbar-default>.container .navbar-collapse .navbar-nav .dropdown .dropdown-menu>.dropdown>.dropdown-menu{left:100%;top:0} @media (max-width:991px){header>.navbar-default>.container .navbar-collapse .navbar-nav .dropdown .dropdown-menu{width:100%;box-shadow:none;position:relative}} header>.navbar-default>.container .navbar-collapse .navbar-nav>li{float:none;display:inline-block;vertical-align:top} @media (max-width:991px){header>.navbar-default>.container .navbar-collapse .navbar-nav>li{width:100%;margin:0}} header>.navbar-default>.container .navbar-collapse .navbar-nav>li+li{margin-left:-4px} @media (max-width:991px){header>.navbar-default>.container .navbar-collapse .navbar-nav>li+li{margin-left:0;border-top:1px solid #0f8caa}} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list{float:left;margin-left:0;cursor:pointer;position:relative} @media (min-width:992px) and (max-width:1024px){header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list{margin-right:0}} @media (max-width:991px){header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list{display:none}} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list>a{background:#ff772d;padding-left:25px;padding-right:25px} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list>a i{margin-right:8px} @media (min-width:900px) and (max-width:1024px){header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list>a{padding-left:5px;padding-right:5px}} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list ul{background:#fff;position:absolute;top:100%;left:0;margin:0;padding:5px 10px;width:250px;box-shadow:0 6px 12px rgba(0,0,0,.176);display:none} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list ul>li{width:100%;position:relative;list-style-type:none} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list ul>li.ca-sub:after{content:"\f105";font:normal normal normal 14px/1 FontAwesome;color:#3a424c;position:absolute;line-height:40px;right:10px;top:0} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list ul>li+li{border-top:1px solid #e6e6e6} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list ul>li>a{color:#3a424c;padding:10px 0;display:block;padding-right:25px} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list ul>li:hover.ca-sub:after{color:#ff772d} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list ul>li:hover>a{color:#ff772d;text-decoration:none} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list>ul>li>ul{left:100%;top:0} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list>ul>li>ul>li>ul{left:100%;top:0} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list>ul>li>ul>li>ul>li>ul{left:100%;top:0} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list:hover>a{background:#ff772d} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list:hover>ul{display:block} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list:hover>ul>li:hover>ul{display:block} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list:hover>ul>li:hover>ul>li:hover>ul{display:block} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.menu-category-list:hover>ul>li:hover>ul>li:hover>ul>li:hover>ul{display:block} header>.navbar-default>.container .navbar-collapse .navbar-nav>li>a{color:#fff;text-transform:uppercase;font-weight:600;cursor:pointer} header>.navbar-default>.container .navbar-collapse .navbar-nav>li>a .fa-angle-down{margin-left:5px} @media (min-width:900px) and (max-width:1024px){header>.navbar-default>.container .navbar-collapse .navbar-nav>li>a{padding:10px 13px}} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.active>a,header>.navbar-default>.container .navbar-collapse .navbar-nav>li:active>a,header>.navbar-default>.container .navbar-collapse .navbar-nav>li:focus>a,header>.navbar-default>.container .navbar-collapse .navbar-nav>li:hover>a{background:#0f8caa} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.dropdown .caret{border:none;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;width:auto;height:auto;border-top:4px solid transparent!important;vertical-align:top} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.dropdown .caret:after{content:"\f107"} header>.navbar-default>.container .navbar-collapse .navbar-nav>li.dropdown.open>a{background:#0f8caa} .mega-dropdown-menu{width:100%;left:0;border-radius:0;padding:0 15px;border:none;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;display:none} .mega-dropdown-menu .letter-spacing{letter-spacing:-.31em} .mega-dropdown-menu .letter-spacing .inline-block{float:none;letter-spacing:normal;display:inline-block;vertical-align:top;margin-bottom:15px} .mega-dropdown-menu .letter-spacing .inline-block ul{margin:0;padding:0} .mega-dropdown-menu .letter-spacing .inline-block ul .dropdown-header{font-size:14px;color:#3a424c;font-weight:600;padding:10px 0 5px;text-transform:uppercase} .mega-dropdown-menu .letter-spacing .inline-block ul li{display:inline-block;vertical-align:top;width:100%;list-style-type:none;margin:0 0 5px} .mega-dropdown-menu .letter-spacing .inline-block ul li.categories>a{position:relative;font-size:13px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} .mega-dropdown-menu .letter-spacing .inline-block ul li.categories>a:after{width:0;height:1px;background:#13b2d9;content:" ";display:inline-block;position:absolute;left:0;top:9px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} .mega-dropdown-menu .letter-spacing .inline-block ul li.categories>a:hover{padding-left:10px;color:#13b2d9} .mega-dropdown-menu .letter-spacing .inline-block ul li.categories>a:hover:after{width:8px} .mega-dropdown-menu .letter-spacing .inline-block ul a{color:#3a424c} .mega-dropdown-menu .letter-spacing .inline-block ul a:hover{text-decoration:none} .mega-dropdown-menu .mm-slider{position:relative} .mega-dropdown-menu .mm-slider .item{text-align:center} .mega-dropdown-menu .mm-slider .item a{display:block} .mega-dropdown-menu .mm-slider .item a img{margin:0 auto} .mega-dropdown-menu .mm-slider h2{font-size:16px;color:#3a424c;font-weight:600;margin:0;padding:10px 0 10px;text-transform:uppercase} .mega-dropdown-menu .mm-slider .carousel-control{background:0 0!important;border:1px solid #13b2d9;top:10px;height:25px;width:25px;line-height:17px;cursor:pointer;opacity:1} .mega-dropdown-menu .mm-slider .carousel-control .fa{text-shadow:none;color:#13b2d9;font-size:12px} .mega-dropdown-menu .mm-slider .carousel-control.left{left:auto;right:30px} .mega-dropdown-menu .mm-slider .carousel-control:hover{background:#13b2d9!important} .mega-dropdown-menu .mm-slider .carousel-control:hover .fa{color:#fff} .mega-dropdown-menu .footer{padding:15px;border-top:1px solid #e6e6e6} .mega-dropdown-menu .footer p{margin:0} .li-mega-menu{position:static!important} .li-mega-menu.mm_icon>a{padding-left:40px} .li-mega-menu.mm_icon>a img{position:absolute;left:10px;top:0;bottom:0;max-height:25px;max-width:25px;margin:auto} .li-mega-menu.open .dropdown-toggle{background:#0f8caa!important} .li-mega-menu.open .mega-dropdown-menu{display:none} .li-mega-menu.open:hover .mega-dropdown-menu{display:block} @media (max-width:991px){.li-mega-menu.open .mega-dropdown-menu{display:block;position:relative;box-shadow:none}.li-mega-menu.open:hover .mega-dropdown-menu{display:block}} .li-mega-menu:hover .mega-dropdown-menu{display:block} @media (max-width:991px){.li-mega-menu:hover .mega-dropdown-menu{display:none}} li#mm-half{position:relative!important} li#mm-half>.mega-dropdown-menu{width:500px;left:-210px} @media (max-width:991px){li#mm-half>.mega-dropdown-menu{width:100%;left:0}li#mm-half>.mega-dropdown-menu .row{margin:0}} li#mm-half>.mega-dropdown-menu .letter-spacing{padding:10px 0} li#mm-half>.mega-dropdown-menu .letter-spacing .inline-block{margin:0} li#mm-half>.mega-dropdown-menu .letter-spacing .inline-block ul{margin:0;padding:0} li#mm-half>.mega-dropdown-menu .letter-spacing .inline-block ul .dropdown-header{margin:0;padding:0 0 10px 0} li#mm-half>.mega-dropdown-menu .letter-spacing .inline-block ul .dropdown-header>a{position:relative;font-size:14px;font-weight:400;text-transform:none;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} li#mm-half>.mega-dropdown-menu .letter-spacing .inline-block ul .dropdown-header>a:after{width:0;height:1px;background:#13b2d9;content:" ";display:inline-block;position:absolute;left:0;top:9px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} li#mm-half>.mega-dropdown-menu .letter-spacing .inline-block ul .dropdown-header>a:hover{padding-left:10px;color:#13b2d9} li#mm-half>.mega-dropdown-menu .letter-spacing .inline-block ul .dropdown-header>a:hover:after{width:8px} li#mm-half:last-child>.mega-dropdown-menu{right:0} #wrap{min-height:600px} .header-fixed header{position:relative} .header-fixed header .navbar-default>.container{position:fixed;width:100%;top:0;z-index:999;left:0} .header-fixed.editor_enable header{position:relative} .header-fixed.editor_enable header .navbar-default>.container{position:fixed;width:100%;top:34px;z-index:999;left:0} 

/* /theme_crafito/static/src/less/footer.less defined in bundle 'website.assets_frontend' */
footer .footer-newsletter{background:#13b2d9;padding:30px 0} footer .footer-newsletter .newsletter-title{float:left;padding:8px 0} @media (max-width:767px){footer .footer-newsletter .newsletter-title{width:100%;text-align:center;padding-bottom:20px}} footer .footer-newsletter .newsletter-title .fa{font-size:30px;color:#fff} footer .footer-newsletter .newsletter-title .fa:before{font-family:FontAwesome;margin-right:10px} footer .footer-newsletter .newsletter-title span{font-size:22px;color:#fff;margin-left:10px;text-transform:uppercase;font-weight:600} footer .footer-newsletter .newsletter-div{float:right;width:40%} @media (max-width:767px){footer .footer-newsletter .newsletter-div{width:100%}} footer .footer-newsletter .newsletter-div .fot-newsletter{position:relative;width:100%} footer .footer-newsletter .newsletter-div .fot-newsletter .input-group{display:inline-block;width:100%;vertical-align:top} footer .footer-newsletter .newsletter-div .fot-newsletter .js_subscribe_email{height:50px;width:100%;display:inline-block;vertical-align:middle;border:none;padding:15px 50px 15px 30px;line-height:20px;border-radius:25px 25px 25px 25px} footer .footer-newsletter .newsletter-div .fot-newsletter .btn{height:50px;padding:10px 35px;line-height:30px;font-weight:400;font-size:14px;text-transform:capitalize;background:#3a424c;color:#fff;border:1px solid #3a424c;display:block;top:0;right:0;border-radius:0 25px 25px 0;position:absolute;z-index:9;opacity:1} footer .footer-top{background:#161b1e;padding:40px 0} footer .footer-top .footer-block h3{font-size:18px;line-height:24px;text-transform:capitalize;font-weight:600;color:#13b2d9;position:relative;margin:0 0 20px 0;padding:0} footer .footer-top .footer-block .list-links a{color:#b3b3b3} footer .footer-top .footer-block .list-links li{margin:0 0 5px} footer .footer-top .footer-logo{max-width:200px;margin-bottom:20px} footer .footer-top .f-support-box{width:100%;display:inline-block;vertical-align:top;position:relative;padding-left:45px} footer .footer-top .f-support-box .fa{font-size:50px;position:absolute;left:0;top:0} footer .footer-top .f-support-box a,footer .footer-top .f-support-box span{color:#b3b3b3} footer .footer-top .f-support-box .f-text-2{width:100%;float:left;font-size:22px;color:#b3b3b3} footer .footer-top .f-address{padding:15px 0 0} footer .footer-top .f-address span{color:#b3b3b3} footer .footer-top .f-address span br{display:none} footer .footer-top .f-address .f-text-3{font-size:18px;color:#b3b3b3} footer .footer-btm{padding:20px 0;background:#2c353b} footer .footer-btm a:hover{color:#13b2d9;text-transform:none} footer .footer-btm p{color:#b3b3b3} footer .footer-btm .payment-icons{margin:0;padding:0;text-align:right} footer .widget-social a{width:40px;height:40px;border-radius:50%;display:inline-block;text-align:center;font-size:18px;line-height:40px;border:1px solid #13b2d9} footer .widget-social a:active,footer .widget-social a:focus,footer .widget-social a:hover{background:#13b2d9;color:#fff} 

/* /theme_crafito/static/src/less/skills.less defined in bundle 'website.assets_frontend' */
.skills{display:inline-block;width:100%;padding:90px 0 110px 0;text-align:center} .skills .title-line{padding:0 100px;color:#818e9e;margin-top:40px;font-size:15px;font-weight:300} @media (max-width:767px){.skills .title-line{padding:0}} .skill-counter{margin-top:78px} .skill-counter .skill_custom h4{margin-top:42px;font-size:20px;font-weight:600;text-align:center} 

/* /theme_crafito/static/src/less/testimonial.less defined in bundle 'website.assets_frontend' */
.testimonial{display:inline-block;width:100%;background-size:cover;height:auto} .testimonial-slider-home{padding:124px 0 110px 0} .testimonial-slider-home .testimonial{margin:0 auto;float:none;width:600px;max-width:100%;position:relative;text-align:center;padding-bottom:20px;padding-top:80px} .testimonial-slider-home .testimonial .team-img{border:1px solid #eee;padding:6px;border-radius:50%;width:100px;height:100px;overflow:hidden;display:inline-block;vertical-align:top;position:absolute;top:0;left:0;right:0;margin:auto} .testimonial-slider-home .testimonial .box{padding:30px 30px} .testimonial-slider-home .testimonial .box p{font-size:15px;font-weight:300;position:relative;padding-left:20px;color:#fff} .testimonial-slider-home .testimonial .box p .fa{margin:0 8px} .testimonial-slider-home .testimonial .box p .fa-quote-left{left:8px;font-size:50px;color:#13b2d9;opacity:.2;top:-16px;position:absolute} .testimonial-slider-home .testimonial .box p .fa-quote-right{display:none} .testimonial-slider-home .testimonial .box .author{font-size:15px;font-weight:300;text-align:center;color:#fff} .testimonial-slider-home .testimonial .box .author .company-name{color:rgba(255,255,255,.3)} .testimonial-slider-home .carousel{padding-bottom:50px} .testimonial-slider-home .carousel .carousel-inner>.item{text-align:center;width:100%} .testimonial-slider-home .carousel .box{color:rgba(255,255,255,.7)} .testimonial-slider-home .carousel-indicators{bottom:0;position:absolute;left:0;z-index:15;padding-left:0;margin-left:0;text-align:center;list-style:none;width:100%} .testimonial-slider-home .carousel-indicators li{border:1px solid rgba(255,255,255,.7)} .testimonial-slider-home .carousel-indicators .active{background-color:#13b2d9;border:1px solid #13b2d9} .our-clients{padding:46px 0;cursor:pointer} .our-clients .owl-controls .owl-nav{display:none} .testimonial-slider-hardware-home{padding:124px 0;position:relative} .testimonial-slider-hardware-home .team-img{border:1px solid #eee;padding:6px;border-radius:50%;width:100px;height:100px;overflow:hidden;display:inline-block;vertical-align:top;position:absolute;top:0;left:0;right:0;margin:auto;background-color:#fff;z-index:9999} .testimonial-slider-hardware-home .box{text-align:center;background-color:#13b2d9;display:inline-block;padding:70px 50px;color:#fff;border-radius:10px;margin-top:50px;margin-bottom:50px;position:relative} .testimonial-slider-hardware-home .box p{width:70%;text-align:center;margin:0 auto} .testimonial-slider-hardware-home .box:after{bottom:-50px;left:20%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#13b2d9;border-width:50px;margin-left:-30px;border-width:50px 50px 0 0} .testimonial-slider-hardware-home .carousel-indicators{bottom:0} div.carousel .carousel-indicators li{border:1px solid #fff!important} div.carousel .carousel-indicators li.active{background-color:#13b2d9} 

/* /theme_crafito/static/src/less/product-detail-page.less defined in bundle 'website.assets_frontend' */
.left-title h3{font-size:16px;color:#3a424c;font-weight:600;background:#ff772d;padding:10px;margin:0;color:#fff} .right-title h3{font-size:20px;color:#3a424c;font-weight:700;margin-top:0} .right-title hr{height:3px;width:100%;background-color:#13b2d9;text-align:left;margin:0;margin-bottom:24px;padding:0;border:none} .product-item{width:100%;height:320px;border:2px solid #13b2d9;background-repeat:no-repeat;background-size:cover} .product-item h3{font-size:16px;color:#13b2d9;font-weight:700} .product-item .product-img-section{display:table;width:100%;height:190px} .product-item .product-img-section .product-img{width:100%;display:table-cell;text-align:center;vertical-align:middle} .product-item .product-img-section .product-img img{max-height:150px} .product-item .btn-box button{background-color:#3a424c;border:none;padding:8px 15px} .product-item .btn-box button a{color:#fff;text-transform:uppercase;font-size:13px;font-weight:400;text-decoration:none} .product-item .btn-box button a:hover{text-decoration:none} .popular-tags{margin-bottom:30px} .popular-tags .price-range{list-style-type:none;margin:0;padding:10px;border:1px solid #eee;border-top:none} .popular-tags .price-range .label{background:#13b2d9;font-weight:300;font-weight:400;padding:6px 8px;margin:3px 5px 3px 0;display:inline-block} .popular-tags .price-range .label a{color:#fff} .popular-tags .tags{list-style-type:none;margin:0;padding:10px;border:1px solid #eee;border-top:none} .popular-tags .tags li{float:left;margin:0 8px 8px 0} .popular-tags .tags li a{color:rgba(58,66,76,.7);font-size:12px;display:block;padding:9px 14px;font-weight:400;border:1px solid #d7dbe1} .popular-tags .tags li a:hover{text-decoration:none;color:#13b2d9} .shop-by{margin:0 0 30px} .shop-by .js_attributes{padding:10px;border:1px solid #eee;border-top:none} .shop-by ul li ul{padding-left:0;margin-left:0} .shop-by ul li ul li label{margin:0!important} .shop-by ul li ul li label span{margin-left:5px} .shop-by h4{font-size:16px;color:#3a424c;margin-bottom:30px} .shop-by .nav-stacked>li+li{margin-top:7px} .shop-by strong{padding-bottom:6px;display:inline-block} .price-slider{margin:20px 0} .price-slider .ps-box-inner{padding:10px;border:1px solid #eee;border-top:none} .price-slider .irs-bar{background:#13b2d9} .price-slider .irs-from,.price-slider .irs-single,.price-slider .irs-to{background:#ff772d} .price-slider .irs-to{margin-left:-10px} .slider.slider-horizontal{width:100%} .product-slider-div{margin-bottom:66px} .related-products{margin-top:38px} .product-detail-news{padding-top:7px} #products_grid_before>.nav-stacked{padding:0;border:1px solid #e6e8ec;margin:0!important} #products_grid_before>.nav-stacked>li+li{border-top:1px solid #e6e8ec} #products_grid_before>.nav-stacked li{padding:0} #products_grid_before>.nav-stacked li .fa-chevron-down{position:absolute;right:15px;width:25px;height:25px;top:10px;transform:rotate(135deg);transition:all .3s ease} @media (max-width:768px){#products_grid_before>.nav-stacked li .fa-chevron-down{transform:rotate(135deg)!important}} #products_grid_before>.nav-stacked li .fa-chevron-down:before{content:"";height:11px;width:1px;background:#9da8b5;position:absolute;top:0;bottom:0;left:0;margin:auto;right:0} #products_grid_before>.nav-stacked li .fa-chevron-down:after{content:"";height:1px;width:11px;background:#9da8b5;position:absolute;top:0;bottom:0;left:0;margin:auto;right:0} #products_grid_before>.nav-stacked li .fa-chevron-right{position:absolute;top:10px;right:15px;width:25px;height:25px;transform:rotate(360deg);transition:all .3s ease;z-index:99} #products_grid_before>.nav-stacked li .fa-chevron-right:before{content:"";height:11px;width:1px;background:#9da8b5;position:absolute;top:0;bottom:0;left:0;margin:auto;right:0} #products_grid_before>.nav-stacked li .fa-chevron-right:after{content:"";height:1px;width:11px;background:#9da8b5;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto} #products_grid_before>.nav-stacked li a{color:#3a424c;font-size:13px;font-weight:400;background-color:transparent;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;padding:10px 15px} #products_grid_before>.nav-stacked li a:hover{color:#13b2d9;background-color:transparent;padding-left:13px} #products_grid_before>.nav-stacked li ul li{border:none} #products_grid_before>.nav-stacked li ul li>a{color:#3a424c;font-weight:400;font-size:13px;background-color:transparent;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;padding:5px 15px;padding-left:10px} #products_grid_before>.nav-stacked li ul li>a:hover{padding-left:15px} #products_grid_before>.nav-stacked li ul li>a:before{content:" ";width:5px;height:1px;position:absolute;top:0;bottom:0;left:0;margin:auto;background-color:#bac2cb} #products_grid_before>.nav-stacked li ul li.active>a{color:#13b2d9;font-weight:700;background-color:transparent} #products_grid_before>.nav-stacked li ul li.active>a{color:#13b2d9;font-weight:700;background-color:transparent} #products_grid_before>.nav-stacked li.active>a{color:#13b2d9;font-weight:700} #o_shop_collapse_category{padding:0;border:1px solid #e6e8ec;margin:0!important} #o_shop_collapse_category>li+li{border-top:1px solid #e6e8ec} #o_shop_collapse_category li{padding:0} #o_shop_collapse_category li .fa-chevron-down{position:absolute;right:15px;width:25px;height:25px;top:10px;transform:rotate(135deg);transition:all .3s ease} @media (max-width:768px){#o_shop_collapse_category li .fa-chevron-down{transform:rotate(135deg)!important}} #o_shop_collapse_category li .fa-chevron-down:before{content:"";height:11px;width:1px;background:#9da8b5;position:absolute;top:0;bottom:0;left:0;margin:auto;right:0} #o_shop_collapse_category li .fa-chevron-down:after{content:"";height:1px;width:11px;background:#9da8b5;position:absolute;top:0;bottom:0;left:0;margin:auto;right:0} #o_shop_collapse_category li .fa-chevron-right{position:absolute;top:10px;right:15px;width:25px;height:25px;transform:rotate(360deg);transition:all .3s ease;z-index:99} #o_shop_collapse_category li .fa-chevron-right:before{content:"";height:11px;width:1px;background:#9da8b5;position:absolute;top:0;bottom:0;left:0;margin:auto;right:0} #o_shop_collapse_category li .fa-chevron-right:after{content:"";height:1px;width:11px;background:#9da8b5;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto} #o_shop_collapse_category li a{color:#3a424c;font-size:13px;font-weight:400;background-color:transparent;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;padding:10px 15px} #o_shop_collapse_category li a:hover{color:#13b2d9;background-color:transparent;padding-left:13px} #o_shop_collapse_category li ul li{border:none} #o_shop_collapse_category li ul li>a{color:#3a424c;font-weight:400;font-size:13px;background-color:transparent;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;padding:5px 15px;padding-left:10px} #o_shop_collapse_category li ul li>a:hover{padding-left:15px} #o_shop_collapse_category li ul li>a:before{content:" ";width:5px;height:1px;position:absolute;top:0;bottom:0;left:0;margin:auto;background-color:#bac2cb} #o_shop_collapse_category li ul li.active>a{color:#13b2d9;font-weight:700;background-color:transparent} #o_shop_collapse_category li ul li.active>a{color:#13b2d9;font-weight:700;background-color:transparent} #o_shop_collapse_category li.active>a{color:#13b2d9;font-weight:700} .toolbar{width:100%;display:inline-block;vertical-align:top;padding:0 0 25px} .toolbar .toolbar-pager .pager_left{float:left} .toolbar .toolbar-pager .pager_right{float:right;text-align:right} .toolbar .toolbar-pager .pager_right .sort-by{display:inline-block;vertical-align:middle} .toolbar .toolbar-pager .pager_right .sort-by .dropdown button{background:#fff;border:1px solid #e6e6e6;padding:6px 15px;border-radius:none} .toolbar .view-mode button{background:0 0;border:1px solid #e6e6e6;padding:5px 10px} .toolbar .view-mode button:hover{background:#13b2d9;color:#fff} .toolbar .toolbar-pager .pager_left{float:right;width:22%;text-align:right} @media (max-width:1200px){.toolbar .toolbar-pager .pager_left{width:27%}} @media (max-width:768px){.toolbar .toolbar-pager .pager_left{width:100%}} .toolbar .toolbar-pager .pager_right{float:left;text-align:left;width:70%} .toolbar .toolbar-pager .pager_right .sort-by{display:inline-block;vertical-align:middle;margin-right:15px} .toolbar .toolbar-pager .pager_right .products_pager{display:inline-block} @media (max-width:768px){.toolbar .toolbar-pager .pager_right{width:100%;margin-top:13px}} .toolbar{padding:0 0 25px 0} .toolbar .view-mode{float:right} .toolbar .view-mode button.active{background-color:#13b2d9;color:#fff} .toolbar .paging_sort{float:left} .toolbar .paging_sort .btn{padding:5px 12px} .breadcrumb li.active a{color:#13b2d9} .pagination{display:inline-block;vertical-align:middle;margin:0} .pagination li a{border-radius:0!important;color:#13b2d9} .pagination li.active a{background:#13b2d9;border-color:#13b2d9} .pagination li.active a:hover{background-color:#3a424c;border-color:#3a424c} .pagination li:hover a{background-color:#3a424c;color:#fff;border-color:#3a424c} .related-products .owl-stage-outer{padding:0;margin:0 0 40px} .related-products .owl-carousel{padding:0} .related-products .owl-carousel .owl-nav .owl-next,.related-products .owl-carousel .owl-nav .owl-prev{font-size:0;width:40px;height:40px;padding:0 10px;border:1px solid transparent;text-align:center;line-height:38px;display:block!important;position:absolute;top:0;bottom:0;margin:auto;background:#3a424c} .related-products .owl-carousel .owl-nav .owl-prev{left:-50px} @media (max-width:1200px){.related-products .owl-carousel .owl-nav .owl-prev{left:0}} .related-products .owl-carousel .owl-nav .owl-prev:before{content:"\f104";font-family:FontAwesome;font-size:28px;color:#ccc} .related-products .owl-carousel .owl-nav .owl-next{right:-50px} @media (max-width:1200px){.related-products .owl-carousel .owl-nav .owl-next{right:0}} .related-products .owl-carousel .owl-nav .owl-next:before{content:"\f105";font-family:FontAwesome;font-size:28px;color:#ccc} #products_grid{padding-left:0;padding-right:0} @media (max-width:767px){#products_grid{padding-left:15px;padding-right:15px}#products_grid .list-items{float:left;width:50%}} @media (max-width:639px){#products_grid .list-items{float:left;width:100%}} .cs-product{width:100%;float:left} .cs-product .pwp-img>a img{margin:0 auto} @media (max-width:1000px){.cs-product .pwp-img>a img{width:auto}} .cs-product .pwp-img .new{position:absolute;top:20px;float:left;padding:7px 11px;z-index:10;color:#fff;background-color:#39b54a;font-weight:700;font-size:10px} .cs-product .pwp-img .red{background-color:red;font-weight:700;font-size:10px;position:absolute;top:20px;float:left;padding:7px 11px;z-index:10;color:#fff} .cs-product .pwp-img .sale{position:absolute;top:20px;float:left;padding:7px 11px;color:#fff;background-color:#f7941d;font-weight:700;z-index:10;font-size:10px} .cs-product .pwp-img .discount{position:absolute;padding:7px 5px;float:left;background-color:#f28809;color:#fff;font-size:10px;top:20px;z-index:10;left:45px} .cs-product .pwp-img{overflow:hidden;position:relative} .cs-product .pwp-img .pink-box{position:absolute;bottom:-220px;width:100%;background:rgba(19,178,217,.8);padding:15px;text-align:center;transition:all .5s ease-in-out} .cs-product .pwp-img .pink-box .qvp-btn{display:inline-block;vertical-align:middle;margin-right:10px} .cs-product .pwp-img .pink-box .qvp-btn .qbtn{width:40px;height:40px;font-size:0;border:none;color:#13b2d9;background:#fff;border-radius:50%;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} .cs-product .pwp-img .pink-box .qvp-btn .qbtn .fa{font-size:20px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} .cs-product .pwp-img .pink-box .qvp-btn .qbtn:hover{background:#0f8caa} .cs-product .pwp-img .pink-box .qvp-btn .qbtn:hover .fa{font-size:22px;color:#fff} .cs-product .pwp-img .pink-box .view{display:inline-block;vertical-align:middle} .cs-product .pwp-img .pink-box .view .shopping-cart a{cursor:pointer;height:40px;color:#fff;font-weight:600;padding:0 15px;border:1px solid #fff;display:inline-block;line-height:40px;border-radius:5px;text-transform:uppercase;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} .cs-product .pwp-img .pink-box .view .shopping-cart a:hover{text-decoration:none;background:#0f8caa;border-color:#0f8caa} .cs-product .pwp-info{padding:10px;float:left;width:100%} .cs-product .pwp-info .pwpi-title{font-size:14px;font-weight:400;margin:0;padding:0;width:100%;display:inline-block;vertical-align:top;text-align:center;padding-bottom:10px} .cs-product .pwp-info .pwpi-title a{color:#3a424c} .cs-product .pwp-info .pwpi-title a:hover{text-decoration:none} .cs-product .pwp-info .ratings{margin:0;padding:0;float:left} .cs-product .pwp-info .ratings .o_rating_card .o_rating_star_card{margin:0;text-align:left} .cs-product .pwp-info .ratings .o_rating_card .well{background:0 0;border:none;padding:0;box-shadow:none;margin:0} .cs-product .pwp-info .ratings .o_rating_card .well .fa{color:#13b2d9;margin-right:3px} .cs-product .pwp-info .ratings .o_rating_card .well .fa-user{display:none} .cs-product .pwp-info .ratings .popover{display:none!important} .cs-product .pwp-info .price{float:right} .cs-product:hover .pwp-img .pink-box{bottom:0} #theme_crafito_products_grid_view{margin:0 -15px;letter-spacing:-.31em} #theme_crafito_products_grid_view .list-items{display:inline-block;vertical-align:top;float:none;letter-spacing:normal} .list-view-box #theme_crafito_products_grid_view{margin:0} .list-view-box .list-items{width:100%!important;margin-bottom:25px;border:1px solid #dfdfdf;padding:0} .list-view-box .list-items .cs-product .pwp-img{width:30%;float:left} @media (max-width:991px){.list-view-box .list-items .cs-product .pwp-img{width:40%}} .list-view-box .list-items .cs-product .pwp-img .view{display:none} .list-view-box .list-items .cs-product .pwp-img .pink-box{bottom:-100%;padding:15px} .list-view-box .list-items .cs-product .pwp-img .pink-box .qvp-btn .qbtn{border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto} .list-view-box .list-items .cs-product:hover .pwp-img .pink-box{bottom:0} .list-view-box .list-items .cs-product .pwp-info{width:70%;float:left;padding:20px} @media (max-width:991px){.list-view-box .list-items .cs-product .pwp-info{width:60%;padding:15px}} .list-view-box .list-items .cs-product .pwp-info .pwpi-title{text-align:left;font-weight:600} .list-view-box .list-items .cs-product .pwp-info .ratings{width:100%;padding-bottom:10px} .list-view-box .list-items .cs-product .pwp-info .price{width:100%} .list-view-box .list-items .cs-product .pwp-info #list_add_to_cart{display:block!important;width:100%;float:left} .list-view-box .list-items .cs-product .pwp-info #list_add_to_cart .list-desc{width:100%;overflow:hidden;position:relative;line-height:1.6em;max-height:3.2em;text-align:justify;margin-right:-1em;padding-right:1em;margin-bottom:20px} @media (max-width:640px){.list-view-box .list-items .cs-product .pwp-info #list_add_to_cart .list-desc{display:none}} .list-view-box .list-items .cs-product .pwp-info #list_add_to_cart span{width:100%} .list-view-box .list-items .cs-product .pwp-info #list_add_to_cart span br{display:none} .list-view-box .list-items .cs-product .pwp-info #list_add_to_cart span:before{content:'...';position:absolute;right:0;bottom:0} .list-view-box .list-items .cs-product .pwp-info #list_add_to_cart span:after{content:'';position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#fff} .quickview-modal .modal-dialog{margin:90px auto 30px;width:800px;max-width:90%} .quickview-modal .modal-body h3{margin:0 0 20px;padding:0 0 10px;font-size:28px;font-weight:600;text-align:left;border-bottom:1px solid #e6e6e6} .quickview-modal .modal-content{border-radius:0} .quickview-modal .quickview-row{width:100%;display:inline-block;vertical-align:top} .quickview-modal .product-image{width:30%;float:left} @media (max-width:480px){.quickview-modal .product-image{width:100%}} .quickview-modal .product-info{float:left;width:70%;padding:0 15px;text-align:left} @media (max-width:480px){.quickview-modal .product-info{width:100%}} .quickview-modal .product-info h3{margin:0;padding:0;font-size:20px;font-weight:600} .quickview-modal .product-info .website-description{font-size:13px;display:block;max-width:100%;margin-bottom:25px} .quickview-modal .product-info .btn{background:#13b2d9;border:1px solid #13b2d9;color:#fff} .quickview-modal .product-info .btn:active,.quickview-modal .product-info .btn:focus,.quickview-modal .product-info .btn:hover{background:#fff;color:#13b2d9} .quickview-modal .product-info .list-unstyled{margin:10px 0} .quickview-modal .product-info .list-unstyled .list-unstyled{padding:0;margin:0 0 15px} .quickview-modal .product-info .list-unstyled .list-unstyled li .control-label{margin:0!important;font-weight:400;font-size:12px} .quickview-modal .product-info .list-unstyled .list-inline{margin:0!important} .quickview-modal .product-info .list-unstyled .list-inline .css_attribute_color{width:30px;height:30px;float:left} .quickview-modal .close-btn{background:#13b2d9!important;color:#fff!important;position:absolute!important;top:-20px;right:-20px;border-radius:50%!important;height:35px;width:35px;font-size:20px!important;padding:0;line-height:16px!important;border:none} .quickview-modal .close-btn:after{display:none!important} @media (max-width:991px){.product-view .product-detail .product-shop-info{margin-top:25px}} .product-view .product-detail .product-shop-info .product-title{border-bottom:1px solid #e6e8ec;margin-bottom:15px} .product-view .product-detail .product-shop-info .product-title h1{font-size:20px;margin:0 0 10px;color:#3a424c;position:relative;font-weight:600} .product-view .product-detail .product-shop-info .product-title .ratings{padding-left:0;display:inline-block;width:100%} .product-view .product-detail .product-shop-info .product-title .ratings .o_rating_card .well{background:0 0;border:none;box-shadow:none;text-align:left!important;padding:0;margin-bottom:0} .product-view .product-detail .product-shop-info .product-title .ratings .o_rating_card .well .rating{display:inline-block} .product-view .product-detail .product-shop-info .product-title .ratings .o_rating_card .well .rating .o_rating_star_card{display:inline-block} .product-view .product-detail .product-shop-info .product-title .review{display:inline-block} .product-view .product-detail .product-shop-info .product-title .review a{color:#3a424c} .product-view .product-detail .product-shop-info .product-options-bottom .details{padding-bottom:10px;border-bottom:1px solid #e6e8ec} .product-view .product-detail .product-shop-info .product-options-bottom .details .price-box .product_price{margin-top:0!important} .product-view .product-detail .product-shop-info .product-options-bottom .details .price-box .product_price h4{font-size:30px;margin:0;color:#3a424c} .product-view .product-detail .product-shop-info .product-options-bottom .details .pro-desc{color:#3a424c;margin-top:15px} .product-view .product-detail .product-shop-info .product-options-bottom .add-to-cart{margin-top:25px} .product-view .product-detail .product-shop-info .product-options-bottom .add-to-cart .css_quantity{margin-bottom:15px;border:1px solid #13b2d9;border-radius:2px} .product-view .product-detail .product-shop-info .product-options-bottom .add-to-cart .css_quantity .input-group-addon{background-color:#13b2d9;color:#fff;border:transparent;border-radius:0} .product-view .product-detail .product-shop-info .product-options-bottom .add-to-cart .css_quantity .form-control{border:transparent} .product-view .product-detail .product-shop-info .product-options-bottom .add-to-cart .cart-btn{background:#13b2d9;color:#fff;border-radius:0;font-size:14px;font-weight:600;text-transform:uppercase} .product-view .product-detail .product-shop-info .product-options-bottom .add-to-cart .cart-btn i{margin-right:10px} .js_sale #website_description .pd-more-info{margin:30px 0} .js_sale #website_description .pd-more-info .nav-tabs{width:100%;display:inline-block;vertical-align:top;text-align:center;border:none} .js_sale #website_description .pd-more-info .nav-tabs li{margin:0 10px 0 0;position:relative} .js_sale #website_description .pd-more-info .nav-tabs li.active a{color:#fff!important;background:#13b2d9!important;border-color:#13b2d9!important} .js_sale #website_description .pd-more-info .nav-tabs li a{background:#fff;border:1px solid #e6e6e6;border-radius:0;padding:10px 20px;margin:0;color:#3a424c;font-weight:600;text-transform:uppercase;font-size:16px} .js_sale #website_description .pd-more-info .nav-tabs li a:active,.js_sale #website_description .pd-more-info .nav-tabs li a:focus,.js_sale #website_description .pd-more-info .nav-tabs li a:hover{color:#fff!important;background:#13b2d9!important;border-color:#13b2d9!important} .js_sale #website_description .pd-more-info .tab-content{margin-top:15px;border:1px solid #e6e6e6;padding:20px} @media (max-width:991px){.left-related-products{margin-top:25px}} .left-related-products .left-title{border:1px solid #eee;border-bottom:none} .left-related-products .left-title h3{background:0 0;color:#3a424c;padding-right:60px} .left-related-products .lrp-inner{border:1px solid #eee;padding:10px 10px 0;width:100%;float:left;position:relative} .left-related-products .lrp-inner .carousel-control{background:0 0!important;border:1px solid #13b2d9;top:-30px;right:6px;height:25px;width:25px;line-height:17px;cursor:pointer;opacity:1} .left-related-products .lrp-inner .carousel-control .fa{text-shadow:none;color:#13b2d9;font-size:12px} .left-related-products .lrp-inner .carousel-control.left{left:auto;right:36px} .left-related-products .lrp-inner .carousel-control:hover{background:#13b2d9!important} .left-related-products .lrp-inner .carousel-control:hover .fa{color:#fff} .left-related-products .cs-product{padding-left:70px;position:relative;min-height:60px;width:100%;float:left;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px} .left-related-products .cs-product .pwp-img{position:absolute;left:0;top:0;width:60px;height:auto;text-align:center} .left-related-products .cs-product .pwp-img img{position:relative;max-height:50px;width:auto;max-width:100%;margin:0 auto} .left-related-products .cs-product .pwp-info{padding:0} .left-related-products .cs-product .pwp-info .pwpi-title{font-weight:600;text-align:left;padding:0;font-size:13px} .left-related-products .cs-product .pwp-info .price{width:100%;float:left} .left-related-products .cs-product .pwp-info .price h4{margin:0;padding:5px 0 0;font-size:12px} .left-related-products .cs-product .ratings{margin:0;padding:0;float:left;width:100%} .left-related-products .cs-product .ratings .o_rating_card .o_rating_star_card{margin:0;text-align:left} .left-related-products .cs-product .ratings .o_rating_card .well{background:0 0;border:none;padding:0;box-shadow:none;margin:0} .left-related-products .cs-product .ratings .o_rating_card .well .fa{color:#3a424c;font-size:12px} .left-related-products .cs-product .ratings .o_rating_card .well .fa-user{display:none} .left-related-products .cs-product .ratings .popover{display:none!important} .left-related-products .cs-product .view{width:100%;float:left} .left-related-products .cs-product .view a{font-size:12px;color:#ff772d;font-weight:600} .left-related-products .cs-product .view a .fa{display:none} .left-related-products .cs-product:last-child{border-bottom:none;margin-bottom:0} body .ug-slider-wrapper{background:#e6e6e6!important} body .ug-strip-panel{background:#e6e6e6!important} .latest-news-section{padding:50px 0} .latest-news-section .nav-tabs{padding-left:35%;border:none;position:relative;width:100%;display:inline-block;vertical-align:top} @media (max-width:640px){.latest-news-section .nav-tabs{padding-left:0}} .latest-news-section .nav-tabs>li+li{margin-left:20px} .latest-news-section .nav-tabs>li a{background:0 0!important;border:none!important;border-radius:0;margin:0;border-bottom:3px solid transparent!important;text-transform:uppercase;font-weight:600;padding:10px 0} .latest-news-section .nav-tabs>li a:active,.latest-news-section .nav-tabs>li a:focus,.latest-news-section .nav-tabs>li a:hover{background:0 0;border-bottom:3px solid #13b2d9!important;color:#13b2d9} .latest-news-section .nav-tabs>li.active a{border-bottom:3px solid #13b2d9!important} .latest-news-section .lns-inner{position:relative;width:100%;display:inline-block;vertical-align:top;margin:0} .latest-news-section .tab-content{padding-left:35%;margin-top:20px;width:100%;float:left;min-height:480px} @media (max-width:640px){.latest-news-section .tab-content{padding-left:0}} .latest-news-section .tab-content>div>div{margin:0 -15px;letter-spacing:-.31em} .latest-news-section .tab-content .special-offer{width:32%;float:left;position:absolute;left:0;top:10px;padding:10px;background:#fff;box-shadow:0 0 6px 2px rgba(5,5,5,.12);letter-spacing:normal} .latest-news-section .tab-content .special-offer .special_offer_image{max-height:460px;overflow:hidden;border:1px solid #e6e6e6;background:#ECECEC} @media (max-width:640px){.latest-news-section .tab-content .special-offer{width:92%;margin:0 4% 20px;position:relative;top:0}} .latest-news-section .tab-content .special-offer h3{margin:0;padding:15px;font-size:18px;font-weight:600;text-align:center;background:#13b2d9;color:#fff} .latest-news-section .tab-content .special-offer .price{font-size:14px;font-weight:600;text-align:center} .latest-news-section .tab-content .special-offer .price a{color:#3a424c} .latest-news-section .tab-content .special-offer .pwpi-title{padding:15px 0 10px;font-size:14px;font-weight:600;color:#3a424c;text-align:center} .latest-news-section .tab-content .lns-col{display:inline-block;vertical-align:top;width:33.33%;padding:0 15px;letter-spacing:normal} @media (max-width:768px){.latest-news-section .tab-content .lns-col{width:50%}} @media (max-width:480px){.latest-news-section .tab-content .lns-col{width:100%}} .latest-news-section .tab-content .cs-product .pwp-info .price{width:100%;text-align:center} .oe_featured_prod_slider{padding:50px 0} .oe_featured_prod_slider .fps-inner{width:100%;display:inline-block;vertical-align:top;position:relative} .oe_featured_prod_slider .fps-inner h3{margin:0 0 20px;padding:0 61px 15px 0;font-size:18px;font-weight:300;border-bottom:1px solid #e6e6e6} .oe_featured_prod_slider .fps-inner .carousel-control{background:0 0!important;border:1px solid #13b2d9;top:0;height:25px;width:25px;line-height:17px;cursor:pointer;opacity:1} .oe_featured_prod_slider .fps-inner .carousel-control .fa{text-shadow:none;color:#13b2d9;font-size:12px} .oe_featured_prod_slider .fps-inner .carousel-control.left{left:auto;right:30px} .oe_featured_prod_slider .fps-inner .carousel-control:hover{background:#13b2d9!important} .oe_featured_prod_slider .fps-inner .carousel-control:hover .fa{color:#fff} .oe_featured_prod_slider .fps-inner .cs-product{position:relative;min-height:80px;padding-left:70px;margin:0 0 15px 0} .oe_featured_prod_slider .fps-inner .cs-product .pwp-img{position:absolute;left:0;top:0;width:60px;max-height:80px;padding:5px;border:1px solid #e6e6e6} .oe_featured_prod_slider .fps-inner .cs-product .pwp-info{padding:0} .oe_featured_prod_slider .fps-inner .cs-product .pwp-info .pwpi-title{text-align:left} .oe_featured_prod_slider .fps-inner .cs-product .pwp-info .price{width:100%} .oe_featured_prod_slider .fps-inner .cs-product .pwp-info .price .product_price{float:left} .oe_featured_prod_slider .fps-inner .cs-product .pwp-info .price .price{float:left;width:auto;margin-left:10px} 

/* /theme_crafito/static/src/less/custom.less defined in bundle 'website.assets_frontend' */
body{font-family:'Open Sans',sans-serif;-webkit-font-smoothing:antialiased} body.editor_enable{padding-top:0} body.editor_enable header{position:relative;top:0!important} a{color:#13b2d9} *{outline:0!important;border:none} img{max-width:100%} #wrapwrap{background:#fff} #wrapwrap .caret{border-top:4px solid #000} .bg-blue{background-color:#3498DB!important} .bg-turquoise{background-color:#1ABC9C!important} .bg-green{background-color:#2ECC71!important} .bg-yellow{background-color:#F1C40F!important} .bg-red{background-color:#E74C3C!important} .bg-pink{background-color:#f74b94!important} .bg-purple{background-color:#9B59B6!important} .bg-brown{background-color:#7b5844!important} .bg-primary{background-color:#337ab7!important} .bg-success{background-color:#dff0d8!important} .bg-info{background-color:#d9edf7!important} .bg-warning{background-color:#fcf8e3!important} .bg-danger{background-color:#f2dede!important} .oe_dark{background-color:rgba(200,200,200,.14)!important} div.carousel .carousel-indicators li{margin:0 3px} #wrap .btn{position:relative} #wrap .btn.btn-primary{font-size:16px;color:#fff;font-weight:600;border:2px solid #fff;position:relative;z-index:1;background-color:transparent;border-color:#13b2d9;border-radius:2px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear} #wrap .btn.btn-primary:after{content:"";width:100%;height:100%;position:absolute;background:#13b2d9;top:0;left:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;z-index:-1} #wrap .btn.btn-primary:hover{color:#13b2d9} #wrap .btn.btn-primary:hover:after{width:0} #wrap .btn.btn-default{font-size:16px;color:#13b2d9;font-weight:600;border:2px solid #13b2d9;position:relative;z-index:1;background-color:transparent;border-color:#13b2d9;border-radius:2px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear} #wrap .btn.btn-default:after{content:"";width:0;height:100%;position:absolute;background:#13b2d9;top:0;left:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;z-index:-1} #wrap .btn.btn-default:hover{color:#fff} #wrap .btn.btn-default:hover:after{width:100%} #wrap .btn.dropdown-toggle{font-size:13px} .main-title{display:block;vertical-align:top;text-align:center} .main-title .title-content{padding:20px 70px;width:600px;margin:0 auto} @media (max-width:767px){.main-title .title-content{width:100%;padding:20px 0}} .main-title .title-content h2{margin:0;padding:0 0 10px;position:relative;font-size:36px;font-weight:800} .main-title .title-content p{font-size:16px} .select-style{padding:0;margin:0;border:1px solid #ccc;width:120px;border-radius:3px;overflow:hidden;background-color:#fff;background-image:url(/theme_crafito/static/src/img/arrowdown.gif);background-repeat:no-repeat;background-position:95% 50%} .select-style select{padding:5px 8px;width:105%;border:none;box-shadow:none;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .select-style select:focus{outline:0} .service-section{padding:100px 0;background-color:#fbfbfb} .service-section .service-inner{float:left;position:relative} .service-section .service-inner .img{margin:0 auto} .service-section .service-inner .right>div{margin-bottom:20px} .service-section .service-inner .right>div:first-child{margin-top:30px} .service-section .service-inner .right>div:last-child{margin-bottom:0} .service-section .service-inner .right .icon{background-color:#13b2d9;height:50px;width:50px;border:1px solid #13b2d9;padding:5px;display:inline-block;text-align:center} .service-section .service-inner .right .icon i{font-size:30px;color:#fff;line-height:40px} .service-section .service-inner .right .title{font-size:18px;color:#3a424c;font-weight:600;display:block} .service-section1{padding:100px 0} .service-section1 .service-box{text-align:center} .service-section1 .service-box .icon{background:#13b2d9;border-radius:50%;display:inline-block;height:100px;position:relative;width:100px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease} .service-section1 .service-box .icon i{font-size:30px;color:#fff;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:auto;max-width:100%;height:auto;max-height:100%;line-height:100px} .service-section1 .service-box .title{font-size:20px;margin:20px 0 10px 0;display:block;font-weight:600;color:#3a424c} .service-section1 .service-box .title:after{content:" ";display:block;height:2px;width:30px;background-color:#737373;margin:0 auto;margin-top:10px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease} .service-section1 .service-box .description{line-height:1.8;font-size:12px;color:grey;padding:0 20px} .service-section1 .service-box:hover .title:after{width:50px;background:#13b2d9} .service-section1 .service-box:hover .icon{margin-top:-10px} .service-section1 .service-box:hover i{transform:scale(1.5);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);-moz-transform:scale(1.5);color:#fff} .service-section2{background-color:#fbfbfb;padding:100px 0} .service-section2 .service-box{border:1px solid #bac2cb;border-radius:5px;padding:5px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease} .service-section2 .service-box .service{background-color:#fff;padding:20px 10px;border:1px solid #e6e6e6;border-radius:5px} .service-section2 .service-box .service .icon i{font-size:50px} .service-section2 .service-box .service .title{font-size:18px;margin:40px 0 10px 0;display:block;font-weight:600;color:#3a424c} .service-section2 .service-box .service .description{line-height:1.8;font-size:12px;color:#818e9e;padding:0 20px} .service-section2 .service-box .service button{margin-top:20px;outline:0;border:2px solid #13b2d9;border-radius:2px;color:#13b2d9;background:0 0;padding:5px 10px;font-weight:600} .service-section2 .service-box:hover{transform:scale(.95);-moz-transform:scale(.95);-webkit-transform:scale(.95);-o-transform:scale(.95)} .our-team-section{padding:50px 0} .our-team-section .image-container{position:relative;width:100%;cursor:default;margin-bottom:20px} @media (min-width:320px) and (max-width:600px){.our-team-section .image-container{text-align:center}} .our-team-section .image-container img{max-width:100%} .our-team-section .image-container .hover-circle{position:absolute;top:0;left:0;bottom:0;margin:auto;max-width:100%;height:100%;background-color:rgba(19,178,217,.57);transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);box-shadow:inset 0 0 0 0 rgba(200,95,66,.4),inset 0 0 0 9px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.1);visibility:hidden;opacity:0} .our-team-section .image-container .hover-circle .name{display:inline-block;width:100%;height:100%;color:#fff;text-align:center;margin-top:78px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;visibility:hidden;opacity:0} @media (min-width:900px) and (max-width:1200px){.our-team-section .image-container .hover-circle .name{margin-top:23px}} @media (min-width:768px) and (max-width:900px){.our-team-section .image-container .hover-circle .name{margin-top:48px}} .our-team-section .image-container .hover-circle .name h3{border-bottom:1px solid #fff;margin:0 50px;padding:7px 0} .our-team-section .image-container .hover-circle .name p{padding:7px 0;font-size:14px;text-transform:capitalize} .our-team-section .image-container .hover-circle .follow{display:inline-block} .our-team-section .image-container .hover-circle .follow i{color:#fff;font-size:25px;margin:5px} @media (min-width:320px) and (max-width:600px){.our-team-section .image-container .hover-circle .follow i{margin:0}} .our-team-section .image-container:hover .hover-circle{visibility:visible;opacity:1;border-radius:50%;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;-o-transition-duration:.5s} .our-team-section .image-container:hover .name{visibility:visible;opacity:1} .our-team-section2{padding:50px 0} .our-team-section2 .image-container{margin-bottom:20px;padding:0 0 20px 0;background:#f2f2f2;border:none} .our-team-section2 .image-container .only-image{position:relative} .our-team-section2 .image-container .only-image .follow{transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;visibility:hidden;opacity:0;width:0;position:absolute;bottom:0;left:0;background:rgba(255,255,255,.58)} .our-team-section2 .image-container .only-image .follow i{color:#3a424c;font-size:23px;width:100%;display:inline-block;margin:8px 0;text-align:center} .our-team-section2 .image-container .only-image .follow i:hover{color:#13b2d9} .our-team-section2 .image-container:hover .follow{width:50px;visibility:visible;opacity:1} .our-team-section2 .image-container:hover .only-image img:after{opacity:1} .our-team-section2 .name{margin-top:20px;text-align:center} .our-team-section2 .name p{font-size:16px;color:#3a424c} .our-team-section2 .img-circle{border-radius:0} .testimonial-slider{padding:100px 0;background-color:#fbfbfb} .testimonial-slider .testimonial{margin:0 auto;float:none;width:600px;max-width:100%;position:relative;text-align:center;padding-bottom:20px;padding-top:80px} .testimonial-slider .testimonial .team-img{border:1px solid #eee;padding:6px;border-radius:50%;width:100px;height:100px;overflow:hidden;display:inline-block;vertical-align:top;position:absolute;top:0;left:0;right:0;margin:auto} .testimonial-slider .testimonial .box{border:1px solid #eee;padding:30px 30px;background:#fff;box-shadow:7px 6px 0 0 rgba(0,0,0,.07)} .testimonial-slider .testimonial .box p i{margin:0 8px} .testimonial-slider .testimonial .box p .fa-quote-left{left:30px} .testimonial-slider .testimonial .box p .fa-quote-rigth{right:30px} .testimonial-slider .testimonial .box .author{font-size:16px;font-weight:600} .testimonial-slider .carousel{padding-bottom:50px} .testimonial-slider .carousel-indicators{bottom:0;position:absolute;left:0;z-index:15;padding-left:0;margin-left:0;text-align:center;list-style:none;width:100%} .testimonial-slider .carousel-indicators li{border:1px solid #3a424c} .testimonial-slider .carousel-indicators .active{background-color:#3a424c} .testimonial-slider-home{background-repeat:no-repeat;background-size:cover} .testimonial-slider1{padding:30px 0} .testimonial-slider1 .carousel-control{background:0 0!important} .testimonial-slider1 .testimonial{background-color:#13b2d9;padding:20px;float:left;margin-bottom:30px} .testimonial-slider1 .testimonial img{border:5px solid rgba(0,0,0,.1);margin:0 auto;margin-bottom:10px} .testimonial-slider1 .testimonial p,.testimonial-slider1 .testimonial span{color:#fff;word-wrap:break-word} .testimonial-slider1 .testimonial p i,.testimonial-slider1 .testimonial span i{display:inline;position:relative;top:-5px;margin:0 5px} .testimonial-slider1 .arrow{font-size:44px;color:#13b2d9;position:absolute;top:0;bottom:0;margin:auto;height:60px;width:40px} .testimonial-slider1 .carousel-indicators1{display:none} .testimonial-box{padding:30px 0} .testimonial-box .row{letter-spacing:-.31em} .testimonial-box .row .col-md-6,.testimonial-box .row .col-sm-6{float:none;display:inline-block;letter-spacing:normal} .testimonial-box .testimonial{padding:10px 0;position:relative;margin:0 0 40px;float:left;background-color:#fff;border:1px solid rgba(228,228,228,.59)} .testimonial-box .testimonial:before{z-index:-1;position:absolute;content:"";left:10px;width:50%;top:70%;max-width:300px;background:#d4d1d1;-webkit-box-shadow:0 15px 10px #d4d1d1;-moz-box-shadow:0 15px 10px #d4d1d1;box-shadow:0 20px 20px #d4d1d1;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-3deg);bottom:10px} .testimonial-box .testimonial .author{font-size:16px;font-weight:600} .testimonial-msgbox{padding:30px 0} .testimonial-msgbox .testimonial{background-color:#13b2d9;border:1px solid #13b2d9;float:left;padding:20px;color:#fff;border-radius:10px;margin-bottom:40px;position:relative;word-break:break-all} .testimonial-msgbox .testimonial:after{top:100%;right:20%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#13b2d9;border-width:30px;margin-left:-30px;border-width:30px 30px 0 0} .testimonial-msgbox .testimonial span{font-weight:600;font-size:16px} .feature1{padding:50px 0 20px} .feature1 .features{margin-bottom:30px;float:left;width:100%;padding:20px 0 0 0} .feature1 .features .left{text-align:center} .feature1 .features .left .fa{color:#13b2d9;background-color:rgba(255,255,255,.95);border-radius:50%;padding:20px;font-size:20px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;-o-transition-duration:.5s;margin-bottom:10px} .feature1 .features .right{color:rgba(255,255,255,.8)} @media (max-width:992px){.feature1 .features .right{text-align:center}} .feature1 .features .right .title{margin-bottom:10px;font-size:18px;font-weight:600} .feature1 .features .right .description{font-size:14px} .feature1 .features:hover .fa{color:#fff;background-color:#13b2d9;border-color:#13b2d9;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)} .feature1 .features:hover .title{color:#13b2d9} .feature2{margin:100px 0} .feature2 .panel-heading{padding:0} .feature2 .panel-heading .panel-title a{text-decoration:none;background-color:#13b2d9;padding:12px 35px 12px 15px;display:inline-block;width:100%;color:#fff;position:relative} .feature2 .panel-heading .panel-title a:after{font-family:FontAwesome;content:"\f106";position:absolute;right:15px;font-size:14px;font-weight:300;top:50%;line-height:1;margin-top:-7px} .feature2 .panel-heading .panel-title a.collapsed{background-color:#fff;color:#13b2d9} .feature2 .panel-heading .panel-title a.collapsed:after{font-family:FontAwesome;content:"\f107";position:absolute;right:15px;font-size:14px;font-weight:300;top:50%;line-height:1;margin-top:-7px} .feature3{padding:50px 0 30px 0} .feature3 .aps-policy{position:relative;padding-left:80px;background-color:rgba(19,178,217,.7);color:#fff;margin-bottom:15px} .feature3 .policy-text{display:inline-block;min-height:70px;padding:17px 0} .feature3 .policy-text h4{margin:0;padding:0;text-transform:uppercase;font-size:16px;font-weight:600} .feature3 .policy-text p{margin:0;font-size:12px} .feature3 .icon{width:70px;height:100%;min-height:70px;position:absolute;left:0;bottom:0;margin:auto;top:0;text-align:center;background-color:#13b2d9} .feature3 .icon .fa{vertical-align:middle;font-size:30px;line-height:70px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;-o-transition-duration:.5s} .feature3 .icon:hover .fa{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg)} .tab-section-1{padding:30px 0} .tab-section-1 .navigation-tab .nav-tabs{border-bottom:none} .tab-section-1 .navigation-tab .nav-tabs li{margin-bottom:0;background-color:#13b2d9;border-top:3px solid transparent} @media (max-width:767px){.tab-section-1 .navigation-tab .nav-tabs li{width:100%}} .tab-section-1 .navigation-tab .nav-tabs li a{color:#fff;border-radius:0;border:1px solid transparent;border-top:3px solid transparent;border-bottom:none;margin:0;font-size:13px;text-transform:uppercase;padding:10px 25px;font-weight:600} .tab-section-1 .navigation-tab .nav-tabs li a:focus,.tab-section-1 .navigation-tab .nav-tabs li a:hover{background-color:transparent;border-top:3px solid transparent;border-bottom:none} .tab-section-1 .navigation-tab .nav-tabs li a i{margin-right:10px;font-size:19px} .tab-section-1 .navigation-tab .nav-tabs .active{background-color:#fff;border:1px solid #13b2d9;border-top:3px solid #13b2d9;border-bottom:none} .tab-section-1 .navigation-tab .nav-tabs .active a{color:#13b2d9} .tab-section-1 .navigation-tab .tab-content{padding:15px;border:1px solid #13b2d9;margin-top:-1px} .tab-section-1 .navigation-tab .tab-content .content{font-size:14px;padding:0} .tab-vertical{padding:30px 0 30px 0} .tab-vertical .tab-section{border:1px solid #13b2d9;padding:0;position:relative;width:100%;display:inline-block;vertical-align:top} .tab-vertical .tab-section:after{content:" ";height:20px;width:20px;position:absolute;border:solid transparent;top:-10px;right:50%;border-right:1px solid #13b2d9;border-top:1px solid #13b2d9;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);background:#fff} .tab-vertical .tabs{padding:0} .tab-vertical .tabs-left li{float:none} .tab-vertical .tabs-left li a{border-radius:0;border:none;margin-right:0;display:block;background-color:#13b2d9;color:#fff;text-transform:uppercase;font-size:13px;font-weight:600} .tab-vertical .tabs-left li a i{margin-right:10px;font-size:19px} .tab-vertical .tabs-left .active a{background-color:#fff;color:#13b2d9;border:none} .tab-vertical .tabs-left .active a:focus,.tab-vertical .tabs-left .active a:hover{border:none;background-color:#fff;color:#13b2d9} .tab-vertical .content{padding-left:0} .tab-vertical .tab-content{padding:15px} .tab-vertical .king-tabs-top li{display:none;margin-bottom:50px;width:100%;text-align:center} .tab-section-4{padding:50px 0} .tab-section-4 .navigation-tab .nav-tabs{border-bottom:none} .tab-section-4 .navigation-tab .nav-tabs li{margin-top:0;background-color:#13b2d9;border-bottom:3px solid transparent} @media (max-width:767px){.tab-section-4 .navigation-tab .nav-tabs li{width:100%}} .tab-section-4 .navigation-tab .nav-tabs li a{color:#fff;border-radius:0;border:1px solid transparent;border-bottom:3px solid transparent;border-top:none;margin:0;font-size:13px;text-transform:uppercase;padding:10px 25px;font-weight:600} .tab-section-4 .navigation-tab .nav-tabs li a:focus,.tab-section-4 .navigation-tab .nav-tabs li a:hover{background-color:transparent;border-bottom:3px solid transparent;border-top:none} .tab-section-4 .navigation-tab .nav-tabs li a i{margin-right:10px;font-size:19px} .tab-section-4 .navigation-tab .nav-tabs .active{background-color:#fff;border:1px solid #13b2d9;border-bottom:3px solid #13b2d9;border-top:none} .tab-section-4 .navigation-tab .nav-tabs .active a{color:#13b2d9} .tab-section-4 .navigation-tab .tab-content{padding:15px;border:1px solid #13b2d9;margin-bottom:-1px;background:#fff} .tab-section-4 .navigation-tab .tab-content .content{font-size:14px;padding:0} .tab-section-3 .tabs-left li a{margin-right:-1px} .tab-section-3 .tab-section:after{display:none} .panel-heading:hover{cursor:pointer} .panel-heading{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .side-tab:hover{cursor:pointer} .panel.panel-default{border:none;box-shadow:none!important;border-bottom-right-radius:0;border-bottom-left-radius:0} .panel-heading{border:none;background-color:#f4f5f7} .panel-body{background-color:#fff;color:#3a424c} .panel-title{font-weight:400;color:#fff} .md-macbook-pro{display:block;width:55.3125em;height:31.875em;font-size:13px;margin:0 auto} @media (max-width:1199px){.md-macbook-pro{font-size:11px}} @media (max-width:1024px){.md-macbook-pro{font-size:10px}} @media (max-width:767px){.md-macbook-pro{font-size:7px}} @media (max-width:320px){.md-macbook-pro{font-size:5px}} .mac-tab{padding:30px 0} .mac-tab .panel{cursor:pointer} .mac-tab .panel-heading{background-color:#13b2d9;cursor:pointer} .mac-tab .panel-heading .panel-title{cursor:pointer} .md-macbook-pro{max-width:100%} .md-macbook-pro .md-lid{width:45em;height:30.625em;overflow:hidden;margin:0 auto;position:relative;border-radius:1.875em;border:solid .1875em #cdced1;background:#131313} .md-macbook-pro .md-camera{width:.375em;height:.375em;margin:0 auto;position:relative;top:1.0625em;background:#000;border-radius:100%;box-shadow:inset 0 -1px 0 rgba(255,255,255,.25)} .md-macbook-pro .md-camera:after{content:"";display:block;width:.125em;height:.125em;position:absolute;left:.125em;top:.0625em;background:#353542;border-radius:100%} .md-macbook-pro .md-screen{width:42.25em;height:26.375em;margin:0 auto;position:relative;top:2.0625em;background:#fff;overflow:hidden} .md-macbook-pro .md-screen img{width:100%} .md-macbook-pro .md-base{width:100%;height:.9375em;position:relative;top:-.75em;background:#c6c7ca} .md-macbook-pro .md-base:after{content:"";display:block;width:100%;height:.5em;margin:0 auto;position:relative;bottom:-.1875em;background:#b9babe;border-radius:0 0 1.25em 1.25em} .md-macbook-pro .md-base:before{content:"";display:block;width:7.6875em;height:.625em;margin:0 auto;position:relative;background:#a6a8ad;border-radius:0 0 .625em .625em} .md-macbook-pro.md-glare .md-lid:after{content:"";display:block;width:50%;height:100%;position:absolute;top:0;right:0;border-radius:0 1.25em 0 0;background:-webkit-linear-gradient(37deg,rgba(255,255,255,0) 50%,rgba(247,248,240,.025) 50%,rgba(250,245,252,.08));background:-moz-linear-gradient(37deg,rgba(255,255,255,0) 50%,rgba(247,248,240,.025) 50%,rgba(250,245,252,.08));background:-o-linear-gradient(37deg,rgba(255,255,255,0) 50%,rgba(247,248,240,.025) 50%,rgba(250,245,252,.08));background:linear-gradient(53deg,rgba(255,255,255,0) 50%,rgba(247,248,240,.025) 50%,rgba(250,245,252,.08))} .coming-soon-section{text-align:center;width:100%;height:100%;background-attachment:fixed;margin:0 auto} .coming-soon-section h2{font-weight:700;color:#fff;text-transform:uppercase;font-size:60px} .coming-soon-section .inner-coming-section{margin:50px 0} .coming-soon-section .inner-coming-section .left-content{border-right:1px solid #fff;padding:20px} .coming-soon-section .inner-coming-section .left-content h2{font-size:30px} .coming-soon-section .inner-coming-section .left-content p{color:#fff;font-size:20px;font-style:italic} .coming-soon-section .inner-coming-section .left-content p a{color:#fff} .coming-soon-section .inner-coming-section .left-content p a .fa{font-size:20px;margin:10px} .coming-soon-section .inner-coming-section .left-content p a:hover{text-decoration:none;color:#13b2d9} .coming-soon-section .inner-coming-section .right-content{display:inline-block;padding:35px 15px} .coming-soon-section .inner-coming-section .right-content ul{list-style-type:none;display:inline-block;padding-left:0;width:100%;margin-bottom:40px} .coming-soon-section .inner-coming-section .right-content ul li{display:inline;font-size:30px;margin:6px;padding:14px 16px;font-weight:700;border:3px solid #fff;color:#fff} .coming-soon-section .inner-coming-section .right-content ul li span{font-size:20px;font-weight:400} .coming-soon-section .inner-coming-section .right-content input[type=email]{border:3px solid #fff;background:0 0;padding:9px 15px;color:#fff;font-weight:700;margin:0 6px;font-size:14px} .coming-soon-section .inner-coming-section .right-content button{color:transparent;padding:9px 12px;border:none;border-radius:0;margin-top:-3px;margin-left:6px;border:3px solid #fff;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease} .coming-soon-section .inner-coming-section .right-content button:hover{color:#fff;background:0 0;border:3px solid #fff} .countdownHolder{width:100%;margin:0 auto;font-size:35px;letter-spacing:-14px;margin-bottom:50px} .position{display:inline-block;height:1.6em;overflow:hidden;position:relative} .digit{position:relative;display:block;text-align:center;color:#fff;letter-spacing:-1px} .content{padding:3em 0} .intro{padding:1em;max-width:1000px;text-align:center;font-size:2em} .pricing-section{padding:2em 0 8em;position:relative} .pricing-section a{color:#3a424c} .pricing-section a:focus,.pricing-section a:hover{color:#000} .pricing-section__title{font-size:1.4em;font-weight:700;margin:3em 0 5em;flex:none} .codrops-demos a.current-demo{color:#3a424c} .bg-4{background:#3a424c;color:#13b2d9} .bg-6{background:#3a424c;color:#13b2d9} .bg-8{background:#3a424c;color:#fff} .bg-12 a:focus,.bg-12 a:hover{color:rgba(58,66,76,.3)} .padding{padding:0} .price-pack{padding:50px 0 50px 0} .price-pack .package{border:3px solid rgba(255,255,255,.9);background-color:#3a424c} @media screen and (min-width:0) and (max-width:767px){.price-pack .package{margin-bottom:20px}} .price-pack .package .type{color:#13b2d9;text-align:center;width:100%;display:block;margin:50px 0 30px 0;font-size:20px} .price-pack .package p{display:inline-block;width:100%;font-size:16px;text-align:center;color:rgba(255,255,255,.9)} .price-pack .package p span{display:inline-block;font-size:39px;font-weight:700;margin:0 5px} .price-pack .package .purchase{height:53px;width:100%;background-color:rgba(255,255,255,.9)} .price-pack .package .purchase span{line-height:53px;color:rgba(58,66,76,.8);font-weight:700;padding-left:67px} .price-pack .package .purchase i{line-height:53px;margin-right:15px;color:#13b2d9} .price-pack .package ul{margin:50px 0 40px 0;padding-left:67px} @media screen and (min-width:768px) and (max-width:991px){.price-pack .package ul{padding-left:40px}} .price-pack .package ul li{color:rgba(255,255,255,.9);text-decoration:none;list-style-type:none;line-height:2.5} .price-pack .package ul li span{margin-right:15px} .price-pack .starter{border-color:#13b2d9;overflow:hidden} .price-pack .starter .purchase span{width:70%;height:100%;float:left;color:rgba(255,255,255,.9);position:relative;z-index:1;display:inline-block} @media screen and (min-width:768px) and (max-width:991px){.price-pack .starter .purchase span{width:80%}} .price-pack .starter .purchase span:after{content:" ";height:100%;width:100%;left:-10px;z-index:-1;top:0;position:absolute;background-color:#13b2d9;-ms-transform:skew(-20deg);-webkit-transform:skew(-20deg);transform:skew(-20deg)} .price-pack .starter .purchase i{color:#000} .pricing{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;width:100%;margin:0 auto 3em} .pricing__item{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;text-align:center;-webkit-flex:0 1 330px;flex:0 1 330px;margin-bottom:15px} .pricing__feature-list{text-align:left} .pricing__action{color:inherit;border:none;background:0 0} .pricing__action:focus{outline:0} .pricing-section{padding:0} .pricing--pema{padding:0 0} .pricing--pema .pricing__item{padding:2em 3em;color:#13b2d9;background:#fff;cursor:default;overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,.05)} @media screen and (min-width:66.25em){.pricing--pema .pricing__item{margin:1.5em 0}.pricing--pema .pricing__item--featured{z-index:10;margin:0;font-size:1.15em}} .pricing--pema .pricing__title{font-size:2em;margin:.5em 0 0;color:#3a424c} .pricing--pema .icon{display:inline-block;min-width:2em;color:#818e9e;vertical-align:middle} .pricing--pema .pricing__price{font-weight:800;color:#13b2d9;position:relative;z-index:100} .pricing--pema .pricing__currency{vertical-align:super} .pricing--pema .pricing__period{font-size:.25em;display:inline-block;padding:0 0 0 .5em;color:#13b2d9} .pricing--pema .pricing__sentence{font-weight:700;margin:0 0 1em 0;padding:0 0 .5em;color:#13b2d9} .pricing--pema .pricing__feature-list{font-size:.95em;margin:0;padding:1.5em .5em 2.5em;list-style:none} .pricing--pema .pricing__feature{padding:.15em 0;color:rgba(58,66,76,.5)} .pricing--pema .pricing__feature i{margin-right:10px} .pricing--pema .pricing__action{font-weight:700;margin-top:auto;padding:1em 2em;color:#fff;border-radius:5px;background:#13b2d9;-webkit-transition:background-color .3s;transition:background-color .3s;-moz-transition:background-color .3s,color .3s;-o-transition:background-color .3s,color .3s} .pricing--pema .pricing__action:focus,.pricing--pema .pricing__action:hover{background-color:#3a424c} .pricing--yonten{padding:40px 0} .pricing--yonten .pricing__item{padding:2em 4em;cursor:default;color:#fff;margin:1em;border:1px solid #667486;background-color:#3a424c;margin-bottom:15px} @media (min-width:767px) and (max-width:900px){.pricing--yonten .pricing__item .pricing--yonten .pricing__item{padding:20px}} @media screen and (min-width:320px){.pricing--yonten .pricing__item{margin:0;padding:20px}.pricing--yonten .pricing__item:nth-child(2){border-right:none;border-left:none}} .pricing--yonten .pricing__item:hover{z-index:100} .pricing--yonten .pricing__item:hover::after{content:'';pointer-events:none;position:absolute;top:-5px;left:-5px;width:100%;height:100%;box-sizing:content-box;border:5px solid #13b2d9} .pricing--yonten .pricing__title{font-size:1.5em;margin:0 0 .5em 0;padding:0 0 .5em} .pricing--yonten .fa{font-size:3em;margin:0 0 .5em 0;color:#13b2d9} .pricing--yonten .pricing__price{margin:0 0 .5em 0;font-weight:700;color:#13b2d9} .pricing--yonten .pricing__currency{vertical-align:super} .pricing--yonten .pricing__period{font-size:.35em;padding:0 0 0 .5em;color:#13b2d9} .pricing--yonten .pricing__feature-list{margin:0;padding:.25em 0 8em;list-style:none;text-align:center;color:#f4f5f7} .pricing--yonten .pricing__feature{padding:.25em} .pricing--yonten .pricing__action{font-weight:700;margin-top:auto;padding:10px 15px;border-radius:40px;background:#13b2d9;color:#fff;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;-moz-transition:background-color .3s,color .3s;-o-transition:background-color .3s,color .3s} .pricing--yonten .pricing__action:focus,.pricing--yonten .pricing__action:hover{color:#13b2d9;background:#fff} .pricing--tashi{padding:40px 0;min-height:100px} .pricing--tashi .pricing__item{margin:.5em;padding:2em 2.5em;text-align:left;color:#fff;background:#667486} .pricing--tashi .pricing__title{font-size:2em;font-weight:300;margin:0 0 .15em;color:#13b2d9} .pricing--tashi .pricing__item:nth-child(2) .pricing__title{color:#13b2d9} .pricing--tashi .pricing__item:nth-child(3) .pricing__title{color:#13b2d9} .pricing--tashi .pricing__price{font-weight:300;padding:.85em 0} .pricing--tashi .pricing__currency{font-size:1.65em;vertical-align:super;color:#bac2cb} .pricing--tashi .pricing__period{font-size:.35em;padding:0 0 0 .5em;color:#bac2cb} .pricing--tashi .pricing__sentence{padding:0 0 .5em;margin:0;color:#bac2cb} .pricing--tashi .pricing__feature-list{font-size:.95em;margin:0;padding:0 0 2.5em;list-style:none;color:#bac2cb} .pricing--tashi .pricing__feature{position:relative;display:block;padding:0 0 0 20px;line-height:1.5} .pricing--tashi .pricing__feature::before{content:'';position:absolute;width:10px;height:2px;background:#f4f5f7;left:0;top:50%;margin:-2px 0 0 0} .pricing--tashi .pricing__action{-webkit-align-self:flex-end;align-self:flex-end;margin-top:auto;font-size:1.55em;width:60px;height:60px;line-height:60px;color:#fff;border-radius:30px;background:#13b2d9;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;-moz-transition:background-color .3s,color .3s;-o-transition:background-color .3s,color .3s} .pricing--tashi .pricing__item:nth-child(2) .pricing__action{background:#13b2d9} .pricing--tashi .pricing__item:nth-child(3) .pricing__action{background:#13b2d9} .pricing--tashi .pricing__action:focus,.pricing--tashi .pricing__action:hover{background:#1A1F28!important} .faq-1 .nav-tabs,.faq-3 .nav-tabs{text-align:center;margin:0 auto} .faq-1 .nav-tabs li,.faq-3 .nav-tabs li{float:none;display:inline-block;margin:0 8px;background-color:#f4f5f7} @media (max-width:767px){.faq-1 .nav-tabs li,.faq-3 .nav-tabs li{width:100%;margin:0}} .faq-1 .nav-tabs li a,.faq-3 .nav-tabs li a{color:#3a424c;margin:0;border:1px solid transparent;border:none!important;margin:0!important;border-radius:0} .faq-1 .nav-tabs li a:hover,.faq-3 .nav-tabs li a:hover{color:#fff;background-color:#13b2d9} .faq-1 .nav-tabs li.active,.faq-3 .nav-tabs li.active{border:1px solid #ddd;border-bottom:1px solid #fff;margin-bottom:-1px} .faq-1 .nav-tabs li.active a,.faq-3 .nav-tabs li.active a{color:#13b2d9} .faq-1 .nav-tabs li.active a:hover,.faq-3 .nav-tabs li.active a:hover{background-color:#13b2d9;color:#fff} .faq-1 .tab-content,.faq-3 .tab-content{padding:20px 0;word-break:break-all} .faq-1,.faq-2,.faq-3{padding:20px 0} .faq-1 .quest,.faq-2 .quest,.faq-3 .quest{display:inline-block;width:50px;height:50px;background:#13b2d9;color:#fff;text-align:center;line-height:50px;margin-top:10px} .faq-1 .quest span,.faq-2 .quest span,.faq-3 .quest span{font-weight:600;font-size:30px} .faq-1 .question,.faq-2 .question,.faq-3 .question{font-size:20px;font-weight:600;color:#3a424c} .faq-1 .answer,.faq-2 .answer,.faq-3 .answer{font-size:15px;font-weight:300;color:#9da8b5} .faq-2 h2{padding:0 15px} .faq-3 .question{font-size:16px;font-weight:600;color:#fff;background:#13b2d9;padding:8px 15px} .service{display:inline-block;width:100%;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;height:auto;margin-top:-4px;color:#fff;padding:98px 0 0 0} .service.readable{margin:0 auto;display:block} .service h3{color:#13b2d9;font-weight:700;font-size:32px} @media (max-width:767px){.service h3{font-size:30px}} .service p{font-size:15px;font-weight:400;margin-bottom:30px} .service ul{list-style-type:none;padding-left:0} .service ul li{margin:15px 0;font-size:15px;font-weight:400} .service .round{border-radius:50%;background-color:#13b2d9;margin-right:9px;width:22px;height:22px;display:inline-block;text-align:center;line-height:22px} .service .round i{font-size:16px;color:#3a424c} .service .button-box{margin:30px 0 82px 0} .service .button-box .btn{background-color:#13b2d9;color:#fff;font-weight:600;border-color:#13b2d9;font-size:16px;padding:10px 19px;height:42px;border-radius:2px;position:relative;z-index:1} .countDays,.countHours,.countMinutes,.countSeconds{display:inline-block;border:3px solid #fff;height:56px;margin:6px;position:relative;width:80px;text-align:center} .countDays:after{content:"Days";position:absolute;bottom:-40px;top:auto;left:0;color:#fff;letter-spacing:1;font-size:20px} .countHours:after{content:"Hours";position:absolute;bottom:-40px;top:auto;left:0;color:#fff;letter-spacing:1;font-size:20px} .countMinutes:after{content:"Minutes";position:absolute;bottom:-40px;top:auto;left:0;color:#fff;letter-spacing:1;font-size:20px} .countSeconds:after{content:"Seconds";position:absolute;bottom:-40px;top:auto;left:0;color:#fff;letter-spacing:1;font-size:20px} .o_editable .portfolio-image-section:hover .image-section{opacity:0} .oe_login_form{border:1px solid #13b2d9;padding:20px} .oe_login_form .oe_login_buttons div.pull-right{margin-left:10px} .oe_login_form .btn{background-color:#fff;color:#13b2d9;font-weight:600;border:1px solid #13b2d9;border-radius:2px;position:relative;z-index:1;margin:5px 0 0 0} .oe_login_form .btn:after{content:"";width:0;height:100%;position:absolute;background:#13b2d9;top:0;left:0;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition-duration:.3s;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;z-index:-1} .oe_login_form .btn:hover{color:#fff} .oe_login_form .btn:hover:after{width:100%} .oe_login_form .form-control{border-radius:2px;border:1px solid #13b2d9} .oe_login_form .form-control:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #13b2d9} .o_editable .b-stripe:hover .b-line-9{display:none} .o_editable .portfolio-image-section:hover .more{visibility:visible;opacity:1;transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);position:relative;z-index:1} .o_editable .portfolio-column-4 .portfolio-content .portfolio-image-section:hover .image-section{transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);visibility:visible;opacity:1;transition-delay:0s;-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;z-index:-1} .o_editable .portfolio-column-3 .portfolio-image-section:hover .image-column-3:after{visibility:hidden;opacity:0} .new-team{padding:30px 0} .new-team .row{letter-spacing:-.31em} .new-team .row .col-md-3{float:none;display:inline-block;vertical-align:top;letter-spacing:normal} @media (max-width:767px){.new-team .row .col-md-3{width:100%}} .new-team .name{padding:0 10px;border-bottom:1px solid rgba(123,121,121,.3)} .new-team .name h4{margin-bottom:0;color:grey} .new-team .name p{color:#b3b3b3;font-size:13px} .new-team .desc{padding:10px;padding-bottom:0;color:grey} .new-team .social-media-icons{width:100%;display:inline-block;margin-top:10px} .new-team .social-media-icons a{display:inline-block;height:30px;width:30px;background-color:#13b2d9;text-align:center} .new-team .social-media-icons a:hover{background-color:grey} .new-team .social-media-icons a i{line-height:30px;color:#fff} .new-team .image-container{position:relative;width:100%;height:300px;cursor:pointer} .new-team .image-container img{transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;position:absolute;width:auto;max-width:100%;height:auto;max-height:100%;top:0;bottom:0;left:0;right:0;margin:auto} .new-team .image-container:hover img{filter:grayscale(60%);-webkit-filter:grayscale(60%)} .column-3-team{padding:30px 0} .column-3-team .team_data_one .row{letter-spacing:-.31em} .column-3-team .team_data_one .row .col-md-3{float:none;display:inline-block;vertical-align:top;letter-spacing:normal} @media (max-width:767px){.column-3-team .team_data_one .row .col-md-3{width:100%}} .column-3-team .image-container{margin-bottom:20px;background:#13b2d9;border:none;box-shadow:1px -1px 5px rgba(117,117,117,.58)} .column-3-team .image-container .only-image{position:relative;width:100%;height:262px;cursor:pointer} .column-3-team .image-container .only-image img{transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;position:absolute;width:auto;max-width:100%;height:auto;max-height:100%;top:0;bottom:0;left:0;right:0;margin:auto} .column-3-team .image-container .only-image .follow{transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;visibility:hidden;opacity:0;width:0;position:absolute;bottom:0;left:0;background:rgba(255,255,255,.58)} .column-3-team .image-container .only-image .follow i{color:#3a424c;font-size:23px;width:100%;display:inline-block;margin:8px 0;text-align:center} .column-3-team .image-container .only-image .follow i:hover{color:#13b2d9} .column-3-team .image-container:hover .follow{width:50px;visibility:visible;opacity:1} .column-3-team .image-container:hover .only-image img:after{opacity:1} .column-3-team .name{padding:20px 0;text-align:center;color:#fff} .column-3-team .name h3{margin-top:0} .column-3-team .name p{font-size:16px;min-height:44px;margin-bottom:0} .news,.news-1column{display:inline-block;width:100%;padding:50px 0} .news .block-title,.news-1column .block-title{margin-top:0} .news .blog,.news-1column .blog{list-style-type:none;display:inline-block;padding-left:0;padding:0} .news .blog .blog_cover_image,.news-1column .blog .blog_cover_image{width:100%;height:300px} .news .blog .blog-desc,.news-1column .blog .blog-desc{padding:10px 15px 20px 15px} .news .blog .with_number,.news-1column .blog .with_number{margin:0 0 10px;padding-right:50px;position:relative;font-size:16px} .news .blog .with_number a,.news-1column .blog .with_number a{width:auto;font-size:16px;font-weight:600;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block} .news .blog .with_number .comments_number,.news-1column .blog .with_number .comments_number{position:absolute;right:0;top:0;background:#13b2d9;color:#fff;padding:5px;border-radius:3px;font-size:12px} .news .blog a,.news-1column .blog a{color:#3a424c} .news .blog .post .arrow_comments,.news-1column .blog .post .arrow_comments{content:'';display:inline;position:absolute;border-style:solid;border-width:5px 0 0 5px;border-color:#f4f5f7 transparent;right:0;bottom:-5px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease} .news .blog .post .post_details,.news-1column .blog .post .post_details{display:inline-block;margin-bottom:10px;list-style-type:none;padding-left:0;width:100%} .news .blog .post .post_details .category,.news-1column .blog .post .post_details .category{display:inline-block;margin-bottom:5px} .news .blog .post .post_details .category a,.news-1column .blog .post .post_details .category a{background:#13b2d9;padding:3px 8px;color:#fff;border-radius:3px;font-size:12px} .news .blog .post .post_details .date,.news-1column .blog .post .post_details .date{width:100%} .news .blog .post .post_details .date span,.news-1column .blog .post .post_details .date span{font-size:12px;font-style:italic} .news .blog .data,.news-1column .blog .data{width:100%;overflow:hidden;position:relative;line-height:1.3em;max-height:6.4em;text-align:justify;margin-right:-1em;padding-right:1em;margin-bottom:20px} .news .blog .data .blog-inner-content,.news-1column .blog .data .blog-inner-content{width:100%} .news .blog .data .blog-inner-content br,.news-1column .blog .data .blog-inner-content br{display:none} .news .blog .data .blog-inner-content:before,.news-1column .blog .data .blog-inner-content:before{content:'...';position:absolute;right:0;bottom:0} .news .blog .data .blog-inner-content:after,.news-1column .blog .data .blog-inner-content:after{content:'';position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#f5f5f5} .news .blog .read_more,.news-1column .blog .read_more{display:inline-block;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition-duration:.3s;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s} .news .blog .read_more:before,.news-1column .blog .read_more:before{content:"\f101";font:normal normal normal 14px/1 FontAwesome;height:29px;width:29px;display:inline-block;background-color:#13b2d9;color:#fff;text-align:center;line-height:29px;margin-right:10px} .news .blog .read_more:hover,.news-1column .blog .read_more:hover{background:#13b2d9;padding-right:20px;color:#fff;text-decoration:none} .news-1column{padding:50px 0 0} .news-1column .row{margin:0 0 50px;background-color:#f5f5f5;box-shadow:10px 10px 12px #bdbdbd} .news-1column .row .col-md-4{padding:0} .news-1column .row .blog_cover_image{width:100%;height:367px} .news-1column .row .blog .post{padding:20px 15px} .news-1column .row .blog .post .data{padding:1em 0;line-height:150%;color:#667486;width:100%;overflow:hidden;position:relative;line-height:1.6em;max-height:11.2em;text-align:justify;margin-right:-1em;padding-right:1em;margin-bottom:20px} .news-1column .row .blog .post .data .blog-inner-content{width:100%} .news-1column .row .blog .post .data .blog-inner-content br{display:none} .news-1column .row .blog .post .data .blog-inner-content:before{content:'...';position:absolute;right:0;bottom:0} .news-1column .row .blog .post .data .blog-inner-content:after{content:'';position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#f5f5f5} .news-1column .blog .with_number{margin-top:0} #web_editor-top-edit{z-index:10300} .multi_hide{display:none!important} .active.multi_hide{display:block!important} .about-me1{padding:50px 0} .about-me1 .about-img{max-width:100%} .about-me1 .name{margin:0 0 10px 0} .about-me1 .description{margin:20px 0} .about-me1 .parent{margin-bottom:10px;position:relative;min-height:45px} .about-me1 .parent .icon{position:absolute;left:15px;top:0;width:50px;height:50px;line-height:50px;background:#13b2d9;border-radius:50%;text-align:center;color:#fff} .about-me1 .parent .icon .fa{color:#fff;font-size:23px;line-height:50px} .about-me1 .parent .field{color:#3a424c;font-size:16px;width:100%;padding-left:65px;line-height:50px} .about-me1 .knowledge{background-color:rgba(58,66,76,.05);padding:100px 0;margin-top:20px} .about-me1 .knowledge .main{margin-bottom:20px} @media screen and (min-width:0) and (max-width:767px){.about-me1 .knowledge .main{margin-bottom:20px}} .about-me1 .knowledge .img{width:25%;display:inline-block} @media screen and (min-width:768px) and (max-width:991px){.about-me1 .knowledge .img{width:11%}} @media screen and (min-width:0) and (max-width:767px){.about-me1 .knowledge .img{width:100%;text-align:center;display:block}} .about-me1 .knowledge .details{width:73%;display:inline-block;vertical-align:top} @media screen and (min-width:0) and (max-width:767px){.about-me1 .knowledge .details{width:100%;text-align:center;display:block}} .about-me1 .knowledge .details .title{text-transform:uppercase;font-size:22px} .about-me1 .knowledge .details .info{font-size:13px;margin-top:10px} .owl-carousel{display:block!important} .cf-tabs-img{padding:40px 0 4px 0} .cf-tabs-img .cfti-tab .desc{padding-bottom:20px} .cf-tabs-img .cfti-tab .desc h3{font-size:40px;color:#3a424c;font-weight:300;margin:0 0 25px} @media (max-width:768px){.cf-tabs-img .cfti-tab .desc h3{text-align:center}} .cf-tabs-img .cfti-tab p{font-size:15px;color:#9da8b5} @media (max-width:768px){.cf-tabs-img .cfti-tab p{text-align:center}} .cf-tabs-img .nav-tabs{text-align:center;border-bottom:1px solid #d7dbe1} .cf-tabs-img .nav-tabs>li{float:none;display:inline-block;vertical-align:top;border:1px solid transparent;margin-left:8px;margin-right:8px} @media (max-width:767px){.cf-tabs-img .nav-tabs>li{width:100%;margin:0}} .cf-tabs-img .nav-tabs>li.active{border:1px solid #d7dbe1;border-bottom-color:#fff} .cf-tabs-img .nav-tabs>li.active a{background:0 0;color:#13b2d9} .cf-tabs-img .nav-tabs>li.active a:hover{color:#13b2d9;background:0 0} .cf-tabs-img .nav-tabs>li>a{border:none!important;margin:0;border-radius:0;color:#3a424c;font-size:18px;font-weight:400;background:#f2f2f2} .cf-tabs-img .nav-tabs>li>a .fa{margin-right:10px} .cf-tabs-img .nav-tabs>li>a:hover{color:#fff;background:#13b2d9} .cf-tabs-img .tab-pane{padding:20px 0} .cf-tabs-img .cfti-img{text-align:center} .cf-tabs-img .cfti-img img{margin:0 auto} .block-title{text-align:center} .block-title h3{color:#3a424c;font-size:30px;font-weight:500;margin-bottom:22px} @media (max-width:767px){.block-title h3{font-size:30px}} .block-title p{display:inline-block;width:100%;margin-top:10px} .block-title p span{background:#3a424c;height:5px;width:5px;border-radius:50%;display:inline-block} .block-title{border:none;line-height:normal;text-align:center;margin:40px 0;overflow:hidden} .block-title h3{display:inline-block;position:relative;margin:0;line-height:normal} .block-title h3:after,.block-title h3:before{content:"";position:absolute;top:0;width:600px;bottom:0;background:#ddd;height:1px;margin:auto} .block-title h3:after{left:100%;margin-left:15px} .block-title h3:before{right:100%;margin-right:15px} .page-title{margin-bottom:20px;background:url(/theme_crafito/static/src/img/title-back.jpg) no-repeat fixed top center;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;padding:30px 0} .page-title .col-sm-8{padding-left:0} .page-title h1{font-size:30px;color:#fff;margin:0;padding:0} .page-title .breadcrumb{background:0 0;border-radius:0;padding:20px 0 0 0;margin:0} .page-title .breadcrumb li{color:rgba(255,255,255,.9)} .page-title .breadcrumb li a{color:rgba(255,255,255,.9)} .page-title .breadcrumb li a:hover{color:#13b2d9;text-decoration:none} .page-title .breadcrumb li.active a{color:#fff} .banner2 .item{width:100%;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;text-align:center;padding:80px 0 80px 0} @media (max-width:767px){.banner2 .item{padding:80px 0 80px 0}} .banner2 .banner-img img{max-height:420px;margin:0 auto} .banner2 .banner-text{color:#fff;padding-bottom:17px} @media (max-width:767px){.banner2 .banner-text{padding-top:20px}} .banner2 .banner-text h2{font-weight:700;font-size:33px;margin-top:64px} @media (max-width:768px){.banner2 .banner-text h2{font-size:25px;margin-top:10px}} .banner2 .banner-text p{font-size:20px;margin-top:16px;font-weight:400} @media (max-width:768px){.banner2 .banner-text p{font-size:14px}} .banner .item{width:100%;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;text-align:center;padding:80px 0 80px 0} @media (max-width:767px){.banner .item{padding:80px 0 80px 0}} .banner .banner-img img{max-height:420px;margin:0 auto} .banner .banner-text{color:#fff;padding-bottom:38px} .banner .banner-text h2{font-weight:700;font-size:45px;margin-top:64px} @media (max-width:767px){.banner .banner-text h2{font-size:25px}} .banner .banner-text p{font-size:20px;margin-top:16px;font-weight:400} @media (max-width:767px){.banner .banner-text p{font-size:14px}} .banner .button-box .btn{background-color:transparent;font-size:16px;padding:10px 19px;color:#fff;font-weight:600;border:2px solid #fff;margin:0 10px;height:42px;border-radius:2px;position:relative;z-index:1} .banner .button-box .btn:after{content:"";width:0;height:100%;position:absolute;background:#13b2d9;top:0;left:0;transition:all .3s linear;transition-duration:.3s;z-index:-1} .banner .button-box:hover .btn:after{width:100%} .banner .carousel-control{background:0 0!important} .banner .carousel-control.left{left:0} .banner .carousel-control.right{right:0} .o_editable .features .feature-content .f-block h4{height:auto!important} .s_theme_crafito_feature1{padding:50px 0} .features{width:100%;display:inline-block} .features .block-title{margin-top:0} .features.readable{display:block;margin:0 auto} .features .feature-content .f-block{text-align:center;background:#f7f7f7 none repeat scroll 0 0;padding:47px 30px;margin-bottom:30px} .features .feature-content .f-block i{font-size:50px;color:#13b2d9} .features .feature-content .f-block h4{font-size:25px;color:#13b2d9;margin-bottom:10px;font-weight:400;padding:0;margin:24px 0} .features .feature-content .f-block p{font-size:15px;color:#818e9e;word-break:break-all} .service{display:inline-block;width:100%;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;height:auto;margin-top:-4px;color:#fff;padding:98px 0 0 0} .service img.img-responsive{margin:0 auto} @media (max-width:768px){.service .col-md-5{text-align:center}} .service h3{color:#13b2d9;font-weight:700;font-size:32px} @media (max-width:767px){.service h3{font-size:29px}} .service p{font-size:15px;font-weight:400;margin-bottom:30px} .service ul{list-style-type:none;padding-left:0} .service ul li{margin:15px 0;font-size:15px;font-weight:400} .service .button-box{margin:30px 0 10px 0} .service .button-box .btn{background-color:#13b2d9;color:#fff;font-weight:600;border-color:#13b2d9;font-size:16px;padding:10px 19px;height:42px;border-radius:2px;position:relative;z-index:1} .blog{display:inline-block;width:100%;background:#f5f5f5;padding:30px 0} .blog .item h3{color:#3a424c;font-size:24px;font-weight:400;width:100%;overflow:hidden;position:relative;line-height:1.3em;max-height:6.4em;text-align:justify;margin-right:-1em;padding-right:1em;margin-bottom:20px} @media (max-width:768px){.blog .item h3{font-size:16px}} .blog .item h3:before{content:'...';position:absolute;right:0;bottom:0} .blog .item h3:after{content:'';position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#f5f5f5} .blog .item .date{color:#bac2cb;font-weight:300;font-size:12px} .blog .item .blog-content{color:#818e9e;font-size:15px;font-weight:300;width:100%;overflow:hidden;position:relative;line-height:1.3em;max-height:6.4em;text-align:justify;margin-right:-1em;padding-right:1em;margin-bottom:20px} .blog .item .blog-content:before{content:'...';position:absolute;right:0;bottom:0} .blog .item .blog-content:after{content:'';position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#f5f5f5} .blog .item .author{text-align:right;font-weight:400;font-size:12px;padding-top:20px} .blog .owl-nav .owl-next,.blog .owl-nav .owl-prev{font-size:0;position:absolute;top:50%;width:30px;height:30px;padding:0 8px;background:#3a424c;color:#fff;text-align:center} .blog .owl-nav .owl-prev{left:-100px} .blog .owl-nav .owl-prev:before{content:"\f053";font-family:FontAwesome;font-size:14px;line-height:30px} @media (max-width:768px){.blog .owl-nav .owl-prev{left:0}} .blog .owl-nav .owl-next{right:-100px} .blog .owl-nav .owl-next:before{content:"\f054";font-family:FontAwesome;font-size:14px;line-height:30px} @media (max-width:768px){.blog .owl-nav .owl-next{right:0}} .blog .button-box{margin:30px 0 34px 0;text-align:center} .blog .button-box .btn{background-color:#13b2d9;color:#fff;border-color:#13b2d9;margin:0 10px;font-weight:600;height:40px;border-radius:2px;font-size:14px} .blog #blog-slider{padding:55px 0 26px 0} .blog-new{padding:50px 0} .blog-new .block-title{margin-top:0} .blog-new .blogs-inner-section{margin-top:20px;display:inline-block;width:100%} .blog-new .blog-banner{width:100%;height:443px;margin-bottom:30px;position:relative} .blog-new .blog-banner .blog-text{position:absolute;bottom:35px;left:40px} .blog-new .blog-banner .blog-text .blog-banner-date{font-size:15px;color:#818e9e} .blog-new .blog-banner .blog-text .blog-title{color:#fff;font-size:25px;font-weight:600} .blog-new .blog-block{margin-bottom:30px;background:#bac2cb} .blog-new .blog-block .blog-img .blog_cover_image{width:100%;height:300px} .blog-new .blog-info{background-color:#f4f5f7;padding:25px 25px 10px 25px;display:inline-block;width:100%} .blog-new .blog-info .date{font-size:15px;color:#818e9e;font-weight:400} .blog-new .blog-info .blog-data{font-size:17px;color:#3a424c;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .blog-new .blog-info .blogger{color:#818e9e;float:left} .blog-new .blog-info .blogger img{margin-right:15px;float:left;width:31px;height:31px} .blog-new .blog-info .blogger .name{margin:5px 0;float:left} .blog-new .blog-info .arrow{float:right;color:#667486;font-size:18px} .o_editable .upper-banner{margin-bottom:0} .upper-banner{margin-bottom:40px;background-size:cover;background-repeat:no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover} .is-breadcrumb{text-align:left;position:relative;padding:30px 0;margin:0} .is-breadcrumb .row{margin:0} .is-breadcrumb .container{z-index:1;position:relative} .is-breadcrumb .container h1{font-size:30px;margin:0;padding:0;color:#fff} .is-breadcrumb .container h1 span{color:#fff} .is-breadcrumb .breadcrumb{margin:0;padding:20px 0 0 0;background-color:transparent} .is-breadcrumb .breadcrumb li{color:#fff} .is-breadcrumb .breadcrumb li a,.is-breadcrumb .breadcrumb li span{color:#fff;text-transform:uppercase} .is-breadcrumb:after{background:rgba(0,0,0,.8);content:" ";width:100%;height:100%;float:left;position:absolute;top:0;left:0} .coming-soon-section{text-align:center;width:100%;display:inline-block;margin:0 auto;background-attachment:fixed;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover} .coming-soon-section h2{font-weight:700;color:#fff;text-transform:uppercase;font-size:60px} @media (max-width:767px){.coming-soon-section h2{font-size:35px}} .coming-soon-section .inner-coming-section{margin:50px 0} @media (max-width:767px){.coming-soon-section .inner-coming-section{margin:15px 0;text-align:center}} .coming-soon-section .inner-coming-section .left-content{border-right:1px solid #fff;padding:20px} @media (max-width:767px){.coming-soon-section .inner-coming-section .left-content{text-align:center}} .coming-soon-section .inner-coming-section .left-content h2{font-size:30px} @media (max-width:767px){.coming-soon-section .inner-coming-section .left-content h2{font-size:17px}} .coming-soon-section .inner-coming-section .left-content p{color:#fff;font-size:20px;font-style:italic} .coming-soon-section .inner-coming-section .left-content p a{color:#fff} .coming-soon-section .inner-coming-section .left-content p a .fa{font-size:20px;margin:10px} .coming-soon-section .inner-coming-section .right-content{display:inline-block;padding:4px 15px} @media (max-width:767px){.coming-soon-section .inner-coming-section .right-content{text-align:center}} .coming-soon-section .inner-coming-section .right-content ul{list-style-type:none;display:inline-block;padding-left:0;width:100%;margin-bottom:40px;text-align:left} @media (max-width:767px){.coming-soon-section .inner-coming-section .right-content ul{text-align:center}} .coming-soon-section .inner-coming-section .right-content ul li{display:inline-block;font-size:30px;margin:6px;padding:14px 16px;font-weight:700;border:3px solid #fff;color:#fff;text-align:center} .coming-soon-section .inner-coming-section .right-content ul li span{font-size:20px;font-weight:400;border:none;font-size:35px;background:0 0} .coming-soon-section .inner-coming-section .right-content ul li p{color:#fff} .coming-soon-section .inner-coming-section .right-content input[type=email]{border:3px solid #fff;background:0 0;padding:9px 15px;color:#fff;font-weight:700;margin:0 6px;font-size:14px;width:246px} @media (max-width:767px){.coming-soon-section .inner-coming-section .right-content input[type=email]{margin-bottom:15px}} .coming-soon-section .inner-coming-section .right-content button{color:#ccadad;padding:9px 12px;border:none;border-radius:0;margin-top:-3px;margin-left:6px;border:3px solid transparent;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease} @media (max-width:767px){.coming-soon-section .inner-coming-section .right-content button{margin-bottom:15px}} .coming-soon-section .inner-coming-section .right-content button:hover{color:#fff;background:0 0;border:3px solid #fff} .coming-soon-1 .inner-wrapper{background-color:rgba(74,74,74,.58);padding:100px 0} .coming-soon-2 .inner-coming-section .left-content{border:none} .coming-soon-2 .inner-coming-section .right-content ul{text-align:center} .coming-soon-2 .inner-wrapper{display:inline-block;width:100%;background-color:rgba(65,33,33,.63);padding:30px 0} .countdownHolder{width:100%;margin:0 auto;font-size:35px;letter-spacing:-14px;margin-bottom:50px} .position{display:inline-block;height:1.6em;overflow:hidden;position:relative} .digit{position:relative;display:block;text-align:center;color:#fff;letter-spacing:-1px} .countDays,.countHours,.countMinutes,.countSeconds{display:inline-block;border:3px solid #fff;height:56px;margin:6px;position:relative;width:80px;text-align:center} .countDays:after{content:"Days";position:absolute;bottom:-40px;top:auto;left:0;color:#fff;letter-spacing:1;font-size:20px} .countHours:after{content:"Hours";position:absolute;bottom:-40px;top:auto;left:0;color:#fff;letter-spacing:1;font-size:20px} .countMinutes:after{content:"Minutes";position:absolute;bottom:-40px;top:auto;left:0;color:#fff;letter-spacing:1;font-size:20px} .countSeconds:after{content:"Seconds";position:absolute;bottom:-40px;top:auto;left:0;color:#fff;letter-spacing:1;font-size:20px} ul.countdown{list-style:none;padding:0;display:block;text-align:center} ul.countdown li{display:inline-block} ul.countdown li span{font-size:23px;font-weight:300;line-height:30px;padding:0 5px;border-top:1px solid #428bca;border-bottom:1px solid #357ebd;margin-left:-4px} ul.countdown li p{color:#a7abb1;font-size:11px;text-transform:uppercase;margin-top:13px} .days{background-color:#428bca;padding:0 10px;color:#fff} .last{border-right:1px solid #357ebd} @media screen and (max-width:320px){.countdown li span{font-size:25px!important}} .custom_percentage{color:transparent} .about-us{padding:115px 0 0 0;display:inline-block;width:100%} .about-us .left-content{text-align:left} .about-us .left-content h3{color:#3a424c;font-size:50px;font-weight:300;margin-top:8px} @media (max-width:767px){.about-us .left-content h3{font-size:30px}} .about-us .left-content p{color:#818e9e;font-weight:300;font-size:15px} .about-us .nav-tabs{margin-top:51px;border-bottom:none;text-align:center} .about-us .nav-tabs li{background-color:#f4f5f7;margin:0 10px;float:none;display:inline-block} @media (max-width:767px){.about-us .nav-tabs li{width:100%;margin:0}} .about-us .nav-tabs li a{color:#3a424c;border-bottom:1px solid #bac2cb;border-radius:0;margin-right:-1px} .about-us .nav-tabs li.active a{color:#13b2d9;border-bottom:1px solid #fff;border-radius:0;margin-right:-1px} .about-us .tab-content{border-top:1px solid #bac2cb;margin-top:-1px;padding:20px 0} .about-us .about-us-content{border-bottom:2px solid #d7dbe1} @media (max-width:1023px){.about-us .about-us-content img{margin:0 auto;margin-bottom:2px}} .about-us1{padding:30px 0} .about-us1 .title{font-weight:600} .about-us1 .title:after{content:" ";display:block;height:4px;width:30px;background-color:#13b2d9;margin-top:10px} .about-us1 .info{margin-top:20px} .about-us1 .info img{float:left;max-width:200px;margin:0 25px 20px 0} .about-us1 .info .description{color:#3a424c} .about-us1 .info ul{float:left;width:100%} .about-us1 .info ul li{list-style-type:none} .about-us1 .info ul li i{margin-right:10px;color:#13b2d9;font-size:20px;line-height:30px;vertical-align:middle} .about-us1 .slide{position:relative;margin-top:20px} .about-us1 .slide .carousel-inner{width:80%;margin:0 auto} .about-us1 .slide .carousel-indicators{display:none} .about-us1 .carousel-control.left,.about-us1 .carousel-control.right{color:#fff;top:0;bottom:0;position:absolute;margin:auto;display:inline-block;height:30px;font-weight:700;background:#13b2d9;width:30px;line-height:30px;border-radius:50%;text-align:center} .about-us1 .carousel-control.left{left:0} .about-us1 .carousel-control.left:before{content:"\f104";display:inline-block;font-family:FontAwesome} .about-us1 .carousel-control.right{right:0} .about-us1 .carousel-control.right:before{content:"\f105";display:inline-block;font-family:FontAwesome} .about-us2{padding:30px 0} .about-us2 .title{font-weight:600} .about-us2 .title:after{content:" ";display:block;height:4px;width:30px;background-color:#13b2d9;margin-top:10px} .about-us2 .info{margin-top:20px} .about-us2 .info img{float:right;max-width:200px;margin:0 0 20px 25px} .about-us2 .info .description{color:#3a424c} .about-us2 .info ul{float:left;width:100%} .about-us2 .info ul li{list-style-type:none} .about-us2 .info ul li i{margin-right:10px;color:#13b2d9;font-size:20px;line-height:30px;vertical-align:middle} .about-us2 .about-img{margin-top:20px} .about-us2 .about-img img{max-width:100%} .our-team{cursor:pointer;display:inline-block;width:100%;background-color:#3a424c;padding:0;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover} .our-team .owl-item{padding:80px 0} .our-team .owl-item.center:before{content:"";width:100%;position:absolute;height:150%;top:0;right:100%;background-color:rgba(58,66,76,.82);z-index:1;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease} .our-team .owl-item.center:after{content:"";width:100%;position:absolute;height:150%;top:0;left:100%;background-color:rgba(58,66,76,.82);z-index:1;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease} .our-team .item .person-img{width:40%;float:left;padding:0 15px} @media (max-width:767px){.our-team .item .person-img{width:100%}} .our-team .item .personal-info{width:60%;padding:0 15px;float:left;color:rgba(255,255,255,.8)} @media (max-width:767px){.our-team .item .personal-info{width:100%}} .our-team .item .personal-info .name{font-weight:700;color:#13b2d9;font-size:35px;margin-top:0;margin-bottom:5px} @media (max-width:767px){.our-team .item .personal-info .name{margin-top:20px;font-size:24px}} .our-team .item .personal-info .designation{font-size:25px;font-weight:300;margin-top:0} .our-team .item .personal-info .detail{font-size:15px;font-weight:300} .our-team .item .personal-info a{display:inline-block;width:35px;height:35px;line-height:35px;margin-right:6px;text-align:center;background:0 0;border:1px solid #13b2d9;border-radius:50%;position:relative;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;overflow:hidden} .our-team .item .personal-info a i{color:#13b2d9} .our-team .item .personal-info a:hover{background-color:#13b2d9} .our-team .item .personal-info a:hover i{color:#3a424c} .our-team .item .personal-info a .personal-skill{color:#fff;font-weight:600} .our-client-slider .owl-item .item{height:150px;position:relative;border:1px solid #ddd} .our-client-slider .owl-item img{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;filter:grayscale(100%);opacity:.5;position:absolute;width:auto;height:auto;max-height:100%;max-width:80%;top:0;bottom:0;left:0;right:0;margin:auto} .our-client-slider .owl-item:hover img{filter:grayscale(0);opacity:1} .promo-snippet{display:inline-block;margin-top:10px} .promo-snippet .col-md-4{padding:0 0;margin:0} .promo-snippet .col-md-4 .promo-block{display:inline-block;width:100%;padding-bottom:2.3%;vertical-align:top} .promo-snippet .col-md-4 .promo-block:last-child{padding-bottom:0} @media (max-width:767px){.promo-snippet .col-md-4 .promo-block:last-child{padding-bottom:2.3%}} .promo-snippet .col-md-4 .middle-promo-block{padding:0 2.3%;display:inline-block;width:100%;vertical-align:top} @media (max-width:767px){.promo-snippet .col-md-4 .middle-promo-block{padding:0;padding-bottom:2.3%}} .subscribe-block{display:inline-block;text-align:center;width:100%;padding:172px 0;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover} .subscribe-block .inner-content{display:inline-block;text-align:center;background:rgba(19,178,217,.56);padding:103px 15%} @media (max-width:768px){.subscribe-block .inner-content{padding:20px;max-width:100%}} .subscribe-block .inner-content h3{color:#fff;font-size:50px;font-weight:600} .subscribe-block .inner-content p{color:#fff;font-size:31px;font-weight:300;margin-bottom:50px} .subscribe-block .inner-content .form-inline,.subscribe-block .inner-content .input-group{width:520px;margin:0 auto;max-width:100%;display:table} @media (max-width:620px){.subscribe-block .inner-content .form-inline,.subscribe-block .inner-content .input-group{max-width:280px}} .subscribe-block .inner-content .form-inline .form-control,.subscribe-block .inner-content .input-group .form-control{border:1px solid #fff;background:rgba(255,255,255,.15);color:#fff;border-radius:2px;display:table-cell;width:98%;margin-bottom:10px} .subscribe-block .inner-content .form-inline .form-control:focus,.subscribe-block .inner-content .input-group .form-control:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #13b2d9} .subscribe-block .inner-content .form-inline .btn,.subscribe-block .inner-content .input-group-btn .btn{border:1px solid #fff!important;background:0 0!important;color:#fff!important;border-radius:2px;margin-left:10px;display:table-cell;font-size:14px} @media (max-width:767px){.subscribe-block .inner-content .form-inline .btn,.subscribe-block .inner-content .input-group-btn .btn{margin-bottom:20px}} .subscribe-block.readable{display:block;margin:0 auto} .subscribe-block.readable .row{margin:0} .subscribe-block.readable .row .inner-content{padding:103px 5%} .coming-soon-section input::-webkit-input-placeholder,.subscribe-block input::-webkit-input-placeholder{color:#fff!important} .coming-soon-section input:-moz-placeholder,.subscribe-block input:-moz-placeholder{color:#fff!important} .coming-soon-section input::-moz-placeholder,.subscribe-block input::-moz-placeholder{color:#fff!important} .coming-soon-section input:-ms-input-placeholder,.subscribe-block input:-ms-input-placeholder{color:#fff!important} .bg-text{text-align:center;width:100%;background-repeat:no-repeat;color:#fff;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover} .bg-text .col-md-6{padding:0} .bg-text .text-block{background:rgba(19,178,217,.64);padding:172px 50px} @media (max-width:767px){.bg-text .text-block{padding:50px}} .bg-text .text-block h3{font-size:60px;font-weight:300} @media (max-width:767px){.bg-text .text-block h3{font-size:34px}} .bg-text .text-block p{width:500px;margin:0 auto;font-size:15px;margin-bottom:30px} @media (max-width:767px){.bg-text .text-block p{width:100%}} .bg-text .text-block .button-box .btn{border:1px solid #fff!important;background:0 0;color:#fff!important;border-radius:2px} .bg-text-right .text-block{background-color:#efd8c4;color:#3a424c} .bg-text-right .text-block .button-box .btn{border:1px solid #3a424c;background:0 0;color:#3a424c;border-radius:2px} .services-provided{display:inline-block;width:100%;background-color:#3a424c} .services-provided .return{background-color:#3a424c;padding:0 15px 0 15px} .services-provided .return:after{content:"";position:absolute;width:33px;height:0;top:0;border-width:36px 22px;border-style:solid;border-color:#fff #fff #fff #3a424c} @media (max-width:768px){.services-provided .return:after{display:none}} .services-provided .online{background-color:#3a424c;padding:0 15px 0 15px} .services-provided .online:before{content:"";position:absolute;width:33px;height:0;top:0;left:-29px;border-width:36px 22px;border-style:solid;border-color:#fff #3a424c #fff #fff} @media (max-width:768px){.services-provided .online:before{display:none}} .services-provided .gift-card{background-color:#3a424c;padding:0 15px 1px 15px} .services-provided .gift-card:before{content:' ';position:absolute;height:0;left:-18px;top:0;border-width:36px 22px;border-style:solid;border-color:#3a424c #3a424c #3a424c transparent} @media (max-width:768px){.services-provided .gift-card:before{display:none}} .services-provided .gift-card:after{content:' ';position:absolute;height:0;right:7px;top:0;border-width:36px 22px;border-style:solid;border-color:#3a424c #fff #3a424c #3a424c;z-index:1} @media (max-width:768px){.services-provided .gift-card:after{display:none}} .services-provided .icon{display:inline-block;width:13%;vertical-align:middle;margin-right:10px} .services-provided .icon i{font-size:35px;color:#fff} .services-provided .service-text{display:inline-block;width:80%;vertical-align:middle;color:#fff} .services-provided .service-text h3{font-size:18px;font-weight:600;margin-bottom:5px} .services-provided .service-text p{font-size:12px;font-weight:400} #cart_products.table{table-layout:auto!important} #cart_products thead{background-color:#3a424c;border:1px solid #3a424c;color:#fff} #cart_products thead tr th{padding:10px;border-bottom:none} #cart_products tbody tr td{padding:20px 15px} #cart_products tbody tr td#td-price{white-space:nowrap} #cart_products tbody tr td#td-price .btn-remove{margin-left:5px} #cart_products tbody tr td#td-price .btn-remove:hover{text-decoration:none} #cart_products tbody .input-group-addon:first-child,#cart_products tbody .input-group-addon:last-child{background-color:#13b2d9;color:#fff;border-radius:0;border:1px solid #bac2cb} #cart_products tbody .input-group .form-control:not(:first-child):not(:last-child),#cart_products tbody .input-group-addon:not(:first-child):not(:last-child),#cart_products tbody .input-group-btn:not(:first-child):not(:last-child){border:1px solid #bac2cb;border-left:none;border-right:none;color:#3a424c} ul.wizard{width:100%;float:none!important;display:inline-block;box-shadow:none;text-align:center;margin-bottom:40px} ul.wizard li{border:1px solid #13b2d9;float:none;display:inline-block;margin-left:-4px;top:-1px} ul.wizard li.text-primary{background:#13b2d9;color:#fff} ul.wizard li.text-primary .chevron:before{border-left:10px solid #13b2d9} ul.wizard li .chevron{border-left-color:#13b2d9} @media (min-width:320px) and (max-width:767px){ul.wizard li{margin-left:0;top:-1px;margin-bottom:10px;margin-right:-4px}} .collection{width:100%;position:relative;margin-bottom:30px;background-color:#3a424c;display:inline-block;cursor:pointer;overflow:hidden} .collection .col-sm-6{text-align:center;padding:40px 0;margin:0} .collection .block-img{background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-position:center;transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease;display:table;vertical-align:middle;height:350px;background-repeat:no-repeat} @media (max-width:767px){.collection .block-img{display:inline-block;width:100%}} .collection .block-img:hover{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')";filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')} .collection .block-img:hover .inside-collection{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')";filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')} .collection .block-img .inside-collection{color:#fff;line-height:.6;display:inline-block;position:relative;margin:0 auto;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;text-align:center;display:table-cell;vertical-align:middle} @media (max-width:767px){.collection .block-img .inside-collection{display:inline-block;width:100%}} .collection .block-img .inside-collection h3{font-weight:400;font-size:30px} .collection .block-img .inside-collection p{font-weight:300;font-size:20px;margin-bottom:18px;font-family:'Open Sans',sans-serif;line-height:25px} .collection .block-img .inside-collection .detail{text-decoration:none;color:#fff!important;background-color:transparent!important;border:1px solid #fff!important;padding:11px 19px;margin:15px 0 28px 0} .collection .block-img .dark{background-color:#3a424c;position:absolute;top:0;left:0;right:0;height:100%;opacity:.45;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease} .collection .block-img:hover .dark{height:100%;opacity:0} .collection .block-img:hover .inside-collection a.o_default_snippet_text{opacity:1} .collection .col-sm-3{padding:0;margin:0} .collection img{width:100%} .collection .inner-collection-div{background-color:#3a424c;width:100%;padding:0 20px} .collection .inner-collection-div .jumbotron{background-color:transparent;color:#fff;padding:30px;text-transform:capitalize} .collection .inner-collection-div .jumbotron h2{margin-bottom:37px;font-size:38px;font-weight:700} .collection .inner-collection-div .jumbotron .detail{background-color:transparent;color:#fff;margin-top:50px;border:1px solid #fff;padding:10px 15px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;position:relative;z-index:1} .collection .inner-collection-div .jumbotron .detail span{width:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;opacity:0;height:100%;position:absolute;left:0;top:0;float:left;z-index:-1} .collection .inner-collection-div .jumbotron .detail:hover{text-decoration:none} .collection .inner-collection-div .jumbotron .detail:hover span{background-color:#13b2d9;width:100%;opacity:.8} .o_editable .dark{display:none} .our-work{padding:30px 0 0 0} .our-work .block-title{margin:0 0 40px} .our-work ul#filterOptions,.our-work ul#filterOptions1,.our-work ul#filterOptions2{display:inline-block;width:100%;text-align:center;overflow:hidden;padding-left:0;margin-top:20px} .our-work ul#filterOptions li,.our-work ul#filterOptions1 li,.our-work ul#filterOptions2 li{margin-right:2px;display:inline-block} .our-work ul#filterOptions li span,.our-work ul#filterOptions1 li span,.our-work ul#filterOptions2 li span{padding:7px 14px;border:1px solid #999;background:0 0;color:#3a424c;font-weight:400;text-decoration:none;display:block;border:1px solid transparent} .our-work ul#filterOptions li span:hover,.our-work ul#filterOptions1 li span:hover,.our-work ul#filterOptions2 li span:hover{background:0 0;border:1px solid #13b2d9;color:#13b2d9;border-radius:2px;cursor:pointer} .our-work ul#filterOptions li.active span,.our-work ul#filterOptions1 li.active span,.our-work ul#filterOptions2 li.active span{background:#13b2d9;border:1px solid #13b2d9;border-radius:2px;color:#fff} ul.ourHolder,ul.ourHolder1,ul.ourHolder2{width:100%;overflow:hidden;padding-left:0;list-style-type:none;margin-top:28px} ul.ourHolder li.item,ul.ourHolder1 li.item,ul.ourHolder2 li.item{float:left;text-align:center;overflow:hidden;padding:0;margin:0;position:relative} ul.ourHolder li.item:after,ul.ourHolder1 li.item:after,ul.ourHolder2 li.item:after{content:"";position:absolute;top:0;left:0;background-color:#13b2d9;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;width:100%;height:100%;visibility:hidden;opacity:0;cursor:pointer} ul.ourHolder li.item:hover:after,ul.ourHolder1 li.item:hover:after,ul.ourHolder2 li.item:hover:after{visibility:visible;opacity:.5} ul.ourHolder li.item img,ul.ourHolder1 li.item img,ul.ourHolder2 li.item img{width:100%} ul.ourHolder li.item h3,ul.ourHolder1 li.item h3,ul.ourHolder2 li.item h3{margin-top:10px;font-size:16px;line-height:20px;display:none} a#clear{cursor:pointer;margin-left:5px} .newsletter{display:inline-block;width:100%;padding:95px 0 125px 0} .newsletter .title-line{color:#818e9e;margin-top:20px;font-size:15px;font-weight:300} .newsletter .form-inline,.newsletter .input-group{width:500px;margin:0 auto;max-width:100%;text-align:center;margin-top:30px} @media (max-width:767px){.newsletter .form-inline,.newsletter .input-group{padding:0 15px}} .newsletter .form-inline .form-control,.newsletter .input-group .form-control{border:2px solid #bac2cb;width:250px} @media (max-width:767px){.newsletter .form-inline .form-control,.newsletter .input-group .form-control{width:100%}} .newsletter .form-inline .btn,.newsletter .form-inline .form-control,.newsletter .input-group .btn,.newsletter .input-group .form-control{border-radius:2px;height:40px} .newsletter .form-inline .btn,.newsletter .input-group .btn{background:#13b2d9;border:#13b2d9;margin:0 10px;color:#fff;font-size:15px;font-weight:700} .subscribe-block .inner-content .input-group-addon.js_subscribe{width:386px} @media (max-width:767px){.subscribe-block .inner-content .input-group-addon.js_subscribe{width:280px}} .subscribe-block .inner-content .input-group-addon.js_subscribe .form-control{width:95%;margin-bottom:0} .contact-us{display:inline-block;width:100%;padding:125px 0;text-align:center} @media (max-width:767px){.contact-us{padding:35px 0 0 0}} .contact-us p{font-size:24px;font-weight:400;margin-top:20px;color:#3a424c} .contact-us i{font-size:40px;color:#3a424c} .contact-us .location,.contact-us .mail,.contact-us .phone{display:inline-block;width:100%} @media (max-width:767px){.contact-us .location,.contact-us .mail,.contact-us .phone{margin-bottom:50px}} .contact-us .location .add,.contact-us .mail .add,.contact-us .phone .add{color:#818e9e;font-weight:400;font-size:18px;position:absolute;width:100%;bottom:0;display:none;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;-o-transition-duration:.5s;left:0} @media (max-width:768px){.contact-us .location .add,.contact-us .mail .add,.contact-us .phone .add{bottom:28px;left:0}} .contact-us .location:focus p,.contact-us .location:hover p,.contact-us .mail:focus p,.contact-us .mail:hover p,.contact-us .phone:focus p,.contact-us .phone:hover p{color:#13b2d9} .contact-us .location:focus i,.contact-us .location:hover i,.contact-us .mail:focus i,.contact-us .mail:hover i,.contact-us .phone:focus i,.contact-us .phone:hover i{color:#13b2d9} .contact-us .location:focus .add,.contact-us .location:hover .add,.contact-us .mail:focus .add,.contact-us .mail:hover .add,.contact-us .phone:focus .add,.contact-us .phone:hover .add{display:block;bottom:-20px;color:#818e9e;font-weight:400;font-size:18px;left:0} @media (max-width:767px){.contact-us .location:focus .add,.contact-us .location:hover .add,.contact-us .mail:focus .add,.contact-us .mail:hover .add,.contact-us .phone:focus .add,.contact-us .phone:hover .add{bottom:25px}} .contact-us .location:focus .add address,.contact-us .location:hover .add address,.contact-us .mail:focus .add address,.contact-us .mail:hover .add address,.contact-us .phone:focus .add address,.contact-us .phone:hover .add address{position:relative;bottom:-25px;left:0;right:0;margin:auto} @media (max-width:767px){.contact-us .location:focus .add address,.contact-us .location:hover .add address,.contact-us .mail:focus .add address,.contact-us .mail:hover .add address,.contact-us .phone:focus .add address,.contact-us .phone:hover .add address{bottom:-16px;left:0}} address div i{margin-right:5px} .o_editable .contact-us .location .add,.o_editable .contact-us .mail .add,.o_editable .contact-us .phone .add{visibility:visible;opacity:1;bottom:-30px;color:#818e9e;font-weight:400;font-size:18px;left:0} .category-slider-section{margin:50px 0} .category-slider-section .cs-cat .cs-img{height:240px;position:relative;border:1px solid #e6e6e6;padding:10px} .category-slider-section .cs-cat .cs-img img{position:absolute;max-width:100%;max-height:100%;top:0;bottom:0;left:0;right:0;margin:auto} .category-slider-section .cs-cat .cs-info{padding:10px;position:absolute;width:100%;text-align:center;bottom:0;left:0;right:0;background:rgba(58,66,76,.8);transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} .category-slider-section .cs-cat .cs-info .pwpi-title{margin:0;line-height:normal} .category-slider-section .cs-cat .cs-info label{color:#fff;font-weight:300;font-style:italic;font-size:12px} .category-slider-section .cs-cat .cs-info a{color:#fff;text-transform:uppercase;font-weight:600;font-size:12px} .category-slider-section .cs-cat:hover .cs-info{bottom:20px;background:rgba(19,178,217,.8)} .category-slider-section .owl-nav .owl-next,.category-slider-section .owl-nav .owl-prev{font-size:0;position:absolute;top:0;bottom:0;margin:auto;width:30px;height:30px;padding:0 8px;background:#3a424c;color:#fff;text-align:center;display:block!important} .category-slider-section .owl-nav .owl-prev{left:-40px} .category-slider-section .owl-nav .owl-prev:before{content:"\f053";font-family:FontAwesome;font-size:14px;line-height:30px} @media (max-width:768px){.category-slider-section .owl-nav .owl-prev{left:0}} .category-slider-section .owl-nav .owl-next{right:-40px} .category-slider-section .owl-nav .owl-next:before{content:"\f054";font-family:FontAwesome;font-size:14px;line-height:30px} @media (max-width:768px){.category-slider-section .owl-nav .owl-next{right:0}} .website_blog #main_column>div.mb32{padding:10px;border:1px solid #e6e6e6;min-height:84px} .website_blog #main_column>div.mb32 .post-meta{margin:15px 0 0;padding:8px;width:100%;display:inline-block;vertical-align:top;background:#eee;text-align:right} .website_blog #main_column>div.mb32 span.o_not_editable{float:left;margin-right:15px} .website_blog #main_column>div.mb32 span.o_not_editable .media-object{margin:0!important} .website_blog #main_column>div.mb32 a h2{font-size:15px;color:#13b2d9;margin:0;padding:0;font-weight:600} .website_blog #blog_right_column .fa{margin:3px} .website_blog #blog_right_column .fa:hover{color:#ff772d} .website_blog #blog_right_column>section.mt32{margin:0 0 20px!important;border:1px solid #e6e6e6;padding:10px} .website_blog #blog_right_column>section.mt32 h4{margin:0;padding:0 0 15px;font-weight:600} .website_blog #blog_right_column>section.mt32 .btn.btn-primary{font-size:13px} .website_blog #blog_right_column>section.mt32 .nav li a{color:#fff;background-color:#13b2d9} .website_blog #blog_right_column>section.mt32 .nav li a:hover{color:#fff;background-color:#ff772d} .website_blog #blog_right_column>section.mt32 .nav li.active a{background:#ff772d!important} .o_my_documents .table thead{background-color:#3a424c;border:1px solid #3a424c;color:#fff} .o_my_documents .table thead tr th{padding:10px;border-bottom:none;background-color:#3a424c} .o_my_documents .table tbody tr td{padding:20px 0} .o_my_documents .table tbody .input-group-addon:first-child,.o_my_documents .table tbody .input-group-addon:last-child{background-color:#13b2d9;color:#fff;border-radius:0;border:1px solid #bac2cb} .o_my_documents .table tbody .input-group .form-control:not(:first-child):not(:last-child),.o_my_documents .table tbody .input-group-addon:not(:first-child):not(:last-child),.o_my_documents .table tbody .input-group-btn:not(:first-child):not(:last-child){border:1px solid #bac2cb;border-left:none;border-right:none;color:#3a424c} .choose-us{display:inline-block;width:100%;border:1px solid #f1f1f1} .choose-us .oe_img_bg{background-size:cover!important;-moz-background-size:cover!important;-webkit-background-size:cover!important;-o-background-size:cover!important;background-repeat:no-repeat!important} .choose-us .left-block{text-align:center;padding:100px} @media (max-width:767px){.choose-us .left-block{padding:20px 0}} .choose-us .left-block h3{font-size:50px;font-weight:300;color:#3a424c} @media (max-width:767px){.choose-us .left-block h3{font-size:30px}} .choose-us .left-block p{padding:28px 0 68px;font-size:15px;font-weight:300;color:#818e9e} .choose-us .left-block img{margin:0 auto} .choose-us .right-block{padding:46px 63px} @media (max-width:767px){.choose-us .right-block{padding:20px 0}} .choose-us .right-block .panel{border:none;box-shadow:none;background-color:transparent} .choose-us .right-block .panel .panel-heading{padding:10px;background:0 0;font-size:20px;font-weight:600;color:#13b2d9;border-radius:0} .choose-us .right-block .panel .panel-heading .fa{margin-right:10px;font-size:20px} .choose-us .right-block .panel .panel-heading .panel-title{font-size:20px;font-weight:600;color:#13b2d9;padding-bottom:10px;border-bottom:1px solid #13b2d9;display:inline-block;width:100%;position:relative} .choose-us .right-block .panel .panel-heading .panel-title:focus,.choose-us .right-block .panel .panel-heading .panel-title:hover{text-decoration:none} .choose-us .right-block .panel .panel-heading .panel-title:before{content:"\f077";font-family:FontAwesome;position:absolute;right:15px} .choose-us .right-block .panel .panel-heading.collapsed .panel-title{color:#3a424c;border-bottom:1px solid #3a424c;border-color:#3a424c} .choose-us .right-block .panel .panel-heading.collapsed .panel-title:after{content:"\f078";font-family:FontAwesome;display:inline-block;position:absolute;right:15px} .choose-us .right-block .panel .panel-heading.collapsed .panel-title:before{content:"";display:none} .choose-us .right-block .panel-collapse .panel-body{border-top-color:transparent;background-color:transparent} .choose-us .right-block .panel-body{padding:25px;border-top:1px solid #d7dbe1;border-color:#d7dbe1} .choose-us .right-block .panel-body .panel-img{text-align:center} .choose-us .right-block .panel-body .panel-img img{margin:0 auto} .choose-us .right-block .panel-body .info{margin:20px 0 0} .choose-us .right-block .panel-body .panel-text{padding:25px 0 0 0} .choose-us .right-block .panel-body .panel-text ul{list-style-type:none;padding-left:15px} .choose-us .right-block .panel-body .panel-text ul li{margin:0 0 10px;list-style-type:none;padding-left:25px;position:relative} .choose-us .right-block .panel-body .panel-text p{margin-bottom:10px;font-size:15px;font-weight:300} .choose-us .right-block .panel-body .panel-text .icon{border-radius:50%;background-color:#13b2d9;height:18px;width:18px;line-height:18px;text-align:center;display:inline-block;margin-right:9px;vertical-align:top;position:absolute;top:4px;left:0} .choose-us .right-block .panel-body .panel-text .icon i{font-size:14px;color:#fff} .choose-us .right-block .panel-body .panel-text .data{font-size:15px} @media (min-width:800px) and (max-width:1500px){.choose-us .right-block .panel-body .panel-text .data{width:80%}} .facts{display:inline-block;width:100%;padding:40px 0 40px 0} .facts .block-title{margin-top:0} .counter-container{width:100%;padding:50px 0} .counter-container .fa{font-size:50px;color:#3a424c} .counter-container .counter-text{text-align:center;color:#13b2d9;font-size:16px;font-weight:700} .counter-container .icon{text-align:center} .counter-container .counter{color:#505b69;display:inline-block;font-size:36px;font-weight:600;width:100%;text-align:center;line-height:30px} .counter-container .counter-inner-content{margin-bottom:30px} @media only screen and (max-width:1024px){.counter-container .counter{font-size:33px}} @media only screen and (max-width:800px){.counter-container div>.counter{font-size:40px;display:block;width:100%}} #theme_customize_modal .modal-dialog{width:310px} #theme_customize_modal .modal-content{background:#0C2B54;border-radius:0} #theme_customize_modal .modal-content .modal-header{background:rgba(0,0,0,.38);border:none} #theme_customize_modal .modal-content .modal-header .close{color:#fff} #theme_customize_modal .modal-content .modal-header .modal-title{color:#fff;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:600} #theme_customize_modal .modal-content .modal-body label{color:#fff;cursor:pointer;font-family:'Open Sans',sans-serif} #theme_customize_modal .modal-content .modal-body div{font-family:'Open Sans',sans-serif} #theme_customize_modal .modal-content .modal-body .checked{position:relative;box-shadow:none!important} #theme_customize_modal .modal-content .modal-body .checked>div{box-shadow:none} #theme_customize_modal .modal-content .modal-body .checked img{box-shadow:none} #theme_customize_modal .modal-content .modal-body .checked:after{content:"\f058";font-family:FontAwesome;position:absolute;top:0;left:0;color:#000;background:#fff;width:20px;height:20px;border-radius:50%} #theme_customize_modal .modal-content .modal-body h5{margin:0 0 10px 0;padding:0 0 10px 0;width:100%;text-align:center;color:#fff;font-weight:300;display:inline-block;vertical-align:top;background:0 0;font-family:'Open Sans',sans-serif} #theme_customize_modal .modal-content .modal-body table{margin-bottom:18px} #theme_customize_modal .modal-content .modal-body table[name=color] label img{height:60px} #theme_customize_modal .modal-content .modal-body table[name=layout] div{background:0 0} #theme_customize_modal .modal-content .modal-body table[name=bg_patterns] td{padding:5px} #theme_customize_modal .modal-content .modal-body table[name=bg_patterns] label{width:100%;height:50px;float:left;border:2px solid #fff;margin:0} #theme_customize_modal .modal-content .modal-body table[name=bg_patterns] label span{width:100%;display:inline-block;height:47px;vertical-align:top} #theme_customize_modal .modal-content .modal-body table[name=bg_patterns] label .pf-color1{background:url(/theme_crafito/static/src/img/pattern.png)} #theme_customize_modal .modal-content .modal-body table[name=bg_patterns] label .pf-color2{background:url(/theme_crafito/static/src/img/pattern2.png)} #theme_customize_modal .modal-content .modal-body table[name=bg_patterns] label .pf-color3{background:url(/theme_crafito/static/src/img/pattern3.png)} #theme_customize_modal .modal-content .modal-body table[name=bg_patterns] label .pf-color4{background:url(/theme_crafito/static/src/img/pattern4.png)} #theme_customize_modal .modal-content .modal-body table[name=bg_patterns] label .pf-color5{background:url(/theme_crafito/static/src/img/pattern5.png)} #theme_customize_modal .modal-content .modal-body table[name=bg_patterns] label .pf-color6{background:url(/theme_crafito/static/src/img/pattern6.png)} .skill-counter .col-md-12 .custom_percentage,.skill-counter .col-md-3 .custom_percentage,.skill-counter .col-md-4 .custom_percentage,.skill-counter .col-md-6 .custom_percentage{max-width:250px;margin:0 auto} .event_category{padding:50px 0} .event_category .tab-pane .row{letter-spacing:-.31em} .event_category .tab-pane .row .col-md-3{float:none;display:inline-block;vertical-align:top;letter-spacing:normal} .event_category .nav-tabs{border:none;text-align:center;width:100%} .event_category .nav-tabs li{margin-right:8px;float:none;display:inline-block} @media (max-width:767px){.event_category .nav-tabs li{margin-right:0}} .event_category .nav-tabs li a{border:1px solid #3a424c;border-radius:5px;padding:3px 8px;color:#3a424c} .event_category .nav-tabs li a:hover{color:#13b2d9;background-color:transparent} .event_category .nav-tabs li.active a{border:1px solid #13b2d9;border-bottom:1px solid #13b2d9;color:#13b2d9} .event_category .tab-pane{display:inline-block;width:100%;padding:50px 0} .event_block{background-color:#ebebeb;margin-bottom:30px} .event_block .event_image{position:relative} .event_block .event_image .event_date_tag{display:inline-block;position:absolute;background:#13b2d9;color:#fff;padding:6px 8px;border-radius:5px;left:15px;top:15px;z-index:1} .event_block .blog_cover_image{width:100%;height:250px;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-position:center;position:relative;-moz-box-shadow:inset 0 -62px 103px rgba(0,0,0,.74);-webkit-box-shadow:inset 0 -62px 103px rgba(0,0,0,.74);box-shadow:inset 0 -62px 103px rgba(0,0,0,.74);padding:15px} .event_block .blog_cover_image .event_date{position:absolute;bottom:15px;left:15px;color:#fff;border:1px solid #fff;border-radius:5px;padding:2px 6px} .event_block .blog_cover_image .event_tickit{position:absolute;bottom:15px;right:15px;color:#fff;font-weight:600} .event_block .event_detail{padding:15px;width:100%;display:inline-block} .event_block .event_detail h3{margin-top:0;font-size:18px;font-weight:600;color:#3a424c;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis} .event_block .event_detail h4{font-size:15px;font-weight:400;color:#3a424c;margin-bottom:20px} .event_block .event_detail .event_tag{border:1px solid #3a424c;border-radius:5px;padding:2px 6px;margin:5px 0;display:inline-block} .event_block .event_detail .btn-primary{border-radius:5px!important;padding:2px 8px!important;float:right;font-weight:300!important;font-size:14px!important;margin:5px 0} .oe_prod_slider{padding:50px 0} .oe_prod_slider .block-title{margin-top:0} .oe_prod_slider .item{font-size:20px;text-align:center} .oe_prod_slider .item a{display:block} .oe_prod_slider .item a img{margin-bottom:15px} .oe_prod_slider .item a:focus,.oe_prod_slider .item a:hover{text-decoration:none;color:#ff772d} .popover.tour .popover-title{background-color:#ff772d;color:#fff} .popover.tour .btn-default{border:1px solid #ff772d} .popover.tour .btn-default:hover{color:#fff;background-color:#ff772d} .popover.tour .btn-link{color:#ff772d} div#left_column{width:100%;display:inline-block} div#left_column .nav{text-align:center;margin-bottom:50px} div#left_column .nav li{display:inline-block} div#left_column .nav li a{border:1px solid #e6e6e6;padding:10px 20px;display:inline-block;vertical-align:top} div#left_column .nav li a .badge{background:#13b2d9} div#left_column .nav li a:active,div#left_column .nav li a:focus,div#left_column .nav li a:hover{background:#13b2d9;color:#fff} div#left_column .nav li a:active .badge,div#left_column .nav li a:focus .badge,div#left_column .nav li a:hover .badge{color:#13b2d9;background:#fff} div#left_column .nav li.active a{background:#13b2d9;color:#fff;border-color:#13b2d9} div#left_column .nav li.active a .badge{color:#13b2d9;background:#fff} div#middle_column{width:100%} div#middle_column .media-list{letter-spacing:-.31em;margin:0 -10px;text-align:center} div#middle_column .media-list li{text-align:left;letter-spacing:normal;width:25%;display:inline-block;vertical-align:top;margin:0 0 10px;padding:0 10px} @media (max-width:767px){div#middle_column .media-list li{width:100%;margin-bottom:15px}} div#middle_column .media-list li .media-body{background:#f6f6f6;border:1px solid #e9e9e9;padding:10px} div#middle_column .media-list li .media-body .fa{margin-right:5px} div#middle_column .media-list li .media-body .media-heading{margin:0 0 5px} div#middle_column .media-list li .media-body .media-heading a{color:#3a424c;font-weight:600;font-size:14px} div#middle_column .media-list li .media-body .media-heading a:hover{color:#13b2d9;text-decoration:none} div#middle_column .media-list li .media-body div{margin:5px 0 0 0;font-size:12px;word-break:break-all} div#middle_column .media-list li .media-body div span{word-break:break-all} div#middle_column .media-list li .media-body .fa{color:#13b2d9} #registration_form table thead th{background:#3a424c;color:#fff} .o_website_event .col-md-4 .panel-default .panel-heading{padding:10px;background:#ff772d;color:#fff;border-radius:0} .o_website_event .col-md-4 .panel-default .panel-heading h4{margin:0;padding:0} .o_website_event .col-md-4 .panel-default .panel-body{border:1px solid #e6e6e6} .section-404{background:0 0;border:none} .section-404 .content-404{height:auto;width:100%;background-color:#13b2d9;margin-bottom:20px} .section-404 .content-404 label{display:inline-block;top:0;max-width:100%;margin-bottom:5px;font-weight:700;color:#fff;font-size:145px;position:absolute;left:62px} @media (max-width:1200px){.section-404 .content-404 label{font-size:150px}} @media (max-width:767px){.section-404 .content-404 label{font-size:60px}} @media (max-width:550px){.section-404 .content-404 label{font-size:40px;left:20px}} .section-404 .not-found-message{font-size:20px;font-weight:500} .section-404 .try-pages{font-size:14px;margin:15px 0} .section-404 .try-pages span{display:block;margin:20px} .section-404 .try-pages span a{margin-left:20px;background-color:#3a424c;color:#fff;padding:10px 15px;font-weight:500} .section-404 .try-pages span a:hover{text-decoration:none} @media (max-width:480px){.section-404 .try-pages span a{margin:20px;width:100%;margin-left:0}} .cd-top{width:50px;height:50px;background:#ff772d;color:#fff;float:left;text-align:center;line-height:50px;position:fixed;z-index:9999;bottom:-50px;right:-50px;border:1px solid transparent;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} .cd-top:active,.cd-top:focus,.cd-top:hover{color:#3a424c} .cd-top .fa{font-size:22px} .cd-top.cd-is-visible{bottom:50px;right:50px} @media (max-width:767px){.cd-top.cd-is-visible{bottom:50px;right:5px}} ul.navbar-nav li.dropdown:hover .dropdown-menu{display:block} #idTextPanel{word-break:break-all} .features .feature-content .f-block i{transition:all .3s linear} .features .feature-content .f-block:hover i{color:#818e9e} #theme_crafito_custom_second_team .container{letter-spacing:-.31em} #theme_crafito_custom_second_team .container .col-md-3{float:none;display:inline-block;vertical-align:top;letter-spacing:normal} 

/* /website_animate/static/src/less/o_animate_library.css defined in bundle 'website.assets_frontend' */
@-moz-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); -o-transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); -moz-transform: scale3d(0.97, 0.97, 0.97); -ms-transform: scale3d(0.97, 0.97, 0.97); -o-transform: scale3d(0.97, 0.97, 0.97);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); -o-transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); -moz-transform: scale3d(0.97, 0.97, 0.97); -ms-transform: scale3d(0.97, 0.97, 0.97); -o-transform: scale3d(0.97, 0.97, 0.97);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); -o-transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); -moz-transform: scale3d(0.97, 0.97, 0.97); -ms-transform: scale3d(0.97, 0.97, 0.97); -o-transform: scale3d(0.97, 0.97, 0.97);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} .o_anim_bounce_in{-webkit-animation-name: o_anim_bounce_in; animation-name: o_anim_bounce_in; -webkit-animation-duration: 0.75s; animation-duration: 0.75s;} @-moz-keyframes o_anim_bounce_in_down{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_bounce_in_down{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_bounce_in_down{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_bounce_in_down{-webkit-animation-name: o_anim_bounce_in_down; animation-name: o_anim_bounce_in_down;} @-moz-keyframes o_anim_bounce_in_left{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_bounce_in_left{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_bounce_in_left{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_bounce_in_left{-webkit-animation-name: o_anim_bounce_in_left; animation-name: o_anim_bounce_in_left;} @-moz-keyframes o_anim_bounce_in_right{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_bounce_in_right{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_bounce_in_right{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_bounce_in_right{-webkit-animation-name: o_anim_bounce_in_right; animation-name: o_anim_bounce_in_right;} @-moz-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} .o_anim_fade_in{-webkit-animation-name: o_anim_fade_in; animation-name: o_anim_fade_in;} @-moz-keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_fade_in_down{-webkit-animation-name: o_anim_fade_in_down; animation-name: o_anim_fade_in_down;} @-moz-keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_fade_in_left{-webkit-animation-name: o_anim_fade_in_left; animation-name: o_anim_fade_in_left;} @-moz-keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_fade_in_right{-webkit-animation-name: o_anim_fade_in_right; animation-name: o_anim_fade_in_right;} @-moz-keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_fade_in_up{-webkit-animation-name: o_anim_fade_in_up; animation-name: o_anim_fade_in_up;} @-moz-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} .o_anim_fade_out{-webkit-animation-name: o_anim_fade_out; animation-name: o_anim_fade_out;} @-moz-keyframes o_anim_rotate_in{0%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -moz-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); -o-transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @-webkit-keyframes o_anim_rotate_in{0%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -moz-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); -o-transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @keyframes o_anim_rotate_in{0%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -moz-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); -o-transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} .o_anim_rotate_in{-webkit-animation-name: o_anim_rotate_in; animation-name: o_anim_rotate_in;} @-moz-keyframes o_anim_rotate_in_down_left{0%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @-webkit-keyframes o_anim_rotate_in_down_left{0%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @keyframes o_anim_rotate_in_down_left{0%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} .o_anim_rotate_in_down_left{-webkit-animation-name: o_anim_rotate_in_down_left; animation-name: o_anim_rotate_in_down_left;} @-moz-keyframes o_anim_rotate_in_down_right{0%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @-webkit-keyframes o_anim_rotate_in_down_right{0%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @keyframes o_anim_rotate_in_down_right{0%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} .o_anim_rotate_in_down_right{-webkit-animation-name: o_anim_rotate_in_down_right; animation-name: o_anim_rotate_in_down_right;} @-moz-keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @-webkit-keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} .o_anim_zoom_in{-webkit-animation-name: o_anim_zoom_in; animation-name: o_anim_zoom_in;} @-moz-keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_down{-webkit-animation-name: o_anim_zoom_in_down; animation-name: o_anim_zoom_in_down;} @-moz-keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_left{-webkit-animation-name: o_anim_zoom_in_left; animation-name: o_anim_zoom_in_left;} @-moz-keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_right{-webkit-animation-name: o_anim_zoom_in_right; animation-name: o_anim_zoom_in_right;} @-moz-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @-webkit-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .o_anim_flash{-webkit-animation-name: o_anim_flash; animation-name: o_anim_flash;} @-moz-keyframes o_anim_pulse{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); -moz-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); -o-transform: scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_pulse{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); -moz-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); -o-transform: scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @keyframes o_anim_pulse{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); -moz-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); -o-transform: scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} .o_anim_pulse{-webkit-animation-name: o_anim_pulse; animation-name: o_anim_pulse;} @-moz-keyframes o_anim_shake{0%, 100%{-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);}} @-webkit-keyframes o_anim_shake{0%, 100%{-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 o_anim_shake{0%, 100%{-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);}} .o_anim_shake{-webkit-animation-name: o_anim_shake; animation-name: o_anim_shake;} @-moz-keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} .o_anim_tada{-webkit-animation-name: o_anim_tada; animation-name: o_anim_tada;} @-moz-keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 90deg); -moz-transform: rotate3d(1, 0, 0, 90deg); -ms-transform: rotate3d(1, 0, 0, 90deg); -o-transform: rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -20deg); -moz-transform: rotate3d(1, 0, 0, -20deg); -ms-transform: rotate3d(1, 0, 0, -20deg); -o-transform: rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 10deg); -moz-transform: rotate3d(1, 0, 0, 10deg); -ms-transform: rotate3d(1, 0, 0, 10deg); -o-transform: rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -5deg); -moz-transform: rotate3d(1, 0, 0, -5deg); -ms-transform: rotate3d(1, 0, 0, -5deg); -o-transform: rotate3d(1, 0, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 90deg); -moz-transform: rotate3d(1, 0, 0, 90deg); -ms-transform: rotate3d(1, 0, 0, 90deg); -o-transform: rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -20deg); -moz-transform: rotate3d(1, 0, 0, -20deg); -ms-transform: rotate3d(1, 0, 0, -20deg); -o-transform: rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 10deg); -moz-transform: rotate3d(1, 0, 0, 10deg); -ms-transform: rotate3d(1, 0, 0, 10deg); -o-transform: rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -5deg); -moz-transform: rotate3d(1, 0, 0, -5deg); -ms-transform: rotate3d(1, 0, 0, -5deg); -o-transform: rotate3d(1, 0, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 90deg); -moz-transform: rotate3d(1, 0, 0, 90deg); -ms-transform: rotate3d(1, 0, 0, 90deg); -o-transform: rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -20deg); -moz-transform: rotate3d(1, 0, 0, -20deg); -ms-transform: rotate3d(1, 0, 0, -20deg); -o-transform: rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 10deg); -moz-transform: rotate3d(1, 0, 0, 10deg); -ms-transform: rotate3d(1, 0, 0, 10deg); -o-transform: rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -5deg); -moz-transform: rotate3d(1, 0, 0, -5deg); -ms-transform: rotate3d(1, 0, 0, -5deg); -o-transform: rotate3d(1, 0, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} .o_anim_flip_in_x{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: o_anim_flip_in_x; animation-name: o_anim_flip_in_x;} @-moz-keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 90deg); -moz-transform: rotate3d(0, 1, 0, 90deg); -ms-transform: rotate3d(0, 1, 0, 90deg); -o-transform: rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -20deg); -moz-transform: rotate3d(0, 1, 0, -20deg); -ms-transform: rotate3d(0, 1, 0, -20deg); -o-transform: rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 10deg); -moz-transform: rotate3d(0, 1, 0, 10deg); -ms-transform: rotate3d(0, 1, 0, 10deg); -o-transform: rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -5deg); -moz-transform: rotate3d(0, 1, 0, -5deg); -ms-transform: rotate3d(0, 1, 0, -5deg); -o-transform: rotate3d(0, 1, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 90deg); -moz-transform: rotate3d(0, 1, 0, 90deg); -ms-transform: rotate3d(0, 1, 0, 90deg); -o-transform: rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -20deg); -moz-transform: rotate3d(0, 1, 0, -20deg); -ms-transform: rotate3d(0, 1, 0, -20deg); -o-transform: rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 10deg); -moz-transform: rotate3d(0, 1, 0, 10deg); -ms-transform: rotate3d(0, 1, 0, 10deg); -o-transform: rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -5deg); -moz-transform: rotate3d(0, 1, 0, -5deg); -ms-transform: rotate3d(0, 1, 0, -5deg); -o-transform: rotate3d(0, 1, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 90deg); -moz-transform: rotate3d(0, 1, 0, 90deg); -ms-transform: rotate3d(0, 1, 0, 90deg); -o-transform: rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -20deg); -moz-transform: rotate3d(0, 1, 0, -20deg); -ms-transform: rotate3d(0, 1, 0, -20deg); -o-transform: rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 10deg); -moz-transform: rotate3d(0, 1, 0, 10deg); -ms-transform: rotate3d(0, 1, 0, 10deg); -o-transform: rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -5deg); -moz-transform: rotate3d(0, 1, 0, -5deg); -ms-transform: rotate3d(0, 1, 0, -5deg); -o-transform: rotate3d(0, 1, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} .o_anim_flip_in_y{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: o_anim_flip_in_y; animation-name: o_anim_flip_in_y;} 

/* /website_animate/static/src/less/o_animate_utility_classes.css defined in bundle 'website.assets_frontend' */
 #oe_manipulators .dropdown-menu li.snippet-option-o_animate > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a{padding-left: 30px;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate > a:before, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a:before, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a:before, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a:before{content: " "; display: block; width: 16px; height: 17px; top: 5px; background-image: url("/website_animate/static/src/less/../images/icon.png"); background-repeat: no-repeat; background-size: 100%; position: absolute; left: 5px;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate li.active > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration li.active > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay li.active > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options li.active > a{color: #555; background-color: #EFEFEF;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate li.active > a:after, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration li.active > a:after, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay li.active > a:after, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options li.active > a:after{font-family: FontAwesome; content: "\f00c"; color: #16A085; float: right; text-shadow: -1px 0px 0px #ffffff;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > ul, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > ul{border-top-left-radius: 0; border-top-right-radius: 0; padding-top: 0;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline{display: block; width: 100%; height: 5px; margin-bottom: 5px; position: relative; background-color: #f7f7f7; border-bottom: 1px solid #eaeaea;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline > span, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline > span{float: left; display: inline-block; position: relative; height: 5px;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline span[simulate="duration"], #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline span[simulate="duration"]{position: absolute; float: left; left: 0; height: 100%; background: #21b799; width: 0%; -webkit-animation-name: o_animate_timeline_duration; animation-name: o_animate_timeline_duration; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline span[simulate="delay"], #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline span[simulate="delay"]{position: absolute; float: left; left: 0; height: 100%; background: #a4498c; width: 0%; -webkit-animation-name: o_animate_timeline_delay; animation-name: o_animate_timeline_delay; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a:before{background-image: url("/website_animate/static/src/less/../images/time.png");} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a:before{background-image: url("/website_animate/static/src/less/../images/delay.png");} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a:before{background-image: url("/website_animate/static/src/less/../images/opt.png");} .o_animate{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden;} .o_animate_preview{visibility: visible;} .o_anim_dur500{-webkit-animation-duration: 500ms; animation-duration: 500ms;} .o_anim_dur1500{-webkit-animation-duration: 1500ms; animation-duration: 1500ms;} .o_anim_dur2000{-webkit-animation-duration: 2000ms; animation-duration: 2000ms;} .o_anim_dur2500{-webkit-animation-duration: 2500ms; animation-duration: 2500ms;} .o_anim_dur3000{-webkit-animation-duration: 3000ms; animation-duration: 3000ms;} .o_anim_del500{-webkit-animation-delay: 500ms; animation-delay: 500ms;} .o_anim_del1000{-webkit-animation-delay: 1000ms; animation-delay: 1000ms;} .o_anim_del1500{-webkit-animation-delay: 1500ms; animation-delay: 1500ms;} .o_anim_del2000{-webkit-animation-delay: 2000ms; animation-delay: 2000ms;} .o_anim_del2500{-webkit-animation-delay: 2500ms; animation-delay: 2500ms;} 

/* /theme_crafito/static/src/less/options/bg_patterns/bg-pattern-1.less defined in bundle 'website.assets_frontend' */
body{background:url(/theme_crafito/static/src/img/pattern.png)} 

/* /theme_crafito/static/src/less/options/fonts/font-style-open-sans-font.less defined in bundle 'website.assets_frontend' */
body{font-family:'Open Sans',sans-serif} 

/* /website_event_track/static/src/css/website_event_track.css defined in bundle 'website.assets_frontend' */
.o_website_event .ribbon-wrapper{width: 60px; height: 60px; z-index: 5; overflow: hidden; position: absolute; top: 0; right: 0;} .o_website_event .ribbon{font: bold 13px Sans-Serif; color: #404040; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 5px 0; left: -4px; top: 8px; width: 90px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);} .o_website_event .ribbon.ribbon_Gold{background-color: #FDE21B; background-image: -webkit-gradient(linear, left top, left bottom, from(#E9CE0C), to(#FDE21B)); background-image: -webkit-linear-gradient(top, #E9CE0C, #FDE21B); background-image: -moz-linear-gradient(top, #E9CE0C, #FDE21B); background-image: -ms-linear-gradient(top, #E9CE0C, #FDE21B); background-image: -o-linear-gradient(top, #E9CE0C, #FDE21B);} .o_website_event .ribbon.ribbon_Silver{background-color: #CCCCCC; background-image: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#CCCCCC)); background-image: -webkit-linear-gradient(top, #BBBBBB, #CCCCCC); background-image: -moz-linear-gradient(top, #BBBBBB, #CCCCCC); background-image: -ms-linear-gradient(top, #BBBBBB, #CCCCCC); background-image: -o-linear-gradient(top, #BBBBBB, #CCCCCC);} .o_website_event .ribbon.ribbon_Bronze{background-color: #DB9141; background-image: -webkit-gradient(linear, left top, left bottom, from(#C2792A), to(#DB9141)); background-image: -webkit-linear-gradient(top, #C2792A, #DB9141); background-image: -moz-linear-gradient(top, #C2792A, #DB9141); background-image: -ms-linear-gradient(top, #C2792A, #DB9141); background-image: -o-linear-gradient(top, #C2792A, #DB9141);} .o_website_event .event_color_0{background-color: white; color: #5a5a5a;} .o_website_event .event_color_1{background-color: #cccccc; color: #424242;} .o_website_event .event_color_2{background-color: #ffc7c7; color: #7a3737;} .o_website_event .event_color_3{background-color: #fff1c7; color: #756832;} .o_website_event .event_color_4{background-color: #e3ffc7; color: #5d6937;} .o_website_event .event_color_5{background-color: #c7ffd5; color: #1a7759;} .o_website_event .event_color_6{background-color: #c7ffff; color: #1a5d83;} .o_website_event .event_color_7{background-color: #c7d5ff; color: #3b3e75;} .o_website_event .event_color_8{background-color: #e3c7ff; color: #4c3668;} .o_website_event .event_color_9{background-color: #ffc7f1; color: #6d2c70;} 

/* /website_hr/static/src/less/website_hr.less defined in bundle 'website.assets_frontend' */
.o_avatar_info_container{height:250px} 

/* /website_portal_sale/static/src/less/website_portal_sale.less defined in bundle 'website.assets_frontend' */
.orders_vertical_align{display:flex;align-items:center} .orders_label_text_align{vertical-align:15%} 

/* /website_quote/static/src/css/website_quotation.css defined in bundle 'website.assets_frontend' */
.o_website_quote .bs-sidebar{position: fixed; z-index : 1; background-color: #f7f5fa; border-radius: 5px;} @media (max-width: 992px){.o_website_quote .bs-sidebar{position: relative;}} .o_website_quote .bs-sidenav{padding-top: 10px; padding-bottom: 10px;} .o_website_quote .bs-sidebar .nav > li > a{display: block; color: #716b7a; padding: 5px 20px;} .o_website_quote .bs-sidebar .nav > .active > a, .o_website_quote .bs-sidebar .nav > .active:hover > a, .o_website_quote .bs-sidebar .nav > .active:focus > a{font-weight: bold; color: #563d7c; background-color: transparent; border-right: 1px solid #563d7c;} .o_website_quote .bs-sidebar .nav .nav{display: none; margin-bottom: 8px;} .o_website_quote .bs-sidebar .nav .nav > li > a{padding-top: 3px; padding-bottom: 3px; padding-left: 30px; font-size: 90%;} .wq-table{table-layout: auto !important;} .wq-table th, .wq-table td{border-top: none !important;} @media (min-width: 992px){.o_website_quote .bs-sidebar .nav > .active > ul{display: block;}.o_website_quote .bs-sidebar{width: 213px;}} @media (min-width: 1200px){.o_website_quote .bs-sidebar{width: 263px;}} @media print{body{padding : 0 !important;}} 

/* /website_product_pack/static/src/css/website_product_pack.css defined in bundle 'website.assets_frontend' */
.oe_product.wk_bundle_product .wk_pack_product_wrapper{display: block;} .wk_pack_product_wrapper{display: none; width: 80px; height: 80px; z-index: 5; overflow: hidden; position: absolute;} .oe_product .wk_pack_ribbon{font: bold 15px Sans-Serif; color: white; text-align: center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; padding: 7px 0; left: -37px; top: 10px; width: 137px; cursor: default; background-color:#c2185b;} .main_div_price_saved{position:absolute; height: 35px; width:85px; margin-left: 120%; top:-6px; text-align:center; border-radius:5px; background-color: #BA68C8; color:white; font-size: 12px;} .wk_span_save{display:block;} .wk_price_save_cart{height: 31px; font-size: 14px; width:90px; display:inline-block; border-radius:5px; background-color: #BA68C8; margin-left: 5%; color:white; text-align:center;} .product_image_modal{height:80%; width:80%;} .wk_modal_outer_div{display: inline; margin-top: 6%;} .wk_modal_text{font-size: 14px; margin-top: 5px;} .wk_pack_product_unit_price{white-space: nowrap; color:#B71C1C; margin-left:5px} .btn_modal_pack{display:block; margin-bottom:5px; background-color: #B2EBF2; border-radius:8px;} .image_div{height:150px; width:150px;} .wk_alert_message{cursor:pointer; opacity: 0.6;} .wk_alert_message1111{opacity:0.4 !important; background-color: red; display: inline !important;} 

/* /website_wishlist/static/src/css/wk_wishlist.css defined in bundle 'website.assets_frontend' */
.add_to_wishlist{font-family: "Times New Roman", Times, serif; font-weight: 700; font-size: 16px;}