/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html{ font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } body{ margin:0 } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{ display:block } audio,canvas,progress,video{ display:inline-block; vertical-align:baseline } audio:not([controls]){ display:none; height:0 } [hidden],template{ display:none } a{ background-color:transparent } a:active,a:hover{ outline:0 } abbr[title]{ border-bottom:1px dotted } b,strong{ font-weight:700 } dfn{ font-style:italic } h1{ font-size:2em; margin:.67em 0 } mark{ background:#ff0; color:#000 } small{ font-size:80% } sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup{ top:-.5em } sub{ bottom:-.25em } img{ border:0 } svg:not(:root){ overflow:hidden } figure{ margin:1em 40px } hr{ box-sizing:content-box; height:0 } pre{ overflow:auto } code,kbd,pre,samp{ font-family:monospace,monospace; font-size:1em } button,input,optgroup,select,textarea{ color:inherit; font:inherit; margin:0 } button{ overflow:visible } button,select{ text-transform:none } button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; cursor:pointer } button[disabled],html input[disabled]{ cursor:default } button::-moz-focus-inner,input::-moz-focus-inner{ border:0; padding:0 } input{ line-height:normal } input[type=checkbox],input[type=radio]{ box-sizing:border-box; padding:0 } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{ height:auto } input[type=search]{ -webkit-appearance:textfield; box-sizing:content-box } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{ -webkit-appearance:none } fieldset{ border:1px solid silver; margin:0 2px; padding:.35em .625em .75em } legend{ border:0 } textarea{ overflow:auto } optgroup{ font-weight:700 } table{ border-collapse:collapse; border-spacing:0 } legend,td,th{ padding:0 } /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ @-webkit-keyframes bounce{ 0%,20%,53%,80%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1); -webkit-transform:translateZ(0); transform:translateZ(0) } 40%,43%{ -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 40%,43%,70%{ -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06); animation-timing-function:cubic-bezier(.755,.05,.855,.06) } 70%{ -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0) } 90%{ -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0) } } @keyframes bounce{ 0%,20%,53%,80%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1); -webkit-transform:translateZ(0); transform:translateZ(0) } 40%,43%{ -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 40%,43%,70%{ -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06); animation-timing-function:cubic-bezier(.755,.05,.855,.06) } 70%{ -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0) } 90%{ -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0) } } @-webkit-keyframes flash{ 0%,50%,to{ opacity:1 } 25%,75%{ opacity:0 } } @keyframes flash{ 0%,50%,to{ opacity:1 } 25%,75%{ opacity:0 } } @-webkit-keyframes pulse{ 0%,to{ -webkit-transform:scaleX(1); transform:scaleX(1) } 50%{ -webkit-transform:scale3d(1.05,1.05,1.05); transform:scale3d(1.05,1.05,1.05) } } @keyframes pulse{ 0%,to{ -webkit-transform:scaleX(1); transform:scaleX(1) } 50%{ -webkit-transform:scale3d(1.05,1.05,1.05); transform:scale3d(1.05,1.05,1.05) } } @-webkit-keyframes rubberBand{ 0%,to{ -webkit-transform:scaleX(1); transform:scaleX(1) } 30%{ -webkit-transform:scale3d(1.25,.75,1); transform:scale3d(1.25,.75,1) } 40%{ -webkit-transform:scale3d(.75,1.25,1); transform:scale3d(.75,1.25,1) } 50%{ -webkit-transform:scale3d(1.15,.85,1); transform:scale3d(1.15,.85,1) } 65%{ -webkit-transform:scale3d(.95,1.05,1); transform:scale3d(.95,1.05,1) } 75%{ -webkit-transform:scale3d(1.05,.95,1); transform:scale3d(1.05,.95,1) } } @keyframes rubberBand{ 0%,to{ -webkit-transform:scaleX(1); transform:scaleX(1) } 30%{ -webkit-transform:scale3d(1.25,.75,1); transform:scale3d(1.25,.75,1) } 40%{ -webkit-transform:scale3d(.75,1.25,1); transform:scale3d(.75,1.25,1) } 50%{ -webkit-transform:scale3d(1.15,.85,1); transform:scale3d(1.15,.85,1) } 65%{ -webkit-transform:scale3d(.95,1.05,1); transform:scale3d(.95,1.05,1) } 75%{ -webkit-transform:scale3d(1.05,.95,1); transform:scale3d(1.05,.95,1) } } @-webkit-keyframes shake{ 0%,to{ -webkit-transform:translateZ(0); transform:translateZ(0) } 10%,30%,50%,70%,90%{ -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0) } 20%,40%,60%,80%{ -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0) } } @keyframes shake{ 0%,to{ -webkit-transform:translateZ(0); transform:translateZ(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 headShake{ 0%,50%{ -webkit-transform:translateX(0); transform:translateX(0) } 6.5%{ -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg) } 18.5%{ -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg) } 31.5%{ -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg) } 43.5%{ -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg) } } @keyframes headShake{ 0%,50%{ -webkit-transform:translateX(0); transform:translateX(0) } 6.5%{ -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg) } 18.5%{ -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg) } 31.5%{ -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg) } 43.5%{ -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg) } } @-webkit-keyframes swing{ 20%{ -webkit-transform:rotate(15deg); transform:rotate(15deg) } 40%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 60%{ -webkit-transform:rotate(5deg); transform:rotate(5deg) } 80%{ -webkit-transform:rotate(-5deg); transform:rotate(-5deg) } to{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } } @keyframes swing{ 20%{ -webkit-transform:rotate(15deg); transform:rotate(15deg) } 40%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 60%{ -webkit-transform:rotate(5deg); transform:rotate(5deg) } 80%{ -webkit-transform:rotate(-5deg); transform:rotate(-5deg) } to{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } } @-webkit-keyframes tada{ 0%,to{ -webkit-transform:scaleX(1); transform:scaleX(1) } 10%,20%{ -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg); transform:scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg); transform:scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg); transform:scale3d(1.1,1.1,1.1) rotate(-3deg) } } @keyframes tada{ 0%,to{ -webkit-transform:scaleX(1); transform:scaleX(1) } 10%,20%{ -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg); transform:scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg); transform:scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg); transform:scale3d(1.1,1.1,1.1) rotate(-3deg) } } @-webkit-keyframes wobble{ 0%,to{ -webkit-transform:none; transform:none } 15%{ -webkit-transform:translate3d(-25%,0,0) rotate(-5deg); transform:translate3d(-25%,0,0) rotate(-5deg) } 30%{ -webkit-transform:translate3d(20%,0,0) rotate(3deg); transform:translate3d(20%,0,0) rotate(3deg) } 45%{ -webkit-transform:translate3d(-15%,0,0) rotate(-3deg); transform:translate3d(-15%,0,0) rotate(-3deg) } 60%{ -webkit-transform:translate3d(10%,0,0) rotate(2deg); transform:translate3d(10%,0,0) rotate(2deg) } 75%{ -webkit-transform:translate3d(-5%,0,0) rotate(-1deg); transform:translate3d(-5%,0,0) rotate(-1deg) } } @keyframes wobble{ 0%,to{ -webkit-transform:none; transform:none } 15%{ -webkit-transform:translate3d(-25%,0,0) rotate(-5deg); transform:translate3d(-25%,0,0) rotate(-5deg) } 30%{ -webkit-transform:translate3d(20%,0,0) rotate(3deg); transform:translate3d(20%,0,0) rotate(3deg) } 45%{ -webkit-transform:translate3d(-15%,0,0) rotate(-3deg); transform:translate3d(-15%,0,0) rotate(-3deg) } 60%{ -webkit-transform:translate3d(10%,0,0) rotate(2deg); transform:translate3d(10%,0,0) rotate(2deg) } 75%{ -webkit-transform:translate3d(-5%,0,0) rotate(-1deg); transform:translate3d(-5%,0,0) rotate(-1deg) } } @-webkit-keyframes jello{ 0%,11.1%,to{ -webkit-transform:none; transform:none } 22.2%{ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) } 33.3%{ -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) } 44.4%{ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) } 55.5%{ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) } 66.6%{ -webkit-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7%{ -webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg) } 88.8%{ -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello{ 0%,11.1%,to{ -webkit-transform:none; transform:none } 22.2%{ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) } 33.3%{ -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) } 44.4%{ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) } 55.5%{ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) } 66.6%{ -webkit-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7%{ -webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg) } 88.8%{ -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) } } @-webkit-keyframes bounceIn{ 0%,20%,40%,60%,80%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0%{ opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 20%{ -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 40%{ -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 60%{ opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03) } 80%{ -webkit-transform:scale3d(.97,.97,.97); transform:scale3d(.97,.97,.97) } to{ opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1) } } @keyframes bounceIn{ 0%,20%,40%,60%,80%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0%{ opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 20%{ -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } 40%{ -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 60%{ opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03) } 80%{ -webkit-transform:scale3d(.97,.97,.97); transform:scale3d(.97,.97,.97) } to{ opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1) } } @-webkit-keyframes bounceInDown{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.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) } to{ -webkit-transform:none; transform:none } } @keyframes bounceInDown{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.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) } to{ -webkit-transform:none; transform:none } } @-webkit-keyframes bounceInLeft{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.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) } to{ -webkit-transform:none; transform:none } } @keyframes bounceInLeft{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.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) } to{ -webkit-transform:none; transform:none } } @-webkit-keyframes bounceInRight{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.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) } to{ -webkit-transform:none; transform:none } } @keyframes bounceInRight{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.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) } to{ -webkit-transform:none; transform:none } } @-webkit-keyframes bounceInUp{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0%{ opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0) } 60%{ opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0) } 75%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0) } 90%{ -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0) } to{ -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes bounceInUp{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); animation-timing-function:cubic-bezier(.215,.61,.355,1) } 0%{ opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0) } 60%{ opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0) } 75%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0) } 90%{ -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0) } to{ -webkit-transform:translateZ(0); transform:translateZ(0) } } @-webkit-keyframes bounceOut{ 20%{ -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 50%,55%{ opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } to{ opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } } @keyframes bounceOut{ 20%{ -webkit-transform:scale3d(.9,.9,.9); transform:scale3d(.9,.9,.9) } 50%,55%{ opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1) } to{ opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } } @-webkit-keyframes bounceOutDown{ 20%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0) } 40%,45%{ opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0) } to{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } @keyframes bounceOutDown{ 20%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0) } 40%,45%{ opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0) } to{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } @-webkit-keyframes bounceOutLeft{ 20%{ opacity:1; -webkit-transform:translate3d(20px,0,0); transform:translate3d(20px,0,0) } to{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } @keyframes bounceOutLeft{ 20%{ opacity:1; -webkit-transform:translate3d(20px,0,0); transform:translate3d(20px,0,0) } to{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } @-webkit-keyframes bounceOutRight{ 20%{ opacity:1; -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0) } to{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } @keyframes bounceOutRight{ 20%{ opacity:1; -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0) } to{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } @-webkit-keyframes bounceOutUp{ 20%{ -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0) } 40%,45%{ opacity:1; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0) } to{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } @keyframes bounceOutUp{ 20%{ -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0) } 40%,45%{ opacity:1; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0) } to{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } @-webkit-keyframes fadeIn{ 0%{ opacity:0 } to{ opacity:1 } } @keyframes fadeIn{ 0%{ opacity:0 } to{ opacity:1 } } @-webkit-keyframes fadeInDown{ 0%{ opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDown{ 0%{ opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @-webkit-keyframes fadeInDownBig{ 0%{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDownBig{ 0%{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @-webkit-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @-webkit-keyframes fadeInLeftBig{ 0%{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeftBig{ 0%{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @-webkit-keyframes fadeInRight{ 0%{ opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRight{ 0%{ opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @-webkit-keyframes fadeInRightBig{ 0%{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRightBig{ 0%{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @-webkit-keyframes fadeInUp{ 0%{ opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUp{ 0%{ opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @-webkit-keyframes fadeInUpBig{ 0%{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUpBig{ 0%{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } to{ opacity:1; -webkit-transform:none; transform:none } } @-webkit-keyframes fadeOut{ 0%{ opacity:1 } to{ opacity:0 } } @keyframes fadeOut{ 0%{ opacity:1 } to{ opacity:0 } } @-webkit-keyframes fadeOutDown{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } } @keyframes fadeOutDown{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } } @-webkit-keyframes fadeOutDownBig{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } @keyframes fadeOutDownBig{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0) } } @-webkit-keyframes fadeOutLeft{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } } @keyframes fadeOutLeft{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } } @-webkit-keyframes fadeOutLeftBig{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0) } } @-webkit-keyframes fadeOutRight{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } @keyframes fadeOutRight{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } @-webkit-keyframes fadeOutRightBig{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } @keyframes fadeOutRightBig{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0) } } @-webkit-keyframes fadeOutUp{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } @keyframes fadeOutUp{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } @-webkit-keyframes fadeOutUpBig{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0) } } @-webkit-keyframes flip{ 0%{ -webkit-transform:perspective(400px) rotateY(-360deg); transform:perspective(400px) rotateY(-360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40%{ -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg); transform:perspective(400px) translateZ(150px) rotateY(-190deg) } 50%{ -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg); transform:perspective(400px) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) scale3d(.95,.95,.95); transform:perspective(400px) scale3d(.95,.95,.95) } to{ -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } @keyframes flip{ 0%{ -webkit-transform:perspective(400px) rotateY(-360deg); transform:perspective(400px) rotateY(-360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40%{ -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg); transform:perspective(400px) translateZ(150px) rotateY(-190deg) } 50%{ -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg); transform:perspective(400px) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) scale3d(.95,.95,.95); transform:perspective(400px) scale3d(.95,.95,.95) } to{ -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } @-webkit-keyframes flipInX{ 0%{ -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg) } 60%{ -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); opacity:1 } 80%{ -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg) } to{ -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInX{ 0%{ -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg) } 60%{ -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); opacity:1 } 80%{ -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg) } to{ -webkit-transform:perspective(400px); transform:perspective(400px) } } @-webkit-keyframes flipInY{ 0%{ -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg) } 60%{ -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); opacity:1 } 80%{ -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg) } to{ -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInY{ 0%{ -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg) } 60%{ -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); opacity:1 } 80%{ -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg) } to{ -webkit-transform:perspective(400px); transform:perspective(400px) } } @-webkit-keyframes flipOutX{ 0%{ -webkit-transform:perspective(400px); transform:perspective(400px) } 30%{ -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); opacity:1 } to{ -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 } } @keyframes flipOutX{ 0%{ -webkit-transform:perspective(400px); transform:perspective(400px) } 30%{ -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); opacity:1 } to{ -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 } } @-webkit-keyframes flipOutY{ 0%{ -webkit-transform:perspective(400px); transform:perspective(400px) } 30%{ -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg); opacity:1 } to{ -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } } @keyframes flipOutY{ 0%{ -webkit-transform:perspective(400px); transform:perspective(400px) } 30%{ -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg); opacity:1 } to{ -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } } @-webkit-keyframes lightSpeedIn{ 0%{ -webkit-transform:translate3d(100%,0,0) skewX(-30deg); transform:translate3d(100%,0,0) skewX(-30deg); opacity:0 } 60%{ -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1 } 80%{ opacity:1; -webkit-transform:skewX(-5deg); transform:skewX(-5deg) } to{ -webkit-transform:none; transform:none; opacity:1 } } @keyframes lightSpeedIn{ 0%{ -webkit-transform:translate3d(100%,0,0) skewX(-30deg); transform:translate3d(100%,0,0) skewX(-30deg); opacity:0 } 60%{ -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1 } 80%{ opacity:1; -webkit-transform:skewX(-5deg); transform:skewX(-5deg) } to{ -webkit-transform:none; transform:none; opacity:1 } } @-webkit-keyframes lightSpeedOut{ 0%{ opacity:1 } to{ -webkit-transform:translate3d(100%,0,0) skewX(30deg); transform:translate3d(100%,0,0) skewX(30deg); opacity:0 } } @keyframes lightSpeedOut{ 0%{ opacity:1 } to{ -webkit-transform:translate3d(100%,0,0) skewX(30deg); transform:translate3d(100%,0,0) skewX(30deg); opacity:0 } } @-webkit-keyframes rotateIn{ 0%{ transform-origin:center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0; -webkit-transform-origin:center } to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateIn{ 0%{ transform-origin:center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0; -webkit-transform-origin:center } to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } @-webkit-keyframes rotateInDownLeft{ 0%{ transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0; -webkit-transform-origin:left bottom } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownLeft{ 0%{ transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0; -webkit-transform-origin:left bottom } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @-webkit-keyframes rotateInDownRight{ 0%{ transform-origin:right bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0; -webkit-transform-origin:right bottom } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownRight{ 0%{ transform-origin:right bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0; -webkit-transform-origin:right bottom } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @-webkit-keyframes rotateInUpLeft{ 0%{ transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0; -webkit-transform-origin:left bottom } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpLeft{ 0%{ transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0; -webkit-transform-origin:left bottom } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @-webkit-keyframes rotateInUpRight{ 0%{ transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0; -webkit-transform-origin:right bottom } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpRight{ 0%{ transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0; -webkit-transform-origin:right bottom } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @-webkit-keyframes rotateOut{ 0%{ transform-origin:center; opacity:1; -webkit-transform-origin:center } to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0 } } @keyframes rotateOut{ 0%{ transform-origin:center; opacity:1; -webkit-transform-origin:center } to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0 } } @-webkit-keyframes rotateOutDownLeft{ 0%{ transform-origin:left bottom; opacity:1; -webkit-transform-origin:left bottom } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } } @keyframes rotateOutDownLeft{ 0%{ transform-origin:left bottom; opacity:1; -webkit-transform-origin:left bottom } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } } @-webkit-keyframes rotateOutDownRight{ 0%{ transform-origin:right bottom; opacity:1; -webkit-transform-origin:right bottom } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } } @keyframes rotateOutDownRight{ 0%{ transform-origin:right bottom; opacity:1; -webkit-transform-origin:right bottom } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } } @-webkit-keyframes rotateOutUpLeft{ 0%{ transform-origin:left bottom; opacity:1; -webkit-transform-origin:left bottom } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } } @keyframes rotateOutUpLeft{ 0%{ transform-origin:left bottom; opacity:1; -webkit-transform-origin:left bottom } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } } @-webkit-keyframes rotateOutUpRight{ 0%{ transform-origin:right bottom; opacity:1; -webkit-transform-origin:right bottom } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } } @keyframes rotateOutUpRight{ 0%{ transform-origin:right bottom; opacity:1; -webkit-transform-origin:right bottom } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } } @-webkit-keyframes hinge{ 0%{ transform-origin:top left; -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%,60%{ -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-transform:rotate(80deg); transform:rotate(80deg); transform-origin:top left } 40%,80%{ -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 } to{ -webkit-transform:translate3d(0,700px,0); transform:translate3d(0,700px,0); opacity:0 } } @keyframes hinge{ 0%{ transform-origin:top left; -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%,60%{ -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-transform:rotate(80deg); transform:rotate(80deg); transform-origin:top left } 40%,80%{ -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 } to{ -webkit-transform:translate3d(0,700px,0); transform:translate3d(0,700px,0); opacity:0 } } @-webkit-keyframes rollIn{ 0%{ opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate(-120deg); transform:translate3d(-100%,0,0) rotate(-120deg) } to{ opacity:1; -webkit-transform:none; transform:none } } @keyframes rollIn{ 0%{ opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate(-120deg); transform:translate3d(-100%,0,0) rotate(-120deg) } to{ opacity:1; -webkit-transform:none; transform:none } } @-webkit-keyframes rollOut{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(100%,0,0) rotate(120deg); transform:translate3d(100%,0,0) rotate(120deg) } } @keyframes rollOut{ 0%{ opacity:1 } to{ opacity:0; -webkit-transform:translate3d(100%,0,0) rotate(120deg); transform:translate3d(100%,0,0) rotate(120deg) } } @-webkit-keyframes zoomIn{ 0%{ opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 50%{ opacity:1 } } @keyframes zoomIn{ 0%{ opacity:0; -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 50%{ opacity:1 } } @-webkit-keyframes zoomInDown{ 0%{ opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInDown{ 0%{ opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @-webkit-keyframes zoomInLeft{ 0%{ opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0); transform:scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInLeft{ 0%{ opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0); transform:scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @-webkit-keyframes zoomInRight{ 0%{ opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInRight{ 0%{ opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @-webkit-keyframes zoomInUp{ 0%{ opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInUp{ 0%{ opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } 60%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @-webkit-keyframes zoomOut{ 0%{ opacity:1 } 50%{ -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3); opacity:0 } to{ opacity:0 } } @keyframes zoomOut{ 0%{ opacity:1 } 50%{ -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3); opacity:0 } to{ opacity:0 } } @-webkit-keyframes zoomOutDown{ 40%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } to{ opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutDown{ 40%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } to{ opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @-webkit-keyframes zoomOutLeft{ 40%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0); transform:scale3d(.475,.475,.475) translate3d(42px,0,0) } to{ opacity:0; -webkit-transform:scale(.1) translate3d(-2000px,0,0); transform:scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin:left center; transform-origin:left center } } @keyframes zoomOutLeft{ 40%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0); transform:scale3d(.475,.475,.475) translate3d(42px,0,0) } to{ opacity:0; -webkit-transform:scale(.1) translate3d(-2000px,0,0); transform:scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin:left center; transform-origin:left center } } @-webkit-keyframes zoomOutRight{ 40%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0); transform:scale3d(.475,.475,.475) translate3d(-42px,0,0) } to{ opacity:0; -webkit-transform:scale(.1) translate3d(2000px,0,0); transform:scale(.1) translate3d(2000px,0,0); -webkit-transform-origin:right center; transform-origin:right center } } @keyframes zoomOutRight{ 40%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0); transform:scale3d(.475,.475,.475) translate3d(-42px,0,0) } to{ opacity:0; -webkit-transform:scale(.1) translate3d(2000px,0,0); transform:scale(.1) translate3d(2000px,0,0); -webkit-transform-origin:right center; transform-origin:right center } } @-webkit-keyframes zoomOutUp{ 40%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } to{ opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutUp{ 40%{ opacity:1; -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); transform:scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); animation-timing-function:cubic-bezier(.55,.055,.675,.19) } to{ opacity:0; -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); animation-timing-function:cubic-bezier(.175,.885,.32,1) } } @-webkit-keyframes slideInDown{ 0%{ -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); visibility:visible } to{ -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInDown{ 0%{ -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); visibility:visible } to{ -webkit-transform:translateZ(0); transform:translateZ(0) } } @-webkit-keyframes slideInLeft{ 0%{ -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible } to{ -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInLeft{ 0%{ -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible } to{ -webkit-transform:translateZ(0); transform:translateZ(0) } } @-webkit-keyframes slideInRight{ 0%{ -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); visibility:visible } to{ -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInRight{ 0%{ -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); visibility:visible } to{ -webkit-transform:translateZ(0); transform:translateZ(0) } } @-webkit-keyframes slideInUp{ 0%{ -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible } to{ -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInUp{ 0%{ -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible } to{ -webkit-transform:translateZ(0); transform:translateZ(0) } } @-webkit-keyframes slideOutDown{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) } to{ visibility:hidden; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } } @keyframes slideOutDown{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) } to{ visibility:hidden; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } } @-webkit-keyframes slideOutLeft{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) } to{ visibility:hidden; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } } @keyframes slideOutLeft{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) } to{ visibility:hidden; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0) } } @-webkit-keyframes slideOutRight{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) } to{ visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } @keyframes slideOutRight{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) } to{ visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } @-webkit-keyframes slideOutUp{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) } to{ visibility:hidden; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } @keyframes slideOutUp{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0) } to{ visibility:hidden; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } @keyframes a{ to{ transform:rotate(1turn) } } @-webkit-keyframes cart-checkout-animat{ 0%,to{ transform:scale(1) } 50%{ transform:scale(1.4) } } @keyframes cart-checkout-animat{ 0%,to{ transform:scale(1) } 50%{ transform:scale(1.4) } } @-webkit-keyframes spin{ 0%{ transform:rotate(0deg) } to{ transform:rotate(360deg) } } @keyframes spin{ 0%{ transform:rotate(0deg) } to{ transform:rotate(360deg) } } @-webkit-keyframes eye{ 0%{ transform:translate(-50%,-50%) rotate(0) } to{ transform:translate(-50%,-50%) rotate(360deg) } } @keyframes eye{ 0%{ transform:translate(-50%,-50%) rotate(0) } to{ transform:translate(-50%,-50%) rotate(360deg) } } @-webkit-keyframes lightning-effect{ 0%{ left:-50px; background:linear-gradient(to right,rgba(255,255,255,.2) 0%,#fff 50%,rgba(255,255,255,.2) 100%) } 50%{ left:100% } to{ left:-50px; background:0 0 } } @keyframes lightning-effect{ 0%{ left:-50px; background:linear-gradient(to right,rgba(255,255,255,.2) 0%,#fff 50%,rgba(255,255,255,.2) 100%) } 50%{ left:100% } to{ left:-50px; background:0 0 } } @-webkit-keyframes flyOut{ 0%,to{ transform:translate(0,0) scale(1) rotate(0) } 50%{ transform:translate(150%,-150%) scale(0) rotate(-20deg) } 51%{ transform:translate(-50%,150%) scale(0) rotate(-20deg) } } @keyframes flyOut{ 0%,to{ transform:translate(0,0) scale(1) rotate(0) } 50%{ transform:translate(150%,-150%) scale(0) rotate(-20deg) } 51%{ transform:translate(-50%,150%) scale(0) rotate(-20deg) } } @-webkit-keyframes brk-pulse{ 0%{ transform:scale(1) } 50%{ transform:scale(2) } to{ transform:scale(1); opacity:0 } } @keyframes brk-pulse{ 0%{ transform:scale(1) } 50%{ transform:scale(2) } to{ transform:scale(1); opacity:0 } } @-webkit-keyframes brk-pulse-paused{ 0%,to{ transform:scale(1) } 20%{ transform:scale(1.2) } 60%{ transform:scale(.9); opacity:0 } } @keyframes brk-pulse-paused{ 0%,to{ transform:scale(1) } 20%{ transform:scale(1.2) } 60%{ transform:scale(.9); opacity:0 } } @keyframes lightning{ 0%{ left:-100px; z-index:3 } 50%{ left:300% } to{ left:-100px; z-index:0 } } @-webkit-keyframes lightning{ 0%{ left:-100px; z-index:3 } 50%{ left:100% } to{ left:-100px; z-index:0 } } @-webkit-keyframes wave{ 0%{ margin-left:0 } to{ margin-left:-9999px } } @keyframes wave{ 0%{ margin-left:0 } to{ margin-left:-9999px } } @-webkit-keyframes doubled-button-left{ 0%,to{ transform:translate(0,-50%) } 50%{ transform:translate(10px,-50%) } } @keyframes doubled-button-left{ 0%,to{ transform:translate(0,-50%) } 50%{ transform:translate(10px,-50%) } } @-webkit-keyframes button-left{ 0%,to{ transform:translate(0,-50%) } 50%{ transform:translate(10px,-50%) } } @keyframes button-left{ 0%,to{ transform:translate(0,-50%) } 50%{ transform:translate(10px,-50%) } } @-webkit-keyframes ballTransform{ 0%,50%,to{ transform:translateY(0) } 25%{ transform:translateY(-15px) } 75%{ transform:translateY(15px) } } @keyframes ballTransform{ 0%,50%,to{ transform:translateY(0) } 25%{ transform:translateY(-15px) } 75%{ transform:translateY(15px) } } .animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .animated.infinite{ -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite } .animated.hinge{ -webkit-animation-duration:2s; animation-duration:2s } .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{ -webkit-animation-duration:.75s; animation-duration:.75s } .bounce{ -webkit-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; transform-origin:center bottom } .flash{ -webkit-animation-name:flash; animation-name:flash } .pulse{ -webkit-animation-name:pulse; animation-name:pulse } .rubberBand{ -webkit-animation-name:rubberBand; animation-name:rubberBand } .shake{ -webkit-animation-name:shake; animation-name:shake } .headShake{ -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-name:headShake; animation-name:headShake } .swing{ -webkit-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; animation-name:swing } .tada{ -webkit-animation-name:tada; animation-name:tada } .wobble{ -webkit-animation-name:wobble; animation-name:wobble } .jello{ -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin:center; transform-origin:center } .bounceIn{ -webkit-animation-name:bounceIn; animation-name:bounceIn } .bounceInDown{ -webkit-animation-name:bounceInDown; animation-name:bounceInDown } .bounceInLeft{ -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft } .bounceInRight{ -webkit-animation-name:bounceInRight; animation-name:bounceInRight } .bounceInUp{ -webkit-animation-name:bounceInUp; animation-name:bounceInUp } .bounceOut{ -webkit-animation-name:bounceOut; animation-name:bounceOut } .bounceOutDown{ -webkit-animation-name:bounceOutDown; animation-name:bounceOutDown } .bounceOutLeft{ -webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft } .bounceOutRight{ -webkit-animation-name:bounceOutRight; animation-name:bounceOutRight } .bounceOutUp{ -webkit-animation-name:bounceOutUp; animation-name:bounceOutUp } .fadeIn{ -webkit-animation-name:fadeIn; animation-name:fadeIn } .fadeInDown{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown } .fadeInDownBig{ -webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig } .fadeInLeft{ -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft } .fadeInLeftBig{ -webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig } .fadeInRight{ -webkit-animation-name:fadeInRight; animation-name:fadeInRight } .fadeInRightBig{ -webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig } .fadeInUp{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp } .fadeInUpBig{ -webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig } .fadeOut{ -webkit-animation-name:fadeOut; animation-name:fadeOut } .fadeOutDown{ -webkit-animation-name:fadeOutDown; animation-name:fadeOutDown } .fadeOutDownBig{ -webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig } .fadeOutLeft{ -webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft } .fadeOutLeftBig{ -webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig } .fadeOutRight{ -webkit-animation-name:fadeOutRight; animation-name:fadeOutRight } .fadeOutRightBig{ -webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig } .fadeOutUp{ -webkit-animation-name:fadeOutUp; animation-name:fadeOutUp } .fadeOutUpBig{ -webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig } .animated.flip{ -webkit-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; animation-name:flip } .flipInX,.flipInY,.flipOutX,.flipOutY{ -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:flipInX; animation-name:flipInX } .flipInY,.flipOutX,.flipOutY{ -webkit-animation-name:flipInY; animation-name:flipInY } .flipOutX,.flipOutY{ -webkit-animation-name:flipOutX; animation-name:flipOutX } .flipOutY{ -webkit-animation-name:flipOutY; animation-name:flipOutY } .lightSpeedIn{ -webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } .lightSpeedOut{ -webkit-animation-name:lightSpeedOut; animation-name:lightSpeedOut; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } .rotateIn{ -webkit-animation-name:rotateIn; animation-name:rotateIn } .rotateInDownLeft{ -webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft } .rotateInDownRight{ -webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight } .rotateInUpLeft{ -webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft } .rotateInUpRight{ -webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight } .rotateOut{ -webkit-animation-name:rotateOut; animation-name:rotateOut } .rotateOutDownLeft{ -webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft } .rotateOutDownRight{ -webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight } .rotateOutUpLeft{ -webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft } .rotateOutUpRight{ -webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight } .hinge{ -webkit-animation-name:hinge; animation-name:hinge } .rollIn{ -webkit-animation-name:rollIn; animation-name:rollIn } .rollOut{ -webkit-animation-name:rollOut; animation-name:rollOut } .zoomIn{ -webkit-animation-name:zoomIn; animation-name:zoomIn } .zoomInDown{ -webkit-animation-name:zoomInDown; animation-name:zoomInDown } .zoomInLeft{ -webkit-animation-name:zoomInLeft; animation-name:zoomInLeft } .zoomInRight{ -webkit-animation-name:zoomInRight; animation-name:zoomInRight } .zoomInUp{ -webkit-animation-name:zoomInUp; animation-name:zoomInUp } .zoomOut{ -webkit-animation-name:zoomOut; animation-name:zoomOut } .zoomOutDown{ -webkit-animation-name:zoomOutDown; animation-name:zoomOutDown } .zoomOutLeft{ -webkit-animation-name:zoomOutLeft; animation-name:zoomOutLeft } .zoomOutRight{ -webkit-animation-name:zoomOutRight; animation-name:zoomOutRight } .zoomOutUp{ -webkit-animation-name:zoomOutUp; animation-name:zoomOutUp } .slideInDown{ -webkit-animation-name:slideInDown; animation-name:slideInDown } .slideInLeft{ -webkit-animation-name:slideInLeft; animation-name:slideInLeft } .slideInRight{ -webkit-animation-name:slideInRight; animation-name:slideInRight } .slideInUp{ -webkit-animation-name:slideInUp; animation-name:slideInUp } .slideOutDown{ -webkit-animation-name:slideOutDown; animation-name:slideOutDown } .slideOutLeft{ -webkit-animation-name:slideOutLeft; animation-name:slideOutLeft } .slideOutRight{ -webkit-animation-name:slideOutRight; animation-name:slideOutRight } .slideOutUp{ -webkit-animation-name:slideOutUp; animation-name:slideOutUp } body.compensate-for-scrollbar{ overflow:hidden } .fancybox-active{ height:auto } .fancybox-is-hidden{ left:-9999px; margin:0; position:absolute!important; top:-9999px; visibility:hidden } .fancybox-container{ -webkit-backface-visibility:hidden; height:100%; left:0; outline:0; position:fixed; -webkit-tap-highlight-color:transparent; top:0; -ms-touch-action:manipulation; touch-action:manipulation; transform:translateZ(0); width:100%; z-index:99992 } .fancybox-container *{ box-sizing:border-box } .fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{ bottom:0; left:0; position:absolute; right:0; top:0 } .fancybox-outer{ -webkit-overflow-scrolling:touch; overflow-y:auto } .fancybox-bg{ background:#1e1e1e; opacity:0; transition-duration:inherit; transition-property:opacity; transition-timing-function:cubic-bezier(.47,0,.74,.71) } .fancybox-is-open .fancybox-bg{ opacity:.9; transition-timing-function:cubic-bezier(.22,.61,.36,1) } .fancybox-caption{ direction:ltr; transition:opacity .25s ease,visibility 0s ease .25s; visibility:hidden } .fancybox-caption,.fancybox-infobar,.fancybox-toolbar{ opacity:0; position:absolute } .fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{ direction:ltr; transition:opacity .25s ease,visibility 0s ease .25s; visibility:hidden; z-index:99997 } .fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{ opacity:1; transition:opacity .25s ease 0s,visibility 0s ease 0s; visibility:visible } .fancybox-infobar{ color:#ccc; font-size:13px; -webkit-font-smoothing:subpixel-antialiased; height:44px; left:0; line-height:44px; min-width:44px; mix-blend-mode:difference; padding:0 10px; pointer-events:none; top:0; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .fancybox-toolbar{ right:0; top:0 } .fancybox-stage{ direction:ltr; overflow:visible; transform:translateZ(0); z-index:99994 } .fancybox-is-open .fancybox-stage{ overflow:hidden } .fancybox-slide{ -webkit-backface-visibility:hidden; display:none; height:100%; left:0; outline:0; overflow:auto; -webkit-overflow-scrolling:touch; padding:44px; position:absolute; text-align:center; top:0; transition-property:transform,opacity; white-space:normal; width:100%; z-index:99994 } .fancybox-slide:before{ content:""; display:inline-block; font-size:0; height:100%; vertical-align:middle; width:0 } .fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{ display:block } .fancybox-slide--image{ overflow:hidden; padding:44px 0 } .fancybox-slide--image:before{ display:none } .fancybox-slide--html{ padding:6px } .fancybox-content{ background:#fff; display:inline-block; margin:0; max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:44px; position:relative; text-align:left; vertical-align:middle } .fancybox-slide--image .fancybox-content{ animation-timing-function:cubic-bezier(.5,0,.14,1); -webkit-backface-visibility:hidden; background:0 0; background-repeat:no-repeat; background-size:100% 100%; left:0; max-width:none; overflow:visible; padding:0; position:absolute; top:0; transform-origin:top left; transition-property:transform,opacity; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; z-index:99995 } .fancybox-can-zoomOut .fancybox-content{ cursor:zoom-out } .fancybox-can-zoomIn .fancybox-content{ cursor:zoom-in } .fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{ cursor:grab } .fancybox-is-grabbing .fancybox-content{ cursor:grabbing } .fancybox-container [data-selectable=true]{ cursor:text } .fancybox-image,.fancybox-spaceball{ background:0 0; border:0; height:100%; left:0; margin:0; max-height:none; max-width:none; padding:0; position:absolute; top:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:100% } .fancybox-spaceball{ z-index:1 } .fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{ height:100%; overflow:visible; padding:0; width:100% } .fancybox-slide--video .fancybox-content{ background:#000 } .fancybox-slide--map .fancybox-content{ background:#e5e3df } .fancybox-slide--iframe .fancybox-content{ background:#fff } .fancybox-iframe,.fancybox-video{ background:0 0; border:0; display:block; height:100%; margin:0; overflow:hidden; padding:0; width:100% } .fancybox-iframe{ left:0; position:absolute; top:0 } .fancybox-error{ background:#fff; cursor:default; max-width:400px; padding:40px; width:100% } .fancybox-error p{ color:#444; font-size:16px; line-height:20px; margin:0; padding:0 } .fancybox-button{ background:rgba(30,30,30,.6); border:0; border-radius:0; box-shadow:none; cursor:pointer; display:inline-block; height:44px; margin:0; padding:10px; position:relative; transition:color .2s; vertical-align:top; visibility:inherit; width:44px; color:#ccc } .fancybox-button:link,.fancybox-button:visited{ color:#ccc } .fancybox-button:hover{ color:#fff } .fancybox-button:focus{ outline:0 } .fancybox-button.fancybox-focus{ outline:1px dotted } .fancybox-button[disabled],.fancybox-button[disabled]:hover{ color:#888; cursor:default; outline:0 } .fancybox-button div{ height:100% } .fancybox-button svg{ display:block; height:100%; overflow:visible; position:relative; width:100% } .fancybox-button svg path{ fill:currentColor; stroke-width:0 } .fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){ display:none } .fancybox-progress{ background:#ff5268; height:2px; left:0; position:absolute; right:0; top:0; transform:scaleX(0); transform-origin:0; transition-property:transform; transition-timing-function:linear; z-index:99998 } .fancybox-close-small{ background:0 0; border:0; border-radius:0; color:#ccc; cursor:pointer; opacity:.8; padding:8px; position:absolute; right:-12px; top:-44px; z-index:401 } .fancybox-close-small:hover{ color:#fff; opacity:1 } .fancybox-slide--html .fancybox-close-small{ color:currentColor; padding:10px; right:0; top:0 } .fancybox-slide--image.fancybox-is-scaling .fancybox-content{ overflow:hidden } .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{ display:none } .fancybox-navigation .fancybox-button{ background-clip:content-box; height:100px; opacity:0; position:absolute; top:calc(50% - 50px); width:70px } .fancybox-navigation .fancybox-button div{ padding:7px } .fancybox-navigation .fancybox-button--arrow_left{ left:0; left:env(safe-area-inset-left); padding:31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right{ padding:31px 6px 31px 26px; right:0; right:env(safe-area-inset-right) } .fancybox-caption{ background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent); bottom:0; color:#eee; font-size:14px; font-weight:400; left:0; line-height:1.5; padding:75px 44px 25px; pointer-events:none; right:0; text-align:center; z-index:99996 } @supports (padding:max(0px)){ .fancybox-caption{ padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left)) } } .fancybox-caption--separate{ margin-top:-50px } .fancybox-caption__body{ max-height:50vh; overflow:auto; pointer-events:all } .fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{ color:#ccc; text-decoration:none } .fancybox-caption a:hover{ color:#fff; text-decoration:underline } .fancybox-loading{ animation:a 1s linear infinite; background:0 0; border:4px solid #888; border-bottom-color:#fff; border-radius:50%; height:50px; left:50%; margin:-25px 0 0 -25px; opacity:.7; padding:0; position:absolute; top:50%; width:50px; z-index:99999 } .fancybox-animated{ transition-timing-function:cubic-bezier(0,0,.25,1) } .fancybox-fx-slide.fancybox-slide--previous{ opacity:0; transform:translate3d(-100%,0,0) } .fancybox-fx-slide.fancybox-slide--next{ opacity:0; transform:translate3d(100%,0,0) } .fancybox-fx-slide.fancybox-slide--current{ opacity:1; transform:translateZ(0) } .fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{ opacity:0; transition-timing-function:cubic-bezier(.19,1,.22,1) } .fancybox-fx-fade.fancybox-slide--current{ opacity:1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous{ opacity:0; transform:scale3d(1.5,1.5,1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next{ opacity:0; transform:scale3d(.5,.5,.5) } .fancybox-fx-zoom-in-out.fancybox-slide--current{ opacity:1; transform:scaleX(1) } .fancybox-fx-rotate.fancybox-slide--previous{ opacity:0; transform:rotate(-1turn) } .fancybox-fx-rotate.fancybox-slide--next{ opacity:0; transform:rotate(1turn) } .fancybox-fx-rotate.fancybox-slide--current{ opacity:1; transform:rotate(0deg) } .fancybox-fx-circular.fancybox-slide--previous{ opacity:0; transform:scale3d(0,0,0) translate3d(-100%,0,0) } .fancybox-fx-circular.fancybox-slide--next{ opacity:0; transform:scale3d(0,0,0) translate3d(100%,0,0) } .fancybox-fx-circular.fancybox-slide--current{ opacity:1; transform:scaleX(1) translateZ(0) } .fancybox-fx-tube.fancybox-slide--previous{ transform:translate3d(-100%,0,0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next{ transform:translate3d(100%,0,0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current{ transform:translateZ(0) scale(1) } @media (max-height:576px){ .fancybox-slide{ padding-left:6px; padding-right:6px } .fancybox-slide--image{ padding:6px 0 } .fancybox-close-small{ right:-6px } .fancybox-slide--image .fancybox-close-small{ background:#4e4e4e; color:#f2f4f6; height:36px; opacity:1; padding:6px; right:0; top:0; width:36px } .fancybox-caption{ padding-left:12px; padding-right:12px } @supports (padding:max(0px)){ .fancybox-caption{ padding-left:max(12px,env(safe-area-inset-left)); padding-right:max(12px,env(safe-area-inset-right)) } } } .fancybox-share{ background:#f4f4f4; border-radius:3px; max-width:90%; padding:30px; text-align:center } .fancybox-share h1{ color:#222; font-size:35px; font-weight:700; margin:0 0 20px } .fancybox-share p{ margin:0; padding:0 } .fancybox-share__button{ border:0; border-radius:3px; display:inline-block; font-size:14px; font-weight:700; line-height:40px; margin:0 5px 10px; min-width:130px; padding:0 15px; text-decoration:none; transition:all .2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap } .brk-header_style-2.brk-header_color-white .brk-nav__menu>li.brk-nav__children:hover>a,.brk-header_style-2.brk-header_color-white .brk-nav__menu>li.brk-nav__children:hover>a>a:before,.fancybox-share__button:link,.fancybox-share__button:visited{ color:#fff } .fancybox-share__button:hover{ text-decoration:none } .fancybox-share__button--fb{ background:#3b5998 } .fancybox-share__button--fb:hover{ background:#344e86 } .fancybox-share__button--pt{ background:#bd081d } .fancybox-share__button--pt:hover{ background:#aa0719 } .fancybox-share__button--tw{ background:#1da1f2 } .fancybox-share__button--tw:hover{ background:#0d95e8 } .fancybox-share__button svg{ height:25px; margin-right:7px; position:relative; top:-1px; vertical-align:middle; width:25px } .fancybox-share__button svg path{ fill:#fff } .fancybox-share__input{ background:0 0; border:0; border-bottom:1px solid #d7d7d7; border-radius:0; color:#5d5b5b; font-size:14px; margin:10px 0 0; outline:0; padding:10px 15px; width:100% } .fancybox-thumbs{ background:#ddd; bottom:0; display:none; margin:0; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar; padding:2px 2px 4px; position:absolute; right:0; -webkit-tap-highlight-color:transparent; top:0; width:212px; z-index:99995 } .fancybox-thumbs-x{ overflow-x:auto; overflow-y:hidden } .fancybox-show-thumbs .fancybox-thumbs{ display:block } .fancybox-show-thumbs .fancybox-inner{ right:212px } .fancybox-thumbs__list{ font-size:0; height:100%; list-style:none; margin:0; overflow-x:hidden; overflow-y:auto; padding:0; position:relative; white-space:nowrap; width:100% } .fancybox-thumbs-x .fancybox-thumbs__list{ overflow:hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{ width:7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{ background:#fff; border-radius:10px; box-shadow:inset 0 0 6px rgba(0,0,0,.3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{ background:#2a2a2a; border-radius:10px } .fancybox-thumbs__list a{ -webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:rgba(0,0,0,.1); background-position:50%; background-repeat:no-repeat; background-size:cover; cursor:pointer; float:left; height:75px; margin:2px; max-height:calc(100% - 8px); max-width:calc(50% - 4px); outline:0; overflow:hidden; padding:0; position:relative; -webkit-tap-highlight-color:transparent; width:100px } .fancybox-thumbs__list a:before{ border:6px solid #ff5268; bottom:0; content:""; left:0; opacity:0; position:absolute; right:0; top:0; transition:all .2s cubic-bezier(.25,.46,.45,.94); z-index:99991 } .fancybox-thumbs__list a:focus:before{ opacity:.5 } .brk-nav__menu>li.brk-nav__children:hover>a:after,.fancybox-thumbs__list a.fancybox-thumbs-active:before{ opacity:1 } @media (max-width:576px){ .fancybox-thumbs{ width:110px } .fancybox-show-thumbs .fancybox-inner{ right:110px } .fancybox-thumbs__list a{ max-width:calc(100% - 10px) } } @media (min-width:992px){ .brk-nav{ height:100% } .brk-nav_skin-1 .brk-nav__menu>li{ margin:0 13px!important } .brk-nav_skin-1 .brk-nav__menu>li>a{ color:#fff!important } .brk-header_scroll .brk-nav_skin-1 .brk-nav__menu>li>a{ color:inherit!important } .brk-nav_skin-1 .brk-nav__menu>li>a:before{ opacity:1!important } .brk-nav_skin-2 .brk-nav__menu>li:first-child{ margin-left:0!important } .brk-nav_skin-2 .brk-nav__menu>li:last-child{ margin-right:0!important } } @media (min-width:992px) and (min-width:1600px){ .brk-nav_skin-2 .brk-nav__menu>li{ margin:0 47px!important } } @media (min-width:992px) and (min-width:1400px){ .brk-nav_skin-2 .brk-nav__menu>li{ margin:0 27px!important } } @media (min-width:992px){ .brk-nav_modifier-bold .brk-nav__menu>li>a{ font-weight:700!important } .brk-nav_modifier-capitalize .brk-nav__menu>li>a{ text-transform:capitalize } } @media (max-width:991px){ .brk-nav{ position:relative } } .brk-nav__header{ width:100%; background-color:#fff } .brk-header_style-1 .brk-nav__header{ height:76px; font-size:1.3125rem; line-height:76px; font-weight:700; padding:0 15px 0 30px; position:relative; border-bottom:2px solid var(--brk-secondary-3) } [dir=rtl] .brk-header_style-1 .brk-nav__header{ padding:0 30px 0 15px } .brk-header_style-1 .brk-nav__header:before{ content:''; position:absolute; bottom:-30px; left:0; width:100%; height:30px; background:linear-gradient(to bottom,rgba(0,0,0,.08) 0%,transparent 100%) } .brk-header_style-2 .brk-nav__header,.brk-header_style-3 .brk-nav__header{ font-size:.75rem; line-height:24px; font-weight:700; text-transform:uppercase; padding:23px 0 10px 31px; letter-spacing:.02em; border-right:1px solid #ebebeb } [dir=rtl] .brk-header_style-2 .brk-nav__header,[dir=rtl] .brk-header_style-3 .brk-nav__header{ padding:23px 31px 10px 0 } .brk-nav__menu{ display:inline-flex; flex-wrap:wrap } @media (min-width:992px){ .brk-nav__menu{ height:inherit; text-align:left } } @media (max-width:991px){ .brk-nav__menu{ display:flex } } .brk-header_style-1 .brk-nav__menu{ margin-left:-3px; margin-right:-3px } @media (min-width:992px){ .brk-header_style-1 .brk-nav__menu:hover>li{ opacity:.3 } } .brk-header_style-2 .brk-nav__menu{ margin-left:-11px; margin-right:-11px } .brk-header_style-3 .brk-nav__menu{ margin-left:-3px; margin-right:-3px } @media (min-width:992px){ .brk-header_vertical .brk-nav__menu{ flex-direction:row-reverse } } .brk-header-mobile-wrap .brk-nav__menu{ flex-direction:column; margin-right:0; margin-left:0 } @media (min-width:992px){ .brk-nav__menu li:hover>.brk-nav__mega-menu,.brk-nav__menu li:hover>.brk-nav__sub-menu{ opacity:1; visibility:visible; max-height:9999px; z-index:99; display:block!important } } .brk-nav__menu li .brk-nav__sub-menu{ top:0 } .brk-nav__menu li .brk-nav__sub-menu.brk-location-screen-left{ left:100% } .brk-nav__menu li .brk-nav__sub-menu.brk-location-screen-right{ right:100% } @media (min-width:992px){ .brk-nav__menu>li{ height:inherit } } .brk-nav__menu>li.children-active>a{ background-color:#fff } .brk-header_style-1 .brk-nav__menu>li{ margin:0 13px; transition:opacity .2s } @media (max-width:1399px){ .brk-header_style-1 .brk-nav__menu>li{ margin:0 8px } } @media (min-width:992px) and (max-width:1024px){ .brk-header_style-1 .brk-nav__menu>li{ margin:0 4px } } .brk-boxed .brk-header_style-1 .brk-nav__menu>li{ margin:0 7px } .brk-header_style-2 .brk-nav__menu>li{ margin:0 17px } @media (max-width:1199px){ .brk-header_style-2 .brk-nav__menu>li{ margin:0 8px } } @media (min-width:992px) and (max-width:1024px){ .brk-header_style-2 .brk-nav__menu>li{ margin:0 4px } } .brk-boxed .brk-header_style-2 .brk-nav__menu>li{ margin:0 10px } .brk-header_style-3 .brk-nav__menu>li{ margin:0 13px } @media (max-width:1399px){ .brk-header_style-3 .brk-nav__menu>li{ margin:0 8px } } @media (min-width:992px) and (max-width:1024px){ .brk-header_style-3 .brk-nav__menu>li{ margin:0 4px } } @media (min-width:992px) and (max-height:900px){ .brk-header_vertical .brk-nav__menu>li{ margin:0 8px } } @media (min-width:992px) and (max-height:800px){ .brk-header_vertical .brk-nav__menu>li{ margin:0 2px } } .brk-header-mobile-wrap .brk-nav__menu>li{ margin:0 } @media (min-width:992px){ .brk-nav__menu>li.brk-nav__full-width{ position:static } .brk-header_vertical .brk-nav__menu>li.brk-nav__full-width{ position:relative } } .brk-header_style-1 .brk-nav__menu>li.brk-nav__children:hover>a:before{ width:100%!important } .brk-header_style-2 .brk-nav__menu>li.brk-nav__children:hover>a:before{ opacity:1!important; transform:rotate(180deg); top:calc(50% - 2px) } .brk-header_style-3 .brk-nav__menu>li.brk-nav__children:hover>a:before{ width:12px; height:3px } .brk-header_scroll.brk-header_style-2.brk-header_color-white .brk-nav__menu>li.brk-nav__children:hover>a,.brk-header_scroll.brk-header_style-2.brk-header_color-white .brk-nav__menu>li.brk-nav__children:hover>a>a:before,.brk-header_style-2.brk-header_color-dark .brk-nav__menu>li.brk-nav__children:hover>a,.brk-header_style-2.brk-header_color-dark .brk-nav__menu>li.brk-nav__children:hover>a>a:before{ color:#272727 } .brk-nav__menu>li,.brk-nav__menu>li.brk-nav__children>a{ position:relative } .brk-header_style-2 .brk-nav__menu>li.brk-nav__children>a{ padding:0 12px 0 0 } .brk-nav__menu>li.brk-nav__children>a:after{ content:''; opacity:0; position:absolute; width:0; height:0; bottom:0; left:50%; transform:translateX(-50%); border-bottom:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent; z-index:98 } @media (max-width:991px){ .brk-nav__menu>li.brk-nav__children>a:after{ display:none } } .brk-header_style-3 .brk-nav__menu>li.brk-nav__children>a:after,.brk-nav__menu>li.brk-nav__children_clear>a:before{ display:none } .brk-header_style-2 .brk-nav__menu>li.brk-nav__children>a:before{ content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0; height:0; opacity:.5; transition:width .3s; border-left:3px solid transparent; border-right:3px solid transparent } .brk-header_style-2.brk-header_color-white .brk-nav__menu>li.brk-nav__children>a:before{ border-top:3px solid #fff } .brk-header_scroll.brk-header_style-2 .brk-nav__menu>li.brk-nav__children>a:before,.brk-header_style-2.brk-header_color-dark .brk-nav__menu>li.brk-nav__children>a:before{ border-top:3px solid #272727 } @media (min-width:992px){ .brk-header_vertical .brk-nav__menu>li.brk-nav__children>.brk-nav__sub-menu{ transform-origin:0 0; transform:rotate(90deg); left:100% } [dir=rtl] .brk-header_vertical .brk-nav__menu>li.brk-nav__children>.brk-nav__sub-menu{ transform-origin:100% 0; right:0 } .brk-nav__menu>li>.brk-nav__sub-menu.brk-location-screen-left{ top:100%; left:0 } .brk-nav__menu>li>.brk-nav__sub-menu.brk-location-screen-right{ top:100%; right:0; left:auto } } .brk-nav__menu>li>a{ display:flex; align-items:center; text-transform:uppercase; position:relative; padding:0 7px } @media (min-width:992px){ .brk-nav__menu>li>a{ height:inherit } } .brk-header_style-1 .brk-nav__menu>li>a{ font-weight:600; font-size:.875rem } @media (max-width:1399px){ .brk-header_style-1 .brk-nav__menu>li>a{ font-size:.8125rem } } @media (min-width:992px) and (max-width:1024px){ .brk-header_style-1 .brk-nav__menu>li>a{ font-size:.6875rem } } .brk-header_style-2 .brk-nav__menu>li>a{ font-weight:600; font-size:.8125rem; letter-spacing:.03125em } @media (max-width:1199px){ .brk-header_style-2 .brk-nav__menu>li>a{ font-size:.75rem } } @media (max-width:991px){ .brk-header_style-2 .brk-nav__menu>li>a{ line-height:48px } } @media (min-width:992px) and (max-width:1024px){ .brk-header_style-2 .brk-nav__menu>li>a{ font-size:.6875rem } } .brk-header_style-3 .brk-nav__menu>li>a{ font-weight:500; font-size:.875rem; text-transform:initial } @media (max-width:1399px){ .brk-header_style-3 .brk-nav__menu>li>a{ font-size:.8125rem } } @media (min-width:992px) and (max-width:1024px){ .brk-header_style-3 .brk-nav__menu>li>a{ font-size:.6875rem } } .brk-header_style-1.brk-header_color-white .brk-nav__menu>li>a{ color:#fff } .brk-header_style-2.brk-header_color-white .brk-nav__menu>li>a{ color:rgba(255,255,255,.8) } .brk-header_color-white .brk-call-us:hover .brk-call-us__number,.brk-header_style-3.brk-header_color-white .brk-nav__menu>li>a{ color:#fff } .brk-header_style-1.brk-header_color-dark .brk-nav__menu>li>a{ color:#b6b6b6 } .brk-header_style-2.brk-header_color-dark .brk-nav__menu>li>a{ color:rgba(39,39,39,.5) } .brk-header_style-3.brk-header_color-dark .brk-nav__menu>li>a{ color:#272727 } .brk-header_scroll.brk-header_style-1 .brk-nav__menu>li>a{ color:#272727!important } .brk-header_scroll.brk-header_style-2 .brk-nav__menu>li>a{ color:rgba(39,39,39,.5)!important } .brk-header_scroll.brk-header_style-3 .brk-nav__menu>li>a{ color:#272727!important } @media (min-width:992px) and (max-height:900px){ .brk-header_vertical .brk-nav__menu>li>a{ font-size:.75rem } } @media (min-width:992px) and (max-height:800px){ .brk-header_vertical .brk-nav__menu>li>a{ font-size:.6875rem } } .brk-header-mobile-wrap .brk-nav__menu>li>a{ color:#000!important; font-size:1rem; font-weight:700; line-height:60px; padding:0 7px 0 25px!important } .brk-header_style-1 .brk-nav__menu>li>a:before{ content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:0; height:2px; transition:width .3s; background-color:rgba(255,255,255,.35) } .brk-header_style-3 .brk-nav__menu>li>a:before{ content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:12px; height:0; transition:height .3s; background-color:var(--brk-base-1) } .brk-header_scroll.brk-header_style-1 .brk-nav__menu>li>a:before{ background-color:rgba(var(--brand-primary-rgb),.7) } @supports not ((-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%)) or (clip-path:polygon(50% 0%,0% 100%,100% 100%))){ .brk-header_scroll.brk-header_style-1 .brk-nav__menu>li>a:before{ background-color:currentColor } } .brk-header_vertical.brk-header_style-1 .brk-nav__menu>li>a:before{ background-color:rgba(var(--brand-primary-rgb),.7) } @supports not ((-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%)) or (clip-path:polygon(50% 0%,0% 100%,100% 100%))){ .brk-header_vertical.brk-header_style-1 .brk-nav__menu>li>a:before{ background-color:currentColor } } .brk-header-mobile-wrap .brk-nav__menu>li>a:before{ display:none } .brk-nav__menu>li>a:hover{ color:inherit } .brk-nav__menu>li>a:hover:before{ width:100% } .brk-header_style-3 .brk-nav__menu>li>a:hover:before{ width:12px; height:3px } .brk-header_style-1 .brk-nav__menu>li:hover,.brk-header_style-1 .brk-nav__sub-menu li:hover>a:before{ opacity:1 } .brk-header-mobile-wrap .brk-nav__menu>li:hover>a{ background-color:#fff } .brk-header_style-1 .brk-nav__sub-menu a>i,.brk-nav__menu-icon{ position:absolute; top:50%; transform:translateY(-50%); right:15px } .brk-nav__menu-icon i{ position:absolute; vertical-align:0; top:50%; left:50%; transform:translate(-50%,-50%) } @media (max-width:991px){ .brk-nav__children.children-active{ background-color:rgba(0,0,0,.03); box-shadow:inset 0 1px 4px 6px rgba(0,0,0,.02) } } .brk-header_style-1 .brk-nav__sub-menu{ padding:4px 0 12px } @media (min-width:992px){ .brk-header_style-1 .brk-nav__sub-menu{ box-shadow:0 6px 30px rgba(0,0,0,.12); border-bottom:3px solid var(--brk-base-6) } .brk-nav__sub-menu{ position:absolute; z-index:-1; opacity:0; visibility:hidden; max-height:0; min-width:270px; background-color:#fff } .brk-header_style-2 .brk-nav__sub-menu,.brk-header_style-3 .brk-nav__sub-menu{ padding:15px 0; box-shadow:0 20px 40px rgba(0,0,0,.15) } } @media (max-width:991px){ .brk-nav__sub-menu{ display:none } } .brk-nav__sub-menu a,.brk-nav__sub-menu li,.flexMenu-popup li{ display:block; position:relative } .brk-header_style-1 .brk-nav__sub-menu li:hover>a{ color:#272727 } .brk-header_style-1 .brk-nav__sub-menu li:hover>a i{ color:var(--brand-primary) } .brk-header_style-2 .brk-nav__sub-menu li:hover>a,.brk-header_style-2 .brk-nav__sub-menu li:hover>a i,.brk-header_style-3 .brk-nav__sub-menu li:hover>a,.brk-header_style-3 .brk-nav__sub-menu li:hover>a i{ color:var(--brk-base-6) } .brk-header_style-2 .brk-nav__sub-menu li:hover>a:before,.brk-header_style-3 .brk-nav__sub-menu li:hover>a:before{ width:2px } .brk-nav__sub-menu a{ text-align:left } [dir=rtl] .brk-nav__sub-menu a{ text-align:right } .brk-header_style-1 .brk-nav__sub-menu a{ font-size:.875rem; line-height:21px; padding:14px 26px; z-index:1 } .brk-header_style-1 .brk-nav__sub-menu a:before{ content:''; position:absolute; top:0; right:-5px; bottom:0; left:-5px; background-color:#f3f7ff; box-shadow:0 2px 5px rgba(0,0,0,.16); opacity:0; z-index:-1 } .brk-header_style-1 .brk-nav__sub-menu a>i{ vertical-align:0; right:21px; font-size:1rem; z-index:1; color:#b6b6b6 } [dir=rtl] .brk-header_style-1 .brk-nav__sub-menu a>i,[dir=rtl] .brk-header_style-1 .flexMenu-popup a>i{ right:auto; left:21px; transform:translateY(-50%) rotate(180deg) } .brk-header_style-2 .brk-nav__sub-menu a,.brk-header_style-3 .brk-nav__sub-menu a{ font-size:.75rem; line-height:21px; padding:7px 28px } .brk-header_style-2 .brk-nav__sub-menu a:before,.brk-header_style-3 .brk-nav__sub-menu a:before{ content:''; position:absolute; top:0; bottom:0; left:0; width:0; background-color:var(--brk-base-6) } [dir=rtl] .brk-header_style-2 .brk-nav__sub-menu a:before,[dir=rtl] .brk-header_style-3 .brk-nav__sub-menu a:before{ left:auto; right:0 } .brk-header_style-2 .brk-nav__sub-menu a>i,.brk-header_style-3 .brk-nav__sub-menu a>i{ position:absolute; vertical-align:0; top:50%; right:15px; transform:translateY(-50%); font-size:.8125rem } @media (max-width:991px){ .brk-nav__sub-menu a{ font-size:1rem!important; line-height:20px!important; padding-left:50px!important; padding-top:20px!important; padding-bottom:20px!important } .brk-nav__sub-menu a i{ display:none } } @media (min-width:992px){ .brk-nav__mega-menu{ position:absolute; top:100%; left:0; right:0; z-index:99; opacity:0; visibility:hidden; max-height:0; overflow:hidden; background-color:#fff } .brk-header_style-1 .brk-nav__mega-menu{ right:10px; left:10px; padding:0 5px 3px; box-shadow:0 6px 30px rgba(0,0,0,.12); background-color:transparent } .brk-header_style-1 .brk-nav__mega-menu:before{ content:''; position:absolute; bottom:0; left:5px; right:5px; height:3px; background-color:var(--brk-base-6); z-index:9 } .brk-header_style-2 .brk-nav__mega-menu,.brk-header_style-3 .brk-nav__mega-menu{ box-shadow:0 6px 30px rgba(0,0,0,.12) } .brk-header_vertical .brk-nav__mega-menu{ padding:0!important } .brk-header_vertical .brk-nav__mega-menu:before{ left:0; right:0 } } @media (max-width:991px){ .brk-nav__mega-menu{ display:none } } @media (min-width:992px){ .brk-header_vertical .brk-nav__mega-menu{ transform-origin:0 0; transform:rotate(90deg); width:calc(100vw - 100px); left:100% } [dir=rtl] .brk-header_vertical .brk-nav__mega-menu{ left:auto; right:0; transform-origin:100% 0; top:0 } } .brk-nav__link-open{ position:absolute; width:30%; height:60px; top:0; right:0; cursor:pointer; transition:border-color .3s; z-index:9 } .brk-call-us__number i,.brk-header_style-1 .flexMenu-popup a>i,.brk-nav__link-open i{ color:#b6b6b6; position:absolute; transform:translateY(-50%) } .brk-nav__link-open i{ top:calc(50% - 1px); right:38px; transform-origin:center center; transition-property:color,\transform; transition-duration:.3s; vertical-align:0 } .brk-nav__link-open.is-active{ border-color:var(--brand-primary) } .brk-nav__link-open.is-active i{ color:var(--brand-primary); top:50%; right:36px; transform:translateY(-50%) rotate(90deg) } .flexMenu-viewMore.active .flexMenu-popup{ opacity:1; visibility:visible; max-height:9999px; z-index:99 } .brk-header_style-1 .flexMenu-popup li:hover>a:before,.flexMenu-viewMore.active>a:after{ opacity:1 } .brk-header_style-1 .flexMenu-viewMore.active>a:before{ width:100%!important } .brk-header_style-2 .flexMenu-viewMore.active>a:before{ opacity:1!important; transform:rotate(180deg); top:calc(50% - 2px) } .brk-header_style-3 .flexMenu-viewMore.active>a:before{ width:12px; height:3px } .flexMenu-viewMore>a{ position:relative } .brk-header_style-2 .flexMenu-viewMore>a{ padding:0 12px 0 0 } .flexMenu-viewMore>a:after{ content:''; opacity:0; position:absolute; width:0; height:0; bottom:0; left:50%; transform:translateX(-50%); border-bottom:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent; z-index:98 } @media (max-width:991px){ .flexMenu-viewMore>a:after{ display:none } } .brk-header_style-3 .flexMenu-viewMore>a:after,.brk-lang_square .brk-lang__selected i{ display:none } .brk-header_style-2 .flexMenu-viewMore>a:before{ content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0!important; height:0; opacity:.5; transition:width .3s; border-left:3px solid transparent; border-right:3px solid transparent } .brk-header_style-2.brk-header_color-white .flexMenu-viewMore>a:before{ border-top:3px solid #fff } .brk-header_scroll.brk-header_style-2 .flexMenu-viewMore>a:before,.brk-header_style-2.brk-header_color-dark .flexMenu-viewMore>a:before{ border-top:3px solid #272727 } .flexMenu-viewMore .brk-nav__mega-menu{ left:80px } .brk-header_style-1 .flexMenu-popup{ padding:4px 0 12px } @media (min-width:992px){ .brk-header_style-1 .flexMenu-popup{ box-shadow:0 6px 30px rgba(0,0,0,.12); border-bottom:3px solid var(--brk-base-6) } .flexMenu-popup{ position:absolute; z-index:-1; opacity:0; visibility:hidden; max-height:0; min-width:270px; background-color:#fff } .brk-header_style-2 .flexMenu-popup,.brk-header_style-3 .flexMenu-popup{ padding:15px 0; box-shadow:0 20px 40px rgba(0,0,0,.15) } .flexMenu-popup.brk-location-screen-left{ top:100%; left:0 } .flexMenu-popup.brk-location-screen-right{ top:100%; right:0; left:auto } } @media (max-width:991px){ .flexMenu-popup{ display:none } } .brk-header_color-dark .brk-call-us:hover .brk-call-us__number,.brk-header_style-1 .flexMenu-popup li:hover>a{ color:#272727 } .brk-header_style-1 .flexMenu-popup li:hover>a i{ color:var(--brand-primary) } .brk-header_style-2 .flexMenu-popup li:hover>a,.brk-header_style-2 .flexMenu-popup li:hover>a i,.brk-header_style-3 .flexMenu-popup li:hover>a,.brk-header_style-3 .flexMenu-popup li:hover>a i{ color:var(--brk-base-6) } .brk-header_style-2 .flexMenu-popup li:hover>a:before,.brk-header_style-3 .flexMenu-popup li:hover>a:before{ width:2px } .brk-call-us,.flexMenu-popup a{ text-align:left; position:relative } .flexMenu-popup a{ font-family:'Montserrat',sans-serif; display:block } [dir=rtl] .flexMenu-popup a{ text-align:right } .brk-header_style-1 .flexMenu-popup a{ font-size:.875rem; line-height:21px; padding:14px 26px; z-index:1 } .brk-header_style-1 .flexMenu-popup a:before{ content:''; position:absolute; top:0; right:-5px; bottom:0; left:-5px; background-color:#f3f7ff; box-shadow:0 2px 5px rgba(0,0,0,.16); opacity:0; z-index:-1 } .brk-header_style-1 .flexMenu-popup a>i{ vertical-align:0; right:21px; top:50%; font-size:1rem; z-index:1 } .brk-header_style-2 .flexMenu-popup a,.brk-header_style-3 .flexMenu-popup a{ font-size:.75rem; line-height:21px; padding:7px 28px } .brk-header_style-2 .flexMenu-popup a:before,.brk-header_style-3 .flexMenu-popup a:before{ content:''; position:absolute; top:0; bottom:0; left:0; width:0; background-color:var(--brk-base-6) } [dir=rtl] .brk-header_style-2 .flexMenu-popup a:before,[dir=rtl] .brk-header_style-3 .flexMenu-popup a:before{ left:auto; right:0 } .brk-header_style-2 .flexMenu-popup a>i,.brk-header_style-3 .flexMenu-popup a>i{ position:absolute; vertical-align:0; top:50%; right:15px; transform:translateY(-50%); font-size:.8125rem } @media (max-width:991px){ .flexMenu-popup a{ font-size:1rem!important; line-height:20px!important; padding-left:50px!important; padding-top:20px!important; padding-bottom:20px!important } .flexMenu-popup a i{ display:none } } .brk-call-us{ display:inline-block; border-radius:21px; font-weight:600; font-size:.875rem; margin:0 5px } @media (min-width:992px){ .brk-call-us{ transform:translateY(-50%); top:50%; box-shadow:0 5px 16px rgba(0,0,0,.07); border:1px solid rgba(255,255,255,.2) } .brk-header_color-white .brk-call-us{ color:#fff } .brk-header_color-dark .brk-call-us{ color:#272727 } } @media (min-width:992px) and (max-width:1024px){ .brk-call-us{ width:40px; height:40px; border:0 } } .brk-header-mobile-wrap .brk-call-us{ margin:0 0 0 30px; height:42px; display:block; font-weight:700; font-size:1rem } @media (min-width:992px){ .brk-header_scroll .brk-call-us{ box-shadow:none; border:1px solid rgba(205,205,205,.2); color:#272727 } } .brk-header-mobile-wrap .brk-call-us:hover .brk-call-us__number,.brk-header-mobile-wrap .brk-call-us__number:hover,.brk-header_scroll .brk-call-us:hover .brk-call-us__number{ color:#000 } .brk-call-us__number{ display:block; line-height:42px!important; padding-left:30px } @media (min-width:1024px){ .brk-call-us__number{ padding-left:28px; padding-right:56px; line-height:40px!important } } @media (min-width:992px) and (max-width:1024px){ .brk-call-us__number{ display:none } } .brk-call-us__number i{ vertical-align:middle; line-height:1; top:50%; left:0 } @media (min-width:992px){ .brk-call-us__number i{ display:none } } .brk-call-us__link{ display:block; position:absolute; top:0; right:0; border-radius:50%; text-align:center; font-weight:700; text-transform:uppercase; font-size:.875rem; width:40px; height:40px; line-height:42px; color:var(--brand-primary)!important; background-color:#fff; box-shadow:0 5px 16px rgba(0,0,0,.07) } .brk-header_scroll .brk-call-us__link{ box-shadow:0 5px 16px rgba(var(--brand-primary-rgb),.5); color:#fff!important; background-color:var(--brand-primary) } .brk-safari .brk-header_scroll .brk-call-us__link,.list-inline-7 li a:hover .list-inline-7__before{ box-shadow:none } @media (max-width:991px){ .brk-call-us__link{ display:none } } .brk-call-us__link i{ vertical-align:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } .brk-lang{ display:inline-block; position:relative; width:78px; height:42px; text-align:center; cursor:pointer; margin:0 5px; z-index:1 } @media (min-width:992px){ .brk-lang:not(.brk-lang_square){ transform:translateY(-50%); top:50% } } @media (max-width:991px){ .brk-lang{ width:100%; text-align:left; height:auto!important; margin:0!important; background-color:transparent!important; padding-left:30px } } .brk-lang.brk-location-screen-right .brk-lang__selected{ padding-left:5px } .brk-lang.brk-location-screen-left .brk-lang__selected{ padding-right:5px } @media (min-width:992px){ .brk-lang.brk-lang_interactive{ width:45px; height:100% } .brk-lang.brk-lang_square{ width:72px; height:100%; margin:0 } .brk-lang.brk-lang_square:hover .brk-lang__option{ background-color:inherit!important } .brk-header_vertical .brk-lang{ transform:translateY(0); top:auto; width:68px; height:68px; margin:0 } .brk-lang:hover{ z-index:3 } .brk-lang:hover .brk-lang__selected{ color:#272727; display:none } .brk-header_vertical .brk-lang:hover .brk-lang__selected{ display:block } .brk-lang:hover .brk-lang__option{ max-width:500px!important; background-color:#fff } .brk-lang:hover .brk-lang__option li,.brk-lang:hover .brk-lang__option:before{ opacity:1 } .brk-header_vertical .brk-lang:hover .brk-lang__option{ padding:0 19px; opacity:1 } } .brk-lang__selected{ font-size:.875rem; font-weight:600; display:block; position:relative; line-height:42px; color:#fff; z-index:100; direction:ltr!important } @media (min-width:992px){ .brk-lang_interactive .brk-lang__selected{ font-weight:400; font-size:.6875rem; height:inherit; display:flex; align-items:center; line-height:normal } .brk-lang_square .brk-lang__selected{ font-size:.75rem; height:inherit; display:flex; align-items:center; line-height:normal; padding-left:0; justify-content:center } .brk-header_scroll .brk-lang_square .brk-lang__selected{ color:#fff!important } .brk-header_vertical .brk-lang__selected{ line-height:68px; padding-left:0; border-bottom:1px solid #efefef } } .brk-header_color-white .brk-lang__selected{ color:#fff } .brk-header_color-dark .brk-lang__selected,.brk-header_scroll .brk-header__main-bar .brk-lang__selected{ color:#272727 } @media (min-width:992px){ .brk-header_scroll .brk-lang__selected{ color:#272727!important } } .brk-lang__selected i{ vertical-align:0; margin-left:8px } @media (min-width:992px){ .brk-header_vertical .brk-lang__selected i{ margin-left:3px } } @media (max-width:991px){ .brk-lang__selected{ display:none } } .brk-lang__open{ display:block; width:100%; font-size:1rem; color:#272727; font-weight:700; padding-left:30px; line-height:42px; position:relative } @media (min-width:992px){ .brk-lang__open{ display:none } } .brk-lang__open i{ vertical-align:middle; color:#b6b6b6; line-height:1; position:absolute; left:0; top:50%; transform:translateY(-50%) } .brk-lang__active-lang{ display:none } @media (max-width:992px){ .brk-lang__active-lang{ position:absolute; top:10px; right:30px; display:block; width:24px; height:24px; border-radius:50%; box-shadow:0 5px 16px rgba(0,0,0,.07); text-align:center; font-size:.75rem; font-weight:500; line-height:24px } } @media (min-width:992px){ .brk-lang__option{ position:absolute; top:0; max-width:78px; z-index:101; transition-property:max-width,background-color; transition-duration:.4s; border-radius:21px; overflow:hidden; display:flex } .brk-location-screen-right .brk-lang__option{ right:0; padding-right:40px; padding-left:20px } .brk-header_vertical .brk-location-screen-right .brk-lang__option{ right:100%; padding:0 } .brk-location-screen-left .brk-lang__option{ left:0; padding-right:20px; padding-left:40px } .brk-header_vertical .brk-location-screen-left .brk-lang__option{ left:100%; padding:0 } .brk-lang__option:before{ content:''; position:absolute; top:50%; transform:translateY(-50%); width:0; height:0; transition:opacity .4s; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #b6b6b6; opacity:0 } .brk-location-screen-right .brk-lang__option:before{ right:15px } .brk-location-screen-left .brk-lang__option:before{ left:23px; right:auto!important } .brk-lang_interactive .brk-lang__option:before{ right:11px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid rgba(255,255,255,.6) } .brk-lang_square .brk-lang__option:before{ border-top:5px solid #fff } .brk-header_vertical .brk-lang__option:before{ display:none } .brk-header .brk-lang__option{ box-shadow:0 5px 16px rgba(0,0,0,.07); border:1px solid rgba(255,255,255,.2); color:#fff } .brk-header_scroll .brk-lang__option{ box-shadow:none; border:1px solid rgba(205,205,205,.2); color:#272727 } .brk-header__top-bar .brk-header_scroll .brk-lang__option{ color:#fff } .brk-lang_interactive .brk-lang__option,.brk-lang_square .brk-lang__option{ background-color:transparent!important; border:0!important; height:100%; align-items:center; box-shadow:none } .brk-lang_interactive .brk-lang__option{ padding-right:25px; max-width:45px } .brk-lang_square .brk-lang__option{ max-width:72px; border-radius:0!important } .brk-header_vertical .brk-lang__option{ max-width:0; opacity:0; border-radius:0; height:100%; box-shadow:0 6px 30px 0 rgba(0,0,0,.12); border:0 } .brk-header_vertical .brk-lang__option:after{ content:''; position:absolute; top:0; left:0; right:0; height:2px; background-color:var(--brand-primary) } } @media (max-width:991px){ .brk-lang__option{ width:calc(100% + 30px); display:none; padding:0 10px; background-color:#fff; margin-top:10px; margin-left:-30px } } .brk-lang__option li{ display:block; opacity:0; transition:opacity .3s } @media (max-width:991px){ .brk-lang__option li{ opacity:1; display:inline-block } } .brk-lang__option li a{ display:block; font-weight:600; line-height:40px; text-align:center; padding:0 18px; color:#b6b6b6 } @media (max-width:991px){ .brk-lang__option li a{ line-height:50px } } @media (min-width:992px){ .brk-lang_interactive .brk-lang__option li a{ font-weight:400; color:rgba(255,255,255,.6); line-height:36px; font-size:.75rem; padding:0 14px } .brk-lang_square .brk-lang__option li a{ color:#fff } .brk-header_vertical .brk-lang__option li a{ line-height:68px; padding:0 11px; color:#000 } } .brk-lang__option li a:hover{ color:var(--brand-primary) } @media (min-width:992px){ .brk-header_scroll .brk-lang_interactive .brk-lang__option li a:hover,.brk-lang_interactive .brk-lang__option li a:hover,.brk-lang_square .brk-lang__option li a:hover{ color:#fff } .brk-header_vertical .brk-lang__option li a:hover{ color:#b6b6b6 } } .brk-mini-cart{ display:inline-block; font-size:.875rem; position:relative } @media (min-width:992px){ .brk-mini-cart{ height:100%; margin:0 5px } .brk-header__top-bar .brk-mini-cart{ width:auto } .brk-header_vertical .brk-mini-cart{ width:68px; height:68px; margin:0 } } .brk-header-mobile-wrap .brk-mini-cart{ display:block; padding:0!important; margin:0!important } @media (min-width:992px){ .brk-mini-cart:hover .brk-mini-cart__menu{ z-index:99; opacity:1; visibility:visible; transform:scale(1); transition-duration:.28s; transition-timing-function:cubic-bezier(.17,.89,.27,1.19) } } .brk-mini-cart__open{ position:relative; cursor:pointer } @media (min-width:992px){ .brk-mini-cart__open{ height:inherit; min-width:30px } .brk-header__top-bar .brk-mini-cart__open{ display:flex; align-items:center; color:#fff } } .brk-header_color-white .brk-mini-cart__open{ color:#fff } .brk-header_color-dark .brk-mini-cart__open,.brk-header_scroll .brk-header__main-bar .brk-mini-cart__open{ color:#272727 } @media (min-width:992px){ .brk-header_scroll .brk-mini-cart__open{ color:#272727!important } } .brk-mini-cart__open_skin-1 i{ font-size:.6875rem; opacity:.5; top:calc(50% - 2px) } @media (min-width:992px){ .brk-header_vertical .brk-mini-cart__open{ border-bottom:1px solid #efefef } } .brk-header-mobile-wrap .brk-mini-cart__open{ color:#272727; padding-left:30px } .brk-mini-cart__open i{ vertical-align:0 } @media (min-width:992px){ .brk-mini-cart__open i{ position:absolute; top:calc(50% - 1px); left:50%; transform:translate(-50%,-50%) } .brk-header__top-bar .brk-mini-cart__open i{ left:0; transform:translateY(-50%) } } @media (max-width:991px){ .brk-mini-cart__open i{ line-height:1; vertical-align:middle; position:absolute; left:30px; top:50%; transform:translateY(-50%) } } .brk-header-mobile-wrap .brk-mini-cart__open i{ color:#b6b6b6!important } .brk-mini-cart__info-open{ position:relative; cursor:pointer; display:flex; align-items:center } @media (min-width:992px){ .brk-mini-cart__info-open{ height:inherit } } @media (max-width:991px){ .brk-mini-cart__info-open{ padding:18px 0 18px 45px } } .brk-header-popup-menu__menu ul li,.brk-mini-cart__info-open-thumb{ position:relative } .brk-mini-cart__info-open-thumb .thumb-1,.brk-mini-cart__info-open-thumb .thumb-2{ width:40px; height:40px; border-radius:50%; overflow:hidden; background:no-repeat center center; background-size:cover } .brk-mini-cart__info-open-thumb .thumb-2{ position:absolute; top:0; left:-20px } [dir=rtl] .brk-mini-cart__info-open-thumb .thumb-2{ left:auto; right:-20px } .brk-mini-cart__info-open-count{ position:absolute; text-align:center; font-size:.75rem; font-weight:600; line-height:19px; height:19px; padding:0 6px; border-radius:50%; background-color:var(--brk-secondary-6); box-shadow:0 5px 16px rgba(0,0,0,.07); top:-6px; right:-6px } [dir=rtl] .brk-mini-cart__info-open-count{ right:auto; left:-6px } .brk-header_color-white .brk-mini-cart__info-open-count{ color:#fff } .brk-header_color-dark .brk-mini-cart__info-open-count{ color:#272727 } .brk-mini-cart__info-open-total-price{ font-size:.75rem; line-height:24px; color:#fff; margin-left:22px } [dir=rtl] .brk-mini-cart__info-open-total-price{ margin-left:0; margin-right:22px } @media (max-width:991px){ .brk-mini-cart__info-open-total-price{ color:#272727 } } @media (min-width:992px){ .brk-header_scroll .brk-header__main-bar .brk-mini-cart__info-open-total-price{ color:#272727 } .brk-mini-cart.brk-location-screen-right .brk-mini-cart__menu{ right:-15px } .brk-header_vertical .brk-mini-cart.brk-location-screen-right .brk-mini-cart__menu{ right:100% } } .brk-mini-cart.brk-location-screen-right .brk-mini-cart__menu:before{ right:22px } @media (min-width:992px){ .brk-mini-cart.brk-location-screen-left .brk-mini-cart__menu{ left:-15px } .brk-header_vertical .brk-mini-cart.brk-location-screen-left .brk-mini-cart__menu{ left:100% } } .brk-mini-cart.brk-location-screen-left .brk-mini-cart__menu:before{ left:22px } .brk-mini-cart__title{ font-size:1rem; color:#272727; display:inline-block; font-weight:700; padding-left:30px; line-height:42px } @media (min-width:992px){ .brk-mini-cart__title{ display:none } } .brk-header-mobile-wrap .brk-mini-cart__title{ color:#272727; text-transform:none; font-weight:700; font-size:1rem; line-height:42px } .brk-header_vertical .brk-mini-cart__menu:before,.brk-mini-cart__label{ display:none } @media (min-width:992px){ .brk-header__top-bar .brk-mini-cart__label{ display:block; padding:0 30px } } .brk-mini-cart__count{ position:absolute; text-align:center; font-size:.75rem; font-weight:600; line-height:19px; height:19px; padding:0 6px; border-radius:50%; background-color:var(--brk-secondary-6); box-shadow:0 5px 16px rgba(0,0,0,.07) } .brk-mini-cart__count_skin-1{ font-size:.625rem; font-weight:500; line-height:17px; height:16px } .brk-header__top-bar .brk-mini-cart__count{ top:50%; right:0; transform:translateY(-50%); background-color:rgba(255,255,255,.2) } .brk-header_color-dark .brk-header__top-bar .brk-mini-cart__count{ color:#272727 } .brk-header__main-bar .brk-mini-cart__count{ top:13%; right:-9px } .brk-header_color-dark .brk-mini-cart__count,.brk-header_color-white .brk-mini-cart__count{ color:#fff } @media (min-width:992px){ .brk-header_scroll .brk-mini-cart__count{ color:#272727; background-color:rgba(0,0,0,.12) } .brk-mini-cart__count_white{ background-color:rgba(0,0,0,.2)!important; color:#fff!important } } .brk-header-mobile-wrap .brk-mini-cart__count{ top:50%; right:30px; transform:translateY(-50%); height:24px; padding:0 8px; line-height:24px; color:#fff!important; background-color:var(--brk-secondary-6)!important } .brk-header_vertical .brk-mini-cart__count{ color:#fff; top:50%; transform:translateY(-50%); z-index:999 } [dir=rtl] .brk-header_vertical .brk-mini-cart__count{ right:auto; left:-9px } .brk-mini-cart__menu{ width:100%; height:auto; background-color:#fff } @media (min-width:992px){ .brk-mini-cart__menu{ opacity:0; visibility:hidden; transform:scale(0); transform-origin:calc(100% - 30px) 0; transition-property:opacity,visibility,\transform; transition-duration:.3s; z-index:98; position:absolute; top:100%; width:calc(100vw - 60px); max-width:500px; height:auto; max-height:calc(100vh - 125px); padding-bottom:3px; box-shadow:0 6px 30px rgba(0,0,0,.12),inset 0 -3px var(--brk-base-6) } .brk-header_style-2 .brk-mini-cart__menu{ box-shadow:0 6px 30px rgba(0,0,0,.12); padding-bottom:0 } .brk-header_vertical .brk-mini-cart__menu{ top:0; left:100%; right:auto } } .brk-mini-cart__menu:before{ content:''; position:absolute; width:0; height:0; top:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff; z-index:9 } @media (max-width:991px){ .brk-mini-cart__menu:before{ display:none } } .brk-header-mobile-wrap .brk-mini-cart__menu{ display:none; margin-top:15px } .brk-mini-cart__header{ height:68px; line-height:68px; background-color:#fff; box-shadow:0 6px 30px rgba(0,0,0,.12),inset 0 -2px var(--brk-secondary-3); position:relative; padding-left:28px; text-align:left } @media (max-width:991px){ .brk-mini-cart__header{ height:40px; line-height:40px; display:none } } .brk-header_style-2 .brk-mini-cart__header,.brk-header_style-7-popup .brk-mini-cart__header{ box-shadow:none; border-bottom:1px solid #e5e5e5 } .brk-mini-cart__links{ height:96px; background-color:#f4f4f4; padding:0 30px; display:flex; align-items:center; box-shadow:inset 0 3px 5px rgba(0,0,0,.03) } @media (max-width:991px){ .brk-mini-cart__links{ height:66px } } .brk-header-mobile-wrap .brk-mini-cart__links{ padding:0 15px } .brk-mini-cart__links--wrap{ width:100%; position:relative } .brk-mini-cart__links--wrap i{ vertical-align:0 } .brk-mini-cart__links--cart{ display:block; position:absolute; top:0; left:0; width:164px; height:54px; font-size:.875rem; font-weight:600; line-height:54px; text-align:center; border-radius:27px; text-transform:uppercase; background-color:#fff; color:var(--brand-primary); box-shadow:0 5px 16px rgba(165,165,165,.5); z-index:2 } @media (max-width:991px){ .brk-mini-cart__links--cart{ height:36px; line-height:36px } } .brk-header-mobile-wrap .brk-mini-cart__links--cart{ width:120px; font-size:.8125rem } .brk-mini-cart__links--cart:hover,.list-inline-7 li a:hover .list-inline-7__before i{ color:var(--brand-primary) } .brk-mini-cart__links--cart:hover i{ -webkit-animation:cart-checkout-animat 1s ease-in-out; animation:cart-checkout-animat 1s ease-in-out } .brk-mini-cart__links--cart i{ margin-right:10px; font-size:1.1875rem } .brk-header_style-2 .brk-mini-cart__links--cart i{ margin-right:19px } [dir=rtl] .brk-mini-cart__links--cart i{ margin-right:0; margin-left:10px } .brk-header_style-2 .brk-mini-cart__links--cart{ color:var(--brk-base-6); box-shadow:none; height:46px; line-height:46px } .brk-mini-cart__links--checkout{ width:100%; height:54px; border-radius:27px; display:block; font-size:.875rem; font-weight:600; line-height:54px; text-align:right; padding-right:23px; text-transform:uppercase; color:#fff; background-color:var(--brand-primary); box-shadow:0 5px 16px rgba(var(--brand-primary-rgb),.5) } @media (max-width:991px){ .brk-mini-cart__links--checkout{ height:36px; line-height:36px } } .brk-header-mobile-wrap .brk-mini-cart__links--checkout{ font-size:.8125rem } .brk-mini-cart__links--checkout:hover{ color:#fff } .brk-mini-cart__links--checkout:hover i{ -webkit-animation:cart-checkout-animat 1s ease-in-out; animation:cart-checkout-animat 1s ease-in-out } .brk-mini-cart__links--checkout i{ margin-left:30px; font-size:1rem; position:relative } .brk-header-mobile-wrap .brk-mini-cart__links--checkout i{ margin-left:15px } [dir=rtl] .brk-mini-cart__links--checkout i{ margin-left:0; margin-right:30px } .brk-header_style-2 .brk-mini-cart__links--checkout,.brk-header_style-7-popup .brk-mini-cart__links--checkout{ height:46px; line-height:46px; background-color:var(--brk-base-6); box-shadow:0 5px 16px rgba(0,124,211,.5) } .brk-mini-cart__products{ overflow:auto } .brk-mini-cart__products:hover .brk-mini-cart__product:not(:hover) .brk-mini-cart__product--img{ opacity:.5 } .brk-mini-cart__product{ display:flex; justify-content:space-between; align-items:center; position:relative; z-index:1; border-bottom:1px dashed #dcdcdc; padding:22px 30px; transition:all .3s ease-in-out; transition-property:background-color,box-shadow } @media (max-width:991px),(max-height:870px){ .brk-mini-cart__product{ padding:15px } } .brk-mini-cart__product:hover{ background-color:#fff; box-shadow:0 6px 30px rgba(0,0,0,.12),inset 3px 0 var(--brk-base-2); z-index:2 } .brk-header_style-2 .brk-mini-cart__product:hover{ box-shadow:inset 3px 0 var(--brk-base-6); background-color:#fbfbfb } .brk-mini-cart__product:last-child{ border-bottom:none } .brk-mini-cart__product--img{ position:relative; width:80px } .brk-mini-cart__product--img img{ width:100%; height:auto } .brk-mini-cart__product--title-price{ padding:5px 20px 0 14px; width:186px } .brk-mini-cart__product--old-price{ text-decoration:line-through; font-size:.875rem; display:inline-block; margin-left:6px; color:#c4c4c4 } .brk-mini-cart__product--price{ font-weight:600; font-size:.875rem; display:inline-block; margin-left:8px; color:var(--brand-primary) } .brk-header_style-2 .brk-mini-cart__product--price,.brk-header_style-7-popup .brk-mini-cart__product--price{ color:var(--brk-base-6) } .brk-mini-cart__product--remove{ width:48px; height:48px; border-radius:24px; text-align:center; position:relative; background-color:#fff; box-shadow:0 5px 16px rgba(0,0,0,.07) } .brk-mini-cart__product--remove:hover{ background-color:var(--brand-primary) } .brk-header_style-2 .brk-mini-cart__product--remove:hover,.brk-header_style-7-popup .brk-mini-cart__product--remove:hover{ background-color:var(--brk-base-6) } .brk-header_style-2 .brk-mini-cart__product--remove:hover i,.brk-header_style-7-popup .brk-mini-cart__product--remove:hover i,.brk-mini-cart__product--remove:hover i{ color:#fff } .brk-mini-cart__product--remove i{ vertical-align:0; font-size:1rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:var(--brand-primary) } .brk-header_style-2 .brk-mini-cart__product--remove i,.brk-header_style-7-popup .brk-mini-cart__product--remove i{ color:var(--brk-base-6) } @media (min-width:992px){ .brk-header .brk-social-links.brk-location-screen-right:not(.brk-social-links_no-open) .brk-social-links__block{ right:-15px } } .brk-header .brk-social-links.brk-location-screen-right:not(.brk-social-links_no-open) .brk-social-links__block:before{ right:22px } @media (min-width:992px){ .brk-header .brk-social-links.brk-location-screen-left:not(.brk-social-links_no-open) .brk-social-links__block{ left:-15px } } .brk-header .brk-social-links.brk-location-screen-left:not(.brk-social-links_no-open) .brk-social-links__block:before{ left:22px } .brk-header .brk-social-links{ display:inline-block; font-size:.875rem; position:relative } @media (min-width:992px){ .brk-header .brk-social-links{ height:100%; margin:0 5px; width:30px } .brk-header_vertical .brk-social-links{ width:auto; margin:0 } } .brk-header-mobile-wrap .brk-social-links{ display:block; padding:0!important; margin:0!important } @media (min-width:992px){ .brk-social-links_no-open{ transform:rotate(0)!important } .brk-social-links_no-open .brk-social-links__header,.brk-social-links_no-open .brk-social-links__open{ display:none } .brk-social-links_no-open .brk-social-links__block{ position:static!important; height:inherit } .brk-social-links_no-open .brk-social-links__content{ padding:0 10px!important; height:inherit; align-items:center; justify-content:flex-start } .brk-social-links_no-open .brk-social-links__content a{ border-right:0!important; background-color:transparent!important; width:50px; height:50px } .brk-header_vertical .brk-social-links_no-open .brk-social-links__content a{ transform:rotate(90deg) } .brk-social-links_no-open .brk-social-links__content a:hover{ background-color:transparent!important; box-shadow:none!important } .brk-header_color-white .brk-social-links_no-open .brk-social-links__content a i{ color:#fff!important } .brk-header_color-dark .brk-social-links_no-open .brk-social-links__content a i,.brk-header_scroll .brk-social-links_no-open .brk-social-links__content a i{ color:#272727!important } } .brk-header .brk-social-links__open{ position:relative; cursor:pointer } @media (min-width:992px){ .brk-header .brk-social-links__open{ height:inherit } } .brk-header .brk-social-links__content a:hover i,.brk-header_color-white .brk-social-links__open,.brk-header_style-2 .brk-social-links__content a:hover i{ color:#fff } .brk-header_color-dark .brk-social-links__open,.brk-header_scroll .brk-header__main-bar .brk-social-links__open{ color:#272727 } .brk-header-mobile-wrap .brk-social-links__open{ color:#272727; padding-left:30px } .brk-header .brk-social-links__open i,.brk-search__open i{ vertical-align:0 } @media (min-width:992px){ .brk-header .brk-social-links__open i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } } @media (max-width:991px){ .brk-header .brk-social-links__open i{ line-height:1; position:absolute; left:30px; top:50%; transform:translateY(-50%); vertical-align:middle } } .brk-header-mobile-wrap .brk-search__open i,.brk-header-mobile-wrap .brk-social-links__open i{ color:#b6b6b6 } .brk-header .brk-social-links__title{ font-size:1rem; color:#272727; display:inline-block; font-weight:700; padding-left:30px; line-height:42px } @media (min-width:992px){ .brk-header .brk-social-links__title{ display:none } .brk-header .brk-social-links:not(.brk-social-links_no-open) .brk-social-links__block{ opacity:0; visibility:hidden; transform:scale(0); transform-origin:calc(100% - 30px) 0; transition-property:opacity,visibility,\transform; transition-duration:.3s; z-index:98; position:absolute; top:100%; width:auto; max-width:438px; height:auto; text-align:left; background-color:#f4f4f4; box-shadow:inset 0 3px 5px rgba(0,0,0,.03),inset 0 -3px var(--brk-base-6) } } .brk-header .brk-social-links:not(.brk-social-links_no-open) .brk-social-links__block:before{ content:''; position:absolute; width:0; height:0; top:-8px; border-bottom:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent; z-index:9 } .brk-header-mobile-wrap .brk-header .brk-social-links:not(.brk-social-links_no-open) .brk-social-links__block:before{ display:none } .brk-header_style-2 .brk-social-links:not(.brk-social-links_no-open) .brk-social-links__block{ box-shadow:inset 0 3px 5px rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.1) } @media (min-width:992px){ .brk-header .brk-social-links:not(.brk-social-links_no-open):hover .brk-social-links__block{ opacity:1; visibility:visible; transform:scale(1); transition-duration:.28s; transition-timing-function:cubic-bezier(.17,.89,.27,1.19) } } .brk-header .brk-social-links__block{ width:100% } .brk-header-mobile-wrap .brk-social-links__block{ display:none; margin-top:15px } .brk-header .brk-social-links__header{ height:68px; line-height:68px; background-color:#fff; padding-left:28px; padding-right:28px; white-space:nowrap; box-shadow:0 6px 30px rgba(0,0,0,.12),inset 0 -2px var(--brk-secondary-3) } @media (max-width:991px){ .brk-header .brk-social-links__header{ display:none } } .brk-header_style-2 .brk-social-links__header{ box-shadow:none; border-bottom:1px solid #e5e5e5 } .brk-header .brk-social-links__content{ display:flex; justify-content:space-between; padding:13px 16px } .brk-header-mobile-wrap .brk-social-links__content{ justify-content:flex-start; padding:5px 20px } .brk-header .brk-social-links__content a{ display:block; width:54px; height:54px; border-radius:50%; position:relative; transition-property:background-color,box-shadow; transition-duration:.3s; background-color:#fff; margin:7px 14px } .brk-header.brk-header_vertical .brk-social-links__content a{ width:28px; height:28px } .brk-header-mobile-wrap .brk-social-links__content a{ width:36px; height:36px; margin:0 5px } .brk-header .brk-social-links__content a:hover{ background-color:var(--brand-primary); box-shadow:0 5px 16px rgba(var(--brand-primary-rgb),.5) } .brk-header_style-2 .brk-social-links__content a:hover{ background-color:var(--brk-base-6) } .brk-header .brk-social-links__content a i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); vertical-align:0; font-size:1rem; transition:color .3s; color:var(--brand-primary) } .brk-header_style-2 .brk-social-links__content a i{ color:var(--brk-base-6) } .brk-header-mobile-wrap .brk-social-links__content a i,.brk-search,.brk-social-links_link-14 .brk-social-links__content a i{ font-size:.875rem } .brk-search{ display:inline-block } @media (min-width:992px){ .brk-search{ height:100%; margin:0 5px; width:30px } .brk-search.brk-location-screen-right:not(.brk-search_interactive) .brk-search__block{ right:-15px } .brk-header_vertical .brk-search.brk-location-screen-right:not(.brk-search_interactive) .brk-search__block{ right:100% } .brk-search.brk-location-screen-right:not(.brk-search_interactive) .brk-search__block:before{ right:22px } .brk-search.brk-location-screen-left:not(.brk-search_interactive) .brk-search__block{ left:-15px } .brk-header_vertical .brk-search.brk-location-screen-left:not(.brk-search_interactive) .brk-search__block{ left:100% } .brk-search.brk-location-screen-left:not(.brk-search_interactive) .brk-search__block:before{ left:22px } .brk-search:not(.brk-search_interactive){ position:relative } .brk-search:not(.brk-search_interactive) .brk-search__header{ display:block } } @media (min-width:992px) and (max-width:991px){ .brk-search:not(.brk-search_interactive) .brk-search__header{ display:none } } @media (min-width:992px){ .brk-search:not(.brk-search_interactive) .brk-search__block{ opacity:0; visibility:hidden; transform:scale(0); transform-origin:calc(100% - 30px) 0; transition-property:opacity,visibility,\transform; transition-duration:.3s; z-index:98; position:absolute; top:100%; width:calc(100vw - 60px); max-width:500px; height:auto; text-align:left; background-color:#fff; box-shadow:inset 0 3px 5px rgba(0,0,0,.03),inset 0 -3px var(--brk-base-6) } .brk-header_style-2 .brk-search:not(.brk-search_interactive) .brk-search__block{ box-shadow:none } .brk-search:not(.brk-search_interactive) .brk-search__block:before{ content:''; position:absolute; width:0; height:0; top:-8px; border-bottom:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent; z-index:9 } .brk-header-mobile-wrap .brk-search:not(.brk-search_interactive) .brk-search__block:before{ display:none } .brk-header_vertical .brk-search{ width:68px; height:68px; margin:0; font-size:1.5rem } } .brk-header-mobile-wrap .brk-search{ display:block; padding:0!important; margin:0!important } @media (min-width:992px){ .brk-search:hover:not(.brk-search_interactive) .brk-search__block{ opacity:1; visibility:visible; transform:scale(1); transition-timing-function:cubic-bezier(.17,.89,.27,1.19); transition-duration:.28s } } .brk-search__open{ position:relative; cursor:pointer } @media (min-width:992px){ .brk-search__open{ height:inherit } } .brk-header_color-white .brk-search__open,.brk-post-brick__content h4{ color:#fff } .brk-header_color-dark .brk-search__open{ color:#272727 } .brk-header_scroll .brk-header__main-bar .brk-search__open{ color:#272727!important } .brk-header-mobile-wrap .brk-search__open{ color:#272727; padding-left:30px; text-align:left } @media (min-width:992px){ .brk-search__open i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } } @media (max-width:991px){ .brk-search__open i{ line-height:40px } } .brk-search__title{ font-size:1rem; color:#272727; display:inline-block; font-weight:700; padding-left:12px; line-height:42px } @media (min-width:992px){ .brk-search__title{ display:none } } .brk-search__close{ display:none; cursor:pointer } @media (min-width:992px){ .brk-search_interactive .brk-search__close{ display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); color:rgba(255,255,255,.8); font-size:.625rem; line-height:24px; text-transform:uppercase } [dir=rtl] .brk-search_interactive .brk-search__close{ right:auto; left:0 } .brk-header_scroll .brk-search_interactive .brk-search__close{ color:rgba(39,39,39,.8) } .brk-search_interactive .brk-search__close i{ font-size:1.25rem; line-height:24px; color:rgba(255,255,255,.2); margin-left:14px } [dir=rtl] .brk-search_interactive .brk-search__close i{ margin-left:0; margin-right:14px } .brk-header_scroll .brk-search_interactive .brk-search__close i{ color:rgba(39,39,39,.2) } } .brk-search__block{ width:100% } @media (min-width:992px){ .brk-search_interactive .brk-search__block{ position:absolute; top:0; left:50%; transform:translateX(-50%); width:calc(100% - 30px); height:100%; opacity:0; visibility:hidden; overflow:hidden; z-index:999 } .brk-search_interactive .brk-search__block.active{ opacity:1; visibility:visible } .brk-header_vertical .brk-search__block{ top:0!important; left:100%; right:auto!important } .brk-header_vertical .brk-search__block:before{ display:none!important } } .brk-header-mobile-wrap .brk-search__block{ display:none; margin-top:15px } .brk-search__header{ height:68px; line-height:68px; position:relative; background-color:#fff; padding-left:28px; display:none; box-shadow:0 6px 30px rgba(0,0,0,.12),inset 0 -2px var(--brk-secondary-3) } @media (max-width:991px){ .brk-search__header{ display:none } } .brk-header_style-2 .brk-search__header{ height:48px; line-height:48px; box-shadow:none; border-bottom:1px solid rgba(0,0,0,.12) } .brk-search__form{ display:block; position:relative; padding-bottom:3px } @media (min-width:992px){ .brk-search_interactive .brk-search__form{ padding:0; height:100% } } .brk-header_style-2 .brk-search__form{ padding-bottom:0 } .brk-search__form [type=search]{ width:100%; height:66px; border-radius:0; box-shadow:none; border:0; color:#272727; padding:0 50px 0 29px; line-height:66px; font-size:.875rem } [dir=rtl] .brk-search__form [type=search]{ padding:0 29px 0 50px } .brk-search__form [type=search]::-webkit-input-placeholder{ color:#9f9f9f; opacity:1 } .brk-search__form [type=search]::-moz-placeholder{ color:#9f9f9f; opacity:1 } .brk-search__form [type=search]:-ms-input-placeholder,.brk-search__form [type=search]::-ms-input-placeholder{ color:#9f9f9f; opacity:1 } .brk-search__form [type=search]::placeholder{ color:#9f9f9f; opacity:1 } @media (min-width:992px){ .brk-search_interactive .brk-search__form [type=search]{ height:100%; line-height:66px; vertical-align:center; font-size:1.5rem; background-color:transparent; color:#fff; letter-spacing:.08em; padding:0 105px 0 75px } [dir=rtl] .brk-search_interactive .brk-search__form [type=search]{ padding:0 75px 0 105px } .brk-search_interactive .brk-search__form [type=search]::-webkit-input-placeholder{ color:#fff; opacity:1 } .brk-search_interactive .brk-search__form [type=search]::-moz-placeholder{ color:#fff; opacity:1 } .brk-search_interactive .brk-search__form [type=search]:-ms-input-placeholder,.brk-search_interactive .brk-search__form [type=search]::-ms-input-placeholder{ color:#fff; opacity:1 } .brk-search_interactive .brk-search__form [type=search]::placeholder{ color:#fff; opacity:1 } .brk-header_scroll .brk-search_interactive .brk-search__form [type=search]{ color:#272727 } .brk-header_scroll .brk-search_interactive .brk-search__form [type=search]::-webkit-input-placeholder{ color:#272727; opacity:1 } .brk-header_scroll .brk-search_interactive .brk-search__form [type=search]::-moz-placeholder{ color:#272727; opacity:1 } .brk-header_scroll .brk-search_interactive .brk-search__form [type=search]:-ms-input-placeholder,.brk-header_scroll .brk-search_interactive .brk-search__form [type=search]::-ms-input-placeholder{ color:#272727; opacity:1 } .brk-header_scroll .brk-search_interactive .brk-search__form [type=search]::placeholder{ color:#272727; opacity:1 } } .brk-header-mobile-wrap .brk-search__form [type=search]{ background-color:#fff } .brk-search__form [type=submit]{ position:absolute; top:0; right:18px; display:block; width:32px; height:100%; background-color:transparent } [dir=rtl] .brk-search__form [type=submit]{ right:auto; left:18px } @media (min-width:992px){ .brk-search_interactive .brk-search__form [type=submit]{ right:auto; left:0 } [dir=rtl] .brk-search_interactive .brk-search__form [type=submit]{ right:0; left:auto } } .brk-search__form [type=submit] i{ font-size:1rem; color:var(--brand-primary) } .brk-header_style-2 .brk-search__form [type=submit] i{ color:var(--brk-base-6) } @media (min-width:992px){ .brk-search_interactive .brk-search__form [type=submit] i{ font-size:1.5rem; color:#fff } .brk-header_style-2 .brk-search_interactive .brk-search__form [type=submit] i{ color:#fff } .brk-header_scroll .brk-search_interactive .brk-search__form [type=submit] i{ color:#272727 } } .brk-info-menu{ position:fixed; top:0; right:0; width:100%; max-width:380px; transform:translateX(100%); height:100vh; transition:\transform .3s; border-top:3px solid var(--brand-primary); overflow:hidden; box-shadow:-1px 0 5px 0 rgba(50,50,50,.3); z-index:105 } [dir=rtl] .brk-info-menu{ right:auto; left:0; transform:translateX(-100%) } .brk-info-menu.active{ transform:translateX(0) } .brk-info-menu__bar{ position:relative; width:100%; height:100%; overflow-y:auto; padding:0 20px } .brk-info-menu__bar,.brk-info-menu__header{ background-color:#fff } [dir=rtl] .brk-info-menu__header{ padding-left:0; padding-right:28px; text-align:right } .brk-info-menu .brk-sidebar__title,.brk-info-menu__header{ height:73px; position:relative; text-align:left; border-bottom:1px solid #ebebeb; padding:25px 15px 25px 20px; margin:0 -20px } .brk-info-menu__close{ width:71px; height:73px; background-color:#f9f9f9; box-shadow:inset 2px 1px 10px rgba(0,0,0,.04); position:absolute; top:0; right:0; font-size:.875rem; z-index:10 } .brk-info-menu__close:after,.brk-info-menu__close:before{ content:''; position:absolute; top:50%; left:50%; width:14px; height:2px; transform-origin:center center; background-color:var(--brand-primary); transition:width .3s } .brk-info-menu__close:before{ transform:translate(-50%,-50%) rotate(45deg) } .brk-info-menu__close:after{ transform:translate(-50%,-50%) rotate(-45deg) } [dir=rtl] .brk-info-menu__close{ right:auto; left:0 } .brk-info-menu__close:hover:after,.brk-info-menu__close:hover:before{ width:16px } .brk-info-menu-open{ position:relative; cursor:pointer; display:inline-block } @media (min-width:992px){ .brk-info-menu-open{ height:100%; margin:0 5px; width:30px } .brk-header_vertical .brk-info-menu-open{ width:68px; height:68px; margin:0 } .brk-info-menu-open_skin-1 span{ width:12px } .brk-info-menu-open_skin-1 span:before{ width:100%; height:100%; top:-4px; left:0 } .brk-info-menu-open_skin-1 span:after{ width:100%; height:100%; bottom:-4px; left:0 } .brk-info-menu-open_skin-2 span{ width:16px } .brk-info-menu-open_skin-2 span:before{ width:100%; height:100%; top:-6px; left:0 } .brk-info-menu-open_skin-2 span:after{ width:100%; height:100%; bottom:-6px; left:0 } .brk-info-menu-open_skin-3 span,.brk-info-menu-open_skin-4 span,.brk-info-menu-open_skin-5 span{ width:22px } .brk-info-menu-open_skin-3 span:before{ width:100%; height:100%; top:-7px; left:0 } .brk-info-menu-open_skin-3 span:after{ width:calc(100% - 5px); height:100%; bottom:-7px; right:0 } .brk-info-menu-open_skin-3.open-active span:after,.brk-info-menu-open_skin-4.open-active span:after,.brk-info-menu-open_skin-4.open-active span:before{ width:100% } .brk-info-menu-open_skin-4 span:before{ width:calc(100% - 5px); height:100%; top:-7px; right:0 } .brk-info-menu-open_skin-4 span:after{ width:calc(100% - 5px); height:100%; bottom:-7px; right:0 } .brk-info-menu-open_skin-5 span:before{ width:100%; height:100%; top:-6px; left:0 } .brk-info-menu-open_skin-5 span:after{ width:100%; height:100%; bottom:-6px; left:0 } } .brk-header-mobile-wrap .brk-info-menu-open{ width:100%; padding:0; height:auto } .brk-info-menu-open .brk-lines{ display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:2px; transition:background 0s .3s } .brk-header-mobile-wrap .brk-info-menu-open .brk-lines{ width:16px; top:50%; left:30px; transform:translateY(-50%) } .brk-info-menu-open .brk-lines .brk-center-line,.brk-latest-post__img img{ position:absolute; top:0; left:0; width:100%; height:100% } @media (min-width:992px){ .brk-header_color-white .brk-info-menu-open .brk-lines .brk-center-line{ background:#fff } } .brk-header_color-dark .brk-info-menu-open .brk-lines .brk-center-line,.brk-header_scroll .brk-info-menu-open .brk-lines .brk-center-line{ background:#272727 } .brk-header-mobile-wrap .brk-info-menu-open .brk-lines .brk-center-line{ background:#b6b6b6 } .brk-info-menu-open .brk-lines:after,.brk-info-menu-open .brk-lines:before{ content:''; position:absolute; transition-duration:.3s,.3s; transition-delay:.3s,0s; transform:rotate(0deg); background:inherit } @media (min-width:992px){ .brk-header_color-white .brk-info-menu-open .brk-lines:after,.brk-header_color-white .brk-info-menu-open .brk-lines:before{ background:#fff } } .brk-header_color-dark .brk-info-menu-open .brk-lines:after,.brk-header_color-dark .brk-info-menu-open .brk-lines:before,.brk-header_scroll .brk-info-menu-open .brk-lines.brk-info-menu-open_white .brk-center-line,.brk-header_scroll .brk-info-menu-open .brk-lines.brk-info-menu-open_white:after,.brk-header_scroll .brk-info-menu-open .brk-lines.brk-info-menu-open_white:before,.brk-header_scroll .brk-info-menu-open .brk-lines:after,.brk-header_scroll .brk-info-menu-open .brk-lines:before{ background:#272727 } .brk-header-mobile-wrap .brk-info-menu-open .brk-lines:after,.brk-header-mobile-wrap .brk-info-menu-open .brk-lines:before{ width:100%; height:100%; background:#b6b6b6 } .brk-info-menu-open .brk-lines:before{ transition-property:top,\transform } .brk-header-mobile-wrap .brk-info-menu-open .brk-lines:before{ top:-4px } .brk-info-menu-open .brk-lines:after{ transition-property:bottom,\transform } .brk-header-mobile-wrap .brk-info-menu-open .brk-lines:after{ bottom:-4px } @media (min-width:992px){ .brk-info-menu-open .brk-lines.brk-info-menu-open_white .brk-center-line,.brk-info-menu-open .brk-lines.brk-info-menu-open_white:after,.brk-info-menu-open .brk-lines.brk-info-menu-open_white:before{ background:#fff } } .brk-info-menu-open.open-active span .brk-center-line{ background:0 0!important } .brk-info-menu-open.open-active span:after,.brk-info-menu-open.open-active span:before{ transition-delay:0s,.3s } .brk-info-menu-open.open-active span:before{ top:0!important; transform:rotate(45deg) } .brk-info-menu-open.open-active span:after{ bottom:0!important; transform:rotate(-45deg) } .brk-info-menu-open__title{ font-size:1rem; color:#272727; display:inline-block; font-weight:700; padding-left:60px; line-height:42px } @media (min-width:992px){ .brk-info-menu-open__title{ display:none } } .brk-quantity{ width:100px; height:48px; border-radius:24px; display:flex; overflow:hidden; background-color:#fff; border:2px solid rgba(227,227,227,.2) } .brk-header_style-2 .brk-quantity{ background-color:transparent } .brk-quantity__arrows{ width:33.33333%; display:block; cursor:pointer; position:relative } .brk-quantity__arrows:before{ position:absolute; top:50%; transform:translateY(-50%); font-size:.875rem; font-weight:600; color:#aaacb0 } .brk-quantity__arrows.minus:before{ content:'-'; right:5px } [dir=rtl] .brk-quantity__arrows.minus:before{ right:auto; left:5px } .brk-quantity__arrows.plus:before{ content:'+'; left:5px } [dir=rtl] .brk-quantity__arrows.plus:before{ left:auto; right:5px } .brk-quantity__value{ width:33.33333%; display:block; font-weight:600; text-align:center; height:100%; border-radius:0; box-shadow:none; border:0; background:0 0; color:#272727; padding:0; line-height:48; font-size:14px } .list-inline-7{ background-color:#fff; padding:6px 0 } .list-inline-7 li{ display:block; padding:0!important } .list-inline-7 li a{ display:block; line-height:44px; padding:0 25px; text-align:left; position:relative; color:#9f9f9f } .list-inline-7 li a:hover{ background-color:var(--brand-primary); color:#fff; box-shadow:inset 0 0 5px rgba(0,0,0,.01) } .list-inline-7 li>ul{ padding-left:20px } .list-inline-7__before{ position:absolute; top:50%; transform:translateY(-50%); right:15px; width:40px; height:20px; border-radius:10px; background-color:#fff; box-shadow:0 0 0 1px #ececec; line-height:18px; text-align:center; color:var(--brand-primary); font-size:.875rem; font-weight:600 } .brk-search__form [type=submit] i,.list-inline-7__before i{ position:absolute; vertical-align:0; top:50%; left:50%; transform:translate(-50%,-50%) } .brk-header-list{ text-align:left } [dir=rtl] .brk-header-list{ text-align:right } .brk-header_style-1 .brk-header-list{ font-size:.875rem } .brk-header_style-2 .brk-header-list,.brk-header_style-3 .brk-header-list{ font-size:.75rem } .brk-header-list li{ display:block } .brk-header_style-1 .brk-header-list li{ position:relative; z-index:9 } .brk-header-list a{ display:block; position:relative; transition:color .3s } .brk-header_style-1 .brk-header-list a{ line-height:28px; padding:10px 0 10px 30px } [dir=rtl] .brk-header_style-1 .brk-header-list a{ padding:10px 25px 10px 0 } .brk-header_style-2 .brk-header-list a,.brk-header_style-3 .brk-header-list a{ line-height:21px; padding:7px 0 7px 30px; color:#666 } [dir=rtl] .brk-header_style-2 .brk-header-list a,[dir=rtl] .brk-header_style-3 .brk-header-list a{ padding:7px 30px 7px 0 } .brk-header_style-1 .brk-header-list a:hover{ color:#000 } .brk-header_style-1 .brk-header-list a:hover:before{ opacity:1 } .brk-header_style-1 .brk-header-list a:hover i{ color:var(--brand-primary) } .brk-header_style-2 .brk-header-list a:hover,.brk-header_style-2 .brk-header-list a:hover i,.brk-header_style-3 .brk-header-list a:hover,.brk-header_style-3 .brk-header-list a:hover i{ color:var(--brk-base-6) } .brk-header_style-2 .brk-header-list a:hover:before,.brk-header_style-3 .brk-header-list a:hover:before{ width:2px } .brk-header-list a:before{ content:''; position:absolute } .brk-header_style-1 .brk-header-list a:before{ left:-5px; right:-5px; top:0; bottom:0; z-index:-1; transition:opacity .3s; opacity:0; background-color:#f3f7ff; box-shadow:0 2px 5px rgba(0,0,0,.16) } .brk-header_style-2 .brk-header-list a:before,.brk-header_style-3 .brk-header-list a:before{ top:0; left:0; width:0; height:100%; background-color:var(--brk-base-6) } [dir=rtl] .accordion-image .card-header h5 i,[dir=rtl] .accordion-slider .card-header h5 i,[dir=rtl] .app-dot-line.left>.dot>.line,[dir=rtl] .brk-header_style-2 .brk-header-list a:before,[dir=rtl] .brk-header_style-3 .brk-header-list a:before{ left:auto; right:0 } .brk-header_style-2 .brk-header-list a i{ color:rgba(0,0,0,.25) } .brk-header-list__icon{ display:inline-block } .brk-header-list__icon i{ vertical-align:0; transition:color .3s; margin-right:5px } .brk-header_style-1 .brk-header-list__icon{ width:20px; text-align:center; margin-right:18px } [dir=rtl] .brk-header_style-1 .brk-header-list__icon{ margin-right:0; margin-left:18px } .brk-header_style-1 .brk-header-list__icon i{ color:#c1c1c1 } .brk-header_style-2 .brk-header-list__icon,.brk-header_style-3 .brk-header-list__icon{ width:18px; text-align:center; margin-right:8px } [dir=rtl] .brk-header_style-2 .brk-header-list__icon,[dir=rtl] .brk-header_style-3 .brk-header-list__icon{ margin-right:0; margin-left:8px } .brk-header_style-1 .brk-header-list__info{ height:20px; border-radius:10px; text-align:center; font-size:.625rem; line-height:21px; font-weight:700; display:inline-block; margin:5px 0 0 12px; padding:0 12px; color:#fff } [dir=rtl] .brk-header_style-1 .brk-header-list__info{ margin:5px 12px 0 0 } .brk-header_style-2 .brk-header-list__info,.brk-header_style-3 .brk-header-list__info{ height:14px; border-radius:7px; text-align:center; font-size:.5rem; line-height:14px; display:inline-block; margin:4px 0 0 12px; padding:0 6px; text-transform:uppercase; color:#fff } [dir=rtl] .brk-header_style-2 .brk-header-list__info,[dir=rtl] .brk-header_style-3 .brk-header-list__info{ margin:11px 12px 0 0 } .brk-latest-post{ padding:10px 20px; display:flex } .brk-latest-post__img{ width:80px; height:80px; position:relative; overflow:hidden } .brk-latest-post__img img{ height:auto; top:50%; left:50%; transform:translate(-50%,-50%) } .brk-latest-post__contents{ padding-left:24px; padding-top:21px; text-align:left } .brk-latest-post__info{ padding-top:8px; color:#9f9f9f } .brk-latest-post__info--date,.brk-latest-post__info--like{ display:inline-block; line-height:18px } .brk-latest-post__info--date{ margin-left:12px } .brk-latest-post__info i,.brk-post-brick__info i{ vertical-align:0; margin-right:4px } .brk-element-base{ width:100%; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover } .brk-element-base_h100-76{ height:calc(100% - 76px) } .brk-element-base__before{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; background-image:linear-gradient(50deg,rgba(var(--brk-base-6-rgb),.6),rgba(var(--brk-base-2-rgb),.6)) } .brk-element-base__before:after,.brk-element-base__before:before{ content:''; position:absolute; border:5px solid rgba(255,255,255,.1) } .brk-element-base__before:before{ top:40px; right:40px; bottom:40px; left:40px } .brk-element-base__before:after{ top:58px; right:58px; bottom:58px; left:58px } .brk-element-base__after{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; background:no-repeat center center } .brk-element-base__content{ position:relative; z-index:3 } .brk-post-brick{ position:relative; background-position:center center; background-size:cover; background-repeat:no-repeat } .brk-post-brick_min{ height:225px } .brk-post-brick_full{ height:450px } .brk-post-brick__content{ position:absolute; left:40px; bottom:32px; text-align:left; z-index:2 } .brk-post-brick__info{ padding-top:8px; color:rgba(255,255,255,.6) } .brk-post-brick__info--date,.brk-post-brick__info--like{ display:inline-block; line-height:18px } .brk-post-brick__info--date{ margin-left:12px } .brk-header-slider{ padding-bottom:60px } .brk-header-slider__img{ margin-bottom:25px; box-shadow:0 6px 10px rgba(0,0,0,.2) } .brk-header-slider__img img{ width:100%; height:auto } .brk-header-slider__content{ display:flex; align-items:center } .brk-header-slider__content--title{ padding-left:15px } .accordion .card p,.brk-header-slider__content--title span{ color:#9f9f9f } .brk-header-slider__text{ color:#9f9f9f; margin-top:17px } .brk-header-popup-menu{ height:100% } .brk-header-popup-menu__open-close{ height:inherit; text-transform:uppercase; cursor:pointer; display:none; align-items:center } @media (min-width:992px){ .brk-header-popup-menu__open-close{ display:inline-flex } } .brk-header_color-white .brk-header-popup-menu__open-close{ color:#fff } .brk-header_color-dark .brk-header-popup-menu__open-close{ color:#272727 } @media (min-width:992px){ .brk-header_scroll .brk-header__main-bar .brk-header-popup-menu__open-close{ color:#272727 } } .brk-header-popup-menu__open-close .brk-close,.brk-header-popup-menu__open-close.is-active .brk-open{ display:none } .brk-header-popup-menu__open-close.is-active .brk-close{ display:block } .brk-header-popup-menu__open-close i{ vertical-align:text-top; margin-right:10px; position:relative; top:2px } .brk-header-popup-menu__menu{ padding-bottom:30px } @media (min-width:992px){ .brk-header-popup-menu__menu{ display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding-bottom:0; z-index:9 } } @media (max-width:991px){ .brk-header-popup-menu__menu{ display:block!important } } @media (min-width:992px){ .brk-header-popup-menu__menu ul li{ padding:16px 0 } .brk-header-popup-menu__menu ul a{ display:inline-block; position:relative; font-size:3.5rem; line-height:64px; color:#fff } .brk-header-popup-menu__menu ul a:after,.brk-header-popup-menu__menu ul a:before{ content:''; position:absolute; left:50%; transform:translateX(-50%); width:0; height:2px; background-color:#fff; transition:width .3s } .brk-header-popup-menu__menu ul a:before{ bottom:0 } .brk-header-popup-menu__menu ul a:after{ top:0 } .brk-header-popup-menu__menu ul a:hover:after,.brk-header-popup-menu__menu ul a:hover:before{ width:100% } } @media (max-width:991px){ .brk-header-popup-menu__menu ul a{ display:block; color:#000; font-size:1rem; font-weight:700; line-height:60px; padding:0 7px 0 25px; text-transform:uppercase; transition:background-color .3s } .brk-header-popup-menu__menu ul a:hover{ background-color:#fff } } .brk-header-popup-menu__menu li>ul{ position:absolute; left:calc(100% + 50px); top:50%; transform:translateY(-50%); max-width:0; overflow:hidden; transition:max-width .5s } @media screen and (min-width:991px){ .brk-header-popup-menu__menu li>ul a{ white-space:nowrap; font-size:2em; line-height:40px } } @media screen and (max-width:992px){ .brk-header-popup-menu__menu li>ul{ position:static; max-width:none; transform:none; padding-left:30px } } .brk-header-popup-menu__menu li:hover>ul{ max-width:1000px } .brk-header-popup-menu-layer{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; background-color:rgba(0,0,0,.92) } .brk-totop{ cursor:pointer; position:relative } @media (min-width:992px){ .brk-header_color-white .brk-totop{ color:#fff } .brk-header_color-dark .brk-totop,.brk-header_scroll .brk-totop{ color:#272727 } .brk-header_vertical .brk-totop{ width:68px; height:68px; transform:rotate(90deg) } } @media (max-width:991px){ .brk-totop{ display:none } } .brk-totop i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); vertical-align:0; font-size:1.5rem } .brk-header_scroll .btn-prime_header{ color:var(--brand-primary) } .brk-header-mobile{ display:block; position:fixed; top:0; left:0; width:100%; height:78px; z-index:100; border-bottom:1px solid rgba(255,255,255,.1); transition-property:border-bottom,background-color; transition-duration:.3s } .brk-header-mobile_scroll{ border-bottom:1px solid rgba(0,0,0,.1); background-color:#fff } .brk-header-mobile_scroll:before{ background:#272727!important } .brk-header-mobile_scroll .brk-header-mobile__open{ --bc: #000 } .brk-header-mobile_scroll .brk-header-mobile__logo-1{ display:none } .brk-header-mobile_scroll .brk-header-mobile__logo-2{ display:inline-block } .admin-bar .brk-header-mobile{ top:32px } @media (min-width:992px){ .brk-header-mobile{ display:none } } .brk-header-mobile:before{ content:''; position:absolute; top:0; left:0; width:100%; height:3px; transition:background .3s; background:linear-gradient(to right,var(--brk-base-6),var(--brk-secondary-6)) } .brk-header-mobile__open{ position:absolute; top:50%; transform:translateY(-50%); left:30px; width:22px; height:18px; cursor:pointer; --bc: #000 } .brk-header-mobile__open_white{ --bc: #fff } @media (max-width:375px){ .brk-header-mobile__open{ left:15px } } .brk-header-mobile__open span{ position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; height:2px; background-color:var(--bc) } .brk-header-mobile__open span:after,.brk-header-mobile__open span:before{ content:''; position:absolute; left:0; width:100%; height:100%; transition-duration:.3s; background-color:inherit } .brk-header-mobile__open span:before{ transition-property:top; top:-7px } .brk-header-mobile__open span:after{ transition-property:bottom; bottom:-7px } .brk-header-mobile__open:hover span:before{ top:-10px } .brk-header-mobile__open:hover span:after{ bottom:-10px } .brk-header-mobile__logo{ display:block; text-align:center; line-height:78px; padding:0 60px } @media (max-width:375px){ .brk-header-mobile__logo{ padding-right:15px; padding-left:45px } } .brk-header-mobile-wrap__logo img,.brk-header-mobile__logo img{ vertical-align:middle } .brk-header-mobile__logo-1{ display:inline-block } .brk-header-mobile__logo-2{ display:none } .brk-header-mobile-wrap{ position:fixed; top:0; bottom:0; left:-100%; overflow-y:auto; overflow-x:hidden; transition:left .5s; width:calc(100% - 60px); max-width:500px; background:no-repeat center center; background-size:cover; box-shadow:6px 0 12px rgba(0,0,0,.75); z-index:102 } .brk-header-mobile-wrap__body{ position:relative; min-height:100% } .brk-header-mobile-wrap .brk-before{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-color:rgba(255,255,255,.92) } @media (max-width:575px){ .brk-header-mobile-wrap{ width:calc(100% - 40px) } } @media (max-width:413px){ .brk-header-mobile-wrap{ width:calc(100% - 20px) } } .brk-header-mobile-wrap.is-active{ left:0 } .brk-header-mobile-wrap-layer{ position:fixed; top:0; right:0; bottom:0; left:0; opacity:0; visibility:hidden; transition-property:opacity,visibility; transition-duration:.3s; z-index:101; background-color:rgba(0,0,0,.6) } .brk-header-mobile-wrap-layer.is-active{ opacity:1; visibility:visible } .brk-header-mobile-wrap__header{ position:relative; height:78px; padding:0 60px 0 25px; border-bottom:1px solid rgba(0,0,0,.1); z-index:2 } .brk-header-mobile-wrap__header:before{ content:''; position:absolute; top:0; left:0; width:100%; height:3px; background-image:linear-gradient(to right,var(--brk-base-6),var(--brk-secondary-6)) } .brk-header-mobile-wrap__logo{ line-height:78px } .brk-header-mobile-wrap__close{ position:absolute; top:50%; transform:translateY(-50%); right:30px; width:22px; height:22px; cursor:pointer } .brk-header-mobile-wrap__close:after,.brk-header-mobile-wrap__close:before{ content:''; position:absolute; top:50%; left:50%; width:100%; height:2px; background-color:#000; transition:width .3s; transform-origin:center center } .brk-header-mobile-wrap__close:before{ transform:translate(-50%,-50%) rotate(45deg) } .brk-header-mobile-wrap__close:after{ transform:translate(-50%,-50%) rotate(-45deg) } .brk-header-mobile-wrap__close:hover:after,.brk-header-mobile-wrap__close:hover:before{ width:calc(100% + 4px) } .brk-header-mobile-wrap .brk-header{ position:relative!important; top:auto; left:auto; right:auto; background-color:transparent; display:block; padding-bottom:15px; z-index:2 } .brk-header-mobile-wrap .brk-header__element{ font-size:1rem; color:#000; display:block; font-weight:700; position:relative; text-transform:capitalize; letter-spacing:normal; padding-left:10px } .brk-header-mobile-wrap .brk-header__element--wrap{ line-height:24px; padding:9px 18px } .brk-header-mobile-wrap .brk-header__element--label{ color:#000; padding-left:30px } .brk-header-mobile-wrap .brk-header__element i{ color:#b6b6b6 } .brk-header_style-1 .brk-header-mobile-wrap .brk-header__element a:hover{ color:#000; background-color:transparent } .brk-header-mobile-wrap .brk-header__compare{ background-color:var(--brand-primary)!important; height:24px; line-height:24px; padding:0 8px!important; margin-left:0; position:absolute; top:50%; right:30px; transform:translateY(-50%); margin-top:0!important; color:#fff!important } .brk-header{ top:0; left:0; right:var(--mr, 0); z-index:100; background-color:transparent; transition-property:top,\transform; transition-duration:.4s; transition-delay:.2s; position:fixed } @media (min-width:1230px){ .brk-boxed .brk-header{ width:100%; max-width:1230px; left:50%; right:auto; transform:translateX(-50%) } } .brk-header_not-fixed{ position:static } .admin-bar .brk-header{ top:32px } @media (min-width:992px){ .brk-header_sticky-hide{ transform:translateY(-100%)!important; top:0!important } } @media (min-width:1230px){ .brk-boxed .brk-header_sticky-hide{ transform:translate(-50%,-100%)!important } } @media (min-width:992px){ .brk-header_vertical .brk-header__main-bar{ width:100vh; transform-origin:left top; transform:rotate(-90deg) translateX(-100%) } [dir=rtl] .brk-header_vertical .brk-header__main-bar{ transform-origin:right top; transform:rotate(-90deg) translateY(-100%) } .brk-header_vertical .brk-header__item:not(.brk-nav){ transform:rotate(90deg) } .brk-header_vertical .brk-header__logo{ width:68px; height:68px; line-height:68px } .brk-header_vertical .brk-header__logo img{ vertical-align:middle } .brk-header_vertical:before{ display:none } .brk-header.brk-header_popup.brk-header_scroll .brk-header__main-bar{ background-color:#fff } .brk-header.brk-header_popup .brk-header__main-bar{ border-top:0 solid transparent; background-color:rgba(38,38,38,.2) } .brk-header.brk-header_scroll .brk-header__top-bar:not(.top-bar-bg){ background:#fff!important; border-bottom:1px solid #f0f0f0 } .brk-header.brk-header_scroll .brk-header__main-bar:not(.top-bar-bg){ background:#fff!important } } @media (max-width:991px){ .brk-header{ display:none } } .brk-header [class*=col-]{ position:static } .brk-header.top-bar-active{ top:0!important } .admin-bar .brk-header.top-bar-active{ top:32px!important } @media (min-width:992px){ .brk-header__top-bar{ border-bottom:1px solid transparent } .brk-header__top-bar .container,.brk-header__top-bar .container-fluid{ height:100% } .brk-header__top-bar .row{ height:inherit } } @media (max-width:991px){ .brk-header__top-bar{ background:0 0!important } } .brk-header-mobile-wrap .brk-header__top-bar{ padding:0; background:0 0; height:auto!important } .brk-header-mobile-wrap .brk-header__top-bar .container,.brk-header-mobile-wrap .brk-header__top-bar .container-fluid{ padding:0 } .brk-header-mobile-wrap .brk-header__top-bar .row{ margin-left:0; margin-right:0 } .brk-header-mobile-wrap .brk-header__top-bar .col,.brk-header-mobile-wrap .brk-header__top-bar [class*=col-]{ padding-right:0; padding-left:0 } .brk-header__main-bar{ position:relative; transition:height .3s } @media (min-width:992px){ .brk-header_style-3 .brk-header__main-bar{ width:100%; max-width:1220px; background-color:#fff; margin-left:auto; margin-right:auto } .brk-header__main-bar .container,.brk-header__main-bar .container-fluid{ height:100%; border-radius:5px } .brk-header_scroll .brk-header__main-bar .container,.brk-header_scroll .brk-header__main-bar .container-fluid{ background-color:transparent!important } .brk-header__main-bar .row{ height:inherit } .brk-header_scroll .brk-header__main-bar,.brk-header_scroll.brk-header_style-3 .brk-header__main-bar{ border-bottom:1px solid rgba(0,0,0,.1) } .brk-header_scroll.brk-header_style-3 .brk-header__main-bar{ border-left:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1) } .brk-header_vertical .brk-header__main-bar{ height:100% } } @media (max-width:991px){ .brk-header__main-bar{ background:0 0!important; width:100%!important } .brk-header__main-bar .container{ background-color:transparent!important } } .brk-header-mobile-wrap .brk-header__main-bar{ padding:0; background:0 0!important; height:auto!important } .brk-header-mobile-wrap .brk-header__main-bar .container,.brk-header-mobile-wrap .brk-header__main-bar .container-fluid{ padding:0 } .brk-header-mobile-wrap .brk-header__main-bar .row{ margin-left:0; margin-right:0 } .brk-header-mobile-wrap .brk-header__main-bar .col,.brk-header-mobile-wrap .brk-header__main-bar [class*=col-]{ padding-right:0; padding-left:0 } .brk-header__logo{ display:inline-block } .brk-header__logo-1{ display:block } .brk-header__logo-2,.brk-header_scroll .brk-header__logo-1,.brk-header_scroll.brk-header_vertical .brk-header__logo-1{ display:none } .brk-header_scroll.brk-header_vertical .brk-header__logo-2,.brk-header_vertical .brk-header__logo-1{ display:inline-block } .brk-header_scroll .brk-header__logo-2{ display:block } .brk-header_border-right{ border-right:1px solid #ebebeb } @media (min-width:992px){ .brk-header_border-top{ border-top:1px solid rgba(255,255,255,.1) } .brk-header_scroll .brk-header_border-top{ border-top:1px solid rgba(0,0,0,.1) } .brk-header_border-top-20,[dir=rtl] .brk-header_vertical .brk-header_border-bottom-20{ border-top:1px solid rgba(255,255,255,.2) } .brk-header_scroll .brk-header_border-top-20{ border-top:1px solid rgba(0,0,0,.2) } .brk-header_border-top-50{ border-top:1px solid rgba(255,255,255,.5) } .brk-header_scroll .brk-header_border-top-50{ border-top:1px solid rgba(0,0,0,.5) } .brk-header_border-top-70{ border-top:1px solid rgba(255,255,255,.7) } .brk-header_scroll .brk-header_border-top-70{ border-top:1px solid rgba(0,0,0,.7) } .brk-header_border-bottom{ border-bottom:1px solid rgba(255,255,255,.1) } .brk-header_scroll .brk-header_border-bottom{ border-bottom:1px solid rgba(0,0,0,.1) } .brk-header_border-bottom-20{ border-bottom:1px solid rgba(255,255,255,.2) } .brk-header_scroll .brk-header_border-bottom-20{ border-bottom:1px solid rgba(0,0,0,.2) } .brk-header_border-bottom-50{ border-bottom:1px solid rgba(255,255,255,.5) } .brk-header_scroll .brk-header_border-bottom-50{ border-bottom:1px solid rgba(0,0,0,.5) } .brk-header_border-bottom-70{ border-bottom:1px solid rgba(255,255,255,.7) } .brk-header_scroll .brk-header_border-bottom-70{ border-bottom:1px solid rgba(0,0,0,.7) } .brk-header_border-top-dark,.brk-header_scroll .brk-header_border-top-dark{ border-top:1px solid rgba(0,0,0,.1) } .brk-header_border-right-20{ border-right:1px solid rgba(255,255,255,.2) } .brk-header_scroll .brk-header_border-right-20{ border-right:1px solid rgba(0,0,0,.2) } .brk-header_border-left-20{ border-left:1px solid rgba(255,255,255,.2) } .brk-header_scroll .brk-header_border-left-20{ border-left:1px solid rgba(0,0,0,.2) } } .brk-header__title{ height:72px; line-height:72px; background-color:#fff; box-shadow:inset 0 -2px var(--brk-secondary-3); color:#272727; padding:0 15px 0 25px; text-transform:uppercase; margin:20px 0; font-size:1.1875rem } @media (min-width:992px){ .brk-header__title{ display:none } } .brk-header__element{ display:inline-block; position:relative; height:100% } @media (min-width:992px){ .brk-header__element_skin-1 .brk-header__element--wrap{ padding:0 18px } .brk-header__element_skin-1 .brk-header__element--label,.brk-header__element_skin-1 i{ font-size:.875rem } .brk-header__element_skin-2 i{ font-size:.6875rem; opacity:.5; top:50%!important } .brk-header__element_skin-2 .brk-header__element--wrap{ padding:0 9px } .brk-header__element_skin-2 .brk-header__element--label{ text-transform:uppercase; font-size:.625rem; letter-spacing:.04em; opacity:.8 } .brk-header__element_skin-3 i{ font-size:.9375rem; opacity:.7; top:4px!important; transform:none!important } .brk-header__element_skin-3 .brk-header__element--wrap{ padding:0 14px } .brk-header__element_skin-3 .brk-header__element--label{ font-size:.8125rem; line-height:22px; opacity:.8 } .brk-header__element_skin-4 i{ font-size:.6875rem; opacity:.5; left:12px!important; top:50%!important } .brk-header__element_skin-4 .brk-header__element--wrap{ padding:0 5px } .brk-header__element_skin-4 .brk-header__element--label{ text-transform:uppercase; font-size:.75rem; letter-spacing:.04em; opacity:.8 } .brk-header__element_label-mob-only .brk-header__element--label{ display:none } } .brk-header_color-white .brk-header__element{ color:#fff } .accordion .card h1,.accordion .card h2,.accordion .card h3,.accordion .card h4,.brk-header_color-dark .brk-header__element,.btn-inside-out_text-dark.btn-inside-out-invert.btn-icon [class*=fa-]:before{ color:#272727 } @media (min-width:992px){ .brk-header_scroll .brk-header__element{ color:#272727!important } } .brk-header__top-bar_color-white .brk-header__element,.brk-header_color-dark .brk-header__top-bar_color-white .brk-header__element{ color:#fff } .brk-header__element i{ position:absolute; top:50%; left:18px; transform:translateY(-50%); vertical-align:0; color:inherit } @media (min-width:992px){ .brk-header__main-bar .brk-header__element i{ position:static; transform:none } } [dir=rtl] .brk-header__element i{ left:auto; right:18px } .brk-header__element--wrap{ display:flex; align-items:center; position:relative; height:inherit } .brk-header__element--label{ display:inline-block; padding-left:27px; color:inherit } @media (max-width:991px){ .brk-header__element--label{ font-weight:700 } } .brk-header-mobile-wrap .brk-header__element--label{ font-size:1rem } [dir=rtl] .brk-header__element--label{ padding-left:0; padding-right:27px } .brk-header__element a{ position:relative } .brk-header__element a:before{ content:''; position:absolute; left:auto; right:0; bottom:0; width:0; height:3px; transition:width .3s; background-color:#fff } @media (max-width:991px){ .brk-header__element a:before{ display:none } } .brk-header_scroll .brk-header__element a:before{ background-color:#f0f0f0 } .brk-header__element a:hover{ color:inherit } .brk-header__element a:hover:before{ left:0; right:auto; width:100% } .brk-header__element a:focus{ color:inherit } .brk-header__compare{ display:inline-block; width:auto; height:19px; border-radius:12px; text-align:center; font-size:.75rem; font-weight:600; line-height:19px; margin-left:12px; padding:0 6px!important; box-shadow:0 5px 16px rgba(0,0,0,.07) } [dir=rtl] .brk-header__compare{ margin-left:0; margin-right:12px } .brk-header__compare_white{ background-color:rgba(0,0,0,.2); color:#fff } .brk-header__compare_dark{ background-color:rgba(255,255,255,.2) } .brk-header__compare_skin-1{ height:16px; font-size:.625rem; font-weight:500; line-height:17px } @media (min-width:992px){ .brk-header__main-bar .brk-header__compare{ position:absolute; top:13%; right:0; margin:0 } .brk-header_scroll .brk-header__compare{ background-color:rgba(0,0,0,.12) } } .brk-header__btn{ margin:0 15px } @media (min-width:992px){ .brk-header__btn{ margin:0!important; top:50%; transform:translateY(-50%) } .brk-header__btn_white-border.btn-prime,.brk-header__btn_white.btn-prime{ box-shadow:none } .brk-header__btn_white-border.btn-prime .border-btn,.brk-header__btn_white.btn-prime .border-btn{ border:2px solid #fff } .brk-header_scroll .brk-header__btn_white-border.btn-prime .border-btn,.brk-header_scroll .brk-header__btn_white.btn-prime .border-btn{ border-color:#000 } .brk-header__btn.btn-prime{ background-color:transparent!important; color:#fff } .brk-header_scroll .brk-header__btn.btn-prime{ color:inherit!important } .brk-header__btn.btn-prime:hover{ color:#fff!important } .brk-header__btn.btn-prime:hover>.after,.brk-header__btn.btn-prime:hover>.before{ background-color:var(--brand-primary)!important } .brk-header__btn.btn-inside-out{ font-size:.6875rem } .brk-header__btn.btn-inside-out:not(:hover){ background-color:transparent } } .brk-header__btn_white{ color:#000!important } .brk-header__btn_white .text{ color:#fff } .brk-header__btn_white .after,.brk-header__btn_white .before,.brk-header__btn_white-border .after,.brk-header__btn_white-border .before{ background-color:#fff!important; color:#000!important } @media (min-width:992px){ .brk-header_style-1 .brk-header_h-100{ height:calc(100% - 76px)!important } .brk-header_style-2 .brk-header_h-100,.brk-header_style-3 .brk-header_h-100{ height:calc(100% - 57px)!important } } .brk-open-top-bar{ width:25px; height:100%; min-height:26px; cursor:pointer; position:relative; margin-right:10px } @media (max-width:991px){ .brk-open-top-bar{ display:none } } .brk-open-top-bar.active .brk-open-top-bar__circle{ border-radius:2px; width:2px } .brk-open-top-bar.active .brk-open-top-bar__circle:nth-child(2){ opacity:0 } .brk-open-top-bar.active .brk-open-top-bar__circle:first-child{ top:50%; height:18px; transform:translate(-50%,-50%) rotate(45deg) } .brk-open-top-bar.active .brk-open-top-bar__circle:last-child{ top:50%; height:18px; transform:translate(-50%,-50%) rotate(-45deg) } .brk-open-top-bar__circle{ width:4px; height:4px; border-radius:50%; background-color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(0); transition:opacity .3s,top .3s,height .3s,transform .3s } .brk-header_color-dark .brk-open-top-bar__circle,.brk-header_scroll .brk-open-top-bar__circle{ background-color:#272727 } .brk-open-top-bar__circle:first-child{ top:calc(50% - 5px) } .brk-open-top-bar__circle:last-child{ top:calc(50% + 5px) } .top-bar-bg{ background:#001629!important } html.brk-preloader:after,html.brk-preloader:before{ position:fixed!important } html.brk-preloader:before{ transition-duration:1s; z-index:1002 } html.brk-preloader:after{ transition-duration:.5s; z-index:1003; width:60px; height:60px; background:url(../../img/page-preloader.gif) no-repeat center center; background-size:contain } .brk-preloader{ position:relative; overflow:hidden; height:100vh } [data-x-mode=true] .brk-preloader{ overflow:visible; height:auto } .brk-preloader.brk-preloader-remove{ overflow:visible } .brk-preloader.brk-preloader-remove:after,.brk-preloader.brk-preloader-remove:before{ opacity:0; visibility:hidden } .brk-preloader:after,.brk-preloader:before{ content:''; position:absolute; opacity:1; visibility:visible } .brk-preloader:before{ right:0; bottom:0; background-color:#fff; top:0; left:0; z-index:1; transition-property:opacity,visibility } [data-x-mode=true] .brk-preloader:after,[data-x-mode=true] .brk-preloader:before{ display:none } .brk-preloader:after{ top:50%; left:50%; transform:translate(-50%,-50%); width:77px; height:77px; background:url(../../img/preloader.gif) no-repeat center center; background-size:contain; transition-property:opacity; z-index:2 } .brk-loader{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:99999; transition:all .3s } .brk-loader-remove{ opacity:0; visibility:hidden } .brk-loader__loader{ display:block; position:relative; left:50%; top:50%; width:150px; height:150px; margin:-75px 0 0 -75px; border-radius:50%; border:3px solid transparent; border-top-color:#2775ff; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite } .brk-loader__loader:after,.brk-loader__loader:before{ content:""; position:absolute; border-radius:50%; border:3px solid transparent } .brk-loader__loader:before{ top:5px; left:5px; right:5px; bottom:5px; border-top-color:#7202bb; -webkit-animation:spin 3s linear infinite; animation:spin 3s linear infinite } .brk-loader__loader:after{ top:15px; left:15px; right:15px; bottom:15px; border-top-color:#b50aff; -webkit-animation:spin 1.5s linear infinite; animation:spin 1.5s linear infinite } .show-flex{ display:flex!important } .show-inline-block{ display:inline-block!important } .show-block{ display:block!important } .hide{ display:none!important } @media (min-width:0){ .show-xs-block{ display:block!important } .show-xs-inline-block{ display:inline-block!important } .show-xs-inline{ display:inline!important } .show-xs-flex{ display:flex!important } .hide-xs{ display:none!important } } @media (min-width:576px){ .show-sm-block{ display:block!important } .show-sm-inline-block{ display:inline-block!important } .show-sm-inline{ display:inline!important } .show-sm-flex{ display:flex!important } .hide-sm{ display:none!important } } @media (min-width:768px){ .show-md-block{ display:block!important } .show-md-inline-block{ display:inline-block!important } .show-md-inline{ display:inline!important } .show-md-flex{ display:flex!important } .hide-md{ display:none!important } } @media (min-width:992px){ .show-lg-block{ display:block!important } .show-lg-inline-block{ display:inline-block!important } .show-lg-inline{ display:inline!important } .show-lg-flex{ display:flex!important } .hide-lg{ display:none!important } } @media (min-width:1230px){ .show-xl-block{ display:block!important } .show-xl-inline-block{ display:inline-block!important } .show-xl-inline{ display:inline!important } .show-xl-flex{ display:flex!important } .hide-xl{ display:none!important } } .text-middle{ vertical-align:middle } .alignleft,img.alignleft{ text-align:left } .alignright,img.alignright{ text-align:right } .aligncenter,img.aligncenter{ text-align:center } abbr,acronym,address,applet,article,aside,audio,b,big,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{ margin:0; padding:0; border:0; font:inherit; vertical-align:top } h1,h2,h3,h4,h5,h6{ margin:0; padding:0; border:0; font:inherit } blockquote,q{ margin:0; border:0; font:inherit; vertical-align:top } a,input,textarea{ margin:0; padding:0; vertical-align:top } a{ border:0 } input,textarea{ font:inherit } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,time{ display:block } ol,ul{ list-style:none } blockquote:after,q:after{ content:'' } table{ border-spacing:0; border-collapse:collapse; width:100%; box-shadow:0 6px 30px rgba(0,0,0,.12) } button,input,select,textarea{ display:inline-block; outline:0; color:inherit; overflow:visible; box-shadow:none } button,input[type=button],input[type=submit]{ cursor:pointer } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0 } .lt-ie11 input{ border-left:1px solid transparent; border-right:1px solid transparent; border-bottom-left-radius:1px!important } a{ font:inherit; color:inherit; text-decoration:none } .btn:active,.btn:focus,a:focus,button:active,button:focus{ outline:0 } img{ max-width:100%; height:auto } .btn,button{ background-color:inherit } input[type=search]{ box-sizing:border-box!important } [type=reset],[type=submit],button,html [type=button]{ -webkit-appearance:none } .brk-bg-style-1{ background-position:center center; background-size:cover; background-repeat:no-repeat } .main-page,.main-wrapper{ position:relative } .main-page{ z-index:2 } body{ font-family:"Open Sans",sans-serif; font-display:auto; font-weight:400; font-size:15px; line-height:24px; color:#222; background:#fff; overflow-x:hidden; -webkit-font-smoothing:antialiased } body::-webkit-scrollbar{ width:12px } body::-webkit-scrollbar-track{ box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#fff } body::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,.2); border-radius:12px } .brk-modal-open{ overflow:hidden; margin-right:var(--mr) } .brk-boxed{ background:#fff; margin:0 auto; position:relative } @media (min-width:1230px){ .brk-boxed{ max-width:1230px; box-shadow:rgba(0,0,0,.6) 0 0 18px } } .brk-element-loading{ transition:all 1s linear .5s; position:absolute; z-index:1; top:-webkit-calc(50% - 50px); top:10%; left:50%; width:60px; height:60px; transform-origin:30px 31px; border-radius:50%; box-shadow:0 1px 0 0 #1d3f72; transform:translate(-50%,-50%); -webkit-animation:eye 1s linear infinite; animation:eye 1s linear infinite } [data-bg].lazyload,[data-bg].lazyloading{ background-size:auto; background-position:center } .rev-brk-brands [class*=fa-icon-]{ font-family:Font Awesome\ 5 Brands } .fal{ font-family:"Font Awesome\ 5 Free"!important } .fal,.far{ font-weight:600!important } .fa,.fas{ font-weight:900!important } @font-face{ font-family:'berserk'; src:url(../fonts/berserk/berserk.eot); src:url(../fonts/berserk/berserk.eot?#iefix) format("embedded-opentype"),url(../fonts/berserk/berserk.woff) format("woff"),url(../fonts/berserk/berserk.ttf) format("truetype"),url(../fonts/berserk/berserk.svg#berserk) format("svg"); font-weight:400; font-style:normal } .fa.fa-angle-left-DISABLE:before,.fa.fa-angle-right-DISABLE:before,.fa.fa-phone-DISABLE:before,.fa.fa-plus:before,.fa.fa-search-DISABLE:before,.fa.fa-share-alt:before,.fa.fa-shopping-basket-DISABLE:before,.fal.fa-arrow-left:before,.fal.fa-arrow-right:before,.fal.fa-cog:before,.fal.fa-comment-alt:before,.fal.fa-play-circle:before,.fal.fa-shopping-cart:before,.far.fa-clock:before,.far.fa-envelope-DISABLE:before,.fas.fa-arrow-down:before,.fas.fa-arrow-up:before,.fas.fa-exchange-alt-DISABLE:before,.fas.fa-sign-in-alt-DISABLE:before,.fas.fa-star-DISABLE:before{ display:inline-block; font-family:'berserk'; font-style:normal; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .fal.fa-cog:before{ content:'\0041' } .fal.fa-comment-alt:before{ content:'\0042' } .far.fa-clock:before{ content:'\0043' } .far.fa-envelope-DISABLE:before{ content:'\0044' } .fa.fa-search-DISABLE:before{ content:'\0045' } .fa.fa-phone-DISABLE:before{ content:'\0046' } .fal.fa-play-circle:before{ content:'\0047' } .fa.fa-share-alt:before{ content:'\0048' } .fa.fa-shopping-basket-DISABLE:before{ content:'\0049' } .fal.fa-shopping-cart:before{ content:'\004a' } .fas.fa-sign-in-alt-DISABLE:before{ content:'\004b' } .fas.fa-star-DISABLE:before{ content:'\004c' } .fas.fa-exchange-alt-DISABLE:before{ content:'\004d' } .fas.fa-arrow-down:before{ content:'\004e' } .fas.fa-arrow-up:before{ content:'\004f' } .fa.fa-angle-left-DISABLE:before{ content:'\0050' } .fa.fa-angle-right-DISABLE:before{ content:'\0051' } .fal.fa-arrow-left:before{ content:'\0052' } .fal.fa-arrow-right:before{ content:'\0053' } .fa.fa-plus:before{ content:'\0054' } a:hover{ color:var(--text-base-color-2); text-decoration:none } a:focus{ color:var(--text-base-color-2); text-decoration:none } .text-primary{ color:var(--brand-primary) } .text-light-blue{ color:var(--brk-base-2)!important } .text-blue{ color:var(--brand-primary)!important } .text-gray{ color:#bfbfbf!important } .text-gray-light{ color:#9f9f9f!important } .text-dark{ color:#868686!important } .text-soft{ color:#b6c9ff!important } .text-light-soft{ color:var(--brk-base-1)!important } .text-blue-1{ color:#aabcf1!important } .text-blue-2{ color:var(--brk-base-1)!important } .text-blue-3{ color:#d2d5fe!important } .bg-primary{ background-color:var(--brand-primary)!important } .bg-white{ background:#fff } .bg__style{ background-position:center center; background-repeat:no-repeat; background-size:cover } @media (max-width:479px){ .no-bg-xs{ background:0 0!important } } @media (max-width:767px){ .no-bg-sm{ background:0 0!important } } @media (max-width:1023px){ .no-bg-md{ background:0 0!important } } @media (max-width:1199px){ .no-bg-lg{ background:0 0!important } } .bg-purple{ background:linear-gradient(to right,var(--brk-secondary-4),var(--secondary)) } .visible{ overflow:visible!important } .full-screen{ width:100%; min-height:100vh } .w-43{ width:43%!important } .brk-footer-icon{ width:20px; margin-right:5px } .brk-footer-icon+a:hover{ text-decoration:underline; color:currentColor } .side-circles{ overflow:hidden } .side-circles:after,.side-circles:before{ content:''; position:absolute; border-radius:50% } .side-circles:before{ left:-520px; top:-535px; width:875px; height:875px; border:40px solid rgba(255,255,255,.08) } .side-circles:after{ top:-110px; right:-180px; width:420px; height:420px; border:21px solid rgba(255,255,255,.08) } .side-circles,.top-triangle{ position:relative; z-index:1 } .top-triangle:before{ content:''; position:absolute; top:-12px; left:50%; transform:translateX(-50%) rotate(45deg); width:24px; height:24px; background:#fff } .overlay__grad,.overlay__gradient,.overlay__white{ position:relative; z-index:1; overflow:hidden } .overlay__grad:after,.overlay__white:after{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1 } .overlay__grad:after,.overlay__gradient .overlay_after{ background:linear-gradient(to right,var(--brand-primary),var(--secondary)); opacity:.9 } .overlay__gradient .overlay_after{ position:absolute; top:0; left:0; right:0; bottom:0; opacity:.94; z-index:-1; margin:0 } .overlay__gradient-left .overlay_after{ background:linear-gradient(10deg,var(--brand-primary),var(--secondary)) } .overlay__white:after{ background:#fff; opacity:.94 } .overlay__curve,.overlay__dark,.overlay__dot,.overlay__purple{ position:relative; z-index:1 } .overlay__dark:after{ bottom:0; background:#000; opacity:.75 } .overlay__purple>.after{ bottom:0; background:linear-gradient(to right,var(--brk-secondary-4) 20%,var(--secondary) 70%); opacity:.94 } .overlay__curve:after,.overlay__dark:after,.overlay__dot:after,.overlay__purple>.after{ content:''; position:absolute; left:0; right:0; top:0; z-index:-1 } .overlay__dot:after{ bottom:0; background:rgba(23,40,68,.7); background-image:radial-gradient(#101c2f 24%,transparent 25%); opacity:.94; background-size:3px 3px } .overlay__curve{ overflow:visible } .overlay__curve:after{ height:100%; background:url(../../img/curve.png) top center no-repeat; background-size:100% } .brk-underline-dotted{ border-bottom:1px dotted currentColor } .all-light,.all-light .h1,.all-light .h2,.all-light .h3,.all-light .h4,.all-light .h5,.all-light .h6,.all-light h1,.all-light h2,.all-light h3,.all-light h4,.all-light h5,.all-light h6{ color:#000 } .show-inline{ display:inline!important } .link-icon{ display:inline-block } .link-icon .icon{ margin:0 10px; vertical-align:baseline; font-size:16px } .link-icon:hover .fa{ -webkit-animation:icon-move 2s infinite; animation:icon-move 2s infinite } .wow{ visibility:hidden } .rounded-all{ border-radius:50% } .rounded-top-left{ border-top-left-radius:30px } .rounded-top-right{ border-top-right-radius:30px } .rounded-bottom-left{ border-bottom-left-radius:30px } .rounded-bottom-right{ border-bottom-right-radius:30px } .shadow{ box-shadow:0 6px 30px 0 rgba(0,0,0,.12) } .mobile-case-1{ width:292px; height:609px; z-index:2 } .mobile-case-1 .mobile-bg,.mobile-case-2 .mobile-bg{ position:absolute; left:50%; transform:translate(-50%,0) } .mobile-case-1 .mobile-bg{ margin-left:2px; background:url(../../img/app-inside-1.jpg) center center; top:92px; width:242px; height:430px } .mobile-case-1,.mobile-case-2,.mobile-case-3{ position:relative; margin:0 auto } .mobile-case-2{ background:url(../../img/app-case-2.png); z-index:2; width:352px; height:721px } .mobile-case-2 .mobile-bg{ top:88px; width:306px; height:543px; background:url(../../img/app-inside-2.jpg) center center } .mobile-case-3{ width:320px; height:208px; background:center center no-repeat; background-size:contain } @media screen and (min-width:768px){ .mobile-case-3{ height:398px; width:680px; margin:0 auto } } @media screen and (min-width:992px){ .mobile-case-3{ width:auto; margin:0 -55px } } .mobile-case-3 .mobile-bg{ position:absolute; top:23px; left:41px; right:41px; height:148px; background:url(../../img/app-inside-3.jpg) center center no-repeat; background-size:cover } @media (min-width:768px){ .mobile-case-3 .mobile-bg{ top:6%; left:12%; right:12%; bottom:13%; height:auto; z-index:-1 } } .mobile-case-4{ position:relative; width:320px; height:208px; margin:0 auto; background:center center no-repeat; background-size:contain } @media screen and (min-width:768px){ .mobile-case-4{ height:398px; width:680px; margin:0 auto } } @media screen and (min-width:992px){ .mobile-case-4{ width:100% } } .mobile-case-4 .mobile-bg{ position:absolute; top:23px; left:41px; right:41px; height:148px; background:url(../../img/app-inside-3.jpg) center center no-repeat; background-size:cover } @media (min-width:768px){ .mobile-case-4 .mobile-bg{ top:7%; left:12%; right:12%; bottom:14%; height:auto; z-index:-1 } } .arrow__pointer-top-left{ display:none; position:absolute; top:-60px; right:-40px } [dir=rtl] .arrow__pointer-top-left{ right:auto; left:-40px; transform:rotateY(180deg) } @media (min-width:1200px){ .arrow__pointer-top-left{ display:block } } .arrow__pointer-bottom-left{ display:none; position:absolute; bottom:-60px; right:-40px; transform:rotateY(180deg) rotate(180deg) } [dir=rtl] .arrow__pointer-bottom-left{ right:auto; left:-40px; transform:rotateY(0) rotate(180deg) } @media (min-width:1200px){ .arrow__pointer-bottom-left{ display:block } } .arrow__pointer-top-right{ display:none; position:absolute; top:-60px; left:-40px; transform:rotateY(180deg) rotate(0deg) } [dir=rtl] .arrow__pointer-top-right{ left:auto; right:-40px; transform:rotateY(0deg) rotate(0deg) } @media (min-width:1200px){ .arrow__pointer-top-right{ display:block } } .arrow__pointer-bottom-right{ display:none; position:absolute; bottom:-60px; left:-40px; transform:rotateY(0deg) rotate(180deg) } [dir=rtl] .arrow__pointer-bottom-right{ left:auto; right:-40px; transform:rotateY(180deg) rotate(180deg) } @media (min-width:1200px){ .arrow__pointer-bottom-right{ display:block } } .app-img-caption,.circle-number{ font-family:'Montserrat',sans-serif; font-weight:600 } .circle-number{ min-width:51px; width:52px; height:52px; margin-left:auto; margin-right:auto; background:#fff; border-radius:50%; box-shadow:0 5px 16px 0 rgba(0,0,0,.3); color:var(--brand-primary); display:flex; justify-content:center; align-items:center; font-size:20px } .app-img-caption{ font-size:60px; opacity:.06; position:relative; z-index:1; text-transform:uppercase; line-height:1; display:block } @media (min-width:480px){ .app-img-caption{ font-size:118px; margin-bottom:-30px } } .app-dot-line,.app-img-caption~*{ position:relative; z-index:2 } .app-dot-line{ display:inline-block; z-index:1 } .app-dot-line.left>.dot{ right:-40px } [dir=rtl] .app-dot-line.left>.dot{ right:auto; left:-40px } .app-dot-line.left>.dot>.line{ left:0 } .app-dot-line.right>.dot{ left:-40px } [dir=rtl] .app-dot-line.right>.dot{ left:auto; right:-40px } .app-dot-line.right>.dot>.line{ right:0 } [dir=rtl] .app-dot-line.right>.dot>.line{ right:auto; left:0 } .app-dot-line>.dot,.app-dot-line>.dot .line{ position:absolute; background:var(--brand-primary) } .app-dot-line>.dot{ display:none; transform:translate(0,-50%); border-radius:50%; top:50%; width:14px; height:14px } @media (min-width:1230px){ .app-dot-line>.dot{ display:block } } .app-dot-line>.dot:after{ content:''; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:3px solid #fff; box-shadow:1px 1.732px 8px 0 rgba(0,0,0,.2); border-radius:50% } .app-dot-line>.dot .line{ top:7px; width:300px; height:1px; z-index:-1 } .svg-md{ width:74px; height:74px } .svg-91{ width:91px; height:91px } .slide-bg-wrap{ position:relative; overflow:hidden } .slide-bg-wrap .slide-bg{ position:absolute; left:0; display:block; width:0; height:0; border-radius:50%; background-color:var(--brand-primary); transition:width .25s ease-in-out,height .25s ease-in-out; transform:translate(-50%,-50%); z-index:-1 } .slide-bg-wrap:hover .slide-bg{ width:250%; height:250% } .hot-panel{ display:inline-block; padding:4px 24px; color:#fff; font-weight:700; border-radius:50px; background:linear-gradient(to right,var(--brk-base-2),var(--brk-base-5)) } .hot-panel_primary{ background:linear-gradient(to right,var(--brand-primary),var(--secondary)) } .horiz-line{ display:block; border:0; width:100%; height:1px; background:#fff; opacity:.2; margin:34px 0 30px } *+.subscr__form{ margin-top:30px } .subscr__form{ max-width:520px; margin-left:auto; margin-right:auto; background:rgba(255,255,255,.12); border:2px solid rgba(255,255,255,.2); border-radius:50px; box-shadow:0 3px 10px 0 rgba(0,0,0,.1); position:relative } .subscr__form .form-control{ font-family:'Open Sans',sans-serif; font-size:16px; height:52px; color:#fff; padding:10px 60px 10px 30px; background:0 0; border:0 } .subscr__form .form-control::-webkit-input-placeholder{ color:#fff; opacity:1 } .subscr__form .form-control::-moz-placeholder{ color:#fff; opacity:1 } .subscr__form .form-control:-ms-input-placeholder,.subscr__form .form-control::-ms-input-placeholder{ color:#fff; opacity:1 } .subscr__form .form-control::placeholder{ color:#fff; opacity:1 } .subscr__form .form-control:focus{ box-shadow:none } .subscr__form .btn-subscr{ position:absolute; width:42px; height:42px; border-radius:50%; top:50%; transform:translateY(-50%); right:6px; color:#fff; background:linear-gradient(to right,var(--brk-base-6),var(--brk-base-2)) } .subscr__form .btn-subscr:before,body .main-icon:before{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } .subscr__form .btn-subscr:hover{ transform:translateY(-50%) scale(1.1) } .video-wrap{ position:relative; z-index:1; cursor:pointer; box-shadow:0 5px 16px 0 rgba(0,0,0,.4); min-height:430px } .video-wrap .overlay-image{ position:absolute; top:0; left:0; right:0; bottom:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:50; transition:all .4s ease } .video-wrap .overlay-image.hid{ opacity:0; visibility:hidden; pointer-events:none } .video-wrap .icon__btn{ margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } .video-wrap .icon__btn .fa-play:before{ margin-left:2px } .video-wrap iframe{ width:100%; height:100% } body .main-icon{ font-size:64px; width:170px; height:170px; margin:0 auto; border-radius:50%; border:2px solid var(--brk-base-2); position:relative } body .main-icon+*{ margin-top:56px } body .main-icon_white{ border-color:#fff; color:#fff } .inline-wrap>div{ flex:1 } @media (min-width:1200px){ .inline-wrap{ display:flex; justify-content:space-around; align-items:center } } .inline-wrap-second .icon__btn{ width:63px; height:63px; font-size:28px; margin-bottom:20px } @media (min-width:1200px){ .inline-wrap-second .icon__btn{ margin-bottom:10px } } .inline-wrap-second .icon__btn .spike{ background-color:inherit } .maxw-300,.maxw-450{ max-width:300px; margin-left:auto; margin-right:auto } .maxw-450{ max-width:450px } .maxw-500{ max-width:500px } .maxw-570{ max-width:570px } .maxw-770{ max-width:770px; margin-left:auto; margin-right:auto } .maxw-800{ max-width:800px } .maxw-970{ max-width:970px; margin-left:auto; margin-right:auto } .violet-shadow{ box-shadow:0 3px 0 0 var(--secondary) } .dark-shadow{ box-shadow:0 6px 30px 0 rgba(0,0,0,.12) } .z-index-high{ position:relative; z-index:50 } .z-index-5{ z-index:5!important } .z-index-3{ z-index:3!important } .z-index-2{ z-index:2!important } .z-index-1{ z-index:1!important } .z-index-0{ z-index:0!important } .brk-tabs-simple-bottom .brk-tab.active:before,.brk-tabs-simple-bottom .brk-tab:hover:before,.brk-tabs-simple-top .brk-tab.active:before,.brk-tabs-simple-top .brk-tab:hover:before,.width100{ width:100% } .height100{ height:100% } .pull-left{ float:left } .pull-right{ float:right } .overflow-hid{ overflow:hidden!important } .overflow-hidden-x{ overflow-x:hidden } .overflow-hidden-y{ overflow-y:hidden } .opacity-5{ opacity:.05 } .opacity-10{ opacity:.1 } .opacity-15{ opacity:.15 } .opacity-20{ opacity:.2 } .opacity-25{ opacity:.25 } .opacity-30{ opacity:.3 } .opacity-35{ opacity:.35 } .opacity-40{ opacity:.4 } .opacity-45{ opacity:.45 } .opacity-50{ opacity:.5 } .opacity-55{ opacity:.55 } .opacity-60{ opacity:.6 } .opacity-65{ opacity:.65 } .opacity-70{ opacity:.7 } .opacity-75{ opacity:.75 } .opacity-80{ opacity:.8 } .opacity-85{ opacity:.85 } .opacity-90{ opacity:.9 } .opacity-95{ opacity:.95 } .opacity-100{ opacity:1 } .opacity-87{ opacity:.87 } @media screen and (max-width:576px){ .pl-xs-0{ padding-left:0!important } .pl-xs-5{ padding-left:5px!important } .pl-xs-10{ padding-left:10px!important } .pl-xs-15{ padding-left:15px!important } .pl-xs-20{ padding-left:20px!important } .pl-xs-25{ padding-left:25px!important } .pr-xs-0{ padding-right:0!important } .pr-xs-5{ padding-right:5px!important } .pr-xs-10{ padding-right:10px!important } .pr-xs-15{ padding-right:15px!important } .pr-xs-20{ padding-right:20px!important } .pr-xs-25{ padding-right:25px!important } .pb-xs-0{ padding-bottom:0!important } .pb-xs-5{ padding-bottom:5px!important } .pb-xs-10{ padding-bottom:10px!important } .pb-xs-15{ padding-bottom:15px!important } .pb-xs-20{ padding-bottom:20px!important } .pb-xs-25{ padding-bottom:25px!important } .pb-xs-30{ padding-bottom:30px!important } .pb-xs-35{ padding-bottom:35px!important } .pb-xs-40{ padding-bottom:40px!important } .pb-xs-45{ padding-bottom:45px!important } .pb-xs-50{ padding-bottom:50px!important } .pt-xs-0{ padding-top:0!important } .pt-xs-5{ padding-top:5px!important } .pt-xs-10{ padding-top:10px!important } .pt-xs-15{ padding-top:15px!important } .pt-xs-20{ padding-top:20px!important } .pt-xs-25{ padding-top:25px!important } .pt-xs-30{ padding-top:30px!important } .pt-xs-35{ padding-top:35px!important } .pt-xs-40{ padding-top:40px!important } .pt-xs-45{ padding-top:45px!important } .pt-xs-50{ padding-top:50px!important } .pb-xs-60{ padding-bottom:60px!important } .pb-xs-70{ padding-bottom:70px!important } .pb-xs-80{ padding-bottom:80px!important } .pb-xs-90{ padding-bottom:90px!important } .pb-xs-100{ padding-bottom:100px!important } .pt-xs-60{ padding-top:60px!important } .pt-xs-70{ padding-top:70px!important } .pt-xs-80{ padding-top:80px!important } .pt-xs-90{ padding-top:90px!important } .pt-xs-100{ padding-top:100px!important } .ml-xs-0{ margin-left:0!important } .ml-xs-5{ margin-left:5px!important } .ml-xs-10{ margin-left:10px!important } .ml-xs-15{ margin-left:15px!important } .ml-xs-20{ margin-left:20px!important } .ml-xs-25{ margin-left:25px!important } .mr-xs-0{ margin-right:0!important } .mr-xs-5{ margin-right:5px!important } .mr-xs-10{ margin-right:10px!important } .mr-xs-15{ margin-right:15px!important } .mr-xs-20{ margin-right:20px!important } .mr-xs-25{ margin-right:25px!important } .mb-xs-0{ margin-bottom:0!important } .mb-xs-5{ margin-bottom:5px!important } .mb-xs-10{ margin-bottom:10px!important } .mb-xs-15{ margin-bottom:15px!important } .mb-xs-20{ margin-bottom:20px!important } .mb-xs-25{ margin-bottom:25px!important } } @media screen and (max-width:540px){ .mt-xs-0{ margin-top:0!important } .mt-xs-5{ margin-top:5px!important } .mt-xs-10{ margin-top:10px!important } .mt-xs-15{ margin-top:15px!important } .mt-xs-20{ margin-top:20px!important } .mt-xs-25{ margin-top:25px!important } } @media screen and (min-width:1230px){ .ml-xl-0{ margin-left:0!important } .ml-xl-5{ margin-left:5px!important } .ml-xl-10{ margin-left:10px!important } .ml-xl-15{ margin-left:15px!important } .ml-xl-20{ margin-left:20px!important } .ml-xl-25{ margin-left:25px!important } .ml-xl-30{ margin-left:30px!important } .ml-xl-35{ margin-left:35px!important } .ml-xl-40{ margin-left:40px!important } .ml-xl-45{ margin-left:45px!important } .ml-xl-50{ margin-left:50px!important } .mr-xl-0{ margin-right:0!important } .mr-xl-5{ margin-right:5px!important } .mr-xl-10{ margin-right:10px!important } .mr-xl-15{ margin-right:15px!important } .mr-xl-20{ margin-right:20px!important } .mr-xl-25{ margin-right:25px!important } .mr-xl-30{ margin-right:30px!important } .mr-xl-35{ margin-right:35px!important } .mr-xl-40{ margin-right:40px!important } .mr-xl-45{ margin-right:45px!important } .mr-xl-50{ margin-right:50px!important } } @media screen and (max-width:540px){ .ml-xs-auto{ margin-left:auto!important } .mr-xs-auto,.mx-xs-auto{ margin-right:auto!important } .mx-xs-auto{ margin-left:auto!important } } @media screen and (min-width:991px){ .pl-xl-110{ padding-left:110px } .pl-xl-80{ padding-left:80px } } .pt-350{ padding-top:350px } .pt-280{ padding-top:280px } .pt-260{ padding-top:260px } .pt-250{ padding-top:250px } .pt-240{ padding-top:240px } .pt-230{ padding-top:230px } .pt-220{ padding-top:220px } .pt-200{ padding-top:200px } .pt-190{ padding-top:190px } .pt-180{ padding-top:180px } .pt-170{ padding-top:170px } .pt-25{ padding-top:25px } .pb-350{ padding-bottom:350px } .pb-250,.pb-260{ padding-bottom:250px } .pb-240{ padding-bottom:240px } .pb-230{ padding-bottom:230px } .pb-200{ padding-bottom:200px } .pb-190{ padding-bottom:190px } .pb-180{ padding-bottom:180px } .pb-170{ padding-bottom:170px } .pr-120{ padding-right:120px } .pr-90{ padding-right:90px } .pl-90{ padding-left:90px } @media (min-width:1200px){ .pr-lg-70{ padding-right:70px } } .pr-100{ padding-right:90px } .pl-100,.pl-95{ padding-left:90px } @media screen and (min-width:992px){ .pl-lg-100{ padding-left:100px } .pr-lg-100{ padding-right:100px } } .mb--30{ margin-bottom:-30px } #toTop,#toTop:hover{ color:#fff; text-decoration:none } #toTop{ position:fixed; right:20px; bottom:20px; font-size:0; width:50px; height:50px; line-height:50px; text-align:center; background:var(--brand-primary); border-radius:50%; overflow:hidden; z-index:1200; visibility:visible; transition:\transform .3s ease; display:none; transform:scale(1) } @media (min-width:576px){ #toTop{ right:23px; bottom:23px } } #toTop:before{ font-family:"Font Awesome\ 5 Free"; content:'\f106'; font-weight:900; font-size:26px } #toTop:hover{ transform:scale(1.1) } .no-wrap{ white-space:nowrap } .main-header{ position:relative } .brk-svg-pattern-container{ position:absolute; width:100%; overflow:hidden; z-index:3 } .brk-svg-pattern-container svg{ position:absolute; width:calc(100% + 2px) } .brk-svg-pattern-container_top{ top:0 } .brk-svg-pattern-container_top svg{ top:-5px } .brk-svg-pattern-container_bottom{ bottom:0 } .brk-svg-pattern-container_bottom svg{ bottom:-5px } .img-icon{ max-width:100%; max-height:100%; width:auto; height:auto } .brk-wave-line,.brk-wave-line-blue{ display:block; width:100%; height:7px; background-image:url(../../img/wave-line.png); background-repeat:repeat-x; background-color:transparent; border:0 } .brk-wave-line-blue{ background-image:url(../../img/wave-line-2.png) } .centering-child-img img,.centering-img{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto } .full__size-absolute{ position:absolute; top:0; left:0; bottom:0; right:0; display:block } .brk-rating{ position:relative; width:89px } .brk-rating__layer{ opacity:.6 } .brk-rating__layer:after,.brk-rating__layer:before{ content:" "; display:table } .brk-rating__layer:after{ clear:both } .brk-rating__imposition i,.brk-rating__layer i{ display:inline-block; float:left; font-size:.875rem; margin:0 1px } .brk-rating__imposition{ overflow:hidden; position:absolute; top:0; left:0 } .brk-rating__imposition:after,.brk-rating__imposition:before{ content:" "; display:table } .brk-rating__imposition:after{ clear:both } .brk-rating__imposition .visible{ width:89px; height:15px } .center-absolute{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } .brk-lightning-effect{ position:relative; overflow:hidden; display:inline-block } .brk-lightning-effect:before{ content:''; width:50px; position:absolute; top:0; left:-50px; bottom:0; z-index:9; background:linear-gradient(to right,rgba(255,255,255,.2) 0%,#fff 50%,rgba(255,255,255,.2) 100%) } .brk-lightning-effect:hover:before{ -webkit-animation:lightning-effect 2s infinite ease-in-out; animation:lightning-effect 2s infinite ease-in-out } .brk-bg-center-cover{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative } .brk-bg-center-cover .container{ z-index:2; position:relative } .brk-bg-left-center,.brk-bg-right-center{ background-position:right center; background-repeat:no-repeat; background-size:contain } .brk-bg-left-center{ background-position:left center } .brk-gutters-5{ margin-right:-5px; margin-left:-5px } .brk-gutters-5>.vc_column_container>.vc_column-inner,.brk-gutters-5>[class*=col-]:not(.vc_column_container){ padding-left:5px; padding-right:5px } .brk-gutters-10{ margin-right:-10px; margin-left:-10px } .brk-gutters-10>.vc_column_container>.vc_column-inner,.brk-gutters-10>[class*=col-]:not(.vc_column_container){ padding-left:10px; padding-right:10px } .brk-gutters-30{ margin-right:-30px; margin-left:-30px } .brk-gutters-30>.vc_column_container>.vc_column-inner,.brk-gutters-30>[class*=col-]:not(.vc_column_container){ padding-left:30px; padding-right:30px } .bg-cover{ background-size:cover } .bg-contain{ background-size:contain } @media screen and (min-width:1200px){ .bg-lg-contain{ background-size:contain } } .bg-norepeat{ background-repeat:no-repeat } .bg-repeat{ background-repeat:repeat } .bg-position_top-left{ background-position:left top } .bg-position_top-center{ background-position:center top } .bg-position_top-right{ background-position:right top } .bg-position_bottom-left{ background-position:left bottom } .bg-position_bottom-center{ background-position:center bottom } .bg-position_bottom-right{ background-position:right bottom } .bg-position_left-center{ background-position:left center } .bg-position_right-center{ background-position:right center } .bg-position_center{ background-position:center center } .brk-subscribe,.brk-subscribe-mail{ position:relative } .brk-subscribe [type=email]{ border-radius:27px; padding:0 33px; font-size:.875rem; border:0 } .brk-subscribe [type=submit],.brk-subscribe button{ position:absolute; top:0; right:0; width:54px; height:54px; border-radius:50% } [dir=rtl] .brk-subscribe [type=submit],[dir=rtl] .brk-subscribe button{ right:auto; left:0 } .brk-subscribe [type=submit] i,.brk-subscribe button i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:1rem; font-weight:400; vertical-align:0 } .brk-subscribe-map [type=email]{ background-color:var(--white); box-shadow:0 5px 16px rgba(165,165,165,.5); color:var(--brk-base-3); padding:16px 33px; width:100% } .brk-subscribe-map [type=email]::-webkit-input-placeholder{ color:var(--brk-base-3); opacity:1 } .brk-subscribe-map [type=email]::-moz-placeholder{ color:var(--brk-base-3); opacity:1 } .brk-subscribe-map [type=email]:-ms-input-placeholder,.brk-subscribe-map [type=email]::-ms-input-placeholder{ color:var(--brk-base-3); opacity:1 } .brk-subscribe-map [type=email]::placeholder{ color:var(--brk-base-3); opacity:1 } .brk-subscribe-map [type=submit],.brk-subscribe-map button{ background-color:var(--white); box-shadow:0 5px 16px rgba(0,0,0,.3) } .brk-subscribe-map [type=submit] i,.brk-subscribe-map button i{ color:var(--brand-primary) } .brk-subscribe-solid .brk-form-wrap{ margin-top:0; flex-grow:1 } @media screen and (min-width:992px){ .brk-subscribe-solid .brk-form-strict{ margin-left:25px } } .brk-subscribe-solid button{ margin-left:0; padding-left:55px; padding-right:55px } @media screen and (min-width:992px){ .brk-subscribe-solid button{ margin-left:20px } } .brk-subscribe-solid button:hover{ background-color:rgba(255,255,255,.8) } .brk-subscribe-solid .brk-form-strict [type=email],.brk-subscribe-solid .brk-form-strict [type=password],.brk-subscribe-solid .brk-form-strict [type=tel],.brk-subscribe-solid .brk-form-strict [type=text]{ border:1px solid rgba(255,255,255,.2)!important; color:#fff!important } .brk-subscribe-solid .brk-form-strict [type=email]+.input-label,.brk-subscribe-solid .brk-form-strict [type=password]+.input-label,.brk-subscribe-solid .brk-form-strict [type=tel]+.input-label,.brk-subscribe-solid .brk-form-strict [type=text]+.input-label{ color:#fff!important } .brk-subscribe-message{ position:absolute; left:0; bottom:-25px; width:100%; z-index:3; white-space:nowrap; text-overflow:ellipsis; text-align:center; color:#fff } .brk-subscribe-mail_dark .brk-subscribe-message{ color:#000 } .brk-subscribe-message .brk-subscribe-mail_overlay{ bottom:0; width:100%; height:100%; z-index:10; background-color:#fff; color:#000; display:flex; align-items:center; justify-content:center } .brk-trapezoid-left{ -webkit-clip-path:polygon(0 70px,100% 0,100% 100%,0 calc(100% - 70px)); clip-path:polygon(0 70px,100% 0,100% 100%,0 calc(100% - 70px)); position:relative; margin-top:-70px; margin-bottom:-70px; z-index:1; overflow:hidden } .brk-trapezoid-left-2{ -webkit-clip-path:polygon(0 180px,100% 0,100% 100%,0 calc(100% - 120px)); clip-path:polygon(0 180px,100% 0,100% 100%,0 calc(100% - 120px)); margin-top:-180px; margin-bottom:-120px } @media screen and (max-width:576px){ .brk-trapezoid-left-2{ -webkit-clip-path:none; clip-path:none; margin-top:0 } } @supports not ((-webkit-clip-path:polygon(0 180px,100% 0%,100% calc(100% - 180px),0% 100%)) or (clip-path:polygon(0 180px,100% 0%,100% calc(100% - 180px),0% 100%))){ .brk-parallelogram-1{ padding-top:80px; padding-bottom:80px; margin-top:30px; margin-bottom:-50px } } @supports ((-webkit-clip-path:polygon(0 180px,100% 0%,100% calc(100% - 180px),0% 100%)) or (clip-path:polygon(0 180px,100% 0%,100% calc(100% - 180px),0% 100%))){ .brk-parallelogram-1{ -webkit-clip-path:polygon(0 180px,100% 0%,100% calc(100% - 180px),0% 100%); clip-path:polygon(0 180px,100% 0%,100% calc(100% - 180px),0% 100%); padding-top:220px; padding-bottom:210px; margin-top:-150px; margin-bottom:-150px } } @media (max-width:991px){ @supports ((-webkit-clip-path:polygon(0 120px,100% 0%,100% calc(100% - 120px),0% 100%)) or (clip-path:polygon(0 120px,100% 0%,100% calc(100% - 120px),0% 100%))){ .brk-parallelogram-1{ -webkit-clip-path:polygon(0 120px,100% 0%,100% calc(100% - 120px),0% 100%); clip-path:polygon(0 120px,100% 0%,100% calc(100% - 120px),0% 100%); margin-top:-120px } } } @media (max-width:575px){ @supports ((-webkit-clip-path:polygon(0 100px,100% 0%,100% calc(100% - 100px),0% 100%)) or (clip-path:polygon(0 100px,100% 0%,100% calc(100% - 100px),0% 100%))){ .brk-parallelogram-1{ -webkit-clip-path:polygon(0 100px,100% 0%,100% calc(100% - 100px),0% 100%); clip-path:polygon(0 100px,100% 0%,100% calc(100% - 100px),0% 100%); padding-top:150px; padding-bottom:150px; margin-top:-120px; margin-bottom:-30px } } } .brk-left-overflow-image{ background-repeat:no-repeat; background-size:contain; background-position:-450px 20px } .brk-bg-circle{ position:relative } .brk-bg-circle::after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-52%,-50%); width:calc(100% + 250px); padding-top:150%; border-radius:100%; z-index:-1; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.88) 0%,rgba(var(--secondary-rgb),.88) 100%) } @media screen and (max-width:576px){ .brk-bg-circle::after{ width:500%; padding-top:500%; border-radius:0 } } .brk-top-triangle{ position:relative; margin-top:-92px; padding-top:220px } .brk-top-triangle::after{ content:''; position:absolute; left:0; top:0; width:100%; height:149px; background-color:#fff; z-index:1; -webkit-clip-path:polygon(0 0,0 100%,100% 0); clip-path:polygon(0 0,0 100%,100% 0) } @media screen and (max-width:991.98px){ .brk-top-triangle{ margin-top:0; padding-top:90px } .brk-top-triangle::after{ -webkit-clip-path:none; clip-path:none; height:0 } } .brk-bottom-triangle{ position:relative } .brk-bottom-triangle::after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:200px; background-color:#fff; z-index:1; -webkit-clip-path:polygon(100% 0,0% 100%,100% 100%); clip-path:polygon(100% 0,0% 100%,100% 100%) } .grayscale-100{ -webkit-filter:grayscale(100%); filter:grayscale(100%) } .grayscale-50{ -webkit-filter:grayscale(50%); filter:grayscale(50%) } .brk-bgi-1{ background-image:url(../../img/bg-patterns/1.png)!important } .brk-bgi-2{ background-image:url(../../img/bg-patterns/2.png)!important } .brk-bgi-3{ background-image:url(../../img/bg-patterns/3.png)!important } .brk-bgi-4{ background-image:url(../../img/bg-patterns/4.png)!important } .brk-bgi-5{ background-image:url(../../img/bg-patterns/5.png)!important } .brk-bgi-6{ background-image:url(../../img/bg-patterns/6.png)!important } .brk-bgi-7{ background-image:url(../../img/bg-patterns/7.png)!important } .brk-bgi-8{ background-image:url(../../img/bg-patterns/8.png)!important } .brk-bgi-9{ background-image:url(../../img/bg-patterns/9.png)!important } .brk-bgi-10{ background-image:url(../../img/bg-patterns/10.png)!important } .brk-bgi-11{ background-image:url(../../img/bg-patterns/11.png)!important } .brk-bgi-12{ background-image:url(../../img/bg-patterns/12.png)!important } .brk-bgi-13{ background-image:url(../../img/bg-patterns/13.png)!important } .brk-bgi-14{ background-image:url(../../img/bg-patterns/14.png)!important } .brk-bgi-15{ background-image:url(../../img/bg-patterns/15.png)!important } .brk-bg-pattern{ background-repeat:repeat!important; background-size:auto!important; background-position:0 0!important } .brk-overlay{ position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,22,41,.4); z-index:98 } .added_to_cart{ display:inline-block; margin:10px; background-color:#fff; border-radius:27px; padding:15px 20px; font-size:1rem; font-weight:700; text-transform:uppercase; white-space:nowrap; box-shadow:0 5px 16px rgba(var(--brand-primary-rgb),.5); color:var(--brand-primary) } .border-top-3{ border-top-width:3px; border-top-style:solid } .border-right-3{ border-right-width:3px; border-right-style:solid } .border-bottom-3{ border-bottom-width:3px; border-bottom-style:solid } .border-left-3{ border-left-width:3px; border-left-style:solid } .pseudo-border-bottom-3{ position:relative } .pseudo-border-bottom-3:after{ content:''; position:absolute; bottom:0; left:0; height:3px; width:100% } .brk-abs-overlay{ z-index:-1 } .brk-abs-bg-overlay,.brk-abs-img,.brk-abs-overlay{ position:absolute; left:0; top:0; width:100%; height:100% } .brk-abs-img{ -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; z-index:-2 } .brk-align-left{ margin-right:auto } .brk-align-right{ margin-left:auto } .brk-align-center{ margin-left:auto; margin-right:auto } @media screen and (min-width:576px){ .position-sm-absolute{ position:absolute!important } .position-sm-relative{ position:relative!important } .position-sm-static{ position:static!important } } @media screen and (min-width:768px){ .position-md-absolute{ position:absolute!important } .position-md-relative{ position:relative!important } .position-md-static{ position:static!important } } @media screen and (min-width:992px){ .position-lg-absolute{ position:absolute!important } .position-lg-relative{ position:relative!important } .position-lg-static{ position:static!important } } @media screen and (min-width:1200px){ .position-xl-absolute{ position:absolute!important } .position-xl-relative{ position:relative!important } .position-xl-static{ position:static!important } } .brk-z-index-0{ z-index:0 } .brk-z-index-10{ z-index:10 } .brk-z-index-20{ z-index:20 } .brk-z-index-30{ z-index:30 } .brk-z-index-40{ z-index:40 } .brk-z-index-50{ z-index:50 } .brk-z-index--1{ z-index:-1 } .brk-z-index--2{ z-index:-2 } .brk-z-index--3{ z-index:-3 } .brk-z-index--4{ z-index:-4 } .brk-z-index--5{ z-index:-5 } .brk-after-element,.brk-before-element{ position:absolute; left:0; right:0 } .brk-after-element svg,.brk-before-element svg{ max-width:100% } .brk-after-element-svg,.brk-before-element-svg{ position:absolute; left:0; right:0; max-width:100% } .brk-after-element_bevel-right,.brk-before-element_bevel-right{ overflow:hidden; height:80px; background:#fff } @media (max-width:991px){ .brk-after-element_bevel-right,.brk-before-element_bevel-right{ display:none } } .brk-before-element{ top:0 } .brk-before-element svg{ margin-top:-1px } .brk-before-element-svg{ top:-1px } .brk-before-element_bevel-right{ -webkit-clip-path:polygon(0 0,100% 100%,100% 0); clip-path:polygon(0 0,100% 100%,100% 0) } .brk-after-element{ bottom:0 } .brk-after-element svg{ margin-bottom:-1px } .brk-after-element-svg{ bottom:-1px } .brk-after-element_bevel-right{ -webkit-clip-path:polygon(0 100%,100% 100%,100% 0); clip-path:polygon(0 100%,100% 100%,100% 0) } .brk-layer{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1 } .brk-dashed-divider{ margin-top:10px; margin-bottom:10px; width:100%; background-image:url(../../img/dashed-divider.svg); background-repeat:repeat-x; border:0 } .brk-dashed-border-transparent{ border:0; border-bottom:1px dashed rgba(255,255,255,.2) } .brk-text-fill{ -webkit-text-fill-color:transparent } .brk-text-clip,.brk-text-fill{ -webkit-background-clip:text } .parallax-bg{ position:relative; background-attachment:fixed; background-size:cover; will-change:background-position; transform:translateZ(0) } .w-50{ width:50% } .w-40{ width:40% } .brk-fa-replace:before{ content:''!important; display:none } .brk-fa-replace svg{ width:14px; height:14px } @media screen and (min-width:1270px){ .brk-wided-container{ margin-left:-40px; margin-right:-40px } } .brk-error-page-title{ font-size:140px; text-align:center; line-height:140px } @media screen and (min-width:550px){ .brk-error-page-title{ font-size:250px; line-height:250px } } @media screen and (min-width:750px){ .brk-error-page-title{ font-size:320px; line-height:320px } } @media screen and (min-width:991.98px){ .brk-error-page-title{ font-size:386px; line-height:390px; margin-left:-20px; text-align:left } } .brk-styled-scroll-y{ overflow-y:auto } .brk-styled-scroll-y::-webkit-scrollbar{ width:7px } .brk-styled-scroll-y::-webkit-scrollbar-track{ box-shadow:inset 0 0 6px rgba(0,0,0,.3); border-radius:10px } .brk-styled-scroll-y::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,.1); border-radius:10px } .brk-styled-scroll-x{ overflow-x:auto } .brk-styled-scroll-x::-webkit-scrollbar{ width:7px } .brk-styled-scroll-x::-webkit-scrollbar-track{ box-shadow:inset 0 0 6px rgba(0,0,0,.3); border-radius:10px } .brk-styled-scroll-x::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,.1); border-radius:10px } .translate-top-50{ transform:translateY(-50%) } .brk-line-bottom-2,blockquote,q{ position:relative } .brk-line-bottom-2::after{ content:''; position:absolute; left:0; bottom:-3px; width:100%; height:2px; background-color:currentColor } .brk-hover-opacity{ opacity:.3; transition:.3s } .brk-hover-opacity:hover{ opacity:1 } .brk-box-shadow-none{ box-shadow:none!important } @media screen and (min-width:992px){ .brk-img-no-max-width{ max-width:none } } .brk-divider-white-1{ width:100%; height:1px; border-bottom:1px solid #fff } .text-transform-none{ text-transform:none!important } .fancybox-image-wrap{ background-color:#f3f3f3!important } blockquote,q{ padding:0 0 0 40px; display:block } blockquote:before,q:before{ content:'\201d'; position:absolute; left:0; top:0; font-size:2.25rem; line-height:1.25; font-weight:700; color:var(--brand-primary) } @media (max-width:767px){ table{ box-shadow:none } } table tbody,table thead{ font-size:1rem; line-height:18px } table thead{ box-shadow:0 5px 10px rgba(0,0,0,.06),inset 0 -3px #fafafa; position:relative; z-index:9; font-weight:700 } @media (max-width:767px){ table thead{ display:none } } table td,table th{ text-align:center; padding-right:15px; padding-left:15px } table th{ position:relative; padding-top:25px; padding-bottom:25px } table tbody{ font-weight:300 } @media (max-width:767px){ table tbody{ font-size:.875rem; line-height:16px } } table tbody tr{ border-bottom:1px solid #eaeaea } @media (max-width:767px){ table tbody tr{ display:block; margin-bottom:15px; border:0; box-shadow:0 6px 30px rgba(0,0,0,.12) } } table td{ padding-top:28px; padding-bottom:28px; transition:all .3s ease-in-out } @media (max-width:767px){ table td,table th{ text-align:right } } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ vertical-align:baseline; display:block; color:#292b2c; font-weight:400 } .h1 a:focus,.h1 a:hover,.h2 a:focus,.h2 a:hover,.h3 a:focus,.h3 a:hover,.h4 a:focus,.h4 a:hover,.h5 a:focus,.h5 a:hover,.h6 a:focus,.h6 a:hover,h1 a:focus,h1 a:hover,h2 a:focus,h2 a:hover,h3 a:focus,h3 a:hover,h4 a:focus,h4 a:hover,h5 a:focus,h5 a:hover,h6 a:focus,h6 a:hover{ color:var(--brand-primary); text-decoration:none } .h1,h1{ font-size:40px; line-height:1.1 } @media (min-width:576px){ .h1,h1{ font-size:56px } } .h2,h2{ font-size:35px; line-height:1.1 } @media (min-width:576px){ .h2,h2{ font-size:42px } } .h3,h3{ font-size:30px; line-height:1.1 } @media (min-width:576px){ .h3,h3{ font-size:36px } } .h4,.h5,.h6,h4,h5,h6{ font-size:24px; line-height:1.1 } .h5,.h6,h5,h6{ font-size:18px } .h6,h6{ font-size:15px } .big{ font-size:18px } .font__family-open-sans{ font-family:'Open Sans',sans-serif } .font__family-montserrat{ font-family:'Montserrat',sans-serif } .font__family-montserrat-alt{ font-family:'Montserrat Alternates',sans-serif } .font__family-playfair{ font-family:'Playfair Display',sans-serif } .font__family-poppins{ font-family:'Poppins',sans-serif } .font__family-pacifico{ font-family:'Pacifico',sans-serif } .font__family-roboto{ font-family:'Roboto',sans-serif } .font__family-roboto-slab{ font-family:'Roboto Slab',sans-serif } .font__family-oxygen{ font-family:'Oxygen',sans-serif } .font__family-times-new-roman{ font-family:'Times New Roman',sans-serif } .font__weight-thin{ font-weight:100 } .font__weight-ultralight{ font-weight:200 } .font__weight-light{ font-weight:300 } .font__weight-normal{ font-weight:400 } .font__weight-medium{ font-weight:500 } .font__weight-semibold{ font-weight:600 } .font__weight-bold{ font-weight:700 } .font__weight-extrabold{ font-weight:800 } .font__style-italic{ font-style:italic } .font__style-normal{ font-style:normal } .font__size-10{ font-size:.625rem } .font__size-11{ font-size:.6875rem } .font__size-12{ font-size:.75rem } .font__size-13{ font-size:.8125rem } .font__size-14{ font-size:.875rem } .font__size-15{ font-size:.9375rem } .font__size-16{ font-size:1rem } .font__size-17{ font-size:1.0625rem } .font__size-18{ font-size:1.125rem } .font__size-19{ font-size:1.1875rem } .font__size-20{ font-size:1.25rem } .font__size-21{ font-size:1.3125rem } .font__size-22{ font-size:1.375rem } .font__size-23{ font-size:1.4375rem } .font__size-24{ font-size:1.5rem } .font__size-25{ font-size:1.5625rem } .font__size-26{ font-size:1.625rem } .font__size-27{ font-size:1.6875rem } .font__size-28{ font-size:1.75rem } .font__size-29{ font-size:1.8125rem } .font__size-30{ font-size:1.875rem } .font__size-31{ font-size:1.9375rem } .font__size-32{ font-size:2rem } .font__size-33{ font-size:2.0625rem } .font__size-34{ font-size:2.125rem } .font__size-35{ font-size:2.1875rem } .font__size-36{ font-size:2.25rem } .font__size-37{ font-size:2.3125rem } .font__size-38{ font-size:2.375rem } .font__size-39{ font-size:2.4375rem } .font__size-40{ font-size:2.5rem } .font__size-41{ font-size:2.5625rem } .font__size-42{ font-size:2.625rem } .font__size-43{ font-size:2.6875rem } .font__size-44{ font-size:2.75rem } .font__size-45{ font-size:2.8125rem } .font__size-46{ font-size:2.875rem } .font__size-47{ font-size:2.9375rem } .font__size-48{ font-size:3rem } .font__size-49{ font-size:3.0625rem } .font__size-50{ font-size:3.125rem } .font__size-51{ font-size:3.1875rem } .font__size-52{ font-size:3.25rem } .font__size-53{ font-size:3.3125rem } .font__size-54{ font-size:3.375rem } .font__size-55{ font-size:3.4375rem } .font__size-56{ font-size:3.5rem } .font__size-57{ font-size:3.5625rem } .font__size-58{ font-size:3.625rem } .font__size-59{ font-size:3.6875rem } .font__size-60{ font-size:3.75rem } .font__size-61{ font-size:3.8125rem } .font__size-62{ font-size:3.875rem } .font__size-63{ font-size:3.9375rem } .font__size-64{ font-size:4rem } .font__size-65{ font-size:4.0625rem } .font__size-66{ font-size:4.125rem } .font__size-67{ font-size:4.1875rem } .font__size-68{ font-size:4.25rem } .font__size-69{ font-size:4.3125rem } .font__size-70{ font-size:4.375rem } .font__size-71{ font-size:4.4375rem } .font__size-72{ font-size:4.5rem } .font__size-73{ font-size:4.5625rem } .font__size-74{ font-size:4.625rem } .font__size-75{ font-size:4.6875rem } .font__size-76{ font-size:4.75rem } .font__size-77{ font-size:4.8125rem } .font__size-78{ font-size:4.875rem } .font__size-79{ font-size:4.9375rem } .font__size-80{ font-size:5rem } .font__size-81{ font-size:5.0625rem } .font__size-82{ font-size:5.125rem } .font__size-83{ font-size:5.1875rem } .font__size-84{ font-size:5.25rem } .font__size-85{ font-size:5.3125rem } .font__size-86{ font-size:5.375rem } .font__size-96{ font-size:6rem } .font__size-98{ font-size:6.125rem } .font__size-100{ font-size:6.25rem } .font__size-106{ font-size:6.625rem } .font__size-120{ font-size:7.5rem } .font__size-124{ font-size:7.75rem } .font__size-156{ font-size:9.75rem } .font__size-186{ font-size:11.625rem } .font__size-196{ font-size:12.25rem } .font__size-224{ font-size:14rem } @media (min-width:576px){ .font__size-sm-10{ font-size:.625rem } .font__size-sm-11{ font-size:.6875rem } .font__size-sm-12{ font-size:.75rem } .font__size-sm-13{ font-size:.8125rem } .font__size-sm-14{ font-size:.875rem } .font__size-sm-15{ font-size:.9375rem } .font__size-sm-16{ font-size:1rem } .font__size-sm-17{ font-size:1.0625rem } .font__size-sm-18{ font-size:1.125rem } .font__size-sm-19{ font-size:1.1875rem } .font__size-sm-20{ font-size:1.25rem } .font__size-sm-21{ font-size:1.3125rem } .font__size-sm-22{ font-size:1.375rem } .font__size-sm-23{ font-size:1.4375rem } .font__size-sm-24{ font-size:1.5rem } .font__size-sm-25{ font-size:1.5625rem } .font__size-sm-26{ font-size:1.625rem } .font__size-sm-27{ font-size:1.6875rem } .font__size-sm-28{ font-size:1.75rem } .font__size-sm-29{ font-size:1.8125rem } .font__size-sm-30{ font-size:1.875rem } .font__size-sm-31{ font-size:1.9375rem } .font__size-sm-32{ font-size:2rem } .font__size-sm-33{ font-size:2.0625rem } .font__size-sm-34{ font-size:2.125rem } .font__size-sm-35{ font-size:2.1875rem } .font__size-sm-36{ font-size:2.25rem } .font__size-sm-37{ font-size:2.3125rem } .font__size-sm-38{ font-size:2.375rem } .font__size-sm-39{ font-size:2.4375rem } .font__size-sm-40{ font-size:2.5rem } .font__size-sm-41{ font-size:2.5625rem } .font__size-sm-42{ font-size:2.625rem } .font__size-sm-43{ font-size:2.6875rem } .font__size-sm-44{ font-size:2.75rem } .font__size-sm-45{ font-size:2.8125rem } .font__size-sm-46{ font-size:2.875rem } .font__size-sm-47{ font-size:2.9375rem } .font__size-sm-48{ font-size:3rem } .font__size-sm-49{ font-size:3.0625rem } .font__size-sm-50{ font-size:3.125rem } .font__size-sm-51{ font-size:3.1875rem } .font__size-sm-52{ font-size:3.25rem } .font__size-sm-53{ font-size:3.3125rem } .font__size-sm-54{ font-size:3.375rem } .font__size-sm-55{ font-size:3.4375rem } .font__size-sm-56{ font-size:3.5rem } .font__size-sm-57{ font-size:3.5625rem } .font__size-sm-58{ font-size:3.625rem } .font__size-sm-59{ font-size:3.6875rem } .font__size-sm-60{ font-size:3.75rem } .font__size-sm-61{ font-size:3.8125rem } .font__size-sm-62{ font-size:3.875rem } .font__size-sm-63{ font-size:3.9375rem } .font__size-sm-64{ font-size:4rem } .font__size-sm-65{ font-size:4.0625rem } .font__size-sm-66{ font-size:4.125rem } .font__size-sm-67{ font-size:4.1875rem } .font__size-sm-68{ font-size:4.25rem } .font__size-sm-69{ font-size:4.3125rem } .font__size-sm-70{ font-size:4.375rem } .font__size-sm-71{ font-size:4.4375rem } .font__size-sm-72{ font-size:4.5rem } .font__size-sm-73{ font-size:4.5625rem } .font__size-sm-74{ font-size:4.625rem } .font__size-sm-75{ font-size:4.6875rem } .font__size-sm-76{ font-size:4.75rem } .font__size-sm-77{ font-size:4.8125rem } .font__size-sm-78{ font-size:4.875rem } .font__size-sm-79{ font-size:4.9375rem } .font__size-sm-80{ font-size:5rem } .font__size-sm-81{ font-size:5.0625rem } .font__size-sm-82{ font-size:5.125rem } .font__size-sm-83{ font-size:5.1875rem } .font__size-sm-84{ font-size:5.25rem } .font__size-sm-85{ font-size:5.3125rem } .font__size-sm-86{ font-size:5.375rem } .font__size-sm-96{ font-size:6rem } .font__size-sm-98{ font-size:6.125rem } .font__size-sm-100{ font-size:6.25rem } .font__size-sm-106{ font-size:6.625rem } .font__size-sm-120{ font-size:7.5rem } .font__size-sm-124{ font-size:7.75rem } .font__size-sm-156{ font-size:9.75rem } .font__size-sm-186{ font-size:11.625rem } .font__size-sm-196{ font-size:12.25rem } .font__size-sm-224{ font-size:14rem } } @media (min-width:768px){ .font__size-md-10{ font-size:.625rem } .font__size-md-11{ font-size:.6875rem } .font__size-md-12{ font-size:.75rem } .font__size-md-13{ font-size:.8125rem } .font__size-md-14{ font-size:.875rem } .font__size-md-15{ font-size:.9375rem } .font__size-md-16{ font-size:1rem } .font__size-md-17{ font-size:1.0625rem } .font__size-md-18{ font-size:1.125rem } .font__size-md-19{ font-size:1.1875rem } .font__size-md-20{ font-size:1.25rem } .font__size-md-21{ font-size:1.3125rem } .font__size-md-22{ font-size:1.375rem } .font__size-md-23{ font-size:1.4375rem } .font__size-md-24{ font-size:1.5rem } .font__size-md-25{ font-size:1.5625rem } .font__size-md-26{ font-size:1.625rem } .font__size-md-27{ font-size:1.6875rem } .font__size-md-28{ font-size:1.75rem } .font__size-md-29{ font-size:1.8125rem } .font__size-md-30{ font-size:1.875rem } .font__size-md-31{ font-size:1.9375rem } .font__size-md-32{ font-size:2rem } .font__size-md-33{ font-size:2.0625rem } .font__size-md-34{ font-size:2.125rem } .font__size-md-35{ font-size:2.1875rem } .font__size-md-36{ font-size:2.25rem } .font__size-md-37{ font-size:2.3125rem } .font__size-md-38{ font-size:2.375rem } .font__size-md-39{ font-size:2.4375rem } .font__size-md-40{ font-size:2.5rem } .font__size-md-41{ font-size:2.5625rem } .font__size-md-42{ font-size:2.625rem } .font__size-md-43{ font-size:2.6875rem } .font__size-md-44{ font-size:2.75rem } .font__size-md-45{ font-size:2.8125rem } .font__size-md-46{ font-size:2.875rem } .font__size-md-47{ font-size:2.9375rem } .font__size-md-48{ font-size:3rem } .font__size-md-49{ font-size:3.0625rem } .font__size-md-50{ font-size:3.125rem } .font__size-md-51{ font-size:3.1875rem } .font__size-md-52{ font-size:3.25rem } .font__size-md-53{ font-size:3.3125rem } .font__size-md-54{ font-size:3.375rem } .font__size-md-55{ font-size:3.4375rem } .font__size-md-56{ font-size:3.5rem } .font__size-md-57{ font-size:3.5625rem } .font__size-md-58{ font-size:3.625rem } .font__size-md-59{ font-size:3.6875rem } .font__size-md-60{ font-size:3.75rem } .font__size-md-61{ font-size:3.8125rem } .font__size-md-62{ font-size:3.875rem } .font__size-md-63{ font-size:3.9375rem } .font__size-md-64{ font-size:4rem } .font__size-md-65{ font-size:4.0625rem } .font__size-md-66{ font-size:4.125rem } .font__size-md-67{ font-size:4.1875rem } .font__size-md-68{ font-size:4.25rem } .font__size-md-69{ font-size:4.3125rem } .font__size-md-70{ font-size:4.375rem } .font__size-md-71{ font-size:4.4375rem } .font__size-md-72{ font-size:4.5rem } .font__size-md-73{ font-size:4.5625rem } .font__size-md-74{ font-size:4.625rem } .font__size-md-75{ font-size:4.6875rem } .font__size-md-76{ font-size:4.75rem } .font__size-md-77{ font-size:4.8125rem } .font__size-md-78{ font-size:4.875rem } .font__size-md-79{ font-size:4.9375rem } .font__size-md-80{ font-size:5rem } .font__size-md-81{ font-size:5.0625rem } .font__size-md-82{ font-size:5.125rem } .font__size-md-83{ font-size:5.1875rem } .font__size-md-84{ font-size:5.25rem } .font__size-md-85{ font-size:5.3125rem } .font__size-md-86{ font-size:5.375rem } .font__size-md-96{ font-size:6rem } .font__size-md-98{ font-size:6.125rem } .font__size-md-100{ font-size:6.25rem } .font__size-md-106{ font-size:6.625rem } .font__size-md-120{ font-size:7.5rem } .font__size-md-124{ font-size:7.75rem } .font__size-md-156{ font-size:9.75rem } .font__size-md-186{ font-size:11.625rem } .font__size-md-196{ font-size:12.25rem } .font__size-md-224{ font-size:14rem } } @media (min-width:992px){ .font__size-lg-10{ font-size:.625rem } .font__size-lg-11{ font-size:.6875rem } .font__size-lg-12{ font-size:.75rem } .font__size-lg-13{ font-size:.8125rem } .font__size-lg-14{ font-size:.875rem } .font__size-lg-15{ font-size:.9375rem } .font__size-lg-16{ font-size:1rem } .font__size-lg-17{ font-size:1.0625rem } .font__size-lg-18{ font-size:1.125rem } .font__size-lg-19{ font-size:1.1875rem } .font__size-lg-20{ font-size:1.25rem } .font__size-lg-21{ font-size:1.3125rem } .font__size-lg-22{ font-size:1.375rem } .font__size-lg-23{ font-size:1.4375rem } .font__size-lg-24{ font-size:1.5rem } .font__size-lg-25{ font-size:1.5625rem } .font__size-lg-26{ font-size:1.625rem } .font__size-lg-27{ font-size:1.6875rem } .font__size-lg-28{ font-size:1.75rem } .font__size-lg-29{ font-size:1.8125rem } .font__size-lg-30{ font-size:1.875rem } .font__size-lg-31{ font-size:1.9375rem } .font__size-lg-32{ font-size:2rem } .font__size-lg-33{ font-size:2.0625rem } .font__size-lg-34{ font-size:2.125rem } .font__size-lg-35{ font-size:2.1875rem } .font__size-lg-36{ font-size:2.25rem } .font__size-lg-37{ font-size:2.3125rem } .font__size-lg-38{ font-size:2.375rem } .font__size-lg-39{ font-size:2.4375rem } .font__size-lg-40{ font-size:2.5rem } .font__size-lg-41{ font-size:2.5625rem } .font__size-lg-42{ font-size:2.625rem } .font__size-lg-43{ font-size:2.6875rem } .font__size-lg-44{ font-size:2.75rem } .font__size-lg-45{ font-size:2.8125rem } .font__size-lg-46{ font-size:2.875rem } .font__size-lg-47{ font-size:2.9375rem } .font__size-lg-48{ font-size:3rem } .font__size-lg-49{ font-size:3.0625rem } .font__size-lg-50{ font-size:3.125rem } .font__size-lg-51{ font-size:3.1875rem } .font__size-lg-52{ font-size:3.25rem } .font__size-lg-53{ font-size:3.3125rem } .font__size-lg-54{ font-size:3.375rem } .font__size-lg-55{ font-size:3.4375rem } .font__size-lg-56{ font-size:3.5rem } .font__size-lg-57{ font-size:3.5625rem } .font__size-lg-58{ font-size:3.625rem } .font__size-lg-59{ font-size:3.6875rem } .font__size-lg-60{ font-size:3.75rem } .font__size-lg-61{ font-size:3.8125rem } .font__size-lg-62{ font-size:3.875rem } .font__size-lg-63{ font-size:3.9375rem } .font__size-lg-64{ font-size:4rem } .font__size-lg-65{ font-size:4.0625rem } .font__size-lg-66{ font-size:4.125rem } .font__size-lg-67{ font-size:4.1875rem } .font__size-lg-68{ font-size:4.25rem } .font__size-lg-69{ font-size:4.3125rem } .font__size-lg-70{ font-size:4.375rem } .font__size-lg-71{ font-size:4.4375rem } .font__size-lg-72{ font-size:4.5rem } .font__size-lg-73{ font-size:4.5625rem } .font__size-lg-74{ font-size:4.625rem } .font__size-lg-75{ font-size:4.6875rem } .font__size-lg-76{ font-size:4.75rem } .font__size-lg-77{ font-size:4.8125rem } .font__size-lg-78{ font-size:4.875rem } .font__size-lg-79{ font-size:4.9375rem } .font__size-lg-80{ font-size:5rem } .font__size-lg-81{ font-size:5.0625rem } .font__size-lg-82{ font-size:5.125rem } .font__size-lg-83{ font-size:5.1875rem } .font__size-lg-84{ font-size:5.25rem } .font__size-lg-85{ font-size:5.3125rem } .font__size-lg-86{ font-size:5.375rem } .font__size-lg-96{ font-size:6rem } .font__size-lg-98{ font-size:6.125rem } .font__size-lg-100{ font-size:6.25rem } .font__size-lg-106{ font-size:6.625rem } .font__size-lg-120{ font-size:7.5rem } .font__size-lg-124{ font-size:7.75rem } .font__size-lg-156{ font-size:9.75rem } .font__size-lg-186{ font-size:11.625rem } .font__size-lg-196{ font-size:12.25rem } .font__size-lg-224{ font-size:14rem } } @media (min-width:1230px){ .font__size-xl-10{ font-size:.625rem } .font__size-xl-11{ font-size:.6875rem } .font__size-xl-12{ font-size:.75rem } .font__size-xl-13{ font-size:.8125rem } .font__size-xl-14{ font-size:.875rem } .font__size-xl-15{ font-size:.9375rem } .font__size-xl-16{ font-size:1rem } .font__size-xl-17{ font-size:1.0625rem } .font__size-xl-18{ font-size:1.125rem } .font__size-xl-19{ font-size:1.1875rem } .font__size-xl-20{ font-size:1.25rem } .font__size-xl-21{ font-size:1.3125rem } .font__size-xl-22{ font-size:1.375rem } .font__size-xl-23{ font-size:1.4375rem } .font__size-xl-24{ font-size:1.5rem } .font__size-xl-25{ font-size:1.5625rem } .font__size-xl-26{ font-size:1.625rem } .font__size-xl-27{ font-size:1.6875rem } .font__size-xl-28{ font-size:1.75rem } .font__size-xl-29{ font-size:1.8125rem } .font__size-xl-30{ font-size:1.875rem } .font__size-xl-31{ font-size:1.9375rem } .font__size-xl-32{ font-size:2rem } .font__size-xl-33{ font-size:2.0625rem } .font__size-xl-34{ font-size:2.125rem } .font__size-xl-35{ font-size:2.1875rem } .font__size-xl-36{ font-size:2.25rem } .font__size-xl-37{ font-size:2.3125rem } .font__size-xl-38{ font-size:2.375rem } .font__size-xl-39{ font-size:2.4375rem } .font__size-xl-40{ font-size:2.5rem } .font__size-xl-41{ font-size:2.5625rem } .font__size-xl-42{ font-size:2.625rem } .font__size-xl-43{ font-size:2.6875rem } .font__size-xl-44{ font-size:2.75rem } .font__size-xl-45{ font-size:2.8125rem } .font__size-xl-46{ font-size:2.875rem } .font__size-xl-47{ font-size:2.9375rem } .font__size-xl-48{ font-size:3rem } .font__size-xl-49{ font-size:3.0625rem } .font__size-xl-50{ font-size:3.125rem } .font__size-xl-51{ font-size:3.1875rem } .font__size-xl-52{ font-size:3.25rem } .font__size-xl-53{ font-size:3.3125rem } .font__size-xl-54{ font-size:3.375rem } .font__size-xl-55{ font-size:3.4375rem } .font__size-xl-56{ font-size:3.5rem } .font__size-xl-57{ font-size:3.5625rem } .font__size-xl-58{ font-size:3.625rem } .font__size-xl-59{ font-size:3.6875rem } .font__size-xl-60{ font-size:3.75rem } .font__size-xl-61{ font-size:3.8125rem } .font__size-xl-62{ font-size:3.875rem } .font__size-xl-63{ font-size:3.9375rem } .font__size-xl-64{ font-size:4rem } .font__size-xl-65{ font-size:4.0625rem } .font__size-xl-66{ font-size:4.125rem } .font__size-xl-67{ font-size:4.1875rem } .font__size-xl-68{ font-size:4.25rem } .font__size-xl-69{ font-size:4.3125rem } .font__size-xl-70{ font-size:4.375rem } .font__size-xl-71{ font-size:4.4375rem } .font__size-xl-72{ font-size:4.5rem } .font__size-xl-73{ font-size:4.5625rem } .font__size-xl-74{ font-size:4.625rem } .font__size-xl-75{ font-size:4.6875rem } .font__size-xl-76{ font-size:4.75rem } .font__size-xl-77{ font-size:4.8125rem } .font__size-xl-78{ font-size:4.875rem } .font__size-xl-79{ font-size:4.9375rem } .font__size-xl-80{ font-size:5rem } .font__size-xl-81{ font-size:5.0625rem } .font__size-xl-82{ font-size:5.125rem } .font__size-xl-83{ font-size:5.1875rem } .font__size-xl-84{ font-size:5.25rem } .font__size-xl-85{ font-size:5.3125rem } .font__size-xl-86{ font-size:5.375rem } .font__size-xl-96{ font-size:6rem } .font__size-xl-98{ font-size:6.125rem } .font__size-xl-100{ font-size:6.25rem } .font__size-xl-106{ font-size:6.625rem } .font__size-xl-120{ font-size:7.5rem } .font__size-xl-124{ font-size:7.75rem } .font__size-xl-156{ font-size:9.75rem } .font__size-xl-186{ font-size:11.625rem } .font__size-xl-196{ font-size:12.25rem } .font__size-xl-224{ font-size:14rem } } .font-weight-normal{ font-weight:400!important } .font-weight-bold{ font-weight:700 } .font-weight-light{ font-weight:300 } .font-weight-thin{ font-weight:100 } .letter-spacing--100{ letter-spacing:-1px } .letter-spacing-1{ letter-spacing:.01em } .letter-spacing--1{ letter-spacing:-.01em } .letter-spacing-20{ letter-spacing:.02em!important } .letter-spacing--20{ letter-spacing:-.02em } .letter-spacing-40{ letter-spacing:.04em } .letter-spacing--40{ letter-spacing:-.04em } .letter-spacing-60{ letter-spacing:.06em } .letter-spacing-100{ letter-spacing:.1em } .letter-spacing-140{ letter-spacing:.14em } .letter-spacing-200{ letter-spacing:.2em } .letter-spacing-300{ letter-spacing:.3em } .line__height-10{ line-height:.625rem } .line__height-11{ line-height:.6875rem } .line__height-12{ line-height:.75rem } .line__height-13{ line-height:.8125rem } .line__height-14{ line-height:.875rem } .line__height-15{ line-height:.9375rem } .line__height-16{ line-height:1rem } .line__height-17{ line-height:1.0625rem } .line__height-18{ line-height:1.125rem } .line__height-19{ line-height:1.1875rem } .line__height-20{ line-height:1.25rem } .line__height-21{ line-height:1.3125rem } .line__height-22{ line-height:1.375rem } .line__height-23{ line-height:1.4375rem } .line__height-24{ line-height:1.5rem } .line__height-25{ line-height:1.5625rem } .line__height-26{ line-height:1.625rem } .line__height-27{ line-height:1.6875rem } .line__height-28{ line-height:1.75rem } .line__height-29{ line-height:1.8125rem } .line__height-30{ line-height:1.875rem } .line__height-31{ line-height:1.9375rem } .line__height-32{ line-height:2rem } .line__height-33{ line-height:2.0625rem } .line__height-34{ line-height:2.125rem } .line__height-35{ line-height:2.1875rem } .line__height-36{ line-height:2.25rem } .line__height-37{ line-height:2.3125rem } .line__height-38{ line-height:2.375rem } .line__height-39{ line-height:2.4375rem } .line__height-40{ line-height:2.5rem } .line__height-41{ line-height:2.5625rem } .line__height-42{ line-height:2.625rem } .line__height-43{ line-height:2.6875rem } .line__height-44{ line-height:2.75rem } .line__height-45{ line-height:2.8125rem } .line__height-46{ line-height:2.875rem } .line__height-47{ line-height:2.9375rem } .line__height-48{ line-height:3rem } .line__height-49{ line-height:3.0625rem } .line__height-50{ line-height:3.125rem } .line__height-51{ line-height:3.1875rem } .line__height-52{ line-height:3.25rem } .line__height-53{ line-height:3.3125rem } .line__height-54{ line-height:3.375rem } .line__height-55{ line-height:3.4375rem } .line__height-56{ line-height:3.5rem } .line__height-57{ line-height:3.5625rem } .line__height-58{ line-height:3.625rem } .line__height-59{ line-height:3.6875rem } .line__height-60{ line-height:3.75rem } .line__height-61{ line-height:3.8125rem } .line__height-62{ line-height:3.875rem } .line__height-63{ line-height:3.9375rem } .line__height-64{ line-height:4rem } .line__height-65{ line-height:4.0625rem } .line__height-66{ line-height:4.125rem } .line__height-67{ line-height:4.1875rem } .line__height-68{ line-height:4.25rem } .line__height-69{ line-height:4.3125rem } .line__height-70{ line-height:4.375rem } .line__height-78{ line-height:4.875rem } .line__height-84{ line-height:5.25rem } .line__height-88{ line-height:5.5rem } .line__height-96{ line-height:6rem } .line__height-98{ line-height:6.125rem } .line__height-156{ line-height:9.75rem } .line__height-224{ line-height:14rem } .line-height-0-75{ line-height:.75 } .line-height-0-875{ line-height:.875 } .line-height-1{ line-height:1 } .line-height-1-125{ line-height:1.125 } .line-height-1-25{ line-height:1.25 } .line-height-1-375{ line-height:1.375 } .line-height-1-5{ line-height:1.5 } .line-height-1-625{ line-height:1.625 } .line-height-1-75{ line-height:1.75 } .line-height-1-875{ line-height:1.875 } .line-height-2{ line-height:2 } .text-decoration_underline{ text-decoration:underline } .form-control{ position:relative; margin:0; padding:0; background:0 0; box-shadow:none; border:0 } .badge:not(a).badge-primary{ background:linear-gradient(to right,var(--brk-base-2),var(--brk-base-5)); color:#fff; border-radius:50px; padding:0 20px } a.badge .badge-primary{ background:linear-gradient(to top,#337eff,#0fc8ff); color:#fff; vertical-align:middle } .divider-dashed{ width:100%; display:block; margin:30px 0 25px; float:left; position:relative } .divider-dashed:before{ content:''; position:absolute; top:50%; left:0; height:0; width:100%; opacity:.2; border-bottom:1px dashed } .brk-theme-options{ position:fixed; top:0; right:0; width:100%; max-width:380px; transform:translateX(100%); height:100vh; z-index:100; transition:all .3s ease-in-out; border-top:3px solid var(--brand-primary); box-shadow:0 6px 30px 0 rgba(0,0,0,.12) } [dir=rtl] .brk-theme-options{ right:auto; left:0; transform:translateX(-100%) } .brk-theme-options.active{ transform:translateX(0); z-index:999 } .brk-theme-options__panel{ position:absolute; top:165px; left:-52px; background-color:rgba(0,0,0,.2); box-shadow:-5.985px -.419px 30px 0 rgba(0,0,0,.08),inset -2px 0 10px 0 rgba(0,0,0,.04); width:52px; height:auto; z-index:108; padding:0 0 17px; border-radius:13px 0 0 13px } @media (max-width:575px){ .brk-theme-options__panel{ left:-38px; width:38px; border-radius:9px 0 0 9px } } [dir=rtl] .brk-theme-options__panel{ left:auto; right:-52px; border-radius:0 13px 13px 0 } .brk-theme-options__panel-link{ display:block; text-align:center; color:#fff; font-size:1.125rem; padding:10px 0; transition:all .5s ease-in-out } @media (max-width:575px){ .brk-theme-options__panel-link{ padding:8px 0 } } .brk-theme-options__panel-link.panel-open{ color:#fff; border-bottom:1px solid rgba(255,255,255,.2); padding:20px 0 15px; margin-bottom:10px } @media (max-width:575px){ .brk-theme-options__panel-link.panel-open{ padding:16px 0 10px } } .accordion .card-block.all-light h4,.accordion-simple-rainbow .card-header a,.brk-theme-options__panel-link:hover{ color:#fff } .brk-theme-options__panel-link:focus{ color:#fff } .brk-theme-options__control{ overflow-y:auto; overflow-x:hidden; background-color:#fff; position:relative; width:100%; height:100% } .brk-theme-options__header{ line-height:72px } .brk-theme-options__close{ background-color:#f9f9f9; box-shadow:inset 1.782px .908px 10px 0 rgba(0,0,0,.04); position:absolute; top:0; right:0; width:71px; height:72px; z-index:15; cursor:pointer } .brk-theme-options__close:after,.brk-theme-options__close:before{ content:''; position:absolute; top:50%; left:50%; width:14px; height:2px; transform-origin:center center; background-color:var(--brand-primary); transition:width .3s } .brk-theme-options__close:before{ transform:translate(-50%,-50%) rotate(45deg) } .brk-theme-options__close:after{ transform:translate(-50%,-50%) rotate(-45deg) } [dir=rtl] .brk-theme-options__close{ right:auto; left:0 } .brk-theme-options__close:hover:after,.brk-theme-options__close:hover:before{ width:16px } .brk-theme-options .card-block{ padding:30px 30px 40px } .brk-theme-options .row{ margin:-5px } .brk-theme-options .col,.brk-theme-options [class*=col-]{ padding:5px } .brk-theme-options__check{ position:relative; background:gray no-repeat center center; background-size:cover } .brk-theme-options__check_active{ box-shadow:-5.985px -.419px 30px 0 rgba(0,0,0,.12) } .brk-theme-options__check_120,.brk-theme-options__check_60{ height:120px; transition:all .3s ease-in-out } .brk-theme-options__check_120:hover,.brk-theme-options__check_60:hover{ transform:translateY(-7px) scale(1.03); box-shadow:0 6px 15px 0 rgba(50,50,50,.3) } .brk-theme-options__check_60{ height:60px } .brk-theme-options__check_60:hover{ transform:translateY(-5px) scale(1.03) } .brk-theme-options__check_45{ height:45px } .brk-theme-options__check-title{ position:absolute; z-index:3; top:50%; left:10px; transform:translateY(-50%); color:#fff; font-size:.875rem } .brk-theme-options__more{ display:flex; justify-content:center; width:100%; color:var(--brand-primary); padding:19px 0 } .brk-theme-options__more .brk-options-more{ cursor:pointer; text-transform:uppercase; font-size:.875rem; line-height:25px; border-bottom:1px dashed var(--brand-primary) } .brk-theme-options__more .brk-options-more i{ margin-right:8px; margin-top:-1px } .brk-theme-options__before{ position:absolute; top:-1px; right:0; bottom:-1px; left:0; border:3px solid #fff; background-color:rgba(var(--brand-primary-rgb),.9); display:none; z-index:1 } .brk-theme-options__check_active .brk-theme-options__before{ display:block } .brk-theme-options__before i,.brk-theme-options__color-radio i{ position:absolute; vertical-align:0; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:.8125rem } .brk-theme-options__check_title-on .brk-theme-options__before i{ left:auto; right:10px; transform:translateY(-50%) } .brk-theme-options__color{ padding:10px 0 } .brk-theme-options__color-row{ display:flex; flex-wrap:wrap; margin:0 -5px } .brk-theme-options__color-radio{ position:relative; width:32px; height:32px; box-shadow:inset 0 0 0 1px #ececec; cursor:pointer; border-radius:5px; overflow:hidden; margin:6px 5px; --oc: #8d8d8d } .brk-theme-options__color-radio:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(60deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 100%); z-index:9 } .brk-theme-options__color-radio span{ position:absolute; display:block; top:3px; right:3px; bottom:3px; left:3px; transition:all .3s ease-in-out; background-color:var(--oc) } .brk-theme-options__color-radio i{ display:none; font-size:.875rem } .brk-theme-options__color-radio.checked span,.brk-theme-options__color-radio:hover span{ top:0; right:0; bottom:0; left:0 } .brk-theme-options__color-radio.checked i{ display:block } .brk-theme-options .accordion-slider-min .card-toggle-icon .after,.brk-theme-options .accordion-slider-min .card-toggle-icon .before{ transform:translate(-50%,-50%) rotate(0)!important } .brk-theme-options .accordion-slider-min .card-header{ height:60px } .brk-theme-options .accordion-slider-min .card-header h5{ font-size:1.0625rem!important; line-height:17px!important } .brk-theme-options .accordion-slider-min .card-header:not(.collapsed) .before{ transform:translate(-50%,-50%) rotate(90deg)!important } .brk-theme-options .accordion-slider-min .card-header:not(.collapsed) .after{ transform:translate(-50%,-50%) rotate(180deg)!important } .brk-theme-options .accordion .card-header{ min-height:60px } .accordion [class*=-slider]{ opacity:1; transition:opacity 1s ease-in-out .3s } .accordion .slider-hidden{ position:absolute; opacity:0 } .accordion .card{ color:#9f9f9f; overflow:visible } .accordion .card+.card{ margin-top:-1px } .accordion .card-header{ min-height:76px; padding:29px 85px 29px 40px; position:relative } [dir=rtl] .accordion .card-header{ padding:29px 40px 29px 85px } .accordion .card-header-sm{ min-height:60px; padding:22px 30px 22px 22px } [dir=rtl] .accordion .card-header-sm{ padding:22px 22px 22px 30px } .accordion .card .card-header,div.wpcf7 .wpcf7-recaptcha iframe{ margin-bottom:0 } .accordion .card-toggle-icon{ position:absolute; right:-1px; top:-1px; bottom:-1px; width:76px } [dir=rtl] .accordion .card-toggle-icon{ right:auto; left:-1px } .accordion .card-block.all-light p{ color:rgba(255,255,255,.6) } .accordion .arrow{ width:9px; height:9px; display:block; transform:translate(-50%,-50%) rotate(45deg); border-right:2px solid var(--brand-primary); border-bottom:2px solid var(--brand-primary); transition:transform ease-in-out .25s; position:absolute; top:50%; left:50% } .accordion .expanded .arrow{ transform:translate(-50%,-50%) rotate(-135deg) } .accordion-rounded{ border-radius:20px } .brk-bordered-theme .accordion-rounded{ border-radius:var(--b-radius) } .brk-bordered-theme .accordion-rounded .card:first-child,.brk-bordered-theme .accordion-rounded .card:first-child .card-header{ border-top-left-radius:var(--b-radius); border-top-right-radius:var(--b-radius) } .accordion-rounded .card:first-child,.accordion-rounded .card:first-child .card-header{ border-top-left-radius:20px; border-top-right-radius:20px } .brk-bordered-theme .accordion-rounded .card:last-child,.brk-bordered-theme .accordion-rounded .card:last-child .card-block{ border-bottom-left-radius:var(--b-radius); border-bottom-right-radius:var(--b-radius) } .accordion-rounded .card:last-child,.accordion-rounded .card:last-child .card-block{ border-bottom-left-radius:20px; border-bottom-right-radius:20px } @media (min-width:992px){ .accordion-slider .slider-wrapper{ padding:0 1px 0 38px } .accordion-slider .slick-list{ padding:0 130px!important } } .accordion-slider .card{ border:0; border-radius:0 } .accordion-slider .card.expanded .card-header{ border-color:transparent; box-shadow:0 5px 14px rgba(0,0,0,.1) } .accordion-slider .card.expanded .card-header .card-dash{ width:3px; opacity:1 } .accordion-slider .card-toggle-icon{ box-shadow:2px 0 5px 0 rgba(0,0,0,.05) inset; background:#fafafa } .accordion-slider .card-toggle-icon .after,.accordion-slider .card-toggle-icon .before{ content:''; background-color:var(--brand-primary); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(0); transition:transform ease-in-out .2s } .accordion-slider .card-toggle-icon .after{ width:13px; height:2px } .accordion-slider .card-toggle-icon .before{ height:13px; width:2px } .accordion-slider .card-toggle-icon:not(.collapsed) .before{ transform:translate(-50%,-50%) rotate(90deg) } .accordion-slider .card-toggle-icon:not(.collapsed) .after{ transform:translate(-50%,-50%) rotate(180deg) } .accordion-slider .card-title i,.accordion-slider .card-toggle-icon-title i{ font-weight:300; font-size:16px } .accordion-slider .card-header{ background:0 0; border-radius:0; border:1px solid #e9e9e9; transition:all ease-in-out .3s; box-shadow:0 0 15px 0 transparent,0 0 5px 0 transparent } .accordion-slider .card-header .card-dash{ position:absolute; width:0; opacity:0; left:-1px; top:-1px; bottom:-1px; transition:all ease-in-out .3s } [dir=rtl] .accordion-slider .card-header .card-dash{ left:auto; right:-1px } .accordion-slider .card-header h5{ position:relative; padding-left:35px } [dir=rtl] .accordion-slider .card-header h5{ padding-left:0; padding-right:35px; text-align:right } .accordion-image .card-header h5 i,.accordion-slider .card-header h5 i,.accordion-slider-min .card-header h5 i{ position:absolute; top:50%; left:0; transform:translate(0,-50%); margin-top:-1px } .accordion-slider .card-block{ padding:53px 40px 40px; border:1px solid #e9e9e9; border-top:none } @media (max-width:575px){ .accordion-slider .card-block{ padding:20px 15px 15px } } .brk-bordered-theme .accordion-simple .card:first-of-type .card-header,.brk-bordered-theme .accordion-slider .card.card:first-of-type .card-header{ border-top-left-radius:var(--b-radius); border-top-right-radius:var(--b-radius); overflow:hidden } .brk-bordered-theme .accordion-simple .card:last-of-type .card-header,.brk-bordered-theme .accordion-slider .card.card:last-of-type .card-header{ border-bottom-left-radius:var(--b-radius); border-bottom-right-radius:var(--b-radius); overflow:hidden } .brk-bordered-theme .accordion-slider .card.card.expanded:last-of-type .card-header{ border-bottom-left-radius:0; border-bottom-right-radius:0 } .brk-bordered-theme .accordion-slider .card.card.expanded:last-of-type .card-block{ border-bottom-left-radius:var(--b-radius); border-bottom-right-radius:var(--b-radius) } .accordion-image{ box-shadow:0 5px 20px 0 rgba(0,0,0,.15) } .accordion-image .card{ border:0; border-radius:0; margin:0!important; box-shadow:none } .accordion-image .card:last-child .card-header{ border-bottom:none } .accordion-image .card-header{ background:0 0; border-radius:0; border:0; transition:all ease-in-out .3s; box-shadow:none; border-bottom:1px solid #e9e9e9 } .accordion-image .card-header h5{ position:relative; padding-left:28px } [dir=rtl] .accordion-image .card-header h5{ padding-left:0; padding-right:28px; text-align:right } .accordion-image .card-title i{ font-weight:300; font-size:18px } .accordion-image .card-block{ padding:40px; border-top:none; box-shadow:0 5px 10px 0 rgba(0,0,0,.08); position:relative; z-index:2; overflow:hidden } .accordion-image .card-block img{ width:100%; height:auto } .accordion-image .card-block .highlight-underline{ font-size:28px; font-weight:500; padding:15px 0 8px 31px } .accordion-image .card-block .highlight-underline>.before{ width:2px; top:7px; bottom:4px } .accordion-simple .arrow{ width:7px; height:7px; border-right:1px solid #000; border-bottom:1px solid #000 } .accordion-simple .card-dash{ position:absolute; bottom:-1px; height:2px; right:-1px; left:-1px; opacity:0; transition:opacity ease-in-out .25s } .accordion-simple .expanded .card-dash{ opacity:1 } .accordion-simple .card{ border:0; border-radius:0 } .accordion-simple .card-block{ padding:30px 0 } .accordion-simple .card-toggle-icon{ width:40px } .accordion-simple .card-title i{ margin-right:10px; font-size:16px } .accordion-simple-image .expanded .card-header{ border-top-color:transparent } .accordion-simple-image .card+.card{ margin-top:0 } .accordion-simple-bg .card+.card.expanded .card-header,.accordion-simple-image .card+.card.expanded .card-header{ border-top:1px solid #e9e9e9 } .accordion-simple-image .card-header{ border:0; border-top:1px solid #e9e9e9; background:0 0; position:relative; border-radius:0; transition:border-top-color ease-in-out .25s; padding:20px 10px } .accordion-simple-bg .expanded .card-header{ border-color:transparent; box-shadow:0 4px 14px 0 rgba(0,0,0,.1) } .accordion-simple-bg .card-toggle-icon{ width:50px } .accordion-simple-bg .card+.card{ margin-top:-1px } .accordion-simple-bg .card-header{ border-radius:0; box-shadow:none; background:#fff; border:1px solid #e9e9e9; transition:border-color ease-in-out .25s } .accordion-simple-rainbow p{ letter-spacing:.5px } .accordion-simple-rainbow .arrow{ border-right:1px solid #fff; border-bottom:1px solid #fff } .accordion-simple-rainbow .expanded .card-header{ border-color:transparent; box-shadow:0 4px 14px 0 rgba(0,0,0,.1) } .accordion-simple-rainbow .progress__count+.progress__count{ margin-top:36px } .accordion-simple-rainbow .card-toggle-icon{ width:55px } .accordion-simple-rainbow .card-block{ padding:30px 0 45px } .accordion-simple-rainbow .card+.card{ margin-top:-1px } .accordion-simple-rainbow .card-header{ border-radius:0; box-shadow:none; background:#fff; border:0; transition:border-color ease-in-out .25s } .accordion-simple-scale p{ letter-spacing:.4px } .accordion-simple-scale .arrow{ border-right:1px solid #000; border-bottom:1px solid #000; position:absolute; left:10px } [dir=rtl] .accordion-simple-scale .arrow{ left:auto; right:10px } .accordion-simple-scale .expanded .card-header{ box-shadow:0 0 14px 0 rgba(0,0,0,.1); border:0; background:#fff } .accordion-simple-scale .collapse,.accordion-simple-scale .collapsing{ box-shadow:0 0 14px 0 rgba(0,0,0,.1); margin:0 -20px; z-index:20 } .brk-bordered-theme .accordion-simple-scale .card .collapse{ border-radius:var(--b-radius); overflow:hidden } .accordion-simple-scale .card-block{ z-index:10; position:relative; background:#fff; padding:30px 35px 25px } .accordion-simple-scale .card-toggle-icon{ width:60px; font-size:16px; font-weight:300 } .accordion-simple-scale .card-header{ border:1px solid #e9e9e9; border-radius:0; background:#fff; transition:all ease-in-out .25s } .accordion-simple-scale .card-header i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } .accordion-simple h5 a{ color:#272727!important; text-decoration:none!important } .accordion-slider-min .slider-wrapper{ padding:0 1px 0 38px } .accordion-slider-min .slick-list{ padding:0 130px!important } .accordion-slider-min .card{ border:0; border-radius:0 } .accordion-slider-min .card-toggle-icon{ width:72px } .accordion-slider-min .card-toggle-icon .after,.accordion-slider-min .card-toggle-icon .before{ content:''; background:var(--brand-primary); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(0); transition:transform ease-in-out .2s } .accordion-slider-min .card-toggle-icon .after{ width:13px; height:2px } .accordion-slider-min .card-toggle-icon .before{ height:13px; width:2px } .accordion-slider-min .card-toggle-icon:not(.collapsed) .before{ transform:translate(-50%,-50%) rotate(90deg) } .accordion-slider-min .card-toggle-icon:not(.collapsed) .after{ transform:translate(-50%,-50%) rotate(180deg) } .accordion-slider-min .card-header{ background:0 0; border-radius:0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:0 65px 0 30px; display:flex; align-items:center; height:65px } .accordion-slider-min .card-block{ padding:30px 30px 40px } .accordion-slider-min .card-header h5,.brk-tabs .brk-tabs-content{ position:relative } .brk-tabs .brk-tab-item{ display:none } .brk-tabs-simple-top .brk-tabs-nav{ display:flex; flex-wrap:wrap; position:relative; border-bottom:3px solid var(--text-base-color-3) } @media (max-width:575px){ .brk-tabs-simple-top .brk-tabs-nav{ border-bottom:transparent } } .brk-tabs-simple-top .magic-line{ position:absolute; bottom:-3px; left:0; height:3px; z-index:9; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } @media (max-width:767px){ .brk-tabs-simple-top .magic-line{ display:none!important } } .brk-tabs-simple-top .brk-tab{ position:relative; height:70px; line-height:70px; padding:0 32px; cursor:pointer; font-size:.9375rem; text-transform:uppercase; color:var(--brand-primary) } @media (max-width:991px){ .brk-tabs-simple-top .brk-tab{ height:50px; line-height:50px; padding:0 22px; font-size:.8125rem } } @media (max-width:767px){ .brk-tabs-simple-top .brk-tab:before{ content:''; position:absolute; left:50%; bottom:-3px; transform:translateX(-50%); width:0; height:3px; transition:all .3s ease-in-out; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } } @media (max-width:575px){ .brk-tabs-simple-top .brk-tab{ height:auto; line-height:38px; padding:5px 22px; font-size:.8125rem; width:100%; flex-basis:100%; border-bottom:3px solid var(--text-base-color-3) } } .brk-tabs-simple-top .brk-tab span{ margin-left:12px } .brk-tabs-side-left .brk-tab i,.brk-tabs-simple-bottom .brk-tab i,.brk-tabs-simple-top .brk-tab i{ vertical-align:0; font-weight:400 } .brk-tabs-simple-top .brk-tabs-content{ padding:45px 0 0 } .brk-tabs-simple-top .brk-tab-item{ text-align:left } .brk-tabs-simple-top .brk-tab-item span{ display:inline-block } .brk-tabs-simple-bottom .brk-tab-item.active,.brk-tabs-simple-top .brk-tab-item.active{ display:block } .brk-tabs-simple-bottom{ position:relative; padding-bottom:70px; display:flex; flex-direction:column } .brk-tabs-simple-bottom .brk-tabs-nav{ width:100%; display:flex; flex-wrap:wrap; order:2; position:relative; border-top:3px solid var(--text-base-color-3) } @media (max-width:575px){ .brk-tabs-simple-bottom .brk-tabs-nav{ border-top:transparent } } .brk-tabs-simple-bottom .magic-line{ position:absolute; top:-3px; left:0; height:3px; z-index:9; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } @media (max-width:767px){ .brk-tabs-simple-bottom .magic-line{ display:none!important } } .brk-tabs-simple-bottom .brk-tab{ position:relative; height:70px; line-height:70px; padding:0 32px; cursor:pointer; font-size:.9375rem; text-transform:uppercase; color:var(--brand-primary) } @media (max-width:991px){ .brk-tabs-simple-bottom .brk-tab{ height:50px; line-height:50px; padding:0 22px; font-size:.8125rem } } @media (max-width:767px){ .brk-tabs-simple-bottom .brk-tab:before{ content:''; position:absolute; left:50%; top:-3px; transform:translateX(-50%); width:0; height:3px; transition:all .3s ease-in-out; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } } @media (max-width:575px){ .brk-tabs-simple-bottom .brk-tab{ height:auto; line-height:38px; padding:5px 22px; font-size:.8125rem; width:100%; flex-basis:100%; border-top:3px solid var(--text-base-color-3) } } .brk-tabs-simple-bottom .brk-tab span{ margin-left:12px } .brk-tabs-simple-bottom .brk-tabs-content{ padding:0 0 20px; order:1 } .brk-tabs-simple-bottom .brk-tab-item{ text-align:left } .brk-tabs-side-left .brk-tab-item span,.brk-tabs-side-right .brk-tab-item span,.brk-tabs-simple-bottom .brk-tab-item span{ display:inline-block } .brk-tabs-icon-left,.brk-tabs-icon-right,.brk-tabs-side-left,.brk-tabs-side-right{ position:relative; display:flex; flex-wrap:wrap; justify-content:space-between } .brk-tabs-side-left .brk-tabs-nav{ flex-basis:270px; width:270px } @media (max-width:991px){ .brk-tabs-side-left .brk-tabs-nav{ flex-basis:52px; width:52px } } .brk-tabs-side-left .brk-tab{ position:relative; height:52px; line-height:52px; padding:0 10px 0 23px; cursor:pointer; font-size:.9375rem; text-transform:uppercase; text-align:left; transition:all .3s ease-in-out; color:var(--brand-primary) } @media (max-width:991px){ .brk-tabs-side-left .brk-tab{ padding:0; width:100% } } .brk-tabs-side-left .brk-tab .after{ content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:3px; height:0; transition:all .3s ease-in-out; background-image:linear-gradient(to bottom,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } .brk-tabs-side-left .brk-tab.active,.brk-tabs-side-left .brk-tab:hover{ background-color:var(--text-base-color-3) } .brk-tabs-side-left .brk-tab.active .after,.brk-tabs-side-left .brk-tab:hover .after,.brk-tabs-side-right .brk-tab.active .after,.brk-tabs-side-right .brk-tab:hover .after{ height:100% } .brk-tabs-side-left .brk-tab span:not(.after){ margin-left:12px } @media (max-width:991px){ .brk-tabs-side-left .brk-tab span:not(.after){ display:none } } @media (max-width:991px){ .brk-tabs-side-left .brk-tab i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } } .brk-tabs-side-left .brk-tabs-content{ flex-basis:calc(100% - 300px); width:calc(100% - 300px) } @media (max-width:991px){ .brk-tabs-side-left .brk-tabs-content{ flex-basis:calc(100% - 72px); width:calc(100% - 72px) } } .brk-tabs-side-left .brk-tab-item.active{ display:block } .brk-tabs-side-right .brk-tabs-nav{ flex-basis:270px; width:270px; order:2 } @media (max-width:991px){ .brk-tabs-side-right .brk-tabs-nav{ flex-basis:52px; width:52px } } .brk-tabs-side-right .brk-tab{ position:relative; height:52px; line-height:52px; padding:0 23px 0 10px; cursor:pointer; font-size:.9375rem; text-transform:uppercase; text-align:right; transition:all .3s ease-in-out; color:var(--brand-primary) } @media (max-width:991px){ .brk-tabs-side-right .brk-tab{ padding:0; width:100% } } .brk-tabs-side-right .brk-tab .after{ content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:3px; height:0; transition:all .3s ease-in-out; background-image:linear-gradient(to bottom,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } .brk-tabs-side-right .brk-tab.active,.brk-tabs-side-right .brk-tab:hover{ background-color:var(--text-base-color-3) } .brk-tabs-side-right .brk-tab span:not(.after){ margin-right:12px } @media (max-width:991px){ .brk-tabs-side-right .brk-tab span:not(.after){ display:none } } .brk-tabs-side-right .brk-tab i{ vertical-align:0; font-weight:400 } @media (max-width:991px){ .brk-tabs-side-right .brk-tab i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } } .brk-tabs-side-right .brk-tabs-content{ flex-basis:calc(100% - 300px); width:calc(100% - 300px); order:1 } @media (max-width:991px){ .brk-tabs-side-right .brk-tabs-content{ flex-basis:calc(100% - 72px); width:calc(100% - 72px) } } .brk-tabs-side-right .brk-tab-item.active{ display:block } .brk-tabs-icon-left .brk-tabs-nav{ flex-basis:60px; width:60px; background-color:var(--text-base-color-3) } .brk-tabs-icon-left .brk-tab{ position:relative; height:60px; line-height:60px; padding:0; cursor:pointer; font-size:1.125rem; text-transform:uppercase; text-align:center; transition:all .3s ease-in-out; color:var(--brand-primary) } .brk-tabs-icon-left .brk-tab span,.brk-tabs-icon-left .brk-tab.active,.brk-tabs-icon-left .brk-tab:hover{ background-color:var(--brand-primary) } .brk-tabs-icon-left .brk-tab.active i,.brk-tabs-icon-left .brk-tab:hover i,.brk-tabs-icon-right .brk-tab.active i,.brk-tabs-icon-right .brk-tab:hover i{ color:var(--white) } .brk-tabs-icon-left .brk-tab:hover span,.brk-tabs-icon-right .brk-tab:hover span{ transform:translate(0,-50%); opacity:1; visibility:visible } .brk-tabs-icon-left .brk-tab span{ position:absolute; left:82px; right:auto; top:50%; font-size:.9375rem; line-height:42px; display:block; padding:0 25px; height:42px; white-space:nowrap; transform:translate(-82px,-50%); transition:all .3s ease-in-out; opacity:0; visibility:hidden; z-index:9; color:var(--white) } @media (min-width:1400px){ .brk-tabs-icon-left .brk-tab span{ right:82px; left:auto; transform:translate(82px,-50%) } } .brk-tabs-icon-left .brk-tab span:before{ content:''; position:absolute; top:50%; left:-8px; right:auto; transform:translateY(-50%); width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid var(--brand-primary) } @media (min-width:1400px){ .brk-tabs-icon-left .brk-tab span:before{ right:-8px; left:auto; border-right:none!important; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid var(--brand-primary) } } .brk-tabs-bottom-bottom .brk-tab i,.brk-tabs-bottom-top .brk-tab i,.brk-tabs-icon-left .brk-tab i,.brk-tabs-icon-right .brk-tab i,.brk-tabs-parallax .brk-tab i,.brk-tabs-simple .brk-tab i,.brk-tabs-smooth .brk-tab i{ vertical-align:0; font-weight:400 } .brk-tabs-icon-left .brk-tabs-content{ flex-basis:calc(100% - 90px); width:calc(100% - 90px) } .brk-tabs-icon-left .brk-tab-item{ text-align:left } .brk-tabs-icon-left .brk-tab-item span{ display:inline-block } .brk-tabs-icon-left .brk-tab-item.active{ display:block } .brk-tabs-icon-right .brk-tabs-nav{ flex-basis:60px; width:60px; order:2; background-color:var(--text-base-color-3) } .brk-tabs-icon-right .brk-tab{ position:relative; height:60px; line-height:60px; padding:0; cursor:pointer; font-size:1.125rem; text-transform:uppercase; text-align:center; transition:all .3s ease-in-out; color:var(--brand-primary) } .brk-tabs-icon-right .brk-tab span,.brk-tabs-icon-right .brk-tab.active,.brk-tabs-icon-right .brk-tab:hover{ background-color:var(--brand-primary) } .brk-tabs-icon-right .brk-tab span{ position:absolute; left:auto; right:82px; top:50%; font-size:.9375rem; line-height:42px; display:block; padding:0 25px; height:42px; white-space:nowrap; transform:translate(82px,-50%); transition:all .3s ease-in-out; opacity:0; visibility:hidden; color:var(--white) } @media (min-width:1400px){ .brk-tabs-icon-right .brk-tab span{ right:auto; left:82px; transform:translate(-82px,-50%) } } .brk-tabs-icon-right .brk-tab span:before{ content:''; position:absolute; top:50%; left:auto; right:-8px; transform:translateY(-50%); width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid var(--brand-primary) } @media (min-width:1400px){ .brk-tabs-icon-right .brk-tab span:before{ right:auto; left:-8px; border-left:none!important; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid var(--brand-primary) } } .brk-tabs-icon-right .brk-tabs-content{ flex-basis:calc(100% - 90px); width:calc(100% - 90px); order:1 } .brk-tabs-icon-right .brk-tab-item{ text-align:left } .brk-tabs-icon-right .brk-tab-item span{ display:inline-block } .brk-tabs-icon-right .brk-tab-item.active{ display:block } .brk-tabs-bottom-top{ background-color:var(--white) } .brk-tabs-bottom-top .brk-tabs-nav{ display:flex; flex-wrap:wrap; position:relative } .brk-tabs-bottom-top .magic-line{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } @media (max-width:991px){ .brk-tabs-bottom-top .magic-line{ display:none } } .brk-tabs-bottom-top .brk-tab{ position:relative; height:70px; line-height:70px; padding:0 15px; text-align:center; flex-grow:1; cursor:pointer; font-size:1rem; text-transform:uppercase; color:var(--brand-primary); border:1px solid #f1f1f1; border-left-color:transparent; z-index:2; transition:all .2s ease-in-out } @media (max-width:991px){ .brk-tabs-bottom-top .brk-tab{ height:50px; line-height:50px; padding:0 22px; font-size:.8125rem } .brk-tabs-bottom-top .brk-tab:before{ content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:0; height:0; transition:all .3s ease-in-out; z-index:-1; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } } @media (max-width:767px){ .brk-tabs-bottom-top .brk-tab{ border-left-color:#f1f1f1!important } } @media (max-width:575px){ .brk-tabs-bottom-top .brk-tab{ height:38px; line-height:38px; padding:0 22px; font-size:.8125rem; width:100%; flex-basis:100%; border-top-color:transparent } } .brk-tabs-bottom-top .brk-tab:first-child{ border-left:1px solid #f1f1f1 } @media (max-width:575px){ .brk-tabs-bottom-top .brk-tab:first-child{ border-top-color:#f1f1f1!important } } .brk-tabs-bottom-top .brk-tab.active,.brk-tabs-bottom-top .brk-tab:hover{ color:var(--white) } .brk-tabs-bottom-bottom .brk-tab.active:before,.brk-tabs-bottom-bottom .brk-tab:hover:before,.brk-tabs-bottom-top .brk-tab.active:before,.brk-tabs-bottom-top .brk-tab:hover:before,.brk-testimonials-dash-two__dots-img img{ width:100%; height:100% } @media (min-width:992px){ .brk-tabs-bottom-top .brk-tab.no-hover{ color:var(--brand-primary) } } .brk-tabs-bottom-bottom .brk-tab span,.brk-tabs-bottom-top .brk-tab span,.brk-tabs-parallax .brk-tab span{ margin-left:12px } .brk-tabs-bottom-top .brk-tabs-content{ padding:70px; border:1px solid #f1f1f1; border-top:transparent } @media (max-width:991px){ .brk-tabs-bottom-top .brk-tabs-content{ padding:30px 20px } } .brk-tabs-bottom-top .brk-tab-item{ text-align:left } .brk-tabs-bottom-top .brk-tab-item.active{ display:block } .brk-tabs-bottom-bottom{ background-color:var(--white); position:relative; padding-bottom:70px; display:flex; flex-direction:column } .brk-tabs-bottom-bottom .brk-tabs-nav{ display:flex; flex-wrap:wrap; width:100%; position:relative; order:2 } .brk-tabs-bottom-bottom .magic-line{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } @media (max-width:991px){ .brk-tabs-bottom-bottom .magic-line{ display:none } } .brk-tabs-bottom-bottom .brk-tab{ position:relative; height:70px; line-height:70px; padding:0 15px; text-align:center; flex-grow:1; cursor:pointer; font-size:1rem; text-transform:uppercase; z-index:3; transition:all .2s ease-in-out; color:var(--brand-primary); border:1px solid #f1f1f1; border-left-color:transparent } @media (max-width:991px){ .brk-tabs-bottom-bottom .brk-tab{ height:50px; line-height:50px; padding:0 22px; font-size:.8125rem } .brk-tabs-bottom-bottom .brk-tab:before{ content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:0; height:0; transition:all .3s ease-in-out; z-index:-1; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } } @media (max-width:767px){ .brk-tabs-bottom-bottom .brk-tab{ border-left-color:#f1f1f1!important } } @media (max-width:575px){ .brk-tabs-bottom-bottom .brk-tab{ height:38px; line-height:38px; padding:0 22px; font-size:.8125rem; width:100%; flex-basis:100%; border-top-color:transparent } } .brk-tabs-bottom-bottom .brk-tab:first-child{ border-left:1px solid #f1f1f1 } @media (max-width:575px){ .brk-tabs-bottom-bottom .brk-tab:first-child{ border-top-color:#f1f1f1!important } } .brk-tabs-bottom-bottom .brk-tab.active,.brk-tabs-bottom-bottom .brk-tab:hover{ color:var(--white) } @media (min-width:992px){ .brk-tabs-bottom-bottom .brk-tab.no-hover{ color:var(--brand-primary) } } .brk-tabs-bottom-bottom .brk-tabs-content{ padding:70px; order:1; border:1px solid #f1f1f1; border-bottom:transparent } @media (max-width:991px){ .brk-tabs-bottom-bottom .brk-tabs-content{ padding:30px 20px } } .brk-tabs-bottom-bottom .brk-tab-item{ text-align:left } .brk-tabs-bottom-bottom .brk-tab-item.active{ display:block } .brk-tabs-parallax,.brk-tabs-smooth{ position:relative; box-shadow:0 6px 30px rgba(0,0,0,.12) } .brk-tabs-parallax{ display:flex; flex-direction:column } .brk-tabs-parallax .brk-tabs-nav{ display:flex; flex-wrap:wrap; position:relative; width:100%; z-index:2; order:2 } .brk-tabs-parallax .magic-line{ position:absolute; bottom:0; left:0; height:3px; z-index:9; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } @media (max-width:991px){ .brk-tabs-parallax .magic-line{ display:none } } .brk-tabs-parallax .brk-tab{ position:relative; height:70px; line-height:70px; padding:0 15px; text-align:center; flex-grow:1; display:block; cursor:pointer; font-size:.9375rem; text-transform:uppercase; box-shadow:0 -10px 14px rgba(0,0,0,.06); color:var(--brand-primary); background-color:var(--white) } .brk-tabs-parallax .brk-tab_dark{ color:var(--brk-base-3) } @media (max-width:991px){ .brk-tabs-parallax .brk-tab{ height:50px; line-height:50px; padding:0 22px; font-size:.8125rem } .brk-tabs-parallax .brk-tab:before{ content:''; position:absolute; bottom:0; left:0; right:0; height:0; z-index:9; transition:all .3s ease-in-out; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } } @media (max-width:575px){ .brk-tabs-parallax .brk-tab{ height:38px; line-height:38px; padding:0 22px; font-size:.8125rem; width:100%; flex-basis:100% } } .brk-tabs-parallax .brk-tab.active:before,.brk-tabs-parallax .brk-tab:hover:before{ height:3px } .brk-tabs-parallax .brk-tabs-content{ position:relative; z-index:1; order:1 } .brk-tabs-parallax .brk-tab-item{ text-align:left; padding:70px; position:relative } @media (max-width:991px){ .brk-tabs-parallax .brk-tab-item{ padding:30px 20px } } .brk-tabs-parallax .brk-tab-item .layer-fix{ position:absolute; right:70px; bottom:-40px } @media (max-width:991px){ .brk-tabs-parallax .brk-tab-item .layer-fix{ display:none } } .brk-tabs-parallax .brk-tab-item span{ display:inline-block } .brk-tabs-parallax .brk-tab-item.active,.brk-tabs-smooth .brk-tab span{ display:block } .brk-tabs-smooth{ border-radius:26px; overflow:hidden; background-color:var(--white) } .brk-tabs-smooth .brk-tabs-nav{ display:flex; flex-wrap:wrap; justify-content:center; position:relative; background:no-repeat center center; background-size:cover; box-shadow:0 5px 10px rgba(0,0,0,.08); border-bottom:3px solid var(--brk-secondary-3) } @media (max-width:991px){ .brk-tabs-smooth .brk-tabs-nav{ padding:10px 0 } } .brk-tabs-smooth .brk-tabs-nav:before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; background-image:linear-gradient(to right,rgba(var(--brk-base-3-rgb),.92),rgba(var(--brk-secondary-3-rgb),.92)) } .brk-tabs-smooth .brk-tab{ position:relative; height:100px; line-height:100px; padding:0 20px; cursor:pointer; font-size:1.125rem; font-weight:300; text-transform:uppercase; z-index:2; transition:all .3s ease-in-out; color:rgba(var(--white-rgb),.4) } @media (max-width:991px){ .brk-tabs-smooth .brk-tab{ height:40px; line-height:40px; padding:0 8px; font-size:.875rem } } .brk-tabs-smooth .brk-tab:after{ content:''; position:absolute; left:50%; transform:translateX(-50%); width:0; height:0; bottom:-9px; opacity:0; border-right:6px solid transparent; border-left:6px solid transparent; border-top:6px solid var(--brk-secondary-4); transition:all .3s ease-in-out } @media (max-width:991px){ .brk-tabs-smooth .brk-tab:after{ display:none } } .brk-tabs-smooth .brk-tab.active,.brk-tabs-smooth .brk-tab:hover{ color:var(--white) } .brk-tabs-smooth .brk-tab.active:after,.brk-tabs-smooth .brk-tab:hover:after{ opacity:1 } .brk-tabs-smooth .brk-tabs-content{ padding:40px } @media (max-width:991px){ .brk-tabs-smooth .brk-tabs-content{ padding:20px } } .brk-tabs-smooth .brk-tab-item{ text-align:left } .brk-tabs-smooth .brk-tab-item span{ display:inline-block } .brk-tabs-smooth .brk-tab-item.active{ display:block } .brk-tabs-hovers,.brk-tabs-simple .brk-tabs-nav{ display:flex; flex-wrap:wrap } .brk-tabs-simple .brk-tab{ position:relative; width:auto; text-align:center; min-width:200px; height:68px; line-height:68px; padding:0 15px; cursor:pointer; font-size:1rem; font-weight:600; box-shadow:0 -10px 14px rgba(0,0,0,.06); transition:all .3s ease-in-out; margin-top:8px; color:var(--brand-primary); background-color:#fdfdfd } @media (max-width:991px){ .brk-tabs-simple .brk-tab{ min-width:1px; height:58px; line-height:58px; font-size:.8125rem; font-weight:500; margin-top:0; z-index:10 } } .brk-tabs-simple .brk-tab:after{ content:''; position:absolute; top:0; left:50%; width:0; height:3px; transform:translateX(-50%); transition:all .3s ease-in-out; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94)) } .brk-tabs-simple .brk-tab.active,.brk-tabs-simple .brk-tab:hover{ height:76px; margin-top:0; padding-top:8px; z-index:9; background-color:var(--white) } @media (max-width:991px){ .brk-tabs-simple .brk-tab.active,.brk-tabs-simple .brk-tab:hover{ height:58px; padding-top:0 } } .brk-tabs-simple .brk-tab.active:after,.brk-tabs-simple .brk-tab:hover:after{ width:100% } .brk-tabs-simple .brk-tab span{ margin-left:12px } .brk-tabs-simple .brk-tabs-content{ padding:40px; box-shadow:0 6px 30px rgba(0,0,0,.12); background-color:var(--white) } @media (max-width:991px){ .brk-tabs-simple .brk-tabs-content{ padding:20px } } .brk-tabs-simple .brk-tab-item{ text-align:left } .brk-tabs-simple .brk-tab-item span{ display:inline-block } .brk-tabs-simple .brk-tab-item.active{ display:block } .brk-tabs-hovers{ position:relative; justify-content:space-between } .brk-tabs-hovers_style-1 .brk-tabs-nav{ background-color:#f9fbff; box-shadow:inset -2px 0 10px rgba(0,0,0,.06),inset 0 0 5px rgba(0,0,0,.01); padding-top:26px } .brk-tabs-hovers_style-1 .brk-tab{ font-size:.875rem; line-height:48px; text-transform:uppercase; padding-left:29px; position:relative; z-index:1 } [dir=rtl] .brk-tabs-hovers_style-1 .brk-tab{ padding-left:0; padding-right:29px } .brk-tabs-hovers_style-1 .brk-tab:before{ content:''; position:absolute; top:0; bottom:0; left:-5px; right:-5px; opacity:0; z-index:-1; background-color:#f3f7ff; box-shadow:0 2px 5px rgba(0,0,0,.16); transition:all .3s ease-in-out } .brk-tabs-hovers_style-1 .brk-tab i{ vertical-align:0; position:relative; top:-1px; margin-right:22px; color:#c1c1c1 } [dir=rtl] .brk-tabs-hovers_style-1 .brk-tab i{ margin-right:0; margin-left:22px } .brk-tabs-hovers_style-1 .brk-tab.current:before,.brk-tabs-hovers_style-1 .brk-tab:hover:before{ opacity:1 } .brk-tabs-hovers_style-1 .brk-tab.current i,.brk-tabs-hovers_style-1 .brk-tab:hover i{ color:var(--brand-primary) } .brk-tabs-hovers_style-2 .brk-tabs-nav{ padding-top:15px; border-right:1px solid rgba(0,0,0,.1) } .brk-tabs-hovers_style-2 .brk-tab{ font-size:.75rem; line-height:42px; text-transform:uppercase; padding-left:28px } [dir=rtl] .brk-tabs-hovers_style-2 .brk-tab{ padding-left:0; padding-right:28px } .brk-tabs-hovers_style-2 .brk-tab:before,.brk-tabs-hovers_style-3 .brk-tab:before{ content:''; position:absolute; top:0; left:0; width:0; height:100%; transition:all .3s ease-in-out; background-color:var(--brk-base-6) } .brk-tabs-hovers_style-2 .brk-tab i,.brk-tabs-hovers_style-3 .brk-tab i{ line-height:inherit; margin-right:15px } [dir=rtl] .brk-tabs-hovers_style-2 .brk-tab i,[dir=rtl] .brk-tabs-hovers_style-3 .brk-tab i{ margin-right:0; margin-left:15px } .brk-tabs-hovers_style-2 .brk-tab.current,.brk-tabs-hovers_style-2 .brk-tab:hover{ background-color:#f7f7f7 } .brk-tabs-hovers_style-2 .brk-tab.current:before,.brk-tabs-hovers_style-2 .brk-tab:hover:before,.brk-tabs-hovers_style-3 .brk-tab.current:before,.brk-tabs-hovers_style-3 .brk-tab:hover:before{ width:2px } .brk-tabs-hovers_style-3 .brk-tabs-nav{ padding-top:15px; border-right:1px solid rgba(0,0,0,.1) } @media (min-width:991px){ .brk-tabs-hovers_style-3 .brk-tabs-nav{ flex-basis:260px!important; width:260px!important } } .brk-tabs-hovers_style-3 .brk-tab{ font-size:.75rem; line-height:42px; text-transform:uppercase; padding-left:28px } [dir=rtl] .brk-tabs-hovers_style-3 .brk-tab{ padding-left:0; padding-right:28px } .brk-tabs-hovers_style-3 .brk-tab.current,.brk-tabs-hovers_style-3 .brk-tab:hover{ background-color:#f7f7f7 } @media (min-width:991px){ .brk-tabs-hovers_style-3 .brk-tabs-content{ flex-basis:calc(100% - 260px)!important; width:calc(100% - 260px)!important } } .brk-tabs-hovers .brk-tabs-nav{ flex-basis:100%; width:100% } @media (min-width:991px){ .brk-tabs-hovers .brk-tabs-nav{ flex-basis:315px; width:315px; text-align:left } [dir=rtl] .brk-tabs-hovers .brk-tabs-nav{ text-align:right } } .brk-tabs-hovers .brk-tab{ display:block; cursor:pointer; position:relative; z-index:3; transition:all .3s ease-in-out } .brk-tabs-hovers .brk-tabs-content{ flex-basis:100%; width:100% } @media (min-width:991px){ .brk-tabs-hovers .brk-tabs-content{ flex-basis:calc(100% - 315px); width:calc(100% - 315px) } } .brk-tabs-hovers__duplicate-icon{ position:absolute; bottom:-11px; left:-24px; z-index:1 } [dir=rtl] .brk-tabs-hovers__duplicate-icon{ left:auto; right:-24px } .brk-tabs-hovers__duplicate-icon i{ font-size:16rem; line-height:200px; color:rgba(157,190,255,.1) } @media (max-width:1500px){ .brk-tabs-hovers__duplicate-icon i{ font-size:11.875rem; line-height:150px } } @media (max-width:991px){ .brk-tabs-hovers__duplicate-icon{ display:none } } .brk-tabs-simple-smooth{ display:flex } .brk-tabs-simple-smooth .brk-tabs-nav{ min-width:200px; flex-shrink:0; text-align:right } .brk-tabs-simple-smooth .brk-tab{ cursor:pointer; margin-bottom:27px; color:#b6b6b6 } .brk-tabs-simple-smooth .brk-tab.active,.brk-tabs-simple-smooth .brk-tab:hover{ color:var(--brk-base-3) } .brk-tabs-simple-smooth .brk-tabs-content{ text-align:left; margin-left:45px } @media screen and (max-width:992px){ .brk-tabs-simple-smooth .brk-tabs-nav{ min-width:1px } } @media screen and (max-width:768px){ .brk-tabs-simple-smooth{ flex-direction:column } .brk-tabs-simple-smooth .brk-tabs-nav{ display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap } .brk-tabs-simple-smooth .brk-tabs-content{ margin-left:0!important } } .brk-tabs_canted .brk-tabs-nav{ display:flex; flex-grow:1; border-bottom:1px solid #ebebeb; padding:0 } @media screen and (max-width:768px){ .brk-tabs_canted .brk-tabs-nav{ flex-direction:column; border:0 } } .brk-tabs_canted .brk-tab{ padding:18px 50px 17px; margin-left:-35px; -webkit-clip-path:polygon(0 0,calc(100% - 35px) 0,100% 100%,35px 100%); clip-path:polygon(0 0,calc(100% - 35px) 0,100% 100%,35px 100%); cursor:pointer; transition:.3s ease all; color:#585858 } .brk-tabs_canted .brk-tab:first-child{ border-top-left-radius:5px; -webkit-clip-path:polygon(0 0,calc(100% - 35px) 0,100% 100%,0% 100%); clip-path:polygon(0 0,calc(100% - 35px) 0,100% 100%,0% 100%); padding-left:33px; margin-left:0 } .brk-tabs_canted .brk-tab:last-child{ -webkit-clip-path:polygon(0 0,100% 0,100% 100%,35px 100%); clip-path:polygon(0 0,100% 0,100% 100%,35px 100%); border-top-right-radius:5px; padding-right:30px } .brk-tabs_canted .brk-tab.active,.brk-tabs_canted .brk-tab:hover{ background-image:linear-gradient(to top,#f2f4f8 0%,#f0f2f8 100%); color:#272727 } @media screen and (max-width:768px){ .brk-tabs_canted .brk-tab{ margin-left:0; text-align:center; -webkit-clip-path:polygon(0 0,calc(100% - 35px) 0,100% 100%,35px 100%)!important; clip-path:polygon(0 0,calc(100% - 35px) 0,100% 100%,35px 100%)!important } } @supports not ((-webkit-clip-path:polygon(0 0,calc(100% - 35px) 0,100% 100%,35px 100%)) or (clip-path:polygon(0 0,calc(100% - 35px) 0,100% 100%,35px 100%))){ .brk-tabs_canted .brk-tab{ margin-left:0 } .brk-tabs_canted .brk-tab:first-child,.brk-tabs_canted .brk-tab:last-child{ padding:18px 50px 17px } } .brk-tabs_rounded{ position:relative } .brk-tabs_rounded .brk-tabs-nav{ min-height:58px; margin-top:-58px; box-shadow:0 5px 16px rgba(0,0,0,.2); background-color:#fff; border:4px solid #fff; border-radius:30px; transform:translateY(50%); z-index:1 } .brk-tabs_rounded .brk-tabs-content{ padding-top:71px; padding-bottom:40px; position:relative; box-shadow:0 5px 10px rgba(0,0,0,.08) } .brk-tabs_rounded .brk-tabs-content__img{ position:absolute; left:0; top:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; z-index:-2 } .brk-tabs_rounded .brk-tab:before,.brk-tabs_rounded .brk-tabs-content__overlay{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1 } .brk-tabs_rounded .brk-tab{ height:50px; opacity:.7; position:relative; color:var(--brand-primary); transition:.3s ease color,.3s ease opacity,.3s ease box-shadow; cursor:pointer; z-index:1; border-radius:25px } @media screen and (max-width:992px){ .brk-tabs_rounded .brk-tab{ width:100%; justify-content:center } } .brk-tabs_rounded .brk-tab i{ margin-right:10px; margin-top:-4px } .brk-tabs_rounded .brk-tab:before{ content:""; background-color:#fff; border-radius:25px; transition:.3s ease background-color } .brk-tabs_rounded .brk-tab:hover{ opacity:1 } .brk-tabs_rounded .brk-tab.active{ opacity:1; color:#fff; box-shadow:0 5px 16px rgba(var(--brand-primary-rgb),.5); z-index:2 } .brk-safari .brk-tabs_rounded .brk-tab.active{ box-shadow:none } .brk-tabs_rounded .brk-tab.active:before{ background-color:var(--brand-primary) } .brk-tabs_rounded .brk-tab-item,.btn{ z-index:0 } .brk-tabs_rounded .slick-list{ margin-left:-15px; margin-right:-15px } .brk-tabs_rounded .slick-slide{ padding:25px 15px } .brk-tabs_rounded .brk-slider__control{ position:absolute; left:50%; bottom:0; transform:translate(-50%,50%) } .brk-tabs_rounded .brk-slider__next,.brk-tabs_rounded .brk-slider__prev{ padding:5px 7px; cursor:pointer; margin-top:-4px } .brk-tabs_rounded .brk-slider__prev{ order:-1; margin-right:-45px; z-index:10 } .brk-tabs_rounded .brk-slider__next{ order:2; margin-left:-45px; z-index:10 } .brk-tabs_rounded .slick-dots{ position:relative; transform:none; left:auto; max-width:none; padding:0 50px } .btn{ display:inline-block; text-align:center; line-height:inherit; white-space:nowrap; max-width:100%; text-overflow:ellipsis; cursor:pointer; vertical-align:middle; position:relative; text-decoration:none; text-transform:uppercase; margin:10px } .btn-shadow{ box-shadow:0 5px 10px -2px var(--brk-base-1)!important } .btn-shadow-small{ box-shadow:0 5px 16px rgba(var(--brand-primary-rgb),.5) } .brk-safari .btn-shadow-small{ box-shadow:0 5px 16px var(--brk-base-6) } .btn-dark-shadow{ box-shadow:0 5px 10px -2px rgba(0,0,0,.4)!important } .btn-dark-shadow-small{ box-shadow:0 5px 16px rgba(0,0,0,.1) } .btn-no-shadow{ box-shadow:none!important } .invert,.invert .bsk-btn{ color:#fff!important } .btn-min-width-200{ min-width:200px } .btn-min-width-110{ min-width:110px } @media screen and (max-width:767px){ .btn-xs-max-width{ width:100% } } .btn-sm{ padding:4px 22px } .btn-sm,.btn-sm i.icon-inside,.btn-sm-1,.btn-sm-1 i.icon-inside{ font-size:13px } .btn-sm.btn-inside-out>.before{ padding-top:4px } .btn-sm-1.btn-simple,.btn-sm.btn-simple{ min-width:130px } .btn-sm-1{ padding:8px 26px } .btn-sm-1.btn-inside-out>.before{ padding-top:8px } .btn-sm-2{ padding:7px 22px } .btn-md,.btn-md i.icon-inside,.btn-md-1 i.icon-inside,.btn-md-5 i,.btn-sm-2,.btn-sm-2 i.icon-inside{ font-size:14px } .btn-sm-2.btn-inside-out>.before{ padding-top:7px } .btn-sm-2.btn-simple{ min-width:110px } .btn-md{ padding:10px 33px } .btn-md-1.btn-inside-out>.before,.btn-md.btn-inside-out>.before{ padding-top:10px } .btn-md-1{ letter-spacing:3.5px; min-height:44px; font-size:14px } .btn-md-1,.btn-md-2{ padding:10px 33px } .btn-md-2,.btn-md-2 i.icon-inside{ font-size:16px } .btn-md-2.btn-inside-out>.before{ padding-top:12px } .btn-md-3{ padding:9px 22px 9px 26px; font-size:14px } .btn-md-4,.btn-md-4 i.icon-inside{ font-size:12px } .btn-md-5{ font-size:10px; padding:12px 33px } .btn-lg{ padding:15px 33px } .btn-lg,.btn-lg i.icon-inside{ font-size:16px } .btn-lg.btn-inside-out>.before{ padding-top:15px } .btn-lg-1{ padding:13px 33px } .btn-lg-1,.btn-lg-1 i.icon-inside{ font-size:12px } .btn-lg-1.btn-inside-out>.before{ padding-top:13px } .btn-xl{ padding:17px 42px } .btn-xl,.btn-xl i.icon-inside{ font-size:19px } .btn-xl.btn-inside-out>.before{ padding-top:17px } .btn__full_width{ width:100% } .btn [class*=fa-].icon-left{ margin:0 0 0 10px; position:relative; z-index:3 } .border-radius-50{ border-radius:50px } .border-radius-30,.border-radius-30.btn-prime .border-btn{ border-radius:30px } .border-radius-25,.border-radius-25.btn-prime .border-btn{ border-radius:25px } .border-radius-10,.border-radius-10.btn-prime .border-btn{ border-radius:10px } .border-radius-5,.border-radius-5.btn-prime .border-btn{ border-radius:5px } .border-radius-0,.border-radius-0.btn-prime .border-btn{ border-radius:0 } .btn-box{ text-align:center } .btn-box+.btn-box{ margin-top:49px } .brk-bordered-theme .btn,.brk-bordered-theme .btn.btn-prime .border-btn{ border-radius:var(--b-radius) } .btn:focus{ box-shadow:none; color:#fff } .btn [class*=fa-]{ margin-right:10px; vertical-align:baseline } [dir=rtl] .btn [class*=fa-]{ margin-right:0; margin-left:10px } .btn-icon:after,.btn-icon:before{ padding-left:10px } .btn-icon [class*=fa-]{ position:relative; color:#fff; font-size:16px; z-index:1 } .btn-icon-right i{ position:absolute!important; right:20px; margin-right:0!important; top:50%; transform:translateY(-50%) } .btn-icon-right:after,.btn-icon-right:before{ padding-left:0 } .btn.btn-icon-abs [class*=fa-]{ position:absolute; top:50%; left:-16px; transform:translateY(-50%); font-size:48px; color:#e0e0ff; opacity:.3; z-index:1 } .btn-simple{ position:relative; background:#fff; color:var(--brand-primary); box-shadow:0 5px 16px 0 rgba(0,0,0,.2); padding:10px 15px; min-width:110px; vertical-align:middle; line-height:16px } .btn-simple:hover{ color:#fff!important; background:var(--brand-primary) } .btn-simple,.btn-simple i.icon-inside{ font-size:24px } .btn-simple [class*=fa-]:not(.icon-inside){ margin-right:0; font-size:24px; font-weight:700 } .btn-simple.btn-circle{ min-width:0; width:52px; height:52px; color:var(--brand-primary)!important } .btn-simple.btn-circle>.after,.btn-simple.btn-circle>.before{ display:none } .btn-inside-out_dark:hover,.btn-simple.btn-circle:hover{ background:var(--brk-base-4)!important } .btn-simple.btn-circle:hover .text{ color:var(--brand-primary)!important } .btn-simple.btn-circle i.icon-inside{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } [dir=rtl] .btn-simple.btn-circle i.icon-inside{ margin-left:0 } .btn-simple.btn-circle i.icon-inside:before{ line-height:24px; vertical-align:top } .btn-simple.btn-circle.btn-md{ width:44px; height:44px } .btn-inside-out{ overflow:hidden; border:0; transition:background .4s ease .3s,\box-shadow .4s; will-change:background } .btn-inside-out_dark:hover{ color:#272727!important } .btn-inside-out_dark,.btn-inside-out_dark>.after,.btn-inside-out_dark>.before{ background:#272727!important } .btn-inside-out_dark:hover i,.btn-inside-out_text-dark,.btn-inside-out_text-dark>.after,.btn-inside-out_text-dark>.before{ color:#272727!important } .btn-inside-out_blue:hover{ background-color:var(--brk-base-1)!important; color:#fff } .btn-inside-out_blue,.btn-inside-out_blue>.after,.btn-inside-out_blue>.before{ background:#000243!important } .btn-inside-out .icon-inside{ margin-right:8px } [dir=rtl] .btn-inside-out .icon-inside{ margin-right:0; margin-left:8px } .btn-inside-out .icon-inside~.after,.btn-inside-out .icon-inside~.before{ padding-left:24px } [dir=rtl] .btn-inside-out .icon-inside~.after,[dir=rtl] .btn-inside-out .icon-inside~.before{ padding-left:0; padding-right:24px } .btn-inside-out.btn-icon-right .icon-inside~.after,.btn-inside-out.btn-icon-right .icon-inside~.before,.btn-inside-out.btn-icon-right .icon-inside~.text{ padding-right:20px; padding-left:0 } [dir=rtl] .btn-inside-out.btn-icon-right .icon-inside~.after,[dir=rtl] .btn-inside-out.btn-icon-right .icon-inside~.before,[dir=rtl] .btn-inside-out.btn-icon-right .icon-inside~.text{ padding-left:20px; padding-right:0 } .btn-inside-out>.after,.btn-inside-out>.before{ position:absolute; width:100%; height:50%; left:0; overflow:hidden; background:var(--brand-primary); color:#fff; transition:\transform .3s } .btn-inside-out>.before{ top:0; padding-top:8px } .btn-inside-out>.after{ bottom:0; line-height:0 } .btn-inside-out>span.text{ display:inline-block; transform:scale(.1); will-change:transform; opacity:0; color:#fff; transition:\transform .3s,opacity .3s } .btn-inside-out:hover{ background:var(--brk-base-1); transition:background .4s; transition-delay:0s; color:#fff; box-shadow:0 5px 10px -2px var(--brk-base-1) } .btn-inside-out:hover>.before{ transform:translateY(-105%) } .btn-inside-out:hover>.after{ transform:translateY(105%) } .btn-inside-out:hover>span.text{ opacity:1; transform:scale(1) } .btn-inside-out:hover.btn-shadow{ box-shadow:0 5px 10px -2px rgba(var(--brk-base-1-rgb),.8)!important } .btn-inside-out:hover.btn-shadow-small{ box-shadow:0 5px 16px rgba(var(--brk-base-1-rgb),.8)!important } .btn-inside-out:hover.btn-dark-shadow{ box-shadow:0 5px 10px -2px rgba(var(--brk-base-1-rgb),.8)!important } .btn-inside-out:hover.btn-dark-shadow-small{ box-shadow:0 5px 16px rgba(var(--brk-base-1-rgb),.8)!important } .btn-inside-out-invert{ border:0; box-shadow:0 5px 16px rgba(0,0,0,.15) } .btn-inside-out-invert-light>.after,.btn-inside-out-invert-light>.before,.btn-inside-out-invert>.after,.btn-inside-out-invert>.before{ background:#fff; color:var(--brand-primary) } .btn-inside-out-invert:hover span.text,.btn-inside-out-invert:hover.btn-icon [class*=fa-]:before{ color:#fff } .btn-inside-out-invert span.text,.btn-inside-out-invert-light span.text,.btn-inside-out-invert-light.btn-icon [class*=fa-]:before,.btn-inside-out-invert-light:hover.btn-icon [class*=fa-]:before,.btn-inside-out-invert.btn-icon [class*=fa-]:before{ color:var(--brand-primary) } .btn-inside-out-invert-light{ border:0; box-shadow:0 5px 21px var(--brk-base-1) } .btn-inside-out-invert-light:hover{ background-color:rgba(255,255,255,.9) } .btn-inside-out-light-hover:hover{ background-color:#fff; color:#222 } .btn-prime{ color:var(--brand-primary); background:#fff; border:0; box-shadow:0 5px 16px rgba(0,0,0,.2); position:relative; overflow:hidden; z-index:1 } .btn-prime .border-btn{ position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid var(--brand-primary); z-index:-1 } .btn-prime>.after,.btn-prime>.before{ content:''; position:absolute; left:0; right:0; height:0; background:var(--brand-primary); transition:background .4s,height .4s; z-index:-1 } .btn-prime>.before{ top:0 } .btn-prime>.after{ bottom:0 } .btn-prime:hover{ color:var(--brand-primary)!important } .btn-prime:hover>.after,.btn-prime:hover>.before{ height:50%; background:var(--brk-base-4)!important } .btn-prime-white>.after,.btn-prime-white>.before{ background:#fff } .btn-prime-white .border-btn{ border-color:#fff } .btn-prime-white:hover{ color:var(--brand-primary)!important } .btn-prime-primary-transparent,.btn-prime-white-transparent{ background:0 0; color:#fff } .btn-prime-primary-text-transparent:hover>.after,.btn-prime-primary-text-transparent:hover>.before,.btn-prime-primary-transparent:hover>.after,.btn-prime-primary-transparent:hover>.before,.btn-prime-white-transparent:hover>.after,.btn-prime-white-transparent:hover>.before{ background:#fff!important } .btn-prime-white-transparent .border-btn{ border-color:#fff } .btn-prime-primary-text-transparent .border-btn,.btn-prime-primary-transparent .border-btn{ border-color:var(--brand-primary) } .btn-prime-primary-text-transparent{ background:0 0; color:var(--brand-primary) } .all-light .btn-prime:hover [class*=fa-].icon-left,.btn-prime.btn-invert{ color:#fff } .btn-prime.btn-invert>.after,.btn-prime.btn-invert>.before{ background:0 0 } .btn-prime.btn-invert .border-btn{ border-color:var(--brk-base-2) } .btn-prime_thin .border-btn{ border-width:1px } .all-light .btn-prime{ background:0 0; color:#fff; box-shadow:0 5px 16px rgba(0,0,0,.3) } .all-light .btn-prime [class*=fa-].icon-left{ color:var(--brand-primary); font-size:24px; vertical-align:sub; float:right; line-height:1; margin:-2px 6px 0 0 } .btn-gradient,.btn-pos{ overflow:hidden; position:relative } .btn-gradient{ background:var(--brand-primary); -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; --x:190px; --y:30px; --size: 200px; transition:background .3s; color:#fff } .btn-gradient i,.btn-gradient span{ z-index:1; position:relative; pointer-events:none } .btn-gradient::before,.btn-pos span{ position:absolute; transform:translate(-50%,-50%) } .btn-gradient::before{ content:''; left:var(--x); top:var(--y); width:var(--size); height:var(--size); background:radial-gradient(circle closest-side,var(--secondary),transparent); transition:width .2s,height .2s; z-index:0 } .btn-gradient:hover,.btn-pos:hover{ color:#fff } .btn-gradient:hover::before{ --size: 200px } .btn-pos{ color:#333; background:#f6f6f6 } .btn-pos span{ left:0; display:block; width:0; height:0; border-radius:50%; background-color:var(--brand-primary); transition:width .4s ease-in-out,height .4s ease-in-out; z-index:-1 } .btn-pos:hover span{ width:250%; height:250% } .icon__btn,.icon__btn .spike{ background:var(--brand-primary) } .icon__btn{ display:inline-block; margin:10px; border-radius:50%; color:#fff; position:relative; z-index:3 } .brk-bordered-theme .icon__btn{ border-radius:var(--b-radius) } .icon__btn .spike{ position:absolute; top:8px; left:8px; right:8px; bottom:8px; z-index:-1 } .icon__btn .spike:nth-child(1){ transform:rotate(0deg) } .icon__btn .spike:nth-child(2){ transform:rotate(10deg) } .icon__btn .spike:nth-child(3){ transform:rotate(20deg) } .icon__btn .spike:nth-child(4){ transform:rotate(30deg) } .icon__btn .spike:nth-child(5){ transform:rotate(40deg) } .icon__btn .spike:nth-child(6){ transform:rotate(50deg) } .icon__btn .spike:nth-child(7){ transform:rotate(60deg) } .icon__btn .spike:nth-child(8){ transform:rotate(70deg) } .icon__btn .spike:nth-child(9){ transform:rotate(80deg) } .icon__btn .spike:nth-child(10){ transform:rotate(90deg) } .icon__btn>.after,.icon__btn>.before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:var(--brand-primary); border-radius:50%; z-index:-1 } .icon__btn>.before{ transform:scale(1.35); opacity:.1 } .brk-bordered-theme .icon__btn>.after,.brk-bordered-theme .icon__btn>.before{ border-radius:var(--b-radius) } .icon__btn>.after{ opacity:.2 } .icon__btn_clear>.before{ transform:scale(1) } .icon__btn:hover{ color:#fff } .icon__btn:hover>.before{ -webkit-animation:1.5s brk-pulse .3s infinite; animation:1.5s brk-pulse .3s infinite } .icon__btn:hover>.after{ -webkit-animation:brk-pulse 1.5s infinite; animation:brk-pulse 1.5s infinite } .icon__btn-circled>.before{ top:-33px; left:-33px; right:-33px; bottom:-33px; transform:scale(1) } .icon__btn-circled>.after{ top:-16px; left:-16px; right:-16px; bottom:-16px } .icon__btn-circled:hover>.before,.icon__btn-circled_active>.before{ -webkit-animation:1s brk-pulse-paused .2s ease-in infinite; animation:1s brk-pulse-paused .2s ease-in infinite } .icon__btn-circled:hover>.after,.icon__btn-circled_active>.after{ -webkit-animation:brk-pulse-paused 1s ease-in infinite; animation:brk-pulse-paused 1s ease-in infinite } .icon__btn i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) } .icon__btn-invert>.bg{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; border-radius:100%; background:#fff } .brk-bordered-theme .icon__btn-invert>.bg{ border-radius:var(--b-radius) } .icon__btn-invert,.icon__btn-invert:hover,.icon__btn-white{ background:#fff; color:var(--brand-primary) } .icon__btn-white>.after,.icon__btn-white>.before{ background-color:#fff } .icon__btn-white:hover{ background:#fff; color:var(--brand-primary) } .icon__btn-sm{ font-size:14px; width:41px; height:41px } .icon__btn-md{ font-size:16px; width:52px; height:52px } .icon__btn-md_1{ font-size:26px; width:70px; height:70px } .icon__btn-lg,.icon__btn-xl{ font-size:21px; width:68px; height:68px } .icon__btn-xl{ width:86px; height:86px } .icon__btn-center [class*=fa-]{ margin-left:0; margin-right:0; width:100%; text-align:center } .icon__btn.icon__btn-svg{ background:0 0!important } .btn__dropdown{ text-align:center } .btn__dropdown_wrap{ position:relative; display:inline-block; padding-right:41px; list-style:none; min-width:170px; padding-left:0; margin-bottom:0; overflow:hidden; transition:all 300ms } .brk-bordered-theme .btn__dropdown_wrap{ border-radius:var(--b-radius) } .btn__dropdown_wrap:not(.open){ height:41px } .btn__dropdown_wrap:hover{ cursor:pointer } .btn__dropdown_wrap.btn__primary{ background-color:var(--brand-primary) } .btn__dropdown_wrap.btn__white{ background-color:#eff5ff; color:var(--brand-primary); box-shadow:0 5px 21px var(--brk-base-1) } .btn__dropdown_wrap:before{ position:absolute; font-family:'Font Awesome\ 5 Free'; font-size:13px; content:'\f0dd'; top:calc(50% - 2px); right:19px; line-height:1; transform:translateY(-50%); font-weight:600 } .btn__dropdown_wrap.open{ transition:all 300ms } .btn__dropdown_wrap.open:before{ content:'\f0de'; top:50% } .btn__dropdown_wrap button:focus,.btn__dropdown_wrap button:hover{ background:0 0!important } .btn__dropdown_item{ border-bottom:1px solid; border-right:1px solid; padding-left:18px; text-align:left } .btn__primary .btn__dropdown_item{ border-color:var(--brk-base-3); background:var(--brand-primary) } .btn__primary .btn__dropdown_item a,.btn__primary .btn__dropdown_item a:hover,.btn__primary .btn__dropdown_item button,.btn__primary .btn__dropdown_item button:hover{ color:#fff } .btn__white .btn__dropdown_item{ border-color:#dee9fc; background:#fff } .btn__white .btn__dropdown_item a,.btn__white .btn__dropdown_item a:hover,.btn__white .btn__dropdown_item button,.btn__white .btn__dropdown_item button:hover{ color:var(--brand-primary) } .btn__dropdown_item:first-child{ padding-top:2px } .btn__dropdown_item:last-child{ border-bottom:none } .btn__dropdown_btn{ text-transform:uppercase; font-weight:inherit; text-align:left; font-size:14px; padding:9px; margin:0; border:0; background-color:transparent } .btn__dropdown_item .btn__dropdown_btn{ box-shadow:none } .margin-box__btn-round{ margin:25px 0 } @media (min-width:768px){ .margin-box__btn-round{ margin:0 } } .margin-box__btn-dropdown{ margin-top:30px; margin-bottom:1em } @media (min-width:768px){ .margin-box__btn-dropdown{ margin-bottom:63px } } @media (max-width:767px){ .col-lg-3:first-child .margin-box__btn-dropdown{ margin-top:0 } } .btn--square{ border:2px solid var(--brand-primary); border-radius:0; padding:12px 42px; overflow:hidden; margin:0 } .btn--square .angle{ width:10px; height:300%; position:absolute; display:block; transform:translate(-50%,-50%) rotate(-45deg); top:0; left:100%; transition:top .2s,left .2s } .btn--square:hover .angle{ top:3%; left:97% } .btn-backgrounds{ display:inline-block; min-width:260px; height:56px; border-radius:28px; background-color:#fff; position:relative; letter-spacing:-.06em; padding-right:25px; font-size:.8125rem; line-height:56px } .btn-backgrounds .before{ position:absolute; top:50%; right:7px; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; padding-right:23px; letter-spacing:-.06em } .brk-bordered-theme .btn-backgrounds,.brk-bordered-theme .btn-backgrounds .before{ border-radius:var(--b-radius) } .btn-backgrounds .before i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); vertical-align:0; font-size:1.125rem } .btn-backgrounds_wauto{ min-width:1px; white-space:nowrap } .btn-backgrounds_md{ height:46px; line-height:46px } .btn-backgrounds_280{ min-width:280px } .btn-backgrounds_200{ min-width:200px } .btn-backgrounds_white{ box-shadow:0 5px 16px rgba(0,0,0,.2); color:#272727 } .btn-backgrounds_white .before{ background-color:#eee } .btn-backgrounds_dark{ box-shadow:0 0 26px rgba(0,0,0,.3); color:#fff } .btn-backgrounds_dark .before{ border:solid 2px rgba(255,255,255,.4) } .btn-backgrounds_dark .before i{ color:#fff } .btn-backgrounds_dark-classic{ background-color:var(--brand-primary); color:#fff; overflow:hidden } .btn-backgrounds_dark-classic:after,.btn-backgrounds_dark-classic:before{ content:''; position:absolute; left:0; right:0; background-color:rgba(255,255,255,.1); height:50%; z-index:0 } .btn-backgrounds_dark-classic:before{ top:-100%; transition:top .3s } .btn-backgrounds_dark-classic:after{ bottom:-100%; transition:bottom .3s } .btn-backgrounds_dark-classic .text{ position:relative; z-index:2 } .btn-backgrounds_dark-classic:hover{ color:#fff } .btn-backgrounds_dark-classic:hover:before{ top:0 } .btn-backgrounds_dark-classic:hover:after{ bottom:0 } .btn-backgrounds_dark-classic:active,.btn-backgrounds_dark-classic:focus{ color:#fff } .btn-backgrounds_dark-classic .before{ width:34px; height:34px; background-color:rgba(0,0,0,.1); z-index:2 } .btn-backgrounds_dark-classic .before i,.btn-backgrounds_white-classic .before i{ font-size:.9375rem } .btn-backgrounds_white-classic{ background-color:#fff; color:#272727; overflow:hidden } .btn-backgrounds_white-classic:after,.btn-backgrounds_white-classic:before{ content:''; position:absolute; left:0; right:0; background-color:rgba(0,0,0,.05); height:50%; z-index:0 } .btn-backgrounds_white-classic:before{ top:-100%; transition:top .3s } .btn-backgrounds_white-classic:after{ bottom:-100%; transition:bottom .3s } .btn-backgrounds_white-classic .text{ position:relative; z-index:2 } .btn-backgrounds_white-classic:hover{ color:#272727 } .btn-backgrounds_white-classic:hover:before{ top:0 } .btn-backgrounds_white-classic:hover:after{ bottom:0 } .btn-backgrounds_white-classic:active,.btn-backgrounds_white-classic:focus{ color:#272727 } .btn-backgrounds_white-classic .before{ width:34px; height:34px; background-color:rgba(0,0,0,.1); z-index:2 } .btn-backgrounds_transparent{ background-color:transparent; box-shadow:none; color:#fff; border:1px solid rgba(255,255,255,.16) } .btn-backgrounds_transparent .before{ background-color:#fff } .btn-backgrounds_transparent .before i{ color:var(--brand-primary) } .btn-backgrounds_transparent:hover{ color:#fff; text-decoration:underline } .btn-backgrounds_left-icon{ padding-right:0; padding-left:25px } .btn-backgrounds_left-icon .before{ right:auto; left:7px } .btn-backgrounds_right-icon{ padding-right:25px; padding-left:0 } .btn-backgrounds_no-icon{ padding-left:25px; padding-right:25px; text-align:center } .btn-bottom-position{ position:absolute; left:50%; bottom:0; transform:translate(-50%,50%); margin:0 } .btn-violet{ font-size:.75rem; box-shadow:0 25px 50px rgba(0,0,0,.1)!important } .btn-violet:hover{ background:rgba(114,2,187,.05) } .btn-violet .after,.btn-violet .before{ padding-left:0!important; padding-right:10px; color:var(--secondary) } .btn-violet .text{ margin-right:10px } .btn-violet i{ position:absolute!important; top:50%; right:20px; margin-right:0!important; transform:translateY(-50%) } .btn-violet .text,.btn-violet i:before{ color:var(--secondary)!important } .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header::after,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header::after,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header::after,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header::after{ background:url(../../img/sprite.png) 0 0; height:1px } .brk-pricing-light__item:hover .brk-pricing-light__header::after{ background:url(../../img/sprite.png) 0 0; width:100px; height:1px } .brk-pricing-light__header::after{ background:url(../../img/sprite.png) 0 -11px; height:1px } .colored-slider .swiper-slide{ position:relative; opacity:.2; transition:opacity .3s } .colored-slider .swiper-slide .brk-pricing-colored__layer{ top:45px; bottom:45px } .colored-slider .swiper-slide.swiper-slide-active{ opacity:1 } .brk-pricing-colored.activet .brk-pricing-colored__layer,.colored-slider .swiper-slide.swiper-slide-active .brk-pricing-colored__layer{ top:0; bottom:0 } .brk-pricing-colored.activet .brk-pricing-colored__content,.colored-slider .swiper-slide.swiper-slide-active .brk-pricing-colored__content{ padding-top:115px } @media (max-width:575px){ .colored-slider .swiper-slide.swiper-slide-active .brk-pricing-colored__content{ padding-top:35px } } .brk-pricing-colored.activet .brk-pricing-colored__description,.colored-slider .swiper-slide.swiper-slide-active .brk-pricing-colored__description{ margin-top:46px } .brk-pricing-colored.activet .brk-pricing-colored__btn,.colored-slider .swiper-slide.swiper-slide-active .brk-pricing-colored__btn{ bottom:60px } .colored-slider .swiper-slide.swiper-slide-prev .brk-pricing-colored__layer{ border-radius:26px 0 0 26px } .brk-bordered-theme .colored-slider .swiper-slide.swiper-slide-prev .brk-pricing-colored__layer{ border-radius:var(--b-radius) 0 0 var(--b-radius) } .colored-slider .swiper-slide.swiper-slide-next .brk-pricing-colored__layer{ border-radius:0 26px 26px 0 } .brk-bordered-theme .colored-slider .swiper-slide.swiper-slide-next .brk-pricing-colored__layer{ border-radius:0 var(--b-radius) var(--b-radius) 0 } .colored-slider .button-prev{ left:16.66667%; transform:translate(-50%,-50%) } @media (max-width:575px){ .colored-slider .button-prev{ left:35px } } .colored-slider .button-next{ right:16.66667%; transform:translate(50%,-50%) } @media (max-width:575px){ .colored-slider .button-next{ right:35px } } .brk-pricing-colored{ min-height:690px; max-width:400px; margin:0 auto; position:relative } @media (max-width:575px){ .brk-pricing-colored{ min-height:600px } } .brk-pricing-colored__layer{ position:absolute; left:0; width:100%; border-radius:26px; transition:all .5s ease-in-out; color:#fff; overflow:hidden; background-repeat:repeat } .brk-bordered-theme .brk-pricing-colored__layer{ border-radius:var(--b-radius) } .brk-pricing-colored__content,.brk-pricing-colored__overlay{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1 } .brk-pricing-colored__content{ z-index:2; padding-top:57px; transition:all .5s ease-in-out } .brk-pricing-colored__title{ font-size:1rem; line-height:24px; margin-bottom:5px } .brk-pricing-colored__price{ padding:0 } .brk-pricing-colored__price span{ font-size:6rem; line-height:96px } .brk-pricing-colored__price .period{ font-size:1rem; line-height:24px; margin-top:7px; color:var(--brk-base-2) } .brk-pricing-colored__description{ font-size:.875rem; margin-top:37px; transition:all .5s ease-in-out } .brk-pricing-colored__description ul li{ line-height:42px } .brk-pricing-colored__btn{ position:absolute!important; bottom:50px; left:50%; transform:translateX(-50%); width:190px; height:48px; border-radius:24px; margin:0!important; overflow:hidden; transition:all .5s ease-in-out; line-height:32px; background-color:var(--white); color:var(--brand-primary) } .brk-pricing-colored__btn:after,.brk-pricing-colored__btn:before{ content:''; position:absolute; left:0; width:100%; height:0; transition:all .3s ease-in-out; z-index:-1; background-color:var(--brk-base-4) } .brk-pricing-colored__btn:before{ top:0 } .brk-pricing-colored__btn:after{ bottom:0 } .brk-pricing-colored__btn i{ line-height:inherit } .brk-pricing-colored__btn:hover:after,.brk-pricing-colored__btn:hover:before{ height:50% } .brk-pricing-doubled{ position:relative; z-index:2; max-width:370px; margin:15px auto; padding-bottom:60px } .brk-pricing-doubled.act .brk-pricing-doubled__front,.brk-pricing-doubled:hover .brk-pricing-doubled__front{ transform:translate(40px,60px); transition:all .4s ease } .brk-pricing-doubled.act .brk-pricing-doubled__back,.brk-pricing-doubled:hover .brk-pricing-doubled__back{ transform:translate(-40px,-60px); transition:all .4s ease; z-index:3 } .brk-pricing-doubled__icon-container{ min-height:91px } .brk-pricing-doubled__icon-container svg{ height:91px; stroke:var(--brk-base-1) } .brk-pricing-doubled__icon-container i{ line-height:91px; font-size:60px; color:var(--brk-base-1) } .brk-pricing-doubled__icon-container_back svg{ stroke:#fff } .brk-pricing-doubled__icon-container_back i{ color:#fff } .brk-pricing-doubled__front{ position:relative; z-index:2; width:calc(100% - 40px); max-width:330px; height:auto; min-height:555px; transition:all .8s ease; border-radius:0 0 27px; background-color:#fff; box-shadow:0 6px 30px rgba(0,0,0,.2); padding-top:33px } .brk-pricing-doubled__back .pd-icon-back i,.brk-pricing-doubled__front .pd-icon i{ font-size:4.5rem; margin:10px 0 15px } .brk-pricing-doubled__front .pd-title{ margin:15px 0 28px; padding:0 15px } .brk-pricing-doubled__front .pd-price{ height:96px } .brk-pricing-doubled__front .pd-price span,.brk-pricing-doubled__front .pd-price strong{ line-height:96px; padding:0 2px } .brk-pricing-doubled__front .pb-list{ padding:10px 0; text-align:left } .brk-pricing-colored__description ul,.brk-pricing-doubled__front .pb-list ul{ margin:0!important; list-style:none!important } .brk-pricing-doubled__front .pb-list li{ line-height:20px; color:#9f9f9f; padding:13px 15px 13px 30px; font-size:.9375rem; letter-spacing:.02em; display:flex; align-items:center } @media (max-width:767px){ .brk-pricing-doubled__front .pb-list li{ padding:13px 15px } } .brk-pricing-doubled__front .pb-list li:nth-child(2n){ background-color:#f7f7f7 } .brk-pricing-doubled__front .pb-list li i{ margin-right:24px } @media (max-width:767px){ .brk-pricing-doubled__front .pb-list li i{ margin-right:15px } } .brk-pricing-doubled__back{ position:absolute; z-index:1; bottom:0; right:0; width:calc(100% - 50px); max-width:320px; height:calc(100% - 60px); min-height:555px; transition:all .8s ease; border-radius:0 0 27px; overflow:hidden; background:#fff no-repeat center center; background-size:cover } .brk-pricing-doubled__back svg line,.brk-pricing-doubled__back svg path{ stroke:#fff!important } .brk-pricing-doubled__back svg rect{ fill:#fff!important } .brk-pricing-doubled__back .pd-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1 } .brk-pricing-doubled__back .pb-content{ position:relative; z-index:2; padding-top:91px } .brk-pricing-doubled__back .pd-title{ margin-top:87px; padding:0 15px } .brk-pricing-doubled__back .pd-price{ margin-top:11px } .brk-pricing-doubled__back .pd-price span,.brk-pricing-doubled__back .pd-price strong{ padding:0 2px; line-height:32px } .brk-pricing-doubled__link{ display:block; text-align:left; position:absolute; bottom:19px; padding-left:29px; letter-spacing:.04em; left:0; right:0; z-index:3; color:var(--white) } .brk-pricing-doubled__link i{ position:absolute; top:50%; right:23px; transform:translateY(-50%) } .brk-pricing-doubled__link:hover{ color:var(--white) } .brk-pricing-doubled__link:hover i{ -webkit-animation:doubled-button-left 1s infinite ease-in-out; animation:doubled-button-left 1s infinite ease-in-out } .brk-pricing-doubled .pd-icon i{ color:var(--brk-base-1) } .brk-pricing-doubled .pb-content,.brk-pricing-doubled .pd-icon-back i,.brk-pricing-doubled .pd-price,.brk-pricing-horizontal:hover .brk-pricing-horizontal__viewed span{ color:var(--white) } .brk-pricing-doubled .pb-list i{ color:var(--brand-primary) } .brk-pricing-horizontal{ margin:0 15px; position:relative; background-color:#fff; transition:all .3s ease; overflow:hidden } @media (max-width:991px){ .brk-pricing-horizontal{ margin:0 } } .brk-pricing-horizontal>.before{ position:absolute; top:0; right:0; bottom:0; left:0; opacity:0; z-index:1; transition:all .3s ease } .brk-pricing-horizontal:hover{ border-radius:5px; margin:0 -15px; box-shadow:0 6px 25px rgba(0,0,0,.32); z-index:1 } @media (max-width:991px){ .brk-pricing-horizontal:hover{ margin:0 } } .brk-pricing-horizontal:hover>.before{ opacity:1 } .brk-pricing-horizontal:hover .brk-pricing-horizontal__title{ color:#fff } .brk-pricing-horizontal:hover .brk-pricing-horizontal__viewed{ background-color:#363152 } .brk-pricing-horizontal:hover .brk-pricing-horizontal__viewed_darken{ background-color:rgba(0,0,0,.08) } .brk-pricing-horizontal:hover .brk-pricing-horizontal__viewed_darken>*{ color:#fff } .brk-pricing-horizontal:hover .brk-pricing-horizontal__list-options .options-active,.brk-pricing-horizontal:hover .brk-pricing-horizontal__list-options .options-active i,.brk-pricing-horizontal:hover .brk-pricing-horizontal__price{ color:var(--white) } .brk-pricing-horizontal:hover .brk-pricing-horizontal__list-options .options-deactive,.brk-pricing-horizontal:hover .brk-pricing-horizontal__list-options .options-deactive i{ color:rgba(var(--white-rgb),.4) } .brk-pricing-horizontal:hover .h-button{ box-shadow:0 0 0 6px rgba(var(--white-rgb),.14); background-image:linear-gradient(#fff,#fff); border:0; color:var(--brand-primary) } .brk-bordered-theme .brk-pricing-horizontal .h-button,.brk-bordered-theme .brk-pricing-horizontal:hover .h-button{ border-radius:var(--b-radius) } .brk-pricing-horizontal__container{ display:flex; justify-content:space-between; align-items:center; min-height:160px; background-color:transparent; position:relative; z-index:2 } @media (max-width:991px){ .brk-pricing-horizontal__container{ flex-direction:column } } .brk-pricing-horizontal__info{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin-right:30px } @media (max-width:1229px){ .brk-pricing-horizontal__info{ margin-right:0 } } @media (max-width:991px){ .brk-pricing-horizontal__info{ width:100%; justify-content:space-around; padding-top:15px } } @media (max-width:767px){ .brk-pricing-horizontal__info{ justify-content:center } } @media (max-width:575px){ .brk-pricing-horizontal__info{ flex-direction:column } } .brk-pricing-horizontal__viewed{ align-self:stretch; width:48px; position:relative; overflow:hidden; background-color:rgba(var(--black-rgb),.01); transition:.3s ease all } @media (max-width:991px){ .brk-pricing-horizontal__viewed{ width:100%; height:48px } } .brk-pricing-horizontal__viewed>*{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-90deg); transform-origin:50% 50%; text-transform:uppercase; transition:all .2s ease-in-out; color:#999 } @media (max-width:991px){ .brk-pricing-horizontal__viewed>*{ transform:translate(-50%,-50%) rotate(0) } } .brk-pricing-horizontal__img-icon{ position:relative; margin-right:50px; width:188px; text-align:center } @media (max-width:1229px){ .brk-pricing-horizontal__img-icon{ margin:0 15px } } @media (max-width:767px){ .brk-pricing-horizontal__img-icon{ flex-basis:50%; max-width:50% } } @media (max-width:575px){ .brk-pricing-horizontal__img-icon{ flex-basis:100%; max-width:100%; margin:0 15px 15px } } .brk-pricing-horizontal__price{ position:relative; padding-left:18px; padding-right:75px; transition:all .2s ease-in-out; color:#282b35 } @media (max-width:1229px){ .brk-pricing-horizontal__price{ padding-right:15px } } .brk-pricing-horizontal__price .sign{ font-size:.75rem; position:absolute; top:2px; left:0; font-weight:700 } .brk-pricing-horizontal__list-options{ -moz-column-gap:97px; column-gap:97px; -moz-column-count:2; column-count:2 } @media (max-width:1229px){ .brk-pricing-horizontal__list-options{ -moz-column-count:1; column-count:1; padding:15px } } @media (max-width:991px){ .brk-pricing-horizontal__list-options{ -moz-column-gap:15px; column-gap:15px; -moz-column-count:2; column-count:2 } } @media (max-width:767px){ .brk-pricing-horizontal__list-options{ flex-basis:80%; max-width:80%; padding:25px 0 15px } } @media (max-width:575px){ .brk-pricing-horizontal__list-options{ flex-basis:100%; max-width:100% } } @media (max-width:479px){ .brk-pricing-horizontal__list-options{ -moz-column-gap:0; column-gap:0; -moz-column-count:1; column-count:1; flex-basis:auto; max-width:none } } .brk-pricing-horizontal__list-options span{ display:block; text-align:left } .brk-pricing-horizontal__list-options i{ margin-right:8px; line-height:inherit } .brk-pricing-horizontal__list-options .options-active{ transition:all .2s ease-in-out } .brk-pricing-horizontal__list-options .options-active i{ transition:all .2s ease-in-out; color:var(--brk-secondary-4) } .brk-pricing-horizontal__list-options .options-deactive,.brk-pricing-horizontal__list-options .options-deactive i{ transition:all .2s ease-in-out; color:#7d7d7d } .brk-pricing-horizontal .h-button{ width:164px; height:44px; font-size:.75rem; line-height:28px; margin-right:43px; color:var(--white); border-radius:0; background-image:linear-gradient(to right,var(--brk-base-2) 0%,var(--brk-base-6) 100%); box-shadow:0 5px 5px -2px var(--brk-base-1); border:0 } @media (max-width:1229px){ .brk-pricing-horizontal .h-button{ margin-right:20px } } @media (max-width:991px){ .brk-pricing-horizontal .h-button{ margin:10px 0 20px } } .brk-pricing-horizontal .h-button strong{ position:relative; z-index:3 } .brk-pricing-horizontal .h-button i{ position:absolute; top:50%; transform:translateY(-50%); right:9px; font-size:15px; z-index:4 } .brk-pricing-horizontal .h-button:hover{ color:var(--brand-primary); background-color:#fff } .brk-pricing-horizontal .h-button:hover i{ -webkit-animation:button-left 1s infinite ease-in-out; animation:button-left 1s infinite ease-in-out } .brk-bordered-theme .brk-pricing-horizontal:first-child{ border-top-right-radius:var(--b-radius); border-top-left-radius:var(--b-radius) } .brk-bordered-theme .brk-pricing-horizontal:last-child{ border-bottom-right-radius:var(--b-radius); border-bottom-left-radius:var(--b-radius) } .brk-bordered-theme .brk-pricing-horizontal:hover{ border-radius:var(--b-radius); background-color:transparent } .brk-pricing-horizontal_rounded-5 .h-button{ border-radius:5px; background-image:linear-gradient(to right,var(--brand-primary) 0%,var(--secondary) 100%) } .brk-pricing-horizontal__title{ position:relative; z-index:4 } .brk-pricing-horizontal_mini .brk-pricing-horizontal__info{ margin-right:0 } .brk-pricing-horizontal_mini .h-button{ margin-right:20px; width:130px } .brk-pricing-horizontal_mini .brk-pricing-horizontal__img-icon{ margin-right:15px; width:130px } .brk-pricing-horizontal_mini .brk-pricing-horizontal__price{ padding-right:30px } .brk-pricing-horizontal_mini .brk-pricing-horizontal__list-options{ -moz-column-gap:25px; column-gap:25px } .brk-pricing-rounded{ position:relative; margin:40px auto 0; max-width:400px; transition:margin-top .3s } .brk-pricing-rounded:hover{ margin-top:0 } .brk-pricing-rounded:hover .brk-pricing-rounded__icon{ width:121px; height:121px } .brk-pricing-rounded:hover .brk-pricing-rounded__icon .before{ -webkit-animation:1s brk-pulse-paused .2s ease-in infinite; animation:1s brk-pulse-paused .2s ease-in infinite } .brk-pricing-rounded:hover .brk-pricing-rounded__icon .after{ -webkit-animation:brk-pulse-paused 1s ease-in infinite; animation:brk-pulse-paused 1s ease-in infinite } .brk-pricing-rounded:hover .brk-pricing-rounded__content{ min-height:680px; box-shadow:0 0 0 3px var(--brand-primary) } .brk-pricing-rounded:hover .rd-view{ top:119px } .brk-pricing-rounded:hover .rd-circl-overlay{ width:510px; height:555px } .brk-pricing-rounded__icon{ position:absolute; top:0; left:50%; transform:translate(-50%,-50%); width:88px; height:88px; transition-property:width,height; transition-duration:.3s; z-index:2 } .brk-pricing-rounded__icon-wrap{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:2.25rem } .brk-pricing-rounded__icon-wrap svg{ width:50px; height:50px } .brk-pricing-rounded__icon i{ color:var(--white) } .brk-pricing-rounded__icon .after,.brk-pricing-rounded__icon .before{ position:absolute; border-radius:50%; z-index:-1; background-color:var(--brand-primary) } .brk-pricing-rounded__icon .before{ transform:scale(1); top:-26px; left:-26px; right:-26px; bottom:-26px; opacity:.1 } .brk-pricing-rounded__icon .after{ top:-12px; left:-12px; right:-12px; bottom:-12px; opacity:.2 } .brk-pricing-rounded__content{ position:relative; overflow:hidden; border-radius:26px; width:100%; min-height:640px; z-index:1; transition-property:min-height,box-shadow; transition-duration:.3s; background-color:var(--white) } .brk-pricing-rounded .rd-view{ position:absolute; top:102px; left:0; width:100%; transition:top .3s } .brk-pricing-rounded .rd-view__title,.brk-pricing-shop:hover .price-icon i{ color:var(--brand-primary) } .brk-pricing-rounded .rd-view__price{ position:relative; margin-top:10px } .brk-pricing-rounded .rd-view__price .old-price{ position:relative; bottom:-28px; text-decoration:line-through; margin-left:6px; color:var(--brand-primary) } .brk-pricing-rounded .rd-description{ position:absolute; bottom:0; left:0; width:100%; padding-bottom:40px } .brk-pricing-rounded .rd-description__list{ margin-bottom:24px } .brk-pricing-rounded .rd-description__list li,.brk-pricing-strict__description li{ padding:0 15px } .brk-pricing-rounded .rd-description__list li:nth-child(2n),.brk-pricing-strict__description li:nth-child(2n-1){ background-color:#f8fafe } .brk-pricing-rounded .rd-circl-overlay{ position:absolute; top:0; left:50%; transform:translate(-50%,-50%); width:480px; height:480px; border-radius:50%; transition-property:width,height; transition-duration:.3s; background-color:#f8fafe } .brk-pricing-rounded .btn .text{ line-height:28px } .brk-pricing-rounded .btn i,.brk-pricing-strict .btn i{ margin-top:4px } .brk-pricing-strict{ max-width:400px; min-height:608px; position:relative; margin:0 auto; z-index:1 } .brk-pricing-strict:hover{ z-index:2 } .brk-pricing-strict:hover .brk-pricing-strict__title{ font-size:1.3125rem; color:#fff } .brk-pricing-strict:hover .brk-pricing-strict__title span:not(.before){ top:-14px } .brk-pricing-strict:hover .brk-pricing-strict__title .before{ height:100px; top:calc(50% - 14px) } .brk-pricing-strict:hover::before{ top:0; height:50% } .brk-pricing-strict:hover::after{ bottom:0; height:50% } .brk-pricing-strict::after,.brk-pricing-strict::before{ content:''; position:absolute; left:0; width:100%; z-index:-1; box-shadow:0 6px 25px rgba(0,0,0,.12); transition:.3s ease-in-out top,.3s ease-in-out bottom,.3s ease-in-out height } .brk-pricing-strict::before{ top:28px; height:calc(50% - 28px); background-color:transparent } .brk-pricing-strict::after{ bottom:20px; height:calc(50% - 20px); background-color:#fff } .brk-pricing-strict__content{ position:absolute; top:28px; bottom:20px; left:0; width:100%; transition:all .3s ease-in-out; background-color:var(--white) } .brk-pricing-strict__title{ position:relative; font-size:1.125rem; text-transform:uppercase; transition:all .3s ease-in-out; background-color:var(--brk-base-4); color:var(--brand-primary); height:72px; display:flex; align-items:center; justify-content:center } .brk-pricing-strict__title span{ position:relative; top:0; z-index:2; transition:.2s ease-in-out top } .brk-pricing-strict__title .before{ position:absolute; width:calc(100% + 1px); height:0; top:50%; left:0; transform:translateY(-50%); transition:all .2s ease-in-out; z-index:1 } .brk-pricing-strict__description,.brk-pricing-strict__price{ margin-top:36px } .brk-pricing-strict__price .st-sign{ font-size:1.125rem; line-height:30px; position:relative; bottom:-31px; color:var(--brand-primary) } .brk-pricing-strict__price .st-price{ font-size:4rem; line-height:64px; padding-right:5px } .brk-pricing-strict .btn{ position:absolute; left:50%; bottom:30px; margin:0; transform:translateX(-50%); transition:all .3s ease-in-out } .brk-pricing-strict .btn .text{ line-height:28px } .brk-pricing-shop{ max-width:320px; min-height:448px; margin:0 auto; position:relative; background-color:var(--white); border-bottom:3px solid var(--brand-primary); transition:.3s border-color } .brk-pricing-shop_style-1{ border-bottom:3px solid #000243 } .brk-pricing-shop>*,.brk-pricing-shop__view{ transition:all .3s ease-in-out } .brk-pricing-shop:hover{ border-color:var(--brand-primary) } .brk-pricing-shop:hover .brk-pricing-shop__view{ background-color:var(--brand-primary) } .brk-pricing-shop:hover .brk-pricing-shop__title,.brk-pricing-shop:hover .price-item{ color:var(--white) } .brk-pricing-shop:hover .price-icon{ background-color:var(--white) } .brk-pricing-shop:hover .price-icon .before{ -webkit-animation:1.5s brk-pulse .3s infinite; animation:1.5s brk-pulse .3s infinite; background-color:rgba(var(--white-rgb),.14) } .brk-pricing-shop:hover .price-icon .after{ -webkit-animation:brk-pulse 1.5s infinite; animation:brk-pulse 1.5s infinite; background-color:rgba(var(--white-rgb),.24) } .brk-pricing-shop__view{ min-height:178px; text-align:left; padding:33px 0 0 31px; border-bottom:1px solid #e9f0fb } .brk-pricing-shop__title{ margin-bottom:24px; transition:all .3s ease-in-out; color:var(--brand-primary) } .brk-pricing-shop_style-1 .brk-pricing-shop__title{ color:#000243 } .brk-pricing-shop__price{ display:flex; flex-wrap:wrap; align-items:center; padding:10px 0 } .brk-pricing-shop__price .price-item{ transition:all .3s ease-in-out } .brk-pricing-shop__price .price-item .price{ font-size:2.25rem; line-height:36px } .brk-pricing-shop__price .price-item .period{ font-size:.875rem; line-height:14px; position:relative; bottom:-18px } .brk-pricing-shop__price .price-icon{ position:relative; width:54px; height:54px; border-radius:50%; margin-left:28px; z-index:1; transition:all .3s ease-in-out; background-color:var(--brand-primary) } .brk-pricing-shop__price .price-icon i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:1.5rem; color:#fff; transition:all .3s ease-in-out } .brk-pricing-shop__price .price-icon .before{ transform:scale(1.35); background-color:rgba(var(--brand-primary-rgb),.05) } .brk-pricing-shop__price .price-icon .after,.brk-pricing-shop__price .price-icon .before{ position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50%; z-index:-1 } .brk-pricing-shop__description{ color:#9f9f9f; min-height:158px } .brk-pricing-shop__description ul{ list-style:none!important; margin:0!important; text-align:left } .brk-pricing-shop__description ul li{ font-size:.875rem; line-height:52px; border-bottom:1px solid #e9f0fb; padding-left:30px } .brk-pricing-shop__description ul li:last-child{ border:0 } .brk-pricing-shop__description p{ padding:15px } .brk-pricing-shop__block-info{ min-height:109px; display:flex; flex-wrap:wrap; justify-content:space-between; padding:32px 31px 0 32px; border-top:1px solid #e9f0fb; background-color:#f7fafe } .brk-pricing-shop__block-info .info-link{ font-size:1rem; line-height:16px } .brk-pricing-shop__block-info .info-link i{ margin-left:8px; position:relative; bottom:-1px } .brk-pricing-shop__btn{ position:absolute; bottom:0; left:50%; transform:translate(-50%,50%); width:209px; height:48px; border-radius:24px; box-shadow:0 5px 16px rgba(0,0,0,.1); margin:0; line-height:32px; overflow:hidden; transition:all .3s ease-in-out; background-color:var(--white); color:var(--brand-primary) } .brk-pricing-shop__btn_style-1{ border-radius:5px; color:#000243 } .brk-pricing-shop__btn:after,.brk-pricing-shop__btn:before{ content:''; position:absolute; left:0; width:100%; height:0; transition:all .3s ease-in-out; z-index:-1; background-color:var(--brand-primary) } .brk-pricing-shop__btn:before{ top:0 } .brk-pricing-shop__btn:after{ bottom:0 } .brk-pricing-shop__btn:hover{ color:var(--white) } .brk-pricing-plan__btn:hover:after,.brk-pricing-plan__btn:hover:before,.brk-pricing-shop__btn:hover:after,.brk-pricing-shop__btn:hover:before{ height:50% } .brk-pricing-plan{ min-height:603px; max-width:400px; margin:5px auto; position:relative } .brk-pricing-plan:hover .brk-pricing-plan__bg{ top:0; bottom:0; opacity:1 } .brk-pricing-plan:hover .brk-pricing-plan__content{ box-shadow:0 5px 25px var(--brk-base-1); top:0; bottom:0; color:#fff } .brk-pricing-plan:hover .brk-pricing-plan__included,.brk-pricing-plan:hover .brk-pricing-plan__included i{ color:#fff } .brk-pricing-plan:hover .brk-pricing-plan__btn{ width:166px; height:42px; box-shadow:none; bottom:63px } .brk-pricing-plan__bg,.brk-pricing-plan__content{ position:absolute; top:22px; bottom:22px; left:0; width:100%; transition:all .3s ease-in-out; border-radius:5px } .brk-pricing-plan__bg{ background:var(--brand-primary) no-repeat center center; background-size:cover; opacity:0; overflow:hidden; z-index:1 } .brk-pricing-plan__content{ background-color:transparent; box-shadow:0 0 0 2px #eaeaea; padding-top:19px; z-index:9 } .brk-pricing-plan__title{ text-transform:uppercase; font-size:.75rem; line-height:28px; margin-bottom:24px } .brk-pricing-plan__price{ margin-bottom:28px } .brk-pricing-plan__price .sign{ position:relative; top:6px; margin-right:5px; font-size:1rem; line-height:16px } .brk-pricing-plan__price .price{ font-size:2.5rem; line-height:40px } .brk-pricing-plan__price .period{ position:relative; top:21px; left:-3px; font-size:1rem; line-height:16px } .brk-pricing-plan__description{ font-size:1rem; line-height:28px; margin-bottom:20px } .brk-pricing-plan__included{ transition:all .3s ease-in-out; text-align:left; padding-left:25%; color:#666 } .brk-pricing-plan__included ul{ margin:0!important; list-style:none!important } .brk-pricing-plan__included ul li{ font-size:.875rem; line-height:36px } .brk-pricing-plan__included i{ color:#bdbdbd; margin-right:13px; line-height:inherit } .brk-pricing-plan__btn{ position:absolute!important; bottom:69px; left:50%; transform:translateX(-50%); font-size:.75rem; border-radius:23px; width:162px; height:38px; box-shadow:0 0 0 2px var(--brand-primary); color:var(--brand-primary); background-color:#fff; overflow:hidden; margin:0!important; transition:all .3s ease-in-out } .brk-pricing-plan__btn:after,.brk-pricing-plan__btn:before{ content:''; position:absolute; background-color:var(--brk-base-4); width:100%; height:0; left:0; z-index:-1; transition:all .3s ease-in-out } .brk-pricing-plan__btn:before{ top:0 } .brk-pricing-plan__btn:after{ bottom:0 } .brk-pricing-light{ position:relative } .brk-pricing-light>.container>.row,.brk-pricing-light>.container>.vc_row{ align-items:center } .brk-pricing-light>.container [class*=col-]:nth-child(2),.brk-pricing-light>.container [class*=vc_col-]:nth-child(2){ z-index:4 } .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__stick,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__stick{ top:-45px } @media (max-width:767px){ .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__stick,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__stick{ top:-35px } } .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item{ z-index:2 } .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item::after,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item::after{ top:-40px; height:calc(100% + 60px); opacity:1; box-shadow:0 6px 20px var(--brk-base-1); background-image:linear-gradient(40deg,rgba(var(--brand-primary-rgb),.94) 0%,rgba(var(--brk-base-2-rgb),.94) 100%) } @supports not ((-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%)) or (clip-path:polygon(50% 0%,0% 100%,100% 100%))){ .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item::after,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item::after{ background-image:none; background-color:var(--brand-primary); top:0; height:100% } } @media (max-width:767px){ .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item::after,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item::after{ top:-30px } } .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__old-price,.brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__period,.brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__price,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__old-price,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__period,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__price{ color:#fff } .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header{ padding-bottom:50px } @supports not ((-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%)) or (clip-path:polygon(50% 0%,0% 100%,100% 100%))){ .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header{ padding-bottom:30px } } .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header::after,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header::after,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header::after,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header::after{ width:100% } .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn{ box-shadow:0 0 0 2px rgba(255,255,255,.3) } .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn>.after,.brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn>.before,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn>.after,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn>.before,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn>.after,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn>.before,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn>.after,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn>.before{ background-color:var(--brk-base-6) } .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__list-indicator>i,.brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__list-item,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__list-indicator>i,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__list-item,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__header .btn>.after,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__header .btn>.before,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__header .btn>.after,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__header .btn>.before{ color:#fff } .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__body::after,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__body::after,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__body::after,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__body::after{ bottom:-23px; background-image:linear-gradient(to right,var(--brk-base-2),var(--brk-base-2)) } @media (max-width:767px){ .brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__body::after,.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__body::after{ bottom:-30px } } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__stick,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__stick{ top:-5px } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item{ z-index:1 } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item::after,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item::after{ content:''; position:absolute; left:0; top:0; height:100%; width:100%; transition:.3s ease-in-out top,.3s ease-in-out height; box-shadow:0 6px 30px rgba(0,0,0,.12); background-color:#fff; background-image:none; z-index:-1 } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__list-indicator>i,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__old-price,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__list-indicator>i,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__old-price{ color:var(--brand-primary) } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__period,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__price,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__period,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__price{ color:#292b2c } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__header,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__header{ padding-bottom:0 } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__header::after,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__header::after{ background-image:url(../../img/dashed-border-primary.png) } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__header .btn,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__header .btn{ box-shadow:0 5px 16px rgba(var(--brand-primary-rgb),.5) } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__list-item,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__list-item{ color:#9f9f9f } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__body::after,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__body::after{ bottom:0; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94) 0%,rgba(var(--secondary-rgb),.94) 100%) } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover{ z-index:2 } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover::after,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover::after{ top:-40px; bottom:30px; height:calc(100% + 60px); opacity:1; box-shadow:0 6px 20px var(--brk-base-1); background-image:linear-gradient(40deg,rgba(var(--brand-primary-rgb),.94) 0%,rgba(var(--brk-base-2-rgb),.94) 100%) } @media (max-width:767px){ .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover::after,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover::after{ top:-30px } } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__stick,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__stick{ top:-45px } @media (max-width:767px){ .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__stick,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__stick{ top:-35px } } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__old-price,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__period,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__price,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__old-price,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__period,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__price{ color:#fff } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header{ padding-bottom:50px } @supports not ((-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%)) or (clip-path:polygon(50% 0%,0% 100%,100% 100%))){ .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header{ padding-bottom:30px } } .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__list-indicator>i,.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__list-item,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__list-indicator>i,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__list-item{ color:#fff } @media (max-width:767px){ .brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__body::after,.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__body::after{ bottom:-30px } } .brk-pricing-light>.container [class*=vc_col-]:hover{ z-index:5 } .brk-pricing-light__stick{ position:absolute; top:-5px; right:-5px; width:105px; height:105px; overflow:hidden; transition:top .3s ease-in-out; z-index:9 } .brk-pricing-light__stick:after,.brk-pricing-light__stick:before{ content:''; position:absolute; width:5px; height:5px; background-color:var(--brk-base-6) } .brk-pricing-light__stick:before{ top:0; left:0 } .brk-pricing-light__stick:after{ right:0; bottom:0 } .brk-pricing-light__stick span{ position:absolute; bottom:0; right:0; width:calc(100% + 54px); height:36px; text-align:center; color:#fff; transform:rotate(45deg); transform-origin:right bottom; z-index:9; padding-left:11px; background-color:var(--brk-base-7) } .brk-pricing-light__item{ position:relative; background-color:#fff; margin-left:auto; margin-right:auto; max-width:420px } .brk-pricing-light__item::after{ content:''; position:absolute; left:0; top:0; height:100%; width:100%; transition:.3s ease-in-out top,.3s ease-in-out height; box-shadow:0 6px 30px rgba(0,0,0,.12); background-color:#fff; z-index:-1 } .brk-pricing-light__header{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:220px; transition:.3s ease-in-out padding-bottom; padding-bottom:30px } @media (max-width:767px){ .brk-pricing-light__header{ min-height:150px } } .brk-pricing-light__header::after{ content:''; position:absolute; bottom:0; left:0; width:100% } .brk-pricing-light__header .btn{ position:absolute; bottom:0; margin:0; transform:translateY(50%); box-shadow:0 5px 16px rgba(var(--brand-primary-rgb),.5); transition:.3s ease border,.3s ease box-shadow } .brk-pricing-light__header .btn:hover{ color:var(--brand-primary)!important; background-color:#fff!important } .brk-pricing-light__header .btn:hover>span.text{ color:var(--brand-primary)!important } .brk-pricing-light__header .added_to_cart{ margin:10px 0; padding:10px 40px; font-size:.875rem } .brk-pricing-light__list-indicator>i,.brk-pricing-light__old-price{ color:var(--brand-primary) } .brk-pricing-light__list-indicator{ position:absolute; left:0; top:3px } .brk-pricing-light__list-indicator>i:first-child{ display:none } [dir=rtl] .brk-pricing-light__list-indicator{ left:auto; right:0 } .brk-pricing-light__list-item{ position:relative; width:100%; text-align:center; transition:.2s ease color; opacity:.8; color:#4e4e4e } .brk-pricing-light__list-item span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:20px; padding-right:20px } .brk-pricing-light__list-item.active{ opacity:1 } .brk-pricing-light__list-item.active .brk-pricing-light__list-indicator>i:first-child{ display:inline-block } .brk-pricing-light__list-item.active .brk-pricing-light__list-indicator>i:last-child{ display:none } .brk-pricing-light__body{ position:relative } .brk-pricing-light__body::after{ content:''; background-image:linear-gradient(to right,rgba(var(--brand-primary-rgb),.94) 0%,rgba(var(--secondary-rgb),.94) 100%); position:absolute; bottom:0; left:0; height:3px; width:100%; transition:.3s ease-in-out bottom,.3s ease-in-out background } .brk-pricing-light__item:hover{ z-index:5 } .brk-pricing-light__item:hover::after{ top:-40px; height:calc(100% + 60px); opacity:1; box-shadow:0 6px 20px var(--brk-base-1); background-image:linear-gradient(40deg,rgba(var(--brand-primary-rgb),.94) 0%,rgba(var(--brk-base-2-rgb),.94) 100%) } @media (max-width:767px){ .brk-pricing-light__item:hover::after{ top:-30px } } .brk-pricing-light__item:hover .brk-pricing-light__stick{ top:-45px } @media (max-width:767px){ .brk-pricing-light__item:hover .brk-pricing-light__stick{ top:-35px } } .brk-pricing-light__item:hover .brk-pricing-light__old-price,.brk-pricing-light__item:hover .brk-pricing-light__period,.brk-pricing-light__item:hover .brk-pricing-light__price{ color:#fff } .brk-pricing-light__item:hover .brk-pricing-light__header{ padding-bottom:50px } @supports not ((-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%)) or (clip-path:polygon(50% 0%,0% 100%,100% 100%))){ .brk-pricing-light__item:hover .brk-pricing-light__header{ padding-bottom:30px } } .brk-pricing-light__item:hover .brk-pricing-light__header::after{ width:100% } .brk-pricing-light__item:hover .brk-pricing-light__header .btn{ box-shadow:0 0 0 2px rgba(255,255,255,.3) } .brk-pricing-light__item:hover .brk-pricing-light__header .btn>.after,.brk-pricing-light__item:hover .brk-pricing-light__header .btn>.before{ background-color:var(--brk-base-6) } .brk-pricing-light__item:hover .brk-pricing-light__list-indicator>i,.brk-pricing-light__item:hover .brk-pricing-light__list-item{ color:#fff } .brk-pricing-light__item:hover .brk-pricing-light__body::after{ bottom:-23px; background-image:linear-gradient(to right,var(--brk-base-2),var(--brk-base-2)) } @media (max-width:767px){ .brk-pricing-light__item:hover .brk-pricing-light__body::after{ bottom:-30px } } .dash-one-slider{ width:1000px; max-width:100%; margin:0 auto } .brk-testimonials-dash-one{ max-width:970px; margin:58px 15px 0; padding-top:69px; position:relative; text-align:left; display:flex; justify-content:center; flex-wrap:wrap } @media (max-width:575px){ .brk-testimonials-dash-one{ margin:58px 0 0 } } .brk-testimonials-dash-one:before{ content:''; position:absolute; top:0; left:15px; right:15px; width:100%; height:1px; background:url(../../img/hatch_1.png) repeat-x } .brk-testimonials-dash-one__btn{ position:absolute; right:140px; top:31px; margin:0; z-index:9; box-shadow:0 5px 16px var(--brk-base-1) } @media (max-width:479px){ .brk-testimonials-dash-one__btn{ position:relative; top:auto; left:15px; width:calc(100% - 30px); margin:20px 0 } } .brk-testimonials-dash-one__img{ position:absolute; width:116px; height:116px; border-radius:50%; overflow:hidden; top:0; left:47px; transform:translateY(-50%) } @media (max-width:767px){ .brk-testimonials-dash-one__img{ position:static; transform:none; margin:0 auto 15px } } .brk-testimonials-dash-one__info{ flex-basis:160px; min-width:160px; text-align:center; padding-top:10px } @media (max-width:767px){ .brk-testimonials-dash-one__info{ flex-basis:160px; min-width:160px; padding-top:0 } } @media (max-width:575px){ .brk-testimonials-dash-one__info{ flex-basis:100%; min-height:0 } } .brk-testimonials-dash-one__info .brk-rating{ margin:0 auto } .brk-testimonials-dash-one__info h4{ font-size:1rem; line-height:20px; margin-top:10px } .brk-testimonials-dash-one__position{ display:block; font-size:.875rem; line-height:22px; color:#585858 } .brk-testimonials-dash-one__description{ flex-basis:calc(100% - 215px); font-size:1rem; line-height:26px; padding-left:12px; color:#585858 } @media (max-width:767px){ .brk-testimonials-dash-one__description{ flex-basis:calc(100% - 160px) } } @media (max-width:575px){ .brk-testimonials-dash-one__description{ flex-basis:100%; margin-top:15px; padding-left:0 } } .brk-testimonials-dash-two{ display:flex; justify-content:space-between; flex-wrap:wrap } .brk-testimonials-dash-two .slick-track,.brk-testimonials-dash-two .swiper-container{ margin-left:0; margin-right:0 } .brk-testimonials-dash-two .dash-two-pagination{ flex-basis:100px; min-width:100px; height:340px!important; margin-top:20px; margin-bottom:20px; display:flex; overflow:visible; flex-direction:column; align-items:center } @media (max-width:767px){ .brk-testimonials-dash-two .dash-two-pagination{ flex-basis:100%; min-width:100%; height:100px!important; margin:0 auto; flex-direction:row; justify-content:center } } .brk-testimonials-dash-two .dash-two-pagination-bullet{ width:0; height:0; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; transform:scale(0); position:relative; z-index:1; transition:all .4s ease-in-out; cursor:pointer; top:0!important; left:0!important; outline:0 } .brk-testimonials-dash-two .dash-two-pagination-bullet:before{ content:''; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border-radius:50%; background-color:#fff; transition:all .4s ease-in-out } .brk-testimonials-dash-two .dash-two-pagination-bullet-active{ width:64px; height:64px; transform:scale(1.5625); z-index:4 } .brk-testimonials-dash-two .dash-two-pagination-bullet-active:before{ background-color:rgba(var(--white-rgb),0) } .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next,.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev{ width:64px; height:64px; z-index:3; outline:0 } .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next:before,.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev:before{ background-color:rgba(var(--white-rgb),.6) } .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-next,.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-prev,.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-next,.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-prev{ width:64px; height:64px; z-index:2 } .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-next:before,.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-prev:before,.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-next:before,.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-prev:before{ background-color:rgba(var(--white-rgb),.9) } .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev{ transform:translateY(-10px) scale(1.21875) } @media (max-width:767px){ .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev{ transform:translateX(-10px) scale(1.21875) } } .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-prev{ transform:translateY(-10px) scale(1) } @media (max-width:767px){ .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-prev{ transform:translateX(-10px) scale(1) } } .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next{ transform:translateY(10px) scale(1.21875) } @media (max-width:767px){ .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next{ transform:translateX(10px) scale(1.21875) } } .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-next{ transform:translateY(10px) scale(1) } @media (max-width:767px){ .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-next{ transform:translateX(10px) scale(1) } } .brk-testimonials-dash-two .dash-two-slider{ flex-basis:calc(100% - 105px); margin-right:-20px } @media (max-width:767px){ .brk-testimonials-dash-two .dash-two-slider{ flex-basis:100%; max-width:100%; margin-right:0 } } .brk-testimonials-dash-two__dots-img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:64px; height:64px; border-radius:50%; overflow:hidden; margin:auto; z-index:1; transition:all .4s ease } .brk-testimonials-dash-two__dots-img:before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0 } .brk-testimonials-dash-two__text-reviews{ margin:20px; min-height:320px; text-align:left; padding:45px 47px 45px 50px } .brk-testimonials-dash-two__text-reviews:after,.brk-testimonials-dash-two__text-reviews:before{ content:" "; display:table } .brk-testimonials-dash-two__text-reviews:after{ clear:both } .brk-testimonials-dash-two__name,.brk-testimonials-dash-two__service{ font-size:1rem; line-height:18px } .brk-testimonials-dash-two__service{ margin-left:3px; color:#9f9f9f } .brk-testimonials-dash-two__description{ font-size:1rem; line-height:28px; margin-top:24px; letter-spacing:-.001em; color:#9f9f9f } .brk-testimonials-dash-two__link-video{ float:right; font-size:1rem; line-height:42px; margin-top:27px; color:var(--brand-primary) } .brk-testimonials-dash-two__link-video span{ display:inline-block; position:relative; width:42px; height:42px; border-radius:21px; margin-right:14px; background-color:var(--brand-primary); box-shadow:0 5px 16px rgba(var(--brand-primary-rgb),.5) } .brk-testimonials-dash-two__link-video span i{ position:absolute; top:50%; left:calc(50% + 1px); transform:translate(-50%,-50%); font-size:1.25rem; color:var(--white) } .brk-testimonials-dash-three{ position:relative } .brk-testimonials-dash-three svg{ position:absolute; top:0; left:0; right:0; transform:translateY(-100%) } .brk-testimonials-dash-three .swiper-slide{ height:auto } .brk-testimonials-dash-three .swiper-pagination-base .swiper-pagination-bullet{ flex-basis:10px; min-width:10px; height:10px; outline:0 } .brk-testimonials-dash-three .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px } .brk-testimonials-dash-three .dash-three-slider{ padding:50px 0 0 } .brk-testimonials-dash-three .dash-three-slider .swiper-slide{ border-radius:7px; overflow:hidden; transition:all .3s ease-in-out } @media (max-width:991px){ .brk-testimonials-dash-three .dash-three-slider .swiper-slide{ max-width:none } } .brk-testimonials-dash-three .dash-three-slider .swiper-slide:before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; transition-property:background-color,visibility,opacity; transition-duration:.3s; background-color:rgba(var(--white-rgb),.8) } .brk-testimonials-dash-three .dash-three-slider .swiper-slide.swiper-slide-active{ transform:translateY(-10px); box-shadow:0 20px 60px rgba(0,0,0,.1) } @media (max-width:767px){ .brk-testimonials-dash-three .dash-three-slider .swiper-slide.swiper-slide-active{ transform:translateY(0) } } .brk-testimonials-dash-three .dash-three-slider .swiper-slide.swiper-slide-active:before,.brk-testimonials-dash-three .dash-three-slider_single .swiper-slide:before{ background-color:transparent; visibility:hidden; opacity:0 } .brk-testimonials-dash-three .dash-three-slider_single{ padding-top:10px } .brk-testimonials-dash-three .dash-three-slider_single .swiper-slide{ box-shadow:none; background-color:#fff } .brk-testimonials-dash-three .dash-three-slider_single .swiper-slide.swiper-slide-active{ box-shadow:none; background-color:#fff; transform:translateY(0) } .brk-bordered-theme .brk-testimonials-dash-three .dash-three-slider_single .swiper-slide{ border-radius:var(--b-radius); overflow:hidden } .brk-testimonials-dash-three__item{ width:100%; min-height:280px; height:100%; padding:40px 40px 30px; text-align:left; display:flex; flex-wrap:wrap; align-items:center; align-content:flex-start } [dir=rtl] .brk-testimonials-dash-three__item{ text-align:right } .brk-testimonials-dash-three__img{ width:48px; height:48px; border-radius:50%; overflow:hidden; float:left } .brk-testimonials-dash-five__img img,.brk-testimonials-dash-four__dots-img img,.brk-testimonials-dash-three__img img{ max-width:100%; max-height:100% } .brk-testimonials-dash-three__caption{ width:calc(100% - 48px); padding-left:19px } [dir=rtl] .brk-testimonials-dash-three__caption{ padding-left:0; padding-right:19px } .brk-testimonials-dash-three__desc{ width:100%; margin-top:22px } .brk-testimonials-dash-three_transparent{ background-color:transparent } .brk-testimonials-dash-three_dark .swiper-slide .brk-testimonials-dash-three__item{ background-color:var(--brk-base-2) } .brk-testimonials-dash-three_dark .swiper-slide-active .brk-testimonials-dash-three__item{ background-color:var(--secondary) } .brk-testimonials-dash-three_dark .brk-testimonials-dash-three__desc,.brk-testimonials-dash-three_dark .brk-testimonials-dash-three__name{ color:#fff } .brk-testimonials-dash-three_dark .brk-testimonials-dash-three__classes{ color:rgba(255,255,255,.2) } .brk-testimonials-dash-three_dark .swiper-pagination-bullet{ background-color:rgba(255,255,255,.3) } .brk-testimonials-dash-three_dark .swiper-pagination-bullet-active{ background-color:#fff } .brk-testimonials-dash-four{ min-height:406px; box-shadow:0 5px 16px rgba(0,0,0,.1); position:relative; padding-bottom:120px; background-color:var(--white) } .brk-testimonials-dash-four .dash-four-pagination{ position:absolute; bottom:25px; left:50%; transform:translateX(-50%); width:100%; height:70px; display:flex; justify-content:center; align-items:center; z-index:9 } .brk-testimonials-dash-four .dash-four-pagination-bullet{ width:42px; height:42px; border-radius:50%; margin:0 5px; background:no-repeat center center; background-size:cover; cursor:pointer; transition:all .3s ease-in-out; border:2px solid var(--white); outline:0 } .brk-testimonials-dash-four .dash-four-pagination-bullet-active,.brk-testimonials-dash-four .dash-four-pagination-bullet:hover{ width:70px; height:70px } .brk-testimonials-dash-four .dash-four-pagination_large .dash-four-pagination-bullet{ width:48px; height:48px; margin:0 25px } .brk-testimonials-dash-four .dash-four-pagination_large .dash-four-pagination-bullet-active,.brk-testimonials-dash-four .dash-four-pagination_large .dash-four-pagination-bullet:hover{ width:80px; height:80px } .brk-testimonials-dash-four__item i{ margin-top:42px; color:#e8e8e8 } .brk-testimonials-dash-four__title{ margin-top:25px; font-size:1.125rem; line-height:24px } .brk-testimonials-dash-four__text{ font-size:.875rem; line-height:24px; max-width:1000px; margin:20px auto 0; padding:0 15px; color:#88909c } .brk-testimonials-dash-four__dots-img{ border-radius:50%; overflow:hidden; border:2px solid var(--white) } .brk-testimonials-dash-four__layout{ position:absolute; left:0; right:0; bottom:0; height:60px; background:no-repeat center center; background-size:cover } .brk-testimonials-dash-four__layout .before{ position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(var(--brand-primary-rgb),.94) } .brk-testimonials-dash-four_transparent{ background-color:transparent; box-shadow:none } .brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__layout{ display:none } .brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__item i{ background-color:#fff; padding:14px; font-size:36px; border-radius:6px; color:var(--brk-base-2) } .brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__item::after,.brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__item::before{ content:''; position:absolute; left:0; top:76px; width:calc(50% - 52px); height:1px; background-color:rgba(255,255,255,.1) } .brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__item::before{ left:auto; right:0 } .brk-form-btn-inside button i,.brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__text,.brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__title{ color:#fff } .brk-testimonials-dash-four_corner-pagination .dash-four-pagination{ bottom:0; transform:translate(-50%,50%) } .brk-testimonials-dash-five{ position:relative } .brk-testimonials-dash-five .swiper-wrapper{ padding-top:70px; padding-bottom:30px } .brk-testimonials-dash-five .swiper-slide{ z-index:1 } .brk-testimonials-dash-five .swiper-slide:before{ content:''; position:absolute; left:-15px; top:0; width:calc(100% + 30px); height:100%; transition:.3s ease all; background-color:#fff } .brk-testimonials-dash-five .swiper-slide:after{ content:''; position:absolute; left:-15px; bottom:0; height:3px; width:calc(100% + 30px); background-image:linear-gradient(to right,var(--brand-primary) 0%,var(--secondary) 100%); opacity:0; transition:.3s ease opacity,.3s ease bottom } .brk-testimonials-dash-five .swiper-slide .brk-testimonials-dash-five__icon{ height:0; top:0 } .brk-testimonials-dash-five .swiper-slide-active{ z-index:2 } .brk-testimonials-dash-five .swiper-slide-active:before{ content:""; position:absolute; left:-15px; top:-15px; width:calc(100% + 30px); height:calc(100% + 30px); box-shadow:0 6px 30px rgba(0,0,0,.12); background-color:#fff } .brk-testimonials-dash-five .swiper-slide-active:after{ bottom:-15px; opacity:1 } .brk-testimonials-dash-five .swiper-slide-active .brk-testimonials-dash-five__icon{ height:90px; top:-62px } .brk-testimonials-dash-five__item{ min-height:452px; padding-top:94px; transition:all .7s ease-in-out; background-color:var(--white); color:#546887; position:relative } .brk-testimonials-dash-five__img{ margin:0 auto; width:120px; height:120px; border-radius:50%; overflow:hidden } .brk-testimonials-dash-five__name{ font-size:.875rem; line-height:24px; margin-top:21px } .brk-testimonials-dash-five__name span{ color:var(--brand-primary) } .brk-testimonials-dash-five__desc{ font-size:.875rem; line-height:24px; margin:8px auto 0; max-width:320px; padding:15px; max-height:150px } .brk-testimonials-dash-five__icon{ position:absolute; left:50%; width:90px; display:flex; align-items:center; justify-content:center; background-image:linear-gradient(40deg,var(--brand-primary) 0%,var(--secondary) 100%); border-radius:100%; transform:translateX(-50%); transition:.3s ease all; overflow:hidden } .brk-testimonials-dash-five__icon i{ color:#fff; font-size:32px } .brk-testimonials-dash-six{ position:relative; padding:38px 47px 35px; border:2px solid #e8e8e8 } .brk-testimonials-dash-six__title-slider{ font-size:2.625rem; line-height:48px; text-align:left; max-width:200px; text-transform:uppercase; margin-bottom:33px; padding-left:5px } .brk-testimonials-dash-six__item{ text-align:left; max-width:270px; padding-left:5px } .brk-testimonials-dash-six__comment{ font-size:1rem; line-height:26px; margin-bottom:27px; min-height:78px; color:#868686 } .brk-testimonials-dash-six__photo{ width:100px; height:100px; background:no-repeat center center; background-size:cover; position:relative } .brk-testimonials-dash-six__photo:before{ content:''; position:absolute; width:94px; height:94px; top:3px; left:3px; border:3px solid var(--white) } .brk-testimonials-dash-six__name{ letter-spacing:-.03em; font-size:.875rem; line-height:18px; margin-top:17px } .brk-testimonials-dash-six__job{ font-size:.875rem; line-height:18px; color:#868686; display:flex; align-items:center } .brk-testimonials-dash-six__job i{ font-size:9px; margin-right:4px } .brk-testimonials-double{ position:relative; z-index:8 } .brk-testimonials-double__slider{ margin-top:35px; padding:42px 40px 10px; min-height:340px; background:var(--white) no-repeat center; background-size:cover; position:relative } .brk-testimonials-double__slider:before{ content:'' } .brk-testimonials-double__slider.double-white:before{ background-color:rgba(var(--white-rgb),.9) } .brk-testimonials-double__slider.double-white .brk-testimonials-double__type-reviews{ background-color:var(--brand-primary); color:var(--white) } .brk-testimonials-double__slider.double-white .brk-testimonials-double__name span{ color:#9f9f9f } .brk-testimonials-double__slider.double-white .double-pagination-bullet:before{ background-color:var(--brk-base-3) } .brk-testimonials-double__slider.double-white .double-pagination-bullet-active{ border:1px solid var(--brand-primary) } .brk-testimonials-double__slider.double-dark:before{ background-color:rgba(var(--brand-primary-rgb),.9) } .brk-testimonials-double__slider.double-dark .brk-testimonials-double__type-reviews{ background-color:var(--white); color:var(--brand-primary) } .brk-testimonials-double__slider.double-dark .brk-testimonials-double__name strong,.brk-testimonials-double__slider.double-dark .brk-testimonials-double__title{ color:var(--white) } .brk-testimonials-double__slider.double-dark .brk-rating__layer i,.brk-testimonials-double__slider.double-dark .brk-testimonials-double__name span,.brk-testimonials-double__slider.double-dark-blue .brk-testimonials-double__name span{ color:rgba(var(--white-rgb),.5) } .brk-testimonials-double__slider.double-dark .double-pagination-bullet:before,.brk-testimonials-double__slider.double-dark-blue .double-pagination-bullet:before{ background-color:var(--white) } .brk-testimonials-double__slider.double-dark .double-pagination-bullet-active{ border:1px solid #fff } .brk-testimonials-double__slider.double-dark-blue:before{ background-color:rgba(0,2,67,.78) } .brk-testimonials-double__slider.double-dark-blue .brk-testimonials-double__type-reviews{ background-color:var(--white); color:var(--brand-primary) } .brk-testimonials-double__slider.double-dark .brk-rating__imposition i,.brk-testimonials-double__slider.double-dark-blue .brk-testimonials-double__name strong,.brk-testimonials-double__slider.double-dark-blue .brk-testimonials-double__title{ color:var(--white) } .brk-testimonials-double__slider.double-dark-blue .double-pagination-bullet-active{ border:1px solid #fff } .brk-testimonials-double__slider.double-dark-blue .brk-rating__layer i,.brk-testimonials-double__slider.double-dark-light .brk-testimonials-double__name span{ color:rgba(var(--white-rgb),.5) } .brk-testimonials-double__slider.double-dark-light:before{ background-color:rgba(0,0,0,.7) } .brk-testimonials-double__slider.double-dark-light .brk-testimonials-double__type-reviews{ background-color:var(--brand-primary); color:var(--white) } .brk-testimonials-double__slider.double-dark-blue .brk-rating__imposition i,.brk-testimonials-double__slider.double-dark-light .brk-testimonials-double__name strong,.brk-testimonials-double__slider.double-dark-light .brk-testimonials-double__title{ color:var(--white) } .brk-testimonials-double__slider.double-dark-light .double-pagination-bullet:before{ background-color:var(--brk-base-3) } .brk-testimonials-double__slider.double-dark-light .double-pagination-bullet-active{ border:1px solid #dbdbdb } .brk-testimonials-double__item{ min-height:240px; display:flex; flex-direction:column } .brk-testimonials-double__type-reviews{ position:relative; min-width:100px; padding-left:10px; padding-right:10px; height:32px; border-radius:16px; text-align:center; font-size:.875rem; line-height:32px; z-index:2; display:inline-block } .brk-testimonials-double__type-reviews_squared{ border-radius:0; font-size:.8125rem; height:22px; line-height:22px; min-width:90px; font-weight:400 } .brk-testimonials-double__title{ font-size:1.5rem; line-height:32px; text-transform:uppercase; margin-top:37px; padding-right:5px; margin-bottom:32px } .brk-testimonials-double__contant{ display:flex; align-items:center } .brk-testimonials-double__photo{ flex-basis:86px; width:86px; height:86px; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:cover } .brk-testimonials-double__name{ flex-basis:calc(100% - 86px); width:calc(100% - 86px); padding-left:25px; padding-top:7px } .brk-testimonials-double__name span,.brk-testimonials-double__name strong{ display:block } .brk-testimonials-double__name strong{ margin-top:16px; font-size:1rem; line-height:16px } .brk-testimonials-double__name span{ margin-top:5px; font-size:.875rem; line-height:14px } .brk-testimonials-layered-horizontal{ min-height:420px; background:no-repeat center; background-size:cover; position:relative; padding-bottom:106px } .brk-testimonials-double__slider:before,.brk-testimonials-layered-horizontal .before-layer{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1 } .brk-testimonials-layered-horizontal .after-layer{ position:absolute; top:0; right:0; left:0; height:104px; z-index:1; background-color:var(--white) } .brk-testimonials-layered-horizontal svg{ position:absolute; top:103px; left:0; right:0; z-index:2 } .brk-testimonials-layered-horizontal__container{ max-width:920px; margin:0 auto; position:relative; z-index:9 } .brk-testimonials-layered-horizontal__container .layered-horizontal-slider{ width:calc(100% - 150px) } @media (max-width:575px){ .brk-testimonials-layered-horizontal__container .layered-horizontal-slider{ width:calc(100% - 50px) } } .brk-testimonials-layered-horizontal__container .swiper-base-arrow-md{ top:50%; transform:translateY(-50%); outline:0 } .brk-testimonials-layered-horizontal__container .swiper-base-arrow-md i{ font-size:1rem } .brk-testimonials-layered-horizontal__container .swiper-base-arrow-md.button-prev{ left:4px; outline:0 } .brk-testimonials-layered-horizontal__container .swiper-base-arrow-md.button-next{ right:4px; outline:0 } .brk-testimonials-layered-horizontal__item{ width:100%; min-height:420px; border-radius:16px; position:relative; padding-top:52px; box-shadow:0 12px 31px rgba(0,0,0,.24); background-color:var(--white) } .brk-bordered-theme .brk-testimonials-layered-horizontal .overlay-horizontal,.brk-bordered-theme .brk-testimonials-layered-horizontal__item{ border-radius:var(--b-radius) } .brk-testimonials-layered-horizontal .overlay-horizontal{ position:absolute; width:calc(100% - 60px); height:calc(100% - 60px); top:50%; left:50%; transform:translate(-50%,-50%); box-shadow:0 12px 31px rgba(0,0,0,.24); border-radius:16px; transition:all .8s ease; z-index:1; background-color:rgba(255,255,255,.8) } @media (max-width:575px){ .brk-testimonials-layered-horizontal .overlay-horizontal{ display:none } } .brk-testimonials-layered-horizontal .overlay-horizontal.deactive{ width:calc(100% - 400px); height:calc(100% - 400px); opacity:0 } .brk-testimonials-layered-horizontal__photo{ width:119px; height:119px; border-radius:50%; box-shadow:0 0 0 16px rgba(0,0,0,.02); background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 auto; position:relative } .brk-testimonials-layered-horizontal__photo:before{ content:''; position:absolute; border-radius:50%; top:0; left:0; width:100%; height:100%; box-shadow:0 0 0 7px rgba(0,0,0,.06) } .brk-testimonials-layered-horizontal__name{ font-size:1.125rem; line-height:18px; margin-top:41px } .brk-testimonials-layered-horizontal__job{ font-size:.9375rem; line-height:17px; margin-top:6px; color:#9f9f9f } .brk-testimonials-layered-horizontal__comment{ font-size:1rem; line-height:26px; padding:0 15px; max-width:700px; margin:28px auto 0; color:#9f9f9f } @media (max-width:767px){ .brk-testimonials-layered-horizontal__comment{ padding:0 15px 15px } } .brk-testimonials-layered-vertical{ max-width:970px; margin:0 auto; position:relative; padding:0 100px } @media (max-width:767px){ .brk-testimonials-layered-vertical{ padding:0 15px } } .brk-testimonials-layered-vertical__container{ max-width:770px; padding:40px 0 } @media (max-width:767px){ .brk-testimonials-layered-vertical__container{ padding:100px 0 40px } } .brk-testimonials-layered-vertical__container .swiper-base-arrow-vertical{ top:50%; transform:translateY(-50%); width:64px; height:72px } @media (max-width:767px){ .brk-testimonials-layered-vertical__container .swiper-base-arrow-vertical{ top:5px; transform:translateY(0) } } .brk-testimonials-layered-vertical__container .swiper-base-arrow-vertical i{ font-size:4rem; line-height:64px; color:var(--brand-primary) } .brk-testimonials-layered-vertical__container .swiper-base-arrow-vertical.button-prev{ left:19px; outline:0 } .brk-testimonials-layered-vertical__container .swiper-base-arrow-vertical.button-next{ right:19px; outline:0 } .brk-testimonials-layered-vertical .overlay-vertical{ position:absolute; width:calc(100% - 280px); height:100%; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow:0 12px 31px rgba(0,0,0,.24); border-radius:16px; transition:all .8s ease-in-out; z-index:1; background-color:var(--white) } @media (max-width:767px){ .brk-testimonials-layered-vertical .overlay-vertical{ display:none } } .brk-testimonials-layered-vertical .overlay-vertical.deactive{ width:100px; height:100px; opacity:0 } .brk-testimonials-layered-vertical .swiper-wrapper{ height:370px } @media (max-width:767px){ .brk-testimonials-layered-vertical .swiper-wrapper{ height:500px } } @media (max-width:575px){ .brk-testimonials-layered-vertical .swiper-wrapper{ height:540px } } @media (max-width:375px){ .brk-testimonials-layered-vertical .swiper-wrapper{ height:580px } } .brk-testimonials-layered-vertical__item{ width:100%; height:100%; min-height:370px; border-radius:16px; position:relative; text-align:left; box-shadow:0 12px 31px rgba(0,0,0,.24); background-color:var(--white) } .brk-testimonials-layered-vertical__person{ display:flex; justify-content:space-between; align-items:center; padding:30px 0; border-bottom:1px solid #f4f4f4 } @media (max-width:767px){ .brk-testimonials-layered-vertical__person{ flex-direction:column } } .brk-testimonials-layered-vertical__person-info{ flex-basis:60%; width:60%; padding-left:41px } .brk-testimonials-layered-vertical__person-info:after,.brk-testimonials-layered-vertical__person-info:before{ content:" "; display:table } .brk-testimonials-layered-vertical__person-info:after{ clear:both } @media (max-width:767px){ .brk-testimonials-layered-vertical__person-info{ flex-basis:100%; width:100%; padding-left:0; text-align:center } } .brk-testimonials-layered-vertical__photo{ width:91px; height:91px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:50%; margin-right:23px; box-shadow:0 0 0 3px #f0f0f0; float:left } @media (max-width:767px){ .brk-testimonials-layered-vertical__photo{ float:none; margin:0 auto } } .brk-testimonials-layered-vertical__name{ font-size:1.3125rem; line-height:21px; margin-top:27px } .brk-testimonials-layered-vertical__job{ font-size:.9375rem; line-height:17px; margin-top:5px; color:#9f9f9f } .brk-testimonials-layered-vertical__comment{ font-size:1rem; line-height:26px; padding:36px 15px 15px; max-width:700px; margin:0 auto; color:#9f9f9f } @media (max-width:767px){ .brk-testimonials-layered-vertical__comment{ text-align:center } } .brk-testimonials-layered-vertical .brk-rating{ right:40px; top:6px } @media (max-width:767px){ .brk-testimonials-layered-vertical .brk-rating{ right:auto; top:15px } } .brk-testimonials-circle{ height:700px; position:relative; margin-bottom:45px; text-align:center } @media (max-width:575px){ .brk-testimonials-circle{ height:500px } } .brk-testimonials-circle:before{ content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:0; height:0; border-left:15px solid transparent; border-right:15px solid transparent; z-index:9; border-top:15px solid var(--white) } .brk-testimonials-circle .circle-slider{ width:100%; height:100% } .brk-testimonials-circle__parallax-bg{ position:absolute; left:0; top:0; width:130%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat } .brk-testimonials-circle__parallax-bg:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.7) } .brk-testimonials-circle__item{ position:absolute; top:calc(50% - 20px); left:50%; transform:translate(-50%,-50%); width:100%; padding:0 15px; max-width:800px; color:var(--white) } .brk-testimonials-circle__item i{ font-size:2.75rem; line-height:30px; margin-bottom:45px; color:rgba(var(--white-rgb),.3) } .brk-testimonials-circle__comment{ font-size:1.625rem; line-height:44px; letter-spacing:-.025em } @media (max-width:575px){ .brk-testimonials-circle__comment{ font-size:1rem; line-height:28px } } .brk-testimonials-circle__name{ font-size:.75rem; line-height:14px; margin-top:40px; letter-spacing:.03em } .brk-testimonials-circle__name span{ text-transform:uppercase } .brk-testimonials-circle .circle-pagination{ position:absolute; bottom:0; left:0; transform:translateY(50%); width:100%; height:82px; display:flex; justify-content:center; align-items:center; z-index:99 } .brk-testimonials-circle .circle-pagination-bullet{ width:48px; height:48px; border-radius:50%; margin:0 25px; background:no-repeat center center; background-size:cover; cursor:pointer; transition:all .4s ease-in-out; border:2px solid var(--white); outline:0 } @media (max-width:575px){ .brk-testimonials-circle .circle-pagination-bullet{ width:30px; height:30px; margin:0 8px } } .brk-testimonials-circle .circle-pagination-bullet-active,.brk-testimonials-circle .circle-pagination-bullet:hover{ transform:scale(1.66667); border-width:1px } @media (max-width:575px){ .brk-testimonials-circle .circle-pagination-bullet-active,.brk-testimonials-circle .circle-pagination-bullet:hover{ transform:scale(1.4) } } .swiper-pagination-base{ margin:43px auto 0; transform:none!important; display:flex; width:100px } .swiper-pagination-base_lite-white .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){ background:#fff; opacity:1 } .swiper-pagination-base .swiper-pagination-bullet{ flex-basis:8px; min-width:8px; height:8px; outline:0 } .dash-six-arrow{ width:68px; height:68px; position:absolute; bottom:-2px; right:-2px; z-index:9; background-color:var(--brand-primary); color:var(--white) } .dash-six-arrow-next,.dash-six-arrow-prev{ position:absolute; width:50%; height:100%; cursor:pointer; outline:0 } .dash-six-arrow-next i,.dash-six-arrow-prev i{ position:absolute; top:50%; transform:translateY(-50%); margin-top:-1px } .dash-six-arrow-prev{ left:0 } .dash-six-arrow-prev i{ right:7px } .dash-six-arrow-next{ right:0 } .dash-six-arrow-next i{ left:7px } .double-pagination{ position:absolute; top:54px; right:33px; display:flex; z-index:3 } .double-pagination-bullet{ width:12px; height:12px; border-radius:50%; border:1px solid transparent; position:relative; margin:0 7px; cursor:pointer; transition:all .3s ease-in-out; outline:0 } .double-pagination-bullet:before{ content:''; position:absolute; width:6px; height:6px; border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .3s ease-in-out } .double-pagination-bullet-active:before{ opacity:0 } .swiper-pagination-bullet-active{ background-color:var(--brand-primary) } .indent__1{ padding:70px 30px 60px } @media (min-width:768px){ .indent__1{ padding:100px 50px 70px 110px } } .cfa__container{ padding:17px 25px } @media (min-width:992px){ .cfa__container p{ margin-left:30px; margin-right:30px } .cfa__container{ display:flex; justify-content:space-between; align-items:center } } .cfa__container>*{ margin:10px 20px } .cfa__minimal{ padding:17px 25px; position:relative; z-index:1 } .cfa__minimal:before{ content:''; position:absolute; width:6px; height:36px; top:50%; transform:translateY(-50%); left:-3px; background:var(--secondary); border-radius:50px } @media (min-width:992px){ .cfa__minimal p{ margin-left:30px; margin-right:30px } .cfa__minimal{ display:flex; justify-content:space-between; align-items:center } } .cfa__minimal .btn{ box-shadow:0 5px 21px rgba(0,0,0,.3) } .cfa__minimal>*{ margin:10px 20px } @media (max-width:991px){ .cfa__hot{ text-align:center } } @media (min-width:992px){ .cfa__hot{ display:flex; justify-content:space-around; align-items:center } } .cfa__hot>*{ margin:10px 0 } .cfa__hot .btn:not(.btn-inside-out-invert){ background:0 0; color:#fff } .cfa__hot .btn:not(.btn-inside-out-invert)>.after,.cfa__hot .btn:not(.btn-inside-out-invert)>.before{ background:var(--brk-base-2) } .cfa__hot .btn:not(.btn-inside-out-invert) .border-btn{ border-color:var(--brk-base-2) } .cfa__hot .btn.btn-prime-white-transparent .border-btn{ border-color:#fff } .brk-form-strict .jq-select-multiple ul:hover,.cfa__hot_primary .btn .border-btn{ border-color:var(--brand-primary) } .cfa__outer .cfa__heading{ padding:40px 20px; border-top-left-radius:30px; border-top-right-radius:30px } .cfa__outer p{ max-width:1010px; margin:0 auto; padding:40px 15px 8px } .cfa__outer .btn{ transform:translateY(50%); margin:0 } .cfa__email *+p{ margin-top:27px } .cfa__trend{ margin-bottom:50px; position:relative; z-index:1 } @media (min-width:768px){ .cfa__trend{ margin-right:50px } } .cfa__trend h1,.cfa__trend h2{ font-size:35px } @media (min-width:768px){ .cfa__trend h1,.cfa__trend h2{ font-size:56px } } .cfa__trend .maxw-770{ margin-left:0 } .cfa__trend .icon-go{ display:block; text-align:right; font-size:36px; margin-top:10px } @media (min-width:1200px){ .cfa__trend .icon-go{ position:absolute; bottom:80px; right:80px } } .cfa__trend .grad-border{ border-left:12px solid var(--brk-base-2); border-right:12px solid var(--secondary); position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0 } .cfa__trend .grad-border:after,.cfa__trend .grad-border:before{ content:''; position:absolute; top:0; left:0; right:0; height:12px; background:linear-gradient(to right,var(--brk-base-2),var(--secondary)) } .cfa__trend .grad-border:after{ top:auto; bottom:0 } .cfa__trend .divider-layers{ margin-left:0 } .cfa__trend .divider-layers>.before{ left:0; transform:none } .cfa__trend .bg-after{ display:none; position:absolute; top:60px; left:60px; width:100%; height:100%; background-size:cover; z-index:-2 } @media (min-width:768px){ .cfa__trend .bg-after{ display:block } } .cfa__image .bg-after:after,.cfa__trend .bg-after:before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0 } .cfa__trend .bg-after:before{ background:rgba(255,255,255,.88) } .cfa__video{ padding:150px 0 50px; margin-top:-90px } .cfa__video_style-1{ padding:275px 0 65px; margin-top:-215px } .cfa__video .border-left{ padding:10px 35px; display:inline-block; vertical-align:middle; border-left:3px solid var(--brk-base-2) } .cfa__image{ z-index:1 } .cfa__image .btn{ margin:20px 0 0 } .cfa__image .bg-after{ content:''; position:absolute; top:15px; left:15px; right:15px; bottom:15px; background-size:cover; z-index:-1 } .cfa__image .bg-after:after{ background:linear-gradient(to right,#fff,transparent) } [dir=rtl] .cfa__image .bg-after:after{ background:linear-gradient(to left,#fff,transparent) } .cfa__image.overlay__gradient>.overlay_after{ z-index:-2 } .cfa-card,.cfa__image{ position:relative } .cfa-card__img-container{ position:absolute; left:0; top:0; width:100% } @media screen and (max-width:767px){ .cfa-card__img-container{ position:relative } } .cfa-card__img{ margin-left:30px; max-width:calc(100% - 30px); height:auto } @media screen and (max-width:767px){ .cfa-card__img{ max-width:100%; margin-left:auto; margin-right:auto; display:block } } .cfa-card__btn{ box-shadow:0 5px 16px rgba(0,0,0,.2)!important; background-color:#fff!important; color:var(--brand-primary)!important } .cfa-card__btn .border-btn{ display:none } .cfa-lined__line{ height:46px; width:3px; flex-grow:0 } .brk-form-checkbox,.brk-form-checkbox-label,.brk-form-radio,.brk-form-radio-label,.brk-form-strict .brk-form-date-wrap,.brk-form-strict .jq-selectbox,.brk-form-wrap,.title-box h1+h6,.title-box h1+p,.title-box h2+h6,.title-box h2+p,[type=file]~.file-info{ margin-top:30px } .no-margin .brk-form-checkbox,.no-margin .brk-form-checkbox-label{ margin-top:0 } .brk-form [type=email],.brk-form [type=password],.brk-form [type=search],.brk-form [type=tel],.brk-form [type=text]{ height:58px } .brk-form [type=date]::-webkit-calendar-picker-indicator,.brk-form [type=date]::-webkit-inner-spin-button{ display:none; -webkit-appearance:none } .brk-form-file-wrap{ width:100%; display:block; position:relative } .brk-form-file-wrap-transparent{ width:calc(100% - 110px); display:block; position:relative } .brk-form-strict_bd-white [type=email],.brk-form-strict_bd-white [type=password],.brk-form-strict_bd-white [type=search],.brk-form-strict_bd-white [type=tel],.brk-form-strict_bd-white [type=text]{ border-bottom:1px solid #fff!important } .brk-form-strict_bd-white .brk-form-wrap-active [type=email],.brk-form-strict_bd-white .brk-form-wrap-active [type=password],.brk-form-strict_bd-white .brk-form-wrap-active [type=search],.brk-form-strict_bd-white .brk-form-wrap-active [type=tel],.brk-form-strict_bd-white .brk-form-wrap-active [type=text]{ border-bottom-color:#fff!important } .brk-form-strict [type=email]:not([disabled]),.brk-form-strict [type=password]:not([disabled]),.brk-form-strict [type=search]:not([disabled]),.brk-form-strict [type=tel]:not([disabled]),.brk-form-strict [type=text]:not([disabled]),.brk-form-strict textarea:not([disabled]){ width:100%; font-size:.875rem; background-color:transparent } .brk-form-strict [type=date]:not([disabled]){ background-color:transparent } .brk-form-strict [type=email],.brk-form-strict [type=password],.brk-form-strict [type=search],.brk-form-strict [type=tel],.brk-form-strict [type=text]{ width:100%; height:54px; border:0; border-radius:0; box-shadow:none; padding:0 15px 0 21px; transition:all .4s ease-in-out; border-bottom:1px solid var(--form-color-1); color:var(--brk-dark-base) } .brk-form-strict [type=email]+.input-label,.brk-form-strict [type=password]+.input-label,.brk-form-strict [type=search]+.input-label,.brk-form-strict [type=tel]+.input-label,.brk-form-strict [type=text]+.input-label,.brk-form-strict textarea+.input-label{ position:absolute; top:22px; left:21px; display:block; font-size:.875rem; line-height:14px; transition:all .4s ease-in-out; color:#a2a5ad; white-space:nowrap } .brk-form-strict [type=email][disabled],.brk-form-strict [type=password][disabled],.brk-form-strict [type=search][disabled],.brk-form-strict [type=tel][disabled],.brk-form-strict [type=text][disabled]{ border-bottom:1px solid #e9e9e9 } .brk-form-strict [type=email][disabled]+.input-label,.brk-form-strict [type=password][disabled]+.input-label,.brk-form-strict [type=search][disabled]+.input-label,.brk-form-strict [type=tel][disabled]+.input-label,.brk-form-strict [type=text][disabled]+.input-label{ cursor:default } .brk-form-strict [type=email].transparent-border,.brk-form-strict [type=password].transparent-border,.brk-form-strict [type=search].transparent-border,.brk-form-strict [type=tel].transparent-border,.brk-form-strict [type=text].transparent-border{ border-bottom:1px solid rgba(255,255,255,.8) } .brk-form-strict [type=email][required]+.input-label:after,.brk-form-strict [type=password][required]+.input-label:after,.brk-form-strict [type=search][required]+.input-label:after,.brk-form-strict [type=tel][required]+.input-label:after,.brk-form-strict [type=text][required]+.input-label:after{ content:"*"; position:absolute; color:var(--brand-primary); padding-left:5px } .brk-form-strict textarea{ min-height:170px; padding:10px 15px; line-height:18px; transition:all .4s ease-in-out; border:1px solid var(--form-color-1) } .brk-form-strict textarea+.input-label{ top:21px } .brk-form-strict textarea.bordered-bottom{ border-left:0; border-top:0; border-right:0 } .brk-form-strict textarea.resizable-none{ resize:none } .brk-form-strict .jq-selectbox{ width:100%; text-align:left; cursor:pointer } .brk-form-strict .jq-selectbox__select{ width:100%; height:54px; transition:all .4s ease-in-out; border-bottom:1px solid var(--brk-base-4); color:rgba(var(--brk-dark-base-rgb),.4) } .brk-form-strict .jq-selectbox__select-text{ line-height:54px; padding:0 15px 0 21px } .brk-form-strict .jq-selectbox__trigger{ position:absolute; top:0; right:0; bottom:0; width:41px } .brk-form-strict .jq-selectbox__trigger-arrow{ position:absolute; top:27px; left:18px; width:0; height:0; border-right:5px solid transparent; border-left:5px solid transparent; border-top:6px solid var(--brand-primary) } .brk-form-strict .jq-selectbox__dropdown{ width:100%; border-top:transparent; background-color:var(--white); border:1px solid var(--brand-primary) } .brk-form-strict .jq-selectbox__dropdown ul{ max-height:170px; padding:12px 0 } .brk-form-round .jq-select-multiple ul li,.brk-form-round .jq-selectbox__dropdown ul li,.brk-form-strict .jq-select-multiple ul li,.brk-form-strict .jq-selectbox__dropdown ul li,.brk-form-strict [type=file]~.file-info,.brk-form-transparent .jq-selectbox__dropdown ul li{ padding:0 10px 0 30px; line-height:34px; color:rgba(var(--brk-dark-base-rgb),.4) } .brk-form-strict .jq-selectbox__dropdown ul li.sel{ color:var(--brk-base-4) } .brk-form-strict .jq-select-multiple ul li.selected,.brk-form-strict .jq-select-multiple ul li:hover,.brk-form-strict .jq-selectbox__dropdown ul li.selected,.brk-form-strict .jq-selectbox__dropdown ul li:hover{ color:var(--brand-primary) } .brk-form-strict .jq-selectbox.opened .jq-selectbox__select{ border-bottom-color:var(--brand-primary) } .brk-form-strict .jq-selectbox.opened .jq-selectbox__select-text{ color:var(--brk-dark-base) } .brk-form-strict .jq-select-multiple{ width:100%; height:170px; text-align:left; cursor:pointer; margin-top:30px } .brk-form-strict .jq-select-multiple ul{ height:100%!important; padding:12px 0; transition:all .4s ease-in-out; border:1px solid var(--brk-base-4) } .brk-form-strict [type=file]{ display:none } .brk-form-strict [type=file]~.file-info{ width:100%; display:block; font-size:.875rem; height:42px; text-align:left; box-shadow:none; padding:0 20px 0 13px; transition:all .4s ease-in-out; cursor:pointer; border-bottom:1px solid var(--brk-base-4) } .brk-form-strict [type=file]~.file-info:active,.brk-form-strict [type=file]~.file-info:focus{ border-bottom-color:var(--brand-primary) } .brk-form-strict [type=file]~.icon-before{ position:absolute; top:0; bottom:0; right:10px; width:14px } .brk-form-strict [type=file]~.icon-before i{ position:absolute; top:7px; left:50%; transform:translateX(-50%); font-size:.875rem; line-height:14px; color:var(--brand-primary) } .brk-form-strict .brk-form-date-wrap,.brk-form-wrap{ position:relative } .brk-form-strict .brk-form-date-wrap input{ width:100%; height:54px; border:0; font-size:.875rem; border-radius:0; box-shadow:none; padding:0 15px 0 21px; transition:all .4s ease-in-out; cursor:pointer; border-bottom:1px solid var(--brk-base-4); color:var(--brk-dark-base) } .brk-form-strict .brk-form-date-wrap input::-webkit-input-placeholder{ color:rgba(var(--brk-dark-base-rgb),.4); opacity:1 } .brk-form-strict .brk-form-date-wrap input::-moz-placeholder{ color:rgba(var(--brk-dark-base-rgb),.4); opacity:1 } .brk-form-strict .brk-form-date-wrap input:-ms-input-placeholder,.brk-form-strict .brk-form-date-wrap input::-ms-input-placeholder{ color:rgba(var(--brk-dark-base-rgb),.4); opacity:1 } .brk-form-strict .brk-form-date-wrap input::placeholder{ color:rgba(var(--brk-dark-base-rgb),.4); opacity:1 } .brk-form-strict .brk-form-date-wrap input:active,.brk-form-strict .brk-form-date-wrap input:focus{ border-bottom-color:var(--brand-primary) } .brk-form-strict .brk-form-date-wrap input~.icon-before{ position:absolute; top:0; bottom:0; right:12px; width:14px } .brk-form-strict .brk-form-date-wrap input~.icon-before i{ position:absolute; left:50%; bottom:19px; transform:translateX(-50%); font-size:.875rem; line-height:14px; color:var(--brand-primary) } .brk-form-strict .brk-form-checkbox{ display:inline-block } .brk-form-strict .brk-form-checkbox input,.brk-form-strict .brk-form-radio input{ display:none } .brk-form-strict .brk-form-checkbox .checkbox-custom{ width:20px; height:20px; display:block; position:relative; vertical-align:middle; transition:all .2s ease-in-out; margin-top:1px; cursor:pointer; border:1px solid #e7e7e7; background-color:var(--white) } .brk-form-strict .brk-form-checkbox .checkbox-custom i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:.875rem; line-height:14px; opacity:0; visibility:hidden; transition:all .2s ease-in-out; color:var(--white) } .brk-form-strict .brk-form-checkbox input:checked+.checkbox-custom{ border-color:var(--brand-primary); background-color:var(--brand-primary) } .brk-form-round .brk-form-checkbox input:checked+.checkbox-custom i,.brk-form-round .brk-form-radio input:checked+.radio-custom:before,.brk-form-strict .brk-form-checkbox input:checked+.checkbox-custom i,.brk-form-strict .brk-form-radio input:checked+.radio-custom:before,.brk-form-transparent .brk-form-checkbox input:checked+.checkbox-custom i,.brk-form-transparent .brk-form-radio input:checked+.radio-custom i{ opacity:1; visibility:visible } .brk-form-strict .brk-form-checkbox-label{ font-size:.875rem; line-height:22px; padding-left:8px; cursor:pointer; color:var(--brk-dark-base) } .brk-form-strict .brk-form-radio{ display:inline-block } .brk-form-strict .brk-form-radio .radio-custom{ width:20px; height:20px; display:block; border-radius:50%; position:relative; float:left; vertical-align:middle; margin-top:1px; cursor:pointer; transition:all .2s ease-in-out; border:1px solid #e7e7e7; background-color:var(--white) } .brk-form-strict .brk-form-radio .radio-custom:before{ content:''; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:50%; opacity:0; visibility:hidden; transition:all .2s ease-in-out; background-color:var(--brand-primary) } .brk-form-strict .brk-form-radio input:checked+.radio-custom,.comment-subscription-form input:checked+.subscribe-label:before{ border-color:var(--brand-primary) } .brk-form-strict .brk-form-radio-label{ font-size:.875rem; line-height:24px; padding-left:8px; vertical-align:middle; cursor:pointer; color:var(--brk-dark-base) } .brk-form-strict_silver [type=email],.brk-form-strict_silver [type=password],.brk-form-strict_silver [type=search],.brk-form-strict_silver [type=tel],.brk-form-strict_silver [type=text]{ border-bottom:2px solid rgba(255,255,255,.2)!important; color:#868686 } .brk-form-strict_silver [type=email]+.input-label,.brk-form-strict_silver [type=password]+.input-label,.brk-form-strict_silver [type=search]+.input-label,.brk-form-strict_silver [type=tel]+.input-label,.brk-form-strict_silver [type=text]+.input-label,.brk-form-strict_silver textarea+.input-label{ color:#868686 } .brk-form-strict_silver textarea{ border:2px solid rgba(255,255,255,.2) } .brk-form-strict_silver textarea.bordered-bottom{ border-left:0; border-top:0; border-right:0 } .brk-form-strict_silver textarea.resizable-none{ resize:none } .brk-form-row .brk-form-wrap,.cfa_footer form{ flex-grow:1 } .brk-form-wrap .input-label{ cursor:text } .brk-form-wrap-active [type=email],.brk-form-wrap-active [type=password],.brk-form-wrap-active [type=search],.brk-form-wrap-active [type=tel],.brk-form-wrap-active [type=text]{ border-bottom-color:var(--brand-primary) } .brk-form-wrap-active [type=email]+.input-label,.brk-form-wrap-active [type=password]+.input-label,.brk-form-wrap-active [type=search]+.input-label,.brk-form-wrap-active [type=tel]+.input-label,.brk-form-wrap-active [type=text]+.input-label,.brk-form-wrap-active textarea+.input-label{ top:0; left:12px; font-size:.75rem; letter-spacing:-.06em; white-space:nowrap } .brk-form-wrap-active textarea{ border:1px solid var(--brand-primary) } .brk-form-wrap-active textarea+.input-label{ top:-25px } .brk-form-round .brk-form-label{ display:block; width:100%; text-align:left; font-size:.875rem; padding-left:31px; margin-bottom:19px } .brk-form-round [type=email],.brk-form-round [type=password],.brk-form-round [type=search],.brk-form-round [type=tel],.brk-form-round [type=text]{ width:100%; height:54px; border-radius:27px; font-size:.875rem; padding:0 20px 0 30px; box-shadow:none; background-color:var(--white); border:2px solid rgba(205,205,205,.2); color:var(--brk-dark-base) } .brk-form-round .brk-form-date-wrap input::-webkit-input-placeholder,.brk-form-round [type=email]::-webkit-input-placeholder,.brk-form-round [type=password]::-webkit-input-placeholder,.brk-form-round [type=search]::-webkit-input-placeholder,.brk-form-round [type=tel]::-webkit-input-placeholder,.brk-form-round [type=text]::-webkit-input-placeholder,.brk-form-round textarea::-webkit-input-placeholder{ color:rgba(var(--brk-dark-base-rgb),.4); opacity:1 } .brk-form-round .brk-form-date-wrap input::-moz-placeholder,.brk-form-round [type=email]::-moz-placeholder,.brk-form-round [type=password]::-moz-placeholder,.brk-form-round [type=search]::-moz-placeholder,.brk-form-round [type=tel]::-moz-placeholder,.brk-form-round [type=text]::-moz-placeholder,.brk-form-round textarea::-moz-placeholder{ color:rgba(var(--brk-dark-base-rgb),.4); opacity:1 } .brk-form-round .brk-form-date-wrap input:-ms-input-placeholder,.brk-form-round .brk-form-date-wrap input::-ms-input-placeholder,.brk-form-round [type=email]:-ms-input-placeholder,.brk-form-round [type=email]::-ms-input-placeholder,.brk-form-round [type=password]:-ms-input-placeholder,.brk-form-round [type=password]::-ms-input-placeholder,.brk-form-round [type=search]:-ms-input-placeholder,.brk-form-round [type=search]::-ms-input-placeholder,.brk-form-round [type=tel]:-ms-input-placeholder,.brk-form-round [type=tel]::-ms-input-placeholder,.brk-form-round [type=text]:-ms-input-placeholder,.brk-form-round [type=text]::-ms-input-placeholder,.brk-form-round textarea:-ms-input-placeholder,.brk-form-round textarea::-ms-input-placeholder{ color:rgba(var(--brk-dark-base-rgb),.4); opacity:1 } .brk-form-round .brk-form-date-wrap input::placeholder,.brk-form-round [type=email]::placeholder,.brk-form-round [type=password]::placeholder,.brk-form-round [type=search]::placeholder,.brk-form-round [type=tel]::placeholder,.brk-form-round [type=text]::placeholder,.brk-form-round textarea::placeholder{ color:rgba(var(--brk-dark-base-rgb),.4); opacity:1 } .brk-form-round .brk-form-date-wrap input:active,.brk-form-round .brk-form-date-wrap input:focus,.brk-form-round [type=email]:active,.brk-form-round [type=email]:focus,.brk-form-round [type=password]:active,.brk-form-round [type=password]:focus,.brk-form-round [type=search]:active,.brk-form-round [type=search]:focus,.brk-form-round [type=tel]:active,.brk-form-round [type=tel]:focus,.brk-form-round [type=text]:active,.brk-form-round [type=text]:focus,.brk-form-round textarea:active,.brk-form-round textarea:focus{ box-shadow:0 5px 16px rgba(165,165,165,.5); border-color:var(--brk-base-2) } .brk-form-round [type=email][disabled],.brk-form-round [type=password][disabled],.brk-form-round [type=search][disabled],.brk-form-round [type=tel][disabled],.brk-form-round [type=text][disabled]{ border:2px solid rgba(205,205,205,.2); background-color:#f6f6f6 } .brk-form-round [type=email][disabled]:active,.brk-form-round [type=email][disabled]:focus,.brk-form-round [type=email][readonly]:active,.brk-form-round [type=email][readonly]:focus,.brk-form-round [type=password][disabled]:active,.brk-form-round [type=password][disabled]:focus,.brk-form-round [type=password][readonly]:active,.brk-form-round [type=password][readonly]:focus,.brk-form-round [type=search][disabled]:active,.brk-form-round [type=search][disabled]:focus,.brk-form-round [type=search][readonly]:active,.brk-form-round [type=search][readonly]:focus,.brk-form-round [type=tel][disabled]:active,.brk-form-round [type=tel][disabled]:focus,.brk-form-round [type=tel][readonly]:active,.brk-form-round [type=tel][readonly]:focus,.brk-form-round [type=text][disabled]:active,.brk-form-round [type=text][disabled]:focus,.brk-form-round [type=text][readonly]:active,.brk-form-round [type=text][readonly]:focus{ box-shadow:none; border-color:rgba(205,205,205,.2) } .brk-form-round .brk-form-date-wrap input,.brk-form-round textarea{ width:100%; border-radius:27px; font-size:.875rem; border:2px solid rgba(205,205,205,.2); color:var(--brk-dark-base) } .brk-form-round textarea{ min-height:170px; line-height:18px; transition:all .4s ease-in-out; padding:26px 15px 15px 29px } .brk-form-round textarea.resizable-none{ resize:none } .brk-form-round .jq-selectbox{ width:100%; text-align:left; cursor:pointer } .brk-form-round .jq-selectbox__select{ width:100%; height:54px; border-radius:27px; border:2px solid rgba(205,205,205,.2); color:rgba(var(--brk-dark-base-rgb),.4) } .brk-form-round .jq-selectbox__select-text{ line-height:50px; padding:0 15px 0 29px } .brk-form-round .jq-selectbox__trigger{ position:absolute; top:0; right:0; bottom:0; width:41px } .brk-form-round .jq-selectbox__trigger-arrow{ position:absolute; top:24px; left:12px; width:0; height:0; border-right:4px solid transparent; border-left:4px solid transparent; border-top:5px solid var(--brk-base-2) } .brk-form-round .jq-selectbox__trigger-arrow:before{ content:''; position:absolute; top:-7px; left:-4px; border-right:4px solid transparent; border-left:4px solid transparent; border-top:5px solid var(--white) } .brk-form-round .jq-selectbox__dropdown{ width:100%; border-top:transparent; border-radius:0 0 27px 27px; padding:0 1px 21px 0; top:52px; background-color:var(--white); border:2px solid var(--brk-base-2); box-shadow:0 5px 16px rgba(165,165,165,.5) } .brk-form-round .jq-selectbox__dropdown:before{ content:''; position:absolute; width:100%; height:2px; top:-2px; left:0; background-color:var(--white) } .brk-form-round .jq-selectbox__dropdown ul{ max-height:170px; padding:12px 0 } .brk-form-round .jq-selectbox__dropdown ul li.sel,.brk-form-round .jq-selectbox__dropdown ul li.selected,.brk-form-round .jq-selectbox__dropdown ul li:hover{ color:var(--brk-base-2) } .brk-form-round .jq-selectbox.opened .jq-selectbox__select{ border-color:var(--brk-base-2); border-bottom-color:transparent; border-radius:27px 27px 0 0 } .brk-form-round .jq-selectbox.opened .jq-selectbox__select-text{ color:var(--brk-dark-base) } .brk-form-round .jq-select-multiple{ width:100%; height:170px; text-align:left; cursor:pointer; border-radius:27px; transition:all .4s ease-in-out; padding:11px 5px 11px 0; border:2px solid rgba(205,205,205,.2); color:rgba(var(--brk-dark-base-rgb),.4) } .brk-form-round .jq-select-multiple:hover{ border-color:var(--brk-base-2); box-shadow:0 5px 16px rgba(165,165,165,.5) } .brk-form-round .jq-select-multiple ul{ height:100%!important; padding:12px 0; transition:all .4s ease-in-out } .brk-form-round .jq-select-multiple ul li.selected,.brk-form-round .jq-select-multiple ul li:hover{ color:var(--brand-primary) } .brk-form-round [type=file]{ display:none } .brk-form-round [type=file]~.file-info{ width:100%; display:block; font-size:.875rem; line-height:50px; height:54px; border-radius:27px; text-align:left; box-shadow:none; padding:0 20px 0 29px; transition:all .4s ease-in-out; cursor:pointer; margin:0; background-color:var(--white); border:2px solid rgba(205,205,205,.2); color:rgba(var(--brk-dark-base-rgb),.4) } .brk-form-round [type=file]~.icon-before{ position:absolute; top:0; bottom:0; right:18px; width:18px } .brk-form-round [type=file]~.icon-before i{ position:absolute; top:19px; left:50%; transform:translateX(-50%); font-size:.875rem; line-height:18px; color:var(--brk-base-2) } .brk-form-btn-inside,.brk-form-round .brk-form-date-wrap,.brk-form-round-btn-inside-full{ position:relative } .brk-form-round .brk-form-date-wrap input{ height:54px; padding:0 20px 0 30px; box-shadow:none; cursor:pointer; background-color:var(--white) } .brk-form-round .brk-form-date-wrap input+.icon-before{ position:absolute; top:7px; bottom:0; right:7px; width:40px; height:40px; border-radius:50%; background-image:linear-gradient(to top,var(--brk-base-2),var(--brk-base-5)) } .brk-form-round .brk-form-checkbox .checkbox-custom i,.brk-form-round .brk-form-date-wrap input+.icon-before i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:.875rem; line-height:14px; color:var(--white) } .brk-form-round .brk-form-checkbox{ display:inline-block } .brk-form-round .brk-form-checkbox input,.brk-form-round .brk-form-radio input{ display:none } .brk-form-round .brk-form-checkbox .checkbox-custom{ width:20px; height:20px; display:block; position:relative; vertical-align:middle; transition:all .2s ease-in-out; margin-top:1px; cursor:pointer; border:1px solid #e7e7e7; background-color:var(--white) } .brk-form-round .brk-form-checkbox .checkbox-custom i{ font-size:.5625rem; opacity:0; visibility:hidden; transition:all .2s ease-in-out } .brk-form-round .brk-form-checkbox input:checked+.checkbox-custom{ border:0; background-image:linear-gradient(to top,var(--brk-base-2),var(--brk-base-5)) } .brk-form-round .brk-form-checkbox-label{ font-size:.875rem; line-height:24px; padding-left:8px; vertical-align:middle; cursor:pointer; color:var(--brk-dark-base) } .brk-form-round .brk-form-radio{ display:inline-block } .brk-form-round .brk-form-radio .radio-custom{ width:20px; height:20px; display:block; border-radius:50%; position:relative; float:left; vertical-align:middle; margin-top:1px; cursor:pointer; transition:all .2s ease-in-out; border:1px solid #e7e7e7; background-color:var(--white) } .brk-form-round .brk-form-radio .radio-custom:before{ content:''; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:50%; opacity:0; visibility:hidden; transition:all .2s ease-in-out; background-image:linear-gradient(to top,var(--brk-base-2),var(--brk-base-5)) } .brk-form-round .brk-form-radio input:checked+.radio-custom{ border-color:var(--brk-base-2) } .brk-form-round .brk-form-radio-label{ font-size:.875rem; line-height:24px; padding-left:8px; vertical-align:middle; cursor:pointer; color:var(--brk-dark-base) } .brk-form-round-btn-inside-full button{ position:absolute; right:0; top:0; z-index:1 } .brk-form-transparent .brk-form-wrap{ margin-top:0; display:flex } .brk-form-transparent .brk-form-label{ display:block; width:110px; text-align:right; font-size:.875rem; padding-right:20px; margin-top:15px } .brk-form-transparent [type=email],.brk-form-transparent [type=password],.brk-form-transparent [type=search],.brk-form-transparent [type=tel],.brk-form-transparent [type=text]{ width:calc(100% - 110px); height:54px; border-radius:27px; font-size:.875rem; box-shadow:0 3px 10px rgba(0,0,0,.1); padding:0 15px 0 30px; transition:all .4s ease-in-out; background-color:rgba(255,255,255,.12); color:#fff; border:2px solid rgba(255,255,255,.2) } .brk-form-transparent [type=email]::-webkit-input-placeholder,.brk-form-transparent [type=password]::-webkit-input-placeholder,.brk-form-transparent [type=search]::-webkit-input-placeholder,.brk-form-transparent [type=tel]::-webkit-input-placeholder,.brk-form-transparent [type=text]::-webkit-input-placeholder{ color:rgba(255,255,255,.4); opacity:1 } .brk-form-transparent [type=email]::-moz-placeholder,.brk-form-transparent [type=password]::-moz-placeholder,.brk-form-transparent [type=search]::-moz-placeholder,.brk-form-transparent [type=tel]::-moz-placeholder,.brk-form-transparent [type=text]::-moz-placeholder{ color:rgba(255,255,255,.4); opacity:1 } .brk-form-transparent [type=email]:-ms-input-placeholder,.brk-form-transparent [type=email]::-ms-input-placeholder,.brk-form-transparent [type=password]:-ms-input-placeholder,.brk-form-transparent [type=password]::-ms-input-placeholder,.brk-form-transparent [type=search]:-ms-input-placeholder,.brk-form-transparent [type=search]::-ms-input-placeholder,.brk-form-transparent [type=tel]:-ms-input-placeholder,.brk-form-transparent [type=tel]::-ms-input-placeholder,.brk-form-transparent [type=text]:-ms-input-placeholder,.brk-form-transparent [type=text]::-ms-input-placeholder{ color:rgba(255,255,255,.4); opacity:1 } .brk-form-transparent [type=email]::placeholder,.brk-form-transparent [type=password]::placeholder,.brk-form-transparent [type=search]::placeholder,.brk-form-transparent [type=tel]::placeholder,.brk-form-transparent [type=text]::placeholder{ color:rgba(255,255,255,.4); opacity:1 } .brk-form-transparent [type=email]:active,.brk-form-transparent [type=email]:focus,.brk-form-transparent [type=password]:active,.brk-form-transparent [type=password]:focus,.brk-form-transparent [type=search]:active,.brk-form-transparent [type=search]:focus,.brk-form-transparent [type=tel]:active,.brk-form-transparent [type=tel]:focus,.brk-form-transparent [type=text]:active,.brk-form-transparent [type=text]:focus{ border-color:var(--white) } .brk-form-transparent [type=email][disabled],.brk-form-transparent [type=password][disabled],.brk-form-transparent [type=search][disabled],.brk-form-transparent [type=tel][disabled],.brk-form-transparent [type=text][disabled]{ border:2px solid rgba(var(--white-rgb),.1); background-color:rgba(var(--white-rgb),.04) } .brk-form-transparent [type=email][disabled]:active,.brk-form-transparent [type=email][disabled]:focus,.brk-form-transparent [type=password][disabled]:active,.brk-form-transparent [type=password][disabled]:focus,.brk-form-transparent [type=search][disabled]:active,.brk-form-transparent [type=search][disabled]:focus,.brk-form-transparent [type=tel][disabled]:active,.brk-form-transparent [type=tel][disabled]:focus,.brk-form-transparent [type=text][disabled]:active,.brk-form-transparent [type=text][disabled]:focus{ border-color:rgba(var(--white-rgb),.1) } .brk-form-transparent [type=email][readonly],.brk-form-transparent [type=password][readonly],.brk-form-transparent [type=search][readonly],.brk-form-transparent [type=tel][readonly],.brk-form-transparent [type=text][readonly]{ border-color:transparent } .brk-form-transparent [type=email][readonly]:active,.brk-form-transparent [type=email][readonly]:focus,.brk-form-transparent [type=password][readonly]:active,.brk-form-transparent [type=password][readonly]:focus,.brk-form-transparent [type=search][readonly]:active,.brk-form-transparent [type=search][readonly]:focus,.brk-form-transparent [type=tel][readonly]:active,.brk-form-transparent [type=tel][readonly]:focus,.brk-form-transparent [type=text][readonly]:active,.brk-form-transparent [type=text][readonly]:focus{ border-color:transparent } .brk-form-transparent textarea{ width:calc(100% - 110px); min-height:170px; box-shadow:0 3px 10px rgba(0,0,0,.1); padding:21px 15px 15px 30px; border-radius:27px; font-size:.875rem; line-height:18px; transition:all .4s ease-in-out; border:2px solid rgba(var(--white-rgb),.2); background:rgba(var(--white-rgb),.12); color:var(--white) } .brk-form-transparent .brk-form-date-wrap input::-webkit-input-placeholder,.brk-form-transparent textarea::-webkit-input-placeholder{ color:rgba(var(--white-rgb),.4); opacity:1 } .brk-form-transparent .brk-form-date-wrap input::-moz-placeholder,.brk-form-transparent textarea::-moz-placeholder{ color:rgba(var(--white-rgb),.4); opacity:1 } .brk-form-transparent .brk-form-date-wrap input:-ms-input-placeholder,.brk-form-transparent .brk-form-date-wrap input::-ms-input-placeholder,.brk-form-transparent textarea:-ms-input-placeholder,.brk-form-transparent textarea::-ms-input-placeholder{ color:rgba(var(--white-rgb),.4); opacity:1 } .brk-form-transparent .brk-form-date-wrap input::placeholder,.brk-form-transparent textarea::placeholder{ color:rgba(var(--white-rgb),.4); opacity:1 } .brk-form-transparent .brk-form-date-wrap input:active,.brk-form-transparent .brk-form-date-wrap input:focus,.brk-form-transparent textarea:active,.brk-form-transparent textarea:focus{ border-color:var(--white) } .brk-form-transparent textarea.resizable-none{ resize:none } .brk-form-transparent .jq-selectbox{ width:calc(100% - 110px); text-align:left; cursor:pointer } .brk-form-transparent .jq-selectbox__select{ width:100%; height:54px; border-radius:27px; box-shadow:0 3px 10px rgba(0,0,0,.1); transition:all .4s ease-in-out; border:2px solid rgba(var(--white-rgb),.2); color:rgba(var(--white-rgb),.4); background:rgba(var(--white-rgb),.12) } .brk-form-transparent .jq-selectbox__select-text{ line-height:50px; padding:0 15px 0 29px } .brk-form-transparent .jq-selectbox__trigger{ position:absolute; top:0; right:0; bottom:0; width:41px } .brk-form-transparent .jq-selectbox__trigger-arrow{ position:absolute; top:24px; left:12px; width:0; height:0; border-right:4px solid transparent; border-left:4px solid transparent; border-top:5px solid var(--white); transition:all .4s ease-in-out } .brk-form-transparent .jq-selectbox__dropdown{ width:100%; border-top:transparent; border-radius:0 0 27px 27px; padding:0 1px 21px 0; top:52px; background-color:var(--white); border:2px solid var(--white); box-shadow:0 3px 10px rgba(var(--black-rgb),.1) } .brk-form-transparent .jq-selectbox__dropdown ul{ max-height:170px; padding:12px 0 } .brk-form-transparent .jq-selectbox__dropdown ul li.sel,.brk-form-transparent .jq-selectbox__dropdown ul li.selected,.brk-form-transparent .jq-selectbox__dropdown ul li:hover{ color:var(--brk-base-2) } .brk-form-transparent .jq-selectbox.opened .jq-selectbox__select{ border-radius:27px 27px 0 0; border-color:var(--white); border-bottom-color:transparent; background-color:var(--white) } .brk-form-transparent .jq-selectbox.opened .jq-selectbox__select-text{ color:var(--brk-dark-base) } .brk-form-transparent .jq-selectbox.opened .jq-selectbox__trigger-arrow{ border-top:5px solid var(--brk-dark-base) } .brk-form-transparent .jq-select-multiple{ width:calc(100% - 110px); height:170px; text-align:left; cursor:pointer; border-radius:27px; transition:all .4s ease-in-out; padding:11px 5px 11px 0; border:2px solid rgba(var(--white-rgb),.2); color:rgba(var(--white-rgb),.4); background:rgba(var(--white-rgb),.12); box-shadow:0 3px 10px rgba(var(--black-rgb),.1) } .brk-form-transparent .jq-select-multiple:hover{ border-color:var(--white) } .brk-form-transparent .jq-select-multiple ul{ height:100%!important; padding:12px 0; transition:all .4s ease-in-out } .brk-form-transparent .jq-select-multiple ul li{ padding:0 10px 0 30px; line-height:34px; color:rgba(var(--white-rgb),.4) } .brk-form-transparent .jq-select-multiple ul li.selected,.brk-form-transparent .jq-select-multiple ul li:hover{ color:var(--white) } .brk-form-transparent [type=file]{ display:none } .brk-form-transparent [type=file]~.file-info{ width:100%; display:block; font-size:.875rem; line-height:50px; height:54px; border-radius:27px; text-align:left; box-shadow:0 3px 10px rgba(0,0,0,.1); padding:0 20px 0 29px; transition:all .4s ease-in-out; cursor:pointer; margin-top:0; background:rgba(var(--white-rgb),.12); border:2px solid rgba(var(--white-rgb),.2); color:rgba(var(--white-rgb),.4) } .brk-form-transparent .brk-form-date-wrap input+.icon-before,.brk-form-transparent [type=file]~.icon-before{ position:absolute; top:7px; bottom:0; right:7px; width:40px; height:40px; border-radius:50%; background-image:linear-gradient(to top,var(--brk-base-2),var(--brk-base-5)) } .brk-form-transparent .brk-form-date-wrap input+.icon-before i,.brk-form-transparent [type=file]~.icon-before i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:.875rem; line-height:14px; color:var(--white) } .brk-form-transparent .brk-form-date-wrap{ position:relative; width:calc(100% - 110px) } .brk-form-transparent .brk-form-date-wrap input{ width:100%; height:54px; border-radius:27px; font-size:.875rem; padding:0 20px 0 30px; cursor:pointer; box-shadow:0 3px 10px rgba(0,0,0,.1); transition:all .4s ease-in-out; background:rgba(var(--white-rgb),.12); border:2px solid rgba(var(--white-rgb),.2)!important; color:var(--white) } .brk-form-transparent .brk-form-checkbox{ display:inline-block } .brk-form-transparent .brk-form-checkbox input,.brk-form-transparent .brk-form-radio input,select.brk-form-multiselect-strict,select.brk-form-select-strict{ display:none } .brk-form-transparent .brk-form-checkbox .checkbox-custom{ width:20px; height:20px; display:block; box-shadow:0 3px 10px rgba(0,0,0,.1); position:relative; float:left; vertical-align:middle; transition:all .2s ease-in-out; margin-top:1px; cursor:pointer; border:2px solid rgba(var(--white-rgb),.2); background:rgba(var(--white-rgb),.12) } .brk-form-transparent .brk-form-checkbox .checkbox-custom i,.brk-form-transparent .brk-form-radio .radio-custom i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:.5625rem; line-height:14px; opacity:0; visibility:hidden; transition:all .2s ease-in-out; color:var(--white) } .brk-form-transparent .brk-form-checkbox input:checked+.checkbox-custom,.brk-form-transparent .brk-form-radio input:checked+.radio-custom{ border-color:var(--white) } .brk-form-transparent .brk-form-checkbox-label{ font-size:.875rem; line-height:24px; padding-left:8px; vertical-align:middle; cursor:pointer; color:var(--white) } .brk-form-transparent .brk-form-radio,.heading-style-left h1,.heading-style-left h2{ display:inline-block } .brk-form-transparent .brk-form-radio .radio-custom{ width:20px; height:20px; display:block; box-shadow:0 3px 10px rgba(0,0,0,.1); border-radius:50%; position:relative; float:left; vertical-align:middle; margin-top:1px; cursor:pointer; transition:all .2s ease-in-out; border:2px solid rgba(var(--white-rgb),.2); background:rgba(var(--white-rgb),.12) } .brk-form-transparent .brk-form-radio-label{ font-size:.875rem; line-height:24px; padding-left:8px; vertical-align:middle; cursor:pointer; color:var(--white) } .brk-form-transparent_dark [type=email],.brk-form-transparent_dark [type=password],.brk-form-transparent_dark [type=search],.brk-form-transparent_dark [type=tel],.brk-form-transparent_dark [type=text]{ color:#434343 } .brk-form-transparent_dark [type=email]::-webkit-input-placeholder,.brk-form-transparent_dark [type=password]::-webkit-input-placeholder,.brk-form-transparent_dark [type=search]::-webkit-input-placeholder,.brk-form-transparent_dark [type=tel]::-webkit-input-placeholder,.brk-form-transparent_dark [type=text]::-webkit-input-placeholder{ color:#434343; opacity:1 } .brk-form-transparent_dark [type=email]::-moz-placeholder,.brk-form-transparent_dark [type=password]::-moz-placeholder,.brk-form-transparent_dark [type=search]::-moz-placeholder,.brk-form-transparent_dark [type=tel]::-moz-placeholder,.brk-form-transparent_dark [type=text]::-moz-placeholder{ color:#434343; opacity:1 } .brk-form-transparent_dark [type=email]:-ms-input-placeholder,.brk-form-transparent_dark [type=email]::-ms-input-placeholder,.brk-form-transparent_dark [type=password]:-ms-input-placeholder,.brk-form-transparent_dark [type=password]::-ms-input-placeholder,.brk-form-transparent_dark [type=search]:-ms-input-placeholder,.brk-form-transparent_dark [type=search]::-ms-input-placeholder,.brk-form-transparent_dark [type=tel]:-ms-input-placeholder,.brk-form-transparent_dark [type=tel]::-ms-input-placeholder,.brk-form-transparent_dark [type=text]:-ms-input-placeholder,.brk-form-transparent_dark [type=text]::-ms-input-placeholder{ color:#434343; opacity:1 } .brk-form-transparent_dark [type=email]::placeholder,.brk-form-transparent_dark [type=password]::placeholder,.brk-form-transparent_dark [type=search]::placeholder,.brk-form-transparent_dark [type=tel]::placeholder,.brk-form-transparent_dark [type=text]::placeholder{ color:#434343; opacity:1 } .brk-form-btn-inside input{ width:100%!important } .brk-form-btn-inside button{ position:absolute; top:50%; transform:translateY(-50%); right:6px; width:41px; height:41px; border-radius:50%; display:flex; align-items:center; justify-content:center; background-image:linear-gradient(10deg,var(--brand-primary),var(--brk-base-3)) } .brk-form-btn-inside button i.fa-paper-plane{ margin-left:-2px; margin-top:-2px } .brk-form-btn-inside button i.fa-search{ margin-left:1px } .brk-form-btn-inside button.btn-white{ background-color:#fff; background-image:none } .brk-form-btn-inside button.btn-white i{ color:var(--brand-primary) } .brk-form-btn-inside_left button{ right:auto; left:6px } .jq-select-multiple,.jq-selectbox{ position:relative; display:inline-block } .jq-select-multiple select,.jq-selectbox select{ position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; opacity:0 } .jq-select-multiple li,.jq-selectbox li{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap } .jq-selectbox{ z-index:10 } .jq-selectbox__select{ position:relative } .jq-selectbox__select-text{ overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap; text-overflow:ellipsis } .jq-selectbox__dropdown{ position:absolute } .jq-selectbox__dropdown ul{ overflow:auto; list-style:none } .jq-select-multiple ul,.jq-selectbox__dropdown ul{ position:relative; overflow-x:hidden; -webkit-overflow-scrolling:touch } div.wpcf7{ margin:0; padding:0 } div.wpcf7 .screen-reader-response{ position:absolute; overflow:hidden; clip:rect(1px,1px,1px,1px); height:1px; width:1px; margin:0; padding:0; border:0 } div.wpcf7-response-output{ margin:2em .5em 1em; padding:.2em 1em; border:2px solid red } div.wpcf7-mail-sent-ok{ border:2px solid #398f14 } div.wpcf7-aborted,div.wpcf7-mail-sent-ng{ border:2px solid red } div.wpcf7-spam-blocked{ border:2px solid orange } div.wpcf7-acceptance-missing,div.wpcf7-validation-errors{ border:2px solid #f7e700 } .wpcf7-form-control-wrap{ position:relative } span.wpcf7-not-valid-tip{ color:red; font-size:1em; font-weight:400; display:block } .use-floating-validation-tip span.wpcf7-not-valid-tip{ position:absolute; top:20%; left:20%; z-index:100; border:1px solid red; background:#fff; padding:.2em .8em } span.wpcf7-list-item{ display:inline-block; margin:0 0 0 1em } span.wpcf7-list-item-label::after,span.wpcf7-list-item-label::before{ content:" " } .comment-subscription-form input,.wpcf7-display-none,div.wpcf7 div.ajax-error{ display:none } div.wpcf7 .ajax-loader{ visibility:hidden; display:inline-block; background-image:url(../../images/ajax-loader.gif); width:16px; height:16px; border:0; padding:0; margin:0 0 0 4px; vertical-align:middle; position:absolute; top:0; left:0 } div.wpcf7 .ajax-loader.is-active{ visibility:visible } div.wpcf7 .placeheld{ color:#888 } div.wpcf7 input[type=file]{ cursor:pointer } div.wpcf7 input[type=file]:disabled{ cursor:default } .brk-strict-transparent-form input[type=text]{ background-color:transparent; color:#fff; margin-right:30px } .brk-strict-transparent-form .input-label{ color:#fff!important } .brk-strict-transparent-form .brk-form-wrap{ margin-top:0; margin-right:30px; flex-grow:1 } @media screen and (max-width:992px){ .brk-strict-transparent-form{ flex-wrap:wrap } .brk-strict-transparent-form .brk-form-wrap,.brk-strict-transparent-form input[type=text]{ margin-right:0 } .brk-strict-transparent-form .btn{ width:100%; margin-top:30px; margin-left:0; margin-right:0 } } .comment-subscription-form{ display:inline-block; position:relative; padding:0; margin:33px 15px 0; cursor:pointer } .comment-subscription-form input:checked+.subscribe-label:after{ opacity:1 } .comment-subscription-form .subscribe-label{ font-size:.875rem; line-height:26px; padding-left:30px; cursor:pointer; color:var(--brk-dark-base); position:relative } .brk-form-strict .comment-subscription-form .subscribe-label{ display:inline-block!important } .comment-subscription-form .subscribe-label:before{ content:''; position:absolute; top:3px; left:0; width:20px; height:20px; display:block; transition:all .2s ease-in-out; border:1px solid #e7e7e7; background-color:var(--white) } .comment-subscription-form .subscribe-label:after{ content:''; position:absolute; top:6px; left:3px; width:14px; height:14px; opacity:0; transition:all .2s ease-in-out; background-color:var(--brand-primary) } .flip-box{ position:relative; width:100%; max-width:400px; display:inline-block; perspective:600px; margin-bottom:30px } .flip-box:hover .flip_horizontal{ transform:rotateY(180deg); z-index:9 } .flip-box:hover .flip_vertical{ transform:rotateX(180deg); z-index:9 } .flip-box__strict{ height:176px } @media screen and (max-width:479px){ .flip-box__strict{ height:190px } } .flip-box__strict-number{ font-size:13.375rem; line-height:176px; margin-left:-10px } .flip-box__strict-item{ padding-top:17px; padding-bottom:10px; position:absolute; width:100%; top:0; height:100%; background-color:rgba(255,255,255,.94); overflow:hidden; transition:all .3s linear } .flip-box__strict-title{ position:absolute; background-color:#fff; width:100%; top:50%; transform:translateY(-50%); height:44px; padding-top:10px } .flip-box__bg{ background-position:center center; background-size:cover } .flip-box__bg_overlay{ position:relative } .flip-box__bg_overlay:before,.flip-box__multiply-decoration:before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.6) } .flip-box__position{ position:absolute; left:0; width:100%; z-index:15 } .flip-box__position_35{ top:35px } @media screen and (max-width:479px){ .flip-box__position_35{ top:50%; transform:translateY(-50%) } } .flip-box__position_75{ top:75px } @media screen and (max-width:479px){ .flip-box__position_75{ top:50%; transform:translateY(-50%) } } .flip-box__gradient{ height:0; padding-bottom:100%; min-height:300px; box-shadow:0 6px 30px rgba(0,0,0,.12) } .flip-box__gradient-pb100{ padding-bottom:100% } .flip-box__gradient-title{ color:#fff; position:absolute; padding:0 15px; width:100%; top:50%; left:0; line-height:32px; transform:translateY(-50%) } .flip-box__gradient-h4{ padding-left:15px; padding-right:15px; line-height:32px } .flip-box__multiply{ min-height:360px; box-shadow:0 6px 30px rgba(0,0,0,.12); display:inline-block } .flip-box__multiply-title{ text-align:left; line-height:74px; -webkit-text-fill-color:rgba(0,0,0,.3); color:rgba(0,0,0,.3); -webkit-background-clip:text; background-clip:text } [dir=rtl] .flip-box__multiply-title{ text-align:right } .flip-box__multiply-h4,.flip-box__split h4{ color:#fff } .flip-box__multiply-decoration{ background-position:center center; width:56px; height:56px; border-radius:28px; color:#fff; position:relative; overflow:hidden } .flip-box__multiply-decoration_square{ border-radius:0 } .flip-box__multiply-decoration:before{ background-color:rgba(0,0,0,.3); z-index:1 } .flip-box__multiply-decoration i{ position:absolute; top:calc(50%); left:calc(50% + 2px); transform:translate(-50%,-50%); z-index:2 } .flip-box__multiply-btn{ min-width:180px; min-height:48px } .flip-box__multiply-btn.btn-inside-out>.before{ padding-top:12px } .flip-box__multiply_dark .flip-box__multiply-title{ -webkit-text-fill-color:rgba(0,0,0,.76) } .flip-box__multiply_dark .flip-box__bg_overlay:before,.flip-box__multiply_dark .flip-box__multiply-decoration::before{ background-color:rgba(0,0,0,.76) } .flip-box__split{ min-height:300px; box-shadow:0 6px 30px rgba(0,0,0,.12) } .brk-bordered-theme .flip-box__split{ border-radius:var(--b-radius) } .flip-box__split .flip__back{ background:no-repeat center center; background-size:cover } .brk-bordered-theme .flip-box__split .flip__back{ border-radius:var(--b-radius); overflow:hidden } .flip-box__split-content,.flip-box__split-overlay{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1 } .flip-box__split-content{ display:flex; flex-direction:column; z-index:2 } .flip-box__split-content a{ text-decoration:none!important } .flip-box__split-img{ background:var(--text-base-color-3) no-repeat center center; background-size:contain; padding-bottom:100% } .brk-bordered-theme .flip-box__split-img{ border-top-left-radius:var(--b-radius); border-top-right-radius:var(--b-radius) } .flip-box__split-img_white{ background:#fff no-repeat center center } .flip-box__split-info{ background-color:#fff } .brk-bordered-theme .flip-box__split-info{ border-bottom-left-radius:var(--b-radius); border-bottom-right-radius:var(--b-radius) } .flip-box__split-price{ color:#fff } .flip-box__split-price>span:first-child{ text-decoration:line-through; padding-right:13px } .flip-box__split .old-price{ text-decoration:line-through; padding-right:13px; color:var(--text-base-color-1) } .flip-box__split-list{ border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); color:#fff; padding-left:20px; padding-right:30px; overflow-y:auto; display:flex; flex-grow:1 } [dir=rtl] .flip-box__split-list{ padding-left:30px; padding-right:20px } .flip-box__split-list::-webkit-scrollbar{ width:7px } .flip-box__split-list::-webkit-scrollbar-track{ box-shadow:inset 0 0 6px rgba(0,0,0,.3); border-radius:10px } .flip-box__split-list::-webkit-scrollbar-thumb{ background-color:rgba(255,255,255,.1); border-radius:10px } @media (min-width:992px){ .flip-box__split-list{ padding-left:15% } [dir=rtl] .flip-box__split-list{ padding-left:30px; padding-right:45px } } .flip-box__split-list_narrow{ padding-left:20px } .flip-box__split-list p,.flip-box__split-list ul{ max-height:100%; margin-top:auto; margin-bottom:auto } .flip-box__split-list li{ padding:5px 0 5px 35px; position:relative } [dir=rtl] .flip-box__split-list li{ padding:5px 35px 5px 0 } .flip-box__split-list i{ position:absolute; top:6px; left:0; font-weight:100; color:var(--brk-base-5); line-height:inherit } [dir=rtl] .brk-footer__shop-element .brk-footer__shop-title:after,[dir=rtl] .flip-box__split-list i{ left:auto; right:0 } .flip-box__split-actions{ padding-top:30px; padding-bottom:30px } .flip-box__split-actions .add-cart,.flip-box__split-actions .add-compare,.flip-box__split-actions .add-search,.flip-box__split-actions .add-wishlist,.flip-box__split-actions .added_to_cart{ color:var(--brand-primary) } .flip-box__overlay-shortdesc{ min-height:330px; position:relative } .flip-box__overlay-front,.flip-box__overlay-item{ position:relative; z-index:1 } .flip-box__overlay-item{ padding-top:55px } .flip-box__overlay-item h3{ margin-top:24px } .flip-box__overlay-description{ padding:0 27px; color:#9f9f9f } .flip-box__overlay-list{ color:#272727; padding-left:25px; padding-right:10px; margin-top:23px } [dir=rtl] .flip-box__overlay-list{ padding-left:10px; padding-right:25px } @media screen and (min-width:992px){ .flip-box__overlay-list{ padding-left:65px } [dir=rtl] .flip-box__overlay-list{ padding-right:65px } } .flip-box__overlay-list i{ font-weight:100; color:var(--brk-base-5); top:-4px; position:relative; padding-right:20px; vertical-align:middle } [dir=rtl] .flip-box__overlay-list i{ padding-right:0; padding-left:20px } @media screen and (max-width:479px){ .flip-box__overlay-list i{ padding-right:10px } } .flip-box__overlay-btn{ position:absolute; bottom:0; left:50%; transform:translate(-50%,50%); margin:0 } .flip-box__overlay-title{ color:var(--white) } .flip-box__overlay-excerpt{ color:rgba(var(--white-rgb),.6) } .flip-box__overlay-bg{ background-color:rgba(var(--white-rgb),.96) } .flip-box__circle{ height:0; padding-bottom:100%; position:relative } .flip-box__circle-item{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:72.97297%; min-width:240px; height:72.97297%; min-height:240px; perspective:600px } .flip-box__circle-front{ padding-bottom:100%; border-radius:50%; background-image:linear-gradient(to top,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-base-2-rgb),.94)); box-shadow:0 6px 30px rgba(0,0,0,.12) } .flip-box__circle-back{ background-color:#fff; border-radius:50% } .flip-box__circle-pretitle{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:8.5rem } @media screen and (max-width:479px){ .flip-box__circle-pretitle{ font-size:5.625rem } } .flip-box__circle-content{ position:absolute; top:calc(50% + 7px); left:0; transform:translateY(-50%); padding:0 15px; width:100% } .flip-box__circle-content h4{ padding:0 5px } .flip-box__circle-content h4 span{ display:block; text-transform:none } .flip-box__circle .divider-cross{ margin:16px auto 15px } .flip-box__circle-excerpt{ color:rgba(43,44,45,.5); padding:0 33px } @media screen and (max-width:479px){ .flip-box__circle-excerpt{ padding:0 25px } } .brk-sc-card-labels{ position:absolute; z-index:1 } .brk-sc-card-labels_top-labels{ left:0; top:0; width:100%; height:auto; display:flex; flex-direction:row-reverse; justify-content:space-between } [dir=rtl] .brk-sc-card-labels_top-labels{ flex-direction:row } .brk-sc-card-labels_top-labels .brk-sc-card-label{ width:86px; height:86px; overflow:hidden; position:relative } .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1){ right:-5px; top:-5px } .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2){ left:-5px; top:-5px } .brk-sc-card-labels_top-labels .brk-sc-card-label__additional-1,.brk-sc-card-labels_top-labels .brk-sc-card-label__additional-2{ position:absolute; width:5px; height:5px; background-color:var(--brk-secondary-2) } .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__text{ background-image:linear-gradient(to right,var(--secondary),var(--brand-primary)) } .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-1{ top:0; left:0 } .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-2{ right:0; bottom:0 } .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-1{ bottom:0; left:0 } .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-2{ right:0; top:0 } .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__text{ background-image:linear-gradient(to right,var(--brand-primary),var(--brand-primary)) } .brk-sc-card-labels_top-labels .brk-sc-card-label__text{ position:absolute; width:122px; height:28px; display:flex; align-items:center; justify-content:center; z-index:9 } .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__text{ bottom:0; right:0; transform:rotate(45deg); transform-origin:right bottom } .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__text{ bottom:-9px; left:-19px; transform:rotate(-45deg); transform-origin:left top } .brk-sc-card-labels_side-labels,.brk-sc-card-labels_side-labels-cornered{ position:absolute; right:-5px; top:86px; width:auto; display:inline-flex; flex-direction:column } .brk-sc-card-labels_side-labels .brk-sc-card-label{ padding:8px 10px 10px; display:inline-flex; align-items:center; min-width:60px; justify-content:center; position:relative } .brk-sc-card-labels_side-labels .brk-sc-card-label__additional-1{ position:absolute; display:inline-block; height:100%; width:12px; -webkit-clip-path:polygon(0 50%,100% 100%,100% 0); clip-path:polygon(0 50%,100% 100%,100% 0); left:-12px; top:0 } .brk-sc-card-labels_side-labels .brk-sc-card-label__additional-2{ display:none } .brk-sc-card-labels_side-labels .brk-sc-card-label__additional-3{ position:absolute; right:0; bottom:-6px; display:inline-block; width:6px; height:6px; -webkit-clip-path:polygon(0 100%,100% -1px,0 -1px); clip-path:polygon(0 100%,100% -1px,0 -1px) } .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label{ padding:8px 10px 10px; display:inline-flex; align-items:center; min-width:60px; justify-content:center; position:relative } .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label__additional-1{ position:absolute; display:inline-block; height:100%; -webkit-clip-path:polygon(0 1%,100% 0,100% 100%,0 100%,100% 50%); clip-path:polygon(0 1%,100% 0,100% 100%,0 100%,100% 50%); top:0; width:10px; left:-10px } .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label__additional-2{ display:none } .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label__additional-3{ position:absolute; right:0; bottom:-6px; display:inline-block; width:6px; height:6px; -webkit-clip-path:polygon(0 100%,100% -1px,0 -1px); clip-path:polygon(0 100%,100% -1px,0 -1px) } .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1),.brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-1,.brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-2,.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1),.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-1,.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-2{ background-color:var(--brand-primary) } .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-3,.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-3{ background-color:var(--brk-base-3) } .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2),.brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-1,.brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-2,.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2),.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-1,.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-2{ background-color:var(--secondary) } .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-3,.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-3{ background-color:var(--brk-secondary-2) } .flip{ transition:\transform .6s; transform-style:preserve-3d; position:relative; width:100% } .flip__back,.flip__front{ -webkit-backface-visibility:hidden; backface-visibility:hidden; top:0; left:0; width:100%; height:100% } .flip__front{ position:relative } .flip__back{ display:flex; flex-direction:column; background-color:#fff } .flip__front{ z-index:2; transform:rotateY(0deg) } .flip__back{ transform:rotateY(180deg); position:absolute } .flip_vertical .flip__back{ transform:rotateX(180deg) } .overlay-position-full{ position:absolute; top:0; right:0; bottom:0; left:0 } .flip-box__split-actions{ display:flex; flex-shrink:0; margin:auto; max-width:calc(100% - 30px) } .flip-box__split-actions a{ width:72px; height:54px; background-color:#fff; border-left:1px solid #eaeaea } [dir=rtl] .flip-box__split-actions a{ border-left:0; border-right:1px solid #eaeaea } .flip-box__split-actions a.remove_from_compare,.flip-box__split-actions a.remove_from_wishlist,.flip-box__split-actions a:hover{ background-color:#eaeaea } .flip-box__split-actions a:first-child{ border-radius:27px 0 0 27px; border-left:0 } [dir=rtl] .flip-box__split-actions a:first-child{ border-radius:0 27px 27px 0; border-right:0 } .flip-box__split-actions a:last-child{ border-radius:0 27px 27px 0 } [dir=rtl] .flip-box__split-actions a:last-child{ border-radius:27px 0 0 27px } .flip-box__split-actions .added_to_cart{ font-size:.9375rem; line-height:16px; width:72px; padding:10px 5px 0 } .flip-box__split-actions_small a{ height:44px; width:58px } .brk-size-chooser__title{ margin-bottom:18px } .brk-size-chooser__item{ min-width:38px; padding-left:14px; padding-right:14px; height:38px; display:flex; align-items:center; justify-content:center; background-color:#fff; box-shadow:1px 1px 8px rgba(0,0,0,.06); margin-right:10px; transition:.3s ease width,.3s ease background-color,.3s ease color; border-radius:38px } .brk-size-chooser__item:last-child{ margin-right:0 } .brk-size-chooser__item.active{ background-color:var(--brand-primary); color:#fff } .brk-color-filter{ display:flex; flex-direction:column } .brk-color-filter__title{ position:relative; margin-bottom:24px } .brk-color-filter__title-text{ padding-left:15px; padding-right:15px; background-color:#fff; z-index:1 } .brk-color-filter__title::before{ height:10px; width:100%; content:''; position:absolute; top:2px; left:0; z-index:-1; background-image:url(../../img/dotted-bg.png); background-repeat:repeat; background-position-x:-1px } .brk-color-filter__container{ display:flex; flex-wrap:wrap } .brk-color-filter__item{ margin:5px; width:24px; height:24px; background-color:#fff; border:1px solid #ececec; border-radius:4px; position:relative; transition:.3s ease box-shadow } .brk-color-filter__item:hover{ box-shadow:0 0 8px -1px rgba(0,0,0,.4) } .brk-color-filter__item-bg{ position:absolute; left:2px; top:2px; width:calc(100% - 4px); height:calc(100% - 4px); border-radius:4px } .brk-color-filter__item-icon{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; opacity:0; font-size:14px } .brk-color-filter__item.active .brk-color-filter__item-icon{ opacity:1 } .brk-sc-long-label{ padding:7px 15px 8px 17px; flex-shrink:0; height:28px; white-space:nowrap; margin-left:10px; border-radius:15px; margin-top:7px; box-shadow:0 5px 16px rgba(130,180,64,.5); background-color:#81bb35 } .brk-sc-long-label i{ color:#fff; font-size:14px; margin-right:4px } .brk-sc-item-page-header,.brk-sc-item-page-header__carousel-labels .brk-sc-card-labels{ position:relative } @media screen and (max-width:992px){ .brk-sc-item-page-header{ display:flex; flex-direction:column } } .brk-sc-item-page-header__carousel{ width:100% } @media screen and (max-width:992px){ .brk-sc-item-page-header__carousel{ position:relative } } .brk-sc-item-page-header__carousel-labels{ position:absolute; right:-22px; top:28px; z-index:2 } .brk-sc-item-page-header__carousel-labels .brk-sc-card-labels:nth-child(2){ top:-17px } @media screen and (max-width:768px){ .brk-sc-item-page-header__carousel-labels{ right:0 } } .brk-sc-item-page-header__carousel-items{ z-index:1 } .brk-sc-item-page-header__info{ position:relative; padding-bottom:35px } @media (max-width:1229px){ .brk-sc-item-page-header__info{ padding-bottom:70px; order:-1 } } @media (max-width:991px){ .brk-sc-item-page-header__info{ padding-top:40px; padding-bottom:0 } } .brk-sc-item-page-header__info-main{ padding-left:70px; min-height:373px } @media (max-width:1229px){ .brk-sc-item-page-header__info-main{ padding-left:25px } } @media (max-width:991px){ .brk-sc-item-page-header__info-main{ padding-left:0; margin-top:70px; min-height:340px } } @media (max-width:767px){ .brk-sc-item-page-header__info-main{ min-height:0 } } .brk-sc-item-page-header__info-secondary{ position:relative; padding-left:70px } @media (max-width:1229px){ .brk-sc-item-page-header__info-secondary{ padding-left:25px } } @media (max-width:991px){ .brk-sc-item-page-header__info-secondary{ top:0; padding-left:0 } } @media (max-width:575px){ .brk-sc-item-page-header__info-secondary{ padding-top:35px; margin-top:15px; background-color:#fff } .brk-sc-item-page-header__info-secondary:before{ content:''; position:absolute; z-index:1; top:0; right:-15px; left:-15px; bottom:0; background-color:#fff } } .brk-sc-item-page-header__img{ position:absolute; left:0; top:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center } .brk-sc-item-page-header__overlay{ position:absolute; left:0; top:0; width:100%; height:100%; background-image:linear-gradient(40deg,rgba(var(--brand-primary-rgb),.92) 15%,rgba(var(--secondary-rgb),.92) 75%) } .brk-sc-item-page-header__svg{ position:absolute; bottom:-2px; left:0; right:0; display:block; background-color:#fff; height:20% } @media (max-width:1700px){ .brk-sc-item-page-header__svg{ height:21% } } @media (max-width:1400px){ .brk-sc-item-page-header__svg{ height:23% } } @media (max-width:1229px){ .brk-sc-item-page-header__svg{ height:240px } } @media (max-width:991px){ .brk-sc-item-page-header__svg{ height:140px } } @media (max-width:767px){ .brk-sc-item-page-header__svg{ height:230px } } @media (max-width:575px){ .brk-sc-item-page-header__svg{ display:none } } .brk-sc-item-page-header__svg svg{ position:absolute; bottom:calc(100% - 2px); right:-1px; left:-1px } @media (max-width:767px){ .brk-sc-item-page-header__svg svg{ display:none } } .brk-sc-item-page-header__tags .brk-sc-tags__item{ color:rgba(255,255,255,.5); transition:.3s ease color } .brk-sc-item-page-header__tags .brk-sc-tags__item:after{ background-color:rgba(255,255,255,.5); border-radius:100% } .brk-sc-item-page-header__tags .brk-sc-tags__item:hover{ color:#fff } .brk-sc-item-page-header__price-container{ display:flex; flex-direction:column; min-height:87px } .brk-sc-item-page-header__old-price{ text-decoration:line-through } .brk-sc-item-page-header__color-filter .brk-color-filter__title{ text-align:left!important; margin-right:10px; margin-bottom:19px } .brk-sc-item-page-header__color-filter:before{ display:none } .brk-sc-item-page-header__color-filter .brk-color-filter__title-text{ padding-left:0; padding-right:0; background-color:transparent } .brk-sc-item-page-header__color-filter .brk-color-filter__item{ background-color:transparent; border:1px solid rgba(255,255,255,.1) } .brk-sc-item-page-header__color-filter .brk-color-filter__item:first-child{ margin-left:0 } .brk-sc-item-page-header__color-filter .brk-color-filter__item-bg{ width:16px; height:16px; border-radius:0; left:3px; top:3px } .brk-footer .brk-social-links_bordered .brk-social-links__item:hover i,.brk-form_footer-5 button:hover,.brk-sc-item-page-header__rating .brk-rating__imposition,.brk-sc-item-page-header__rating .brk-rating__layer{ color:#fff } .brk-sc-item-page-header__rating .brk-rating__layer{ opacity:.4 } .brk-sc-item-page-header__btn{ margin:0; padding:15px 44px; box-shadow:none } .brk-sc-item-page-header__btn .border-btn{ border:0 } @media (min-width:1230px){ .brk-sc-item-page-header__btn-container{ margin-bottom:68px } } .brk-sc-item-page-header .arrows-modern .slick-arrow{ background-color:transparent } .brk-sc-item-page-header .slider-thumbnailed{ border-radius:20px; box-shadow:0 5px 20px rgba(0,0,0,.2) } .brk-sc-item-page-header .slider-thumbnailed-nav{ max-width:340px; border-radius:10px; box-shadow:0 -10px 15px 0 rgba(0,0,0,.06) } .brk-sc-item-page-header .slider-thumbnailed-nav .brk-slid__overlay{ left:0; top:0; width:100%; height:100% } .brk-sc-item-page-header .slider-thumbnailed-nav .brk-slid__img,.brk-sc-item-page-header .slider-thumbnailed-nav .brk-slid__overlay{ border-radius:5px } .brk-sc-item-page-header .brk-slid__img{ -o-object-position:center top; object-position:center top } .brk-sc-item-page-section-1{ overflow:hidden } .brk-sc-item-page-section-1__info{ padding-bottom:970px; padding-top:80px } @media screen and (max-width:991px){ .brk-sc-item-page-section-1__info{ padding-top:0 } } .brk-sc-item-page-section-1__cfa{ border-radius:0; box-shadow:none } .brk-sc-item-page-section-1__img-container{ display:flex; height:100%; position:relative } @media screen and (max-width:1230px){ .brk-sc-item-page-section-1__img-container{ width:750px; opacity:.1 } } .brk-sc-item-page-section-1__img{ position:absolute; left:64px; top:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:left top; object-position:left top } @media screen and (max-width:1230px){ .brk-sc-item-page-section-1__img{ left:0; -o-object-position:center top; object-position:center top } } .brk-sc-item-page-section-2{ position:relative; top:-1090px; margin-bottom:-1067px; overflow:hidden; z-index:1; padding-top:96px } .brk-sc-item-page-section-2__info{ padding-bottom:320px } @media screen and (min-width:992px){ .brk-sc-item-page-section-2__info{ padding-top:570px; padding-bottom:463px } } .brk-sc-item-page-section-2__img-container{ position:relative; height:100% } @media screen and (max-width:1230px){ .brk-sc-item-page-section-2__img-container{ width:750px; left:-550px; opacity:.1 } } .brk-sc-item-page-section-2__img{ position:absolute; left:0; top:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center left; object-position:center left } @media screen and (max-width:1230px){ .brk-sc-item-page-section-2__img{ -o-object-position:center top; object-position:center top } } .brk-sc-item-page-section-2__svg-container{ position:absolute; bottom:-7px; left:0 } .brk-sc-item-page-section-2__svg-bg{ position:absolute; left:0; top:0; z-index:-1 } .brk-sc-item-page-section-2__svg-bg svg{ stroke:#f2fcff } .brk-sc-item-page-section-2__balls .brk-radial-ball{ border-radius:100%; z-index:5; position:absolute; transform:translateY(0); -webkit-animation:ballTransform 5s linear infinite; animation:ballTransform 5s linear infinite } @media screen and (max-width:1230px){ .brk-sc-item-page-section-2__balls .brk-radial-ball{ display:none } } .brk-sc-item-page-section-2__balls .brk-radial-ball:nth-child(1){ width:202px; height:202px; background-color:#000; left:238px; top:332px; -webkit-animation-delay:-4s; animation-delay:-4s; background-image:radial-gradient(circle 152px at 29.68% 18.59%,var(--brk-base-5) 0%,var(--brk-base-2) 100%) } .brk-sc-item-page-section-2__balls .brk-radial-ball:nth-child(2){ width:170px; height:170px; background-color:#000; top:706px; right:119px; -webkit-animation-delay:-3s; animation-delay:-3s; background-image:radial-gradient(circle 128px at 22.5% 35.93%,var(--brk-base-2) 0%,var(--brand-primary) 100%) } .brk-sc-item-page-section-2__balls .brk-radial-ball:nth-child(3){ width:134px; height:134px; background-color:#000; bottom:357px; left:-67px; background-image:radial-gradient(circle 101px at 28.38% 38.86%,var(--brand-primary) 0%,var(--brk-base-8) 100%) } .mt--140{ margin-top:-140px } .brk-sc-item-page-tabs{ z-index:1; margin-top:-63px } .brk-sc-item-page-tabs .brk-tabs-nav{ z-index:1 } @media screen and (max-width:1230px){ .brk-sc-item-page-tabs .brk-tabs-nav{ min-width:200px!important } } .brk-sc-item-page-tabs__title{ position:relative; padding-right:32px; padding-left:25px; margin-bottom:39px } .brk-sc-item-page-tabs__title:after{ content:''; position:absolute; right:0; top:0; width:3px; height:42px; background-image:linear-gradient(to top,var(--brk-base-2) 0%,var(--brk-base-5) 100%) } @media screen and (max-width:1230px){ .brk-sc-item-page-tabs__title{ padding-left:0 } } .brk-sc-item-page-tabs .brk-tab-item{ margin-top:-68px; padding-left:17px } @media screen and (max-width:1230px){ .brk-sc-item-page-tabs .brk-tab-item{ margin-top:0 } } @media screen and (max-width:767px){ .brk-sc-item-page-tabs .brk-tab-item{ padding-left:0 } } .brk-sc-item-page-tabs .brk-tab.active,.brk-sc-item-page-tabs .brk-tab:hover{ color:#000!important } .brk-sc-item-page-body__cfa{ margin-bottom:244px } .brk-sc-item-page-body__bg{ position:relative; box-shadow:inset 0 5px 26px rgba(0,0,0,.03); background-color:#f9f9f9 } .brk-sc-item-page-body__bg-img{ position:absolute; left:0; top:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center } .brk-sc-item-page-body .brk-sc-bonus{ top:-109px; margin-bottom:-62px } @media (max-width:767px){ .brk-sc-item-page-body .brk-sc-bonus{ top:0; margin-bottom:0 } } .brk-sc-item-page-body .brk-tabs_rounded{ position:relative; z-index:1; margin-top:-58px } .app-img-caption{ margin-bottom:-100px } .brk-dashed-logo__line{ background:url(../../img/sprite.png) 0 -22px; width:100px; height:1px } .brk-footer__wrapper{ position:relative } .brk-footer_animated{ position:fixed!important; left:0; right:0; bottom:0; z-index:-1 } .brk-footer__info-grid p{ min-width:50%; display:flex; align-items:center } .brk-footer__rights{ border-top:1px solid rgba(255,255,255,.1); color:#fff } .brk-footer__bg-container{ position:relative } .brk-footer__bg-left{ position:absolute; left:0; top:0; width:50%; height:100% } .brk-footer__bg-left_footer-5{ width:52%; -webkit-clip-path:polygon(0 0,100% 0,calc(100% - 120px) 100%,0% 100%); clip-path:polygon(0 0,100% 0,calc(100% - 120px) 100%,0% 100%); z-index:-1; background-color:#1c2124 } .brk-footer__bg-right{ position:absolute; right:0; top:0; width:50%; height:100% } .brk-footer__bg-right_footer-5{ width:100%; z-index:-2; background-color:#161a1d } .brk-footer__border-gradient,.brk-footer__border-gradient-1{ position:relative } .brk-footer__border-gradient::after{ content:''; position:absolute; left:0; bottom:0; height:3px; width:100%; background-image:linear-gradient(to left,var(--brk-secondary-4) 0%,var(--brk-secondary-6) 100%) } .brk-footer__border-gradient-1::after,.brk-footer__borders_footer-10::after{ content:''; position:absolute; left:0; bottom:0; height:3px; width:100%; background-image:linear-gradient(to right,var(--secondary) 0%,var(--brand-primary) 100%) } .brk-footer__rights_footer-9{ overflow:hidden } .brk-footer__rights_footer-9 .brk-footer__socials-bg:before{ content:''; position:absolute; left:0; top:0; height:100%; width:1000%; z-index:-1; background-color:var(--brand-primary) } @media screen and (max-width:768px){ .brk-footer__rights_footer-9 .brk-footer__socials-bg{ padding-left:0!important; padding-bottom:15px } .brk-footer__rights_footer-9 .brk-footer__socials-bg::before{ display:none } } .brk-footer__borders_footer-10,.brk-footer__borders_footer-10 .brk-footer__bordered-col{ position:relative } .brk-footer__borders_footer-10::after{ background-image:linear-gradient(to right,var(--brand-primary),var(--secondary)) } .brk-footer__borders_footer-10::before{ content:""; position:absolute; top:0; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.16); z-index:1 } @media screen and (min-width:991px){ .brk-footer__borders_footer-10 .brk-footer__bordered-col:after,.brk-footer__borders_footer-10 .brk-footer__bordered-col:before{ content:""; position:absolute; top:0; height:100%; width:1px; background-color:rgba(255,255,255,.16) } .brk-footer__borders_footer-10 .brk-footer__bordered-col:before{ left:-30px } .brk-footer__borders_footer-10 .brk-footer__bordered-col:after{ right:0 } } .brk-footer__light-bg{ position:relative; z-index:1 } .brk-footer__light-bg::after{ content:''; z-index:-1; position:absolute; left:-30px; right:-30px; top:0; height:100%; background-color:#fff; box-shadow:0 6px 30px rgba(0,0,0,.12) } @media (max-width:767px){ .brk-footer__light-bg::after{ left:-15px; right:-15px } } .brk-footer__shop-element .brk-footer__shop-title,.brk-footer__shop-element .brk-slider,.brk-footer__wide-menu{ position:relative } .brk-footer__wide-menu::after{ content:""; position:absolute; left:-40px; right:-40px; top:0; bottom:0; box-shadow:0 6px 30px rgba(0,0,0,.12); background-color:#fff; z-index:-1 } @media (max-width:767px){ .brk-footer__wide-menu::after{ left:-15px; right:-15px } } .brk-footer__shop-element{ border-bottom:1px solid rgba(255,255,255,.2); overflow:hidden } .brk-footer__shop-element .brk-footer__shop-title:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:rgba(255,255,255,.2) } @media screen and (min-width:991px){ .brk-footer__shop-element .brk-footer__shop-title_wide:after{ width:calc(100% + 30px) } } [dir=rtl] .brk-footer__shop-element .brk-slider_shop-footer .slick-slide{ padding:0 15px } .brk-footer__shop-element .brk-slider__nav{ position:absolute; right:7px; top:-92px } [dir=rtl] .brk-footer__shop-element .brk-slider__nav{ right:auto; left:7px } .brk-footer__shop-element .brk-slider__nav-next,.brk-footer__shop-element .brk-slider__nav-prev{ background-color:transparent; cursor:pointer } [dir=rtl] .brk-footer__shop-element .brk-slider__nav-next,[dir=rtl] .brk-footer__shop-element .brk-slider__nav-prev{ transform:rotate(180deg) } .brk-footer__shop-element .brk-slider .slick-list,.brk-footer__shop-element .slick-list{ margin-left:-15px; margin-right:-15px } .brk-footer__shop-element .brk-slider .slick-slide{ padding-left:15px; padding-right:15px } .brk-footer__shop-element .flip-box{ max-width:420px; margin:0 15px } [dir=rtl] .brk-footer__shop-element .flip-box{ margin:0 } .brk-footer .brk-subscribe input{ width:100%; height:54px } .brk-footer .brk-map__section,.brk-footer .brk-map__section>div{ height:100% } @media screen and (max-width:1230px){ .brk-footer .brk-map__section,.brk-footer .brk-map__section>div{ min-height:520px } } .brk-footer .brk-map_extra{ box-shadow:inset -3px 3px 10px rgba(0,0,0,.1) } .brk-footer .brk-map_extra .brk-map__canvas{ width:100%; min-height:320px; height:100%!important } .brk-footer .brk-social-links_bordered .brk-social-links__item{ border:1px solid rgba(255,255,255,.2); transition:.3s ease border-color; margin-right:6px } .brk-footer .brk-social-links_bordered .brk-social-links__item i{ color:rgba(255,255,255,.4); transition:.3s ease color } .brk-footer .brk-social-links_bordered .brk-social-links__item:last-child{ margin-right:0 } .brk-footer .brk-social-links_bordered .brk-social-links__item:hover{ border-color:#fff } .brk-footer .brk-tiles-simple .before{ background-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.6) 99%,rgba(0,0,0,.6) 100%) } .brk-footer .brk-tiles-simple{ min-height:270px } .brk-footer-map-overflow{ position:relative } .brk-footer-map-overflow .brk-map{ width:calc(100% - 540px); height:420px } @media screen and (max-width:1230px){ .brk-footer-map-overflow .brk-map{ width:100%; height:350px; min-height:0 } } .brk-footer-map-overflow__info{ position:absolute; right:0; top:0; height:100%; padding-top:76px; padding-left:170px; padding-right:65px; min-width:690px; background-image:linear-gradient(to right,var(--brand-primary) 0%,var(--secondary) 100%); -webkit-clip-path:polygon(150px 0%,100% 0,100% 100%,0% 100%); clip-path:polygon(150px 0%,100% 0,100% 100%,0% 100%) } @media screen and (max-width:1230px){ .brk-footer-map-overflow__info{ position:relative; -webkit-clip-path:none; clip-path:none; padding:35px 15px 20px; text-align:center; min-width:0 } } @media (max-width:575px){ .brk-footer-nav{ width:100% } } .brk-footer-nav ul li{ margin:16px 20px } @media (max-width:576px){ .brk-footer-nav ul li{ margin:12px 0; padding:0 15px; width:33.33333%; text-align:center } } @media (max-width:375px){ .brk-footer-nav ul li{ width:50% } } @media (min-width:576px){ .brk-footer-nav ul li:first-child{ margin-left:0 } .brk-footer-nav ul li:last-child{ margin-right:0 } } .brk-dashed-logo{ position:relative; display:flex; align-items:center } .brk-dashed-logo__line{ flex-grow:1; opacity:.8; background-repeat:repeat } .brk-dashed-logo__link{ flex-shrink:0 } .brk-form-strict_footer-3,.brk-form-strict_footer-4,.brk-subscribe-squared{ position:relative } .brk-form-strict_footer-3 input[type=email],.brk-form-strict_footer-3 input[type=text],.brk-form-strict_footer-3 textarea{ background-color:transparent; color:#fff; padding-left:0!important; border-bottom:1px solid rgba(255,255,255,.2)!important } .brk-form-strict_footer-3 label{ color:#fff!important; left:0!important } .brk-form-strict_footer-3 textarea{ min-height:130px!important } .brk-form-strict_footer-3 button{ position:absolute; right:-1px; bottom:0; transform:translateY(50%); box-shadow:0 5px 16px rgba(0,2,67,.2); height:54px; padding:0 38px 0 44px; border-radius:6px } @media (max-width:767px){ .brk-form-strict_footer-3 button{ position:static; transform:translate(0,0); margin:30px auto 0 } } .brk-form-strict_footer-4 input{ background-color:transparent; border-bottom:1px solid #fff!important; color:#fff!important } .brk-form-strict_footer-4 .input-label{ color:#fff!important } .brk-form-strict_footer-4 button{ width:42px; height:42px; background-color:#fff; position:absolute; right:0; top:-12px; border-radius:100% } .brk-form-strict_footer-4 button i{ color:var(--brk-secondary-6) } .brk-subscribe-squared input{ width:100%; padding:15px 55px 15px 33px; background-color:#fff; color:var(--brand-primary); border:0 } .brk-subscribe-squared input::-webkit-input-placeholder{ color:var(--brand-primary) } .brk-subscribe-squared input::-moz-placeholder{ color:var(--brand-primary) } .brk-subscribe-squared input:-ms-input-placeholder,.brk-subscribe-squared input::-ms-input-placeholder{ color:var(--brand-primary) } .brk-subscribe-squared input::placeholder{ color:var(--brand-primary) } .brk-subscribe-squared button{ position:absolute; right:0; top:0; width:54px; height:54px; display:flex; align-items:center; justify-content:center } .brk-subscribe-squared button i{ color:var(--brand-primary) } .btn-prime_footer-4{ background-color:transparent!important; color:#fff!important; font-size:16px!important } .btn-prime_footer-4 .border-btn{ border:2px solid #fff } .brk-social-links_footer-4 .brk-social-links__item{ margin-right:26px } .brk-social-links_footer-4 .brk-social-links__item:hover{ color:var(--secondary) } .brk-social-links_footer-4 .brk-social-links__item:last-child{ margin-right:0 } .brk-form_footer-5{ position:relative } .brk-form_footer-5 input{ padding:8px 120px 8px 18px; line-height:24px; color:#a2a5ad; border-radius:4px; min-width:334px; border:0; opacity:1; background-color:rgba(255,255,255,.1) } @media screen and (max-width:500px){ .brk-form_footer-5 input{ width:100%; min-width:0 } } .brk-form_footer-5 button{ position:absolute; height:34px; top:3px; right:3px; border-radius:4px; padding:0 18px; background-color:#101315; color:#474b54; box-shadow:0; transition:.3s ease color } .brk-form_footer-5-light input{ border-radius:2px; background-color:#fff; color:#40406c } .brk-form_footer-5-light button{ color:#fff; background-image:linear-gradient(to right,var(--brand-primary),var(--secondary)) } .brk-form-transparent_footer-6 button{ position:absolute; right:0; top:0; margin:0!important; min-width:170px } .brk-form-transparent_footer-6 input{ border:2px solid rgba(255,255,255,.2); background-color:rgba(255,255,255,.12) } .cfa_footer{ flex-shrink:0 } .cfa_footer form .wpcf7 .ajax-loader{ position:absolute; top:0; left:0 } @media screen and (max-width:1500px){ .cfa_footer{ flex-direction:column } .cfa_footer form{ width:100%; margin-top:15px } } @media screen and (max-width:500px){ .cfa_footer{ padding-left:15px!important; padding-right:15px!important } .cfa_footer input{ width:100%!important } .cfa_footer button{ width:100%; margin-top:15px!important; position:relative } } .brk-latest-works__item{ width:calc(100%/3) } .brk-latest-works__item::after{ content:''; display:block; padding-top:100% } .brk-latest-works__link{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1 } @media screen and (min-width:992px){ .ml-lg-70{ margin-left:70px } } .brk-get-in-touch{ background-color:#fff; box-shadow:0 10px 30px rgba(0,0,0,.3),inset 0 4px 0 var(--brand-primary) } .brk-get-in-touch .brk-form-wrap:first-child{ margin-top:10px } .brk-get-in-touch_footer{ margin-bottom:20px } @media screen and (min-width:991px){ .brk-get-in-touch_footer{ top:-115px; margin-bottom:-72px } } .brk-get-in-touch_footer-svg{ top:-171px } .brk-angle-list__item{ position:relative } .brk-angle-list__item i{ position:relative; left:-5px; display:inline-block; margin-top:-2px; padding-right:0; width:0; overflow:hidden; transition:.3s ease width,.3s ease padding-right,.3s ease left; will-change:transition,padding-right,left; vertical-align:middle } .brk-angle-list__item:hover{ color:#000 } .brk-angle-list__item:hover i{ left:0; padding-right:10px; width:10px } .dotted-line{ border:0; height:8px; background-image:url(../../img/dotted-bg_wide.png) } @media (min-width:992px){ .brk-styled-twitter{ margin-left:-30px } } [class*=brk-styled-twitter]{ position:relative; min-height:100px } [class*=brk-styled-twitter]:after{ content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:87px; height:87px; background:url(../../img/preloader.gif) no-repeat center center; background-size:100%; opacity:1; visibility:visible; transition-property:opacity,visibility; transition-duration:.4s; z-index:97 } .lazyloaded [class*=brk-styled-twitter]:after{ opacity:0; visibility:hidden } .brk-form_footer-14{ display:flex; flex-direction:column; align-items:center; position:relative; padding:52px 40px 40px; border-radius:25px; box-shadow:0 6px 30px rgba(0,0,0,.12); background-image:linear-gradient(to top,rgba(var(--brk-base-6-rgb),1) 0%,rgba(var(--brk-base-5-rgb),1) 100%) } .brk-bordered-theme .brk-form_footer-14{ border-radius:var(--b-radius) } .brk-form_footer-14 input,.brk-form_footer-14 textarea{ background-color:transparent!important; color:#fff!important } .brk-form_footer-14 textarea{ border-left:none!important; border-right:none!important; border-top:none!important } .brk-form_footer-14 .input-label{ color:#fff!important } .brk-form_footer-14 .brk-form-wrap-active input,.brk-form_footer-14 .brk-form-wrap-active textarea{ border-color:rgba(255,255,255,.4)!important } .brk-form_footer-14 .brk-form-strict textarea+.input-label{ left:21px } .brk-form_footer-14 .brk-form-wrap-active textarea+.input-label{ top:-15px; left:15px } .brk-form_footer-9 .brk-form__textarea-container{ height:252px } .brk-form_footer-9 .brk-form__textarea-container .brk-form-wrap{ height:100% } .brk-form_footer-9 .brk-form__textarea-container .brk-form-wrap textarea{ height:calc(100% - 30px) } .brk-footer-16_style-1 .brk-footer-16__form input[type=email],.brk-footer-16_style-1 .brk-footer-16__form input[type=password],.brk-footer-16_style-1 .brk-footer-16__form input[type=tel],.brk-footer-16_style-1 .brk-footer-16__form input[type=text],.brk-footer-16_style-1 .brk-footer-16__form textarea,.brk-form_footer-9 input[type=email],.brk-form_footer-9 input[type=password],.brk-form_footer-9 input[type=tel],.brk-form_footer-9 input[type=text],.brk-form_footer-9 textarea{ background-color:transparent; color:#fff!important; border-bottom:1px solid rgba(255,255,255,.9)!important } .brk-footer-16_style-1 .brk-footer-16__form textarea,.brk-form_footer-9 textarea{ border-left:none!important; border-right:none!important; border-top:none!important } .brk-form_footer-9 .input-label{ color:rgba(255,255,255,.4)!important } .brk-footer-16{ overflow:hidden } .brk-footer-16__img-overlay{ position:absolute; left:0; bottom:0; width:100%; min-height:570px; -o-object-fit:cover; object-fit:cover } .brk-footer-16__form input{ background-color:transparent; border:0 } .brk-footer-16__form input::-webkit-input-placeholder{ color:currentColor } .brk-footer-16__form input::-moz-placeholder{ color:currentColor } .brk-footer-16__form input:-ms-input-placeholder,.brk-footer-16__form input::-ms-input-placeholder{ color:currentColor } .brk-footer-16__form input::placeholder{ color:currentColor } .brk-footer-16_style-1 .brk-footer-16__img-overlay{ min-height:796px } .brk-footer-16_style-1 .brk-footer-16__form .brk-form-wrap{ margin-top:19px } .brk-footer-16_style-1 .brk-footer-16__form .brk-form__textarea-container,.brk-footer-16_style-1 .brk-footer-16__form .brk-form__textarea-container .brk-form-wrap{ height:100% } .brk-footer-16_style-1 .brk-footer-16__form .brk-form__textarea-container .brk-form-wrap textarea{ height:calc(100% - 19px) } .brk-footer-16_style-1 .brk-footer-16__form .input-label{ color:#fff!important } @media screen and (min-width:1600px){ .brk-footer-1 .row.no-gutters>.col-xl-6:nth-child(1){ flex:0 0 58.33333%; max-width:58.33333% } .brk-footer-1 .row.no-gutters>.col-xl-6:nth-child(2){ flex:0 0 41.66667%; max-width:41.66667% } } .brk-image-map{ z-index:9 } @media (min-width:992px){ .brk-image-map_absolute-top{ position:absolute; top:0; left:0; width:auto; max-width:100%; height:auto } } .brk-image-map_full-width .imp-wrap{ max-width:none!important; width:100% } .brs-player-vimeo_adaptive,.brs-player-youtube_adaptive{ width:100%; position:relative } .brs-player-vimeo_adaptive:after,.brs-player-youtube_adaptive:after{ content:''; position:relative; display:block; padding-top:54.4% } .brs-player-vimeo_adaptive iframe,.brs-player-youtube_adaptive iframe{ position:absolute; left:0; top:0; width:100%!important; height:100%!important; z-index:1 } .brs-player-html5{ position:relative } .brs-player-html5__video-container{ width:100%; height:auto; -o-object-fit:cover; object-fit:cover } .brs-player-html5__btn{ position:absolute; left:50%; top:50%; transform:translate(-50%,calc(-50% - 20px)); z-index:1 } .brs-player-facebook_adaptive{ height:auto; width:100% } .brk-hosted-video{ position:relative; z-index:8; box-shadow:0 6px 20px rgba(0,0,0,.06) } .brk-hosted-video::before{ content:""; display:block; padding-top:55.25% } @media screen and (max-width:768px){ .brk-hosted-video{ min-height:400px } } .brk-hosted-video_no-poster{ min-height:0 } .brk-hosted-video_no-poster::before{ display:none } .brk-hosted-video_large-shadow{ box-shadow:0 10px 15px rgba(0,0,0,.15) } .brk-hosted-video__date{ margin-right:14px } .brk-hosted-video__date-icon{ margin-right:8px; font-size:10px; position:relative; left:1px } .brk-hosted-video__comments{ text-transform:uppercase } .brk-hosted-video__comments-icon{ margin-right:8px; font-size:10px; position:relative; left:1px } .brk-hosted-video__comments i,.brk-hosted-video__date i{ vertical-align:middle } .brk-hosted-video__about{ width:auto; max-width:50%; flex-shrink:0 } @media (min-width:768px){ .brk-hosted-video__about{ margin-right:63px } } .brk-hosted-video__body,.brk-hosted-video__img{ position:absolute; left:0; top:0; width:100%; height:100% } .brk-hosted-video__img{ -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; z-index:-1 } .brk-hosted-video__body{ display:flex; flex-direction:column; padding:26px 40px 35px 41px; z-index:1 } .brk-hosted-video__description{ display:flex; position:relative } @media (min-width:768px){ .brk-hosted-video__description{ justify-content:space-between; align-items:flex-end } } @media (max-width:767px){ .brk-hosted-video__description{ flex-direction:column; align-items:center } } .brk-hosted-video__description .brs-post__more{ color:#fff; font-size:16px; font-weight:600 } .brk-hosted-video__information{ display:flex } .brk-hosted-video__comments-icon,.brk-hosted-video__date-icon{ bottom:1px } .brk-hosted-video__title{ margin-top:5px; margin-left:1px; color:#fff } .brk-hosted-video__paragraph{ max-height:80px; overflow:hidden; color:#fff; margin-top:3px } .brk-hosted-video__btn{ margin:auto!important; cursor:pointer; font-size:16px!important } .brk-hosted-video__video-container{ display:none; height:auto; padding:0!important } .brk-hosted-video__before,.brk-hosted-video_inner video{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:99 } .brk-hosted-video_short::before{ padding-top:37% } .brk-hosted-video__before{ z-index:1 } .highlight-massive{ display:inline-block; position:relative } .highlight-massive>.after{ content:''; position:absolute; top:calc(100% - 4px); left:0; width:100%; height:5px; background:var(--brand-primary); border-radius:5px } .highlight-massive-gray>.after{ background:#e8e8e8; top:calc(100% - 1px); height:3px } .highlight-trend{ background:var(--brand-primary); border-radius:50px; padding:3px 20px; color:#fff; display:inline-block; font-weight:700; font-size:14px; line-height:24px } .highlight-trend+*,.title-box h3+h1,.title-box h3+h2,.title-box h5+h1,.title-box h5+h2{ margin-top:20px } .highlight-underline{ position:relative; margin-top:30px; text-transform:uppercase; padding:6px 0 8px 40px } .highlight-underline>.before{ content:''; position:absolute; top:-1px; bottom:-1px; left:0; width:4px; border-radius:10px; background:var(--brand-primary) } .heading-style-left div+div .highlight-underline,.highlight-underline+.highlight-underline{ padding-top:0; margin-top:-6px } .highlight-underline_white>.before{ background:#fff } .divider{ width:35px; height:2px; background:var(--brand-primary); margin:25px auto 32px; border:0 } .divider-layers,.divider-light{ width:40px; height:2px; background:#d4e1f6; margin:20px auto; border:0 } .divider-layers{ width:140px; margin:30px auto; position:relative } .divider-cross span,.divider-layers>.before{ position:absolute; left:50%; background:var(--brand-primary) } .divider-layers>.before{ content:''; bottom:0; transform:translate(-50%); top:0; width:40px } .divider-cross{ width:12px; height:12px; margin:18px auto 26px; position:relative } @media (min-width:768px){ .divider-cross_left{ margin:18px auto 26px 80px } } .divider-cross:after,.divider-cross:before{ content:''; position:absolute; top:6px; background:#e6e6e6; width:65px; height:1px } .divider-cross:before{ right:calc(100% + 15px) } .divider-cross:after{ left:calc(100% + 15px) } .divider-cross span{ top:50%; margin-left:-7px; width:14px; height:2px } .divider-cross span:first-child{ transform:rotate(45deg) } .divider-cross span:last-child{ transform:rotate(-45deg) } .divider-lines{ margin-top:45px } .divider-lines span{ display:block; width:60px; margin:0 auto; height:1px; background:#272727 } .divider-lines span+span{ margin-top:3px } .divider-dots{ margin:20px auto 25px; line-height:1; font-size:0 } .divider-dots span{ display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--brand-primary); margin:0 5px } .all-light .title__heading-01.title__heading-main{ opacity:.15 } .all-light .title__heading-01.title__heading-sub{ font-size:28px } .all-light .title__heading-01.divider{ background:#fff } .title__heading{ position:relative } .title__heading-01.title__heading-main{ opacity:.07; text-transform:uppercase; line-height:1; text-align:center; } @media (min-width:768px){ .title__heading-01.title__heading-main{ font-size:94px } } .title__heading-01.title__heading-main+.title__heading-sub{ margin-top:-40px } .title__heading-01.title__heading-sub{ position:relative; z-index:2; text-transform:uppercase; text-align:center; } .title__heading-01.divider{ margin:15px auto 0 } .title__heading-02.title__heading-main{ text-transform:uppercase; position:relative; z-index:1 } .title__heading-02.title__heading-sub{ opacity:1; color:rgba(34,34,34,.08); transition:1s ease color; text-transform:uppercase; position:absolute; z-index:-1; top:50%; left:50%; transform:translate(-50%,-50%); width:100% } .title__heading-02.title__heading-sub.animated{ color:rgba(34,34,34,.8); transition:.1s ease opacity } @media (min-width:768px){ .title__heading-02.title__heading-sub{ font-size:94px } } @media screen and (max-width:575.98px){ .title__heading-02.title__heading-sub{ position:static; font-size:24px; line-height:22px } } .title__heading-03.title__heading-main{ text-transform:uppercase; line-height:1 } @media (min-width:768px){ .title__heading-03.title__heading-main{ font-size:48px } } .title__heading-03.title__heading-sub{ text-transform:uppercase } .title__heading-04.title__heading-main{ position:relative; z-index:2 } .title__heading-04.title__heading-sub{ opacity:.08; text-transform:uppercase; line-height:1 } @media (min-width:768px){ .title__heading-04.title__heading-sub{ font-size:94px } } .title__heading-04.title__heading-sub+.title__heading-main{ margin-top:-29px } .title__heading-06.title__heading-main{ position:relative; z-index:2; margin-top:-54px; text-transform:uppercase; line-height:48px } .title__heading-06.title__heading-main_light{ color:#fff } .title__heading-06.title__heading-sub{ text-transform:uppercase } .title__heading-06.title__heading-sub:not(.title__heading-sub_class-color){ color:#f6f6f6 } @media (min-width:992px){ .title__heading-06.title__heading-sub{ font-size:100px } } .title__heading-06.title__heading-sub_light{ color:#fff; opacity:.08 } .title__heading-06.title__heading-sub_colored{ color:rgba(var(--brand-primary-rgb),.08) } .title__heading-06.title__heading-sub_dark{ color:#e6e6e6 } .heading-style-left{ display:inline-block; position:relative; z-index:2; text-align:left } @media screen and (max-width:991.98px){ .heading-style-left{ text-align:center } } .heading-style-left span{ position:absolute; top:100%; left:0; color:#aaa; text-transform:uppercase; padding-top:5px } @media screen and (max-width:991.98px){ .heading-style-left span{ left:50%; transform:translateX(-50%); white-space:nowrap } } .title-lines-box{ text-align:center; margin-top:130px } .title-lines-wrap{ margin-top:110px } .title-lines-main{ display:inline-block; padding:0 40px; position:relative } @media (min-width:768px){ .title-lines-main{ padding:0 80px } } .title-lines-solid{ display:flex; align-items:center; padding:0 } @media (max-width:991px){ .title-lines-solid{ display:block; text-align:center; padding:0 15px } } .title-lines-solid .text{ position:relative; z-index:1; padding:0 20px; flex-shrink:1 } @media (max-width:991px){ .title-lines-solid .text{ padding:0 } } .title-lines-solid .line{ flex-grow:1; height:5px; background:#eef4ff } @media (max-width:991px){ .title-lines-solid .line{ display:none } } .title-lines-double{ display:flex; align-items:center; padding:0 } @media (max-width:991px){ .title-lines-double{ display:block; text-align:center; padding:0 15px } } .title-lines-double .text{ position:relative; z-index:1; flex-shrink:0; padding:0 20px } @media (max-width:991px){ .title-lines-double .text{ padding:0 } } .title-lines-double .line{ flex-grow:1; height:5px; background:0 0; padding:0; position:relative } .title-lines-double .line:after,.title-lines-double .line:before{ content:''; position:absolute; left:0; width:100%; height:1px; background:#000 } .title-lines-double .line:before{ top:0 } .title-lines-double .line:after{ bottom:0 } @media (max-width:991px){ .title-lines-double .line{ display:none } } .title-lines-dotted{ position:relative; display:flex; align-items:center } @media (max-width:991px){ .title-lines-dotted{ display:block; text-align:center; padding:0 15px } } .title-lines-dotted .text{ position:relative; z-index:1; padding:0 20px; flex-shrink:0 } @media (max-width:991px){ .title-lines-dotted .text{ padding:0 } } .title-lines-dotted .line{ flex-grow:1; height:12px; background:url(../../img/dotted-bg_wide.png) repeat-x center center } @media (max-width:991px){ .title-lines-dotted .line{ display:none } } @media (min-width:992px){ .line-heading{ display:flex; align-items:center } } .line-heading p{ margin-top:20px; border-left:3px solid var(--brand-primary); padding:12px 0 12px 30px; line-height:24px; flex:1 } @media (min-width:992px){ .line-heading p{ margin-left:38px; margin-top:0 } } .title-simple-box{ margin:132px 0 160px; text-align:center } .title-simple-wrap{ margin-top:110px } .title-simple+.title-simple{ margin-top:96px } .heading__1{ text-align:left; margin:100px 0 80px 40px } @media (min-width:768px){ .heading__1{ margin:0 0 107px } } .heading__2{ text-align:left; margin:100px 0 80px 40px } @media (min-width:768px){ .heading__2{ margin:0 0 43px } } .heading__number{ color:#dfdfdf } .heading__bg{ margin-top:20px; padding:20px 0; background-image:url(../../img/heading-bg.png); background-position:center center; background-repeat:repeat-x; text-align:center; width:100% } .heading__bg h1,.heading__bg h2{ background-color:#fff; display:inline-block; padding:0 30px }