(Created page with "@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700); @import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700); @import url(...") |
|||
Line 2: | Line 2: | ||
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700); | @import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700); | ||
@import url(http://fonts.googleapis.com/css?family=Glegoo); | @import url(http://fonts.googleapis.com/css?family=Glegoo); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.logo { | .logo { | ||
width: 180px; | width: 180px; | ||
margin-top: -30px; | margin-top: -30px; | ||
} | } | ||
− | |||
body { | body { | ||
− | font-family: | + | font-family: 'Roboto', sans-serif !important; |
} | } | ||
− | |||
h1, | h1, | ||
h2, | h2, | ||
Line 26: | Line 17: | ||
font-family: 'Yanone Kaffeesatz', sans-serif !important; | font-family: 'Yanone Kaffeesatz', sans-serif !important; | ||
} | } | ||
− | |||
p { | p { | ||
− | font-family: | + | font-family: 'Roboto', sans-serif !important; |
line-height: 22px; | line-height: 22px; | ||
font-size: 16px; | font-size: 16px; | ||
font-weight: 300; | font-weight: 300; | ||
} | } | ||
− | |||
ul { | ul { | ||
padding-left: 0; | padding-left: 0; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ul li { | |
+ | list-style: none; | ||
+ | } | ||
h2 { | h2 { | ||
font-size: 26px; | font-size: 26px; | ||
} | } | ||
− | |||
a:hover { | a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | |||
.section-heading { | .section-heading { | ||
text-align: center; | text-align: center; | ||
margin-bottom: 65px; | margin-bottom: 65px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .section-heading p { | |
+ | font-size: 14px; | ||
+ | font-weight: 300; | ||
+ | color: #727272; | ||
+ | line-height: 20px; | ||
+ | } | ||
.title { | .title { | ||
font-size: 30px; | font-size: 30px; | ||
Line 70: | Line 53: | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | } | ||
− | |||
.subtitle { | .subtitle { | ||
font-size: 24px; | font-size: 24px; | ||
Line 77: | Line 59: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
− | |||
.subtitle-des { | .subtitle-des { | ||
color: #727272; | color: #727272; | ||
Line 84: | Line 65: | ||
font-weight: 300; | font-weight: 300; | ||
} | } | ||
− | |||
.pages { | .pages { | ||
padding: 80px 0 40px; | padding: 80px 0 40px; | ||
} | } | ||
− | |||
.moduler { | .moduler { | ||
padding: 140px 0; | padding: 140px 0; | ||
} | } | ||
− | + | .navbar-default .navbar-nav > li > a:hover { | |
− | .navbar-default .navbar-nav > li > a | + | color: #D30000 !important; |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
.navbar.navbar-default { | .navbar.navbar-default { | ||
border: 0; | border: 0; | ||
border-radius: 0; | border-radius: 0; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .navbar.navbar-default .navbar-toggle { | |
+ | margin-top: 32px; | ||
+ | } | ||
.navbar-header .navbar-brand { | .navbar-header .navbar-brand { | ||
padding: 5px 0; | padding: 5px 0; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .navbar-header .navbar-brand a { | |
+ | height: auto; | ||
+ | display: inline-block; | ||
+ | margin-top: 8px; | ||
+ | } | ||
.navbar-inverse .navbar-toggle, | .navbar-inverse .navbar-toggle, | ||
.navbar-inverse .navbar-toggle:focus { | .navbar-inverse .navbar-toggle:focus { | ||
background: #444; | background: #444; | ||
} | } | ||
− | |||
#top-bar { | #top-bar { | ||
background: #fff; | background: #fff; | ||
Line 130: | Line 100: | ||
transition: all 0.2s ease-out 0s; | transition: all 0.2s ease-out 0s; | ||
padding: 15px 0; | padding: 15px 0; | ||
− | -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1); | + | -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); |
− | box-shadow: 0 0 3px 0 rgba(0,0,0,.1); | + | box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); |
border-bottom: 1px solid #dedede; | border-bottom: 1px solid #dedede; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #top-bar .navbar-nav > li > a:hover { | |
+ | background: transparent; | ||
+ | } | ||
+ | #top-bar.animated-header { | ||
+ | padding: 20px 0; | ||
+ | background: #ffffff; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | #top-bar .main-menu li > a { | ||
+ | color: #00007F; | ||
+ | } | ||
+ | #top-bar .main-menu li { | ||
+ | position: relative; | ||
+ | } | ||
+ | #top-bar .main-menu li a { | ||
+ | font-size: 14px; | ||
+ | font-weight: 500; | ||
+ | border-bottom: 2px solid transparent; | ||
+ | -webkit-transition: 0.3s all; | ||
+ | -o-transition: 0.3s all; | ||
+ | transition: 0.3s all; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | #top-bar .main-menu li a:hover { | ||
+ | color: #D30000 !important; | ||
+ | } | ||
.navbar-custom .nav li > a { | .navbar-custom .nav li > a { | ||
position: relative; | position: relative; | ||
color: #000; | color: #000; | ||
} | } | ||
− | |||
.navbar-right .dropdown-menu { | .navbar-right .dropdown-menu { | ||
right: auto; | right: auto; | ||
left: 0; | left: 0; | ||
} | } | ||
− | |||
.navbar-custom .dropdown-menu { | .navbar-custom .dropdown-menu { | ||
position: absolute; | position: absolute; | ||
Line 185: | Line 144: | ||
opacity: 0; | opacity: 0; | ||
} | } | ||
− | |||
#hero-area { | #hero-area { | ||
background: url('../images/slider.jpg') no-repeat 50%; | background: url('../images/slider.jpg') no-repeat 50%; | ||
Line 194: | Line 152: | ||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); | box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); | ||
position: relative; | position: relative; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #hero-area:before { | |
+ | content: ''; | ||
+ | z-index: 9; | ||
+ | background: rgba(255, 255, 255, 0.78); | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | } | ||
+ | #hero-area .block { | ||
+ | position: relative; | ||
+ | z-index: 999; | ||
+ | } | ||
+ | #hero-area h1 { | ||
+ | font-size: 40px; | ||
+ | line-height: 50px; | ||
+ | color: #333; | ||
+ | font-weight: 700; | ||
+ | margin-bottom: 15px; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | #hero-area h2 { | ||
+ | font-size: 18px; | ||
+ | font-weight: 300; | ||
+ | margin-bottom: 38px; | ||
+ | line-height: 27px; | ||
+ | text-transform: uppercase; | ||
+ | color: #666; | ||
+ | font-family: 'Roboto', sans-serif !important; | ||
+ | margin-top: 25px; | ||
+ | } | ||
+ | #hero-area .btn { | ||
+ | background: #D30000; | ||
+ | border: none; | ||
+ | color: #fff; | ||
+ | padding: 20px 35px; | ||
+ | margin-top: 30px; | ||
+ | font-size: 16px; | ||
+ | font-size: 13px; | ||
+ | line-height: 1em; | ||
+ | text-transform: uppercase; | ||
+ | letter-spacing: normal; | ||
+ | border-radius: 0; | ||
+ | } | ||
#call-to-action { | #call-to-action { | ||
− | background: | + | background: #D30000 !important; |
background-size: cover; | background-size: cover; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
Line 254: | Line 206: | ||
position: relative; | position: relative; | ||
color: #fff; | color: #fff; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #call-to-action .block { | |
+ | position: relative; | ||
+ | z-index: 99; | ||
+ | color: #fff; | ||
+ | } | ||
+ | #call-to-action .block h2 { | ||
+ | margin-bottom: 15px; | ||
+ | color: #fff; | ||
+ | } | ||
+ | #call-to-action .block p { | ||
+ | font-size: 15px; | ||
+ | font-weight: 300; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | margin-top: 20px; | ||
+ | text-align: center !important; | ||
+ | } | ||
+ | #call-to-action .block .btn-contact { | ||
+ | background: #fff; | ||
+ | border: none; | ||
+ | color: #D30000 !important; | ||
+ | padding: 16px 35px; | ||
+ | margin-top: 20px; | ||
+ | font-size: 12px; | ||
+ | letter-spacing: 2px; | ||
+ | text-transform: uppercase; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | #call-to-action .block .btn-contact i { | ||
+ | margin-right: 10px; | ||
+ | } | ||
#call-to-action p { | #call-to-action p { | ||
text-align: center !important; | text-align: center !important; | ||
} | } | ||
− | |||
#about { | #about { | ||
padding: 110px 0; | padding: 110px 0; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #about .block { | |
+ | padding: 20px 30px 0; | ||
+ | } | ||
+ | #about .block h2 { | ||
+ | font-size: 26px; | ||
+ | font-weight: 300; | ||
+ | margin-bottom: 30px; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | #about .block p { | ||
+ | color: #727272; | ||
+ | font-size: 16px; | ||
+ | line-height: 28px; | ||
+ | margin-bottom: 35px; | ||
+ | } | ||
+ | #about .block img { | ||
+ | width: 400px; | ||
+ | } | ||
.works { | .works { | ||
padding: 80px 0; | padding: 80px 0; | ||
background: #FCFCFC; | background: #FCFCFC; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .works .block { | |
+ | position: relative; | ||
+ | z-index: 99; | ||
+ | } | ||
+ | .works .block:hover .img-overly .overly { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .works .block h4 { | ||
+ | padding: 20px 15px; | ||
+ | margin-top: 0; | ||
+ | color: #666; | ||
+ | } | ||
+ | .works .block .img-overly { | ||
+ | position: relative; | ||
+ | background: rgba(0, 0, 0, 0.85); | ||
+ | } | ||
+ | .works .block .img-overly img { | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .works .block .img-overly .overly { | ||
+ | background: rgba(57, 181, 74, 0.9); | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | left: 0; | ||
+ | bottom: 0; | ||
+ | opacity: 0; | ||
+ | -webkit-transition: 0.3s all; | ||
+ | -o-transition: 0.3s all; | ||
+ | transition: 0.3s all; | ||
+ | } | ||
+ | .works .block .img-overly .overly a { | ||
+ | position: absolute; | ||
+ | top: 45%; | ||
+ | left: 22%; | ||
+ | } | ||
+ | .works .block .img-overly .overly a i { | ||
+ | font-size: 30px; | ||
+ | color: #fff; | ||
+ | } | ||
figure { | figure { | ||
background: #fff; | background: #fff; | ||
margin-bottom: 45px; | margin-bottom: 45px; | ||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06); | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | figure .img-wrapper { | |
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | figure img { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | -webkit-transition: -webkit-transform 400ms; | ||
+ | transition: transform 400ms; | ||
+ | } | ||
+ | figure:hover img { | ||
+ | -webkit-transform: scale3d(1.2, 1.2, 1); | ||
+ | transform: scale3d(1.2, 1.2, 1); | ||
+ | } | ||
+ | figure:hover .overlay { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | figure:hover .overlay .buttons a { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | figure .overlay { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | padding: 10px; | ||
+ | text-align: center; | ||
+ | background: rgba(0, 0, 0, 0.7); | ||
+ | opacity: 0; | ||
+ | -webkit-transition: opacity 400ms; | ||
+ | transition: opacity 400ms; | ||
+ | } | ||
+ | figure .overlay a { | ||
+ | display: inline-block; | ||
+ | color: #fff; | ||
+ | padding: 10px 23px; | ||
+ | line-height: 1; | ||
+ | border: 1px solid #fff; | ||
+ | border-radius: 0; | ||
+ | margin: 4px; | ||
+ | -webkit-transform: scale3d(0, 0, 0); | ||
+ | transform: scale3d(0, 0, 0); | ||
+ | -webkit-transition: all 400ms; | ||
+ | transition: all 400ms; | ||
+ | } | ||
+ | figure .overlay a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | figure .overlay:hover a { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | figure .buttons { | ||
+ | position: absolute; | ||
+ | top: 45%; | ||
+ | left: 35%; | ||
+ | } | ||
+ | figure figcaption { | ||
+ | padding: 20px 25px; | ||
+ | margin-top: 0; | ||
+ | color: #666; | ||
+ | } | ||
+ | figure figcaption h4 { | ||
+ | margin: 0; | ||
+ | } | ||
+ | figure figcaption h4 a { | ||
+ | color: #D30000 !important; | ||
+ | } | ||
+ | figure figcaption p { | ||
+ | font-size: 14px; | ||
+ | margin-bottom: 0; | ||
+ | margin-top: 5px; | ||
+ | } | ||
#feature { | #feature { | ||
padding: 80px 0; | padding: 80px 0; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #feature .media { | |
+ | margin: 0 0 70px; | ||
+ | } | ||
+ | #feature .media .media-left { | ||
+ | padding-right: 25px; | ||
+ | } | ||
+ | #feature h3 { | ||
+ | color: #000; | ||
+ | font-size: 20px; | ||
+ | text-transform: uppercase; | ||
+ | text-align: center; | ||
+ | margin: 0 0 15px; | ||
+ | font-weight: 400; | ||
+ | } | ||
+ | #feature p { | ||
+ | line-height: 25px; | ||
+ | font-size: 14px; | ||
+ | color: #777777; | ||
+ | } | ||
+ | #feature .icon { | ||
+ | text-decoration: none; | ||
+ | color: #fff; | ||
+ | background-color: #D30000 !important; | ||
+ | height: 100px; | ||
+ | text-align: center; | ||
+ | width: 100px; | ||
+ | font-size: 50px; | ||
+ | line-height: 100px; | ||
+ | overflow: hidden; | ||
+ | -webkit-border-radius: 50%; | ||
+ | -moz-border-radius: 50%; | ||
+ | -ms-border-radius: 50%; | ||
+ | -o-border-radius: 50%; | ||
+ | text-shadow: #00A4BA 1px 1px, #00A4BA 2px 2px, #00A4BA 3px 3px, #00A4BA 4px 4px, #00A4BA 5px 5px, #00A4BA 6px 6px, #00A4BA 7px 7px, #00A4BA 8px 8px, #00A4BA 9px 9px, #00A4BA 10px 10px, #00A4BA 11px 11px, #00A4BA 12px 12px, #00A4BA 13px 13px, #00A4BA 14px 14px, #00A4BA 15px 15px, #00A4BA 16px 16px, #00A4BA 17px 17px, #00A4BA 18px 18px, #00A4BA 19px 19px, #00A4BA 20px 20px, #00A4BA 21px 21px, #00A4BA 22px 22px, #00A4BA 23px 23px, #00A4BA 24px 24px, #00A4BA 25px 25px, #00A4BA 26px 26px, #00A4BA 27px 27px, #00A4BA 28px 28px, #00A4BA 29px 29px, #00A4BA 30px 30px, #00A4BA 31px 31px, #00A4BA 32px 32px, #00A4BA 33px 33px, #00A4BA 34px 34px, #00A4BA 35px 35px, #00A4BA 36px 36px, #00A4BA 37px 37px, #00A4BA 38px 38px, #00A4BA 39px 39px, #00A4BA 40px 40px, #00A4BA 41px 41px, #00A4BA 42px 42px, #00A4BA 43px 43px, #00A4BA 44px 44px, #00A4BA 45px 45px, #00A4BA 46px 46px, #00A4BA 47px 47px, #00A4BA 48px 48px, #00A4BA 49px 49px, #00A4BA 50px 50px, #00A4BA 51px 51px, #00A4BA 52px 52px, #00A4BA 53px 53px, #00A4BA 54px 54px, #00A4BA 55px 55px, #00A4BA 56px 56px, #00A4BA 57px 57px, #00A4BA 58px 58px, #00A4BA 59px 59px, #00A4BA 60px 60px, #00A4BA 61px 61px, #00A4BA 62px 62px, #00A4BA 63px 63px, #00A4BA 64px 64px, #00A4BA 65px 65px, #00A4BA 66px 66px, #00A4BA 67px 67px, #00A4BA 68px 68px, #00A4BA 69px 69px, #00A4BA 70px 70px, #00A4BA 71px 71px, #00A4BA 72px 72px, #00A4BA 73px 73px, #00A4BA 74px 74px, #00A4BA 75px 75px, #00A4BA 76px 76px, #00A4BA 77px 77px, #00A4BA 78px 78px, #00A4BA 79px 79px, #00A4BA 80px 80px, #00A4BA 81px 81px, #00A4BA 82px 82px, #00A4BA 83px 83px, #00A4BA 84px 84px, #00A4BA 85px 85px, #00A4BA 86px 86px, #00A4BA 87px 87px, #00A4BA 88px 88px, #00A4BA 89px 89px, #00A4BA 90px 90px, #00A4BA 91px 91px, #00A4BA 92px 92px, #00A4BA 93px 93px, #00A4BA 94px 94px, #00A4BA 95px 95px, #00A4BA 96px 96px, #00A4BA 97px 97px, #00A4BA 98px 98px, #00A4BA 99px 99px, #00A4BA 100px 100px; | ||
+ | } | ||
#contact-section { | #contact-section { | ||
padding: 90px 0; | padding: 90px 0; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #contact-section .contact-form { | |
+ | margin-top: 42px; | ||
+ | } | ||
+ | #contact-section .contact-form .btn-send { | ||
+ | margin-top: 35px; | ||
+ | color: #fff; | ||
+ | outline: none; | ||
+ | background: #D30000 !important; | ||
+ | } | ||
+ | #contact-section .contact-form .btn-send:hover { | ||
+ | border: 1px solid #D30000 !important; | ||
+ | } | ||
+ | #contact-section input { | ||
+ | display: block; | ||
+ | height: 40px; | ||
+ | padding: 6px 12px; | ||
+ | font-size: 13px; | ||
+ | line-height: 1.428571429; | ||
+ | background-color: #fff; | ||
+ | background-image: none; | ||
+ | border: 1px solid #ccc; | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | ||
+ | -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | ||
+ | transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | ||
+ | border-radius: 1px; | ||
+ | border: 1px solid rgba(111, 121, 122, 0.3); | ||
+ | box-shadow: none; | ||
+ | -webkit-box-shadow: none; | ||
+ | } | ||
+ | #contact-section textarea { | ||
+ | display: block; | ||
+ | border-radius: 0; | ||
+ | width: 100%; | ||
+ | padding: 6px 12px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.42857143; | ||
+ | color: #555555; | ||
+ | background-color: #ffffff; | ||
+ | background-image: none; | ||
+ | border: 1px solid #cccccc; | ||
+ | box-shadow: none; | ||
+ | -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | ||
+ | -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | ||
+ | transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | ||
+ | } | ||
+ | #contact-section .address, | ||
+ | #contact-section .email, | ||
+ | #contact-section .phone { | ||
+ | text-align: center; | ||
+ | background: #F7F7F7; | ||
+ | padding: 20px 0 40px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | #contact-section .address i, | ||
+ | #contact-section .email i, | ||
+ | #contact-section .phone i { | ||
+ | font-size: 45px; | ||
+ | color: #D30000 !important; | ||
+ | } | ||
+ | #contact-section .address h5, | ||
+ | #contact-section .email h5, | ||
+ | #contact-section .phone h5 { | ||
+ | font-size: 16px; | ||
+ | line-height: 1.4; | ||
+ | } | ||
+ | #contact-section .address-details { | ||
+ | padding-top: 70px; | ||
+ | } | ||
#map-canvas { | #map-canvas { | ||
width: 100%; | width: 100%; | ||
Line 602: | Line 502: | ||
background-color: #CCC; | background-color: #CCC; | ||
} | } | ||
− | |||
#footer { | #footer { | ||
background: #fff !important; | background: #fff !important; | ||
padding: 25px 0 !important; | padding: 25px 0 !important; | ||
color: #555; | color: #555; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #footer .copyright { | |
+ | font-size: 13px !important; | ||
+ | margin-bottom: 0 !important; | ||
+ | margin-top: 10px !important; | ||
+ | } | ||
+ | #footer .copyright a { | ||
+ | color: #D30000 !important; | ||
+ | } | ||
+ | #footer .social { | ||
+ | text-align: right !important; | ||
+ | margin-bottom: 0 !important; | ||
+ | } | ||
+ | #footer .social li { | ||
+ | display: inline-block !important; | ||
+ | margin-right: 15px !important; | ||
+ | } | ||
+ | #footer .social li a { | ||
+ | font-size: 22px !important; | ||
+ | color: #D30000 !important; | ||
+ | } | ||
.cd-headline.slide .cd-words-wrapper { | .cd-headline.slide .cd-words-wrapper { | ||
− | color: | + | color: #D30000 !important; |
} | } | ||
− | |||
ul.social-icons { | ul.social-icons { | ||
height: auto; | height: auto; | ||
Line 644: | Line 536: | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
} | } | ||
− | |||
ul.social-icons li { | ul.social-icons li { | ||
float: none; | float: none; | ||
Line 650: | Line 541: | ||
height: 36px; | height: 36px; | ||
} | } | ||
− | |||
#copyright a:hover, | #copyright a:hover, | ||
#copyright nav .menu li a:hover { | #copyright nav .menu li a:hover { | ||
color: #e4e4e4!important; | color: #e4e4e4!important; | ||
} | } | ||
− | |||
#copyright a, | #copyright a, | ||
#copyright a:hover { | #copyright a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | |||
.global-page-header { | .global-page-header { | ||
background-attachment: fixed; | background-attachment: fixed; | ||
Line 666: | Line 554: | ||
padding: 120px 0 25px; | padding: 120px 0 25px; | ||
position: relative; | position: relative; | ||
− | background: | + | background: #D30000 !important; |
color: #fff; | color: #fff; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .global-page-header h2 { | |
+ | font-size: 42px; | ||
+ | font-weight: bold; | ||
+ | color: #fff; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | .global-page-header .breadcrumb { | ||
+ | background: none; | ||
+ | font-size: 16px; | ||
+ | padding: 8px 0; | ||
+ | } | ||
+ | .global-page-header .breadcrumb .active { | ||
+ | color: #fff; | ||
+ | } | ||
+ | .global-page-header .breadcrumb li a { | ||
+ | color: #fff; | ||
+ | } | ||
+ | .global-page-header .block { | ||
+ | position: relative; | ||
+ | z-index: 99; | ||
+ | text-align: center; | ||
+ | } | ||
#product-showcase-banner { | #product-showcase-banner { | ||
padding-top: 160px; | padding-top: 160px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #product-showcase-banner .block { | |
+ | padding: 20px 0 20px 50px; | ||
+ | } | ||
+ | #product-showcase-banner .block h2 { | ||
+ | font-size: 40px; | ||
+ | color: #D30000 !important; | ||
+ | margin-bottom: 20px; | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | #product-showcase-banner .block p { | ||
+ | color: #666; | ||
+ | line-height: 25px; | ||
+ | } | ||
+ | #product-showcase-banner .block .buttons { | ||
+ | margin-top: 25px; | ||
+ | } | ||
+ | #product-showcase-banner .block .buttons .btn { | ||
+ | color: #fff; | ||
+ | border: none; | ||
+ | padding: 12px 40px; | ||
+ | -webkit-transition: 0.2s all; | ||
+ | -o-transition: 0.2s all; | ||
+ | transition: 0.2s all; | ||
+ | letter-spacing: 2px; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | #product-showcase-banner .block .buttons .btn-demo { | ||
+ | background: #5abd4f; | ||
+ | margin-right: 8px; | ||
+ | border-bottom: 3px solid #429E38; | ||
+ | } | ||
+ | #product-showcase-banner .block .buttons .btn-demo:hover { | ||
+ | background: #429E38; | ||
+ | } | ||
+ | #product-showcase-banner .block .buttons .btn-buy { | ||
+ | background: #00AEDA; | ||
+ | border-bottom: 3px solid #0190B5; | ||
+ | } | ||
+ | #product-showcase-banner .block .buttons .btn-buy:hover { | ||
+ | background: #0190B5; | ||
+ | } | ||
+ | #product-showcase-banner .block .buttons .btn-buy span { | ||
+ | margin-right: 8px; | ||
+ | font-weight: bold; | ||
+ | } | ||
#product-description { | #product-description { | ||
padding-top: 80px; | padding-top: 80px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #product-description .block { | |
+ | height: 400px; | ||
+ | overflow: hidden; | ||
+ | margin-top: 35px; | ||
+ | border-bottom: 1px solid #dedede; | ||
+ | padding-top: 30px; | ||
+ | position: relative; | ||
+ | webkit-transform: translateZ(0); | ||
+ | -moz-transform: translateZ(0); | ||
+ | -ms-transform: translateZ(0); | ||
+ | -o-transform: translateZ(0); | ||
+ | transform: translateZ(0); | ||
+ | } | ||
+ | #product-description .block:hover img { | ||
+ | -webkit-transform: translateY(20px); | ||
+ | -moz-transform: translateY(20px); | ||
+ | -ms-transform: translateY(20px); | ||
+ | -o-transform: translateY(20px); | ||
+ | transform: translateY(20px); | ||
+ | } | ||
+ | #product-description .block img { | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | left: 0; | ||
+ | -webkit-transform: translateY(60px); | ||
+ | -moz-transform: translateY(60px); | ||
+ | -ms-transform: translateY(60px); | ||
+ | -o-transform: translateY(60px); | ||
+ | transform: translateY(60px); | ||
+ | -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); | ||
+ | -moz-transition: -moz-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); | ||
+ | -o-transition: -o-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); | ||
+ | transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); | ||
+ | } | ||
+ | #product-description .block .content { | ||
+ | width: 60%; | ||
+ | padding-top: 70px; | ||
+ | } | ||
+ | #product-description .block .content h3 { | ||
+ | font-size: 32px; | ||
+ | color: #5c5c5c; | ||
+ | } | ||
+ | #product-description .block .content p { | ||
+ | color: #787f8c; | ||
+ | line-height: 25px; | ||
+ | } | ||
#related-items { | #related-items { | ||
padding: 60px 0 110px; | padding: 60px 0 110px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #related-items .title { | |
− | + | border-bottom: 1px solid #dedede; | |
− | + | padding: 10px 0; | |
− | + | margin: 5px 15px 30px; | |
− | + | text-align: left; | |
− | + | color: #777; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #related-items .product-details { | |
− | . | + | margin-bottom: 0; |
− | figure .buttons { | + | } |
− | + | #related-items .block { | |
− | + | position: relative; | |
− | + | background: #fff; | |
− | + | margin-bottom: 45px; | |
+ | box-shadow: 0 0 1px rgba(0, 0, 0, 0.14); | ||
+ | } | ||
+ | #related-items .block:hover .img-overly .overly { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | #related-items .block h4 { | ||
+ | padding: 20px 15px; | ||
+ | margin-top: 0; | ||
+ | color: #666; | ||
+ | } | ||
+ | #related-items .block h4 span { | ||
+ | float: right; | ||
+ | color: #D30000 !important; | ||
+ | } | ||
+ | #related-items .block .img-overly { | ||
+ | position: relative; | ||
+ | background: rgba(0, 0, 0, 0.85); | ||
+ | } | ||
+ | #related-items .block .img-overly img { | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | #related-items .block .img-overly .overly { | ||
+ | background: rgba(57, 181, 74, 0.9); | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | left: 0; | ||
+ | bottom: 0; | ||
+ | opacity: 0; | ||
+ | -webkit-transition: 0.3s all; | ||
+ | -o-transition: 0.3s all; | ||
+ | transition: 0.3s all; | ||
+ | } | ||
+ | #related-items .block .img-overly .overly a { | ||
+ | position: absolute; | ||
+ | top: 45%; | ||
+ | left: 45%; | ||
+ | } | ||
+ | #related-items .block .img-overly .overly a i { | ||
+ | font-size: 30px; | ||
+ | color: #fff; | ||
+ | } | ||
+ | .service-page .service-parts .block { | ||
+ | margin-bottom: 40px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .service-page .service-parts .block i { | ||
+ | font-size: 35px; | ||
+ | color: #D30000 !important; | ||
+ | } | ||
+ | .service-page .service-parts .block p { | ||
+ | padding: 0 8px; | ||
+ | font-size: 14px; | ||
+ | color: #777; | ||
+ | line-height: 1.7; | ||
+ | } | ||
+ | .works.service-page figure .buttons { | ||
+ | position: absolute; | ||
+ | top: 45%; | ||
+ | left: 13%; | ||
} | } | ||
− | |||
#clients { | #clients { | ||
padding: 30px 0 60px; | padding: 30px 0 60px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #clients .owl-carousel .owl-item img { | |
+ | display: block; | ||
+ | width: 100%; | ||
+ | -webkit-transform-style: preserve-3d; | ||
+ | } | ||
+ | #clients .owl-carousel .owl-item { | ||
+ | margin-right: 10px; | ||
+ | } | ||
.works-fit { | .works-fit { | ||
padding: 40px 0; | padding: 40px 0; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .works-fit figure .buttons { | |
+ | left: 14%; | ||
+ | } | ||
.fancybox-close { | .fancybox-close { | ||
background: url("../images/icons/close.png") no-repeat scroll 0 0 transparent; | background: url("../images/icons/close.png") no-repeat scroll 0 0 transparent; | ||
Line 943: | Line 778: | ||
width: 50px; | width: 50px; | ||
} | } | ||
− | |||
.fancybox-next span { | .fancybox-next span { | ||
background: url("../images/icons/right.png") no-repeat scroll center center #009ee3; | background: url("../images/icons/right.png") no-repeat scroll center center #009ee3; | ||
Line 950: | Line 784: | ||
right: 0; | right: 0; | ||
} | } | ||
− | |||
.fancybox-prev span { | .fancybox-prev span { | ||
background: url("../images/icons/left.png") no-repeat scroll center center #009ee3; | background: url("../images/icons/left.png") no-repeat scroll center center #009ee3; | ||
Line 957: | Line 790: | ||
left: 0; | left: 0; | ||
} | } | ||
− | |||
.fancybox-title h3 { | .fancybox-title h3 { | ||
font-size: 15px; | font-size: 15px; | ||
margin: 0; | margin: 0; | ||
} | } | ||
− | |||
.fancybox-title { | .fancybox-title { | ||
padding: 15px 8px; | padding: 15px 8px; | ||
} | } | ||
− | + | .wrapper_404 h1 { | |
− | .wrapper_404 { | + | font-size: 200px; |
− | + | color: #D30000 !important; | |
− | + | line-height: 1; | |
− | + | } | |
− | + | .wrapper_404 h2 { | |
− | + | font-size: 50px; | |
− | + | margin-top: 0; | |
− | + | } | |
− | + | .wrapper_404 .btn-home { | |
− | + | background: #D30000; | |
− | + | border: none; | |
− | + | color: #fff; | |
− | + | padding: 20px 35px; | |
− | + | margin-top: 10px; | |
− | + | font-size: 16px; | |
− | + | font-size: 13px; | |
− | + | line-height: 1em; | |
− | + | text-transform: uppercase; | |
− | + | letter-spacing: normal; | |
− | + | border-radius: 0; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
.company-description { | .company-description { | ||
margin-top: 80px; | margin-top: 80px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .company-description .block h3 { | |
+ | margin-top: 0; | ||
+ | } | ||
+ | .company-description .block p { | ||
+ | color: #727272; | ||
+ | } | ||
#team { | #team { | ||
margin: 50px 0; | margin: 50px 0; | ||
} | } | ||
− | |||
.team-member { | .team-member { | ||
margin-top: 30px; | margin-top: 30px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .team-member:hover .team-img img { | |
+ | opacity: 0.8; | ||
+ | } | ||
+ | .team-member .team-img { | ||
+ | position: relative; | ||
+ | } | ||
+ | .team-member .team-img .team-pic { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .team-member .team_designation { | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | .team-member h3 { | ||
+ | color: #D30000 !important; | ||
+ | margin-bottom: 0; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | .team-member p { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | .team-member .social-icons a { | ||
+ | background: #D30000 !important; | ||
+ | color: #fff; | ||
+ | padding: 4px 8px !important; | ||
+ | display: inline-block; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | .team-member .social-icons .facebook { | ||
+ | padding: 4px 12px; | ||
+ | } | ||
.about-feature { | .about-feature { | ||
margin-top: 50px; | margin-top: 50px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .about-feature .block { | |
+ | color: #fff; | ||
+ | width: 33.33%; | ||
+ | padding: 5%; | ||
+ | float: left; | ||
+ | } | ||
+ | .about-feature .block p { | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | .about-feature .about-feature-1 { | ||
+ | background: #D30000 !important; | ||
+ | } | ||
+ | .about-feature .about-feature-2 { | ||
+ | background: #00B0C7; | ||
+ | } | ||
+ | .about-feature .about-feature-3 { | ||
+ | background: #00A6BB; | ||
+ | } | ||
#blog-full-width { | #blog-full-width { | ||
padding: 40px 0 80px; | padding: 40px 0 80px; | ||
} | } | ||
− | |||
article { | article { | ||
padding: 30px 0; | padding: 30px 0; | ||
} | } | ||
− | + | .blog-content h2 { | |
− | .blog-content | + | font-family: 'Roboto', sans-serif !important; |
− | + | } | |
− | + | .blog-content h2 a { | |
− | + | color: #444; | |
− | + | font-weight: 400; | |
− | + | font-size: 30px; | |
− | + | } | |
− | + | .blog-content .blog-meta { | |
− | + | color: #9a9a9a; | |
− | + | font-weight: 300; | |
− | + | margin-bottom: 25px; | |
− | + | } | |
− | + | .blog-content .blog-meta span:after { | |
− | + | content: '/'; | |
− | + | padding: 0 3px 0 6px; | |
− | + | } | |
− | + | .blog-content .blog-meta a { | |
− | + | color: #acacac; | |
− | + | } | |
− | + | .blog-content .blog-meta p { | |
− | + | margin-top: 20px; | |
− | + | } | |
− | + | .blog-content .btn-details { | |
− | + | color: #D30000 !important; | |
− | + | padding: 0; | |
− | + | background: #D30000 !important; | |
− | + | color: #fff; | |
− | + | padding: 8px 18px; | |
− | + | border-radius: 0; | |
− | + | margin-top: 15px; | |
− | + | border: 1px solid #fff; | |
− | + | box-shadow: 0 0 0 1px #D30000 !important; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
.blog-post-image { | .blog-post-image { | ||
margin-top: 30px; | margin-top: 30px; | ||
} | } | ||
− | |||
.sidebar { | .sidebar { | ||
padding-top: 60px; | padding-top: 60px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .sidebar .widget { | |
+ | margin-bottom: 40px; | ||
+ | padding: 15px; | ||
+ | border: 1px solid #dedede; | ||
+ | } | ||
+ | .sidebar .widget h3 { | ||
+ | margin-top: 8px; | ||
+ | } | ||
+ | .sidebar .search input.form-control { | ||
+ | border-right: 0; | ||
+ | border-radius: 0; | ||
+ | box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075); | ||
+ | } | ||
+ | .sidebar .search button { | ||
+ | border-left: 0; | ||
+ | } | ||
+ | .sidebar .search button:hover { | ||
+ | background: transparent; | ||
+ | } | ||
+ | .sidebar .author .author-img img { | ||
+ | width: 90px; | ||
+ | border-radius: 100%; | ||
+ | margin-top: -40px; | ||
+ | border: 3px solid #fff; | ||
+ | } | ||
+ | .sidebar .author .author-bio p { | ||
+ | font-size: 14px; | ||
+ | color: #888; | ||
+ | } | ||
+ | .sidebar .categories ul li { | ||
+ | border-bottom: 1px solid #f0f0f0; | ||
+ | padding: 10px 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .sidebar .categories ul li span.badge { | ||
+ | float: right; | ||
+ | background: transparent; | ||
+ | color: #444; | ||
+ | border: 1px solid #dedede; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .sidebar .categories ul li a { | ||
+ | color: #555; | ||
+ | } | ||
+ | .sidebar .categories ul li:last-child { | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | .sidebar .recent-post ul li { | ||
+ | margin: 20px 0; | ||
+ | } | ||
+ | .sidebar .recent-post ul li a { | ||
+ | color: #555; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | .sidebar .recent-post ul li a:hover { | ||
+ | color: #D30000 !important; | ||
+ | } | ||
+ | .sidebar .recent-post time { | ||
+ | font-weight: 300; | ||
+ | color: #999; | ||
+ | font-size: 12px; | ||
+ | } | ||
.gallery { | .gallery { | ||
padding: 100px; | padding: 100px; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .gallery figure .buttons { | |
− | . | + | left: 40%; |
− | + | } | |
− | .portfolio-meta | + | .portfolio-meta span { |
− | + | margin: 5px 10px; | |
− | + | font-weight: 300; | |
− | + | } | |
− | + | .portfolio-meta span a { | |
− | + | color: #fff; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
.portfolio-single { | .portfolio-single { | ||
padding: 80px 0 20px; | padding: 80px 0 20px; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .portfolio-single .portfolio-content { | |
+ | padding: 40px 0; | ||
+ | } | ||
.single-post { | .single-post { | ||
padding: 80px 0 20px; | padding: 80px 0 20px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .single-post .post-content { | |
− | . | + | padding: 40px 0; |
− | li { | + | } |
− | + | .single-post .post-content ol li, | |
− | + | .single-post .post-content ul li { | |
− | + | color: #666; | |
− | + | } | |
− | + | .single-post .media { | |
− | + | border: 1px solid #dedede; | |
− | + | padding: 30px 20px; | |
− | + | } | |
− | + | .single-post .media .media-body a { | |
− | + | color: #D30000 !important; | |
− | + | font-size: 12px; | |
+ | } | ||
+ | .single-post .media .media { | ||
+ | border: none; | ||
+ | } | ||
+ | .single-post .comments { | ||
+ | margin-top: 40px; | ||
+ | } | ||
+ | .single-post .post-comment { | ||
+ | margin-top: 40px; | ||
+ | } | ||
+ | .single-post .post-comment h3 { | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | .single-post .post-comment .form-control { | ||
+ | box-shadow: none; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .single-post .post-comment .btn-send { | ||
+ | background: #D30000 !important; | ||
+ | color: #fff; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .social-share li { | ||
+ | display: inline-block; | ||
+ | margin: 3px 1px; | ||
+ | } | ||
+ | .social-share a { | ||
+ | font-size: 20px; | ||
+ | color: #fff; | ||
+ | background: #D30000 !important; | ||
+ | padding: 4px 10px; | ||
+ | display: inline-block; | ||
} | } | ||
− | |||
.navbar-toggle .icon-bar { | .navbar-toggle .icon-bar { | ||
background: #fff; | background: #fff; | ||
} | } | ||
− | |||
.navbar-toggle { | .navbar-toggle { | ||
background: #000; | background: #000; | ||
} | } | ||
− | |||
.dropdown-menu > ul { | .dropdown-menu > ul { | ||
list-style: none; | list-style: none; | ||
Line 1,340: | Line 1,073: | ||
margin: -5px auto 0; | margin: -5px auto 0; | ||
background: #fff; | background: #fff; | ||
− | background-color: rgba(0,0,0,0.95); | + | background-color: rgba(0, 0, 0, 0.95); |
− | box-shadow: 0 2px 0.09px rgba(0,0,0,0.15); | + | box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15); |
} | } | ||
− | |||
.nav .open > a, | .nav .open > a, | ||
.nav .open > a:focus { | .nav .open > a:focus { | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
− | |||
#top-bar .dropdown-menu > ul > li > a { | #top-bar .dropdown-menu > ul > li > a { | ||
display: block; | display: block; | ||
Line 1,357: | Line 1,088: | ||
padding: 8px 0; | padding: 8px 0; | ||
color: #fff; | color: #fff; | ||
− | border-bottom: 1px solid rgba(0,0,0,0.1); | + | border-bottom: 1px solid rgba(0, 0, 0, 0.1); |
} | } |
Revision as of 22:59, 18 October 2017
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700); @import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700); @import url(http://fonts.googleapis.com/css?family=Glegoo); .logo {
width: 180px; margin-top: -30px;
} body {
font-family: 'Roboto', sans-serif !important;
} h1, h2, h3, h4, h5, h6 {
font-family: 'Yanone Kaffeesatz', sans-serif !important;
} p {
font-family: 'Roboto', sans-serif !important; line-height: 22px; font-size: 16px; font-weight: 300;
} ul {
padding-left: 0;
} ul li {
list-style: none;
} h2 {
font-size: 26px;
} a:hover {
text-decoration: none;
} .section-heading {
text-align: center; margin-bottom: 65px;
} .section-heading p {
font-size: 14px; font-weight: 300; color: #727272; line-height: 20px;
} .title {
font-size: 30px; line-height: 1.1; font-weight: 300; color: #333; text-transform: uppercase; margin-bottom: 20px;
} .subtitle {
font-size: 24px; font-weight: 600; margin-bottom: 18px; text-transform: uppercase;
} .subtitle-des {
color: #727272; font-size: 14px; margin-bottom: 35px; font-weight: 300;
} .pages {
padding: 80px 0 40px;
} .moduler {
padding: 140px 0;
} .navbar-default .navbar-nav > li > a:hover {
color: #D30000 !important;
} .navbar.navbar-default {
border: 0; border-radius: 0; margin-bottom: 0;
} .navbar.navbar-default .navbar-toggle {
margin-top: 32px;
} .navbar-header .navbar-brand {
padding: 5px 0;
} .navbar-header .navbar-brand a {
height: auto; display: inline-block; margin-top: 8px;
} .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus {
background: #444;
}
- top-bar {
background: #fff; color: #fff; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; padding: 15px 0; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); border-bottom: 1px solid #dedede;
}
- top-bar .navbar-nav > li > a:hover {
background: transparent;
}
- top-bar.animated-header {
padding: 20px 0; background: #ffffff; box-shadow: none;
}
- top-bar .main-menu li > a {
color: #00007F;
}
- top-bar .main-menu li {
position: relative;
}
- top-bar .main-menu li a {
font-size: 14px; font-weight: 500; border-bottom: 2px solid transparent; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; text-transform: uppercase;
}
- top-bar .main-menu li a:hover {
color: #D30000 !important;
} .navbar-custom .nav li > a {
position: relative; color: #000;
} .navbar-right .dropdown-menu {
right: auto; left: 0;
} .navbar-custom .dropdown-menu {
position: absolute; display: block; visibility: hidden; opacity: 0;
}
- hero-area {
background: url('../images/slider.jpg') no-repeat 50%; background-size: cover; background-attachment: fixed; padding: 230px 0; color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); position: relative;
}
- hero-area:before {
content: ; z-index: 9; background: rgba(255, 255, 255, 0.78); position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}
- hero-area .block {
position: relative; z-index: 999;
}
- hero-area h1 {
font-size: 40px; line-height: 50px; color: #333; font-weight: 700; margin-bottom: 15px; text-transform: uppercase;
}
- hero-area h2 {
font-size: 18px; font-weight: 300; margin-bottom: 38px; line-height: 27px; text-transform: uppercase; color: #666; font-family: 'Roboto', sans-serif !important; margin-top: 25px;
}
- hero-area .btn {
background: #D30000; border: none; color: #fff; padding: 20px 35px; margin-top: 30px; font-size: 16px; font-size: 13px; line-height: 1em; text-transform: uppercase; letter-spacing: normal; border-radius: 0;
}
- call-to-action {
background: #D30000 !important; background-size: cover; background-attachment: fixed; padding: 80px 0; text-align: center !important; position: relative; color: #fff;
}
- call-to-action .block {
position: relative; z-index: 99; color: #fff;
}
- call-to-action .block h2 {
margin-bottom: 15px; color: #fff;
}
- call-to-action .block p {
font-size: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; margin-top: 20px; text-align: center !important;
}
- call-to-action .block .btn-contact {
background: #fff; border: none; color: #D30000 !important; padding: 16px 35px; margin-top: 20px; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; border-radius: 0;
}
- call-to-action .block .btn-contact i {
margin-right: 10px;
}
- call-to-action p {
text-align: center !important;
}
- about {
padding: 110px 0;
}
- about .block {
padding: 20px 30px 0;
}
- about .block h2 {
font-size: 26px; font-weight: 300; margin-bottom: 30px; text-transform: uppercase;
}
- about .block p {
color: #727272; font-size: 16px; line-height: 28px; margin-bottom: 35px;
}
- about .block img {
width: 400px;
} .works {
padding: 80px 0; background: #FCFCFC;
} .works .block {
position: relative; z-index: 99;
} .works .block:hover .img-overly .overly {
opacity: 1;
} .works .block h4 {
padding: 20px 15px; margin-top: 0; color: #666;
} .works .block .img-overly {
position: relative; background: rgba(0, 0, 0, 0.85);
} .works .block .img-overly img {
border-radius: 0;
} .works .block .img-overly .overly {
background: rgba(57, 181, 74, 0.9); position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;
} .works .block .img-overly .overly a {
position: absolute; top: 45%; left: 22%;
} .works .block .img-overly .overly a i {
font-size: 30px; color: #fff;
} figure {
background: #fff; margin-bottom: 45px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
} figure .img-wrapper {
position: relative; overflow: hidden;
} figure img {
-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 400ms; transition: transform 400ms;
} figure:hover img {
-webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1);
} figure:hover .overlay {
opacity: 1;
} figure:hover .overlay .buttons a {
-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} figure .overlay {
position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10px; text-align: center; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity 400ms; transition: opacity 400ms;
} figure .overlay a {
display: inline-block; color: #fff; padding: 10px 23px; line-height: 1; border: 1px solid #fff; border-radius: 0; margin: 4px; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); -webkit-transition: all 400ms; transition: all 400ms;
} figure .overlay a:hover {
text-decoration: none;
} figure .overlay:hover a {
-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} figure .buttons {
position: absolute; top: 45%; left: 35%;
} figure figcaption {
padding: 20px 25px; margin-top: 0; color: #666;
} figure figcaption h4 {
margin: 0;
} figure figcaption h4 a {
color: #D30000 !important;
} figure figcaption p {
font-size: 14px; margin-bottom: 0; margin-top: 5px;
}
- feature {
padding: 80px 0;
}
- feature .media {
margin: 0 0 70px;
}
- feature .media .media-left {
padding-right: 25px;
}
- feature h3 {
color: #000; font-size: 20px; text-transform: uppercase; text-align: center; margin: 0 0 15px; font-weight: 400;
}
- feature p {
line-height: 25px; font-size: 14px; color: #777777;
}
- feature .icon {
text-decoration: none; color: #fff; background-color: #D30000 !important; height: 100px; text-align: center; width: 100px; font-size: 50px; line-height: 100px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-shadow: #00A4BA 1px 1px, #00A4BA 2px 2px, #00A4BA 3px 3px, #00A4BA 4px 4px, #00A4BA 5px 5px, #00A4BA 6px 6px, #00A4BA 7px 7px, #00A4BA 8px 8px, #00A4BA 9px 9px, #00A4BA 10px 10px, #00A4BA 11px 11px, #00A4BA 12px 12px, #00A4BA 13px 13px, #00A4BA 14px 14px, #00A4BA 15px 15px, #00A4BA 16px 16px, #00A4BA 17px 17px, #00A4BA 18px 18px, #00A4BA 19px 19px, #00A4BA 20px 20px, #00A4BA 21px 21px, #00A4BA 22px 22px, #00A4BA 23px 23px, #00A4BA 24px 24px, #00A4BA 25px 25px, #00A4BA 26px 26px, #00A4BA 27px 27px, #00A4BA 28px 28px, #00A4BA 29px 29px, #00A4BA 30px 30px, #00A4BA 31px 31px, #00A4BA 32px 32px, #00A4BA 33px 33px, #00A4BA 34px 34px, #00A4BA 35px 35px, #00A4BA 36px 36px, #00A4BA 37px 37px, #00A4BA 38px 38px, #00A4BA 39px 39px, #00A4BA 40px 40px, #00A4BA 41px 41px, #00A4BA 42px 42px, #00A4BA 43px 43px, #00A4BA 44px 44px, #00A4BA 45px 45px, #00A4BA 46px 46px, #00A4BA 47px 47px, #00A4BA 48px 48px, #00A4BA 49px 49px, #00A4BA 50px 50px, #00A4BA 51px 51px, #00A4BA 52px 52px, #00A4BA 53px 53px, #00A4BA 54px 54px, #00A4BA 55px 55px, #00A4BA 56px 56px, #00A4BA 57px 57px, #00A4BA 58px 58px, #00A4BA 59px 59px, #00A4BA 60px 60px, #00A4BA 61px 61px, #00A4BA 62px 62px, #00A4BA 63px 63px, #00A4BA 64px 64px, #00A4BA 65px 65px, #00A4BA 66px 66px, #00A4BA 67px 67px, #00A4BA 68px 68px, #00A4BA 69px 69px, #00A4BA 70px 70px, #00A4BA 71px 71px, #00A4BA 72px 72px, #00A4BA 73px 73px, #00A4BA 74px 74px, #00A4BA 75px 75px, #00A4BA 76px 76px, #00A4BA 77px 77px, #00A4BA 78px 78px, #00A4BA 79px 79px, #00A4BA 80px 80px, #00A4BA 81px 81px, #00A4BA 82px 82px, #00A4BA 83px 83px, #00A4BA 84px 84px, #00A4BA 85px 85px, #00A4BA 86px 86px, #00A4BA 87px 87px, #00A4BA 88px 88px, #00A4BA 89px 89px, #00A4BA 90px 90px, #00A4BA 91px 91px, #00A4BA 92px 92px, #00A4BA 93px 93px, #00A4BA 94px 94px, #00A4BA 95px 95px, #00A4BA 96px 96px, #00A4BA 97px 97px, #00A4BA 98px 98px, #00A4BA 99px 99px, #00A4BA 100px 100px;
}
- contact-section {
padding: 90px 0;
}
- contact-section .contact-form {
margin-top: 42px;
}
- contact-section .contact-form .btn-send {
margin-top: 35px; color: #fff; outline: none; background: #D30000 !important;
}
- contact-section .contact-form .btn-send:hover {
border: 1px solid #D30000 !important;
}
- contact-section input {
display: block; height: 40px; padding: 6px 12px; font-size: 13px; line-height: 1.428571429; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; border-radius: 1px; border: 1px solid rgba(111, 121, 122, 0.3); box-shadow: none; -webkit-box-shadow: none;
}
- contact-section textarea {
display: block; border-radius: 0; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
- contact-section .address,
- contact-section .email,
- contact-section .phone {
text-align: center; background: #F7F7F7; padding: 20px 0 40px; margin-bottom: 20px;
}
- contact-section .address i,
- contact-section .email i,
- contact-section .phone i {
font-size: 45px; color: #D30000 !important;
}
- contact-section .address h5,
- contact-section .email h5,
- contact-section .phone h5 {
font-size: 16px; line-height: 1.4;
}
- contact-section .address-details {
padding-top: 70px;
}
- map-canvas {
width: 100%; height: 350px; background-color: #CCC;
}
- footer {
background: #fff !important; padding: 25px 0 !important; color: #555;
}
- footer .copyright {
font-size: 13px !important; margin-bottom: 0 !important; margin-top: 10px !important;
}
- footer .copyright a {
color: #D30000 !important;
}
- footer .social {
text-align: right !important; margin-bottom: 0 !important;
}
- footer .social li {
display: inline-block !important; margin-right: 15px !important;
}
- footer .social li a {
font-size: 22px !important; color: #D30000 !important;
} .cd-headline.slide .cd-words-wrapper {
color: #D30000 !important;
} ul.social-icons {
height: auto; overflow: hidden; list-style: none !important; margin-bottom: 10px;
} ul.social-icons li {
float: none; display: inline-block; height: 36px;
}
- copyright a:hover,
- copyright nav .menu li a:hover {
color: #e4e4e4!important;
}
- copyright a,
- copyright a:hover {
text-decoration: none;
} .global-page-header {
background-attachment: fixed; background-size: cover; padding: 120px 0 25px; position: relative; background: #D30000 !important; color: #fff;
} .global-page-header h2 {
font-size: 42px; font-weight: bold; color: #fff; text-transform: uppercase;
} .global-page-header .breadcrumb {
background: none; font-size: 16px; padding: 8px 0;
} .global-page-header .breadcrumb .active {
color: #fff;
} .global-page-header .breadcrumb li a {
color: #fff;
} .global-page-header .block {
position: relative; z-index: 99; text-align: center;
}
- product-showcase-banner {
padding-top: 160px;
}
- product-showcase-banner .block {
padding: 20px 0 20px 50px;
}
- product-showcase-banner .block h2 {
font-size: 40px; color: #D30000 !important; margin-bottom: 20px; margin-top: 0;
}
- product-showcase-banner .block p {
color: #666; line-height: 25px;
}
- product-showcase-banner .block .buttons {
margin-top: 25px;
}
- product-showcase-banner .block .buttons .btn {
color: #fff; border: none; padding: 12px 40px; -webkit-transition: 0.2s all; -o-transition: 0.2s all; transition: 0.2s all; letter-spacing: 2px; font-size: 15px;
}
- product-showcase-banner .block .buttons .btn-demo {
background: #5abd4f; margin-right: 8px; border-bottom: 3px solid #429E38;
}
- product-showcase-banner .block .buttons .btn-demo:hover {
background: #429E38;
}
- product-showcase-banner .block .buttons .btn-buy {
background: #00AEDA; border-bottom: 3px solid #0190B5;
}
- product-showcase-banner .block .buttons .btn-buy:hover {
background: #0190B5;
}
- product-showcase-banner .block .buttons .btn-buy span {
margin-right: 8px; font-weight: bold;
}
- product-description {
padding-top: 80px;
}
- product-description .block {
height: 400px; overflow: hidden; margin-top: 35px; border-bottom: 1px solid #dedede; padding-top: 30px; position: relative; webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);
}
- product-description .block:hover img {
-webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px);
}
- product-description .block img {
position: absolute; top: 10px; left: 0; -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: -moz-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: -o-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- product-description .block .content {
width: 60%; padding-top: 70px;
}
- product-description .block .content h3 {
font-size: 32px; color: #5c5c5c;
}
- product-description .block .content p {
color: #787f8c; line-height: 25px;
}
- related-items {
padding: 60px 0 110px;
}
- related-items .title {
border-bottom: 1px solid #dedede; padding: 10px 0; margin: 5px 15px 30px; text-align: left; color: #777;
}
- related-items .product-details {
margin-bottom: 0;
}
- related-items .block {
position: relative; background: #fff; margin-bottom: 45px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.14);
}
- related-items .block:hover .img-overly .overly {
opacity: 1;
}
- related-items .block h4 {
padding: 20px 15px; margin-top: 0; color: #666;
}
- related-items .block h4 span {
float: right; color: #D30000 !important;
}
- related-items .block .img-overly {
position: relative; background: rgba(0, 0, 0, 0.85);
}
- related-items .block .img-overly img {
border-radius: 0;
}
- related-items .block .img-overly .overly {
background: rgba(57, 181, 74, 0.9); position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;
}
- related-items .block .img-overly .overly a {
position: absolute; top: 45%; left: 45%;
}
- related-items .block .img-overly .overly a i {
font-size: 30px; color: #fff;
} .service-page .service-parts .block {
margin-bottom: 40px; text-align: center;
} .service-page .service-parts .block i {
font-size: 35px; color: #D30000 !important;
} .service-page .service-parts .block p {
padding: 0 8px; font-size: 14px; color: #777; line-height: 1.7;
} .works.service-page figure .buttons {
position: absolute; top: 45%; left: 13%;
}
- clients {
padding: 30px 0 60px;
}
- clients .owl-carousel .owl-item img {
display: block; width: 100%; -webkit-transform-style: preserve-3d;
}
- clients .owl-carousel .owl-item {
margin-right: 10px;
} .works-fit {
padding: 40px 0;
} .works-fit figure .buttons {
left: 14%;
} .fancybox-close {
background: url("../images/icons/close.png") no-repeat scroll 0 0 transparent; height: 50px; right: 0; top: 0; width: 50px;
} .fancybox-next span {
background: url("../images/icons/right.png") no-repeat scroll center center #009ee3; height: 50px; width: 50px; right: 0;
} .fancybox-prev span {
background: url("../images/icons/left.png") no-repeat scroll center center #009ee3; height: 50px; width: 50px; left: 0;
} .fancybox-title h3 {
font-size: 15px; margin: 0;
} .fancybox-title {
padding: 15px 8px;
} .wrapper_404 h1 {
font-size: 200px; color: #D30000 !important; line-height: 1;
} .wrapper_404 h2 {
font-size: 50px; margin-top: 0;
} .wrapper_404 .btn-home {
background: #D30000; border: none; color: #fff; padding: 20px 35px; margin-top: 10px; font-size: 16px; font-size: 13px; line-height: 1em; text-transform: uppercase; letter-spacing: normal; border-radius: 0;
} .company-description {
margin-top: 80px;
} .company-description .block h3 {
margin-top: 0;
} .company-description .block p {
color: #727272;
}
- team {
margin: 50px 0;
} .team-member {
margin-top: 30px;
} .team-member:hover .team-img img {
opacity: 0.8;
} .team-member .team-img {
position: relative;
} .team-member .team-img .team-pic {
width: 100%;
} .team-member .team_designation {
font-size: 13px;
} .team-member h3 {
color: #D30000 !important; margin-bottom: 0; font-size: 20px;
} .team-member p {
font-size: 14px;
} .team-member .social-icons a {
background: #D30000 !important; color: #fff; padding: 4px 8px !important; display: inline-block; font-size: 15px;
} .team-member .social-icons .facebook {
padding: 4px 12px;
} .about-feature {
margin-top: 50px;
} .about-feature .block {
color: #fff; width: 33.33%; padding: 5%; float: left;
} .about-feature .block p {
font-weight: 300;
} .about-feature .about-feature-1 {
background: #D30000 !important;
} .about-feature .about-feature-2 {
background: #00B0C7;
} .about-feature .about-feature-3 {
background: #00A6BB;
}
- blog-full-width {
padding: 40px 0 80px;
} article {
padding: 30px 0;
} .blog-content h2 {
font-family: 'Roboto', sans-serif !important;
} .blog-content h2 a {
color: #444; font-weight: 400; font-size: 30px;
} .blog-content .blog-meta {
color: #9a9a9a; font-weight: 300; margin-bottom: 25px;
} .blog-content .blog-meta span:after {
content: '/'; padding: 0 3px 0 6px;
} .blog-content .blog-meta a {
color: #acacac;
} .blog-content .blog-meta p {
margin-top: 20px;
} .blog-content .btn-details {
color: #D30000 !important; padding: 0; background: #D30000 !important; color: #fff; padding: 8px 18px; border-radius: 0; margin-top: 15px; border: 1px solid #fff; box-shadow: 0 0 0 1px #D30000 !important;
} .blog-post-image {
margin-top: 30px;
} .sidebar {
padding-top: 60px;
} .sidebar .widget {
margin-bottom: 40px; padding: 15px; border: 1px solid #dedede;
} .sidebar .widget h3 {
margin-top: 8px;
} .sidebar .search input.form-control {
border-right: 0; border-radius: 0; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
} .sidebar .search button {
border-left: 0;
} .sidebar .search button:hover {
background: transparent;
} .sidebar .author .author-img img {
width: 90px; border-radius: 100%; margin-top: -40px; border: 3px solid #fff;
} .sidebar .author .author-bio p {
font-size: 14px; color: #888;
} .sidebar .categories ul li {
border-bottom: 1px solid #f0f0f0; padding: 10px 0; list-style: none;
} .sidebar .categories ul li span.badge {
float: right; background: transparent; color: #444; border: 1px solid #dedede; border-radius: 0;
} .sidebar .categories ul li a {
color: #555;
} .sidebar .categories ul li:last-child {
border-bottom: none;
} .sidebar .recent-post ul li {
margin: 20px 0;
} .sidebar .recent-post ul li a {
color: #555; font-size: 15px;
} .sidebar .recent-post ul li a:hover {
color: #D30000 !important;
} .sidebar .recent-post time {
font-weight: 300; color: #999; font-size: 12px;
} .gallery {
padding: 100px;
} .gallery figure .buttons {
left: 40%;
} .portfolio-meta span {
margin: 5px 10px; font-weight: 300;
} .portfolio-meta span a {
color: #fff;
} .portfolio-single {
padding: 80px 0 20px;
} .portfolio-single .portfolio-content {
padding: 40px 0;
} .single-post {
padding: 80px 0 20px;
} .single-post .post-content {
padding: 40px 0;
} .single-post .post-content ol li, .single-post .post-content ul li {
color: #666;
} .single-post .media {
border: 1px solid #dedede; padding: 30px 20px;
} .single-post .media .media-body a {
color: #D30000 !important; font-size: 12px;
} .single-post .media .media {
border: none;
} .single-post .comments {
margin-top: 40px;
} .single-post .post-comment {
margin-top: 40px;
} .single-post .post-comment h3 {
margin-bottom: 15px;
} .single-post .post-comment .form-control {
box-shadow: none; border-radius: 0;
} .single-post .post-comment .btn-send {
background: #D30000 !important; color: #fff; border-radius: 0;
} .social-share li {
display: inline-block; margin: 3px 1px;
} .social-share a {
font-size: 20px; color: #fff; background: #D30000 !important; padding: 4px 10px; display: inline-block;
} .navbar-toggle .icon-bar {
background: #fff;
} .navbar-toggle {
background: #000;
} .dropdown-menu > ul {
list-style: none; padding: 15px; margin: -5px auto 0; background: #fff; background-color: rgba(0, 0, 0, 0.95); box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
} .nav .open > a, .nav .open > a:focus {
background-color: transparent;
}
- top-bar .dropdown-menu > ul > li > a {
display: block; font-size: 13px; font-weight: 400; line-height: normal; text-decoration: none; padding: 8px 0; color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}