/* Theme Name: Modelo Imobiliária Framework: Bootstrap, W3css Theme Author: Estúdio M */
 * {
     margin: 0;
     padding: 0;
}
/*- Fontes / Links -*/
 body {
     font-family: 'Montserrat', sans-serif;
     background-color: #fff;
}
 a {
     color: #111;
     transition: 0.5s;
}
 a:hover, a:active, a:focus {
     color: #f60;
     outline: none;
     text-decoration: none;
}
 p {
     padding: 0;
     font-family: 'Montserrat', sans-serif;font-size: 15px;
}
 *:focus {
     outline: 0 !important;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Montserrat', sans-serif;
}
 h1, h2 {
     letter-spacing: -1.2px;
}
 h3, h4 {
     letter-spacing: -0.9px;
}
 h5, h5 {
     letter-spacing: -0.7px;
}
 .float-left {
     float: left;
}
 .float-right {
     float: right !important;
}
 .text-center {
     text-align: center;
}
 .wrapper-890 {
     max-width: 890px;
     margin: 0 auto;
}
 .wrapper-1200 {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0;
}
 .wrapper1280 {
     max-width: 1280px;
     margin: 0 auto;
     padding: 0;
}
 .column-2 {
     width: 16.5%;
     float: left;
}
 #logo-mobile {
     display: none;
}
 .imput-wrap {
     float: left;
     width: 100%;
}
 .bx-sm {
     float: left;
     width: 174px;
}
 .bx-sm-bt {
     float: left;
     width: 174px;
     text-align: center;
     margin-left: 1px;
}
 .content-body {
     margin: 180px 0 40px 0;
}
 .topo{
     margin-top:10px;
}
 .topo{
     margin-top:10px;
}
 .margin-bottom-30{
     margin-bottom:30px;
}



 .parallax-topo {
     background-image: url("../img/bg1.jpg");
     width: 100%;
     height:650px;
     background-attachment: fixed;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}

 #intro {
     margin-top: 250px;
     float: left;
     width: 100%;
}
 #intro h2 {
     font-size: 42px;
     font-weight: 700;
     text-align: center;
     text-shadow: #000 0.1em 0.1em 0.2em;
     color:#fff !important;
}
 #intro p {
     text-align: center;
     font-size: 24px;
     text-shadow: #000 0.1em 0.1em 0.2em;
    margin:0 0 40px;
    padding:0;
    font-weight:500;
}
 #ModalCentralizado .modal-header {
     background-color: #fff;
     border-radius: 0px;
     padding: 15px 20px 6px 20px;
    border-color:green;
}
 #ModalCentralizado .modal-body {
     padding: 0;
}
 #ModalCentralizado .bg-body {
     float: left;
     background-color: #fff;
     padding: 5px 20px 5px 20px;
}
 #ModalCentralizado .form-group {
     float: left;
     width: 49.9%;
}
 #ModalCentralizado .input-modal {
     float: left;
     width: 49.9%;
}
 #ModalCentralizado .input-modal input {
     float: left;
     width: 250px;
     border: 1px solid #222;
     height: 36px;
     border-radius: 3px;
     text-align: center;
}
 #ModalCentralizado .number {
     float: left;
     width: 50px;
     height: 36px;
     color: #fff;
     background: green;
     font-size: 16px;
     font-weight: 600;
     line-height: 36px;
     padding-left: 10px;
     margin-left: 249px;
     margin-top: -36px;
     border-radius: 0 3px 3px 0;
}
 #ModalCentralizado .form-group p {
     margin-bottom: 6px;
     text-transform: uppercase;
     font-size: 14px;
     color: #333;
}
 #ModalCentralizado .form-group-btn {
     float: right;
     margin: 0 5px 10px;
}
 #ModalCentralizado .form-group-btn .btn {
     color: #fff;
     background: green;
}
 #ModalCentralizado .form-group-btn .btn:hover {
     color: #fff;
     background: #f70;
}
 #ModalCentralizado .close-btn {
     float: left;
     width: 100%;
     padding: 10px 26px 0;
    background:#111;
}
 #ModalCentralizado .close-btn .close span {
     color: #fff;
     font-size: 30px;
    font-weight:400;
}
 .modal-lg {
     width: 650px;
}
 .corretores img {
     width: 130px;
     border-radius: 50%;
     border: 2px solid #90A9B6;
}
 #search-navbar .form-group p {
     width: 100%;
     font-size: 12px;
     margin-bottom: 4px;
     text-transform: uppercase;
     font-weight: 600;
     color: #fff;
     text-align: center;
}
 #search-navbar .input-group-btn {
     margin: 0px 1.5px 0 2px;
}
 #search-navbar .btn-danger {
     width: 180px;
     height: 43px;
     margin-top: 5px;
     margin-left: 3px;
     padding: 7px 17px 6px 17px;
}
 .banner{
     width:100%;
     background:#fff;
     padding:50px 0 30px;
     margin-top:-8px;
}
 .wrap-nav {
     float: left;
     margin: 0 auto;
     padding: 15px 0 5px 20px;
     width: 100%;
     height: 100%;
     background: rgba(45, 45, 44, 0.5);
     border-radius:8px;
}
 .btn-modal {
     margin-top: 30px;
     cursor: pointer;
     width: 150px;
     margin-bottom: 40px;
}
 #portfolio-grid .modal-slide {
     display: none;
     position: fixed;
     padding-top: 10px;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: #111;
     z-index: 9;
}
 #portfolio-grid .modal-content {
     position: relative;
     background-color: #111;
     margin: auto;
     padding: 0;
     animation-name: zoom-in;
     animation-duration: 0.7s;
}
 #portfolio-grid .close {
     position: absolute;
     color: #fff;
     top: 20px;
     right: 25px;
     font-size: 40px !important;
     font-weight: 400 !important;
     padding: 1px 10px 1px 10px;
     border-radius: 50%;
     opacity: 1;
}
 .lancamentos {
     padding-top: 60px;
}
 .venda {
     padding-top: 30px;
}
 .locacao {
     padding: 30px 0 60px 0;
}
 .banner{
     z-index:1;
}
 #slide-4 {
     padding: 0 0 30px 0;
     margin-top: -190px;
}
 #slide-4 img {
     height: 1200px;
     margin: 0;
}
 #slide-4 .carousel-caption {
     max-width: 760px;
     margin: 0 auto;
}
 #slide-4 .carousel-caption h2 {
     font-weight: 700;
     font-size: 20px;
     line-height: 20px;
     text-transform: uppercase;
     text-shadow: #000 0.1em 0.1em 0.2em;
}
 #slide-4 .carousel-caption p {
     font-size: 16px;
     font-weight: 400;
     text-shadow: #000 0.1em 0.1em 0.2em;
}
 #slide-4 .carousel-caption .form-group p {
     font-size: 12px;
     font-weight: 400;
     text-shadow: #000 0.1em 0.1em 0.2em;
}
 #slide-4 .carousel-item {
     width: 100%;
}
 #slide-4 .carousel .fa-home {
     font-size: 36px;
     margin-bottom: 10px;
     color: #A8DEED;
     text-shadow: #000 0.1em 0.1em 0.2em;
}
 #slide-4 .carousel-indicators {
     margin-bottom: -16px;
     padding-bottom: 20px;
}
 #option-content {
     background: #111;
     float: left;
     width: 100%;
}
 #option-content .wrap-content {
     margin: 0 auto;
     max-width: 1200px;
}
 #option-content .carousel-inner {
     margin-left: px;
}
 #option-content .carousel-item {
     width: 100%;
}
 #Portfolio .bx-img {
     width: 100%;
     height:220px;
     overflow: hidden;
     position:relative;
     background: #333;
     padding:0;
     margin: 0;
}
 .bg-gray {
    background: #DCE4E8;
}
 .bg-gray .bx-img {
    border:2px solid #DCE4E8;
}
 .bg-white {
    background: #fff;
}
 .bg-white .bx-img{
    border: 2px solid #fff;
}

 #option-content .col-4 {
     width: 30%;
     float: left;
     margin: 0;
     padding: 0 
}
 #option-content #slide-1 .carousel-control-prev {
     margin-left: 110px;
}
 #option-content #slide-1 .carousel-control-next {
     margin-right: 25px;
}
 #option-content #slide-2 .carousel-control-prev {
     margin-left: 110px;
}
 #option-content #slide-2 .carousel-control-next {
     margin-right: 25px;
}
 #option-content #slide-3 .carousel-control-prev {
     margin-left: 110px;
}
 #option-content #slide-3 .carousel-control-next {
     margin-right: 25px;
}
 
 #option-content .locacao {
     padding-bottom: 50px;
}
 #option-content .owl-item {
     overflow: hidden;
     padding: 0;
     margin:0;
}
 #option-content .owl-nav {
     position: absolute;
     top: -55px;
     right: 0;
     color: #2E608B;
     text-align: right;
     font-size: 40px;
}
 #option-content .owl-carousel {
     margin-left: 0;
}
 #option-content .owl-prev, .owl-next {
     width: 32px;
     height: 32px;
     position: relative;
     background: none !important;
     margin: 0 0 14px 8px;
}
 #option-content .owl-prev:hover, .owl-next:hover {
     opacity: 0.7;
}
 #option-content .owl-prev::before, .owl-next::before {
     content: '';
     position: absolute;
     top: 16px;
     right: 7px;
     width: 34px;
     height: 34px;
     background: #fff;
     border-radius: 50% !important;
     line-height: 60px;
     border: 2px solid #889FAC;
}
 #option-content .owl-prev::after, .owl-next::after {
     content: "";
     width: 14px;
     height: 14px;
     position: absolute;
     transform: rotate(135deg);
     border: solid #889FAC;
     border-width: 0 3px 3px 0;
     top: 34px;
     left: 6px;
     right: 10px;
     margin-top: -9px;
     margin-left: -2px;
}
 #option-content .owl-next::after {
     transform: rotate(-45deg);
     margin-left: -7px;
}
 #modal-large .modal {
     top: 10px;
}
 #modal-large .modal .modal-dialog .modal-body {
     margin-top: -150px;
     padding: 3px;
     height: 980px;
}
 #modal-large .modal-header {
     position: absolute;
     top: 115px;
     left: 0;
     width: 100%;
     height: 58px;
     border: 0;
     background: #2E608B;
     border-bottom: 7px solid #fff;
}
 #modal-large .modal-header h5 {
     color: #fff;
     font-size: 18px;
     font-weight: 500;
     margin: -6px 0 20px 20px;
     text-transform: uppercase;
}
 #modal-large .modal-header h5 .fa .fa-home {
     font-size: 22px;
     margin: 0 5px 0 0;
}
 #modal-large .modal-header .dismiss {
     position: absolute;
     top: 0;
     right: 0;
}
 #modal-large .modal-header .fa {
     margin-top: 12px;
}
 #modal-large .modal-header .fa .fa-times {
     border-left: 1 px solid #666;
}
 #modal-large .modal-header .fa {
     color: #fff 
}
 #modal-large .iframe iframe {
     float: left;
     width: 100%;
     height: 970px;
     z-index: -1;
}
 #Pesquisa h1, #Pesquisa p{
     color:#BDBFC1;
}
 #Pesquisa h1{
     font-weight:700;
     font-size:30px;
}
#portfolio-imovel{padding: 20px 0 20px 0}
 #portfolio-imovel .modal-content {
     position: relative;
     background-color: #111;
     margin: auto;
     padding: 0;
     width: 800px;
     height: auto;
     animation-name: zoom-in;
     animation-duration: 0.7s;
}
 #portfolio-imovel .modal-content img {
     display: inline-block;
     width: 100%;
     height: 100%;
     animation-name: fade-in;
     animation-duration: 0.7s;
}
 @keyframes fade-in {
     from {
         opacity: 0.5;
    }
     to {
         opacity: 1;
    }
}
 @keyframes zoom-in {
     from {
         width: 400px;
         opacity: 0.5;
    }
     to {
         width: 800px;
         opacity: 1;
    }
}
 #portfolio-imovel .close {
     color: white;
     position: absolute;
     top: 20px;
     right: 25px;
     font-size: 35px;
     font-weight: bold;
}
 #portfolio-imovel.close:hover, #portfolio-imovel .close:focus {
     color: #999;
     text-decoration: none;
     cursor: pointer;
}
 #portfolio-imovel .modalSlide {
     display: none;
}
 #portfolio-imovel .cursor {
     cursor: pointer;
}
 #portfolio-imovel .img-lg {
     width: 980px;
     height: 735px 
}
 #portfolio-imovel .bt-prev {
     position: absolute;
     border-radius: 50%;
     background: rgba(254, 254, 254, 0.5);
     padding: 0 12px 0 12px;
     left: 20px;
     top: 55%;
     margin-top: -50px;
     cursor: pointer;
     color: #222;
     font-weight: 500;
     font-size: 24px;
     transition: 0.6s ease;
     user-select: none;
     -webkit-user-select: none;
}
 #portfolio-imovel .bt-next {
     position: absolute;
     right: 20px;
     top: 55%;
     margin-top: -50px;
     border-radius: 50%;
     background: rgba(254, 254, 254, 0.5);
     padding: 0 12px 0 12px;
     cursor: pointer;
     color: #222;
     font-weight: 500;
     font-size: 24px;
     transition: 0.6s ease;
     user-select: none;
     -webkit-user-select: none;
}
 #portfolio-imovel .bt-prev:hover, #portfolio-imovel .bt-next:hover {
     background-color: background:rgba(254, 254, 254, 0.4);
     color: #333;
}
/* Number text (1/3 etc) */
 #portfolio-imovel .numbertext {
     color: #f2f2f2;
     font-size: 14px;
     font-weight: 600;
     text-shadow: #000 0.1em 0.1em 0.2em;
     padding: 8px 12px;
     position: absolute;
     top: 0;
}
 #portfolio-imovel .caption-container {
     text-align: center;
     background-color: #111;
     padding: 2px 16px;
     color: #fff;
}
 #portfolio-imovel .demo {
     opacity: 0.6;
}
 #portfolio-imovel .active, #portfolio-imovel .demo:hover {
     opacity: 1;
}
 #portfolio-imovel .info .form #sendmessage {
     color: #fff;
     background: #1bb1dc;
     display: none;
     text-align: center;
     padding: 15px;
     font-weight: 600;
     margin-bottom: 15px;
}
 #portfolio-imovel .info .form #errormessage {
     color: #fff;
     display: none;
     background: red;
     text-align: center;
     padding: 15px;
     font-weight: 600;
     margin-bottom: 15px;
}
 #portfolio-imovel .info .form #sendmessage.show, #info .form #errormessage.show, #info .form .show {
     display: block;
}
 #portfolio-imovel .info .form .validation {
     color: red;
     display: none;
     margin: 0 0 20px;
     font-weight: 400;
     font-size: 13px;
     color: #58ACFA;
}
 #portfolio-imovel .info .form label {
     color: #333;
     font-weight: 400;
}
 #portfolio-imovel .info .form select {
     border: 1px solid #ccc;
     width: 100%;
}
 #portfolio-imovel .info .form input, #info .form textarea {
     border-radius: 0;
     box-shadow: none;
     border: 1px solid #ccc;
     font-size: 14px;
}
 #portfolio-imovel .info .form input::-webkit-input-placeholder, #info .form textarea::-webkit-input-placeholder {
     color: #333;
}
 #portfolio-imovel .info .form input::-moz-placeholder, #info .form textarea::-moz-placeholder {
     color: #333;
}
 #portfolio-imovel .info .form input:-ms-input-placeholder, #info .form textarea:-ms-input-placeholder {
     color: #333;
}
 #portfolio-imovel .info .form input::placeholder, #info .form textarea::placeholder {
     color: #333;
}
 #portfolio-imovel .info .form button[type="submit"] {
     background: #2E608B;
     border: 0;
     font-size: 14px;
     border-radius: 6px;
     padding: 8px 20px;
     color: #fff;
     transition: 0.3s;
}
 #portfolio-imovel .info .form button[type="submit"]:hover {
     background: #4077A2;
     cursor: pointer;
}

