html,
body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
height: 100%;
width: 100%;
line-height: 23px;
color: #0a3038;
}
img {
max-width: 100%;
}
.img-shd-left {
max-width: 100%;
height: auto;
border-radius: 4px;
box-shadow: -4px 4px 4px 0 rgba(0, 0, 0, .3);
}
.img-shd-right {
max-width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .3);
}
.img-city {
width: 100%;
min-width: 80px;
max-width: 120px;
height: auto;
border-radius: 4px;
}
.section-padding {
float: left;
padding: 100px 0;
width: 100%;
}
.section-padding1 {
float: left;
padding: 50px 0;
width: 100%;
}
.section-padding2 {
float: left;
padding: 50px 0;
width: 100%;
}
.section-padding3 {
float: left;
padding: 00px 0 20px 0;
width: 100%;
}
.title {
margin-bottom: 50px;
text-align: center;
}
.title-fix {
margin-bottom: 10px;
}
.title h3 {
font-size: 42px;
letter-spacing: 1.2px;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
background: rgba(0, 0, 0, 0) url("../images/tiltle-brk.png") no-repeat scroll center bottom;
padding-bottom: 40px;
}
.t-h3-fix {
font-size: 30px !important;
}
.title div {
background: rgba(0, 0, 0, 0) url("../images/tiltle-brk.png") no-repeat scroll center bottom;
padding-bottom: 40px;
}
.div-white {
display: block !important;
background: rgba(0, 0, 0, 0) url("../images/tiltle-brkw.png") no-repeat scroll center bottom !important;
}
.div-notset {
background: transparent !important;
}
.telnoshow {
display: none;
}
.logo-img {vertical-align: baseline !important;}
.title img {
display: none;
}
.title span {
color: #fff799;
}
.btn.prev {
background: #fff none repeat scroll 0 0;
border-radius: 0;
font-size: 25px;
left: 0;
padding: 21px 10px;
position: absolute;
top: 50%;
}
#map {
width: 100%;
height: 500px;
z-index: 100;
}
#map iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: relative;
}
.mapoverlay {
top: -150px;
position: relative;
z-index: 120;
}
.btn.next {
background: #fff none repeat scroll 0 0;
border-radius: 0;
font-size: 25px;
right: 0;
padding: 21px 10px;
position: absolute;
top: 50%;
}
.pagination>li>a,
.pagination>li>span {
background-color: #fff;
border: 1px solid #ddd;
color: #ccc;
float: left;
line-height: 1.42857;
margin-left: -1px;
padding: 6px 12px;
position: relative;
text-decoration: none;
}
.read-more {
background: #0a3038 none repeat scroll 0 0;
color: #fff;
float: left;
font-family: "Montserrat", sans-serif;
margin-top: 20px;
padding: 15px 30px;
text-transform: uppercase;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-transform: uppercase;
color: #000;
}
a {
color: #0a3038;
transition: all 0.35s ease 0s;
text-decoration: none;
}
a:hover,
a:focus {
color: #545454;
text-decoration: none;
}
.logo2 {
display: none;
}
p a:link {
text-decoration: underline;
}
.sl1 {
background-image: url(../headers/lukro-slider-1.jpg);
background-size: cover;
background-position: bottom;
}
.sl2 {
background-image: url(../headers/lukro-slider-2.jpg);
background-size: cover;
background-position: bottom;
}
.sl3 {
background-image: url(../headers/lukro-slider-3.jpg);
background-size: cover;
background-position: bottom;
}
.sl4 {
background-image: url(../headers/lukro-slider-4.jpg);
background-size: cover;
background-position: bottom;
}
/*-- FIX --*/
.menu-center {
display: flex !important;
justify-content: center;
align-items: center;
}
.menu-right {
display: flex !important;
justify-content: center;
align-items: flex-end;
}
select[multiple] {
overflow-y: auto;
height: 170px;
}
.orange {
color: #fff799;
}
.red {
color: #f00;
}
.white {
color: #ffffff;
}
.white a:link {
color: #fff;
}
.white a:visited {
color: #fff;
}
.white a:hover {
color: #ccc
}
.white a:focus {
color: #ccc
}
.white a:active {
color: #fff;
}
.nopadr {
padding-right: 0px;
}
.slider-h1 {
font-family: "Montserrat", sans-serif;
font-size: 35px;
font-weight: 300;
color: #fff;
line-height: 1.1;
margin-top: 20px;
margin-bottom: 10px;
}
.justify {
text-align: justify;
}
.clear {
clear: both;
}
.show {
display: block !important;
}
.w100 {
width: 100%
}
.center-old {
text-align: center;
}
.feedback-div {
margin: 0 auto;
padding-bottom: 50px;
}
.feedback1-div {
margin: 0 auto;
padding-bottom: 30px;
}
.service-pad-left {
padding-left: 20px;
}
.topmargin {
margin-top: 10px !important;
}
.inline {
display: inline;
max-height: 40px;
padding-right: 30px;
}
.paypalpad {
padding-top: 15px;
padding-bottom: 15px;
}
.xeropad {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 10px;
}
.h3-small {
text-transform: none !important;
font-size: 22px;
}
.logos {
margin: 20px
}
.logos1 {
margin: 0px 10px 10px 10px
}
.logos-mar {
margin-bottom: 30px;
}
.elements-mar {
margin-bottom: 60px;
}
.h1-blog {
font-size: 35px !important;
}
.h3-blog {
font-size: 18px !important;
text-transform: uppercase;
}
a.blog-title, a.blog-title:link { text-decoration: none;}
a.blog-title:hover { text-decoration: underline;}
.blog-row-equal {
display: flex;
flex-flow: row wrap;
}
.blog-box {
max-width: 375px;
}
.blog-col-equal {
align-items: flex-start;
display: flex;
}
.hr {
border: 0;
height: 1px;
background: #dddddd;
}
.alert-border {
border: 1px solid #f00;
border-radius: 10px;
padding: 10px 20px 10px 20px;
}
.qa-border {
border: 1px solid #ccc;
border-radius: 10px;
padding: 0px 20px 10px 20px;
}
.qa-border-li {
margin-top: 0px !important;
}
.qa-border1 {
border: 1px solid #ccc;
border-radius: 10px;
padding: 20px;
}
.qa-border2 {
border: 1px solid #ccc;
border-radius: 10px;
padding: 0px 20px 10px 20px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
.xero-laptop-bg {
background: linear-gradient(to bottom, rgba(16, 170, 203, 0.7) 2%, #ffffff 30%);
}
.p-element {
margin-top: 20px !important;
text-transform: uppercase;
font-size: 24px;
font-weight: 500;
line-height: 26.4px;
}
.breadcrumb-container {
padding-top: 15px;
}
.breadcrumb-custom {
padding: 0px 3px 0px 3px;
font-size: 12px;
color: #fff799;
}
.breadcrumb-custom:hover {
color: #ffffff;
}
.align-right {
text-align: right !important;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.font11 {
font-size: 11px;
}
.font12 {
font-size: 12px;
}
.font14 {
font-size: 14px;
}
.font15 {
font-size: 15px;
}
.font16 {
font-size: 16px;
}
.font20 {
font-size: 20px !important
}
.font24 {
font-size: 24px !important
}
.tlh28 {
line-height: 28px;
}
.b600 {
font-weight: 600;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
/* STEPS */
.equal-height-container {
/*background-color: #0a3038;*/
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.step-box {
text-align:center;
display: flex;
flex-direction: column
}
.step-circle {
padding: 25px 0 0 0;
position: relative;
border-radius: 180px;
width: 220px;
height: 220px;
margin: 0;
background-color: #0a3038;
}
.step-number {
position: relative;
z-index: 2;
top: -15px;
font-size:80px;
text-shadow: 2px 2px 6px rgba(66, 68, 90, 1);
font-weight: 600;
padding-bottom: 25px;
}
.step-number-yellow {
color: #fff799;
}
.step-image {
width: 80px;
}
.step-title {
margin-top: 20px;
color: #fff799;
font-size: 16px;
font-weight: 600;
}
.step-title-dark {
color: #0a3038;
}
.step-title-
@media screen and (max-width: 992px) {
.team-member-box {
height: 330px;
}
}
.square {
display: inline-block; /* To allow centering with text-align */
text-align: center; /* Center the content horizontally */
margin-bottom: 20px;
padding: 20px;
border: 4px solid red;
}
.sq-border-1 { border: 3px solid #176E74; }
.sq-border-2 { border: 3px solid #10AACB; }
.sq-border-3 { border: 3px solid #77CBCB; }
.square img {
max-width: 100%;
max-height: 100%;
display: block;
}
.step {
position: relative;
padding: 10px; /* Adjust as needed */
width: 100%;
}
.step-bg-1 { background-color: #176E74; }
.step-bg-2 { background-color: #10AACB; }
.step-bg-3 { background-color: #77CBCB; }
.step-hr-1 { margin: 5px 0; width: 80%; border-top: 3px solid #176E74; }
.step-hr-2 { margin: 5px 0; width: 80%; border-top: 3px solid #10AACB; }
.step-hr-3 { margin: 5px 0; width: 80%; border-top: 3px solid #77CBCB; }
.step p {
margin: 0;
color: #ffffff;
font-size: 24px;
text-transform: uppercase;
}
.step:before,
.step:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 5px;
background-color: #10AACB;
}
.step1:before,
.step1:after {
background-color: #176E74 !important;
}
.step:before {
left: 0;
}
.step:after {
right: 0;
}
.step-content {
flex: 1; /* Allow the content to expand vertically */
display: flex;
flex-direction: column;
align-items: center; /* Center content horizontally */
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.embed-responsive-pad {
padding: 0 15px !important;
}
/*! http://responsiveslides.com v1.55 by @viljamis */
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.carousel-professions>.item {
height: auto !important;
overflow: hidden;
}
/* CARD*/
.card-container {
display: flex;
flex-wrap: wrap;
}
.card-box {
display: flex;
flex-direction: column;
}
.card {
margin: auto;
margin-top: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.card-header {
background-color: #0a3038;
padding:10px;
font-size: 20px;
color: #fff799;
text-transform: uppercase;
}
.card-body {
padding:10px;
}
/* OUR TEAM */
.team-member-box {
padding: 20px;
margin-bottom: 22px;
border: 1px solid rgba(0, 0, 0, 0.1);
display: block;
-moz-box-shadow: 0 0 8px #ddd;
-webkit-box-shadow: 0 0 8px #ddd;
box-shadow: 0 0 8px #ddd;
background-color: #fafafa;
}
.team-member-photo {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #f6f6f6;
width: 100%;
}
.team-member-name {
font-size: 20px;
color: #0A3038;
margin-top: 20px;
margin-bottom: 20px;
}
.team-member-func {
font-size: 16px;
color: #444444;
margin-bottom: 20px;
}
/* PRICING */
.dark-green {
color: #0a3038;
}
.bg-dark-green {
background-color: #0a3038 !important;
}
.green {
color: #00875F;
}
.bg-green {
background-color: #00875F;
}
.highlight {
color: #3835fe;
}
.bg-red {
background-color: #FE3B35;
}
.fix-color {
color: #1e767d !important;
}
.fix-bg {
background-color: #1e767d !important;
}
.fix-bg1::after {
background-color: #1e767d !important;
}
.fix-border {
border: 1px solid #1e767d !important;
}
.fix-price {
color: #1e767d !important;
border: 4px solid #1e767d !important;
box-shadow: 0 0 0 5px #fff inset, 0 0 0 7px #1e767d inset !important;
}
.shadow-right {
box-shadow: 4px 4px 2px 2px rgba(0, 0, 255, .1);
}
.shadow-left {
box-shadow: -4px 4px 2px 2px rgba(0, 0, 255, .1);
}
.shadow-center {
-webkit-box-shadow: -1px 1px 5px 9px rgba(0, 0, 0, 0.75);
-moz-box-shadow: -1px 1px 5px 9px rgba(0, 0, 0, 0.75);
box-shadow: -1px 1px 5px 9px rgba(0, 0, 0, 0.75);
}
.pht {
color: #ffffff !important;
text-align: center;
text-transform: uppercase;
}
.fa-fix {
top: 5px;
}
.pm-btn {
background-color: #0a3038 !important;
border-color: #0a3038;
color: #fff799;
}
.pricingTable {
background: #fff;
text-align: center;
border: 1px solid #0a3038;
border-radius: 4px;
position: relative;
z-index: 1;
}
.pricingContent {
text-align: left;
padding: 0px 20px 0px 20px;
}
.pricingTable:after {
content: '';
background-color: #0a3038;
height: 165px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.mostpop.pricingTable:before {
content: 'MOST POPULAR';
background-color: #FE3B35;
height: 40px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
z-index: -2;
top: -45px;
border-radius: 4px;
color: white;
padding-top: 5px;
margin-top: -5px;
border: 4px solid #FE3B35;
}
.pricingTable .pricingTable-header {
background: #0a3038;
padding: 10px 0px 10px 0px;
margin: 0 0 10px 0px;
position: relative;
}
.pricingTable .title {
color: #fff799;
font-size: 18px;
text-transform: uppercase;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.pricingTable .price-value {
color: #0a3038;
background: #fff;
width: 130px;
height: 130px;
padding: 20px 3px 28px 0;
margin: 0 auto 20px;
border: 4px solid #0a3038;
box-shadow: 0 0 0 5px #fff inset, 0 0 0 7px #0a3038 inset;
border-radius: 50%;
}
.pricingTable .price-value .currency {
font-size: 30px;
line-height: 30px;
margin: 0 -5px 0 0;
vertical-align: top;
display: inline-block;
}
.pricingTable .price-value .amount {
font-size: 30px;
line-height: 30px;
letter-spacing: -2px;
display: inline-block;
}
.pricingTable .price-value .duration {
font-size: 14px;
display: block;
}
.pricingTable .price-value .from {
font-size: 14px;
display: block;
}
.pricingTable .pricingTable-signup span {
cursor: pointer;
color: #0a3038;
background-color: #fff799;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
width: 220px;
padding: 5px 10px;
margin: 0 auto;
border-radius: 4px;
display: block;
transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup span:hover {
background-color: #ccc;
}
.pricing-border {
border: 1px solid #ccc;
border-radius: 4px;
padding: 10px;
}
.prices-table {
border: 1px solid #ccc;
}
.prices-table thead {
background: #0a3038;
color: #fff799;
}
#scrollToTopBtn {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
font-size: 10px;
border: none;
outline: none;
background-color: #000000;
color: white;
cursor: pointer;
padding: 10px 18px;
border-radius: 50%;
font-weight: 600;
}
#scrollToTopBtn:hover {
background-color: #176E74;
}
.price-th { width: 100px; }
/* BUTTONS */
.call-btn {
background-color: #0A3038;
color: #fff;
font-size: 20px;
padding: 15px 30px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.call-btn:hover {
color: #fff799;
}
.call-btn .fa {
margin-right: 10px;
}
.call-btn1 {
background-color: #0A3038;
color: #fff;
font-size: 20px;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.call-btn1:hover {
color: #fff799;
}
.call-btn1 .fa {
margin-right: 10px;
}
/* FAQ */
.faq-bg {
background-color: #e6e6e6;
padding: 0.5rem;
border-radius: 3px;
}
.faq-cat-anchor {
padding-top: 30px;
padding-bottom: 30px;
}
.fa-faq-fix {
padding-left: 20px !important;
}
.faq-img {
float: left;
margin-right: 20px;
margin-left: 40px;
margin-bottom: 20px;
}
.fa-ul>li a:link {
text-decoration: underline;
}
.template_faq {
background: #edf3fe none repeat scroll 0 0;
}
.panel-group {
background: #fff none repeat scroll 0 0;
border-radius: 3px;
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
margin-bottom: 0;
padding: 10px;
}
.accordion .panel {
border: medium none !important;
border-radius: 0;
box-shadow: none;
margin: 0 0 25px 10px;
}
.accordion .panel-heading {
border-radius: 30px;
padding: 0;
}
.accordion .panel-title a {
background: #0a3038 none repeat scroll 0 0;
border: 1px solid transparent;
border-radius: 6px;
color: #fff;
display: block;
font-size: 14px;
font-weight: 600;
padding: 12px 20px 12px 50px;
position: relative;
transition: all 0.3s ease 0s;
}
.accordion .panel-title a.collapsed {
background: #e6e6e6 none repeat scroll 0 0;
border: 1px solid #ddd;
color: #0a3038;
background-color: #eee;
}
.accordion .panel-title a::after,
.accordion .panel-title a.collapsed::after {
background: #0a3038 none repeat scroll 0 0;
border: 1px solid transparent;
border-radius: 50%;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
color: #fff;
content: "\f078";
font-family: fontawesome;
font-size: 20px;
font-weight: 500;
height: 50px;
left: -20px;
line-height: 50px;
position: absolute;
text-align: center;
top: -5px;
transition: all 0.3s ease 0s;
width: 50px;
}
.accordion .panel-title a.collapsed::after {
background: #e6e6e6 none repeat scroll 0 0;
border: 1px solid #ddd;
box-shadow: none;
color: #0a3038;
content: "\f054";
}
.accordion .panel-body {
background: transparent none repeat scroll 0 0;
border-top: medium none !important;
padding: 10px 10px 0px 20px;
position: relative;
border-left: 1px dashed #e6e6e6;
margin: 20px 10px;
}
.faq-menu {
border: 1px solid #e6e6e6;
display: block;
padding: 0px;
border-radius: 6px;
}
.faq-menu>li {
font-size: 14px;
line-height: 18px !important;
list-style-type: none;
padding-bottom: 10px;
padding-top: 10px;
}
.faq-menu>li a {
display: block !important;
}
.sm-li {
border-left: 5px solid transparent;
padding-left: 10px;
text-transform: uppercase;
}
.sm-li:hover {
border-left: 5px solid #0a3038;
color: #0a3038;
background-color: #e6e6e6;
}
.sm-font {
margin-top: 0;
color: #0a3038;
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
line-height: 24px;
}
.is-sticky {
position: sticky;
top: 0;
}
.is-sticky-bottom {
margin-bottom: 220px;
}
/*-- COLOR ICONS --*/
.icon-container {
display: flex;
align-items: top;
padding: 10px;
}
.icon-img {
margin-right: 15px;
width: 64px;
height: 64px;
}
.vertical-center {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
.vertical-center li {
display: flex;
align-items: center;
margin-bottom: 10px;
}
/*-- FEEDBACK --*/
.carousel-indicators .active {
background: #fff799;
}
.carousel-indicators1 .active {
background: #fff799;
}
.carousel-indicators2 .active {
background: #fff799;
}
.content {
margin-top: 20px;
}
.carousel-indicators li {
border: 1px solid #ccc;
}
.carousel-control {
color: #31708f;
width: 5%;
}
.carousel-control:hover,
.carousel-control:focus {
color: #31708f;
}
.carousel-control.left,
.carousel-control.right {
background-image: none;
}
.media-object {
margin: auto;
margin-top: 15%;
}
/*-- HEADER --*/
header {
color: #fff;
height: 800px;
overflow: hidden;
transition: all 0.35s ease 0s;
}
.inner-header-text a {
color: #fff799;
}
.hide-bg {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: auto;
}
.logo {
float: left;
padding-left: 10px;
}
.dropdown-menu {
min-width: 100%;
}
.mega-dropdown {
position: static !important;
}
.mega-dropdown-menu {
box-shadow: none;
padding: 20px 0;
width: 100%;
}
.mega-dropdown-menu>li>ul {
margin: 0;
padding: 0;
}
.mega-dropdown-menu>li>ul>li {
list-style: outside none none;
}
.mega-dropdown-menu>li>ul>li>a {
color: #222;
display: block;
padding: 3px 5px;
}
.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus {
text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
color: #ff3546;
font-size: 18px;
line-height: 30px;
padding: 5px 60px 5px 5px;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
background-color: #0a3038;
color: #fff799;
text-decoration: none;
}
.dropdown-menu>li>a {
clear: both;
color: #333;
display: block;
font-weight: 400;
line-height: 1.42857;
padding: 10px 20px;
white-space: nowrap;
}
.nav.navbar-nav>li::before {
background: #fff none repeat scroll 0 0;
content: "";
height: 15px;
position: absolute;
right: 0;
top: 39%;
width: 1px;
}
.nav.navbar-nav>li:last-child::before {
display: none;
}
.carousel-control {
height: 30px;
top: -35px;
width: 30px;
}
.left.carousel-control {
left: inherit;
right: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
background-color: #fff;
border: 1px solid #ddd;
color: #333;
font-size: 12px;
line-height: 30px;
text-shadow: none;
}
.navbar-inverse .navbar-brand {
color: #000;
font-size: 28px;
}
nav {
background: #0a3038 none repeat scroll 0 0 !important;
border: 0 none !important;
border-radius: 0 !important;
float: left;
width: 100%;
}
.navbar-nav {
float: none;
margin: auto;
}
.navbar-fixed-bottom,
.navbar-fixed-top {
left: 0;
position: fixed;
right: 0;
transition: all 0.35s ease 0s;
z-index: 1030;
}
.affix {
padding: 0;
width: 100%;
}
.navbar {
margin-bottom: 0;
min-height: 40px;
}
.affix-top {
margin-top: 30px;
}
.navbar-inverse .navbar-nav>li>a {
color: #fff;
font-size: 14px;
padding: 2px 13px;
text-transform: uppercase;
}
.navbar-brand .fa.fa-graduation-cap {
color: #fff799;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
background: none;
color: #fff799;
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
background-color: transparent;
color: #fff799;
}
.navbar-nav>li>a {
line-height: 34px;
}
.size {
color: #fff;
font-size: 45px;
}
.header-text {
color: #fff;
display: block;
font-family: "Montserrat", sans-serif;
font-size: 36px;
font-weight: 400;
margin: 250px auto auto;
text-align: center;
text-shadow: 1px 1px 1px #333;
text-transform: uppercase;
width: 900px;
}
.navbar-right {
float: right !important;
margin-right: 0;
}
.header-text>p {
font-family: "Open Sans Condensed", sans-serif;
font-size: 17px;
font-weight: 100;
line-height: 35px;
margin: 20px auto auto;
text-transform: capitalize;
width: 80%;
}
.header-btn {
border: 1px solid;
color: #fff;
display: table;
font-size: 18px;
margin: 30px auto auto;
padding: 10px;
text-align: center;
text-transform: uppercase;
transition: all 0.35s ease 0s;
}
.header-btn:hover {
background: #fdb33b none repeat scroll 0 0;
border: medium none;
color: #fff;
text-decoration: none;
transition: all 0.35s ease 0s;
}
.top-header {
background: #fff none repeat scroll 0 0;
color: #0a3038;
float: left;
padding: 10px 0;
width: 100%;
}
.top-header .social ul {
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
text-align: right;
}
.top-header .social li {
display: inline;
margin-left: 10px;
}
.top-header .social a {
color: #fff;
font-size: 18px;
}
.top-header .social a:hover {
color: #000;
}
.phone i {
font-size: 30px;
margin-top: 10px;
}
.address i {
font-size: 30px;
margin-top: 10px;
padding-right: 15px
}
.time i {
font-size: 30px;
margin-top: 10px;
}
.brd {
background: #fff799 none repeat scroll 0 0;
color: #fff;
margin-bottom: 123px;
margin-top: -34px;
padding: 25px 0 15px;
position: relative;
}
.brd li {
display: inline;
margin-right: 10px;
}
.brd a {
color: #000;
}
.caption {
color: #fff;
display: block;
font-size: 24px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
padding-top: 200px;
text-align: center;
text-transform: uppercase;
width: 85%;
z-index: 999;
position: relative;
}
.left-control {
background: #010209 none repeat scroll 0 0;
color: #fff;
font-size: 20px;
padding: 30px 14px;
position: absolute;
left: 0;
top: 45%;
z-index: 999;
}
.right-control {
background: #010209 none repeat scroll 0 0;
color: #fff;
font-size: 20px;
padding: 30px 14px;
position: absolute;
right: 0;
top: 45%;
z-index: 999;
}
.btn.get-start {
border: 1px solid #fff;
color: #fff;
}
.caption h1 {
font-family: "Montserrat", sans-serif;
font-size: 35px;
font-weight: 300;
color: #fff;
}
.caption h2 {
font-size: 1.4rem !important;
padding: 22px 0;
color: #ffffff;
}
.caption p {
font-size: 1.4rem !important;
padding: 22px 0;
margin-top: 20px;
margin-bottom: 10px;
}
.cap-pad-top {
height: 20px;
}
.caption strong {
color: #fff799;
font-weight: 500;
}
.caption .cd1-btn {
background-color: #fff;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
color: #000;
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 3em;
padding: 1em 2em;
text-transform: uppercase;
transition: background-color 0.2s ease 0s;
}
.caption .cd1-btn.secondary {
background-color: #0a3038;
color: #fff;
border: 1px solid #0a3038;
}
.caption .cd1-btn.secondary:hover {
background-color: #0a3038;
color: #fff799;
border: 1px solid #fff799;
}
.carousel-indicators .active {
background: #fff799 none repeat scroll 0 0;
height: 3px;
margin: 1px;
width: 30px;
}
.carousel-indicators>li {
background: #fff none repeat scroll 0 0;
border: medium none;
border-radius: 0;
height: 3px;
opacity: 1;
width: 30px;
}
.carousel-indicators {
bottom: 10px;
}
.carousel-indicators1 .active {
background: #ccc none repeat scroll 0 0;
height: 5px;
width: 50px;
}
.carousel-indicators1>li {
background: #0A3038 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
height: 5px;
opacity: 1;
width: 50px;
}
.carousel-indicators1 {
bottom: auto !important;
}
.carousel-indicators2 .active {
background: #ccc none repeat scroll 0 0;
height: 5px;
width: 50px;
}
.carousel-indicators2>li {
background: #00d5ff none repeat scroll 0 0;
border: medium none;
border-radius: 0;
height: 5px;
opacity: 1;
width: 50px;
}
.carousel-indicators2 {
bottom: auto !important;
}
/* PAYMENT */
.payment-row-pad {
margin-top: 40px;
}
.payment-input {
margin-bottom: 0px !important;
border: 1px solid #ccc !important;
padding: 6px 12px !important;
border-radius: 4px !important;
}
.pay-btn {
background-color: #0a3038 !important;
border-color: #0a3038;
color: #fff799;
font-size: 18px;
display: inline-grid;
}
/*-------inner-header-----*/
.inner-header-bg {
height: 500px;
margin-top: -10px;
}
.inner-header-bg-error {
height: 200px;
margin-top: -10px;
}
.contactbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_contact.jpg");
background-size: cover;
background-position: center;
}
.contacthmrc {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_contact_hmrc.jpg");
background-size: cover;
background-position: center;
}
.enquirybg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_enquiry.jpg");
background-size: cover;
background-position: center;
}
.cisservicesbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_cis_services.jpg");
background-size: cover;
background-position: center;
}
.companyformationsbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_company-formation-services.jpg");
background-size: cover;
background-position: center;
}
.ourteambg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_our_team.jpg");
background-size: cover;
background-position: center;
}
.faqbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_faq.jpg");
background-size: cover;
background-position: center;
}
.xerobg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_xero.jpg");
background-size: cover;
background-position: center;
}
.xeroservicebg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_xero_service.jpg");
background-size: cover;
background-position: center;
}
.servicesbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_services.jpg");
background-size: cover;
background-position: center;
}
.reviewsbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_reviews.jpg");
background-size: cover;
background-position: center;
}
.aboutbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_about.jpg");
background-size: cover;
background-position: center;
}
.errorbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_errors.jpg");
background-size: cover;
background-position: center;
}
.sitemapbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_sitemap.jpg");
background-size: cover;
background-position: center;
}
.termsbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_terms.jpg");
background-size: cover;
background-position: center;
}
.privacybg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_privacy.jpg");
background-size: cover;
background-position: center;
}
.paymentbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_payment.jpg");
background-size: cover;
background-position: center;
}
.bookkeepingbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping.jpg");
background-size: cover;
background-position: center;
}
.accountingbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_accounting.jpg");
background-size: cover;
background-position: center;
}
.managementbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_management_accounting.jpg");
background-size: cover;
background-position: center;
}
.selfassessmentbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_self_assessment.jpg");
background-size: cover;
background-position: center;
}
.payrollbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_payroll.jpg");
background-size: cover;
background-position: center;
}
.startupsbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_startups.jpg");
background-size: cover;
background-position: center;
}
.vatbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_vat.jpg");
background-size: cover;
background-position: center;
}
.blogbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_blog.jpg");
background-size: cover;
background-position: center;
}
.usefulllinks {
background: rgba(0, 0, 0, 0)
url("../headers/header_usefulllinks.jpg");
background-size: cover;
background-position: center;
}
.keeping_accounting {
background: rgba(0, 0, 0, 0)
url("../headers/header_docretention.jpg");
background-size: cover;
background-position: center;
}
.uk_key_tax_dates {
background: rgba(0, 0, 0, 0)
url("../headers/header_taxdates.jpg");
background-size: cover;
background-position: center;
opacity: 0.8;
}
.meeting_deadlines {
background: rgba(0, 0, 0, 0)
url("../headers/header_deadlines.jpg");
background-size: cover;
background-position: center;
opacity: 0.8;
}
.essential_hmrc {
background: rgba(0, 0, 0, 0)
url("../headers/header_essential.jpg");
background-size: cover;
background-position: center;
}
.pricingbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_pricing.jpg");
background-size: cover;
background-position: center;
}
.bookeeping-professions-bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookeeping_professions.jpg");
background-size: cover;
background-position: center;
}
.hmrcpaymentsbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_hmrc_payments.jpg");
background-size: cover;
background-position: center;
}
.certificatesbg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_certificates.jpg");
background-size: cover;
background-position: center;
}
.article1_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_the-process-of-starting-a-business.jpg");
background-size: cover;
background-position: center;
}
.article2_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_do-i-need-accounting-software-for-my-bookkeeping.jpg");
background-size: cover;
background-position: center;
}
.article3_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_importance-of-bookkeeping-services-for-business.jpg");
background-size: cover;
background-position: center;
}
.article4_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_what-is-bookkeeping.jpg");
background-size: cover;
background-position: center;
}
.article5_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_can-i-use-a-personal-account-for-my-business.jpg");
background-size: cover;
background-position: center;
}
.article6_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_the-difference-between-an-accountan-and-a-bookkeeper.jpg");
background-size: cover;
background-position: center;
}
.article7_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_how-bookkeepers-can-help-your-business-during-covid-19.jpg");
background-size: cover;
background-position: center;
}
.article8_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_how-bookkeeping-can-help-your-growing-business.jpg");
background-size: cover;
background-position: center;
}
.article9_bg {
background: linear-gradient(
rgba(0, 0, 0, 0.3),
rgba(0, 0, 0, 0.3)
), url("../headers/article9.jpg");
background-size: cover;
background-position: center;
}
.article10_bg {
background: linear-gradient(
rgba(0, 0, 0, 0.3),
rgba(0, 0, 0, 0.3)
), url("../headers/article10b.jpg");
background-size: cover;
background-position: 1% 25%;
}
.article11_bg {
background: rgba(0, 0, 0, 0) url("../headers/article11c.jpg");
background-size: cover;
background-position: 5% 25%;
/* background-position: center; */
}
.article12_bg {
background: linear-gradient(
rgba(0, 0, 0, 0.3),
rgba(0, 0, 0, 0.3)
), url("../headers/side-view-business-man-calculating-finance-numbers.jpg");
background-size: cover;
background-position: center;
}
.locations_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_locations.jpg");
background-size: cover;
background-position: center;
}
.bedford_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Bedford.jpg");
background-size: cover;
background-position: center;
}
.birmingham_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Birmingham.jpg");
background-size: cover;
background-position: center;
}
.bristol_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Bristol.jpg");
background-size: cover;
background-position: center;
}
.cambridge_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Cambridge.jpg");
background-size: cover;
background-position: center;
}
.castor_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Castor.jpg");
background-size: cover;
background-position: center;
}
.chatteris_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Chatteris.jpg");
background-size: cover;
background-position: center;
}
.corby_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Corby.jpg");
background-size: cover;
background-position: center;
}
.crowland_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Crowland.jpg");
background-size: cover;
background-position: center;
}
.ely_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Ely.jpg");
background-size: cover;
background-position: center;
}
.glinton_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Glinton.jpg");
background-size: cover;
background-position: center;
}
.huntingdon_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Huntingdon.jpg");
background-size: cover;
background-position: center;
}
.london_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-London.jpg");
background-size: cover;
background-position: center;
}
.march_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-March.jpg");
background-size: cover;
background-position: center;
}
.market-deeping_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Market-Deeping.jpg");
background-size: cover;
background-position: center;
}
.milton_keynes_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Milton-Keynes.jpg");
background-size: cover;
background-position: center;
}
.peterborough_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Peterborough.jpg");
background-size: cover;
background-position: center;
}
.ramsey_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Ramsey.jpg");
background-size: cover;
background-position: center;
}
.sawtry_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Sawtry.jpg");
background-size: cover;
background-position: center;
}
.spalding_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Spalding.jpg");
background-size: cover;
background-position: center;
}
.stamford_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Stamford.jpg");
background-size: cover;
background-position: center;
}
.thorney_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Thorney.jpg");
background-size: cover;
background-position: center;
}
.whittlesey_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Whittlesey.jpg");
background-size: cover;
background-position: center;
}
.wisbech_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Wisbech.jpg");
background-size: cover;
background-position: center;
}
.yaxley_bg {
background: rgba(0, 0, 0, 0) url("../headers/lukro_header_bookkeeping-accounting-Yaxley.jpg");
background-size: cover;
background-position: center;
}
.inner-header-text {
color: #fff;
margin: auto;
padding-top: 220px;
text-align: center;
width: 100%;
}
.inner-header-text h1 {
background: rgba(0, 0, 0, 0) url("../images/tiltle-brkw.png") no-repeat scroll center bottom;
color: #fff799;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
padding-bottom: 30px;
line-height: 1.1;
}
.h1-fix {
font-size: 35px;
}
.inner-header-text h1 img {
display: none;
}
.inner-header-text h2 {
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 1.4em;
font-weight: 400;
line-height: 1.1;
text-transform: uppercase;
}
.inner-header-text p {
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 1.4em;
font-weight: 400;
line-height: 1.1;
text-transform: uppercase;
}
/*-------About-----*/
.about {
padding: 100px 0;
}
.about1 {
padding-bottom: 0px;
padding-top: 100px;
}
.about h3,
.about1 h3 {
margin-bottom: 20px;
margin-top: 0;
}
.about p,
.about1 p {
margin: 0 0 10px;
}
.about-box ul {
padding: 0;
list-style: none;
}
.about-box {
float: left;
margin-bottom: 100px;
width: 100%;
}
.about-box1 {
float: left;
margin-bottom: 40px;
width: 100%;
}
.certificate-img {
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #eee;
width: 100%;
max-width: 350px;
}
.certificate-pad {
margin-top: 10px;
margin-bottom: 30px;
text-align: center;
}
.certificate-title {
height: 50px;
text-align: center;
font-weight: 600;
}
.dropcap {
background: #fff799 none repeat scroll 0 0;
border-radius: 0;
color: #ffffff;
display: block;
float: left;
font-size: 36px;
font-weight: bold;
height: 50px;
line-height: 50px;
margin: 0 20px 20px 0;
overflow: hidden;
position: relative;
text-align: center;
text-transform: uppercase;
width: 50px;
}
.list.styled.arrow-list>ul {
padding: 0;
}
.list.styled>ul li {
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: 300;
list-style: outside none none;
padding: 5px 0;
text-transform: uppercase;
}
.list.styled>ul li a {
color: #4b4b4b;
text-shadow: 0 0 0 #4b4b4b;
}
.list.styled>ul li a:hover,
.list.styled>ul li a:focus {
color: #fff799;
text-shadow: 0 0 0 #a2c331;
}
.list.styled>ul li a::before {
color: #fff799;
content: "?";
font-family: fontawesome;
font-size: 12px;
padding-right: 6px;
}
.pad {
padding: 0;
}
.about-cover {
margin-bottom: 20px;
}
.extra-wrap {
float: left;
margin-bottom: 20px;
}
.about strong {
display: table;
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
text-transform: uppercase;
color: #000;
}
.civil-container {
float: left;
margin-bottom: 100px;
margin-top: -200px;
width: 100%;
}
.civil {
background: #f2f2f2 none repeat scroll 0 0;
padding: 45px 5px 30px;
float: left;
width: 100%;
margin-bottom: 20px !important;
}
.civil:hover {
background: url("../images/boximg-hover.jpg");
color: #fff;
}
.civil-icon-hover {
display: none;
}
.civil:hover .civil-icon-hover {
display: inline;
}
.civil:hover .civil-icon {
display: none;
}
.civil a {
color: #fff799;
}
.civil:hover p {
color: #fff;
}
.civil p {
font-family: "Montserrat", sans-serif;
font-size: 22px;
margin-bottom: 20px;
font-weight: 400;
margin-top: 20px;
}
.civil:hover h4 {
color: #fff;
}
.civil h4 {
font-family: "Montserrat", sans-serif;
font-size: 22px;
margin-bottom: 20px;
font-weight: 400;
margin-top: 20px;
}
.container-fluid .col-md-6:first-child {
padding: 0;
}
.blue {
background: #0a3038 none repeat scroll 0 0;
color: #fff;
padding-bottom: 30px;
padding-top: 30px;
}
.blue h2 {
color: #fff799;
font-size: 22px;
text-transform: capitalize;
}
.blue img {
margin-bottom: 20px;
}
.civil-container2 {
float: left;
margin-bottom: 100px;
margin-top: -100px;
width: 100%;
}
.civil-container3 {
float: left;
margin-bottom: 100px;
margin-top: -100px;
width: 100%;
}
.civil-container3 .blue {
background: #f2f2f2 none repeat scroll 0 0;
}
/*-------practise-----*/
#exampleSlider {
position: relative;
}
@media (max-width: 767px) {
#exampleSlider {
border-color: transparent;
}
}
#exampleSlider .MS-content {
margin: 15px 5%;
overflow: hidden;
white-space: nowrap;
}
@media (max-width: 767px) {
#exampleSlider .MS-content {
margin: 0;
}
}
#exampleSlider .MS-content .item {
display: inline-block;
height: 100%;
overflow: hidden;
position: relative;
vertical-align: top;
border-right: none;
width: 25%;
padding:5px;
}
#exampleSlider .MS-content p {
white-space: normal;
}
@media (max-width: 1200px) {
#exampleSlider .MS-content .item {
width: 25%;
}
}
@media (max-width: 992px) {
#exampleSlider .MS-content .item {
width: 33.3333%;
}
}
@media (max-width: 767px) {
#exampleSlider .MS-content .item {
width: 50%;
}
}
@media (max-width: 500px) {
#exampleSlider .MS-content .item {
width: 100%;
}
}
#exampleSlider .MS-controls button {
border: none;
background: transparent;
font-size: 30px;
outline: 0;
}
#exampleSlider .MS-controls button:hover {
cursor: pointer;
}
#exampleSlider .MS-controls .MS-left {
left: 10px;
}
@media (max-width: 992px) {
#exampleSlider .MS-controls .MS-left {
left: -2px;
}
}
#exampleSlider .MS-controls .MS-right {
right: 10px;
}
@media (max-width: 992px) {
#exampleSlider .MS-controls .MS-right {
right: -2px;
}
}
.practise {
color: #fff;
padding-bottom: 50px;
padding-top: 50px;
position: relative;
text-align: center;
background: #0a3038;
}
.practise .title h2 {
color: #fff;
}
.practise span {
color: #1da6d8;
}
.Practise-box>h4 {
color: #fff799;
font-size: 24px;
text-transform: capitalize;
white-space: normal;
}
.Practise-box {
border: 1px solid;
min-height: 320px;
margin-bottom: 30px;
padding: 25px 10px;
color: #ffffff;
overflow-wrap: break-word;
}
.Practise-box:hover {
background-color: #176e74;
border: 1px solid #fff799;
}
/*-- CONTACT --*/
#contactus {
padding-bottom: 100px;
padding-top: 100px;
}
.contact-info,
.contact-form {
padding: 10px;
padding-top: 20px;
}
.contact-info1 {
padding-top: 20px;
}
.ci1 {
padding-top: 40px;
}
.contact-caption {
background: #0a3038;
}
.contact-heading-h2 {
color: #fff;
font-size: 75px;
padding-bottom: 30px;
}
.contact-heading-h2-alt {
color: #2a2a2a;
font-size: 75px;
padding-bottom: 30px;
text-transform: uppercase;
}
.contact-info {
padding-left: 40px;
}
.contact-form p {
padding-left: 0;
font-size: 22px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 15px;
line-height: 24px;
}
.antispamtext {
font-size: 25px !important;
}
.contact-info ul {
margin: 0;
padding: 0;
}
.contact-info ul li {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #fff;
list-style-type: none;
}
.contact-info ul li a:link {
text-decoration: none;
color: #fff;
}
.contact-info ul li a:visited {
text-decoration: none;
color: #fff;
}
.contact-info ul li a:hover {
text-decoration: none;
color: #ccc
}
.contact-info ul li a:active {
text-decoration: none;
color: #fff;
}
.contact-thx {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: #fff;
}
.contact-info i.fa {
font-size: 16px;
padding-right: 12px;
width: 25px;
height: 38px;
}
.contact-info ul li span {
font-weight: bold;
}
.contact-form input {
width: 100%;
height: 40px;
background: #fff;
font-size: 13px;
color: #084a5c;
font-family: 'Open Sans', sans-serif;
padding: 12px;
border: 0;
margin-bottom: 12px;
}
.contact-form textarea {
font-family: 'Open Sans', sans-serif;
padding: 12px;
width: 100%;
height: 140px;
border: 0;
margin-bottom: 12px;
}
.info-detail {
padding-top: 20px;
}
.form {
border-top: 1px solid #53cde5;
padding-top: 15px;
text-align: right;
}
.contact-form input.submit-btn {
width: 180px;
height: 50px;
float: right;
font-size: 24px;
color: #0a3038;
background-color: #fff799;
padding: 0;
font-weight: bold;
}
.contact-form input.submit-btn:hover {
background-color: #ffffff;
}
.contact-qf-fix {
top: -120px;
position: relative;
margin-bottom: -150px;
}
/* jQuery UI Dialog Override */
.val-noshow {
display: none;
}
.ui-dialog {
z-index: 1111;
}
.ui-dialog .ui-dialog-buttonpane button {
width: 100%;
height: 40px;
text-align: center;
color: #ffffff;
background: #0a3038 !important;
margin-bottom: 14px;
font-size: 18px;
font-weight: 600;
border: none;
border-radius: 3px;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
color: #fff799;
border: none;
}
.ui-widget-overlay {
background: #000000;
opacity: .6;
filter: Alpha(Opacity=360);
}
.ui-widget-header {
border: 1px solid #0a3038 !important;
background: #0a3038 !important;
color: #2a2a2a !important;
}
.ui-dialog .ui-dialog-title {
color: #fff799;
text-align: center;
}
.ui-dialog-titlebar-close {
visibility: hidden;
}
.error {
border: 1px #F00 solid !important;
color: #F00 !important;
}
.valid {
border: 0 !important;
}
.error1 {
border: 1px #F00 solid !important;
color: #F00 !important;
}
.valid1 {
border: 1px solid #ccc !important;
}
/*-- BLOG --*/
.blog-break {
text-align: center;
padding: 30px 0 30px 0;
}
.blog-author {
max-height: 35px;
max-width: 35px;
display: inline-block;
vertical-align: top;
margin: 0 10px 0 0;
}
.blog-info {
line-height: 18px;
display: inline-block;
}
.blog-author-big {
border: 1px solid #ccc;
margin-top: 10px;
}
.blog-li {
font-size: 16px;
padding-top: 2px;
}
.read_more_btn {
background-color: #0a3038;
border-color: #0a3038;
text-decoration: none;
text-decoration: none !important;
}
.read_more_btn:hover,
.read_more_btn:focus,
.read_more_btn:active:focus,
.read_more_btn:active:hover {
background-color: #0f444f;
border-color: #0f444f;
color: #fff799;
padding: 6px 12px;
}
/*-- SERVICES --*/
#services {
padding-bottom: 100px;
padding-top: 100px;
}
#services1 {
padding-top: 50px;
}
#services2 {
padding-bottom: 50px;
padding-top: 50px;
}
.service-break {
text-align: center;
padding: 100px 0 100px 0;
}
.service-break1 {
text-align: center;
padding: 50px 0 50px 0;
}
.service-responsive {
display: block;
width: 100%;
height: auto;
max-width: 370px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#services h3, #services1 h3, #services2 h3 {
text-align: center;
font-size: 42px;
letter-spacing: 1.2px;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
padding-bottom: 50px;
margin-top: 0px;
line-height: 44px;
}
.h3-fix {
font-size: 30px;
padding-bottom: 20px;
line-height: 32px;
text-align: center;
}
.h3-fix-left {
font-size: 30px;
padding-bottom: 20px;
line-height: 32px;
text-align: left;
}
#self-assessment::before,
#payroll::before,
#vat::before,
#benefits::before,
#start-ups::before,
#bookkeeping::before,
#translations::before,
#self-employment::before,
#tax-return::before,
#others::before {
display: block;
content: " ";
margin-top: -150px;
height: 150px;
visibility: hidden;
}
#errors {
padding-bottom: 20px;
padding-top: 70px;
}
/*-- PRIVACY POLICY --*/
#privacy {
padding-bottom: 100px;
padding-top: 100px;
}
/*-- REVIEWS --*/
#reviews-slim {
padding-bottom: 0px;
padding-top: 50px;
}
#reviews {
padding-bottom: 100px;
padding-top: 0px;
}
.review-font {
font-size: 16px !important;
}
.review-star {
display: inline;
font-size: 20px !important;
color: #fff600 !important;
}
.review-name {
font-size: 24px;
font-weight: 600;
font-style: italic;
color: #2a2a2a;
}
.testimonial-text {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
overflow: hidden;
padding: 30px;
text-align: center;
}
.testimonial-text i {
color: #0a3038;
font-size: 40px;
margin-bottom: 20px;
}
.testimonial-text p {
font-size: 22px;
line-height: 28px;
margin-bottom: 20px;
overflow: hidden;
}
/*---------- client ---------*/
.ul {
padding: 0;
}
.client li {
display: inline;
margin-right: 157px;
}
.client img {
filter: gray;
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
/* Disable grayscale on hover */
.client img:hover {
filter: none;
-webkit-filter: grayscale(0);
}
.industries img {
filter: none !important;
-webkit-filter: grayscale(0) !important;
}
.pay-box {
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
.whatsapp-button {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #25D366;
color: #fff;
font-size: 18px;
text-align: center;
text-decoration: none;
padding: 6px 10px;
border-radius: 4px;
border: none;
box-shadow: none;
transition: all 0.3s ease;
margin: 10px 0 20px 0;
line-height: 20px;
}
.whatsapp-button:hover {
background-color: #128C7E;
color: #fff;
}
.whatsapp-button i {
padding-right: 10px !important;
margin-top: 0px !important;
}
/*------- footer -----*/
footer {
background: #0a3038 none repeat scroll 0 0;
float: left;
padding: 10px 0 0;
width: 100%;
}
footer ul {
list-style: outside none none;
margin-top: 13px;
padding: 0;
}
footer li {
color: #FFFFFF;
padding-bottom: 10px;
}
footer .social li {
display: inline;
}
footer a {
color: #fff;
}
footer .social-icon i {
color: #fff799;
margin-right: 6px;
}
.footer1 h3 {
color: #fff;
font-weight: 300;
font-family: "Montserrat", sans-serif;
font-size: 26px;
margin-bottom: 30px;
}
.footer1 strong {
font-weight: 400;
}
.footer2 {
border-bottom: 1px solid #fff799;
border-top: 1px solid #fff799;
background-color: #0a3038;
float: left;
padding: 30px 0 0;
width: 100%;
}
.footer3 {
background-color: #ffffff;
padding: 10px 0 0;
}
.copyright {
color: #ffffff;
margin-bottom: 15px;
margin-top: 15px;
width: 100%;
}
.footerheader {
color: #fff799 !important;
font-size: 24px !important;
}
.footer2 p {
color: #fff;
font-size: 14px;
}
.free-btn {
background: #fff799 none repeat scroll 0 0;
color: #0a3038;
display: block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
margin-top: 16px;
padding: 8px;
text-align: center;
text-transform: uppercase;
}
.free-btn:hover {
color: #0a3038;
background: #ffffff none repeat scroll 0 0;
}
/*------- Consultation ----*/
.consultation-am {
padding-top: 13%;
}
.consultation {
padding-top: 5%;
}
/*------- THANK YOU -----*/
.thank-you-bg {
background-image: url(../headers/thank-you-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 100%;
color: #fff;
}
.thank-you-am {
padding-top: 30%;
}
.thank-you-text h1 {
font-size: 35px !important;
background: rgba(0, 0, 0, 0) url("../images/tiltle-brkw.png") no-repeat scroll left bottom;
color: #fff799;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
padding-bottom: 30px;
line-height: 1.1;
}
.thank-you-text h2 {
color: #ffffff;
}
.thank-you-text p {
font-size: 20px;
color: #ffffff;
}
.ebook-bg {
background-color: #0A3038;
margin-top: 50px;
margin-bottom: 50px;
padding-top: 40px;
padding-bottom: 50px;
border-top-left-radius: 10rem;
border-bottom-right-radius: 10rem;
}
.ebook-header {
color: #fff799;
font-weight: 600;
font-size: 24px;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 10px;
}
.ebook-btn {
border: 1px solid #fff799;
color: #fff799;
font-family: "Montserrat", sans-serif;
font-size: 16px;
margin-top: 16px;
padding: 8px;
text-align: center;
text-transform: uppercase;
}
.ebook-btn:hover {
color: #0a3038;
background: #fff799 none repeat scroll 0 0;
}
.banner-bg {
background-color: #0A3038;
margin-top: 50px;
margin-bottom: 50px;
border-top-left-radius: 6rem;
border-bottom-right-radius: 6rem;
padding: 20px;
padding-bottom: 50px;
}
.bbgfix {
margin-bottom: -40px !important;
}
/*------- XERO -----*/
.panel-body-xero {
padding: 0px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*------- ENQUIRY FORM-----*/
#enquiry-form>div {
padding: 20px 20px;
border-radius: 4px;
}
.enquiry-form {
background-color: #fafafa;
}
.enquiry-form-success-img {
float: left;
margin-right: 20px;
margin-left: 40px;
margin-bottom: 20px;
}
.checkbox_val {
border: 1px solid transparent;
border-radius: 4px;
padding: 10px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.checkbox_val_error {
border: 1px solid #F00;
padding: 10px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.enquiry-form-btn {
background-color: #0a3038;
border-color: #0a3038;
font-size: 18px;
font-weight: 600;
}
.enquiry-form-btn:hover,
.enquiry-form-btn:focus,
.enquiry-form-btn:active:focus,
.enquiry-form-btn:active:hover {
background-color: #0f444f;
border-color: #0f444f;
color: #fff799;
border: none;
text-decoration: none;
}
.panel-ef {
background-color: #0A3038
}
/*------- contact -----*/
.contact-box {
float: left;
width: 100%;
}
.single-box.text-center {
background: #f9f9f9 none repeat scroll 0 0;
line-height: 28px;
margin-bottom: 60px;
min-height: 256px;
padding: 33px 0;
}
.single-box i {
color: #fff799;
font-size: 36px;
}
.form-group input[type="text"],
.form-group input[type="password"],
.form-group input[type="datetime"],
.form-group input[type="datetime-local"],
.form-group input[type="date"],
.form-group input[type="month"],
.form-group input[type="time"],
.form-group input[type="week"],
.form-group input[type="number"],
.form-group input[type="email"],
.form-group input[type="url"],
.form-group input[type="search"],
.form-group input[type="tel"],
.form-group input[type="color"],
.form-group textarea,
.form-group select {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #8e9699;
border-image: none;
border-radius: 0;
border-style: none none solid;
border-width: medium medium 1px;
box-shadow: none;
font-size: 14px;
font-weight: 400;
line-height: normal;
margin-bottom: 5px;
padding: 10px 5px;
width: 100%;
}
#contact-form2 .btn {
background: #fff799 none repeat scroll 0 0;
border: 1px none;
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: 16px;
line-height: 1;
margin-top: 20px;
outline: medium none;
padding: 8px 24px;
text-decoration: none;
text-transform: capitalize;
transition: all 300ms ease 0s;
}
#contact-form2 .btn:hover {
background: #000 none repeat scroll 0 0;
color: #fff;
}
.contact-bg {
margin-bottom: 50px;
}
/* Dropdownhover v1.0.0 */
.dropdown .dropdown-menu .caret {
border: 4px solid transparent;
border-left-color: #000;
float: right;
margin-top: 6px
}
.dropdown-menu {
min-width: 250px
}
.dropdown-menu>li.open>a {
background-color: #F5F5F5;
color: #262626;
text-decoration: none
}
.dropdown-menu .dropdown-menu {
left: 100%;
margin: 0;
right: auto;
top: -1px
}
.dropdown-menu-right .dropdown-menu,
.navbar-right .dropdown-menu .dropdown-menu,
.pull-right .dropdown-menu .dropdown-menu {
left: auto;
right: 100%
}
.dropdown-menu.animated {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s
}
.dropdown-menu.animated:before {
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 99
}
.dropdownhover-top {
margin-bottom: 2px;
margin-top: 0
}
.navbar-fixed-bottom .dropdown-menu .dropdown-menu,
.dropdownhover-top .dropdown-menu {
bottom: -1px;
top: auto
}
.navbar-nav>li>.dropdown-menu {
margin-bottom: 0
}
.dropdownhover-bottom {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0
}
.dropdownhover-left {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.dropdownhover-right {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%
}
.dropdownhover-top {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
/* Cookie Consent */
.cc-window {
opacity: 1;
transition: opacity 1s ease
}
.cc-window.cc-invisible {
opacity: 0
}
.cc-animate.cc-revoke {
transition: transform 1s ease
}
.cc-animate.cc-revoke.cc-top {
transform: translateY(-2em)
}
.cc-animate.cc-revoke.cc-bottom {
transform: translateY(2em)
}
.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
transform: translateY(0)
}
.cc-grower {
max-height: 0;
overflow: hidden;
transition: max-height 1s
}
.cc-link,
.cc-revoke:hover {
text-decoration: underline
}
.cc-revoke,
.cc-window {
position: fixed;
overflow: hidden;
box-sizing: border-box;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 16px;
line-height: 1.5em;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
z-index: 9999
}
.cc-window.cc-static {
position: static
}
.cc-window.cc-floating {
padding: 2em;
max-width: 24em;
-ms-flex-direction: column;
flex-direction: column
}
.cc-window.cc-banner {
padding: 1em 1.8em;
width: 100%;
-ms-flex-direction: row;
flex-direction: row
}
.cc-revoke {
padding: .5em
}
.cc-header {
font-size: 18px;
font-weight: 700
}
.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
cursor: pointer
}
.cc-link {
opacity: .8;
display: inline-block;
padding: .2em
}
.cc-link:hover {
opacity: 1
}
.cc-link:active,
.cc-link:visited {
color: initial
}
.cc-btn {
display: block;
padding: .4em .8em;
font-size: .9em;
font-weight: 700;
border-width: 2px;
border-style: solid;
text-align: center;
white-space: nowrap
}
.cc-banner .cc-btn:last-child {
min-width: 140px
}
.cc-highlight .cc-btn:first-child {
background-color: transparent;
border-color: transparent
}
.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
background-color: transparent;
text-decoration: underline
}
.cc-close {
display: block;
position: absolute;
top: .5em;
right: .5em;
font-size: 1.6em;
opacity: .9;
line-height: .75
}
.cc-close:focus,
.cc-close:hover {
opacity: 1
}
.cc-revoke.cc-top {
top: 0;
left: 3em;
border-bottom-left-radius: .5em;
border-bottom-right-radius: .5em
}
.cc-revoke.cc-bottom {
bottom: 0;
left: 3em;
border-top-left-radius: .5em;
border-top-right-radius: .5em
}
.cc-revoke.cc-left {
left: 3em;
right: unset
}
.cc-revoke.cc-right {
right: 3em;
left: unset
}
.cc-top {
top: 1em
}
.cc-left {
left: 1em
}
.cc-right {
right: 1em
}
.cc-bottom {
bottom: 1em
}
.cc-floating>.cc-link {
margin-bottom: 1em
}
.cc-floating .cc-message {
display: block;
margin-bottom: 1em
}
.cc-window.cc-floating .cc-compliance {
-ms-flex: 1;
flex: 1
}
.cc-window.cc-banner {
-ms-flex-align: center;
align-items: center
}
.cc-banner.cc-top {
left: 0;
right: 0;
top: 0
}
.cc-banner.cc-bottom {
left: 0;
right: 0;
bottom: 0
}
.cc-banner .cc-message {
-ms-flex: 1;
flex: 1
}
.cc-compliance {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: justify;
align-content: space-between
}
.cc-compliance>.cc-btn {
-ms-flex: 1;
flex: 1
}
.cc-btn+.cc-btn {
margin-left: .5em
}
@media print {
.cc-revoke,
.cc-window {
display: none
}
}
@media screen and (max-width:900px) {
.cc-btn {
white-space: normal
}
}
@media screen and (max-width:414px) and (orientation:portrait),
screen and (max-width:736px) and (orientation:landscape) {
.cc-window.cc-top {
top: 0
}
.cc-window.cc-bottom {
bottom: 0
}
.cc-window.cc-banner,
.cc-window.cc-left,
.cc-window.cc-right {
left: 0;
right: 0
}
.cc-window.cc-banner {
-ms-flex-direction: column;
flex-direction: column
}
.cc-window.cc-banner .cc-compliance {
-ms-flex: 1;
flex: 1
}
.cc-window.cc-floating {
max-width: none
}
.cc-window .cc-message {
margin-bottom: 1em
}
.cc-window.cc-banner {
-ms-flex-align: unset;
align-items: unset
}
}
.cc-floating.cc-theme-classic {
padding: 1.2em;
border-radius: 5px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
text-align: center;
display: inline;
-ms-flex: none;
flex: none
}
.cc-theme-classic .cc-btn {
border-radius: 5px
}
.cc-theme-classic .cc-btn:last-child {
min-width: 140px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
display: inline-block
}
.cc-theme-edgeless.cc-window {
padding: 0
}
.cc-floating.cc-theme-edgeless .cc-message {
margin: 2em 2em 1.5em
}
.cc-banner.cc-theme-edgeless .cc-btn {
margin: 0;
padding: .8em 1.8em;
height: 100%
}
.cc-banner.cc-theme-edgeless .cc-message {
margin-left: 1em
}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
margin-left: 0
}
/* RESPONISVE CSS */
@media (min-width: 220px) and (max-width: 320px) {
.telnoshow {
display: none;
}
.slider-h1 {
font-family: "Montserrat", sans-serif;
font-size: 35px;
font-weight: 300;
color: #fff;
line-height: 1.1;
}
.brd {
margin-bottom: 20px;
}
.navbar {
background: #fff none repeat scroll 0 0 !important;
left: 0;
top: 0 !important;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff799;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #000;
}
.navbar-inverse .navbar-toggle {
border-color: #fff;
}
.top-header {
display: none;
}
footer .address span {
font-size: 18px;
padding-left: 12px;
}
.navbar-nav {
background: #fff799 none repeat scroll 0 0;
float: left;
font-size: 16px;
margin: 0;
padding: 10px 0;
width: 100%;
}
.navbar-nav>li>a {
color: #000 !important;
line-height: inherit;
padding: 10px 15px !important;
transition: all 0.35s ease 0s;
}
.top-header {
background: #282f3b none repeat scroll 0 0;
float: left;
text-align: center;
width: 100%;
}
.header-text {
display: block;
font-size: 30px;
font-weight: bold;
line-height: 40px;
margin: 0 auto auto;
text-align: center;
text-transform: uppercase;
width: 100%;
}
header {
color: #fff;
height: 100%;
line-height: 2;
overflow: hidden;
padding: 102px 0 0;
transition: all 0.35s ease 0s;
}
.header-btn {
font-size: 12px;
padding: 12px;
}
.header-text>p {
display: none;
}
.navbar-nav>li>a::before {
border-right: medium none;
}
.navbar-collapse {
background: #fff799 none repeat scroll 0 0;
border: medium none;
padding: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 99999999;
}
.navbar-toggle {
margin-top: 13px;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
background-color: #f5f5f5;
}
.social {
display: none;
}
.top-header .email {
display: none;
}
.tittle h2 {
font-size: 21px;
margin-top: 24px;
}
footer .contact-bg {
float: left;
margin: 65px 0;
}
footer .contact-bg::before {
top: -365px;
}
#blog::before {
display: none;
}
#blog .title {
margin-bottom: 100px;
margin-top: 0;
}
#blog .col-md-12 {
margin-bottom: 100px;
}
.top-header {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.navbar {
position: fixed;
top: 42px;
z-index: 999;
}
.navbar-toggle.collapsed {
background: #fff none repeat scroll 0 0;
border: 1px solid;
border-radius: 0;
}
.about-box {
margin-top: 0;
}
.counter span {
color: #fff;
display: inline-block;
margin-bottom: 50px;
}
#blog {
padding: 50px 0;
}
#blog .col-md-12 {
margin-bottom: 30px;
}
footer .address span {
float: left;
font-size: 19px;
font-weight: 700;
margin: 10px 0;
padding-left: 0;
width: 100%;
}
.counter {
padding-bottom: 0;
padding-top: 100px;
}
}
.navbar-collapse.in {
overflow-y: visible;
}
/*------- Resposive -----*/
@media (min-width: 360px) and (max-width: 480px) {
.telnoshow {
display: inline-block !important;
font-size: 14px;
font-weight: 700;
color: #0a3038;
}
.logo2 {
display: block !important;
left: 23px;
position: absolute;
top: 0px;
width: 80% !important;
}
.inline {
display: inline;
max-height: 40px;
padding-right: 10px !important;
}
.footer-font-res {
font-size: 16px;
line-height: 30px;
}
}
@media (min-width: 320px) and (max-width: 480px) {
.inner-header-bg {
min-height: 400px;
}
.inner-header-bg-error {
height: 100px;
margin-top: -10px;
}
.errorbg {
background: none;
}
.inner-header-text {
padding-top: 100px;
width: 90%;
}
.telnoshow {
display: none
}
.slider-h1 {
font-family: "Montserrat", sans-serif;
font-size: 35px;
font-weight: 300;
color: #fff;
line-height: 1.1;
}
.quote-outer form {
width: 100%;
}
.contact ul {
float: left;
margin-top: 60px;
padding: 0;
}
.logo2 {
display: block;
left: 23px;
position: absolute;
top: 0px;
width: 70%;
}
.counter {
padding-bottom: 0;
padding-top: 100px;
}
.brd {
margin-bottom: 20px;
}
.navbar {
background: #fff none repeat scroll 0 0 !important;
left: 0;
top: 0 !important;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #000;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #fff;
margin-left: 50px;
}
.navbar-inverse .navbar-toggle {
border-color: #fff;
}
.top-header {
display: none;
}
footer .address span {
font-size: 18px;
padding-left: 12px;
}
.navbar-nav {
background: #0a3038 none repeat scroll 0 0;
float: left;
font-size: 16px;
margin: 0;
padding: 10px 0;
width: 100%;
}
.navbar-nav>li>a {
color: #fff !important;
line-height: inherit;
padding: 10px 15px !important;
transition: all 0.35s ease 0s;
}
.nav.navbar-nav>li::before {
display: none
}
.top-header {
background: #282f3b none repeat scroll 0 0;
float: left;
text-align: center;
width: 100%;
}
.header-text {
display: block;
font-size: 30px;
font-weight: bold;
line-height: 40px;
margin: 0 auto auto;
text-align: center;
text-transform: uppercase;
width: 100%;
}
header {
color: #fff;
height: 100%;
line-height: 2;
overflow: hidden;
padding: 102px 0 0;
transition: all 0.35s ease 0s;
}
.header-btn {
font-size: 12px;
padding: 12px;
}
.header-text>p {
display: none;
}
.navbar-nav>li>a::before {
border-right: medium none;
}
.navbar-collapse {
background: #fff799 none repeat scroll 0 0;
border: medium none;
padding: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 99999999;
}
.navbar-toggle {
margin-top: 13px;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
background-color: #f5f5f5;
}
.hide-bg .social {
display: none;
}
.top-header .email {
display: none;
}
.tittle h2 {
font-size: 21px;
margin-top: 24px;
}
footer .contact-bg {
margin: 65px 0;
}
footer .contact-bg::before {
top: -365px;
}
#blog::before {
display: none;
}
#blog .title {
margin-bottom: 100px;
margin-top: 0;
}
#blog .col-md-12 {
margin-bottom: 100px;
}
.top-header {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.navbar {
position: fixed;
top: 42px;
z-index: 999;
}
.navbar-toggle.collapsed {
background: #fff none repeat scroll 0 0;
border: 1px solid;
border-radius: 0;
}
.about-box {
margin-top: 0;
}
.counter span {
color: #fff;
display: inline-block;
margin-bottom: 50px;
}
#blog {
padding: 50px 0;
}
#blog .col-md-12 {
margin-bottom: 30px;
}
footer .address span {
float: left;
font-size: 19px;
font-weight: 700;
margin: 10px 0;
padding-left: 0;
width: 100%;
}
.hide-bg {
padding: 0;
}
.caption {
padding-top: 70px;
}
.free-btn {
font-size: 20px;
margin-bottom: 20px;
}
.client li {
display: inline;
float: left;
margin-right: 0;
text-align: center;
width: 100%;
}
.civil-container {
margin-top: -134px;
}
.about-box img {
margin-bottom: 50px;
}
.civil {
padding: 45px 20px 30px;
}
.title {
font-size: 15px;
padding: 0 20px;
}
.practise .title h2 {
color: rgb(255, 255, 255);
font-size: 35px;
}
.footer-font-res {
font-size: 16px;
line-height: 30px;
}
}
@media (min-width: 481px) and (max-width: 640px) {
.slider-h1 {
font-family: "Montserrat", sans-serif;
font-size: 35px;
font-weight: 300;
color: #fff;
line-height: 1.1;
}
.telnoshow {
display: inline-block;
font-size: 14px;
font-weight: 700;
color: #0a3038;
}
.inner-header-bg {
height: 400px;
}
.inner-header-bg-error {
height: 100px;
margin-top: -10px;
}
.errorbg {
background: none;
}
.inner-header-text {
padding-top: 100px;
width: 90%;
}
.practise .title h2 {
color: rgb(255, 255, 255);
font-size: 35px;
}
.quote-outer form {
width: 100%;
}
.contact ul {
float: left;
margin-top: 60px;
padding: 0;
}
.logo2 {
display: block;
left: 23px;
position: absolute;
top: 0px;
width: 80%;
}
.counter {
padding-bottom: 0;
padding-top: 100px;
}
.brd {
margin-bottom: 20px;
}
.navbar {
background: #fff none repeat scroll 0 0 !important;
left: 0;
top: 0 !important;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #000;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #fff;
margin-left: 50px;
}
.navbar-inverse .navbar-toggle {
border-color: #fff;
}
.top-header {
display: none;
}
footer .address span {
font-size: 18px;
padding-left: 12px;
}
.navbar-nav {
background: #0a3038 none repeat scroll 0 0;
float: left;
font-size: 16px;
margin: 0;
padding: 10px 0;
width: 100%;
}
.navbar-nav>li>a {
color: #fff !important;
line-height: inherit;
padding: 10px 15px !important;
transition: all 0.35s ease 0s;
}
.nav.navbar-nav>li::before {
display: none
}
.top-header {
background: #282f3b none repeat scroll 0 0;
float: left;
text-align: center;
width: 100%;
}
.header-text {
display: block;
font-size: 30px;
font-weight: bold;
line-height: 40px;
margin: 0 auto auto;
text-align: center;
text-transform: uppercase;
width: 100%;
}
header {
color: #fff;
height: 100%;
line-height: 2;
overflow: hidden;
padding: 102px 0 0;
transition: all 0.35s ease 0s;
}
.header-btn {
font-size: 12px;
padding: 12px;
}
.header-text>p {
display: none;
}
.navbar-nav>li>a::before {
border-right: medium none;
}
.navbar-collapse {
background: #fff799 none repeat scroll 0 0;
border: medium none;
padding: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 99999999;
}
.navbar-toggle {
margin-top: 13px;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
background-color: #f5f5f5;
}
.hide-bg .social {
display: none;
}
.top-header .email {
display: none;
}
.tittle h2 {
font-size: 21px;
margin-top: 24px;
}
footer .contact-bg {
margin: 65px 0;
}
footer .contact-bg::before {
top: -365px;
}
#blog::before {
display: none;
}
#blog .title {
margin-bottom: 100px;
margin-top: 0;
}
#blog .col-md-12 {
margin-bottom: 100px;
}
.top-header {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.navbar {
position: fixed;
top: 42px;
z-index: 999;
}
.navbar-toggle.collapsed {
background: #fff none repeat scroll 0 0;
border: 1px solid;
border-radius: 0;
}
.about-box {
margin-top: 0;
}
.counter span {
color: #fff;
display: inline-block;
margin-bottom: 50px;
}
#blog {
padding: 50px 0;
}
#blog .col-md-12 {
margin-bottom: 30px;
}
footer .address span {
float: left;
font-size: 19px;
font-weight: 700;
margin: 10px 0;
padding-left: 0;
width: 100%;
}
.hide-bg {
padding: 0;
}
.caption {
padding-top: 70px;
width: 100%;
}
.free-btn {
font-size: 20px;
margin-bottom: 20px;
}
.client li {
display: inline;
float: left;
margin-right: 0;
text-align: center;
width: 100%;
}
.civil-container {
margin-top: -134px;
}
.about-box img {
margin-bottom: 50px;
}
.civil {
padding: 45px 20px 30px;
}
.title {
font-size: 15px;
padding: 0 20px;
}
.footer-font-res {
font-size: 16px;
line-height: 30px;
}
}
@media (min-width: 641px) and (max-width: 767px) {
.telnoshow {
display: inline-block;
font-size: 14px;
font-weight: 700;
color: #0a3038;
}
.inner-header-bg {
height: 400px;
}
.inner-header-bg-error {
height: 100px;
margin-top: -10px;
}
.errorbg {
background: none;
}
.inner-header-text {
padding-top: 100px;
width: 90%;
}
.practise .title h2 {
color: rgb(255, 255, 255);
font-size: 35px;
}
.title {
font-size: 15px;
padding: 0 20px;
}
.quote-outer form {
width: 100%;
}
.contact ul {
float: left;
margin-top: 60px;
padding: 0;
}
.logo2 {
display: block;
left: 23px;
position: absolute;
top: 0px;
width: 70%;
}
.counter {
padding-bottom: 0;
padding-top: 100px;
}
.brd {
margin-bottom: 20px;
}
.navbar {
background: #fff none repeat scroll 0 0 !important;
left: 0;
top: 0 !important;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #000;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #fff;
margin-left: 50px;
}
.navbar-inverse .navbar-toggle {
border-color: #fff;
}
.top-header {
display: none;
}
footer .address span {
font-size: 18px;
padding-left: 12px;
}
.navbar-nav {
background: #0a3038 none repeat scroll 0 0;
float: left;
font-size: 16px;
margin: 0;
padding: 10px 0;
width: 100%;
}
.navbar-nav>li>a {
color: #fff !important;
line-height: inherit;
padding: 10px 15px !important;
transition: all 0.35s ease 0s;
}
.nav.navbar-nav>li::before {
display: none
}
.top-header {
background: #282f3b none repeat scroll 0 0;
float: left;
text-align: center;
width: 100%;
}
.header-text {
display: block;
font-size: 30px;
font-weight: bold;
line-height: 40px;
margin: 0 auto auto;
text-align: center;
text-transform: uppercase;
width: 100%;
}
header {
color: #fff;
height: 100%;
line-height: 2;
overflow: hidden;
padding: 102px 0 0;
transition: all 0.35s ease 0s;
}
.header-btn {
font-size: 12px;
padding: 12px;
}
.header-text>p {
display: none;
}
.navbar-nav>li>a::before {
border-right: medium none;
}
.navbar-collapse {
background: #fff799 none repeat scroll 0 0;
border: medium none;
padding: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 99999999;
}
.navbar-toggle {
margin-top: 13px;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
background-color: #f5f5f5;
}
.hide-bg .social {
display: none;
}
.top-header .email {
display: none;
}
.tittle h2 {
font-size: 21px;
margin-top: 24px;
}
footer .contact-bg {
margin: 65px 0;
}
footer .contact-bg::before {
top: -365px;
}
#blog::before {
display: none;
}
#blog .title {
margin-bottom: 100px;
margin-top: 0;
}
#blog .col-md-12 {
margin-bottom: 100px;
}
.top-header {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.navbar {
position: fixed;
top: 42px;
z-index: 999;
}
.navbar-toggle.collapsed {
background: #fff none repeat scroll 0 0;
border: 1px solid;
border-radius: 0;
}
.about-box {
margin-top: 0;
}
.counter span {
color: #fff;
display: inline-block;
margin-bottom: 50px;
}
#blog {
padding: 50px 0;
}
#blog .col-md-12 {
margin-bottom: 30px;
}
footer .address span {
float: left;
font-size: 19px;
font-weight: 700;
margin: 10px 0;
padding-left: 0;
width: 100%;
}
.hide-bg {
padding: 0;
}
.caption {
padding-top: 70px;
width: 100%;
}
.free-btn {
font-size: 20px;
margin-bottom: 20px;
}
.client li {
display: inline;
float: left;
margin-right: 0;
text-align: center;
width: 100%;
}
.civil-container {
margin-top: -134px;
}
.about-box img {
margin-bottom: 50px;
}
.footer-font-res {
font-size: 16px;
line-height: 30px;
}
}
@media (max-width: 980px) {
.title h3 {
font-size: 30px;
}
}
@media (min-width: 767px) and (max-width: 980px) {
.top-header {
font-size: 9px;
line-height: 12px;
}
.consultation-am {
padding-top: 20%;
}
.slider-h1 {
font-family: "Montserrat", sans-serif;
font-size: 35px;
font-weight: 300;
color: #fff;
line-height: 1.1;
}
.address .col-xs-12.col-sm-10.col-md-10 {
padding: 0;
}
.time .col-xs-12.col-sm-10.col-md-10 {
padding: 0;
}
.phone .col-xs-12.col-sm-10.col-md-10 {
padding: 0;
}
.phone i {
margin-top: 0px;
}
.time i {
margin-top: 0px;
}
.about {
padding: 100px 0 0;
}
.address i {
margin-top: 0px;
}
.about-box img {
margin-bottom: 50px;
}
.caption {
padding-top: 200px;
}
.civil {
padding: 45px 5px 30px;
}
#blog .col-md-4 {
float: left;
width: 33.3333%;
}
.free-btn {
background: #fff799 none repeat scroll 0 0;
display: block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
margin-top: 25px;
padding: 12px;
text-align: center;
text-transform: uppercase;
}
.nav>li>a {
display: block;
padding: 10px 12px;
position: relative;
}
.top-header .social a {
font-size: 10px;
}
.header-btn {
background: #161a1e none repeat scroll 0 0;
color: #fff;
display: table;
font-size: 11px;
margin: 20px auto auto;
padding: 10px;
text-align: center;
text-transform: uppercase;
transition: all 0.35s ease 0s;
}
footer .contact-bg::before {
content: "";
height: 100%;
left: -90px;
position: absolute;
top: -384px;
transform: skewY(173deg);
width: 155%;
}
footer .address span {
font-size: 14px;
}
.about-box {
text-align: left;
}
.tittle h2 {
margin-top: 30px;
}
.about-box img {
width: 100%;
}
.about strong {
font-size: 14px;
}
header {
color: #fff;
height: 450px;
overflow: hidden;
transition: all 0.35s ease 0s;
}
#blog h3 {
color: #000000;
font-size: 14px;
font-weight: 300;
}
.date small {
color: #4b4b4b;
display: block;
font-size: 13px;
font-weight: 300;
line-height: 1em;
padding: 6px 0 0 7px;
text-transform: uppercase;
}
.about-box .date .time {
color: #a2c331;
font-family: "Open Sans", sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1em;
}
.header-text {
color: #fff;
margin: 158px auto auto;
width: 745px;
font-size: 27px;
}
.top-header .social li {
display: inline;
margin-left: 4px;
}
.navbar-nav>li>a {
line-height: 34px;
}
footer .copyright {
font-size: 12px;
}
footer .weight a {
font-size: 12px;
}
footer .footer-bg::before {
transform: skewY(223deg);
}
footer .footer-bg::after {
transform: skewY(-236deg);
}
.header-text>p {
font-size: 17px;
line-height: 28px;
}
footer .contact-bg::before {
top: -373px;
transform: skewY(175deg);
}
footer .contact-bg strong {
font-size: 20px;
}
}
@media (min-width: 980px) and (max-width: 1024px) {
.caption {
width: 100%;
}
.telnoshow {
display: none;
}
.top-header {
font-size: 9px;
line-height: 12px;
}
.consultation-am {
padding-top: 15%;
}
.address .col-xs-12.col-sm-10.col-md-10 {
padding: 0;
}
.time .col-xs-12.col-sm-10.col-md-10 {
padding: 0;
}
.phone .col-xs-12.col-sm-10.col-md-10 {
padding: 0;
}
.about-box img {
margin-bottom: 50px;
}
.caption {
padding-top: 200px;
}
.civil {
padding: 45px 5px 30px;
}
#blog .col-md-4 {
float: left;
width: 33.3333%;
}
.free-btn {
background: #fff799 none repeat scroll 0 0;
display: block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
margin-top: 25px;
padding: 12px;
text-align: center;
text-transform: uppercase;
}
.free-btn {
color: #0a3038;
margin-bottom: 15px;
}
.nav>li>a {
display: block;
padding: 10px 12px;
position: relative;
}
.top-header .social a {
font-size: 10px;
}
.header-btn {
background: #161a1e none repeat scroll 0 0;
color: #fff;
display: table;
font-size: 11px;
margin: 20px auto auto;
padding: 10px;
text-align: center;
text-transform: uppercase;
transition: all 0.35s ease 0s;
}
footer .contact-bg::before {
content: "";
height: 100%;
left: -90px;
position: absolute;
top: -384px;
transform: skewY(173deg);
width: 155%;
}
footer .address span {
font-size: 14px;
}
.about-box {
text-align: left;
}
.tittle h2 {
margin-top: 30px;
}
.about-box img {
width: 100%;
}
.about strong {
font-size: 14px;
}
header {
color: #fff;
height: 450px;
overflow: hidden;
transition: all 0.35s ease 0s;
}
#blog h3 {
color: #000000;
font-size: 14px;
font-weight: 300;
}
.date small {
color: #4b4b4b;
display: block;
font-size: 13px;
font-weight: 300;
line-height: 1em;
padding: 6px 0 0 7px;
text-transform: uppercase;
}
.about-box .date .time {
color: #a2c331;
font-family: "Open Sans", sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1em;
}
.header-text {
color: #fff;
margin: 158px auto auto;
width: 745px;
font-size: 27px;
}
.top-header .social li {
display: inline;
margin-left: 4px;
}
.navbar-nav>li>a {
line-height: 34px;
}
footer .copyright {
font-size: 12px;
}
footer .weight a {
font-size: 12px;
}
}
@media (max-width:1200px) {
.top-header {
font-size: 11px;
line-height: 14px;
}
.phone i {
margin-top: 0px;
}
.time i {
margin-top: 0px;
}
.address i {
margin-top: 0px;
}
}
@media (max-width:1024px) {
.thank-you-am {
padding-top: 50%;
}
.top-header {
font-size: 9px;
line-height: 12px;
}
}
@media (max-width:992px) {
.is-sticky-bottom {
margin-bottom: 50px;
}
}
@media (min-width: 768px) {
.navbar-collapse.collapse {
display: flex !important;
}
}
@media (max-width:768px) {
.media-object {
margin-top: 0;
}
.header_noshow {
display: none !important;
}
.h1-blog {
font-size: 35px !important;
}
.thank-you-am {
padding-top: 20%;
}
.caption .cd1-btn {
margin-top: 0.8em;
padding: 0.5em 1em;
}
.pay-image {
margin-bottom: 20px;
}
.certificate-title {
height: 20px;
}
}
@media (max-width: 480px) {
.col-12 {
width: 100%;
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
/* display this row with flex and use wrap (= respect columns' widths) */
/* display this row with flex and use wrap (= respect columns' widths) */
.row-flex {
display: flex;
flex-wrap: wrap;
}
/* vertical spacing between columns */
/*[class*="col-"] {*/
/* margin-bottom: 30px;*/
/*}*/
.content-col {
margin: 0 0 15px 0;
}
.content-row {
height: 100%;
padding: 20px 20px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.border {
border: 1px solid rgb(128, 128, 128);
}
.border-bottom {
border-bottom: 1px solid #ddd;
}
.border-top {
border-top: 1px solid #ddd;
}
.btn-yellow {
background-color: #fff799!important;
border: 1px solid #ddd;
}
.flex {
display: flex;
}
.flex-column {
flex-direction: column;
}
.justify-content-center {
justify-content: center;
}
.justify-content-end {
justify-content: end;
}
.align-items-center {
align-items: center;
}
.text-12px {
font-size: 12px;
}
.text-14px {
font-size: 14px;
}
.text-16px {
font-size: 16px;
}
.text-black {
color: #000000;
}
.text-white {
color: #ffffff;
}
.background-yellow {
background-color: #fff799;
}
.background-calypso {
background-color: #307889;
}
.center {
display: flex;
justify-content: center;
align-items: center;
}
.text-justify {
text-align: justify;
text-justify: inter-word;
}
.search-p {
margin :0 10px 0 0;
}
.search-button {
margin: 0 0 0 10px;
}
.pe-4 {
padding-right: 15px;
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
.locations-items {
display: flex;
}
.location-item {
display: flex;
align-items: center;
}
.w-15 {
width: 15%;
}
.w-30 {
width: 30%;
}
.w-40 {
width: 40%;
}
.usefulLinks_gotop_container {
text-align: end;
}
.usefulLinks_link {
text-align: center;
}
.usefulLinks_link:hover {
text-decoration: underline;
}
@media screen and (min-width: 992px) {
.team-member-box {
height: 330px;
}
}
@media screen and (min-width: 1200px) {
.team-member-box {
height: 370px;
}
}
.d-none {
display: none;
}
#businessStartUpAdvice {
scroll-margin-top: 50px;
}
#grants {
scroll-margin-top: 50px;
}
#government {
scroll-margin-top: 50px;
}
#hr {
scroll-margin-top: 50px;
}
#debt {
scroll-margin-top: 50px;
}
#businessNews {
scroll-margin-top: 50px;
}
#member {
scroll-margin-top: 50px;
}
#accounting {
scroll-margin-top: 50px;
}
#taxAdvisors {
scroll-margin-top: 50px;
}
#health {
scroll-margin-top: 50px;
}
#businessInfo {
scroll-margin-top: 50px;
}
#otherLinks {
scroll-margin-top: 50px;
}
.d-flex {
display: flex;
}
@media screen and (min-width: 576px) {
.d-sm-none {
display: none;
}
.d-sm-flex {
display: flex;
}
}
@media screen and (min-width: 768px) {
.d-md-none {
display: none;
}
.d-md-flex {
display: flex;
}
}
@media screen and (min-width: 992px) {
.d-lg-none {
display: none;
}
.d-lg-flex {
display: flex;
}
#businessStartUpAdvice {
scroll-margin-top: 130px;
}
#grants {
scroll-margin-top: 130px;
}
#government {
scroll-margin-top: 130px;
}
#hr {
scroll-margin-top: 130px;
}
#debt {
scroll-margin-top: 130px;
}
#businessNews {
scroll-margin-top: 130px;
}
#member {
scroll-margin-top: 130px;
}
#accounting {
scroll-margin-top: 130px;
}
#taxAdvisors {
scroll-margin-top: 130px;
}
#health {
scroll-margin-top: 130px;
}
#businessInfo {
scroll-margin-top: 130px;
}
#otherLinks {
scroll-margin-top: 130px;
}
}
@media screen and (min-width: 1200px) {
.d-xl-none {
display: none;
}
.d-xl-flex {
display: flex;
}
}
@media screen and (min-width: 1400px) {
.d-xxl-none {
display: none;
}
.d-xxl-flex {
display: flex;
}
}