diff --git a/src/main/site/assets/less/functions.less b/src/main/site/assets/less/functions.less index d3b024e8c..0325ca977 100644 --- a/src/main/site/assets/less/functions.less +++ b/src/main/site/assets/less/functions.less @@ -5,132 +5,12 @@ More info at: http://lesselements.com --------------------------------------------------- - - Gradient background - - Drop shadow - - Inner shadow - - Rounded - - Border radius - - Opacity - Transition - - Transition duration - Rotation - - Scale - - Translate - Box sizing */ -/* - Gradient background - * - * First color is the background color to use for browsers - * that don't support gradients. The second two colors are - * the start and stop colors, going from bottom to top. - */ - -.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) { - background: @color; - background: -webkit-gradient(linear, - left bottom, - left top, - color-stop(0, @start), - color-stop(1, @stop)); - background: -ms-linear-gradient(bottom, - @start, - @stop); - background: -moz-linear-gradient(center bottom, - @start 0%, - @stop 100%); - background: -o-linear-gradient(@stop, - @start); - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start)); -} - -/* - Drop shadow - * - * Adds a box-shadow that is a semi-transparent black. The - * first two values control the x and y axis position, the - * third controls blur (how big the shadow is), and the final - * value is the opacity (0 is fully transparent, 1 is opaque). - */ - -.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) { - -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); - -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); - box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); -} - -/* - Inner shadow - * - * Sets the inner shadow. The first two numbers are the x and y - * coordinates, the third is the blur and the last one is the - * strength of the shadow. - */ - -.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) { - -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); - -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); - box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); -} - -/* - Box shadow - */ - -.box-shadow(@arguments) { - -webkit-box-shadow: @arguments; - -moz-box-shadow: @arguments; - box-shadow: @arguments; -} - -/* - Rounded - * - * Sets a border-radius for all 4 corners. If you want to set - * border-radius for individual corners use: .border-radius - */ - -.rounded(@radius: 2px) { - -webkit-border-radius: @radius; - -moz-border-radius: @radius; - border-radius: @radius; -} - -/* - Border radius - * - * Sets a border-radius for each of the 4 corners individually. - * The values go in a clockwise rotation: top right, bottom right, - * bottom left, top left. - */ - -.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { - -webkit-border-top-right-radius: @topright; - -webkit-border-bottom-right-radius: @bottomright; - -webkit-border-bottom-left-radius: @bottomleft; - -webkit-border-top-left-radius: @topleft; - -moz-border-radius-topright: @topright; - -moz-border-radius-bottomright: @bottomright; - -moz-border-radius-bottomleft: @bottomleft; - -moz-border-radius-topleft: @topleft; - border-top-right-radius: @topright; - border-bottom-right-radius: @bottomright; - border-bottom-left-radius: @bottomleft; - border-top-left-radius: @topleft; - .background-clip(padding-box); -} - -/* - Opacity - * - * Sets the opacity. 0 is fully transparent, 1 is opaque. - */ - -.opacity(@opacity: 0.5) { - -moz-opacity: @opacity; - -khtml-opacity: @opacity; - -webkit-opacity: @opacity; - opacity: @opacity; - @opperc: @opacity * 100; - -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})"; - filter: ~"alpha(opacity=@{opperc})"; -} - /* - Transition * * Sets the transition duration and effect to use for any @@ -139,63 +19,16 @@ */ .transition(@duration:0.2s, @ease:ease-out) { - -webkit-transition: all @duration @ease; - -moz-transition: all @duration @ease; - -o-transition: all @duration @ease; transition: all @duration @ease; } -/* - Transition duration - * - * Sets a transition-duration (time it takes to do things like - * hover effects). The value provides a time in seconds. - */ - -.transition-duration(@duration: 0.2s) { - -moz-transition-duration: @duration; - -webkit-transition-duration: @duration; - -o-transition-duration: @duration; - transition-duration: @duration; -} - -/* - Transform - */ - -.transform(...) { - -webkit-transform: @arguments; - -moz-transform: @arguments; - -o-transform: @arguments; - -ms-transform: @arguments; - transform: @arguments; -} - /* - Rotation * * Rotates the item by a number of degrees clockwise. */ .rotation(@deg:5deg){ - .transform(rotate(@deg)); -} -/* - Scale - * - * Scales the item by the ratio provided. The example makes the - * item 2 times larger. - */ - -.scale(@ratio:1.5){ - .transform(scale(@ratio)); -} - -/* - Translate - * - * Translates an element using the given coordinates. The values - * are x and y offset coordinates, so the above example moves the - * element right 10 pixels and up 20 pixels. - */ - -.translate(@x:0, @y:0) { - .transform(translate(@x, @y)); + transform: rotate(@deg); } /* - Boox sizing @@ -206,17 +39,5 @@ */ .box-sizing(@sizing: border-box) { - -ms-box-sizing: @sizing; - -moz-box-sizing: @sizing; - -webkit-box-sizing: @sizing; box-sizing: @sizing; } - -/* - Background clip - */ - -.background-clip(@argument: padding-box) { - -moz-background-clip: @argument; - -webkit-background-clip: @argument; - background-clip: @argument; -} \ No newline at end of file diff --git a/src/main/site/assets/less/layout.less b/src/main/site/assets/less/layout.less index d86498482..f377cde82 100644 --- a/src/main/site/assets/less/layout.less +++ b/src/main/site/assets/less/layout.less @@ -83,7 +83,7 @@ h1 { left: -18px; bottom: -20px; - .rounded(10px); + border-radius: 10px; } a { @@ -113,7 +113,7 @@ h2 { left: -18px; bottom: -11px; - .rounded(10px); + border-radius: 10px; } } diff --git a/src/main/site/assets/less/style.less b/src/main/site/assets/less/style.less index ad9431d52..28fcdedb1 100755 --- a/src/main/site/assets/less/style.less +++ b/src/main/site/assets/less/style.less @@ -119,7 +119,7 @@ left: 5px; .transition(); - .opacity(0); + opacity: 0; } span { @@ -159,7 +159,7 @@ font-size: 14px; font-size: 1.4rem; - .rounded(8px); + border-radius: 8px; .transition(); &:hover { @@ -224,7 +224,7 @@ } .logo a::after { - .opacity(1); + opacity: 1; } .sep::after { @@ -428,14 +428,14 @@ nav#nav-mobile { right: 0; z-index: 10000; - .border-radius(0, 0, 5px, 0); + border-bottom-left-radius: 5px; input { display: none; border: 0; padding: 2px 4px; - .border-radius(0, 0, 3px, 0); + border-bottom-left-radius: 3px; @media (@mobile) { display: inline-block; @@ -570,7 +570,7 @@ nav#nav-mobile { top: 8px; left: 0; - .rounded(2px) + border-radius: 2px; } &::before { @@ -680,7 +680,7 @@ nav#nav-mobile { border: 2px solid #000; margin-bottom: 8px; - .rounded(100%); + border-radius: 100%; .transition(); &.active { @@ -710,7 +710,7 @@ nav#nav-mobile { opacity: 1; visibility: visible; - .translate(10px); + transform: translateX(10px); } } diff --git a/src/main/site/css/style.min.css b/src/main/site/css/style.min.css deleted file mode 100644 index dcb5c1265..000000000 --- a/src/main/site/css/style.min.css +++ /dev/null @@ -1 +0,0 @@ -/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.mixin-col{border:0 solid rgba(0,0,0,0);float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-background-clip:padding-box!important;-webkit-background-clip:padding-box!important;background-clip:padding-box!important;margin-bottom:0}.col{border:0 solid rgba(0,0,0,0);float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-background-clip:padding-box!important;-webkit-background-clip:padding-box!important;background-clip:padding-box!important;margin-bottom:0}.row.nospace .col{padding:0}.mixin-span_first{margin-left:0}.row.sameh{overflow:hidden;margin-bottom:10px}.row.sameh .col{margin-bottom:-99999px;padding-bottom:99999px}@media screen and (min-width:0) and (max-width:649px){.col{margin-left:1%;padding:0 10px}.col-m1_4,.col-t1_4,.col-1_4{width:25%;border-left-width:2px;border-right-width:2px;padding:0 10px;margin-left:0}.col-m1_2,.col-t1_2,.col-1_2{width:50%;border-left-width:2px;border-right-width:2px;padding:0 10px;margin-left:0}.col-m3_4,.col-t3_4,.col-3_4{width:75%;border-left-width:2px;border-right-width:2px;padding:0 10px;margin-left:0}.col-mfull,.col-tfull,.col-full{margin-left:0;width:98%;margin-left:1%}.col-mhide{display:none}}@media screen and (min-width:650px) and (max-width:959px){.col{margin-left:.5%;padding:0 10px}.row .col:first-child{margin-left:0}.col-t1_8{width:12.5%;border-left-width:2px;border-right-width:2px;padding:0 10px;margin-left:0}.col-t1_4,.col-1_4{width:25%;border-left-width:2px;border-right-width:2px;padding:0 10px;margin-left:0}.col-t3_8,.col-1_3{width:37.5%;border-left-width:2px;border-right-width:2px;padding:0 10px;margin-left:0}.col-t1_2,.col-1_2{width:50%;border-left-width:2px;border-right-width:2px;padding:0 10px;margin-left:0}.col-t5_8,.col-2_3{width:62.5%;border-left-width:2px;border-right-width:2px;padding:0 10px;margin-left:0}.col-t3_4,.col-3_4{width:75%;border-left-width:2px;border-right-width:2px;padding:0 10px;margin-left:0}.col-t7_8{width:87.5%;border-left-width:2px;border-right-width:2px;padding:0 10px;margin-left:0}.col-tfull,.col-full{width:100%;border-left-width:2px;border-right-width:2px;padding:0 10px;margin-left:0}.col-thide{display:none}}@media screen and (min-width:960px){.col{margin-left:0;padding:0 5px}.row .col:first-child{margin-left:0}.col-1_12{width:8.33333333%;border-left-width:20px;border-right-width:20px;padding:0;margin-left:0}.col-1_6{width:16.66666667%;border-left-width:20px;border-right-width:20px;padding:0;margin-left:0}.col-1_4{width:25%;border-left-width:20px;border-right-width:20px;padding:0;margin-left:0}.col-1_3{width:33.33333333%;border-left-width:20px;border-right-width:20px;padding:0;margin-left:0}.col-5_12{width:41.66666667%;border-left-width:20px;border-right-width:20px;padding:0;margin-left:0}.col-1_2{width:50%;border-left-width:20px;border-right-width:20px;padding:0;margin-left:0}.col-7_12{width:58.33333333%;border-left-width:20px;border-right-width:20px;padding:0;margin-left:0}.col-2_3{width:66.66666667%;border-left-width:20px;border-right-width:20px;padding:0;margin-left:0}.col-3_4{width:75%;border-left-width:20px;border-right-width:20px;padding:0;margin-left:0}.col-5_6{width:83.33333333%;border-left-width:20px;border-right-width:20px;padding:0;margin-left:0}.col-11_12{width:91.66666667%;border-left-width:20px;border-right-width:20px;padding:0;margin-left:0}.col-full{width:100%;border-left-width:20px;border-right-width:20px;padding:0;margin-left:0}.col-hide{display:none}}html{font-size:62.5%;line-height:1.4}@media (max-width:979px){html{font-size:55%}}@media (mobile){html{font-size:51%}}body{font-family:soleil,sans-serif;font-weight:400;font-size:16px;font-size:1.6rem;background-color:#f2f2f2;color:#000;padding:0}.container{margin:0;padding:0 50px 0 330px;max-width:960px;position:relative}.container.full{max-width:100%;padding-right:25px}@media (max-width:979px){.container{padding:0 40px 0 280px;max-width:650px}}@media (max-width:749px){.container{padding:0 2%;width:96%}}.home .container{padding:0 45px 0 285px}h1{font-size:40px;font-size:4rem;font-weight:700;line-height:1em;margin:0 0 1em}h1::after{content:"";background-color:#000;display:block;width:22px;height:3px;position:relative;left:-18px;bottom:-24px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}h2{color:#d6171e;font-size:28px;font-size:2.8rem;margin:1em 0 .9em}h2::after{content:"";background-color:#d6171e;display:block;width:22px;height:3px;position:relative;left:-18px;bottom:-14px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}h3{font-size:18px;font-size:1.8rem;margin:.2em 0 .9em}h4{font-size:16px;font-size:1.6rem;margin:.2em 0 .9em}h4 strong,h4 code{color:#d6171e}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}p{line-height:1.4em;margin-bottom:.8em}strong{font-weight:700}em{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}ul,ol{list-style-position:outside;margin-left:1.5em;padding-left:0}code{margin-bottom:1em}p>code{background-color:#fff;display:block;padding:10px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.flexnav{-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform-style:preserve-3d;overflow:hidden;margin:0 auto;width:100%;max-height:0}.flexnav.opacity{opacity:0}.flexnav.flexnav-show{max-height:2000px;opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.flexnav.one-page{position:fixed;top:50px;right:5%;max-width:200px}.flexnav ul{margin:0}.flexnav li{font-size:100%;position:relative;overflow:hidden}.flexnav li a{position:relative;display:block;padding:.96em;z-index:2;overflow:hidden;color:#222;background:#a6a6a2;border-bottom:1px solid rgba(255,255,255,.7);text-decoration:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.flexnav li a:hover{padding-left:1.5em}.flexnav li ul{width:100%}.flexnav li ul li{font-size:100%;position:relative;overflow:hidden}.flexnav li ul.flexnav-show li{overflow:visible}.flexnav li ul li a{display:block;background:#b2b2af}.flexnav ul li ul li a{background:#bfbfbc}.flexnav ul li ul li ul li a{background:#cbcbc9}.flexnav .touch-button{position:absolute;z-index:999;top:0;right:0;width:50px;height:46px;display:inline-block;background:#acaca1;background:rgba(0,0,0,.075);text-align:center}.flexnav .touch-button:hover{cursor:pointer}.flexnav .touch-button .navicon{position:relative;top:1.4em;font-size:12px;color:#666}.flexnav .touch-button .navicon::before{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.flexnav .touch-button.active .navicon::before{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.menu-button{position:relative;display:block;padding:1em;background:0 0;color:#222;cursor:pointer;border-bottom:0;text-align:right}.menu-button i{display:none}.menu-button.one-page{position:fixed;top:0;right:5%;padding-right:45px}.menu-button .touch-button{background:0 0;position:absolute;z-index:999;top:0;right:0;width:50px;height:50px;display:inline-block;text-align:center}.menu-button .touch-button .navicon{font-size:16px;position:relative;top:1em;color:#666}@media all and (min-width:750px){body.one-page{padding-top:70px}.flexnav{overflow:visible}.flexnav.opacity{opacity:1}.flexnav.one-page{top:0;right:auto;max-width:1080px}.flexnav li{position:relative;list-style:none;float:left;display:block;background-color:#a6a6a2;overflow:visible;width:20%}.flexnav li a{border-left:1px solid #acaca1;border-bottom:none}.flexnav li>ul{position:absolute;top:auto;left:0}.flexnav li>ul li{width:100%}.flexnav li ul li>ul{margin-left:100%;top:0}.flexnav li ul li a{border-bottom:none}.flexnav li ul.open{display:block;opacity:1;visibility:visible;z-index:1}.flexnav li ul.open li{overflow:visible;max-height:100px}.flexnav li ul.open ul.open{margin-left:100%;top:0}.menu-button{display:none}}.oldie body.one-page{padding-top:70px}.oldie .flexnav{overflow:visible}.oldie .flexnav.one-page{top:0;right:auto;max-width:1080px}.oldie .flexnav li{position:relative;list-style:none;float:left;display:block;background-color:#a6a6a2;width:20%;min-height:50px;overflow:visible}.oldie .flexnav li:hover>ul{display:block;width:100%;overflow:visible}.oldie .flexnav li:hover>ul li{width:100%;float:none}.oldie .flexnav li a{border-left:1px solid #acaca1;border-bottom:none;overflow:visible}.oldie .flexnav li>ul{background:#acaca1;position:absolute;top:auto;left:0;display:none;z-index:1;overflow:visible}.oldie .flexnav li ul li ul{top:0}.oldie .flexnav li ul li a{border-bottom:none}.oldie .flexnav li ul.open{display:block;width:100%;overflow:visible}.oldie .flexnav li ul.open li{width:100%}.oldie .flexnav li ul.open ul.open{margin-left:100%;top:0;display:block;width:100%;overflow:visible}.oldie .flexnav ul li:hover ul{margin-left:100%;top:0}.oldie .menu-button{display:none}.oldie.ie7 .flexnav li{width:19.9%}#nav{background-color:#dbdbdb;min-height:100%;width:260px;padding:0;border-top:6px solid #d6171e;overflow-x:hidden;position:fixed;top:0;left:0;z-index:9000;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#nav .wrapper{width:260px}#nav ul{margin:35px 0 0;padding:0}#nav li{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#nav li a{color:#4d4d4d;text-decoration:none;font-size:15px;font-size:1.5rem;display:inline-block;width:100%;padding:0 35px 4px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#nav li a:hover,#nav li a.active{background-color:#c2c2c2}#nav li i{font-size:130%;vertical-align:baseline}#nav li i::before{margin-left:0;margin-right:.5em;position:relative;top:1px}#nav li.logo a{background:url(../img/navLogoBig.png) no-repeat;text-align:center;text-indent:-9999px;display:block;width:160px;height:149px;margin:0 auto 40px}#nav li.logo a::after{content:"";background:url(../img/navLogoSmall.png) no-repeat;display:block;width:24px;height:17px;position:absolute;top:20px;left:8px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}#nav li.sep{margin-bottom:25px;position:relative}#nav li.sep::after{content:"";display:block;width:22px;height:3px;background-color:#c2c2c2;position:absolute;bottom:-14px;left:35px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#nav li.btn{padding:0 35px;margin-bottom:10px;margin-left:0}#nav li.btn a{background-color:#d6171e;color:#fff;font-size:14px;font-size:1.4rem;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#nav li.btn a:hover{background-color:#9c1421}#nav #social{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#nav #social a{color:#fff;text-align:center;font-size:50px;font-size:5rem;display:block;width:100%;height:40px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#nav #social a span{display:none}#nav #cc{color:#9e9d9d;text-align:center;text-decoration:none;font-size:13px;font-size:1.3rem;display:block;width:100%;padding:10px 35px;margin-top:20px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#nav.closed{width:40px}#nav.closed a{padding-left:14px}@media (max-width:979px){#nav.closed a{padding-left:15px}}#nav.closed li i{margin-left:-3px;padding-right:1em}#nav.closed .logo a::after{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}#nav.closed .sep::after{left:10px}#nav.closed .btn{margin-left:-32px}#nav.closed #social a{font-size:30px;font-size:3rem;margin-left:-122px;height:30px}@media (max-width:979px){#nav.closed #social a{margin-left:-123px}}@media (max-width:749px){#nav{display:none}}aside#submenu{background-color:#c2c2c2;width:240px;height:100%;padding-top:229px;position:fixed;top:0;left:30px;z-index:8500}@media (max-width:979px){aside#submenu{width:200px}}aside#submenu a{color:#4d4d4d;text-decoration:none;font-size:15px;font-size:1.5rem;display:inline-block;width:100%;padding:6px 25px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}aside#submenu a:hover{background-color:#f2f2f2}aside#submenu ul{margin:0;padding:0;position:relative}aside#submenu ul ul{padding:0 0 5px;margin-bottom:5px}aside#submenu ul ul::before{content:"\e80e";font-family:icons;display:block;width:10px;height:10px;position:absolute;top:-27px;right:12px}aside#submenu ul ul a{padding-left:50px}aside#submenu ul ul::after{content:"";background-color:#dbdbdb;display:block;width:190px;height:2px;position:relative;bottom:-5px;left:25px}@media (max-width:979px){aside#submenu ul ul::after{width:160px}}@media (max-width:749px){aside#submenu{display:none}}a#logo-mobile{display:none}@media (max-width:749px){a#logo-mobile{background:url(../img/navLogoBig.png) no-repeat;-webkit-background-size:contain;background-size:contain;text-indent:-9999px;display:block;width:80px;height:80px;position:relative;top:14px;left:2.2%}}.menu-button{top:-20px}nav#nav-mobile{display:none}@media (max-width:749px){nav#nav-mobile{display:block;position:relative;top:-22px}}#search{background-color:#d6171e;color:#fff;padding:4px 2px 5px 6px;position:absolute;top:0;right:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:5px;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}#search input{display:none;border:0;padding:2px 4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:3px;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}@media (max-width:749px){#search input{display:inline-block}}#search button{background-color:#d6171e;color:#fff;font-weight:400;border:0}#search button span{text-indent:-9999px;display:inline-block}#search:hover input{display:inline-block}#content{padding:8em 0 3em}@media (max-width:749px){#content{padding-top:3em}}#content.home{padding:0}#content.home h1{font-size:85px;font-size:8.5rem;margin:0 0 .5em}#content.home h1 span{display:inline-block}#content.home h1 strong{font-size:150px;font-size:15rem;font-weight:800;line-height:.7em;display:block}#content.home h1::after{display:none}#content.home h2{font-size:28px;font-size:2.8rem;text-transform:uppercase;margin:.2em 0 .9em}#content.home h2::after{display:none}#content.home section{padding:5em 0;width:100%}#content.home section.alternate{background-color:#d6171e;color:#fff}#content.home section.alternate h1 strong{color:#000}#content.home section#letsbegin .col-1_4{text-align:center}#content.home section#letsbegin .col-1_4 p{font-size:14px;font-size:1.4rem}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}} \ No newline at end of file