/*
* Title: The Brick Architechture & Construction - HTML Template
* Author: QTC Media
*/
/* --------------------------------------------------------
[Table of contents]
1. Google Font
2. Reset CSS
3. Variables
4. Mimin
5. Global
6. Header
7. Footer
8. Home One
9. Home Two
10. Home Three
11. Home Four
12. Home Five
13. Home Six
14. About
15. Portfolio V1
16. Portfolio V2
17. Portfolio Detail
18. Contact
19. Blog V1
20. Blog V2
21. Blog Detail
22. Shop
23. Product Detail
24. Our Team
25. Faq's
26. Maintenance
27. Coming Soon
[End table of contents]
----------------------------------------------------------------------- */
/*----------------------
Google font
------------------------*/
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900");
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
/*----------------------
Reset CSS
------------------------*/
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
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; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
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; }
body {
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
line-height: 26px;
letter-spacing: 0; }
img {
max-width: 100%; }
a,
a:hover, a:focus {
cursor: pointer !important;
outline: none;
text-decoration: none; }
h1, h2, h3, h4, h5, h6 {
font-family: 'Titillium Web', sans-serif;
margin: 0;
padding: 0; }
a, p {
font-family: 'Quicksand', sans-serif;
margin: 0;
padding: 0; }
ul, li {
margin: 0;
padding: 0;
list-style: none; }
strong {
font-weight: 700; }
input:focus {
outline: none; }
/*----------------------
Variables
------------------------*/
/*----------------------
Mimin
------------------------*/
/*----------------------
Global
------------------------*/
/*
Global
*/
[data-uk-sticky].uk-active {
z-index: 9999; }
.uk-container {
padding: 0 15px;
}
/*.set-padding {
padding: 105px 0; }*/
.brick-color-darkgreen {
color: #056163 !important; }
.brick-color-yellow {
color: #0f2d69 !important; }
.brick-color-0ba2a5 {
color: #0ba2a5 !important; }
.brick-hover-color-darkgreen:hover, .brick-hover-color-darkgreen.active {
color: #056163 !important; }
.brick-hover-color-yellow:hover, .brick-hover-color-yellow.active {
color: #0f2d69 !important; }
.brick-hover-color-0ba2a5:hover, .brick-hover-color-0ba2a5.active {
color: #0ba2a5 !important; }
.brick-hover-child-color-darkgreen:hover > *, .brick-hover-child-color-darkgreen.active > * {
color: #056163 !important; }
.brick-hover-child-color-darkgreen:hover > * button span, .brick-hover-child-color-darkgreen.active > * button span {
color: #056163 !important; }
.brick-hover-child-color-yellow:hover > *, .brick-hover-child-color-yellow.active > * {
color: #0f2d69 !important; }
.brick-hover-child-color-yellow:hover > * button span, .brick-hover-child-color-yellow.active > * button span {
color: #0f2d69 !important; }
.brick-hover-child-color-0ba2a5:hover > *, .brick-hover-child-color-0ba2a5.active > * {
color: #0ba2a5 !important; }
.brick-hover-child-color-0ba2a5:hover > * button span, .brick-hover-child-color-0ba2a5.active > * button span {
color: #0ba2a5 !important; }
.brick-hover-full-color-darkgree:hover * {
color: #056163 !important; }
.brick-hover-full-color-darkgree:hover * .flaticon:before {
color: #056163 !important; }
.brick-hover-full-color-yellow:hover * {
color: #0f2d69 !important; }
.brick-hover-full-color-yellow:hover * .flaticon:before {
color: #0f2d69 !important; }
.brick-hover-border-color-darkgreen:hover, .brick-hover-border-color-darkgreen.active {
border-color: #056163 !important; }
.brick-hover-border-color-yellow:hover, .brick-hover-border-color-yellow.active {
border-color: #0f2d69 !important; }
.brick-background-darkgreen {
background: #0f2d69 !important; }
.brick-background-yellow {
background: #0f2d69 !important; }
.brick-background-202222 {
background: #202222 !important; }
.brick-background-f8f8f8 {
background: #f8f8f8 !important; }
.brick-background-1b2725 {
background: #1b2725 !important; }
.brick-hover-background-darkgreen:hover, .brick-hover-background-darkgreen.active {
background: #056163 !important;
transition: all .5s ease; }
.brick-hover-background-yellow:hover, .brick-hover-background-yellow.active {
background: #0f2d69 !important;
transition: all .5s ease; }
.brick-hover-child-background-darkgreen:hover > *, .brick-hover-child-background-darkgreen.active > * {
background: #056163 important;
transition: all .5s ease; }
.brick-hover-child-background-yellow:hover > *, .brick-hover-child-background-yellow.active > * {
background: #0f2d69 !important;
transition: all .5s ease; }
.brick-flex-box {
display: flex;
align-items: center;
justify-content: flex-start; }
.brick-flex-box > *:last-child {
flex: 1 1 0px;
-ms-flex: 1 1 0px; }
.brick-backtotop {
opacity: 0.7;
border-radius: 50%;
width: 40px;
height: 40px;
position: fixed;
display: none;
bottom: 50px;
right: 30px;
color: #fff;
z-index: 992;
text-align: center;
font-size: 16px;
line-height: 38px;
outline: none;
cursor: pointer;
transition: all 0.4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-ms-transition: all 0.4s; }
.brick-backtotop:hover {
opacity: 1;
transition: all .5s ease; }
.brick-backtotop.show-backtotop {
display: block;
-webkit-animation: bounceInUp 0.7s both;
-moz-animation: bounceInUp 0.7s both;
-o-animation: bounceInUp 0.7s both;
animation: bounceInUp 0.7s both; }
.brick-title {
padding-bottom: 80px;
text-align: center; }
.brick-title .brick-title-p p {
font-family: 'Quicksand', sans-serif;
font-size: 18px;
color: #7a7c7d;
font-weight: 300; }
.brick-title .brick-title-h3 h3 {
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 44px;
color: #1b2725;
line-height: 45px; }
.brick-title-v2, .brick-title-v3, .brick-title-v4 {
/* padding-bottom: 75px;*/
text-align: center; }
.brick-title-v2 .brick-title-p p, .brick-title-v3 .brick-title-p p, .brick-title-v4 .brick-title-p p {
font-family: 'Quicksand', sans-serif;
font-size: 16px;
color: #4e5453;
font-weight: 400; }
.brick-title-v2 .brick-title-h3 h3, .brick-title-v3 .brick-title-h3 h3, .brick-title-v4 .brick-title-h3 h3 {
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 33px;
color: #1b2725;
line-height: 45px; }
.brick-title-v3 .brick-title-h3 h3 {
padding-bottom: 6px;
font-weight: 700; }
.brick-title-v3 .brick-title-p p {
padding-bottom: 35px; }
.brick-title-v3 .brick-title-icon span {
font-size: 35px;
color: #dcddde; }
.brick-title-v4 .brick-title-line {
margin: 38px auto 0 auto;
width: 80px;
height: 10px;
position: relative; }
.brick-title-v4 .brick-title-line .brick-title-line-color {
width: 50%;
height: 100%;
position: absolute;
top: 0;
bottom: 0; }
.brick-title-v4 .brick-title-line .brick-title-line-color-left {
left: 0; }
.brick-title-v4 .brick-title-line .brick-title-line-color-right {
right: 0; }
.brick-button h3, .brick-button button {
display: inline-block;
font-size: 14px;
color: #ffffff;
border: 2px solid transparent;
line-height: 36px;
padding: 0 25px;
font-weight: 600;
cursor: pointer; }
.brick-button.brick-button-radius h3, .brick-button.brick-button-radius button {
border-radius: 40px; }
.brick-button.brick-button-drankgreen h3, .brick-button.brick-button-drankgreen button {
background: #056163;
color: #ffffff; }
.brick-button.brick-button-drankgreen h3:hover, .brick-button.brick-button-drankgreen button:hover {
background: transparent;
border: 2px solid #056163;
color: #056163; }
.brick-button.brick-button-yellow h3, .brick-button.brick-button-yellow button {
background: #0f2d69;
color: #ffffff; }
.brick-button.brick-button-yellow h3:hover, .brick-button.brick-button-yellow button:hover {
background: transparent;
border: 2px solid #0f2d69;
color: #0f2d69; }
.brick-banner {
padding: 70px 0;
background: url("../images/333.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.brick-banner .title h3 {
padding-bottom: 13px;
font-size: 33px;
line-height: 35px;
color: #000;
font-weight: 700; }
.brick-banner .title ul li {
display: inline-block;
padding-right: 26px;
position: relative; }
.brick-banner .title ul li:hover a, .brick-banner .title ul li.active a {
color: #000000; }
.brick-banner .title ul li:last-child:before {
display: none; }
.brick-banner .title ul li:before {
content: '>';
font-family: 'Quicksand', sans-serif;
font-size: 14px;
color: #000000;
font-weight: 400;
position: absolute;
bottom: 0;
right: 10px; }
.brick-banner .title ul li a {
font-family: 'Quicksand', sans-serif;
font-size: 14px;
color: #000;
font-weight: 500;
}
.brick-sidebar .sidebar-box {
margin-bottom: 30px;
border: 1px solid #dcddde;
border-radius: 5px;
overflow: hidden; }
.brick-sidebar .sidebar-about-brick {
padding: 30px;
background: #f4f4f4; }
.brick-sidebar .sidebar-about-brick h3 {
padding-bottom: 15px;
font-size: 24px;
line-height: 25px;
font-weight: 700; }
.brick-sidebar .sidebar-about-brick p {
font-size: 14px;
color: #4e5453;
font-weight: 400; }
.brick-sidebar .sidebar-recent-project h3 {
font-size: 24px;
color: #ffffff;
line-height: 60px;
padding: 0 30px; }
.brick-sidebar .sidebar-recent-project ul {
padding: 30px; }
.brick-sidebar .sidebar-recent-project ul li {
line-height: 20px;
padding-bottom: 15px; }
.brick-sidebar .sidebar-recent-project ul li a {
font-family: 'Quicksand', sans-serif;
font-size: 14px;
color: #4e5453; }
.brick-sidebar .sidebar-recent-project ul li a span {
padding-right: 12px; }
.brick-sidebar .sidebar-services .brick-flex-box {
margin-bottom: 20px;
width: 125px;
height: 125px;
border: 1px solid #dcddde;
border-radius: 5px;
justify-content: center;
text-align: center; }
.brick-sidebar .sidebar-services .brick-flex-box .box-services span {
font-size: 30px;
color: #1b2725;
padding-bottom: 10px; }
.brick-sidebar .sidebar-services .brick-flex-box .box-services a {
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 14px;
color: #4e5453; }
.brick-sidebar .sidebar-search {
margin-bottom: 30px; }
.brick-sidebar .sidebar-search form input {
border: 1px solid #dcddde;
border-radius: 5px;
height: 45px;
line-height: 45px;
background: #fafafa;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
color: #1b2725;
padding: 5px 50px 5px 30px; }
.brick-sidebar .sidebar-search form input:focus {
background: #fafafa;
border: 1px solid #0f2d69; }
.brick-sidebar .sidebar-search form span {
font-size: 14px;
color: #4e5453;
position: absolute;
right: 30px;
top: 17px; }
.brick-sidebar .sidebar-filter {
margin-bottom: 30px;
padding: 20px 30px;
border: 1px solid #dcddde;
border-radius: 5px;
background: #fafafa; }
.brick-sidebar .sidebar-filter h3 {
padding-bottom: 10px;
font-size: 24px;
color: #1b2725;
font-weight: 700; }
.brick-sidebar .sidebar-filter .price-filter #price_filter {
width: 100%;
height: 7px;
background: #dcddde;
border: none;
border-radius: 0; }
.brick-sidebar .sidebar-filter .price-filter #price_filter .ui-slider-range {
background: #0f2d69; }
.brick-sidebar .sidebar-filter .price-filter #price_filter .ui-slider-range + .ui-slider-handle {
display: none; }
.brick-sidebar .sidebar-filter .price-filter #price_filter .ui-slider-handle {
width: 9px;
height: 12px;
background: #4e5453;
border: none;
border-radius: 0;
outline: none;
top: -0.2em;
cursor: pointer; }
.brick-sidebar .sidebar-filter .price-filter p {
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 14px;
color: #4e5453; }
.brick-sidebar .sidebar-filter .price-filter p input {
background: transparent;
outline: none;
border: none;
width: 50%;
float: left; }
.brick-sidebar .sidebar-filter .price-filter p input + input {
float: right;
text-align: right; }
.brick-sidebar .sidebar-latest-product h3 {
font-size: 24px;
color: #ffffff;
line-height: 60px;
padding: 0 30px; }
.brick-sidebar .sidebar-latest-product > ul {
padding: 30px 30px 5px 30px; }
.brick-sidebar .sidebar-latest-product > ul > li {
margin-bottom: 25px; }
.brick-sidebar .sidebar-latest-product > ul > li .brick-flex-box {
align-items: flex-start; }
.brick-sidebar .sidebar-latest-product > ul > li .brick-flex-box .box-img {
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
background: #f8f8f8;
width: 50px;
height: 50px; }
.brick-sidebar .sidebar-latest-product > ul > li .brick-flex-box .box-img img {
display: block;
margin: 0 auto; }
.brick-sidebar .sidebar-latest-product > ul > li .box-product-info h5 {
font-size: 14px;
line-height: 18px;
color: #1b2725;
font-weight: 700; }
.brick-sidebar .sidebar-latest-product > ul > li .box-product-info p {
font-size: 10px;
line-height: 18px;
color: #7a7c7d;
font-weight: 400; }
.brick-sidebar .sidebar-latest-product > ul > li .box-product-info p i {
padding-right: 10px;
text-decoration: line-through; }
.brick-sidebar .sidebar-latest-product > ul > li .box-product-info ul.rating li {
line-height: 18px; }
.brick-sidebar .sidebar-latest-product > ul > li .box-product-info ul.rating li span {
font-size: 12px; }
.brick-pagination {
margin-top: 35px; }
.brick-pagination ul {
text-align: center; }
.brick-pagination ul li {
padding: 0 10px;
display: inline-block; }
.brick-pagination ul li:hover a, .brick-pagination ul li.active a {
color: #ffffff; }
.brick-pagination ul li a {
display: block;
text-align: center;
width: 30px;
line-height: 30px;
color: #4e5453;
font-weight: 700;
font-size: 14px; }
/*----------------------
Header
------------------------*/
/*----------------------
Header V1
------------------------*/
.header-v1.uk-active, .uk-active.header-v2, .uk-active.header-v3, .uk-active.header-v5, .uk-active.header-v4 {
box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2); }
.header-v1.uk-active .top-bar, .uk-active.header-v2 .top-bar, .uk-active.header-v3 .top-bar, .uk-active.header-v5 .top-bar, .uk-active.header-v4 .top-bar {
display: none; }
.header-v1 .top-bar, .header-v2 .top-bar, .header-v3 .top-bar, .header-v5 .top-bar, .header-v4 .top-bar {
border-bottom: 1px solid #e9e9ea; }
.header-v1 .top-bar .logo, .header-v2 .top-bar .logo, .header-v3 .top-bar .logo, .header-v5 .top-bar .logo, .header-v4 .top-bar .logo {
height: 99px; }
.header-v1 .top-bar .logo a, .header-v2 .top-bar .logo a, .header-v3 .top-bar .logo a, .header-v5 .top-bar .logo a, .header-v4 .top-bar .logo a {
display: inline-block; }
.header-v1 .top-bar .logo a img, .header-v2 .top-bar .logo a img, .header-v3 .top-bar .logo a img, .header-v5 .top-bar .logo a img, .header-v4 .top-bar .logo a img {
display: block; }
.header-v1 .top-bar .brick-flex-box, .header-v2 .top-bar .brick-flex-box, .header-v3 .top-bar .brick-flex-box, .header-v5 .top-bar .brick-flex-box, .header-v4 .top-bar .brick-flex-box {
height: 99px; }
.header-v1 .top-bar .brick-flex-box .box, .header-v2 .top-bar .brick-flex-box .box, .header-v3 .top-bar .brick-flex-box .box, .header-v5 .top-bar .brick-flex-box .box, .header-v4 .top-bar .brick-flex-box .box {
display: flex;
align-items: flex-start; }
.header-v1 .top-bar .brick-flex-box .box .box-icon span, .header-v2 .top-bar .brick-flex-box .box .box-icon span, .header-v3 .top-bar .brick-flex-box .box .box-icon span, .header-v5 .top-bar .brick-flex-box .box .box-icon span, .header-v4 .top-bar .brick-flex-box .box .box-icon span {
padding-right: 16px;
font-size: 36px;
color: #4e5453; }
.header-v1 .top-bar .brick-flex-box .box .box-text h5, .header-v2 .top-bar .brick-flex-box .box .box-text h5, .header-v3 .top-bar .brick-flex-box .box .box-text h5, .header-v5 .top-bar .brick-flex-box .box .box-text h5, .header-v4 .top-bar .brick-flex-box .box .box-text h5 {
font-size: 16px;
color: #1b2725;
line-height: 22px;
font-weight: 700; }
.header-v1 .top-bar .brick-flex-box .box .box-text p, .header-v2 .top-bar .brick-flex-box .box .box-text p, .header-v3 .top-bar .brick-flex-box .box .box-text p, .header-v5 .top-bar .brick-flex-box .box .box-text p, .header-v4 .top-bar .brick-flex-box .box .box-text p {
font-size: 12px;
color: #4e5453;
line-height: 20px;
font-weight: 400; }
.header-v1 .header, .header-v2 .header, .header-v3 .header, .header-v5 .header, .header-v4 .header {
background: url("../images/header/background-header-v1.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.header-v1 .header .menu-primary, .header-v2 .header .menu-primary, .header-v3 .header .menu-primary, .header-v5 .header .menu-primary, .header-v4 .header .menu-primary {
float: left; }
.header-v1 .header .menu-primary ul.main-menu li:first-child a, .header-v2 .header .menu-primary ul.main-menu li:first-child a, .header-v3 .header .menu-primary ul.main-menu li:first-child a, .header-v5 .header .menu-primary ul.main-menu li:first-child a, .header-v4 .header .menu-primary ul.main-menu li:first-child a {
padding-left: 0; }
.header-v1 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown, .header-v2 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown, .header-v3 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown, .header-v5 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown, .header-v4 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown {
margin-top: 0; }
.header-v1 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown:before, .header-v2 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown:before, .header-v3 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown:before, .header-v5 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown:before, .header-v4 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown:before {
display: none; }
.header-v1 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5, .header-v2 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5, .header-v3 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5, .header-v5 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5, .header-v4 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5 {
font-size: 14px;
color: #1b2725;
padding-bottom: 20px;
position: relative;
font-weight: 600; }
.header-v1 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5:before, .header-v2 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5:before, .header-v3 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5:before, .header-v5 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5:before, .header-v4 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5:before {
content: '';
width: 50px;
height: 2px;
background: #0f2d69;
position: absolute;
left: 0;
bottom: 15px; }
.header-v1 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li:hover:hover a, .header-v2 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li:hover:hover a, .header-v3 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li:hover:hover a, .header-v5 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li:hover:hover a, .header-v4 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li:hover:hover a {
padding-left: 25px;
transition: all .5s ease; }
.header-v1 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li a, .header-v2 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li a, .header-v3 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li a, .header-v5 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li a, .header-v4 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li a {
padding-left: 0; }
.header-v1 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li a i, .header-v2 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li a i, .header-v3 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li a i, .header-v5 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li a i, .header-v4 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu li a i {
left: 0; }
.header-v1 .header .menu-primary ul.main-menu li.cart, .header-v2 .header .menu-primary ul.main-menu li.cart, .header-v3 .header .menu-primary ul.main-menu li.cart, .header-v5 .header .menu-primary ul.main-menu li.cart, .header-v4 .header .menu-primary ul.main-menu li.cart {
line-height: 40px; }
.header-v1 .header .menu-primary ul.main-menu li a, .header-v2 .header .menu-primary ul.main-menu li a, .header-v3 .header .menu-primary ul.main-menu li a, .header-v5 .header .menu-primary ul.main-menu li a, .header-v4 .header .menu-primary ul.main-menu li a {
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
color: #1b2725;
padding: 0 20px;
height: 60px;
line-height: 60px;
background: transparent !important;
position: relative;
font-weight: 600; }
.header-v1 .header .menu-primary ul.main-menu li .uk-dropdown, .header-v2 .header .menu-primary ul.main-menu li .uk-dropdown, .header-v3 .header .menu-primary ul.main-menu li .uk-dropdown, .header-v5 .header .menu-primary ul.main-menu li .uk-dropdown, .header-v4 .header .menu-primary ul.main-menu li .uk-dropdown {
background: url("../images/header/background-header-v1.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); }
.header-v1 .header .menu-primary ul.main-menu li .uk-dropdown:before, .header-v2 .header .menu-primary ul.main-menu li .uk-dropdown:before, .header-v3 .header .menu-primary ul.main-menu li .uk-dropdown:before, .header-v5 .header .menu-primary ul.main-menu li .uk-dropdown:before, .header-v4 .header .menu-primary ul.main-menu li .uk-dropdown:before {
content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #0f2d69;
position: absolute;
top: -5px;
left: 30px; }
.header-v1 .header .menu-primary ul.main-menu li .uk-dropdown:after, .header-v2 .header .menu-primary ul.main-menu li .uk-dropdown:after, .header-v3 .header .menu-primary ul.main-menu li .uk-dropdown:after, .header-v5 .header .menu-primary ul.main-menu li .uk-dropdown:after, .header-v4 .header .menu-primary ul.main-menu li .uk-dropdown:after {
content: '';
width: 100%;
height: 3px;
background: #0f2d69;
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: 0; }
.header-v1 .header .menu-primary ul.main-menu li .uk-dropdown li:hover a, .header-v2 .header .menu-primary ul.main-menu li .uk-dropdown li:hover a, .header-v3 .header .menu-primary ul.main-menu li .uk-dropdown li:hover a, .header-v5 .header .menu-primary ul.main-menu li .uk-dropdown li:hover a, .header-v4 .header .menu-primary ul.main-menu li .uk-dropdown li:hover a {
padding-left: 45px;
transition: all .5s ease; }
.header-v1 .header .menu-primary ul.main-menu li .uk-dropdown li:hover a i, .header-v2 .header .menu-primary ul.main-menu li .uk-dropdown li:hover a i, .header-v3 .header .menu-primary ul.main-menu li .uk-dropdown li:hover a i, .header-v5 .header .menu-primary ul.main-menu li .uk-dropdown li:hover a i, .header-v4 .header .menu-primary ul.main-menu li .uk-dropdown li:hover a i {
opacity: 1;
left: 25px;
transition: all .5s ease; }
.header-v1 .header .menu-primary ul.main-menu li .uk-dropdown li a, .header-v2 .header .menu-primary ul.main-menu li .uk-dropdown li a, .header-v3 .header .menu-primary ul.main-menu li .uk-dropdown li a, .header-v5 .header .menu-primary ul.main-menu li .uk-dropdown li a, .header-v4 .header .menu-primary ul.main-menu li .uk-dropdown li a {
padding-left: 25px;
height: 40px;
line-height: 40px;
transition: all .5s ease; }
.header-v1 .header .menu-primary ul.main-menu li .uk-dropdown li a i, .header-v2 .header .menu-primary ul.main-menu li .uk-dropdown li a i, .header-v3 .header .menu-primary ul.main-menu li .uk-dropdown li a i, .header-v5 .header .menu-primary ul.main-menu li .uk-dropdown li a i, .header-v4 .header .menu-primary ul.main-menu li .uk-dropdown li a i {
opacity: 0;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transition: all .5s ease; }
.header-v1 .header .search, .header-v2 .header .search, .header-v3 .header .search, .header-v5 .header .search, .header-v4 .header .search {
float: right;
height: 60px;
line-height: 60px;
position: relative; }
.header-v1 .header .search a, .header-v2 .header .search a, .header-v3 .header .search a, .header-v5 .header .search a, .header-v4 .header .search a {
font-size: 14px;
color: #1b2725;
padding-left: 20px; }
.header-v1 .header .search a.cart, .header-v2 .header .search a.cart, .header-v3 .header .search a.cart, .header-v5 .header .search a.cart, .header-v4 .header .search a.cart {
display: none; }
.header-v1 .header .search .uk-dropdown, .header-v2 .header .search .uk-dropdown, .header-v3 .header .search .uk-dropdown, .header-v5 .header .search .uk-dropdown, .header-v4 .header .search .uk-dropdown {
background: url("../images/header/background-header-v1.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.header-v1 .header .search .uk-dropdown form, .header-v2 .header .search .uk-dropdown form, .header-v3 .header .search .uk-dropdown form, .header-v5 .header .search .uk-dropdown form, .header-v4 .header .search .uk-dropdown form {
line-height: 40px; }
.header-v1 .header .search .uk-dropdown form input, .header-v2 .header .search .uk-dropdown form input, .header-v3 .header .search .uk-dropdown form input, .header-v5 .header .search .uk-dropdown form input, .header-v4 .header .search .uk-dropdown form input {
width: 100%;
font-size: 14px;
font-family: 'Titillium Web', sans-serif;
outline: none; }
.header-v1 .header .search .uk-dropdown form input:focus, .header-v2 .header .search .uk-dropdown form input:focus, .header-v3 .header .search .uk-dropdown form input:focus, .header-v5 .header .search .uk-dropdown form input:focus, .header-v4 .header .search .uk-dropdown form input:focus {
background: #ffffff;
border: 1px solid #0f2d69; }
.mobile-logo {
height: 60px;
line-height: 60px;
display: flex;
align-items: center;
float: left; }
.mobile-logo a {
display: inline-block; }
.mobile-logo a img {
display: block; }
.mobile-menu {
display: none;
position: relative;
z-index: 999; }
.mobile-menu .nav-holder > ul > li {
border-top: 1px solid #e9e9ea; }
.mobile-menu .nav-holder > ul > li > a {
background: url("../images/header/background-header-v1.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: block;
color: #1b2725;
padding: 5px 15px;
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
line-height: 40px;
font-weight: 600; }
.mobile-menu .nav-holder > ul > li > a button {
border: none;
color: #000000;
background: url("../images/header/background-header-v1.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
right: 8px;
width: 30px;
height: auto;
cursor: pointer;
z-index: 999; }
.mobile-menu .nav-holder > ul > li > a button:focus {
outline: none; }
.mobile-menu .nav-holder > ul > li > a button span {
font-size: 12px; }
.mobile-menu .nav-holder > ul > li ul.submenu {
background: #f9f8f8;
display: none; }
.mobile-menu .nav-holder > ul > li ul.submenu li {
display: block;
border-top: 1px solid #dbdbdb; }
.mobile-menu .nav-holder > ul > li ul.submenu li > a {
display: block;
line-height: 40px;
padding: 5px 40px;
color: #000000; }
.mobile-menu .nav-holder > ul > li ul.submenu li > a span {
padding-right: 5px; }
.toggle-icon {
display: none; }
.toggle-icon a {
display: inline;
font-size: 14px;
color: #1b2725;
padding-right: 0 !important;
border-right: none !important; }
/*----------------------
Header V2
------------------------*/
.header-v2.uk-active .header .logo, .uk-active.header-v3 .header .logo, .uk-active.header-v5 .header .logo {
height: 60px; }
.header-v2.uk-active .header .search, .uk-active.header-v3 .header .search, .uk-active.header-v5 .header .search {
height: 60px;
line-height: 60px; }
.header-v2.uk-active .header .brick-button, .uk-active.header-v3 .header .brick-button, .uk-active.header-v5 .header .brick-button {
height: 60px;
line-height: 60px; }
.header-v2.uk-active .header .menu-primary ul.main-menu li a, .uk-active.header-v3 .header .menu-primary ul.main-menu li a, .uk-active.header-v5 .header .menu-primary ul.main-menu li a {
line-height: 60px;
height: 60px; }
.header-v2 .header, .header-v3 .header, .header-v5 .header {
background: #ffffff; }
.header-v2 .header .logo, .header-v3 .header .logo, .header-v5 .header .logo {
height: 125px;
float: left; }
.header-v2 .header .logo a img, .header-v3 .header .logo a img, .header-v5 .header .logo a img {
display: block; }
.header-v2 .header .search, .header-v3 .header .search, .header-v5 .header .search {
height: 125px;
line-height: 125px;
float: right; }
.header-v2 .header .search a.cart-icon, .header-v3 .header .search a.cart-icon, .header-v5 .header .search a.cart-icon {
padding-right: 30px; }
.header-v2 .header .search a.search-icon, .header-v3 .header .search a.search-icon, .header-v5 .header .search a.search-icon {
border-left: 1px solid #c5cccc;
padding-left: 30px; }
.header-v2 .header .search .uk-dropdown, .header-v3 .header .search .uk-dropdown, .header-v5 .header .search .uk-dropdown {
background: #ffffff; }
.header-v2 .header .search .uk-dropdown form input:focus, .header-v3 .header .search .uk-dropdown form input:focus, .header-v5 .header .search .uk-dropdown form input:focus {
background: #ffffff;
border: 1px solid #056163; }
.header-v2 .header .brick-button, .header-v3 .header .brick-button, .header-v5 .header .brick-button {
width: 15%;
height: 125px;
line-height: 125px;
float: right;
text-align: right; }
.header-v2 .header .brick-button h3, .header-v3 .header .brick-button h3, .header-v5 .header .brick-button h3 {
background: #0ba2a5; }
.header-v2 .header .brick-button h3:hover, .header-v3 .header .brick-button h3:hover, .header-v5 .header .brick-button h3:hover {
background: transparent;
border: 2px solid #0ba2a5;
color: #0ba2a5; }
.header-v2 .header .menu-primary, .header-v3 .header .menu-primary, .header-v5 .header .menu-primary {
float: right; }
.header-v2 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5:before, .header-v3 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5:before, .header-v5 .header .menu-primary ul.main-menu li.mega-menu .uk-dropdown .submenu .submenu-title h5:before {
background: #056163; }
.header-v2 .header .menu-primary ul.main-menu li a, .header-v3 .header .menu-primary ul.main-menu li a, .header-v5 .header .menu-primary ul.main-menu li a {
line-height: 125px;
height: 125px; }
.header-v2 .header .menu-primary ul.main-menu li .uk-dropdown, .header-v3 .header .menu-primary ul.main-menu li .uk-dropdown, .header-v5 .header .menu-primary ul.main-menu li .uk-dropdown {
background: #ffffff;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); }
.header-v2 .header .menu-primary ul.main-menu li .uk-dropdown:before, .header-v3 .header .menu-primary ul.main-menu li .uk-dropdown:before, .header-v5 .header .menu-primary ul.main-menu li .uk-dropdown:before {
border-bottom: 5px solid #056163; }
.header-v2 .header .menu-primary ul.main-menu li .uk-dropdown:after, .header-v3 .header .menu-primary ul.main-menu li .uk-dropdown:after, .header-v5 .header .menu-primary ul.main-menu li .uk-dropdown:after {
background: #056163; }
.header-v2 .mobile-menu .nav-holder > ul > li, .header-v3 .mobile-menu .nav-holder > ul > li, .header-v5 .mobile-menu .nav-holder > ul > li {
border-top: 1px solid #e9e9ea; }
.header-v2 .mobile-menu .nav-holder > ul > li > a, .header-v3 .mobile-menu .nav-holder > ul > li > a, .header-v5 .mobile-menu .nav-holder > ul > li > a {
background: #ffffff; }
.header-v2 .mobile-menu .nav-holder > ul > li > a button, .header-v3 .mobile-menu .nav-holder > ul > li > a button, .header-v5 .mobile-menu .nav-holder > ul > li > a button {
background: #ffffff; }
/*----------------------
Header V3
------------------------*/
.header-v3 {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 999; }
.header-v3.uk-active .header {
background: #ffffff; }
.header-v3.uk-active .header .menu-primary ul.main-menu {
margin-top: 0; }
.header-v3 .header {
background: transparent; }
.header-v3 .header .menu-primary ul.main-menu {
margin-top: 33px; }
.header-v3 .header .menu-primary ul.main-menu li a {
height: 60px;
line-height: 60px; }
/*----------------------
Header V4
------------------------*/
.header-v4 .top-bar .brick-flex-box {
justify-content: center; }
.header-v4 .top-bar .logo a img {
margin-left: auto;
margin-right: auto; }
.header-v4 .header .menu-primary {
float: none;
display: flex;
justify-content: center; }
.header-v4 .header .search {
display: none; }
/*----------------------
Header V5
------------------------*/
.header-v5 .top-bar {
border-bottom: none;
background: #f4f4f4;
height: 40px;
line-height: 40px; }
.header-v5 .top-bar .social {
float: left; }
.header-v5 .top-bar .social li {
padding-right: 18px;
display: inline-block; }
.header-v5 .top-bar .social li a {
font-size: 14px;
color: #4e5453; }
.header-v5 .top-bar .contact-info {
float: right; }
.header-v5 .top-bar .contact-info li {
display: inline-block;
padding-left: 55px; }
.header-v5 .top-bar .contact-info li p {
color: #4e5453;
font-size: 14px; }
.header-v5 .top-bar .contact-info li p span {
color: #4e5453;
font-size: 14px;
padding-right: 12px; }
.header-v5 .header .logo {
height: 110px; }
.header-v5 .header .search {
height: 110px;
line-height: 110px; }
.header-v5 .header .menu-primary ul.main-menu li a {
line-height: 110px;
height: 110px; }
/*----------------------
Footer
------------------------*/
/*
Footer V1
*/
.footer-v1 .footer, .footer-v2 .footer, .footer-v3 .footer {
padding: 50px 0;
background: #1e1f1f; }
.footer-v1 .footer .box .box-logo, .footer-v2 .footer .box .box-logo, .footer-v3 .footer .box .box-logo {
margin-bottom: 25px; }
.footer-v1 .footer .box .box-logo a, .footer-v2 .footer .box .box-logo a, .footer-v3 .footer .box .box-logo a {
display: inline-block; }
.footer-v1 .footer .box .box-logo a img, .footer-v2 .footer .box .box-logo a img, .footer-v3 .footer .box .box-logo a img {
display: block; }
.footer-v1 .footer .box .box-content .box-content-p p, .footer-v2 .footer .box .box-content .box-content-p p, .footer-v3 .footer .box .box-content .box-content-p p {
font-size: 14px;
color: #dcddde;
padding-bottom: 14px;
font-weight: 400; }
.footer-v1 .footer .box .box-content .box-content-social li, .footer-v2 .footer .box .box-content .box-content-social li, .footer-v3 .footer .box .box-content .box-content-social li {
display: inline-block;
padding-right: 18px; }
.footer-v1 .footer .box .box-content .box-content-social li a, .footer-v2 .footer .box .box-content .box-content-social li a, .footer-v3 .footer .box .box-content .box-content-social li a {
font-size: 14px;
color: #4e5453; }
.footer-v1 .footer .box .box-content .box-content-contact li p, .footer-v2 .footer .box .box-content .box-content-contact li p, .footer-v3 .footer .box .box-content .box-content-contact li p {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #dcddde;
font-weight: 400; }
.footer-v1 .footer .box .box-content .box-content-contact li span, .footer-v2 .footer .box .box-content .box-content-contact li span, .footer-v3 .footer .box .box-content .box-content-contact li span {
font-size: 14px;
padding-right: 14px; }
.footer-v1 .footer .box .box-content .box-content-office li, .footer-v2 .footer .box .box-content .box-content-office li, .footer-v3 .footer .box .box-content .box-content-office li {
padding-bottom: 10px;
align-items: flex-start;
display: flex; }
.footer-v1 .footer .box .box-content .box-content-office li p, .footer-v2 .footer .box .box-content .box-content-office li p, .footer-v3 .footer .box .box-content .box-content-office li p {
flex: 1 1 0px;
-ms-flex: 1 1 0px;
font-family: 'Quicksand', sans-serif;
color: #dcddde;
font-size: 14px;
font-weight: 400; }
.footer-v1 .footer .box .box-content .box-content-office li a, .footer-v2 .footer .box .box-content .box-content-office li a, .footer-v3 .footer .box .box-content .box-content-office li a {
display: flex;
align-items: flex-start;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
color: #dcddde;
font-weight: 400; }
.footer-v1 .footer .box .box-content .box-content-office li span, .footer-v2 .footer .box .box-content .box-content-office li span, .footer-v3 .footer .box .box-content .box-content-office li span {
margin-top: 6px;
color: #dcddde;
padding-right: 14px;
font-size: 14px;
min-width: 28px; }
.footer-v1 .footer .box .box-title h3, .footer-v2 .footer .box .box-title h3, .footer-v3 .footer .box .box-title h3 {
padding-top: 16px;
padding-bottom: 25px;
font-size: 20px;
color: #dcddde;
font-weight: 700; }
.footer-v1 .copyright, .footer-v2 .copyright, .footer-v3 .copyright {
text-align: center;
padding: 0 15px;
height: 55px;
line-height: 55px; }
.footer-v1 .copyright p, .footer-v2 .copyright p, .footer-v3 .copyright p {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #ffffff;
font-weight: 400; }
.footer-v1 .copyright p span, .footer-v2 .copyright p span, .footer-v3 .copyright p span {
color: #c2b4b4; }
/*
Footer V2
*/
.footer-v2 .footer .box {
text-align: center; }
.footer-v2 .footer .box .box-content .box-content-p p {
padding: 0 300px 25px 300px; }
.footer-v2 .footer .box .box-content .box-content-social li {
padding: 0 19px; }
.footer-v2 .footer .box .box-content .box-content-social li a {
font-size: 24px; }
.footer-v2 .copyright {
background: #1b2725; }
.footer-v2 .copyright p span {
color: #02c8ad; }
/*
Footer V3
*/
.footer-v3 .footer {
background: #232f2d; }
.footer-v3 .copyright p span {
color: #02c8ad; }
/*----------------------
Home One
------------------------*/
/*
Slider Home One
*/
.slider-home-one .banner-caption-h3 {
font-family: 'Titillium Web', sans-serif;
font-size: 40px;
line-height: 40px;
color: #b7bed0;
padding: 6px 0;
font-weight: 700;
text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
.slider-home-one .banner-caption-h3:before, .slider-home-one .banner-caption-h3:after {
content: '';
width: 100%;
height: 1px;
background: #dcddde;
position: absolute;
right: 0;
left: 0; }
.slider-home-one .banner-caption-h3:before {
top: 0; }
.slider-home-one .banner-caption-h3:after {
bottom: 0; }
.slider-home-one .banner-caption-h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 108px;
line-height: 100px;
color: #ffffff;
font-weight: 700;
text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
.slider-home-one .banner-caption-p {
font-family: 'Qicksand', sans-serif;
font-size: 16px;
color: #fff;
font-weight: 400;
font-weight: bold;
text-shadow: 2px 2px #040404;
}
.slider-home-one .banner-caption-button {
line-height: 36px; }
.slider-home-one .banner-caption-button a {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
color: #ffffff;
background: #0f2d69;
line-height: 36px;
border: 2px solid #0f2d69;
border-radius: 40px;
padding: 0 35px;
font-weight: 600; }
/*
Our Services
*/
.our-services .box {
padding: 50px 25px;
background: #fafafa;
border: 5px solid #f1f1f1;
text-align: center;
transition: all .5s ease; }
.our-services .box:hover {
border: 5px solid;
box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
transition: all .5s ease; }
.our-services .box .box-icon span {
font-size: 48px;
padding-bottom: 28px; }
.our-services .box .box-title-h3 a h3 {
display: inline-block;
font-size: 20px;
color: #4e5453;
padding-bottom: 15px;
font-weight: 700; }
.our-services .box .box-content-p p {
font-size: 12px;
color: #4e5453;
font-weight: 400; }
/*
The Best Award
*/
.the-best-award {
background: #f8f8f8; }
.the-best-award.set-padding {
padding-bottom: 65px; }
.the-best-award .arc-title {
text-align: left;
padding-bottom: 75px; }
.the-best-award .box {
padding-bottom: 40px; }
.the-best-award .box .box-meta span {
font-size: 12px;
line-height: 20px;
font-weight: 700; }
.the-best-award .box .box-title-h3 a h3 {
display: inline-block;
font-size: 24px;
color: #4e5453;
padding-bottom: 14px;
font-weight: 700; }
.the-best-award .box .box-content-p p {
font-size: 14px;
color: #4e5453;
font-weight: 400; }
/*
Build The Dreams
*/
.build-the-dreams .box-img img, .build-your-dreams .box-img img {
display: block;
width: 100%;
height: auto; }
.build-the-dreams .brick-flex-box, .build-your-dreams .brick-flex-box {
background: #202222; }
.build-the-dreams .brick-flex-box .box-padding .box, .build-your-dreams .brick-flex-box .box-padding .box {
display: flex;
padding: 26px 15px 26px 85px; }
.build-the-dreams .brick-flex-box .box-padding .box .box-icon, .build-your-dreams .brick-flex-box .box-padding .box .box-icon {
min-width: 77px;
padding-right: 34px; }
.build-the-dreams .brick-flex-box .box-padding .box .box-icon span, .build-your-dreams .brick-flex-box .box-padding .box .box-icon span {
font-size: 36px; }
.build-the-dreams .brick-flex-box .box-padding .box .box-text, .build-your-dreams .brick-flex-box .box-padding .box .box-text {
flex: 1 1 0px;
-ms-flex: 1 1 0px; }
.build-the-dreams .brick-flex-box .box-padding .box .box-text .box-text-title-h3 h3, .build-your-dreams .brick-flex-box .box-padding .box .box-text .box-text-title-h3 h3 {
display: inline-block;
font-size: 25px;
color: #ffffff;
padding-bottom: 17px;
text-transform: uppercase;
font-weight: 700; }
.build-the-dreams .brick-flex-box .box-padding .box .box-text .box-text-content-p p, .build-your-dreams .brick-flex-box .box-padding .box .box-text .box-text-content-p p {
font-size: 16px;
color: #f8f8f8;
font-weight: 400; }
/*
Our Works
*/
.our-works.set-padding {
padding-bottom: 0; }
.our-works .brick-title {
padding-bottom: 70px; }
.our-works .our-works-slick .our-works-slick-menu {
margin-bottom: 40px; }
.our-works .our-works-slick .our-works-slick-menu ul {
text-align: center; }
.our-works .our-works-slick .our-works-slick-menu ul li {
display: inline-block;
padding: 0 18px; }
.our-works .our-works-slick .our-works-slick-menu ul li:hover a, .our-works .our-works-slick .our-works-slick-menu ul li.active a {
color: #ffffff;
transition: all .5s ease; }
.our-works .our-works-slick .our-works-slick-menu ul li a {
display: block;
font-size: 14px;
color: #1b2725;
padding: 0 10px;
font-weight: 700;
transition: all .5s ease; }
.our-works .our-works-slick-img ul li {
outline: none; }
.our-works .our-works-slick-img ul li .box {
overflow: hidden;
position: relative; }
.our-works .our-works-slick-img ul li .box:hover .brick-flex-box {
top: 0;
bottom: 0;
transition: all .5s ease; }
.our-works .our-works-slick-img ul li .box .box-img img {
display: block;
width: 100%;
height: auto; }
.our-works .our-works-slick-img ul li .box .brick-flex-box {
background: rgba(0, 0, 0, 0.8);
padding: 15px;
align-items: flex-end;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: -100%;
right: 0;
bottom: auto;
left: 0;
transition: all .5s ease; }
.our-works .our-works-slick-img ul li .box .brick-flex-box .box-text-overlay {
padding-bottom: 85px; }
.our-works .our-works-slick-img ul li .box .brick-flex-box .box-text-overlay .box-text-overlay-span span {
display: inline-block;
padding-bottom: 6px;
font-family: 'Quicksand', sans-serif;
font-size: 12px;
color: #1b2725;
line-height: 17px;
padding: 0 8px;
font-weight: 500; }
.our-works .our-works-slick-img ul li .box .brick-flex-box .box-text-overlay .box-text-overlay-h3 h3 {
display: inline-block;
padding-bottom: 16px;
font-size: 24px;
color: #ffffff;
font-weight: 700; }
.our-works .our-works-slick-img ul li .box .brick-flex-box .box-text-overlay .box-text-overlay-p p {
padding: 0 50px;
font-size: 14px;
color: #f8f8f8;
font-weight: 400; }
/*
Happy Clients Say
*/
.clients-say ul li {
padding: 0 15px;
outline: none; }
.clients-say ul li .box {
padding-left: 55px;
position: relative; }
.clients-say ul li .box .box-img {
border-radius: 50%;
overflow: hidden;
position: absolute;
left: 0;
top: 43px; }
.clients-say ul li .box .box-img img {
display: block;
border-radius: 50%; }
.clients-say ul li .box .box-content {
padding: 40px 30px 45px 85px;
background: #f8f8f8; }
.clients-say ul li .box .box-content .box-content-p p {
padding-bottom: 20px;
font-size: 16px;
color: #1b2725;
font-weight: 400; }
.clients-say ul li .box .box-content .box-content-h3 h3 {
display: inline-block;
font-family: 'Quicksand', sans-serif;
font-size: 20px;
color: #1b2725;
font-weight: 700; }
.clients-say ul li .box .box-content .box-content-span {
line-height: 15px; }
.clients-say ul li .box .box-content .box-content-span span {
font-family: 'Quicksand', sans-serif;
font-size: 12px;
font-weight: 500; }
/*
Carousel
*/
.carousel, .carousel-v2 {
padding: 56px 0; }
.carousel ul li:hover .box-img img, .carousel-v2 ul li:hover .box-img img, .carousel ul li.uk-active .box-img img, .carousel-v2 ul li.uk-active .box-img img {
opacity: 1; }
.carousel ul li .box-img img, .carousel-v2 ul li .box-img img {
margin: 0 auto;
display: block;
opacity: .15; }
/*
Latest News
*/
.latest-news .box .box-img, .blog-detail .box .box-img {
overflow: hidden;
margin-bottom: 23px; }
.latest-news .box .box-img:hover img, .blog-detail .box .box-img:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all .5s ease; }
.latest-news .box .box-img img, .blog-detail .box .box-img img {
display: block;
width: 100%;
height: auto;
transition: all .5s ease; }
.latest-news .box .box-content .box-content-title h3, .blog-detail .box .box-content .box-content-title h3 {
padding-bottom: 9px;
font-size: 22px;
color: #1b2725;
font-weight: 700; }
.latest-news .box .box-content .box-content-meta, .blog-detail .box .box-content .box-content-meta {
padding-bottom: 12px; }
.latest-news .box .box-content .box-content-meta i, .blog-detail .box .box-content .box-content-meta i {
padding-right: 15px;
font-family: 'Quicksand', sans-serif;
font-size: 12px;
color: #a3a6a5;
border-right: 1px solid #a3a6a5;
font-weight: 400; }
.latest-news .box .box-content .box-content-meta span, .blog-detail .box .box-content .box-content-meta span {
padding-left: 15px;
font-family: 'Quicksand', sans-serif;
font-size: 12px;
font-weight: 500; }
.latest-news .box .box-content .box-content-p p, .blog-detail .box .box-content .box-content-p p {
font-size: 14px;
color: #4e5453;
font-weight: 400; }
/*
Get Free Quocte
*/
.get-free-quote {
text-align: center;
padding: 70px 0;
background: url("../images/index-1/get-free-quote.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.get-free-quote .title-h3 h3 {
margin-bottom: 44px;
font-size: 36px;
color: #ffffff;
font-weight: 700; }
.get-free-quote .get-quote-form form .uk-form-icon {
width: 50%; }
.get-free-quote .get-quote-form form .uk-form-icon i {
font-size: 14px;
color: #1b2725;
position: absolute;
right: 35px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.get-free-quote .get-quote-form form .uk-form-icon input {
font-family: 'Quicksand', sans-serif;
font-size: 14px;
outline: none;
height: 40px;
line-height: 40px;
padding: 5px 55px 5px 35px;
border-radius: 40px;
border: none;
color: #ffffff;
font-weight: 400; }
.get-free-quote .get-quote-form form .uk-form-icon input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6); }
.get-free-quote .get-quote-form form .uk-form-icon input:-moz-placeholder {
color: rgba(255, 255, 255, 0.6); }
.get-free-quote .get-quote-form form .uk-form-icon input::-moz-placeholder {
color: rgba(255, 255, 255, 0.6); }
.get-free-quote .get-quote-form form .uk-form-icon input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6) !important; }
.get-free-quote .get-quote-form form .uk-form-icon input:focus {
color: #ffffff; }
/*----------------------
Home Two
------------------------*/
/*
Slider Home Two
*/
.slider-home-two .banner-caption-h3 {
font-family: 'Titillium Web', sans-serif;
font-size: 30px;
line-height: 35px;
color: #ffffff;
font-weight: 400; }
.slider-home-two .banner-caption-h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 72px;
line-height: 75px;
color: #ffffff;
font-weight: 700; }
.slider-home-two .banner-caption-p {
font-family: 'Qicksand', sans-serif;
font-size: 24px;
color: #ffffff;
font-weight: 400; }
.slider-home-two .banner-caption-button {
line-height: 36px; }
.slider-home-two .banner-caption-button a {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
color: #ffffff;
background: #056163;
line-height: 36px;
border: 2px solid #056163;
padding: 0 22px;
font-weight: 600; }
.slider-home-two .banner-caption-button a:hover {
background: transparent; }
/*
We Are Brick
*/
.we-are-brick .box .box-title h3, .see-our-work .box .box-title h3 {
padding-bottom: 27px;
font-size: 33px;
line-height: 35px;
color: #1b2725;
font-weight: 700; }
.we-are-brick .box .box-content, .see-our-work .box .box-content {
padding-right: 100px; }
.we-are-brick .box .box-content strong, .see-our-work .box .box-content strong {
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
color: #4e5453;
font-weight: 700; }
.we-are-brick .box .box-content p, .see-our-work .box .box-content p {
padding-top: 10px;
padding-bottom: 43px;
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
color: #4e5453;
font-weight: 400; }
.we-are-brick .box .box-go-brick a h3, .see-our-work .box .box-go-brick a h3 {
display: inline-block;
font-size: 16px;
font-weight: 700;
position: relative; }
.we-are-brick .box .box-go-brick a h3:hover, .see-our-work .box .box-go-brick a h3:hover {
color: #0ba2a5 !important; }
.we-are-brick .box .box-go-brick a h3:hover:before, .see-our-work .box .box-go-brick a h3:hover:before {
background: #0ba2a5; }
.we-are-brick .box .box-go-brick a h3:before, .see-our-work .box .box-go-brick a h3:before {
content: '';
width: 100%;
height: 1px;
background: #056163;
position: absolute;
left: 0;
right: 0;
bottom: 0; }
.we-are-brick .videos .box-img, .see-our-work .videos .box-img {
position: relative;
border-radius: 5px;
overflow: hidden; }
.we-are-brick .videos .box-img img, .see-our-work .videos .box-img img {
display: block;
width: 100%;
border-radius: 5px; }
.we-are-brick .videos .box-img span, .see-our-work .videos .box-img span {
font-size: 50px;
color: #ffffff;
opacity: .5;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
/*
The Brick
*/
.the-brick .count-to-number, .countto-number .count-to-number {
padding: 37px 0;
border-top: 1px solid #dcddde; }
.the-brick .count-to-number .box, .countto-number .count-to-number .box {
text-align: center; }
.the-brick .count-to-number .box .box-number h3, .countto-number .count-to-number .box .box-number h3 {
font-size: 48px;
color: #1b2725;
line-height: 45px;
font-weight: 700; }
.the-brick .count-to-number .box .box-number p, .countto-number .count-to-number .box .box-number p {
font-size: 14px;
color: #4e5453;
font-weight: 400; }
.the-brick .the-brick-content, .countto-number .the-brick-content {
margin: 0 35px;
position: relative; }
.the-brick .the-brick-content .box-img img, .countto-number .the-brick-content .box-img img {
display: block;
width: 100%; }
.the-brick .the-brick-content .brick-flex-box, .countto-number .the-brick-content .brick-flex-box {
align-items: flex-end;
justify-content: flex-end;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute; }
.the-brick .the-brick-content .brick-flex-box .box-content, .countto-number .the-brick-content .brick-flex-box .box-content {
padding-bottom: 95px;
padding-right: 180px;
text-align: right; }
.the-brick .the-brick-content .brick-flex-box .box-content h1, .countto-number .the-brick-content .brick-flex-box .box-content h1 {
padding-bottom: 11px;
font-size: 150px;
line-height: 150px;
opacity: .5;
font-weight: 700; }
.the-brick .the-brick-content .brick-flex-box .box-content h3, .countto-number .the-brick-content .brick-flex-box .box-content h3 {
font-size: 33px;
line-height: 35px;
color: #dcddde;
font-weight: 400; }
.the-brick .the-brick-content .brick-flex-box .box-content h5, .countto-number .the-brick-content .brick-flex-box .box-content h5 {
font-size: 33px;
line-height: 35px;
color: #ffffff;
font-weight: 700; }
/*
Our Services V2
*/
.our-services-v2 .box, .our-services-v3 .box {
margin-bottom: 55px;
align-items: flex-start;
display: flex; }
.our-services-v2 .box .box-icon, .our-services-v3 .box .box-icon {
padding-right: 20px; }
.our-services-v2 .box .box-icon .flaticon, .our-services-v3 .box .box-icon .flaticon {
display: block; }
.our-services-v2 .box .box-icon .flaticon:before, .our-services-v3 .box .box-icon .flaticon:before {
color: #1b2725;
font-size: 35px;
margin-left: 0; }
.our-services-v2 .box .box-icon .flaticon.flaticon-concrete-mixer, .our-services-v3 .box .box-icon .flaticon.flaticon-concrete-mixer {
margin-top: 3px; }
.our-services-v2 .box .box-icon .flaticon.flaticon-crane, .our-services-v3 .box .box-icon .flaticon.flaticon-crane {
margin-top: 9px; }
.our-services-v2 .box .box-icon .flaticon.flaticon-compass, .our-services-v3 .box .box-icon .flaticon.flaticon-compass {
margin-top: 9px; }
.our-services-v2 .box .box-icon .flaticon.flaticon-paint-brush, .our-services-v3 .box .box-icon .flaticon.flaticon-paint-brush {
margin-top: 9px; }
.our-services-v2 .box .box-icon .flaticon.flaticon-set-square, .our-services-v3 .box .box-icon .flaticon.flaticon-set-square {
margin-top: 7px; }
.our-services-v2 .box .box-icon .flaticon.flaticon-truck, .our-services-v3 .box .box-icon .flaticon.flaticon-truck {
margin-top: 3px; }
.our-services-v2 .box .box-content, .our-services-v3 .box .box-content {
flex: 1 1 0px;
-ms-flex: 1 1 0px; }
.our-services-v2 .box .box-content .box-content-h3 h3, .our-services-v3 .box .box-content .box-content-h3 h3 {
display: inline-block;
padding-bottom: 15px;
font-size: 25px;
color: #1b2725;
font-weight: 600; }
.our-services-v2 .box .box-content .box-content-p p, .our-services-v3 .box .box-content .box-content-p p {
font-size: 14px;
color: #4e5453 !important;
font-weight: 400; }
/*
Testimonial
*/
.testimonial {
background: #1b2725;
padding: 95px 0 85px 0; }
.testimonial ul li .box {
text-align: center; }
.testimonial ul li .box h3 {
font-size: 20px;
color: #ffffff;
text-transform: uppercase;
line-height: 32px;
padding: 0 100px 19px 100px;
opacity: .5;
font-weight: 600; }
.testimonial ul li .box i {
display: block;
font-size: 48px;
color: #ffffff;
opacity: .1; }
.testimonial ul li .box p {
display: inline-block;
padding-top: 25px;
padding-bottom: 3px;
font-size: 24px;
color: #ffffff;
font-weight: 700; }
.testimonial ul li .box p:hover {
color: #0ba2a5; }
.testimonial ul li .box span {
display: block;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
color: #0ba2a5;
font-weight: 400; }
/*
Portfolio
*/
.portfolio .box {
overflow: hidden;
position: relative; }
.portfolio .box:hover .brick-flex-box {
top: 0;
bottom: 0;
transition: all .5s ease; }
.portfolio .box .box-img img {
display: block;
width: 100%;
height: auto; }
.portfolio .box .brick-flex-box {
width: 100%;
height: 100%;
align-items: flex-end;
justify-content: flex-start;
opacity: .8;
top: -100%;
right: 0;
bottom: auto;
left: 0;
position: absolute;
transition: all .5s ease; }
.portfolio .box .brick-flex-box .box-text-overlay {
padding-left: 24px;
padding-bottom: 11px; }
.portfolio .box .brick-flex-box .box-text-overlay h3 {
font-size: 19px;
color: #ffffff;
font-weight: 700; }
.portfolio .box .brick-flex-box .box-text-overlay h3:hover {
color: #0ba2a5; }
.portfolio .box .brick-flex-box .box-text-overlay p {
font-size: 10px;
color: #dcddde;
font-weight: 400; }
/*
Meet Our Team
*/
.meet-our-team .box .box-img img {
display: block;
width: 100%;
height: auto; }
.meet-our-team .box .box-team-member {
padding: 13px 0;
text-align: center; }
.meet-our-team .box .box-team-member h3 {
display: inline-block;
font-family: 'Quicksand', sans-serif;
font-size: 22px;
color: #ffffff;
font-weight: 700; }
.meet-our-team .box .box-team-member h3:hover {
color: #0ba2a5; }
.meet-our-team .box .box-team-member p {
font-size: 14px;
color: #dcddde;
font-weight: 300; }
/*
We Make Beauty
*/
.we-make-beauty {
padding: 65px 0;
background: url("../images/index-2/we-make-beauty.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.we-make-beauty .box .box-text {
float: left; }
.we-make-beauty .box .box-text h3 {
padding-bottom: 5px;
font-size: 48px;
line-height: 45px;
color: #ffffff;
font-weight: 600; }
.we-make-beauty .box .box-text p {
font-family: 'Titillium Web', sans-serif;
font-size: 19px;
color: #dcddde;
font-weight: 300; }
.we-make-beauty .box .brick-button {
margin-top: 7px;
margin-right: 200px;
float: right; }
.we-make-beauty .box .brick-button h3 {
background: #0ba2a5;
border: 2px solid #0ba2a5; }
.we-make-beauty .box .brick-button:hover h3 {
background: transparent;
color: #0ba2a5; }
/*
Latest News
*/
.latest-news-v2 ul li .box .box-img, .latest-news-v3 ul li .box .box-img {
overflow: hidden;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px; }
.latest-news-v2 ul li .box .box-img:hover img, .latest-news-v3 ul li .box .box-img:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all .5s ease; }
.latest-news-v2 ul li .box .box-img img, .latest-news-v3 ul li .box .box-img img {
display: block;
width: 100%;
height: auto;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
transition: all .5s ease; }
.latest-news-v2 ul li .box .box-content .box-content-p p, .latest-news-v3 ul li .box .box-content .box-content-p p {
padding-top: 22px;
font-family: 'Quicksand', sans-serif;
font-size: 12px;
font-weight: 600; }
.latest-news-v2 ul li .box .box-content .box-content-title h3, .latest-news-v3 ul li .box .box-content .box-content-title h3 {
font-size: 19px;
color: #1b2725;
font-weight: 700; }
/*
Carousel
*/
.carousel-v2 {
background: #ffffff;
padding-top: 0; }
/*----------------------
Home Three
------------------------*/
/*
Slider Home Three
*/
.slider-home-three .banner-caption-form {
width: 400px; }
.slider-home-three .banner-caption-form .box {
text-align: center;
background: #202524;
padding: 50px; }
.slider-home-three .banner-caption-form .box .box-title h3 {
line-height: 26px;
padding-bottom: 15px;
font-size: 24px;
color: #ffffff;
font-weight: 700; }
.slider-home-three .banner-caption-form .box .box-text p {
line-height: 26px;
padding-bottom: 35px;
font-size: 14px;
color: #f8f8f8;
font-weight: 400; }
.slider-home-three .banner-caption-form .box form input, .slider-home-three .banner-caption-form .box form textarea {
font-size: 14px;
line-height: 40px;
outline: none;
width: 100%;
padding: 5px 30px;
background: #cdcece;
display: block;
color: #000000; }
.slider-home-three .banner-caption-form .box form input::-webkit-input-placeholder, .slider-home-three .banner-caption-form .box form textarea::-webkit-input-placeholder {
font-family: 'Quicksand', sans-serif;
opacity: 1;
color: #1e1f1f; }
.slider-home-three .banner-caption-form .box form input:-moz-placeholder, .slider-home-three .banner-caption-form .box form textarea:-moz-placeholder {
font-family: 'Quicksand', sans-serif;
opacity: 1;
color: #1e1f1f; }
.slider-home-three .banner-caption-form .box form input::-moz-placeholder, .slider-home-three .banner-caption-form .box form textarea::-moz-placeholder {
font-family: 'Quicksand', sans-serif;
opacity: 1;
color: #1e1f1f; }
.slider-home-three .banner-caption-form .box form input:-ms-input-placeholder, .slider-home-three .banner-caption-form .box form textarea:-ms-input-placeholder {
font-family: 'Quicksand', sans-serif;
opacity: 1;
color: #1e1f1f !important; }
.slider-home-three .banner-caption-form .box form input {
height: 40px;
border-radius: 40px;
margin-bottom: 25px; }
.slider-home-three .banner-caption-form .box form textarea {
border-radius: 20px;
margin-bottom: 35px; }
.slider-home-three .banner-caption-form .box form .brick-button a {
display: inline-block;
border-radius: 40px;
background: #0f2d69; }
.slider-home-three .banner-caption-form .box form .brick-button a:hover {
background: transparent; }
.slider-home-three .banner-caption-form .box form .brick-button h3 {
line-height: 40px !important; }
/*
Count To Number
*/
.countto-number .count-to-number {
padding: 51px 0;
border-top: none; }
.countto-number .count-to-number .box .box-number h3 {
padding-bottom: 7px;
font-weight: 700; }
.countto-number .count-to-number .box .box-number p {
font-size: 16px; }
/*
Our Services V3
*/
/*
See Our Work
*/
.see-our-work {
background: #202222; }
.see-our-work.set-padding {
padding-bottom: 0; }
.see-our-work .box {
padding-left: 30px; }
.see-our-work .box .box-title h3 {
color: #ffffff;
font-weight: 700; }
.see-our-work .box .box-content {
padding-right: 0; }
.see-our-work .box .box-content strong {
font-size: 14px;
color: #f8f8f8; }
.see-our-work .box .box-content p {
font-size: 14px;
color: #f8f8f8; }
.see-our-work .videos {
margin-bottom: -45px;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.2); }
.see-our-work .videos .box-img {
border-radius: 0; }
.see-our-work .videos .box-img img {
border-radius: 0; }
.see-our-work .videos .box-img span {
font-size: 90px;
opacity: .9; }
/*
Recent Projects
*/
.recent-projects.set-padding {
padding-top: 52px; }
/*----------------------
Home Four
------------------------*/
/*
Slider Home Four
*/
.slider-home-four .tp-mask-wrap {
overflow: visible !important; }
.slider-home-four .banner-caption-h3 {
font-family: 'Titillium Web', sans-serif;
font-size: 60px;
line-height: 60px;
color: #1b2725;
font-weight: 300; }
.slider-home-four .banner-caption-h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 100px;
line-height: 100px;
color: #1b2725;
font-weight: 700; }
.slider-home-four .banner-caption-p {
font-family: 'Qicksand', sans-serif;
font-size: 30px;
line-height: 35px;
color: #4e5453;
font-weight: 400; }
.slider-home-four .banner-caption-button {
line-height: 36px; }
.slider-home-four .banner-caption-button a {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
color: #ffffff;
background: #0ba2a5;
line-height: 36px;
border: 2px solid #0ba2a5;
border-radius: 40px;
box-shadow: rgba(0, 0, 0, 0.54) 0 14px 24px;
padding: 0 35px;
font-weight: 600; }
.slider-home-four .banner-caption-button a:hover {
background: transparent;
color: #0ba2a5; }
/*
We Change The World
*/
.we-change-the-world .brick-flex-box {
padding: 0 100px;
background: #f4f4f4; }
.we-change-the-world .brick-flex-box .box .box-title h3 {
display: inline-block;
padding-bottom: 24px;
font-size: 33px;
line-height: 40px;
color: #1b2725;
font-weight: 700; }
.we-change-the-world .brick-flex-box .box .box-content p {
padding-bottom: 10px;
font-size: 16px;
color: #4e5453;
font-weight: 400; }
.we-change-the-world .brick-flex-box .box .box-button {
margin-top: 54px; }
.we-change-the-world .brick-flex-box .box .box-button a {
margin-right: 65px;
float: left;
display: flex;
align-items: center;
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
color: #1b2725;
font-weight: 700; }
.we-change-the-world .brick-flex-box .box .box-button a:last-child {
margin-right: 0; }
.we-change-the-world .brick-flex-box .box .box-button a span {
font-size: 43px;
padding-right: 16px; }
.we-change-the-world .box-img {
overflow: hidden; }
.we-change-the-world .box-img img {
display: block;
width: 100%;
height: auto;
transition: all .5s ease; }
.we-change-the-world .box-img img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all .5s ease; }
/*
How We Work
*/
.how-we-work.set-padding, .set-padding.step {
padding-bottom: 0; }
.how-we-work .brick-title-v4, .step .brick-title-v4 {
text-align: left; }
.how-we-work .brick-title-v4 .brick-title-h3 h3, .step .brick-title-v4 .brick-title-h3 h3 {
padding-bottom: 8px; }
.how-we-work .brick-title-v4 .brick-title-line, .step .brick-title-v4 .brick-title-line {
margin-left: 0; }
.how-we-work .box-step, .step .box-step {
padding: 52px 0;
margin-bottom: -55px;
position: relative; }
.how-we-work .box-step:before, .step .box-step:before, .how-we-work .box-step:after, .step .box-step:after {
content: '';
width: 65px;
height: 100%;
background: #056163;
position: absolute;
top: 0;
bottom: 0; }
.how-we-work .box-step:before, .step .box-step:before {
left: -65px; }
.how-we-work .box-step:after, .step .box-step:after {
right: -65px; }
.how-we-work .box-step .brick-flex-box, .step .box-step .brick-flex-box {
align-items: flex-start; }
.how-we-work .box-step .brick-flex-box .box-number h3, .step .box-step .brick-flex-box .box-number h3 {
min-width: 102px;
padding-right: 18px;
font-family: 'Quicksand', sans-serif;
font-size: 72px;
line-height: 55px;
color: #ffffff;
opacity: .1;
font-weight: 400; }
.how-we-work .box-step .brick-flex-box .box-content h3, .step .box-step .brick-flex-box .box-content h3 {
padding-bottom: 15px;
font-size: 25px;
color: #ffffff;
font-weight: 600; }
.how-we-work .box-step .brick-flex-box .box-content p, .step .box-step .brick-flex-box .box-content p {
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
color: #dcddde;
font-weight: 400; }
/*
Awesome Video
*/
.awesome-video {
padding: 195px 0;
background: url("../images/index-4/awesome-video.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.awesome-video .brick-flex-box {
justify-content: center; }
.awesome-video .brick-flex-box .box {
text-align: center; }
.awesome-video .brick-flex-box .box span {
font-size: 72px;
color: #7a7c7d;
margin-bottom: 36px; }
.awesome-video .brick-flex-box .box h3 {
padding-bottom: 10px;
font-size: 48px;
line-height: 48px;
color: #ffffff;
font-weight: 400; }
.awesome-video .brick-flex-box .box p {
font-size: 19px;
color: #dcddde;
font-weight: 400; }
/*
Our Projects
*/
.our-projects {
border-top: 1px solid #dcddde; }
.our-projects.set-padding {
padding-bottom: 0; }
/*----------------------
Home Five
------------------------*/
/*
Slider Home Five
*/
.slider-home-five .tp-mask-wrap {
overflow: visible !important; }
.slider-home-five .banner-caption-h3 {
text-align: right;
font-family: 'Titillium Web', sans-serif;
font-size: 48px;
line-height: 48px;
color: #1b2725;
font-weight: 400; }
.slider-home-five .banner-caption-h1 {
text-align: right;
font-family: 'Titillium Web', sans-serif;
font-size: 90px;
line-height: 90px;
color: #1b2725;
font-weight: 700; }
.slider-home-five .banner-caption-p {
text-align: right;
font-family: 'Qicksand', sans-serif;
font-size: 19px;
line-height: 25px;
color: #4e5453;
font-weight: 400; }
.slider-home-five .banner-caption-button {
text-align: right;
line-height: 36px; }
.slider-home-five .banner-caption-button a {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
color: #ffffff;
background: #0f2d69;
line-height: 36px;
border: 2px solid #0f2d69;
border-radius: 40px;
box-shadow: rgba(0, 0, 0, 0.54) 0 14px 24px;
padding: 0 35px;
font-weight: 600; }
.slider-home-five .banner-caption-button a:hover {
background: transparent;
color: #0f2d69; }
/*
Info
*/
.info {
margin-top: -206px;
padding-top: 50px;
padding-bottom: 104px;
position: relative;
background: rgba(0, 0, 0, 0.5); }
.info .shap-border.shap-border-top {
border-bottom: 113px solid #0f2d69;
top: auto;
bottom: 0; }
.info .box {
display: flex;
justify-content: center; }
.info .box .brick-flex-box {
margin: 0 55px;
align-items: flex-start;
flex: 1 1 0px;
-ms-flex: 1 1 0px;
float: left; }
.info .box .brick-flex-box .box-icon span {
padding-right: 17px;
font-size: 36px;
color: #ffffff; }
.info .box .brick-flex-box .box-text h5 {
font-size: 16px;
color: #ffffff;
font-weight: 700; }
.info .box .brick-flex-box .box-text p {
font-size: 12px;
color: #ffffff;
font-weight: 400; }
/*
Our Services V4
*/
.our-services-v4 {
position: relative; }
.our-services-v4 ul li .box .box-img {
margin-bottom: 35px;
overflow: hidden; }
.our-services-v4 ul li .box .box-img:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all .5s ease; }
.our-services-v4 ul li .box .box-img img {
display: block;
width: 100%;
height: auto;
transition: all .5s ease; }
.our-services-v4 ul li .box .box-content {
text-align: center; }
.our-services-v4 ul li .box .box-content .box-content-title h3 {
display: inline-block;
padding-bottom: 13px;
font-size: 25px;
line-height: 25px;
color: #1b2725;
font-weight: 700; }
.our-services-v4 ul li .box .box-content .box-content-p p {
font-size: 14px;
color: #4e5453;
font-weight: 400; }
/*
Building Your Dream
*/
.build-your-dreams {
background: #232726; }
.build-your-dreams .box-img {
position: relative;
z-index: 9; }
.build-your-dreams .box-img img {
width: auto; }
.build-your-dreams .brick-flex-box {
background: transparent; }
.build-your-dreams .brick-flex-box .box-padding .box {
padding: 26px 0; }
.build-your-dreams .brick-flex-box .box-padding .box:hover .box-icon span {
background: #0f2d69;
border: 3px solid #0f2d69;
color: #ffffff !important; }
.build-your-dreams .brick-flex-box .box-padding .box .box-icon {
min-width: inherit;
padding-right: 40px; }
.build-your-dreams .brick-flex-box .box-padding .box .box-icon span {
width: 90px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
border: 3px solid #dfdfdf;
border-radius: 50%;
font-size: 33px; }
.build-your-dreams .brick-flex-box .box-padding .box .box-text .box-text-title-h3 h3 {
text-transform: none;
font-weight: 700; }
.build-your-dreams .brick-flex-box .box-padding .box .box-text .box-text-content-p p {
font-size: 14px;
color: #dfdfdf; }
/*
Partner Companies
*/
.partner-companies {
position: relative; }
.partner-companies .uk-slider-container {
padding: 20px; }
.partner-companies ul li .box-img {
padding: 93px 0;
border-radius: 20px;
box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
background: #ffffff;
transition: all .5s ease; }
.partner-companies ul li .box-img:hover {
box-shadow: 0 0 32px rgba(0, 0, 0, 0.25);
transition: all .5s ease; }
.partner-companies ul li .box-img:hover img {
opacity: 1;
transition: all .5s ease; }
.partner-companies ul li .box-img img {
display: block;
margin: 0 auto;
opacity: .3;
transition: all .5s ease; }
/*
Recent Work
*/
.recent-work {
background: #f1f1f1; }
.recent-work ul li .box .box-img {
margin-bottom: 30px;
overflow: hidden; }
.recent-work ul li .box .box-img:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all .5s ease; }
.recent-work ul li .box .box-img img {
display: block;
width: 100%;
height: auto;
transition: all .5s ease; }
.recent-work ul li .box .box-content .box-content-title h3 {
padding-bottom: 10px;
display: inline-block;
font-size: 24px;
color: #1b2725;
font-weight: 700; }
.recent-work ul li .box .box-content .box-content-p p {
padding-bottom: 24px;
font-size: 14px;
color: #4e5453;
font-weight: 400; }
.recent-work ul li .box .box-content .box-content-p span {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 12px;
line-height: 22px;
color: #ffffff;
padding: 0 18px; }
/*
Shap Border
*/
.shap-border {
width: 0;
height: 0;
z-index: 9;
position: absolute;
right: 0;
left: 0; }
.shap-border.shap-border-top {
border-bottom: 70px solid #ffffff;
border-left: 100px solid transparent;
top: -70px; }
.shap-border.shap-border-bottom {
border-top: 70px solid #ffffff;
border-right: 100px solid transparent;
bottom: -70px; }
/*----------------------
Home Six
------------------------*/
/*
Slider Home Six
*/
.slider-home-six .tp-mask-wrap {
overflow: visible !important; }
.slider-home-six .banner-caption-h1 {
text-align: center;
font-family: 'Titillium Web', sans-serif;
font-size: 110px;
line-height: 110px;
color: #ffffff;
font-weight: 400; }
.slider-home-six .banner-caption-h1 strong {
font-weight: 700 !important;
letter-spacing: 5px !important; }
.slider-home-six .banner-caption-p {
text-align: center;
font-family: 'Qicksand', sans-serif;
font-size: 30px;
line-height: 30px;
color: #dcddde;
letter-spacing: 5px;
font-weight: 400; }
.slider-home-six .banner-caption-button {
text-align: right;
line-height: 36px; }
.slider-home-six .banner-caption-button a {
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
color: #ffffff;
line-height: 36px;
border: 2px solid #0ba2a5;
border-radius: 40px;
padding: 0 35px;
font-weight: 600; }
.slider-home-six .banner-caption-button a.quote {
box-shadow: rgba(0, 0, 0, 0.54) 0 14px 24px;
background: #0ba2a5; }
.slider-home-six .banner-caption-button a.quote:hover {
background: transparent; }
.slider-home-six .banner-caption-button a.read-more:hover {
background: #0ba2a5;
box-shadow: rgba(0, 0, 0, 0.54) 0 14px 24px; }
/*
Step
*/
.step .box-step {
background: transparent;
margin-bottom: 0; }
.step .box-step:before, .step .box-step:after {
display: none; }
.step .box-step .brick-flex-box .box-number h3 {
font-family: 'Titillium Web', sans-serif;
font-weight: 600; }
.step .box-step .brick-flex-box .box-content p {
font-family: 'Quicksand', sans-serif;
font-size: 14px; }
/*
About The Brick
*/
.about-the-brick.set-padding {
padding-bottom: 150px; }
.about-the-brick .title {
text-align: center; }
.about-the-brick .title h3 {
padding-bottom: 30px;
font-size: 33px;
color: #1b2725;
font-weight: 700; }
.about-the-brick .title p {
padding: 0 170px;
font-size: 16px;
color: #4e5453;
font-weight: 400; }
.about-the-brick .box {
display: flex;
justify-content: center;
align-items: center; }
.about-the-brick .box .box-img {
display: inline-block;
padding-top: 150px;
position: relative; }
.about-the-brick .box img {
display: block;
margin: 0 auto;
transition: all .5s ease; }
.about-the-brick .box .box-content {
text-align: center;
position: absolute; }
.about-the-brick .box .box-content.top-left {
top: 50%;
left: -45%; }
.about-the-brick .box .box-content.top-center {
top: 65px;
left: 50%;
margin-left: -150px; }
.about-the-brick .box .box-content.top-right {
top: 40%;
right: -45%; }
.about-the-brick .box .box-content.bottom-left {
bottom: -50px;
left: 5%; }
.about-the-brick .box .box-content.bottom-right {
bottom: 0;
right: -20%; }
.about-the-brick .box .box-content h3 {
padding-bottom: 10px;
font-family: 'Quicksand', sans-serif;
font-size: 20px;
line-height: 25px;
color: #4e5453;
font-weight: 700; }
.about-the-brick .box .box-content p {
font-size: 12px;
line-height: 20px;
color: #4e5453;
font-weight: 400; }
/*
Our Services
*/
.our-services-v5 {
background: url("../images/index-6/services.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.our-services-v5 .box .box-icon .flaticon:before {
color: rgba(255, 255, 255, 0.4); }
.our-services-v5 .box .box-content .box-content-h3 h3 {
color: #ffffff; }
.our-services-v5 .box .box-content .box-content-p p {
color: #dcddde !important; }
/*
Our Skills
*/
.our-skills .box {
padding-right: 70px; }
.our-skills .box h3 {
padding-bottom: 15px;
font-size: 33px;
line-height: 35px;
color: #1b2725;
font-weight: 700; }
.our-skills .box strong {
font-family: 'Quicksand', sans-serif;
font-size: 16px;
color: #4e5453;
font-weight: 700; }
.our-skills .box p {
padding-top: 11px;
padding-bottom: 44px;
font-size: 16px;
color: #4e5453;
font-weight: 400; }
.our-skills .box .box-skills .skill-bar {
width: 100%;
height: 4px;
background: #cacbcb;
margin: 51px 0;
position: relative; }
.our-skills .box .box-skills .skill-bar h5 {
position: absolute;
top: -30px;
font-size: 16px;
color: #1b2725; }
.our-skills .box .box-skills .skill-bar h5.title {
font-weight: 700;
left: 0; }
.our-skills .box .box-skills .skill-bar h5.count {
margin-left: -10px;
font-weight: 400;
left: 100%; }
.our-skills .box .box-skills .skill-bar .count-bar {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: #0ba2a5; }
.our-skills .box-img {
overflow: hidden; }
.our-skills .box-img:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all .5s ease; }
.our-skills .box-img img {
display: block;
width: 100%;
height: auto;
transition: all .5s ease; }
/*
Happy Client Say
*/
.clients-say-v2 .clients-say-slick-v2 li {
opacity: 0;
outline: none; }
.clients-say-v2 .clients-say-slick-v2 li.slick-active {
opacity: 1; }
.clients-say-v2 .clients-say-slick-v2 li .box .box-content {
text-align: center; }
.clients-say-v2 .clients-say-slick-v2 li .box .box-content p {
padding: 0 100px;
font-family: 'Quicksand', sans-serif;
font-size: 20px;
line-height: 30px;
color: #4e5453;
font-weight: 400; }
.clients-say-v2 .clients-say-slick-v2 li .box .box-img {
margin-top: 40px;
text-align: center; }
.clients-say-v2 .clients-say-slick-v2 li .box .box-img a {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
display: inline-block; }
.clients-say-v2 .clients-say-slick-v2 li .box .box-img a:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all .5s ease; }
.clients-say-v2 .clients-say-slick-v2 li .box .box-img a img {
width: 80px;
height: 80px;
border-radius: 50%;
display: block;
margin: 0 auto;
transition: all .5s ease; }
.clients-say-v2 ul.slick-dots {
margin-top: 42px;
text-align: center; }
.clients-say-v2 ul.slick-dots li {
padding: 0 6px;
opacity: 1;
display: inline-block; }
.clients-say-v2 ul.slick-dots li:hover button, .clients-say-v2 ul.slick-dots li.slick-active button {
background: #0f2d69; }
.clients-say-v2 ul.slick-dots li button {
width: 10px;
height: 10px;
background: #d1d4d3;
border-radius: 50%;
text-indent: -9999px;
outline: none;
box-shadow: none;
border: none;
cursor: pointer; }
/*
Our Project
*/
.our-project-v2 .box {
overflow: hidden;
position: relative; }
.our-project-v2 .box:hover .brick-flex-box {
top: 0;
transition: all .5s ease; }
.our-project-v2 .box .box-img img {
display: block;
width: 100%;
height: auto; }
.our-project-v2 .box .brick-flex-box {
justify-content: center;
position: absolute;
width: 100%;
height: 100%;
top: -100%;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
transition: all .5s ease; }
.our-project-v2 .box .brick-flex-box .box-content {
text-align: center; }
.our-project-v2 .box .brick-flex-box .box-content h3 {
display: inline-block;
font-size: 30px;
line-height: 35px;
color: #ffffff;
font-weight: 700; }
.our-project-v2 .box .brick-flex-box .box-content p {
font-size: 14px;
color: #dcddde;
font-weight: 400; }
/*
Latest News
*/
.latest-news-v3 .uk-slider-container {
padding-bottom: 20px; }
.latest-news-v3 ul li .box .box-img {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.latest-news-v3 ul li .box .box-img img {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.latest-news-v3 ul li .box .box-content {
margin: -93px 20px 0 20px;
padding: 25px 20px;
background: #ffffff;
position: relative;
z-index: 9;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.34); }
.latest-news-v3 ul li .box .box-content .box-content-p p {
padding-top: 0; }
/*----------------------
About
------------------------*/
/*
Who We Are
*/
.who-we-are .box-img {
position: relative; }
.who-we-are .box-img img {
display: block;
width: 100%;
height: auto; }
.who-we-are .box-img span {
font-size: 60px;
color: #1b2725;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.who-we-are .box {
padding-left: 30px; }
.who-we-are .box .brick-title {
padding-bottom: 27px; }
.who-we-are .box .box-content strong, .who-we-are .box .box-content p {
font-family: 'Quicksand', sans-serif;
font-size: 14px;
color: #4e5453; }
.who-we-are .box .box-content strong {
font-weight: 700; }
.who-we-are .box .box-content p {
/* padding-top: 12px;*/
padding-bottom: 17px;
font-weight: 300; }
.who-we-are .box .box-content a {
font-family: 'Quicksand', sans-serif;
font-size: 14px;
font-weight: 700;
position: relative; }
.who-we-are .box .box-content a:hover:before {
width: 100%;
transition: all .5s ease; }
.who-we-are .box .box-content a:before {
content: '';
width: 0;
height: 2px;
background: #0f2d69;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
transition: all .5s ease; }
/*----------------------
Portfolio V1
------------------------*/
/*
Our Works
*/
.portfolio-v1.set-padding {
padding-bottom: 105px; }
/*----------------------
Portfolio V2
------------------------*/
/*
Portfolio
*/
.portfolio-v2.set-padding {
padding-bottom: 105px; }
.portfolio-v2 .brick-button {
text-align: center;
margin-top: 65px; }
.portfolio-v2 .brick-button h3 {
box-shadow: rgba(0, 0, 0, 0.54) 0 14px 24px; }
/*----------------------
Portfolio Detail
------------------------*/
/*
Portfolio Detail
*/
.portfolio-detail .portfolio-detail-content .box-detail-img {
overflow: hidden; }
.portfolio-detail .portfolio-detail-content .box-detail-img:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all .5s ease; }
.portfolio-detail .portfolio-detail-content .box-detail-img img {
display: block;
width: 100%;
height: auto;
transition: all .5s ease; }
.portfolio-detail .portfolio-detail-content .box-detail-content {
padding: 60px 30px 0 30px;
background: #1b2725; }
.portfolio-detail .portfolio-detail-content .box-detail-content h3 {
padding-bottom: 15px;
display: inline-block;
font-size: 25px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
position: relative; }
.portfolio-detail .portfolio-detail-content .box-detail-content h3:before {
content: '';
width: 100%;
height: 1px;
background: #555e5d;
position: absolute;
right: 0;
left: 0;
bottom: 0; }
.portfolio-detail .portfolio-detail-content .box-detail-content ul {
padding-top: 22px; }
.portfolio-detail .portfolio-detail-content .box-detail-content ul li p {
font-size: 16px;
line-height: 35px;
color: #dcddde;
font-weight: 400; }
.portfolio-detail .portfolio-detail-content .box-detail-content ul li p stronh {
font-weight: 700; }
.portfolio-detail .portfolio-detail-content .building-house {
padding-top: 44px; }
.portfolio-detail .portfolio-detail-content .building-house h3 {
padding-bottom: 16px;
font-size: 33px;
line-height: 35px;
color: #1b2725;
font-weight: 700; }
.portfolio-detail .portfolio-detail-content .building-house .bar {
position: relative;
margin-bottom: 25px; }
.portfolio-detail .portfolio-detail-content .building-house .bar .building-house-bar {
width: 100%;
height: 16px;
background: #555e5d;
position: relative;
overflow: hidden;
border-radius: 16px; }
.portfolio-detail .portfolio-detail-content .building-house .bar .building-house-bar .count-bar {
position: absolute;
width: 0%;
height: 100%;
background: url("../images/portfolio-detail/line.jpg"); }
.portfolio-detail .portfolio-detail-content .building-house .bar .count {
font-size: 12px;
color: #1b2725;
font-weight: 700;
position: absolute;
bottom: -23px;
left: 0%;
margin-left: -15px; }
.portfolio-detail .portfolio-detail-content .building-house p {
font-weight: 400;
font-size: 14px;
color: #4e5453; }
.portfolio-detail .portfolio-detail-content .project-images {
padding-top: 35px; }
.portfolio-detail .portfolio-detail-content .project-images h3 {
margin-bottom: 40px;
font-size: 25px;
color: #1b2725;
font-weight: 700;
border-bottom: 1px solid #dcddde;
padding-bottom: 15px; }
.portfolio-detail .portfolio-detail-content .project-images ul li .box-img {
position: relative; }
.portfolio-detail .portfolio-detail-content .project-images ul li .box-img:hover .brick-flex-box {
top: 0;
bottom: 0;
transition: all .5s ease; }
.portfolio-detail .portfolio-detail-content .project-images ul li .box-img img {
display: block;
width: 100%;
height: auto; }
.portfolio-detail .portfolio-detail-content .project-images ul li .box-img .brick-flex-box {
justify-content: center;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
position: absolute;
top: -100%;
left: 0;
right: 0;
bottom: auto;
transition: all .5s ease; }
.portfolio-detail .portfolio-detail-content .project-images ul li .box-img .brick-flex-box a {
text-align: center; }
.portfolio-detail .portfolio-detail-content .project-images ul li .box-img .brick-flex-box span {
font-size: 25px;
color: #ffffff; }
/*----------------------
Contact
------------------------*/
/*
Contact
*/
.contact.set-padding {
padding-bottom: 0; }
.contact .main-office h3 {
padding-bottom: 18px;
font-size: 33px;
line-height: 35px;
color: #1b2725;
font-weight: 700; }
.contact .main-office p {
padding-right: 150px;
font-size: 14px;
color: #4e5453;
font-weight: 400; }
.contact .main-office ul {
padding-top: 22px; }
.contact .main-office ul li {
padding-bottom: 15px; }
.contact .main-office ul li .brick-flex-box {
align-items: flex-start; }
.contact .main-office ul li span {
margin-top: 6px;
padding-right: 15px;
font-size: 14px;
min-width: 30px; }
.contact .box-get-in-touch {
/* margin-bottom: -200px;*/
position: relative;
z-index: 9;
background: #ffffff;
box-shadow: 0 0 49px rgba(0, 0, 0, 0.15);
padding: 45px 55px;
text-align: center; }
.contact .box-get-in-touch > h3 {
padding-bottom: 4px;
font-size: 33px;
line-height: 35px;
color: #1b2725;
font-weight: 700; }
.contact .box-get-in-touch p {
padding-bottom: 47px;
font-size: 19px;
color: #4e5453;
font-weight: 400; }
.contact .box-get-in-touch .form-style .uk-form-icon {
width: 100%;
margin-bottom: 30px; }
.contact .box-get-in-touch .form-style .uk-form-icon span {
/* font-size: 14px;*/
color: #fff;
position: absolute;
top: 15px;
left: 27px;
opacity: .8; }
.contact .box-get-in-touch .form-style .uk-form-icon input, .contact .box-get-in-touch .form-style .uk-form-icon textarea {
padding-left: 50px !important;
padding-right: 50px;
padding-bottom: 7px;
padding-top: 7px;
width: 100%;
background: #fafafa;
border: 1px solid #dcddde;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
outline: none;
color: #1b2725; }
.contact .box-get-in-touch .form-style .uk-form-icon input::-webkit-input-placeholder, .contact .box-get-in-touch .form-style .uk-form-icon textarea::-webkit-input-placeholder {
opacity: .5;
color: #4e5453; }
.contact .box-get-in-touch .form-style .uk-form-icon input:-moz-placeholder, .contact .box-get-in-touch .form-style .uk-form-icon textarea:-moz-placeholder {
opacity: .5;
color: #4e5453; }
.contact .box-get-in-touch .form-style .uk-form-icon input::-moz-placeholder, .contact .box-get-in-touch .form-style .uk-form-icon textarea::-moz-placeholder {
opacity: .5;
color: #4e5453; }
.contact .box-get-in-touch .form-style .uk-form-icon input:-ms-input-placeholder, .contact .box-get-in-touch .form-style .uk-form-icon textarea:-ms-input-placeholder {
opacity: .5;
color: #4e5453 !important; }
.contact .box-get-in-touch .form-style .uk-form-icon input {
height: 45px;
line-height: 45px;
border-radius: 45px; }
.contact .box-get-in-touch .form-style .uk-form-icon textarea {
padding-top: 7px;
border-radius: 25px; }
/*
Google Map
*/
.gmap-contact .gmap-wrapper #gmap_contact {
height: 565px; }
.gmap-contact .gmap-wrapper #gmap_contact .gm-style .gm-style-iw {
font-family: 'Quicksand', sans-serif;
font-size: 14px;
font-weight: 700;
color: #4e5453;
text-align: center;
padding-top: 10px; }
/*----------------------
Blog V1
------------------------*/
/*
Blog
*/
.blog-v1 .box, .blog-v2 .box {
margin-bottom: 30px;
background: #ffffff;
transition: all .5s ease; }
.blog-v1 .box:hover, .blog-v2 .box:hover {
box-shadow: 0 0 27px rgba(0, 0, 0, 0.25);
transition: all .5s ease; }
.blog-v1 .box .box-img, .blog-v2 .box .box-img {
margin-bottom: 0; }
.blog-v1 .box .box-content, .blog-v2 .box .box-content {
border: 1px solid #dcddde;
padding: 23px 30px 32px 30px; }
.blog-v1 .box .box-content .box-content-p p, .blog-v2 .box .box-content .box-content-p p {
padding-bottom: 12px; }
.blog-v1 .box .box-content a.read-more, .blog-v2 .box .box-content a.read-more {
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
color: #1b2725;
font-weight: 700; }
/*----------------------
Blog V2
------------------------*/
/*
Blog
*/
.blog-v2 .box {
margin-bottom: 45px;
background: #ffffff; }
.blog-v2 .box:hover {
box-shadow: none; }
.blog-v2 .box .box-img {
margin-bottom: 23px; }
.blog-v2 .box .box-content {
border: none;
padding: 0; }
.blog-v2 .brick-pagination {
margin-top: 65px; }
/*----------------------
Blog Detail
------------------------*/
/*
Blog Detail
*/
.blog-detail .box {
border-bottom: 1px solid #dcddde; }
.blog-detail .box .tags-share {
margin-bottom: 9px;
margin-top: 26px; }
.blog-detail .box .tags-share h3 {
display: inline-block;
font-family: 'Quicksand', sans-serif;
font-size: 12px;
color: #1b2725;
font-weight: 700; }
.blog-detail .box .tags-share ul {
display: inline-block; }
.blog-detail .box .tags-share ul li {
display: inline-block; }
.blog-detail .box .tags-share ul li a {
font-family: 'Quicksand', sans-serif;
font-size: 12px;
color: #1b2725;
font-weight: 400; }
.blog-detail .box .tags-share ul li a span {
padding-right: 7px; }
.blog-detail .box .tags-share ul li a span.fa-facebook {
color: #166bb2; }
.blog-detail .box .tags-share ul li a span.fa-twitter {
color: #0eb5f3; }
.blog-detail .box .tags-share ul li a span.fa-vimeo {
color: #0e8cc1; }
.blog-detail .box .tags-share .tags {
float: left; }
.blog-detail .box .tags-share .share {
float: right; }
.blog-detail .comments {
padding-top: 60px; }
.blog-detail .comments h3 {
padding-bottom: 25px;
font-size: 25px;
line-height: 30px;
color: #1b2725;
font-weight: 700; }
.blog-detail .comments ul.uk-comment-list .uk-comment + ul {
padding-left: 110px; }
.blog-detail .comments ul.uk-comment-list li article.uk-comment {
margin-bottom: 50px; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-img {
width: 80px;
height: 80px;
display: block;
overflow: hidden;
float: left; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-img img {
display: block;
width: 100%;
height: 100%; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content {
margin-left: 110px; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta .meta-author {
margin-top: -7px;
float: left; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta .meta-author h5 {
font-size: 19px;
color: #1b2725;
font-weight: 700; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta .meta-author span {
font-family: 'Quicksand', sans-serif;
font-size: 12px;
color: #a3a6a5;
font-weight: 400; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta .meta-reply {
float: right; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta .meta-reply a {
display: inline-block;
font-family: 'Quicksand', sans-serif;
font-size: 12px;
color: #4e5453;
font-weight: 400; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta .meta-reply a span {
margin-left: 10px;
color: #ffffff;
display: inline-block;
line-height: 20px;
width: 20px;
text-align: center; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content p {
margin-top: -33px;
padding-top: 10px;
border-top: 1px solid #dcddde;
font-size: 14px;
color: #4e5453;
font-weight: 400; }
.blog-detail .leave-comment {
padding-top: 10px; }
.blog-detail .leave-comment > h3 {
font-size: 25px;
line-height: 30px;
font-weight: 700;
color: #1b2725; }
.blog-detail .leave-comment > p {
padding-bottom: 25px;
font-size: 14px;
font-weight: 400;
color: #4e5453; }
.blog-detail .leave-comment > p span {
color: #f90421; }
.blog-detail .leave-comment form input, .blog-detail .leave-comment form textarea {
background: #fafafa !important;
border: 1px solid #dcddde;
padding: 5px 30px;
margin-bottom: 30px;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
color: #1b2725;
outline: none; }
.blog-detail .leave-comment form input:focus, .blog-detail .leave-comment form textarea:focus {
border: 1px solid #0f2d69; }
.blog-detail .leave-comment form input:invalid + p, .blog-detail .leave-comment form textarea:invalid + p {
display: inline-block; }
.blog-detail .leave-comment form input:valid + p, .blog-detail .leave-comment form textarea:valid + p {
display: none; }
.blog-detail .leave-comment form input.error, .blog-detail .leave-comment form textarea.error {
box-shadow: 0 0 10px rgba(252, 43, 21, 0.5);
border: 1px solid #fc2b15; }
.blog-detail .leave-comment form input {
height: 45px;
line-height: 45px; }
.blog-detail .leave-comment form textarea {
padding-top: 10px !important; }
.blog-detail .leave-comment form p {
display: inline-block;
font-family: 'Quicksand', sans-serif;
color: #4e5453;
font-size: 14px;
opacity: .6;
position: absolute;
left: 32px;
top: 11px; }
.blog-detail .leave-comment form p span {
color: #f90421; }
.blog-detail .leave-comment form .brick-button {
margin-top: 15px; }
/*----------------------
Shop
------------------------*/
/*
Shop
*/
.shop .box-products, .product-detail .related-product .box-products {
margin-bottom: 50px; }
.shop .box-products .box-img, .product-detail .related-product .box-products .box-img {
justify-content: center;
height: 190px;
margin-bottom: 12px;
background: #fafafa;
border: 1px solid #dcddde;
border-radius: 5px;
overflow: hidden;
position: relative; }
.shop .box-products .box-img:hover .box-overlay, .product-detail .related-product .box-products .box-img:hover .box-overlay {
top: 0;
bottom: 0;
transition: all .5s ease; }
.shop .box-products .box-img img, .product-detail .related-product .box-products .box-img img {
display: block;
margin: 0 auto; }
.shop .box-products .box-img .box-overlay, .product-detail .related-product .box-products .box-img .box-overlay {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
height: 100%;
top: -100%;
left: 0;
right: 0;
bottom: auto;
background: rgba(249, 191, 15, 0.8);
transition: all .5s ease; }
.shop .box-products .box-img .box-overlay a, .product-detail .related-product .box-products .box-img .box-overlay a {
display: inline-block;
font-size: 14px;
color: #ffffff;
background: #1b2725;
line-height: 40px;
padding: 0 23px; }
.shop .box-products h5, .product-detail .related-product .box-products h5 {
font-size: 19px;
color: #1b2725;
font-weight: 700; }
.shop .box-products p, .product-detail .related-product .box-products p {
padding-bottom: 5px;
font-size: 14px;
color: #4e5453;
font-weight: 700; }
.shop .box-products p i, .product-detail .related-product .box-products p i {
color: #7a7c7d;
padding-right: 15px;
text-decoration: line-through; }
.shop .box-products ul.rating li span, .product-detail .related-product .box-products ul.rating li span {
font-size: 12px; }
.shop .brick-pagination, .product-detail .related-product .brick-pagination {
margin-top: 5px; }
/*----------------------
Product Detail
------------------------*/
/*
Product Detail
*/
.product-detail .box-detail .box-product-detail {
float: left;
width: 45%; }
.product-detail .box-detail .box-product-detail li {
outline: none; }
.product-detail .box-detail .box-product-detail li .box-img, .product-detail .box-detail .box-product-detail li .box-thumbanil {
display: flex;
align-items: center;
justify-content: center;
background: #fafafa;
border: 1px solid #dcddde;
border-radius: 5px;
margin: 0 10px; }
.product-detail .box-detail .box-product-detail li .box-img img, .product-detail .box-detail .box-product-detail li .box-thumbanil img {
display: block; }
.product-detail .box-detail .box-product-detail .slick-big-images {
margin-bottom: 20px; }
/*.product-detail .box-detail .box-product-detail .slick-big-images li .box-img {
height: 260px; }*/
.product-detail .box-detail .box-product-detail .slick-thumbnail-images li.slick-current .box-thumbanil {
border: 1px solid #0f2d69; }
.product-detail .box-detail .box-product-detail .slick-thumbnail-images li .box-thumbanil {
/* height: 77px;*/
cursor: pointer; }
.product-detail .box-detail .box-detail-content {
width: 55%;
float: right;
padding-left: 30px; }
.product-detail .box-detail .box-detail-content > h3 {
padding-bottom: 5px;
font-size: 33px;
line-height: 35px;
color: #1b2725;
font-weight: 700; }
.product-detail .box-detail .box-detail-content p {
padding-bottom: 5px;
font-size: 14px;
color: #4e5453;
font-weight: 400; }
.product-detail .box-detail .box-detail-content p.price {
font-weight: 700; }
.product-detail .box-detail .box-detail-content p i {
padding-right: 15px;
color: #7a7c7d;
text-decoration: line-through; }
.product-detail .box-detail .box-detail-content ul.rating {
margin-bottom: 8px; }
.product-detail .box-detail .box-detail-content ul.rating li span {
font-size: 12px; }
.product-detail .box-detail .box-detail-content .box-qty {
margin-top: 17px;
margin-bottom: 50px;
width: 100px;
position: relative; }
.product-detail .box-detail .box-detail-content .box-qty button {
font-family: 'Quicksand', sans-serif;
font-size: 14px;
font-weight: 400;
color: rgba(78, 84, 83, 0.5);
display: block;
width: 30px;
height: 30px;
line-height: 28px;
text-align: center;
border: 1px solid #dcddde;
background: #fafafa;
outline: none;
position: absolute;
top: 0;
bottom: 0;
cursor: pointer; }
.product-detail .box-detail .box-detail-content .box-qty button:hover {
color: #4e5453; }
.product-detail .box-detail .box-detail-content .box-qty button.qty-minus {
left: 0; }
.product-detail .box-detail .box-detail-content .box-qty button.qty-plus {
right: 0; }
.product-detail .box-detail .box-detail-content .box-qty input {
width: 100%;
height: 30px;
text-align: center;
border: 1px solid #dcddde;
background: #fafafa;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
font-weight: 400;
color: #4e5453; }
.product-detail .box-detail .box-detail-content .brick-button h3 {
letter-spacing: 2px;
padding: 0 30px; }
.product-detail .box-review {
margin-top: 65px; }
.product-detail .box-review .uk-subnav {
background: #fafafa;
border: 1px solid #dcddde;
margin-left: 0px;
margin-top: 0px; }
.product-detail .box-review .uk-subnav li {
padding: 0px;
margin: 0px; }
.product-detail .box-review .uk-subnav li a {
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
line-height: 43px;
display: inline-block;
font-size: 14px;
color: #4e5453;
padding: 0 32px; }
.product-detail .box-review .uk-subnav-pill > .uk-active > * {
background: #4e5453;
color: #ffffff; }
.product-detail .box-review .uk-switcher {
padding: 25px 45px 35px 45px;
text-align: left;
border: 1px solid #dcddde;
border-top: none; }
.product-detail .box-review .uk-switcher .product-description p {
font-size: 14px;
color: #4e5453;
font-weight: 400; }
.product-detail .box-review .uk-switcher .poduct-reviews h3 {
padding-bottom: 15px;
font-size: 30px;
line-height: 36px;
color: #1b2725;
font-weight: 700; }
.product-detail .box-review .uk-switcher .poduct-reviews li:last-child {
margin-bottom: 30px; }
.product-detail .box-review .uk-switcher .poduct-reviews li .review {
padding: 15px 0;
border-bottom: 1px solid #dcddde; }
.product-detail .box-review .uk-switcher .poduct-reviews li .review h6 {
font-size: 14px;
color: #4e5453;
font-weight: 700; }
.product-detail .box-review .uk-switcher .poduct-reviews li .review p {
font-size: 13px;
color: #4e5453;
font-weight: 400; }
.product-detail .box-review .uk-switcher .poduct-reviews .form-comment form h5 {
font-size: 16px;
color: #1b2725;
font-weight: 400; }
.product-detail .box-review .uk-switcher .poduct-reviews .form-comment form input, .product-detail .box-review .uk-switcher .poduct-reviews .form-comment form textarea {
font-family: 'Quciksand', sans-serif;
font-size: 14px;
color: #1b2725;
font-weight: 400;
border: 1px solid #dcddde;
outline: none;
background: transparent;
margin-bottom: 20px;
padding: 7px 20px; }
.product-detail .box-review .uk-switcher .poduct-reviews .form-comment form input:focus, .product-detail .box-review .uk-switcher .poduct-reviews .form-comment form textarea:focus {
border: 1px solid #0f2d69; }
.product-detail .box-review .uk-switcher .poduct-reviews .form-comment form input {
height: 40px;
line-height: 40px; }
.product-detail .box-review .uk-switcher .poduct-reviews .form-comment form .jq-ry-container {
padding: 0px;
padding-bottom: 15px;
width: 100px !important; }
.product-detail .box-review .uk-switcher .poduct-reviews .form-comment form .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 20px;
height: 20px; }
.product-detail .related-product {
margin-top: 68px; }
.product-detail .related-product h3 {
padding-bottom: 30px;
font-size: 25px;
line-height: 30px;
color: #1b2725;
font-weight: 700; }
.product-detail .related-product .box-products {
margin-bottom: 0; }
/*----------------------
Our Team
------------------------*/
/*
Our Team
*/
.our-team.set-padding {
padding-bottom: 75px; }
.our-team .box {
margin-bottom: 30px; }
/*----------------------
Faq's
------------------------*/
/*
Faq's
*/
.faq .faq-content .brick-title {
padding-bottom: 50px; }
.faq .faq-content .holder-our-faq {
margin-bottom: 75px; }
.faq .faq-content .holder-our-faq .title {
margin-bottom: 25px;
background: #fafafa;
border: 1px solid #dcddde;
cursor: pointer;
position: relative; }
.faq .faq-content .holder-our-faq .title.active a {
background: #0f2d69;
color: #ffffff; }
.faq .faq-content .holder-our-faq .title.active a .dropdown-expander {
color: #ffffff; }
.faq .faq-content .holder-our-faq .title a {
display: block;
font-family: 'Titillium Web', sans-serif;
font-size: 19px;
color: #1b2725;
line-height: 46px;
font-weight: 700;
padding: 0 40px;
pointer-events: none; }
.faq .faq-content .holder-our-faq .title a .dropdown-expander {
background: transparent;
font-size: 15px;
color: #1b2725;
border: none;
outline: none;
cursor: pointer;
position: absolute;
left: 15px;
top: 0; }
.faq .faq-content .holder-our-faq .title a .dropdown-expander span {
margin-top: 17px; }
.faq .faq-content .holder-our-faq .title .content {
display: none;
padding: 40px;
font-size: 14px;
color: #4e5453;
font-weight: 400; }
.faq .faq-content > p {
padding-bottom: 45px;
font-size: 14px;
color: #4e5453;
font-weight: 400; }
.faq .faq-content .box-img {
overflow: hidden; }
.faq .faq-content .box-img:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all .5s ease; }
.faq .faq-content .box-img img {
display: block;
width: 100%;
height: auto;
transition: all .5s ease; }
/*----------------------
Maintenance
------------------------*/
/*
Maintenance
*/
.maintenance {
align-items: flex-end;
height: 100vh;
padding: 0 120px 90px 120px;
background: url("../images/maintenance/background.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.maintenance .box {
width: 50%; }
.maintenance .box a {
display: inline-block; }
.maintenance .box a img {
display: block;
margin-bottom: 55px; }
.maintenance .box h5 {
font-size: 24px;
line-height: 25px;
color: #ffffff;
font-weight: 400;
letter-spacing: 5px; }
.maintenance .box h3 {
padding-bottom: 23px;
font-size: 60px;
line-height: 50px;
color: #ffffff;
font-weight: 700; }
.maintenance .box p {
padding-bottom: 32px;
font-size: 14px;
color: #b1b1b1;
font-weight: 400; }
.maintenance .box ul.social {
margin-bottom: 88px; }
.maintenance .box ul.social li {
padding-right: 20px;
display: inline-block; }
.maintenance .box ul.social li a {
padding-right: 5px;
font-size: 18px;
color: rgba(220, 221, 222, 0.5); }
.maintenance .box .bar {
background: rgba(255, 255, 255, 0.3);
border-radius: 10px;
position: relative;
height: 10px; }
.maintenance .box .bar .maintenance-bar {
width: 100%; }
.maintenance .box .bar .maintenance-bar .count-bar {
width: 0%;
height: 100%;
background: #0f2d69;
border-radius: 10px;
position: absolute;
top: 0;
bottom: 0;
left: 0; }
.maintenance .box .bar h6 {
font-size: 14px;
color: #ffffff;
font-weight: 400;
position: absolute;
top: -33px; }
.maintenance .box .bar h6.status {
left: 0; }
.maintenance .box .bar h6.number {
right: 0; }
/*----------------------
Coming Soon
------------------------*/
/*
Coming Soon
*/
.coming-soon {
align-items: flex-start;
justify-content: center;
height: 100vh;
text-align: center;
padding: 7% 15px 0 15px;
background: url("../images/coming-soon/background.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.coming-soon .box a {
display: inline-block; }
.coming-soon .box a img {
display: block;
margin: 0 auto 20px auto; }
.coming-soon .box h3 {
padding-bottom: 15px;
font-size: 48px;
line-height: 45px;
font-weight: 700; }
.coming-soon .box h5 {
padding: 0 30% 75px 30%;
font-family: 'Quicksand', sans-serif;
font-size: 16px;
line-height: 25px;
color: #b1b1b1;
font-weight: 400; }
.coming-soon .box > p {
padding: 0 15% 95px 15%;
font-size: 16px;
color: #f8f8f8;
font-weight: 400; }
.coming-soon .box .count-down {
margin-bottom: 60px; }
.coming-soon .box .count-down li {
min-width: 170px;
padding: 0 55px;
position: relative;
display: inline-block; }
.coming-soon .box .count-down li span {
font-family: 'Titillium Web', sans-serif;
font-size: 36px;
line-height: 35px;
color: #f8f8f8;
font-weight: 700; }
.coming-soon .box .count-down li span.dot {
position: absolute;
right: -4px;
top: 0; }
.coming-soon .box .count-down li p {
padding-top: 5px;
font-size: 14px;
color: #f8f8f8;
font-weight: 400; }
.coming-soon .box form .uk-form-icon {
width: 585px; }
.coming-soon .box form .uk-form-icon input {
width: 100%;
background: transparent;
border: 1px solid #846911;
height: 45px;
line-height: 45px;
padding: 5px 150px 5px 30px; }
.coming-soon .box form .uk-form-icon .brick-button {
position: absolute;
top: 0;
bottom: 0;
right: 0; }
.coming-soon .box form .uk-form-icon .brick-button button {
border: none;
line-height: 45px; }
.coming-soon .box form .uk-form-icon .brick-button button:hover {
background: #f9af0f;
color: #ffffff; }
.text-slide{
/* text-shadow: 2px 2px #f0f0f0;*/
/* text-shadow: 0 0 5px #fff, 0 0 5px #fff;*/
/* text-shadow: 2px 2px 5px #fff;*/
/* text-shadow: 2px 2px 2px #fff;*/
text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
.button-send{
display: inline-block;
font-size: 14px;
color: #ffffff;
border: 2px solid transparent;
line-height: 36px;
padding: 0 25px;
font-weight: 600;
cursor: pointer;
background: #0f2d69;
color: #ffffff;
border-radius: 40px;
font-family: 'Titillium Web', sans-serif;
margin: 0;
}
.service{
margin-top: 35px;
}
.contact{
margin-top: 25px;
}
.portfolio-title{
display: inline-block;
font-family: 'Quicksand', sans-serif;
font-size: 22px;
color: #ffffff;
font-weight: 700;
}
.portfolio-title2{
font-family: 'Quicksand', sans-serif;
margin: 0;
padding: 0;
font-size: 14px;
color: #dcddde;
font-weight: 300;
text-align: center;
}
.port2{
padding: 13px 0;
text-align: center;
}
.banner-title{
font-family: 'Titillium Web', sans-serif;
margin: 0;
padding: 0;
color: black;
}
.letters-banner{
color: #000;
}
/*# sourceMappingURL=style.css.map */
|