Template:Shenzhen SFLS/css/style

@font-face {

 font-family: JohnstonITCStd-Light;
 src: url("https://static.igem.org/mediawiki/2017/5/55/Sfls-JohnstonITCStd-Light.otf");

}

@font-face {

 font-family: Montserrat-Light;
 src: url("https://static.igem.org/mediawiki/2017/c/c7/Sfls-Montserrat-Light.otf");

}

body {

 font-family: JohnstonITCStd-Light;
 font-weight: 400;
 font-size: 16px;
 line-height: 1.7;
 color: #193651;
 /*body font color*/
 background: #fff;

}

ul {

 list-style: none;

}

a {

 text-decoration: none;

}

a:hover, a:active, a:focus {

 outline: none;
 text-decoration: none;

}

1. header {

 with: 100%;
 margin: 0px auto;
 background-color: rgba(255, 255, 255, 1);
 margin: auto;
 left: 0;
 right: 0;
 top: 0;

}

.top_menu {

 width: 100%;
 margin: 0px;
 height: 36px;
 background-color: #F7F7F7;

}

.top_name {

 padding-top: 7px;
 color: #797878;
 font-size: 15px;

}

.top_name P {

 display: inline;

}

.top_name a {

 color: #797878;

}

.top_name a:hover {

 text-decoration: none;
 color: #eb3751;

}

.glyphicon-phone-alt, .glyphicon-envelope {

 color: #A9A6A6;

}

.logo {

 margin: 0px;
 width: 150px;

}

.flash img {

 width: 100%

}

.flash ul.bxslider {

 list-style: none;

}

.flash div.bx-pager {

 bottom: 4%;

}

.flash div.bx-controls-direction {

 display: none;

}

.main {

 padding: 30px 0px 10px 0px;

}

.img-thumbnail:hover, .opacity_img:hover {

 opacity: 0.8;

}

/*导航菜单*/

.navbar {

 margin: 0px;
 background-color: #fff;
 border: none;

}

1. app_menudown {

 position: absolute;
 top: 2px;
 right: 0px;
 font-size: 16px;

}

1. app_menudown:hover {

 background-color: #eb3751;

}

/*栏目导航*/

.left_nav {

 clear: both;
 padding-top: 10px;

}

.left_h2 {

 color: #303c4b;
 margin: 0px;
 display: block;
 padding: 30px 0px 12px 0px;
 color: #000;
 font-weight: 500;
 font-size: 28px;
 border-bottom: 1px solid #CDCFD0;

}

.left_nav_ul {

 list-style: none;
 margin: 0px;
 padding: 0px;
 margin: 10px 0px 0px 0px;
 padding-bottom: 10px;

}

.left_nav_ul>li {

 position: relative;
 border-bottom: 1px solid #f2f2f2;
 background: url(../images/left_li.gif) 6px 15px no-repeat;
 padding: 8px 0px 8px 18px;

}

.left_nav_ul>li>a {

 text-decoration: none;
 color: #303c4b;

}

.left_nav_ul>li>a:hover, .left_nav_ul li a.left_active {

 color: #eb3751;

}

/*小类*/

ul.left_snav_ul {

 list-style: none;
 padding: 0px;
 display: none;
 padding-top: 8px;

}

ul.left_snav_ul>li {

 margin: 0px;
 padding: 5px 0px 5px 10px;
 background: url(../images/left_sli.gif) 0px 13px no-repeat;

}

ul.left_snav_ul>li>a {

 border: 0;
 color: #969494;
 padding: 5px 0px 5px 0px;

}

ul.left_snav_ul>li>a:hover {

 text-decoration: none;
 color: #eb3751;

}

.menu_head {

 cursor: pointer;
 font: 600 18px/30px "Open Sans", sans-serif;
 width: 35px;
 text-align: center;
 color: #303c4b;
 display: inline-block;
 position: absolute;
 top: 3px;
 right: 0px;

}

