/* ------------------------------------------ RESET --------------------------------------------- */ body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup { margin: 0; padding: 0; border: 0; } a:active, a:hover { outline: 0; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* ------------------------------------------ BASE DEMO STYLES --------------------------------------------- */ body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; background: #efefef; } section { border-bottom: 1px solid #999; float: left; width: 100%; height: 800px; } /* ------------------------------------------ NAVIGATION STYLES (+ responsive-nav.css file is loaded in the ) --------------------------------------------- */ .fixed { position: fixed; width: 100%; top: 0; left: 0; } .nav-collapse, .nav-collapse * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nav-collapse, .nav-collapse ul { list-style: none; width: 100%; float: left; } .nav-collapse .active a { background-color: rgb(135, 135, 135); } @media screen and (max-width: 40em) { .nav-collapse li { width: 100%; *width: 24.9%; /* IE7 Hack */ _width: 19%; /* IE6 Hack */ } .nav-collapse a { width: 100%; } } .nav-collapse a { color: #fff; font-size: 15px; text-decoration: none; background: #555; padding: 0.7em 1em; float: left; } @media screen and (min-width: 40em) { .nav-collapse a { margin: 0; padding: 20px; float: left; text-align: center; background: #555; } } .nav-collapse ul ul a { background: #ca3716; padding-left: 2em; } @media screen and (min-width: 40em) { .nav-collapse ul ul a { display: none; } } /* ------------------------------------------ NAV TOGGLE STYLES --------------------------------------------- */ @font-face { font-family: "responsivenav"; src:url("../icons/responsivenav.eot"); src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"), url("../icons/responsivenav.ttf") format("truetype"), url("../icons/responsivenav.woff") format("woff"), url("../icons/responsivenav.svg#responsivenav") format("svg"); font-weight: normal; font-style: normal; } .nav-toggle { position: fixed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; position: absolute; right: 0px; top: 0px; overflow: hidden; width: 70px; height: 55px; } .nav-toggle:before { color: #fff; /* Edit this to change the icon color */ font-family: "responsivenav", sans-serif; font-style: normal; font-weight: normal; font-variant: normal; font-size: 28px; text-transform: none; position: absolute; content: "¡Ô"; text-indent: 0; text-align: center; line-height: 55px; speak: none; width: 100%; top: 0; left: 0; } .nav-toggle.active::before { font-size: 24px; content:"x"; } .first-nav-fix { position: fixed; top: 0; z-index: 99; } .full-nav { width: 100%; background-color: #555; } .logo-row { background-color: #fff; } @media screen and (min-width: 40em) { .navbar-inverse { width: 1200px; margin: 0 auto; height: 61px; } .nav-small { display: none; } } @media screen and (max-width: 40em) { .logo-row { display: none; } } .logo-row-bg { width: 1200px; height: 88px; background-position: -10px center; margin: 0 auto; } .logo-phone-link { float: right; text-decoration: none; } .logl-row-phone { padding-top: 30px; font-size: 20px; } .logl-row-phone > img { height: 20px; margin-bottom: 7px; } .logl-row-phone > span { color: #719730; } .navbar-inverse { background-color: #555; border-color: #555; } .nav-small { position: relative; height: 55px; } .nav-small > img { height: 45px; margin: 5px 10px; position: absolute; } .news-nav { color: #719730; font-size: 14px; font-weight: bolder; margin-top: 10px; padding: 20px 15px; } .news-nav > a { color: #719730; } .news-nav-share { position: absolute; top: 15px; right: 10px; } @media screen and (max-width: 40em) { .news-nav-share { display: none; } } .news-nav-hr { border-top: 1px solid #dedede; } .news-container { font-size: 14px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px){ .news-container { width: 750px; } } @media (min-width: 992px){ .news-container { width: 970px; } } @media (min-width: 1200px){ .news-container { width: 1000px; } } .news-con-padding { padding: 15px; } .news-title { border-bottom: 1px solid #b1b1af; font-size: 14px; margin-bottom: 15px; margin-top: 15px; padding-bottom: 15px; padding-top: 15px; font-weight: bold; height: 55px; } .news-col { padding-bottom: 80px; } @media screen and (min-width: 40em) { .news-col-img { min-width: 300px; min-height: 200px; } } .news-list p { border-bottom: 1px solid #ebebeb; margin-bottom: 15px; padding-bottom: 15px; line-height: 20px; min-height: 56px; max-height: 56px; } .news-url { min-height: 30px; margin-top: 25px; } .news-url > a { text-decoration: none; color: black; border: 1px solid black; padding: 5px 15px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); cursor: default; background-color: rgb(113, 151, 48); border-color: rgb(113, 151, 48); } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: rgb(113, 151, 48); } .pagination > li > a, .pagination > li > span { color: rgb(113, 151, 48); } .news-others > ul > li { list-style-type: none; margin-bottom: 10px; } .news-others > ul > li > a{ color: #333; } .news-others-icon { color: #BAB6AD; font-size: 12px; margin-right: 10px; } .news-content-title { border-bottom: 1px solid #ebebeb; text-align: center; } .news-content-title p { margin: 15px; } @media screen and (max-width: 40em) { .news-col { padding-bottom: 5vw; } .news-content-title h1 { font-size: 28px; } } .news-content-next { text-align: center; font-weight: bold; } .news-content-next a { line-height: 60px; color: #719730; } @media screen and (max-width: 40em) { .img-responsive-mobile { display: inline; max-width: 100%; height: auto; } .nav-footer { margin-bottom: 12vw; } } .news-mul-title { margin-bottom: 15px; font-size: 24px; color: #31343b; } .news-mul-title > a { text-decoration: none; color: black; border: 1px solid black; padding: 5px 15px; font-size: 14px; } .news-read-cnt { float: right; margin-right: 20px; font-size: 16px; } .news-read-cnt > img { width: 25px; margin-bottom: 2px; } .news-read-cnt > span { color: #a5a5a5; } .news-read-cnt > a { color: #ec008c; text-decoration: none; } .nav-footer { text-align: center; background: #2E2C2C; color: #B3B3B3; } .nav-footer p { line-height: 30px; } .nav-footer a { color: #B3B3B3; } .reg-container { background-color: #efeeec; opacity: 0.9; border: 1px solid #9c9c9c; margin-top: 30px; margin-bottom: 60px; } .reg-container-pic { padding-left: 0px; padding-right: 0px; } .reg-container-pic > img{ max-height: 65px; } @media screen and (min-width: 40em) { .reg-container-pic > img{ max-width: 485px; } .reg-container-input { padding-right: 0px; } } .reg-container-input { padding-top: 15px; } .reg-container-btn { padding-top: 15px; padding-bottom: 15px; } .reg-container-btn button { width: 100%; background: #e6276c; color: #fff; } .reg-container-btn button:focus, .reg-container-btn button:hover { background: #e6276c; color: #fff; }