/* Navegação Mobile */
 .mobile-nav {
     position: fixed;
     top: 0;
     bottom: 0;
     z-index: 15000;
     overflow-y: auto;
     left: -260px;
     width: 260px;
     padding-top: 18px;
     background: #F5F5F5;
     transition: 0.4s;
}
 .mobile-nav * {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .mobile-nav a {
     display: block;
     position: relative;
     color: #111;
     padding: 10px 20px;
     font-weight: 500;
}
 .mobile-nav a:hover, .mobile-nav .active>a, .mobile-nav li:hover>a {
     color: #f60;
     text-decoration: none;
}
 .mobile-nav .drop-down>a:after {
     content: "\f078";
     font-family: FontAwesome;
     padding-left: 10px;
     position: absolute;
     right: 15px;
}
 .mobile-nav .active.drop-down>a:after {
     content: "\f077";
}
 .mobile-nav .drop-down>a {
     padding-right: 35px;
}
 .mobile-nav .drop-down ul {
     display: none;
     overflow: hidden;
}
 .mobile-nav .drop-down li {
     padding-left: 20px;
}
 .mobile-nav-toggle {
     position: fixed;
     right: 0;
     top: 0;
     z-index: 14000;
     border: 0;
     background: none;
     font-size: 28px;
     transition: all 0.4s;
     outline: none !important;
     line-height: 1;
     cursor: pointer;
     text-align: right;
}
 .mobile-nav-toggle i {
     margin: 18px 18px 0 0;
     color: green;
}
 .mobile-nav-overly {
     width: 100%;
     height: 100%;
     z-index: 9997;
     top: 0;
     left: 0;
     position: fixed;
     background: rgba(0, 0, 0, 0.6);
     overflow: hidden;
     display: none;
}
 .mobile-nav-active {
     overflow: hidden;
}
 .mobile-nav-active .mobile-nav {
     left: 0;
}
 .mobile-nav-active .mobile-nav-toggle i {
     color: #fff;
}
 #jssor_1 {
     position: relative;
     float: left;
     margin: 0 auto;
     top: 0px;
     left: 0px;
     width: 980px;
     height: 885px;
     overflow: hidden;
     visibility: hidden;
}
 #jssor_1 .slides {
     cursor: default;
     position: relative;
     top: 0px;
     left: 0px;
     width: 980px;
     height: 735px;
     overflow: hidden;
}
 .jssorl-009-spin {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     text-align: center;
     background-color: rgba(0, 0, 0, 0.7);
}
 .jssorl-009-spin img {
     animation-name: jssorl-009-spin;
     animation-duration: 1.6s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     margin-top: -19px;
     position: relative;
     top: 50%;
     width: 38px;
     height: 38px;
}
 @keyframes jssorl-009-spin {
     from {
         transform: rotate(0deg);
    }
     to {
         transform: rotate(360deg);
    }
}
 .jssora106 {
     display: block;
     position: absolute;
     cursor: pointer;
}
 .jssora106 .c {
     fill: #fff;
     opacity: .2;
}
 .jssora106 .a {
     fill: none;
     stroke: #000;
     stroke-width: 350;
     stroke-miterlimit: 10;
}
 .jssora106:hover .c {
     opacity: .3;
}
 .jssora106:hover .a {
     opacity: .8;
}
 .jssora106.jssora106dn .c {
     opacity: .2;
}
 .jssora106.jssora106dn .a {
     opacity: 1;
}
 .jssora106.jssora106ds {
     opacity: .3;
     pointer-events: none;
}
 .jssort101 {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 980px;
     height: 150px;
     background-color: #000;
}
 .jssort101 .p {
     position: absolute;
     top: 0;
     left: 0;
     box-sizing: border-box;
     background: #000;
     width: 160px;
     height: 138px;
}
 .jssort101 .p .cv {
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 2px solid #C8DBEB;
     box-sizing: border-box;
     z-index: 1;
     cursor: pointer;
}
 .jssort101 .a {
     fill: none;
     stroke: #fff;
     stroke-width: 300;
     stroke-miterlimit: 10;
     visibility: hidden;
}
 .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {
     border: none;
     border-color: transparent;
}
 .jssort101 .p:hover {
     padding: 2px;
}
 .jssort101 .p:hover .cv {
     background-color: rgba(0, 0, 0, 6);
     opacity: .35;
}
 .jssort101 .p:hover.pdn {
     padding: 0;
}
 .jssort101 .p:hover.pdn .cv {
     border: 2px solid #fff;
     background: none;
     opacity: .35;
}
 .jssort101 .pav .cv {
     border-color: #fff;
     opacity: .35;
}
 .jssort101 .pav .a, .jssort101 .p:hover .a {
     visibility: visible;
}
 .jssort101 .t {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: none;
     opacity: .6;
}
 .jssort101 .pav .t, .jssort101 .p:hover .t {
     opacity: 1;
}
/* Media Queries - Responsivo */
 @media (max-width: 991px) {
     .content-body {
         margin: 80px 0 40px 0;
    }
     #portfolio-imovel {
         margin: 10px 0 20px 0;
    }
     #portfolio-imovel .modal-slide {
         top: 50px;
    }
     #portfolio-imovel .modal-content {
         width: 100%;
         height: auto;
         top: 20px;
         padding: 0 10px 0 10px;
         animation-name: fade-in;
         animation-duration: 0.7s;
    }
     #portfolio-imovel .modal-content img {
         display: inline-block;
         width: 100%;
         height: 100%;
         animation-name: fade-in;
         animation-duration: 0.7s;
    }
     .bt-anuncio a {
         margin: 10px 30px 0 20px;
    }
     #bg-body {
         background-color: rgba(42, 44, 48, 0.4);
         background-image: url("../img/city.jpg");
         vertical-align: middle;
    }
     #intro {
         margin: 90px 0 -40px 0;
    }
     #intro h2 {
         font-size: 30px;
    }
     #video-iframe {
         display: none;
    }
     .column-2 {
         width: 45%;
    }
     .corretores {
         text-align: center;
         margin-top: 10px;
         padding: 0;
    }
     .corretores img {
         margin-bottom: 20px;
    }
     #ModalCentralizado .input-modal {
         width: 100%;
    }
     #ModalCentralizado .input-modal input {
         width: 160px;
    }
     #ModalCentralizado .number {
         width: 50px;
         height: 36px;
         font-size: 16px;
         line-height: 36px;
         padding-left: 10px;
         margin-left: 0;
         margin-top: 0;
    }
     #ModalCentralizado .form-group {
         float: left;
         width: 100%;
         text-align: center;
    }
     .modal-lg {
         width: 100%!important;
    }
     #ModalCentralizado .bx-sm {
         float: left;
         width: 100%;
         margin: 0;
    }
}
 @media (max-width: 768px) {
     .contato {
         padding: 20px 0 10px 0;
    }
     #option-content .bx-img img {
         width: 100%;
         height: 100%;
    }
     #option-content .header-content h3 {
         border-bottom: 1px solid #ccc;
         width: 98%;
         margin-bottom: 20px;
         padding-bottom: 5px;
    }
     #option-content .wrap-header-content {
         width: 100%;
    }
     #option-content .wrap-header-content a {
         width: 100% 
    }
     #option-content .header-content .btn {
         margin-left: 10px;
    }
     #option-content .wrap-header-content-venda {
         width: 98%;
    }
     #option-content .wrap-header-content-venda a {
         width: 100%;
    }
     #option-content .wrap-header-content-locacao {
         width: 100%;
    }
     #option-content .wrap-header-content-locacao a {
         width: 100%;
    }
     .bx-sm-bt {
         width: 220px;
         margin: 0 90px 0 90px;
    }
     .bx-sm {
         width: 100%;
    }
     .bx-img {
         margin: 0;
    }
     .wrap-nav {
         width: 700px;
         text-align: center;
         margin-top: 10px;
         padding: 20px 0 26px 0;
    }
     #search-navbar .btn-danger {
         width: 220px;
         height: 50px;
         position: absolute;
         left: 90px;
         top: 20px;
         padding: 7px 20px 6px 20px;
    }
     #option-content .custom-overlay {
         top: -60px;
    }
     #option-content .custom-overlay:hover {
         top: -60px;
    }
     #option-content .custom-overlay h4 {
         text-shadow: #000 0.1em 0.1em 0.2em;
         font-weight: 600;
         margin-left: 20px;
         padding-top: 190px;
    }
}
 @media (max-width: 767px) {
}