.menu_head:hover {

 color: #eb3751;

}

1. translate {

 width: 180px;
 margin: 0 auto;

}

1. translate-this {

 margin: 15px 0px 10px 0px;

}

/*底部信息*/

footer {

 background-color: #282e3e;
 color: #b7b7b7;
 padding: 30px 0px 20px 0px;
 margin-top: 45px;
 font-size: 16px;
 font-family: "Montserrat-Light", sans-serif;

}

.copyright {

 line-height: 20px;

}

.copyright a {

 color: #b7b7b7;

}

.copyright a:hover {

 color: #fff;

}

.foot_nav {

 width: 25%;
 float: left;
 background-color: #fafafa;
 text-align: center;

}

.foot_nav:hover, .foot_nav:focus {

 background-color: #e4e4e4;

}

.foot_nav a {

 color: #898989;
 display: block;

}

.foot_nav a:hover, .foot_nav a:focus {

 text-decoration: none;

}

.foot_nav span {

 display: block;
 padding: 3px 0px 0px 0px;

}

.webshare {

 width: 200px;
 padding: 5px;

}

/*大屏幕*/

@media screen and (min-width: 769px) {

 header {
   padding-top: 10px;
 }
 .logo {
   margin-top: 10px;
 }
 .navbar {
   margin-top: 10px;
   min-height: 60px;
 }
 .nav_top {
   border-top: 1px solid #b7b7b7;
 }
 .navbar-nav>li>a {
   text-align: center;
   transition: background 0.4s;
   text-transform: uppercase;
 }
 .navbar-default .navbar-nav>li>a {
   padding: 20px 25px 20px 25px;
   font-size: 18px;
   font-weight: 700;
   color: #eb3751;
 }
 .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
   color: #b0293d;
 }
 .navbar-brand {
   display: none;
 }
 .nav_small {
   background-color: #fc3842;
   padding-top: 5px;
   padding-bottom: 5px;
   border-radius: 0px;
   border: none;
   box-shadow: 0px 0px 12px #888888;
 }
 .nav_small>li {}
 .nav_small>li>a {
   line-height: 34px;
   color: #ffca54;
   font-size: 16px;
 }
 .nav_small>li>a:hover {
   color: #fff;
   background-color: #fc3842;
 }
 #app_menudown, #small_search {
   display: none;
 }
 .index_left_nav, .footer_nav {
   display: none;
 }

}

/*小屏幕*/

@media screen and (max-width: 768px) {

 .navbar {
   margin-top: 10px;
   background-color: #282e3e;
 }
 .navbar-default .navbar-brand {
   color: #fff;
 }
 .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
   color: #fff;
 }
 .navbar-toggle {
   border: none;
 }
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
   border: 1px solid #404244;
 }
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
   background-color: #eb3751;
 }
 .navbar-default .navbar-toggle .icon-bar {
   background-color: #fff;
 }
 .navbar-default .navbar-nav {
   margin-top: 0px;
   margin-bottom: 0px;
 }
 .navbar-default .navbar-nav>li {
   border-bottom: 1px solid #404244;
 }
 .navbar-default .navbar-nav>li:last-child {
   border: none;
 }
 .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a {
   color: #fff;
 }
 .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
   background-color: #eb3751;
   color: #fff;
 }
 header {
   padding-top: 10px;
 }
 .search_group {
   margin: 10px 0px 5px 0px;
 }
 #topsearch {
   display: none;
 }
 .logo {
   display: block;
   margin: 0 auto;
   max-width: 700px;
 }
 .flash div.bx-pager {
   /*display:none;*/
 }
 .page_bg {
   display: none;
 }
 .list_box {
   margin: 5px 0px 0px 0px;
 }
 .index_product {
   margin-top: 25px;
 }
 .product_list {
   padding-top: 25px;
 }
 .title_h2 {
   font-size: 22px;
 }
 .product_img {
   min-height: 270px;
 }
 .product_title {
   margin-bottom: 5px;
 }
 .product_title a {
   font-size: 14px;
   font-weight: none;
 }
 .product_desc {
   font-size: 12px;
   line-height: 18px;
 }
 .product_con img, .contents img {
   width: 100%;
 }
 .contents h1 {
   font-size: 22px;
   font-weight: normal;
 }
 .news_time {
   display: none;
 }
 .list_related {
   margin-top: 30px 0px 0px 0px;
   clear: both;
 }
 .index_left_nav {
   margin: 0px 12px;
   padding-top: 0px;
 }
 .left_nav {
   padding-top: 0px;
 }
 .footer_nav {
   background-color: #fafafa;
 }
 #pic-page a img {
   width: 35px;
 }
 #cmsFloatPanel {
   display: none;
 }
 .point span.to_prev, .point span.to_next {
   text-align: left;
   padding-bottom: 8px;
 }
 footer {
   margin-bottom: 50px;
 }

}

