/* ----- CASCADE STYLE SHEETS ----- */
@font-face {font-family: "femo_reg"; src:url("../fonts/femo_reg.eot"); src:url("../fonts/femo_reg.eot?#iefix") format("embedded-opentype"), url("../fonts/femo_reg.woff") format("woff"), url("../fonts/femo_reg.ttf") format("truetype"), url("../fonts/femo_reg.svg#femo_reg") format("svg"); font-weight: normal; font-style: normal;}
@font-face {font-family: "femo_bld"; src:url("../fonts/femo_bld.eot"); src:url("../fonts/femo_bld.eot?#iefix") format("embedded-opentype"), url("../fonts/femo_bld.woff") format("woff"), url("../fonts/femo_bld.ttf") format("truetype"), url("../fonts/femo_bld.svg#femo_bld") format("svg"); font-weight: normal; font-style: normal;}
html, body {width: 100%; height: 100% !important; margin: 0; padding: 0; border: 0 none;}
body {overflow-y: scroll; overflow-x: hidden; font-family: "femo_reg", sans-serif !important; font-size: 13px; font-weight: normal; color: #161616; line-height: normal; backface-visibility: hidden;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
img, fieldset, abbr, acronym {border: 0;}
q:before, q:after {content: '';}
section {padding: 0;}
hr {display: block; width: 100%; height: 1px; background: #807F7E; border: none; margin: 15px auto 0;}
.clear {clear: both; padding: 0; margin: 0; border: 0 none;}
.inverted {filter: invert(100%); -webkit-filter: invert(1);}

/* ----- TOPFACE ----- */
#topface {position: relative; width: 100%; height: 100%; height: 100vh; margin: 0 auto; padding: 0; background: #212121 url(../images/bg-head.jpg) no-repeat center center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; overflow: hidden; cursor: default;}
.topface {position: absolute; width: auto; height: auto; top: 10%; right: 2%; bottom: 10%; left: 2%; padding: 0;}
.topface-1str, .topface-2str, .topface-3str, .topface-4str, .topface-5str, .topface-6str {position: absolute; width: 100%; color: #FFFFFF; text-align: center;}
.topface-1str {height: 50px; top: 10%; line-height: 24px; font-size: 24px;}
.topface-2str {height: 110px; top: 24%; line-height: 110px; font-family: "Arial", sans-serif; font-size: 110px;}
.topface-3str {height: 110px; top: 44%; line-height: 110px; font-family: "Arial", sans-serif; font-size: 110px;}
.topface-4str {height: 30px; top: 68%; line-height: 26px; font-size: 26px;}
.topface-5str {height: 50px; top: 82%; line-height: 24px; font-size: 24px;}
.topface-6str {height: auto; bottom: 0; line-height: 40px; font-size: 40px;}
.topface-6str i {color: #FEFEFE; transition: all 200ms;}
.topface-6str i:hover {color: #99C900;}

/* ----- EXHIBITION ----- */
#exhibition {position: relative; margin: 0 auto; padding: 50px 0 50px 0; background-color: #99C900; cursor: default;}
#exhibition .element-border {position: absolute; width: 50px; height: 50px; left: 50%; bottom: -12px; background-color: #99C900; z-index: 10; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); transition: all 200ms;}
#exhibition:hover .element-border {bottom: -16px;}
.exhibition-heig {margin: 0; padding: 0; color: #FFFFFF; text-align: center;}
.exhibition-name {margin-bottom: 10px; font-family: "femo_bld", sans-serif; font-size: 32px;}
.exhibition-note {margin-bottom: 30px; vertical-align: baseline; font-size: 20px;}
.exhibition-text {margin-bottom: 10px; line-height: 22px; font-size: 16px;}
.exhibition-prim {margin-bottom: 30px; vertical-align: baseline; font-size: 16px;}
.exhibition-botn {margin: 0 auto; font-size: 16px;}
.exhibition-botn .btn-custom {padding: 10px 18px 10px 18px; background-color: #60205A; color: #FEFEFE; transition: all 200ms;}
.exhibition-botn .btn-custom:hover {background-color: #191919; color: #FFFFFF;}
.exhibition-botn .btn-custom i {font-size: 0px; transition: all 200ms;}
.exhibition-botn .btn-custom:hover i {font-size: 14px;}
#exhibition h1 {margin-top: 15px; font-family: "femo_bld", sans-serif; color: #60205A; font-size: 32px;}

/* ----- CSLIDER ----- */
#cslider {position: relative; width: 100%; margin: 0 auto; padding: 0; border: 0 none; text-align: center; background: #60205A; cursor: default;}
.da-slider {position: relative; width: 100%; min-width: auto; height: 450px; margin: 0 auto; overflow: hidden; background: transparent url(../images/waves.png) repeat 0% 0%; -webkit-transition: background-position 1s ease-out 0.3s; -moz-transition: background-position 1s ease-out 0.3s; -o-transition: background-position 1s ease-out 0.3s; -ms-transition: background-position 1s ease-out 0.3s; transition: background-position 1s ease-out 0.3s;}
.da-slide {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; text-align: left; word-wrap: break-word;}
.da-slide-current {z-index: 1000;}
.da-slider-fb .da-slide {left: 100%;}
.da-slider-fb  .da-slide.da-slide-current {left: 0px;}
.da-slide h2, .da-slide p, .da-slide .da-link, .da-slide .da-img {position: absolute; opacity: 0; left: 110%;}
.da-slider-fb .da-slide h2, .da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link {left: 8%;}
.da-slider-fb .da-slide .da-img {left: 60%;}
.da-slide h2 {width: 50%; top: 36px; font-family: "Times New Roman", sans-serif; font-weight: normal; color: #FFFFFF; font-size: 62px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); white-space: nowrap; z-index: 10;}
.da-slide p {width: 50%; height: 112px; top: 150px; line-height: 28px; font-family: "femo_bld", sans-serif; font-size: 16px; color: #FFFFFF; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); word-wrap: break-word; overflow: hidden;}
.da-slide .da-img {width: 20%; height: 400px; line-height: 400px; text-align: center; top: 25px; left: 110%; /*60%*/}
.da-slide .da-link {width: auto; top: 316px; padding: 10px 30px; border-radius: 10px; border: 5px solid #99C900; line-height: 40px; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); font-family: "femo_bld", sans-serif; font-size: 16px; color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); text-align: center; text-decoration: none; background: rgba(255,255,255,0.1); transition: all 200ms;}
.da-slide .da-link:hover {border: 5px solid #383838; background: rgba(255,255,255,0.2); color: #FCFCFC;}
.da-dots {position: absolute; width: 100%; left: 0px; bottom: 20px; text-align: center; z-index: 2000; -moz-user-select: none; -webkit-user-select: none;}
.da-dots span {position: relative; display: inline-block; width: 14px; height: 14px; margin: 5px; border-radius: 50%; background: #99C900; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); transition: all 200ms;}
.da-dots span:hover {background: #383838;}
.da-dots span.da-dots-current:after {position: absolute; content: ''; width: 8px; height: 8px; top: 3px; left: 3px; border-radius: 50%; background: rgb(255,255,255); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.da-arrows {-moz-user-select: none; -webkit-user-select: none;}
.da-arrows span {position: absolute; top: 46%; height: 40px; width: 40px; border-radius: 50%; background: #99C900; cursor: pointer; z-index: 2000; opacity: 0.1; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); transition: all 300ms;}
.da-arrows span:hover {opacity: 1; background: #383838;}
.da-slider:hover .da-arrows span {opacity: 0.7;}
.da-arrows span:after {position: absolute; content: ''; width: 20px; height: 20px; top: 10px; left: 10px; background: transparent url(../images/arrows.png) no-repeat top left; border-radius: 50%;}
.da-arrows span.da-arrows-next:after {background-position: top right;}
.da-arrows span.da-arrows-prev {left: 15px;}
.da-arrows span.da-arrows-next {right: 15px;}
.da-slide-current h2, .da-slide-current p, .da-slide-current span, .da-slide-current .da-link {left: 10%; opacity: 1;}
.da-slide-current .da-img {left: 60%; opacity: 1;}
.cuttext {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* Animation classes and Animations */
.da-slide-fromright h2 {animation: fromRightAnim1 0.6s ease-in-out 0.8s both;}
.da-slide-fromright p {animation: fromRightAnim2 0.6s ease-in-out 0.8s both;}
.da-slide-fromright .da-link {animation: fromRightAnim3 0.4s ease-in-out 1.2s both;}
.da-slide-fromright .da-img {animation: fromRightAnim4 0.6s ease-in-out 0.8s both;}
@keyframes fromRightAnim1 { 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } }
@keyframes fromRightAnim2 { 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } }
@keyframes fromRightAnim3 { 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } }
@keyframes fromRightAnim4 { 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } }
.da-slide-fromleft h2 {animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;}
.da-slide-fromleft p {animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;}
.da-slide-fromleft .da-link {animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;}
.da-slide-fromleft .da-img {animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;}
@keyframes fromLeftAnim1 { 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } }
@keyframes fromLeftAnim2 { 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } }
@keyframes fromLeftAnim3 { 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } }
@keyframes fromLeftAnim4 { 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } }
.da-slide-toright h2 {animation: toRightAnim1 0.6s ease-in-out 0.6s both;}
.da-slide-toright p {animation: toRightAnim2 0.6s ease-in-out 0.3s both;}
.da-slide-toright .da-link {animation: toRightAnim3 0.4s ease-in-out both;}
.da-slide-toright .da-img {animation: toRightAnim4 0.6s ease-in-out both;}
@keyframes toRightAnim1 { 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } }
@keyframes toRightAnim2 { 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } }
@keyframes toRightAnim3 { 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } }
@keyframes toRightAnim4 { 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } }
.da-slide-toleft h2 {animation: toLeftAnim1 0.6s ease-in-out both;}
.da-slide-toleft p {animation: toLeftAnim2 0.6s ease-in-out 0.3s both;}
.da-slide-toleft .da-link {animation: toLeftAnim3 0.6s ease-in-out 0.6s both;}
.da-slide-toleft .da-img {animation: toLeftAnim4 0.6s ease-in-out 0.5s both;}
@keyframes toLeftAnim1 { 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } }
@keyframes toLeftAnim2 { 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } }
@keyframes toLeftAnim3 { 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } }
@keyframes toLeftAnim4 { 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } }

/* ----- DOWNLOAD ----- */
#download {position: relative; margin: 0 auto; padding: 40px 0 5px 0; background-color: #FFFFFF; cursor: default;}
.download-heig {width: auto; height: auto; margin: 0 auto; text-align: center;}
.download-heig img {width: auto; height: auto; margin: 0 auto; border: 0 none;}

/* ----- MAILFORM ----- */
#mailform, #mailformboot {position: relative; margin: 0 auto; padding: 15px 0 40px 0; background-color: #FFFFFF; cursor: default;}
#mailform .mailform-heig, #mailformboot .mailform-heig {width: 100%; height: auto; margin: 0 auto; text-align: center;}
.mailform-heig .mailform-note {width: auto; height: auto; margin: 0 auto 30px; font-size: 18px;}
#mailform .mailform-heig .mailform-form, #mailformboot .mailform-heig .mailform-form {max-width: 800px; height: auto; margin: 0 auto; text-align: left;}
.mailform-form .well {background-color: transparent; border: 0 none; border-radius: 4px; box-shadow: none;}
.mailform-form .well .input-medium {width: 100%; height: 50px; line-height: 50px; margin-bottom: 18px; padding: 0 10px 0 10px; border: 2px solid #99C900; border-radius: 4px; background-color: #FFFFFF; transition: all 200ms;}
.mailform-form .well .input-medium:hover {border: 2px solid #60205A;}
.mailform-form .well .input-medium:focus {border: 2px solid #60205A;}
.mailform-form .well .input-medium:active {border: 2px solid #60205A;}
.mailform-form .well .input-lage {width: 100% !important; resize: none; height: 100px; margin-bottom: 8px; padding: 12px 10px; border: 2px solid #99C900; border-radius: 4px; background-color: #FFFFFF; transition: all 200ms;}
.mailform-form .well .input-lage:hover {border: 2px solid #60205A;}
.mailform-form .well .input-lage:active {border: 2px solid #60205A;}
.mailform-form .well .input-lage:focus {border: 2px solid #60205A;}
.mailform-form .well .checkbox {position: relative; padding: 7px 0 0 24px; font-family: "femo_bld"; color: #60205A;}
.mailform-form .well .checkbox input[type=checkbox] {display: none;}
.mailform-form .well .checkbox label:after {content:''; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 2px solid #99C900; border-radius: 4px; transition: all 200ms;}
.mailform-form .well .checkbox:hover label:after {border: 2px solid #60205A;}
.mailform-form .well .checkbox input[type=checkbox]:checked + label:after {border: 2px solid #60205A; width: 30px; height: 30px; background-color: #99C900;}
.mailform-form .well .btn {line-height: 30px; margin-top: 20px; border: 2px solid #99C900; border-radius: 4px; font-family: "femo_bld"; font-size: 16px; color: #FFFFFF; background: #99C900; transition: all 200ms;}
.mailform-form .well .btn:hover {border: 2px solid #60205A;}

/* ----- MODAL ----- */
#overlay {position: fixed; display: none; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(16,16,16,0.7); text-align: center; cursor: crosshair; z-index: 9900;}
#modal_send {position: relative; display: none; width: 100%; height: 100%; left: 5%; margin: 0 auto; padding: 0; opacity: 0; border: 0 none; background: transparent; align-items: center; align-content: center; justify-content: center; overflow: hidden; vertical-align: middle; cursor: default; z-index: 9990;}
.mod-box {position: relative; display: -webkit-flex; display: flex; width: 100%; max-width: 960px; height: 100%; max-height: 760px; margin: 0; padding: 0; border: 0 none; background: #FFFFFF;}
.mod-head {position: absolute; top: 0; left: 0; width: 100%; height: 50px; margin: 0; padding: 0; line-height: 50px; text-align: left; background-color: #004990; z-index: 9991;}
.mod-name {padding: 0 16px 0 16px; line-height: 50px; font-size: 17px; color: #FFFFFF;}
.mod-clos {position: absolute; top: 0; right: 0; width: 50px; height: 50px; line-height: 50px; margin: 0; padding: 0; background-color: #0B2343; font-size: 12px; color: #FEFEFE; text-align: center; vertical-align: middle; transition: all 200ms; z-index: 9992;}
.mod-clos:hover {background-color: #E13220; color: #FFFFFF; cursor: pointer;}
.mod-cont {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 50px 0 50px 0; line-height: 20px; text-align: left;}
.mod-info {position: relative; width: 100%; height: 100%; margin: 0; padding: 20px; font-size: 14px; overflow-y: auto;}
.mod-note {padding: 0 0 0 12px; margin-top: 5px; margin-bottom: 25px; border-left: 2px solid #004990; color: #161616; font-size: 16px; line-height: 22px;}
.boot-form {max-width: 450px; height: auto; margin: 0 auto; text-align: left;}
.boot-form .well {margin: 0; padding: 0; border: 0 none; background-color: transparent;}
.boot-form .well .input-medium {width: 100%; height: 50px; line-height: 50px; margin-bottom: 18px; padding: 0 10px 0 10px; border: 2px solid #004990; border-radius: 4px; background-color: #F9F9F9; transition: all 200ms;}
.boot-form .well .input-medium:hover {border: 2px solid #E91B2F; background-color: #FFFFFF;}
.boot-form .well .input-medium:focus {border: 2px solid #E91B2F; background-color: #FFFFFF;}
.boot-form .well .input-medium:active {border: 2px solid #E91B2F; background-color: #FFFFFF;}
.boot-form .well .input-lage {width: 100% !important; resize: none; height: 100px; margin-bottom: 8px; padding: 12px 10px; border: 2px solid #004990; border-radius: 4px; background-color: #F9F9F9; transition: all 200ms;}
.boot-form .well .input-lage:hover {border: 2px solid #E91B2F; background-color: #FFFFFF;}
.boot-form .well .input-lage:active {border: 2px solid #E91B2F; background-color: #FFFFFF;}
.boot-form .well .input-lage:focus {border: 2px solid #E91B2F; background-color: #FFFFFF;}
.boot-form .well .checkbox {display: block; position: relative; padding: 8px 0 0 44px; color: #004990;}
.boot-form .well .checkbox input[type=checkbox] {display: none;}
.boot-form .well .checkbox label:after {content:''; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 2px solid #004990; border-radius: 4px; background-color: #F9F9F9; transition: all 100ms;}
.boot-form .well .checkbox:hover label:after {border: 2px solid #E91B2F; background-color: #FFFFFF;}
.boot-form .well .checkbox input[type=checkbox]:checked + label:after {border: 2px solid #E91B2F; width: 30px; height: 30px; background-color: #004990;}
.boot-form .well .btn {line-height: 26px; margin-top: 10px; margin-bottom: 20px; border: 2px solid #99C900; border-radius: 4px; font-family: "femo_bld"; font-size: 16px; color: #FFFFFF; background: #99C900; transition: all 200ms;}
.boot-form .well .btn:hover {border: 2px solid #60205A;}
.mod-foot {position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; margin: 0; padding: 0; line-height: 50px; text-align: left; background-color: #004990; z-index: 9991;}

/* ----- BENEFITS ----- */
#benefits {position: relative; margin: 0 auto; padding: 50px 0 40px 0; background-color: #99C900; cursor: default;}
#benefits .element-border {position: absolute; width: 50px; height: 50px; left: 50%; bottom: -12px; background-color: #99C900; z-index: 10; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); transition: all 200ms;}
#benefits:hover .element-border {bottom: -16px;}
.benefits-heig {margin: 0; padding: 0; color: #FFFFFF; text-align: center;}
.benefits-name {margin-bottom: 20px; font-family: "femo_bld", sans-serif; font-size: 32px;}
.benefits-text {margin-bottom: 20px; line-height: 22px; font-size: 16px;}
.benefits-buxe {margin: 0 auto; padding: 0; color: #FFFFFF; text-align: center;}
.benefits-circ {width: 100px; height: 100px; margin: 10px auto; padding: 0; border: 2px solid #FEFEFE; border-radius: 50px; text-align: center;}
.benefits-circ i {line-height: 98px; font-size: 42px;}
.benefits-abro {margin-bottom: 20px; font-size: 18px;}

/* ----- STANDSWORK ----- */
#standswork {position: relative; margin: 0 auto; padding: 50px 0 50px 0; background-color: #FFFFFF; cursor: default;}
.standswork-heig {margin: 0 auto; padding: 0; color: #161616; text-align: center;}
.standswork-name {margin-bottom: 20px; font-family: "femo_bld", sans-serif; font-size: 32px;}
.standswork-text {margin-bottom: 20px; line-height: 22px; font-size: 16px;}
.standswork-buxe {margin: 10px auto 20px; padding: 0; color: #212121; text-align: center;}
.standswork-buxe img {width: auto; height: auto; margin: 0 auto; border: 0 none;}
.standswork-abro {margin-top: 15px; margin-bottom: 20px; line-height: 22px; font-size: 16px;}

/* ----- VIDEODOUBLE ----- */
.videodouble {position: relative; width: 100%; height: 500px; overflow: hidden; cursor: default;}
.videodouble-50 {position: relative; display: inline-block; float: left; width: 50%; height: 500px; overflow: hidden;}
.videodouble video {position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover;}

/* ----- NOTESTANDS ----- */
#notestands {position: relative; margin: 0 auto; padding: 50px 0 50px 0; background-color: #60205A; cursor: default;}
#notestands .element-border {position: absolute; width: 50px; height: 50px; left: 50%; bottom: -12px; background-color: #60205A; z-index: 10; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); transition: all 200ms;}
#notestands:hover .element-border {bottom: -16px;}
.notestands-heig {margin: 0; padding: 0; color: #FFFFFF; text-align: center;}
.notestands-name {margin-bottom: 10px; font-family: "femo_bld", sans-serif; font-size: 30px;}

/* ----- GALLERY ----- */
#gallery {position: relative; width: 100%; margin: 0 auto; padding: 0; background: #FFFFFF; border: 0 none; cursor: default;}
#gallery .padd-none {padding: 0;}
.gallery-cart {margin: 0 auto; padding: 0; overflow: hidden;}
.gallery-cart img {width: auto; height: auto; margin: 0 auto; border: 0 none; transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.gallery-cart img:hover {-webkit-transform: scale(1.1); transform: scale(1.1); -o-transform: scale(1.1);}

/* ----- BUSINESS ----- */
#business {position: relative; margin: 0 auto; padding: 50px 0 50px 0; background-color: #99C900; cursor: default;}
.business-heig {margin: 0; padding: 0; color: #FFFFFF; text-align: center;}
.business-name {margin-bottom: 10px; font-family: "femo_bld", sans-serif; font-size: 30px;}
.business-name A {text-decoration: none; color: #FFFFFF;}
.business-name A i {font-size: 0px; transition: all 200ms;}
.business-name A:hover i {font-size: 26px;}
.business-note {margin-bottom: 10px; vertical-align: baseline; font-size: 20px; color: #F1F1F1;}

/* ----- LINKPODWALL ----- */
#linkpodwall {position: relative; margin: 0 auto; padding: 50px 0 50px 0; background: #2A4500 url(../images/bg-boot.jpg) no-repeat center center; background-size: cover; cursor: default;}
.linkpodwall-heig {width: auto; height: auto; margin: 0 auto; text-align: center;}
.linkpodwall-cord {width: auto; height: 90px; margin: 10px auto 10px; float: left; text-align: left;}
.linkpodwall-heig img {width: auto; height: auto; margin: 0 auto; border: 0 none; filter: grayscale(90%); filter: gray; transition: all 200ms;}
.linkpodwall-heig img:hover {filter: grayscale(0%); filter: none;}
.linkpodwall-adrs {width: auto; height: auto; padding: 5px 0 0 20px; text-align: left; line-height: 26px; font-size: 16px; color: #E2E2E2;}

/* ----- FOOTER ----- */
#footer {position: relative; padding-top: 30px; padding-bottom: 30px; margin: 0 auto; background: #212121; cursor: default;}
#footer .coolpad {margin: 0 auto;}
#footer .pod-metric {width: auto; height: 31px; padding: 0; border: 0 none;}
#footer .pod-bann {width: auto; height: 31px; float: right; text-align: right; padding: 0; border: 0 none;}
.mad-mail {float: left; width: 38px; height: 31px; margin: 0 4px 0 4px; vertical-align: top;}
.mad-rambler {float: left; width: 88px; height: 31px; margin: 0 4px 0 4px; vertical-align: top;}
.mad-hotlog {float: left; width: 88px; height: 31px; margin: 0 4px 0 4px; vertical-align: top;}
.mad-cycounter {float: left; width: 88px; height: 31px; margin: 0 4px 0 4px; vertical-align: top;}
.mad-creator {float: left; width: 31px; height: 31px; margin: 0 4px 0 4px; background: url(../images/wxcreator.gif) no-repeat; border: 0 none; vertical-align: top;}
.mad-code-link {float: left; width: 31px; height: 31px; margin: 0 4px 0 4px; background: url(../images/web-code.png) no-repeat; border: 0 none; vertical-align: top;}
.mad-bann-logo {float: left; width: auto; height: 31px; margin: 0 4px 0 4px; line-height: 31px; font-family: 'femo_bld', sans-serif; font-size: 16px; color: #737373; vertical-align: top;}
.mad-bann-logo span {font-family: 'femo_reg', sans-serif; font-size: 16px;}

/* ----- @!@!@!@!@ MEDIA @!@!@!@!@ ----- */
@media screen and (max-width: 1200px) {
.videodouble {height: 400px;}
.videodouble-50 {height: 400px;}
}

@media screen and (max-width: 992px) {
.videodouble {height: 300px;}
.videodouble-50 {height: 300px;}
#footer {padding-top: 15px; padding-bottom: 15px;}
#footer .pod-metric {float: none; height: auto; text-align: center; margin: 2px 0 2px 0;}
#footer .pod-bann {float: none; text-align: center; margin: 10px 0 10px 0;}
.mad-mail {display: inline-block; margin: 4px; float: none;}
.mad-rambler {display: inline-block; margin: 4px; float: none;}
.mad-hotlog {display: inline-block; margin: 4px; float: none;}
.mad-cycounter {display: inline-block; margin: 4px; float: none;}
.mad-creator {display: inline-block; float: none;}
.mad-code-link {display: inline-block; float: none;}
.mad-bann-logo {display: inline-block; float: none;}
}

@media screen and (max-width: 768px) {
.topface-2str {font-size: 60px;}
.topface-3str {font-size: 60px;}
.videodouble {height: auto;}
.videodouble-50 {display: block; float: none; width: 100%; height: 300px;}
.linkpodwall-cord {float: none; text-align: center;}
.linkpodwall-adrs {padding: 5px 0 0 0; text-align: center;}
}