html {
font-size : 62.5%;
}
body {
overflow-x : hidden !important ;
line-height : 1.6;
font-family : 'Raleway', sans-serif;
background-color : #fcfcfc;
}
p, a, strong, li, div, aside, b, button {
font-size : 1.6rem;
color : inherit;
}
button.btn, a.btn:hover, a:hover {
text-decoration : none;
color : inherit;
}
b, strong {
font-weight : 800;
}
h1, h2, h3, h4, h5, h6 {
padding : 0;
margin : 2rem 0;
line-height : 1.2;
}
h1 {
font-size : 7rem;
}
h2 {
font-size : 4.5rem;
font-weight : 800;
}
h3 {
font-size : 2.5rem;
font-weight : 700;
}
h4 {
font-size : 2rem;
font-weight : 700;
}
h5 {
font-size : 1.8rem;
font-weight : 700;
}
h6 {
font-size : 1.6rem;
font-weight : 400;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .f-inherit {
color : inherit;
line-height : inherit;
font-size : inherit;
font-family : inherit;
font-weight : inherit;
}
#wrap {
position : relative;
background : #fff;
}
#wrap-body > section:last-child {
margin-bottom : 12rem;
}
#wrap-body > .banner:first-child + section[class*="bg-"] {
margin-top : 0;
}
#wrap-body > :first-child .banner {
padding : 0;
}
#wrap-body > :last-child section {
margin-bottom : 12rem;
}
#wrap-body > :last-child section[class*="bg-"], #wrap-body > section[class*="bg-"] {
margin-bottom : 0;
}
section, footer, header {
width : 100%;
clear : both;
}
section, .client.cards {
position : relative;
padding-top : 100px;
}
section[class*="bg-"], .client.cards[class*="bg-"] {
margin-top : 12rem;
padding-bottom : 12rem;
}
section[class*="bg-"] + section[class*="bg-"], div.client[class*="bg-"] + section[class*="bg-"] {
margin-top : 0;
}
section, footer, header, .footer-bottom {
width : 100%;
clear : both;
}
#wrap-body section:last-child {
margin-bottom : 12rem;
}
header {
position : relative;
z-index : 999;
}
.logo img {
margin : 5rem 0;
height : 3rem;
}
.header-overlay .logo img {
margin : 2.5rem 0;
}
header .top-header {
z-index : 87;
position : relative;
border-bottom : 1px solid rgb(225, 225, 225, 0.4);
}
header .top-header p {
font-size : 1.3rem;
padding : 1rem 0;
margin-bottom : 0;
text-transform : capitalize;
font-weight : 600;
}
header .top-header ul > li {
padding : 1.1rem 1.8rem;
float : left;
font-size : 1.3rem;
font-weight : 600;
border-right : 1px solid rgb(225, 225, 225, 0.4);
}
header .top-header ul > li > a {
font-size : inherit;
text-transform : inherit;
color : inherit;
}
header .top-header ul.list-top-1 > li {
border : 0 !important ;
padding-left : 0;
padding-right : 1rem;
}
header .top-header ul.list-top-1 > li:after {
content : '';
border-right : 1px solid rgb(225, 225, 225, 0.4);
padding-right : 1rem;
}
header .top-header.bg-f {
border-bottom : 0 !important ;
}
header .top-header ul.list-top-1 > li:last-child:after {
display : none;
}
header .top-border-f.top-header {
border-bottom : 0;
}
f header .top-border-f.top-header ul.list-top-1 > li:after, header .top-border-f.top-header ul.list-top > li {
border-color : rgb(255, 255, 255, 0.4);
}
header .icns .icn i {
font-size : 1.4rem;
}
header .border-bottom {
border : rgb(225, 225, 225, 0.4) solid 1px !important ;
}
#head {
width : 120rem;
margin : 0 auto;
padding : 100px 0 0 0;
}
#head h1 {
text-align : center;
width : 80%;
font-size : 9rem;
line-height : 1.1em;
font-weight : 600;
margin : 0 auto;
}
#head h1 span.gradient {
background: linear-gradient(25deg, #bcbec0 10.45%, #6f6e6f 50%, #000000 89.55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#head h2.subtitle {
color : #666;
width : 75%;
font-size : 2.2rem;
font-weight : 400;
line-height : 1.4em;
margin : 0 auto;
padding-top : 40px;
text-align : center;
}
#head h2.subtitle strong {
text-decoration : underline;
}
#head h1.portfolio {
margin : 0;
padding : 0 0 10px 0;
width : 65%;
text-align : left;
font-size : 3.2rem;
font-weight : 600;
color : #111;
}
#head h2.portfolio {
margin : 0 0 0 -240px;
padding : 0 0 30px 0;
width : 45%;
text-align : left;
font-size : 3.2rem;
font-weight : 100;
color : #666;
}
#head h3.portfolio {
margin : 0;
padding : 30px 0 10px 0;
width : 65%;
text-align : left;
font-size : 2.2rem;
font-weight : 800;
color : #222;
}
#head h1.portfolioover {
margin : 0;
padding : 0 0 20px 0;
width : 65%;
text-align : left;
font-size : 4.2rem;
font-weight : 600;
color : #111;
line-height : 1.2em;
}
#head img {
width : 100%;
margin : 0 auto;
text-align : center;
padding : 60px 0 60px 0;
}
#head img.over {
width : 100%;
margin : 0 auto;
text-align : center;
padding : 60px 0 0 0;
margin-bottom : -40px;
}
#head video {
width : 90%;
height : auto;
padding : 60px 0 60px 0;
}
#head p {
width : 65%;
text-align : left;
padding : 4px 100px 4px 0;
font-size : 1.8rem;
color : #666;
}
#head p a {
font-size : 1.8rem;
color : #222;
text-decoration : underline;
font-weight : 800;
}
#head p a:hover {
color : #666;
}
.hoverable {
cursor:default;
color:#000;
text-decoration:none;
}
.hoverable .hover {
display:none;
text-decoration: underline;
}
.hoverable:hover .normal {
display:none;
}
.hoverable:hover .hover {
display:inline; 
}
.hoverable2 {
cursor:default;
color:#999;
text-decoration:none;
}
.hoverable2 .hover {
display:none;
text-decoration: none;
}
.hoverable2:hover .normal {
display:none;
}
.hoverable2:hover .hover {
    color:#999;
display:inline; 
}
#logogal .responsive {
width : 20%;
margin : 0;
float : left;
padding : 26px;
}
.gallery img {
filter : grayscale(100%);
}
.gallery img:hover {
transition : filter 0.5s ease-in-out;
filter : grayscale(0%);
}
#logogal .gallery img {
border : #eee solid 1px;
height : auto;
max-width : 100%;
padding : 0;
mix-blend-mode : multiply;
vertical-align : middle;
}
.main-header {
position : relative;
width : 100%;
transition : all 0.3s;
}
.header-fixed {
position : absolute;
top : 0;
}
.header-fixed .main-header {
position : fixed;
top : 0;
z-index : 999;
background : #fff;
}
.header-fixed.smaller .main-header {
box-shadow : 0 0.1rem 0.5rem 0 #eee;
}
.header-fixed + #wrap-body > section:first-child {
margin-top : 8rem !important ;
}
header ul.list-li li {
font-size : 1.7rem;
font-weight : 600;
}
.header-overlay {
position : absolute;
top : 0;
z-index : 999;
width : 100%;
color : #fff;
}
.header-overlay-fixed {
position : fixed;
top : 0;
left : 0;
width : 100%;
z-index : 999;
color : #fff;
}
.header-overlay-fixed.smaller .main-header {
background : #333;
color : #fff;
z-index : 999;
}
[class*="header-overlay"] + #wrap-body > .banner .card-img-overlay {
margin-top : 1rem;
}
.header-right, .header-left {
position : fixed;
top : 0;
bottom : 0;
width : 22rem;
background : #fff;
height : 100%;
padding : 1rem;
}
.header-right {
right : 0;
}
.header-left {
left : 0;
}
.header-left + #wrap-body, .header-left + #wrap-body + footer {
margin-left : 22rem;
}
.header-left-1 + #wrap-body, .header-left-1 + #wrap-body + footer {
margin-left : 9rem;
}
.header-left .main-header {
position : relative;
z-index : 999;
text-align : right;
height : 100%;
}
.header-left .main-header .menu-nav ul.menu li {
display : block;
padding-right : 2rem;
}
.header-left .main-header .menu-nav ul.menu li a {
padding : 1rem 0;
}
.header-left .main-header .menu-nav ul.menu li ul {
left : calc(100%);
top : 0;
padding : 1.5rem 1rem;
}
.header-left .main-header .menu-nav ul.menu ul.sub-menu li a {
padding : 0.6rem 0;
}
a.button {
margin-top : 18px;
background-color : #111;
border : none;
color : white;
padding : 8px 12px;
text-align : center;
text-decoration : none;
display : inline-block;
font-size : 18px;
border-radius : 14px;
}
a.button:hover {
background-color : #777;
}
.btn {
border-radius : 0.1rem;
font-size : 1.2rem;
padding : 1.2rem 2.5rem;
outline : none !important ;
font-weight : 600;
background : #eee;
position : relative;
text-transform : uppercase;
color : #333;
}
.btn[class*="bg-"] {
color : #fff;
}
.btn-sm {
padding : 0.8rem 1.5rem;
}
.btn-md {
padding : 1.4rem 2.7rem;
}
.btn-lg {
padding : 1.5rem 3rem;
font-size : 1.3rem;
}
.btn-xl {
padding : 1.8rem 4rem;
font-size : 1.5rem;
}
.btn-xll {
padding : 2.2rem 5rem;
}
.btn[class*="border-"] {
background : none;
color : inherit;
}
.btn.btn-round {
border-radius : 5rem;
padding : 1.3rem 3rem;
}
.btn-round.btn-sm {
padding : 0.8rem 2rem;
}
.btn-round.btn-lg {
padding : 1.6rem 4.5rem;
}
.btn-round.btn-xl {
padding : 1.8rem 5rem;
}
.btn-shadow-info {
box-shadow : 2px 2px 0 1px #107788;
border-bottom : 1px solid rgb(255, 255, 255, 0.1);
border-right : 1px solid rgb(255, 255, 255, 0.1);
}
.btn-shadow-primary {
box-shadow : 2px 2px 0 1px #0d5db3;
border-bottom : 1px solid rgb(255, 255, 255, 0.1);
border-right : 1px solid rgb(255, 255, 255, 0.1);
}
.btn-shadow-warning {
box-shadow : 0 3px 0 0 #d09f10;
border-bottom : 1px solid rgb(255, 255, 255, 0.1);
border-right : 1px solid rgb(255, 255, 255, 0.1);
position : relative;
}
.btn-shadow-warning:after {
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : -0.5rem;
content : '';
box-shadow : 0 0 10px 0 #ccc;
border-radius : 0.5rem;
z-index : -1;
}
.btn-shadow-danger {
box-shadow : 2px 2px 0 1px #af1b29;
}
.btn-shadow-success {
box-shadow : 2px 2px 0 1px #13842d;
border-bottom : 1px solid rgb(255, 255, 255, 0.1);
border-right : 1px solid rgb(255, 255, 255, 0.1);
}
.btn-shadow-secondary {
box-shadow : 2px 2px 0 1px #555;
}
.btn-shadow-info-1 {
box-shadow : 1px 1px 0 1px #0e97ad;
}
.btn-shadow-primary-1 {
box-shadow : 1px 1px 0 1px #106bce;
}
.btn-shadow-warning-1 {
box-shadow : 1px 1px 0 1px #f3ba11;
}
.btn-shadow-danger-1 {
box-shadow : 1px 1px 0 1px #af1b29;
}
.btn-shadow-success-1 {
box-shadow : 1px 1px 0 1px #0c9a2c;
}
.btn-shadow-secondary-1 {
box-shadow : 1px 1px 0 1px #555;
}
.btn-shadow-info-2 {
box-shadow : 0 0 3rem 0 #a2d0d8;
}
.btn-shadow-primary-2 {
box-shadow : 0 0 3rem 0 #91b8e2;
}
.btn-shadow-warning-2 {
box-shadow : 0 0 3rem 0 #f3d375;
}
.btn-shadow-danger-2 {
box-shadow : 0 0 3rem 0 #af1b29;
}
.btn-shadow-success-2 {
box-shadow : 0 0 3rem 0 #8bd69c;
}
.btn-shadow-secondary-2 {
box-shadow : 0 0 3rem 0 #555;
}
.btn-shadow-2 {
position : relative;
border-radius : 0;
border : #fff solid 1px;
box-shadow : 3px 3px 0 0 #fff;
color : #fff;
background : none;
}
.btn-shadow-3 {
position : relative;
border-radius : 0;
border : #555 solid 1px;
box-shadow : 3px 3px 0 0 #555;
background : none;
}
.btn-shadow-4 {
position : relative;
border-radius : 0;
}
.btn-shadow-4:after {
position : absolute;
top : 3px;
left : 3px;
right : -5px;
bottom : -5px;
z-index : -1;
content : '';
border : #555 solid 1px;
}
.btn-shadow-5 {
position : relative;
border-radius : 0;
padding-left : 4rem;
padding-right : 4rem;
box-shadow : 4px 4px 0 0 #2693ff;
}
.btn-list .btn {
margin-right : 1.5rem;
}
.btn-group .btn.btn-lg {
padding : 1.5rem 3rem;
}
.btn.bg-default {
border : 0;
}
.btn-icon {
align-items : center !important ;
background-color : white;
display : inline-flex !important ;
padding : 1rem 1rem 1rem 3rem !important ;
}
.btn-icon .icn {
margin-right : 0;
margin-left : 1.5rem !important ;
background : #fff;
}
.btn-icon-round {
border-radius : 5rem;
}
.btn-icon-round .icn {
margin-right : 0;
margin-left : 1.5rem;
border-radius : 5rem;
background : #fff;
}
.btn-icon-skew {
align-items : center !important ;
background-color : white;
display : inline-flex !important ;
padding : 0.7rem 0.7rem 0.7rem 2.5rem !important ;
}
.btn-icon-skew .icn {
margin-right : 0;
margin-left : 3rem !important ;
background : #fff;
color : #333;
text-align : left;
position : relative;
overflow : visible;
padding-left : 1rem;
justify-content : left !important ;
}
.btn-icon-skew .icn:after {
position : absolute;
left : -5.8rem;
top : 0;
content : '';
border-top : 3.5rem solid transparent !important ;
border-right : 2.3rem solid #fff;
border-left : 3.5rem solid transparent !important ;
}
.btn-icon-yellow .icn {
background : #feda00;
color : #fff;
}
.btn-icon-yellow .icn:after {
border-right : 2.3rem solid #feda00 !important ;
}
.btn-icon-dark .icn {
background : #333;
color : #fff;
}
.btn-icon-dark .icn:after {
border-right : 2.3rem solid #333 !important ;
}
.btn-l {
position : relative;
padding-left : 3.5rem !important ;
border-width : 1px;
}
.btn-l:after {
position : absolute;
left : 1rem;
top : 48%;
width : 2rem;
height : 0.1rem;
background : #333;
content : '';
}
.btn.btn-arrow-icon {
position : relative;
padding-right : 4rem !important ;
}
.btn-lg.btn-arrow-icon {
position : relative;
padding-right : 5rem !important ;
}
.btn-arrow-icon:before {
position : absolute;
right : 2rem;
font-family : FontAwesome;
font-size : 1.3rem;
margin-top : -0.2rem;
content : "\f0a9";
}
.btn-lg.btn-arrow-icon:before {
right : 3rem;
}
a.btn.btn-border-f {
background : none;
border : #fff solid 2px;
color : #fff;
background : none;
}
a.btn.btn-border-3 {
border : #333 solid 2px;
color : #333;
background : none;
}
.btn.btn-reset {
background : none;
padding : 0;
}
ul {
padding : 0;
margin : 0;
}
li {
list-style : none;
}
ul li a, ul li, ol li, ol li a, ul li label {
color : inherit;
font-size : inherit;
font-weight : inherit;
text-transform : inherit;
}
ul li i {
width : 2.5rem;
margin : 0;
}
ul li span {
color : #888;
font-size : 1.4rem;
}
ul.list li a {
padding : 0.5rem 0;
display : block;
}
.list-li li {
padding : 0.5rem 0;
}
.list.d-flex li a {
padding : 0 0.7rem;
}
.list-li.d-flex li {
padding : 0 0.7rem;
}
.row-1 {
margin : -0.1rem;
}
.row-2 {
margin : -0.2rem;
}
.row-3 {
margin : -0.3rem;
}
.row-4 {
margin : -0.4rem;
}
.row-5 {
margin : -0.5rem;
}
.row-10 {
margin : -1rem;
}
.row-15 {
margin : -1.5rem;
}
.row-20 {
margin : -2rem;
}
.row-30 {
margin : -3rem;
}
.row-ab-1 > [class*="col-"] {
padding : 0;
margin-right : -1px;
margin-bottom : -1px;
}
.cards [class*="row-"] .card {
margin-bottom : 0;
padding : 10px;
}
.row-0, .row-0 .card {
margin : 0;
}
.row-ab-1 {
margin : -2px;
}
.row-0 > [class*="col-"] {
padding : 0;
}
.row-1 > [class*="col-"] {
padding : 0.1rem;
}
.row-2 > [class*="col-"] {
padding : 0.2rem;
}
.row-3 > [class*="col-"] {
padding : 0.3rem;
}
.row-4 > [class*="col-"] {
padding : 0.4rem;
}
.row-5 > [class*="col-"] {
padding : 0.5rem;
}
.row-10 > [class*="col-"] {
padding : 1rem;
}
.row-15 > [class*="col-"] {
padding : 1.5rem;
}
.row-20 > [class*="col-"] {
padding : 2rem;
}
.row .owl .card, [class*="row-"] .card {
margin-bottom : 0 !important ;
}
[class*="row-ab-"] .card {
margin-bottom : -1px !important ;
}
[class*="row-"] > [class*="col-"] > .form-group {
margin-bottom : 0 !important ;
}
.img-hover {
overflow : hidden;
}
.img-hover .card-img-overlay, .img-hover .card-img-overlay .card-align, .img-hover img {
transition : all 0.5s;
}
.img-hover .card-img-overlay .card-align {
position : absolute;
top : 50%;
width : 100%;
transform : translate(0,-50%);
}
.img-hover-1.img-hover .card-img-overlay {
opacity : 0;
}
.img-hover-1.img-hover:hover .card-img-overlay {
opacity : 1;
}
.img-hover-1.img-hover:hover img {
opacity : 0.7;
}
.img-hover-2.img-hover .card-img-overlay {
opacity : 0;
}
.img-hover-2.img-hover:hover .card-img-overlay {
opacity : 1;
}
.img-hover-2.img-hover:hover img {
opacity : 0.7;
}
.img-hover-2.img-hover .card-img-overlay {
top : 60%;
}
.img-hover-2.img-hover:hover .card-img-overlay {
top : 50%;
}
.img-hover-3.img-hover .card-img-overlay {
opacity : 0;
left : -30%;
}
.img-hover-3.img-hover:hover .card-img-overlay {
opacity : 1;
}
.img-hover-3.img-hover:hover img {
transform : scale(1.1);
opacity : 0.7;
}
.img-hover-3.img-hover:hover .card-img-overlay {
left : 0;
}
.img-hover-4.img-hover .card-img-overlay {
height : 100%;
left : -100%;
background : #fff;
color : #333;
}
.img-hover-4.img-hover .card-img-overlay .card-align {
position : absolute;
top : 50%;
width : 100%;
transform : translate(0,-50%);
}
.img-hover-4.img-hover .card-img-overlay {
background : #f5f5f5;
transition : all 1s;
}
.img-hover-4.img-hover:hover .card-img-overlay {
left : 0;
}
.img-hover-4.img-hover:hover img {
transform : translateX(100%);
}
.img-hover-5.img-hover {
background : #f5f5f5;
}
.img-hover-5.img-hover img {
transition : all 1s;
}
.img-hover-5.img-hover .card-img-overlay {
height : 100%;
}
.img-hover.img-hover-5 .card-img-overlay .card-align {
opacity : 0;
transform : scale(0.5);
}
.img-hover.img-hover-5:hover .card-img-overlay .card-align {
opacity : 1;
transform : scale(1);
}
.img-hover.img-hover-5:hover img {
transform : translateY(100%);
}
.img-hover-6.img-hover .card-img-overlay {
height : 100%;
left : -100%;
background : #666;
}
.img-hover-6.img-hover .card-img-overlay .card-align {
position : absolute;
top : 50%;
width : 100%;
transform : translate(0,-50%);
}
.img-hover-6.img-hover:hover .card-img-overlay {
left : 0;
}
.img-hover-7.img-hover .card-img-overlay {
top : 100%;
width : 100%;
transform : translateY(0%) !important ;
text-align : left;
padding : 1.5rem 2rem;
}
.img-hover-7.img-hover:hover .card-img-overlay {
transform : translateY(-100%) !important ;
}
.img-hover-7.img-hover img {
opacity : 1;
}
.img-hover-7.img-hover:hover img {
opacity : 0.7;
}
.img-hover-7.img-hover .card-img-overlay .card-title {
text-align : left;
margin : 0;
display : inline;
}
.img-hover-7.img-hover .card-img-overlay .card-title a.float-right {
margin-right : 0.5rem;
}
.img-hover-8.img-hover .card-img-overlay {
background : #666;
top : 0%;
transform : translateY(-100%) !important ;
}
.img-hover-8.img-hover:hover .card-img-overlay {
transform : translateY(0%) !important ;
}
.img-hover-9.img-hover .card-img-overlay {
height : 100%;
}
.img-hover-9.img-hover .card-img-overlay .card-align {
z-index : 5;
opacity : 0;
}
.img-hover-9.img-hover .card-img-overlay:after {
position : absolute;
top : 0;
left : 0;
right : 0;
height : 50%;
content : '';
background : #333;
transform : translateY(-100%) !important ;
transition : all 0.5s;
}
.img-hover-9.img-hover .card-img-overlay:before {
position : absolute;
bottom : 0;
left : 0;
right : 0;
height : 50%;
content : '';
background : #333;
transform : translateY(100%) !important ;
transition : all 0.5s;
}
.img-hover-9.img-hover:hover .card-img-overlay:after {
transform : translateY(0%) !important ;
}
.img-hover-9.img-hover:hover .card-img-overlay:before {
transform : translateY(0%) !important ;
}
.img-hover-9.img-hover:hover .card-img-overlay .card-align {
opacity : 1;
}
.img-hover-10.img-hover .card-img-overlay {
top : 100%;
opacity : 0;
transform : translateY(-100%) !important ;
}
.img-hover-10.img-hover:hover .card-img-overlay {
opacity : 1;
}
.img-hover-10.img-hover:hover img {
transform : translateY(-20%) !important ;
}
.bg-trans:after {
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
content : '';
z-index : 0;
background-color : #333;
}
.bg-trans-1:after {
background : rgb(218, 39, 61, 0.6);
}
.bg-trans-2:after {
background : rgb(124, 6, 197, 0.6);
}
.card .col-md-8 p { padding-left: 0px; }
.bghoek {
width : 100%;
bottom : -1px !important ;
max-height : 310px;
margin-top : 80px;
}
.bghoek2 {
width : 100%;
bottom : -1px !important ;
max-height : 310px;
margin-top : 100px;
}
.bghoek img {
width : 100%;
margin : 0 auto;
}
.bghoek2 img {
transform : scale(-1,-1);
margin-top: -1px;
}
.container .col-6 {
padding-left : 0;
}
span.payoff {
margin : 0 0 0 20px;
color : #666;
}
.col-6-menu {
float : right;
color : #aaa;
margin-top : -80px;
font-family : 'Open Sans', sans-serif;
}
.col-md-copy {
float : right;
color : #aaa;
}
.col-md-3 {
flex : 0 0 20%;
}
.img-5side-inner {
transform : rotate(-60deg);
overflow : hidden;
}
.img-5side-inner img {
transform : rotate(-60deg);
background : #fff;
}
.img-5side {
transform : rotate(120deg);
overflow : hidden;
}
.img-round {
border-radius : 500rem;
}
.image-group-1 .img-1 {
width : 80%;
float : right;
}
.image-group-1 .img-2 {
margin-top : -25rem;
margin-right : 15rem;
border : #fff solid 2rem;
border-bottom : 0;
width : 80%;
}
[class*="bg-mask"] {
position : relative;
}
[class*="bg-mask"]:after {
content : '';
top : 0;
left : 0;
right : 0;
bottom : 0;
position : absolute;
z-index : 0;
}
.bg-mask1:after {
background : rgb(71, 204, 234, 0.23);
}
.bg-mask2:after {
background : rgb(247, 230, 34, 0.23);
}
.bg-mask3:after {
background : rgb(236, 164, 241, 0.23);
}
.img-gn:after {
content : '';
top : 0;
left : 0;
right : 0;
bottom : 0;
width : 100%;
position : absolute;
z-index : 0;
background : #fff;
transition : all 1s ease;
}
.img-gn-reset:after {
width : 0 !important ;
}
.after-none:after {
display : none;
}
.before-none:before {
display : none;
}
.after-bg:after {
background : inherit;
position : absolute;
width : 40rem;
right : -39.5rem;
top : 0;
bottom : 0;
content : '';
}
.before-bg:after {
background : inherit;
position : absolute;
width : 40rem;
left : -39rem;
top : 0;
bottom : 0;
content : '';
}
.block-title {
margin-bottom : 6rem;
margin-top : 6rem;
text-align : center;
font-weight : 500;
}
.block-title h1, .block-title h2, .block-title h3, .block-title h4, .block-title h5, .block-title h6 {
margin-top : 0;
line-height : 0.9;
}
.block-title h2 {
font-size : 5rem;
margin : 0;
font-weight : 500;
}
.block-title h2.uppercase {
font-size : 1.5rem;
font-weight : 800;
text-transform : uppercase;
letter-spacing : 0.1em;
color : #666;
}
.block-title h2.text-uppercase {
font-size : 3.5rem;
}
.block-title h6 + h2 {
margin-top : 1.5rem;
}
h2.line-mix {
margin-bottom : 2rem !important ;
}
.block-title h2 strong {
font-weight : bold;
}
.block-title h2 strong.strong-1 {
font-weight : inherit;
font-style : italic;
}
.block-title h2 strong.strong-2 {
font-weight : inherit;
font-style : italic;
}
.block-title h6 {
font-size : 1.6rem;
font-weight : 500;
text-transform : uppercase;
margin-bottom : 1.5rem;
}
.block-title h5 {
text-transform : uppercase;
font-size : 1.6rem;
font-weight : 600;
margin-bottom : 1rem;
opacity : 0.5;
}
.block-title h4 {
font-size : 1.7rem;
font-weight : 700;
text-transform : capitalize;
margin-bottom : 1.5rem;
color : #0036d9;
opacity : 0.7;
}
.block-title .bgn2 {
padding : 0;
margin-bottom : 0;
}
.block-title .line-default {
padding-bottom : 3rem !important ;
}
.block-title p {
max-width : 65rem;
margin-left : auto;
margin-right : auto;
opacity : 0.8;
margin-bottom : 0;
margin-top : 2.2rem;
}
.block-title.text-left p {
margin-left : 0;
}
.block-title.text-left.line-default:after, .block-title.text-left.line-double:after, .block-title.text-left.line-double:before {
left : 0;
margin-left : 0;
}
.block-title.text-left.line-double:after {
margin-left : 1rem;
}
.block-title-1 {
text-align : center;
margin-bottom : 6rem;
}
.block-title-1 h2 {
font-size : 4rem;
margin-top : 0;
line-height : 1;
font-weight : 800;
margin-bottom : 2.5rem;
}
.block-title-2 h2 {
font-size : 4.5rem;
margin-top : 0;
text-transform : uppercase;
line-height : 1;
font-family : 'Open Sans Condensed', sans-serif !important ;
font-weight : 300;
}
.block-title-3 h2 {
font-size : 3rem;
line-height : 1;
display : inline-block;
margin : 0 auto;
}
.page-title {
padding : 0 !important ;
}
.page-title-1 + section:not([class*="bg-"]), .page-title-2 + section, .page-title-2 + div {
padding-top : 0 !important ;
}
.page-title .card {
height : 40rem;
margin : 0;
}
.page-title .card .card-img-overlay {
text-align : left;
padding : 0;
color : #333;
}
.page-title .card h1.card-title {
font-size : 7rem;
line-height : 1;
letter-spacing : -2px;
margin : 0;
}
.page-title .card p {
font-size : 1.8rem;
font-weight : 600;
margin-top : 1rem;
}
.grid-5 .grid-item {
padding : 0.25rem;
}
.grid-5 {
margin : -0.25rem;
}
.grid-10 .grid-item {
padding : 0.5rem;
}
.grid-10 {
margin : -0.5rem;
}
.grid-15 .grid-item {
padding : 0.75rem;
}
.grid-15 {
margin : -0.75rem;
}
.grid-20 .grid-item {
padding : 1rem;
}
.grid-20 {
margin : -1rem;
}
.grid-25 .grid-item {
padding : 1.25rem;
}
.grid-25 {
margin : -1.25rem;
}
.grid-30 .grid-item {
padding : 1.5rem;
}
.grid-30 {
margin : -1.5rem;
}
.grid-40 .grid-item {
padding : 2rem;
}
.grid-40 {
margin : -2rem;
}
.grid-num-1 .grid-item {
width : 100%;
}
.grid-num-2 .grid-item {
width : 50%;
}
.grid-num-3 .grid-item {
width : 33.333%;
}
.grid-num-4 .grid-item {
width : 25%;
}
.grid-num-5 .grid-item {
width : 20%;
}
.grid:after {
content : '';
display : block;
clear : both;
}
.grid-item {
width : 25%;
float : left;
overflow : hidden;
}
.grid-3 .grid-item {
width : 33.333%;
}
.grid-2 .grid-item {
width : 50%;
}
.grid-item--width2 {
width : 33%;
}
.grid-item--width3 {
width : 50%;
}
.grid-item--width4 {
width : 66%;
}
.grid-item--height2 {
height : 30rem;
}
.grid-item--height3 {
height : 40.75rem;
}
.grid-item--height4 {
height : 50.7rem;
}
.grid-item--height5 {
height : 60.3rem;
}
.nav-tabs {
border : 0;
margin-bottom : 2px;
}
.nav-tabs .nav-item {
margin-bottom : 0;
border-radius : 0;
font-size : inherit;
padding : 1.2rem 2.5rem;
background : #eee;
text-transform : uppercase;
font-size : 1.3rem;
font-weight : 600;
margin-right : 0.2rem;
position : relative;
transition : all 0.3s ease;
}
.nav-tabs .nav-item i {
margin-right : 0.35rem;
}
.nav-tabs-center {
justify-content : center;
}
.nav-tabs-right {
justify-content : flex-end;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
background : #f5bf23;
color : #fff;
border : none;
}
.nav-tabs-border .nav-item {
border : #eee solid 1px;
}
.nav-tabs-group .nav-item {
margin-right : -1px !important ;
}
.nav-tabs-icon {
text-align : center;
}
.nav-tabs-icon .nav-item {
padding : 2rem 4rem !important ;
}
.tab-content {
border : #eee solid 1px;
padding : 2rem;
margin-top : 0;
background : #fff;
}
.nav-tabs-round-5 .nav-item {
border-top-right-radius : 0.5rem !important ;
border-top-left-radius : 0.5rem !important ;
margin-right : 1rem !important ;
box-shadow : 0 0 5px 0 #ccc;
}
.nav-tabs-shap1 .nav-item {
border-bottom : 40px solid #fff;
border-left : 30px solid transparent;
border-right : 30px solid transparent;
height : 0;
width : 150px;
padding : 0 !important ;
text-align : center;
line-height : 2.5;
background : none !important ;
margin-right : 0 !important ;
}
.tabs-1 .nav-tabs .nav-item {
border : 0;
padding : 1rem 2rem;
border : #fff solid 1px;
margin-right : 1rem;
}
.tabs-1 .nav-tabs .nav-item:hover, .tabs-1 .nav-tabs .nav-item.show .nav-link, .tabs-1 .nav-tabs .nav-link.active {
border : #ff9900 solid 1px;
border-top : 5px solid #ff9900;
background : #fff;
color : #333;
border-bottom : 0;
margin-bottom : -3px;
}
.tabs-arrow-bottom .nav-tabs .nav-item.show .nav-link::after, .tabs-arrow-bottom .nav-tabs .nav-link.active::after {
position : absolute;
content : '';
bottom : -1rem;
left : 50%;
margin-left : -1rem;
border-left : 1rem solid transparent;
border-right : 1rem solid transparent;
border-top : 1rem solid #f5bf23;
}
.tabs-3 .nav-tabs .nav-item {
border : 0;
color : #333;
background : #fff;
padding : 1rem;
}
.tabs-3 .nav-tabs .nav-item.show .nav-link, .tabs-3 .nav-tabs .nav-link.active {
color : #333;
background : #fff;
}
.tabs-5 .nav-tabs .nav-item {
border : 0;
background : #fff;
margin-right : -1px;
padding : 1.2rem 2rem;
border : #ddd solid 1px;
}
.tabs-5 .nav-tabs .nav-item.show .nav-link, .tabs-5 .nav-tabs .nav-link.active {
background : #fafafa;
color : #333;
border : #ddd solid 1px;
border-bottom : 1px solid #fafafa;
}
.tabs-arrow-right .nav-tabs .nav-item {
background : #fff;
color : #333;
margin-right : 0.2rem;
border-radius : 0;
margin-bottom : 2px;
padding : 1rem 2rem;
position : relative;
}
.tabs-arrow-right .nav-tabs .nav-item.show .nav-link::after, .tabs-arrow-right .nav-tabs .nav-link.active::after {
position : absolute;
content : '';
top : 50%;
right : -1rem;
margin-top : -1rem;
border-top : 1rem solid transparent;
border-left : 1rem solid #62c076;
border-bottom : 1rem solid transparent;
}
.tabs-arrow-left .nav-tabs .nav-item {
background : #fff;
color : #333;
margin-left : 0.2rem;
border-radius : 0;
margin-bottom : 2px;
padding : 1rem 2rem;
position : relative;
}
.tabs-arrow-left .nav-tabs .nav-item.show .nav-link::after, .tabs-arrow-left .nav-tabs .nav-link.active::after {
position : absolute;
content : '';
top : 50%;
left : -1rem;
margin-top : -1rem;
border-top : 1rem solid transparent;
border-right : 1rem solid #62c076;
border-bottom : 1rem solid transparent;
}
.tabs-arrow-top .nav-tabs .nav-item {
background : #fff;
color : #333;
margin-right : 0.2rem;
border-radius : 0;
margin-top : 2px;
padding : 1rem 2rem;
position : relative;
}
.tabs-arrow-top.nav-tabs .nav-item.show .nav-link::after, .tabs-arrow-top .nav-tabs .nav-link.active::after {
position : absolute;
content : '';
top : -1rem;
left : 50%;
margin-left : -1rem;
border-left : 1rem solid transparent;
border-right : 1rem solid transparent;
border-bottom : 1rem solid #62c076;
}
.dropdown .dropdown-menu {
border-radius : 0.4rem;
padding : 0;
box-shadow : 0 0.1rem 0.1rem 0 #ccc;
border : 0;
min-width : 2rem;
margin-top : 0;
}
.dropdown .dropdown-menu a.dropdown-item {
border-bottom : 1px solid #eee;
padding : 1rem 2rem;
background : #fff;
color : #333;
font-size : 1.4rem;
align-items : center !important ;
display : flex !important ;
}
.dropdown .dropdown-menu-1 {
background : none;
box-shadow : 0 0 0 0 #ccc;
margin-top : 1px;
width : 100%;
}
.dropdown .dropdown-menu-1 a.dropdown-item {
border-bottom : 0;
padding : 0;
background : #fff;
color : #333;
box-shadow : 0.1rem 0.1rem 0.1rem 0 #ddd;
margin-bottom : 1px !important ;
font-size : 1.5rem;
}
.dropdown-menu a.dropdown-item:last-child {
border : none;
}
.card {
border : 0;
background : none;
border-radius : 0;
z-index : 1;
}
.card .card-img-overlay {
top : 50%;
bottom : auto;
width : 100%;
text-align : center;
z-index : 5;
color : #fff;
transform : translateY(-50%) !important ;
}
figure {
margin : 0 0 2rem;
}
.card img {
width : 100%;
border-radius : 25px;
}
div.klantenimg {
margin : 0 auto;
text-align : center;
}
img.klanten {
margin : 10px;
padding : 0;
width : 200px;
filter : grayscale(100%);
opacity : 0.5;
}
img.klanten:hover {
filter : grayscale(0%);
opacity : 1;
}
.card p {
padding-left : 20px;
color : #666;
}
.card figure img {
transform : scale(1);
transition : 0.3s ease-in-out;
}
.card figure:hover img {
transform : scale(0.96);
}
.card img.about {
box-shadow : 29px 27px 34px -27px rgb(199, 199, 199, 1);
transition : filter 0.5s ease-in-out;
filter : grayscale(0%);
}
.card img.about:hover {
filter : grayscale(75%);
}
.cards-img-round .card img, .cards-img-round .card .card-img {
border-radius : 30rem;
}
.cards-img-round .card .card-img {
border : #eee solid 2rem;
}
.card > i.fa {
font-size : 4rem;
}
.card > i[class*="icon-"], .card .media > i[class*="icon-"] {
font-size : 5rem;
line-height : 0.8;
}
.card > i[class*="icon-"], .card .media > i[class*="icon-"], .card .shap-hexa i, .cards .card .icn i {
color : #2693ff;
}
.card .media > i[class*="icon-"] {
margin-right : 2rem;
}
.text-center .icn {
margin : 0 auto;
}
.card .card-body .card-title {
margin-top : 0;
}
h3.card-title {margin-left: 20px;}
.card .card-body h1.card-title {
font-size : 7rem;
}
.card .card-body h2.card-title {
font-size : 5rem;
font-weight : 800;
}
.card .card-body h3.card-title {
font-size : 2rem;
margin : 0;
}
.card .card-body h4.card-title {
font-size : 1.8rem;
}
.card .card-body h5.card-title {
font-size : 1.6rem;
}
.card .card-body h6.card-title {
font-size : 1.4rem;
}
.cards .card {
margin-bottom : 3rem;
color : #333;
}
.cards.cards-no-bg .card {
background : none;
}
.cards-padd-10 .card .card-body {
padding : 1rem;
}
.cards-padd-15 .card .card-body {
padding : 1.5rem;
}
.cards-padd-20 .card .card-body {
padding : 2rem;
}
.cards-padd-25 .card .card-body {
padding : 2.5rem;
}
.cards-padd-30 .card .card-body {
padding : 3rem;
}
.cards-padd-35 .card .card-body {
padding : 3.5rem;
}
.cards-padd-4 .card .card-body {
padding : 4rem;
}
.cards-padd-45 .card .card-body {
padding : 4.5rem;
}
.cards-padd-50 .card .card-body {
padding : 5rem;
}
.cards-pad-10 .card {
padding : 1rem;
}
.cards-pad-15 .card {
padding : 1.5rem;
}
.cards-pad-20 .card {
padding : 2rem;
}
.cards-pad-25 .card {
padding : 2.5rem;
}
.cards-pad-30 .card {
padding : 3rem;
}
.cards-pad-35 .card {
padding : 3.5rem;
}
.cards-pad-40 .card {
padding : 4rem;
}
.cards-pad-45 .card {
padding : 4.5rem;
}
.cards-pad-50 .card {
padding : 5rem;
}
.cards-pad-10x0 .card {
padding : 1rem 0;
}
.cards-pad-15x0 .card {
padding : 1.5rem 0;
}
.cards-pad-20x0 .card {
padding : 2rem 0;
}
.cards-pad-30x20 .card {
padding : 3rem 2rem;
}
.cards-pad-40x20 .card {
padding : 4rem 2rem;
}
.cards-pad-40x30 .card {
padding : 4rem 3rem;
}
.cards-pad-50x0 .card {
padding : 5rem 0;
}
.cards-pad-50x20 .card {
padding : 5rem 2rem;
}
.cards-pad-50x30 .card {
padding : 5rem 3rem;
}
.cards.cards-mb-0 .card {
margin-bottom : 0;
}
.cards.cards-mb-5 .card {
margin-bottom : 0.5rem;
}
.cards.cards-mb-10 .card {
margin-bottom : 1rem;
}
.cards.cards-mb-15 .card {
margin-bottom : 1.5rem;
}
.cards.cards-mb-20 .card {
margin-bottom : 2rem;
}
.cards.cards-mb-25 .card {
margin-bottom : 2.5rem;
}
.cards.cards-mb-30 .card {
margin-bottom : 3rem;
}
.cards.cards-mb-35 .card {
margin-bottom : 3.5rem;
}
.cards.cards-mb-40 .card {
margin-bottom : 4rem;
}
.cards.cards-mb-45 .card {
margin-bottom : 4.5rem;
}
.cards.cards-mb-50 .card {
margin-bottom : 5rem;
}
.cards.cards-mb-60 .card {
margin-bottom : 6rem;
}
.cards.cards-mb-70 .card {
margin-bottom : 7rem;
}
.cards.cards-mb-80 .card {
margin-bottom : 8rem;
}
.cards-border-xs .card {
border : #eee solid 0.1rem;
}
.cards-border-sm .card {
border : #eee solid 0.5rem;
}
.cards-border-md .card {
border : #eee solid 1.5rem;
}
.cards-border-lg .card {
border : #eee solid 2rem;
}
.cards-border-xl .card {
border : #eee solid 3rem;
}
.cards-shadow-xs .card {
box-shadow : 0 0.2rem 0.5rem 0 rgb(18, 33, 62, 0.1);
}
.cards-shadow-sm .card {
box-shadow : 0 0.3rem 0.7rem 0 rgb(18, 33, 62, 0.1);
}
.cards-shadow-md .card {
box-shadow : 0 0.5rem 1.5rem 0 rgb(18, 33, 62, 0.1);
}
.cards-shadow-lg .card {
box-shadow : 0 1rem 3rem 0 rgb(18, 33, 62, 0.1);
}
.cards-shadow-xl .card {
box-shadow : 0 1.5rem 3rem 0 rgb(18, 33, 62, 0.1);
}
[class*="card-round-"] {
overflow : hidden;
}
.cards-round-xs .card {
border-radius : 0.3rem;
}
.cards-round-sm .card {
border-radius : 0.5rem;
}
.cards-round-md .card {
border-radius : 0.7rem;
}
.cards-round-lg .card {
border-radius : 1rem;
}
.cards-round-xl .card {
border-radius : 1.5rem;
}
.cards-round .card {
border-radius : 500rem;
}
.cards.cards-white .card {
background : #fff;
color : #333;
}
.cards.cards-light .card {
background : #f5f5f5;
}
.cards.cards-dark .card {
background : #444;
}
.cards.cards-title-normal .card .card-title {
font-weight : 400;
}
.cards.cards-title-medium .card .card-title {
font-weight : 600;
}
.cards.cards-title-bold .card .card-title {
font-weight : 800;
}
.cards.cards-title-upper .card .card-title {
text-transform : uppercase;
}
.column-display {
display : inline-block;
width : 100%;
}
.column-display .card {
border : 0;
margin-bottom : 1.2rem;
}
.column-display .card .card-img-top {
border-radius : 0;
}
.col-count-2 {
column-count : 2;
}
.col-count-3 {
column-count : 3;
}
.col-count-4 {
column-count : 4;
}
.col-count-5 {
column-count : 5;
}
.col-count-6 {
column-count : 6;
}
.col-count-7 {
column-count : 7;
}
.col-count-8 {
column-count : 8;
}
.col-count-9 {
column-count : 9;
}
.col-count-10 {
column-count : 10;
}
.column-gap-0 {
column-gap : 0;
}
.column-gap-1 {
column-gap : 0.1rem;
}
.column-gap-2 {
column-gap : 0.2rem;
}
.column-gap-3 {
column-gap : 0.3rem;
}
.column-gap-4 {
column-gap : 0.4rem;
}
.column-gap-5 {
column-gap : 0.5rem;
}
.column-gap-10 {
column-gap : 1rem;
}
.column-gap-15 {
column-gap : 1.5rem;
}
.column-gap-20 {
column-gap : 2rem;
}
.column-gap-25 {
column-gap : 2.5rem;
}
.column-gap-30 {
column-gap : 3rem;
}
.column-gap-40 {
column-gap : 4rem;
}
.column-gap-50 {
column-gap : 5rem;
}
.column-gap-60 {
column-gap : 6rem;
}
.column-gap-70 {
column-gap : 7rem;
}
.column-gap-80 {
column-gap : 8rem;
}
.column-gap-90 {
column-gap : 9rem;
}
.column-gap-100 {
column-gap : 10rem;
}
.column-gap-150 {
column-gap : 15rem;
}
.column-gap-200 {
column-gap : 20rem;
}
.column-gap-250 {
column-gap : 25rem;
}
.column-gap-300 {
column-gap : 30rem;
}
.card-columns.column-gap-ab-1 .card {
margin-bottom : -1px;
margin-right : -1px !important ;
}
.card-columns.column-gap-0 .card {
margin-bottom : 0;
}
.card-columns.column-gap-1 .card {
margin-bottom : 0.1rem;
}
.card-columns.column-gap-2 .card {
margin-bottom : 0.2rem;
}
.card-columns.column-gap-5 .card {
margin-bottom : 0.5rem;
}
.card-columns.column-gap-10 .card {
margin-bottom : 1rem;
}
.card-columns.column-gap-15 .card {
margin-bottom : 1.5rem;
}
.card-columns.column-gap-20 .card {
margin-bottom : 2rem;
}
.card-columns.column-gap-25 .card {
margin-bottom : 2.5rem;
}
.card-columns.column-gap-30 .card {
margin-bottom : 3rem;
margin-left : 70px;
}
.card-columns.column-gap-40 .card {
margin-bottom : 4rem;
}
.card-columns.column-gap-50 .card {
margin-bottom : 5rem;
}
.card-columns.column-gap-60 .card {
margin-bottom : 6rem;
}
.card-columns.column-gap-70 .card {
margin-bottom : 7rem;
}
.card-columns.column-gap-80 .card {
margin-bottom : 8rem;
}
.card-columns.column-gap-90 .card {
margin-bottom : 9rem;
}
.card-columns.column-gap-100 .card {
margin-bottom : 10rem;
}
.card-columns.column-gap-150 .card {
margin-bottom : 15rem;
}
.card-columns.column-gap-200 .card {
margin-bottom : 20rem;
}
.card-columns.column-gap-250 .card {
margin-bottom : 25rem;
}
.card-columns.column-gap-300 .card {
margin-bottom : 30rem;
}
.port-filter .card {
transition : all 1s ease;
}
.port-filter .card {
transform : scale(0);
}
.port-filter .card img {
max-width : 100%;
position : relative;
top : 0;
transition : all 600ms cubic-bezier(0.645,0.045,0.355,1);
}
.port-filter .scale-anm {
transform : scale(1);
}
.bm .row {
position : relative;
z-index : 1;
}
.bp-sm {
padding : 1.7rem 2.5rem !important ;
display : inline-block;
background-color : #fff;
}
.bgx {
background : #fff;
color : #333;
height : 9rem;
}
.bgx:before {
position : absolute;
left : -5rem;
top : 0;
z-index : 2;
content : '';
transform : Skew(-45deg);
background : #fff;
height : 100%;
width : 10rem;
}
.bgx:after {
position : absolute;
right : -30rem;
top : 0;
z-index : 2;
content : '';
background : #fff;
height : 100%;
width : 30rem;
}
.bgx .box-open {
margin-top : 3rem;
}
.add-1 {
float : right;
padding : 1.5rem;
}
.add-1 .add-inner {
background : #fff;
padding : 5rem;
display : inline-block;
color : #333;
}
.add-1 h5 {
margin : 1.3rem 0 0 0;
color : #999;
font-weight : 600;
text-transform : uppercase;
font-size : 1.3rem;
}
.add-1 h3 {
margin-top : 0;
}
.txt-1 {
font-size : 1.8rem;
color : #777;
}
.heading-1 {
font-size : 20rem;
margin-top : 0 !important ;
font-weight : 800;
line-height : 1;
letter-spacing : -0.1rem;
}
.heading-2 {
font-size : 4.5rem;
font-weight : 800;
margin-top : 0;
}
.heading-3 {
font-size : 4rem;
font-weight : 700;
margin-top : 0;
}
.boxd {
padding : 4rem;
background : #fff;
position : relative;
z-index : 1;
}
.boxd1 {
padding : 3rem;
background : #fff;
position : relative;
border : #ddd solid 1px;
z-index : 1;
}
.boxd2 {
padding : 5rem;
background : #fff;
box-shadow : 0 0.3rem 0.5rem 0 #ddd;
position : relative;
z-index : 1;
}
.boxd3 {
padding : 2rem;
background : #f5f5f5;
}
.project_info {
margin-top : 3rem;
}
.project_info .project_info_item {
margin-bottom : 1.5rem;
border-bottom : 1px dashed #ddd;
padding-bottom : 1.5rem;
}
.project_info h6 {
font-size : 1.6rem;
font-weight : 600;
margin : 0 0 0.5rem 0;
}
.project_info p {
margin : 0;
font-size : 1.4rem;
color : #999;
}
.phone-ct {
background : #f5f5f5;
padding : 2rem;
font-size : 2rem;
margin-top : 2.5rem;
}
.phone-ct strong {
font-size : 3rem;
font-family : 'Rubik', sans-serif;
font-weight : 500;
}
.bg-if {
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
z-index : 1;
}
.hn {
display : inline-block;
}
.hn img {
width : auto !important ;
}
.card11, .block-title11 {
opacity : 0;
transition : all 1s ease;
}
.card11.animated, .block-title.animated11 {
opacity : 1;
}
.stick-pos:after {
position : absolute;
top : 1rem;
right : 1rem;
content : '';
z-index : 999;
background : url(../images/new-icon-png-17.png);
background-repeat : no-repeat;
height : 3rem;
width : 3.5rem;
}
.banner .owl-stage {
transition : all 1s 0s ease !important ;
background : #000;
}
.bg-offset .owl-stage, .container {
background : none !important ;
}
.cards .owl-carousel .owl-stage-outer {
padding-bottom : 0.5rem;
}
.owl-carousel .card {
margin-bottom : 0 !important ;
}
.banner .owl-theme .owl-nav {
margin-top : 0;
position : absolute;
bottom : 4rem;
left : 46.5%;
z-index : 99;
}
.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {
height : 3.5rem;
width : 3.6rem;
}
.owl-theme .owl-nav .owl-prev span, .owl-theme .owl-nav .owl-next span {
display : none;
}
.owl-theme .owl-nav .owl-prev {
right : 5rem;
}
.owl-theme .owl-nav .owl-prev::before {
content : '\f053';
font-family : FontAwesome;
}
.owl-theme .owl-nav .owl-next::before {
content : '\f054';
font-family : FontAwesome;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top : 1rem;
}
.text-center .owl-theme .owl-nav.disabled + .owl-dots {
margin-top : 3rem;
}
.owl-theme .owl-dots .owl-dot span {
width : 3rem;
height : 0.4rem;
margin : 0 0.4rem;
margin-bottom : -0.5rem;
background : #D6D6D6;
display : block;
transition : opacity 0.2s ease;
border-radius : 1rem;
}
.owl-theme .owl-dots .owl-dot.active span {
width : 1.5rem;
background : #feda00;
}
.owl-dots-ab.owl-theme .owl-dots {
position : absolute;
right : 0;
top : -7rem;
}
.owl-dots-1 .owl-dots {
position : absolute;
top : 40%;
right : 7%;
}
.owl-dots-1 .owl-dots {
margin-top : 2rem;
}
.owl-dots-1 .owl-dots button.owl-dot {
display : block;
}
.owl-dots-1 .owl-dots button.owl-dot span {
width : 1.8rem;
height : 1.8rem;
border : #fff solid 1px;
border-radius : 0;
background : none;
margin-bottom : 0.4rem;
}
.owl-dots-1 .owl-dots button.owl-dot span:hover {
background : #fff;
}
.owl-dots-1 .owl-dots button.owl-dot.active span {
background : #fff;
}
.owl-dots-left .owl-dots {
text-align : left;
}
.owl-dots-left.owl-theme .owl-dots .owl-dot span {
margin-left : 0;
}
.owl-nav-1 .owl-nav .owl-prev, .owl-nav-1 .owl-nav .owl-next {
background : none;
border-radius : 0;
position : absolute;
opacity : 1;
padding : 0.5rem 1.2rem;
top : -5rem;
right : 1rem;
height : 3.5rem;
width : 3.8rem;
font-family : FontAwesome;
text-transform : uppercase;
color : #999;
font-size : 1.4rem;
background : #fff !important ;
display : inline-block;
transition : all 0.1s ease;
}
.owl-nav-1 .owl-nav .owl-prev:after, .owl-nav-1 .owl-nav .owl-prev:before, .owl-nav-1 .owl-nav .owl-next:after, .owl-nav-1 .owl-nav .owl-next:before {
position : absolute;
content : '';
font-family : FontAwesome;
color : #999;
width : 1.2rem;
background : #666;
height : 0.2rem;
text-align : center;
}
.owl-nav-1 .owl-nav .owl-prev {
right : 5rem;
}
.owl-nav-1 .owl-nav .owl-prev:after {
top : 1.5rem;
right : 1.2rem;
transform : rotate(-45deg);
}
.owl-nav-1 .owl-nav .owl-prev:before {
top : 2.2rem;
right : 1.2rem;
transform : rotate(45deg);
}
.owl-nav-1 .owl-nav .owl-next:after {
top : 1.5rem;
right : 1.2rem;
transform : rotate(45deg);
}
.owl-nav-1 .owl-nav .owl-next:before {
top : 2.2rem;
right : 1.2rem;
transform : rotate(-45deg);
}
.owl-nav-2 .owl-nav {
position : static !important ;
opacity : 0;
transition : all 0.5s ease;
}
.owl-carousel:hover .owl-nav {
opacity : 1;
}
.owl-nav-2 .owl-nav .owl-prev, .owl-nav-2 .owl-nav .owl-next {
position : absolute;
right : 2rem;
top : 47%;
width : 5rem;
height : 5rem;
z-index : 9999;
background : none !important ;
}
.owl-nav-2 .owl-nav .owl-prev {
left : 2rem !important ;
right : auto;
}
.owl-nav-2 .owl-nav .owl-prev:after, .owl-nav-2 .owl-nav .owl-prev:before, .owl-nav-2 .owl-nav .owl-next:after, .owl-nav-2 .owl-nav .owl-next:before {
position : absolute;
width : 3rem;
background : #fff;
height : 0.3rem;
text-align : center;
content : '';
}
.owl-nav-2 .owl-nav .owl-prev:after {
top : 1.5rem;
right : 1.2rem;
transform : rotate(-50deg);
}
.owl-nav-2 .owl-nav .owl-prev:before {
top : 3.6rem;
right : 1.2rem;
transform : rotate(50deg);
}
.owl-nav-2 .owl-nav .owl-next:after {
top : 1.5rem;
right : 1.2rem;
transform : rotate(50deg);
}
.owl-nav-2 .owl-nav .owl-next:before {
top : 3.6rem;
right : 1.2rem;
transform : rotate(-50deg);
}
.slider-1 .owl-item {
position : absolute !important ;
left : 0;
z-index : 0;
opacity : 0;
transition : opacity 1s ease;
}
.slider-1 .owl-item.active {
z-index : 1;
opacity : 1;
}
.slider-1 .owl-stage {
transform : translate3d(0,0,0) !important ;
height : 80rem;
transition : none !important ;
}
.preloader {
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
z-index : 9999;
background : #fff;
}
.preloader i {
position : absolute;
top : 50%;
left : 50%;
margin : -4rem 0 0 -4rem;
font-size : 3rem;
animation : spin 2s linear infinite;
}
.mtn i {
animation : spin 10s linear infinite;
}
@keyframes spin {
100% {
transform : rotate(360deg);
}
}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
opacity : 0;
transition : all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity : 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity : 1;
}
.mfp-bottom-bar {
top : auto !important ;
bottom : 10rem !important ;
left : 3rem;
}
.mfp-counter {
display : none;
}
.mfp-title {
font-size : 2rem;
margin-top : 2rem;
text-transform : uppercase;
position : absolute;
z-index : 999;
font-weight : 600;
top : 0;
}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
opacity : 0;
}
footer {
font-family : 'Open Sans', sans-serif;
}
.footer-top {
padding : 7rem 0;
}
.footer-top ul.list li a {
padding : 0.2rem;
padding-left : 0;
font-size : 1.4rem;
display : block;
}
.footer-top ul.list li a i {
font-size : 2.5rem;
margin : 0 0.5rem;
}
.footer-top h3 {
font-size : 2.2rem;
margin-top : 0;
}
.footer-top p {
font-weight : 500;
margin-bottom : 1rem;
font-size : 1.5rem;
}
.footer-bottom {
padding : 1.5rem 0;
border-top : 1px solid #eee;
}
.footer-bottom p {
margin : 0;
font-size : 1.4rem;
font-weight : 500;
}
@media (min-width: 1200px) {
.container {
width : 1200px;
max-width : 1500px;
}
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
#head {
width : 100%;
}
#head h1 {
padding : 0 40px 0;
font-size : 7rem;
line-height : 1.1em;
font-weight : 600;
}
#head h2.subtitle {
color : #666;
width : 65%;
font-size : 1.8rem;
font-weight : 400;
line-height : 1.4em;
}
#head h2.portfolio {
margin : 0 auto;
width : 65%;
}
h2 {
font-size : 4rem;
}
h3 {
font-size : 2.4rem;
}
h4 {
font-size : 1.6rem;
}
h2.heading-2 {
font-size : 6rem;
}
.bghoek {
margin-bottom : -100px;
}
.bghoek2 {
margin-top : 200px;
margin-bottom : -100px;
}
.card-columns {
padding-top : 60px;
}
}
@media (max-width: 991px) {
#head {
width : 100%;
}
#logogal .responsive {
width : 33%;
}
#head h1 {
padding : 0 40px 0;
font-size : 5.6rem;
line-height : 1.1em;
font-weight : 600;
}
#head h2.subtitle {
color : #666;
width : 75%;
font-size : 2rem;
font-weight : 400;
line-height : 1.4em;
}
#head h2.portfolio {
margin : 0 auto;
width : 65%;
}
#head p {
width : 65%;
}
h3 {
font-size : 2.4rem;
}
.bghoek {
margin-bottom : -100px;
}
.bghoek2 {
margin-top : 200px;
margin-bottom : -100px;
}
.card-columns.column-gap-30 .card {
margin-left : 0;
}
.card-columns {
padding-top : 60px;
}
.page-title h1 {
font-size : 7rem !important ;
}
.aside-box-edit {
display : none;
}
.card-columns img.w500, .card-columns .card.w500 {
width : 40rem !important ;
margin : 0;
}
.card-columns {
column-gap : 2rem;
}
.menu-1 .menu-nav ul.menu li ul.sub-menu, .menu-1 .menu-nav ul.menu ul.sub-menu ul.sub-menu {
top : 0%;
background-color : #fff;
z-index : 9999;
}
.menu-1 .menu-nav ul.menu {
margin-left : auto;
margin-right : auto;
padding-left : 4rem;
text-align : left;
}
.menu-1 {
position : fixed;
top : 0;
right : 0;
bottom : 0;
width : 27rem;
background : #fff;
height : 0;
z-index : 999;
overflow : hidden;
transition : all 0.5s;
text-align : left;
color : #333;
}
.menu-3 {
margin-right : 0;
}
.menu-1 .menu-nav ul.menu ul.sub-menu {
position : static;
padding : 0;
}
.menu-1 .menu-nav ul.menu li ul.sub-menu li a {
color : #666;
font-size : 1.8rem;
display : inline-block;
}
.menu-1 .menu-nav ul.menu li ul.sub-menu li li a {
color : #888;
font-size : 1.6rem;
display : inline-block;
padding-left : 1rem;
}
.menu-1 .menu-nav ul.menu li.drp > a:before {
position : absolute;
top : 22%;
left : -1rem;
z-index : 1;
content : '+';
font-weight : 400;
font-size : 2rem;
}
.menu-1 .menu-nav ul.menu ul.sub-menu li.drp > a:before {
position : absolute;
top : 7.5%;
left : 0;
z-index : 1;
content : '+';
font-weight : 400;
font-size : 2rem;
}
.menu-1 .menu-nav {
float : none !important ;
}
.menu-1 .menu-nav .menu {
margin-top : 7rem;
overflow-y : auto;
overflow-x : hidden;
max-height : 40rem;
}
.menu-1 .menu-nav .menu:after {
position : absolute;
width : 3rem;
right : 0;
height : 100%;
top : 0;
background : #fff;
content : '';
}
.menu-1 .menu-nav ul.menu li {
display : block;
transition : all 1s;
opacity : 0;
}
.menu-1 .menu-hd.menu-nav {
margin-right : 0;
}
.menu-1 .menu-hd.menu-nav ul.menu li {
transform : translateX(0) !important ;
}
.menu-1 .menu-nav ul.menu li:nth-child(1) {
transform : translateY(2rem);
}
.menu-1 .menu-nav ul.menu li:nth-child(2) {
transform : translateY(6rem);
}
.menu-1 .menu-nav ul.menu li:nth-child(3) {
transform : translateY(12rem);
}
.menu-1 .menu-nav ul.menu li:nth-child(4) {
transform : translateY(16rem);
}
.menu-1 .menu-nav ul.menu li:nth-child(5) {
transform : translateY(20rem);
}
.menu-1 .menu-nav ul.menu li:nth-child(6) {
transform : translateY(24rem);
}
.m-open.menu-1 .menu-nav ul.menu li {
transform : translateY(0) !important ;
opacity : 1;
}
.menu-1 .menu-nav ul.menu ul.sub-menu ul.sub-menu {
padding : 0.5rem 0;
}
.m-open.menu-1 {
height : 100%;
}
.menu-1 .menu-nav ul.menu li {
margin-left : 1rem;
}
.menu-1 .menu-nav ul.menu li a {
padding : 1rem;
font-size : 2rem;
font-weight : 600;
text-transform : capitalize;
position : relative;
}
.menu-1 .menu-nav ul.menu ul.sub-menu {
display : none;
visibility : visible;
}
.menu-1 .menu-nav ul.menu li:hover > ul.sub-menu {
display : none;
visibility : visible;
}
.menu-1 .menu-nav ul.menu li a:after {
position : absolute;
left : 0;
right : 0;
top : 50%;
content : '';
width : 0;
height : 0.2rem;
background : #333;
transition : all 0.5s;
}
.menu-1 .menu-nav ul.menu li a:hover:after {
width : 100%;
}
.menu-1 .box-close {
z-index : 9999;
width : 2.5rem;
height : 2.5rem;
transition : all 1s;
background : none;
border : 0;
}
.is-active.hamburger-light .hamburger-inner, .is-active.hamburger-light .hamburger-inner::before, .is-active.hamburger-light .hamburger-inner::after {
background-color : #333 !important ;
}
.box-open {
z-index : 999;
background : #fff;
}
.blog-b {
padding : 0;
margin : 0;
border : 0;
}
.heading-2 {
font-size : 5rem;
}
.block-title h2 {
font-size : 4rem;
}
.card .card-body h2.card-title {
font-size : 4rem;
}
section, .client.cards {
position : relative;
padding-top : 9rem;
}
section[class*="bg-"], .client.cards[class*="bg-"] {
margin-top : 9rem;
padding-bottom : 9rem;
}
#wrap-body section:last-child {
margin-bottom : 9rem;
}
.cards-title-40 .card h3.card-title {
font-size : 3rem !important ;
}
.col-md-3 {
flex : 0 0 30%;
max-width : none;
}
}
@media (max-width: 767px) {
#head img.over {
margin-bottom : -48px;
}
#logogal .responsive {
width : 50%;
}
h3 {
font-size : 1.8rem;
}
#head img {
width : 98%;
margin : 0 auto;
text-align : center;
padding : 40px 0 40px 0;
}
#head p {
width : 65%;
text-align : left;
padding : 4px 0 4px 0;
font-size : 1.8rem;
color : #666;
}
#head video {
padding : 0;
}
#head {
width : 100%;
}
#head h1 {
padding : 0 40px 0;
font-size : 4.8rem;
line-height : 1.1em;
font-weight : 600;
}
#head h1.portfolioover {
font-size : 3rem;
}
#head h2.subtitle {
color : #666;
width : 70%;
font-size : 2rem;
font-weight : 400;
line-height : 1.4em;
}
.bghoek {
margin-bottom : 0;
}
.bghoek2 {
margin-top : 300px;
margin-bottom : -100px;
}
.page-title h1 {
font-size : 6rem !important ;
}
.banner .card {
height : 60rem !important ;
}
.page-title .card {
height : 25rem;
}
.block-title {
margin-bottom : 4rem !important ;
margin-top : 0.5rem;
}
.block-title h2.uppercase {
width : 75%;
line-height : 1.4em;
margin : 0 auto;
}
.col-md-3 {
flex : 0 0 40%;
margin : 0 auto;
max-height : 120px;
}
.col-md {
margin : 0 auto;
text-align : center;
}
.col-md-copy {
margin : 0 auto;
text-align : center;
}
.card-columns {
padding-top : 60px;
column-count : 2 !important ;
column-gap : 3rem;
}
.cards .card-columns .card {
width : 100% !important ;
margin-top : 0 !important ;
margin-right : 0 !important ;
margin-left : 0 !important ;
margin-bottom : 3rem !important ;
}
.text-bg:before {
font-size : 15rem !important ;
}
.heading-2 {
font-size : 4rem;
}
.card h2.card-title {
font-size : 3rem !important ;
}
.cards .card h3.card-title {
line-height : 1.4em;
margin-left: 20px;
margin-top: 0px;
}
.testimonial .card .card-text {
font-size : 2rem;
}
.block-title h2 {
font-size : 4.5rem;
}
.card p.card-text, .txt-1 {
font-size : 1.6rem !important ;
}
section, .client.cards {
position : relative;
padding-top : 7rem;
}
section[class*="bg-"], .client.cards[class*="bg-"] {
margin-top : 7rem;
padding-bottom : 7rem;
}
#wrap-body section:last-child {
margin-bottom : 7rem;
}
.error_404 h2 {
font-size : 5rem;
}
.card p {
line-height : 1.4em;
}
.card {
padding : 0 0 30px 0;
}
.f-sm-25 {
font-size : 6rem !important ;
text-align : left;
}
}
@media (max-width: 575px) {
p.button {
text-align : center;
}
#head img.over {
margin-bottom : -51px;
}
.page-title h1 {
font-size : 5rem !important ;
}
.page-title .card p {
font-size : 1.6rem;
}
.text-bg:before {
font-size : 12rem !important ;
}
.menu-sp li a {
font-size : 2.5rem !important ;
}
.heading-2 {
font-size : 3.5rem;
}
h2 {
font-size : 3rem;
}
h3 {
font-size : 2.4rem;
}
.cards.cards-title-40 h3.card-title {
font-size : 2.5rem !important ;
}
.testimonial .card .card-text {
font-size : 1.8rem;
}
.block-title h2 {
font-size : 4rem;
}
.f-sm-25 {
text-align : center;
font-weight : 800;
}
p.color-6 {
text-align : center;
margin : 0 auto;
padding : 20px 0;
width : 80%;
}
.project_info {
width : 80%;
margin : 0 auto;
text-align : center;
}
.card-columns {
padding-top : 0;
column-count : 1 !important ;
column-gap : 20px;
}
.cards .card-columns .card {
margin-bottom : 2rem !important ;
}
section, .client.cards {
position : relative;
padding-top : 5rem;
}
section[class*="bg-"], .client.cards[class*="bg-"] {
margin-top : 5rem;
padding-bottom : 5rem;
}
#wrap-body section:last-child {
margin-bottom : 5rem;
}
.error_404 img {
width : 70% !important ;
}
.error_404 h2 {
font-size : 4rem;
}
.error_404 p {
font-size : 1.8rem;
}
figure {
margin : 0 0 2rem;
}
.card {
padding : 0 0 50px 0;
}
}
@media (max-width: 400px) {
.menu-1, .menu-2 {
width : 100% !important ;
}
.text-bg:before {
font-size : 7rem !important ;
}
.menu-sp li a {
font-size : 2rem !important ;
}
.heading-2 {
font-size : 3rem;
}
h3 {
font-size : 1.8rem;
}
}