@font-face { font-family: 'CloudWorld'; src: url("../fonts/CloudWorld.ttf"); }
html, body { background-color: #fff; color: #636b6f; font-family: 'CloudWorld', sans-serif; font-weight: 100; margin: 0 }

* {
    border-radius: 0 !important;
    /* letter-spacing: 1px !important */
}

.full-height { height: 100vh; }
.flex-center { align-items: center; display: flex; justify-content: center; }
.position-ref { position: relative; }
.top-right { position: absolute; right: 10px; top: 18px; }
.content { text-align: center; }
.title { font-size: 84px; }
.links > a { color: #636b6f; padding: 0 25px; font-size: 12px; font-weight: 600; letter-spacing: .1rem; text-decoration: none; text-transform: uppercase; }
.m-b-md { margin-bottom: 30px; }

.green { color: #4689C7 !important }
.white { color: #fff !important }
.grey { color: #434343 !important }
.black { color: #000 !important }
.m_0 { margin: 0 !important }
.m_b_0 { margin-bottom: 0 !important }
.m_t_0 { margin-top: 0 !important }
.bg_green { background-color: #4689C7 }

.barra1 { background: linear-gradient(120deg, #fff 55%, #4689C7 45%); }
.barra2 { background: linear-gradient(120deg, #fff 50%, #4689C7 0%); z-index: 1035 !important }
.barra3 { background: linear-gradient(120deg, #fff 20%, #4689C7 80%); }
.barra4 { background: linear-gradient(120deg, #fff 5%, #4689C7 0%); }

@media (max-width: 768px) { .barra2, .barra3, .barra4 { background: #4689C7 !important; } }

.b_0 { border: none !important }
.rad_0 { border-radius: 0 !important }
.blue { color: #102b40 !important }
#bt_orcamento { background-color: #444444 !important; border-radius: 50px !important; padding-top: 10px !important; padding-bottom: 10px !important;margin-top: 20px; }
#bt_orcamento2 { border-color: #4914e5 !important; background-color: #4914e5 !important; background-repeat:no-repeat; background-size: cover; font-size: 3vh !important; -webkit-clip-path: polygon(0 13%, 100% 0, 100% 97%, 0 88%); clip-path: polygon(0 13%, 100% 0, 100% 97%, 0 88%); padding-top: 20px !important; padding-bottom: 20px !important; }
.section { margin-top: 3% !important;margin-bottom: 3% !important }
.section2 { margin-top: 5% !important;margin-bottom: 2% !important }
.hr { border-top: 8px solid #4689C7 !important; margin-top: 0 !important; width: 40% }
.circle { border-radius: 50% !important;border: 2px solid #eee !important;padding: .2em .6em .3em .6em !important; font-weight: lighter !important }

.navbar-md {min-height:80px}
/* .navbar-md .navbar-brand, */
.navbar-md .navbar-nav>li>a {padding-top:30px; padding-bottom:30px}
.navbar-md .navbar-brand {height: 80px}
.navbar-md .navbar-toggle {margin: 12px 24px 12px 0px; padding: 12px 14px 12px 14px;}
.navbar-md .navbar-toggle .icon-bar {width: 38px;}

.navbar-sm {min-height:30px}
.navbar-sm .navbar-brand, .navbar-sm .navbar-nav>li>a {padding-top:2px; padding-bottom:5px}
.navbar-sm .navbar-brand {height: 30px}
.navbar-sm .navbar-toggle {margin: 3px 9px 3px 0px; padding: 4px 4px 4px 4px;}
.navbar-sm .navbar-toggle .icon-bar {width: 16px;}

.text_topo { padding-top: 10px !important; padding-bottom: 10px !important; }
.text_topo1 { margin-left: 5% !important }

.topo2 { margin-top: 30px !important; padding-top: 10px; }
.topo2_down { -moz-box-shadow: 2px 3px 8px #cccccc; -webkit-box-shadow: 2px 3px 8px #cccccc; box-shadow: 2px 3px 8px #cccccc;  }

#section1 { margin-top: 150px !important }
#section2 { background-image: url("../img/bg.jpg"); background-repeat: no-repeat; background-size: 100% }

.white_panel { margin-top: -30px !important; padding-top: 50px !important; padding-bottom: 70px !important; background-color: rgba(255,255,255, 0.8) !important; ); }
.div_white_panel { filter: drop-shadow( 12px 13px 18px rgba(240, 240, 240, 0.5)); }
.no_resize { resize: none !important; }

.modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; width: 350px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.modal.left .modal-content, .modal.right .modal-content { height: 100%; overflow-y: auto; }
.modal.left .modal-body, .modal.right .modal-body { padding: 15px 15px 80px; }
.modal.right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; }
.modal.right.fade.in .modal-dialog { right: 0; }

.inline_block { display: inline-block !important }

.bootstrap-select .dropdown-toggle .filter-option-inner { padding-top: 2px !important; }

#body_modal { background-image: url("../img/bg4.png"); background-repeat: no-repeat; background-size: contain; background-position: top }
#content_modal { background-image: url("../img/bg5.png"); background-repeat: no-repeat; background-size: contain; background-position: bottom }
/* .mobile_green_bar { z-index: 1050 !important;position: sticky; top: 0; height: 30px !important } */
.mobile_green_bar { height: 30px !important }
.p_l_0 { padding-left: 0 !important }

.navbar-default .navbar-nav>li.dropdown:hover>a, .navbar-default .navbar-nav>li.dropdown:hover>a:hover, .navbar-default .navbar-nav>li.dropdown:hover>a:focus { background-color: rgb(231, 231, 231); color: rgb(85, 85, 85); }

li.dropdown:hover>.dropdown-menu { display: block; }

.hr2 { border-top: 1px solid #4689C7 !important; }

.bg_grey { background-color: #eaebea !important; padding-bottom: 40px !important; padding-top: 15px !important }

.slideout-menu { position: fixed; top: 0; bottom: 0; width: 256px; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; display: none; opacity: 0 !important }
.slideout-menu-left { left: 0; }
.slideout-menu-right { right: 0; }
/* .slideout-panel { position: relative; z-index: 1; will-change: transform; background-color: #EEEEEE; min-height: 100vh; } */
.slideout-panel { z-index: 1; background-color: #ffffff; min-height: 100vh; }
.slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; }
.slideout-open .slideout-menu { display: block; }

.show_sidebar { opacity: 1.0 !important }

.menu { background-color: #ffffff; }
.menu a { color: black; }
.menu a:hover { text-decoration: underline; }
.menu-section { margin: 120px 0 0 0; }
.menu-section-title { text-transform: uppercase; color: #85888d; font-weight: 200; font-size: 13px; letter-spacing: 1px; padding: 0 20px; margin:0; }
.menu-section-list { padding:0; margin: 10px 0; list-style:none; }
.menu-section-list a { display: block; padding: 10px 20px; }
.menu-section-list a:hover { background-color: rgba(255, 255, 255, 0.1); text-decoration: none; }