@media screen and (max-width: 767px) {

 .copyright_p {
   display: none;
 }

}

/*414px到768px*/

@media screen and (min-width:420px) and (max-width:768px) {

 .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
   float: left;
 }
 .col-mm-12 {
   width: 100%;
 }
 .col-mm-11 {
   width: 91.66666667%;
 }
 .col-mm-10 {
   width: 83.33333333%;
 }
 .col-mm-9 {
   width: 75%;
 }
 .col-mm-8 {
   width: 66.66666667%;
 }
 .col-mm-7 {
   width: 58.33333333%;
 }
 .col-mm-6 {
   width: 50%;
 }
 .col-mm-5 {
   width: 41.66666667%;
 }
 .col-mm-4 {
   width: 33.33333333%;
 }
 .col-mm-3 {
   width: 25%;
 }
 .col-mm-2 {
   width: 16.66666667%;
 }
 .col-mm-1 {
   width: 8.33333333%;
 }
 .logo {
   max-width: 400px;
 }

}

@media screen and (max-width: 414px) {

 .logo {
   max-width: 280px;
 }

}

1. sfls-index {

 margin: 10px auto;
 width: 1170px;

}

1. sfls-index .row {

 margin-bottom: 10px;

}

.sfls-nav {

 padding: 20px 0;
 width: 100%;
 /*position:fixed;*/
 -webkit-transform: translateZ(0);
 z-index: 50;
 background-color: rgba(255, 255, 255, 1);
 box-shadow: 0px 14px 33px -9px rgba(200, 200, 200, 0.5);
 /*  background: #fff;*/

}

@media screen and (max-width: 768px) {

 .sfls-nav {
   padding: 20px 0;
   position: inherit;
   background-color: rgba(0, 0, 0, 0);
   box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0);
 }

}

@media screen and (max-width: 768px) {

 .sfls-nav #sfls-logo {
   display: none;
 }

}

.sfls-nav #sfls-logo {

 font-size: 15px;
 margin: 0;
 padding: 0;
 text-transform: none;
 font-weight: normal;
 font-family: Montserrat-Light, sans-serif;

}

.sfls-nav a {

 padding: 1px 10px;
 color: #fc3842;
 /*	Big logo color*/

}

@media screen and (max-width: 768px) {

 .sfls-nav .menu-1, .sfls-nav .menu-2 {
   display: none;
 }

}

.sfls-nav .menu-2 li.search {

 float: left;
 width: 83%;
 font-family: JohnstonITCStd-Light;
 -webkit-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;
 padding: 0;
 margin: -5px 0 0 0;

}

.sfls-nav .menu-2 li input[type=text] {

 padding: 6px 10px;
 width: 40%;
 border: none;
 float: right;
 font-size: 13px;
 margin-top: 4px;
 -webkit-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;

}

