@color1 : #D34836; // @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800); /************************* *******Typography****** **************************/ body { font-family: 'Open Sans', sans-serif; color:#4e4e4e; line-height: 22px; } h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: 'Open Sans', sans-serif; color:#4e4e4e; } h1{ font-size: 36px; } h2{ font-size: 20px; } h3{ font-size: 16px; color: #787878; font-weight: 400; line-height: 24px; } h4{ font-size: 16px; } a { color: #c52d2f; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; } a:hover, a:focus { color: #d43133; } hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; } //////ADICIONAL .text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg { text-align: left; } .text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg { text-align: center; } .text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg { text-align: right; } .text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg { text-align: justify; } @media (max-width: 767px) { .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs { text-align: inherit; } .text-left-xs { text-align: left; } .text-center-xs { text-align: center; } .text-right-xs { text-align: right; } .text-justify-xs { text-align: justify; } } @media (min-width: 768px) and (max-width: 991px) { .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm { text-align: inherit; } .text-left-sm { text-align: left; } .text-center-sm { text-align: center; } .text-right-sm { text-align: right; } .text-justify-sm { text-align: justify; } } @media (min-width: 992px) and (max-width: 1199px) { .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md { text-align: inherit; } .text-left-md { text-align: left; } .text-center-md { text-align: center; } .text-right-md { text-align: right; } .text-justify-md { text-align: justify; } } @media (min-width: 1200px) { .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg { text-align: inherit; } .text-left-lg { text-align: left; } .text-center-lg { text-align: center; } .text-right-lg { text-align: right; } .text-justify-lg { text-align: justify; } } ///////! .btn-transparent { border: 3px solid #fff; background: transparent; color: #fff; } .btn-transparent:hover { border-color: rgba(255, 255, 255, 0.5); } a:hover, a:focus { color: #111; text-decoration: none; outline: none; } .dropdown-menu { margin-top: -1px; min-width: 180px; } .center h2{ font-size: 36px; margin-top: 0; margin-bottom: 20px; } .media>.pull-left{ margin-right: 20px; } .media>.pull-right{ margin-left: 20px; } .center { text-align: center; padding-bottom: 55px; } .scaleIn { -webkit-animation-name: scaleIn; animation-name: scaleIn; } .lead{ font-size: 16px; line-height: 24px; font-weight: 400; } .transparent-bg { background-color: transparent !important; margin-bottom: 0; } @-webkit-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /************************* *******Header****** **************************/ #header .search{ display: inline-block; } .navbar>.container .navbar-brand{ margin-left: 0; } .top-bar { padding: 10px 0; background: #191919; border-bottom: 1px solid #222; line-height: 28px; } .top-number{ color: #fff; } .top-number p{ margin: 0 } .social{ text-align: right; } .social-share{ display: inline-block; list-style: none; padding: 0; margin: 0; } ul.social-share li { display: inline-block; } ul.social-share li a { display: inline-block; color: #fff; background: #404040; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 2px; } ul.social-share li a:hover { background: #c52d2f; color: #fff; } .search i { color: #fff; } input.search-form{ background: transparent; border: 0 none; width: 60px; padding: 0 10px; color: #FFF; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } input.search-form::-webkit-input-placeholder{ color: transparent; } input.search-form:hover::-webkit-input-placeholder { color: #fff; } input.search-form:hover { width: 180px; } .navbar-brand { padding: 0; margin:0; } .navbar { border-radius: 0; margin-bottom: 0; background: #151515; padding: 15px 0; padding-bottom: 0; } .navbar-nav{ margin-top: 12px; } .navbar-nav>li{ margin-left: 15px; padding-bottom: 28px; } .navbar-inverse .navbar-nav > li > a { padding: 5px 12px; margin: 0; border-radius: 3px; color: #fff; line-height: 24px; display: inline-block; } .navbar-inverse .navbar-nav > li > a:hover{ background-color: #c52d2f; color: #fff; } .navbar-inverse { border: none; } .navbar-inverse .navbar-brand { font-size: 36px; line-height: 50px; color: #fff; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #c52d2f; color: #fff; } .navbar-inverse .navbar-nav .dropdown-menu { background-color: rgba(0,0,0,.85); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); border: 0; padding: 0; margin-top: 0; border-top: 0; border-radius: 0; left: 0; } .navbar-inverse .navbar-nav .dropdown-menu:before{ position: absolute; top:0; } .navbar-inverse .navbar-nav .dropdown-menu > li > a { padding: 8px 15px; color: #fff; } .navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a { background-color: #c52d2f; color: #fff; } .navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { border-radius: 0 0 3px 3px; } .navbar-inverse .navbar-nav .dropdown-menu > li.divider { background-color: transparent; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top: 0; padding-bottom: 0; } #footer { padding-top: 30px; padding-bottom: 30px; } .carousel-control.left, .carousel-control.right { top: calc( 50% - 5px ); font-size: 50px; background-image: none; text-shadow: 0 0 2px #303030; } .carousel-caption{ h1{ position:absolute; width: 100%; text-align: center; -webkit-animation: vaivolta 1s alternate linear; -moz-animation: vaivolta 1s alternate linear; -o-animation: vaivolta 1s alternate linear; animation: vaivolta 1s alternate linear; bottom:40px; } } @-webkit-keyframes vaivolta { 0% { bottom: -50px; } 50% { bottom:20px; } 100% { bottom:40px; } } .carousel-inner .item { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; -webkit-animation-delay: 6s; /* Chrome, Safari, Opera */ animation-delay: 6s; } } @-moz-keyframes fadeIn { 0% { opacity: 0;} 100% { opacity: 1; -webkit-animation-delay: 6s; /* Chrome, Safari, Opera */ animation-delay: 6s; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; -webkit-animation-delay: 6s; /* Chrome, Safari, Opera */ animation-delay: 6s; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; -webkit-animation-delay: 6s; /* Chrome, Safari, Opera */ animation-delay: 6s; } } .videos{ height: 300px; h2{ text-align: center; padding-bottom: 10px; margin-bottom: 5px; font-weight: 900; } p{ margin: 0 15px; text-align: justify; } } .videos:hover{ background: #f0f0f0; } .capa{ background-position: center center; background-size: cover; } #midias{ a{ margin: 0 5px; } }