/* General body settings */ :root { --font-family-sans-serif: -aple-system, BlinkMacSystemFont, "Segoe UI",, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } body { color: #212529; direction: ltr;background: #fff;} p {font-size: 16px;} /* h1-h6 */ .content h1, .content h2 {margin: 0 0 10px;text-transform: uppercase;text-align: center;} .content h1:after, .content h2:after {z-index: 2; content: " "; display: block;padding-top: 7px;border-bottom: 2px solid #b7bbbf;width: 73px;margin: 0 auto;} .content h3, .content h4, .content h5, .content h6 {font: 300 18px;padding: 0;margin: 0;} .content h1 strong, .content h2 strong, .content h3 strong, .content h4 strong {color: #e54a1a;font-weight: 300;} .content h3 {font-size: 18px;font-weight: 600;margin-bottom: 7px;} .content h4 {font-size: 18px;} .content h5 {font-size: 18px;line-height: 1.2;font-weight: 600;margin-bottom: 5px;padding-top: 5px;} .content h6 {font-size: 15px;line-height: 1.4;font-weight: 700;margin-bottom: 5px;padding-top: 5px;} .h-gray {opacity: 0.7;} /* links styles */ a, a:focus, a:hover, a:active {color: #e6400c;outline: 0;text-decoration: none;} a:hover {color: #e6400c;text-decoration: underline;} /* Global classes */ ::-moz-selection {color: #fff;background: #e6400c;} ::selection {color: #fff;background: #e6400c;} .min-hight500 {min-height: 500px;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;line-height: 0;} *html .clearfix {zoom: 1;} *+html .clearfix {zoom: 1;} .clear {clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;} .block-center {display: block;margin-left: auto;margin-right: auto;} .content-center {text-align: center;} .border-bottom-silver {border-bottom: solid 1px #b7bbbf;} .more-li-space li {margin-bottom: 3px;} .no-padding {padding: 0 !important;} .no-margin {margin: 0 !important;} .no-bottom-padding {padding-bottom: 0 !important;} .no-bottom-space {padding-bottom: 0 !important;margin-bottom: 0 !important;} .no-top-padding {padding-top: 0 !important;} .no-top-space {padding-top: 0 !important;margin-top: 0 !important;} .no-space {margin: 0 !important;padding: 0 !important;} .no-text-shadow {text-shadow: none;} .padding-top-5 {padding-top: 5px !important;} .padding-top-10 {padding-top: 10px !important;} .padding-top-15 {padding-top: 15px !important;} .padding-top-20 {padding-top: 20px !important;} .padding-top-25 {padding-top: 25px !important;} .padding-top-30 {padding-top: 30px !important;} .padding-top-35 {padding-top: 35px !important;} .padding-top-40 {padding-top: 40px !important;} .padding-top-45 {padding-top: 45px !important;} .padding-top-50 {padding-top: 50px !important;} .padding-top-60 {padding-top: 60px !important;} .padding-top-70 {padding-top: 70px !important;} .padding-top-80 {padding-top: 80px !important;} .margin-bottom-0 {margin-bottom: 0 !important;} .margin-bottom-5 {margin-bottom: 5px !important;} .margin-bottom-10 {margin-bottom: 10px !important;} .margin-bottom-15 {margin-bottom: 15px !important;} .margin-bottom-20 {margin-bottom: 20px !important;} .margin-bottom-25 {margin-bottom: 25px !important;} .margin-bottom-30 {margin-bottom: 30px !important;} .margin-bottom-35 {margin-bottom: 35px !important;} .margin-bottom-40 {margin-bottom: 40px !important;} .margin-bottom-45 {margin-bottom: 45px !important;} .margin-bottom-50 {margin-bottom: 50px !important;} .margin-bottom-60 {margin-bottom: 60px !important;} .margin-bottom-65 {margin-bottom: 65px !important;} .margin-bottom-70 {margin-bottom: 70px !important;} .margin-bottom-80 {margin-bottom: 80px !important;} .margin-bottom-90 {margin-bottom: 90px !important;} .margin-bottom-100 {margin-bottom: 100px !important;} .margin-top-10 {margin-top: 10px !important;} .margin-left-0 {margin-left: 0 !important;} .margin-right-0 {margin-right: 0 !important;} .margin-right-20 {margin-right: 20px !important;} .margin-left-20 {margin-left: 20px !important;} .padding-left-0 {padding-left: 0 !important;} .padding-right-0 {padding-right: 0 !important;} .padding-right-30 {padding-right: 30px !important;} .padding-bottom-40 {padding-bottom: 40px !important;} .btn {padding: 7px 14px; font-size: 14px;text-transform: uppercase;border-radius: 0; margin-top: 20px;} .btn-primary {border: none;background: #E94D1C;color: #fff;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: #fff;background: #cc3304;border: none;} .content-page .btn-primary, .content-page .btn-primary:hover {color: #fff;margin-left: 0 !important;} .btn-default {border: 1px solid #EDEDED;color: #A8AEB3;background: transparent;padding: 6px 13px; } .btn-default:hover, .btn-default:focus, .btn-default:active {border: 1px solid #A8AEB3;color: #fff;background: #A8AEB3;padding: 6px 13px; } /* media */ .embed-container {position: relative;overflow: hidden;padding-bottom: 56.25%;padding-top: 30px;} .embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* panels style */ /*.panel-default {border-color: #ecf0f1;} .panel-default > .panel-heading {background: #ecf0f1;border-color: #ecf0f1;color: #333; } .panel-default > .panel-heading h4 {font: 300 16px "Open Sans", sans-serif;padding: 0;margin-bottom: 0;} .panel-default > .panel-heading a {text-decoration: none;color: inherit;} .panel-default > .panel-heading a:active, .panel-default > .panel-heading a:focus {color: inherit;}*/ /* Header and header elements */ .header {position: absolute;top: auto;bottom: 0;left: auto;right: auto;z-index: 9;width: 100%;min-height: 60px;padding: 0;background: rgba(255,255,255,0.95);box-shadow: 0 1px 4px rgba(228, 228, 228, 0.95);z-index: 999;} .menu-always-on-top .header {background: #fff;top: 0;bottom: auto;position: fixed;} .ie8 .header {background: #fff !important;} .ie8 .header.fixNav {border-bottom: solid 1px #ddd;} /* header at the top */ .header-top {top: 0;bottom: auto;background: rgba(255,255,255,1);} /* header on the second screen */ .header-second-screen {bottom: -63px;/* 61px – header height */} .header.fixNav {position: fixed;top: 0;bottom: auto;background: rgba(255,255,255,0.95);} .site-logo {float: left;padding-top: 19px;} .header .mobi-toggler {float: right;color: #D8D8D8;border: 1px solid #D8D8D8;border-radius: 100% !important;width: 32px;height: 32px;display: none;margin: 15px 15px 0;position: relative;background: url(../images/toggler.png) no-repeat 6px 8px;} .header .mobi-toggler i {display: none;} .header .mobi-toggler:hover {background: #162763 url(../images/toggler.png) no-repeat 6px -28px;border-color: #162763;color: #fff;} .header-navigation {float: right;list-style: none;padding: 19px 0 0;margin: 0;font-weight: 400; font-size: 18px; text-transform: uppercase;} .header-navigation li {float: left;padding: 0;margin: 0 0 0 15px;} .header-navigation a {display: block; color: #78828c; font-size: 13px; line-height: 20px;} .header-navigation a:hover, .header-navigation li.current a {color: #162763;} .header a:hover {text-decoration: none;} /* Promo block */ .promo-block {overflow-x: hidden;} /* About- block */ .about-block {padding-top: 60px;} .about-block h4 {margin-bottom: 43px;} .ab-trio {padding-top: 105px;position: relative;} .ab-trio img {position: relative;z-index: 2;} .ab-cirlce {display: inline-block;width: 135px;height: 135px;color: #fff;border-radius: 50% !important;z-index: 1;position: absolute;padding-top: 30px;} .ab-cirle-blue {background: #33b1e6;bottom: 2px;left: 5%;} .ab-cirle-red {background: #e85425;bottom: 61%;left: 37%;} .ab-cirle-green {background: #94db40;bottom: 34%;right: 9%;} .ab-cirlce i {font-size: 43px;line-height: 30px;} .ab-cirlce strong {font-weight: 400; font-size: 18px;display: block;padding-top: 12px;} /* Services block */ .services-block {background: #f6f6f6;padding: 60px 0 70px;} .services-block .row {padding-top: 44px;} .services-block .item {border-right: solid 1px #e8e7e7;padding-top: 9px;} .services-block .col-md-3:last-child {border-right: none;} .services-block .fa {background: #e85425;color: #fff;width: 99px;height: 99px;line-height: 1;border-radius: 50%;position: relative;margin-bottom: 29px;} .services-block .fa:after {bottom: -8px;width: 0; height: 0;left: 50%;margin-left: -9px;z-index: 2; content: " "; display: block; position: absolute;border-top: 9px solid #e85425;border-right: 9px solid transparent;border-left: 9px solid transparent;} .services-block .fa {font-size: 38px;padding: 35px 0 0;} .services-block p {margin-bottom: 5px;} /* Portfolio block */ .portfolio-block {background: #f6f6f6;padding-top: 60px;} .portfolio-block .row {padding: 0;margin: 0;} .portfolio-block .item {position: relative;padding: 0;margin: 0;overflow: hidden;} .portfolio-block .item > a {background: rgba(229,74,26,0.85);position: absolute;left: 0;bottom: -100%;width: 100%;height: 100%;text-transform: uppercase;transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;color: #fff;} .portfolio-block .item:hover > a {bottom: 0;} .portfolio-block .item > a:hover {text-decoration: none;} .ie8 .portfolio-block .item > a {background: #e54a1a;} .portfolio-block .item strong {font-weight: 400; font-size: 17px; display: block;margin-bottom: 4px;} .portfolio-block .item em {font-weight: 300; font-size: 13px;display: block;margin-bottom: 10px;} .portfolio-block .item b {font-weight: 300;font-size: 12px;line-height: 1;display: inline-block;border: solid 1px #fff;padding: 8px 15px 7px;} .portfolio-block .item b:hover {background: #fff;color: #E85425;border-color: #fff;} /* Choose us block */ .choose-us-block {padding-top: 60px;} .choose-us-block h4 {margin-bottom: 35px;} .choose-us-block h4 a {color: #1ea9e3;} .choose-us-block .panel-group {padding-top: 50px;} .choose-us-block .panel-default {border-radius: 0 !important;border: none;background: none;margin-bottom: 0 !important;padding-bottom: 14px;} .choose-us-block .panel-default > .panel-heading {border: none;background: none;padding: 0;} .choose-us-block .panel-default > .panel-heading + .panel-collapse .panel-body {border: none;padding: 0 0 0 32px;} .choose-us-block .panel-default h5 {font-weight: 300; font-size: 19px; padding: 0;margin: 0 0 5px;} .choose-us-block .panel-default .accordion-toggle:before {content: "";width: 21px;height: 21px;display: inline-block;background: #e54a1a url(../images/toggle-icons.html) no-repeat 6px 10px;border-radius: 50% !important;margin-right: 10px;position: relative;top: 4px;} .choose-us-block .panel-default .collapsed:before {background: #495764 url(../images/toggle-icons.html) no-repeat 6px -148px;} .choose-us-block .panel-default .panel-title:hover .collapsed:before {background-color: #e54a1a;} .choose-us-block .panel-default .accordion-toggle, .choose-us-block .panel-default .accordion-toggle:focus, .choose-us-block .panel-default .accordion-toggle:hover, .choose-us-block .panel-default .accordion-toggle:active {color: #1ea9e3;text-decoration: none;} .choose-us-block .panel-default .collapsed {color: #5f6f7e;} /* Team block */ .team-block {padding-top: 60px;} .team-block h4 {margin-bottom: 45px;} .team-block .item {margin-bottom: 30px;} .team-block h3 {font-size: 20px;padding-top: 13px;margin-bottom: 2px;} .team-block em {color: #e54a1a;text-transform: uppercase;display: block;font-weight: 400; font-size: 14px;margin-bottom: 12px;} .tb-socio {padding-top: 3px;text-align: center;} .tb-socio .fa {width: 33px;height: 33px;color: #b3bdc6;border-radius: 50% !important;border: solid 1px #d5d5d5;font-size: 19px;line-height: 19px;margin: 0 7px;padding-top: 7px;} .tb-socio .fa:hover {color: #e6400c;border: solid 1px #e6400c;text-decoration: none;} /* Pricing */ .prices-block {background: #F6F6F6;padding: 60px 0 40px;} .pricing-item {/*border: solid 2px #8695a1;*/background: #fff;font: 400 18px;margin-bottom: 30px;} .pricing-head {background: #8695a1;color: #fff;font: 400 17px/1.2;padding: 13px 15px 9px;margin-bottom: 26px;} @-moz-document url-prefix() { .pricing-head {padding: 12px 15px 10px;} } .pricing-head h3 {font: 400 43px/1.2;} .pi-price {margin-bottom: 31px;} .pi-price strong {font-size: 35px;font-weight: 400;display: inline-block;background: #e85425;color: #fff;width: 128px;height: 128px; line-height: 1;border-radius: 50%;position: relative;padding: 28px 0 0;margin-bottom: 20px;} .pi-price strong:after {bottom: -8px;width: 0; height: 0;left: 50%;margin-left: -9px;z-index: 2; content: " "; display: block; position: absolute;border-top: 9px solid #e85425;border-right: 9px solid transparent;border-left: 9px solid transparent;} .pi-price strong em {font-size: 71px; font-style: normal;} .pricing-content {padding: 0 15px;margin-bottom: 24px;} .pricing-content .list-unstyled {text-align: left;color: #7d8489;} .pricing-content .list-unstyled li {margin-bottom: 6px;} .pricing-content .list-unstyled li i {color: #e85425;position: relative;top: -1px;} .pricing-footer {padding: 15px;} .pricing-footer .btn-default {background: #afb7be;color: #fff;display: block;font: 400 22px/22px;padding: 13px 10px;border: none;} .pricing-footer .btn-default:hover, .pricing-footer .btn-default:focus, .pricing-footer .btn-default:active {border: none;background: #E85425;} /* Testimonials block */ .testimonials-block {padding-top: 60px;} .testimonials-block h4 {margin-bottom: 57px;} .testimonials-block .carousel {width: 62%;margin: 0 auto;} .testimonials-block blockquote {border: none;font: italic 300 23px/1.3;margin: 0;padding: 0;color: #66717c;} .testimonials-name {font: italic 300 23px/1.3;color: #2dafe5;} .testimonials-block .carousel-indicators {position: static;margin: 27px 0 0;width: 100%;} .carousel-indicators li {width: 12px !important;height: 12px !important;border-radius: 50% !important;background: #dce0e2;position: relative;margin: 0 3px !important;border: none;} .carousel-indicators li.active {background: #e6400c;} /* Facts block */ .facts-block {position: relative;min-height: 470px;height: auto;padding: 57px 0 0;z-index: 0;background: #fff url(../images/facts.html) no-repeat fixed;position: relative;color: #fff;} .facts-block h2 {background: rgba(0,0,0,0.29);line-height: 37px;padding: 14px 0 15px;margin-bottom: 71px;} .facts-block h2:after {display: none;} .facts-block .item {background: rgba(255,99,77,0.92);font: 400 20px "Pathway Gothic One", Arial, sans-serif;text-transform: uppercase;width: 198px;height: 198px;border-radius: 50% !important;padding: 33px 0 0; margin: 0 auto;} @-moz-document url-prefix() { .facts-block .item {padding: 31px 0 0; } } .ie8 .facts-block .item {background: #e54a1a;} .facts-block .item strong {display: block;font-size: 80px;text-transform: none;margin-bottom: 4px;} /* message block */ .message-block {position: relative;min-height: 457px;height: auto;padding: 0 0 50px;z-index: 0;background: #292F34 url(../images/quote.html) no-repeat fixed;position: relative;} /*.message-block:after {background: rgba(0,0,0,0.73);content: "";width: 100%;height: 100%;top: 0;left: 0;position: absolute; z-index: 1;}*/ .message-block h2 {z-index: 2;color: #fff;font-size: 35px;font-weight: 700;line-height: 42px;position: relative;padding: 0;/* margin: 150px 0 14px; */margin-bottom: 14px;letter-spacing: 1px;} .message-block h2:after {display: none;} .message-block h2 strong {color: #18bbff;display: block;} .message-block em {font: 300 15px;text-transform: uppercase;color: #fff;position: relative;z-index: 2;display: block;} /* Checkout block */ .checkout-block {background: #292f34;color: #c8ced4;padding: 25px 0;} .checkout-block h2 {font: 400 33px;margin: 2px 0 0;text-align: left;} .checkout-block h2 em {color: #767c81;font: 300 18px;text-transform: none;} .checkout-block h2:after {display: none;} .checkout-block .btn {font: 400 20px/20px;padding: 15px 20px 14px;} @-moz-document url-prefix() { .checkout-block .btn {padding: 14px 20px 15px;} } /* pre-footer twitter block */ .pre-footer dl.f-twitter {overflow: hidden;margin-bottom: 7px;} .pre-footer dl.f-twitter dt {width: 30px;float: left;text-align: left;padding-top: 2px;} .pre-footer dl.f-twitter dt i {color: #57c8eb;font-size: 20px;} .pre-footer dl.f-twitter dd {color: #b0b0b0;margin-left: 30px;} .pre-footer dl.f-twitter dd span {color: #6b9cab;font-size: 12px;margin: 0 5px;} .pre-footer address {line-height: 1.7;} .pre-footer .top-line {border-top: solid 1px #535353;padding-top: 24px;padding-bottom: 17px;} .pre-footer .social-icons {padding-top: 5px;} .pre-footer .social-icons li a, .pre-footer a.social-icon {transition: all 0.1s ease-in-out !important;-o-transition: all 0.1s ease-in-out !important;-ms-transition: all 0.1s ease-in-out !important;-moz-transition: all 0.1s ease-in-out !important;-webkit-transition: all 0.1s ease-in-out !important;} .pre-footer .social-icons li a:hover {opacity: 1;} .pre-footer hr {margin-top: 0;border-color: #404040;} .pre-footer .form-control, .pre-footer .form-control:focus {border: none;} /* subscribe */ .pre-footer .pre-footer-subscribe-box {padding-bottom: 14px;overflow: hidden;max-width: 300px;} .pre-footer .pre-footer-subscribe-box p {clear: both;} .pre-footer-subscribe-box .input-group {border: solid 1px #545454;padding: 1px 1px 0 0;} .pre-footer-light .pre-footer-subscribe-box .input-group {border: solid 1px #DBDBDB;} .pre-footer-subscribe-box h2 {padding-top: 7px;} .pre-footer-subscribe-box input {border-radius: 0;background: #313030;border: solid 1px #313030;color: #909090;font: 13px Arial, sans-serif;} .pre-footer-subscribe-box input:focus {box-shadow: none;border: solid 1px #313030;} .pre-footer-subscribe-box .btn-primary {margin-left: 0 !important;border-bottom: none;margin-bottom: 1px;} /* pre-footer photostream */ .pre-footer .photo-stream li {margin: 4px 5px 4px 0;display: inline-block;} .pre-footer .photo-stream img {width: 54px;height: 54px;border: solid 2px #9ca5ae;} .pre-footer .photo-stream img:hover {border-color: #E84D1C;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; } /* light pre-footer */ .pre-footer-light {background: #F9F9F9;color: #3E4D5C;margin-top: 20px;} .pre-footer-light .container {background: #fff;padding-top: 25px;} .pre-footer-light h2 {color: #3E4D5C;} .pre-footer-light a {color: #3E4D5C;} .pre-footer-light dl.f-twitter dd {color: #3E4D5C;} .pre-footer-light dl.f-twitter dd span {color: #99a5b1;} .pre-footer-light dl.f-twitter dd a {color: #e84d1c;} .pre-footer-light address a {color: #e84d1c;} .pre-footer-light hr {border-color: #e6e6e6;} .pre-footer-light .social-icons li a {opacity: 1;} .pre-footer-light .social-icons li a:hover {opacity: 0.7;} .pre-footer-light .input-group {border: none;padding: 1px 1px 0 0;} .pre-footer-light .pre-footer-subscribe-box input {background: #fff;border: none;color: #909090;} .pre-footer-light .pre-footer-subscribe-box button:hover {color: #fff;} /* light pre-footer */ .pre-footer-gray {background: #62707F;color: #fff;} .pre-footer-gray h2 {color: #fff;} .pre-footer-gray dl.f-twitter dd {color: #fff;} .pre-footer-gray dl.f-twitter dd span {color: #fff;opacity: 0.5;} .pre-footer-gray hr {border-color: #94a5b6;} .pre-footer-gray .social-icons li a {opacity: 1;} .pre-footer-gray .social-icons li a:hover {opacity: 0.7;} .pre-footer-gray .pre-footer-subscribe-box fomr {color: #fff;} .pre-footer-gray .pre-footer-subscribe-box .input-group {border: 1px solid #94a5b6;} .pre-footer-gray .pre-footer-subscribe-box input {background: #62707F;border: solid 1px #62707F;color: #fff;} .pre-footer-gray .pre-footer-subscribe-box input:focus {border: solid 1px #62707F;} .pre-footer-gray ::-webkit-input-placeholder { /* WebKit browsers */color: #fff;} .pre-footer-gray :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff;} .pre-footer-gray ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff;} .pre-footer-gray :-ms-input-placeholder { /* Internet Explorer 10+ */color: #fff;} /* footer */ .footer {background: #08073B ;color: #fff;font-size: 12px;padding: 5px 0;} .footer-light {background: #F9F9F9;color: #3e4d5c;} .footer-gray {background: #4A5866;} .footer a {color: #fff;text-decoration: underline;} .footer a:hover {text-decoration: none;} .footer-light a {color: inherit;} .footer .padding-top-10 {opacity: 0.5;} .footer .list-inline > li:last-child {padding-right: 0;} .footer ul {margin: 0;padding: 0;} .footer ul.social-footer {font-size: 18px;padding-top: 5px;} .footer .social-icons li {float: right;margin: 0 0 0 5px} .copyright {padding-top: 7px;} @-moz-document url-prefix() { .copyright {padding-top: 6px;} } .footer ul.social-icons li a {opacity: 0.5;} .footer ul.social-icons li:hover a {opacity: 1 !important;} .powered {color: #fff;text-align: center;margin: 0} .powered > a {color: #fff;text-decoration: none;} .powered > a:hover {color: #fff;} /* go2top */ .go2top, .go2top:focus {position: fixed;right: 15px;bottom: 8px;color: #999;width: 38px;height: 38px;border: solid 2px #999;border-radius: 50% !important;text-align: center;padding: 7px 0 0 1px;z-index: 99999;font-size: 18px;line-height: 1;} .go2top:hover {border: solid 2px #162763;color: #162763;} .go2top i {font-size: 18px;line-height: 18px;} .fancybox-overlay {z-index: 100000 ;} .fancybox-opened {z-index: 100001;} /*** Styler Panel ***/ .color-panel {z-index: 99999;position: fixed;top: 120px;right: 0;} .color-panel .menu-pos {margin: 0 0 15px 15px;width: 150px;} .color-panel .color-mode-icons {top: 0;right: 0;padding: 20px;cursor: pointer;position: absolute;margin: 0;} .color-panel .icon-color {background: #c9c9c9 url(../images/icon-color.html) center no-repeat;} .color-panel .icon-color:hover {background-color: #3d3d3d;} .color-panel .icon-color-close {display: none;background: #3d3d3d url(../images/icon-color-close.html) center no-repeat;} .color-panel .icon-color-close:hover {background-color: #222;} .color-mode {top: 0;right: 40px;width: 200px;display: none;padding: 20px 10px 10px;position: absolute;background: #3d3d3d; } .color-mode p {color: #cfcfcf;padding: 0 15px;font-size: 15px;} .color-mode ul {list-style: none;padding: 4px 11px 5px;display: block;margin-bottom: 1px !important;} .color-mode li {width: 28px;height: 28px;margin: 4px;cursor: pointer;list-style: none;border: solid 1px #707070;display: inline-block;padding: 0 5px;} .color-mode li:hover, .color-mode li.current {border: solid 1px #ebebeb;} .color-mode li.current {border: solid 2px #ebebeb;} .color-mode li.color-blue {background: #64aed9;} .color-mode li.color-red {background: #e84d1c;} .color-mode li.color-green {background: #67bd3c;} .color-mode li.color-orange {background: #e18604;} .color-gray {background: #798b97;} .color-turquoise {background: #44b1c1;} .color-mode label {color: #cfcfcf;border-top: 1px solid #585858;padding: 10px 10px 0;margin: 0 5px;display: block;} .color-mode label span { text-transform: uppercase;} .color-mode label > span {display: inline-block;width: 85px;} .color-mode label > select {margin-top: 5px;text-transform: lowercase;} .color-mode label span.color-mode-label {top: 2px;position: relative;} .section {padding: 45px 0;} .row {max-width: 100%; width: 100%; margin: 0;} h2 {margin-bottom: 40px;} .header img {height: 40px;margin-top: -10px;} .carousel-inner .carousel-caption .btn-painel a{background: rgba(0,0,0,0.2); font-size: 16px; color: #fff; font-weight: 400; border: 1px solid #fff; padding: 10px 50px;} .carousel-inner .carousel-caption .btn-painel a:hover{ background:rgba(255,255,255,0.45);} .carousel-inner .carousel-caption li{margin-bottom: 30px;} .promo-block .carousel-caption {background: #001041;top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; text-align: left; padding: 2rem 0; padding-top: calc(2rem + 60px); display: -ms-flexbox; display: flex; -ms-align-items: flex-start; align-items: flex-start; -ms-justify-content: center; justify-content: center; -ms-flex-direction: column; flex-direction: column;} .promo-block .carousel-caption h3 {font-size: 35px; margin-top: 0;} .promo-block .carousel-caption p {font-size: 18px; margin-bottom: 10px;} .promo-block .carousel-caption a {font-size: 16px;color: #fff;border: 1px solid #fff;padding: 10px 50px;} .promo-block .carousel-caption .btn:hover {color: #fff;} .promo-block .carousel-caption .btn-painel {display: flex; display: -ms-flexbox;} .promo-block .carousel-caption .btn-painel:not(:last-child) {margin-bottom: 0.5rem;} .promo-block .carousel-caption .btn-painel a {margin-right: 1rem;} .promo-block .pelicula:before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background: rgba(00, 00, 00, 0.5);} .promo-block .carousel-inner {height: 100vh; max-width: 100%; width: 100%; object-fit: cover;} .promo-block .carousel-inner img {height:auto; max-width: 100%; width: 100%; object-fit: contain;} @media screen and (max-width: 991px) { .promo-block .carousel-inner {height: auto;} .promo-block .carousel-caption {text-align: center; background: #001041; padding: 2rem; position: initial;} .promo-block .carousel-caption .container {width: 100%;} .promo-block .carousel-caption .btn {padding: 0;} .promo-block .carousel-caption .btn a {padding: 1rem 2rem;} .promo-block .carousel-caption .btn-painel {-ms-justify-content: center; justify-content: center;} .promo-block .carousel-caption .btn-painel a {margin-right: 0;} .promo-block .carousel-caption .btn-painel a:not(:last-child) {margin: 0 0 10px 0;} } @media screen and (max-width: 768px) { .promo-block .carousel-caption h3 {width: 100%;} .promo-block .carousel-inner {height: auto;margin-top:8%;} } @media screen and (max-width: 575px) { .promo-block .carousel-caption .btn-painel {-ms-flex-direction: column; flex-direction: column;} .promo-block .carousel-inner {height: auto;margin-top: 15%;} } #reconhecido img {max-width: 100%;width: 100%;height: 150px;object-fit: contain;} #reconhecido .box {height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center;} #reconhecido .box p {font-size: 20px; text-align: justify;} #oferecemos {max-width: 100%; width: 100%; height: auto; background: #162763;text-align: center;color: #fff;} #oferecemos p {font-size: 25px;} #maquininhas #slider img {max-width: 100%;width: 100%;height: 300px;object-fit: contain;} #maquininhas #beneficios {margin-bottom: 3rem;} #maquininhas #beneficios h2 {color: #000; font-weight: 600;} #maquininhas #beneficios .vermelho {color: red;} #maquininhas #beneficios img {width: 100%; height: 40px; object-fit: contain; margin-bottom: 10px;} #maquininhas #beneficios p {text-align: center; font-weight: bold;} #maquininhas #slider ul {padding: 0;margin: 0; height: 100%;} #maquininhas #slider ul li {font-size: 16px; line-height: 1.5;} #maquininhas #slider .carousel-control.right {background-image: none;} #maquininhas #slider .carousel-control.right {background-image: none;height: 50px;top: 50%;color: #000;opacity: .3;} #maquininhas #slider .carousel-control.left {background-image: none;} #maquininhas #slider .carousel-control.left {background-image: none;height: 50px;top: 50%;color: #000;opacity: .3;} #maquininhas #slider .box {background: #fff; padding: 25px; height: auto; box-shadow: 0px 0px 20px 0px #ddd; margin: 10px auto;} #maquininhas #slider h3 {color: #162763; margin: 2rem 0;} #maquininhas #slider h4 {color: #000;} #maquininhas #slider .fa.fa-check {color: green;margin: 0 10px 0 0;} #maquininhas #slider .btn-maquininha {max-width: 100%; width: 100%; margin: 15px auto; text-align: center; display: flex; justify-content: center; align-items: center;} #maquininhas .btn-maquininha:last-child {margin-bottom: 0 !important;} #maquininhas .btn-maquininha a {border: 1px solid #162763; color: #162763; padding: 10px 20px;text-transform: uppercase;font-weight: bold;background: transparent; margin: 0 5px;} #maquininhas .btn-maquininha a:hover {background: #162763; text-decoration: none; color: #FFF;} #maquininhas #line-division {border-top: 1px solid lightgray;} #maquininhas .item {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: center; justify-content: center;}*/ #maquininhas .carousel:first-child .item {width: 50%;} #maquininhas #icon-teste img{ width: 140px; height: 140px; margin: 0px 97px;} @media screen and (min-width: 1200px) { #maquininhas #slider ul {min-height: 216px;} } @media screen and (max-width: 767px) { #maquininhas #slider ul {text-align: center;} } /* Megalink */ #megalink {padding: 0;} #megalink:nth-child(1n) {padding-top: 45px;} #megalink:nth-child(2n) {padding-top: 0; padding-bottom: 45px;} #megalink {max-width: 100%; width: 100%; height: auto; margin: 0 auto; text-align: center; background: #ffffff;} #megalink .box {list-style: none;padding: 0;max-width: 100%;width: 100%;height: auto;margin: 0 auto;display: flex; justify-content: center;} #megalink .box li {margin: 10px 5px;max-width: 100%;} #megalink .box img {max-width: 100%;width: auto;height: 70px; object-fit: contain; margin: 0px 35px; border-bottom: 5px;} #megalink .box .img-box-principal {width: 100%; height: auto; margin: 0;} #megalink .sub-title {padding-top: 10px; color: #162763; font-weight: 600;} #megalink h2 {margin-top: 0;} #megalink .flexible {-ms-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-align-items:center; align-items:center;} #megalink #right-bloc {text-align: left;} #megalink #right-bloc h2 {margin-bottom: 15px; color: #162763;} #megalink #right-bloc ul li {font-size: 16px; line-height: 1.5;} #megalink #right-bloc .button-megalink {display: -ms-flexbox; display: flex;} #megalink #right-bloc .button-megalink a {background: #162763; border-radius:5px !important; border:none; color: #fff; padding: 10px 15px; text-align: center; text-transform: uppercase;} #megalink #right-bloc .fa.fa-check {color:green;} @media screen and (max-width: 767px) { #megalink #right-bloc {text-align: center; margin-top: 3rem;} } /* Empresa */ #empresa {background: #162763; color: #FFF;} #empresa .box {text-align:center;} #empresa .box img {width: 100%; height: 75px; object-fit: contain; margin-bottom: 1.5rem;} #empresa .box p {font-size: 18px;} @media screen and (max-width: 991px) { #empresa .box {margin-bottom: 3rem;} } /* Remessas */ #remessas {max-width: 100%; width: 100%; height: auto; background: #162763;text-align: center;color: #fff;} #remessas h2 {font-size: 28px;} #remessas p {font-size: 18px;} /* Explicativo */ #explicativo {padding: 90px 0;} #explicativo .box {border-right: 1px solid #162763;} #explicativo .box .line {display: inline-block; border-bottom: 1px solid #E2E2E2; padding: 1.5rem 0; width: 100%;} #explicativo .box .line p {margin-bottom: 0;} #explicativo .box .line .image {width: 100%;} #explicativo .box .line .image img {width: 50px; height: 50px; object-fit: contain; object-position: left; margin-bottom: 10px;} #explicativo img {width: 100%; height: 100%; border-radius: 10px !important; object-fit: contain; object-position: center; background: #EAF3FA; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);} #explicativo h2 {font-weight: bold; text-align: left; color: #162763; margin: 0 0 20px 0;} #explicativo p:hover {color: #46a049; cursor: pointer;} #explicativo a {font-size: 16px; font-weight: 600; text-transform: uppercase; background: #162763; border: 0; color: #FFF; line-height: 1.5; padding: 1.5rem 4rem;} #explicativo .d-flex {display: -ms-flexbox; display: flex;} #explicativo .fa-check {color:green;} #explicativo #payment-bloc {border-right: 3px solid #46a049; height: 160px;} #explicativo #payment-bloc-2 {margin: 0px 40px;} @media screen and (max-width: 1199px) { #explicativo img {height: auto; max-height: 300px; margin: 0 0 2rem 0;} } @media screen and (max-width: 767px) { #explicativo .box {border-bottom: 1px solid #162763; border-top: 1px solid #162763; border-right-width: 0; margin-bottom: 3rem;} #explicativo .box .line {text-align: center;} } /* Vantagens */ #vantagens {background: #162763; color: #FFF;} #vantagens h2 {text-align:center; margin: 0 0 5rem 0;} #vantagens .row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: center; justify-content: center;} #vantagens .box {background: #FFF; border: 1px solid #FFF; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 60%); color: #212529; padding: 15px; margin-bottom: 4rem;} #vantagens .box img {width: 100%; height: 45px; object-fit: contain; object-position: center; margin-bottom: 15px;} #vantagens .box p {font-size: 18px; text-align: center; margin: 0;} @media screen and (min-width: 576px) and (max-width: 767px) { #vantagens .col-md-3 {width: 50%;} } @media screen and (min-width: 576px) { #vantagens .box p {height: 50px; display: -ms-flexbox; display: flex; -ms-align-items: center; align-items: center; justify-content: center; -ms-justify-content: center;} } /* Revendedor */ #revendedor .row {display: -ms-flexbox; display: flex; -ms-align-items: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px;} #revendedor #column-img {text-align: center;} #revendedor .box img {width: 100%; min-width: 100%; height: 210px; object-fit: contain;} #revendedor .box h2 {text-align: center; font-size: 40px; font-weight: 600; margin-bottom: 10px;} #revendedor .box p {text-align: center; font-size: 18px; margin-bottom: 30px;} #revendedor .botao {max-width: 100%; width: 100%; margin: 0px auto 20px; text-align: center;} #revendedor .botao a {border: 1px solid #162763; color: #fff; padding: 10px 40px; text-transform: uppercase; font-weight: bold; background: #162763; text-decoration: none; cursor: pointer;} #revendedor .row .col-xs-12 {text-align: center;} #revendedor .row .col-xs-12 h2 {text-align: center; margin-bottom: 14px;} #revendedor .row .col-xs-12 p {margin-bottom: 20px;} #revendedor .row .col-xs-12 .botao-whatsapp {max-width: 100%; width: 100%; height: auto; margin: 0px auto 20px; text-align: center;} #revendedor .row .col-xs-12 .botao-whatsapp a {border: 1px solid green; color: #fff; padding: 10px 40px; text-transform: capitalize; background: green; border-radius: 10px !important; text-decoration: none; cursor: pointer;} /* Bandeiras */ #bandeiras {background: #162763; color: #FFF;} #bandeiras .box {list-style: none;padding: 0;max-width: 100%;width: 100%;height: auto;margin: 0 auto; display: -ms-flexbox; display: flex;-ms-justify-content: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;} #bandeiras .box li {margin: 10px 5px;max-width: 100%;} #bandeiras .box img {max-width: 100%;width: auto;height: 64px; object-fit: contain;} #bandeiras h2 {margin-top: 0;} /* Aplicativo */ #aplicativo {margin-top: 30px;} #aplicativo h1 {font-weight: 600; margin: 0;} #aplicativo h3 {margin: 1rem 0 0 0;} #aplicativo p {font-size: 19px;} #aplicativo b {color: #411FFD; margin-bottom: 30px;} #aplicativo li {margin: 15px 0px;} #aplicativo img {width: 100%; height: 400px; object-fit: contain;} #aplicativo .fa-check-square {color: green;} #aplicativo .row:not(.icons) {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-align-items: center; align-items: center; margin-bottom: 30px;} #aplicativo .plataformas img {height: 35px; object-position: left; margin: 1rem 0 0 0;} #aplicativo .icons {margin-top: 4rem;} #aplicativo .icons .icon img {height: 95px; margin-bottom: 10px;} #aplicativo .icons .icon p {text-align: center;} @media screen and (max-width: 991px) { #aplicativo .icons .icon {margin-bottom: 3rem;} } @media screen and (max-width: 767px) { #aplicativo {text-align: center;} #aplicativo p {text-align: center;} #aplicativo img {height: auto; max-height: 400px; margin-bottom: 3rem;} #aplicativo .plataformas img {object-position: center;} } /* Portabilidade */ #portabilidade h1 {font-weight: 600;} #portabilidade a {color: #162763;font-weight: bold;} #portabilidade img {width: 100%; height: auto; max-height: 350px; object-fit: cover; object-position: 50% 36%; background-repeat: no-repeat; margin-bottom: 3%;} #portabilidade .accordion{background-color: #eee;color: #162763;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;transition: 0.4s;box-shadow: 0px 0px 1px #000000;} #portabilidade .active, #faq .maislinks:hover {background-color: #ccc;} #portabilidade .panel {padding: 0 18px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;} #taxas .box {background: #eee;padding: 20px;text-align: center;min-height: 640px;height: auto;} #taxas .opcoes {min-height: 650px;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: flex-end;color: #000;font-weight: bold; display: -webkit-flex; display: -ms-flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-justify-content: center; -ms-justify-content: center; -webkit-align-items: flex-end; -ms-align-items: flex-end;} #taxas .opcoes p {margin-bottom: 15px;} #taxas .box .porcentagem {min-height: 182px;padding: 10px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;} #taxas .box .porcentagem:last-child {padding-top: 30px;} #taxas .box .porcentagem p {font-weight: bold; font-size: 18px; color: #000;} #taxas .box .porcentagem .smaller {font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin: -10px 0 1rem 0;} #taxas .box .porcentagem .even.smaller {margin: -5px 0 1rem 0;} #taxas .box .fix {min-height: 115px; height: auto;} #taxas .box h4 {color: #000;font-size: 18px;} #taxas .btn {max-width: 100%;width: 100%;margin: 40px auto 10px;text-align: center;padding:0;} #taxas .btn a {background: #162763; color: #fff; border: 1px solid; padding: 10px 20px; font-weight: bold; outline: none;} #tx4bank {max-width: 100%; width: 100%; height: auto; border-bottom: 1px solid lightgray;} #tx4bank p {text-align: justify;font-size: 16px;height: auto;display: flex;justify-content: center;align-items: center;padding: 30px 20px;} #tx4bank img {max-width: 100%;width: 100%;height: auto;max-height: 410px;object-fit: cover;} #tx4bank .row {max-width: 100%; width: 100%; margin: 0; background: #eee;} #tx4bank .no-padding {padding: 0;} #tx4bank .botao {max-width: 100%; width: 100%; margin: 0px auto 20px; text-align: center;} #tx4bank .botao a {border: 1px solid #162763;color: #fff;padding: 10px 40px;text-transform: uppercase;font-weight: bold;background: #162763;} #tx4bank .botao a:hover {background: transparent;color: #162763;} #dez-mil-em-maquininha {background: #E8E3E3; padding-bottom: 0;} #dez-mil-em-maquininha .row {display: -ms-flexbox; display: flex; -ms-align-items: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;} #dez-mil-em-maquininha .row img {width: 100%; object-fit: contain; height: 350px;} #dez-mil-em-maquininha h2 {font-size: 40px; margin-bottom: 15px;} #dez-mil-em-maquininha p {font-size: 14px; margin-bottom: 2rem;} #dez-mil-em-maquininha .botao {max-width: 100%; width: 100%; margin: 0px auto 20px; text-align: left;} #dez-mil-em-maquininha .botao a {border: 1px solid #162763; color: #fff; padding: 10px 40px; text-transform: uppercase; font-weight: bold; background: #162763;} /* FAQ */ #faq {max-width: 100%; width: 100%; height: auto; margin: 0 auto;} #faq .accordion {background-color: #FFF; cursor: pointer; padding: 18px; width: 100%; border: none; border-radius: 10px !important; text-align: left; outline: none; font-size: 15px; transition: 0.4s; box-shadow: 0 3px 5px 0 rgb(0, 0, 0, .20); position: relative;} #faq .accordion span {position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 12px; color: #162763; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;} #faq .accordion.active span {transform: translateY(-50%) rotate(90deg);} #faq .active, #faq .maislinks:hover {background-color: #F9F9F9;} #faq .panel {background-color: #f3f3f3; border-radius: 0 0 10px 10px !important; margin-top: -5px; max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out;} #faq .panel .text {padding: 18px;} #faq a {color: #162763;font-weight: bold;} /* Depoimentos */ #depoimentos h1 {font-weight: 600; text-align: center; text-transform: uppercase; color: #162763; margin: 0;} #depoimentos h2 {font-size: 24px; text-align: center; margin: 1rem 0 4rem 0;} #depoimentos .box {margin-bottom: 50px;} #depoimentos .box .box-header, #depoimentos .box .box-body {background: #FFF; padding: 10px; position: relative;} #depoimentos .box .box-header {border: 2px dashed #162763; border-bottom-width: 0; border-radius: 0 10px 0 0 !important; color: #162763;} #depoimentos .box .box-header h3 {font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 0 75px;} #depoimentos .box .box-header .image {width: 90px; height: 90px; background: #FFF; border: 3px solid #162763; border-radius: 100% !important; overflow: hidden; position: absolute; top: -25px; left: -25px;} #depoimentos .box .box-header .image img {width: 100%; height: 100%; object-fit: contain; object-position: center;} #depoimentos .box .box-body {border: 2px dashed #162763; border-top-width: 0; border-radius: 0 0 10px 10px !important;} #depoimentos .box .box-body::before {content: ''; position: absolute; bottom: -15px; right: 0; width: 40px; height: 30px; background: #FFF; border-left: 3px dashed #162763; border-bottom: 3px dashed #162763; transform: skewY(140deg);} #depoimentos .box .box-body p {text-align: justify; margin: 0;} #depoimentos .box .box-footer {margin-top: 2px; padding: 0 10px;} #depoimentos .box .box-footer p {font-size: 14px; color: #4C4C4C;} #depoimentos .box .box-footer p b {color: #212529;} @media screen and (min-width: 1200px) { #depoimentos .box .box-body {height: 250px;} } @media screen and (min-width: 992px) and (max-width: 1199px) { #depoimentos .box .box-body {height: 264px;} } @media screen and (min-width: 768px) and (max-width: 991px) { #depoimentos .box .box-body {height: 220px;} } /* */ #faixaazul {background: #5277af;padding: 30px 0;text-align: center;} /* Contato */ #contato {background: #131750;color: #fff;padding: 20px 0;} #contato .pre-footer-col {min-height: 149px;height: auto;display: flex;flex-direction: column;/*justify-content: center;*/align-items: center;} #contato img {height: 60px;max-width: 100%;width: 100%;object-fit: contain;} #contato h2 {font-size: 16px; margin: 0 0 8px; color: #fff; text-transform: uppercase; font-weight: 500; line-height: 23px;} #contato a {color: #5277af;} #contato p {margin-bottom: 20px;} #contato a{color: #fff; text-decoration: none; margin-bottom: 0;} #contato a:hover{color: #162763;} #contato li {margin-bottom: 6px;} #contato .sociais {list-style: none;padding: 0;display: inline-flex;justify-content: center;align-items: center;max-width: 100%;width: 100%;} #contato h4 {margin-top: 25px;} #contato .sociais li {padding: 0 10px; font-size: 18px;} #contato .sociais li .fa.fa-lindekin:before {content: '\f08c';} #contato .botao a {color: #fff; font-weight: bold; text-transform: uppercase; background: #162763; padding: 10px 30px;} #contato .botao a:hover {text-decoration: underline;} /* SUB MENU =----------------------*/ .header .menu-principal {position: relative;} .header .menu-principal .sub-menu {position: absolute; top: 100%; left: 0;} .header .menu-principal .sub-menu .menu {background: #FFF; border-radius: 10px !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25); list-style: none; padding: 0; overflow: hidden; opacity: 0; z-index: -1; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; max-height: 0; overflow: hidden;} .header .menu-principal:hover .sub-menu .menu {max-height: unset; opacity: 1; z-index: 1;} .header .menu-principal .sub-menu .menu li {padding: 10px; margin: 0; white-space: nowrap; width: 100%;} .header .menu-principal .sub-menu .menu li:not(:last-child) {border-bottom: 1px solid #D2D2D2;} /* FORMULARIO SEJA CONSULTOR =------------------------*/ #form-consultor {padding: 0;} #form-consultor #nome, #telefone, #email, #msg {margin-bottom: 10px;} /*#form-consulor*/ .btn-form {background: #162763; border:none; width: 150px; height: 40px; padding: 10px; color: #fff; text-transform: uppercase; margin-bottom: 20px;} @media screen and (max-width: 768px){ .promo-block .carousel-caption p {font-size: 16px;} .promo-block .carousel-caption h3 {font-size: 25px; line-height: 30px;} #reconhecido .box {height: auto;display: block;flex-direction: column;justify-content: center;align-items: center;padding: 40px 0 0;} #oferecemos p {font-size: 18px;} #maquininhas #slider .box {margin: 10px 0;} #bandeiras .box {display: block;} #bandeiras .box li {max-width: 25%; float: left; margin: 0 auto;} #bandeiras .box img {max-width: 100%;width: 100%;padding: 5px 5px;} #taxas .box .fix {max-height: auto;} #taxas .box {margin: 20px 0; min-height: auto;} #contato .pre-footer-col {min-height: auto; padding: 10px 0;} #cadastro form {max-width: 100%!important;} } #remessas .botao {margin-top: 30px;} #remessas .botao a {color: #fff;font-weight: bold;border: 1px solid #fff; padding: 15px;} #page-remessas iframe {height: 100vh; margin-top: 60px;} #taxas {text-align: center;} #taxas img {max-width: 50%; width: 100%; height: auto; box-shadow: 0px 0px 5px; margin: 10px auto;} /* Cadastro =----------------*/ #cadastro .btn.default {background: #162763; color: #fff;} #cadastro h1 {text-align: center; margin-top: 40px; font-size: 32px; text-transform: uppercase; color: #162763;} #cadastro .center {position: relative; padding: 30px 100px;} #cadastro form button:hover {opacity: .85;} #cadastro form .form-control {font-size: 13px; font-weight: 300; margin: 5px 0;} #cadastro .img { margin-top: 1rem; } #cadastro .img img {width: 100%; height: 150px; object-fit: contain;} #cadastro label {text-transform: uppercase; margin-top: 1rem;text-align: start;} #cadastro .form-control-file {border: solid 1px #eee; padding: 0.4rem 1rem;text-transform: uppercase; font-size: 12px;} #cadastro .form-group {text-align: center; justify-content: center; align-items: center; display: flex;} @media screen and (max-width: 991px) { #cadastro form label.form-control {line-height: 1.5; height: auto;} #cadastro .center {position: relative; padding: 30px 10px;} #cadastro label {text-align: center;} #cadastro h1 {font-size: 26px;} } #conta p {font-size: 18px; line-height: 24px;} #infoModal .modal-header {position: relative;} #infoModal .modal-header .close {position: absolute; top: 5px; right: 10px; transform: unset; padding: 0; margin: 0;} #infoModal .modal-header .modal-title {font-size: 20px; line-height: 25px; font-weight: bold; text-align: center;} #infoModal .modal-body .modal-text {font-size: 16px; line-height: 21px; font-weight: normal; margin: 0 auto 10px;} #infoModal .modal-body .modal-text ul {list-style: none;} #infoModal .modal-body .modal-text ul .fa.fa-check {color: green;} #infoModal .modal-body .botao {max-width: 100%; width: 100%; height: auto; margin: 30px auto 10px; text-align: center;} #infoModal .modal-body button {font-weight: 600; text-transform: uppercase; background: #005603; border: 1px solid #005603; color: #FFF; padding: 0.4rem 3rem; position: relative; z-index: 0; margin: 10px auto 0;} #infoModal .modal-body button:hover {opacity: .85;} #infoModal .modal-body form input {margin: 10px 0;} #menu-footer p{margin-bottom: 2px;} .footer {padding: 5px 0;} .footer .row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-align-items: center; align-items: center;} .footer a img {width: 100%; height: 30px; object-fit: contain;} @media screen and (max-width: 991px) { .footer p {margin-bottom: 5px;} } /* Créditos */ #credito img{height: 250px; width: 100%; object-fit: cover; margin-bottom: 10px;} #credito .box {padding: 1rem;height: 100%; margin-bottom: 1.5rem;} #credito .box h2 {font-size: 22px;} #credito .box .btn.default {background: #131750; color: #fff; padding:0.5rem 1.3rem; font-weight: 500;} #formcredito img {height: 1300px; width: 100%; object-fit:cover;} #formcredito .col-md-4, #formcredito .container-fluid {padding: 0;} #formcredito .box {align-items: center; padding: 40px 75px;margin-top: 5%;} #formcredito .box h1 {font-size: 24px; font-weight: 700;} #formcredito .box h2 {font-size: 18px; font-weight: 500;margin-bottom: 10px;} #formcredito .box p {font-size: 14px;} #formcredito .box form p{margin: 15px 0px 5px;} #formcredito .box .col-lg-6 {padding-left: 0;padding-right: 5px;} #formcredito .box .mb-3 {margin-bottom: 15px;} #formcredito .box .form-control, #formcredito .box .form-select { display: block; width: 100%; padding: .475rem .75rem; font-size: 14px; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .section {margin-top: 5%;} #formcredito .btn.default {background: #131750; color: #fff; padding:0.65rem 1.83rem; font-weight: 500;} #formcredito .box h3 {font-size: 16px;} #solucoes.section {margin-top: 0%;} #solucoes h2 {text-align: center; font-size: 23px; font-weight: 700;} #solucoes .titulo {text-align: center; font-weight: 900; color: #131750;font-size: 26px;margin-bottom: 28px;} #solucoes h2 img {height: 45px;width: 50px;object-fit: contain;margin-right: 25px;} #solucoes .box h2 {text-align: start;margin-bottom: 5px;margin-top: 5px; font-size: 18px;} #solucoes .box:hover {border: solid 1px green;} #solucoes .box {background: #f3f3f3; padding: 20px 30px 25px 30px ;margin-bottom: 40px;height: 320px;} #solucoes .box li::marker {font-size: 19px; color: green;} #solucoes .btn.default {background: #131750; color: #fff; padding:0.65rem 1.83rem; font-weight: 500;} @media screen and (max-width: 991px) { #formcredito img {height: 450px;} #formcredito .box {padding: 15px 35px;} }