.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption-text {
text-align: center;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.bypostauthor {
display: block;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.gallery-caption {
display: block;
} .new-article .nav-next {
position: relative;
width: 50%;
float: right;
text-align: right;
padding-left: 5px;
}
.new-article .nav-previous {
position: relative;
width: 50%;
float: left;
padding-right: 5px;
}
.design-section .lower-section {
margin-bottom: -40px !important;
}
.page-container {
position: relative !important;
padding: 100px 0px 50px !important;
}
.page-banner .inner-container {
color: #fff;
}
.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li.current-menu-item>a {
opacity: 1;
color: #df6512;
}
.contact-form p {
margin-bottom: 0px !important;
}    * {
margin: 0px;
padding: 0px;
border: none;
outline: none;
font-size: 100%;
} body {
font-size: 14px;
color: #787878;
line-height: 1.6em;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-family: 'Lato', sans-serif;
}
a {
text-decoration: none;
cursor: pointer;
color: #df6512;
}
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
font-weight: normal;
margin: 0px;
background: none;
line-height: 1.2em;
font-family: 'Lato', sans-serif;
letter-spacing: -0.02em;
margin-bottom: 5px;
margin-top: 5px;
}
textarea {
overflow: hidden;
}
button {
outline: none !important;
cursor: pointer;
}
p {
font-size: 16px;
line-height: 1.6em;
font-weight: 400;
color: #555555;
}
.text {
font-size: 16px;
line-height: 1.6em;
font-weight: 400;
color: #555555;
margin: 0;
}
::-webkit-input-placeholder {
color: inherit;
}
::-moz-input-placeholder {
color: inherit;
}
::-ms-input-placeholder {
color: inherit;
}
.auto-container {
position: static;
max-width: 1210px;
padding: 0px 20px;
margin: 0 auto;
}
.large-container {
position: static;
max-width: 1600px;
padding: 0px 15px;
margin: 0 auto;
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
z-index: 9;
}
ul,
li {
list-style: none;
padding: 0px;
margin: 0px;
}
.theme-btn {
display: inline-block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: 'Lato', sans-serif;
}
.theme-btn i {
position: relative;
display: inline-block;
font-size: 14px;
margin-left: 3px;
}
.centered {
text-align: center !important;
} .btn-style-one {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #ffffff;
padding: 10px 30px;
font-weight: 800;
overflow: hidden;
border-radius: 3px;
letter-spacing: 1px;
background-color: #df6512;
text-transform: uppercase;
}
.btn-style-one:hover {
background-color: #001e57;
color: #ffffff;
} .btn-style-two {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #ffffff;
padding: 13px 33px;
font-weight: 700;
overflow: hidden;
border-radius: 2px;
letter-spacing: 1px;
background-color: #df6512;
text-transform: uppercase;
}
.btn-style-two:hover {
background-color: #ffffff;
color: #222222;
} .btn-style-three {
position: relative;
display: inline-block;
font-size: 18px;
line-height: 30px;
color: #001e57;
padding: 15px 39px;
font-weight: 700;
overflow: hidden;
border-radius: 3px;
letter-spacing: 1px;
background-color: #ffffff;
text-transform: capitalize;
}
.btn-style-three:hover {
background-color: #001e57;
color: #ffffff;
} .btn-style-four {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #c7c7c7;
padding: 10px 26px;
font-weight: 400;
overflow: hidden;
border-radius: 3px;
letter-spacing: 1px;
background: none;
border: 1px solid #5b626f;
text-transform: capitalize;
}
.btn-style-four:hover {
background-color: #df6512;
border-color: #df6512;
color: #ffffff;
} .btn-style-five {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 13px 35px;
font-weight: 800;
overflow: hidden;
border-radius: 3px;
letter-spacing: 1px;
background-color: #001e57;
text-transform: uppercase;
}
.btn-style-five:hover {
background-color: #df6512;
color: #ffffff;
} .btn-style-six {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #001e57;
padding: 13px 33px;
font-weight: 700;
overflow: hidden;
border-radius: 2px;
letter-spacing: 1px;
background-color: #ffffff;
text-transform: uppercase;
}
.btn-style-six:hover {
background-color: #001e57;
color: #ffffff;
} .btn-style-seven {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #ffffff;
padding: 10px 37px;
font-weight: 700;
overflow: hidden;
border-radius: 2px;
letter-spacing: 1px;
background-color: #df6512;
text-transform: uppercase;
}
.btn-style-seven:hover {
background-color: #001e57;
color: #ffffff;
} .list-style-one {
position: relative;
}
.list-style-one li {
position: relative;
list-style: outside none !important;
font-size: 16px;
line-height: 24px;
color: #222222;
font-weight: 700;
padding-left: 25px;
margin-bottom: 11px;
}
.list-style-one li:before {
content: "\f138";
position: absolute;
left: 0;
top: 0px;
display: block;
font-size: 14px;
line-height: 1.6em;
padding: 0px;
color: #df6512;
font-weight: 900;
font-family: "Font Awesome 5 Free";
}
.list-style-one li a:hover {
color: #44bce2;
}
.theme_color {
color: #df6512;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//www.whitaker.company/wp-content/themes/solustrid/assets/images/icons/preloader.svg);
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
.dropdown-toggle::after {
display: none;
}
.fa {
line-height: inherit;
}
.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
position: absolute;
top: 50%;
left: 30px;
height: 60px;
width: 60px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.play-now .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.play-now .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
} .scroll-to-top {
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
color: #ffffff;
font-size: 24px;
line-height: 60px;
text-align: center;
z-index: 100;
cursor: pointer;
background: #1b1a1c;
display: none;
border-radius: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.scroll-to-top:hover {
background: #df6512;
} .main-header {
position: relative;
display: block;
width: 100%;
z-index: 99999;
}
.main-header .header-top {
position: relative;
background-color: #001e57;
}
.main-header .header-top .top-right {
position: relative;
float: right;
}
.main-header .header-top .info-list {
position: relative;
}
.main-header .header-top .info-list li {
position: relative;
float: left;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
padding: 15px 0px;
margin-left: 24px;
}
.main-header .header-top .info-list li a {
color: #ffffff;
}
.main-header .header-top .info-list li .icon {
position: relative;
margin-left: 8px;
color: #df6512;
}
.main-header .header-top .info-list li a:hover .txt {
color: #df6512;
text-decoration: underline;
} .main-header .header-top .top-left {
position: relative;
float: left;
}
.main-header .header-top .top-left .text:before {
position: absolute;
content: '';
right: 0%;
top: 0px;
height: 100%;
width: 100000%;
display: block;
z-index: -1;
background-color: #031331;
}
.main-header .header-top .top-left .text {
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
float: left;
z-index: 1;
font-weight: 400;
padding: 15px 0px;
padding-right: 40px;
}
.main-header .header-top .top-left .social-links {
position: relative;
float: left;
padding: 18px 0px;
margin-left: 40px;
}
.main-header .header-top .top-left .social-links li {
position: relative;
margin-right: 18px;
display: inline-block;
}
.main-header .header-top .top-left .social-links li a {
position: relative;
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-top .top-left .social-links li a:hover {
color: #df6512;
}
.main-header .header-top .top-right {
position: relative;
float: right;
}
.main-header .header-top-two {
position: relative;
background-color: #f3f5f9;
z-index: 7;
}
.main-header .header-top-two .top-right {
position: relative;
float: right;
}
.header-top-two .social-links {
position: relative;
float: left;
padding: 14px 0px;
}
.header-top-two .social-links li {
position: relative;
margin-left: 18px;
display: inline-block;
}
.header-top-two .social-links li a {
position: relative;
display: block;
color: #555555;
line-height: 30px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-top-two .social-links li a:hover {
color: #df6512;
}
.header-top-two .change-location {
position: relative;
float: left;
margin-left: 30px;
}
.header-top-two .change-location .location {
position: relative;
padding: 14px 0px;
}
.header-top-two .change-location .location .dropdown-menu {
left: auto !important;
right: 0px;
top: 100% !important;
width: 170px;
border-radius: 0px;
padding: 0px;
margin-top: 0px;
background-color: #222222;
border: none;
border-top: 2px solid #df6512;
transform: none !important;
}
.header-top-two .change-location .location>a {
display: block;
border: 0px;
padding: 0px;
font-size: 14px;
background: #001e57;
font-weight: 400;
border-radius: 0px;
padding-left: 15px;
padding-right: 15px;
line-height: 30px;
color: #ffffff !important;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-top-two .change-location .location>a .fa {
padding-left: 5px;
vertical-align: middle;
}
.header-top-two .change-location .location .dropdown-menu>li {
padding: 0;
margin: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.header-top-two .change-location .location .dropdown-menu>li:last-child {
border-bottom: none;
}
.header-top-two .change-location .location .dropdown-menu>li>a {
padding: 8px 15px !important;
line-height: 24px;
display: block;
color: #ffffff !important;
text-align: left;
font-size: 15px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-top-two .change-location .location .dropdown-menu>li>a:hover {
color: #ffffff;
background: #df6512;
}
.header-top-two .top-left {
position: relative;
float: left;
padding: 14px 0px;
}
.header-top-two .top-left .text {
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #222222;
} .main-header .header-top-three {
position: relative;
background: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.main-header .header-top-three .top-left {
position: relative;
float: left;
}
.main-header .header-top-three .info-list {
position: relative;
}
.main-header .header-top-three .info-list li {
position: relative;
float: left;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 500;
padding: 15px 0px;
margin-right: 25px;
}
.main-header .header-top-three .info-list li a {
color: #ffffff;
}
.main-header .header-top-three .info-list li .icon {
position: relative;
margin-left: 8px;
color: #df6512;
}
.main-header .header-top-three .info-list li a:hover .txt {
color: #df6512;
text-decoration: underline;
}
.main-header .header-top-three .top-right {
position: relative;
float: right;
}
.main-header .header-top-three .social-links {
position: relative;
float: right;
padding: 18px 0px;
margin-left: 40px;
}
.main-header .header-top-three .social-links li {
position: relative;
margin-right: 18px;
display: inline-block;
}
.main-header .header-top-three .social-links li a {
position: relative;
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-top-three .social-links li a:hover {
color: #df6512;
} .main-header .header-upper {
position: relative;
top: 0;
z-index: 5;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-upper .logo-outer {
position: relative;
float: left;
z-index: 25;
padding: 32px 0px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .logo-outer .logo img {
position: relative;
display: inline-block;
max-width: 300px;
width: 100%;
}
.main-header .header-upper .nav-outer {
float: right;
} .main-header .header-lower {
position: relative;
}
.main-menu {
position: relative;
float: left;
}
.main-menu .navbar-collapse {
padding: 0px;
}
.main-menu .navigation {
position: relative;
margin: 0px;
}
.main-menu .navigation>li {
position: relative;
float: left;
padding: 42px 0px;
margin-right: 40px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-menu .navigation>li>a {
position: relative;
display: block;
text-align: center;
font-size: 16px;
line-height: 35px;
font-weight: 700;
opacity: 1;
color: #222222;
padding: 0px;
text-transform: none;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
color: #df6512;
}
.main-menu .navigation>li>ul {
position: absolute;
left: 0px;
top: 100%;
min-width: 240px;
z-index: 100;
display: none;
padding: 0px 0px;
background-color: #262626;
opacity: 0;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation>li>ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation>li>ul>li>ul>li ,
.main-menu .navigation>li>ul>li {
position: relative;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.main-menu .navigation>li>ul>li>ul>li:last-child,
.main-menu .navigation>li>ul>li:last-child {
border-bottom: none;
}
.main-menu .navigation>li>ul>li>ul li a,
.main-menu .navigation>li>ul>li>a {
position: relative;
display: block;
padding: 11px 25px;
line-height: 24px;
font-weight: 500;
font-size: 15px;
color: rgba(255, 255, 255, 0.90);
text-align: left;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation>li>ul>li>ul>li:hover>a,
.main-menu .navigation>li>ul>li:hover>a {
color: #ffffff;
background-color: #df6512;
}
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after,
.main-menu .navigation>li>ul>li.dropdown>a:after {
font-family: 'Font Awesome 5 Free';
content: "\f105";
position: absolute;
right: 20px;
top: 11px;
display: block;
line-height: 24px;
font-size: 16px;
font-weight: 900;
z-index: 5;
}
.main-menu .navigation>li>ul>li>ul>li>ul,
.main-menu .navigation>li>ul>li>ul {
position: absolute;
left: 100%;
top: 0px;
width: 240px;
z-index: 100;
display: none;
background-color: #262626;
opacity: 0;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation>li>ul>li>ul>li {
position: relative;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.main-menu .navigation>li>ul>li>ul>li:last-child {
border-bottom: none;
}
.main-menu .navigation>li>ul>li>ul>li>a {
position: relative;
display: block;
padding: 11px 25px;
line-height: 24px;
font-weight: 500;
font-size: 15px;
color: rgba(255, 255, 255, 0.90);
text-align: left;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation>li>ul>li>ul>li>a:hover {
color: #ffffff;
background-color: #df6512;
}
.main-menu .navigation>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
top: 100%;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.main-menu .navigation li>ul>li.dropdown>ul>li.dropdown:hover>ul ,
.main-menu .navigation li>ul>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
top: 0px;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.main-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 8px;
width: 34px;
height: 30px;
border: 1px solid #ffffff;
text-align: center;
font-size: 16px;
line-height: 26px;
color: #ffffff;
cursor: pointer;
z-index: 5;
display: none;
}
.main-header .outer-box {
position: relative;
float: left;
} .main-header .search-box-outer {
position: relative;
float: left;
padding: 42px 0px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .search-box-btn {
position: relative;
height: 35px;
cursor: pointer;
background: none;
font-size: 16px;
color: #333333;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .search-box-btn:hover {
color: #03274a;
}
.dropdown-toggle::after {
display: none;
}
.main-header .search-box-outer .dropdown-menu {
top: 75px !important;
left: auto !important;
right: 0;
padding: 0px;
width: 280px;
border-radius: 0px;
transform: none !important;
border-top: 3px solid #25262c;
}
.main-header .search-panel .form-container {
padding: 25px 20px;
}
.main-header .search-panel .form-group {
position: relative;
margin: 0px;
}
.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
display: block;
width: 100%;
line-height: 24px;
padding: 7px 40px 7px 15px;
height: 40px;
font-size: 14px;
border: 1px solid #e0e0e0;
background: #ffffff;
}
.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
border-color: #25262c;
}
.main-header .search-panel .search-btn {
position: absolute;
right: 0px;
top: 0px;
width: 40px;
height: 40px;
text-align: center;
color: #555555;
font-size: 12px;
background: none;
cursor: pointer;
}
.main-header .outer-box .btn-box {
position: relative;
float: right;
padding: 34px 0px;
margin-left: 35px;
}
.main-header .outer-box .btn-box .theme-btn {
position: relative;
float: right;
} .header-style-two {
position: relative;
}
.header-style-two .header-upper .logo-outer {
padding-bottom: 22px;
}
.header-style-two .header-lower .nav-outer {
position: relative;
background: #001e57;
bottom: -10px;
width: 100%;
}
.header-style-two .main-menu .navigation>li {
margin-right: 0px;
margin-left: 40px;
padding: 0;
}
.header-style-two .main-menu .navigation>li>a {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
line-height: 30px;
padding: 20px 0px;
}
.header-style-two .main-menu .navigation>li:hover>a,
.header-style-two .main-menu .navigation>li.current>a {
color: #df6512;
}
.header-style-two .outer-box {
float: right;
padding: 0;
}
.header-style-two .outer-box .btn-box {
padding: 0;
}
.header-style-two .outer-box .search-box-outer {
padding: 18px 0px 16px;
}
.header-style-two .search-box-btn {
color: #ffffff;
}
.header-style-two .search-box-btn:hover {
color: #df6512;
}
.header-style-two .search-box-outer .dropdown-menu {
border-top-color: #df6512;
top: 50px !important;
}
.header-style-two .outer-box .btn-box .theme-btn {
padding: 20px 30px;
border-radius: 0px;
}
.header-style-two .outer-box .btn-box .theme-btn:hover {
background: #df6512;
opacity: 0.70;
color: #ffffff;
}
.header-style-two .logo-outer {
position: relative;
float: left;
}
.header-style-two .info-outer {
position: relative;
float: right;
padding-top: 30px;
}
.header-style-two .info-outer .info-box {
position: relative;
float: left;
margin-left: 70px;
padding-left: 45px;
margin-bottom: 30px;
}
.header-style-two .info-outer .info-box .icon {
position: absolute;
left: 0;
top: 0;
line-height: 56px;
font-size: 30px;
color: #df6512;
}
.header-style-two .info-outer .info-box:first-child {
margin-left: 0;
}
.header-style-two .info-outer .info-box:before {
content: '';
position: absolute;
left: -36px;
top: 0;
height: 56px;
border-left: 1px solid #e0e0e0;
}
.header-style-two .info-outer .info-box:first-child:before {
display: none;
}
.header-style-two .info-outer .info-box .info {
position: relative;
display: block;
line-height: 1.4em;
font-size: 16px;
color: #222222;
}
.header-style-two .info-outer .info-box strong {
font-weight: 700;
line-height: 1.2em;
font-size: 15px;
color: #222222;
}
.header-style-two .info-outer .info-box a {
color: #222222;
}
.header-style-two .info-outer .info-box a:hover {
text-decoration: underline;
color: #df6512;
} .header-style-three {
position: absolute;
background: none;
}
.header-style-three .header-upper {
background: none;
}
.header-style-three .main-menu .navigation>li>a {
color: #ffffff;
}
.header-style-three .main-menu .navigation>li:hover>a,
.header-style-three .main-menu .navigation>li.current>a {
color: #df6512;
}
.header-style-three .search-box-btn {
color: #ffffff;
}
.header-style-three .search-box-btn:hover {
color: #df6512;
}
.main-header .search-box-outer .dropdown-menu {
border-top-color: #df6512;
} .sticky-header {
position: fixed;
visibility: hidden;
opacity: 0;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
z-index: -1;
background: #ffffff;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
-webkit-transition: top 300ms ease;
-moz-transition: top 300ms ease;
-ms-transition: top 300ms ease;
-o-transition: top 300ms ease;
transition: top 300ms ease;
}
.fixed-header .sticky-header {
opacity: 1;
z-index: 99999;
visibility: visible;
}
.fixed-header .sticky-header .logo {
padding: 10px 0;
}
.fixed-header .sticky-header .logo img {
max-width: 200px;
width: 100%;
}
.sticky-header .main-menu .navigation>li {
margin-left: 32px !important;
padding: 0;
margin-right: 0;
background-color: transparent;
}
.sticky-header .main-menu .navigation>li>a:before,
.sticky-header .main-menu .navigation>li:after {
display: none !important;
}
.sticky-header .main-menu .navigation>li>a {
padding: 20px 0px !important;
line-height: 30px;
font-size: 16px;
font-weight: 600;
color: #222222;
text-transform: capitalize;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li.current-menu-item>a {
opacity: 1;
color: #df6512;
} .page-title {
position: relative;
padding: 115px 0;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
.page-title:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: '';
background: rgb(39, 105, 191);
background: -moz-linear-gradient(left, #2f6ec0 0%, #4291f5 100%);
background: -webkit-linear-gradient(left, #2f6ec0 0%, #4291f5 100%);
background: linear-gradient(to right, #2f6ec0 0%, #4291f5 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2f6ec0', endColorstr='#4291f5', GradientType=1);
z-index: 0;
}
.page-title:after {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: '';
background: url(//www.whitaker.company/wp-content/themes/images/background/page-title-pattern.png) right top no-repeat;
z-index: 1;
opacity: 0.05;
}
.page-title .inner-container {
position: relative;
z-index: 5;
}
.page-title h1 {
position: relative;
float: left;
font-size: 48px;
color: #ffffff;
line-height: 50px;
font-weight: 600;
}
.page-title h1 span {
font-weight: 300;
margin-right: 10px;
}
.page-title .bread-crumb {
position: relative;
float: right;
padding: 10px 0;
}
.page-title .bread-crumb li {
position: relative;
float: left;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
text-transform: capitalize;
cursor: default;
padding-right: 15px;
margin-right: 12px;
}
.page-title .bread-crumb li:before {
position: absolute;
right: -3px;
font-size: 14px;
line-height: 30px;
color: #ffffff;
content: "\f0da";
font-family: "Font Awesome 5 Free";
}
.page-title .bread-crumb li:last-child {
padding-right: 0;
margin-right: 0;
}
.page-title .bread-crumb li:last-child:before {
display: none;
}
.page-title .bread-crumb li a {
color: #ffffff;
font-weight: 600;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border-bottom: 1px solid #ffffff;
}
.page-title .bread-crumb li a:hover {
color: #ffffff;
} .sec-title {
position: relative;
z-index: 1;
margin-bottom: 35px;
}
.sec-title .title {
position: relative;
display: block;
font-size: 18px;
line-height: 24px;
color: #afafaf;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 10px;
}
.sec-title h2 {
position: relative;
display: block;
font-size: 44px !important;
line-height: 1.2em !important;
color: #001e57 !important;
font-weight: 800 !important;
padding-bottom: 25px !important;
}
.sec-title h2:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 120px;
height: 1px;
background-color: #df6512;
}
.sec-title h2:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 40px;
height: 1px;
background-color: #001e57;
}
.sec-title.light h2 {
color: #ffffff !important;
}
.sec-title.light h2:after {
background-color: #ffffff;
}
.sec-title.centered {
text-align: center;
}
.sec-title.centered h2:before {
left: 50%;
margin-left: -60px;
}
.sec-title.centered h2:after {
left: 50%;
margin-left: -60px;
} .main-slider {
position: relative;
}
.main-slider .border-layer {
position: relative;
width: 200px;
height: 345px;
border: 12px solid #ffffff;
border-right: none;
}
.main-slider .border-layer:before {
position: absolute;
content: '';
right: -125px;
top: -12px;
width: 125px;
height: 12px;
background-color: #ffffff;
}
.main-slider h2 {
position: relative;
display: block;
font-size: 60px;
color: #ffffff;
font-weight: 700;
line-height: 1.14em;
text-transform: uppercase;
}
.main-slider .text {
position: relative;
display: block;
font-size: 30px;
line-height: 1.6em;
color: #ffffff;
font-weight: 300;
}
.main-slider .link-box {
position: relative;
}
.main-slider .link-box:after {
display: table;
clear: both;
content: "";
}
.main-slider .link-box .theme-btn {
position: relative;
float: left;
margin-right: 35px;
}
.main-slider .icons-box {
position: relative;
}
.main-slider .icons-box .icon {
position: relative;
float: left;
display: block;
color: #ffffff;
font-size: 52px;
line-height: 56px;
margin-right: 35px;
font-weight: 400;
} .main-slider-two {
position: relative;
}
.main-slider-two .border-layer {
position: relative;
width: 200px;
height: 345px;
border: 12px solid #ffffff;
border-right: none;
}
.main-slider-two .border-layer:before {
position: absolute;
content: '';
right: -125px;
top: -12px;
width: 125px;
height: 12px;
background-color: #ffffff;
}
.main-slider-two h2 {
position: relative;
display: block;
font-size: 60px;
color: #ffffff;
font-weight: 700;
line-height: 1.14em;
text-transform: capitalize;
}
.main-slider-two .text {
position: relative;
display: block;
font-size: 20px;
line-height: 1.6em;
color: #ffffff;
font-weight: 400;
}
.main-slider-two .link-box {
position: relative;
}
.main-slider-two .link-box .theme-btn {
position: relative;
margin-right: 20px;
}
.main-slider-two .link-box:after {
display: table;
clear: both;
content: "";
} .main-slider-three {
position: relative;
}
.main-slider-three h2 {
position: relative;
display: block;
font-size: 56px;
color: #ffffff;
font-weight: 700;
line-height: 1.2em;
text-transform: capitalize;
}
.main-slider-three .text {
position: relative;
display: block;
font-size: 20px;
line-height: 1.6em;
color: #ffffff;
font-weight: 400;
}
.main-slider-three .link-box {
position: relative;
}
.main-slider-three .link-box .theme-btn {
position: relative;
}
.main-slider-three .link-box:after {
display: table;
clear: both;
content: "";
} .innovation-section {
position: relative;
padding-bottom: 55px;
}
.innovation-section .content-column {
position: relative;
}
.innovation-section .content-column .inner-column {
position: relative;
padding-top: 95px;
}
.innovation-section .content-column .bold-text {
position: relative;
color: #222222;
font-size: 16px;
line-height: 1.7em;
font-weight: 700;
margin-bottom: 20px;
}
.innovation-section .content-column .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.7em;
font-weight: 400;
margin-bottom: 45px;
}
.innovation-section .content-column .inner-column .counter-box {
position: relative;
z-index: 1;
text-align: center;
margin-right: -80px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
}
.innovation-section .content-column .inner-column .fact-counter .column {
padding: 0px;
float: left;
}
.innovation-section .content-column .inner-column .fact-counter .column:last-child .inner {
border-right: none;
} .fact-counter {
position: relative;
}
.fact-counter .column {
position: relative;
}
.fact-counter .column .inner {
position: relative;
padding: 45px 0px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-right: 1px solid #dddddd;
}
.fact-counter .count-outer {
position: relative;
margin: 0px 0px;
font-weight: 300;
color: #df6512;
font-size: 40px;
}
.fact-counter .count-outer .count-text {
position: relative;
font-weight: 300;
color: #df6512;
font-size: 40px;
display: inline-block;
}
.fact-counter .column .counter-title {
position: relative;
font-size: 16px;
font-weight: 700;
color: #222222;
display: block;
margin-top: 20px;
letter-spacing: 1px;
text-transform: capitalize;
line-height: 0px;
margin-bottom: 0px;
}
.innovation-section .images-column {
position: relative;
margin-bottom: 30px;
}
.innovation-section .images-column .inner-column {
position: relative;
margin-top: -17px;
}
.innovation-section .images-column .image {
position: relative;
margin-bottom: 25px;
}
.innovation-section .images-column .image img {
position: relative;
width: 100%;
display: block;
}
.services-section {
position: relative;
padding-bottom: 70px;
} .services-block {
position: relative;
margin-bottom: 40px;
}
.services-block .inner-box {
position: relative;
display: block;
text-align: center;
padding: 55px 15px 60px;
background-color: #f3f5f9;
border-bottom: 3px solid #001e57;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block .inner-box .big-icon {
position: absolute;
left: 0px;
top: 80px;
right: 0px;
bottom: 0px;
line-height: 1em;
font-size: 200px;
text-align: center;
color: rgba(255, 255, 255, 0.05);
}
.services-block .inner-box:hover {
border-color: #df6512;
}
.services-block .inner-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
visibility: visible;
background-color: #001e57;
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-moz-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-moz-transform-origin: top;
transform-origin: top;
}
.services-block .inner-box:hover::before {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(1);
}
.services-block .inner-box .icon-box {
position: relative;
font-size: 60px;
line-height: 1em;
color: #001e57;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block .inner-box:hover .text,
.services-block .inner-box:hover h3 a,
.services-block .inner-box:hover .icon-box {
color: #ffffff;
}
.services-block .inner-box h3 {
position: relative;
font-size: 20px;
font-weight: 700;
color: #222222;
line-height: 1.3em;
margin-top: 30px;
margin-bottom: 20px;
}
.services-block .inner-box h3 a {
position: relative;
color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block .inner-box .text {
position: relative;
font-size: 16px;
line-height: 1.7em;
color: #555555;
padding: 0px 22px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block .inner-box .arrow {
position: absolute;
left: 50%;
bottom: 0px;
margin-bottom: -22px;
width: 44px;
height: 44px;
color: #df6512;
font-size: 10px;
line-height: 44px;
text-align: center;
border-radius: 50%;
font-weight: 800;
margin-left: -20px;
background-color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
}
.services-block .inner-box:hover .arrow {
background-color: #df6512;
color: #ffffff;
} .fluid-section-one {
position: relative;
margin-bottom: -20px;
z-index: 1;
}
.fluid-section-one .outer-container {
position: relative;
min-height: 250px;
}
.fluid-section-one .image-column {
position: absolute;
left: 0px;
top: 0px;
width: 50%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.fluid-section-one .image-column .image-box {
position: relative;
display: none;
}
.fluid-section-one .image-column .image-box img {
position: relative;
display: block;
width: 100%;
}
.fluid-section-one .content-column {
position: relative;
float: right;
width: 50%;
}
.fluid-section-one .content-column .inner-column {
position: relative;
width: 100%;
max-width: 600px;
padding: 25px 15px 80px 80px;
}
.fluid-section-one .content-column .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 28px;
}
.fluid-section-one .content-column ul {
margin-left: 30px;
}
.fluid-section-one .content-column .signature-box {
position: relative;
margin-top: 35px;
}
.fluid-section-one .content-column .signature-box h4 {
position: relative;
font-style: italic;
color: #001e57;
font-size: 16px;
font-weight: 700;
line-height: 1.3em;
}
.fluid-section-one .content-column .signature-box .signature-img {
position: relative;
margin-top: 12px;
} .services-section-two {
position: relative;
padding: 115px 0px 80px;
margin: 0px 30px;
background-color: #001e57;
-webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
}
.services-section-two .inner-container {
position: relative;
}
.services-section-two .inner-container .big-icon {
position: absolute;
left: -200px;
top: -30px;
font-size: 400px;
line-height: 1em;
color: rgba(255, 255, 255, 0.08);
}
.services-section-two .sec-title {
margin-bottom: 55px;
}
.services-section-two .sec-title .text {
position: relative;
font-size: 16px;
line-height: 1.8em;
margin-top: 90px;
padding-right: 100px;
color: rgba(255, 255, 255, 0.60);
}
.services-section-two .owl-dots {
display: none;
}
.services-section-two .owl-nav {
position: absolute;
right: 0px;
top: -125px;
}
.services-section-two .owl-nav .owl-prev {
position: relative;
color: #ffffff;
font-size: 20px;
display: inline-block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-section-two .owl-nav .owl-next {
position: relative;
color: #ffffff;
font-size: 20px;
padding-left: 20px;
margin-left: 20px;
display: inline-block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-left: 1px solid rgba(255, 255, 255, 0.20);
}
.services-section-two .owl-nav .owl-prev:hover,
.services-section-two .owl-nav .owl-next:hover {
color: #df6512;
} .services-block-two {
position: relative;
margin-bottom: 30px;
}
.services-block-two .inner-box {
position: relative;
}
.services-block-two .inner-box .image {
position: relative;
display: block;
overflow: hidden;
}
.services-block-two .inner-box .image a {
position: relative;
display: block;
}
.services-block-two .inner-box .image a:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
z-index: 1;
}
.services-block-two .inner-box:hover .image a:before {
opacity: 0.50;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.services-block-two .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-two .inner-box:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.services-block-two .inner-box .lower-content {
position: relative;
padding-top: 35px;
}
.services-block-two .inner-box .lower-content h3 {
position: relative;
font-size: 24px;
font-weight: 700;
line-height: 1.4em;
}
.services-block-two .inner-box .lower-content h3 a {
position: relative;
color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
word-break: break-all;
}
.services-block-two .inner-box .lower-content h3 a:hover {
color: #df6512;
}
.services-block-two .inner-box .lower-content .text {
position: relative;
font-size: 16px;
line-height: 1.7em;
margin-top: 12px;
color: rgba(255, 255, 255, 0.70);
}
.services-block-two .inner-box .lower-content .read-more {
position: relative;
color: #df6512;
font-weight: 700;
letter-spacing: 1px;
margin-top: 20px;
display: inline-block;
text-transform: uppercase;
text-decoration: underline;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-two .inner-box .lower-content .read-more .arrow {
position: relative;
top: -1px;
font-size: 10px;
font-weight: 700;
color: rgba(255, 255, 255, 0.80);
}
.services-block-two .inner-box .lower-content .read-more:hover {
color: #ffffff;
} .quote-section {
position: relative;
}
.quote-section .inner-section {
position: relative;
padding: 48px 60px;
margin-top: -18px;
z-index: 1;
background-color: #df6512;
}
.quote-section .content {
position: relative;
padding-left: 70px;
}
.quote-section .content .icon {
position: absolute;
left: 0px;
top: 4px;
color: #ffffff;
font-size: 60px;
line-height: 1em;
}
.quote-section .content h3 {
position: relative;
color: #ffffff;
font-size: 32px;
font-weight: 700;
}
.quote-section .content .text {
position: relative;
color: #ffffff;
font-size: 16px;
font-weight: 700;
margin-top: 5px;
}
.quote-section .theme-btn {
position: relative;
margin-top: 6px;
} .projects-section {
position: relative;
padding: 95px 0px 95px;
}
.projects-section .sec-title {
margin-bottom: 55px;
}
.projects-section .projects-carousel {
position: relative;
}
.projects-section .projects-carousel .image-carousel {
position: relative;
}
.projects-section .projects-carousel .image-carousel .image-column {
position: relative;
}
.projects-section .projects-carousel .image-carousel .image-column .image {
position: relative;
}
.projects-section .projects-carousel .image-carousel .image-column .image img {
position: relative;
width: 100%;
}
.projects-section .projects-carousel .image-carousel .content-column {
position: relative;
}
.projects-section .projects-carousel .image-carousel .content-column .inner-column {
position: relative;
padding-top: 22px;
padding-left: 18px;
}
.projects-section .projects-carousel .image-carousel .active .content-column .inner-column {
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.projects-section .projects-carousel .image-carousel .content-column .inner-column {
opacity: 0;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
}
.projects-section .projects-carousel .image-carousel .active .content-column .inner-column {
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-webkit-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
}
.projects-section .projects-carousel .image-carousel .image-column .inner-column {
opacity: 0;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
.projects-section .projects-carousel .image-carousel .active .image-column .inner-column {
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-webkit-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
}
.projects-section .projects-carousel .image-carousel .content-column {
position: relative;
}
.projects-section .projects-carousel .image-carousel .content-column .title {
position: relative;
color: #555555;
font-size: 16px;
}
.projects-section .projects-carousel .image-carousel .content-column h3 {
position: relative;
color: #222222;
font-size: 32px;
margin-top: 8px;
}
.projects-section .projects-carousel .image-carousel .content-column .text {
position: relative;
margin-top: 18px;
color: #555555;
font-size: 16px;
line-height: 1.7em;
margin-bottom: 26px;
}
.projects-section .projects-carousel .image-carousel .content-column .read-more {
position: relative;
color: #df6512;
font-size: 16px;
font-weight: 700;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
text-transform: uppercase;
text-decoration: underline;
}
.projects-section .projects-carousel .image-carousel .content-column .read-more .arrow {
position: relative;
top: 1px;
color: #001e57;
font-weight: 800;
margin-left: 4px;
}
.projects-section .projects-carousel .image-carousel .content-column .read-more:hover {
color: #001e57;
}
.projects-section .projects-carousel .thumbs-carousel {
max-width: 560px;
margin: 0 auto;
margin-top: 70px;
padding-left: 0px !important;
}
.projects-section .projects-carousel .thumbs-carousel li:hover {
cursor: pointer;
}
.projects-section .projects-carousel .thumbs-carousel li:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
opacity: 0;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-color: rgba(0, 0, 0, 0.80);
border-bottom: 3px solid #df6512;
}
.projects-section .projects-carousel .thumbs-carousel li:hover::before {
opacity: 1;
}
.projects-section .projects-carousel .thumbs-carousel .owl-nav {
position: absolute;
left: -80px;
right: -80px;
top: 50%;
margin-top: -21px;
}
.projects-section .projects-carousel .thumbs-carousel .owl-nav .owl-prev {
position: absolute;
width: 44px;
height: 44px;
line-height: 42px;
border-radius: 50px;
text-align: center;
font-size: 20px;
border: 1px solid #dedede;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.projects-section .projects-carousel .thumbs-carousel .owl-nav .owl-next {
position: absolute;
right: 0px;
width: 44px;
height: 44px;
line-height: 42px;
border-radius: 50px;
text-align: center;
font-size: 20px;
border: 1px solid #dedede;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.projects-section .projects-carousel .thumbs-carousel .owl-nav .owl-prev:hover,
.projects-section .projects-carousel .thumbs-carousel .owl-nav .owl-next:hover {
color: #ffffff;
border-color: #df6512;
background-color: #df6512;
} .skill-section {
position: relative;
padding: 110px 0px 120px;
margin: 0px 30px;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
}
.skill-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 30, 87, 0.55);
}
.skill-section .skill-column {
position: relative;
}
.skill-section .skill-column .inner-column {
position: relative;
}
.skill-section .skill-column h2 {
position: relative;
color: #ffffff;
font-size: 44px;
font-weight: 700;
line-height: 1.2em;
padding-top: 30px;
margin-bottom: 70px;
}
.skill-section .skill-column h2 span {
font-weight: 800;
border-bottom: 1px solid #df6512;
}
.skill-section .skill-column h2:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 120px;
height: 1px;
background-color: #df6512;
}
.skill-section .skill-column h2:after {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 40px;
height: 1px;
background-color: #ffffff;
} .skills {
position: relative;
}
.skills .skill-item {
position: relative;
margin-bottom: 32px;
}
.skills .skill-item:last-child {
margin-bottom: 0px;
}
.skills .skill-item .skill-bar {
position: relative;
width: 100%;
height: 3px;
background-color: #eeeeee;
}
.skills .skill-item .skill-bar .bar-inner {
position: relative;
width: 100%;
height: 3px;
background: none;
}
.skills .skill-item .skill-bar .bar-inner .bar {
position: absolute;
left: 0px;
top: 0px;
height: 3px;
width: 0px;
-webkit-transition: all 2000ms ease;
-ms-transition: all 2000ms ease;
-o-transition: all 2000ms ease;
-moz-transition: all 2000ms ease;
transition: all 2000ms ease;
background: -webkit-linear-gradient(left, #ffffff, #df6614);
background: -ms-linear-gradient(left, #ffffff, #df6614);
background: -o-linear-gradient(left, #ffffff, #df6614);
background: -moz-linear-gradient(left, #ffffff, #df6614);
}
.skills .skill-item .skill-header {
position: relative;
margin-bottom: 15px;
}
.skills .skill-item .skill-header .skill-title {
position: relative;
}
.skills .skill-item .skill-header .skill-title {
float: left;
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 1.4em;
}
.skills .skill-item .skill-header .skill-percentage {
float: right;
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 1.4em;
opacity: 0.6;
}
.skill-section .video-column {
position: relative;
}
.skill-section .video-column .inner-column {
position: relative;
padding-top: 150px;
}
.skill-section .video-column .inner-column .video-link-box {
position: relative;
float: right;
text-align: center;
} .video-link-box .play-box {
position: relative;
display: block;
text-align: center;
width: 80px;
height: 80px;
margin: 0 auto;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.video-link-box .play-box .icon {
position: relative;
width: 80px;
height: 80px;
z-index: 99;
display: inline-block;
color: #df6512;
font-weight: 400;
font-size: 20px;
text-align: center;
border-radius: 50%;
padding-left: 4px;
line-height: 80px;
background-color: #ffffff;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.video-link-box .play-box .icon-outer {
position: relative;
display: block;
width: 80px;
height: 80px;
margin: 0 auto;
}
.video-link-box .play-box .icon-outer:before {
content: '';
position: absolute;
left: -15px;
top: -15px;
width: 110px;
height: 110px;
background: rgba(255, 255, 255, 0.30);
border-radius: 50%;
}
.video-link-box .play-box .icon:after {
content: '';
position: absolute;
left: -5px;
top: -5px;
bottom: -5px;
right: -5px;
background: rgba(255, 255, 255, 0.30);
border-radius: 50%;
}
.video-link-box .ripple,
.video-link-box .ripple:before,
.video-link-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-link-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-link-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.video-link-box .video-title {
position: relative;
font-size: 14px;
font-style: italic;
color: #ffffff;
display: block;
margin-top: 25px;
} .clients-section {
position: relative;
padding: 100px 0px 100px;
margin: 0px 60px;
margin-top: -20px;
background-color: #f3f5f9;
z-index: 1;
}
.clients-section.style-two {
background: none;
margin: 0;
padding-bottom: 0px;
}
.clients-section.style-two .logo-icon {
display: none;
}
.clients-section .owl-dots,
.clients-section .owl-nav {
display: none;
}
.clients-section.style-two .owl-dots {
display: block;
width: 100%;
text-align: center;
padding-top: 40px;
}
.clients-section.style-two .owl-dots .owl-dot {
display: inline-block;
margin: 0px 5px;
}
.clients-section.style-two .owl-dots .owl-dot span {
position: relative;
display: block;
width: 10px;
height: 10px;
background: none;
border: 1px solid #e0e0e0;
border-radius: 50%;
}
.clients-section.style-two .owl-dots .owl-dot.active span {
background: #001e57;
border-color: #001e57;
}
.clients-section .logo-icon {
position: absolute;
right: 0px;
top: 90px;
left: 0px;
font-size: 500px;
line-height: 1em;
text-align: center;
font-weight: 800;
color: rgba(0, 30, 87, 0.03);
}
.clients-section .sec-title {
margin-bottom: 55px;
}
.testimonial-block {
position: relative;
}
.testimonial-block .inner-box {
position: relative;
text-align: center;
}
.testimonial-block .inner-box .image-outer {
position: relative;
width: 260px;
height: 90px;
margin: 0 auto;
}
.testimonial-block .inner-box .image-outer .quote {
position: absolute;
left: 0px;
top: 28px;
right: 0px;
font-size: 28px;
color: #df6512;
}
.testimonial-block .inner-box .image-outer .quote.quote-left {
left: 0px;
right: auto;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.testimonial-block .inner-box .image-outer .quote.quote-right {
right: 0px;
left: auto;
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.testimonial-block .inner-box .image-outer .image {
position: relative;
width: 90px;
height: 90px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
}
.testimonial-block .inner-box .text {
position: relative;
font-size: 22px;
color: #222222;
font-style: italic;
line-height: 1.5em;
max-width: 930px;
margin: 0 auto;
margin-top: 30px;
}
.testimonial-block .inner-box h3 {
position: relative;
color: #222222;
font-size: 18px;
font-weight: 700;
margin-top: 30px;
margin-bottom: 0;
line-height: 1.2em;
}
.testimonial-block .inner-box .location {
position: relative;
color: #222222;
font-size: 14px;
font-weight: 400;
margin-top: 4px;
} .news-section {
position: relative;
padding: 100px 0px 50px;
}
.news-section.alternate {
padding-bottom: 100px;
}
.news-section.alternate:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
top: 400px;
background: #f3f5f9;
}
.news-section .sec-title {
margin-bottom: 50px;
}
.news-block {
position: relative;
margin-bottom: 50px;
}
.news-block .inner-box {
position: relative;
}
.news-block .inner-box .image {
position: relative;
display: block;
background: #222222;
overflow: hidden;
}
.news-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.news-block .inner-box:hover .image img {
opacity: 0.7;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.news-block .inner-box .lower-content {
position: relative;
margin-left: 12px;
margin-right: 12px;
padding: 34px 60px 60px;
text-align: center;
margin-top: -20px;
z-index: 1;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border-bottom: 3px solid #001e57;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
}
.news-block .inner-box:hover .lower-content {
border-color: #df6512;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
.news-block .inner-box .lower-content h3 {
position: relative;
font-weight: 700;
font-size: 24px;
line-height: 1.5em;
padding-bottom: 18px;
margin-bottom: 22px;
}
.news-block .inner-box .lower-content h3:after {
position: absolute;
content: '';
left: 50%;
bottom: 0px;
height: 1px;
width: 50px;
margin-left: -25px;
background-color: #001e57;
}
.news-block .inner-box .lower-content h3 a {
position: relative;
color: #222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.news-block .inner-box .lower-content h3 a:hover {
color: #df6512;
}
.news-block .inner-box .lower-content .post-date {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.3em;
}
.news-block .post-date .posted-on a {
color: #555555;
}
.news-block .post-date .author.vcard a {
color: #555555;
}
.news-block .inner-box .lower-content .post-date span {
font-weight: 700;
}
.news-block .inner-box .lower-content .arrow {
position: absolute;
left: 50%;
bottom: 0px;
margin-bottom: -22px;
width: 44px;
height: 44px;
color: #df6512;
font-size: 10px;
line-height: 44px;
text-align: center;
border-radius: 50%;
font-weight: 800;
margin-left: -20px;
background-color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}
.news-block .inner-box:hover .lower-content .arrow {
color: #ffffff;
background-color: #df6512;
} .factory-section {
position: relative;
padding: 40px 0px 100px;
background-position: center bottom;
background-repeat: repeat-x;
}
.factory-section .owl-dots,
.factory-section .owl-nav {
display: none;
}
.factory-section .title-box {
position: relative;
text-align: center;
margin-bottom: 60px;
}
.factory-section .title-box h2 {
position: relative;
font-size: 52px;
color: #001e57;
font-weight: 700;
line-height: 1.2em;
}
.factory-section .title-box .text {
position: relative;
font-size: 18px;
color: #555555;
font-weight: 400;
line-height: 1.8em;
margin-top: 25px;
}
.factory-section .factory-icon {
text-align: center;
}
.factory-section .factory-icon a {
position: relative;
display: block;
}
.factory-section .factory-icon img {
position: relative;
display: inline-block;
max-width: 100% !important;
width: auto !important;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.factory-section .factory-icon img:hover {
opacity: 0.6;
-webkit-filter: grayscale(1);
filter: grayscale(1);
} .newsletter-section {
position: relative;
padding: 50px 0px 50px;
margin: 0px 30px;
margin-bottom: -20px;
background-color: #df6512;
z-index: 1;
}
.newsletter-section h2 {
position: relative;
color: #ffffff;
font-size: 32px;
font-weight: 700;
line-height: 1.3em;
margin-top: 6px;
} .subscribe-form .form-group {
position: relative;
display: block;
margin: 0px;
width: 100%;
padding-right: 165px;
}
.subscribe-form .form-group .icon {
position: absolute;
left: 24px;
top: 20px;
z-index: 1;
color: #888888;
font-size: 16px;
line-height: 1em;
}
.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 36px;
height: 56px;
font-size: 14px;
color: #222222;
background: #ffffff;
padding: 10px 20px 10px 50px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.subscribe-form .form-group input[type="submit"],
.subscribe-form .submit-btn {
position: absolute;
right: 0px;
top: 0px;
color: #ffffff;
font-size: 16px;
font-weight: 700;
cursor: pointer;
padding: 16px 52px;
background-color: #001e57;
text-transform: uppercase;
} .main-footer {
position: relative;
background-color: #030e22;
}
.main-footer .footer-widget {
position: relative;
margin-bottom: 40px;
}
.main-footer .widgets-section {
position: relative;
padding: 90px 0px 40px;
padding-bottom: 40px;
}
.main-footer .footer-widget h2 {
position: relative;
font-weight: 700;
color: #ffffff;
font-size: 20px;
line-height: 1.2em;
margin-bottom: 24px;
padding-bottom: 14px;
text-transform: capitalize;
}
.main-footer .footer-widget h2:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
height: 1px;
width: 50px;
background-color: #df6512;
}
.main-footer .about-widget .text {
position: relative;
color: #c7c7c7;
font-size: 16px;
line-height: 1.6em;
margin-top: 22px;
margin-bottom: 32px;
} .footer-service-list {
position: relative;
}
.footer-service-list li {
position: relative;
margin-bottom: 10px;
}
.footer-service-list li a {
position: relative;
color: #c7c7c7;
font-size: 16px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.footer-service-list li a:hover {
color: #ffffff;
text-decoration: underline;
} .news-widget-block {
position: relative;
margin-bottom: 30px;
}
.news-widget-block:last-child {
margin-bottom: 0px;
}
.news-widget-block:last-child {
margin-bottom: 0px;
}
.news-widget-block .widget-inner {
position: relative;
padding-left: 100px;
min-height: 75px;
}
.news-widget-block .widget-inner .image {
position: absolute;
left: 0px;
top: 0px;
width: 85px;
height: 0px;
}
.news-widget-block .widget-inner .post-date {
position: relative;
color: #ffffff;
font-size: 12px;
font-weight: 400;
margin-bottom: 5px;
}
.news-widget-block .widget-inner h3 {
position: relative;
color: #888888;
font-size: 18px;
line-height: 1.4em;
font-weight: 400;
top: -4px;
margin-bottom: 5px;
}
.news-widget-block .widget-inner h3 a {
position: relative;
color: #c7c7c7;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-widget-block .widget-inner h3 a:hover {
color: #df6512;
}
.main-footer .contact-widget .number {
position: relative;
color: #ffffff;
font-size: 20px;
font-weight: 700;
margin-bottom: 15px;
}
.main-footer .contact-widget ul li {
position: relative;
color: #c7c7c7;
font-size: 16px;
margin-bottom: 12px;
}
.main-footer .contact-widget ul li a:hover {
color: #ffffff;
text-decoration: underline;
}
.main-footer .footer-bottom {
position: relative;
padding: 30px 0px;
border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.main-footer .footer-bottom .copyright {
position: relative;
color: #c7c7c7;
font-size: 16px;
}
.main-footer .footer-bottom .social-links {
position: relative;
}
.main-footer .footer-bottom .social-links li {
position: relative;
margin-left: 15px;
display: inline-block;
}
.main-footer .footer-bottom .social-links li a {
position: relative;
color: #c7c7c7;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-footer .footer-bottom .social-links li a:hover {
color: #df6512;
} .page-banner {
position: relative;
padding: 115px 0;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.page-banner:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: '';
background-image: -ms-linear-gradient(left, rgba(0, 18, 52, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -moz-linear-gradient(left, rgba(0, 18, 52, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(0, 18, 52, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 18, 52, 0.95)), color-stop(100, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 18, 52, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to right, rgba(0, 18, 52, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
z-index: 0;
}
.page-banner .inner-container {
position: relative;
z-index: 5;
}
.page-banner h1 {
position: relative;
font-size: 52px;
color: #ffffff;
line-height: 1.3em;
font-weight: 700;
}
.page-banner .bread-crumb {
position: relative;
padding: 10px 0px;
}
.page-banner .bread-crumb li {
position: relative;
float: left;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
text-transform: capitalize;
cursor: default;
padding-right: 15px;
margin-right: 12px;
}
.page-banner .bread-crumb li:before {
position: absolute;
right: -3px;
font-size: 14px;
line-height: 30px;
color: #ffffff;
content: "\f105";
font-weight: 800;
font-family: "Font Awesome 5 Free";
}
.page-banner .bread-crumb li:last-child {
padding-right: 0;
margin-right: 0;
}
.page-banner .bread-crumb li:last-child:before {
display: none;
}
.page-banner .bread-crumb li a {
color: #df6512;
font-weight: 400;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.page-banner .bread-crumb li a:hover {
color: #ffffff;
} .contact-page-section {
position: relative;
padding: 100px 0px 50px;
}
.contact-page-section .info-column {
position: relative;
margin-bottom: 40px;
}
.contact-page-section .info-column .inner-column {
position: relative;
margin-right: -20px;
padding: 50px 35px 45px;
background-color: #df6512;
-webkit-box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.20);
-ms-box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.20);
box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.20);
}
.contact-page-section .info-column .inner-column .title-box {
position: relative;
}
.contact-page-section .info-column .inner-column .title-box h3 {
position: relative;
color: #ffffff;
font-size: 32px;
font-weight: 700;
line-height: 1.3em;
margin-top: 0;
margin-bottom: 0;
}
.contact-page-section .info-column .inner-column .title-box .title-text {
position: relative;
font-size: 16px;
font-weight: 400;
line-height: 1.5em;
margin-top: 8px;
margin-bottom: 30px;
color: rgba(255, 255, 255, 0.80);
}
.contact-page-section .info-column .inner-column .social-links {
position: relative;
}
.contact-page-section .info-column .inner-column .social-links li {
position: relative;
margin-right: 4px;
margin-bottom: 5px;
display: inline-block;
}
.contact-page-section .info-column .inner-column .social-links li a {
position: relative;
color: #ffffff;
width: 45px;
height: 45px;
border-radius: 2px;
display: inline-block;
text-align: center;
line-height: 43px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border: 1px solid rgba(255, 255, 255, 0.30);
}
.contact-page-section .info-column .inner-column .social-links li a:hover {
color: #df6512;
border-color: #ffffff;
background-color: #ffffff;
} .contact-info-list {
position: relative;
}
.contact-info-list li {
position: relative;
margin-bottom: 30px;
font-size: 16px;
min-height: 50px;
line-height: 1.8em;
padding-left: 50px;
color: rgba(255, 255, 255, 0.80);
}
.contact-info-list li strong {
font-weight: 700;
font-size: 18px;
display: block;
}
.contact-info-list li .icon {
position: absolute;
left: 0px;
top: 8px;
font-size: 26px;
line-height: 1em;
}
.contact-page-section .form-column {
position: relative;
}
.contact-page-section .form-column .inner-column {
position: relative;
padding-left: 60px;
}
.contact-page-section .form-column .inner-column .row {
margin: 0px -11px;
}
.contact-page-section .form-column .inner-column .contact-form .form-group {
padding: 0px 10px;
} .contact-form {
position: relative;
margin-bottom: 30px;
}
.contact-form .form-group {
position: relative;
margin-bottom: 22px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
position: relative;
display: block;
width: 100%;
color: #a5a5a5;
line-height: 26px;
padding: 10px 28px;
height: 60px;
font-size: 14px;
border-radius: 2px;
background: #f3f5f9;
border: 1px solid transparent;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-appearance: unset;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
border-color: #df6512;
}
.contact-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 10px 28px;
color: #a5a5a5;
height: 200px;
font-size: 14px;
resize: none;
border-radius: 2px;
background: #f3f5f9;
border: 1px solid transparent;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
border-color: #ff0000 !important;
}
.contact-form label.error {
display: block;
line-height: 24px;
padding: 5px 0px 0px;
margin: 0px;
text-transform: uppercase;
font-size: 12px;
color: #ff0000;
font-weight: 500;
} .contact-map-section {
position: relative;
}
.contact-map-section .outer-container {
padding: 0px 20px;
margin-bottom: -144px;
}
.contact-map-section .map-outer {
position: relative;
height: 500px;
}
.contact-map-section .map-canvas {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 500px;
}
.map-data {
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 1.8em;
padding: 10px;
}
.map-data h6 {
font-size: 16px;
font-weight: 700;
text-align: center;
margin-bottom: 10px;
color: #121212;
} .sidebar-page-container {
position: relative;
padding: 100px 0px 50px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
margin-bottom: 40px;
}
.sidebar-page-container .sidebar-side .sidebar.padding-left {
padding-left: 40px;
}
.sidebar-widget {
position: relative;
margin-bottom: 45px;
} .sidebar-title {
position: relative;
margin-bottom: 20px;
padding: 15px 15px 15px 24px;
border-left: 5px solid #df6512;
-webkit-box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.10);
box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.10);
}
.sidebar-title h5 {
position: relative;
font-size: 18px;
color: #222222;
font-weight: 800;
line-height: 30px;
} .sidebar .search-box .form-group {
position: relative;
margin: 0px;
}
.sidebar .search-box .form-group input[type="text"],
.error404 .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"],
.error404 .search-box .form-group input[type="search"] {
position: relative;
line-height: 30px;
padding: 10px 50px 10px 22px;
border: 1px solid transparent;
background: #f3f5f9;
display: block;
font-size: 14px;
width: 100%;
height: 60px;
color: #888888;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sidebar .search-box .form-group button,
.error404 .search-box .form-group button {
position: absolute;
right: 10px;
top: 10px;
height: 40px;
width: 40px;
display: block;
font-size: 14px;
color: #ffffff;
line-height: 100%;
font-weight: normal;
background: #df6512;
border-radius: 50%;
} .blog-categories {
position: relative;
}
.blog-categories li {
position: relative;
border-bottom: 1px solid #dddddd;
}
.blog-categories li a {
position: relative;
color: #001e57;
font-size: 18px;
padding: 16px 48px;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.blog-categories li a:before {
position: absolute;
left: 25px;
margin-top: -2px;
font-size: 18px;
line-height: 30px;
content: "\f105";
font-weight: 800;
font-family: "Font Awesome 5 Free";
}
.blog-categories li a:hover {
color: #df6512;
} .sidebar .popular-posts .post {
position: relative;
font-size: 15px;
color: #242424;
padding: 0px 0px;
padding: 30px 25px;
min-height: 70px;
margin-bottom: 0px;
}
.sidebar .popular-posts .post:nth-child(2n + 0) {
background-color: #f3f5f9;
}
.sidebar .popular-posts .post .post-inner {
position: relative;
padding-left: 95px;
min-height: 70px;
}
.sidebar .popular-posts .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 75px;
}
.sidebar .popular-posts .post .post-thumb img {
display: block;
width: 100%;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.sidebar .popular-posts .post .text {
position: relative;
top: -4px;
font-size: 18px;
margin: 0px 0px 0px;
font-weight: 400;
color: #222222;
line-height: 1.4em;
text-transform: capitalize;
}
.sidebar .popular-posts .post .text a {
color: #222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.sidebar .popular-posts .post a:hover {
color: #df6512;
}
.sidebar .popular-posts .post-info {
position: relative;
font-size: 12px;
color: #555555;
font-weight: 400;
line-height: 1.3em;
margin-top: 4px;
} .sidebar .popular-tags .widget-content {
padding: 15px 22px 0px;
}
.sidebar .popular-tags a {
position: relative;
display: inline-block;
line-height: 24px;
padding: 10px 22px 10px;
margin: 0px 6px 10px 0px;
color: #222222;
text-align: center;
font-size: 16px;
background: none;
font-weight: 400;
border: 1px solid #dddddd;
text-transform: capitalize;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.sidebar .popular-tags a:hover {
border-color: #df6512;
background-color: #df6512;
color: #ffffff;
} .support-widget {
position: relative;
}
.support-widget .widget-content {
position: relative;
padding: 50px 40px;
background-color: #001e57;
text-align: center;
}
.support-widget .icon {
position: relative;
display: block;
font-size: 60px;
line-height: 1em;
color: #df6512;
font-weight: 400;
margin-bottom: 15px;
}
.support-widget .text {
position: relative;
display: block;
font-size: 22px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
margin-bottom: 20px;
}
.support-widget .number {
position: relative;
display: block;
font-size: 28px;
line-height: 1.2em;
color: #ffffff;
font-weight: 700;
margin-bottom: 5px;
}
.support-widget .email {
position: relative;
}
.support-widget .email a {
position: relative;
display: block;
font-size: 16px;
line-height: 28px;
color: #ffffff;
font-weight: 700;
}
.support-widget .email a:hover {
text-decoration: underline;
} .services-widget {
position: relative;
}
.services-widget .widget-content {
position: relative;
padding: 125px 35px 55px;
background-size: cover;
}
.services-widget .widget-content:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.70);
}
.services-widget .widget-content .icon {
position: relative;
z-index: 1;
font-size: 52px;
line-height: 1em;
color: #ffffff;
margin-bottom: 18px;
}
.services-widget .widget-content h3 {
position: relative;
color: #ffffff;
font-size: 30px;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 18px;
}
.services-widget .widget-content .text {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.6em;
margin-bottom: 20px;
} .news-block-two {
position: relative;
margin-bottom: 90px;
}
.news-block-two .inner-box {
position: relative;
}
.news-block-two .inner-box .image {
position: relative;
display: block;
overflow: hidden;
}
.news-block-two .inner-box .image a {
position: relative;
display: block;
}
.news-block-two .inner-box .image a:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
z-index: 1;
}
.news-block-two .inner-box:hover .image a:before {
opacity: 0.50;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.news-block-two .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block-two .inner-box:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.news-block-two .inner-box .lower-content {
position: relative;
margin-left: 0px;
margin-right: 0px;
padding: 38px 40px 50px;
margin-top: -75px;
z-index: 1;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border-bottom: 3px solid #001e57;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
}
.news-block-two .inner-box .lower-content .post-meta {
position: relative;
margin-bottom: 6px;
}
.news-block-two .inner-box .lower-content .post-meta li {
position: relative;
color: #555555;
font-size: 14px;
display: inline-block;
padding-right: 10px;
margin-right: 10px;
line-height: 1em;
font-weight: 400;
border-right: 1px solid #555555;
}
.news-block-two .inner-box .lower-content .post-meta li strong {
font-weight: 700;
}
.news-block-two .inner-box .lower-content .post-meta li:last-child {
padding-right: 0px;
border-right: none;
margin-right: 0px;
}
.news-block-two .inner-box:hover .lower-content {
border-color: #df6512;
}
.news-block-two .inner-box .lower-content h3 {
position: relative;
font-weight: 700;
font-size: 32px;
line-height: 1.5em;
padding-bottom: 14px;
margin-bottom: 22px;
}
.news-block-two .inner-box .lower-content h3:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
height: 1px;
width: 50px;
background-color: #001e57;
}
.news-block-two .inner-box .lower-content h3 a {
position: relative;
color: #001e57;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
word-break: break-all;
}
.news-block-two .inner-box .lower-content h3 a:hover {
color: #df6512;
}
.news-block-two .inner-box .lower-content .post-date {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.3em;
}
.news-block-two .inner-box .lower-content .post-date span {
font-weight: 700;
}
.news-block-two .inner-box .lower-content .text {
position: relative;
line-height: 1.8em;
margin-bottom: 15px;
}
.news-block-two .inner-box .lower-content .arrow {
position: absolute;
left: 42px;
bottom: 0px;
margin-bottom: -22px;
width: 44px;
height: 44px;
color: #df6512;
font-size: 16px;
line-height: 44px;
text-align: center;
border-radius: 50%;
font-weight: 800;
background-color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.news-block-two .inner-box:hover .lower-content .arrow {
color: #ffffff;
background-color: #df6512;
}
.news-block-two .inner-box .lower-content .share {
position: absolute;
bottom: 20px;
right: 40px;
font-size: 20px;
} .news-block-three {
position: relative;
margin-bottom: 90px;
}
.news-block-three .inner-box {
position: relative;
padding: 70px 15px 70px;
text-align: center;
background-size: cover;
}
.news-block-three .inner-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(223, 101, 18, 0.95);
}
.news-block-three .inner-box .icon-box a {
position: relative;
color: #ffffff;
line-height: 1em;
font-size: 30px;
z-index: 1;
}
.news-block-three .inner-box h4 {
position: relative;
font-size: 32px;
line-height: 1.3em;
font-weight: 700;
margin-top: 15px;
}
.news-block-three .inner-box h4 a {
position: relative;
color: #ffffff;
}
.news-block-three .inner-box .post-date {
position: relative;
color: #ffffff;
font-size: 14px;
font-weight: 400;
z-index: 1;
margin-top: 10px;
} .styled-pagination {
position: relative;
}
.styled-pagination li {
position: relative;
display: inline-block;
margin: 0px 3px 0px 0px;
}
.styled-pagination li a {
position: relative;
display: inline-block;
line-height: 42px;
height: 45px;
font-size: 16px;
min-width: 45px;
color: #222222;
font-weight: 700;
text-align: center;
background: #ffffff;
border: 1px solid #dddddd;
text-transform: capitalize;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.styled-pagination li a:hover,
.styled-pagination li a.active {
color: #ffffff;
border-color: #df6512;
background-color: #df6512;
} .about-section {
position: relative;
padding: 0px;
background: #ffffff;
}
.about-section .left-column {
position: relative;
float: left;
width: 50%;
background: #f3f5f9;
}
.about-section .left-column .inner-column {
position: relative;
float: right;
width: 100%;
max-width: 600px;
padding: 70px 70px 70px 15px;
}
.about-section .left-column .text {
margin-bottom: 10px;
font-size: 16px;
}
.about-section .left-column .signature {
margin-bottom: 10px;
}
.about-section .left-column .author-name {
color: #001e57;
font-weight: 700;
font-style: italic;
}
.about-section .right-column {
position: relative;
float: left;
width: 50%;
background: #ffffff;
}
.about-section .right-column .inner-column {
position: relative;
width: 100%;
max-width: 600px;
padding: 70px 15px 40px 100px;
}
.services-block-six {
position: relative;
margin-bottom: 30px;
}
.services-block-six .inner {
position: relative;
display: block;
overflow: hidden;
padding: 40px 15px;
border: 1px solid #e0e0e0;
text-align: center;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.services-block-six .inner:hover .icon {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.services-block-six .inner:hover {
border-color: #001e57;
background: #001e57;
}
.services-block-six .inner .over-link {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 5;
}
.services-block-six .inner .icon {
position: relative;
font-size: 64px;
line-height: 1em;
color: #df6512;
margin-bottom: 25px;
}
.services-block-six .inner h3 {
position: relative;
font-size: 18px;
line-height: 1.3em;
color: #222222;
font-weight: 700;
text-transform: capitalize;
margin-top: 0;
margin-bottom: 0;
}
.services-block-six .inner:hover h3 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.services-block-six .inner h3 a {
color: #222222;
}
.services-block-six .inner:hover h3,
.services-block-six .inner:hover h3 a,
.services-block-six .inner:hover .icon {
color: #ffffff;
} .title-style-one {
position: relative;
margin-bottom: 60px;
}
.title-style-one.centered {
max-width: 880px;
margin: 0 auto 60px;
text-align: center;
}
.title-style-one .icon {
margin-bottom: 15px;
}
.title-style-one .subtitle {
font-size: 18px;
color: #afafaf;
margin-bottom: 15px;
}
.title-style-one h2 {
font-size: 52px;
color: #222222;
font-weight: 300;
line-height: 1.2em;
}
.title-style-one.alternate h2 {
font-size: 42px;
font-weight: 700;
}
.fun-facts-section {
position: relative;
padding: 100px 0px 60px;
background-color: #ffffff;
background-position: center bottom;
background-repeat: repeat-x;
}
.fun-facts-section .count-column {
position: relative;
text-align: center;
margin-bottom: 40px;
}
.fun-facts-section .count-column .inner-box {
position: relative;
display: block;
}
.fun-facts-section .count-column .count-outer {
position: relative;
display: block;
margin: 0px 0px 15px;
font-weight: 400;
color: #001e57;
font-size: 72px;
line-height: 1.2em;
}
.fun-facts-section .count-column .count-text {
position: relative;
}
.fun-facts-section .count-column .counter-title {
position: relative;
display: block;
font-size: 17px;
font-weight: 700;
color: #222222;
text-transform: uppercase;
margin-bottom: 10px;
}
.fun-facts-section .count-column .text {
position: relative;
font-size: 16px;
font-weight: 400;
color: #555555;
} .services-section-three {
position: relative;
padding: 100px 0px 50px;
background-color: #ffffff;
} .services-block-three {
position: relative;
margin-bottom: 50px;
}
.services-block-three .inner-box {
position: relative;
display: block;
}
.services-block-three .inner-box .image {
position: relative;
display: block;
overflow: hidden;
}
.services-block-three .inner-box .image a {
position: relative;
display: block;
}
.services-block-three .inner-box .image a:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #df6512;
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
z-index: 1;
}
.services-block-three .inner-box:hover .image a:before {
opacity: 0.70;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.services-block-three .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-three .inner-box:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.services-block-three .inner-box .lower-content {
position: relative;
padding-top: 25px;
}
.services-block-three .inner-box .lower-content h3 {
position: relative;
font-size: 22px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 10px;
}
.services-block-three .inner-box .lower-content h3 a {
position: relative;
color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-three .inner-box .lower-content h3 a:hover {
color: #df6512;
text-decoration: underline;
}
.services-block-three .inner-box .text {
margin-bottom: 40px;
}
.services-block-three .inner-box .lower-content .text {
position: relative;
font-size: 16px;
line-height: 1.6em;
color: #555555;
margin-bottom: 15px;
}
.services-block-three .inner-box .text p {
margin-bottom: 25px;
}
.services-block-three .inner-box .lower-content .read-more {
position: relative;
color: #555555;
font-weight: 700;
font-size: 14px;
display: inline-block;
text-transform: uppercase;
text-decoration: underline;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-three .inner-box .lower-content .read-more .fas {
position: relative;
font-size: 16px;
font-weight: 700;
padding-left: 5px;
color: #001e57;
}
.services-block-three .inner-box .lower-content .read-more:hover {
color: #df6512;
} .services-block-four {
position: relative;
margin-bottom: 50px;
}
.services-block-four .inner-box {
position: relative;
display: block;
color: #ffffff;
}
.services-block-four .inner-box .image {
position: relative;
}
.services-block-four .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.services-block-four .inner-box .over-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.70);
}
.services-block-four .inner-box .content-box {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 20px 30px 30px;
}
.services-block-four .inner-box .content-box h3 {
position: relative;
font-size: 28px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 10px;
}
.services-block-four .inner-box .content-box .logo {
position: relative;
margin-bottom: 10px;
}
.services-block-four .inner-box .content-box h3 a {
position: relative;
color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-four .inner-box .content-box h3 a:hover {
color: #df6512;
text-decoration: underline;
}
.services-block-four .inner-box .content-box .text {
position: relative;
font-size: 16px;
line-height: 1.6em;
color: #ffffff;
margin-bottom: 0px;
} .featured-section {
position: relative;
padding: 150px 0px;
background-color: #ffffff;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.featured-section .content-box {
position: relative;
max-width: 550px;
padding: 50px 50px 55px;
background: #ffffff;
}
.featured-section .content-box .title {
position: relative;
margin-bottom: 40px;
}
.featured-section .content-box .title h2 {
position: relative;
color: #001e57;
font-weight: 800;
font-size: 30px;
text-transform: capitalize;
padding-bottom: 15px;
}
.featured-section .content-box .title:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 21px;
border-bottom: 1px solid #001e57;
}
.featured-section .content-box .title:after {
content: '';
position: absolute;
left: 20px;
bottom: 0;
width: 60px;
border-bottom: 1px solid #df6512;
}
.featured-section .content-box .slide-item h3 {
position: relative;
color: #222222;
font-weight: 700;
font-size: 20px;
text-transform: capitalize;
margin-bottom: 15px;
}
.featured-section .content-box .slide-item h3 a {
position: relative;
color: #222222;
}
.featured-section .content-box .slide-item h3 a:hover {
color: #df6512;
text-decoration: underline;
}
.featured-section .content-box .slide-item .text {
position: relative;
color: #222222;
font-weight: 400;
font-size: 16px;
margin-bottom: 30px;
}
.featured-section .content-box .slide-item .read-more {
position: relative;
color: #df6512;
font-weight: 700;
display: inline-block;
font-size: 14px;
text-transform: uppercase;
text-decoration: underline;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.featured-section .content-box .slide-item .read-more .fas {
position: relative;
font-size: 16px;
font-weight: 700;
padding-left: 5px;
color: #001e57;
}
.featured-section .content-box .slide-item .read-more:hover {
color: #df6512;
}
.featured-section .content-box .owl-dots {
display: none;
}
.featured-section .content-box .owl-nav {
position: absolute;
right: 0px;
top: -80px;
}
.featured-section .content-box .owl-nav .owl-prev,
.featured-section .content-box .owl-nav .owl-next {
position: relative;
display: inline-block;
width: 42px;
height: 42px;
text-align: center;
border: 1px solid #e0e0e0;
line-height: 40px;
color: #001e57;
font-size: 18px;
margin-left: 7px;
border-radius: 50%;
}
.featured-section .content-box .owl-nav .owl-prev:hover,
.featured-section .content-box .owl-nav .owl-next:hover {
color: #ffffff;
background: #001e57;
border-color: #001e57;
} .what-we-offer {
position: relative;
padding: 100px 0px 50px;
background-color: #ffffff;
}
.what-we-offer .text-column {
position: relative;
margin-bottom: 50px;
}
.what-we-offer .text-column .inner {
position: relative;
}
.tabs-box {
position: relative;
}
.tabs-box .tab-buttons {
position: relative;
}
.tabs-box .tab-buttons .tab-btn {
position: relative;
display: inline-block;
cursor: pointer;
}
.tabs-box .tabs-content {
position: relative;
}
.tabs-box .tabs-content .tab {
position: relative;
display: none;
}
.tabs-box .tabs-content .tab.active-tab {
display: block;
}
.tabs-style-one .tab-buttons {
position: relative;
margin-bottom: 35px;
}
.tabs-style-one .tab-buttons .tab-btn {
position: relative;
float: left;
margin-right: 45px;
text-align: center;
font-size: 18px;
text-transform: capitalize;
color: #888888;
font-weight: 700;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.tabs-style-one .tab-buttons .tab-btn .icon {
display: block;
line-height: 1em;
font-size: 32px;
font-weight: 400;
margin-bottom: 15px;
}
.tabs-style-one .tab-buttons .tab-btn .txt {
display: block;
position: relative;
padding-bottom: 5px;
}
.tabs-style-one .tab-buttons .tab-btn .txt:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
border-bottom: 3px solid transparent;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.tabs-style-one .tab-buttons .tab-btn.active-btn .txt {
color: #001e57;
}
.tabs-style-one .tab-buttons .tab-btn.active-btn .txt:before {
width: 100%;
border-color: #df6512;
}
.tabs-style-one .tab-buttons .tab-btn.active-btn .icon {
color: #df6512;
}
.tabs-style-one .tab p {
margin-bottom: 30px;
}
.tabs-style-one .tab ul {
position: relative;
margin-bottom: 30px;
}
.tabs-style-one .tab ul li {
position: relative;
padding-left: 28px;
font-weight: 700;
color: #222222;
margin-bottom: 10px;
line-height: 1.5em;
}
.tabs-style-one .tab ul li:before {
content: "\f138";
position: absolute;
left: 0;
top: 0px;
display: block;
font-size: 14px;
line-height: 1.4em;
padding: 0px;
color: #888888;
font-weight: 900;
font-family: "Font Awesome 5 Free";
}
.tabs-style-one .tab .link-box {
position: relative;
padding-top: 20px;
}
.tabs-style-one .tab .read-more {
position: relative;
color: #df6512;
font-weight: 700;
display: inline-block;
font-size: 14px;
text-transform: uppercase;
text-decoration: underline;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.tabs-style-one .tab .read-more .fas {
position: relative;
font-size: 16px;
font-weight: 700;
padding-left: 5px;
color: #001e57;
}
.tabs-style-one .tab .read-more:hover {
color: #df6512;
}
.what-we-offer .image-column {
position: relative;
margin-bottom: 50px;
}
.what-we-offer .image-column .inner {
position: relative;
display: block;
margin-top: 95px;
margin-left: 140px;
margin-right: -140px;
border: 12px solid #df6512;
height: 600px;
}
.what-we-offer .image-column .image-1 {
position: absolute;
width: 100%;
max-width: 446px;
right: -80px;
bottom: 0px;
margin: 0;
}
.what-we-offer .image-column .image-2 {
position: absolute;
left: -110px;
bottom: 85px;
width: 100%;
max-width: 340px;
margin: 0;
}
.what-we-offer .image-column img {
display: block;
width: 100%;
} .video-box {
position: relative;
}
.video-box .overlay-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
background: rgba(0, 30, 87, 0.60);
-webkit-box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.15);
}
.play-box-two {
position: absolute;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
width: 60px;
height: 60px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.play-box-two .icon {
position: relative;
width: 60px;
height: 60px;
z-index: 99;
display: inline-block;
color: #df6512;
font-weight: 400;
font-size: 18px;
text-align: center;
border-radius: 50%;
padding-left: 4px;
line-height: 60px;
background-color: #ffffff;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.play-box-two .icon-outer {
position: relative;
display: block;
width: 60px;
height: 60px;
margin: 0 auto;
}
.play-box-two .icon-outer:before {
content: '';
position: absolute;
left: -10px;
top: -10px;
width: 80px;
height: 80px;
background: rgba(255, 255, 255, 0.30);
border-radius: 50%;
}
.play-box-two .icon:after {
content: '';
position: absolute;
left: -5px;
top: -5px;
bottom: -5px;
right: -5px;
background: rgba(255, 255, 255, 0.30);
border-radius: 50%;
}
.play-box-two .ripple,
.play-box-two .ripple:before,
.play-box-two .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.play-box-two .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.play-box-two .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
} .request-quote-section {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 1;
padding: 100px 0 70px;
}
.request-quote-section:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #001e57;
content: "";
opacity: 0.90;
}
.request-quote-section .sec-title .text {
margin-top: 25px;
color: rgba(255, 255, 255, 0.60);
}
.appointment-form {
position: relative;
}
.appointment-form .form-group {
position: relative;
margin-bottom: 30px;
}
.appointment-form .ui-selectmenu-button.ui-button,
.appointment-form .form-group input[type="text"],
.appointment-form .form-group input[type="email"],
.appointment-form .form-group input[type="tel"],
.appointment-form .form-group input[type="url"],
.appointment-form .form-group textarea,
.appointment-form .form-group select {
position: relative;
display: block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
padding: 11px 25px;
width: 100%;
height: 54px;
background-color: #0d2960;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.10);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-appearance: unset;
}
.appointment-form .form-group textarea {
height: 138px;
resize: none;
}
.appointment-form .form-group input[type="submit"],
.appointment-form button {
display: block;
width: 100%;
text-align: center;
line-height: 30px;
padding: 12px 30px;
}
.appointment-form .form-group input[type="submit"]:hover,
.appointment-form button:hover {
background: #222222;
}
.appointment-form .form-group input:focus,
.appointment-form .form-group textarea:focus,
.appointment-form .form-group select:focus {
border-color: #df6512;
}
.appointment-form ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.50);
}
.appointment-form ::-moz-input-placeholder {
color: rgba(255, 255, 255, 0.50);
}
.appointment-form ::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.50);
}
.appointment-form .ui-button .ui-icon {
background: none;
position: relative;
top: 5px;
text-indent: 0px;
color: #ab7442;
}
.appointment-form .ui-button .ui-icon:before {
font-family: 'Font Awesome 5 Free';
content: "\f107";
font-weight: 900;
position: absolute;
right: 0px;
top: 0px;
width: 10px;
height: 20px;
display: block;
color: #ffffff;
line-height: 20px;
font-size: 14px;
text-align: center;
z-index: 5;
}
.ui-menu .ui-menu-item-wrapper {
padding: 10px 20px;
line-height: 20px;
font-size: 14px;
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
background-color: #df6512;
border-color: #df6512;
} .testimonials-section {
position: relative;
background: #ffffff;
padding: 100px 0 50px;
}
.testimonials-section .sec-title {
margin-bottom: 50px;
}
.testimonial-block-one {
position: relative;
}
.testimonial-block-one .inner-box {
position: relative;
display: block;
}
.testimonial-block-one .upper {
position: relative;
padding: 40px 35px 80px;
background: #f3f5f9;
border-radius: 3px;
margin-bottom: 40px;
text-align: center;
}
.testimonial-block-one .upper:before {
content: '';
position: absolute;
left: 35px;
bottom: -22px;
border: 12px solid transparent;
border-top: 12px solid #f3f5f9;
}
.testimonial-block-one .upper .text {
position: relative;
font-size: 17px;
font-style: italic;
line-height: 1.6em;
}
.testimonial-block-one .upper .icon {
position: absolute;
right: 30px;
bottom: 30px;
font-size: 40px;
color: #df6512;
}
.testimonial-block-one .lower {
position: relative;
padding-left: 65px;
min-height: 50px;
padding-top: 3px;
margin-left: 20px;
}
.testimonial-block-one .lower .image {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
.testimonial-block-one .lower .image img {
position: relative;
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
}
.testimonial-block-one .lower .name {
font-size: 17px;
line-height: 1.4em;
color: #222222;
font-weight: 700;
text-transform: capitalize;
}
.testimonial-block-one .lower .location {
font-size: 14px;
color: #222222;
}
.testimonials-section .owl-nav,
.testimonials-section .owl-dots {
display: none;
} .sponsors-section {
position: relative;
padding: 100px 0px;
background: #ffffff;
}
.sponsors-section.alternate {
padding: 50px 0px 100px;
}
.sponsors-section .owl-dots,
.sponsors-section .owl-nav {
display: none;
}
.sponsors-section .logo {
text-align: center;
}
.sponsors-section .logo a {
position: relative;
display: block;
}
.sponsors-section .logo img {
position: relative;
display: inline-block !important;
max-width: 100% !important;
width: auto !important;
opacity: 0.7;
-webkit-filter: grayscale(1);
filter: grayscale(1);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sponsors-section .logo img:hover {
opacity: 1;
-webkit-filter: grayscale(0);
filter: grayscale(0);
} .newsletter-section-two {
position: relative;
padding: 100px 0px;
background: #ffffff;
z-index: 1;
}
.newsletter-section-two .title-box {
position: relative;
max-width: 980px;
margin: 0 auto 50px;
text-align: center;
}
.newsletter-section-two .title-box h2 {
position: relative;
color: #001e57;
font-size: 32px;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 20px;
}
.newsletter-section-two .title-box .text {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
margin-bottom: 0px;
} .subscribe-form-two {
position: relative;
max-width: 560px;
margin: 0 auto;
}
.subscribe-form-two .form-group {
position: relative;
display: block;
margin: 0px;
width: 100%;
padding-right: 165px;
}
.subscribe-form-two .form-group .icon {
position: absolute;
left: 24px;
top: 20px;
z-index: 1;
color: #888888;
font-size: 16px;
line-height: 1em;
}
.subscribe-form-two .form-group input[type="text"],
.subscribe-form-two .form-group input[type="tel"],
.subscribe-form-two .form-group input[type="email"],
.subscribe-form-two .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 36px;
height: 56px;
font-size: 14px;
color: #222222;
background: #f3f5f9;
padding: 10px 20px 10px 50px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.subscribe-form-two .form-group input[type="submit"],
.subscribe-form-two .submit-btn {
position: absolute;
right: 0px;
top: 0px;
color: #ffffff;
font-size: 16px;
font-weight: 700;
cursor: pointer;
padding: 16px 52px;
background-color: #de6512;
text-transform: uppercase;
}
.blog-detail {
position: relative;
}
.blog-detail .inner-box {
position: relative;
}
.blog-detail .inner-box .image {
position: relative;
}
.blog-detail .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.blog-detail .inner-box .lower-content {
position: relative;
}
.blog-detail .inner-box .lower-content .content-inner {
position: relative;
}
.blog-detail .inner-box .lower-content .content-inner .title-box {
position: relative;
padding: 40px 40px;
margin-left: 0;
margin-right: 0;
margin-top: -75px;
margin-bottom: 35px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
border-bottom: 3px solid #001e57;
}
.blog-detail .inner-box .lower-content .content-inner .title-box .post-meta {
position: relative;
margin-bottom: 4px;
padding-left: 0px;
}
.blog-detail .inner-box .lower-content .content-inner .title-box .post-meta li {
position: relative;
color: #555555;
line-height: 1em;
display: inline-block;
padding-right: 12px;
margin-right: 12px;
border-right: 1px solid #555555;
}
.blog-detail .inner-box .lower-content .content-inner .title-box .post-meta li:last-child {
padding-right: 0px;
margin-right: 0px;
border-right: 0px;
}
.blog-detail .inner-box .lower-content .content-inner .title-box .post-meta li strong {
font-weight: 600;
}
.blog-detail .inner-box .lower-content .content-inner .title-box h2 {
position: relative;
font-weight: 700;
font-size: 32px;
color: #001e57;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 1.5em;
}
.blog-detail .inner-box .lower-content .text {
position: relative;
}
.blog-detail .inner-box .lower-content .text p {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 22px;
}
.blog-detail .inner-box .lower-content .text .wp-block-cover.alignwide.has-background-dim p {
color: #fff;
}
.blog-detail .inner-box .lower-content .text h3 {
position: relative;
font-weight: 800;
font-size: 24px;
color: #222222;
line-height: 1.5em;
margin-bottom: 16px;
}
.blog-detail .inner-box .lower-content .text .gallery-column {
position: relative;
margin-top: 35px;
}
.blog-detail .inner-box .lower-content .text .gallery-column .image {
margin-bottom: 30px;
}
.blog-detail .inner-box .lower-content .text .gallery-column .image img {
width: 100%;
display: block;
}
.blog-detail .inner-box .lower-content .text blockquote {
position: relative;
margin-bottom: 30px;
padding: 50px 50px 45px;
border-left: 0px;
background-color: #f3f5f9;
}
.blog-detail .inner-box .lower-content .text blockquote .blockquote-inner {
position: relative;
text-align: center;
}
.blog-detail .inner-box .lower-content .text blockquote .blockquote-inner .big-icon {
position: absolute;
top: -20px;
font-size: 180px;
line-height: 1em;
text-align: center;
width: 100%;
color: rgba(0, 30, 87, 0.05);
}
.blog-detail .inner-box .lower-content .text blockquote .blockquote-inner .quote-icon {
position: relative;
color: #df6512;
font-size: 30px;
line-height: 1em;
margin-bottom: 15px;
}
.blog-detail .inner-box .lower-content .text blockquote .blockquote-inner .quote-text {
position: relative;
color: #222222;
font-size: 18px;
font-style: italic;
line-height: 1.8em;
font-weight: 700;
}
.blog-detail .inner-box .lower-content .post-share-options {
position: relative;
}
.blog-detail .inner-box .lower-content .post-share-options .tags a {
position: relative;
color: #001e57;
font-size: 12px;
font-weight: 800;
margin-right: 2px;
text-transform: uppercase;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.blog-detail .inner-box .lower-content .post-share-options .tags a:hover {
color: #df6512;
} .new-article {
position: relative;
padding: 10px 10px;
margin-top: 35px;
background-color: #001e57;
}
.new-article .nav-previous {
position: relative;
width: 50%;
float: left;
padding-right: 5px;
}
.new-article .prev-post a {
position: relative;
color: #ffffff;
padding: 18px 25px;
display: block;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(255, 255, 255, 0.10);
}
.new-article .prev-post a .fas {
margin-right: 5px;
color: #df6512;
font-size: 15px;
}
.new-article .prev-post a:hover {
color: #df6512;
}
.new-article h2.screen-reader-text {
display: none;
}
.new-article .nav-next {
position: relative;
width: 50%;
float: right;
text-align: right;
padding-left: 5px;
}
.new-article .next-post a {
position: relative;
color: #ffffff;
padding: 18px 25px;
display: block;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(255, 255, 255, 0.10);
}
.new-article .next-post a .fas {
margin-left: 5px;
color: #df6512;
font-size: 15px;
}
.new-article .next-post a:hover {
color: #df6512;
} .sidebar-page-container .comments-area {
position: relative;
margin-bottom: 60px;
margin-top: 65px;
float: left;
}
.sidebar-page-container .group-title {
position: relative;
margin-bottom: 45px;
}
.sidebar-page-container .group-title span {
position: relative;
font-size: 21px;
color: #001e57;
font-weight: 500;
padding-bottom: 12px;
text-transform: capitalize;
}
.sidebar-page-container .group-title span:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 120px;
height: 1px;
background-color: #df6512;
}
.sidebar-page-container .group-title span:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 40px;
height: 1px;
background-color: #001e57;
}
.sidebar-page-container .comments-area .comment-box {
position: relative;
padding: 0px 0px 0px;
margin-bottom: 40px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
margin-top: 0px;
}
.sidebar-page-container .comments-area .comment .comment {
position: relative;
min-height: 70px;
padding: 0px 0px 0px 100px;
font-size: 14px;
display: block;
}
.sidebar-page-container .comments-area .reply-comment {
margin-left: 120px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 70px;
border-radius: 50%;
margin-bottom: 20px;
overflow: hidden;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img {
width: 100%;
display: block;
}
.sidebar-page-container .comments-area .comment-info {
margin-bottom: 10px;
}
.sidebar-page-container .comments-area .comment-box strong a {
color: #222222;
}
.sidebar-page-container .comments-area .comment-box strong {
font-size: 18px;
font-weight: 700;
color: #222222;
display: block;
line-height: 1.3em;
text-transform: capitalize;
}
.sidebar-page-container .comments-area .comment-box .text {
color: #555555;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 16px;
}
.sidebar-page-container .comments-area .comment-info .comment-time {
font-size: 12px;
color: #444444;
font-weight: 700;
}
.sidebar-page-container .comments-area .comment-box .reply-outer {
position: relative;
margin-bottom: 30px;
}
.sidebar-page-container .comments-area .comment-box .reply-outer:before {
position: absolute;
content: '';
left: 0px;
top: 11px;
width: 100%;
height: 1px;
background-color: #dddddd;
}
.sidebar-page-container .comments-area .comment-box .comment-reply-link {
position: relative;
padding: 0px 22px 0px 0px;
font-size: 14px;
color: #df6512;
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.sidebar-page-container .comments-area .comment-box .comment-reply-link .fas {
margin-left: 4px;
top: 1px;
color: #001e57;
}
.sidebar-page-container .comments-area .comment-box .comment-reply-link:hover {
color: #001e57;
}
.sidebar-page-container .comments-area .comment-box .theme-btn {
position: relative;
padding: 0px 22px 0px 0px;
font-size: 14px;
color: #df6512;
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.sidebar-page-container .comments-area .comment-box .theme-btn .fas {
margin-left: 4px;
top: 1px;
color: #001e57;
}
.sidebar-page-container .comments-area .comment-box .theme-btn:hover {
color: #001e57;
} .comment-form .form-group {
margin-bottom: 20px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 28px;
color: #888888;
border: 1px solid transparent;
height: 60px;
font-size: 16px;
background: #f3f5f9;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
border-color: #ffaa00;
}
.comment-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 15px 18px;
color: #888888;
border: 1px solid transparent;
height: 150px;
background: #f3f5f9;
resize: none;
font-size: 16px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form button {
padding: 13px 51px;
}
.comment-form button:hover {
background-color: #030e22;
color: #ffffff;
} .sidebar-page-container .sidebar-side .sidebar.padding-right {
padding-right: 40px;
}
.services-categories {
position: relative;
}
.services-categories li {
position: relative;
margin-bottom: 5px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-categories li a {
position: relative;
color: #001e57;
font-size: 18px;
font-weight: 400;
display: block;
background-color: #f3f5f9;
border-bottom: 1px solid #9eaac0;
padding: 20px 15px 20px 30px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-categories li a:before {
position: absolute;
content: '\f105';
right: 22px;
top: 22px;
color: #000048;
font-size: 18px;
font-weight: 900;
font-family: "Font Awesome 5 Free";
}
.services-categories li.active a:before,
.services-categories li:hover a:before {
color: #ffffff;
}
.services-categories li.active a,
.services-categories li a:hover {
color: #ffffff;
border-color: #df6512;
background-color: #df6512;
}
.project-categories {
position: relative;
}
.project-categories li {
position: relative;
margin-bottom: 5px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.project-categories li a {
position: relative;
color: #001e57;
font-size: 18px;
font-weight: 400;
display: block;
background-color: #f3f5f9;
border-bottom: 1px solid #9eaac0;
padding: 20px 15px 20px 30px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.project-categories li a:before {
position: absolute;
content: '\f105';
right: 22px;
top: 22px;
color: #000048;
font-size: 18px;
font-weight: 900;
font-family: "Font Awesome 5 Free";
}
.project-categories li.active a:before,
.project-categories li:hover a:before {
color: #ffffff;
}
.project-categories li.active a,
.project-categories li a:hover {
color: #ffffff;
border-color: #df6512;
background-color: #df6512;
} .brochures {
position: relative;
}
.brochures .widget-content {
padding-top: 15px;
}
.brochures .brochure-btn {
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #222222;
font-weight: 500;
padding: 15px 15px;
border-bottom: 1px solid #dddddd;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.brochures .brochure-btn span {
position: relative;
float: left;
color: #df6512;
font-size: 30px;
margin-right: 20px;
}
.brochures .brochure-btn:hover {
color: #df6512;
} .services-detail {
position: relative;
}
.services-detail .inner-box {
position: relative;
}
.services-detail .inner-box .image {
position: relative;
}
.services-detail .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.services-detail .inner-box .lower-content {
position: relative;
padding-top: 35px;
}
.services-detail .inner-box .lower-content .title-box {
position: relative;
margin-bottom: 35px;
}
.services-detail .inner-box .lower-content .title-box .title {
position: relative;
display: block;
font-size: 18px;
line-height: 24px;
color: #afafaf;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 10px;
}
.services-detail .inner-box .lower-content .title-box h2 {
position: relative;
display: block;
font-size: 44px;
line-height: 1.2em;
color: #001e57;
font-weight: 700;
padding-bottom: 25px;
}
.services-detail .inner-box .lower-content .title-box h2:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 120px;
height: 1px;
background-color: #df6512;
}
.services-detail .inner-box .lower-content .title-box h2:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 40px;
height: 1px;
background-color: #001e57;
}
.services-detail .inner-box .lower-content .bold-text {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 700;
line-height: 1.8em;
margin-bottom: 22px;
}
.services-detail .inner-box .lower-content .text {
position: relative;
}
.services-detail .inner-box .lower-content .text p {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.7em;
margin-bottom: 25px;
}
.services-detail .inner-box .lower-content .text h3 {
position: relative;
color: #001e57;
font-size: 24px;
margin-bottom: 24px;
padding-bottom: 22px;
font-weight: 900;
}
.services-detail .inner-box .lower-content .text h3:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
height: 1px;
width: 50px;
background-color: #df6512;
}
.services-detail .services-featured-outer {
position: relative;
margin-top: 35px;
margin-bottom: 10px;
}
.services-detail .inner-box .lower-content .default-two-column {
position: relative;
margin-bottom: 15px;
}
.services-detail .inner-box .lower-content .default-two-column .column {
margin-bottom: 20px;
} .feature-block {
position: relative;
margin-bottom: 35px;
}
.feature-block .inner-box {
position: relative;
padding-left: 105px;
padding-bottom: 32px;
min-height: 112px;
border-bottom: 1px solid #dddddd;
}
.feature-block .inner-box .icon-box {
position: absolute;
left: 0px;
top: 0px;
width: 80px;
height: 80px;
color: #e3803d;
line-height: 80px;
font-size: 50px;
display: block;
text-align: center;
background-color: #f3f5f9;
}
.feature-block .inner-box h4 {
position: relative;
font-size: 18px;
color: #222222;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 8px;
}
.feature-block .inner-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.7em;
}
.services-detail .inner-box .lower-content h5 {
position: relative;
font-size: 20px;
font-weight: 700;
line-height: 1.3em;
text-align: center;
color: #222222;
margin-bottom: 35px;
margin-top: 40px;
}
.services-detail .inner-box .lower-content .fact-counter {
position: relative;
z-index: 1;
text-align: center;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
}
.services-detail .inner-box .lower-content .fact-counter .counter-column {
float: left;
padding: 0px;
}
.services-detail .inner-box .lower-content .fact-counter .column:last-child .inner {
border-right: none;
} .page-banner.style-two {
position: relative;
padding: 115px 0px;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
} .title-style-one.style-two {
position: relative;
margin-bottom: 60px;
}
.title-style-one.style-two h2 {
font-size: 52px;
color: #001e57;
font-weight: 400;
line-height: 1.2em;
}
.title-style-one .text {
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #555555;
font-weight: 400;
margin-top: 30px;
} .about-section-two {
position: relative;
background-repeat: no-repeat;
background-position: center bottom;
padding: 100px 0 0;
}
.about-section-two .title-style-one {
max-width: 980px !important;
}
.about-section-two .image-column {
position: relative;
}
.about-section-two .image-column .inner-column {
position: relative;
padding-right: 60px;
}
.about-section-two .image-column .image {
position: relative;
display: block;
margin-bottom: 0;
}
.about-section-two .image-column .image img {
display: block;
width: 100%;
height: auto;
}
.about-section-two .content-column {
position: relative;
}
.about-section-two .content-column .inner-column {
position: relative;
padding-top: 45px;
margin-left: -30px;
}
.about-section-two .content-column .inner-column:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 120px;
height: 1px;
background-color: #df6512;
}
.about-section-two .content-column .inner-column:after {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 40px;
height: 1px;
background-color: #001e57;
}
.about-section-two .content-column .text {
position: relative;
padding-right: 30px;
margin-bottom: 65px;
}
.about-section-two .content-column .text p {
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #555555;
font-weight: 400;
font-family: "Lato", sans-serif;
margin-bottom: 26px;
}
.about-section-two .content-column .text p strong {
position: relative;
font-weight: 700;
}
.about-section-two .fact-counter {
position: relative;
text-align: center;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
margin-left: -80px;
}
.about-section-two .fact-counter .column {
position: relative;
float: left;
padding: 0px;
}
.about-section-two .fact-counter .count-outer .count-text {
font-size: 44px;
}
.counter-box .fact-counter .count-outer .count-text {
font-size: 40px;
}
.about-section-two .fact-counter .column .counter-title {
letter-spacing: 0;
} .mission-section {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 100px 0;
margin-top: 105px;
}
.mission-section:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #001e57;
opacity: .90;
content: "";
}
.mission-section .colum {
position: relative;
}
.mission-section .colum.right-column .inner-column {
position: relative;
margin-top: 20px;
}
.mission-section .colum .inner-column {
position: relative;
}
.mission-section .content-box {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-color: #ffffff;
text-align: center;
padding: 65px 70px 60px;
}
.mission-section .content-box h4 {
position: relative;
display: block;
font-size: 32px;
line-height: 1.2em;
color: #001e57;
font-weight: 900;
padding-bottom: 15px;
margin-bottom: 30px;
}
.mission-section .content-box h4:before {
position: absolute;
content: '';
left: 0px;
right: 0;
margin: 0 auto;
bottom: 0px;
width: 80px;
height: 1px;
border-right: 60px solid #df6512;
border-left: 20px solid #001e57;
}
.mission-section .content-box .text {
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #555555;
font-weight: 400;
}
.mission-section .image-box {
position: relative;
}
.mission-section .image-box .image {
position: relative;
margin-bottom: 0;
}
.mission-section .image-box .image img {
display: block;
width: 100%;
height: auto;
} .faq-section {
position: relative;
padding: 100px 0 85px;
}
.faq-section.no-pd-top {
padding-top: 0;
}
.faq-section .upper-box {
position: relative;
margin-bottom: 40px;
}
.faq-section .upper-box .text {
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #555555;
font-weight: 400;
}
.faq-section .title-style-one {
margin-bottom: 40px;
}
.faq-section .accordion-column {
position: relative;
}
.faq-section .title-style-one h2 {
font-size: 44px;
color: #222222;
font-weight: 700;
}
.faq-section .accordion-column .inner-column {
position: relative;
padding-right: 30px;
}
.faq-section .accordion-box {
position: relative;
}
.accordion-box .block {
position: relative;
margin-bottom: 15px;
}
.accordion-box .block .acc-btn {
position: relative;
font-size: 18px;
cursor: pointer;
line-height: 35px;
color: #222222;
font-weight: 700;
padding: 15px 50px 15px 35px;
transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
background-color: #f3f5f9;
}
.accordion-box .block .icon-outer {
position: absolute;
right: 30px;
top: 15px;
font-size: 16px;
line-height: 35px;
color: #555555;
text-align: center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.accordion-box .block .acc-btn .icon-outer .icon {
position: relative;
}
.accordion-box .block .acc-btn.active {
background-color: #001e57;
color: #ffffff;
}
.accordion-box .block .acc-btn.active .icon-outer {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
color: #df6512;
}
.accordion-box .block .acc-content {
position: relative;
display: none;
}
.accordion-box .block .acc-content.current {
display: block;
}
.accordion-box .block .content {
position: relative;
font-size: 16px;
padding: 30px 35px 15px;
}
.accordion-box .block .content .text {
font-size: 16px;
line-height: 26px;
color: #555555;
}
.accordion-box .block .content p:last-child {
margin-bottom: 0px;
}
.faq-section .image-column {
position: relative;
}
.faq-section .image-column .inner-column {
position: relative;
padding-top: 105px;
margin-left: 50px;
margin-right: -60px;
}
.faq-section .image-column .image {
position: relative;
display: block;
text-align: right;
border: 15px solid #df6512;
height: 600px;
}
.faq-section .image-column .image img {
position: absolute;
right: -40px;
bottom: 0;
} .accordion-box.style-two .block .acc-btn {
padding-left: 55px;
padding-right: 20px;
}
.accordion-box.style-two .block .acc-btn.active {
background-color: #df6512;
color: #ffffff;
}
.accordion-box.style-two .block .icon-outer {
left: 30px;
right: auto;
color: #001e57;
}
.accordion-box.style-two .block .acc-btn.active .icon-outer {
color: #ffffff;
}
.accordion-box.style-two .block .content {
padding-left: 55px;
} .featured-services {
position: relative;
}
.feature-block-five {
position: relative;
}
.feature-block-five .inner-box {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 80px 15px 75px;
overflow: hidden;
text-align: center;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-five .inner-box:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: .85;
content: "";
background-color: #166495;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-five .inner-box:after {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: .50;
content: "";
background-color: #000000;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}
.feature-block-five .inner-box:hover:after {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.feature-block-five .inner-box .content {
position: relative;
max-width: 430px;
margin: 0 auto;
padding: 0 15px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 1;
}
.feature-block-five .icon-box {
position: relative;
display: block;
margin-bottom: 40px;
}
.feature-block-five .icon-box .icon {
position: relative;
display: block;
font-size: 100px;
line-height: 1em;
color: #ffffff;
}
.feature-block-five .icon-box img {
max-width: 100%;
height: auto;
}
.feature-block-five h4 {
position: relative;
display: inline-block;
font-size: 24px;
line-height: 1.2em;
color: #ffffff;
font-weight: 700;
margin-bottom: 17px;
}
.feature-block-five h4 a {
display: inline-block;
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-five h4 a:hover {
text-decoration: underline;
}
.feature-block-five .text {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
margin-bottom: 35px;
}
.feature-block-five .link-box {
position: relative;
display: block;
}
.feature-block-five .link-box a {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 24px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-five .link-box a:hover {
color: #001e57;
}
.feature-block-five .link-box a i {
margin-left: 3px;
}
.feature-block-five:nth-child(2) .inner-box:before {
background-color: #df6512;
}
.feature-block-five:nth-child(3) .inner-box:before {
background-color: #06a490;
} .team-section {
position: relative;
padding: 100px 0 70px;
}
.team-section .sec-title {
margin-bottom: 60px;
}
.team-block {
position: relative;
margin-bottom: 60px;
}
.team-block .inner-box {
position: relative;
}
.team-block .image-box {
position: relative;
}
.team-block .image-box .image {
position: relative;
margin-bottom: 0;
background-color: #df6512;
overflow: hidden;
}
.team-block .image-box .image img {
display: block;
width: 100%;
height: auto;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block .inner-box:hover .image img {
opacity: .70;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.team-block .lower-content {
position: relative;
text-align: center;
z-index: 1;
padding: 34px 15px 50px;
background-color: #f3f5f9;
border-bottom: 3px solid #001e57;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block .inner-box:hover .lower-content {
border-color: #df6512;
-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
background-color: #001e57;
}
.team-block .lower-content h3 {
position: relative;
font-size: 20px;
font-weight: 700;
line-height: 1.2em;
color: #222222;
margin-bottom: 5px;
}
.team-block .lower-content h3 a {
position: relative;
color: #222222;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block .inner-box:hover .lower-content h3 a {
color: #ffffff;
}
.team-block .lower-content .designation {
position: relative;
font-size: 14px;
line-height: 24px;
font-weight: 700;
color: #555555;
font-style: italic;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block .inner-box:hover .lower-content .designation {
color: #ffffff;
}
.team-block .lower-content .arrow {
position: absolute;
left: 50%;
bottom: 0px;
margin-bottom: -22px;
width: 44px;
height: 44px;
color: #df6512;
font-size: 10px;
line-height: 44px;
text-align: center;
border-radius: 50%;
font-weight: 800;
margin-left: -20px;
background-color: #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-box-shadow: 5px 20px 30px rgba(0, 0, 0, 0.06);
-ms-box-shadow: 5px 20px 30px rgba(0, 0, 0, 0.06);
box-shadow: 5px 20px 30px rgba(0, 0, 0, 0.06);
}
.team-block .inner-box:hover .lower-content .arrow {
color: #ffffff;
background-color: #df6512;
} .team-section-two {
position: relative;
padding: 0px 0 70px;
}
.team-block-two {
position: relative;
margin-bottom: 30px;
}
.team-block-two .inner-box {
position: relative;
}
.team-block-two .image-box {
position: relative;
display: block;
overflow: hidden;
}
.team-block-two .overlay-box {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 30, 87, .90);
opacity: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block-two .inner-box:hover .overlay-box {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
visibility: visible;
}
.team-block-two .contact-list {
position: absolute;
left: 0;
right: 0;
top: 30%;
max-width: 180px;
margin: 0 auto;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: all 500ms ease 500ms;
-moz-transition: all 500ms ease 500ms;
-ms-transition: all 500ms ease 500ms;
-o-transition: all 500ms ease 500ms;
transition: all 500ms ease 500ms;
opacity: 0;
}
.team-block-two .inner-box:hover .contact-list {
opacity: 1;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.team-block-two .contact-list li {
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #ffffff;
margin-bottom: 5px;
}
.team-block-two .contact-list li .icon {
position: relative;
margin-right: 10px;
color: #df6512;
}
.team-block-two .contact-list li a {
color: #ffffff;
display: inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-block-two .contact-list li a:hover {
color: #df6512;
}
.team-block-two .image-box .image {
position: relative;
margin-bottom: 0;
}
.team-block-two .image-box .image img {
display: block;
width: 100%;
height: auto;
}
.team-block-two .lower-content {
position: relative;
text-align: center;
z-index: 1;
padding: 35px 15px 30px;
background-color: #f3f5f9;
border-bottom: 3px solid #001e57;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block-two .inner-box:hover .lower-content {
border-color: #df6512;
-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
}
.team-block-two .lower-content h3 {
position: relative;
font-size: 20px;
font-weight: 700;
line-height: 1.2em;
color: #222222;
margin-bottom: 5px;
}
.team-block-two .lower-content h3 a {
position: relative;
color: #222222;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block-two .lower-content h3 a:hover {
color: #df6512;
}
.team-block-two .lower-content .designation {
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
font-weight: 700;
color: #555555;
font-style: italic;
margin-bottom: 15px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-block-two .social-links {
position: relative;
display: block;
}
.team-block-two .social-links li {
position: relative;
display: inline-block;
margin: 0 10px;
}
.team-block-two .social-links li a {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 24px;
color: #555555;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-block-two .social-links li a:hover {
color: #df6512;
} .news-section-two {
position: relative;
padding: 100px 0px 0px;
background-color: #001e57;
}
.news-section-two .sec-title {
margin-bottom: 55px;
}
.news-section-two .sec-title .text {
position: relative;
font-size: 16px;
line-height: 1.8em;
margin-top: 40px;
padding-right: 100px;
color: rgba(255, 255, 255, 0.60);
}
.news-section-two .owl-dots {
display: none;
}
.news-section-two .owl-nav {
position: absolute;
left: 50%;
width: 1200px;
margin-left: -600px;
top: -125px;
text-align: right;
}
.news-section-two .owl-nav .owl-prev {
position: relative;
color: #ffffff;
font-size: 20px;
display: inline-block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-section-two .owl-nav .owl-next {
position: relative;
color: #ffffff;
font-size: 20px;
padding-left: 20px;
margin-left: 20px;
display: inline-block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-left: 1px solid rgba(255, 255, 255, 0.20);
}
.news-section-two .owl-nav .owl-prev:hover,
.news-section-two .owl-nav .owl-next:hover {
color: #df6512;
}
.news-block-four {
position: relative;
}
.news-block-four .inner-box {
position: relative;
display: block;
text-align: center;
overflow: hidden;
}
.news-block-four .image {
position: relative;
display: block;
overflow: hidden;
}
.news-block-four .image img {
position: relative;
display: block;
width: 100%;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block-four:hover .image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.70;
}
.news-block-four .lower-content {
position: relative;
display: block;
width: 100%;
padding: 50px 20px 35px;
background: #193467;
}
.news-block-four.bg-two .lower-content {
background: #df6512;
}
.news-block-four .lower-content h3 {
position: relative;
max-width: 300px;
margin: 0 auto;
font-size: 24px;
line-height: 1.4em;
font-weight: 600;
color: #ffffff;
}
.news-block-four .lower-content h3 a {
color: #ffffff;
}
.news-block-four .lower-content h3 a:hover {
text-decoration: underline;
}
.news-block-four .lower-content .read-more {
position: absolute;
left: 50%;
margin-left: -23px;
top: -23px;
width: 46px;
height: 46px;
line-height: 46px;
font-weight: 400;
font-size: 18px;
color: #222222;
background: #ffffff;
border-radius: 50%;
z-index: 1;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
-ms-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
}
.news-block-four:hover .lower-content .read-more {
background: #222222;
color: #ffffff;
}
.design-section {
position: relative;
padding-top: 90px;
}
.design-section .upper-section {
position: relative;
}
.design-section .upper-section .title-column {
position: relative;
margin-bottom: 30px;
}
.design-section .upper-section .title-column .inner-column {
position: relative;
}
.design-section .upper-section .content-column {
position: relative;
}
.design-section .upper-section .content-column .inner-column {
position: relative;
margin-bottom: 50px;
}
.design-section .upper-section .content-column .inner-column .icons-box {
position: relative;
}
.design-section .upper-section .content-column .inner-column .icons-box .icon {
position: relative;
margin-right: 35px;
color: #df6512;
font-size: 50px;
line-height: 1em;
display: inline-block;
}
.design-section .upper-section .content-column .inner-column .icons-box .icon:first-child {
top: 5px;
}
.design-section .upper-section .content-column .inner-column .bold-text {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 700;
line-height: 1.7em;
margin-top: 24px;
}
.design-section .upper-section .content-column .inner-column .text {
position: relative;
color: #555555;
font-size: 16px;
font-weight: 400;
line-height: 1.7em;
margin-top: 18px;
}
.design-section .lower-section {
position: relative;
margin-bottom: -20px;
z-index: 1;
}
.design-section .lower-section .feature-block-two {
padding: 0px;
float: left;
}
.feature-block-two {
position: relative;
}
.feature-block-two .inner-box {
position: relative;
overflow: hidden;
padding: 150px 45px 45px;
background-color: #06a490;
}
.feature-block-two:nth-child(2) .inner-box {
background-color: #df6512;
}
.feature-block-two:nth-child(3) .inner-box {
background-color: #166495;
}
.feature-block-two .inner-box .content {
position: relative;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.feature-block-two .inner-box:hover .content,
.feature-block-two.active .inner-box .content {
opacity: 0;
}
.feature-block-two .inner-box .side-icon {
position: absolute;
right: -30px;
bottom: -30px;
line-height: 1em;
font-size: 180px;
color: rgba(255, 255, 255, 0.10);
}
.feature-block-two .inner-box .title {
position: relative;
display: inline-block;
font-size: 14px;
font-weight: 700;
padding-bottom: 10px;
margin-bottom: 20px;
color: rgba(255, 255, 255, 0.60);
}
.feature-block-two .inner-box .title:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
height: 1px;
width: 25px;
background-color: rgba(255, 255, 255, 0.60);
}
.feature-block-two .inner-box h3 {
position: relative;
font-size: 20px;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 7px;
color: #ffffff;
}
.feature-block-two .inner-box h3 a {
position: relative;
color: #ffffff;
}
.feature-block-two .inner-box .sub-title {
position: relative;
font-size: 14px;
font-weight: 500;
color: rgba(255, 255, 255, 0.60);
}
.feature-block-two .inner-box .overlay-box {
position: absolute;
left: 10px;
bottom: 10px;
right: 10px;
top: 10px;
z-index: 2;
opacity: 0;
display: block;
-moz-transform: translateY(60px);
-webkit-transform: translateY(60px);
-ms-transform: translateY(60px);
-o-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.feature-block-two .inner-box:hover .overlay-box,
.feature-block-two.active .inner-box .overlay-box {
opacity: 1;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.feature-block-two .inner-box .overlay-box .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
text-align: left;
padding: 10px 30px;
vertical-align: middle;
}
.feature-block-two .inner-box .overlay-box .overlay-inner .overlay-content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.feature-block-two .inner-box .overlay-box .title-two {
position: relative;
display: inline-block;
font-size: 14px;
font-weight: 700;
padding-bottom: 8px;
margin-bottom: 22px;
color: rgba(255, 255, 255, 0.60);
}
.feature-block-two .inner-box .overlay-box .title-two:before {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
height: 1px;
width: 25px;
background-color: rgba(255, 255, 255, 0.60);
}
.feature-block-two .inner-box .overlay-box h4 {
position: relative;
font-size: 20px;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 12px;
color: #ffffff;
}
.feature-block-two .inner-box .overlay-box h4 a {
position: relative;
color: #ffffff;
}
.feature-block-two .inner-box .overlay-box h4 a:hover {
text-decoration: underline;
}
.feature-block-two .inner-box .overlay-box .text {
position: relative;
font-size: 16px;
line-height: 1.5em;
color: rgba(255, 255, 255, 1);
} .industries-section {
position: relative;
padding: 120px 0px 55px;
background-color: #001e57;
}
.industries-section .big-icon {
position: absolute;
left: 0px;
right: 0px;
font-size: 400px;
line-height: 1em;
text-align: center;
font-weight: 700;
color: rgba(255, 255, 255, 0.05);
} .industry-block {
position: relative;
margin-bottom: 50px;
}
.industry-block .inner-box {
position: relative;
text-align: center;
}
.industry-block .inner-box .icon-box {
position: relative;
margin-bottom: 10px;
}
.industry-block .inner-box h3 {
position: relative;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
margin-bottom: 15px;
}
.industry-block .inner-box h3 a {
position: relative;
color: #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.industry-block .inner-box h3 a:hover {
color: #df6512;
}
.industry-block .inner-box .text {
position: relative;
font-size: 16px;
line-height: 1.7em;
margin-bottom: 22px;
color: rgba(255, 255, 255, 0.60);
}
.industry-block .inner-box .read-more {
position: relative;
color: #df6512;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.industry-block .inner-box .read-more .icon {
position: relative;
margin-left: 4px;
}
.industry-block .inner-box .read-more:hover {
color: #ffffff;
} .about-industry-section {
position: relative;
padding: 100px 0px 60px;
}
.about-industry-section .content-column {
position: relative;
margin-bottom: 40px;
}
.about-industry-section .content-column .inner-column {
position: relative;
}
.about-industry-section .content-column .inner-column .text {
position: relative;
margin-bottom: 30px;
}
.about-industry-section .content-column .inner-column .text p {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.7em;
margin-bottom: 20px;
}
.about-industry-section .content-column .inner-column .text p:last-child {
margin-bottom: 0px;
}
.about-industry-section .content-column .signature-box {
position: relative;
margin-top: 45px;
}
.about-industry-section .content-column .signature-box .ceo {
position: relative;
font-style: italic;
color: #888888;
font-size: 12px;
margin-top: 5px;
display: block;
}
.about-industry-section .images-column {
position: relative;
margin-bottom: 40px;
}
.about-industry-section .images-column .inner-column {
padding-top: 20px;
}
.about-industry-section .images-column .inner-column img {
display: block;
width: 100%;
}
.about-industry-section .images-column .column:nth-child(2) .image {
margin-top: 150px;
} .fluid-section-two {
position: relative;
}
.fluid-section-two .outer-container {
position: relative;
background-color: #001e57;
}
.fluid-section-two .left-column {
position: relative;
float: left;
width: 50%;
}
.fluid-section-two .left-column .inner-column {
position: relative;
max-width: 730px;
float: right;
width: 100%;
padding: 90px 100px 90px 20px;
}
.fluid-section-two .left-column .inner-column .read-more {
position: relative;
color: #df6512;
font-size: 14px;
font-weight: 700;
margin-left: 105px;
text-transform: uppercase;
text-decoration: underline;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fluid-section-two .left-column .inner-column .read-more .icon {
position: relative;
margin-left: 4px;
color: #ffffff;
opacity: 0.6;
}
.fluid-section-two .left-column .inner-column .read-more:hover {
color: #ffffff;
}
.fluid-section-two .left-column .inner-column .sec-title {
margin-bottom: 55px;
}
.fluid-section-two .left-column .inner-column .history-outer {
position: relative;
}
.fluid-section-two .left-column .inner-column .history-outer:before {
position: absolute;
content: '';
left: 68px;
top: 0px;
width: 1px;
height: 100%;
background-color: rgba(255, 255, 255, 0.30);
}
.fluid-section-two .left-column .inner-column .history-block {
position: relative;
margin-bottom: 45px;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block {
position: relative;
padding-left: 105px;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block:before {
position: absolute;
content: '';
left: 65px;
top: 0px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #df6512;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block .date {
position: absolute;
left: 0px;
top: 0px;
width: 45px;
text-align: right;
font-size: 18px;
font-weight: 700;
color: rgba(255, 255, 255, 0.60);
}
.fluid-section-two .left-column .inner-column .history-block .inner-block .date span {
text-transform: uppercase;
font-size: 12px;
display: block;
font-weight: 400;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block h3 {
position: relative;
top: -8px;
font-weight: 700;
font-size: 16px;
line-height: 1.6em;
margin-bottom: 0px;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block h3 a {
position: relative;
color: #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block h3 a:hover {
color: #df6512;
}
.fluid-section-two .left-column .inner-column .history-block .inner-block .history-text {
position: relative;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
color: rgba(255, 255, 255, 0.60);
}
.fluid-section-two .right-column {
position: relative;
width: 50%;
float: right;
z-index: 5;
}
.fluid-section-two .image-layer {
position: absolute;
right: 0px;
top: 0px;
height: 100%;
width: 50%;
background-size: cover;
z-index: 1;
}
.fluid-section-two .image-layer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(223, 101, 18, 0.95);
}
.fluid-section-two .right-column .inner-column {
position: relative;
max-width: 730px;
padding: 130px 20px 110px 100px;
}
.fluid-section-two .right-column .inner-column .video-link-box .play-box {
margin: 0px;
display: inline-block;
}
.fluid-section-two .right-column .inner-column .video-link-box .video-title {
position: relative;
display: inline-block;
margin-left: 30px;
}
.fluid-section-two .right-column .inner-column h2 {
position: relative;
color: #ffffff;
font-size: 44px;
font-weight: 700;
line-height: 1.2em;
padding-top: 30px;
margin-bottom: 70px;
margin-top: 75px;
}
.fluid-section-two .right-column .inner-column h2 span {
font-weight: 800;
border-bottom: 1px solid #000000;
}
.fluid-section-two .right-column .inner-column h2:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 120px;
height: 1px;
background-color: #000000;
}
.fluid-section-two .right-column .inner-column h2:after {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 40px;
height: 1px;
background-color: #ffffff;
}
.skills.style-two .skill-item .skill-bar .bar-inner .bar {
background-image: -ms-linear-gradient(left, #5680CF 0%, #011f58 100%);
background-image: -moz-linear-gradient(left, #5680CF 0%, #011f58 100%);
background-image: -o-linear-gradient(left, #5680CF 0%, #011f58 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5680CF), color-stop(100, #011f58));
background-image: -webkit-linear-gradient(left, #5680CF 0%, #011f58 100%);
background-image: linear-gradient(to right, #5680CF 0%, #011f58 100%);
}
.sec-title .icon {
margin-bottom: 15px;
} .services-section.style-two {
padding: 100px 0 80px;
}
.services-section.style-two .services-block {
margin-bottom: 40px;
}
.services-section.style-two .services-block .inner-box {
text-align: left;
padding-left: 35px;
padding-right: 35px;
}
.services-section.style-two .services-block .inner-box:hover {
-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
}
.services-section.style-two .services-block .inner-box:before {
background-color: #ffffff;
}
.services-section.style-two .services-block .inner-box .text {
padding: 0;
}
.services-section.style-two .services-block .inner-box:hover .icon-box {
color: #001e57;
}
.services-section.style-two .services-block .inner-box:hover .text,
.services-section.style-two .services-block .inner-box:hover h3 a {
color: #222222;
}
.services-section.style-two .services-block .inner-box:hover .arrow {
color: #ffffff
} .approach-section {
position: relative;
background-repeat: no-repeat;
background-size: cover;
padding: 0 0 50px;
background-position: center 60px;
}
.approach-section .image-column {
position: relative;
margin-bottom: 50px;
}
.approach-section .image-column .inner-column {
position: relative;
padding-right: 55px;
}
.approach-section .image-column .image {
position: relative;
margin-bottom: 0;
}
.approach-section .image-column .image img {
display: block;
width: 100%;
height: auto;
}
.approach-section .content-column {
position: relative;
margin-bottom: 50px;
}
.approach-section .content-column .inner-column {
position: relative;
margin-left: -20px;
padding-top: 15px;
}
.approach-section .content-column .sec-title {
position: relative;
margin-bottom: 35px;
}
.approach-section .content-column .sec-title h2 {
color: #222222 !important;
font-weight: 700 !important;
}
.approach-section .content-column .sec-title .text {
margin-top: 35px;
}
.approach-block {
position: relative;
margin-bottom: 40px;
}
.approach-block:last-child {
margin-bottom: 0;
}
.approach-block .inner-box {
position: relative;
padding-left: 100px;
min-height: 60px;
padding-top: 5px;
}
.approach-block .icon-box {
position: absolute;
left: 10px;
top: 0;
}
.approach-block .icon-box .icon {
position: relative;
display: block;
font-size: 56px;
line-height: 1em;
color: #001e57;
}
.approach-block h4 {
position: relative;
display: block;
font-size: 20px !important;
line-height: 1.3em !important;
color: #222222 !important;
font-weight: 900 !important;
margin-bottom: 3px !important;
margin-top: 0 !important;
}
.approach-block h4 a {
display: inline-block;
color: #222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.approach-block h4 a:hover {
color: #df6512;
}
.approach-block .text {
position: relative;
display: block;
font-size: 16px;
line-height: 25px;
color: #555555;
font-weight: 400;
} .featured-section .outer-box {
position: relative;
}
.featured-section .outer-box .content-box {
position: relative;
float: right;
width: 100%;
} .what-we-offer.style-two {
position: relative;
}
.what-we-offer.style-two .text-column .inner {
position: relative;
padding-left: 80px;
margin-right: -80px;
}
.what-we-offer.style-two .tabs-style-one .tab ul li:before {
color: #df6512;
top: 2px;
}
.what-we-offer.style-two .tabs-style-one .tab-buttons .tab-btn .txt {
font-size: 20px;
}
.what-we-offer.style-two .tabs-style-one .tab p,
.what-we-offer.style-two .tabs-style-one .tab-buttons {
margin-bottom: 40px;
}
.what-we-offer.style-two .tabs-style-one .tab ul li {
font-size: 16px;
}
.what-we-offer.style-two:after,
.what-we-offer.style-two:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 50%;
background-color: #f3f5f9;
content: "";
}
.what-we-offer.style-two:after {
top: auto;
bottom: 0;
background-color: #ffffff;
height: 100px;
z-index: 1;
width: 100%;
}
.what-we-offer .title-column {
position: relative;
overflow: hidden;
margin-bottom: 50px;
}
.what-we-offer .title-column .inner {
position: relative;
background-color: #f3f5f9;
padding-right: 30px;
}
.what-we-offer .title-column .sec-title h2 {
font-weight: 700;
margin-bottom: 35px;
} .services-section-three.style-two {
position: relative;
padding: 100px 0 20px;
}
.services-section-three.style-two .services-block-three {
margin-bottom: 80px;
}
.services-section-three.style-two .services-block-three .inner-box .lower-content .read-more {
color: #df6512;
}
.services-section-three.style-two .services-block-three .inner-box .lower-content .read-more:hover {
color: #222222;
}
.services-section-three.style-two .sec-title {
margin-bottom: 60px;
}
.services-section-three.style-two .sec-title .text {
position: relative;
font-size: 16px;
line-height: 1.8em;
margin-top: 80px;
}
.services-section-three.style-two .services-block-five {
margin-bottom: 70px;
}
.services-block-five {
position: relative;
}
.services-block-five .inner-box {
position: relative;
text-align: center;
}
.services-block-five .image-box {
position: relative;
margin-bottom: 28px;
}
.services-block-five .image-box img {
display: inline-block;
max-width: 100%;
height: auto;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.services-block-five .inner-box:hover .image-box img {
-webkit-transform: scale(1.1) translateY(-5px);
-moz-transform: scale(1.1) translateY(-5px);
-ms-transform: scale(1.1) translateY(-5px);
-o-transform: scale(1.1) translateY(-5px);
transform: scale(1.1) translateY(-5px);
}
.services-block-five .content-box {
position: relative;
}
.services-block-five h4 {
position: relative;
display: block;
font-size: 24px;
line-height: 1.2em;
color: #222222;
font-weight: 700;
margin-bottom: 15px;
}
.services-block-five h4 a {
display: inline-block;
color: #222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.services-block-five h4 a:hover {
color: #df6512;
text-decoration: underline;
}
.services-block-five .text {
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #555555;
font-weight: 400;
margin-bottom: 25px;
}
.services-block-five .link-box a {
position: relative;
color: #df6512;
font-weight: 700;
font-size: 14px;
display: inline-block;
text-transform: uppercase;
text-decoration: underline;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.services-block-five .link-box a i {
position: relative;
font-size: 16px;
font-weight: 700;
padding-left: 5px;
color: #001e57;
}
.services-block-five .link-box a:hover {
color: #001e57;
} .sponsors-section.alternate-2 {
padding: 75px 0;
} .features-section {
position: relative;
}
.features-section .outer-container {
position: static;
max-width: 1440px;
padding: 0px;
margin: 0 auto;
}
.feature-block-six {
position: relative;
}
.feature-block-six .inner-box {
position: relative;
padding: 65px 60px 40px;
border: 1px solid #e6e9ef;
margin-right: -1px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-six .inner-box:hover {
background-color: #f3f5f9;
}
.feature-block-six .icon-box {
position: relative;
display: block;
margin-bottom: 30px;
}
.feature-block-six .icon-box .icon {
display: block;
font-size: 80px;
line-height: 1em;
color: #001e57;
font-weight: 400;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-six .inner-box:hover .icon-box .icon {
color: #df6512;
}
.feature-block-six h5 {
position: relative;
display: block;
font-size: 20px;
line-height: 1.5em;
color: #222222;
font-weight: 900;
margin-bottom: 10px;
}
.feature-block-six h5 a {
display: inline-block;
color: #222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-six h5 a:hover {
color: #df6512;
}
.feature-block-six .text {
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #555555;
font-weight: 400;
} .features-section-two {
position: relative;
padding-top: 100px;
}
.features-section-two.alternate {
padding-bottom: 80px;
}
.feature-block-seven {
position: relative;
margin-bottom: 50px;
}
.feature-block-seven:last-child {
margin-bottom: 0;
}
.feature-block-seven .image-column {
position: relative;
order: 2;
margin-bottom: 30px;
}
.feature-block-seven .image-column .image-box {
position: relative;
}
.feature-block-seven .image-column .image {
position: relative;
margin-bottom: 0;
}
.feature-block-seven .image-column .image-box img {
display: block;
width: 100%;
height: auto;
}
.feature-block-seven .content-column {
position: relative;
margin-bottom: 30px;
}
.feature-block-seven .content-column .inner-column {
position: relative;
padding-right: 35px;
padding-top: 10px;
}
.feature-block-seven .sec-title {
position: relative;
margin-bottom: 35px;
}
.feature-block-seven .sec-title .title {
margin-bottom: 0;
}
.feature-block-seven .sec-title h2 {
font-size: 44px;
color: #222222;
font-weight: 700;
}
.feature-block-seven .text {
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #555555;
font-weight: 400;
margin-bottom: 37px;
}
.feature-block-seven .link-box a {
position: relative;
color: #df6512;
font-weight: 700;
font-size: 14px;
display: inline-block;
text-transform: uppercase;
text-decoration: underline;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.feature-block-seven .link-box a i {
position: relative;
font-size: 16px;
font-weight: 700;
padding-left: 5px;
color: #001e57;
}
.feature-block-seven .link-box a:hover {
color: #001e57;
}
.feature-block-seven.style-two .image-column {
order: 0;
}
.feature-block-seven.style-two .content-column .inner-column {
padding-right: 0;
padding-left: 35px;
}
.sidebar-page-container .group-title {
display: block;
} .quotetext .inner-box blockquote {
position: relative;
margin-bottom: 30px;
padding: 50px 50px 45px; }
.quotetext .inner-box blockquote .blockquote-inner {
position: relative;
text-align: center;
}
.quotetext .inner-box blockquote .blockquote-inner .big-icon {
position: absolute;
top: -20px;
font-size: 180px;
line-height: 1em;
text-align: center;
width: 100%;
color: rgba(0, 30, 87, 0.05);
}
.quotetext .inner-box blockquote .blockquote-inner .quote-icon {
position: relative;
color: #df6512;
font-size: 30px;
line-height: 1em;
margin-bottom: 15px;
}
.quotetext .inner-box blockquote .blockquote-inner .quote-text {
position: relative;
color: #222222;
font-size: 18px;
font-style: italic;
line-height: 1.8em;
font-weight: 700;
} .new-article {
float: left;
width: 100%;
height: auto;
}
.comments-area-custom {
width: 100%;
float: left;
position: relative;
margin-bottom: 60px;
margin-top: 0px;
}
.comments-area {
width: 100%;
}
.comment-form .form-group textarea {
margin-top: 10px;
}
.comment-list .comment-box:last-child {
margin-bottom: 0px;
}
.comment-list .children {
margin: 0px;
padding-left: 100px;
}
.comment-list .children .children {
padding-left: 0px;
}
#cancel-comment-reply-link {
font-size: 16px;
}
.comment-list .comment-respond .comment-reply-title {
display: flex;
justify-content: space-between;
align-items: center;
}
.comment-list .comment-respond textarea {
margin-top: 20px;
background: #f3f5f9;
border: 0px;
padding: 15px 18px;
}
.comment-list .comment-respond input {
position: relative;
display: block;
width: 100%;
border: 0px;
line-height: 28px;
padding: 10px 28px;
color: #888888;
border: 1px solid transparent;
height: 60px;
font-size: 16px;
background: #f3f5f9;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-list .comment-respond .comment-form-cookies-consent {
display: flex;
justify-content: flex-start;
align-items: center;
}
.comment-list .comment-respond input[type="checkbox"] {
padding: 8px
}
.widget_categories,
.widget_archive {
position: relative;
}
.widget_categories li,
.widget_archive li {
position: relative;
border-bottom: 1px solid #dddddd;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.widget_categories li .children {
width: 100%;
padding-left: 10px;
}
.widget_categories li .children a::before {
color: #df6512;
}
.widget_categories li .children .children a::before {
color: #001e57;
}
.widget_categories li .children li:last-child {
border: 0px;
}
.widget_categories .screen-reader-text,
.widget_archive .screen-reader-text {
padding-left: 30px;
width: 100%;
display: none;
}
.widget_categories select,
.widget_archive select {
width: calc( 100% - 30px);
border: 1px solid #22223f17;
padding: 15px 12px;
color: #222222;
margin-left: 30px;
font-size: 15px;
background: #f3f5f9;
box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.08);
height: 50px;
}
.widget_categories form,
.widget_archive form {
width: 100%;
}
.widget_categories li a,
.widget_archive li a {
position: relative;
color: #001e57;
font-size: 18px;
padding: 16px 48px;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
padding-right: 10px;
}
.widget_categories li a:before,
.widget_archive li a:before {
position: absolute;
left: 25px;
margin-top: -2px;
font-size: 18px;
line-height: 30px;
content: "\f105";
font-weight: 800;
font-family: "Font Awesome 5 Free";
}
.widget_categories li a:hover,
.widget_archive li a:hover {
color: #df6512;
}
.widget_widget_latest_posts_tab_1 .post {
position: relative;
font-size: 15px;
color: #242424;
padding: 0px 0px;
padding: 30px 25px;
min-height: 70px;
margin-bottom: 0px;
}
.widget_widget_latest_posts_tab_1 .post:nth-child(2n + 0) {
background-color: #f3f5f9;
}
.widget_widget_latest_posts_tab_1 .post .post-inner {
position: relative;
padding-left: 95px;
min-height: 70px;
}
.widget_widget_latest_posts_tab_1 .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 75px;
margin: 0px;
}
.widget_widget_latest_posts_tab_1 .post .post-thumb a {
display: block;
float: left;
}
.widget_widget_latest_posts_tab_1 .post .post-thumb img {
display: block;
width: 100%;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.widget_widget_latest_posts_tab_1 .post .text {
position: relative;
top: -4px;
font-size: 18px;
margin: 0px 0px 0px;
font-weight: 400;
color: #222222;
line-height: 1.4em;
text-transform: capitalize;
}
.widget_widget_latest_posts_tab_1 .post .text a {
color: #222222;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.widget_widget_latest_posts_tab_1 .post a:hover {
color: #df6512;
}
.widget_widget_latest_posts_tab_1 .post-info {
position: relative;
font-size: 12px;
color: #555555;
font-weight: 400;
line-height: 1.3em;
margin-top: 4px;
}
.widget_tag_cloud .tagcloud a {
position: relative;
display: inline-block;
line-height: 24px;
padding: 10px 22px 10px;
margin: 0px 6px 10px 0px;
color: #222222;
text-align: center;
font-size: 16px !important;
background: none;
font-weight: 400;
border: 1px solid #dddddd;
text-transform: capitalize;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.widget_tag_cloud .tagcloud a:hover {
border-color: #df6512;
background-color: #df6512;
color: #ffffff;
}
.styled-pagination li .page-numbers {
position: relative;
display: inline-block;
line-height: 42px;
height: 45px;
font-size: 16px;
min-width: 45px;
color: #222222;
font-weight: 700;
text-align: center;
background: #ffffff;
border: 1px solid #dddddd;
text-transform: capitalize;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.styled-pagination li .page-numbers.current {
color: #ffffff;
border-color: #df6512;
background-color: #df6512;
}
.widget_calendar .calendar_wrap {
width: 100%;
padding-left: 30px;
}
.widget_calendar .calendar_wrap table {
width: 100%;
}
table,
th,
td {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1) !important;
}
th,
td {
padding: 0.8em;
}
table {
border-collapse: separate;
border-spacing: 0;
}
.widget_calendar .calendar_wrap table caption {
text-align: right;
}
.widget_pages ul li {
position: relative;
border-bottom: 1px solid #dddddd;
}
.widget_pages ul li a {
position: relative;
color: #001e57;
font-size: 16px;
padding: 16px 48px;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
padding-right: 10px;
}
.widget_pages ul li a::before {
position: absolute;
left: 25px;
margin-top: -2px;
font-size: 18px;
line-height: 30px;
content: "\f105";
font-weight: 800;
font-family: "Font Awesome 5 Free";
}
.widget_pages ul li a:hover {
color: #df6512;
}
.widget_pages ul ul li:last-child {
border: 0px;
}
.widget_pages ul ul {
padding-left: 15px;
}
.widget_meta ul li {
position: relative;
}
.widget_meta ul li a {
position: relative;
color: #001e57;
font-size: 16px;
padding: 5px 30px;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
padding-right: 10px;
}
.widget_meta ul li a:hover {
color: #df6512;
}
.widget_recent_comments ul {
position: relative;
}
.widget_recent_comments ul li {
position: relative;
color: #df6512;
font-size: 15px;
padding: 5px 30px;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
padding-right: 10px;
}
.widget_recent_comments ul li a {
color: #001e57;
}
.widget_recent_comments ul li:hover a {
color: #df6512;
}
.widget_recent_entries ul li {
background: #f3f5f9;
padding: 15px 30px;
margin-bottom: 10px;
}
.widget_rss ul li {
padding: 15px 30px;
background: #f0f2f6;
margin-bottom: 20px;
}
.widget_rss ul li .rssSummary {
margin: 10px auto;
}
.widget_rss ul li cite {
color: #df6512;
}
.widget_text .textwidget {
padding-left: 30px;
}
.widget_text .textwidget p {
margin: 7px auto;
}
.widget_text .textwidget p img {
margin: 10px auto;
}
.widget_text .textwidget select {
width: calc( 100%);
border: 1px solid #22223f17;
padding: 13px 12px;
margin-top: 10px;
color: #222222;
font-size: 14px;
background: #f3f5f9;
height: 47px;
box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.08);
}
.widget_nav_menu ul li {
position: relative;
border-bottom: 1px solid #dddddd;
}
.widget_nav_menu ul li a {
position: relative;
min-height: 54px;
color: #001e57;
font-size: 16px;
padding: 16px 48px;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
padding-right: 10px;
}
.widget_nav_menu ul li a::before {
position: absolute;
left: 25px;
margin-top: -2px;
font-size: 18px;
line-height: 30px;
content: "\f105";
font-weight: 800;
font-family: "Font Awesome 5 Free";
}
.widget_nav_menu ul li a:hover {
color: #df6512;
}
.widget_nav_menu ul ul li:last-child {
border: 0px;
}
.widget_nav_menu ul ul {
padding-left: 10px;
}
.footer-column .widget_categories li,
.footer-column .widget_archive li {
color: #fff;
}
.footer-column .widget_categories li .children .children a::before {
color: #2c5aad;
}
.footer-column .widget_pages ul li:hover a {
color: #DF6511;
}
.footer-column .widget_categories li a,
.footer-column .widget_archive li {
color: #fff;
}
.footer-column .widget_categories li a,
.footer-column .widget_archive li a {
color: #fff;
}
.footer-column .widget_categories li a:hover,
.footer-column .widget_archive li a:hover {
color: #df6512;
}
.footer-column .widget {
margin-bottom: 30px;
}
.footer-column .widget_categories select,
.footer-column .widget_archive select {
width: calc( 100% - 0px);
color: #fff;
background: #1a3568;
margin-left: 0;
height: 50px;
}
.footer-column table,
.footer-column th,
.footer-column td {
border: 1px solid #eaeaea;
border: 1px solid rgb(26, 53, 104) !important;
color: #ffffff;
}
.footer-column .widget_calendar .calendar_wrap {
width: 100%;
padding-left: 0px;
}
.footer-column .widget_calendar .calendar_wrap table caption {
text-align: right;
color: #fff;
}
.footer-column .widget_pages ul li a {
color: #fff;
}
.footer-column .widget_meta ul li a {
color: #fff;
}
.footer-column .widget_recent_comments ul li a {
color: #fff;
}
.footer-column .widget_recent_comments ul li a:hover {
color: #1a3568;
}
.footer-column .widget_recent_entries ul li {
background: #1a3568;
}
.footer-column .widget_recent_entries ul li a {
color: #fff;
}
.footer-column .widget_recent_entries ul li:hover a {
color: #df6512;
}
.footer-column .widget_rss ul li {
background: #1a3568;
}
.footer-column .widget_rss ul li .rssSummary {
color: #fff;
}
.footer-column .widget_rss ul li .rss-date {
color: #fff;
}
.footer-column .search-box .form-group {
position: relative;
margin: 0px;
}
.footer-column .search-box .form-group input[type="text"],
.footer-column .search-box .form-group input[type="search"] {
position: relative;
line-height: 30px;
padding: 10px 50px 10px 22px;
border: 1px solid #ffffff2e;
background: #1a35685c;
display: block;
font-size: 14px;
width: 100%;
height: 60px;
color: #888888;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.footer-column .search-box .form-group button {
position: absolute;
right: 10px;
top: 10px;
height: 40px;
width: 40px;
display: block;
font-size: 14px;
color: #ffffff;
line-height: 100%;
font-weight: normal;
background: #1a3568;
border-radius: 50%;
}
.footer-column .widget_text .textwidget {
padding-left: 0px;
}
.footer-column .widget_text .textwidget select {
color: #fff;
background: #1a3568;
}
.footer-column .widget_text .textwidget p {
margin: 7px auto;
color: #fff;
}
.footer-column .widget_tag_cloud .tagcloud a {
color: #fff;
}
.footer-column .widget_nav_menu ul li a {
color: #fff;
}
.footer-column .widget_nav_menu ul li a:hover {
color: #df6512;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
blockquote:after {
content: "\f1fc";
position: absolute;
top: 30px;
font-size: 120px;
line-height: 1em;
text-align: center;
width: 100%;
color: rgba(0, 30, 87, 0.05);
font-family: Flaticon;
font-style: normal;
left: 0;
}
blockquote:before {
content: "\f17a";
position: relative;
color: #df6512;
font-size: 30px;
line-height: 1em;
margin-bottom: 15px;
font-family: Flaticon;
font-style: normal;
float: left;
width: 100%;
}
blockquote {
border-left: 4px solid rgba(51, 51, 51, 0.0);
}
.is-style-solid-color {
padding: 0;
}
.is-style-solid-color blockquote {
background: transparent !important;
border: 0;
color: #fff !important;
}
.is-style-solid-color blockquote p {
color: #fff !important;
}
.is-style-solid-color {
border-left: 4px solid rgba(51, 51, 51, 0.7) !important;
}
p.has-very-light-gray-color {
color: #fff !important;
}
.content-inner h1 {
font-size: 46px;
line-height: 60px;
margin-bottom: 15px;
font-weight: 800;
color: #222222;
}
.content-inner h2 {
font-size: 34px;
line-height: 44px;
margin-bottom: 15px;
font-weight: 800;
color: #222222;
}
.content-inner h3 {
font-size: 28px;
line-height: 40px;
font-weight: 600;
margin-bottom: 15px;
color: #222222;
}
.content-inner h4 {
font-size: 24px;
line-height: 34px;
font-weight: 500;
margin-bottom: 15px;
color: #222222;
}
.content-inner h5 {
font-size: 20px;
font-weight: 400;
margin-bottom: 15px;
color: #222222;
line-height: 30px;
}
.content-inner h6 {
margin-bottom: 15px;
color: #222222;
font-weight: bold !important;
}
.page-detail {
float: left;
width: 100%;
}
.content-inner ul,
.content-inner li {
list-style: unset;
}
.content-inner ul,
.content-inner ol {
padding-left: 30px;
margin-top: 0px;
}
.team-block-two ul {
padding-left: 0px;
}
.content-inner ul ul {
list-style-type: circle;
}
.wp-block-video video {
width: 100%;
}
.wp-block-archives select {
border: 1px solid #e3772e4d;
padding: 8px;
margin-bottom: 15px;
}
.page-links .post-page-numbers {
position: relative;
display: inline-block;
line-height: 42px;
height: 45px;
font-size: 16px;
margin: 0px 3px 0px 0px;
min-width: 45px;
color: #222222;
font-weight: 700;
text-align: center;
background: #ffffff;
border: 1px solid #dddddd;
text-transform: capitalize;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.page-links .current,
.page-links .post-page-numbers:hover {
color: #ffffff;
border-color: #df6512;
background-color: #df6512;
}
.page-links {
margin-bottom: 20px;
clear: both;
margin-top: 20px;
width: 100%;
}
pre {
border: 1px solid #d1d1d1;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
padding: 1.75em;
white-space: pre-wrap;
word-wrap: break-word;
font-size: 16px;
color: #5a5a5a;
font-family: monospace;
}
table {
margin-bottom: 15px;
}
.blog-detail .inner-box .lower-content .post-share-options {
margin-top: 30px;
}
code {
color: #001e57;
background: #001e5714;
padding: 0px 3px;
}
img.aligncenter {
text-align: center;
display: block;
margin: 50px auto;
}
img.alignleft {
float: left;
margin-right: 20px;
margin-top: 0;
margin-bottom: 0;
}
img.alignright {
float: right;
margin-left: 20px;
margin-bottom: 0;
margin-top: 10px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.aligncenter figcaption {
display: block;
}
figure {
max-width: 100%;
}
.wp-caption.alignright {
float: right;
}
.post-thumbnail img {
width: auto !important;
}
.wp-block-media-text .wp-block-media-text__content {
padding: 15px 8%;
}
h2.screen-reader-text {
display: none;
}
.no_post_thumnail.news-block-two .inner-box .lower-content {
margin-top: 0;
}
.post-password-form input[type="password"] {
position: relative;
line-height: 30px;
padding: 10px 50px 10px 22px;
border: 1px solid transparent;
background: #f3f5f9;
display: block;
font-size: 14px;
width: 100%;
height: 45px;
color: #888888;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.post-password-form input[type="submit"] {
padding: 8px 27px;
color: #fff;
background: #1a3568;
cursor: pointer;
} .comment-box h1 {
font-size: 46px;
line-height: 60px;
margin-bottom: 15px;
font-weight: 800;
color: #222222;
}
.comment-box h2 {
font-size: 34px;
line-height: 44px;
margin-bottom: 15px;
font-weight: 800;
color: #222222;
}
.comment-box h3 {
font-size: 30px;
line-height: 40px;
font-weight: 600;
margin-bottom: 15px;
color: #222222;
}
.comment-box h4 {
font-size: 24px;
line-height: 34px;
font-weight: 500;
margin-bottom: 15px;
color: #222222;
}
.comment-box h5 {
font-size: 20px;
font-weight: 400;
margin-bottom: 15px;
color: #222222;
line-height: 30px;
}
.comment-box h6 {
margin-bottom: 15px;
color: #222222;
font-weight: bold !important;
}
.comment-box blockquote {
position: relative;
margin-bottom: 30px;
padding: 50px 50px 45px;
background-color: #f3f5f9;
}
.comment-box blockquote .blockquote-inner {
position: relative;
text-align: center;
}
.comment-box blockquote .blockquote-inner .big-icon {
position: absolute;
top: -20px;
font-size: 180px;
line-height: 1em;
text-align: center;
width: 100%;
color: rgba(0, 30, 87, 0.05);
}
.comment-box blockquote .blockquote-inner .quote-icon {
position: relative;
color: #df6512;
font-size: 30px;
line-height: 1em;
margin-bottom: 15px;
}
.comment-box blockquote .blockquote-inner .quote-text {
position: relative;
color: #222222;
font-size: 18px;
font-style: italic;
line-height: 1.8em;
font-weight: 700;
}
.comment-box ul,
.comment-box li {
list-style: unset;
}
.comment-box ul,
.comment-box ol {
padding-left: 30px;
margin-top: 10px;
}
.comment-box ul ul {
list-style-type: circle;
}
p.no-comments {
float: left;
width: 100%;
height: auto;
margin-top: 20px;
}
.gallery {
overflow-x: hidden;
}
.gallery-columns-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gallery-columns-1 figure.gallery-item {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.gallery-columns-1 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gallery-columns-2 figure.gallery-item {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.gallery-columns-2 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gallery-columns-3 figure.gallery-item {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.gallery-columns-3 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gallery-columns-4 figure.gallery-item {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.gallery-columns-4 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gallery-columns-5 figure.gallery-item {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.gallery-columns-5 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gallery-columns-6 figure.gallery-item {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
.gallery-columns-6 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-7 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gallery-columns-7 figure.gallery-item {
-ms-flex: 0 0 14.2857143%;
-webkit-box-flex: 0;
flex: 0 0 14.2857143%;
max-width: 14.2857143%;
text-align: center;
padding-right: 5px;
padding-left: 5px;
}
.gallery-columns-7 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-8 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gallery-columns-8 figure.gallery-item {
-ms-flex: 0 0 12.5%;
-webkit-box-flex: 0;
flex: 0 0 12.5%;
max-width: 12.5%;
text-align: center;
padding-right: 5px;
padding-left: 5px;
}
.gallery-columns-8 figure.gallery-item figcaption {
margin-bottom: 20px;
}
.gallery-columns-9 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gallery-columns-9 figure.gallery-item {
-ms-flex: 0 0 11.1111111%;
-webkit-box-flex: 0;
flex: 0 0 11.1111111%;
max-width: 11.1111111%;
text-align: center;
padding-right: 5px;
padding-left: 5px;
}
figure.gallery-item figcaption {
margin-bottom: 20px;
}
.wp-caption-text {
text-align: center;
margin: 0.8075em 0;
} .nav-links {
width: 100%;
text-align: center;
}
.post-meta span.cat-links a {
line-height: 23px;
}
.type-page .page-links {
float: left;
clear: both;
margin-bottom: 40px;
display: block;
}
footer.entry-footer {
clear: both;
}
.nav-links .page-numbers {
position: relative;
display: inline-block;
margin: 0px 3px 0px 0px;
position: relative;
display: inline-block;
line-height: 42px;
height: 45px;
font-size: 16px;
min-width: 45px;
color: #222222;
font-weight: 700;
text-align: center;
background: #ffffff;
border: 1px solid #dddddd;
text-transform: capitalize;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
margin-top: 5px;
}
.nav-links .page-numbers:hover,
.nav-links .current {
color: #ffffff;
border-color: #df6512;
background-color: #df6512;
} .index-blog-area .status-publish .post-meta {
padding-left: 0px;
margin-top: 0px;
}
.index-blog-area .status-publish .post-meta a {
color: #555555;
line-height: 23px;
}
.index-blog-area .status-publish .post-meta .author {
font-weight: 700;
}
.index-blog-area .status-publish .post-meta .cat-links {
font-weight: 700;
}
.comment-form-cookies-consent label {
margin-left: 10px;
}
.comment-list .comment-respond .comment-form-cookies-consent {
justify-content: flex-start;
display: flex;
align-items: center;
}
.comment-list .comment-respond .comment-form-cookies-consent input[type="checkbox"] {
width: auto;
}
.comment-list .comment-respond .comment-form-cookies-consent label {
margin-bottom: 4px;
}
.index-blog-detail .nav-previous a {
position: relative;
color: #ffffff;
padding: 18px 25px;
display: block;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(255, 255, 255, 0.10);
text-align: left;
}
.index-blog-detail .nav-previous a .fas {
margin-right: 10px;
color: #df6512;
}
.index-blog-detail .nav-previous a:hover {
color: #df6512;
}
.index-blog-detail .nav-next a {
position: relative;
color: #ffffff;
padding: 18px 25px;
display: block;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-color: rgba(255, 255, 255, 0.10);
text-align: right;
}
.index-blog-detail .nav-next a .fas {
margin-left: 10px;
color: #df6512;
}
.index-blog-detail .nav-next a:hover {
color: #df6512;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
} .index-page-detail blockquote {
position: relative;
margin-bottom: 30px !important;
padding: 50px 50px 45px !important;
background-color: #f3f5f9;
border-left: 0px !important;
}
.index-page-detail blockquote .blockquote-inner {
position: relative;
text-align: center;
}
.index-page-detail blockquote .blockquote-inner .big-icon {
position: absolute;
top: -20px;
font-size: 180px;
line-height: 1em;
text-align: center;
width: 100%;
color: rgba(0, 30, 87, 0.05);
}
.index-page-detail blockquote .blockquote-inner .quote-icon {
position: relative;
color: #df6512;
font-size: 30px;
line-height: 1em;
margin-bottom: 15px;
}
.index-page-detail blockquote .blockquote-inner .quote-text {
position: relative;
color: #222222;
font-size: 18px;
font-style: italic;
line-height: 1.8em;
font-weight: 700;
}
a.post-edit-link {
background: #001e57;
padding: 2px 12px;
float: left;
color: #fff;
transition: .4s;
}
span.edit-link {
float: left;
width: 100%;
height: auto;
margin-bottom: 20px;
}
a.post-edit-link:hover {
background: #df6512;
}
.index-page-detail .text p {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 22px;
} .index-page-detail .comments-area {
position: relative;
margin-bottom: 60px;
margin-top: 65px;
float: left;
}
.index-page-detail .group-title {
position: relative;
margin-bottom: 45px;
}
.index-page-detail .group-title h2 {
position: relative;
font-size: 32px;
color: #001e57;
font-weight: 800;
padding-bottom: 12px;
text-transform: capitalize;
}
.index-page-detail .comments-area .comment-box {
position: relative;
padding: 0px 0px 0px;
margin-bottom: 40px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.index-page-detail .comments-area .comment .comment {
position: relative;
min-height: 70px;
padding: 0px 0px 0px 100px;
font-size: 14px;
}
.index-page-detail .comments-area .reply-comment {
margin-left: 120px;
}
.index-page-detail .comments-area .comment-box .author-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 70px;
border-radius: 50%;
margin-bottom: 20px;
overflow: hidden;
}
.index-page-detail .comments-area .comment-box .author-thumb img {
width: 100%;
display: block;
}
.index-page-detail .comments-area .comment-info {
margin-bottom: 10px;
}
.index-page-detail .comments-area .comment-box strong {
font-size: 18px;
font-weight: 700;
color: #222222;
display: block;
line-height: 1.3em;
text-transform: capitalize;
}
.index-page-detail .comments-area .comment-box .text {
color: #555555;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 16px;
}
.index-page-detail .comments-area .comment-info .comment-time {
font-size: 12px;
color: #444444;
font-weight: 700;
}
.index-page-detail .comments-area .comment-box .reply-outer {
position: relative;
}
.index-page-detail .comments-area .comment-box .reply-outer:before {
position: absolute;
content: '';
left: 0px;
top: 11px;
width: 100%;
height: 1px;
background-color: #dddddd;
}
.index-page-detail .comments-area .comment-box .comment-reply-link {
position: relative;
padding: 0px 22px 0px 0px;
font-size: 14px;
color: #df6512;
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.index-page-detail .comments-area .comment-box .comment-reply-link .fas {
margin-left: 4px;
top: 1px;
color: #001e57;
}
.index-page-detail .comments-area .comment-box .comment-reply-link:hover {
color: #001e57;
}
.index-page-detail .comments-area .comment-box .theme-btn {
position: relative;
padding: 0px 22px 0px 0px;
font-size: 14px;
color: #df6512;
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.index-page-detail .comments-area .comment-box .theme-btn .fas {
margin-left: 4px;
top: 1px;
color: #001e57;
}
.index-page-detail .comments-area .comment-box .theme-btn:hover {
color: #001e57;
} .wp-block-gallery {
padding-left: 0px !important;
}
.wp-block-gallery li {
list-style: none !important;
} .has-strong-yellow-background-color {
background-color: #f7bd00 !important;
}
.has-strong-white-background-color {
background-color: #ffffff !important;
}
.has-light-black-background-color {
background-color: #242424 !important;
}
.has-very-light-gray-background-color {
background-color: #797979 !important;
}
.has-very-dark-black-background-color {
background-color: #000000 !important;
}
.has-strong-yellow-color {
color: #f7bd00 !important;
}
.has-strong-white-color {
color: #ffffff !important;
}
.has-light-black-color {
color: #242424 !important;
}
.has-very-light-gray-color {
color: #797979 !important;
}
.has-very-dark-black-color {
color: #000000 !important;
} .has-small-font-size {
font-size: 10px !important;
}
.has-normal-font-size {
font-size: 15px !important;
}
.has-large-font-size {
font-size: 24px !important;
}
.has-huge-font-size {
font-size: 36px !important;
}
.wp-block-embed-vimeo .wp-block-embed__wrapper {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
width: 100%;
padding-bottom: 68.25%;
}
.wp-block-embed-vimeo .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
p.wp-block-cover-text {
color: #fff !important;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
} .wp-block-separator.is-style-wide {
border-bottom-width: 2px;
}
.wp-block-separator {}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 50px;
}
.wp-block-separator {
border: none;
border-bottom: 2px solid #df6512;
margin: 1.65em auto;
width: 100%;
max-width: 100%;
clear: both;
margin-left: 0;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 24px;
font-style: normal;
line-height: 1.6;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 14px;
}
.wp-block-categories li {
text-align: left;
}
.wp-block-pullquote {
border-top: 0px solid #555d66;
border-bottom: 0px solid #555d66;
color: #40464d;
padding: 0;
}
.wp-block-pullquote p {
font-size: 20px !important;
}
blockquote.wp-block-quote.is-style-large p {
font-size: 20px !important;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 335px;
}
figure.wp-block-pullquote.alignleft {
text-align: left;
}
figure.wp-block-pullquote.alignright {
text-align: right;
display: inline;
float: right;
margin-left: 1.5em;
}
section.page-banner.style-two {
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
.sidebar-page-container {
position: relative;
padding: 40px 0px 50px;
}
.main-header .header-upper .nav-outer {
width: 100%;
margin-bottom: 20px;
}
}
@media screen and (max-width: 600px) {}
.calendar_wrap th,
.calendar_wrap td {
padding: 5px 0;
text-align: center;
}
ul.list-style-one {
padding-left: 0;
margin-top: 0;
}
.contact-info-list {
list-style: outside none !important;
margin-top: 0 !important;
padding-left: 0 !important;
}
.tabs-style-one .tab ul li {
list-style: outside none;
}
.tabs-style-one .tab ul {
padding-left: 0;
margin-top: 0;
}
.faq-section .accordion-box {
margin-top: 0;
padding-left: 0;
list-style: outside none;
}
.newsletter-section h2 {
color: #fff !important;
}
ul.accordion-box {
list-style: outside none;
margin-top: 0;
padding-left: 0;
}
.change-location .sidebar-widget {
margin-bottom: 0;
}
#custom_html-6 .textwidget.custom-html-widget {
padding-left: 0;
}
.comment-respond p.comment-form-cookies-consent {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.comment-respond p.comment-form-cookies-consent input#wp-comment-cookies-consent {
margin-top: 9px;
}
@media only screen and (max-width: 500px) {
.new-article .nav-previous {
width: 100%;
margin-bottom: 5px;
padding-right: 0;
}
.new-article .nav-next {
width: 100% !important;
padding-left: 0;
}
}
div#custom_html-5 .textwidget {
padding-left: 0;
}
.content-inner h4 {
font-size: 24px;
font-weight: 500;
color: #222222;
}
.home .news-section .post-thumbnail img {
width: 100% !important;
}
.factory-section .factory-icon img {
margin: 0 auto;
}
.appointment-form .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
color: #fff;
border: 0;
}
.sticky_post_icon {
position: absolute;
right: 20px;
top: 20px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row-reverse;
}
.sticky_post_icon i.fas.fa-paperclip {
color: #df6512;
font-size: 25px;
margin-left: 15px;
}
.sticky_post_area {
border-bottom: 3px solid #df6512 !important;
}
.sticky_post_area a.arrow {
background: #df6512 !important;
color: #fff !important;
}
.projects-carousel ul li {
list-style: outside none;
}
.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw) !important;
}
.with-sidebar-blog .alignfull {
width: auto;
margin-left: calc( 50% / .62 - 50vw) !important;
max-width: 100vw;
}
ul.post-meta {
padding-left: 0;
}
.wp-block-media-text,
.wp-block-cover,
.wp-block-categories,
.wp-block-archives,
.wp-block-button,
pre {
margin: 10px auto
}
span.framwork-share-this span.framwork-share-this-popup {
position: absolute;
right: 20px;
top: 0;
opacity: 0;
visibility: hidden;
transition: .3s;
}
span.framwork-share-this {
position: absolute;
bottom: 20px;
right: 40px;
font-size: 20px;
color: #df6613;
}
span.framwork-share-this span.framwork-share-this-popup span {
display: flex;
justify-content: center;
align-items: center;
margin-right: 15px;
}
.index-blog-area .status-publish:hover .framwork-share-this-popup {
right: 0px;
opacity: 1;
visibility: visible;
} .admin-bar .sticky-header {
margin-top: 32px;
}
body.admin-bar .newsletter-section {
margin-bottom: -70px !important;
}
.info-column ul.social-links {
padding-left: 0;
margin-top: 0;
}
.fun-facts-section .title-style-one h2 {
font-size: 52px;
color: #222222;
font-weight: 300;
line-height: 1.2em;
}
.quote-section h3 {
margin: 0;
line-height: 1.2em;
}
.newsletter-section h2 {
margin: 0;
margin-top: 6px;
line-height: 1.3em;
font-weight: 700;
}
section.services-section-two .sec-title.light h2 {
margin-bottom: 0;
}
span.edit-link {
margin-top: 40px;
}
.elementor-default section.page-banner {
margin-bottom: 0px;
}
section.page-banner {
margin-bottom: 100px;
} .custom-comment-margin {
margin-top: 65px;
}
a.rsswidget {
font-size: 16px;
margin-top: 0;
}
.widget_rss h2 a.rsswidget:last-child {
position: relative;
top: 2px;
}
.blog-detail .inner-box .lower-content .text em {
font-style: normal;
}
.sidebar-side .widget_text .textwidget {
padding-left: 0;
}
.sec-title .title {
font-size: 16px;
}
.innovation-section .content-column .text {
color: #707070;
}
.fact-counter .count-outer .count-text {
font-weight: 700;
}
.services-block-two .inner-box .lower-content h3 {
font-size: 20px;
}
.services-block-two .inner-box .lower-content .read-more {
font-size: 13px;
color: #fff;
text-decoration: none;
}
.projects-section .projects-carousel .image-carousel .content-column .read-more {
color: #df6512;
font-size: 14px;
text-decoration: none;
}
.projects-section .projects-carousel .image-carousel .content-column h3 {
font-size: 20px;
font-weight: 700;
}
.news-block .inner-box .lower-content h3 {
font-weight: 700;
font-size: 20px;
}
.services-block-three .inner-box .lower-content h3 {
font-size: 20px;
}
.news-block-four .lower-content h3 {
font-size: 20px;
font-weight: 700;
}
.industry-block .inner-box h3 {
font-size: 20px;
font-weight: 700;
}
.services-block-two .inner-box .lower-content h3 {
font-size: 20px;
}
.news-block .inner-box .lower-content h3 {
font-size: 20px;
}
.news-block-two .inner-box .lower-content h3 {
font-size: 26px;
}
.news-block-two .inner-box .lower-content h3 {
color: #707070;
font-weight: 700;
font-size: 26px;
}
p {
color: #707070;
}
.sidebar-title h5 {
font-size: 17px;
color: #222222;
font-weight: 600;
}
.widget_categories li a,
.widget_archive li a {
font-size: 16px;
}
.widget_categories li a:before,
.widget_archive li a:before {
position: absolute;
left: 25px;
margin-top: -3px;
font-size: 15px;
line-height: 30px;
content: "\f105";
font-weight: 800;
font-family: "Font Awesome 5 Free";
}
.content-inner h4 {
font-size: 20px;
font-weight: 700;
color: #222222;
} @media only screen and (min-width: 320px) and (max-width: 575px) {
.sticky_post_icon {
position: relative;
right: auto;
top: auto;
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: row-reverse;
}
.innovation-section .content-column .inner-column {
padding-top: 45px;
}
.innovation-section {
padding-bottom: 0;
}
.services-section {
padding-bottom: 30px;
}
.quote-section .inner-section {
padding: 20px 20px;
}
.quote-section .content {
margin-bottom: 15px;
}
.projects-section {
padding: 55px 0px 55px;
}
.projects-section .projects-carousel .thumbs-carousel {
margin-top: 30px;
}
.skill-section {
padding: 50px 0px 60px;
}
.skill-section .skill-column h2 {
margin-bottom: 40px;
}
.clients-section {
padding: 50px 0px 40px;
}
.news-section {
padding: 50px 0px 50px;
}
.factory-section {
padding: 0px 0px 100px;
}
.factory-section .title-box h2 {
font-size: 19px !important;
}
.fun-facts-section {
padding: 10px 0px 0px;
}
.services-section-three {
padding: 40px 0px 0px;
}
.what-we-offer {
padding: 50px 0px 10px;
}
.request-quote-section {
padding: 50px 0 0px;
}
.testimonials-section {
padding: 50px 0 0px;
}
.sponsors-section.alternate {
padding: 0px 0px 50px;
}
.news-section-two {
padding: 50px 0px 0px;
}
.newsletter-section-two {
padding: 30px 0px 40px;
}
.main-footer .widgets-section {
padding: 40px 0px 10px;
}
.what-we-offer ul.tab-buttons.clearfix {
display: flex;
}
.tabs-style-one .tab-buttons .tab-btn {
padding: 0px 5px;
}
.design-section {
padding-top: 40px;
}
.feature-block-two .inner-box {
padding: 40px 45px 45px;
}
.industries-section {
padding: 120px 0px 10px;
}
.about-industry-section {
padding: 40px 0px 20px;
}
.fluid-section-two .left-column .inner-column,
.fluid-section-two .right-column .inner-column {
padding: 50px 20px;
}
.features-section-two {
padding-top: 40px;
}
.features-section-two.alternate {
padding-bottom: 40px;
}
.services-section-two {
padding: 45px 0px 30px;
}
.page-banner {
padding: 65px 0;
}
.about-section-two {
padding: 50px 0 0;
}
.mission-section {
padding: 50px 0;
margin-top: 70px;
}
.quote-section .auto-container {
padding: 0px;
}
.faq-section {
padding: 50px 0 65px;
}
.faq-section .image-column .image {
height: 340px;
}
.accordion-box .block .acc-btn {
font-size: 15px;
line-height: 23px;
}
.faq-section .title-style-one h2 {
font-size: 21px;
}
.faq-section .image-column .inner-column {
padding-top: 45px;
}
.feature-block-five .inner-box {
padding: 30px 15px 35px;
}
.feature-block-five .icon-box .icon {
font-size: 70px;
}
.feature-block-five .icon-box {
margin-bottom: 20px;
}
.feature-block-five .text {
margin-bottom: 25px;
}
.team-section {
padding: 40px 0 20px;
}
.comments-area-custom {
margin-top: 0px;
}
.main-footer .widgets-section {
padding-bottom: 0;
}
section.page-banner {
margin-bottom: 10px;
}
body.admin-bar .newsletter-section {
margin-bottom: -20px !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 374px) {
.testimonial-block .inner-box .image-outer .quote.quote-right {
right: 10px;
}
}
.problem-main-header-menu a {
position: relative;
display: block;
text-align: center;
font-size: 16px;
line-height: 35px;
font-weight: 700;
opacity: 1;
color: #222222;
padding: 0px;
text-transform: none;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.problem-main-header-menu {
padding: 42px 0px;
margin-right: 40px !important;
display: block;
float: right;
}
.no-images-what {
margin-top: 0 !important;
}
.wp-block-image {
overflow: hidden;
}
.alignleft {
margin-right: 10px;
}
.sidebar-page-container-archive {
position: relative;
padding: 100px 0px 50px;
}
.search-box input[type="search"] {
display: block;
width: 100%;
line-height: 24px;
padding: 7px 40px 7px 15px;
height: 40px;
font-size: 14px;
border: 1px solid #e0e0e0;
background: #ffffff;
}
.search-box .search-btn {
position: absolute;
right: 0px;
top: 0px;
width: 40px;
height: 40px;
text-align: center;
color: #555555;
font-size: 12px;
background: none;
cursor: pointer;
}
.wp-block-gallery {
padding-top: 20px;
padding-bottom: 20px;
}
.sidebar-page-container-archive {
padding-top: 100px;
}
.main-menu .navigation li>ul>li.dropdown:hover>ul {
margin: 0;
padding: 0;
border: 0;
border-radius: 0px;
}
.main-menu .navigation li>ul {
border-radius: 0px;
}
.blog-detail .inner-box .lower-content .content-inner .title-box h2 {
margin-bottom: 0;
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777;
}
.post-share-options {
float: left;
width: 100%;
height: auto;
}
.new-article {
margin-bottom: 10px;
}   .main-header.style-four {
position: relative;
}
.main-header.style-four .header-lower .nav-outer {
bottom: 0px;
}
.main-header.style-four .header-lower {
background: #001e57;
}
.main-header.style-four .header-lower .outer-box .search-box-outer {
position: relative;
}
.main-header.style-four .header-lower .outer-box .search-box-outer:before {
content: '';
position: absolute;
top: 0;
left: -35px;
width: 2000%;
height: 100%;
background: #031331;
-webkit-transform: skewX(12deg);
-ms-transform: skewX(12deg);
transform: skewX(12deg);
}
.main-header.style-four .header-lower .outer-box .search-box-outer .form-group {
margin: 0px;
position: relative;
}
.main-header.style-four .header-lower .outer-box .search-box-outer input[type='search'] {
width: 260px;
height: 55px;
background: #031331;
color: #fff;
padding: 10px 30px 10px 20px;
margin-bottom: 0px;
border: none;
}
.main-header.style-four .header-lower .outer-box .search-box-outer button {
position: absolute;
top: 15px;
right: 0px;
color: #fff;
background: transparent;
z-index: 1;
transition: all 500ms ease;
}
.main-header.style-four .header-lower .outer-box .search-box-outer button:hover {
color: #df6512;
}
.main-header.style-four .header-lower .outer-box .search-box-outer input::-webkit-input-placeholder {
color: #fff;
}
.main-header.style-four .outer-box .search-box-outer {
padding: 8px 0px 7px;
}
.main-header.style-four .main-menu .navigation>li:first-child {
margin-left: 0px;
} .main-slider.style-four {
position: relative;
}
.main-slider.style-four .text {
position: relative;
display: block;
font-size: 20px;
line-height: 1.6em;
color: #ffffff;
font-weight: 400;
}
.main-slider.style-four .link-box {
position: relative;
}
.main-slider.style-four .link-box .theme-btn {
float: none;
}
.main-slider .theme-btn {
transition: all 500ms ease !important;
} .construction-service {
position: relative;
padding-bottom: 100px;
}
.construction-service .construction-service-block .inner-box {
position: relative;
display: block;
overflow: hidden;
background: #f3f5f9;
padding: 55px 15px 60px;
text-align: center;
}
.construction-service .construction-service-block .inner-box .icon-box {
position: relative;
display: inline-block;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
background: transparent;
border-radius: 50%;
font-size: 50px;
color: #001e57;
margin-bottom: 15px;
transition: all 500ms ease;
}
.construction-service .construction-service-block:hover .inner-box .icon-box {
background: #f3f5f9;
}
.construction-service .construction-service-block .inner-box h4 {
position: relative;
display: block;
font-size: 20px;
font-weight: 700;
color: #222222;
line-height: 1.3em;
margin-top: 0px;
margin-bottom: 20px;
transition: all 500ms ease;
}
.construction-service .construction-service-block .inner-box h4 a {
position: relative;
display: inline-block;
color: #222;
}
.construction-service .construction-service-block .inner-box .text {
position: relative;
font-size: 16px;
line-height: 1.7em;
color: #555555;
padding: 0px 22px;
margin-bottom: 25px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.construction-service .construction-service-block .inner-box .link a {
position: relative;
display: inline-block;
color: #001e57;
font-size: 16px;
font-weight: 700;
line-height: 1.3em;
}
.construction-service .construction-service-block:hover .inner-box h4,
.construction-service .construction-service-block:hover .inner-box h4 a,
.construction-service .construction-service-block:hover .inner-box .text,
.construction-service .construction-service-block:hover .inner-box .link a {
color: #fff;
}
.construction-service .construction-service-block .inner-box .bg-layer {
position: absolute;
content: "";
top: 0;
left: -101%;
height: 100%;
width: 100%;
border-radius: 10px;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
background-size: 101% 101%;
}
.construction-service .construction-service-block .inner-box .bg-layer:before {
position: absolute;
content: '';
background: #001e57;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: .9;
}
.construction-service .construction-service-block .inner-box:hover .bg-layer {
left: 0px;
} .about-construction {
position: relative;
padding: 100px 0px;
}
.about-construction .content-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 28px;
}
.about-construction .content-box .signature-box h4 {
position: relative;
font-style: italic;
color: #001e57;
font-size: 16px;
font-weight: 700;
line-height: 1.3em;
}
.about-construction .content-box .signature-box .signature-img {
position: relative;
margin-top: 12px;
}
.about-construction .content-box .signature-box {
position: relative;
margin-top: 35px;
}
.about-construction .content-box {
position: relative;
margin-right: 30px;
}
.about-construction .video-inner {
position: relative;
width: 100%;
padding: 200px 0px;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.about-construction .video-inner:before {
position: absolute;
content: '';
background: #001e57;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: .8;
}
.about-construction .video-box {
position: relative;
margin-top: 50px;
} .construction-projects {
position: relative;
padding-top: 100px;
}
.construction-projects .project-column {
padding: 0px 0px;
}
.construction-projects .construction-project-block .inner-box {
position: relative;
display: block;
background: #001e57;
}
.construction-projects .construction-project-block .inner-box .image-box {
position: relative;
overflow: hidden;
margin: 0px;
}
.construction-projects .construction-project-block .inner-box img {
width: 100%;
transition: all 500ms ease;
}
.construction-projects .construction-project-block:hover .inner-box img {
opacity: 0.1;
transform: scale(1.05);
}
.construction-projects .construction-project-block .inner-box .content-box {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
padding: 30px 50px;
}
.construction-projects .construction-project-block .inner-box .content-box h6 {
position: relative;
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
margin-bottom: 0px;
transform: translateY(-20px);
opacity: 0;
transition: all 500ms ease;
}
.construction-projects .construction-project-block .inner-box .content-box h4 {
position: relative;
display: block;
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 1.3em;
margin-top: 0px;
margin-bottom: 20px;
transform: translateY(-20px);
opacity: 0;
transition: all 500ms ease;
}
.construction-projects .construction-project-block:hover .inner-box .content-box h6,
.construction-projects .construction-project-block:hover .inner-box .content-box h4 {
opacity: 1;
transform: translateY(0px);
}
.construction-projects .construction-project-block .inner-box .content-box a.link-btn {
position: relative;
display: inline-block;
font-size: 16px;
color: #fff;
font-weight: 600;
text-transform: capitalize;
opacity: 0;
}
.construction-projects .construction-project-block:hover .inner-box .content-box a.link-btn {
opacity: 1;
}
.construction-projects .construction-project-block .inner-box .content-box a.view-btn {
position: absolute;
right: 50px;
bottom: 30px;
display: inline-block;
font-size: 14px;
color: #fff;
font-weight: 700;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #df6512;
border-radius: 5px;
margin-left: 10px;
opacity: 0;
transition: all 500ms ease;
}
.construction-projects .construction-project-block:hover .inner-box .content-box a.view-btn {
opacity: 1;
} .ourmission-section {
position: relative;
padding-top: 100px;
}
.ourmission-section .inner-box {
position: relative;
display: block;
background: #df6512;
padding: 30px 20px;
margin-right: 55px;
}
.ourmission-section .inner-box .inner-content {
position: relative;
display: block;
padding: 44px 40px 52px 35px;
border: 1px dashed #fc916b;
}
.ourmission-section .inner-box .inner-content .top-content {
position: relative;
display: block;
margin-bottom: 29px;
}
.ourmission-section .inner-box .inner-content h2 {
position: relative;
display: block;
font-size: 36px;
line-height: 45px;
color: #fff;
font-weight: 700;
margin-bottom: 14px;
}
.ourmission-section .inner-box .inner-content .text {
position: relative;
display: block;
color: #fff1f1;
margin-bottom: 10px;
}
.ourmission-section .inner-box .inner-content .middle-content {
position: relative;
display: block;
margin-bottom: 42px;
padding-left: 15px;
}
.ourmission-section .inner-box .inner-content .middle-content .text {
padding: 0px 0px 0px 45px;
margin-bottom: 20px;
}
.ourmission-section .inner-box .inner-content .middle-content .text:before {
position: absolute;
content: '';
background: #fff;
width: 33px;
height: 2px;
left: 0px;
top: 12px;
}
.ourmission-section .inner-box .inner-content .middle-content .text:after {
position: absolute;
content: '';
background: #fff;
width: 9px;
height: 9px;
left: 0px;
top: 8px;
border-radius: 50%;
}
.ourmission-section .inner-box .inner-content .middle-content .text:last-child,
.ourmission-section .inner-box .inner-content .lower-content .text {
margin-bottom: 0px;
}
.ourmission-section .content-box .icon-box {
position: relative;
display: inline-block;
font-size: 60px;
line-height: 60px;
color: #222;
font-weight: 500;
margin-bottom: 20px;
}
.ourmission-section .content-box h2 {
position: relative;
display: block;
font-size: 30px;
line-height: 38px;
color: #222;
font-weight: 700;
margin-bottom: 18px;
}
.ourmission-section .content-box .btn-style-two:hover {
background: #001e57;
color: #fff;
} .construction-testimonial {
position: relative;
padding: 100px 0px;
}
.construction-testimonial .testimonial-content .inner-box {
position: relative;
padding-left: 100px;
margin-left: 10px;
margin-right: 20px;
}
.construction-testimonial .testimonial-content .inner-box .image-box {
position: absolute;
left: 0px;
top: 0px;
width: 80px;
height: 80px;
border-radius: 50%;
}
.construction-testimonial .testimonial-content .inner-box .image-box:before {
position: absolute;
content: "\f178";
font-family: 'Flaticon';
font-size: 12px;
color: #fff;
background: #df6512;
width: 25px;
height: 25px;
left: -10px;
top: 5px;
line-height: 25px;
text-align: center;
border-radius: 50%;
z-index: 1;
}
.construction-testimonial .testimonial-content .inner-box .image-box img {
width: 100%;
border-radius: 50%;
}
.construction-testimonial .testimonial-content .inner-box .author-info h5 {
position: relative;
display: block;
font-size: 18px;
font-weight: 700;
color: #222222;
line-height: 25px;
margin-top: 0px;
text-transform: uppercase;
margin-bottom: 0px;
}
.construction-testimonial .testimonial-content .inner-box .author-info .designation {
position: relative;
display: block;
font-size: 15px;
color: #df6512;
}
.construction-testimonial .testimonial-content .inner-box .author-info {
position: relative;
margin-bottom: 15px;
}
.construction-testimonial .testimonial-content .inner-box .text {
position: relative;
font-style: italic;
}
.construction-testimonial .sec-title {
margin-bottom: 60px;
}
.owl-nav-none .owl-nav,
.owl-dots-none .owl-dot {
display: none !important;
} .construction-team {
position: relative;
padding: 100px 0px 75px 0px;
background: #001e57;
}
.construction-team .construction-team-block .image-holder {
position: relative;
display: block;
overflow: hidden;
background: #001e57;
}
.construction-team .construction-team-block .image-holder .image-box img {
width: 100%;
transition: all 500ms ease;
}
.construction-team .construction-team-block:hover .image-holder .image-box img {
transform: scale(1.05);
opacity: 0.1;
}
.construction-team .construction-team-block .image-holder .share-content {
position: absolute;
left: -45px;
top: 15px;
transition: all 500ms ease;
}
.construction-team .construction-team-block:hover .image-holder .share-content {
left: 15px;
}
.construction-team .construction-team-block .image-holder .share-box {
position: relative;
display: inline-block;
font-size: 15px;
color: #fff;
background: #df6512;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
cursor: pointer;
z-index: 1;
}
.construction-team .construction-team-block .image-holder .share-box a {
color: #fff;
}
.construction-team .construction-team-block .image-holder .share-box .social-links {
position: absolute;
right: 0%;
top: 50px;
width: 45px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 500ms ease;
}
.construction-team .construction-team-block .image-holder .share-box:hover .social-links {
opacity: 1;
right: 0%;
visibility: visible;
transform: translateY(0px);
}
.construction-team .construction-team-block .image-holder .share-box .social-links li {
position: relative;
display: block;
line-height: 28px;
}
.construction-team .construction-team-block .image-holder .share-box .social-links li a {
position: relative;
display: inline-block;
line-height: 28px;
font-size: 14px;
color: #fff;
}
.construction-team .construction-team-block .lower-content {
position: relative;
padding: 25px 15px;
text-align: center;
}
.construction-team .construction-team-block .lower-content h4 {
position: relative;
display: block;
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 1.3em;
margin-top: 0px;
text-transform: uppercase;
margin-bottom: 5px;
}
.construction-team .construction-team-block .lower-content h4 a {
display: inline-block;
color: #fff;
}
.construction-team .construction-team-block .lower-content h4 a:hover,
.construction-team .construction-team-block .image-holder .share-box .social-links li a:hover {
color: #df6512;
}
.construction-team .construction-team-block .lower-content .designation {
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
color: #fff;
}
.construction-team .sec-title h2 {
color: #fff;
}
.construction-team .sec-title {
margin-bottom: 50px;
} .construction-news {
position: relative;
padding: 100px 0px 100px 0px;
}
.construction-news .construction-news-block {
position: relative;
box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);
}
.construction-news .construction-news-block .lower-content {
position: relative;
display: block;
padding: 34px 20px 41px 40px;
}
.construction-news .construction-news-block .lower-content h3 {
position: relative;
font-weight: 700;
font-size: 24px;
color: #222;
line-height: 1.5em;
margin-bottom: 5px;
}
.construction-news .construction-news-block .lower-content h3 a {
display: inline-block;
color: #222;
}
.construction-news .construction-news-block .lower-content h3 a:hover {
color: #df6512;
}
.construction-news .construction-news-block .lower-content .info-box {
position: relative;
margin-bottom: 15px;
}
.construction-news .construction-news-block .lower-content .info-box li {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 24px;
margin-right: 5px;
padding-right: 10px;
}
.construction-news .construction-news-block .lower-content .info-box li:last-child {
padding: 0px;
margin: 0px;
}
.construction-news .construction-news-block .lower-content .info-box li:before {
position: absolute;
content: '';
background: #787878;
width: 1px;
height: 12px;
top: 6px;
right: 0px;
}
.construction-news .construction-news-block .lower-content .info-box li:last-child:before {
display: none;
}
.construction-news .construction-news-block .lower-content .text {
position: relative;
margin-bottom: 15px;
}
.construction-news .construction-news-block .lower-content .link a {
position: relative;
display: inline-block;
font-size: 16px;
color: #df6512;
}
.construction-news .construction-news-block .lower-content .link a:hover {
text-decoration: underline;
}
.construction-news .construction-news-block .image-box {
position: relative;
display: block;
background: #001e57;
overflow: hidden;
}
.construction-news .construction-news-block .image-box img {
width: 100%;
transition: all 500ms ease;
}
.construction-news .construction-news-block:hover .image-box img {
opacity: 0.2;
transform: scale(1.05);
}
figure {
margin: 0px;
}
.construction-news .sec-title {
margin-bottom: 55px;
}  .main-header.style-five {
position: relative;
}
.main-header.style-five .header-upper .inner-container {
position: relative;
}
.main-header.style-five .header-upper .inner-container .main-box {
position: absolute;
left: 0px;
top: 40px;
width: 100%;
background: #fff;
padding-left: 30px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.main-header.style-five .header-upper .inner-container .main-box:before {
position: absolute;
content: '';
background: #fff;
width: calc(100% - 26px);
height: 100%;
left: 13px;
top: 15px;
z-index: -1;
}
.main-header.style-five .header-upper .logo-outer {
padding: 13px 0px 12px 0px;
}
.main-header.style-five .main-menu .navigation>li {
padding: 23px 0px 22px 0px;
}
.main-header.style-five .outer-box .btn-box {
padding: 0px;
}
.main-header.style-five .search-box-outer {
padding: 23px 0px 22px 0px;
}
.main-header.style-five .outer-box .btn-box .theme-btn {
padding: 25px 40px;
border-radius: 0px;
}
div#slide-1687-layer-1,
div#slide-1688-layer-1,
div#slide-1689-layer-1 {
background-color: rgba(3, 19, 49, 0.7)! important;
}
#slide-1687-layer-4,
#slide-1688-layer-4,
#slide-1689-layer-4 {
background: none !important;
border: none !important;
padding: 0px !important;
}
.tp-bannertimer {
display: none !important;
}
.main-slider.style-five .text {
position: relative;
display: block;
font-size: 20px;
line-height: 1.6em;
color: #ffffff;
font-weight: 400;
}
.main-slider.style-five .link-box .video-btn {
position: relative;
width: 56px;
height: 56px;
z-index: 99;
display: inline-block;
color: #df6512;
font-weight: 400;
font-size: 20px;
text-align: center;
border-radius: 50%;
padding-left: 4px;
line-height: 56px;
background-color: #ffffff;
transition: all 500ms ease;
}
.main-slider.style-five .link-box .video-btn:hover {
color: #fff;
background: #df6512;
} .power-service {
position: relative;
padding: 100px 0px 100px 0px;
}
.power-service .power-service-block {
position: relative;
text-align: center;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.10);
}
.power-service .power-service-block .image-box {
position: relative;
display: block;
overflow: hidden;
background: #001e57;
}
.power-service .power-service-block .image-box img {
width: 100%;
transition: all 500ms ease;
}
.power-service .power-service-block:hover .image-box img {
transform: scale(1.05);
opacity: 0.2;
}
.power-service .power-service-block .lower-content {
position: relative;
padding: 0px 30px 40px 30px;
}
.power-service .power-service-block .lower-content .icon-box {
position: relative;
width: 80px;
height: 80px;
line-height: 80px;
font-size: 35px;
color: #fff;
background: #001e57;
text-align: center;
border-radius: 50%;
margin: 0 auto;
margin-top: -40px;
margin-bottom: 42px;
transition: all 500ms ease;
}
.power-service .power-service-block:hover .lower-content .icon-box {
transform: rotateY(-180deg);
}
.power-service .power-service-block .lower-content h3 {
position: relative;
display: block;
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #222;
margin-bottom: 10px;
}
.power-service .power-service-block .lower-content h3 a {
display: inline-block;
color: #222;
}
.power-service .power-service-block .lower-content h3 a:hover {
color: #df6512;
}
.power-service .power-service-block .lower-content .text {
position: relative;
display: block;
margin-bottom: 15px;
}
.power-service .power-service-block .lower-content .btn-box a {
position: relative;
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #001e57;
}
.power-service .power-service-block .lower-content .btn-box a:hover {
color: #df6512;
}
.power-service .power-service-block .lower-content .btn-box i {
position: relative;
margin-left: 8px;
top: 1px;
}
.power-service .sec-title {
margin-bottom: 55px;
} .power-intro {
position: relative;
display: block;
background: #fafbfd;
padding: 100px 0px 70px 0px;
}
.power-intro .inner-box .single-item {
position: relative;
display: block;
background: #fff;
text-align: center;
padding: 36px 30px 37px 30px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
transition: all 500ms ease;
margin-bottom: 30px;
}
.power-intro .inner-box .single-item:hover {
background: #001e57;
}
.power-intro .inner-box .single-item .icon-box {
position: relative;
display: inline-block;
font-size: 50px;
line-height: 50px;
color: #000;
font-weight: 500;
margin-bottom: 1px;
transition: all 500ms ease;
}
.power-intro .inner-box .single-item h2 {
position: relative;
display: block;
font-size: 36px;
font-weight: 700;
line-height: 45px;
color: #222;
margin-bottom: 16px;
transition: all 500ms ease;
}
.power-intro .inner-box .single-column:last-child {
padding-top: 90px;
}
.power-intro .inner-box .single-item .text {
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
color: #3c3c49;
padding-top: 4px;
border-top: 1px solid #192d66;
transition: all 500ms ease;
}
.power-intro .inner-box .single-item:hover .icon-box,
.power-intro .inner-box .single-item:hover h2 {
color: #fff;
}
.power-intro .inner-box .single-item:hover .text {
color: #e3f7e1;
border-color: #e3f7e1;
}
.power-intro .content-box {
position: relative;
display: block;
margin-left: 40px;
}
.power-intro .content-box h2 {
position: relative;
display: block;
font-size: 36px;
font-weight: 700;
line-height: 47px;
color: #222;
margin-bottom: 20px;
}
.power-intro .content-box .text {
position: relative;
display: block;
font-size: 16px;
} .power-mission {
position: relative;
padding: 100px 0px 50px 0px;
}
.power-mission .content-box {
position: relative;
margin-right: 20px;
}
.power-mission .content-box .text {
position: relative;
margin-bottom: 20px;
}
.power-mission .content-box a {
position: relative;
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #001e57;
}
.power-mission .inner-box .single-item .icon-box {
position: absolute;
display: inline-block;
left: 0px;
top: 0px;
width: 80px;
height: 80px;
line-height: 80px;
font-size: 35px;
color: #fff;
background: #001e57;
text-align: center;
border-radius: 50%;
margin-bottom: 42px;
transition: all 500ms ease;
}
.power-mission .inner-box .single-item:hover .icon-box {
background: #df6512;
transform: rotateY(-180deg);
}
.power-mission .inner-box .single-item {
position: relative;
padding-left: 100px;
margin-bottom: 50px;
}
.power-mission .inner-box .single-item h4 {
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
color: #222;
font-weight: 700;
margin-bottom: 10px;
}
.power-mission .inner-box .single-item h4 a {
display: inline-block;
color: #222;
}
.power-mission .inner-box .single-item h4 a:hover,
.power-mission .content-box a:hover {
color: #df6512;
}
.power-mission .inner-box .single-item .text {
position: relative;
} .power-project {
position: relative;
display: block;
padding: 63px 0px 0px;
background: #001e57;
}
.power-project .project-tab .p-tab {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: auto;
opacity: 0;
visibility: hidden;
}
.power-project .project-tab .p-tab.active-tab {
position: relative;
visibility: visible;
opacity: 1;
z-index: 5;
}
.power-project .project-tab .p-tabs-content {
position: relative;
display: block;
}
.power-project .project-tab .p-tab.active-tab .project-block-five {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}
.power-project .project-tab .p-tab .project-block-five {
position: relative;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
-moz-transform: scaleX(0);
transform: scaleX(0);
}
.power-project .top-content {
position: relative;
display: block;
margin-bottom: 70px;
}
.power-project .top-content .title-box {
position: relative;
max-width: 500px;
width: 100%;
float: left;
}
.power-project .top-content .title-box .top-text {
position: relative;
display: block;
font-size: 16px;
color: #df6512;
text-transform: uppercase;
margin-bottom: 6px;
}
.power-project .top-content .title-box h1 {
position: relative;
display: block;
font-size: 40px;
line-height: 48px;
color: #fff;
font-weight: 700;
margin-bottom: 9px;
}
.power-project .top-content .title-box .text {
position: relative;
display: block;
font-size: 16px;
line-height: 28px;
color: #dfdfdf
}
.power-project .top-content .tab-btn-box {
position: relative;
float: right;
}
.power-project .top-content .tab-btn-box .product-tab-btns {
position: relative;
display: block;
margin-top: 95px;
}
.power-project .top-content .tab-btn-box .product-tab-btns li.active-btn,
.power-project .top-content .tab-btn-box .product-tab-btns li:hover {
background: #df6512;
}
.power-project .top-content .tab-btn-box .product-tab-btns li {
position: relative;
float: left;
font-size: 16px;
color: #fff;
text-transform: uppercase;
padding: 2px 10px;
text-align: center;
background: transparent;
cursor: pointer;
transition: all 500ms ease;
}
.power-project .project-block-five .inner-box {
position: relative;
display: block;
text-align: center;
overflow: hidden;
}
.power-project .project-block-five .inner-box .image-box {
position: relative;
display: block;
background: #001e57;
overflow: hidden;
}
.power-project .project-block-five .inner-box img {
width: 100%;
transform: scale(1.0);
-webkit-transition-delay: .3s;
transition-delay: .3s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .6s;
transition-duration: .6s;
-webkit-transition-property: all;
transition-property: all;
}
.power-project .project-block-five:hover .inner-box img {
opacity: 0.5;
transform: scale(1.2) rotate(0deg);
}
.power-project .owl-dots,
.power-project .owl-nav {
display: none;
}
.power-project .project-block-five .inner-box .image-box:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0px;
top: 0px;
right: 0px;
box-shadow: inset 0px -140px 50px -40px rgba(0, 0, 0, 0.7);
z-index: 1;
transition: all 500ms ease;
}
.power-project .project-block-five .inner-box .content-box {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
padding: 70px 60px 40px 60px;
z-index: 1;
}
.power-project .project-block-five .inner-box .content-box h4 {
position: relative;
display: inline-block;
font-size: 20px;
line-height: 32px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
transition: all 500ms ease;
}
.power-project .project-block-five .inner-box .content-box h4 a {
position: relative;
display: inline-block;
color: #fff;
}
.power-project .project-block-five:hover .inner-box .content-box h4,
.power-project .project-block-five:hover .inner-box .content-box h4 a {
color: #df6512;
}
.power-project .lower-content {
position: relative;
display: block;
background: #001e57;
padding: 40px 0px 44px 0px;
}
.power-project .lower-content .inner-box h3 {
position: relative;
display: block;
font-size: 24px;
line-height: 32px;
color: #fff;
max-width: 800px;
width: 100%;
}
.power-project .lower-content .inner-box .btn-box a {
position: relative;
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #0c0d24;
text-transform: uppercase;
text-align: center;
background: #fff;
border-radius: 30px;
padding: 12px 40px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.power-project .lower-content .inner-box .btn-box a:hover {
transform: translateY(-5px);
}
.power-project .lower-content .inner-box .btn-box {
position: relative;
margin-top: 10px;
} .power-testimonial {
position: relative;
padding: 100px 0px;
}
.power-testimonial .testimonials-content {
position: relative;
background: #fff;
padding: 28px 30px 29px 32px;
border: 1px solid #f5f5f5;
margin-top: 20px;
transition: all 500ms ease;
}
.power-testimonial .testimonials-content:hover {
border-color: #001e57;
}
.power-testimonial .testimonials-content .text {
position: relative;
font-style: italic;
line-height: 25px;
}
.power-testimonial .author-info {
position: relative;
margin-bottom: 19px;
}
.power-testimonial .owl-theme .owl-controls {
display: none !important;
}
.power-testimonial .author-info .author,
.power-testimonial .author-info .author-img {
position: relative;
display: inline-block;
}
.power-testimonial .author-info .author-img {
overflow: hidden;
border-radius: 50%;
width: 94px;
height: 94px;
float: right;
margin-top: -48px;
right: 20px;
box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
}
.power-testimonial .author-info .author-img img {
width: 100%;
border-radius: 50%;
}
.power-testimonial .author-info .author h4 {
position: relative;
font-size: 18px;
line-height: 26px;
color: #222;
font-weight: 700;
}
.power-testimonial .author-info .author .designation {
position: relative;
font-size: 14px;
}
.power-testimonial .sec-title {
margin-bottom: 80px;
} .power-news {
position: relative;
padding: 100px 0px 50px 0px;
}
.power-news .power-news-block {
position: relative;
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.10);
}
.power-news .power-news-block .inner-box .lower-content {
position: relative;
display: block;
padding: 32px 30px 34px 25px;
}
.power-news .power-news-block .lower-content .info-box {
position: relative;
display: block;
margin-bottom: 15px;
}
.power-news .power-news-block .lower-content .info-box li {
position: relative;
display: inline-block;
margin-right: 25px;
font-size: 16px;
font-weight: 500;
}
.power-news .power-news-block .lower-content .info-box li:last-child {
margin-right: 0px;
}
.power-news .power-news-block .inner-box .lower-content .info-box li.author {
padding: 6px 0px 7px 50px;
font-size: 18px;
font-weight: 500;
color: #2e2e2e;
}
.power-news .power-news-block .inner-box .lower-content .info-box li.author .thumb-box {
position: absolute;
left: 0px;
top: 0px;
width: 35px;
height: 35px;
border-radius: 50%;
}
.power-news .power-news-block .inner-box .lower-content .info-box li.author .thumb-box img {
width: 100%;
border-radius: 50%;
}
.power-news .power-news-block .inner-box .lower-content .info-box li i {
position: relative;
font-size: 14px;
margin-right: 8px;
}
.power-news .power-news-block .inner-box .lower-content h3 {
position: relative;
display: block;
font-size: 24px;
line-height: 30px;
color: #222;
font-weight: 700;
margin-bottom: 10px;
}
.power-news .power-news-block .inner-box .lower-content h3 a {
display: inline-block;
color: #222;
}
.power-news .power-news-block .inner-box .lower-content h3 a:hover,
.power-news .power-news-block .inner-box .lower-content .link a:hover {
color: #df6512;
}
.power-news .power-news-block .inner-box .lower-content .text {
position: relative;
margin-bottom: 20px;
}
.power-news .power-news-block .inner-box .lower-content .link a {
position: relative;
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #001e57;
}
.power-news .power-news-block .inner-box .lower-content .link i {
position: relative;
margin-left: 8px;
top: 1px;
}
.power-news .power-news-block .image-box {
position: relative;
display: block;
background: #001e57;
overflow: hidden;
}
.power-news .power-news-block .image-box img {
width: 100%;
transition: all 500ms ease;
}
.power-news .power-news-block:hover .image-box img {
transform: scale(1.05);
opacity: 0.2;
}  .about-car_factory {
position: relative;
padding: 100px 0px;
}
.about-car_factory .content-box h3 {
position: relative;
line-height: 40px;
font-size: 30px;
color: #222;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.about-car_factory .content-box h6 {
position: relative;
line-height: 24px;
font-size: 16px;
color: #222;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
}
.about-car_factory .content-box .text {
position: relative;
margin-bottom: 20px;
}
.about-car_factory .content-box .author {
position: relative;
display: block;
font-size: 15px;
font-weight: 600;
color: #001e57;
font-style: italic;
margin-bottom: 10px;
}
.about-car_factory .image-box {
position: relative;
display: block;
margin-right: 30px;
}
.about-car_factory .image-box img {
width: 100%;
} .service-car_factory {
position: relative;
padding: 100px 0px;
background: #fafbfd;
}
.service-car_factory .car-service-block .image-box {
position: relative;
display: block;
background: #001e57;
overflow: hidden;
}
.service-car_factory .car-service-block .image-box img {
width: 100%;
transition: all 500ms ease;
}
.service-car_factory .car-service-block:hover .image-box img {
transform: scale(1.05);
opacity: 0.2;
}
.service-car_factory .car-service-block .lower-content {
position: relative;
padding-top: 25px;
margin-right: 10px;
}
.service-car_factory .car-service-block .lower-content h3 {
position: relative;
display: block;
font-size: 24px;
line-height: 30px;
color: #222;
font-weight: 700;
margin-bottom: 10px;
}
.service-car_factory .car-service-block .lower-content h3 a {
display: inline-block;
color: #222;
}
.service-car_factory .car-service-block .lower-content h3 a:hover,
.service-car_factory .car-service-block .lower-content .link a:hover {
color: #df6512;
}
.service-car_factory .car-service-block .lower-content .text {
position: relative;
margin-bottom: 20px;
}
.service-car_factory .car-service-block .lower-content .link a {
position: relative;
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #001e57;
}
.service-car_factory .sec-title {
margin-bottom: 50px;
} .car-video {
position: relative;
padding: 120px 0px 130px 0px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.car-video:before {
position: absolute;
content: '';
background: rgba(0, 30, 87, 0.8);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
right: 0px;
}
.car-video .inner-box {
position: relative;
display: block;
text-align: center;
}
.car-video .inner-box h1 {
position: relative;
font-size: 50px;
line-height: 60px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 60px;
} .car-shop {
position: relative;
padding: 100px 0px 70px 0px;
}
.car-shop .sec-title {
margin-bottom: 55px;
}
.car-shop .car-shop-block {
position: relative;
margin-bottom: 30px;
}
.car-shop .car-shop-block .image-holder {
position: relative;
background: #001e57;
overflow: hidden;
}
.car-shop .car-shop-block .image-holder .image-box img {
width: 100%;
transition: all 500ms ease;
}
.car-shop .car-shop-block:hover .image-holder .image-box img {
opacity: 0.2;
transform: scale(1.05);
}
.car-shop .car-shop-block .image-holder .content-box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.car-shop .car-shop-block .image-holder .content-box a {
position: relative;
display: inline-block;
font-size: 18px;
color: #df6512;
background: #fff;
font-weight: 600;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
margin: 0px 5px;
opacity: 0;
}
.car-shop .car-shop-block:hover .image-holder .content-box a {
opacity: 1;
transform: translateX(0px) !important;
}
.car-shop .car-shop-block .image-holder .content-box a:hover {
background: #df6512;
color: #fff;
}
.car-shop .car-shop-block .image-holder .content-box a:first-child {
transform: translateX(-15px);
}
.car-shop .car-shop-block .image-holder .content-box a:last-child {
transform: translateX(15px);
}
.car-shop .car-shop-block .lower-content {
position: relative;
padding: 25px 30px;
background: #fafbfd;
}
.car-shop .car-shop-block .lower-content h3 {
position: relative;
display: block;
font-size: 24px;
line-height: 30px;
color: #222;
font-weight: 700;
margin-bottom: 10px;
}
.car-shop .car-shop-block .lower-content h3 a {
display: inline-block;
color: #222;
}
.car-shop .car-shop-block .lower-content h3 a:hover {
color: #df6512;
}
.car-shop .car-shop-block .lower-content .price {
position: relative;
font-size: 18px;
font-weight: 600;
color: #df6512;
} .car_factory-testimonial {
position: relative;
padding: 100px 0px 100px 0px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.car_factory-testimonial:before {
position: absolute;
content: '';
background: rgba(0, 30, 87, 0.9);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
right: 0px;
}
.car_factory-testimonial .client-thumb-outer {
position: relative;
max-width: 270px;
margin: 0 auto;
overflow: hidden;
padding-top: 43px;
}
.car_factory-testimonial .client-thumb-outer .client-thumbs-carousel {
position: relative;
max-width: 80px;
margin: 0 auto;
margin-bottom: 5px;
}
.car_factory-testimonial .client-thumb-outer .client-thumbs-carousel .owl-stage-outer {
overflow: visible;
}
.car_factory-testimonial .client-thumb-outer .client-thumbs-carousel .thumb-item {
position: relative;
width: 80px;
border-radius: 50%;
margin: 0 auto;
}
.car_factory-testimonial .client-thumb-outer .thumb-item .thumb-box {
width: 80px;
height: 80px;
cursor: pointer;
overflow: hidden;
border-radius: 50%;
background: #001e57;
}
.car_factory-testimonial .client-thumb-outer .owl-item.active .thumb-item img {
opacity: 0.2;
}
.car_factory-testimonial .client-thumb-outer .client-thumbs-carousel .thumb-item img {
overflow: hidden;
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
transition: all 500ms ease;
}
.car_factory-testimonial .testimonial-block .text {
color: #fff;
}
.car_factory-testimonial .testimonial-block .author h5 {
position: relative;
display: block;
font-size: 18px;
line-height: 26px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
.car_factory-testimonial .testimonial-block .author .designation {
position: relative;
font-size: 16px;
line-height: 24px;
color: #df6512;
}
.car_factory-testimonial .sec-title {
margin-bottom: 55px;
} .car_factory-team {
position: relative;
padding-top: 100px;
}
.car_factory-team .car-team-block .image-holder {
position: relative;
display: block;
background: #001e57;
overflow: hidden;
}
.car_factory-team .car-team-block .image-holder img {
width: 100%;
transition: all 500ms ease;
}
.car_factory-team .car-team-block:hover .image-holder img {
opacity: 0.2;
transform: scale(1.05);
}
.car_factory-team .car-team-block .image-holder .social-links {
position: absolute;
left: 0px;
bottom: 20px;
width: 100%;
text-align: center;
transform: scale(0, 0);
transition: all 1500ms ease;
}
.car_factory-team .car-team-block:hover .image-holder .social-links {
transform: scale(1, 1);
}
.car_factory-team .car-team-block .image-holder .social-links li {
position: relative;
display: inline-block;
margin: 0px 3px;
}
.car_factory-team .car-team-block .image-holder .social-links li a {
position: relative;
display: inline-block;
font-size: 14px;
background: #fff;
color: #001e57;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
}
.car_factory-team .car-team-block .image-holder .social-links li a:hover {
background: #df6512;
color: #fff;
}
.car_factory-team .car-team-block .lower-content h4 {
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: #222;
transition: all 500ms ease;
}
.car_factory-team .car-team-block .lower-content h4 a {
display: inline-block;
color: #222;
}
.car_factory-team .car-team-block:hover .lower-content h4,
.car_factory-team .car-team-block:hover .lower-content h4 a {
color: #fff;
}
.car_factory-team .team-block {
margin: 0px;
}  .main-slider.style-six .link-box .theme-btn {
float: none;
}
.main-slider.style-six .metis.tparrows {
display: none !important;
}
.main-slider .tp-bullet {
background: transparent;
border: 2px solid #fff;
border-radius: 50%;
transition: all 500ms ease;
}
.main-slider .tp-bullet.selected,
.main-slider .tp-bullet:hover {
border-color: #df6512;
background: #df6512;
} .fabrics-section {
position: relative;
display: block;
padding: 100px 0px;
}
.fabrics-section .single-item-carousel .owl-dots {
display: none;
}
.fabrics-section .single-item-carousel .owl-nav {
position: absolute;
left: 0px;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
background: #fff;
padding: 32px 40px 12px 40px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.fabrics-section .single-item-carousel .owl-nav .owl-prev,
.fabrics-section .single-item-carousel .owl-nav .owl-next {
position: relative;
display: inline-block;
font-size: 30px;
font-weight: 600;
margin: 0px 10px;
color: #d0d0d7;
cursor: pointer;
transition: all 500ms ease;
}
.fabrics-section .single-item-carousel .slide-item img {
width: 100%;
}
.fabrics-section .single-item-carousel .owl-nav .owl-prev:hover,
.fabrics-section .single-item-carousel .owl-nav .owl-next:hover {
color: #df6512;
}
.fabrics-section .content-box .top-text {
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #df6512;
font-weight: 700;
margin-bottom: 10px;
}
.fabrics-section .content-box h1 {
position: relative;
display: block;
font-size: 40px;
line-height: 48px;
color: #222;
font-weight: 700;
margin-bottom: 11px;
}
.fabrics-section .content-box .text {
position: relative;
display: block;
margin-bottom: 25px;
}
.fabrics-section .content-box {
position: relative;
display: block;
margin-left: 45px;
} .fabric_textile-shop {
position: relative;
padding: 100px 0px 120px 0px;
background: #fafbfd;
}
.fabric_textile-shop .fabric-shop-block {
position: relative;
margin-bottom: 30px;
}
.fabric_textile-shop .fabric-shop-block .image-holder {
position: relative;
background: #001e57;
overflow: hidden;
}
.fabric_textile-shop .fabric-shop-block .image-holder .image-box img {
width: 100%;
transition: all 500ms ease;
}
.fabric_textile-shop .fabric-shop-block:hover .image-holder .image-box img {
opacity: 0.2;
transform: scale(1.05);
}
.fabric_textile-shop .fabric-shop-block .image-holder .content-box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.fabric_textile-shop .fabric-shop-block .image-holder .content-box a {
position: relative;
display: inline-block;
font-size: 18px;
color: #df6512;
background: #fff;
font-weight: 600;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
margin: 0px 5px;
opacity: 0;
}
.fabric_textile-shop .fabric-shop-block:hover .image-holder .content-box a {
opacity: 1;
transform: translateX(0px) !important;
}
.fabric_textile-shop .fabric-shop-block .image-holder .content-box a:hover {
background: #df6512;
color: #fff;
}
.fabric_textile-shop .fabric-shop-block .image-holder .content-box a:first-child {
transform: translateX(-15px);
}
.fabric_textile-shop .fabric-shop-block .image-holder .content-box a:last-child {
transform: translateX(15px);
}
.fabric_textile-shop .fabric-shop-block .lower-content {
position: relative;
padding: 25px 30px;
background: #fff;
}
.fabric_textile-shop .fabric-shop-block .lower-content h4 {
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
color: #222;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 10px;
}
.fabric_textile-shop .fabric-shop-block .lower-content h4 a {
display: inline-block;
color: #222;
}
.fabric_textile-shop .fabric-shop-block .lower-content h4 a:hover {
color: #df6512;
}
.fabric_textile-shop .fabric-shop-block .lower-content .quantity {
position: relative;
font-size: 18px;
font-weight: 600;
color: #df6512;
} .fabric_textile-service {
position: relative;
padding: 100px 0px;
background: #001e57;
}
.fabric_textile-service .fabric-service-block .inner-box {
position: relative;
display: block;
background: #fff;
}
.fabric_textile-service .fabric-service-block .inner-box .image-box {
position: relative;
display: block;
background: #001e57;
overflow: hidden;
}
.fabric_textile-service .fabric-service-block .inner-box .image-box img {
width: 100%;
transition: all 500ms ease;
}
.fabric_textile-service .fabric-service-block:hover .inner-box .image-box img {
opacity: 0.2;
transform: scale(1.05);
}
.fabric_textile-service .fabric-service-block .inner-box .lower-content {
position: relative;
padding: 25px 30px;
}
.fabric_textile-service .fabric-service-block .inner-box .lower-content h3 {
position: relative;
display: block;
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #222;
margin-bottom: 10px;
}
.fabric_textile-service .fabric-service-block .inner-box .lower-content h3 a {
display: inline-block;
color: #222;
}
.fabric_textile-service .fabric-service-block .inner-box .lower-content h3 a:hover {
color: #df6512;
}
.fabric_textile-service .fabric-service-block .inner-box .lower-content .text {
position: relative;
margin-bottom: 20px;
}
.fabric_textile-service .fabric-service-block .inner-box .lower-content .link a {
position: relative;
display: inline-block;
font-size: 16px;
color: #001e57;
font-weight: 600;
}
.fabric_textile-service .fabric-service-block .inner-box .lower-content .link a i {
position: relative;
margin-left: 8px;
top: 1px;
}
.fabric_textile-service .fabric-service-block .inner-box .lower-content .link a:hover {
color: #df6512;
}
.fabric_textile-service .sec-title {
margin-bottom: 55px;
}
.pad_bottom_100 {
padding-bottom: 100px !important;
}
ul.product-tab-btns.project-btn.tab-btns.clearfix.post-filter{
list-style: none !important;
}
.main-slider .border-layer:before{
top: -12px !important;
height: 12px;
}
.custom-icon br {
display:none;
}
.main-slider .icons-box .icon {
position: relative;
float: left;
display: block;
color: #ffffff;
font-size: 52px;
line-height: 56px;
margin-right: 35px;
font-weight: 400;
}
.tp-title-wrap {
display: none;
}
#rev_slider_15_1_wrapper .hebe.tparrows:before{
transform:scale(0.8);
transition: all 0.3s;
}
#Home_Oil_Gas .hebe.tparrows:before{
transform:scale(0.8);
transition: all 0.3s;
}
#rev_slider_18_1_wrapper .hebe.tparrows:before{
transform:scale(0.8);
transition: all 0.3s;
}
#Home_Power_Energy
.hebe.tparrows:before{
transform:scale(0.8);
transition: all 0.3s;
}
#Home_Car_Factory
.hebe.tparrows:before{
transform:scale(0.8);
transition: all 0.3s;
}
#Home_Construction
.hebe.tparrows:before{
transform:scale(0.8);
transition: all 0.3s;
}
#Home_Industry
.hebe.tparrows:before{
transform:scale(0.8);
transition: all 0.3s;
}
#home_factory
.hebe.tparrows:before{
transform:scale(0.8);
transition: all 0.3s;
}
#rev_slider_15_1_wrapper .hebe.tparrows.tp-leftarrow:hover::before,
#rev_slider_15_1_wrapper .hebe.tparrows.tp-rightarrow:hover::before{
transform:scale(1);
}
#Home_Industry
.hebe.tparrows.tp-rightarrow:hover::before{
transform:scale(1);
}
#Home_Oil_Gas .hebe.tparrows.tp-leftarrow:hover::before,
#Home_Oil_Gas .hebe.tparrows.tp-rightarrow:hover::before{
transform:scale(1);
}
#rev_slider_18_1_wrapper .hebe.tparrows.tp-leftarrow:hover::before,
#rev_slider_18_1_wrapper .hebe.tparrows.tp-rightarrow:hover::before{
transform:scale(1);
}
#Home_Power_Energy .hebe.tparrows.tp-leftarrow:hover::before,
#Home_Power_Energy .hebe.tparrows.tp-rightarrow:hover::before{
transform:scale(1);
}
#Home_Car_Factory .hebe.tparrows.tp-leftarrow:hover::before,
#Home_Car_Factory .hebe.tparrows.tp-rightarrow:hover::before{
transform:scale(1);
}
#Home_Construction .hebe.tparrows.tp-leftarrow:hover::before,
#Home_Construction .hebe.tparrows.tp-rightarrow:hover::before{
transform:scale(1);
}
#home_factory .hebe.tparrows.tp-leftarrow:hover::before,
#home_factory .hebe.tparrows.tp-rightarrow:hover::before{
transform:scale(1);
}
span.tp-bullet-image {
display: none;
}
span.tp-bullet-imageoverlay {
display: none;
}
span.tp-bullet-title {
display: none;
}
.zeus .tp-bullet{
border: 2px solid #fff !important;
}
rs-bullet.tp-bullet.selected {
border: 2px solid #df6512 !important;
}
@media (max-width: 768px) {
.hide_break br {
display: none;
}
.hebe.tparrows:before{
font-size:15px !important;
}
#home_factory .hebe.tparrows:before {
line-height: 50px !important;
min-width: 50px !important;
min-height: 50px !important;
}
#home_factory .hebe.tparrows {
min-width: 50px !important;
min-height: 50px !important;
}
}
@media (max-width: 480px) {
a.theme-btn.btn-style-six {
font-size: 12px;
padding: 10px 15px !important;
}
a.theme-btn.btn-style-two {
font-size: 12px;
padding: 10px 15px !important;
}
rs-module#rev_slider_15_1 {
height: 480px !important;
}
.lower_case{
text-transform:capitalize !important;
}
}