html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.fa2 {
font-size: xx-large !important;
}
.estatico {
background: rgba(0,0,0,0.9) !important;
width: 100%;
position: fixed;
z-index: 100;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.5;
font-family: 'Open Sans', sans-serif;
overflow-x: hidden;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.section-padding
{
padding: 25px 0px;
}
h1, h2, h3, h4, h5, h6
{
font-family: 'Lato', sans-serif;
}
/**media Queries**/
.navbar-default {
background-color: transparent;
}
.main-header
{
background: url(img/banner.jpg) no-repeat;
background-size: cover;
min-height: 610px;
}
.bg-color
{
background-color: RGBA(0, 0, 0, 0.41);
}
.bor-btm
{
top: 0;
border-width: 0 0 1px;
padding: 30px 0px;
}
.nav > li > a {
padding: 0px;
}
.navbar-brand
{
padding: 0px;
height: inherit;
font-family: 'Lato', sans-serif;
}
.navbar-default .navbar-brand {
color: #fff;
font-size: 34px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
color: #FFD34E;
background-color: transparent;
text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
padding: 0px 20px;
text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
color: #FFD34E;
}
.wrapper
{
padding: 90px 0px 130px;
}
.top-title
{
z-index: 5;
font-size: 27px;
font-weight: 700;
color: #fff;
line-height: 38px;
letter-spacing: 4px;
opacity: 1;
text-transform: uppercase;
}
.sub-title
{
font-size: 50px;
font-weight: 700;
color: #fff;
line-height: 71px;
letter-spacing: 4px;
opacity: 1;
text-transform: uppercase;
}
.title
{
font-size: 123px;
font-weight: 700;
color: #fff;
line-height: 88px;
letter-spacing: 4px;
opacity: 1;
text-transform: uppercase;
padding: 25px 0px;
}
.btn-submit
{
background: #FFD34E;
border: 0px;
display: inline-block;
font-size: 16px;
text-transform: uppercase;
padding: 10px 40px;
font-weight: normal;
border-radius: 0px;
letter-spacing: 1px;
color: #333;
position: relative;
overflow: hidden;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
margin-top: 25px;
}
/****/
#cta-1
{
padding: 40px 0px;
}
.cta-info
{
border: 5px solid #FFD34E;
padding: 40px 0px;
}
.cta-info h3
{
font-size: 24px;
}
.dec-tec
{
font-size: 34px;
}
/****/
#feature
{
background-color: #f8f8f8;
}
.head-title
{
color: #2b2b2b;
font-size: 32px;
font-weight: 700;
}
.botm-line
{
background-color: #2b2b2b;
width: 34px;
height: 3px;
display: inline-block;
}
.section-title:hover .botm-line
{
width: 70px;
/* For Safari 3.1 to 6.0 */
-webkit-transition-property: width;
-webkit-transition-duration: 2s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 1s;
/* Standard syntax */
transition-property: width;
transition-duration: 2s;
transition-timing-function: linear;
transition-delay: 1s;
}
p
{
color: #888;
}
.icon {
position: relative;
height: 48px;
width: 48px;
float: left;
margin-top: 14px;
margin-bottom: 20px;
}
.icon i
{
font-size: 35px;
}
.icon-text {
margin-left: 73px;
padding:0px 25px 25px 0px;
}
h3.txt-tl {
font-size: 24px;
line-height: 1.35;
}
/****/
.parallax {
background-attachment: fixed;
background-repeat: repeat-y;
background-position: center center;
}
.bg-image-2 {
background: url('img/cta-banner.png') no-repeat center fixed;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.section {
position: relative;
padding: 88px 0 67px 0;
display: block;
}
.cta-txt h3 {
font-size: 32px;
margin-bottom: 10px;
font-weight: 700;
color: #fff;
}
.cta-txt p
{
color: #fff;
}
/****/
.portfolio-box
{
margin-bottom: 15px;
}
.padding-right-zero
{
padding-right: 0px;
}
#contact
{
background-color: #f8f8f8;
}
.black
{
color: #000 !important;
font-weight: 600;
}
.btn-send
{
border-radius: 0px;
color: #000;
background-color: #FFD34E;
}
a, a:hover
{
color: #FFD34E;
}
.cont-title
{
font-size: 24px;
padding:15px 0px;
}
.location-info p span {
display: inline-block;
}
.location-info p span {
width: 40px;
font-size: 24px;
color: #666;
vertical-align: middle;
}
.location-info p {
margin-bottom: 5px;
}
.location-info p {
font-size: 18px;
line-height: 32px;
color: #000;
}
.contact-icon-container {
position: absolute;
top: -38px;
right: 0;
padding-right: 20px;
font-size: 320px;
color: #555;
line-height: 300px;
-ms-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
/****/
#footer
{
background-color: #191919;
padding: 20px 0px;
}
.footer-copyright {
color: #fff;
line-height: 32px;
text-align: left;
}
.footer-social
{
float: right;
}
.footer-social a {
font-size: 18px;
color: #666;
}
.link-dec, .link-dec:hover{
color: #000;
}
/****/
@media (min-width: 451px) and (max-width: 900px){
.section-title{
margin-bottom: 15px;
}
}
@media (min-width: 20px) and (max-width: 450px){
.navbar-toggle:hover, .navbar-toggle{
background-color: #fff;
color: #000;
}
.navbar-toggle{
margin-top: 0px;
}
.navbar-default .navbar-nav > li > a{
text-align: center;
background-color: rgba(255, 255, 255, 0.32);
color: #000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
background-color: rgba(255, 255, 255, 0.32);
color: #FFD34E;
}
.top-title{
font-size: 15px;
}
.title{
font-size: 50px;
}
.sub-title{
font-size: 24px;
}
.footer-copyright {
text-align: center;
}
.padding-right-zero{
padding-right: 15px;
}
.section-title{
margin-bottom: 15px;
}
.cta-txt h3{
font-size: 28px;
}
body{
font-size: 14px;
}
h3.txt-tl{
font-size: 20px;
}
}
/****/