.sfls-nav .menu-2 li input[type=text]:focus {

 width: 100%;
 outline: none;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.sfls-nav .menu-2 li button {

 margin-top: 4px;
 padding: 5px;
 background: transparent;
 border: none;

}

.sfls-nav .menu-2 li button i {

 color: rgba(0, 0, 0, 0.5);

}

.sfls-nav .menu-2 li button:hover, .sfls-nav .menu-2 li button:focus {

 background: transparent !important;

}

.sfls-nav .menu-2 li button:hover i, .sfls-nav .menu-2 li button:focus i {

 color: black;

}

.sfls-nav .menu-2 li.shopping-cart {

 float: right;

}

.sfls-nav .menu-2 li a.cart {

 color: black;

}

.sfls-nav .menu-2 li a.cart span {

 position: relative;

}

.sfls-nav .menu-2 li a.cart span small {

 position: absolute;
 top: -20px;
 right: -15px;
 padding: 10px 6px;
 line-height: 0;
 font-size: 11px;
 background: #fc3842;
 color: white;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 border-radius: 50%;

}

.sfls-nav ul {

 position: relative;
 padding: 0px;
 margin: 0px;

}

.sfls-nav ul li {

 padding: 0;
 margin: 0;
 list-style: none;
 display: inline-block;
 font-family: "Montserrat-Light", sans-serif;

}

.sfls-nav ul li a {

 font-size: 13px;
 padding: 30px 10px;
 text-transform: uppercase;
 color: rgba(0, 162, 195, 1);
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;

}

.sfls-nav ul li a:hover, .sfls-nav ul li a:focus, .sfls-nav ul li a:active {

 color: #fc3842;

}

.sfls-nav ul li a.cart {

 color: #fc3842;

}

.sfls-nav ul li a.cart span {

 position: relative;

}

.sfls-nav ul li a.cart span small {

 position: absolute;
 top: -20px;
 right: -15px;
 padding: 10px 6px;
 line-height: 0;
 font-size: 12px;
 background: #7CB5C0;
 color: white;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 border-radius: 50%;

}

.sfls-nav ul li.has-dropdown {

 position: relative;

}

.sfls-nav ul li.has-dropdown .dropdown {

 width: 150px;
 -webkit-box-shadow: 0px 14px 33px -9px rgba(252, 56, 66, 0.75);
 -moz-box-shadow: 0px 14px 33px -9px rgba(252, 56, 66, 0.75);
 box-shadow: 0px 14px 33px -9px rgba(252, 56, 66, 0.75);
 z-index: 1002;
 visibility: hidden;
 opacity: 0;
 position: absolute;
 top: 40px;
 left: 0;
 text-align: left;
 background: #fc3842;
 padding: 20px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 border-radius: 4px;
 -webkit-transition: 0s;
 -o-transition: 0s;
 transition: 0s;

}

.sfls-nav ul li.has-dropdown .dropdown:before {

 bottom: 100%;
 left: 40px;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-bottom-color: #ef2235;
 border-width: 8px;
 margin-left: -8px;

}

.sfls-nav ul li.has-dropdown .dropdown li {

 display: block;
 margin-bottom: 7px;

}

.sfls-nav ul li.has-dropdown .dropdown li:last-child {

 margin-bottom: 0;

}

.sfls-nav ul li.has-dropdown .dropdown li a {

 padding: 2px 0;
 display: block;
 color: #ffca54;
 line-height: 1.2;
 font-family: Montserrat-Light, sans-serif;
 text-transform: uppercase;
 font-size: 12px;

}

.sfls-nav ul li.has-dropdown .dropdown li a:hover {

 color: #fff;

}

.sfls-nav ul li.has-dropdown:hover a, .sfls-nav ul li.has-dropdown:focus a {}

.sfls-nav ul li.active>a {

 color: #FFAF00 !important;

}

.sfls-nav ul li .form-group {

 border: 1px solid red;
 width: 100%;

}

.sfls-nav ul li.has-dropdown {

 position: relative;

}

.sfls-nav ul li.has-dropdown .dropdown {

 width: 150px;
 -webkit-box-shadow: 0px 14px 33px -9px rgba(252, 56, 66, 0.75);
 -moz-box-shadow: 0px 14px 33px -9px rgba(252, 56, 66, 0.75);
 box-shadow: 0px 14px 33px -9px rgba(252, 56, 66, 0.75);
 z-index: 1002;
 visibility: hidden;
 opacity: 0;
 position: absolute;
 top: 40px;
 left: 0;
 text-align: left;
 background: #fc3842;
 padding: 20px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 border-radius: 4px;
 -webkit-transition: 0s;
 -o-transition: 0s;
 transition: 0s;

}

.sfls-nav ul li.has-dropdown .dropdown:before {

 bottom: 100%;
 left: 40px;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-bottom-color: #ef2235;
 border-width: 8px;
 margin-left: -8px;

}

.sfls-nav ul li.has-dropdown .dropdown li {

 display: block;
 margin-bottom: 7px;

}

.sfls-nav ul li.has-dropdown .dropdown li:last-child {

 margin-bottom: 0;

}

.sfls-nav ul li.has-dropdown .dropdown li a {

 padding: 2px 0;
 display: block;
 color: #ffca54;
 line-height: 1.2;
 font-family: Montserrat-Light, sans-serif;
 text-transform: uppercase;
 font-size: 12px;

}

.sfls-nav ul li.has-dropdown .dropdown li a:hover {

 color: #fff;

}

.sfls-nav ul li.has-dropdown:hover a, .sfls-nav ul li.has-dropdown:focus a {}

.sfls-nav ul li.active>a {

 color: #FFAF00 !important;

}

.sfls-nav ul li .form-group {

 border: 1px solid red;
 width: 100%;

}

1. sfls-footer {

 padding: 7em 0;
 clear: both;
 background: url(https://static.igem.org/mediawiki/2017/1/18/Sfls-Background.svg);

}

1. sfls-footer .sfls-footer-links {

 padding: 0;
 margin: 0;

}

1. sfls-footer .sfls-footer-links li {

 padding: 0;
 margin: 0;
 list-style: none;

}

/*脚注*/

1. sfls-footer .sfls-footer-links li a {

 padding: 5px 8px;
 color: #00A2C3;

}

1. sfls-footer .sfls-footer-links li a:hover {

 color: #fc3842;

}

1. sfls-footer .sfls-widget {

 margin-bottom: 30px;

}

@media screen and (max-width: 768px) {

 #sfls-footer .sfls-widget {
   text-align: left;
 }

}

1. sfls-footer .sfls-widget p {

 color: #fc3842;
 font-family: "Montserrat-Light", sans-serif;

}

1. sfls-footer .sfls-widget h3 {

 margin-bottom: 15px;
 color: #fc3842;
 font-weight: bold;
 font-size: 18px;
 letter-spacing: 2px;
 text-transform: uppercase;
 font-family: "Montserrat-Light", sans-serif;

}

1. sfls-footer .sfls-widget h3>a {

 color: #fc3842;

}

1. sfls-footer .copyright .block {

 display: block;

}

1. sfls-footer .copyright {

 color: #FFAF00;

}

.row-pb-md {

 padding-bottom: 4em !important;

}

.row-pb-sm {

 padding-bottom: 2em !important;

}

.col-md-12 p {

 margin-bottom: 20px;

}

.about-content {

 margin-bottom: 7em;

}

.about-content img {

 border: 1px solid rgba(0, 0, 0, 0.05);
 padding: 10px;

}

.about-content .desc {

 margin-bottom: 3em;

}

.content_border:hover {

 border: 1px solid #fc3842;
 border-radius: 5px;

}

.sfls-staff {

 text-align: center;
 margin: 10px 30px;

}

.sfls-staff img {

 width: 170px;
 margin-bottom: 20px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 border-radius: 50%;

}

.sfls-staff h3 {

 font-size: 24px;
 margin-bottom: 5px;

}

.sfls-staff p {

 margin-bottom: 15px;

}

.sfls-staff .role {

 color: #bfbfbf;
 margin-bottom: 30px;
 font-weight: normal;
 display: block;

}

.sfls-social-icons {

 margin: 0;
 padding: 0;

}

.sfls-social-icons li {

 margin: 0;
 padding: 0;
 list-style: none;
 display: -moz-inline-stack;
 display: inline-block;
 zoom: 1;
 *display: inline;

}

.sfls-social-icons li a {

 display: -moz-inline-stack;
 display: inline-block;
 zoom: 1;
 *display: inline;
 color: #fc3842;
 padding-left: 10px;
 padding-right: 10px;

}

.sfls-social-icons li a i {

 font-size: 20px;

}

.sfls-contact-info ul {

 padding: 0;
 margin: 0;

}

.sfls-contact-info ul li {

 padding: 0 0 0 40px;
 margin: 0 0 30px 0;
 list-style: none;
 position: relative;

}

.sfls-contact-info ul li:before {

 color: #fc3842;
 position: absolute;
 left: 0;
 top: .05em;
 font-family: Montserrat-Light, sans-serif;
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;

}

.sfls-contact-info ul li.address:before {

 font-size: 30px;
 content: "\e9d1";

}

.sfls-contact-info ul li.phone:before {

 font-size: 23px;
 content: "\e9f4";

}

.sfls-contact-info ul li.email:before {

 font-size: 23px;
 content: "\e9da";

}

.sfls-contact-info ul li.url:before {

 font-size: 23px;
 content: "\e9af";

}

1. sfls-product {

 position: relative;
 margin: 25px;

}

.gototop {

 position: fixed;
 bottom: 20px;
 right: 20px;
 z-index: 999;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;

}

.gototop.active {

 opacity: 1;
 visibility: visible;

}

.gototop a {

 width: 70px;
 height: 70px;
 display: table;
 background: rgba(0, 0, 0, 0);
 background-image: url(https://static.igem.org/mediawiki/2017/a/a4/Sfls-Gototop.svg);
 color: #fff;
 text-align: center;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 border-radius: 4px;

}

.gototop a i {

 height: 50px;
 display: table-cell;
 vertical-align: middle;

}

.gototop a:hover, .gototop a:active, .gototop a:focus {

 text-decoration: none;
 outline: none;
 background-image: url(https://static.igem.org/mediawiki/2017/6/64/Sfls-Gototophover.svg);

}

.img_head_bar_ad {

 height: 320px;
 margin: 20px auto;

}

.img_head_bar {

 width: 1170px;
 margin: 20px auto;

}

.img_head_bar .display-t {

 width: 1170px;
 background-color: #F2622A;

}

.img_head_bar .display-tc {

 display: table-cell !important;
 vertical-align: middle;
 width: 1170px;

}

.img_head_bar .display-tc h1 {

 font-size: 50px;
 line-height: 1.5;
 /*text-transform: uppercase;*/
 font-weight: 500;
 color: #F7F7F7;
 font-family: "Montserrat-Regular", sans-serif;

}

.marin_top {

 width: 1170px;
 margin: 10px auto;

}

.marin_top_content {

 width: 1170px;
 margin: 0px auto;

}

.img_bottom_bar {

 height: 100px;
 margin: 40px auto;
 width: 100%;

}

.img_bottom_bar .display-t {

 width: 100%;
 background-color: #fc3842;

}

.img_bottom_bar .display-tc {

 display: table-cell !important;
 vertical-align: middle;
 width: 100%;

}

.img_bottom_bar .display-tc h1 {

 font-size: 50px;
 line-height: 1.5;
 /*text-transform: uppercase;*/
 font-weight: 500;
 color: #F7F7F7;
 font-family: "Montserrat-Regular", sans-serif;

}

1. reference li {

 list-style-type: decimal;

}

a{ color:#00A2C3; }

a:hover{ color:#00937E; }