html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } html { box-sizing:border-box; } *,:before,:after { box-sizing:inherit; } body { line-height:1; } ol,ul { list-style:none; } blockquote,q { quotes:none; } blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; } table { border-collapse:collapse; border-spacing:0; } sup { font-size:.6em; position:relative; top:-.5em; vertical-align:baseline; } sub { font-size:.6em; bottom:-.5em; position:relative; vertical-align:baseline; } strong { font-weight:700; } em { font-style:italic; } @-webkit-keyframes wave { 0% { -webkit-transform:scale(0.6); opacity:1; } 10% { -webkit-transform:scale(1.2); opacity:.4; } 12% { -webkit-transform:scale(1.19); opacity:.3; } 20% { -webkit-transform:scale(1.5); opacity:0; } 100% { -webkit-transform:scale(0.6); opacity:0; } } @-moz-keyframes wave { 0% { -moz-transform:scale(0.6); opacity:1; } 10% { -moz-transform:scale(1.2); opacity:.4; } 12% { -moz-transform:scale(1.19); opacity:.3; } 20% { -moz-transform:scale(1.5); opacity:0; } 100% { -moz-transform:scale(0.6); opacity:0; } } @-ms-keyframes wave { 0% { -ms-transform:scale(0.6); opacity:1; } 10% { -ms-transform:scale(1.2); opacity:.4; } 12% { -ms-transform:scale(1.19); opacity:.3; } 20% { -ms-transform:scale(1.5); opacity:0; } 100% { -ms-transform:scale(0.6); opacity:0; } } @-o-keyframes wave { 0% { -o-transform:scale(0.6); opacity:1; } 10% { -o-transform:scale(1.2); opacity:.4; } 12% { -o-transform:scale(1.19); opacity:.3; } 20% { -o-transform:scale(1.5); opacity:0; } 100% { -o-transform:scale(0.6); opacity:0; } } @keyframes wave { 0% { transform:scale(0.6); opacity:1; } 10% { transform:scale(1.2); opacity:.4; } 12% { transform:scale(1.19); opacity:.3; } 20% { transform:scale(1.5); opacity:0; } 100% { transform:scale(0.6); opacity:0; } } @-webkit-keyframes pulse { 0% { -webkit-transform:scale(1); } 90% { -webkit-transform:scale(1.1); } 100% { -webkit-transform:scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform:scale(1); } 90% { -moz-transform:scale(1.1); } 100% { -moz-transform:scale(1); } } @-ms-keyframes pulse { 0% { -ms-transform:scale(1); } 90% { -ms-transform:scale(1.1); } 100% { -ms-transform:scale(1); } } @-o-keyframes pulse { 0% { -o-transform:scale(1); } 90% { -o-transform:scale(1.1); } 100% { -o-transform:scale(1); } } @keyframes pulse { 0% { transform:scale(1); } 90% { transform:scale(1.1); } 100% { transform:scale(1); } } @-webkit-keyframes progress { 0% { width:0; } 50% { width:25%; } 90% { width:75%; } 100% { width:100%; } } @-moz-keyframes progress { 0% { width:0; } 50% { width:25%; } 90% { width:75%; } 100% { width:100%; } } @-ms-keyframes progress { 0% { width:0; } 50% { width:25%; } 90% { width:75%; } 100% { width:100%; } } @-o-keyframes progress { 0% { width:0; } 50% { width:25%; } 90% { width:75%; } 100% { width:100%; } } @keyframes progress { 0% { width:0; } 50% { width:25%; } 90% { width:75%; } 100% { width:100%; } } @-webkit-keyframes rotate { 0% { -webkit-transform:rotateY(0); } 50% { -webkit-transform:rotateY(180deg); } 100% { -webkit-transform:rotateY(360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotateY(0); } 50% { -moz-transform:rotateY(180deg); } 100% { -moz-transform:rotateY(360deg); } } @-ms-keyframes rotate { 0% { -ms-transform:rotateY(0); } 50% { -ms-transform:rotateY(180deg); } 100% { -ms-transform:rotateY(360deg); } } @-o-keyframes rotate { 0% { -o-transform:rotateY(0); } 50% { -o-transform:rotateY(180deg); } 100% { -o-transform:rotateY(360deg); } } @keyframes rotate { 0% { transform:rotateY(0); } 50% { transform:rotateY(180deg); } 100% { transform:rotateY(360deg); } } @-webkit-keyframes slideshow_rotate_clockwise { 0% { -webkit-transform:rotate(0) skew(1deg); } 100% { -webkit-transform:rotate(360deg) skew(1deg); } } @-moz-keyframes slideshow_rotate_clockwise { 0% { -moz-transform:rotate(0) skew(1deg); } 100% { -moz-transform:rotate(360deg) skew(1deg); } } @-ms-keyframes slideshow_rotate_clockwise { 0% { -ms-transform:rotate(0) skew(1deg); } 100% { -ms-transform:rotate(360deg) skew(1deg); } } @-o-keyframes slideshow_rotate_clockwise { 0% { -o-transform:rotate(0) skew(1deg); } 100% { -o-transform:rotate(360deg) skew(1deg); } } @keyframes slideshow_rotate_clockwise { 0% { transform:rotate(0) skew(1deg); } 100% { transform:rotate(360deg) skew(1deg); } } @-webkit-keyframes slideshow_rotate_unclockwise { 0% { -webkit-transform:rotate(0) skew(-1deg); } 100% { -webkit-transform:rotate(-360deg) skew(-1deg); } } @-moz-keyframes slideshow_rotate_unclockwise { 0% { -moz-transform:rotate(0) skew(-1deg); } 100% { -moz-transform:rotate(-360deg) skew(-1deg); } } @-ms-keyframes slideshow_rotate_unclockwise { 0% { -ms-transform:rotate(0) skew(-1deg); } 100% { -ms-transform:rotate(-360deg) skew(-1deg); } } @-o-keyframes slideshow_rotate_unclockwise { 0% { -o-transform:rotate(0) skew(-1deg); } 100% { -o-transform:rotate(-360deg) skew(-1deg); } } @keyframes slideshow_rotate_unclockwise { 0% { transform:rotate(0) skew(-1deg); } 100% { transform:rotate(-360deg) skew(-1deg); } } @-webkit-keyframes hide { 0% { opacity:1; } 50% { visibility:visible; } 100% { opacity:0; visibility:hidden; } } @-moz-keyframes hide { 0% { opacity:1; } 50% { visibility:visible; } 100% { opacity:0; visibility:hidden; } } @-ms-keyframes hide { 0% { opacity:1; } 50% { visibility:visible; } 100% { opacity:0; visibility:hidden; } } @-o-keyframes hide { 0% { opacity:1; } 50% { visibility:visible; } 100% { opacity:0; visibility:hidden; } } @keyframes hide { 0% { opacity:1; } 50% { visibility:visible; } 100% { opacity:0; visibility:hidden; } } @-webkit-keyframes kenburns_stop { 100% { -webkit-transform:scale(1) translate(0px,0px); } } @-moz-keyframes kenburns_stop { 100% { -moz-transform:scale(1) translate(0px,0px) rotate(0.01deg); } } @-ms-keyframes kenburns_stop { 100% { -ms-transform:scale(1) translate(0px,0px); } } @-o-keyframes kenburns_stop { 100% { -o-transform:scale(1) translate(0px,0px); } } @keyframes kenburns_stop { 100% { transform:scale(1) translate(0px,0px) rotate(0.01deg); } } @-webkit-keyframes kenburns_1 { 0% { -webkit-transform:scale(1) translate(0px,0px); } 100% { -webkit-transform:scale(1.4) translate(190px,-120px); } } @-moz-keyframes kenburns_1 { 0% { -moz-transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { -moz-transform:scale(1.4) translate(190px,-120px) rotate(0.01deg); } } @-ms-keyframes kenburns_1 { 0% { -ms-transform:scale(1) translate(0px,0px); } 100% { -ms-transform:scale(1.4) translate(190px,-120px); } } @-o-keyframes kenburns_1 { 0% { -o-transform:scale(1) translate(0px,0px); } 100% { -o-transform:scale(1.4) translate(190px,-120px); } } @keyframes kenburns_1 { 0% { transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { transform:scale(1.4) translate(190px,-120px) rotate(0.01deg); } } @-webkit-keyframes kenburns_2 { 0% { -webkit-transform:scale(1) translate(0px,0px); } 100% { -webkit-transform:scale(1.3) translate(190px,-120px); } } @-moz-keyframes kenburns_2 { 0% { -moz-transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { -moz-transform:scale(1.3) translate(-190px,-120px) rotate(0.01deg); } } @-ms-keyframes kenburns_2 { 0% { -ms-transform:scale(1) translate(0px,0px); } 100% { -ms-transform:scale(1.4) translate(-190px,-120px); } } @-o-keyframes kenburns_2 { 0% { -o-transform:scale(1) translate(0px,0px); } 100% { -o-transform:scale(1.4) translate(-190px,-120px); } } @keyframes kenburns_2 { 0% { transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { transform:scale(1.4) translate(-190px,-120px) rotate(0.01deg); } } @-webkit-keyframes kenburns_3 { 0% { -webkit-transform:scale(1.2) translate(30px,10px); } 100% { -webkit-transform:scale(1) translate(0px,0px); } } @-moz-keyframes kenburns_3 { 0% { -moz-transform:scale(1.1) translate(30px,10px) rotate(0.01deg); } 100% { -moz-transform:scale(1) translate(0px,0px) rotate(0.01deg); } } @-ms-keyframes kenburns_3 { 0% { -ms-transform:scale(1.1) translate(30px,10px); } 100% { -ms-transform:scale(1) translate(0px,0px); } } @-o-keyframes kenburns_3 { 0% { -o-transform:scale(1.1) translate(30px,10px); } 100% { -o-transform:scale(1) translate(0px,0px); } } @keyframes kenburns_3 { 0% { transform:scale(1.1) translate(30px,10px) rotate(0.01deg); } 100% { transform:scale(1) translate(0px,0px) rotate(0.01deg); } } @-webkit-keyframes kenburns_4 { 0% { -webkit-transform:scale(1) translate(0px,0px); } 100% { -webkit-transform:scale(1.4) translate(190px,-120px); } } @-moz-keyframes kenburns_4 { 0% { -moz-transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { -moz-transform:scale(1.4) translate(190px,-120px) rotate(0.01deg) rotate(0.01deg); } } @-ms-keyframes kenburns_4 { 0% { -ms-transform:scale(1) translate(0px,0px); } 100% { -ms-transform:scale(1.4) translate(190px,-120px); } } @-o-keyframes kenburns_4 { 0% { -o-transform:scale(1) translate(0px,0px); } 100% { -o-transform:scale(1.4) translate(190px,-120px); } } @keyframes kenburns_4 { 0% { transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { transform:scale(1.4) translate(190px,-120px) rotate(0.01deg); } } @-webkit-keyframes kenburns_5 { 0% { -webkit-transform:scale(1.1) translate(20px,-5px); } 100% { -webkit-transform:scale(1) translate(-10px,5px); } } @-moz-keyframes kenburns_5 { 0% { -moz-transform:scale(1.1) translate(20px,-5px) rotate(0.01deg); } 100% { -moz-transform:scale(1) translate(-10px,5px) rotate(0.01deg); } } @-ms-keyframes kenburns_5 { 0% { -ms-transform:scale(1.1) translate(20px,-5px); } 100% { -ms-transform:scale(1) translate(-10px,5px); } } @-o-keyframes kenburns_5 { 0% { -o-transform:scale(1.1) translate(20px,-5px); } 100% { -o-transform:scale(1) translate(-10px,5px); } } @keyframes kenburns_5 { 0% { transform:scale(1.1) translate(20px,-5px) rotate(0.01deg); } 100% { transform:scale(1) translate(-10px,5px) rotate(0.01deg); } } @-webkit-keyframes kenburns_6 { 0% { -webkit-transform:scale(1) translate(0px,0px); } 100% { -webkit-transform:scale(1.4) translate(-190px,-120px); } } @-moz-keyframes kenburns_6 { 0% { -moz-transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { -moz-transform:scale(1.4) translate(-190px,-120px) rotate(0.01deg); } } @-ms-keyframes kenburns_6 { 0% { -ms-transform:scale(1) translate(0px,0px); } 100% { -ms-transform:scale(1.4) translate(-190px,-120px); } } @-o-keyframes kenburns_6 { 0% { -o-transform:scale(1) translate(0px,0px); } 100% { -o-transform:scale(1.4) translate(-190px,-120px); } } @keyframes kenburns_6 { 0% { transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { transform:scale(1.4) translate(-190px,-120px) rotate(0.01deg); } } @-webkit-keyframes kenburns_7 { 0% { -webkit-transform:scale(1) translate(0px,0px); } 100% { -webkit-transform:scale(1.4) translate(-190px,-120px); } } @-moz-keyframes kenburns_7 { 0% { -moz-transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { -moz-transform:scale(1.4) translate(-190px,-120px) rotate(0.01deg); } } @-ms-keyframes kenburns_7 { 0% { -ms-transform:scale(1) translate(0px,0px); } 100% { -ms-transform:scale(1.4) translate(-190px,-120px); } } @-o-keyframes kenburns_7 { 0% { -o-transform:scale(1) translate(0px,0px); } 100% { -o-transform:scale(1.4) translate(-190px,-120px); } } @keyframes kenburns_7 { 0% { transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { transform:scale(1.4) translate(-190px,-120px) rotate(0.01deg); } } @-webkit-keyframes kenburns_8 { 0% { -webkit-transform:scale(1) translate(0px,0px); } 100% { -webkit-transform:scale(1.4) translate(-190px,-120px); } } @-moz-keyframes kenburns_8 { 0% { -moz-transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { -moz-transform:scale(1.4) translate(-190px,-120px) rotate(0.01deg); } } @-ms-keyframes kenburns_8 { 0% { -ms-transform:scale(1) translate(0px,0px); } 100% { -ms-transform:scale(1.4) translate(-190px,-120px); } } @-o-keyframes kenburns_8 { 0% { -o-transform:scale(1) translate(0px,0px); } 100% { -o-transform:scale(1.4) translate(-190px,-120px); } } @keyframes kenburns_8 { 0% { transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { transform:scale(1.4) translate(-190px,-120px) rotate(0.01deg); } } @-webkit-keyframes kenburns_9 { 0% { -webkit-transform:scale(1) translate(0px,0px); } 100% { -webkit-transform:scale(1.4) translate(-190px,-120px); } } @-moz-keyframes kenburns_9 { 0% { -moz-transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { -moz-transform:scale(1.4) translate(-190px,-120px) rotate(0.01deg); } } @-ms-keyframes kenburns_9 { 0% { -ms-transform:scale(1) translate(0px,0px); } 100% { -ms-transform:scale(1.4) translate(-190px,-120px); } } @-o-keyframes kenburns_9 { 0% { -o-transform:scale(1) translate(0px,0px); } 100% { -o-transform:scale(1.4) translate(-190px,-120px); } } @keyframes kenburns_9 { 0% { transform:scale(1) translate(0px,0px) rotate(0.01deg); } 100% { transform:scale(1.4) translate(-190px,-120px) rotate(0.01deg); } } .animated { animation-duration:1s; animation-fill-mode:both; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -o-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; } .animated.infinite { animation-iteration-count:infinite; } .animated.hinge { animation-duration:2s; } .animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut { animation-duration:.75s; } @keyframes bounce { from,20%,53%,80%,to { animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); transform:translate3d(0,0,0); } 40%,43% { animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); transform:translate3d(0,-30px,0); } 70% { animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); transform:translate3d(0,-15px,0); } 90% { transform:translate3d(0,-4px,0); } } .bounce { animation-name:bounce; transform-origin:center bottom; } @keyframes flash { from,50%,to { opacity:1; } 25%,75% { opacity:0; } } .flash { animation-name:flash; } @keyframes pulse { from { transform:scale3d(1,1,1); } 50% { transform:scale3d(1.05,1.05,1.05); } to { transform:scale3d(1,1,1); } } .pulse { animation-name:pulse; } @keyframes rubberBand { from { transform:scale3d(1,1,1); } 30% { transform:scale3d(1.25,0.75,1); } 40% { transform:scale3d(0.75,1.25,1); } 50% { transform:scale3d(1.15,0.85,1); } 65% { transform:scale3d(0.95,1.05,1); } 75% { transform:scale3d(1.05,0.95,1); } to { transform:scale3d(1,1,1); } } .rubberBand { animation-name:rubberBand; } @keyframes shake { from,to { transform:translate3d(0,0,0); } 10%,30%,50%,70%,90% { transform:translate3d(-10px,0,0); } 20%,40%,60%,80% { transform:translate3d(10px,0,0); } } .shake { animation-name:shake; } @keyframes headShake { 0% { transform:translateX(0); } 6.5% { transform:translateX(-6px) rotateY(-9deg); } 18.5% { transform:translateX(5px) rotateY(7deg); } 31.5% { transform:translateX(-3px) rotateY(-5deg); } 43.5% { transform:translateX(2px) rotateY(3deg); } 50% { transform:translateX(0); } } .headShake { animation-timing-function:ease-in-out; animation-name:headShake; } @keyframes swing { 20% { transform:rotate3d(0,0,1,15deg); } 40% { transform:rotate3d(0,0,1,-10deg); } 60% { transform:rotate3d(0,0,1,5deg); } 80% { transform:rotate3d(0,0,1,-5deg); } to { transform:rotate3d(0,0,1,0deg); } } .swing { transform-origin:top center; animation-name:swing; } @keyframes tada { from { transform:scale3d(1,1,1); } 10%,20% { transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); } 30%,50%,70%,90% { transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%,60%,80% { transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to { transform:scale3d(1,1,1); } } .tada { animation-name:tada; } @keyframes wobble { from { transform:none; } 15% { transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30% { transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45% { transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60% { transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75% { transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to { transform:none; } } .wobble { animation-name:wobble; } @keyframes jello { from,11.1%,to { transform:none; } 22.2% { transform:skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform:skewX(6.25deg) skewY(6.25deg); } 44.4% { transform:skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform:skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform:skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform:skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform:skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { animation-name:jello; transform-origin:center; } @keyframes bounceIn { from,20%,40%,60%,80%,to { animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity:0; transform:scale3d(0.3,0.3,0.3); } 20% { transform:scale3d(1.1,1.1,1.1); } 40% { transform:scale3d(0.9,0.9,0.9); } 60% { opacity:1; transform:scale3d(1.03,1.03,1.03); } 80% { transform:scale3d(0.97,0.97,0.97); } to { opacity:1; transform:scale3d(1,1,1); } } .bounceIn { animation-name:bounceIn; } @keyframes bounceInDown { from,60%,75%,90%,to { animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity:0; transform:translate3d(0,-3000px,0); } 60% { opacity:1; transform:translate3d(0,25px,0); } 75% { transform:translate3d(0,-10px,0); } 90% { transform:translate3d(0,5px,0); } to { transform:none; } } .bounceInDown { animation-name:bounceInDown; } @keyframes bounceInLeft { from,60%,75%,90%,to { animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity:0; transform:translate3d(-3000px,0,0); } 60% { opacity:1; transform:translate3d(25px,0,0); } 75% { transform:translate3d(-10px,0,0); } 90% { transform:translate3d(5px,0,0); } to { transform:none; } } .bounceInLeft { animation-name:bounceInLeft; } @keyframes bounceInRight { from,60%,75%,90%,to { animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } from { opacity:0; transform:translate3d(3000px,0,0); } 60% { opacity:1; transform:translate3d(-25px,0,0); } 75% { transform:translate3d(10px,0,0); } 90% { transform:translate3d(-5px,0,0); } to { transform:none; } } .bounceInRight { animation-name:bounceInRight; } @keyframes bounceInUp { from,60%,75%,90%,to { animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } from { opacity:0; transform:translate3d(0,3000px,0); } 60% { opacity:1; transform:translate3d(0,-20px,0); } 75% { transform:translate3d(0,10px,0); } 90% { transform:translate3d(0,-5px,0); } to { transform:translate3d(0,0,0); } } .bounceInUp { animation-name:bounceInUp; } @keyframes bounceOut { 20% { transform:scale3d(0.9,0.9,0.9); } 50%,55% { opacity:1; transform:scale3d(1.1,1.1,1.1); } to { opacity:0; transform:scale3d(0.3,0.3,0.3); } } .bounceOut { animation-name:bounceOut; } @keyframes bounceOutDown { 20% { transform:translate3d(0,10px,0); } 40%,45% { opacity:1; transform:translate3d(0,-20px,0); } to { opacity:0; transform:translate3d(0,2000px,0); } } .bounceOutDown { animation-name:bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity:1; transform:translate3d(20px,0,0); } to { opacity:0; transform:translate3d(-2000px,0,0); } } .bounceOutLeft { animation-name:bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity:1; transform:translate3d(-20px,0,0); } to { opacity:0; transform:translate3d(2000px,0,0); } } .bounceOutRight { animation-name:bounceOutRight; } @keyframes bounceOutUp { 20% { transform:translate3d(0,-10px,0); } 40%,45% { opacity:1; transform:translate3d(0,20px,0); } to { opacity:0; transform:translate3d(0,-2000px,0); } } .bounceOutUp { animation-name:bounceOutUp; } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fadeIn { animation-name:fadeIn; } @keyframes fadeInDown { from { opacity:0; transform:translate3d(0,-100%,0); } to { opacity:1; transform:none; } } .fadeInDown { animation-name:fadeInDown; } @keyframes fadeInDownBig { from { opacity:0; transform:translate3d(0,-2000px,0); } to { opacity:1; transform:none; } } .fadeInDownBig { animation-name:fadeInDownBig; } @keyframes fadeInLeft { from { opacity:0; transform:translate3d(-100%,0,0); } to { opacity:1; transform:none; } } .fadeInLeft { animation-name:fadeInLeft; } @keyframes fadeInLeftBig { from { opacity:0; transform:translate3d(-2000px,0,0); } to { opacity:1; transform:none; } } .fadeInLeftBig { animation-name:fadeInLeftBig; } @keyframes fadeInRight { from { opacity:0; transform:translate3d(100%,0,0); } to { opacity:1; transform:none; } } .fadeInRight { animation-name:fadeInRight; } @keyframes fadeInRightBig { from { opacity:0; transform:translate3d(2000px,0,0); } to { opacity:1; transform:none; } } .fadeInRightBig { animation-name:fadeInRightBig; } @keyframes fadeInUp { from { opacity:0; transform:translate3d(0,100%,0); } to { opacity:1; transform:none; } } .fadeInUp { animation-name:fadeInUp; } @keyframes fadeInUpBig { from { opacity:0; transform:translate3d(0,2000px,0); } to { opacity:1; transform:none; } } .fadeInUpBig { animation-name:fadeInUpBig; } @keyframes fadeOut { from { opacity:1; } to { opacity:0; } } .fadeOut { animation-name:fadeOut; } @keyframes fadeOutDown { from { opacity:1; } to { opacity:0; transform:translate3d(0,100%,0); } } .fadeOutDown { animation-name:fadeOutDown; } @keyframes fadeOutDownBig { from { opacity:1; } to { opacity:0; transform:translate3d(0,2000px,0); } } .fadeOutDownBig { animation-name:fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity:1; } to { opacity:0; transform:translate3d(-100%,0,0); } } .fadeOutLeft { animation-name:fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity:1; } to { opacity:0; transform:translate3d(-2000px,0,0); } } .fadeOutLeftBig { animation-name:fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity:1; } to { opacity:0; transform:translate3d(100%,0,0); } } .fadeOutRight { animation-name:fadeOutRight; } @keyframes fadeOutRightBig { from { opacity:1; } to { opacity:0; transform:translate3d(2000px,0,0); } } .fadeOutRightBig { animation-name:fadeOutRightBig; } @keyframes fadeOutUp { from { opacity:1; } to { opacity:0; transform:translate3d(0,-100%,0); } } .fadeOutUp { animation-name:fadeOutUp; } @keyframes fadeOutUpBig { from { opacity:1; } to { opacity:0; transform:translate3d(0,-2000px,0); } } .fadeOutUpBig { animation-name:fadeOutUpBig; } @keyframes flip { from { transform:perspective(400px) rotate3d(0,1,0,-360deg); animation-timing-function:ease-out; } 40% { transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); animation-timing-function:ease-out; } 50% { transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); animation-timing-function:ease-in; } 80% { transform:perspective(400px) scale3d(0.95,0.95,0.95); animation-timing-function:ease-in; } to { transform:perspective(400px); animation-timing-function:ease-in; } } .animated.flip { -webkit-backface-visibility:visible; backface-visibility:visible; animation-name:flip; } @keyframes flipInX { from { transform:perspective(400px) rotate3d(1,0,0,90deg); animation-timing-function:ease-in; opacity:0; } 40% { transform:perspective(400px) rotate3d(1,0,0,-20deg); animation-timing-function:ease-in; } 60% { transform:perspective(400px) rotate3d(1,0,0,10deg); opacity:1; } 80% { transform:perspective(400px) rotate3d(1,0,0,-5deg); } to { transform:perspective(400px); } } .flipInX { -webkit-backface-visibility:visible!important; backface-visibility:visible!important; animation-name:flipInX; } @keyframes flipInY { from { transform:perspective(400px) rotate3d(0,1,0,90deg); animation-timing-function:ease-in; opacity:0; } 40% { transform:perspective(400px) rotate3d(0,1,0,-20deg); animation-timing-function:ease-in; } 60% { transform:perspective(400px) rotate3d(0,1,0,10deg); opacity:1; } 80% { transform:perspective(400px) rotate3d(0,1,0,-5deg); } to { transform:perspective(400px); } } .flipInY { -webkit-backface-visibility:visible!important; backface-visibility:visible!important; animation-name:flipInY; } @keyframes flipOutX { from { transform:perspective(400px); } 30% { transform:perspective(400px) rotate3d(1,0,0,-20deg); opacity:1; } to { transform:perspective(400px) rotate3d(1,0,0,90deg); opacity:0; } } .flipOutX { animation-name:flipOutX; -webkit-backface-visibility:visible!important; backface-visibility:visible!important; } @keyframes flipOutY { from { transform:perspective(400px); } 30% { transform:perspective(400px) rotate3d(0,1,0,-15deg); opacity:1; } to { transform:perspective(400px) rotate3d(0,1,0,90deg); opacity:0; } } .flipOutY { -webkit-backface-visibility:visible!important; backface-visibility:visible!important; animation-name:flipOutY; } @keyframes lightSpeedIn { from { transform:translate3d(100%,0,0) skewX(-30deg); opacity:0; } 60% { transform:skewX(20deg); opacity:1; } 80% { transform:skewX(-5deg); opacity:1; } to { transform:none; opacity:1; } } .lightSpeedIn { animation-name:lightSpeedIn; animation-timing-function:ease-out; } @keyframes lightSpeedOut { from { opacity:1; } to { transform:translate3d(100%,0,0) skewX(30deg); opacity:0; } } .lightSpeedOut { animation-name:lightSpeedOut; animation-timing-function:ease-in; } @keyframes rotateIn { from { transform-origin:center; transform:rotate3d(0,0,1,-200deg); opacity:0; } to { transform-origin:center; transform:none; opacity:1; } } .rotateIn { animation-name:rotateIn; } @keyframes rotateInDownLeft { from { transform-origin:left bottom; transform:rotate3d(0,0,1,-45deg); opacity:0; } to { transform-origin:left bottom; transform:none; opacity:1; } } .rotateInDownLeft { animation-name:rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin:right bottom; transform:rotate3d(0,0,1,45deg); opacity:0; } to { transform-origin:right bottom; transform:none; opacity:1; } } .rotateInDownRight { animation-name:rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin:left bottom; transform:rotate3d(0,0,1,45deg); opacity:0; } to { transform-origin:left bottom; transform:none; opacity:1; } } .rotateInUpLeft { animation-name:rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin:right bottom; transform:rotate3d(0,0,1,-90deg); opacity:0; } to { transform-origin:right bottom; transform:none; opacity:1; } } .rotateInUpRight { animation-name:rotateInUpRight; } @keyframes rotateOut { from { transform-origin:center; opacity:1; } to { transform-origin:center; transform:rotate3d(0,0,1,200deg); opacity:0; } } .rotateOut { animation-name:rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin:left bottom; opacity:1; } to { transform-origin:left bottom; transform:rotate3d(0,0,1,45deg); opacity:0; } } .rotateOutDownLeft { animation-name:rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin:right bottom; opacity:1; } to { transform-origin:right bottom; transform:rotate3d(0,0,1,-45deg); opacity:0; } } .rotateOutDownRight { animation-name:rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin:left bottom; opacity:1; } to { transform-origin:left bottom; transform:rotate3d(0,0,1,-45deg); opacity:0; } } .rotateOutUpLeft { animation-name:rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin:right bottom; opacity:1; } to { transform-origin:right bottom; transform:rotate3d(0,0,1,90deg); opacity:0; } } .rotateOutUpRight { animation-name:rotateOutUpRight; } @keyframes hinge { 0% { transform-origin:top left; animation-timing-function:ease-in-out; } 20%,60% { transform:rotate3d(0,0,1,80deg); transform-origin:top left; animation-timing-function:ease-in-out; } 40%,80% { transform:rotate3d(0,0,1,60deg); transform-origin:top left; animation-timing-function:ease-in-out; opacity:1; } to { transform:translate3d(0,700px,0); opacity:0; } } .hinge { animation-name:hinge; } @keyframes jackInTheBox { from { opacity:0; transform:scale(0.1) rotate(30deg); transform-origin:center bottom; } 50% { transform:rotate(-10deg); } 70% { transform:rotate(3deg); } to { opacity:1; transform:scale(1); } } .jackInTheBox { animation-name:jackInTheBox; } @keyframes rollIn { from { opacity:0; transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to { opacity:1; transform:none; } } .rollIn { animation-name:rollIn; } @keyframes rollOut { from { opacity:1; } to { opacity:0; transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); } } .rollOut { animation-name:rollOut; } @keyframes zoomIn { from { opacity:0; transform:scale3d(0.3,0.3,0.3); } 50% { opacity:1; } } .zoomIn { animation-name:zoomIn; } @keyframes zoomInDown { from { opacity:0; transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } .zoomInDown { animation-name:zoomInDown; } @keyframes zoomInLeft { from { opacity:0; transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } .zoomInLeft { animation-name:zoomInLeft; } @keyframes zoomInRight { from { opacity:0; transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } .zoomInRight { animation-name:zoomInRight; } @keyframes zoomInUp { from { opacity:0; transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } .zoomInUp { animation-name:zoomInUp; } @keyframes zoomOut { from { opacity:1; } 50% { opacity:0; transform:scale3d(0.3,0.3,0.3); } to { opacity:0; } } .zoomOut { animation-name:zoomOut; } @keyframes zoomOutDown { 40% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity:0; transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform-origin:center bottom; animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } .zoomOutDown { animation-name:zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0); } to { opacity:0; transform:scale(0.1) translate3d(-2000px,0,0); transform-origin:left center; } } .zoomOutLeft { animation-name:zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); } to { opacity:0; transform:scale(0.1) translate3d(2000px,0,0); transform-origin:right center; } } .zoomOutRight { animation-name:zoomOutRight; } @keyframes zoomOutUp { 40% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity:0; transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform-origin:center bottom; animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } .zoomOutUp { animation-name:zoomOutUp; } @keyframes slideInDown { from { transform:translate3d(0,-100%,0); visibility:visible; } to { transform:translate3d(0,0,0); } } .slideInDown { animation-name:slideInDown; } @keyframes slideInLeft { from { transform:translate3d(-100%,0,0); visibility:visible; } to { transform:translate3d(0,0,0); } } .slideInLeft { animation-name:slideInLeft; } @keyframes slideInRight { from { transform:translate3d(100%,0,0); visibility:visible; } to { transform:translate3d(0,0,0); } } .slideInRight { animation-name:slideInRight; } @keyframes slideInUp { from { transform:translate3d(0,100%,0); visibility:visible; } to { transform:translate3d(0,0,0); } } .slideInUp { animation-name:slideInUp; } @keyframes slideOutDown { from { transform:translate3d(0,0,0); } to { visibility:hidden; transform:translate3d(0,100%,0); } } .slideOutDown { animation-name:slideOutDown; } @keyframes slideOutLeft { from { transform:translate3d(0,0,0); } to { visibility:hidden; transform:translate3d(-100%,0,0); } } .slideOutLeft { animation-name:slideOutLeft; } @keyframes slideOutRight { from { transform:translate3d(0,0,0); } to { visibility:hidden; transform:translate3d(100%,0,0); } } .slideOutRight { animation-name:slideOutRight; } @keyframes slideOutUp { from { transform:translate3d(0,0,0); } to { visibility:hidden; transform:translate3d(0,-100%,0); } } .slideOutUp { animation-name:slideOutUp; } html { color:#1a1a1a; font-family:"Open Sans",sans-serif; font-size:10pt; } h1,h2,h3,h4,h5,h6 { line-height:1.4; } h1,h2,div.h,div.h2 { color:#202E31; font-family:"PT Sans",sans-serif; font-size:2.1rem; font-weight:700; line-height:1.4; margin:50px 0 45px; position:relative; text-align:left; text-transform:uppercase; } h3,div.h3 { color:#000; font-size:1.8rem; font-weight:700; margin:0 0 45px; } h4 { font-size:1.8rem; margin:0 0 40px; } h5 { font-size:1.6rem; margin:0 0 35px; } h6 { font-size:1.4rem; margin:0 0 30px; } p { font-size:1.1rem; font-weight:400; line-height:1.4; margin:0 0 25px; } a { color:#f0b653; cursor:pointer; font-size:inherit; text-decoration:underline; -moz-transition:background-color .4s ease,border-color .4s ease,color .4s ease; -o-transition:background-color .4s ease,border-color .4s ease,color .4s ease; -webkit-transition:background-color .4s ease,border-color .4s ease,color .4s ease; transition:background-color .4s ease,border-color .4s ease,color .4s ease; } a:hover { color:#000; text-decoration:underline; } a.area,p>a { border-bottom:1px solid #f0b653; text-decoration:none; } a.white,p.white>a { border-bottom-color:#fff; color:#fff; } a.area:hover,p>a:hover { border-bottom-color:transparent; text-decoration:none; } a[data-hint] { position:relative; } a[data-hint]:before { background-color:#1a1a1a; border-radius:2px; color:#fff; content:attr(data-hint); font-family:"PT Sans",sans-serif; font-size:.7rem; opacity:0; left:calc(100% - 5px); padding:6px 10px; position:absolute; text-transform:uppercase; top:calc(-100% - 5px); -moz-transform:translateY(-8px); -ms-transform:translateY(-8px); -webkit-transform:translateY(-8px); transform:translateY(-8px); -moz-transition:opacity .2s ease,-moz-transform .2s ease; -o-transition:opacity .2s ease,-o-transform .2s ease; -webkit-transition:opacity .2s ease,-webkit-transform .2s ease; transition:opacity .2s ease,transform .2s ease; white-space:nowrap; visibility:hidden; z-index:-1; } a[data-hint]:after { display:none; background-color:#1a1a1a; content:''; height:6px; left:0; opacity:0; position:absolute; top:-8px; -moz-transform:rotate(45deg) translateY(-8px); -ms-transform:rotate(45deg) translateY(-8px); -webkit-transform:rotate(45deg) translateY(-8px); transform:rotate(45deg) translateY(-8px); -moz-transition:opacity .2s ease,-moz-transform .2s ease; -o-transition:opacity .2s ease,-o-transform .2s ease; -webkit-transition:opacity .2s ease,-webkit-transform .2s ease; transition:opacity .2s ease,transform .2s ease; width:6px; visibility:hidden; z-index:-2; } a[data-hint]:hover:before,a[data-hint]:hover:after { opacity:1; visibility:visible; } a[data-hint]:hover:before { -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); } a[data-hint]:hover:after { -moz-transform:rotate(45deg) translateY(0); -ms-transform:rotate(45deg) translateY(0); -webkit-transform:rotate(45deg) translateY(0); transform:rotate(45deg) translateY(0); } ul.style { margin:0 0 35px; } ul.style li { font-size:1.1rem; font-style:italic; line-height:1.4; list-style:none; margin:0 0 20px; padding:0 0 0 25px; position:relative; } ul.style li:before { background-color:#f0b653; border-radius:3px; content:''; height:6px; left:2px; position:absolute; top:7px; width:6px; } ul.style li:nth-last-of-type(1) { margin-bottom:0; } ul.style li a { font-style:italic; } ul { margin:0 0 35px; } ul li { font-size:1.1rem; font-style:italic; line-height:1.4; list-style:none; margin:0 0 20px; padding:0 0 0 25px; position:relative; } ul li:before { background-color:#f0b653; border-radius:3px; content:''; height:6px; left:2px; position:absolute; top:7px; width:6px; } ul li:nth-last-of-type(1) { margin-bottom:0; } ul li a { font-style:italic; } ol { counter-reset:point; } ol>li { color:#4c5866; font-size:1.1rem; font-style:italic; font-weight:700; line-height:1.4; list-style:none; margin-bottom:20px; position:relative; padding-left:35px; } ol>li:nth-last-of-type(1) { margin-bottom:25px; } ol>li:before { background:#fff; border:2px solid #ff8000; border-radius:11px; color:#ff8000; content:counter(point); counter-increment:point; font-size:.8rem; font-style:normal; height:23px; left:0; line-height:18px; padding:0; position:absolute; text-align:center; top:0; width:22px; } ol>li ul,ol>li ol { margin-top:20px; } ol>li ol { position:relative; } ol>li ol:before { background-color:#f0b653; content:''; height:100%; left:-25px; position:absolute; top:0; width:1px; } ol>li ul>li { font-weight:400; } h1 a,h2 a,h3 a,div.h a,div.h2 a,div.h3 a,h1 span,h2 span,h3 span,div.h span,div.h3 span { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; } h1 a,h2 a,h3 a,div.h a,div.h3 a { border-bottom:1px solid transparent; color:inherit; text-decoration:none; } div.h2 a { border-bottom:1px solid #f0b653; color:inherit; text-decoration:none; } h1 a:hover,h2 a:hover,div.h a:hover { border-bottom-color:#f0b653; text-decoration:none; } div.h2 a:hover { border-bottom-color:transparent; } h3 a:hover,div.h3 a:hover { color:#202E31; } h1 a,h2 a,div.h a,h1 span,h2 span,div.h span { color:#fff; position:relative; } h1 a:before,h2 a:before,div.h a:before,h1 span:before,h2 span:before,div.h span:before { background-color:#202E31; border-radius:3px; content:''; height:calc(100% + 28px); left:-30px; position:absolute; top:-14px; -moz-transform:skewX(-14deg); -ms-transform:skewX(-14deg); -webkit-transform:skewX(-14deg); transform:skewX(-14deg); width:calc(100% + 60px); z-index:-1; } p.bigest,p.smallest { font-style:italic; font-weight:300; } p.big,p.small { color:#000; font-weight:700; } p.bigest { font-size:1.5rem; line-height:1.3; } p.big { font-size:1.2rem; line-height:1.3; } p.small { font-size:.9rem; line-height:1.3; } p.smallest { font-size:.7rem; line-height:1.2; } ul.big li { font-size:1.3rem; } ul.white li:before { background-color:#fff; } .white,.white * { color:#fff!important; } .white:hover,.white:hover * { color:#fff; } .ui-autocomplete { border:1px solid #cacaca!important; background:none!important; background-color:#fff!important; border-radius:4px; max-height:250px; overflow-y:auto; overflow-x:hidden; padding:0!important; } .ui-autocomplete .ui-menu-item { background-image:none; background:#fff; *zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFFFFFFF',endColorstr='#FFF1F1F1'); background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size:100%; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fff),color-stop(100%,#f1f1f1)); background-image:-moz-linear-gradient(top,#fff,#f1f1f1); background-image:-webkit-linear-gradient(top,#fff,#f1f1f1); background-image:linear-gradient(to "top",#fff,#f1f1f1); color:#6a6a6a; font-size:.9rem; font-style:normal; margin-top:3px; padding:12px 16px!important; -moz-transition:background-color .4s ease,color .4s ease; -o-transition:background-color .4s ease,color .4s ease; -webkit-transition:background-color .4s ease,color .4s ease; transition:background-color .4s ease,color .4s ease; } .ui-autocomplete .ui-menu-item:before { display:none; } .ui-autocomplete .ui-menu-item.ui-state-focus { background:none; background-color:#f0b653; border:none; color:#fff; cursor:pointer; } .page { margin:0 auto; min-height:750px; min-width:1000px; max-width:1920px; overflow:hidden; position:relative; -moz-transition:-moz-transform .2s cubic-bezier(0.3,0.9,0.5,1); -o-transition:-o-transform .2s cubic-bezier(0.3,0.9,0.5,1); -webkit-transition:-webkit-transform .2s cubic-bezier(0.3,0.9,0.5,1); transition:transform .2s cubic-bezier(0.3,0.9,0.5,1); -ms-transform-origin:0 50%; -o-transform-origin:0 50%; -moz-transform-origin:0 50%; -webkit-transform-origin:0 50%; transform-origin:0 50%; background:url(../../assets/images/background-page.jpg) center center no-repeat; background-attachment:fixed; background-size:cover; } body.vShow { background-color:#202E31; } body.vShow .page { background-color:#fff; outline:1px solid transparent; -moz-transform:rotateY(12deg); -ms-transform:rotateY(12deg); -webkit-transform:rotateY(12deg); transform:rotateY(12deg); } body.vShow .viewer { -moz-transform:rotateY(-0.1deg); -ms-transform:rotateY(-0.1deg); -webkit-transform:rotateY(-0.1deg); transform:rotateY(-0.1deg); } .page:before,.page:after { content:''; height:100%; top:0; position:absolute; width:2px; } .page:before { background-color:#e9e9e9; left:50%; margin-left:-961px; } .page:after { background-color:#e9e9e9; margin-right:-961px; right:50%; } .region,.block { clear:both; position:relative; width:100%; z-index:1; } .region>.wrapper,.block>.wrapper { margin:0 auto; text-align:left; width:1000px; } .region-fixed,.region-buttons { z-index:7; } .region-header { z-index:6; } .region-menu { z-index:5; } .region-slideshow { z-index:2; } .region-back { z-index:1; } .region-title { z-index:3; } .region-crumb { z-index:4; } .region-viewer { z-index:10; } .background { position:relative; } .parallax.active { left:0; position:fixed; } .columns { font-size:0; line-height:0; letter-spacing:-1px; } .columns>.column,.columns>.row { font-size:1rem; line-height:1; letter-spacing:normal; position:relative; vertical-align:top; } .columns>.row { display:block; width:100%; } .columns>.column { display:inline-block; width:auto; } .columns>.column-20 { width:16%; } .columns>.column-20:nth-of-type(5n+2) { margin:0 0 0 5%; } .columns>.column-20:nth-of-type(5n+3) { margin:0 5%; } .columns>.column-20:nth-of-type(5n+4) { margin:0 5% 0 0; } .columns>.column-25 { width:22%; } .columns>.column-25:nth-of-type(4n+2) { margin:0 2% 0 4%; } .columns>.column-25:nth-of-type(4n+3) { margin:0 4% 0 2%; } .columns>.column-33 { width:30%; } .columns>.column-33:nth-of-type(3n+2) { margin:0 5%; } .columns>.column-50 { width:46%; } .columns>.column-50:nth-of-type(2n) { margin:0 0 0 3%; } .columns>.column-50:nth-of-type(2n+1) { margin:0 4% 0 0; } .region-system-error { margin:15px 0; } .region-system-error .block { background-color:#fff; border:1px dashed #ba0000; padding:1px; } .region-system-error .wrapper { background-color:#ba0000; color:#fff; font-size:1.1rem; margin:0; padding:18px 25px; width:100%; } .region-system-attention { margin:15px 0; } .region-system-attention .block { background-color:#fff; border:1px dashed #FCBF56; padding:1px; } .region-system-attention .wrapper { background-color:#FCBF56; color:#fff; font-size:1.1rem; margin:0; padding:18px 25px; width:100%; } .icon { background-position:center center; background-repeat:no-repeat; background-size:100% auto; font-size:0; line-height:0; position:absolute; transition:opacity .4s ease; } .icon.rotate-90,.icon.rotate-90 { -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); } .icon.rotate-180,.icon.rotate-180 { -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); } .icon.rotate-270,.icon.rotate-270 { -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -webkit-transform:rotate(270deg); transform:rotate(270deg); } .icon-arrow-lite-black { background-image:url(../../assets/images/icon-arrow-lite-black.png); height:60px; width:34px; } .icon-arrow-lite-dark { background-image:url(../../assets/images/icon-arrow-lite-dark.png); height:60px; width:34px; } .icon-arrow-lite-yellow { background-image:url(../../assets/images/icon-arrow-lite-yellow.png); height:60px; width:34px; } .icon-arrow-lite-white { background-image:url(../../assets/images/icon-arrow-lite-white.png); height:60px; width:34px; } .icon-download-white { background-image:url(../../assets/images/icon-download-white.png); height:42px; width:60px; } .icon-favourite-yellow { background-image:url(../../assets/images/icon-favourite-yellow.png); height:58px; width:60px; } .icon-mail-yellow { background-image:url(../../assets/images/icon-mail-yellow.png); height:50px; width:98px; } .icon-map-yellow { background-image:url(../../assets/images/icon-map-yellow.png); height:80px; width:60px; } .icon-phone-yellow { background-image:url(../../assets/images/icon-phone-yellow.png); height:60px; width:60px; } .icon-portfolio-white { background-image:url(../../assets/images/icon-portfolio-white.png); height:48px; width:60px; } .icon-print-yellow { background-image:url(../../assets/images/icon-print-yellow.png); height:60px; width:66px; } .icon-profile-yellow { background-image:url(../../assets/images/icon-profile-yellow.png); height:64px; width:60px; } .icon-responce-white { background-image:url(../../assets/images/icon-responce-white.png); height:48px; width:60px; } .icon-search-yellow { background-image:url(../../assets/images/icon-search-yellow.png); height:60px; width:60px; } .icon-share-yellow { background-image:url(../../assets/images/icon-share-yellow.png); height:60px; width:60px; } .icon-time-yellow { background-image:url(../../assets/images/icon-time-yellow.png); height:60px; width:60px; } .icon-web-yellow { background-image:url(../../assets/images/icon-web-yellow.png); height:60px; width:72px; } .icon-present { background-image:url(../../assets/images/icon-present.png); height:70px; width:70px; } .buttons>.button { color:#fff; display:inline-block; font-family:"PT Sans",sans-serif; font-size:.9rem; font-weight:700; height:32px; line-height:1; margin:0; padding:10px 24px 0; position:relative; text-decoration:none; text-transform:uppercase; white-space:nowrap; z-index:1; } .buttons>.button:before { background-color:#f0b653; border-radius:2px; content:''; height:100%; left:0; position:absolute; top:0; -moz-transform:skewX(-14deg); -ms-transform:skewX(-14deg); -webkit-transform:skewX(-14deg); transform:skewX(-14deg); -moz-transition:background-color .4s ease; -o-transition:background-color .4s ease; -webkit-transition:background-color .4s ease; transition:background-color .4s ease; width:100%; z-index:-1; } .buttons>.button:hover { color:#fff; text-decoration:none; } .buttons>.button:hover:before { background-color:#202E31; } .button.button-white { background-color:transparent; border:1px solid #fff; } .button.button-white:hover { color:#202020; } .button.button-white:hover:before { background-color:#fff; } .date { margin:0 0 22px; position:block; } .date>span { background:#f0b653; color:#fff; display:inline-block; font-family:"PT Sans",sans-serif; font-size:.9rem; font-weight:300; line-height:1; padding:6px 8px; } .link { color:#f0b653; font-size:1.2rem; line-height:1.6; margin:10px 0 0; } .link>a { border-bottom:1px solid #f0b653; color:inherit; font-size:inherit; line-height:inherit; text-decoration:none; } .link>a.nolink { border-bottom-color:transparent; color:#202020; cursor:default; } .link>a:hover { border-bottom-color:transparent; color:#000; } .lite,.lite p { color:#6a6a6a; cursor:default; font-size:1rem; font-style:italic; line-height:1.4; margin:15px 0 0; -moz-transition:all .4s ease; -o-transition:all .4s ease; -webkit-transition:all .4s ease; transition:all .4s ease; } .label { font-size:.9rem; font-weight:400; display:inline-block; line-height:.9rem; margin:5px 15px 0 0; text-transform:uppercase; } .value { font-size:1.4rem; font-weight:700; display:inline-block; line-height:1.4; } .image { line-height:0; position:relative; z-index:1; } .image a { display:block; width:100%; height:100%; } .image img { width:100%; } .image img.border { border:10px solid #fff; } .image .shine { position:absolute; height:100%; width:100%; z-index:-1; } .image .shine:before { background:url(../../assets/images/image-shine.png) center center no-repeat; background-size:100% 100%; content:''; height:calc(100% + 30px); left:-15px; position:absolute; top:-15px; width:calc(100% + 30px); } .image.nophoto { background-position:center top; background-image:url(../../assets/images/nophoto.jpg); background-size:auto 100%; } .image.circle { border-radius:50%; } .image.circle img { border-radius:50%; } .count { display:inline-block; vertical-align:top; } .count input { font-size:11px; color:#333; margin:0; outline:none; padding:5px 9px; width:60px; -moz-transition:all .2s ease; -o-transition:all .2s ease; -webkit-transition:all .2s ease; transition:all .2s ease; border:1px solid #ccc; background:#e5e5e5; background:-moz-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(40%,#f9f9f9),color-stop(100%,#f9f9f9)); background:-webkit-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-o-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-ms-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:linear-gradient(to bottom,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#f9f9f9',GradientType=0); } .count input:focus { color:#1a1a1a; border-color:#999; } .total .label { display:inline-block; font-size:1.4rem; font-weight:300; margin:0 50px 0 0; } .total .text { display:inline-block; font-size:1.4rem; font-weight:300; margin:0 25px 0 0; } .total .count { line-height:1; } .total .count span { font-size:1.4rem; font-weight:400; display:inline-block; margin:0 5px 0 0; } .total .count span:after { display:inline-block; font-size:1.2rem; font-weight:300; content:'шт.'; margin:0 50px 0 5px; text-transform:none; } .total .price span { color:#1a1a1a; font-size:1.4rem; font-weight:700; display:inline-block; margin:0 5px 0 0; } .total .price span:after { display:inline-block; font-size:1.2rem; font-weight:300; content:'руб.'; margin:0 0 0 5px; text-transform:none; display:none; } .favourite { margin:16px 0 15px; text-align:right; } .favourite>a { border-bottom:1px dashed #f0b653; color:#f0b653; font-size:.8rem; font-style:italic; position:relative; text-decoration:none; } .favourite>a:hover { border-bottom-color:transparent; color:#1a1a1a; } .favourite>a:before { background:url(../../assets/images/icon-favourite.png/index.html) no-repeat; background-size:100% auto; content:''; height:10px; left:-18px; position:absolute; top:2px; width:10px; } .favourite>.social { display:inline-block; margin:-3px 0 0 30px; vertical-align:top; } .fields { margin:0; } .fields>.field { margin-bottom:40px; position:relative; } .fields .label { font-size:.9rem; color:#202020; text-transform:uppercase; text-align:left; height:25px; margin:0; padding:0 0 9px; position:relative; vertical-align:top; } .fields .label .important { color:#F93822; font-size:1.2rem; display:inline-block; padding:0 9px; } .fields .label .hint { display:inline-block; text-align:left; font-size:.9rem; color:#999; padding:0 5px; } .fields .input { position:relative; } .fields input { padding:7px 11px; margin:0; color:#333; font-size:.9rem; outline:none; width:100%; -moz-transition:all .2s ease; -o-transition:all .2s ease; -webkit-transition:all .2s ease; transition:all .2s ease; border:1px solid #ccc; background:#e5e5e5; background:-moz-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(40%,#f9f9f9),color-stop(100%,#f9f9f9)); background:-webkit-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-o-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-ms-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:linear-gradient(to bottom,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#f9f9f9',GradientType=0); } .fields input[name^='date'] { cursor:pointer; } .fields input[name^='date']+span { background:url(../../assets/images/icon-calendar.png/index.html) center center no-repeat; background-size:100% 100%; height:14px; right:8px; position:absolute; opacity:.7; top:8px; width:14px; } .fields input:focus { color:#1a1a1a; border-color:#999; } .fields select { padding:6px 9px 7px; color:#333; font-size:11px; outline:none; width:100%; -moz-transition:all .2s ease; -o-transition:all .2s ease; -webkit-transition:all .2s ease; transition:all .2s ease; border:1px solid #ccc; background:#e5e5e5; background:-moz-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(40%,#f9f9f9),color-stop(100%,#f9f9f9)); background:-webkit-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-o-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-ms-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:linear-gradient(to bottom,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#f9f9f9',GradientType=0); } .fields select:focus { color:#1a1a1a; border-color:#999; } .fields textarea { padding:8px 9px 9px; margin:0; color:#333; font-size:11px; outline:none; resize:none; width:100%; height:80px; -moz-transition:all .2s ease; -o-transition:all .2s ease; -webkit-transition:all .2s ease; transition:all .2s ease; border:1px solid #ccc; background:#e5e5e5; background:-moz-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(40%,#f9f9f9),color-stop(100%,#f9f9f9)); background:-webkit-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-o-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-ms-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:linear-gradient(to bottom,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#f9f9f9',GradientType=0); } .fields textarea:focus { color:#1a1a1a; border-color:#999; } .fields ._error,.fields .error { border-color:#EF3340; } .fields .field-captcha input { width:110px; } .fields .image { display:inline-block; width:100px; height:30px; position:absolute; right:-90px; top:0; } .fields .important-text { color:#b2b2b2; font-size:1rem; margin:0; line-height:1; text-align:right; padding:32px 0 0; } .fields .important-text span { color:#F93822; font-size:1.2rem; display:inline-block; padding:0 4px; } .fields .column-margin { margin-left:40px; } .fields .column-1 { width:330px; } .fields .column-2 { width:145px; } .fields .column-3 { width:515px; } .fields .column-4 { width:700px; } .fields .button { text-align:right; } .filter { margin:20px 0 30px; } .filter .blocks { padding:25px 20px 5px; border:1px solid #ccc; z-index:20; position:relative; background:#eee; } .filter .block { margin:0 10px 20px; position:relative; } .filter .block .label { cursor:pointer; margin:0; } .filter .block .dropping { margin:0; position:absolute; visibility:hidden; opacity:0; min-width:100px; max-width:250px; width:auto; padding-top:15px; left:0; top:12px; -moz-transition:all .2s ease; -o-transition:all .2s ease; -webkit-transition:all .2s ease; transition:all .2s ease; } .filter .block:hover .dropping { padding:10px 0 0; visibility:visible; opacity:1; } .filter .block .dropping a { font-size:.9rem; color:#fff; display:block; line-height:1; padding:10px 17px 9px 15px; position:relative; text-decoration:none; background-color:#202020; white-space:nowrap; z-index:1; } .filter .block .dropping a:hover { background-color:#1a1a1a; color:#fff; z-index:2; } .filter .block .dropping a.ready:after { position:absolute; opacity:0; display:inline-block; width:12px; height:12px; background-color:transparent; background-image:url(../../assets/images/close-white.png/index.html); background-position:left top; background-repeat:no-repeat; background-size:100% 100%; border-color:transparent; border-radius:0 0 0 3px; border-style:solid; border-width:2px 2px 3px 3px; top:0; right:0; content:''; -moz-transition:all .2s ease; -o-transition:all .2s ease; -webkit-transition:all .2s ease; transition:all .2s ease; } .filter .block .dropping a.ready:hover:after { background-color:#000; border-color:#000; opacity:1; } .filter .list { margin:30px -10px 0; position:relative; z-index:10; } .filter .list a { display:inline-block; padding:9px 16px 10px 11px; color:#fff; position:relative; text-decoration:none; margin:0 10px 15px; background:#7d7e7d; *zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF7D7E7D',endColorstr='#FF0E0E0E'); background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBlMGUwZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size:100%; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#7d7e7d),color-stop(100%,#0e0e0e)); background-image:-moz-linear-gradient(top,#7d7e7d,#0e0e0e); background-image:-webkit-linear-gradient(top,#7d7e7d,#0e0e0e); background-image:linear-gradient(to "top",#7d7e7d,#0e0e0e); } .filter .list a:after { position:absolute; display:inline-block; width:12px; height:12px; background-color:transparent; background-image:url(../../assets/images/close-white.png/index.html); background-position:left top; background-repeat:no-repeat; background-size:100% 100%; border-color:transparent; border-radius:0 0 0 3px; border-style:solid; border-width:2px 2px 3px 3px; top:0; right:0; content:''; -moz-transition:all .2s ease; -o-transition:all .2s ease; -webkit-transition:all .2s ease; transition:all .2s ease; } .filter .list a:hover:after { background-color:#000; border-color:#000; } .social li { padding-left:0; } .social li:before { display:none; } .area-header>.wrapper { height:50px; position:relative; width:1000px; } .area-header>.wrapper:before { background-color:#202E31; content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:1; } .area-header .column { z-index:1; } .area-header .column.logo { font-size:0; height:150px; margin-bottom:-100px; width:330px; z-index:1; } .area-header .column.logo:before { background-color:#f0b653; content:''; height:100%; position:absolute; right:0; top:0; -moz-transform:skewX(-14deg); -ms-transform:skewX(-14deg); -webkit-transform:skewX(-14deg); transform:skewX(-14deg); width:1920px; z-index:-1; } .area-header .column.logo>a { display:inline-block; margin-top:26px; } .area-header .column.logo>a img { width:250px; } .area-header .column.logo .icons { display:none; } .area-header .column.info { text-align:right; width:670px; } .area-header .favorites,.area-header .adress,.area-header .mails,.area-header .phones { color:#5A6265; margin-left:40px; margin-top:16px; position:relative; } .area-header .favorites a,.area-header .adress a,.area-header .mails a,.area-header .phones a { border-bottom:1px solid transparent; color:#f0b653 !important; text-decoration:none; } .area-header .favorites a:hover,.area-header .adress a:hover,.area-header .mails a:hover,.area-header .phones a:hover { border-bottom-color:#5A6265; color:#f0b653; } .area-header .favorites .icon,.area-header .adress .icon,.area-header .mails .icon,.area-header .phones .icon { left:0; top:1px; } .area-header .adress { padding-left:27px; margin-top: 10px; } .area-header .adress .icon { height:14px; top:6px; width:10px; } .area-header .mails { padding-left:35px; } .area-header .mails .icon { height:12px; width:20px; } .area-header .phones { padding-left:27px; } .area-header .phones .icon { height:12px; width:12px; } .area-footer>.wrapper, .area-footer-info { padding:0 0 20px; position:relative; width:1000px; } .area-footer>.wrapper:before,.area-footer>.wrapper:after, .area-footer-info:before,.area-footer-info:after{ content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; } .area-footer>.wrapper:before, .area-footer-info:before { background:url(../../assets/images/background-footer.jpg) center top no-repeat; background-attachment:fixed; background-size:cover; z-index:-2; } .area-footer>.wrapper:after, .area-footer-info:after { background-color:#202E31; opacity:.9; z-index:-1; } .area-footer .buttons { margin-bottom:20px; padding:35px 0 40px; position:relative; text-align:center; z-index:1; } .area-footer-info { font-size: 13px; color: #fff; } .area-footer .buttons:before,.area-footer .buttons:after { content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; } .area-footer .buttons:before { background:url(../../assets/images/background-content.png) center top no-repeat; background-color:#f0b653; background-size:100% 100%; z-index:-1; } .area-footer .buttons:after { background:url(../../assets/images/background-content.png) center top no-repeat; background-size:100% 100%; -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); z-index:-1; } .area-footer .buttons .button { font-size:1.2rem; height:auto; margin:0 15px; padding:20px 24px; } .area-footer .buttons .button:before { background-color:#202E31; } .area-footer .buttons .button:hover { color:#202E31; } .area-footer .buttons .button:hover:before { background-color:#fff; } .area-footer .buttons .button-mail { padding-left:52px; } .area-footer .buttons .button-mail .icon { height:13px; left:16px; top:21px; width:22px; } .area-footer .buttons .button-phone { padding-left:48px; } .area-footer .buttons .button-phone .icon { height:14px; left:18px; top:20px; width:14px; } .area-footer .logo img { width:180px; } .area-footer .copyright { color:#6a6a6a; font-size:.9rem; font-style:italic; line-height:1.4; margin-top:30px; } .area-footer .links { margin-top:43px; } .area-footer .links .item { margin-bottom:10px; padding-left: 15px; position:relative; } .area-footer .links .item:before { background:url(../../assets/images/icon-arrow-lite-white.png) center center no-repeat; background-size:100% 100%; content:''; height:8px; left:0; position:absolute; top:3px; transition:left .4s ease; width:4px; z-index:1; } .area-footer .links .item:hover:before { left:5px; } .area-footer .links .item a { border-bottom:1px solid transparent; color:#E7E9E8; font-family:"PT Sans",sans-serif; position:relative; text-decoration:none; } .area-footer .links .item a:hover { border-bottom-color:#f0b653; } .area-footer .links .item .icon { height:8px; position:absolute; top:3px; width:4px; } .area-footer .links .item:nth-of-type(1) { margin-bottom:20px; padding-left: 0; } .area-footer .links .item:nth-of-type(1):before { display: none; } .area-footer .links .item:nth-of-type(1) a { color:#fff; font-size:1.2rem; font-weight:700; margin-left:0; text-transform:uppercase; } .area-footer .links .item:nth-of-type(1) a:hover { border-bottom-color:#f0b653; } .area-footer .contacts { margin-top:43px; } .area-footer .contacts .title { margin-bottom:20px; } .area-footer .contacts .title a { border-bottom:1px solid transparent; color:#fff; font-family:"PT Sans",sans-serif; font-size:1.2rem; font-weight:700; padding-left:0; text-decoration:none; text-transform:uppercase; } .area-footer .contacts .title a:hover { border-bottom-color:#f0b653; } .area-footer .contacts .adress,.area-footer .contacts .mails,.area-footer .contacts .phones,.area-footer .contacts .time { color:#E7E9E8; line-height:1.3; margin-top:16px; position:relative; } .area-footer .contacts .adress:before,.area-footer .contacts .mails:before,.area-footer .contacts .phones:before,.area-footer .contacts .time:before { background-position:center center; background-repeat:no-repeat; background-size:100% 100%; content:''; left:0; position:absolute; } .area-footer .contacts .mails a,.area-footer .contacts .phones a { border-bottom:1px solid transparent; color:inherit; text-decoration:none; } .area-footer .contacts .mails a:hover,.area-footer .contacts .phones a:hover { border-bottom-color:#f0b653; } .area-footer .contacts .adress { padding-left:30px; } .area-footer .contacts .adress:before { background-image:url(../../assets/images/icons/icon-adress-white.png); height:14px; left:2px; top:3px; width:10px; } .area-footer .contacts .mails { padding-left:30px; } .area-footer .contacts .mails:before { background-image:url(../../assets/images/icons/icon-mail-white.png); height:10px; top:4px; width:12px; } .area-footer .contacts .phones { padding-left:30px; } .area-footer .contacts .phones:before { background-image:url(../../assets/images/icons/icon-phone-white.png); height:12px; top:3px; width:12px; } .area-footer .contacts .time { padding-left:30px; } .area-footer .contacts .time:before { background-image:url(../../assets/images/icons/icon-time-white.png); height:12px; top:2px; width:12px; } .area-footer .contacts .social { margin-top:25px; } .area-footer .portfolio { margin-top:43px; } .area-footer .portfolio .title { margin-bottom:20px; } .area-footer .portfolio .title a { border-bottom:1px solid transparent; color:#fff; font-family:"PT Sans",sans-serif; font-size:1.2rem; font-weight:700; padding-left:0; text-decoration:none; text-transform:uppercase; } .area-footer .portfolio .title a:hover { border-bottom-color:#f0b653; } .area-footer .portfolio .item { height:60px; margin-bottom:10px; width:80px; } .area-footer .portfolio .item:nth-of-type(3n-1) { margin:0 10px 10px; } .area-footer .portfolio .item img { height:100%; width:100%; } .area-advantages>.wrapper { height:222px; position:relative; width:1000px; } .area-advantages>.wrapper:before { background:url(../../assets/images/background-advantages.png) center top no-repeat; content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-1; } .area-advantages .item { height:250px; position:relative; text-align:center; width:250px; } .area-advantages .item .image { height:90px; left:50%; margin-left:-45px; opacity:.2; position:absolute; text-align:center; width:90px; } .area-advantages .item .image img { height:auto; max-height:90px; max-width:90px; width:auto; } .area-advantages .item:nth-of-type(2n+1) .image { bottom:70px; } .area-advantages .item:nth-of-type(2n) .image { top:70px; } .area-advantages .item .count { color:#202E31; font-family:'Trebuchet MS'; font-size:5.1rem; font-weight:700; opacity:1; position:absolute; left:0; width:100%; } .area-advantages .item:nth-of-type(2n+1) .count { bottom:80px; } .area-advantages .item:nth-of-type(2n) .count { top:80px; } .area-advantages .item .text { color:#202E31; font-size:1.4rem; font-weight:300; left:0; opacity: 1; position:absolute; text-transform:uppercase; -webkit-transition:opacity .6s ease,transform .6s ease; -moz-transition:opacity .6s ease,transform .6s ease; -ms-transition:opacity .6s ease,transform .6s ease; -o-transition:opacity .6s ease,transform .6s ease; transition:opacity .6s ease,transform .6s ease; width:100%; } .area-advantages .item:nth-of-type(2n+1) .text { bottom:30px; -moz-transform:translateY(15px); -ms-transform:translateY(15px); -webkit-transform:translateY(15px); -o-transform:translateY(15px); transform:translateY(15px); } .area-advantages .item:nth-of-type(2n) .text { top:30px; -moz-transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px); -o-transform:translateY(-15px); transform:translateY(-15px); } .area-advantages .item.show .text { opacity:1; -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } .area-site { margin-top:50px; } .area-site>.wrapper { position:relative; width:1000px; } .area-site > .wrapper.columns { text-align: center; } .area-site .item { background:#fcbf56; background:-moz-linear-gradient(45deg,#fcbf56 0%,#fd9428 50%,#fcbf56 100%); background:-webkit-linear-gradient(45deg,#fcbf56 0%,#fd9428 50%,#fcbf56 100%); background:linear-gradient(45deg,#fcbf56 0%,#fd9428 50%,#fcbf56 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcbf56',endColorstr='#fcbf56',GradientType=1); margin-bottom:30px; padding:30px 27px; position:relative; text-align: left; width:300px; } .area-site .item:nth-of-type(3n-1) { margin-left:50px; margin-right:50px; } .area-site .item:before,.area-site .item:after { content:''; left:0; position:absolute; width:100%; } .area-site .item:before { background-image:url(../../assets/images/background-site-item.png); background-size:100% 100%; height:100%; top:0; z-index:2; } .area-site .item:after { background:url(../../assets/images/shadow.png) center top no-repeat; background-size:100% 100%; bottom:-20px; height:40px; opacity:.4; z-index:1; } .area-site .item>div { position:relative; z-index:3; } .area-site .item .title { color:#fff; font-size:1.6rem; font-weight:700; margin-bottom:25px; text-shadow:1px 1px 0 #202E31; text-transform:uppercase; } .area-site .item .title a { border-bottom:1px solid transparent; color:inherit; text-decoration:none; } .area-site .item .title a:hover { border-bottom-color:#202E31; } .area-site .item .text { color:#fff; font-size:1rem; font-style:italic; font-weight:300; line-height:1.4; max-height:55px; overflow:hidden; } .area-site .item .price { color:#fff; font-family:"PT Sans Narrow",sans-serif; font-size:2.1rem; font-weight:700; margin-top:26px; position:relative; text-align:right; text-shadow:1px 1px 0 #202E31; z-index:2; } .area-site .item .price>span { font-weight:400; position:relative; text-shadow:none; } .area-site .item .price .prefix { font-size:1.8rem; margin-right:10px; } .area-site .item .price .currency { font-size:2rem; margin-left:8px; position:relative; text-transform:uppercase; } .area-site .item .price .currency:before { background-color:#fff; content:''; height:2px; left:-2px; position:absolute; top:19px; width:11px; } .area-site .item .days { color:#fff; font-size:1rem; font-style:italic; margin-top:-17px; position:relative; z-index:1; } .area-site .item .buttons { margin-top:42px; position:relative; } .area-site .item .buttons>.button { font-size:1.1rem; height:43px; padding:14px 30px; position:absolute; right:0; top:-14px; } .area-site .item .buttons>.button:before { background-color:#202E31; } .area-site .item .buttons>.button:hover { color:#202E31; } .area-site .item .buttons>.button:hover:before { background-color:#fff; } .area-site .item .more { border-bottom:1px dashed #202E31; color:#fff; font-weight:700; font-size:.9rem; padding-bottom:1px; position:relative; text-decoration:none; text-shadow:1px 1px 1px #202E31; text-transform:uppercase; } .area-site .item .more:hover { border-bottom-color:transparent; } .area-site .item .icons { display:none; margin-top:45px; text-align:center; } .area-site .item .icons>a { display:inline-block; height:20px; margin:0 20px; position:relative; text-decoration:none; width:25px; z-index:1; } .area-site .item .icons>a .icon { height:100%; left:0; top:0; width:100%; } .area-site-front { margin-top:0px; padding-bottom:30px; padding-top:50px; position:relative; } .area-site-front:before { background:url(../../assets/images/background-site.jpg) center top no-repeat; background-attachment:fixed; background-size:cover; content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-1; } .area-site-front .item { transition:opacity .9s ease; } .area-seo { margin-top:50px; } .area-seo>.wrapper { position:relative; width:1000px; } .area-seo .item { background:#202E31; background-image: url(../../assets/images/background-seo-item.png); height:200px; margin-bottom:40px; padding:24px 30px 30px 230px; position:relative; width:480px; } .area-seo-text .item { height:auto; } .area-seo .item:nth-of-type(2n) { margin-left:40px; } .area-seo .item:before,.area-seo .item:after { content:''; left:0; position:absolute; width:100%; } .area-seo .item:before { background-image:url(../../assets/images/background-seo-item.png); background-size:100% 100%; height:100%; top:0; z-index:-1; } .area-seo .item:after { background:url(../../assets/images/shadow.png) center top no-repeat; background-size:100% 100%; bottom:-20px; height:40px; opacity:.4; z-index:-2; } .area-seo .item .image { left:0; height:200px; overflow:hidden; position:absolute; width:200px; top:0; } .area-seo-text .item .image { height:100%; } .area-seo .item .image a { display:block; overflow:hidden; position:relative; -moz-transform:skewX(-14deg); -ms-transform:skewX(-14deg); -webkit-transform:skewX(-14deg); transform:skewX(-14deg); margin-left:-25px; width:200px; } .area-seo .item .image img { height:210px; left:20px; position:absolute; top:-5px; -moz-transform:skewX(14deg); -ms-transform:skewX(14deg); -webkit-transform:skewX(14deg); transform:skewX(14deg); width:210px; } .area-seo-text .item .image img { height:calc(100% + 10px); min-width:210px; width:auto; } .area-seo .item .title { color:#fff; font-size:1.3rem; font-weight:700; height:45px; line-height:1.4; margin-bottom:25px; text-shadow:1px 1px 0 #202E31; text-transform:uppercase; } .area-seo-text .item .title { height:auto; } .area-seo .item .title a { border-bottom:1px solid transparent; color:inherit; line-height:inherit; text-decoration:none; } .area-seo .item .title a:hover { border-bottom-color:#202E31; } .area-seo .item .text { color:#fff; font-size:.85rem; line-height:1.3; } .area-seo .item .price { color:#fff; font-family:"PT Sans Narrow",sans-serif; font-size:2rem; font-weight:700; position:relative; text-align:left; text-shadow:1px 1px 0 #202E31; z-index:2; } .area-seo .item .price>span { font-weight:400; position:relative; text-shadow:none; } .area-seo .item .price .prefix { font-size:1.7rem; margin-right:10px; } .area-seo .item .price .suffix { font-size:1.7rem; margin-left:5px; } .area-seo .item .price .currency { font-size:1.8rem; margin-left:8px; position:relative; text-transform:uppercase; } .area-seo .item .price .currency:before { background-color:#fff; content:''; height:2px; left:-1px; position:absolute; top:18px; width:9px; } .area-seo .item .buttons { margin-top:35px; position:relative; } .area-seo .item .buttons>.button { font-size:1.1rem; height:35px; padding:10px 20px; position:absolute; right:0; top:-10px; } .area-seo .item .buttons>.button:before { background-color:#f0b653; } .area-seo .item .buttons>.button:hover { color:#202E31; } .area-seo .item .buttons>.button:hover:before { background-color:#fff; } .area-seo .item .more { border-bottom:1px dashed #f0b653; color:#fff; font-weight:700; font-size:.9rem; padding-bottom:1px; position:relative; text-decoration:none; text-shadow:1px 1px 1px #202E31; text-transform:uppercase; } .area-seo .item .more:hover { border-bottom-color:transparent; } .area-seo .item .icons { margin-top:45px; text-align:center; } .area-seo .item .icons>a { display:inline-block; height:20px; margin:0 20px; position:relative; text-decoration:none; width:25px; z-index:1; } .area-seo .item .icons>a .icon { height:100%; left:0; top:0; width:100%; } .area-seo-front { margin-top:0; padding-top:50px; position:relative; } .area-seo-front:before { display:none; background:url(../../assets/images/background-seo.jpg) center top no-repeat; background-attachment:fixed; background-size:cover; content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-1; } .area-seo-front .item { transition:opacity .9s ease; } .area-content>.wrapper { background-image:url(../../assets/images/background-content.png); background-size:100% 100%; padding:35px 35px 10px; position:relative; width:100%; } .area-content>.wrapper:before,.area-content>.wrapper:after { content:''; left:0; position:absolute; width:100%; } .area-content>.wrapper:before { background-color:#f0b653; height:100%; top:0; z-index:-1; } .area-content>.wrapper:after { background:url(../../assets/images/shadow.png) center top no-repeat; background-size:100% 100%; bottom:-20px; height:40px; opacity:.4; z-index:-2; } .area-content>.wrapper li>a { border-bottom:1px dashed #fff; color:#202E31; font-size:1.2rem; text-decoration:none; } .area-content>.wrapper li>a:hover { border-bottom-color:transparent; } .area-seo-items>.wrapper { position:relative; width:100%; } .area-seo-items .h { font-family:"PT Sans Narrow",sans-serif; font-size:1.8rem; margin-bottom:40px; } .area-seo-items .item { align-items:center; display:flex; margin-top:25px; min-height:60px; position:relative; } .area-seo-items .item .image { height:50px; width:50px; } .area-seo-items .item .title { color:#202E31; font-family:"PT Sans Narrow",sans-serif; font-size:1.2rem; font-weight:700; line-height:1.4; padding-left:25px; text-transform:uppercase; } .area-special>.wrapper { text-align:center; } .area-special .item { margin:20px 0 20px 50px; width:300px; } .area-special .item:nth-of-type(3n-2) { margin-left:0; } .area-special .item .image { background-color:#f0b653; background-image:url(../../assets/images/background-content.png); background-size:100% 100%; border-radius:60px; margin:0 auto 25px; width:120px; } .area-special .item .title { color:#202E31; font-family:"PT Sans Narrow",sans-serif; font-size:1.6rem; font-weight:700; line-height:1.4; } .area-special .item .text { color:#6a6a6a; font-size:1.1rem; font-style:italic; font-weight:300; line-height:1.4; margin-top:25px; } .area-special-front { margin-bottom:-50px; margin-top:-50px; padding-bottom:30px; position:relative; } .area-special-front:before { background:url(../../assets/images/background-special.jpg) center top no-repeat; background-attachment:fixed; background-size:cover; content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-1; } @media all and (max-width:999px) { .area-slide { background-attachment: scroll !important; } .area-special-front:before { background-attachment: scroll !important; } .area-site-front:before { background-attachment: scroll !important; } .area-footer>.wrapper:before { background-attachment: scroll !important; } .block-form:after { background-attachment: scroll !important; } .page { background: none !important; } .background { background-attachment: scroll !important; } .area-items-colors .item:before { background-attachment: scroll !important; } } .area-special-front .h { padding-top:15px; padding-bottom:40px; padding-left:0px; position:relative; text-align:center; } .area-special-front .h:before { background:url(../../assets/images/background-special-title.jpg) center top no-repeat; content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-1; } .area-special-front .item { transition:opacity .8s ease; } .area-advantage>.wrapper { text-align:center; } .area-advantage .item { margin:20px 0 20px 25px; width:180px; } .area-advantage .item:nth-of-type(5n-4) { margin-left:0; } .area-advantage .item .image { background-color:#f0b653; background-image:url(../../assets/images/background-content.png); background-size:100% 100%; border-radius:60px; margin:0 auto 25px; width:120px; } .area-advantage .item .title { color:#202E31; font-family:"PT Sans Narrow",sans-serif; font-size:1.4rem; font-weight:700; line-height:1.4; } .area-advantage .item .text { color:#6a6a6a; font-size:1.1rem; font-style:italic; font-weight:300; line-height:1.4; margin-top:25px; } .area-advantage-front .item { transition:opacity .8s ease; } .area-step>.wrapper { padding:40px 0; position:relative; text-align:center; } .area-step>.wrapper>.background { background-attachment:fixed; background-position:center center; background-repeat:no-repeat; background-size:cover; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-1; } .area-step>.wrapper>.h { color:#fff; font-size:4rem; line-height:2; position:absolute; text-shadow:2px 2px 0 #000; top:360px; } .area-step .item { position:relative; width:280px; } .area-step .item:nth-of-type(1) { margin-right:80px; } .area-step .item:nth-of-type(2) { margin-right:80px; } .area-step .item:nth-of-type(3) { margin-bottom:80px; } .area-step .item:nth-of-type(4) { margin-left:720px; margin-bottom:80px; } .area-step .item:nth-of-type(5) { margin-left:720px; margin-bottom:80px; } .area-step .item:nth-of-type(6) { margin-right:80px; } .area-step .item:nth-of-type(7) { margin-right:80px; } .area-step .item .arrow { background:url(../../assets/images/icon-arrow-lite-white.png); background-size:100% 100%; height:40px; position:absolute; width:18px; } .area-step .item .arrow-right { right:-31px; top:40px; } .area-step .item .arrow-left { transform:rotate(180deg); right:-31px; top:40px; } .area-step .item .arrow-bottom { transform:rotate(90deg); left:131px; bottom:-60px; } .area-step .item .image { height:120px; margin:0 auto 30px; width:120px; } .area-step .item .text { color:#fff; font-size:1.2rem; font-style:italic; font-weight:300; line-height:1.4; text-shadow:1px 1px 0 #000; margin-top:25px; } .area-background>.wrapper { position:relative; width:1000px; } .area-background>.wrapper>.image { position:absolute; height:100%; left:50%; margin-left:-960px; top:0; width:1920px; z-index:1; } .area-background>.wrapper>.image img { height:100%; width:auto; } .area-background>.wrapper>.content { padding:35px 0 40px; position:relative; z-index:2; } .area-background>.wrapper>.content:before { background:#fff; background:-moz-linear-gradient(top,#fff 0%,#fff 60%,#ececec 100%); background:-webkit-linear-gradient(top,#fff 0%,#fff 60%,#ececec 100%); background:linear-gradient(to bottom,#fff 0%,#fff 60%,#ececec 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ececec',GradientType=0); content:''; height:100%; position:absolute; top:0; width:1600px; z-index:-2; } .area-background>.wrapper>.content:after { background-image:url(../../assets/images/background-content.png); background-size:100% 100%; content:''; height:100%; opacity:.4; position:absolute; top:0; width:1600px; z-index:-1; } .area-background-left>.wrapper>.image { text-align:left; } .area-background-left>.wrapper>.content,.area-background-left>.wrapper>.content * { text-align:right; } .area-background-left>.wrapper>.content:before,.area-background-left>.wrapper>.content:after { left:50px; -moz-transform:skewX(-14deg); -ms-transform:skewX(-14deg); -webkit-transform:skewX(-14deg); transform:skewX(-14deg); } .area-background-right>.wrapper>.image { text-align:right; } .area-background-right>.wrapper>.content,.area-background-right>.wrapper>.content * { text-align:left; } .area-background-right>.wrapper>.content:before,.area-background-right>.wrapper>.content:after { right:50px; -moz-transform:skewX(14deg); -ms-transform:skewX(14deg); -webkit-transform:skewX(14deg); transform:skewX(14deg); } .area-background-front .animated { transition:opacity .4s ease .6s; } .area-price-main .item { background-position:center center; background-size:cover; position:relative; } .area-price-main .item:before { background-color:#202020; content:''; height:100%; left:0; opacity:0; position:absolute; -moz-transition:opacity .4s ease; -o-transition:opacity .4s ease; -webkit-transition:opacity .4s ease; transition:opacity .4s ease; width:100%; top:0; z-index:1; } .area-price-main .item:hover:before { opacity:.5; } .area-price-main .item .title,.area-price-main .item .price,.area-price-main .item .buttons { position:absolute; text-align:center; width:100%; z-index:2; } .area-price-main .item .title { line-height:1.4; padding:0 40px; -moz-transition:top .4s ease; -o-transition:top .4s ease; -webkit-transition:top .4s ease; transition:top .4s ease; } .area-price-main .item .title,.area-price-main .item .title a { color:#fff; font-family:"PT Sans",sans-serif; font-size:2.4rem; font-weight:700; text-shadow:2px 2px 0 #000; text-transform:uppercase; } .area-price-main .item .title a { text-decoration:none; } .area-price-main .item .price,.area-price-main .item .buttons { opacity:0; -moz-transition:opacity .4s ease,top .4s ease; -o-transition:opacity .4s ease,top .4s ease; -webkit-transition:opacity .4s ease,top .4s ease; transition:opacity .4s ease,top .4s ease; } .area-price-main .item:hover .price,.area-price-main .item:hover .buttons { opacity:1; } .area-price-main .item .price { color:#fff; font-family:"PT Sans Narrow",sans-serif; font-size:2.1rem; font-weight:700; text-shadow:2px 2px 0 #000; -moz-transition:top .4s ease; -o-transition:top .4s ease; -webkit-transition:top .4s ease; transition:top .4s ease; } .area-price-main .item .price .prefix,.area-price-main .item .price .currency { display:inline-block; font-weight:400; } .area-price-main .item .price .prefix { margin-right:10px; } .area-price-main .item .price .currency { margin-left:10px; } .area-price-main .item .buttons .button { font-size:1.4rem; height:50px; padding:16px 34px 0; } .area-price-main .item .buttons .button:before { background-color:#202020; } .area-price-main .item .buttons .button:hover { color:#202020; } .area-price-main .item .buttons .button:hover:before { background-color:#fff; } .area-price-main .item-1 { background-image:url(../../assets/images/background-price-1.jpg); height:500px; } .area-price-main .item-1 .title { top:220px; } .area-price-main .item-1 .price { top:300px; } .area-price-main .item-1 .buttons { top:400px; } .area-price-main .item-1:hover .title { top:100px; } .area-price-main .item-1:hover .price { top:250px; } .area-price-main .item-1:hover .buttons { top:350px; } .area-price-main .item-2 { background-image:url(../../assets/images/background-price-2.jpg); height:250px; } .area-price-main .item-2 .title { top:80px; } .area-price-main .item-2 .price { top:150px; } .area-price-main .item-2 .buttons { top:200px; } .area-price-main .item-2:hover .title { top:20px; } .area-price-main .item-2:hover .price { top:125px; } .area-price-main .item-2:hover .buttons { top:180px; } .area-price-main .item-3 { background-image:url(../../assets/images/background-price-3.jpg); height:250px; } .area-price-main .item-3 .title { top:80px; } .area-price-main .item-3 .price { top:150px; } .area-price-main .item-3 .buttons { top:200px; } .area-price-main .item-3:hover .title { top:20px; } .area-price-main .item-3:hover .price { top:125px; } .area-price-main .item-3:hover .buttons { top:180px; } .area-price-main .item-4 { background-image:url(../../assets/images/background-price-4.jpg); height:500px; } .area-price-main .item-4 .title { top:220px; } .area-price-main .item-4 .price { top:300px; } .area-price-main .item-4 .buttons { top:400px; } .area-price-main .item-4:hover .title { top:100px; } .area-price-main .item-4:hover .price { top:250px; } .area-price-main .item-4:hover .buttons { top:350px; } .area-price>.wrapper { margin-bottom:-40px; } .area-price .item { margin-bottom:40px; overflow:hidden; position:relative; } .area-price .item>.image { position:absolute; top:0; min-width:450px; height:100%; z-index:1; } .area-price .item>.image:before { background-color:#202020; content:''; height:100%; opacity:.2; position:absolute; width:100%; } .area-price .item>.image img { height:100%; min-width:450px; width:auto; } .area-price .item>.content { padding:30px 30px 35px; position:relative; width:550px; z-index:2; } .area-price .item>.content:before { background:#fff; background:-moz-linear-gradient(top,#fff 0%,#fff 60%,#ececec 100%); background:-webkit-linear-gradient(top,#fff 0%,#fff 60%,#ececec 100%); background:linear-gradient(to bottom,#fff 0%,#fff 60%,#ececec 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ececec',GradientType=0); content:''; height:100%; position:absolute; left:0; top:0; width:100%; z-index:-2; } .area-price .item>.content:after { background-image:url(../../assets/images/background-content.png); background-size:100% 100%; content:''; height:100%; opacity:.4; position:absolute; top:0; width:100%; z-index:-1; } .area-price .item>.info { padding:30px 20px; position:relative; width:450px; z-index:2; } .area-price .item .title { color:#fff; font-family:"PT Sans",sans-serif; font-size:2.1rem; text-transform:uppercase; font-weight:700; text-shadow:2px 2px 0 #000; } .area-price .item .title span { color:#f0b653; } .area-price .item .stage { margin-bottom:-10px; } .area-price .item .stage li { font-size:1rem; margin-bottom:10px; text-align:left; } .area-price .item .time { margin-top:30px; } .area-price .item .time span { color:#fff; font-family:"PT Sans",sans-serif; font-size:1.6rem; text-shadow:2px 2px 0 #000; } .area-price .item .time .text { margin-right:30px; text-transform:uppercase; } .area-price .item .time .prefix { display:inline-block; margin-right:10px; } .area-price .item .time .value { color:#f0b653; font-size:2.1rem; font-weight:700; } .area-price .item .time .suffix { display:inline-block; margin-left:10px; } .area-price .item .price { margin-bottom:20px; margin-top:20px; } .area-price .item .price span { color:#fff; font-family:"PT Sans",sans-serif; font-size:1.6rem; text-shadow:2px 2px 0 #000; } .area-price .item .price .text { margin-right:30px; text-transform:uppercase; } .area-price .item .price .prefix { display:inline-block; margin-right:10px; } .area-price .item .price .value { color:#f0b653; font-size:2.1rem; font-weight:700; } .area-price .item .price .currency { display:inline-block; margin-left:10px; } .area-price .item .buttons { margin-top:20px; text-align:center; } .area-price .item .buttons .button { font-size:1.3rem; height:50px; padding:18px 0; width:180px; } .area-projects { padding:25px 0 30px; position:relative; margin-top:-20px; } .area-projects:before { background:url(../../assets/images/background-projects.jpg) center center no-repeat; background-attachment:fixed; content:''; height:100%; padding:35px 0 40px; position:absolute; left:50%; margin-left:-960px; top:0; width:1920px; } .area-projects>.wrapper { padding:35px 0 40px; position:relative; width:1000px; z-index:1; } .area-projects>.wrapper:before { background-color:#000; content:''; height:100%; left:-100px; opacity:.7; position:absolute; top:0; width:1200px; z-index:-1; } .area-projects * { color:#fff; } .area-projects .image { } .area-projects .feature { margin-bottom:15px; } .area-projects .feature span,.area-projects .feature a { display:inline-block; font-size:1.3rem; vertical-align:top; } .area-projects .feature a { border-bottom:1px solid #f0b653; text-decoration:none; } .area-projects .feature a:hover { border-bottom-color:transparent; color:#fff; } .area-projects .feature span:nth-of-type(1) { font-weight:700; margin-right:10px; } .area-projects .h,.area-projects .h3 { color:#fff; } .area-contacts>.wrapper { position:relative; } .area-contacts>.wrapper>.image { bottom:-50px; position:absolute; height:400px; right:0; } .area-contacts>.wrapper>.image img { width:auto; height:100%; } .area-contacts h2 { font-size:1.8rem; margin-bottom:30px; } .area-contacts .item,.area-contacts .item * { color:#202E31; } .area-contacts .item { margin-bottom:30px; padding-left:40px; position:relative; } .area-contacts .item:nth-last-of-type(1) { margin-bottom:0; } .area-contacts .item-phone { background:url(../../assets/images/icon-phone-yellow.png) left center no-repeat; background-size:16px 16px; font-family:"PT Sans",sans-serif; font-size:1.5rem; } .area-contacts .item-phone .icon { height:18px; left:0; top:0; width:18px; } .area-contacts .item-phone span { font-weight:700; } .area-contacts .item-whatsapp { background:url(../../assets/images/icon-whatsapp.png) left center no-repeat; background-size:16px 16px; font-family:"PT Sans",sans-serif; font-size:1.5rem; } .area-contacts .item-whatsapp .icon { height:18px; left:0; top:0; width:18px; } .area-contacts .item-whatsapp span { font-weight:700; } .area-contacts .item-mail { background:url(../../assets/images/icon-mail-yellow.png) left center no-repeat; background-size:20px auto; } .area-contacts .item-mail,.area-contacts .item-mail a { font-family:"PT Sans",sans-serif; font-size:1.2rem; } .area-contacts .item-mail .icon { height:14px; left:-6px; top:1px; width:24px; } .area-contacts .item-mail a { border-bottom:1px solid #f0b653; text-decoration:none; } .area-contacts .item-mail a:hover { border-bottom-color:transparent; } .area-contacts .item-adress { background:url(../../assets/images/icon-map-yellow.png) left center no-repeat; background-size:auto 16px; font-family:"PT Sans",sans-serif; font-size:1.2rem; } .area-contacts .item-adress .icon { height:18px; left:4px; top:0; width:12px; } .area-contacts .item-time { background:url(../../assets/images/icon-time-yellow.png) left center no-repeat; background-size:16px 16px; font-family:"PT Sans",sans-serif; font-size:1.2rem; } .area-contacts .item-time .icon { height:18px; left:4px; top:0; width:12px; } .area-contacts .item-time span { font-weight:700; } .area-contacts .item-requisit { font-size:1.2rem; padding-left:0; } .area-contacts form { border:1px solid #ccc; background:#e5e5e5; background:-moz-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(40%,#f9f9f9),color-stop(100%,#f9f9f9)); background:-webkit-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-o-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:-ms-linear-gradient(top,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); background:linear-gradient(to bottom,#e5e5e5 0%,#f9f9f9 40%,#f9f9f9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#f9f9f9',GradientType=0); box-shadow:7px 10px 8px rgba(0,0,0,0.1); padding:25px 40px 35px; } .area-contacts form .hint { color:#9a9a9a; font-family:"PT Sans",sans-serif; font-size:.8rem; line-height:1.1; margin-bottom:20px; } .area-slide { background-attachment:fixed; background-position:center top; background-repeat:no-repeat; background-size:cover; } .area-slide .wrapper { margin:0 auto; padding:60px 0 0; position:relative; max-width:100%; width:1000px; text-align:center; } .area-slide .background { height:auto; left:50%; margin-left:-960px; position:fixed; top:0; width:1920px; } .area-slide .title { color:#fff; font-size:2.6rem; font-weight:700; margin-bottom:40px; text-align:2px 2px 0 #000; text-transform:uppercase; } .area-slide .title-2 { color:#fff; font-size:1.6rem; font-weight:700; margin-bottom:25px; text-align:1px 1px 0 #000; text-transform:uppercase; } .area-slide .small-1 { color:#fff; font-size:1.8rem; font-weight:300; margin-bottom:40px; text-align:2px 2px 0 #000; text-transform:uppercase; } .area-slide .small-2 { color:#fff; font-size:1.8rem; font-weight:700; margin-bottom:40px; text-align:2px 2px 0 #000; text-transform:uppercase; } .area-slide .text { color:#fff; font-size:1.4rem; font-weight:300; line-height:1.6; margin-top:60px; } .area-slide form { margin-top:80px; padding:40px 0 50px; position:relative; z-index:1; } .area-slide form:before { background-color:#000; content:''; height:100%; left:50%; opacity:.5; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-1; } .area-slide .field { width: 300px; margin-right:30px; margin-bottom:0; } .area-slide .field-represented { margin-bottom: 15px; } .area-slide .field-phone { margin-bottom: 15px; } .area-slide .field-captcha, .area-slide .field-policy { width: 300px; margin-right: 0; } .area-slide .field input { font-size: 1.1rem; padding: 13px 18px; border-radius: 4px; } .area-slide .buttons { width: 300px; } .area-slide .buttons a { padding: 14px 18px 0; font-size: 1rem; height: 44px; } .area-slide .buttons .button { text-align:center; width:100%; } .area-slide .buttons .button:before { -moz-transform:skewX(0); -ms-transform:skewX(0); -webkit-transform:skewX(0); transform:skewX(0); width:100%; } .area-slide .policy { color:#9a9a9a; font-family:"PT Sans Narrow",sans-serif; font-size:.85rem; margin-top:25px; } .area-background-1>.wrapper { padding:40px 0; position:relative; } .area-background-1>.wrapper>.background { background-attachment:fixed; background-position:center center; background-repeat:no-repeat; background-size:cover; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-1; } .area-background-1 .title { color:#fff; font-size:1.8rem; font-weight:700; line-height:1.5; margin-bottom:30px; text-shadow:2px 2px 0 #000; text-transform:uppercase; text-align:center; } .area-background-1 .text { color:#fff; font-size:1.2rem; font-weight:400; line-height:1.4; margin-bottom:40px; text-shadow:1px 1px 0 #000; text-align:center; } .area-background-1 li { font-size:1.2rem; font-style:italic; line-height:1.4; padding-left:24px; margin-bottom:20px; position:relative; text-shadow:1px 1px 0 #000; } .area-background-1 li:nth-last-of-type(1) { margin-bottom:0; } .area-background-1 li:before { background-color:transparent!important; border:2px solid #fff; border-radius:4px; content:''; height:8px; position:absolute; left:0; top:7px; width:8px; } .area-background-1 .item-count { color:#fff; font-size:1rem; line-height:1.4; margin-bottom:40px; padding-left:30px; position:relative; } .area-background-1 .item-count>span { position:absolute; left:0; top:0; font-size:2.1rem; font-weight:700; text-shadow:1px 1px 0 #000; line-height:1; } .area-advantage-1>.wrapper { position:relative; } .area-advantage-1 .title { font-size:1.6rem; font-weight:700; font-family:"PT Sans Narrow",sans-serif; line-height:1.2; margin-bottom:30px; } .area-to-whom>.wrapper { padding:40px 0; position:relative; } .area-to-whom>.wrapper>.background { background-attachment:fixed; background-position:center center; background-repeat:no-repeat; background-size:cover; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-1; } .area-to-whom .title { color:#fff; font-size:1.8rem; font-weight:700; margin-bottom:40px; text-shadow:2px 2px 0 #000; text-transform:uppercase; text-align:center; } .area-to-whom .text { color:#fff; font-size:1.2rem; font-weight:400; line-height:1.4; text-shadow:1px 1px 0 #000; text-align:center; } .area-to-whom .item { color:#fff; font-family:"PT Sans Narrow",sans-serif; font-size:2rem; font-weight:700; text-align:center; text-shadow:1px 1px 3px #000; text-transform:uppercase; } .area-to-whom .item .image { box-shadow:9px 11px 14px 0 rgba(255,255,255,0.4); border-radius:50%; height:200px; margin:0 auto 30px; width:200px; } .area-to-whom .item .image img { height:100%; width:100%; } .area-steps .title { font-size:1.8rem; font-weight:700; margin-bottom:40px; text-transform:uppercase; text-align:center; } .area-steps .text { font-size:1.2rem; font-weight:400; line-height:1.4; margin-bottom:40px; text-align:center; text-transform:uppercase; } .area-description .item { margin-bottom:50px!important; } .area-description .title { font-size:1.4rem; font-weight:700; line-height:1.5; margin-bottom:30px; padding:0 0 0 70px; position:relative; } .area-description img { left:0; position:absolute; top:3px; } .area-description .text { font-size:1.1rem; font-style:italic; line-height:1.4; } .area-site-price span { display:inline-block; vertical-align:top; } .area-site-price .prefix { color:#000; font-size:2rem; font-weight:300; padding-top:8px; text-transform:uppercase; } .area-site-price .value { color:#ba0000; font-size:2.2rem; font-weight:700; padding-left:40px; position:relative; margin-left:30px; } .area-site-price .value:before { color:#000; content:'от'; font-weight:300; font-size:2rem; position:absolute; left:0; top:2px; } .area-site-price .suffix { color:#000; font-size:2rem; font-weight:300; margin-left:10px; padding-top:7px; } .area-menu-service>.wrapper { text-align:left; } .area-menu-service .item-1 { position:relative; margin-bottom:30px; line-height:1.4; } .area-menu-service .item-1 a { border-bottom:1px solid transparent; color:#fff; font-size:1.6rem; font-weight:700; text-decoration:none; text-transform:uppercase; } .area-menu-service .item-1 a:hover { border-bottom-color:#fff; } .area-menu-service .item-1 .price { position:absolute; right:0; top:-1px; } .area-menu-service .item-1 .price span { color:#fff; display:inline-block; vertical-align:top; } .area-menu-service .item-1 .price .prefix { font-size:1.5rem; font-weight:300; } .area-menu-service .item-1 .price .value { font-size:1.6rem; font-weight:700; margin-left:8px; } .area-menu-service .item-1 .price .suffix { margin-left:8px; font-size:1.5rem; font-weight:300; } .area-menu-service .item-2 { padding-left:20px; margin-bottom:20px; position:relative; } .area-menu-service .item-2:before { content:''; border:2px solid #fff; border-radius:50%; height:8px; left:0; position:absolute; top:3px; width:8px; } .area-menu-service .item-2 a { border-bottom:1px solid #FCBF56; font-size:1.2rem; font-style:italic; text-decoration:none; } .area-menu-service .item-2 a:hover { color:#fff; border-bottom-color:transparent; } .area-price-site .item { padding:30px 27px 40px; position:relative; } .area-price-site .item:before { background:url(../../assets/images/background-seo-item.png) center center no-repeat #1F8BA4; background-size:100% 100%; border:1px solid #fff; box-shadow:7px 9px 12px 0 rgba(0,0,0,0.2); content:''; height:100%; left:0; position:absolute; top:0; width:100%; z-index:-1; } .area-price-site .item:nth-of-type(3n-1) { -moz-transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); } .area-price-site .item:nth-of-type(3n-1):before { background-color:#583C94; } .area-price-site .item .price { line-height:1.5; text-align:center; } .area-price-site .item .price span { color:#fff; font-family:"PT Sans",sans-serif; display:inline-block; vertical-align:top; } .area-price-site .item .price .prefix { font-size:1.8rem; font-weight:300; } .area-price-site .item .price .value { font-size:2rem; font-weight:700; margin-left:12px; text-shadow:2px 2px 0 #000; } .area-price-site .item .price .currency { margin-left:8px; font-size:1.8rem; font-weight:300; margin-top:2px; position:relative; } .area-price-site .item .price .currency:before { background-color:#fff; content:''; height:1px; left:-1px; position:absolute; top:21px; width:11px; } .area-price-site .item .title { color:#fff; margin-top:20px; font-size:1.8rem; font-weight:700; text-shadow:1px 1px 0 #1a1a1a; text-transform:uppercase; text-align:center; } .area-price-site .item .properties { margin-top:30px; } .area-price-site .item .properties>div { color:#fff; font-size:1.2rem; font-style:italic; font-weight:300; padding:15px 0; position:relative; text-align:center; } .area-price-site .item .properties>div:before { background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1); content:''; height:1px; position:absolute; left:0; top:-1px; width:100%; } .area-price-site .item .properties>div:nth-of-type(1) { padding-top:0; } .area-price-site .item .properties>div:nth-of-type(1):before { display:none; } .area-price-site .item .properties>div:nth-last-of-type(1) { padding-bottom:0; } .area-price-site .item .text { text-align:center; margin-top:20px; line-height:1.4; font-size:1.1rem; color:#fff; } .area-price-site .item .buttons { text-align:center; margin-top:35px; } .area-price-site .item-1:before { background-color:#EC7133; } .area-price-site .item-2,.area-price-site .item:nth-of-type(3n-1) { -moz-transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); } .area-price-site .item-3:before { background-color:#CC3345; } .area-about-service .item { background-position:center bottom; background-repeat:no-repeat; min-height:300px; margin-bottom:45px; position:relative; } .area-about-service .item .image { border:8px solid #fff; border-radius:50%; box-shadow:9px 11px 18px 0 rgba(0,0,0,0.18); height:300px; margin-top:-150px; position:absolute; top:50%; width:300px; } .area-about-service .item .title { color:#000; font-size:1.8rem; font-weight:700; margin-bottom:35px; text-shadow:1px 1px 0 #fff; text-transform:uppercase; } .area-about-service .item .text { color:#000; font-size:1.3rem; font-style:italic; font-weight:300; line-height:1.4; text-shadow:1px 1px 0 #fff; } .area-about-service .item:nth-of-type(2n) { background-image:url(../../assets/images/background-about-right.png); padding-left:400px; } .area-about-service .item:nth-of-type(2n) .image { left:0; } .area-about-service .item:nth-of-type(2n-1) { background-image:url(../../assets/images/background-about-left.png); padding-right:400px; } .area-about-service .item:nth-of-type(2n-1) .image { right:0; } .area-columns>.wrapper { text-align:center; } .area-columns .image { margin:0 auto 20px; width:50%; } .area-columns .title { font-size:1.3rem; font-weight:700; line-height:1.3; text-align:center; } .area-columns .text { font-size:1rem; font-style:italic; font-weight:300; margin-top:22px; line-height:1.4; text-align:center; } .area-items-colors .item { padding:40px 0 50px 460px; position:relative; } .area-items-colors .item:before { background-attachment:fixed; background-position:center top; background-repeat:no-repeat; content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-1; } .area-items-colors .item:nth-of-type(4n-3):before { background-image:url(../../assets/images/background-items-4.jpg); } .area-items-colors .item:nth-of-type(4n-2):before { background-image:url(../../assets/images/background-items-3.jpg); } .area-items-colors .item:nth-of-type(4n-1):before { background-image:url(../../assets/images/background-items-2.jpg); } .area-items-colors .item:nth-of-type(4n):before { background-image:url(../../assets/images/background-items-1.jpg); } .area-items-colors .item .image { height:100%; left:0; position:absolute; text-align:center; top:0; width:400px; } .area-items-colors .item .image img { height:100%; width:auto; } .area-items-colors .item .title { color:#fff; font-size:1.8rem; font-weight:700; line-height:1.4; text-shadow:1px 1px 0 #000; text-transform:uppercase; } .area-items-colors .item .title a { border-bottom:1px solid #Fff; color:#fff; text-decoration:none; } .area-items-colors .item .text { color:#fff; font-size:1.2rem; font-style:italic; line-height:1.3; margin-top:30px; text-shadow:1px 1px 0 #000; } .area-columns-colors .item { margin:0; padding:40px 0 40px 200px; position:relative; } .columns>.column-50:nth-of-type(2n),.columns>.column-50:nth-of-type(2n+1) { /* margin:0; */ } .area-columns-colors .item:before { background-attachment:fixed; background-position:center top; background-repeat:no-repeat; content:''; height:100%; left:0; position:absolute; top:0; width:100%; z-index:-1; } .area-columns-colors .item:nth-of-type(4n-3):before { background-image:url(../../assets/images/background-items-4.jpg); } .area-columns-colors .item:nth-of-type(4n-2):before { background-image:url(../../assets/images/background-items-3.jpg); } .area-columns-colors .item:nth-of-type(4n-1):before { background-image:url(../../assets/images/background-items-2.jpg); } .area-columns-colors .item:nth-of-type(4n):before { background-image:url(../../assets/images/background-items-1.jpg); } .area-columns-colors .item .image { height:100%; left:0; position:absolute; text-align:center; top:0; width:200px; } .area-columns-colors .item .image img { height:100%; width:auto; } .area-columns-colors .item .title { color:#fff; font-size:1.8rem; font-weight:700; line-height:1.4; text-shadow:1px 1px 0 #000; text-transform:uppercase; } .area-columns-colors .item .title a { border-bottom:1px solid #Fff; color:#fff; text-decoration:none; } .area-columns-colors .item .text { color:#fff; font-size:1.2rem; font-style:italic; line-height:1.3; margin-top:30px; text-shadow:1px 1px 0 #000; } .items-colors-blue,.items-colors-red,.items-colors-yellow,.items-colors-pink { margin-bottom:55px; } .items-colors-blue .title,.items-colors-red .title,.items-colors-yellow .title,.items-colors-pink .title { color:#000; font-size:1.6rem; font-weight:300; margin-bottom:30px; text-transform:uppercase; text-align:left; } .items-colors-blue .item,.items-colors-red .item,.items-colors-yellow .item,.items-colors-pink .item { border:1px solid #fff; box-shadow:7px 9px 12px 0 rgba(0,0,0,0.2); min-height:60px; margin-bottom:35px; position:relative; padding:17px 20px 16px; } .items-colors-blue .item { background:url(../../assets/images/background-color-2.jpg) left bottom no-repeat; background-color:#1F8BA4; } .items-colors-red .item { background:url(../../assets/images/background-color-4.jpg) left bottom no-repeat; background-color:#CC3345; } .items-colors-yellow .item { background:url(../../assets/images/background-color-3.jpg) left bottom no-repeat; background-color:#EC7133; } .items-colors-pink .item { background:url(../../assets/images/background-color-1.jpg) left bottom no-repeat; background-color:#583C94; } .items-colors-blue .image,.items-colors-red .image,.items-colors-yellow .image,.items-colors-pink .image { display:none; height:30px; position:absolute; left:20px; top:15px; width:30px; } .items-colors-blue .text,.items-colors-red .text,.items-colors-yellow .text,.items-colors-pink .text { color:#fff; font-size:1.1rem; font-weight:700; font-style:italic; line-height:1.4; text-shadow:1px 1px 0 #000; } .items-colors-rect .flex { align-items:flex-start; display:flex; min-height:100%; } .items-colors-rect .item { background-position:center top; background-repeat:no-repeat; background-size:cover; box-shadow:7px 9px 12px 0 rgba(0,0,0,0.2); color:#fff; font-size:1.2rem; font-style:italic; font-weight:400; line-height:1.5; padding:30px 40px; text-align:center; text-shadow:1px 1px 2px #000; } .items-colors-rect .flex .item { align-self:center; min-height:260px; vertical-align:middle; } .items-colors-rect .item:nth-of-type(3n-2) { background-image:url(../../assets/images/background-color-1.jpg); } .items-colors-rect .item:nth-of-type(3n-1) { background-image:url(../../assets/images/background-color-2.jpg); } .items-colors-rect .item:nth-of-type(3n) { background-image:url(../../assets/images/background-color-3.jpg); } .items-yellow-rectangle .item { box-shadow:3px 4px 7px 0 rgba(0,0,0,0.25); color:#fff; font-size:1.1rem; line-height:1.4; font-weight:700; font-family:"PT Sans",sans-serif; margin-bottom:20px; padding:20px 25px 20px 50px; position:relative; text-shadow:1px 1px 2px #3a3a3a; text-transform:uppercase; z-index:1; } .items-yellow-rectangle .item:before { background:url(../../assets/images/background-content.png) center center no-repeat #FCBF56; background-size:cover; border:1px solid #fff; content:''; height:100%; left:0; position:absolute; top:0; width:100%; z-index:-1; } .items-yellow-rectangle .item img { height:50px; left:-20px; margin-top:-25px; position:absolute; top:50%; width:50px; } .items-dark-rect .item .t { background:url(../../assets/images/background-seo-item.png) center center no-repeat #202E31; background-size:cover; color:#fff; font-size:1.1rem; font-weight:700; font-family:"PT Sans Narrow",sans-serif; padding:20px 10px; text-align:center; text-transform:uppercase; } .items-yellow-li .item { color:#fff; font-size:1.1rem; font-style:italic; line-height:1.4; margin-bottom:30px; padding:20px 27px; position:relative; text-shadow:1px 1px 0 #000; } .items-yellow-li .item:before,.items-yellow-li .item:after { content:''; left:0; position:absolute; width:100%; z-index:-1; } .items-yellow-li .item:before { background-color:#1F8BA4; background-image:url(../../assets/images/background-site-item.png); background-size:100% 100%; background-color:#1F8BA4; height:100%; top:0; } .items-yellow-li .item:after { background:url(../../assets/images/shadow.png) center top no-repeat; background-size:100% 100%; bottom:-20px; height:40px; opacity:.4; } .items-dark-li .item { color:#fff; font-size:1.1rem; font-style:italic; line-height:1.4; margin-bottom:30px; padding:20px 27px; position:relative; text-shadow:1px 1px 0 #000; } .items-dark-li .item:before,.items-dark-li .item:after { content:''; left:0; position:absolute; width:100%; z-index:-1; } .items-dark-li .item:before { background-color:#583C94; background-image:url(../../assets/images/background-seo-item.png); background-size:100% 100%; height:100%; top:0; } .items-dark-li .item:after { background:url(../../assets/images/shadow.png) center top no-repeat; background-size:100% 100%; bottom:-20px; height:40px; opacity:.4; } .block-ajax { display:none; } .block-articles { margin-top:50px; } .block-articles>.wrapper { position:relative; } .block-articles .title a { border-bottom:1px solid transparent; color:#1a1a1a; font-size:2.1rem; font-weight:700; text-decoration:none; text-transform:uppercase; } .block-articles .title a:hover { border-bottom-color:#ccc; } .block-articles .item { margin-bottom:50px; text-align:center; } .block-articles .item .image { height:auto; display:block; margin-bottom:20px; } .block-articles .item .image img { height:auto; width:100%; } .block-back { position:relative; } .block-back>.wrapper { background-position:center center; background-repeat:no-repeat; background-size:100% auto; height:320px; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; } .block-back>.wrapper:after { background-color:#000; content:''; height:100%; left:0; opacity:.6; position:absolute; top:0; width:100%; z-index:1; } .block-buttons { bottom:0; position:fixed; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); -moz-transition:-moz-transform .4s ease; -o-transition:-o-transform .4s ease; -webkit-transition:-webkit-transform .4s ease; transition:transform .4s ease; left: 0; } .block-buttons.hide { -moz-transform:translate(0,100%); -ms-transform:translate(0,100%); -webkit-transform:translate(0,100%); transform:translate(0,100%); } .block-buttons>.wrapper { height:50px; position:relative; text-align:left; white-space:nowrap; z-index:1; } .block-buttons>.wrapper:before,.block-buttons>.wrapper:after { content:''; height:100%; left:50%; margin-left:-960px; opacity:.3; position:absolute; width:1920px; z-index:-1; } .block-buttons>.wrapper:before { background:url(../../assets/images/background-buttons.jpg) center top no-repeat #202E31; opacity:1; } .block-buttons .buttons { position:relative; text-align:left; } .block-buttons .buttons>span { display:inline-block; color:#fff; font-family:"PT Sans",sans-serif; font-size:1rem; font-weight:700; margin-top:20px; margin-right:18px; text-shadow:1px 1px 0 #000; text-transform:uppercase; } .block-buttons .buttons .button { font-size:1rem; height:50px; padding:19px 16px; position:relative; text-shadow:1px 1px 0 #000; vertical-align:top; } .block-buttons .buttons .button:before { background-color:transparent; border-radius:0; -moz-transform:skewX(0); -ms-transform:skewX(0); -webkit-transform:skewX(0); transform:skewX(0); } .block-buttons .buttons .button:hover { color:#202E31; text-shadow:none; } .block-buttons .buttons .button:hover:before { background-color:#fff; } .block-buttons .buttons .button-web { padding-left:48px; } .block-buttons .buttons .button-web .icon { height:13px; left:16px; top:19px; width:16px; } .block-buttons .buttons .button-profile { padding-left:45px; } .block-buttons .buttons .button-profile .icon { height:16px; left:18px; top:16px; width:14px; } .block-buttons .buttons .button-mail { padding-left:52px; } .block-buttons .buttons .button-mail .icon { height:13px; left:16px; top:18px; width:22px; } .block-buttons .buttons .button-phone { padding-left:48px; } .block-buttons .buttons .button-phone .icon { height:14px; left:18px; top:18px; width:14px; } .block-buttons .buttons .button-scroll { position:absolute; right:-50px; -moz-transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); -moz-transition:-moz-transform .4s ease; -o-transition:-o-transform .4s ease; -webkit-transition:-webkit-transform .4s ease; transition:transform .4s ease; } .block-buttons.show .buttons .button-scroll { -moz-transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); } .block-buttons.hide .buttons .button-scroll { -moz-transform:scale(1) translate(0,-50px); -ms-transform:scale(1) translate(0,-50px); -webkit-transform:scale(1) translate(0,-50px); transform:scale(1) translate(0,-50px); } .block-buttons .buttons .button-scroll:before { background-color:#fff; border-radius:20px; height:40px; opacity:1; margin-top:5px; width:40px; } .block-buttons .buttons .button-scroll:hover:before { background-color:#f0b653; } .block-buttons .buttons .button-scroll .icon { height:18px; left:15px; top:15px; -moz-transition:opacity .4s ease; -o-transition:opacity .4s ease; -webkit-transition:opacity .4s ease; transition:opacity .4s ease; width:10px; } .block-buttons .buttons .button-scroll:hover .icon-arrow-lite-white { z-index:1; } .block-buttons .buttons .button-scroll:hover .icon-arrow-lite-dark { z-index:2; } .block-buttons .buttons .button-scroll:hover .icon-arrow-lite-dark { opacity:0; } .block-buttons .button-present { position: absolute; bottom: 200px; right: 90px; width: 70px; height: 70px; } .block-buttons .button-present .icon { left: 0; top: 0; } .block-content-slide>.wrapper { margin:0; width:100%; } .block-content-1 { margin-top:50px; } .region-crumb+.region-content-1 .block-content-1 { margin-top:0; } .page-index .block-content-1 { margin-top:0; } .block-content-1>.wrapper { position:relative; } .page-index .block-content-1>.wrapper { padding:0; } .block-content-1>.wrapper:before,.block-content-1>.wrapper:after { content:''; left:50%; margin-left:-550px; position:absolute; width:1100px; z-index:-1; } .block-content-1>.wrapper:before { height:100%; top:0; } .block-content-1>.wrapper:after { bottom:-10px; height:10px; } .page-index .block-content-1>.wrapper:before,.page-index .block-content-1>.wrapper:after { display:none; } .block-content-2 { margin-top:0px; } .block-content-2>.wrapper:after { display:none; background-image:url(../../assets/images/shadow-top.png); background-size:100% 100%; bottom:-15px; content:''; height:15px; left:0; position:absolute; width:100%; } .block-content-3 { margin-top:50px; } .block-content-3>.wrapper:after { display:none; background-image:url(../../assets/images/shadow-top.png); background-size:100% 100%; bottom:-15px; content:''; height:15px; left:0; position:absolute; width:100%; } .block-content-4 { margin-top:50px; } .block-content-4>.wrapper:after { display:none; background-image:url(../../assets/images/shadow-top.png); background-size:100% 100%; bottom:-15px; content:''; height:15px; left:0; position:absolute; width:100%; } .block-content-5 { margin-top:50px; } .page-index .block-content-5 { margin-top: 0; } .block-content-5>.wrapper:after { display:none; background-image:url(../../assets/images/shadow-top.png); background-size:100% 100%; bottom:-15px; content:''; height:15px; left:0; position:absolute; width:100%; } .block-content-through { margin-top:50px; } .block-content-through>.wrapper:after { display:none; background-image:url(../../assets/images/shadow-top.png); background-size:100% 100%; bottom:-15px; content:''; height:15px; left:0; position:absolute; width:100%; } .block-crumb>.wrapper { padding-bottom:30px; padding-top:14px; position:relative; text-align:left; } .block-crumb>.wrapper:before { background-color:#202E31; content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-2; } .block-crumb>.wrapper:after { background:-moz-radial-gradient(center top,ellipse farthest-side,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); background:-webkit-radial-gradient(center top,ellipse farthest-side,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); background:radial-gradient(ellipse farthest-side at center top,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff',endColorstr='#00ffffff',GradientType=1); content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-1; } .block-crumb>.wrapper>a { border-bottom:1px solid #f0b653; color:#E7E9E8; display:inline-block; font-size:.9rem; font-style:italic; margin-right:26px; margin-top:15px; position:relative; text-decoration:none; } .block-crumb>.wrapper>a:hover { border-bottom-color:transparent; } .block-crumb>.wrapper>a:after { content:'>'; font-family:"PT Sans",sans-serif; font-size:.8rem; height:8px; opacity:.5; position:absolute; right:-16px; top:1px; width:4px; } .block-crumb>.wrapper>span { border-bottom-color:transparent; color:#5A6265; font-size:.9rem; font-style:italic; margin-right:0; } .block-crumb .control { position:absolute; right:10px; top:18px; } .block-crumb .control .item { margin-left:6px; position:relative; } .block-crumb .control .item>a { display:inline-block; height:36px; margin:0; width:48px; z-index:1; } .block-crumb .control .item>a:before { background-color:#fff; border-radius:2px; content:''; height:100%; left:0; opacity:0; position:absolute; top:0; -moz-transform:skewX(-14deg); -ms-transform:skewX(-14deg); -webkit-transform:skewX(-14deg); transform:skewX(-14deg); -moz-transition:opacity .4s ease; -o-transition:opacity .4s ease; -webkit-transition:opacity .4s ease; transition:opacity .4s ease; width:100%; } .block-crumb .control .item:hover>a:before { opacity:1; } .block-crumb .control .item>a .icon { left:50%; margin-top:-7.5px; top:50%; } .block-crumb .control .item>.favourite .icon { height:15px; margin-left:-8px; width:16px; } .block-crumb .control .item>.print .icon { height:15px; margin-left:-8px; width:16px; } .block-crumb .control .item>.share .icon { height:15px; margin-left:-7.5px; width:15px; } .block-crumb .control .item>.dropping { opacity:0; padding:35px 20px 10px; position:absolute; right:0; top:35px; -moz-transition:opacity .4s ease; -o-transition:opacity .4s ease; -webkit-transition:opacity .4s ease; transition:opacity .4s ease; visibility:hidden; white-space:nowrap; z-index:2; } .block-crumb .control .item>.dropping:before { background-color:#f0b653; bottom:0; border-radius:2px; content:''; height:calc(100% - 25px); left:0; position:absolute; -moz-transform:skewX(-14deg); -ms-transform:skewX(-14deg); -webkit-transform:skewX(-14deg); transform:skewX(-14deg); width:100%; } .block-crumb .control .item:hover>.dropping { opacity:1; visibility:visible; } .block-files { margin:50px 0 0; } .block-files>.wrapper { position:relative; } .block-files .file { margin:0 0 30px; padding:0 0 0 40px; position:relative; } .block-files .file:nth-last-of-type(1) { margin-bottom:0; } .block-files .file a { border-bottom:1px solid #8AB3D2; color:#0D66A8; cursor:pointer; font-size:1.2rem; text-decoration:none; } .block-files .file a:hover { border-bottom-color:transparent; color:#1a1a1a; } .block-files .file a:before { background:url(../../assets/images/filetype.png) 0 0 no-repeat; background-size:100% auto; content:''; height:26px; left:0; position:absolute; top:-5px; width:26px; } .block-files .file a[href$=".pdf"]:before { background-position:0 -104px; } .block-files .file a[href$=".doc"]:before,.block-files .file a[href$=".docx"]:before { background-position:0 -26px; } .block-files .file a[href$=".jpg"]:before,.block-files .file a[href$=".png"]:before,.block-files .file a[href$=".gif"]:before { background-position:0 -52px; } .block-files .file a[href$=".rar"]:before { background-position:0 -156px; } .block-files .file a[href$=".xls"]:before,.block-files .file a[href$=".xlsx"]:before { background-position:0 -182px; } .block-files .file a[href$=".zip"]:before,.block-files .file a[href$=".7z"]:before { background-position:0 -208px; } .block-files .file span { color:#939393; font-size:1rem; margin:0 0 0 15px; white-space:nowrap; } .block-fixed { position:fixed; -moz-transform:translate(0,-100%); -ms-transform:translate(0,-100%); -webkit-transform:translate(0,-100%); transform:translate(0,-100%); -moz-transition:-moz-transform .4s ease; -o-transition:-o-transform .4s ease; -webkit-transition:-webkit-transform .4s ease; transition:transform .4s ease; left: 0; } .block-fixed.show { -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); } .block-fixed>.wrapper { height:40px; position:relative; text-align:left; white-space:nowrap; z-index:1; } .block-fixed>.wrapper:before,.block-fixed>.wrapper:after { content:''; height:100%; left:50%; margin-left:-960px; opacity:.3; position:absolute; width:1920px; z-index:-1; } .block-fixed>.wrapper:before { background-color:#202E31; opacity:1; } .block-fixed>.wrapper>.item { position:relative; z-index:1; } .block-fixed>.wrapper>.item.n-relative { position:static; } .block-fixed>.wrapper>.item:last-child { border-right:none; margin-right:0; } .block-fixed>.wrapper>.item:first-child { margin-left:0; } .block-fixed>.wrapper>.item:first-child:before { display:none; } .block-fixed>.wrapper>.item>a { color:#fff; display:inline-block; font-family:"PT Sans",sans-serif; font-size:1rem; font-weight:700; height:40px; line-height:1; padding:13px 18px; position:relative; text-decoration:none; text-transform:uppercase; text-shadow:1px 1px 0 #000; width:100%; z-index:1; } .block-fixed>.wrapper>.item>a:before,.block-fixed>.wrapper>.item>a:after { content:''; height:100%; left:0; position:absolute; top:0; width:100%; } .block-fixed>.wrapper>.item>a:before { z-index:-2; } .block-fixed>.wrapper>.item>a:after { background-color:#fff; left:0; opacity:0; -moz-transition:opacity .4s ease; -o-transition:opacity .4s ease; -webkit-transition:opacity .4s ease; transition:opacity .4s ease; z-index:-1; } .block-fixed>.wrapper>.item:hover>a,.block-fixed>.wrapper>.item>a:hover { color:#202E31; text-shadow:none; } .block-fixed>.wrapper>.item:hover>a:after,.block-fixed>.wrapper>.item>a:hover:after { opacity:1; } .block-fixed>.wrapper>.item.active>a { color:#fff; } .block-fixed>.wrapper>.item.active>a:after { background-color:#f0b653; opacity:1; } .block-fixed>.wrapper>.item>.dropping { left:0; min-width:200px; opacity:0; padding:12px 0 0; position:absolute; top:100%; -moz-transform:translate(0,20px); -ms-transform:translate(0,20px); -webkit-transform:translate(0,20px); transform:translate(0,20px); -moz-transition:opacity .3s ease,-moz-transform .2s ease,visibility .2s ease; -o-transition:opacity .3s ease,-o-transform .2s ease,visibility .2s ease; -webkit-transition:opacity .3s ease,-webkit-transform .2s ease,visibility .2s ease; transition:opacity .3s ease,transform .2s ease,visibility .2s ease; visibility:hidden; white-space:normal; width:auto; z-index:25; } .block-fixed>.wrapper>.item>.dropping .dropping { left:100%; padding:0 0 0 10px; top:0; min-width:200px; opacity:0; position:absolute; -moz-transform:translate(0,20px); -ms-transform:translate(0,20px); -webkit-transform:translate(0,20px); transform:translate(0,20px); -moz-transition:opacity .3s ease,-moz-transform .2s ease,visibility .2s ease; -o-transition:opacity .3s ease,-o-transform .2s ease,visibility .2s ease; -webkit-transition:opacity .3s ease,-webkit-transform .2s ease,visibility .2s ease; transition:opacity .3s ease,transform .2s ease,visibility .2s ease; visibility:hidden; white-space:normal; width:auto; z-index:25; } .block-fixed>.wrapper>.item:hover>.dropping,.block-fixed .dropping .item:hover>.dropping { opacity:1; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); visibility:visible; } .block-fixed .dropping>.wrapper>.item:hover>.dropping { -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -webkit-transform:translate(0,-10px); transform:translate(0,-10px); } .block-fixed .dropping>.wrapper { background-color:#202E31; font-size:0; line-height:0; padding:10px 0 15px; } .block-fixed .dropping>.wrapper>.item { margin:0; position:relative; } .block-fixed .dropping>.wrapper>.item>a { background:none; color:#fff!important; display:block; font-size:1rem; font-weight:400; height:auto; line-height:1; max-width:350px; overflow:hidden; padding:14px 25px; text-align:left; text-overflow:ellipsis; text-decoration:none; text-shadow:none; -moz-transition:background-color .4s ease; -o-transition:background-color .4s ease; -webkit-transition:background-color .4s ease; transition:background-color .4s ease; white-space:nowrap; } .block-fixed .dropping>.wrapper>.item:hover>a { background-color:#f0b653; } .block-fixed .dropping>.wrapper>.item:hover>a:before,.block-fixed .dropping>.wrapper>.item:hover>a:after { display:none; } .block-fixed .search { display:none; height:30px; margin-left:25px; margin-top:35px; position:relative; width:30px; z-index:2; } .block-fixed .search span { background-color:#fff; border:2px solid #f0b653; border-left:transparent; height:100%; right:0; position:absolute; top:0; -moz-transition:width .4s ease; -o-transition:width .4s ease; -webkit-transition:width .4s ease; transition:width .4s ease; width:30px; } .block-fixed .search span.show { width:630px; } .block-fixed .search span:before { background-color:#fff; border:2px solid #f0b653; border-right:transparent; content:''; left:-5px; height:calc(100% + 4px); position:absolute; top:-2px; -moz-transform:skewX(-14deg); -ms-transform:skewX(-14deg); -webkit-transform:skewX(-14deg); transform:skewX(-14deg); width:10px; z-index:-1; } .block-fixed .search input { background-color:transparent; border:none; cursor:pointer; height:100%; outline:none; padding:0 30px 0 20px; position:relative; width:100%; z-index:2; } .block-fixed .search input:focus { cursor:text; } .block-fixed .search input::-webkit-input-placeholder,.block-fixed .search input::-moz-placeholder,.block-fixed .search input:-moz-placeholder,.block-fixed .search input:-ms-input-placeholder { color:transparent; -moz-transition:color .4s ease .4s; -o-transition:color .4s ease .4s; -webkit-transition:color .4s ease; -webkit-transition-delay:.4s; transition:color .4s ease .4s; } .block-fixed .search input:focus::-webkit-input-placeholder,.block-fixed .search input:focus::-moz-placeholder,.block-fixed .search input:focus:-moz-placeholder,.block-fixed .search input:focus:-ms-input-placeholder { color:#333; } .block-fixed .search .icon { height:16px; margin-top:-8px; right:7px; top:50%; width:16px; z-index:1; } .block-fixed .dropping-_full { padding-top:12px!important; top:40px!important; width:100%!important; } .block-fixed .dropping-_full>.wrapper { padding:30px 0 40px; } .block-fixed .dropping-_full>.wrapper:before { background-color:#202E31; content:''; height:calc(100% - 12px); left:50%; margin-left:-960px; position:absolute; top:12px; width:1920px; } .block-fixed>.wrapper>.info { position:absolute; right:0; top:11px; } .block-fixed>.wrapper>.info .mail,.block-fixed>.wrapper>.info .phone { color:#E7E9E8; font-size:1rem; line-height:1; margin-left:40px; margin-top:16px; position:relative; text-shadow:1px 1px 0 #000; } .block-fixed>.wrapper>.info .mail a,.block-fixed>.wrapper>.info .phone a { border-bottom:1px solid transparent; color:inherit; text-decoration:none; } .block-fixed>.wrapper>.info .mail a:hover,.block-fixed>.wrapper>.info .phone a:hover { border-bottom-color:#5A6265; color:#f0b653; } .block-fixed>.wrapper>.info .mail .icon,.block-fixed>.wrapper>.info .phone .icon { left:0; } .block-fixed>.wrapper>.info .mail { padding-left:35px; } .block-fixed>.wrapper>.info .mail .icon { height:12px; top:4px; width:20px; } .block-fixed>.wrapper>.info .phone { padding-left:27px; } .block-fixed>.wrapper>.info .phone .icon { height:12px; top:3px; width:12px; } .block-form { position:relative; } .block-form:before,.block-form:after { content:''; left:50%; height:100%; margin-left:-960px; position:absolute; top: 0; width:1920px; } .block-form:before { /* background:url(../images/background-content.png) center top no-repeat; */ background:-moz-linear-gradient(45deg,#fff 0%,#dbdbdb 73%,#dbdbdb 100%); background:-webkit-linear-gradient(45deg,#fff 0%,#dbdbdb 73%,#dbdbdb 100%); background:linear-gradient(45deg,#fff 0%,#dbdbdb 73%,#dbdbdb 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dbdbdb',GradientType=1); opacity: 0.5; top:0; z-index:-1; } .block-form:after { background-attachment: fixed; background-image: url(../../assets/images/background-form.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; z-index:-2; } .block-form>.wrapper { padding-top:40px; padding-bottom:50px; position:relative; z-index:1; } .block-form .h { font-size:1.8rem; margin-bottom: 30px; text-transform:uppercase; text-align: center; } .block-form .column-1 { width: 500px; } .block-form .bigest { font-size: 1.5rem; font-style: normal; font-weight: 700; text-align: center; } .block-form .phone { text-align: center; } .block-form .phone span { color: #000; font-family:"PT Sans Narrow",sans-serif; font-size: 1.8rem; font-weight: 700; position: relative; padding-left: 35px; } .block-form .phone .icon { height: 20px; left: 0; top: 5px; width: 20px; } .block-form .time { font-family:"PT Sans",sans-serif; font-size: 1.2rem; text-align: center; margin-top: 20px; font-weight: 700; } .block-form .buttons { text-align: center; margin-top: 10px; } .block-form .buttons .button { height: auto; padding: 12px 24px; font-size: 1.3rem; } .block-form-message { margin-top: -13px; } .block-header>.wrapper { margin-top:0; } .page-index .block-header>.wrapper { margin-top:0; } .block-header .logo-inside { display:none; margin-bottom:40px; text-align:center; } .block-header .logo-inside img { height:50px; } .block-info-sections { margin-bottom:-50px; margin-top:50px; } .block-info-sections>.wrapper { text-align:center; z-index:2; } .block-info-sections .item { background-color:#CF1323; -webkit-box-shadow:18px 18px 10px 0 rgba(0,0,0,0.1); box-shadow:18px 18px 10px 0 rgba(0,0,0,0.1); margin:0 0 50px; position:relative; text-align:left; -webkit-transition:-webkit-box-shadow .4s ease,-webkit-transform .4s ease,background-color .4s ease; -moz-transition:box-shadow .4s ease,-moz-transform .4s ease,background-color .4s ease; -ms-transition:box-shadow .4s ease,-ms-transform .4s ease,background-color .4s ease; -o-transition:box-shadow .4s ease,-o-transform .4s ease,background-color .4s ease; transition:box-shadow .4s ease,transform .4s ease,background-color .4s ease; width:280px; z-index:1; } .block-info-sections .item:nth-of-type(3n+2) { margin-left:70px; margin-right:70px; } .block-info-sections .item:nth-last-of-type(1) { margin-right:0; } .block-info-sections .item:hover { background-color:#1a1a1a; -webkit-box-shadow:18px 18px 10px 0 transparent; box-shadow:18px 18px 10px 0 transparent; -webkit-transform:scale(1.05) translate(0,-2%); -moz-transform:scale(1.05) rotate(0.01deg) translate(0,-2%); -ms-transform:scale(1.05) translate(0,-2%); -o-transform:scale(1.05) translate(0,-2%); transform:scale(1.05) rotate(0.01deg) translate(0,-2%); } .block-info-sections .item a { border-bottom:none; height:100%; left:0; position:absolute; top:0; width:100%; z-index:3; } .block-info-sections .item .link { color:#fff; font-size:1.5rem; font-weight:700; line-height:1.2; margin:0; padding:30px 20px; position:relative; text-align:center; text-transform:uppercase; vertical-align:middle; width:280px; z-index:2; } .block-info { margin-top:50px; } .block-info>.wrapper { position:relative; } .block-info .title a { border-bottom:1px solid transparent; color:#1a1a1a; font-size:2.1rem; font-weight:700; text-decoration:none; text-transform:uppercase; } .block-info .title a:hover { border-bottom-color:#ccc; } .block-info .item { margin-bottom:50px; } .block-info .item a { border-bottom:1px solid #8AB3D2; color:#0D66A8; text-decoration:none; } .block-info .item a:hover { border-bottom-color:transparent; color:#1a1a1a; } .block-maintenance { margin-top:50px; } .block-maintenance>.wrapper { position:relative; } .block-map { height:540px; margin-top:50px; } .block-map>.wrapper { height:100%; position:relative; } .block-map #map-container { font-size:0; height:100%; left:0; position:absolute; top:0; width:100%; z-index:1; } .block-map #map-container:before,.block-map #map-container:after { content:''; height:40px; left:0; position:absolute; width:100%; } .block-map #map-container:before { background:-moz-linear-gradient(top,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.05) 60%,transparent 100%); background:-webkit-linear-gradient(top,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.05) 60%,transparent 100%); background:linear-gradient(to bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.05) 60%,rgba(0,0,0,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000',endColorstr='#00000000',GradientType=0); top:0; z-index:2; } .block-map #map-container:after { background:-moz-linear-gradient(top,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.05) 60%,transparent 100%); background:-webkit-linear-gradient(top,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.05) 60%,transparent 100%); background:linear-gradient(to bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.05) 60%,rgba(0,0,0,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000',endColorstr='#00000000',GradientType=0); bottom:0; -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); z-index:3; } .block-map .area-map { left:0; position:absolute; top:130px; z-index:3; } .block-menu>.wrapper { height:100px; position:relative; text-align:right; white-space:nowrap; z-index:1; } .block-menu>.wrapper:before,.block-menu>.wrapper:after { content:''; height:100%; left:50%; margin-left:-960px; opacity:.3; position:absolute; width:1920px; z-index:-1; } .block-menu>.wrapper:before { opacity:1; } .block-menu>.wrapper>.item { margin-left:10px; margin-top:35px; position:relative; z-index:2; } .block-menu>.wrapper>.item.n-relative { position:static; } .block-menu>.wrapper>.item:last-child { border-right:none; margin-right:0; } .block-menu>.wrapper>.item:first-child { margin-left:0; } .block-menu>.wrapper>.item:first-child:before { display:none; } .block-menu>.wrapper>.item>a { color:#202020; display:inline-block; font-family:"PT Sans",sans-serif; font-size:1rem; font-weight:700; height:30px; line-height:1; padding:10px 16px; position:relative; text-decoration:none; text-transform:uppercase; width:100%; z-index:1; } .block-menu>.wrapper>.item>a:before { background-color:#fff; border:2px solid #fff; content:''; height:100%; left:0; opacity:1; position:absolute; top:0; -moz-transform:skewX(-14deg); -ms-transform:skewX(-14deg); -webkit-transform:skewX(-14deg); transform:skewX(-14deg); -moz-transition:opacity .4s ease; -o-transition:opacity .4s ease; -webkit-transition:opacity .4s ease; transition:opacity .4s ease; width:100%; } .block-menu>.wrapper>.item>a:before { z-index:-1; } .block-menu>.wrapper>.item:hover>a,.block-menu>.wrapper>.item>a:hover { color:#000; } .block-menu>.wrapper>.item:hover>a:before,.block-menu>.wrapper>.item>a:hover:before { border-color:#f0b653; opacity:1; } .block-menu>.wrapper>.item.active>a { color:#fff; } .block-menu>.wrapper>.item.active>a:before { background-color:#f0b653; border-color:#f0b653; opacity:1; } .block-menu>.wrapper>.item>.dropping { left:0; min-width:200px; opacity:0; padding:12px 0 0; position:absolute; top:100%; -moz-transform:translate(0,20px); -ms-transform:translate(0,20px); -webkit-transform:translate(0,20px); transform:translate(0,20px); -moz-transition:opacity .3s ease,-moz-transform .2s ease,visibility .2s ease; -o-transition:opacity .3s ease,-o-transform .2s ease,visibility .2s ease; -webkit-transition:opacity .3s ease,-webkit-transform .2s ease,visibility .2s ease; transition:opacity .3s ease,transform .2s ease,visibility .2s ease; visibility:hidden; white-space:normal; width:auto; z-index:25; } .block-menu>.wrapper>.item>.dropping .dropping { left:100%; padding:0 0 0 10px; top:0; min-width:200px; opacity:0; position:absolute; -moz-transform:translate(0,20px); -ms-transform:translate(0,20px); -webkit-transform:translate(0,20px); transform:translate(0,20px); -moz-transition:opacity .3s ease,-moz-transform .2s ease,visibility .2s ease; -o-transition:opacity .3s ease,-o-transform .2s ease,visibility .2s ease; -webkit-transition:opacity .3s ease,-webkit-transform .2s ease,visibility .2s ease; transition:opacity .3s ease,transform .2s ease,visibility .2s ease; visibility:hidden; white-space:normal; width:auto; z-index:25; } .block-menu>.wrapper>.item:hover>.dropping,.block-menu .dropping .item:hover>.dropping { opacity:1; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); visibility:visible; } .block-menu .dropping>.wrapper>.item:hover>.dropping { -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -webkit-transform:translate(0,-10px); transform:translate(0,-10px); } .block-menu .dropping>.wrapper { background-color:#202E31; font-size:0; line-height:0; padding:10px 0 15px; } .block-menu .dropping>.wrapper>.item { margin:0; position:relative; } .block-menu .dropping>.wrapper>.item>a { background:none; color:#fff!important; display:block; font-size:1rem; font-weight:400; height:auto; line-height:1; max-width:350px; overflow:hidden; padding:14px 25px; text-align:left; text-overflow:ellipsis; text-decoration:none; text-shadow:none; -moz-transition:background-color .4s ease; -o-transition:background-color .4s ease; -webkit-transition:background-color .4s ease; transition:background-color .4s ease; white-space:nowrap; } .block-menu .dropping>.wrapper>.item:hover>a { background-color:#f0b653; } .block-menu .dropping>.wrapper>.item:hover>a:before,.block-menu .dropping>.wrapper>.item:hover>a:after { display:none; } .block-menu .search { display:none; height:30px; margin-left:25px; margin-top:35px; position:relative; width:30px; z-index:3; } .block-menu .search span { background-color:#fff; border:2px solid #f0b653; border-left:transparent; height:100%; right:0; position:absolute; top:0; -moz-transition:width .4s ease; -o-transition:width .4s ease; -webkit-transition:width .4s ease; transition:width .4s ease; width:30px; } .block-menu .search span.show { width:630px; } .block-menu .search span:before { background-color:#fff; border:2px solid #f0b653; border-right:transparent; content:''; left:-5px; height:calc(100% + 4px); position:absolute; top:-2px; -moz-transform:skewX(-14deg); -ms-transform:skewX(-14deg); -webkit-transform:skewX(-14deg); transform:skewX(-14deg); width:10px; z-index:-1; } .block-menu .search input { background-color:transparent; border:none; cursor:pointer; height:100%; outline:none; padding:0 30px 0 20px; position:relative; width:100%; z-index:2; } .block-menu .search input:focus { cursor:text; } .block-menu .search input::-webkit-input-placeholder,.block-menu .search input::-moz-placeholder,.block-menu .search input:-moz-placeholder,.block-menu .search input:-ms-input-placeholder { color:transparent; -moz-transition:color .4s ease .4s; -o-transition:color .4s ease .4s; -webkit-transition:color .4s ease; -webkit-transition-delay:.4s; transition:color .4s ease .4s; } .block-menu .search input:focus::-webkit-input-placeholder,.block-menu .search input:focus::-moz-placeholder,.block-menu .search input:focus:-moz-placeholder,.block-menu .search input:focus:-ms-input-placeholder { color:#333; } .block-menu .search .icon { height:16px; margin-top:-8px; right:7px; top:50%; width:16px; z-index:1; } .block-menu .dropping-_full { padding-top:35px!important; top:65px!important; width:100%!important; } .block-menu .dropping-_full>.wrapper { padding:30px 0 40px; } .block-menu .dropping-_full>.wrapper:before { background-color:#202E31; content:''; height:calc(100% - 35px); left:50%; margin-left:-960px; position:absolute; top:35px; width:1920px; } .block-menu .background { height:100%; left:0; overflow:hidden; position:relative; top:0; width:1460px; margin-bottom:-100px; z-index:1; } .block-menu .background .move { background-size:100% 100%; left:0; position:absolute; top:0; } .block-menu .background .parallax-1 { background-image:url(../../assets/images/background-menu-1.jpg); height:calc(100% + 80px); top:-40px; width:calc(100% + 1000px); } .block-menu .background .parallax-2 { background-image:url(../../assets/images/background-menu-2.png); height:calc(100% + 60px); top:-30px; width:calc(100% + 400px); } .block-menu .background .parallax-3 { background-image:url(../../assets/images/background-menu-3.png); height:calc(100% + 40px); top:-20px; width:calc(100% + 100px); } .block-news { margin-top:50px; } .block-news>.wrapper { position:relative; } .block-news-index>.wrapper:before,.block-news-index>.wrapper:after,.block-news-last>.wrapper:before,.block-news-last>.wrapper:after { display:none; content:''; height:30px; left:0; position:absolute; width:100%; z-index:-1; } .block-news-last>.wrapper:before { background:url(../../assets/images/shadow-top.png) center top no-repeat; background-size:100% 100%; top:0; } .block-news-last:after { background:url(../../assets/images/shadow-bottom.png) center top no-repeat; background-size:100% 100%; bottom:0; } .block-news .title a { border-bottom:1px solid transparent; color:#1a1a1a; font-size:2.1rem; font-weight:700; text-decoration:none; text-transform:uppercase; } .block-news .title a:hover { border-bottom-color:#ccc; } .block-news .item { margin-bottom:50px; } .block-news .item a { border-bottom:1px solid #C0392B; color:#1a1a1a; text-decoration:none; } .block-news .item a:hover { border-bottom-color:transparent; color:#1a1a1a; } .block-news-index .item { margin-bottom:0; width:280px; } .block-news-index .item:nth-of-type(3n+2) { margin:0 50px; } .block-news-last .item { margin-bottom:0; } .block-partners { background:url(../../assets/images/background-body.jpg/index.html) center center; padding:55px 0 15px; position:relative; } .block-partners-index { background-image:none; background-color:#fff; } .block-partners:after { background:url(../../assets/images/shadow-bottom.png) center top no-repeat; bottom:0; content:''; height:100px; left:50%; margin-left:-960px; position:absolute; width:1920px; z-index:1; } .block-partners>.wrapper { width:1040px; } .block-partners .title { margin:0 auto 50px; width:980px; } .block-partners .title a { border-bottom:1px solid transparent; color:#1a1a1a; font-size:2.1rem; font-weight:700; text-decoration:none; text-transform:uppercase; } .block-partners .title a:hover { border-bottom-color:#ccc; } .block-partners .item { margin:0 30px 50px; position:relative; text-align:left; width:200px; z-index:1; } .block-partners .item .image { display:table-cell; height:150px; text-align:center; vertical-align:middle; width:200px; } .block-partners .item .image img { height:auto; max-height:150px; max-width:200px; width:auto; } .block-photos-projects { margin-top:50px; position:relative; } .block-photos-projects>.wrapper { height:852px; padding-top:41px; position:relative; text-align:center; z-index:2; } .block-photos-projects>.wrapper:before { background:url(../../assets/images/background-notebook.png) center top no-repeat; content:''; height:100%; left:-182px; position:absolute; top:0; width:1364px; } .block-photos-projects .slider { position:relative; } .block-photos-projects .slider .overflow { height:615px; overflow:hidden; position:relative; width:1000px; } .block-photos-projects .slider .slides { font-size:0; height:100%; left:0; position:absolute; top:0; white-space:nowrap; } .block-photos-projects .slider .item { display:inline-block; height:100%; overflow:scroll; width:1000px; } .block-photos-projects .slider .item img { height:auto; width:100%; } .block-photos-projects .slider .column:before { background:url(../../assets/images/zoom.png) center center no-repeat; background-color:rgba(255,255,255,0.7); background-size:contain; content:''; height:100%; left:0; opacity:0; position:absolute; top:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease; width:100%; } .block-photos-projects .slider .column:hover:before { opacity:.5; } .block-photos-projects .slider .arrow { background-color:#f0b653; border-radius:30px; height:60px; opacity:.5; position:absolute; margin-top:-20px; -moz-transition:opacity .4s ease; -o-transition:opacity .4s ease; -webkit-transition:opacity .4s ease; transition:opacity .4s ease; top:50%; width:60px; } .block-photos-projects .slider .arrow:hover { opacity:1; } .block-photos-projects .slider .arrow:before { content:''; height:100%; background-size:90% auto; background-position:center center; background-repeat:no-repeat; left:0; position:absolute; top:0; width:100%; } .block-photos-projects .slider .arrow.previous { margin-left:-600px; left:50%; } .block-photos-projects .slider .arrow.previous:before { background-image:url(../../assets/images/arrow-previous-white.png); } .block-photos-projects .slider .arrow.next { margin-right:-600px; right:50%; } .block-photos-projects .slider .arrow.next:before { background-image:url(../../assets/images/arrow-next-white.png); } .block-photos { margin-top:50px; position:relative; } .block-photos>.wrapper { text-align:center; z-index:2; } .block-photos .column { margin:0 20px 30px; line-height:0; vertical-align:bottom; width:220px; } .block-photos .column img { border:10px solid #f1f1f1; width:100%; } .block-photos .column:before { background:url(../../assets/images/zoom.png) center center no-repeat; background-color:rgba(255,255,255,0.7); background-size:contain; content:''; height:100%; left:0; opacity:0; position:absolute; top:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease; width:100%; } .block-photos .column:hover:before { opacity:.5; } .block-photos-catalog>.wrapper { line-height:0; font-size:0; letter-spacing:-1px; padding:0; text-align:left; width:100%; } .block-photos-catalog a { display:inline-block; position:relative; vertical-align:top; } .block-photos-catalog a:before { background:url(../../assets/images/zoom.png) center center no-repeat; background-color:rgba(255,255,255,0.7); background-size:contain; content:''; height:100%; left:0; opacity:0; position:absolute; top:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease; width:100%; } .block-photos-catalog a:hover:before { opacity:.5; } .block-photos-catalog a { background-repeat:no-repeat; background-position:center center; background-size:contain; height:52px; margin:10px 0 0 10px; width:52px; } .block-photos-catalog a:nth-of-type(5n-4) { margin-left:0; } .block-photos-catalog .big a { background-size:cover; height:300px; margin:0; width:100%; } .block-photos-catalog a img { height:100%; width:100%; } .block-portfolio { margin-top:50px; } .block-portfolio>.wrapper { text-align:left; width:1000px; z-index:2; } .block-portfolio>.wrapper>.title { margin:0 auto 50px; width:1000px; } .block-portfolio>.wrapper>.title a { border-bottom:1px solid transparent; color:#1a1a1a; font-size:2.1rem; font-weight:700; text-decoration:none; text-transform:uppercase; } .block-portfolio>.wrapper>.title a:hover { border-bottom-color:#ccc; } .block-portfolio .sections { margin-bottom:-35px; } .block-portfolio .sections .item { border:1px solid #999; margin:0 0 35px 35px; position:relative; text-align:left; width:310px; z-index:1; } .block-portfolio .sections .item:nth-of-type(3n-2) { margin-left:0; } .block-portfolio .sections .item:before,.block-portfolio .sections .item:after { content:''; left:0; position:absolute; width:100%; } .block-portfolio .sections .item:before { background:#202E31; height:100%; top:0; z-index:-1; } .block-portfolio .sections .item:after { background:url(../../assets/images/shadow.png) center top no-repeat; background-size:100% 100%; bottom:-20px; height:40px; opacity:.4; z-index:-2; } .block-portfolio .sections .item .background { background-image:url(../../assets/images/background-seo-item.png); background-repeat:no-repeat; background-size:100% auto; padding:20px 25px; position:relative; } .block-portfolio .sections .item .image { display:block; height:200px; position:relative; width:308px; z-index:1; } .block-portfolio .sections .item .image a { display:block; height:100%; position:relative; width:100%; } .block-portfolio .sections .item .image a:before,.block-portfolio .sections .item .image a:after { position:absolute; -moz-transition:opacity .4s ease,-moz-transform .4s ease; -o-transition:opacity .4s ease,-o-transform .4s ease; -webkit-transition:opacity .4s ease,-webkit-transform .4s ease; transition:opacity .4s ease,transform .4s ease; width:100%; } .block-portfolio .sections .item .image a:before { background-color:#202E31; content:''; height:100%; left:0; opacity:0; z-index:1; } .block-portfolio .sections .item .image a:after { color:#fff; content:'Подробнее'; font-family:"PT Sans Narrow",sans-serif; font-size:1.4rem; font-weight:700; height:20px; left:0; opacity:0; text-align:center; text-transform:uppercase; -moz-transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); top:95px; z-index:2; } .block-portfolio .sections .item .image a:hover:before { opacity:.6; } .block-portfolio .sections .item .image a:hover:after { opacity:1; -moz-transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); } .block-portfolio .sections .item .title { display:block; position:relative; text-align:center; z-index:2; } .block-portfolio .sections .item .title a { border:1px solid transparent; color:#fff; font-size:1.3rem; font-weight:700; line-height:1.2; text-align:center; text-decoration:none; text-transform:uppercase; } .block-portfolio .sections .item .title a:hover { border-bottom-color:#f0b653; } .block-portfolio .sections .item .lite { color:#fff; display:block; margin-top:15px; text-align:center; } .block-projects { margin-top:50px; } .region-form-message-articles + .region-projects-elements-more .block-projects { margin-top: 0; } .block-projects>.wrapper { position:relative; } .block-projects .elements { margin-bottom:-25px; } .block-projects .elements .item { border:1px solid #fff; box-shadow:0 -5px 12px rgba(0,0,0,0.12); height:310px; margin:0 0 35px 35px; position:relative; width:310px; z-index:1; } .block-projects .elements .item:nth-of-type(3n-2) { margin-left:0; } .block-projects .elements .item:after { background:url(../../assets/images/shadow.png) center top no-repeat; background-size:100% 100%; content:''; bottom:-22px; height:40px; left:0; opacity:.4; position:absolute; width:100%; z-index:-2; } .block-projects .elements .item > a { position: absolute; height: 100%; width: 100%; display: block; left: 0; top: 0; z-index: 9; } .block-projects .elements .item .image { display:block; height:100%; position:relative; overflow:hidden; width:100%; z-index:1; } .block-projects .elements .item .image img { min-height:100%; -moz-transition:-moz-transform .4s ease; -o-transition:-o-transform .4s ease; -webkit-transition:-webkit-transform .4s ease; transition:transform .4s ease; width:100%; } .block-projects .elements .item:hover .image img { -moz-transform:scale(1.2); -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); } .block-projects .elements .item .hover { flex-wrap: wrap; display:flex; align-items: center; height:100px; left:0; opacity:1; position:absolute; bottom:0; -moz-transition:opacity .4s ease; -o-transition:opacity .4s ease; -webkit-transition:opacity .4s ease; transition:opacity .4s ease; vertical-align:middle; width:100%; z-index:2; } .block-projects .elements .item .hover:before { background-color:#000; content:''; height:100%; opacity:.8; position:absolute; width:100%; z-index: -1; } .block-projects .elements .item .hover .flex { width: 100%; } .block-projects .elements .item .hover .flex > span { display:block; width: 100%; } .block-projects .elements .item .title,.block-projects .elements .item .buttons,.block-projects .elements .item .lite { } .block-projects .elements .item:hover .title,.block-projects .elements .item:hover .buttons,.block-projects .elements .item:hover .lite { opacity:1; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); } .block-projects .elements .item .title { display:block; position:relative; text-align:center; -moz-transition:opacity .4s ease .2s,-moz-transform .4s ease .2s; -o-transition:opacity .4s ease .2s,-o-transform .4s ease .2s; -webkit-transition:opacity .4s ease,-webkit-transform .4s ease; -webkit-transition-delay:.2s,.2s; transition:opacity .4s ease .2s,transform .4s ease .2s; width:100%; z-index:3; } .block-projects .elements .item .title,.block-projects .elements .item .title a { color:#fff; font-size:1.3rem; font-family:"PT Sans",sans-serif; font-weight:700; } .block-projects .elements .item .title a { border-bottom:1px solid #f0b653; text-decoration:none; } .block-projects .elements .item .title a:hover { border-bottom-color:transparent; } .block-projects .elements .item .lite { color:#fff; margin:10px 0 0; padding:0 20px; text-align:center; -moz-transition:opacity .4s ease .3s,-moz-transform .4s ease .3s; -o-transition:opacity .4s ease .3s,-o-transform .4s ease .3s; -webkit-transition:opacity .4s ease,-webkit-transform .4s ease; -webkit-transition-delay:.3s,.3s; transition:opacity .4s ease .3s,transform .4s ease .3s; width:100%; } .block-projects .elements .item .buttons { display: none !important; margin:20px 0 0; text-align:center; -moz-transition:opacity .4s ease .4s,-moz-transform .4s ease .4s; -o-transition:opacity .4s ease .4s,-o-transform .4s ease .4s; -webkit-transition:opacity .4s ease,-webkit-transform .4s ease; -webkit-transition-delay:.4s,.4s; transition:opacity .4s ease .4s,transform .4s ease .4s; width:100%; z-index:2; } .block-projects-footer { margin:0 auto; width:1000px; } .block-projects-footer>.wrapper { top:-280px; position:absolute; right:0; width:260px; } .block-projects-footer .elements .item { height:60px; margin:10px 0 0 10px; width:80px; } .block-projects-footer .elements .item:nth-of-type(4n-3) { margin-left:10px; } .block-projects-footer .elements .item:nth-of-type(3n-2) { margin-left:0; } .block-projects-footer .elements .item:after { display:none; } .block-projects-background>.wrapper { padding:10px 0 40px; position:relative; } .block-projects-background>.wrapper:before { background:url(../../assets/images/background-projects-elements.jpg) center center no-repeat; background-attachment:fixed; content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; z-index:-1; } .block-projects-background .more { margin-top:30px; text-align:center; } .block-projects-background .more .button { font-size:1.1rem; height:auto; padding:15px 20px; } .block-projects-background .more .button:before { background-color:#202E31; } .block-projects-background .more .button:hover { color:#202E31; } .block-projects-background .more .button:hover:before { background-color:#fff; } .block-projects-background .more span { font-weight:400; padding-left:8px; text-transform:lowercase; } .block-projects-index { margin-top:0; } .block-projects-index .item { opacity:0; transition:opacity .9s ease; } .block-projects-index .item.show { animation-name:bounceIn; } .block-projects-index .item.show:nth-of-type(3n-2) { animation-delay:.2s; transition-delay:.3s; } .block-projects-index .item.show:nth-of-type(3n-1) { animation-delay:.4s; transition-delay:.5s; } .block-projects-index .item.show:nth-of-type(3n) { animation-delay:.8s; transition-delay:.9s; } .block-projects-index > .wrapper > .buttons { text-align: center; margin-top: 40px; } .block-projects-index > .wrapper > .buttons .button { height: 43px; font-size: 1.1rem; padding-top: 15px; } .block-projects-index > .wrapper > .buttons .button:before { background-color: #202E31 } .block-responce { margin-top:50px; } .block-responce>.wrapper { width:960px; } .block-responce .title { margin:0 auto 50px; width:1000px; } .block-responce .title a { border-bottom:1px solid transparent; color:#1a1a1a; font-size:2.1rem; font-weight:700; text-decoration:none; text-transform:uppercase; } .block-responce .title a:hover { border-bottom-color:#ccc; } .block-responce .item { background:#fff; background:-moz-linear-gradient(top,#fff 0%,#f1f1f1 100%); background:-webkit-linear-gradient(top,#fff 0%,#f1f1f1 100%); background:linear-gradient(to bottom,#fff 0%,#f1f1f1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f1f1',GradientType=0); border:1px solid #f6f6f6; margin:0 160px 60px 200px; padding:30px 35px 35px; position:relative; text-align:left; white-space:normal; width:600px; z-index:1; } .block-responce .item:before { background:url(../../assets/images/default-responce.png/index.html) center center no-repeat; content:''; height:120px; margin-top:-60px; position:absolute; top:50%; width:120px; } .block-responce .item:nth-of-type(-1) { margin-bottom:0; } .block-responce .item:nth-of-type(2n+1):before { left:-160px; } .block-responce .item:nth-of-type(2n) { margin:0 200px 60px 160px; } .block-responce .item:nth-of-type(2n):before { right:-160px; } .block-responce .item,.block-responce .item * { color:#1a1a1a; font-size:1rem; font-style:italic; line-height:1.4; } .block-responce .item * { margin:0; } .block-scroll { position:fixed; height:0; left:0; top:75px; width:100%; z-index:90; } .block-scroll>.wrapper { height:0; margin:0 auto; min-width:1160px; position:relative; } .block-scroll a { background:url(../../assets/images/arrow-top-white.png) no-repeat #FD9091; background-position:center 19px; background-size:30px auto; border-radius:30px; cursor:pointer; font-size:0; height:60px; opacity:0; position:absolute; right:0; text-decoration:none; top:0; -moz-transform:translate(0,-150px); -ms-transform:translate(0,-150px); -webkit-transform:translate(0,-150px); -o-transform:translate(0,-150px); transform:translate(0,-150px); -webkit-transition:background-color .4s ease,opacity .4s ease,transform .4s ease; -moz-transition:background-color .4s ease,opacity .4s ease,transform .4s ease; -ms-transition:background-color .4s ease,opacity .4s ease,transform .4s ease; -o-transition:background-color .4s ease,opacity .4s ease,transform .4s ease; transition:background-color .4s ease,opacity .4s ease,transform .4s ease; width:60px; z-index:10; } .block-scroll.show a { opacity:1; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); } .block-scroll a:hover { background-color:#BE3A31; color:#fff; } .block-scroll a:before,.block-scroll a:after { display:none; border-radius:30px; content:''; height:100%; left:0; position:absolute; top:0; width:100%; } .block-scroll a:before { background-color:#FD9091; z-index:-2; } .block-scroll a:after { background-color:#BE3A31; opacity:0; -webkit-transition:opacity .4s ease; -moz-transition:opacity .4s ease; -ms-transition:opacity .4s ease; -o-transition:opacity .4s ease; transition:opacity .4s ease; z-index:-1; } .block-scroll a:hover:after { opacity:1; } #scroll_top { position:fixed; display:inline-block; width:100%; height:0; min-width:1100px; left:0; bottom:0; margin:0 auto; z-index:90; } #scroll_top a { position:absolute; width:35px; height:20px; background:url(../../assets/images/scroll.png/index.html) center center no-repeat; background-size:100% 100%; display:inline-block; cursor:pointer; bottom:15px; right:15px; z-index:10; -webkit-border-radius:3px; border-radius:3px; opacity:.4; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -ms-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear; } #scroll_top a:hover { opacity:1; } .block-search { margin-top:0; position:relative; } .block-search>.wrapper { padding:40px 0 15px; height:185px; } .block-search>.wrapper:before { background-color:#F1C40F; content:''; height:100%; left:50%; margin-left:-960px; position:absolute; top:0; width:1920px; } .block-search .column-1 { margin:0 0 30px 65px; width:270px; } .block-search .column-1:nth-of-type(3n-2) { margin-left:0; } .block-search .column-2 { margin:0 0 0 50px; width:110px; } .block-search .column-2:nth-of-type(2n-1) { margin-left:0; } .block-search input,.block-search select { background:#f6f6f6; background:-moz-linear-gradient(top,#f6f6f6 0%,#fff 50%,#fff 100%); background:-webkit-linear-gradient(top,#f6f6f6 0%,#fff 50%,#fff 100%); background:linear-gradient(to bottom,#f6f6f6 0%,#fff 50%,#fff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#ffffff',GradientType=0); border:1px solid #CCC; color:#595959; font-size:1rem; font-style:italic; outline:none; padding:9px 14px; -webkit-transition:border-color .4s ease; -moz-transition:border-color .4s ease; -ms-transition:border-color .4s ease; -o-transition:border-color .4s ease; transition:border-color .4s ease; width:100%; } .block-search input:focus,.block-search select:focus { border:1px solid #6A6A6A; } .block-search .button { padding-left:48px; } .block-search .button .icon { left:18px; top:14px; } .block-sections { margin-top:30px; } .block-sections .item { margin:20px 20px 0 0; } .block-sections .item .link { color:#fff; font-size:1.1rem; font-weight:700; margin:0; } .block-sections .item .link a { background-color:#346A9A; border-bottom-color:transparent; display:inline-block; padding:10px 14px; } .block-sections .item .link a:hover { background-color:#1a1a1a; color:#fff; } .block-seo { margin-top:50px; } .block-seo>.wrapper { position:relative; } .block-seo-index { margin-top:0; } .block-service { margin-top:50px; margin-bottom:-50px; } .block-service>.wrapper { text-align:center; z-index:2; } .block-service .item { background-color:#F91628; margin:0 0 50px; overflow:hidden; position:relative; text-align:left; -webkit-transition:-webkit-box-shadow .4s ease,-webkit-transform .4s ease,background-color .4s ease; -moz-transition:box-shadow .4s ease,-moz-transform .4s ease,background-color .4s ease; -ms-transition:box-shadow .4s ease,-ms-transform .4s ease,background-color .4s ease; -o-transition:box-shadow .4s ease,-o-transform .4s ease,background-color .4s ease; transition:box-shadow .4s ease,transform .4s ease,background-color .4s ease; width:280px; z-index:1; } .block-service .item:nth-of-type(3n+2) { margin-left:70px; margin-right:70px; } .block-service .item:nth-last-of-type(1) { margin-right:0; } .block-service .item:hover { background-color:#000; -webkit-box-shadow:18px 18px 10px 0 transparent; box-shadow:18px 18px 10px 0 transparent; -webkit-transform:scale(1.05) translate(0,-2%); -moz-transform:scale(1.05) rotate(0.01deg) translate(0,-2%); -ms-transform:scale(1.05) translate(0,-2%); -o-transform:scale(1.05) translate(0,-2%); transform:scale(1.05) rotate(0.01deg) translate(0,-2%); } .block-service .item a { border-bottom:none; height:100%; left:0; position:absolute; top:0; width:100%; z-index:3; } .block-service .item .link { color:#fff; font-size:1.5rem; font-weight:700; line-height:1.2; margin:0; padding:30px 20px; position:relative; text-align:center; text-transform:uppercase; vertical-align:middle; width:280px; z-index:2; } .block-site { margin-top:50px; } .block-site>.wrapper { position:relative; } .block-sitemap { margin-top:50px; } .block-sitemap>.wrapper { position:relative; } .block-sitemap .item { margin:0 0 50px 50px; width:300px; } .block-sitemap .item:nth-of-type(3n-2) { margin-left:0; } .block-sitemap .item .settings { margin-bottom:40px; } .block-sitemap .item .settings>a { border-bottom:1px solid #FCBF56; color:#000; font-size:1.6rem; font-weight:700; text-transform:uppercase; text-decoration:none; } .block-sitemap .item .sections { margin-top:15px; margin-bottom:40px; } .block-sitemap .item .sections .s { margin-top:10px; } .block-sitemap .item .sections .s>a { border-bottom:1px solid #9a9a9a; color:#1a1a1a; font-size:1.3rem; line-height:1.5; text-decoration:none; } .block-sitemap .item .elements { margin-top:25px; margin-bottom:40px; } .block-sitemap .item .elements .e { margin-top:10px; } .block-sitemap .item .elements .e>a { border-bottom:1px solid #9a9a9a; color:#3a3a3a; font-size:1rem; font-style:italic; line-height:1.4; text-decoration:none; } .block-slideshow { margin:0 auto; position:relative; text-align:left; width:1000px; } .block-slideshow>.wrapper { height:700px; margin:0 auto; position:relative; z-index:1; } .block-slideshow .overflow { height:100%; left:50%; margin:0 0 0 -960px; position:relative; width:1920px; z-index:1; } .block-slideshow .item { font-size:0; height:100%; left:0; opacity:0; overflow:hidden; position:absolute; top:0; -webkit-transition:opacity .9s linear 0.9s,visibility 0 linear .9s; -moz-transition:opacity .9s linear 0.9s,visibility 0 linear .9s; -ms-transition:opacity .9s linear 0.9s,visibility 0 linear .9s; -o-transition:opacity .9s linear 0.9s,visibility 0 linear .9s; transition:opacity .9s linear 0.9s,visibility 0 linear .9s; visibility:hidden; width:100%; z-index:1; } .block-slideshow .item.hide { opacity:0; visibility:visible; z-index:2; } .block-slideshow .item.active { opacity:1; visibility:visible; -webkit-transition:opacity .9s linear,visibility 0 linear; -moz-transition:opacity .9s linear,visibility 0 linear; -ms-transition:opacity .9s linear,visibility 0 linear; -o-transition:opacity .9s linear,visibility 0 linear; transition:opacity .9s linear,visibility 0 linear; z-index:3; } .block-slideshow .item .image,.block-slideshow .item .content { position:absolute; } .block-slideshow .item .image { height:100%; left:0; perspective:1000px; top:0; width:100%; z-index:1; } .block-slideshow .item .image .sunlight { background:url(../../assets/images/sunlight.png) center center no-repeat; background-size:100% 100%; height:3000px; left:50%; margin-left:-1500px; margin-top:-1500px; opacity:.2; perspective:1000px; position:absolute; top:50%; width:3000px; z-index:2; } .block-slideshow .overflow>.item-1 .image .sunlight { margin-left:-1670px; -webkit-animation:slideshow_rotate_unclockwise 100s infinite linear; -moz-animation:slideshow_rotate_unclockwise 100s infinite linear; -ms-animation:slideshow_rotate_unclockwise 100s infinite linear; -o-animation:slideshow_rotate_unclockwise 100s infinite linear; animation:slideshow_rotate_unclockwise 100s infinite linear; } .block-slideshow .item .content { height:100%; left:50%; margin-left:-500px; width:1000px; } .block-slideshow .lite { left:50%; margin-left:-500px; position:absolute; top:50px; width:600px; z-index:4; } .block-slideshow .link { left:0; position:absolute; top:0; margin:0; padding:0; height:100%; width:100%; z-index:5; } .block-slideshow .link a { height:100%; position:absolute; width:100%; } .block-slideshow .arrow { height:60px; margin-top:-25px; opacity:.15; position:absolute; top:50%; -webkit-transition:opacity .4s ease; -moz-transition:opacity .4s ease; -ms-transition:opacity .4s ease; -o-transition:opacity .4s ease; transition:opacity .4s ease; width:60px; z-index:6; } .block-slideshow .arrow:before { background-color:#fff; border-radius:50%; content:''; height:100%; left:0; opacity:.75; position:absolute; -webkit-transition:background-color .4s ease; -moz-transition:background-color .4s ease; -ms-transition:background-color .4s ease; -o-transition:background-color .4s ease; transition:background-color .4s ease; top:0; width:100%; z-index:-1; } .block-slideshow .arrow .icon { height:26px; left:50%; margin-top:-13px; top:50%; width:14px; } .block-slideshow .arrow .icon:nth-of-type(2) { opacity:0; } .block-slideshow .arrow:hover { opacity:1; } .block-slideshow .arrow:hover:before { background-color:#FCBF56; } .block-slideshow .arrow:hover .icon:nth-of-type(2) { opacity:1; } .block-slideshow .arrow.previous { left:50%; margin-left:-600px; } .block-slideshow .arrow.previous .icon { margin-left:-9px; } .block-slideshow .arrow.next { right:50%; margin-right:-600px; } .block-slideshow .arrow.next .icon { margin-left:-5px; } .block-slideshow .circles { display:none; bottom:10px; display:inline-block; margin:0 auto; position:relative; text-align:center; top:-150px; z-index:2; } .block-slideshow .circles a { background-position:center center; background-size:auto 100%; -webkit-border-radius:50px; border-radius:50px; display:inline-block; height:100px; margin:0 20px; opacity:1; position:relative; -webkit-transition:transform 200ms linear; -moz-transition:transform 200ms linear; -ms-transition:transform 200ms linear; -o-transition:transform 200ms linear; transition:transform 200ms linear; width:100px; } .block-slideshow .circles a:before { border:6px solid rgba(255,255,255,0.5); -webkit-border-radius:50px; border-radius:50px; content:''; opacity:.5; height:100%; left:0; position:absolute; top:0; -webkit-transition:opacity 200ms linear,border-color 200ms linear; -moz-transition:opacity 200ms linear,border-color 200ms linear; -ms-transition:opacity 200ms linear,border-color 200ms linear; -o-transition:opacity 200ms linear,border-color 200ms linear; transition:opacity 200ms linear,border-color 200ms linear; width:100%; } .block-slideshow .circles a:before { z-index:1; } .block-slideshow .circles a:hover:before { opacity:1; } .block-slideshow .circles a.active { -moz-transform:scale(1.3); -ms-transform:scale(1.3); -webkit-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); } .block-slideshow .circles a.active:before { border-color:rgba(255,255,255,0.7); } .block-slideshow .slide { position:relative; } .block-slideshow .slide .slide-item { position:absolute; opacity:0; -moz-transition:opacity .6s ease,-moz-transform .6s ease; -o-transition:opacity .6s ease,-o-transform .6s ease; -webkit-transition:opacity .6s ease,-webkit-transform .6s ease; transition:opacity .6s ease,transform .6s ease; transition-delay:0; } .block-slideshow .slide-2 .slide-item-1 { left:233px; top:183px; -moz-transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); } .block-slideshow .item.active .slide-2 .slide-item-1 { opacity:1; -moz-transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); transition-delay:.8s; } .block-slideshow .slide-2 .slide-item-2 { left:242px; top:87px; -moz-transform:translate(-4px,10px); -ms-transform:translate(-4px,10px); -webkit-transform:translate(-4px,10px); transform:translate(-4px,10px); } .block-slideshow .item.active .slide-2 .slide-item-2 { opacity:1; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); transition-delay:3.6s; } .block-slideshow .slide-2 .slide-item-3 { left:0; top:162px; -moz-transform:translate(12px,2px); -ms-transform:translate(12px,2px); -webkit-transform:translate(12px,2px); transform:translate(12px,2px); } .block-slideshow .item.active .slide-2 .slide-item-3 { opacity:1; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); transition-delay:3.2s; } .block-slideshow .slide-2 .slide-item-4 { left:169px; top:0; -moz-transform:translate(10px,13px); -ms-transform:translate(10px,13px); -webkit-transform:translate(10px,13px); transform:translate(10px,13px); } .block-slideshow .item.active .slide-2 .slide-item-4 { opacity:1; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); transition-delay:2.8s; } .block-slideshow .slide-2 .slide-item-5 { left:230px; top:326px; -moz-transform:translate(2px,-15px); -ms-transform:translate(2px,-15px); -webkit-transform:translate(2px,-15px); transform:translate(2px,-15px); } .block-slideshow .item.active .slide-2 .slide-item-5 { opacity:1; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); transition-delay:2.4s; } .block-slideshow .slide-2 .slide-item-6 { left:161px; top:315px; -moz-transform:translate(7px,-13px); -ms-transform:translate(7px,-13px); -webkit-transform:translate(7px,-13px); transform:translate(7px,-13px); } .block-slideshow .item.active .slide-2 .slide-item-6 { opacity:1; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); transition-delay:2s; } .block-slideshow .slide-2 .slide-item-7 { left:327px; top:2px; -moz-transform:translate(-8px,22px); -ms-transform:translate(-8px,22px); -webkit-transform:translate(-8px,22px); transform:translate(-8px,22px); } .block-slideshow .item.active .slide-2 .slide-item-7 { opacity:1; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); transition-delay:1.6s; } .block-slideshow .slide-2 .slide-item-8 { left:426px; top:290px; -moz-transform:translate(-25px,-6px); -ms-transform:translate(-25px,-6px); -webkit-transform:translate(-25px,-6px); transform:translate(-25px,-6px); } .block-slideshow .item.active .slide-2 .slide-item-8 { opacity:1; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); transition-delay:1.2s; } .block-slideshow form { background-color:rgba(255,255,255,0.9); padding:30px 40px; position:absolute; right:0; top:137px; z-index:6; } .block-slideshow form .title { font-family:"PT Sans",sans-serif; font-size:1.8rem; font-weight:700; margin-bottom:30px; text-transform:uppercase; } .block-slideshow form .important-text { font-weight:.85rem; line-height:1.5; margin-bottom:25px; text-align:left; } .block-slideshow form .policy { color:#9a9a9a; font-family:"PT Sans Narrow",sans-serif; font-size:.85rem; margin-top:25px; } .block-social { margin-bottom:50px; margin-top:50px; } .block-social>.wrapper { text-align:left; } .block-title { position:relative; } .block-title>.wrapper { padding:20px 0 0; position:relative; text-align:left; } .block-title h1,.block-title h2 { color:#202020; line-height:1.2; margin-bottom:0; overflow:hidden; } .block-title h1:before,.block-title h2:before { content:''; display:inline-block; height:100%; vertical-align:middle; } .block-title h1 span,.block-title h2 span { color:inherit; display:inline-block; font-size:inherit; font-weight:inherit; line-height:inherit; text-transform:inherit; vertical-align:middle; } .block-title h1 span:before,.block-title h1 span:after,.block-title h2 span:before,.block-title h2 span:after { display:none; } .block-viewer { text-align:center; z-index:900; position:fixed; width:100%; height:100%; top:0; left:0; visibility:hidden; overflow:hidden; } .block-viewer>.wrapper { text-align:right; height:100%; margin:0; overflow-y:scroll; width:100%; } .block-viewer .overlay { width:100%; height:100%; display:inline-block; background:rgba(26,26,26,0.85); position:fixed; z-index:10; top:0; left:0; opacity:0; cursor:default; } .block-viewer .overlay .gradient { visibility:hidden; } .block-viewer .overlay .control { position:relative; width:100%; height:100%; display:inline-block; } .block-viewer .overlay .control a { display:inline-block; position:relative; } .block-viewer .overlay .control a span { position:absolute; width:40px; height:40px; top:30px; z-index:20; opacity:.2; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -ms-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear; } .block-viewer .overlay .control a div { width:100%; height:100%; z-index:10; opacity:0; } .block-viewer .overlay .control a:hover span { opacity:1; } .block-viewer .overlay .control .close { width:100%; height:45%; } .block-viewer .overlay .control .close span { background:url(../../assets/images/close.png) center center; background-size:100% 100%; right:30px; } .block-viewer .overlay .control .next,.block-viewer .overlay .control .previous { width:50%; height:55%; } .block-viewer .overlay .control .next span { background-position:left 0; right:30px; } .block-viewer .overlay .control .previous span { background-position:left -31px; left:30px; } .block-viewer .overlay .control .alone { width:100%; height:100%; } .block-viewer .return { position:relative; max-width:430px; width:430px; display:inline-block; top:0; text-align:left; opacity:0; z-index:20; background-color:rgba(255,255,255,0.9); vertical-align:top; min-height:100%; padding:30px 50px 50px; } .block-viewer .return .title { margin:0; padding:0; } .block-viewer .return .title h1 { color:#1a1a1a; margin-bottom:35px; padding:0; text-align:left; } .block-viewer .return .title h1:before,.block-viewer .return .title h1:after { display:none; } .block-viewer .return .control { position:absolute; z-index:30; top:18px; right:18px; text-align:right; white-space:nowrap; } .block-viewer .return .control a { display:inline-block; position:relative; margin-left:15px; line-height:0; } .block-viewer .return .control a span { position:absolute; width:100%; height:100%; left:0; top:0; line-height:0; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -ms-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear; } .block-viewer .return .control a .state { z-index:10; opacity:.5; } .block-viewer .return .control a .hover { display:none; } .block-viewer .return .control a:hover .state { opacity:1; } .block-viewer .return .control .close { width:16px; height:16px; position:relative; } .block-viewer .return .control .button.close { height:auto; } .block-viewer .return .control .close span { background:url(../../assets/images/close.png) left top no-repeat; background-size:100% 100%; } .block-viewer .return .buttons a,.block-viewer .return .buttons.control a { color:#fff; line-height:1; height:32px!important; width:auto; } .block-viewer .return .image-1 { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 250px; left: 0; position: absolute; top: 0; width: 430px; z-index: 1; } .block-viewer .return .title-1 { height: 200px; margin-top: 50px; position: relative; z-index: 2; } .block-viewer .return .title-1 span { font-size: 1.5rem; font-weight: 700; background-color: #f0b653; line-height: 1.3; } .block-viewer .return .policy { color: #b2b2b2; font-size: 0.9rem; margin-top: 25px; line-height: 1.1; } .block-viewer .return ._ERROR { padding:130px 150px; background:url(../../assets/images/viewer-error.png) center 60px no-repeat; } .block-viewer .field { width:100%; } .block-reviews { margin-top: 50px; } .block-reviews > .wrapper { margin-bottom: -50px; position: relative; } .block-reviews-index > .wrapper { margin-bottom: 0; } .block-reviews > .wrapper > .text { font-size: 1.5rem; font-weight: 300; line-height: 1.5; margin-bottom: 40px; padding: 0 100px; text-align: center; } .block-reviews .item { margin-left: 60px; margin-bottom: 50px; padding-left: 150px; position: relative; min-height: 120px; width: 470px; } .block-reviews .item:nth-of-type(2n-1) { margin-left: 0; } .block-reviews .item span { display: block; } .block-reviews .item .image { border-radius: 60px; left: 0; overflow: hidden; top: 0; position: absolute; width: 120px; } .block-reviews .item .title { font-size: 1.3rem; font-weight: 700; margin-top: 2px; } .block-reviews .item .office { font-family: "PT Sans",sans-serif; font-size: 1rem; margin-top: 9px; } .block-reviews .item .text { font-size: 1rem; font-style: italic; line-height: 1.3; margin-top: 15px; } .block-reviews .fields .important-text { padding: 6px 0 0 30px; } .the_new,.adapt_menu,.adapt_menu2 { display:none; } .mm-menu,.mm-panels,.mm-panels>.mm-panel { margin:0; left:0; right:0; top:0; z-index:0; box-sizing:border-box; } .mm-btn,.mm-menu { box-sizing:border-box; } .mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover { text-decoration:none; } .mm-listview .mm-next:before,.mm-listview>li:not(.mm-divider):after,.mm-next:after,.mm-prev:before { content:''; bottom:0; } .mm-hidden { display:none!important; } .mm-menu,.mm-panels>.mm-panel:not(.mm-hidden) { display:block; } .mm-wrapper { overflow-x:hidden; position:relative; } .mm-menu { padding:0; position:absolute; bottom:0; } .mm-panels,.mm-panels>.mm-panel { background:inherit; border-color:inherit; position:absolute; bottom:0; } .mm-btn,.mm-panel.mm-highest { z-index:1; } .mm-panels { overflow:hidden; } .mm-panel { -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease; -webkit-transform:translate(100%,0); -ms-transform:translate(100%,0); transform:translate(100%,0); -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } .mm-panel.mm-opened { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .mm-panel.mm-subopened { -webkit-transform:translate(-30%,0); -ms-transform:translate(-30%,0); transform:translate(-30%,0); -webkit-transform:translate3d(-30%,0,0); transform:translate3d(-30%,0,0); } .mm-panels>.mm-panel { -webkit-overflow-scrolling:touch; overflow:scroll; overflow-x:hidden; overflow-y:auto; padding:0 20px; } .mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .mm-panels>.mm-panel.mm-hasnavbar { padding-top:40px; } .mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before { content:''; display:block; height:20px; } .mm-vertical .mm-panel { -webkit-transform:none!important; -ms-transform:none!important; transform:none!important; } .mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel { display:none; padding:10px 0 10px 10px; } .mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after { border-color:transparent; } .mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel { display:block; } .mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next { height:40px; bottom:auto; } .mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after { top:16px; bottom:auto; } .mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after { -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg); right:19px; } .mm-btn { width:40px; height:40px; position:absolute; top:0; } .mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before { content:''; border:2px solid transparent; display:block; width:5px; height:5px; margin:auto; position:absolute; top:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } .mm-clear:before,.mm-close:before { border-right:none; border-bottom:none; right:18px; } .mm-clear:after,.mm-close:after { border-left:none; border-top:none; right:25px; } .mm-next:after,.mm-prev:before { border-top:2px solid transparent; border-left:2px solid transparent; display:block; width:8px; height:8px; margin:auto; position:absolute; top:0; } .mm-prev:before { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); left:23px; right:auto; } .mm-next:after { -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); right:23px; left:auto; } .mm-navbar { border-bottom:1px solid; border-color:inherit; text-align:center; line-height:20px; height:40px; padding:0 40px; margin:0; position:absolute; top:0; left:0; right:0; } .mm-navbar>* { display:block; padding:10px 0; } .mm-navbar .mm-btn:first-child { left:0; } .mm-navbar .mm-btn:last-child { text-align:right; right:0; } .mm-panel .mm-navbar { display:none; } .mm-panel.mm-hasnavbar .mm-navbar { display:block; } .mm-listview,.mm-listview>li { list-style:none; display:block; padding:0; margin:0; } .mm-listview { font:inherit; font-size:14px; line-height:20px; } .mm-listview>li { position:relative; } .mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after { border-color:inherit; } .mm-listview>li>a,.mm-listview>li>span { color:inherit; display:block; padding:10px 10px 10px 20px; margin:0; } .mm-listview>li:not(.mm-divider):after { border-bottom-width:1px; border-bottom-style:solid; display:block; position:absolute; right:0; left:20px; } .mm-listview .mm-next { background:rgba(3,2,1,0); width:50px; padding:0; position:absolute; right:0; top:0; bottom:0; z-index:2; } .mm-listview .mm-next:before { border-left-width:1px; border-left-style:solid; display:block; position:absolute; top:0; left:0; } .mm-listview .mm-next+a,.mm-listview .mm-next+span { margin-right:50px; } .mm-listview .mm-next.mm-fullsubopen { width:100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left:none; } .mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span { padding-right:50px; margin-right:0; } .mm-panels>.mm-panel>.mm-listview { margin:20px -20px; } .mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top:-20px; } .mm-listview .mm-inset { list-style:disc inside; padding:0 10px 15px 40px; margin:0; } .mm-listview .mm-inset>li { padding:5px 0; } .mm-listview .mm-divider { font-size:10px; text-transform:uppercase; text-indent:20px; line-height:25px; } .mm-listview .mm-spacer { padding-top:40px; } .mm-listview .mm-spacer>.mm-next { top:40px; } .mm-listview .mm-spacer.mm-divider { padding-top:25px; } .mm-menu { background:#f3f3f3; border-color:rgba(0,0,0,.1); color:rgba(0,0,0,.75); } .mm-menu .mm-navbar a,.mm-menu .mm-navbar>* { color:rgba(0,0,0,.3); } .mm-menu .mm-btn:after,.mm-menu .mm-btn:before { border-color:rgba(0,0,0,.3); } .mm-menu .mm-listview { border-color:rgba(0,0,0,.1); } .mm-menu .mm-listview>li .mm-next:after { border-color:rgba(0,0,0,.3); } .mm-menu .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color:rgba(255,255,255,.5); tap-highlight-color:rgba(255,255,255,.5); } .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span { background:rgba(255,255,255,.5); } .mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next { background:rgba(0,0,0,.05); } .mm-page { box-sizing:border-box; position:relative; } .mm-slideout { -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease; z-index:1; } html.mm-opened { overflow-x:hidden; position:relative; } html.mm-blocking,html.mm-blocking body { overflow:hidden; } html.mm-background .mm-page { background:inherit; } #mm-blocker { background:rgba(3,2,1,0); display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:2; } html.mm-blocking #mm-blocker { display:block; } .mm-menu.mm-offcanvas { z-index:0; display:none; position:fixed; width:80%; min-width:140px; max-width:440px; } .mm-menu.mm-offcanvas.mm-current { display:block; } .mm-menu.mm-offcanvas.mm-no-csstransforms.mm-current.mm-opened { z-index:10; } html.mm-opening .mm-slideout { -webkit-transform:translate(80%,0); -ms-transform:translate(80%,0); transform:translate(80%,0); -webkit-transform:translate3d(80%,0,0); transform:translate3d(80%,0,0); } @media all and (max-width:175px) { html.mm-opening .mm-slideout { -webkit-transform:translate(140px,0); -ms-transform:translate(140px,0); transform:translate(140px,0); -webkit-transform:translate3d(140px,0,0); transform:translate3d(140px,0,0); } } @media all and (min-width:550px) { html.mm-opening .mm-slideout { -webkit-transform:translate(440px,0); -ms-transform:translate(440px,0); transform:translate(440px,0); -webkit-transform:translate3d(440px,0,0); transform:translate3d(440px,0,0); } } .mm-menu.mm-offcanvas.mm-autoheight.mm-bottom,.mm-menu.mm-offcanvas.mm-autoheight.mm-top { max-height:80%; } .mm-menu.mm-offcanvas.mm-autoheight.mm-bottom.mm-fullscreen,.mm-menu.mm-offcanvas.mm-autoheight.mm-top.mm-fullscreen { max-height:100%; } .mm-menu.mm-offcanvas.mm-measureheight .mm-panel { display:block!important; } .mm-menu.mm-offcanvas.mm-measureheight>.mm-panels>.mm-panel { bottom:auto!important; height:auto!important; } .mm-menu.mm-columns { -webkit-transition-property:width,max-width,-webkit-transform; transition-property:width,max-width,-webkit-transform; transition-property:transform,width,max-width; transition-property:transform,width,max-width,-webkit-transform; } .mm-menu.mm-columns .mm-panels>.mm-panel { width:100%; right:auto; display:none; -webkit-transition-property:width,-webkit-transform; transition-property:width,-webkit-transform; transition-property:transform,width; transition-property:transform,width,-webkit-transform; } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened { border-right:1px solid; border-color:inherit; display:block; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened { -webkit-transform:translate(-100%,0); -ms-transform:translate(-100%,0); transform:translate(-100%,0); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); z-index:2; } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0 { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0 { display:block; -webkit-transform:translate(100%,0); -ms-transform:translate(100%,0); transform:translate(100%,0); -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } .mm-menu.mm-offcanvas.mm-columns-0 { width:80%; min-width:140px; max-width:0; } html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform:translate(80%,0); -ms-transform:translate(80%,0); transform:translate(80%,0); -webkit-transform:translate3d(80%,0,0); transform:translate3d(80%,0,0); } @media all and (max-width:175px) { html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform:translate(140px,0); -ms-transform:translate(140px,0); transform:translate(140px,0); -webkit-transform:translate3d(140px,0,0); transform:translate3d(140px,0,0); } } @media all and (min-width:0px) { html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } html.mm-right.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform:translate(-80%,0); -ms-transform:translate(-80%,0); transform:translate(-80%,0); -webkit-transform:translate3d(-80%,0,0); transform:translate3d(-80%,0,0); } @media all and (max-width:175px) { html.mm-right.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform:translate(-140px,0); -ms-transform:translate(-140px,0); transform:translate(-140px,0); -webkit-transform:translate3d(-140px,0,0); transform:translate3d(-140px,0,0); } } @media all and (min-width:0px) { html.mm-right.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1 { -webkit-transform:translate(100%,0); -ms-transform:translate(100%,0); transform:translate(100%,0); -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1 { display:block; -webkit-transform:translate(200%,0); -ms-transform:translate(200%,0); transform:translate(200%,0); -webkit-transform:translate3d(200%,0,0); transform:translate3d(200%,0,0); } .mm-menu.mm-offcanvas.mm-columns-1 { width:80%; min-width:140px; max-width:440px; } html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform:translate(80%,0); -ms-transform:translate(80%,0); transform:translate(80%,0); -webkit-transform:translate3d(80%,0,0); transform:translate3d(80%,0,0); } @media all and (max-width:175px) { html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform:translate(140px,0); -ms-transform:translate(140px,0); transform:translate(140px,0); -webkit-transform:translate3d(140px,0,0); transform:translate3d(140px,0,0); } } @media all and (min-width:550px) { html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform:translate(440px,0); -ms-transform:translate(440px,0); transform:translate(440px,0); -webkit-transform:translate3d(440px,0,0); transform:translate3d(440px,0,0); } } html.mm-right.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform:translate(-80%,0); -ms-transform:translate(-80%,0); transform:translate(-80%,0); -webkit-transform:translate3d(-80%,0,0); transform:translate3d(-80%,0,0); } @media all and (max-width:175px) { html.mm-right.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform:translate(-140px,0); -ms-transform:translate(-140px,0); transform:translate(-140px,0); -webkit-transform:translate3d(-140px,0,0); transform:translate3d(-140px,0,0); } } @media all and (min-width:550px) { html.mm-right.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform:translate(-440px,0); -ms-transform:translate(-440px,0); transform:translate(-440px,0); -webkit-transform:translate3d(-440px,0,0); transform:translate3d(-440px,0,0); } } .mm-menu.mm-columns-1 .mm-panels>.mm-panel { width:100%; } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2 { -webkit-transform:translate(200%,0); -ms-transform:translate(200%,0); transform:translate(200%,0); -webkit-transform:translate3d(200%,0,0); transform:translate3d(200%,0,0); } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2 { display:block; -webkit-transform:translate(300%,0); -ms-transform:translate(300%,0); transform:translate(300%,0); -webkit-transform:translate3d(300%,0,0); transform:translate3d(300%,0,0); } .mm-menu.mm-offcanvas.mm-columns-2 { width:80%; min-width:140px; max-width:880px; } html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform:translate(80%,0); -ms-transform:translate(80%,0); transform:translate(80%,0); -webkit-transform:translate3d(80%,0,0); transform:translate3d(80%,0,0); } @media all and (max-width:175px) { html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform:translate(140px,0); -ms-transform:translate(140px,0); transform:translate(140px,0); -webkit-transform:translate3d(140px,0,0); transform:translate3d(140px,0,0); } } @media all and (min-width:1100px) { html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform:translate(880px,0); -ms-transform:translate(880px,0); transform:translate(880px,0); -webkit-transform:translate3d(880px,0,0); transform:translate3d(880px,0,0); } } html.mm-right.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform:translate(-80%,0); -ms-transform:translate(-80%,0); transform:translate(-80%,0); -webkit-transform:translate3d(-80%,0,0); transform:translate3d(-80%,0,0); } @media all and (max-width:175px) { html.mm-right.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform:translate(-140px,0); -ms-transform:translate(-140px,0); transform:translate(-140px,0); -webkit-transform:translate3d(-140px,0,0); transform:translate3d(-140px,0,0); } } @media all and (min-width:1100px) { html.mm-right.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform:translate(-880px,0); -ms-transform:translate(-880px,0); transform:translate(-880px,0); -webkit-transform:translate3d(-880px,0,0); transform:translate3d(-880px,0,0); } } .mm-menu.mm-columns-2 .mm-panels>.mm-panel { width:50%; } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3 { -webkit-transform:translate(300%,0); -ms-transform:translate(300%,0); transform:translate(300%,0); -webkit-transform:translate3d(300%,0,0); transform:translate3d(300%,0,0); } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3 { display:block; -webkit-transform:translate(400%,0); -ms-transform:translate(400%,0); transform:translate(400%,0); -webkit-transform:translate3d(400%,0,0); transform:translate3d(400%,0,0); } .mm-menu.mm-offcanvas.mm-columns-3 { width:80%; min-width:140px; max-width:1320px; } html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform:translate(80%,0); -ms-transform:translate(80%,0); transform:translate(80%,0); -webkit-transform:translate3d(80%,0,0); transform:translate3d(80%,0,0); } @media all and (max-width:175px) { html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform:translate(140px,0); -ms-transform:translate(140px,0); transform:translate(140px,0); -webkit-transform:translate3d(140px,0,0); transform:translate3d(140px,0,0); } } @media all and (min-width:1650px) { html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform:translate(1320px,0); -ms-transform:translate(1320px,0); transform:translate(1320px,0); -webkit-transform:translate3d(1320px,0,0); transform:translate3d(1320px,0,0); } } html.mm-right.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform:translate(-80%,0); -ms-transform:translate(-80%,0); transform:translate(-80%,0); -webkit-transform:translate3d(-80%,0,0); transform:translate3d(-80%,0,0); } @media all and (max-width:175px) { html.mm-right.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform:translate(-140px,0); -ms-transform:translate(-140px,0); transform:translate(-140px,0); -webkit-transform:translate3d(-140px,0,0); transform:translate3d(-140px,0,0); } } @media all and (min-width:1650px) { html.mm-right.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform:translate(-1320px,0); -ms-transform:translate(-1320px,0); transform:translate(-1320px,0); -webkit-transform:translate3d(-1320px,0,0); transform:translate3d(-1320px,0,0); } } .mm-menu.mm-columns-3 .mm-panels>.mm-panel { width:33.34%; } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4 { -webkit-transform:translate(400%,0); -ms-transform:translate(400%,0); transform:translate(400%,0); -webkit-transform:translate3d(400%,0,0); transform:translate3d(400%,0,0); } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4 { display:block; -webkit-transform:translate(500%,0); -ms-transform:translate(500%,0); transform:translate(500%,0); -webkit-transform:translate3d(500%,0,0); transform:translate3d(500%,0,0); } .mm-menu.mm-offcanvas.mm-columns-4 { width:80%; min-width:140px; max-width:1760px; } html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform:translate(80%,0); -ms-transform:translate(80%,0); transform:translate(80%,0); -webkit-transform:translate3d(80%,0,0); transform:translate3d(80%,0,0); } @media all and (max-width:175px) { html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform:translate(140px,0); -ms-transform:translate(140px,0); transform:translate(140px,0); -webkit-transform:translate3d(140px,0,0); transform:translate3d(140px,0,0); } } @media all and (min-width:2200px) { html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform:translate(1760px,0); -ms-transform:translate(1760px,0); transform:translate(1760px,0); -webkit-transform:translate3d(1760px,0,0); transform:translate3d(1760px,0,0); } } html.mm-right.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform:translate(-80%,0); -ms-transform:translate(-80%,0); transform:translate(-80%,0); -webkit-transform:translate3d(-80%,0,0); transform:translate3d(-80%,0,0); } @media all and (max-width:175px) { html.mm-right.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform:translate(-140px,0); -ms-transform:translate(-140px,0); transform:translate(-140px,0); -webkit-transform:translate3d(-140px,0,0); transform:translate3d(-140px,0,0); } } @media all and (min-width:2200px) { html.mm-right.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform:translate(-1760px,0); -ms-transform:translate(-1760px,0); transform:translate(-1760px,0); -webkit-transform:translate3d(-1760px,0,0); transform:translate3d(-1760px,0,0); } } .mm-menu.mm-columns-4 .mm-panels>.mm-panel { width:25%; } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5 { -webkit-transform:translate(500%,0); -ms-transform:translate(500%,0); transform:translate(500%,0); -webkit-transform:translate3d(500%,0,0); transform:translate3d(500%,0,0); } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5 { display:block; -webkit-transform:translate(600%,0); -ms-transform:translate(600%,0); transform:translate(600%,0); -webkit-transform:translate3d(600%,0,0); transform:translate3d(600%,0,0); } .mm-menu.mm-offcanvas.mm-columns-5 { width:80%; min-width:140px; max-width:2200px; } html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform:translate(80%,0); -ms-transform:translate(80%,0); transform:translate(80%,0); -webkit-transform:translate3d(80%,0,0); transform:translate3d(80%,0,0); } @media all and (max-width:175px) { html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform:translate(140px,0); -ms-transform:translate(140px,0); transform:translate(140px,0); -webkit-transform:translate3d(140px,0,0); transform:translate3d(140px,0,0); } } @media all and (min-width:2750px) { html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform:translate(2200px,0); -ms-transform:translate(2200px,0); transform:translate(2200px,0); -webkit-transform:translate3d(2200px,0,0); transform:translate3d(2200px,0,0); } } html.mm-right.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform:translate(-80%,0); -ms-transform:translate(-80%,0); transform:translate(-80%,0); -webkit-transform:translate3d(-80%,0,0); transform:translate3d(-80%,0,0); } @media all and (max-width:175px) { html.mm-right.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform:translate(-140px,0); -ms-transform:translate(-140px,0); transform:translate(-140px,0); -webkit-transform:translate3d(-140px,0,0); transform:translate3d(-140px,0,0); } } @media all and (min-width:2750px) { html.mm-right.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform:translate(-2200px,0); -ms-transform:translate(-2200px,0); transform:translate(-2200px,0); -webkit-transform:translate3d(-2200px,0,0); transform:translate3d(-2200px,0,0); } } .mm-menu.mm-columns-5 .mm-panels>.mm-panel { width:20%; } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6 { -webkit-transform:translate(600%,0); -ms-transform:translate(600%,0); transform:translate(600%,0); -webkit-transform:translate3d(600%,0,0); transform:translate3d(600%,0,0); } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6 { display:block; -webkit-transform:translate(700%,0); -ms-transform:translate(700%,0); transform:translate(700%,0); -webkit-transform:translate3d(700%,0,0); transform:translate3d(700%,0,0); } .mm-menu.mm-offcanvas.mm-columns-6 { width:80%; min-width:140px; max-width:2640px; } html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform:translate(80%,0); -ms-transform:translate(80%,0); transform:translate(80%,0); -webkit-transform:translate3d(80%,0,0); transform:translate3d(80%,0,0); } @media all and (max-width:175px) { html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform:translate(140px,0); -ms-transform:translate(140px,0); transform:translate(140px,0); -webkit-transform:translate3d(140px,0,0); transform:translate3d(140px,0,0); } } @media all and (min-width:3300px) { html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform:translate(2640px,0); -ms-transform:translate(2640px,0); transform:translate(2640px,0); -webkit-transform:translate3d(2640px,0,0); transform:translate3d(2640px,0,0); } } html.mm-right.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform:translate(-80%,0); -ms-transform:translate(-80%,0); transform:translate(-80%,0); -webkit-transform:translate3d(-80%,0,0); transform:translate3d(-80%,0,0); } @media all and (max-width:175px) { html.mm-right.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform:translate(-140px,0); -ms-transform:translate(-140px,0); transform:translate(-140px,0); -webkit-transform:translate3d(-140px,0,0); transform:translate3d(-140px,0,0); } } @media all and (min-width:3300px) { html.mm-right.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform:translate(-2640px,0); -ms-transform:translate(-2640px,0); transform:translate(-2640px,0); -webkit-transform:translate3d(-2640px,0,0); transform:translate3d(-2640px,0,0); } } .mm-menu.mm-columns-6 .mm-panels>.mm-panel { width:16.67%; } em.mm-counter { font:inherit; font-size:14px; font-style:normal; text-indent:0; line-height:20px; display:block; margin-top:-10px; position:absolute; right:45px; top:50%; } em.mm-counter+a.mm-next { width:90px; } em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span { margin-right:90px; } em.mm-counter+a.mm-fullsubopen { padding-left:0; } .mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a,.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span,em.mm-counter+a.mm-fullsubopen+a,em.mm-counter+a.mm-fullsubopen+span { padding-right:90px; } .mm-vertical>.mm-counter { top:12px; margin-top:0; } .mm-vertical.mm-spacer>.mm-counter { margin-top:40px; } .mm-nosubresults>.mm-counter { display:none; } .mm-menu em.mm-counter { color:rgba(0,0,0,.3); } .mm-divider>span { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0; line-height:25px; } .mm-divider.mm-opened a.mm-next:after { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display:none; } .mm-fixeddivider { background:inherit; display:none; position:absolute; top:0; left:0; right:0; z-index:2; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .mm-fixeddivider:after { content:none!important; display:none!important; } .mm-hasdividers .mm-fixeddivider { display:block; } .mm-menu .mm-fixeddivider span { background:rgba(0,0,0,.05); } html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration:0; transition-duration:0; } .mm-menu.mm-dropdown { box-shadow:0 2px 10px rgba(0,0,0,.3); height:80%; } html.mm-dropdown .mm-slideout { -webkit-transform:none!important; -ms-transform:none!important; transform:none!important; z-index:0; } html.mm-dropdown #mm-blocker { -webkit-transition-delay:0!important; transition-delay:0!important; z-index:1; } html.mm-dropdown .mm-menu { z-index:2; } html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu { display:none; } .mm-menu.mm-tip:before { content:''; background:inherit; box-shadow:0 2px 10px rgba(0,0,0,.3); display:block; width:15px; height:15px; position:absolute; z-index:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .mm-menu.mm-tipleft:before { left:22px; } .mm-menu.mm-tipright:before { right:22px; } .mm-menu.mm-tiptop:before { top:-8px; } .mm-menu.mm-tipbottom:before { bottom:-8px; } .mm-iconpanel .mm-panel { -webkit-transition-property:left,-webkit-transform; transition-property:left,-webkit-transform; transition-property:transform,left; transition-property:transform,left,-webkit-transform; } .mm-iconpanel .mm-panel.mm-opened { border-left:1px solid; border-color:inherit; } .mm-iconpanel .mm-panel.mm-subopened { overflow-y:hidden; left:-40px; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left:0; } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left:40px; } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left:80px; } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left:120px; } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left:160px; } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left:200px; } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left:240px; } .mm-subblocker { background:inherit; opacity:0; display:block; -webkit-transition:opacity .4s ease; transition:opacity .4s ease; } .mm-subopened .mm-subblocker { opacity:.6; position:absolute; top:0; right:0; bottom:-100000px; left:0; z-index:3; } .mm-navbar-bottom,.mm-navbar-top~.mm-navbar-top { border-bottom:none; } .mm-menu>.mm-navbar { background:inherit; padding:0; z-index:3; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .mm-navbar-bottom { border-top-width:1px; border-top-style:solid; top:auto; bottom:0; } .mm-navbar-bottom~.mm-navbar-bottom { border-top:none; } .mm-navbar.mm-hasbtns { padding:0 40px; } .mm-navbar[class*=mm-navbar-content-]>* { box-sizing:border-box; display:block; float:left; } .mm-navbar .mm-breadcrumbs { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; -webkit-overflow-scrolling:touch; overflow-x:auto; text-align:left; padding:0 0 0 17px; } .mm-navbar .mm-breadcrumbs>* { display:inline-block; padding:10px 3px; } .mm-navbar .mm-breadcrumbs>a { text-decoration:underline; } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left:-40px; } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs { margin-left:0; padding-left:0; } .mm-navbar-top-1 { top:0; } .mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2 { top:40px; } .mm-hasnavbar-top-2 .mm-panels,.mm-navbar-top-3 { top:80px; } .mm-hasnavbar-top-3 .mm-panels,.mm-navbar-top-4 { top:120px; } .mm-hasnavbar-top-4 .mm-panels { top:160px; } .mm-navbar-bottom-1 { bottom:0; } .mm-hasnavbar-bottom-1 .mm-panels,.mm-navbar-bottom-2 { bottom:40px; } .mm-hasnavbar-bottom-2 .mm-panels,.mm-navbar-bottom-3 { bottom:80px; } .mm-hasnavbar-bottom-3 .mm-panels,.mm-navbar-bottom-4 { bottom:120px; } .mm-hasnavbar-bottom-4 .mm-panels { bottom:160px; } .mm-navbar-size-2 { height:80px; } .mm-navbar-size-3 { height:120px; } .mm-navbar-size-4 { height:160px; } .mm-navbar-content-2>* { width:50%; } .mm-navbar-content-3>* { width:33.33%; } .mm-navbar-content-4>* { width:25%; } .mm-navbar-content-5>* { width:20%; } .mm-navbar-content-6>* { width:16.67%; } .mm-menu.mm-rtl { direction:rtl; } .mm-menu.mm-rtl.mm-offcanvas { right:auto; } .mm-menu.mm-rtl .mm-panel:not(.mm-opened) { -webkit-transform:translate(-100%,0); -ms-transform:translate(-100%,0); transform:translate(-100%,0); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); } .mm-menu.mm-rtl .mm-panel.mm-subopened { -webkit-transform:translate(30%,0); -ms-transform:translate(30%,0); transform:translate(30%,0); -webkit-transform:translate3d(30%,0,0); transform:translate3d(30%,0,0); } .mm-menu.mm-rtl .mm-navbar .mm-btn:first-child { left:auto; right:0; } .mm-menu.mm-rtl .mm-navbar .mm-btn:last-child { right:auto; left:0; } .mm-menu.mm-rtl .mm-navbar .mm-next:after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); left:23px; right:auto; } .mm-menu.mm-rtl .mm-navbar .mm-prev:before { -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); right:23px; left:auto; } .mm-menu.mm-rtl .mm-listview>li:not(.mm-divider)::after { left:0; right:20px; } .mm-menu.mm-rtl .mm-listview>li>a:not(.mm-next),.mm-menu.mm-rtl .mm-listview>li>span:not(.mm-next) { padding-left:10px; padding-right:20px!important; margin-right:0!important; } .mm-menu.mm-rtl .mm-listview .mm-next { right:auto; left:0; } .mm-menu.mm-rtl .mm-listview .mm-next:before { left:auto; right:0; } .mm-menu.mm-rtl .mm-listview .mm-next:after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); left:23px; right:auto; } .mm-menu.mm-rtl .mm-listview .mm-next+a,.mm-menu.mm-rtl .mm-listview .mm-next+span { margin-left:50px; } .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+span { padding-left:50px; } .mm-menu.mm-rtl em.mm-counter { left:45px; right:auto; } .mm-menu.mm-rtl em.mm-counter+a.mm-next+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+span { margin-left:90px; } .mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+span { padding-left:90px; } .mm-menu.mm-rtl label.mm-check,.mm-menu.mm-rtl label.mm-toggle { left:20px; right:auto!important; } .mm-menu.mm-rtl label.mm-toggle+a,.mm-menu.mm-rtl label.mm-toggle+span { padding-left:80px; } .mm-menu.mm-rtl label.mm-check+a,.mm-menu.mm-rtl label.mm-check+span { padding-left:60px; } .mm-menu.mm-rtl a.mm-next+label.mm-check,.mm-menu.mm-rtl a.mm-next+label.mm-toggle { left:60px; } .mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span { margin-left:50px; } .mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span { padding-left:70px; } .mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span { padding-left:50px; } .mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle { left:100px; } .mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+span,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+span { margin-left:90px; } .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] { left:0; } .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .mm-menu.mm-rtl.mm-iconpanel .mm-panel { -webkit-transition-property:right,-webkit-transform; transition-property:right,-webkit-transform; transition-property:transform,right; transition-property:transform,right,-webkit-transform; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 { right:0; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 { right:40px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 { right:80px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 { right:120px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 { right:160px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 { right:200px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 { right:240px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened { border-left:none; border-right:1px solid; border-color:inherit; } .mm-sronly { text-indent:10px; overflow:hidden; display:block; width:1px; height:1px; position:absolute; z-index:-1; } .mm-search,.mm-search input { box-sizing:border-box; } .mm-search { height:40px; padding:7px 10px 0; position:relative; } .mm-search input { border:none!important; outline:0!important; box-shadow:none!important; border-radius:4px; font:inherit; font-size:14px; line-height:26px; display:block; width:100%; height:26px; min-height:26px; max-height:26px; margin:0; padding:0 10px; } .mm-search input::-ms-clear { display:none; } .mm-search .mm-clear,.mm-search .mm-next { right:0; } .mm-panel>.mm-search { width:100%; position:absolute; top:0; left:0; } .mm-panel.mm-hassearch { padding-top:40px; } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top:80px; } .mm-panel.mm-hassearch.mm-hasnavbar .mm-search { top:40px; } .mm-noresultsmsg { text-align:center; font-size:21px; padding:40px 0; } .mm-noresults .mm-indexer { display:none!important; } li.mm-nosubresults>a.mm-next { display:none; } li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span { padding-right:10px; } .mm-panels>.mm-resultspanel:not(.mm-opened) { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .mm-menu .mm-search input { background:rgba(0,0,0,.05); color:rgba(0,0,0,.75); } .mm-menu .mm-noresultsmsg { color:rgba(0,0,0,.3); } .mm-indexer { background:inherit; text-align:center; font-size:12px; box-sizing:border-box; width:20px; position:absolute; top:0; bottom:0; right:-100px; z-index:3; -webkit-transition:right .4s ease; transition:right .4s ease; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .mm-indexer a { text-decoration:none; display:block; height:3.85%; } .mm-indexer~.mm-panel.mm-hasindexer { padding-right:40px; } .mm-hasindexer .mm-indexer { right:0; } .mm-hasindexer .mm-fixeddivider { right:20px; } .mm-menu .mm-indexer a { color:rgba(0,0,0,.3); } .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen) { -webkit-transition:background .4s ease; transition:background .4s ease; } .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) { background:rgba(255,255,255,.5); } input.mm-check,input.mm-toggle { position:absolute; left:-10000px; } label.mm-check,label.mm-toggle { margin:0; position:absolute; top:50%; z-index:2; right:20px; } label.mm-check:before,label.mm-toggle:before { content:''; display:block; } label.mm-toggle { border-radius:30px; width:50px; height:30px; margin-top:-15px; } label.mm-toggle:before { border-radius:30px; width:28px; height:28px; margin:1px; } input.mm-toggle:checked~label.mm-toggle:before { float:right; } label.mm-check { width:30px; height:30px; margin-top:-15px; } label.mm-check:before { border-left:3px solid; border-bottom:3px solid; width:40%; height:20%; margin:25% 0 0 20%; opacity:.1; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } input.mm-check:checked~label.mm-check:before { opacity:1; } li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle { bottom:auto; margin-top:0; top:5px; } label.mm-toggle+a,label.mm-toggle+span { padding-right:80px; } label.mm-check+a,label.mm-check+span { padding-right:60px; } a.mm-next+label.mm-check,a.mm-next+label.mm-toggle { right:60px; } a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span { margin-right:50px; } a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span { padding-right:70px; } a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span { padding-right:50px; } em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle { right:100px; } em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span { margin-right:90px; } .mm-menu label.mm-toggle { background:rgba(0,0,0,.1); } .mm-menu label.mm-toggle:before { background:#f3f3f3; } .mm-menu input.mm-toggle:checked~label.mm-toggle { background:#4bd963; } .mm-menu label.mm-check:before { border-color:rgba(0,0,0,.75); } .mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after { content:none; } .mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after { left:0!important; } .mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after { right:20px; } .mm-menu.mm-effect-menu-zoom { -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease; } html.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform:scale(.7,.7) translate3d(-30%,0,0); transform:scale(.7,.7) translate3d(-30%,0,0); -webkit-transform-origin:left center; -ms-transform-origin:left center; transform-origin:left center; } html.mm-opening .mm-menu.mm-effect-menu-zoom { -webkit-transform:scale(1,1) translate3d(0,0,0); transform:scale(1,1) translate3d(0,0,0); } html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform:scale(.7,.7) translate3d(30%,0,0); transform:scale(.7,.7) translate3d(30%,0,0); -webkit-transform-origin:right center; -ms-transform-origin:right center; transform-origin:right center; } html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom { -webkit-transform:scale(1,1) translate3d(0,0,0); transform:scale(1,1) translate3d(0,0,0); } .mm-menu.mm-effect-menu-slide { -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease; } html.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform:translate(-30%,0); -ms-transform:translate(-30%,0); transform:translate(-30%,0); -webkit-transform:translate3d(-30%,0,0); transform:translate3d(-30%,0,0); } html.mm-opening .mm-menu.mm-effect-menu-slide { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform:translate(30%,0); -ms-transform:translate(30%,0); transform:translate(30%,0); -webkit-transform:translate3d(30%,0,0); transform:translate3d(30%,0,0); } html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .mm-menu.mm-effect-menu-fade { opacity:0; -webkit-transition:opacity .4s ease; transition:opacity .4s ease; } html.mm-opening .mm-menu.mm-effect-menu-fade { opacity:1; } .mm-menu.mm-effect-panels-zoom .mm-panel { -webkit-transform:scale(1.5,1.5) translate3d(100%,0,0); transform:scale(1.5,1.5) translate3d(100%,0,0); -webkit-transform-origin:left center; -ms-transform-origin:left center; transform-origin:left center; } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened { -webkit-transform:scale(1,1) translate3d(0,0,0); transform:scale(1,1) translate3d(0,0,0); } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened { -webkit-transform:scale(.7,.7) translate3d(-30%,0,0); transform:scale(.7,.7) translate3d(-30%,0,0); } .mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened { -webkit-transform:translate(-100%,0); -ms-transform:translate(-100%,0); transform:translate(-100%,0); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li { -webkit-transition:none .4s ease; transition:none .4s ease; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1) { -webkit-transition-delay:50ms; transition-delay:50ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2) { -webkit-transition-delay:.1s; transition-delay:.1s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3) { -webkit-transition-delay:150ms; transition-delay:150ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4) { -webkit-transition-delay:.2s; transition-delay:.2s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5) { -webkit-transition-delay:250ms; transition-delay:250ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6) { -webkit-transition-delay:.3s; transition-delay:.3s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7) { -webkit-transition-delay:350ms; transition-delay:350ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8) { -webkit-transition-delay:.4s; transition-delay:.4s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9) { -webkit-transition-delay:450ms; transition-delay:450ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10) { -webkit-transition-delay:.5s; transition-delay:.5s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11) { -webkit-transition-delay:550ms; transition-delay:550ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12) { -webkit-transition-delay:.6s; transition-delay:.6s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13) { -webkit-transition-delay:650ms; transition-delay:650ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14) { -webkit-transition-delay:.7s; transition-delay:.7s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15) { -webkit-transition-delay:750ms; transition-delay:750ms; } .mm-menu.mm-effect-listitems-slide .mm-listview>li { -webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform; -webkit-transform:translate(50%,0); -ms-transform:translate(50%,0); transform:translate(50%,0); -webkit-transform:translate3d(50%,0,0); transform:translate3d(50%,0,0); opacity:0; } html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } .mm-menu.mm-effect-listitems-fade .mm-listview>li { -webkit-transition-property:opacity; transition-property:opacity; opacity:0; } html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li { opacity:1; } .mm-menu.mm-effect-listitems-drop .mm-listview>li { -webkit-transition-property:opacity,top; transition-property:opacity,top; opacity:0; top:-25%; } html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li { opacity:1; top:0; } .mm-menu.mm-offcanvas.mm-fullscreen { width:100%; min-width:140px; max-width:10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform:translate(100%,0); -ms-transform:translate(100%,0); transform:translate(100%,0); -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } @media all and (max-width:140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform:translate(140px,0); -ms-transform:translate(140px,0); transform:translate(140px,0); -webkit-transform:translate3d(140px,0,0); transform:translate3d(140px,0,0); } } @media all and (min-width:10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform:translate(10000px,0); -ms-transform:translate(10000px,0); transform:translate(10000px,0); -webkit-transform:translate3d(10000px,0,0); transform:translate3d(10000px,0,0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform:translate(-100%,0); -ms-transform:translate(-100%,0); transform:translate(-100%,0); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); } @media all and (max-width:140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform:translate(-140px,0); -ms-transform:translate(-140px,0); transform:translate(-140px,0); -webkit-transform:translate3d(-140px,0,0); transform:translate3d(-140px,0,0); } } @media all and (min-width:10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform:translate(-10000px,0); -ms-transform:translate(-10000px,0); transform:translate(-10000px,0); -webkit-transform:translate3d(-10000px,0,0); transform:translate3d(-10000px,0,0); } } .mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,.mm-menu.mm-offcanvas.mm-fullscreen.mm-top { height:100%; min-height:140px; max-height:10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow:none!important; } .mm-menu .mm-panels>.mm-panel.mm-justified-listview:after,.mm-menu .mm-panels>.mm-panel.mm-justified-listview:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:after,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:before { content:none; display:none; } .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-flow:column nowrap; -ms-flex-flow:column nowrap; flex-flow:column nowrap; height:100%; margin-top:0; margin-bottom:0; } .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider) { -webkit-box-flex:1; -webkit-flex:1 1 0; -ms-flex:1 1 0; flex:1 1 0; } .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span { box-sizing:border-box; height:100%; } .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before { content:''; vertical-align:middle; display:inline-block; height:100%; width:0; } .mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span { text-overflow:clip; white-space:normal; } html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker { opacity:0; } html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker { opacity:.3; -webkit-transition:opacity .4s ease .4s; transition:opacity .4s ease .4s; } html.mm-pagedim #mm-blocker { background:inherit; } html.mm-pagedim-white #mm-blocker { background:#fff; } html.mm-pagedim-black #mm-blocker { background:#000; } .mm-menu.mm-popup { -webkit-transition:opacity .4s ease; transition:opacity .4s ease; opacity:0; box-shadow:0 2px 10px rgba(0,0,0,.3); height:80%; min-height:140px; max-height:880px; top:50%; left:50%; bottom:auto; right:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); } html.mm-popup.mm-opening .mm-menu.mm-popup { opacity:1; } html.mm-popup .mm-slideout { -webkit-transform:none!important; -ms-transform:none!important; transform:none!important; z-index:0; } html.mm-popup #mm-blocker { -webkit-transition-delay:0!important; transition-delay:0!important; z-index:1; } html.mm-popup .mm-menu { z-index:2; } .mm-menu.mm-offcanvas.mm-right { left:auto; } html.mm-right.mm-opening .mm-slideout { -webkit-transform:translate(-80%,0); -ms-transform:translate(-80%,0); transform:translate(-80%,0); -webkit-transform:translate3d(-80%,0,0); transform:translate3d(-80%,0,0); } @media all and (max-width:175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform:translate(-140px,0); -ms-transform:translate(-140px,0); transform:translate(-140px,0); -webkit-transform:translate3d(-140px,0,0); transform:translate3d(-140px,0,0); } } @media all and (min-width:550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform:translate(-440px,0); -ms-transform:translate(-440px,0); transform:translate(-440px,0); -webkit-transform:translate3d(-440px,0,0); transform:translate3d(-440px,0,0); } } html.mm-front .mm-slideout { -webkit-transform:none!important; -ms-transform:none!important; transform:none!important; z-index:0; } html.mm-front #mm-blocker { z-index:1; } html.mm-front .mm-menu.mm-offcanvas { z-index:2; } .mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next { -webkit-transition:-webkit-transform .4s ease; transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease; -webkit-transform:translate(-100%,0); -ms-transform:translate(-100%,0); transform:translate(-100%,0); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); } .mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right { -webkit-transform:translate(100%,0); -ms-transform:translate(100%,0); transform:translate(100%,0); -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } .mm-menu.mm-offcanvas.mm-top { -webkit-transform:translate(0,-100%); -ms-transform:translate(0,-100%); transform:translate(0,-100%); -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); } .mm-menu.mm-offcanvas.mm-bottom { -webkit-transform:translate(0,100%); -ms-transform:translate(0,100%); transform:translate(0,100%); -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); top:auto; } .mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top { width:100%; min-width:100%; max-width:100%; height:80%; min-height:140px; max-height:880px; } html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .mm-menu.mm-shadow-page:after { content:""; display:block; width:20px; height:120%; position:absolute; left:100%; top:-10%; z-index:99; } .mm-menu.mm-shadow-page.mm-right:after { left:auto; right:100%; } .mm-menu.mm-shadow-page.mm-front:after,.mm-menu.mm-shadow-page.mm-next:after { content:none; display:none; } .mm-menu.mm-shadow-page:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) { box-shadow:0 0 10px rgba(0,0,0,.3); } .mm-menu.mm-theme-dark { background:#333; border-color:rgba(0,0,0,.15); color:rgba(255,255,255,.8); } .mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter { color:rgba(255,255,255,.4); } .mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before { border-color:rgba(255,255,255,.4); } .mm-menu.mm-theme-dark .mm-listview { border-color:rgba(0,0,0,.15); } .mm-menu.mm-theme-dark .mm-listview>li .mm-next:after { border-color:rgba(255,255,255,.4); } .mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color:rgba(0,0,0,.1); tap-highlight-color:rgba(0,0,0,.1); } .mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span { background:rgba(0,0,0,.1); } .mm-menu.mm-theme-dark .mm-divider,.mm-menu.mm-theme-dark .mm-fixeddivider span,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next { background:rgba(255,255,255,.05); } .mm-menu.mm-theme-dark label.mm-check:before { border-color:rgba(255,255,255,.8); } .mm-menu.mm-shadow-page.mm-theme-dark:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) { box-shadow:0 0 20px rgba(0,0,0,.5); } .mm-menu.mm-theme-dark .mm-search input { background:rgba(255,255,255,.3); color:rgba(255,255,255,.8); } .mm-menu.mm-theme-dark .mm-indexer a,.mm-menu.mm-theme-dark .mm-noresultsmsg { color:rgba(255,255,255,.4); } .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) { background:rgba(0,0,0,.1); } .mm-menu.mm-theme-dark label.mm-toggle { background:rgba(0,0,0,.15); } .mm-menu.mm-theme-dark label.mm-toggle:before { background:#333; } .mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle { background:#4bd963; } .mm-menu.mm-theme-white { background:#fff; border-color:rgba(0,0,0,.1); color:rgba(0,0,0,.6); } .mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*,.mm-menu.mm-theme-white em.mm-counter { color:rgba(0,0,0,.3); } .mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before { border-color:rgba(0,0,0,.3); } .mm-menu.mm-theme-white .mm-listview { border-color:rgba(0,0,0,.1); } .mm-menu.mm-theme-white .mm-listview>li .mm-next:after { border-color:rgba(0,0,0,.3); } .mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color:rgba(0,0,0,.05); tap-highlight-color:rgba(0,0,0,.05); } .mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span { background:rgba(0,0,0,.05); } .mm-menu.mm-theme-white .mm-divider,.mm-menu.mm-theme-white .mm-fixeddivider span,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next { background:rgba(0,0,0,.03); } .mm-menu.mm-theme-white label.mm-check:before { border-color:rgba(0,0,0,.6); } .mm-menu.mm-shadow-page.mm-theme-white:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) { box-shadow:0 0 10px rgba(0,0,0,.2); } .mm-menu.mm-theme-white .mm-search input { background:rgba(0,0,0,.05); color:rgba(0,0,0,.6); } .mm-menu.mm-theme-white .mm-indexer a,.mm-menu.mm-theme-white .mm-noresultsmsg { color:rgba(0,0,0,.3); } .mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) { background:rgba(0,0,0,.05); } .mm-menu.mm-theme-white label.mm-toggle { background:rgba(0,0,0,.1); } .mm-menu.mm-theme-white label.mm-toggle:before { background:#fff; } .mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle { background:#4bd963; } .mm-menu.mm-theme-black { background:#000; border-color:rgba(255,255,255,.2); color:rgba(255,255,255,.6); } .mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*,.mm-menu.mm-theme-black em.mm-counter { color:rgba(255,255,255,.4); } .mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before { border-color:rgba(255,255,255,.4); } .mm-menu.mm-theme-black .mm-listview { border-color:rgba(255,255,255,.2); } .mm-menu.mm-theme-black .mm-listview>li .mm-next:after { border-color:rgba(255,255,255,.4); } .mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color:rgba(255,255,255,.3); tap-highlight-color:rgba(255,255,255,.3); } .mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span { background:rgba(255,255,255,.3); } .mm-menu.mm-theme-black .mm-divider,.mm-menu.mm-theme-black .mm-fixeddivider span,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next { background:rgba(255,255,255,.2); } .mm-menu.mm-theme-black label.mm-check:before { border-color:rgba(255,255,255,.6); } .mm-menu.mm-shadow-page.mm-theme-black:after { content:none; display:none; } .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) { box-shadow:false; } .mm-menu.mm-theme-black .mm-search input { background:rgba(255,255,255,.3); color:rgba(255,255,255,.6); } .mm-menu.mm-theme-black .mm-indexer a,.mm-menu.mm-theme-black .mm-noresultsmsg { color:rgba(255,255,255,.4); } .mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) { background:rgba(255,255,255,.3); } .mm-menu.mm-theme-black label.mm-toggle { background:rgba(255,255,255,.2); } .mm-menu.mm-theme-black label.mm-toggle:before { background:#000; } .mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle { background:#4bd963; } .mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after { content:''; display:block; clear:both; } .mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-panel:after { content:none; display:none; } .mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li { width:50%; height:0; padding:50% 0 0; float:left; position:relative; } .mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after { left:0; top:0; border-right-width:1px; border-right-style:solid; z-index:-1; } .mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs { width:12.5%; padding-top:12.5%; } .mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s { width:25%; padding-top:25%; } .mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l { width:75%; padding-top:75%; } .mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl { width:100%; padding-top:100%; } .mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span { line-height:1px; text-align:center; padding:50% 10px 0; margin:0; position:absolute; top:0; right:1px; bottom:1px; left:0; } .mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next { width:auto; } .mm-menu.mm-tileview .mm-panel { padding-left:0; padding-right:0; } .mm-menu.mm-tileview .mm-listview { margin:0; } ul#menu li:before,#fixed li:before { display:none; } #menu2 li:before { display:none; } .mm-panels>.mm-panel>.mm-listview { margin:20px -20px!important; } .mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top:-20px!important; } #menu2 .price { display:none; } #menu2 .area-menu-service > .columns > .column:first-child > .item.item-1:last-child { padding:0 0 10px; } .area-menu-service .item-1 a { font-size:1.3rem; } .area-menu-service .item-1 { margin-bottom:20px !important; } .block-site-index { margin-top: 0px; } .icon-whatsapp { background-image: url(../../assets/images/whatsapp.png); } .area-header .mails { padding-left: 25px; } .area-header .mails .icon { width: 14px; height: 14px; background-size: contain; background-repeat: no-repeat; background-position: center; top: -2px; } .area-header .phones .callme { display: none; } @media only screen and (max-width : 1020px) { .area-projects .image { border:1px solid transparent; } .area-menu-service .item-1 br { display: none; } .adapt_menu { z-index:1000; display:block!important; font-size:16px; font-weight:700; text-transform:uppercase; cursor:pointer; line-height:24px; color:#fff; background:url(../../assets/images/background-buttons.jpg) center top no-repeat #202E31; } .adapter1 span { margin:0 3px 3px 0; display:inline-block; vertical-align:middle; width:30px; height:3px; background:#fff; position:relative; } .adapter1 span:before { content:''; width:100%; position:absolute; top:-6px; left:0; height:3px; background:#fff; } .adapter1 span:after { content:''; width:100%; position:absolute; bottom:-6px; left:0; height:3px; background:#fff; } .adapter1 { float:left; } .adapter1 a { text-decoration:none; display:block; padding:10px; color:#fff; } .adapt_menu:after { display:table; clear:both; content:''; } .adapt_menu.fixed { position:fixed; top:0; left:0; width:100%; } .area-projects>.wrapper { width:100%; } .area-projects .columns>.column { margin-top:15px; width:100%!important; margin-left:0!important; } .block-photos-projects .slider .overflow { height:initial; width:100%; } .block-photos-projects .slider .slides { position:static; } .block-photos-projects .slider .item { height:100%; overflow:hidden; width:100%; } .block-photos-projects>.wrapper:before { display:none; } .block-photos-projects>.wrapper { height:initial; } .block-photos-projects { margin-top:-40px; margin-bottom:-50px; } #menu { display:none; } .area-header .column.logo:before { display:block; } .region-menu { z-index:9; } .area-header .column.logo { background:#f0b653; text-align:left; height:initial; margin-bottom:0; width:50%; } .region-header { z-index: 10 } .area-header .column.logo>a { display:inline-block; margin-top:5px; margin-bottom:5px; } .area-header .column.info { text-align:center; width:50%; display: flex; align-items: center; justify-content: flex-end; } .area-header .adress { display: none; } .area-header .mails { position: absolute; right: 20px; bottom: -30px; } .area-header .favorites, .area-header .adress, .area-header .mails, .area-header .phones { margin-top: 0; margin-left: 0; } .area-header > .columns { display: flex; align-items: stretch; } .area-header .phones { margin-left: 0; padding-right: 20px } .area-header .phones span { display: inline-block; margin-bottom: 5px } .area-header .phones .icon-phone-yellow { background-image: url(../../assets/images/icon-phone-black.png); } .area-header .phones a { color: #000 !important; } .area-header .phones .callme { display: inline; } .area-header>.wrapper:before { background-color: #f0b653; } .area-header .column.logo>a img { width: auto; height: 50px; } .area-advantages>.wrapper { height:initial; width:100%; } .area-site>.wrapper { width:100%; } .area-slide .wrapper { width:100%; padding-left:10px; padding-right:10px; } .page { min-width:320px; } .region>.wrapper,.block>.wrapper { width:100%; } .area-header>.wrapper { height:initial; width:100%; } .area-advantages>.wrapper:before { display:none; } .area-advantages .item { height:180px; width:25%; } .page-index .block-content-1>.wrapper { padding:0 10px; } .area-special .item { margin:20px 10px; } .area-special .item:nth-of-type(3n-2) { margin-left:10px; } .area-site>.wrapper { text-align:center; } .area-site-front .item { text-align:left; } .area-site .item:nth-of-type(3n-1) { margin-left:10px; margin-right:10px; } .area-site-front .item { margin-left:10px; margin-right:10px; } .area-seo>.wrapper { width:100%; padding:0 10px; } .area-seo .item { width:100%; } .area-seo .item:nth-of-type(2n) { margin-left:0; } .block-projects .elements { text-align:center; } .block-projects .elements .item { border: none; box-shadow: none; margin:0 10px 35px; } .block-projects .elements .item:after { display: none; } .block-form>.wrapper { background:transparent; text-align:center; } h1,h2,div.h,div.h2 { text-align:center; } .area-special-front .h { padding-left:0; } #form_message form { width:100%!important; padding:0 10px; } .page-index .area-background { margin-top: 10px !important; } .area-background >.wrapper { width:100%; padding:0 10px; } .page-index .block-content-3 > .wrapper > .columns > .column { display: block; width: 100% !important; } .page-index .block-content-3 > .wrapper > .columns > .column:nth-of-type(1) { margin-bottom: 35px; } .page-index .block-content-3 > .wrapper > .columns > .column:nth-of-type(1) .item { margin: 0 auto 35px; max-width: 300px; } .page-index .block-content-3 > .wrapper > .columns > .column:nth-of-type(2) { margin-left: 0 !important; } .page-index .block-content-3 > .wrapper > .columns > .column:nth-of-type(2) .column { margin-left: 0 !important; margin-bottom: 0 !important; } .area-background-left>.wrapper>.content:before,.area-background-left>.wrapper>.content:after { display:none; } .area-background-left>.wrapper>.content,.area-background-left>.wrapper>.content * { text-align:center; } .area-background>.wrapper>.image { display:none; } .area-background-right>.wrapper>.content,.area-background-right>.wrapper>.content * { text-align:center; } .area-background-right>.wrapper>.content:before,.area-background-right>.wrapper>.content:after { display:none; } .block-content-5 { margin-top:-25px; } .block-content-3 .content p br { display:none; } .block-content-5 .content p br { display:none; } .area-footer>.wrapper { width:100%; padding:0 10px; } .area-slide .title { font-size:2.4rem; line-height:normal; } .area-footer .buttons .button { font-size:1rem; height:auto; margin:0 5px; padding:20px; } .area-footer .links { } .block-projects-footer { width:100%; padding:15px 10px 5px; } .block-projects-footer>.wrapper { position:static; } .area-footer > .wrapper > .columns:nth-child(2) > div { width:100%!important; margin-right:0!important; text-align:center; } .area-footer .buttons .button-phone .icon { display:none; } .area-footer .buttons .button-mail .icon { display:none; } .area-footer .contacts .adress { padding-left:0; } .area-footer .contacts .phones { padding-left:0; } .area-footer .contacts .mails { padding-left:0; } .area-footer .contacts .time { padding-left:0; } .area-footer .contacts .adress:before,.area-footer .contacts .phones:before,.area-footer .contacts .mails:before,.area-footer .contacts .time:before { display:none; } .block-projects-footer { background:#000000d6; } .area-footer .contacts { margin-top:20px; } .block-buttons .buttons>span { display:none; } .block-buttons .buttons .button { padding:19px 0; } .block-buttons .buttons { text-align:center; } .block-buttons .buttons .button-web { padding-left:35px; } .block-buttons .buttons .button-profile { padding-left:35px; } .block-buttons .buttons .button-phone { padding-left:35px; } .block-buttons .buttons .button-web .icon { left:10px; } .block-buttons .buttons .button-mail { padding-left:40px; } .block-buttons .buttons .button-profile .icon { left:10px; } .block-buttons .buttons .button-phone .icon { left:10px; } .block-buttons .buttons .button-mail .icon { left:10px; } #crumb { padding:0 10px; } #content_1 { padding:0 10px; } .area-price-main > .wrapper > .column:nth-child(1) { width:50%!important; } .area-price-main > .wrapper > .column:nth-child(2) { width:50%!important; } .area-price-main > .wrapper > .column:nth-child(3) { width:100%!important; } .area-price-main > .wrapper > .column:nth-child(4) { width:100%!important; } .area-price-main > .wrapper > .column:nth-child(5) { width:100%!important; } .area-price-main .item-4 { height:100px; } .area-price-main .item-4 .title { top:25px; } .area-price-main ~ p ~ .columns > .column { width:100%!important; } .area-price-main .item .price,.area-price-main .item .buttons { display:none; } .area-price-main .item-4:hover .title { top:25px; } .block-portfolio .sections .item:nth-of-type(3n-2) { margin-left:10px; } .block-portfolio .sections .item { margin:0 10px 35px; } .block-portfolio .sections { text-align:center; } .block-content-2 { padding:0 10px; } .area-price .item>.image img { width:100%; } .area-price .item>.image { width:100%; } .area-price .item>.info { width:100%; } .area-price .item .buttons .button { text-align:center; } .area-price .item .buttons { text-align:left; } .area-price .item>.content { width:100%; } .region-articles { padding:0 10px; } .area-contacts > .wrapper > .columns > .column { width:100%!important; margin-top:20px!important; } .area-contacts form { text-align:center; } .area-background-1.items-colors-rect ~ .columns > .column { width:100%!important; margin-left:0!important; } .items-yellow-rectangle .item img { left:-7px; } .block-buttons .buttons .button:hover:before { background-color:transparent; } .area-site .item { text-align:left; } .block.block-content-1.block-content > .wrapper > .columns > .column { margin-left:0!important; } .block-projects-background>.wrapper:before { display:none; } #projects_elements { background:url(../../assets/images/background-projects-elements.jpg) center center no-repeat; background-size:cover; } } @media only screen and (max-width : 999px) { .area-projects:before { background-size: cover; background-attachment: scroll; } .block-form .column-1 { margin-top: 30px; display: block; width: 100%; } .block-form .column-1:nth-of-type(1) { margin-top: 0; } .block-reviews > .wrapper > .text { padding: 0 30px 0px; } .block-reviews .item { display: block; margin-left: 0; padding: 0 20px 0 170px; width: auto; } .block-reviews .item .image { left: 20px; } } @media only screen and (max-width : 767px) { .area-step .item { margin:0 0 25px!important; } .area-step .item .arrow { display:none; } .area-step .item .arrow-right { display:none; } .area-step>.wrapper>.h { font-size:24px; line-height:normal; position:static; } #projects_elements > .wrapper > .h2.white > a { color:#202e31!important; } .columns>.column-50 { width:100%; margin-left:0!important; } div.h span { display:block; } h1 a,h2 a,div.h a,h1 span,h2 span,div.h span { display:block; } .area-items-colors .item .image { display:none; } .area-items-colors .item { padding:40px 0 50px; } .area-steps .text { margin-top:0!important; } .items-colors-rect .flex { display:block; } .columns>.column-33 { width:100%; margin:10px 0; } .columns>.column-33:nth-of-type(3n+2) { margin:0; } .items-colors-rect .flex .item { min-height:initial; } .area-contacts form .columns>.column { width:100%!important; margin-left:0!important; } .block-map { height:250px; } #map-container > ymaps { height:250px!important; } .area-contacts > .wrapper > .background-2 ~ .image { display:none; } .block-crumb .control { position:absolute; right:50%; margin-right:-81px; top:0; } .block-crumb>.wrapper { padding-bottom:20px; padding-top:30px; } .block-crumb>.wrapper>span { margin-top:15px; display:inline-block; } .area-price-main .item-1:hover .title { top:25px; } .area-price-main > .wrapper > .column:nth-child(1) { width:100%!important; } .area-price-main .item-1 { height:100px; } .area-price-main .item-1 .title { top:25px; } .area-price-main > .wrapper > .column:nth-child(2) { width:100%!important; } .area-price-main .item-2 { height:100px; } .area-price-main .item-2 .title { top:25px; } .area-price-main .item-3 { height:100px; } .area-price-main .item-3 .title { top:25px; } .area-price-main .item-1 .title a br { display:none; } img { max-width:100%; height:auto; } .area-slide .field { width:100%; margin-right:0; margin-bottom:10px; } .block-buttons .buttons .button-web { display:none; } .block-buttons .buttons .button-profile { display:none; } .area-advantages .item .text { font-size:12px; } .area-special-front .h { padding-top:30px; padding-bottom:30px; } .block-site { margin-top:0; } .area-special-front { margin-bottom:0px; padding-bottom:50px; } h1 a:before,h2 a:before,div.h a:before,h1 span:before,h2 span:before,div.h span:before { height:100%; right:0; position:absolute; top:0; transform:none; width:100%; left:0; } .area-seo.area-seo-front > h2 > a { display:block; padding:5px 0; } .fields>.field { width:100%!important; margin-left:0!important; } .area-slide .buttons { width: 100%; margin-top: 15px; } .area-footer .buttons .button { width:46%; font-size:1rem; margin:0 1% 10px; padding:20px; } .area-about-service .item:nth-of-type(2n-1) { background-image:none; padding-right:0; } .area-about-service .item .image { display:none; } .area-about-service .item:nth-of-type(2n) { background-image:none; padding-left:0; } .area-about-service .item { min-height:initial; margin-bottom:5px; } .area-items-colors .item { padding-left:0!important; } } @media only screen and (max-width : 600px) { .block-reviews .item { padding: 0 20px; } .block-reviews > .wrapper > .text { padding: 0 15px 0; } .block-reviews .item .image { border-radius: 120px; margin: 0px auto 20px; left: 0; position: relative; top: 0; width: 240px; } .block-reviews .item .title, .block-reviews .item .office, .block-reviews .item .lite { text-align: center; } .block-reviews .item .lite { font-size: 1.1rem; } .block-seo-index > .wrapper > .columns { } .block-seo-index > .wrapper > .columns > .column { display: block; } .block-seo-index > .wrapper > .columns > .column:nth-of-type(1) { padding-left: 30px; width: 100% !important; } .block-seo-index > .wrapper > .columns > .column:nth-of-type(2) { margin-left: 0 !important; margin-top: 50px; width: 100% !important; } .block-seo-index > .wrapper > .columns .area-content .column { margin-left: 0 !important; } } @media only screen and (max-width : 480px) { .columns>.column-25 { width:100%; } .columns>.column-25:nth-of-type(4n+3) { margin:0; } .columns>.column-25:nth-of-type(4n+2) { margin:0; } .area-header .column.logo>a { margin-top:0; } .area-slide .title { font-size:24px; margin-bottom:15px; } .area-slide .small-1 { font-size:18px; margin-bottom:20px; } .area-slide .small-2 { font-size:20px; margin-bottom:20px; } .area-slide .text { font-size:1.2rem; line-height:normal; margin-top:10px; } .area-slide form { margin-top:30px; } .area-advantages .item { height:180px; width:50%; } .area-advantages .item .text { font-size:15px; } h1,h2,div.h,div.h2 { font-size:22px; margin:0 0 20px; } .area-special-front .h { padding-top:20px; padding-bottom:20px; } .area-special .item:nth-of-type(3n-2) { margin-left:0; } .area-special .item { margin:20px 0; width:100%; } .area-special .item .text { margin-top:0; } .area-site-front .item { margin-left:0; margin-right:0; } .area-site .item:nth-of-type(3n-1) { margin-left:0; margin-right:0; } .area-seo-front { padding-top:20px; } .area-seo.area-seo-front > h2 { padding:0 10px; } .area-seo.area-seo-front > h2 > a { padding:5px; } .area-seo .item { margin-bottom:20px; padding:24px 20px 30px; } .area-seo .item .image { display:none; } .block-projects .elements .item:nth-of-type(3n-2) { margin-left:0; } .block-projects .elements .item { margin:0 0 20px; } h1,h2,div.h,div.h2 { padding:0 5px; } h3,div.h3 { margin:0 0 20px; } .area-background>.wrapper>.content { padding:20px 0; } h4 { font-size:1.6rem; margin:0 0 20px; } .area-footer .buttons .button { width:98%; font-size:1rem; margin:0 0 10px; padding:20px; } .buttons>.button:before { transform:none; } .area-footer .buttons { padding:25px 0 20px; } .area-footer .copyright { margin-top:10px; } .block-projects .elements .item { margin:0 5px 10px; } .item:nth-of-type(4n-3) { margin-left:5px; } .block-projects .elements { margin-bottom:0; } .area-footer .portfolio { margin-top:20px; } .area-slide .wrapper { padding:30px 0 0; } .item:nth-of-type(4n-3) { margin-left:0; } .block-buttons .buttons .button-phone { padding-left:32px; } .area-price-main .item .title,.area-price-main .item .title a { font-size:20px; } .area-price-main .item-1 .title { top:35px; } .area-price-main .item-2 .title { top:35px; } .area-price-main .item-3 .title { top:35px; } .area-price-main .item-4 .title { top:35px; } .area-slide .wrapper { padding:30px 5px 0; } .block-portfolio .sections .item { margin:0 0 35px; } .block-portfolio .sections .item:nth-of-type(3n-2) { margin-left:0; } .block-content-1 { margin-top:30px; } .area-price .item .buttons .button { font-size:1.2rem; height:50px; padding:18px 15px; width: auto; } .area-price .item>.content { padding:30px 10px; } .area-price .item>.info { padding:30px 8px 15px; } .block-buttons .buttons .button-phone .icon { left:0; } .block-buttons .buttons .button-phone { padding-left:20px; } .area-about-service .item .title { font-size:20px; } .block.block-content-1.block-content > .wrapper > .columns > .column { width:100%!important; margin-right:0!important; } .columns>.column-33 { width:100%; } .columns>.column-33:nth-of-type(3n+2) { margin:0; } .lite,.lite p { margin:15px 0 10px; } .block.block-content-1.block-content > .wrapper > .columns > .column { margin-left:0; margin-bottom:10px; } .area-columns-colors .item .image { display:none; } .area-columns-colors .item { padding:40px 10px; } .area-content>.wrapper > .column { width:100%!important; } .area-items-colors .item { height:initial!important; } #content_1 > .wrapper > p > img { float:none!important; margin-left:0!important; margin-right:0!important; } .area-content .column { width:100%!important; } .block-viewer .return { max-width:none; width:100%; } .block-viewer .return { padding:30px 25px 50px; } .block-projects .elements .item .hover { opacity: 1; } .block-projects .elements .item .hover:before { left:0; } .block-projects .elements .item .title,.block-projects .elements .item .buttons,.block-projects .elements .item .lite { opacity:1; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0); } .area-content .column { margin-left:0!important; } .buttons>.button { padding:10px 7px 0; } .area-background-1.area-columns .columns>.column-20 { width:46%; } .area-site-price .item { margin-bottom: 25px !important; text-align: center; } .area-site-price .item .prefix { padding-top: 0; display: block; margin-bottom: 8px; } .area-site-price .item .value { margin-left: 0; } .area-description .title { text-align: center; margin-bottom: 20px; padding-left: 0; padding-top: 65px; } .area-description .title img { top: 0; left: 50%; height: 50px; width: 50px; margin-left: -25px; } .area-description .text { text-align: center; } .area-header .phones { padding-left: 0; } .area-header .phones .icon { display: none; } } @media only screen and (max-width : 380px) { .area-header .column.logo>a img { height: 45px } } @media all and (max-width:999px) { .area-12 > .column { width: auto !important; margin-left: 0 !important; } .area-12 > .column:nth-of-type(1) { margin-bottom: 40px; } .area-11 > .column { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; } .area-11 > .column:nth-of-type(1) { margin-bottom: 40px; } } .area-faq { margin-top: 55px; margin-bottom:30px } .area-faq > div { margin-bottom:45px } .area-faq > div.show .q:before { transform:rotate(-90deg) } .area-faq > div.show .a { max-height:none } .area-faq .q { font-size: 1.6rem; margin-bottom: 25px; position: relative; cursor:pointer } .area-faq .q:before { content: ""; width: 24px; height: 24px; position: absolute; right: 0; top: 0; background: url(../../assets/images/icons/icon-arrow-lite-black.png) center center no-repeat; background-size: 100% 100%; opacity: 0.5; transition: 0.4s ease transform, 0.4s ease opacity; transform:rotate(90deg) } .area-faq .q:hover:before { opacity:1 } .area-faq .a { font-size: 1.1rem; line-height: 1.3; padding-left: 30px; margin-left: 10px; border-left: 4px solid #C7A373; height: auto; max-height: 0; overflow: hidden; transition: 0.4s ease max-height, 0.4s ease height; padding-right:50px } .CheckboxCaptcha-Links { display: none !important; } #footer .badge { max-width: none; } .area-content .flex { display: flex; flex-wrap: wrap; margin: 0 -15px; } .area-content .flex li { width: calc(50% - 30px); margin: 0 15px 30px; } .area-city a { font-weight: 700; } .area-city a:hover { color: #fff; } @media (max-width:769px) { .area-content .flex li { width: calc(100% - 30px); } } .area-slide .field.field-capcha, .area-slide .field.field-captcha{ display: none; } .area-slide .fields { display: flex; flex-direction: column; justify-content: center; align-items: center; } .area-slide .field { margin-right: 0 !important; margin-left: 0 !important; }