/*---------------------------
Fonts
----------------------------*/
@import url("../../css.html");
/*--------------------------------------------------------------
#0.1 Theme Reset Style
--------------------------------------------------------------*/
html {
font-size: 15px;
}
body {
font-family: "Hind", sans-serif;
background-color: #fff;
font-size: 14px;
font-size: 0.93333rem;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
@media (max-width: 767px) {
body {
font-size: 14px;
}
}
p {
color: #787879;
font-family: 'Roboto',sans-serif;
font-size: 14px;
line-height: 25px;
font-style: normal;
text-align: justify;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Poppins", sans-serif;
font-weight: bold;
color: #012f5c;
}
ul {
list-style-position: inside;
padding-left: 0;
margin: 0;
}
a {
text-decoration: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
a:hover,
a:focus {
text-decoration: none;
}
img {
max-width: 100%;
}
/*--------------------------------------------------------------
#0.2 Global Elements
--------------------------------------------------------------*/
.page-wrapper {
position: relative;
overflow: hidden;
}
.wow {
visibility: hidden;
}
.fi:before {
margin: 0;
}
.section-padding {
padding: 32px 0;
}
@media (max-width: 767px) {
.section-padding {
padding: 70px 0;
}
}
/*** contact form error handling ***/
.contact-validation-active .error-handling-messages {
width: 100%;
padding: 15px 15px 0;
clear: both;
}
.services-container {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 50px;
}
.service {
width: 300px;
border: 2px solid #ccc;
border-radius: 10px;
margin-bottom: 30px;
padding: 20px;
text-align: center;
}
.service h3 {
margin-top: 0;
}
.service p {
margin-bottom: 20px;
}
.icon {
font-size: 40px;
margin-bottom: 20px;
}
.contact-validation-active label.error {
color: red !important;
font-size: 0.93333rem;
font-weight: normal;
margin: 5px 0 0 0;
}
.contact-validation-active #loader,
.contact-validation-active #loader-2 {
display: none;
margin-top: 10px;
}
.contact-validation-active #success,
.contact-validation-active #success-2,
.contact-validation-active #error,
.contact-validation-active #error-2 {
width: 100%;
color: #fff;
padding: 5px 10px;
font-size: 16px;
text-align: center;
display: none;
}
@media (max-width: 767px) {
.contact-validation-active #success,
.contact-validation-active #success-2,
.contact-validation-active #error,
.contact-validation-active #error-2 {
font-size: 15px;
}
}
.contact-validation-active #success,
.contact-validation-active #success-2 {
background-color: #009a00;
border-left: 5px solid green;
margin-bottom: 5px;
}
.contact-validation-active #error,
.contact-validation-active #error-2 {
background-color: #ff1a1a;
border-left: 5px solid red;
}
.contact-validation-active #loader {
text-align: center;
color: #fff;
font-size: 8px;
font-size: 0.53333rem;
}
#contact-form-s2 #loader i {
color: #012f5c;
}
/*** back to top **/
.back-to-top {
/* background-color: rgba(253, 212, 21, 0.9); */
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
display: none;
position: fixed;
z-index: 999;
right: 15px;
bottom: 15px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
@media (max-width: 991px) {
.back-to-top {
width: 35px;
height: 35px;
line-height: 35px;
}
}
.back-to-top:hover {
background-color: #fdd415;
}
.back-to-top i {
font-size: 18px;
font-size: 1.2rem;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/** for popup image ***/
.mfp-wrap {
background-color: rgba(0, 0, 0, 0.9);
z-index: 99999;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
/*** for fancybox video ***/
.fancybox-overlay {
background: rgba(0, 0, 0, 0.9);
z-index: 9999 !important;
}
.fancybox-wrap {
z-index: 99999 !important;
}
/**** style for box layout ***/
.box-layout {
/*** style for box layout ***/
}
@media screen and (min-width: 1200px) {
.box-layout {
width: 100%;
height: 100%;
background: url("../images/body-bg.jpg") center center/auto repeat fixed;
}
}
@media screen and (min-width: 1200px) {
.box-layout .page-wrapper {
background-color: #fff;
width: 1250px;
margin: 50px auto 0;
}
}
.section-title, .section-title-s2, .section-title-s3, .section-title-s4, .section-title-s5 {
text-align: center;
margin: 0 0 45px;
}
.section-title h2, .section-title-s2 h2, .section-title-s3 h2, .section-title-s4 h2, .section-title-s5 h2 {
font-size: 36px;
font-size: 2.4rem;
line-height: 1em;
margin: 0;
padding-bottom: 0.47em;
position: relative;
}
@media (max-width: 991px) {
.section-title h2, .section-title-s2 h2, .section-title-s3 h2, .section-title-s4 h2, .section-title-s5 h2 {
font-size: 30px;
font-size: 2rem;
}
}
@media (max-width: 767px) {
.section-title h2, .section-title-s2 h2, .section-title-s3 h2, .section-title-s4 h2, .section-title-s5 h2 {
font-size: 25px;
font-size: 1.66667rem;
}
}
.section-title h2:after, .section-title-s2 h2:after, .section-title-s3 h2:after, .section-title-s4 h2:after, .section-title-s5 h2:after {
content: "";
background-color: #fdd415;
width: 30px;
height: 5px;
border-radius: 5px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
}
.section-title-s2 {
text-align: left;
}
.section-title-s2 h2 {
line-height: 1.2em;
}
.section-title-s2 h2:after {
left: 0;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
.section-title-s3 h2, .section-title-s4 h2, .section-title-s5 h2 {
margin-bottom: 0.33em;
}
.section-title-s4, .section-title-s5 {
text-align: left;
}
@media (max-width: 991px) {
.section-title-s4, .section-title-s5 {
margin-bottom: 35px;
}
}
.section-title-s4 h2:after, .section-title-s5 h2:after {
left: 0;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
.section-title-s4 h2, .section-title-s5 h2,
.section-title-s4 p, .section-title-s5 p {
color: #fff;
}
.section-title-s5 h2 {
color: #012f5c;
}
.section-title-s5 p {
color: #999999;
}
.theme-btn, .theme-btn-s2 {
font-family: "Poppins", sans-serif;
background-color: #012f5c;
font-size: 16px;
font-size: 1.06667rem;
color: #fff;
padding: 12px 48px 12px 35px;
border: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
margin-top: 22px;
-ms-border-radius: 5px;
border-radius: 5px;
display: inline-block;
position: relative;
}
.theme-btn:after, .theme-btn-s2:after {
font-family: "FontAwesome";
content: "\f0da";
color: #fdd415;
position: absolute;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 991px) {
.theme-btn:after, .theme-btn-s2:after {
right: 15px;
}
}
@media (max-width: 1199px) {
.theme-btn, .theme-btn-s2 {
font-size: 14px;
font-size: 0.93333rem;
padding: 10px 40px 10px 25px;
}
}
@media (max-width: 991px) {
.theme-btn, .theme-btn-s2 {
font-size: 13px;
font-size: 0.86667rem;
margin-top: 22px;
padding: 9px 30px 9px 15px;
}
}
@media (max-width: 767px) {
.theme-btn, .theme-btn-s2 {
font-size: 12px;
font-size: 0.8rem;
padding: 8px 30px 8px 15px;
}
}
.theme-btn:hover, .theme-btn-s2:hover, .theme-btn:focus, .theme-btn-s2:focus, .theme-btn:active, .theme-btn-s2:active {
background-color: #fdd415;
color: #012f5c;
}
.theme-btn:hover:after, .theme-btn-s2:hover:after {
color: #012f5c;
}
.theme-btn-s2 {
background-color: #fdd415;
color: #012f5c;
}
.theme-btn-s2:after {
color: #012f5c;
}
.form input,
.form textarea,
.form select {
border-color: #bfbfbf;
border-radius: 0;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #595959;
}
.form input:focus,
.form textarea:focus,
.form select:focus {
border-color: #012f5c;
-webkit-box-shadow: 0 0 5px 0 #02498e;
-moz-box-shadow: 0 0 5px 0 #02498e;
-o-box-shadow: 0 0 5px 0 #02498e;
-ms-box-shadow: 0 0 5px 0 #02498e;
box-shadow: 0 0 5px 0 #02498e;
}
.form ::-webkit-input-placeholder {
font-style: 14px;
font-style: italic;
color: #595959;
}
.form :-moz-placeholder {
font-style: 14px;
font-style: italic;
color: #595959;
}
.form ::-moz-placeholder {
font-style: 14px;
font-style: italic;
color: #595959;
}
.form :-ms-input-placeholder {
font-style: 14px;
font-style: italic;
color: #595959;
}
.form select {
font-style: italic;
background: url(../images/select-icon.png) no-repeat calc(100% - 15px) center;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
cursor: pointer;
}
.form select::-ms-expand {
/* for IE 11 */
display: none;
}
.social-links {
overflow: hidden;
}
/******************************
#page title
******************************/
.page-title {
background: url("../images/pg-title/img-1.jpg") center center/cover no-repeat local;
width: 100%;
height: 250px;
text-align: center;
position: relative;
}
@media (max-width: 767px) {
.page-title {
height: 220px;
}
}
.page-title:before {
content: "";
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.page-title .container {
height: 100%;
display: table;
}
.page-title .container > .row {
vertical-align: middle;
display: table-cell;
}
.page-title h2,
.page-title ol {
color: #fff;
}
.page-title h2 {
font-size: 48px;
font-size: 3.2rem;
font-weight: 800;
margin: 1em 0 0.23em;
}
@media (max-width: 1199px) {
.page-title h2 {
font-size: 42px;
font-size: 2.8rem;
}
}
@media (max-width: 991px) {
.page-title h2 {
font-size: 35px;
font-size: 2.33333rem;
}
}
@media (max-width: 767px) {
.page-title h2 {
font-size: 28px;
font-size: 1.86667rem;
font-weight: bold;
}
}
.page-title .breadcrumb {
background-color: transparent;
padding: 0;
}
@media (max-width: 767px) {
.page-title .breadcrumb {
text-align: center;
}
}
.page-title .breadcrumb li {
font-size: 18px;
font-size: 1.2rem;
color: #fdd415;
margin-right: 5px;
}
@media (max-width: 991px) {
.page-title .breadcrumb li {
font-size: 15px;
font-size: 1rem;
}
}
.page-title .breadcrumb li a {
color: #fff;
}
.page-title .breadcrumb li a:hover {
color: #fdd415;
}
.page-title .breadcrumb > li + li:before {
font-family: "FontAwesome";
content: "\f105";
color: #fff;
margin-right: 5px;
}
.preloader {
background-color: #fff;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 100000;
}
.preloader .inner {
width: 55px;
height: 15px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.preloader span {
background-color: #0263c1;
width: 9px;
height: 5px;
position: absolute;
top: 0;
display: block;
-webkit-animation: preloader-animation 1.5s infinite ease-in-out;
animation: preloader-animation 1.5s infinite ease-in-out;
}
.preloader .inner > span:nth-child(2) {
left: 11px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.preloader .inner > span:nth-child(3) {
left: 22px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.preloader .inner > span:nth-child(4) {
left: 33px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.preloader .inner > span:nth-child(5) {
left: 44px;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
@keyframes preloader-animation {
0%, 100%, 50% {
height: 5px;
-webkit-transform: translateY(0);
transform: translateY(0);
background: #0263c1;
}
25% {
height: 30px;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
background: #012f5c;
}
}
@-webkit-keyframes preloader-animation {
0%, 100%, 50% {
height: 5px;
-webkit-transform: translateY(0);
transform: translateY(0);
background: #0263c1;
}
25% {
height: 30px;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
background: #012f5c;
}
}
/************************************
service grid
**********************************/
.service-grids .img-details-link {
margin-bottom: 30px;
position: relative;
}
@media (max-width: 991px) {
.service-grids .img-details-link {
margin-bottom: 20px;
}
}
.service-grids .img-details-link:hover .details-link {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.service-grids .img-details-link:hover .details-link a {
top: 50%;
}
.service-grids .details-link {
background-color: rgba(1, 47, 92, 0.8);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0.5, 0.5);
-ms-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
opacity: 0;
}
.service-grids .details-link a {
background-color: #fdd415;
font-size: 20px;
font-size: 1.33333rem;
color: #012f5c;
padding: 5px 10px;
border-radius: 5px;
position: absolute;
left: 50%;
top: 0%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 1199px) {
.service-grids .details-link a {
font-size: 16px;
font-size: 1.06667rem;
padding: 5px 8px;
}
}
.service-grids .service-details h3 {
font-size: 24px;
font-size: 1.6rem;
font-weight: 600;
margin: 0 0 0.9em;
padding-bottom: 0.4em;
position: relative;
}
@media (max-width: 1199px) {
.service-grids .service-details h3 {
font-size: 20px;
font-size: 1.33333rem;
}
}
@media (max-width: 991px) {
.service-grids .service-details h3 {
font-size: 18px;
font-size: 1.2rem;
}
}
@media (max-width: 767px) {
.service-grids .service-details h3 {
font-size: 16px;
font-size: 1.06667rem;
}
}
.service-grids .service-details h3:after {
background-color: #fdd415;
content: "";
width: 27px;
height: 4px;
border-radius: 5px;
position: absolute;
left: 0;
bottom: 0;
}
.service-grids .service-details p {
margin-bottom: 0;
}
/*** services-s2-grids ***/
.services-s2-grids .grid {
position: relative;
}
.services-s2-grids .grid .inner {
padding-left: 85px;
}
@media (max-width: 767px) {
.services-s2-grids .grid .inner {
padding-left: 65px;
}
}
.services-s2-grids .icon {
width: 85px;
height: 85px;
line-height: 85px;
text-align: center;
border: 2px solid #fdd415;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 1199px) {
.services-s2-grids .icon {
width: 75px;
height: 75px;
line-height: 75px;
}
}
@media (max-width: 991px) {
.services-s2-grids .icon {
left: 15px;
}
}
@media (max-width: 767px) {
.services-s2-grids .icon {
width: 50px;
height: 50px;
line-height: 50px;
}
}
.services-s2-grids .icon .fi:before {
font-size: 45px;
font-size: 3rem;
color: #012f5c;
}
@media (max-width: 767px) {
.services-s2-grids .icon .fi:before {
font-size: 27px;
font-size: 1.8rem;
}
}
.services-s2-grids .grid h3 {
font-size: 24px;
font-size: 1.6rem;
margin: 0.3em 0 0.5em;
}
@media (max-width: 1199px) {
.services-s2-grids .grid h3 {
font-size: 18px;
font-size: 1.2rem;
}
}
@media (max-width: 767px) {
.services-s2-grids .grid h3 {
font-size: 16px;
font-size: 1.06667rem;
margin: 0.2em 0 0.5em;
}
}
.services-s2-grids .grid h3 a {
color: #012f5c;
}
.services-s2-grids .grid h3 a:hover {
color: #fdd415;
}
.services-s2-grids .grid p {
margin: 0;
}
/***********************
service s2 grids
*************************/
.services-grid-s2 {
/** hover **/
}
.services-grid-s2 .grid {
text-align: center;
padding: 50px 35px;
border: 1px solid #d9d9d9;
border-radius: 5px;
position: relative;
}
@media (max-width: 991px) {
.services-grid-s2 .grid {
padding: 35px 20px;
}
}
.services-grid-s2 .grid .icon,
.services-grid-s2 .grid .details {
position: relative;
z-index: 2;
}
.services-grid-s2 .grid .icon {
background-color: #012f5c;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;
margin: 0 auto 35px;
}
@media (max-width: 991px) {
.services-grid-s2 .grid .icon {
width: 80px;
height: 80px;
line-height: 80px;
}
}
.services-grid-s2 .grid .fi:before {
font-size: 45px;
font-size: 3rem;
color: #fdd415;
}
@media (max-width: 991px) {
.services-grid-s2 .grid .fi:before {
font-size: 35px;
font-size: 2.33333rem;
}
}
.services-grid-s2 .grid h3 {
font-size: 24px;
font-size: 1.6rem;
margin: 0 0 0.83em;
padding-bottom: 0.42em;
position: relative;
}
@media (max-width: 991px) {
.services-grid-s2 .grid h3 {
font-size: 20px;
font-size: 1.33333rem;
}
}
@media (max-width: 767px) {
.services-grid-s2 .grid h3 {
font-size: 18px;
font-size: 1.2rem;
}
}
.services-grid-s2 .grid h3:after {
content: "";
background-color: #fdd415;
width: 28px;
height: 4px;
border-radius: 5px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.services-grid-s2 .read-more {
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #012f5c;
display: inline-block;
margin-top: 1.2em;
}
.services-grid-s2 .read-more:hover {
color: #fdd415;
}
.services-grid-s2 .hover-grid {
background: url("../images/services-s2-grid-bg.jpg") center center/cover no-repeat local;
}
.services-grid-s2 .grid:hover .hover-grid {
opacity: 1;
}
.services-grid-s2 .grid:hover .hover-grid span {
height: 100%;
opacity: 1;
}
.services-grid-s2 .grid:hover h3,
.services-grid-s2 .grid:hover p {
color: #fff;
}
.services-grid-s2 .grid:hover .read-more {
color: #fdd415;
}
.hover-grid {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.hover-grid span {
background-color: rgba(1, 47, 92, 0.9);
width: 33.33%;
height: 10%;
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hover-grid span:nth-child(2) {
left: 33.33%;
height: 20%;
-webkit-transition: all 0.3s 0.1s ease-in-out;
-o-transition: all 0.3s 0.1s ease-in-out;
transition: all 0.3s 0.1s ease-in-out;
}
.hover-grid span:nth-child(3) {
left: 66.66%;
height: 30%;
-webkit-transition: all 0.3s 0.2s ease-in-out;
-o-transition: all 0.3s 0.2s ease-in-out;
transition: all 0.3s 0.2s ease-in-out;
}
/************************************
projects grid
**********************************/
.projects-grid .inner {
position: relative;
text-align: center;
overflow: hidden;
width: 327px;
height: 256px;
}
.projects-grid .details {
background-color: #012f5c;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 80%;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.projects-grid .grid:hover .details {
top: 0;
opacity: 1;
}
.projects-grid .details-inner {
width: 100%;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.projects-grid .details ul li {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
border: 2px solid #fdd415;
border-radius: 50%;
position: relative;
opacity: 0;
-webkit-transition: all 0.3s 0.5s;
-webkit-transition: all 0.5s 0.3s;
-o-transition: all 0.5s 0.3s;
transition: all 0.5s 0.3s;
}
.projects-grid .details ul li:first-child {
margin-right: 10px;
top: -30px;
}
.projects-grid .details ul li:last-child {
margin-right: 10px;
top: -50px;
}
.projects-grid .grid:hover .details ul li:first-child,
.projects-grid .grid:hover .details ul li:last-child {
top: 0;
opacity: 1;
}
.projects-grid .details ul li a {
color: #fdd415;
display: block;
}
.projects-grid .details h3 {
font-size: 18px;
font-size: 1.2rem;
color: #fff;
text-transform: uppercase;
margin: 1em 0 0.5em;
}
@media (max-width: 991px) {
.projects-grid .details h3 {
font-size: 16px;
font-size: 1.06667rem;
}
}
.projects-grid .details p {
font-size: 12px;
font-size: 0.8rem;
color: #fff;
margin: 0;
}
/************************************
news grids
**********************************/
.news-grids .grid {
border: 1px solid #e5e5e5;
}
.news-grids .entry-media img {
border-radius: 5px;
}
.news-grids .entry-body {
padding: 30px 35px;
}
@media (max-width: 767px) {
.news-grids .entry-body {
padding: 20px 15px;
}
}
.news-grids .date {
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #999;
text-transform: uppercase;
}
@media (max-width: 1199px) {
.news-grids .date {
font-size: 12px;
font-size: 0.8rem;
}
}
.news-grids .entry-header h3 {
font-size: 20px;
font-size: 1.33333rem;
font-weight: 600;
margin: 0.2em 0 0.8em;
}
@media (max-width: 1199px) {
.news-grids .entry-header h3 {
font-size: 16px;
font-size: 1.06667rem;
}
}
.news-grids .entry-header h3 a {
color: #012f5c;
}
.news-grids .entry-header h3 a:hover {
color: #fdd415;
}
.news-grids .entry-meta {
padding-top: 15px;
overflow: hidden;
}
.news-grids .entry-meta .read-more,
.news-grids .entry-meta .comments {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-size: 1.06667rem;
font-weight: 600;
color: #012f5c;
}
@media (max-width: 1199px) {
.news-grids .entry-meta .read-more,
.news-grids .entry-meta .comments {
font-size: 13px;
font-size: 0.86667rem;
}
}
.news-grids .entry-meta .read-more:hover,
.news-grids .entry-meta .comments:hover {
color: #fdd415;
}
.news-grids .entry-meta .read-more {
float: left;
}
.news-grids .entry-meta .comments {
float: right;
color: #fdd415;
}
/************************************
progress bar
**********************************/
.skills > .skill + .skill {
margin-top: 40px;
}
@media (max-width: 991px) {
.skills > .skill + .skill {
margin-top: 25px;
}
}
.skill h6 {
font-size: 18px;
font-size: 1.2rem;
font-weight: 600;
margin: 0 0 0.56em;
}
@media (max-width: 991px) {
.skill h6 {
font-size: 15px;
font-size: 1rem;
}
}
.progress {
background-color: transparent;
height: 5px;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
overflow: visible;
}
.progress-bar {
background-color: #012f5c;
position: relative;
}
.progress-bar span {
font-family: "Poppins", sans-serif;
background-color: #fdd415;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 18px;
font-size: 1.2rem;
font-weight: 600;
color: #012f5c;
border-radius: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
}
@media (max-width: 991px) {
.progress-bar span {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
font-size: 0.93333rem;
}
}
/************************************
team grid
**********************************/
.certificats-grids .grid:hover .member-info {
background-color: #fdd415;
}
.certificats-grids .grid:hover .member-info h4,
.certificats-grids .grid:hover .member-info > span {
color: #012f5c;
}
.member-pic{
text-align: center;
width: auto;
height: 263px;
}
.certificats-grids .member-info {
background-color: #012f5c;
text-align: center;
padding: 13px 15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.certificats-grids .member-info h4 {
font-size: 18px;
font-size: 1.2rem;
font-weight: 600;
color: #fff;
margin: 0 0 8px;
}
@media (max-width: 767px) {
.certificats-grids .member-info h4 {
font-size: 16px;
font-size: 1.06667rem;
}
}
.certificats-grids .member-info > span {
color: #fdd415;
}
/************************************
pricing grids
**********************************/
.pricing-grids .grid {
border: 1px solid #cbcbcb;
border-radius: 5px;
padding: 48px 65px;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 767px) {
.pricing-grids .grid {
padding: 35px 25px;
}
}
.pricing-grids .pricing-header p {
margin: 0;
}
.pricing-grids .type {
color: #333;
text-transform: uppercase;
letter-spacing: 5px;
}
.pricing-grids h3 {
font-size: 36px;
font-size: 2.4rem;
margin: 0.55em 0 0.35em;
padding: 0 0 0.35em;
position: relative;
}
@media (max-width: 767px) {
.pricing-grids h3 {
font-size: 30px;
font-size: 2rem;
}
}
.pricing-grids h3:after {
content: "";
background-color: #fdd415;
width: 43px;
height: 5px;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pricing-grids .pricing-body {
margin-top: 25px;
}
.pricing-grids .pricing-body p {
margin-bottom: 2em;
color: #666666;
line-height: 2.57em;
}
.pricing-grids .center {
background-color: #012f5c;
border-radius: 5px;
-webkit-transform: scaleY(1.1);
-ms-transform: scaleY(1.1);
transform: scaleY(1.1);
}
.pricing-grids .center .type,
.pricing-grids .center h3 {
color: #fff;
}
.pricing-grids .center p {
color: #999;
}
.pricing-grids .center .theme-btn, .pricing-grids .center .theme-btn-s2 {
background-color: #fdd415;
color: #012f5c;
}
.pricing-grids .center .theme-btn:after, .pricing-grids .center .theme-btn-s2:after {
color: #012f5c;
}
.pricing-grids .grid:hover {
background-color: #012f5c;
}
.pricing-grids .grid:hover .type,
.pricing-grids .grid:hover h3 {
color: #fff;
}
.pricing-grids .grid:hover p {
color: #999;
}
.pricing-grids .grid:hover .theme-btn, .pricing-grids .grid:hover .theme-btn-s2 {
background-color: #fdd415;
color: #012f5c;
}
.pricing-grids .grid:hover .theme-btn:after, .pricing-grids .grid:hover .theme-btn-s2:after {
color: #012f5c;
}
/************************************
Service sidebar
**********************************/
.service-sidebar,
.case-study-sidebar {
/*** link wiget ***/
/*** contact widget ***/
/*** brochures-widget ***/
/*** case-link-widget ***/
/*** newsletter widget ***/
}
@media screen and (min-width: 992px) {
.service-sidebar,
.case-study-sidebar {
padding-right: 50px;
}
}
@media (max-width: 991px) {
.service-sidebar,
.case-study-sidebar {
margin-top: 60px;
}
}
.service-sidebar ul,
.case-study-sidebar ul {
list-style: none;
}
.service-sidebar h3,
.case-study-sidebar h3 {
font-size: 24px;
font-size: 1.6rem;
margin: 0 0 1em;
}
@media (max-width: 991px) {
.service-sidebar h3,
.case-study-sidebar h3 {
font-size: 20px;
font-size: 1.33333rem;
}
}
.service-sidebar > .widget + .widget,
.case-study-sidebar > .widget + .widget {
margin-top: 55px;
}
.service-sidebar .link-widget li,
.case-study-sidebar .link-widget li {
font-family: "Poppins", sans-serif;
background-color: #f0f0f1;
border-radius: 5px;
position: relative;
}
.service-sidebar .link-widget li:after,
.case-study-sidebar .link-widget li:after {
font-family: "FontAwesome";
content: "\f105";
font-size: 16px;
font-size: 1.06667rem;
color: #666;
position: absolute;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.service-sidebar .link-widget ul > li + li,
.case-study-sidebar .link-widget ul > li + li {
margin-top: 10px;
}
.service-sidebar .link-widget a,
.case-study-sidebar .link-widget a {
font-size: 16px;
font-size: 1.06667rem;
color: #666;
padding: 14px 25px;
display: block;
}
@media (max-width: 1199px) {
.service-sidebar .link-widget a,
.case-study-sidebar .link-widget a {
font-size: 14px;
font-size: 0.93333rem;
}
}
@media (max-width: 767px) {
.service-sidebar .link-widget a,
.case-study-sidebar .link-widget a {
padding: 10px 20px;
}
}
.service-sidebar .link-widget li:hover,
.service-sidebar .link-widget li.active,
.case-study-sidebar .link-widget li:hover,
.case-study-sidebar .link-widget li.active {
background-color: #012f5c;
}
.service-sidebar .link-widget li:hover a,
.service-sidebar .link-widget li.active a,
.case-study-sidebar .link-widget li:hover a,
.case-study-sidebar .link-widget li.active a {
color: #fdd415;
}
.service-sidebar .link-widget li:hover:after,
.service-sidebar .link-widget li.active:after,
.case-study-sidebar .link-widget li:hover:after,
.case-study-sidebar .link-widget li.active:after {
color: #fdd415;
}
.service-sidebar .contact-widget ul li,
.case-study-sidebar .contact-widget ul li {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-size: 1.06667rem;
color: #666;
line-height: 1.6em;
padding-left: 45px;
position: relative;
}
@media (max-width: 1199px) {
.service-sidebar .contact-widget ul li,
.case-study-sidebar .contact-widget ul li {
font-size: 14px;
font-size: 0.93333rem;
}
}
.service-sidebar .contact-widget ul > li + li,
.case-study-sidebar .contact-widget ul > li + li {
margin-top: 30px;
}
.service-sidebar .contact-widget ul li i,
.case-study-sidebar .contact-widget ul li i {
font-size: 16px;
font-size: 1.06667rem;
color: #012f5c;
position: absolute;
left: 0;
top: 4px;
}
.service-sidebar .brochures-widget p,
.case-study-sidebar .brochures-widget p {
font-size: 15px;
font-size: 1rem;
color: #666;
margin-bottom: 2em;
}
@media screen and (min-width: 1200px) {
.service-sidebar .brochures-widget p,
.case-study-sidebar .brochures-widget p {
padding-right: 45px;
}
}
.service-sidebar .brochures-widget .btns a,
.case-study-sidebar .brochures-widget .btns a {
font-family: "Poppins", sans-serif;
background-color: #f0f0f1;
font-size: 16px;
font-size: 1.06667rem;
color: #012f5c;
padding: 17px 32px;
margin-bottom: 15px;
display: block;
border-radius: 5px;
}
@media (max-width: 1199px) {
.service-sidebar .brochures-widget .btns a,
.case-study-sidebar .brochures-widget .btns a {
font-size: 14px;
font-size: 0.93333rem;
}
}
@media (max-width: 767px) {
.service-sidebar .brochures-widget .btns a,
.case-study-sidebar .brochures-widget .btns a {
padding: 10px 20px;
}
}
.service-sidebar .brochures-widget .btns i,
.case-study-sidebar .brochures-widget .btns i {
display: inline-block;
padding-right: 5px;
}
.service-sidebar .brochures-widget .btns a:last-child,
.case-study-sidebar .brochures-widget .btns a:last-child {
margin-bottom: 0;
}
.service-sidebar .brochures-widget .btns a:hover,
.case-study-sidebar .brochures-widget .btns a:hover {
background-color: #012f5c;
color: #fff;
}
.service-sidebar .brochures-widget .btns a:hover i,
.case-study-sidebar .brochures-widget .btns a:hover i {
color: #fdd415;
}
.service-sidebar .case-link-widget ul > li + li,
.case-study-sidebar .case-link-widget ul > li + li {
margin-top: 5px;
}
.service-sidebar .case-link-widget li a,
.case-study-sidebar .case-link-widget li a {
background-color: #f2f2f2;
font-family: "Poppins", sans-serif;
font-size: 18px;
font-size: 1.2rem;
color: #012f5c;
border-radius: 5px;
padding: 15px 20px;
display: block;
}
@media (max-width: 1199px) {
.service-sidebar .case-link-widget li a,
.case-study-sidebar .case-link-widget li a {
font-size: 15px;
font-size: 1rem;
}
}
@media (max-width: 991px) {
.service-sidebar .case-link-widget li a,
.case-study-sidebar .case-link-widget li a {
font-size: 14px;
font-size: 0.93333rem;
}
}
.service-sidebar .case-link-widget li.current a,
.service-sidebar .case-link-widget a:hover,
.case-study-sidebar .case-link-widget li.current a,
.case-study-sidebar .case-link-widget a:hover {
background-color: #fff;
color: #fdd415;
}
.service-sidebar .newsletter-widget,
.case-study-sidebar .newsletter-widget {
background-color: #f2f2f2;
padding: 35px 25px;
position: relative;
}
.service-sidebar .newsletter-widget:before,
.case-study-sidebar .newsletter-widget:before {
content: "";
background: url("../images/newsletter-env.png") center center/100% no-repeat local;
width: 113px;
height: 106px;
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 991px) {
.service-sidebar .newsletter-widget:before,
.case-study-sidebar .newsletter-widget:before {
width: 80px;
height: 75px;
}
}
.service-sidebar .newsletter-widget form ::-webkit-input-placeholder,
.case-study-sidebar .newsletter-widget form ::-webkit-input-placeholder {
font-style: 14px;
font-style: italic;
color: #a6a6a6;
}
.service-sidebar .newsletter-widget form :-moz-placeholder,
.case-study-sidebar .newsletter-widget form :-moz-placeholder {
font-style: 14px;
font-style: italic;
color: #a6a6a6;
}
.service-sidebar .newsletter-widget form ::-moz-placeholder,
.case-study-sidebar .newsletter-widget form ::-moz-placeholder {
font-style: 14px;
font-style: italic;
color: #a6a6a6;
}
.service-sidebar .newsletter-widget form :-ms-input-placeholder,
.case-study-sidebar .newsletter-widget form :-ms-input-placeholder {
font-style: 14px;
font-style: italic;
color: #a6a6a6;
}
.service-sidebar .newsletter-widget h3,
.case-study-sidebar .newsletter-widget h3 {
line-height: 1.2em;
margin: 0 0 2.7em;
}
@media (max-width: 767px) {
.service-sidebar .newsletter-widget h3,
.case-study-sidebar .newsletter-widget h3 {
margin: 0 0 2em;
}
}
.service-sidebar .newsletter-widget input,
.case-study-sidebar .newsletter-widget input {
height: 45px;
font-size: 1.06667rem;
border: 0;
padding: 0 15px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #fdd415;
border-radius: 10px;
}
@media (max-width: 767px) {
.service-sidebar .newsletter-widget input,
.case-study-sidebar .newsletter-widget input {
height: 40px;
}
}
.service-sidebar .newsletter-widget button,
.case-study-sidebar .newsletter-widget button {
background-color: #012f5c;
width: 100%;
height: 45px;
line-height: 45px;
font-size: 1.06667rem;
color: #fff;
border: 0;
padding: 0;
margin-top: 10px;
border-radius: 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 991px) {
.service-sidebar .newsletter-widget button,
.case-study-sidebar .newsletter-widget button {
height: 40px;
line-height: 40px;
}
}
.service-sidebar .newsletter-widget button:hover,
.case-study-sidebar .newsletter-widget button:hover {
background-color: #f6cb02;
}
/**** pagination ****/
.pagination-wrapper {
text-align: center;
clear: both;
overflow: hidden;
}
.pagination-wrapper .pg-pagination {
display: inline-block;
overflow: hidden;
list-style-type: none;
}
.pagination-wrapper .pg-pagination li {
float: left;
margin-right: 10px;
}
@media (max-width: 767px) {
.pagination-wrapper .pg-pagination li {
margin-right: 5px;
}
}
.pagination-wrapper .pg-pagination li:last-child {
margin-right: 0;
}
.pagination-wrapper .pg-pagination li a {
font-family: "Poppins", sans-serif;
background-color: #012f5c;
display: block;
width: 35px;
height: 35px;
line-height: 35px;
color: #fff;
font-weight: 500;
}
@media (max-width: 767px) {
.pagination-wrapper .pg-pagination li a {
width: 30px;
height: 30px;
line-height: 30px;
}
}
.pagination-wrapper .pg-pagination .active a,
.pagination-wrapper .pg-pagination li a:hover {
background-color: #fdd415;
color: #012f5c;
}
/*** blog-sidebar ***/
@media (max-width: 991px) {
.blog-sidebar {
margin-top: 60px;
}
}
.blog-sidebar ul {
list-style-type: none;
}
.blog-sidebar .widget {
margin-bottom: 75px;
}
@media (max-width: 991px) {
.blog-sidebar .widget {
margin-bottom: 60px;
}
}
.blog-sidebar .widget:last-child {
margin-bottom: 0;
}
.blog-sidebar h3 {
font-size: 20px;
font-size: 1.33333rem;
margin: 0 0 1.25em;
text-transform: uppercase;
}
@media (max-width: 767px) {
.blog-sidebar h3 {
font-size: 17px;
}
}
.blog-sidebar .category-widget ul li,
.blog-sidebar .archive-widget ul li {
border-bottom: 1px solid #fff;
}
.blog-sidebar .category-widget ul li > a,
.blog-sidebar .archive-widget ul li > a {
padding: 13px 0;
}
.blog-sidebar ul li {
font-size: 15px;
font-weight: bold;
}
.blog-sidebar ul li > a {
display: block;
color: #404040;
position: relative;
}
.blog-sidebar ul li:first-child a {
padding-top: 0;
}
.blog-sidebar ul li:last-child a {
padding-bottom: 0;
}
.blog-sidebar ul li:last-child {
border: 0;
}
.blog-sidebar ul li > a:hover {
color: #fdd415;
}
.blog-sidebar ul li > a .badge {
background-color: transparent;
font-size: 15px;
color: #404040;
position: absolute;
right: 5px;
}
.blog-sidebar ul li > a .badge:before,
.blog-sidebar ul li > a .badge:after {
font-size: 14px;
position: absolute;
top: 3px;
}
.blog-sidebar ul li > a .badge:before {
content: "(";
left: 0;
}
.blog-sidebar ul li > a .badge:after {
content: ")";
right: 0;
}
.blog-sidebar .search-widget input {
background-color: transparent;
padding: 8px 12px;
height: auto;
}
.blog-sidebar .search-widget input:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #012f5c;
}
@media (max-width: 767px) {
.blog-sidebar .recent-post-widget ul {
margin-left: -15px;
}
}
.blog-sidebar .recent-post-widget ul li {
border: 0;
overflow: hidden;
margin-bottom: 30px;
position: relative;
}
@media (max-width: 767px) {
.blog-sidebar .recent-post-widget ul li {
padding: 0 0 40px 100px;
overflow: visible;
}
}
.blog-sidebar .recent-post-widget ul li:last-child {
margin-bottom: 0;
}
.blog-sidebar .recent-post-widget .post-pic {
width: 30%;
float: left;
}
@media (max-width: 767px) {
.blog-sidebar .recent-post-widget .post-pic {
width: 70px;
float: none;
position: absolute;
left: 15px;
}
}
.blog-sidebar .recent-post-widget .details {
width: 68%;
float: right;
}
@media (max-width: 767px) {
.blog-sidebar .recent-post-widget .details {
width: 100%;
float: none;
}
}
.blog-sidebar .recent-post-widget .details > span {
font-size: 12px;
color: #666666;
text-transform: uppercase;
}
.blog-sidebar .recent-post-widget .details h4 {
font-size: 16px;
margin: 0.5em 0;
text-transform: capitalize;
}
@media (max-width: 767px) {
.blog-sidebar .recent-post-widget .details h4 {
font-size: 14px;
padding-top: 10px;
}
}
.blog-sidebar .recent-post-widget .details h4 a {
color: #000;
}
.blog-sidebar .recent-post-widget .details h4 a:hover {
color: #fdd415;
}
.blog-sidebar .tag-widget .all-tags {
margin-left: -12px;
}
.blog-sidebar .tag-widget .all-tags a {
font-size: 15px;
font-weight: bold;
color: gray;
border: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.blog-sidebar .tag-widget .all-tags a:hover {
color: #fdd415;
}
.blog-sidebar .instagram-widget ul {
overflow: hidden;
margin-right: -8px;
}
.blog-sidebar .instagram-widget ul li {
width: 33.33%;
float: left;
padding: 0 8px 8px 0;
}
.blog-sidebar .instagram-widget ul li img {
max-width: 100%;
}
@media (max-width: 767px) {
.blog-sidebar .instagram-widget ul li img {
width: 100%;
}
}
.style-switcher-box {
background-color: #fff;
width: 252px;
padding: 50px 25px;
position: fixed;
left: -252px;
top: 15%;
z-index: 999;
border: 1px solid #d9d9d9;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.style-switcher-box ul {
list-style: none;
}
.style-switcher-box button {
background-color: #e6be05;
width: 45px;
height: 45px;
line-height: 40px;
text-align: center;
color: #000;
font-size: 20px;
border: 0;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
position: absolute;
right: -45px;
top: 50px;
}
.style-switcher-box button i {
color: #fff;
-webkit-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
.style-switcher-box h5 {
font-size: 18px;
color: #000;
text-align: center;
margin: 0 0 2em;
text-transform: uppercase;
}
.style-switcher-box .main-list > .list {
margin-bottom: 30px;
}
.style-switcher-box .main-list > .list:last-child {
margin-bottom: 0;
}
.style-switcher-box .list-title {
display: block;
font-size: 12px;
border-bottom: 1px solid #cccccc;
margin-bottom: 10px;
padding-bottom: 5px;
text-transform: uppercase;
}
.style-switcher-box .list > .sublist {
margin-bottom: 10px;
}
.style-switcher-box .list > .sublist:last-child {
margin-bottom: 0;
}
.style-switcher-box .sublist span {
display: block;
font-size: 12px;
margin-bottom: 5px;
}
.style-switcher-box .sublist ul {
overflow: hidden;
}
.style-switcher-box .sublist ul li {
float: left;
min-width: 36px;
min-height: 36px;
margin: 0 5px 5px 0;
cursor: pointer;
}
.style-switcher-box .sublist ul li:nth-child(5n+5) {
margin-right: 0;
}
.style-switcher-box .layout ul li {
background-color: #e6be05;
min-height: 20px;
color: #fff;
padding: 5px 10px;
font-size: 12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.style-switcher-box p {
font-size: 11px;
margin: 15px 0 0;
}
.style-switcher-box p span {
color: #ff6666;
}
.toggle-switcherbox {
left: 0;
}
/*** rotating ***/
@-webkit-keyframes rotating {
form {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
form {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*--------------------------------------------------------------
#0.3 header
--------------------------------------------------------------*/
.site-header {
/* navigation open and close btn hide for width screen */
/* style for navigation less than 992px */
/*navbar collaps less then 992px*/
}
.site-header .navigation {
background-color: #012f5c;
margin-bottom: 0;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.site-header .navigation > .container {
position: relative;
}
.site-header .navigation ul {
list-style: none;
}
.site-header #navbar {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
/*** mega-menu style ***/
}
.site-header #navbar > ul li a:hover,
.site-header #navbar > ul li a:focus {
text-decoration: none;
color: #fdd415;
}
@media screen and (min-width: 992px) {
.site-header #navbar {
/*** hover effect ***/
}
.site-header #navbar li {
position: relative;
}
.site-header #navbar > ul > li > a {
font-size: 16px;
font-size: 1.06667rem;
}
.site-header #navbar > ul .sub-menu {
background-color: #012a52;
width: 220px;
border-top: 2px solid #fdd415;
position: absolute;
left: 0;
top: 130%;
z-index: 10;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.site-header #navbar > ul > li .sub-menu li {
border-bottom: 1px solid #013466;
}
.site-header #navbar > ul > li .sub-menu a {
font-size: 14px;
font-size: 0.93333rem;
color: #fff;
display: block;
padding: 12px 15px;
}
.site-header #navbar > ul > li > .sub-menu .sub-menu {
left: 110%;
top: 0;
}
.site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a {
position: relative;
}
.site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before {
font-family: "FontAwesome";
content: "\f105";
font-size: 15px;
font-size: 1rem;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.site-header #navbar > ul > li:hover > .sub-menu {
top: 100%;
visibility: visible;
opacity: 1;
}
.site-header #navbar .sub-menu > li:hover > .sub-menu {
left: 100%;
visibility: visible;
opacity: 1;
}
}
@media (max-width: 991px) {
.site-header #navbar > ul > li a {
display: block;
font-size: 14px;
font-size: 0.93333rem;
}
.site-header #navbar > ul > li .sub-menu li {
border-bottom: 1px solid #e6e6e6;
}
.site-header #navbar > ul .sub-menu > li:last-child {
border-bottom: 0;
}
.site-header #navbar > ul > li > .sub-menu a {
padding: 8px 15px 8px 45px;
}
.site-header #navbar > ul > li > .sub-menu .sub-menu a {
padding: 8px 15px 8px 65px;
}
.site-header #navbar > ul .menu-item-has-children > a {
position: relative;
}
.site-header #navbar > ul .menu-item-has-children > a:before {
font-family: "FontAwesome";
content: "\f107";
font-size: 15px;
font-size: 1rem;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media screen and (min-width: 992px) {
.site-header #navbar {
/*** hover effect ***/
}
.site-header #navbar .has-mega-menu {
position: static;
}
.site-header #navbar .mega-menu,
.site-header #navbar .half-mega-menu {
background-color: #fff;
padding: 20px;
border-top: 2px solid #012f5c;
position: absolute;
right: 0;
top: 120%;
z-index: 10;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.site-header #navbar .mega-menu {
width: 1140px;
right: 15px;
}
.site-header #navbar .half-mega-menu {
width: 585px;
}
.site-header #navbar .mega-menu-box-title {
font-size: 14px;
font-size: 0.93333rem;
text-transform: uppercase;
font-weight: bold;
display: block;
padding-bottom: 7px;
margin-bottom: 7px;
border-bottom: 1px solid #e6e6e6;
}
.site-header #navbar .mega-menu-list-holder li a {
font-size: 14px;
font-size: 0.93333rem;
display: block;
padding: 7px 8px;
margin-left: -8px;
}
.site-header #navbar .has-mega-menu:hover > ul {
top: 100%;
visibility: visible;
opacity: 1;
}
}
@media (max-width: 1199px) {
.site-header #navbar > ul .mega-menu {
width: 950px;
right: 15px;
}
.site-header #navbar > ul .half-mega-menu {
width: 485px;
}
}
@media (max-width: 991px) {
.site-header #navbar > ul .mega-menu,
.site-header #navbar > ul .half-mega-menu {
width: auto;
}
.site-header #navbar > ul .mega-menu .row,
.site-header #navbar > ul .half-mega-menu .row {
margin: 0;
}
.site-header #navbar .mega-menu-content > .row > .col {
margin-bottom: 25px;
}
}
@media (max-width: 991px) {
.site-header #navbar .mega-menu .mega-menu-list-holder a {
padding: 5px 15px 5px 40px;
}
.site-header #navbar .mega-menu .mega-menu-box-title {
font-size: 14px;
font-size: 0.93333rem;
text-transform: uppercase;
display: block;
border-bottom: 1px dotted #b3b3b3;
padding: 0 0 4px 5px;
margin: 0 25px 8px 25px;
}
}
@media screen and (min-width: 992px) {
.site-header .navbar-header .open-btn {
display: none;
}
.site-header #navbar .close-navbar {
display: none;
}
}
@media (max-width: 991px) {
.site-header {
/* class for show hide navigation */
}
.site-header .container {
width: 100%;
}
.site-header .navbar-header button {
background-color: #fdd415;
width: 40px;
height: 35px;
border: 0;
padding: 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
outline: 0;
position: absolute;
right: 15px;
top: 22px;
z-index: 20;
}
.site-header .navbar-header button span {
background-color: #fff;
display: block;
height: 2px;
margin-bottom: 5px;
}
.site-header .navbar-header button span:last-child {
margin: 0;
}
.site-header #navbar {
background: #fff;
display: block !important;
width: 280px;
height: 100% !important;
margin: 0;
padding: 0;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
position: fixed;
right: -300px;
top: 0;
z-index: 100;
}
.site-header #navbar ul a {
color: #000;
}
.site-header #navbar ul a:hover,
.site-header #navbar ul li.current a {
color: #012f5c;
}
.site-header #navbar .navbar-nav {
height: 100%;
overflow: auto;
}
.site-header #navbar .close-navbar {
background-color: #012f5c;
width: 35px;
height: 35px;
color: #fff;
border: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
outline: none;
position: absolute;
left: -18px;
top: 10px;
z-index: 20;
}
.site-header #navbar > ul > li {
border-bottom: 1px solid #cccccc;
}
.site-header #navbar > ul > li > a {
padding: 10px 15px 10px 35px;
}
.site-header .slideInn {
right: 0 !important;
}
}
@media (max-width: 767px) {
.site-header .navbar-header .navbar-brand {
font-size: 24px;
}
.site-header #navbar .navbar-nav {
margin: 0;
}
}
@media (max-width: 991px) {
.site-header .navbar-collapse.collapse {
display: none;
}
.site-header .navbar-collapse.collapse.in {
display: block;
}
.site-header .navbar-header .collapse,
.site-header .navbar-toggle {
display: block;
}
.site-header .navbar-header {
float: none;
}
.site-header .navbar-right {
float: none;
}
.site-header .navbar-nav {
float: none;
}
.site-header .navbar-nav > li {
float: none;
}
}
/******************************
header style 1
******************************/
.header-style-1, .header-style-2, .header-style-3, .header-style-4, .header-style-5, .header-style-6 {
/*** search-social ***/
}
.header-style-1 .topbar, .header-style-2 .topbar, .header-style-3 .topbar, .header-style-4 .topbar, .header-style-5 .topbar, .header-style-6 .topbar {
background-color: #012c57;
color: #fff;
padding: 15px 0;
border-top: 1px solid #012548;
border-bottom: 1px solid #012548;
/*** language ***/
}
.header-style-1 .topbar .contact-info, .header-style-2 .topbar .contact-info, .header-style-3 .topbar .contact-info, .header-style-4 .topbar .contact-info, .header-style-5 .topbar .contact-info, .header-style-6 .topbar .contact-info {
list-style: none;
margin-top: 5px;
}
.header-style-1 .topbar .contact-info li, .header-style-2 .topbar .contact-info li, .header-style-3 .topbar .contact-info li, .header-style-4 .topbar .contact-info li, .header-style-5 .topbar .contact-info li, .header-style-6 .topbar .contact-info li {
display: inline-block;
}
@media (max-width: 767px) {
.header-style-1 .topbar .contact-info li, .header-style-2 .topbar .contact-info li, .header-style-3 .topbar .contact-info li, .header-style-4 .topbar .contact-info li, .header-style-5 .topbar .contact-info li, .header-style-6 .topbar .contact-info li {
display: block;
text-align: center;
}
}
.header-style-1 .topbar .contact-info > li + li, .header-style-2 .topbar .contact-info > li + li, .header-style-3 .topbar .contact-info > li + li, .header-style-4 .topbar .contact-info > li + li, .header-style-5 .topbar .contact-info > li + li, .header-style-6 .topbar .contact-info > li + li {
margin-left: 30px;
}
@media (max-width: 767px) {
.header-style-1 .topbar .contact-info > li + li, .header-style-2 .topbar .contact-info > li + li, .header-style-3 .topbar .contact-info > li + li, .header-style-4 .topbar .contact-info > li + li, .header-style-5 .topbar .contact-info > li + li, .header-style-6 .topbar .contact-info > li + li {
margin-left: 0;
margin-top: 5px;
}
}
.header-style-1 .topbar .contact-info i, .header-style-2 .topbar .contact-info i, .header-style-3 .topbar .contact-info i, .header-style-4 .topbar .contact-info i, .header-style-5 .topbar .contact-info i, .header-style-6 .topbar .contact-info i {
display: inline-block;
padding-right: 3px;
color: #fdd415;
}
.header-style-1 .topbar .language, .header-style-2 .topbar .language, .header-style-3 .topbar .language, .header-style-4 .topbar .language, .header-style-5 .topbar .language, .header-style-6 .topbar .language {
float: right;
}
@media (max-width: 767px) {
.header-style-1 .topbar .language, .header-style-2 .topbar .language, .header-style-3 .topbar .language, .header-style-4 .topbar .language, .header-style-5 .topbar .language, .header-style-6 .topbar .language {
float: none;
text-align: center;
}
}
.header-style-1 .topbar .language i, .header-style-2 .topbar .language i, .header-style-3 .topbar .language i, .header-style-4 .topbar .language i, .header-style-5 .topbar .language i, .header-style-6 .topbar .language i {
color: #fdd415;
}
.header-style-1 .topbar .select-box, .header-style-2 .topbar .select-box, .header-style-3 .topbar .select-box, .header-style-4 .topbar .select-box, .header-style-5 .topbar .select-box, .header-style-6 .topbar .select-box {
display: inline;
}
.header-style-1 .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .header-style-2 .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .header-style-3 .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .header-style-4 .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .header-style-5 .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .header-style-6 .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 65px;
}
.header-style-1 .topbar .bootstrap-select > .btn, .header-style-2 .topbar .bootstrap-select > .btn, .header-style-3 .topbar .bootstrap-select > .btn, .header-style-4 .topbar .bootstrap-select > .btn, .header-style-5 .topbar .bootstrap-select > .btn, .header-style-6 .topbar .bootstrap-select > .btn {
background-color: transparent;
color: #fff;
border: 0;
}
.header-style-1 .navbar-brand, .header-style-2 .navbar-brand, .header-style-3 .navbar-brand, .header-style-4 .navbar-brand, .header-style-5 .navbar-brand, .header-style-6 .navbar-brand {
margin-top: 12px;
display: inline-block;
padding: 0 15px;
}
@media screen and (min-width: 992px) {
.header-style-1 #navbar > ul > li > a, .header-style-2 #navbar > ul > li > a, .header-style-3 #navbar > ul > li > a, .header-style-4 #navbar > ul > li > a, .header-style-5 #navbar > ul > li > a, .header-style-6 #navbar > ul > li > a {
font-family: "Poppins", sans-serif;
font-size: 15px;
font-size: 1rem;
font-weight: 500;
color: #fff;
padding: 30px 12px;
}
.header-style-1 #navbar, .header-style-2 #navbar, .header-style-3 #navbar, .header-style-4 #navbar, .header-style-5 #navbar, .header-style-6 #navbar {
margin-right: 115px;
}
}
@media screen and (min-width: 1199px) {
.header-style-1 #navbar > ul > li > a, .header-style-2 #navbar > ul > li > a, .header-style-3 #navbar > ul > li > a, .header-style-4 #navbar > ul > li > a, .header-style-5 #navbar > ul > li > a, .header-style-6 #navbar > ul > li > a {
padding: 30px 16px;
}
.header-style-1 #navbar, .header-style-2 #navbar, .header-style-3 #navbar, .header-style-4 #navbar, .header-style-5 #navbar, .header-style-6 #navbar {
margin-right: 130px;
}
}
@media (max-width: 991px) {
.header-style-1 .navbar-header, .header-style-2 .navbar-header, .header-style-3 .navbar-header, .header-style-4 .navbar-header, .header-style-5 .navbar-header, .header-style-6 .navbar-header {
padding-bottom: 15px;
}
}
.header-style-1 .search-social, .header-style-2 .search-social, .header-style-3 .search-social, .header-style-4 .search-social, .header-style-5 .search-social, .header-style-6 .search-social {
position: absolute;
right: 15px;
top: 32px;
}
@media (max-width: 991px) {
.header-style-1 .search-social, .header-style-2 .search-social, .header-style-3 .search-social, .header-style-4 .search-social, .header-style-5 .search-social, .header-style-6 .search-social {
right: 75px;
}
}
@media (max-width: 767px) {
.header-style-1 .search-social, .header-style-2 .search-social, .header-style-3 .search-social, .header-style-4 .search-social, .header-style-5 .search-social, .header-style-6 .search-social {
display: none;
}
}
.header-style-1 .search-social > div, .header-style-2 .search-social > div, .header-style-3 .search-social > div, .header-style-4 .search-social > div, .header-style-5 .search-social > div, .header-style-6 .search-social > div {
display: inline-block;
}
.header-style-1 .search-social .social ul li, .header-style-2 .search-social .social ul li, .header-style-3 .search-social .social ul li, .header-style-4 .search-social .social ul li, .header-style-5 .search-social .social ul li, .header-style-6 .search-social .social ul li {
float: left;
}
.header-style-1 .search-social .social ul > li + li, .header-style-2 .search-social .social ul > li + li, .header-style-3 .search-social .social ul > li + li, .header-style-4 .search-social .social ul > li + li, .header-style-5 .search-social .social ul > li + li, .header-style-6 .search-social .social ul > li + li {
margin-left: 10px;
}
.header-style-1 .search-social .social ul a, .header-style-2 .search-social .social ul a, .header-style-3 .search-social .social ul a, .header-style-4 .search-social .social ul a, .header-style-5 .search-social .social ul a, .header-style-6 .search-social .social ul a {
color: #fff;
}
.header-style-1 .search-social .open-btn, .header-style-2 .search-social .open-btn, .header-style-3 .search-social .open-btn, .header-style-4 .search-social .open-btn, .header-style-5 .search-social .open-btn, .header-style-6 .search-social .open-btn {
background-color: transparent;
color: #fff;
padding: 0;
border: 0;
margin-right: 40px;
position: relative;
top: -8px;
}
@media (max-width: 1199px) {
.header-style-1 .search-social .open-btn, .header-style-2 .search-social .open-btn, .header-style-3 .search-social .open-btn, .header-style-4 .search-social .open-btn, .header-style-5 .search-social .open-btn, .header-style-6 .search-social .open-btn {
margin-right: 30px;
}
}
/******************************
header style 2
******************************/
.header-style-2, .header-style-3, .header-style-4, .header-style-5, .header-style-6 {
position: relative;
}
.header-style-2 .topbar, .header-style-3 .topbar, .header-style-4 .topbar, .header-style-5 .topbar, .header-style-6 .topbar {
background-color: #fff;
padding: 0;
border: 0;
}
.header-style-2 .upper-topbar, .header-style-3 .upper-topbar, .header-style-4 .upper-topbar, .header-style-5 .upper-topbar, .header-style-6 .upper-topbar {
background-color: #012f5c;
padding: 4px 0;
}
@media (max-width: 767px) {
.header-style-2 .upper-topbar, .header-style-3 .upper-topbar, .header-style-4 .upper-topbar, .header-style-5 .upper-topbar, .header-style-6 .upper-topbar {
text-align: center;
padding: 8px 0;
}
}
.header-style-2 .upper-topbar p, .header-style-3 .upper-topbar p, .header-style-4 .upper-topbar p, .header-style-5 .upper-topbar p, .header-style-6 .upper-topbar p {
color: #fff;
margin: 3px 0 0;
}
@media (max-width: 767px) {
.header-style-2 .upper-topbar p, .header-style-3 .upper-topbar p, .header-style-4 .upper-topbar p, .header-style-5 .upper-topbar p, .header-style-6 .upper-topbar p {
margin: 3px 0 10px;
line-height: 1.4em;
}
}
@media (max-width: 767px) {
.header-style-2 .site-logo, .header-style-3 .site-logo, .header-style-4 .site-logo, .header-style-5 .site-logo, .header-style-6 .site-logo {
text-align: center;
}
}
.header-style-2 .lower-topbar, .header-style-3 .lower-topbar, .header-style-4 .lower-topbar, .header-style-5 .lower-topbar, .header-style-6 .lower-topbar {
padding: 12px 0;
}
@media screen and (min-width: 992px) {
.header-style-2 .lower-topbar, .header-style-3 .lower-topbar, .header-style-4 .lower-topbar, .header-style-5 .lower-topbar, .header-style-6 .lower-topbar {
padding-bottom: 50px;
}
}
.header-style-2 .lower-topbar .contact-info, .header-style-3 .lower-topbar .contact-info, .header-style-4 .lower-topbar .contact-info, .header-style-5 .lower-topbar .contact-info, .header-style-6 .lower-topbar .contact-info {
float: right;
overflow: hidden;
}
@media (max-width: 767px) {
.header-style-2 .lower-topbar .contact-info, .header-style-3 .lower-topbar .contact-info, .header-style-4 .lower-topbar .contact-info, .header-style-5 .lower-topbar .contact-info, .header-style-6 .lower-topbar .contact-info {
border-top: 1px solid #dedede;
padding-top: 15px;
margin-top: 10px;
float: none;
text-align: center;
}
}
.header-style-2 .lower-topbar .contact-info > div, .header-style-3 .lower-topbar .contact-info > div, .header-style-4 .lower-topbar .contact-info > div, .header-style-5 .lower-topbar .contact-info > div, .header-style-6 .lower-topbar .contact-info > div {
float: left;
padding-left: 45px;
position: relative;
}
@media (max-width: 767px) {
.header-style-2 .lower-topbar .contact-info > div, .header-style-3 .lower-topbar .contact-info > div, .header-style-4 .lower-topbar .contact-info > div, .header-style-5 .lower-topbar .contact-info > div, .header-style-6 .lower-topbar .contact-info > div {
float: none;
display: inline-block;
text-align: left;
padding-left: 40px;
margin-right: 15px;
margin-bottom: 15px;
}
}
.header-style-2 .lower-topbar .contact-info > div + div, .header-style-3 .lower-topbar .contact-info > div + div, .header-style-4 .lower-topbar .contact-info > div + div, .header-style-5 .lower-topbar .contact-info > div + div, .header-style-6 .lower-topbar .contact-info > div + div {
margin-left: 45px;
}
@media (max-width: 767px) {
.header-style-2 .lower-topbar .contact-info > div + div, .header-style-3 .lower-topbar .contact-info > div + div, .header-style-4 .lower-topbar .contact-info > div + div, .header-style-5 .lower-topbar .contact-info > div + div, .header-style-6 .lower-topbar .contact-info > div + div {
margin-left: 0;
}
}
.header-style-2 .lower-topbar .contact-info i, .header-style-3 .lower-topbar .contact-info i, .header-style-4 .lower-topbar .contact-info i, .header-style-5 .lower-topbar .contact-info i, .header-style-6 .lower-topbar .contact-info i {
font-size: 36px;
font-size: 2.4rem;
color: #fdd415;
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 767px) {
.header-style-2 .lower-topbar .contact-info i, .header-style-3 .lower-topbar .contact-info i, .header-style-4 .lower-topbar .contact-info i, .header-style-5 .lower-topbar .contact-info i, .header-style-6 .lower-topbar .contact-info i {
font-size: 32px;
font-size: 2.13333rem;
top: 5px;
}
}
.header-style-2 .lower-topbar .contact-info span, .header-style-3 .lower-topbar .contact-info span, .header-style-4 .lower-topbar .contact-info span, .header-style-5 .lower-topbar .contact-info span, .header-style-6 .lower-topbar .contact-info span {
color: #012f5c;
}
.header-style-2 .lower-topbar .contact-info p, .header-style-3 .lower-topbar .contact-info p, .header-style-4 .lower-topbar .contact-info p, .header-style-5 .lower-topbar .contact-info p, .header-style-6 .lower-topbar .contact-info p {
margin: 0;
color: #666;
}
@media screen and (min-width: 992px) {
.header-style-2 .navigation, .header-style-3 .navigation, .header-style-4 .navigation, .header-style-5 .navigation, .header-style-6 .navigation {
background-color: transparent;
width: 100%;
position: absolute;
bottom: -25px;
z-index: 10000;
}
.header-style-2 .navigation .container, .header-style-3 .navigation .container, .header-style-4 .navigation .container, .header-style-5 .navigation .container, .header-style-6 .navigation .container {
background-color: #012f5c;
border-radius: 10px;
}
}
@media (max-width: 991px) {
.header-style-2 .navigation, .header-style-3 .navigation, .header-style-4 .navigation, .header-style-5 .navigation, .header-style-6 .navigation {
height: 70px;
}
.header-style-2 .navigation .navbar-header button, .header-style-3 .navigation .navbar-header button, .header-style-4 .navigation .navbar-header button, .header-style-5 .navigation .navbar-header button, .header-style-6 .navigation .navbar-header button {
top: 17px;
}
}
@media screen and (min-width: 992px) {
.header-style-2 #navbar > ul > li > a, .header-style-3 #navbar > ul > li > a, .header-style-4 #navbar > ul > li > a, .header-style-5 #navbar > ul > li > a, .header-style-6 #navbar > ul > li > a {
padding: 20px 16px;
}
.header-style-2 .search-social, .header-style-3 .search-social, .header-style-4 .search-social, .header-style-5 .search-social, .header-style-6 .search-social {
top: 28px;
right: 0;
}
}
@media (max-width: 991px) {
.header-style-2 .search-social, .header-style-3 .search-social, .header-style-4 .search-social, .header-style-5 .search-social, .header-style-6 .search-social {
top: 35px;
right: 60px;
}
}
/******************************
header style 3
******************************/
.header-style-3 {
/*** social and serach ***/
}
.header-style-3 .topbar {
background-color: #00152a;
padding: 28px 0;
}
@media (max-width: 767px) {
.header-style-3 .topbar {
padding: 28px 0 13px;
}
}
@media (max-width: 767px) {
.header-style-3 .site-logo {
border-bottom: 1px solid #012243;
padding-bottom: 15px;
}
}
.header-style-3 .contact-info-s2 {
float: right;
overflow: hidden;
}
@media (max-width: 767px) {
.header-style-3 .contact-info-s2 {
float: none;
margin-top: 20px;
}
}
.header-style-3 .contact-info-s2 > div {
float: left;
padding-left: 45px;
position: relative;
}
@media (max-width: 991px) {
.header-style-3 .contact-info-s2 > div {
padding-left: 35px;
}
}
@media (max-width: 767px) {
.header-style-3 .contact-info-s2 > div {
float: none;
width: 200px;
margin: 0 auto 15px;
}
}
.header-style-3 .contact-info-s2 > div + div {
margin-left: 50px;
}
@media (max-width: 991px) {
.header-style-3 .contact-info-s2 > div + div {
margin-left: 25px;
}
}
@media (max-width: 767px) {
.header-style-3 .contact-info-s2 > div + div {
margin-left: auto;
}
}
.header-style-3 .contact-info-s2 .icon {
position: absolute;
left: 0;
top: 0;
}
.header-style-3 .contact-info-s2 .icon .fi:before {
font-size: 32px;
color: #fdd415;
}
@media (max-width: 991px) {
.header-style-3 .contact-info-s2 .icon .fi:before {
font-size: 25px;
}
}
.header-style-3 .contact-info-s2 p,
.header-style-3 .contact-info-s2 span {
color: #c1c5c8;
margin: 0;
}
@media (max-width: 991px) {
.header-style-3 .contact-info-s2 p,
.header-style-3 .contact-info-s2 span {
font-size: 12px;
font-size: 0.8rem;
}
}
@media (max-width: 991px) {
.header-style-3 .contact-info-s2 p {
line-height: 1.3em;
}
}
.header-style-3 .navigation {
background-color: rgba(1, 47, 92, 0.9);
}
@media screen and (min-width: 992px) {
.header-style-3 .navigation {
position: absolute;
width: 100%;
z-index: 10;
}
}
.header-style-3 .navigation .container {
background-color: transparent;
}
@media screen and (min-width: 992px) {
.header-style-3 #navbar > ul > li > a {
position: relative;
}
.header-style-3 #navbar > ul > li > a:after {
content: "";
border: 5px solid transparent;
border-bottom: 5px solid #fdd415;
position: absolute;
left: 50%;
bottom: 8px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.header-style-3 #navbar > ul > li > a:hover:after {
opacity: 1;
}
}
.header-style-3 .search-social {
display: block;
}
@media screen and (min-width: 992px) {
.header-style-3 .search-social {
right: -25px;
}
}
.header-style-3 .social-links {
width: 150px;
position: absolute;
right: 235px;
top: -8px;
}
@media (max-width: 1199px) {
.header-style-3 .social-links {
right: 135px;
}
}
.header-style-3 .social-links ul {
overflow: hidden;
}
@media (max-width: 991px) {
.header-style-3 .social-links ul {
display: none;
}
}
.header-style-3 .social-links ul li {
float: left;
}
.header-style-3 .social-links ul > li + li {
margin-left: 15px;
}
.header-style-3 .social-links ul li a {
font-size: 16px;
color: #fff;
}
.header-style-3 .social-links ul li a:hover {
color: #fdd415;
}
@media screen and (min-width: 992px) {
.header-style-3 .navigation {
bottom: -60px;
}
}
/******************************
header style 4
******************************/
.header-style-4 .upper-topbar, .header-style-5 .upper-topbar, .header-style-6 .upper-topbar {
background-color: #dfdfdf;
padding: 12px 0;
}
.header-style-4 .upper-topbar ul, .header-style-5 .upper-topbar ul, .header-style-6 .upper-topbar ul {
list-style: none;
overflow: hidden;
}
.header-style-4 .upper-topbar ul li, .header-style-5 .upper-topbar ul li, .header-style-6 .upper-topbar ul li {
float: left;
}
.header-style-4 .upper-topbar li, .header-style-5 .upper-topbar li, .header-style-6 .upper-topbar li,
.header-style-4 .upper-topbar a, .header-style-5 .upper-topbar a, .header-style-6 .upper-topbar a {
color: #777;
}
.header-style-4 .upper-topbar-contact i, .header-style-5 .upper-topbar-contact i, .header-style-6 .upper-topbar-contact i {
display: inline-block;
padding-right: 5px;
}
@media (max-width: 767px) {
.header-style-4 .upper-topbar-contact ul li, .header-style-5 .upper-topbar-contact ul li, .header-style-6 .upper-topbar-contact ul li {
float: none;
}
}
.header-style-4 .upper-topbar-contact ul > li + li, .header-style-5 .upper-topbar-contact ul > li + li, .header-style-6 .upper-topbar-contact ul > li + li {
margin-left: 40px;
}
@media (max-width: 767px) {
.header-style-4 .upper-topbar-contact ul > li + li, .header-style-5 .upper-topbar-contact ul > li + li, .header-style-6 .upper-topbar-contact ul > li + li {
margin-left: 0;
margin-top: 8px;
}
}
.header-style-4 .upper-topbar-social, .header-style-5 .upper-topbar-social, .header-style-6 .upper-topbar-social {
float: right;
}
@media (max-width: 767px) {
.header-style-4 .upper-topbar-social, .header-style-5 .upper-topbar-social, .header-style-6 .upper-topbar-social {
float: none;
display: inline-block;
margin-top: 15px;
}
}
.header-style-4 .upper-topbar-social ul > li + li, .header-style-5 .upper-topbar-social ul > li + li, .header-style-6 .upper-topbar-social ul > li + li {
margin-left: 10px;
}
.header-style-4 .navigation, .header-style-5 .navigation, .header-style-6 .navigation {
background-color: #012f5c;
}
/******************************
header style 5
******************************/
.header-style-5 .upper-topbar, .header-style-6 .upper-topbar {
background-color: #012f5c;
}
.header-style-5 .upper-topbar p, .header-style-6 .upper-topbar p,
.header-style-5 .upper-topbar li, .header-style-6 .upper-topbar li,
.header-style-5 .upper-topbar a, .header-style-6 .upper-topbar a {
color: #c1c5c8;
}
.header-style-5 .upper-topbar-contact i, .header-style-6 .upper-topbar-contact i {
color: #fdd415;
}
.header-style-5 .navigation, .header-style-6 .navigation {
background-color: #fff;
}
.header-style-5 .navigation .container, .header-style-6 .navigation .container {
background-color: #fff;
}
@media screen and (min-width: 992px) {
.header-style-5 .navigation, .header-style-6 .navigation {
bottom: -90px;
}
.header-style-5 #navbar, .header-style-6 #navbar {
margin-right: 50px;
}
.header-style-5 #navbar > ul > li > a, .header-style-6 #navbar > ul > li > a {
color: #a5acb4;
padding: 35px 16px;
}
.header-style-5 #navbar > ul > li > a:hover, .header-style-6 #navbar > ul > li > a:hover {
color: #012f5c;
}
}
@media screen and (min-width: 992px) {
.header-style-5 .search-social, .header-style-6 .search-social {
top: 45px;
right: -25px;
}
}
.header-style-5 .search-social .open-btn, .header-style-6 .search-social .open-btn {
color: #012f5c;
}
@media (max-width: 991px) {
.header-style-5 .navbar-brand, .header-style-6 .navbar-brand {
margin-top: 6px;
}
}
/******************************
header style 6
******************************/
.header-style-6 {
position: relative;
}
@media screen and (min-width: 992px) {
.header-style-6 .upper-topbar {
padding-top: 20px;
padding-bottom: 60px;
}
.header-style-6 .navigation {
background-color: transparent;
width: 100%;
position: absolute;
left: 0;
bottom: -33px;
z-index: 1;
}
.header-style-6 .navigation .container {
background-color: #fff;
}
.header-style-6 #navbar > ul > li > a {
color: #a5acb4;
padding: 25px 16px;
}
.header-style-6 .search-social {
top: 35px;
right: -15px;
}
}
.header-style-6 .upper-topbar a {
color: #fdd415;
}
.header-style-6 .navbar-brand {
margin-top: 7px;
}
.header-search-form {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
background: rgba(0, 0, 0, 0.95);
}
.header-search-form form {
width: 500px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.header-search-form form {
width: 300px;
}
}
.header-search-form form input {
height: 60px;
font-size: 20px;
padding: 15px 25px;
}
@media (max-width: 767px) {
.header-search-form form input {
height: 45px;
font-size: 17px;
}
}
.header-search-form form input:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.header-search-form form .btn {
background-color: #012f5c;
color: #fff;
position: absolute;
right: 0;
top: 0;
height: 100%;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.header-search-form form .btn:focus,
.header-search-form form .btn:active {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/*--------------------------------------------------------------
#0.4 hero slider
--------------------------------------------------------------*/
.hero {
position: relative;
height: 100vh;
overflow: hidden;
/** slider controls **/
/*** hero slider animation ***/
}
@media (max-width: 991px) {
.hero {
min-height: 500px;
}
}
@media (max-width: 767px) {
.hero {
min-height: 420px;
}
}
.hero .slide {
height: 100vh;
position: relative;
background-repeat: no-repeat;
position: relative;
}
@media (max-width: 991px) {
.hero .slide {
min-height: 500px;
}
}
@media (max-width: 767px) {
.hero .slide {
min-height: 420px;
}
}
.hero .slide .slider-bg {
display: none;
}
.hero .slide:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.hero .slide:focus {
outline: none;
}
.hero .slide .container {
height: 100%;
display: table;
}
.hero .slide .row {
display: table-cell;
vertical-align: middle;
}
.hero .slick-prev,
.hero .slick-next {
background-color: #fff;
width: 50px;
height: 50px;
z-index: 9;
border-radius: 50%;
@inlcude transition-time(0.3s);
}
@media (max-width: 991px) {
.hero .slick-prev,
.hero .slick-next {
display: none !important;
}
}
.hero .slick-prev:before,
.hero .slick-next:before {
color: #012f5c;
}
.hero .slick-prev:hover,
.hero .slick-next:hover {
background-color: #012f5c;
}
.hero .slick-prev:hover:before,
.hero .slick-next:hover:before {
color: #fff;
}
.hero .slick-prev {
left: 15px;
}
.hero .slick-prev:before {
font-family: "FontAwesome";
content: "\f104";
opacity: 1;
}
.hero .slick-next {
right: 15px;
}
.hero .slick-next:before {
font-family: "FontAwesome";
content: "\f105";
opacity: 1;
}
.hero .slick-dots {
bottom: 20px;
}
@media screen and (min-width: 992px) {
.hero .slick-dots {
display: none !important;
}
}
.hero .slick-dots li {
margin: 0;
}
.hero .slick-dots button {
background-color: #fdd415;
width: 15px;
height: 15px;
border: 2px solid #fff;
border-radius: 50%;
}
.hero .slick-dots button:before,
.hero .slick-dots button:before {
display: none;
}
.hero .hero-slider .slide-caption > h2,
.hero .hero-slider .slide-caption > p,
.hero .hero-slider .slide-caption > .btns {
color: #fff;
opacity: 0;
}
.hero .hero-slider .slick-list .slick-current .slide-caption > h2 {
-webkit-animation: fadeInLeftSlow 1.5s 0.8s forwards;
-moz-animation: fadeInLeftSlow 1.5s 0.8s forwards;
-o-animation: fadeInLeftSlow 1.5s 0.8s forwards;
-ms-animation: fadeInLeftSlow 1.5s 0.8s forwards;
animation: fadeInLeftSlow 1.5s 0.8s forwards;
}
.hero .hero-slider .slick-list .slick-current .slide-caption > p {
-webkit-animation: fadeInLeftSlow 1.5s 1.4s forwards;
-moz-animation: fadeInLeftSlow 1.5s 1.4s forwards;
-o-animation: fadeInLeftSlow 1.5s 1.4s forwards;
-ms-animation: fadeInLeftSlow 1.5s 1.4s forwards;
animation: fadeInLeftSlow 1.5s 1.4s forwards;
}
.hero .hero-slider .slick-list .slick-current .slide-caption > .btns {
-webkit-animation: fadeInLeftSlow 1.5s 1.8s forwards;
-moz-animation: fadeInLeftSlow 1.5s 1.8s forwards;
-o-animation: fadeInLeftSlow 1.5s 1.8s forwards;
-ms-animation: fadeInLeftSlow 1.5s 1.8s forwards;
animation: fadeInLeftSlow 1.5s 1.8s forwards;
}
.hero-center {
text-align: center;
}
/************************************
hero style 1
*************************************/
.hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2, .hero-style-3 .slide-caption h2 {
font-size: 60px;
font-size: 4rem;
margin: 0 0 0.3em;
}
@media (max-width: 1199px) {
.hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2, .hero-style-3 .slide-caption h2 {
font-size: 50px;
font-size: 3.33333rem;
}
}
@media (max-width: 991px) {
.hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2, .hero-style-3 .slide-caption h2 {
font-size: 40px;
font-size: 2.66667rem;
}
}
@media (max-width: 767px) {
.hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2, .hero-style-3 .slide-caption h2 {
font-size: 30px;
font-size: 2rem;
}
}
.hero-style-1 .slide-caption p, .hero-style-2 .slide-caption p, .hero-style-3 .slide-caption p {
font-size: 18px;
font-size: 1.2rem;
margin: 0 0 2em;
}
@media (max-width: 767px) {
.hero-style-1 .slide-caption p, .hero-style-2 .slide-caption p, .hero-style-3 .slide-caption p {
font-size: 15px;
font-size: 1rem;
}
}
/************************************
hero style 2
*************************************/
.hero-style-2, .hero-style-3 {
height: 670px;
}
@media (max-width: 991px) {
.hero-style-2, .hero-style-3 {
height: 500px;
}
}
@media (max-width: 767px) {
.hero-style-2, .hero-style-3 {
height: 420px;
}
}
.hero-style-2 .slide, .hero-style-3 .slide {
height: 670px;
position: relative;
}
@media (max-width: 991px) {
.hero-style-2 .slide, .hero-style-3 .slide {
height: 500px;
}
}
@media (max-width: 767px) {
.hero-style-2 .slide, .hero-style-3 .slide {
height: 420px;
}
}
/************************************
hero style 3
*************************************/
.hero-style-3 {
text-align: center;
}
.hero-style-3 .slide-caption h2 {
margin-bottom: 0.7em;
}
/*--------------------------------------------------------------
#0.5 footer
--------------------------------------------------------------*/
.site-footer {
/*** about widget ***/
/*** links-widget ***/
/*** support-widget ***/
/*** twitter-feed-widget ***/
/*** copyright-info ***/
}
.site-footer .upper-footer {
background-color: #012243;
padding: 100px 0;
}
@media (max-width: 991px) {
.site-footer .upper-footer {
padding: 80px 0 35px;
}
}
@media (max-width: 767px) {
.site-footer .upper-footer {
padding: 70px 0 30px;
}
}
.site-footer .upper-footer ul {
list-style: none;
}
.site-footer .upper-footer ul,
.site-footer .upper-footer li,
.site-footer .upper-footer p,
.site-footer .upper-footer a {
color: #7f97ad;
}
.site-footer .upper-footer a:hover {
color: #fdd415;
}
@media (max-width: 991px) {
.site-footer .upper-footer .row > .col {
margin-bottom: 55px;
}
}
@media (max-width: 767px) {
.site-footer .upper-footer .row > .col {
margin-bottom: 40px;
}
}
.site-footer .widget > h3,
.site-footer .widget .footer-logo {
font-size: 24px;
font-size: cacl-rem-value(24);
color: #fff;
text-transform: uppercase;
margin: 0 0 2em;
padding-bottom: 0.5em;
position: relative;
}
@media (max-width: 991px) {
.site-footer .widget > h3,
.site-footer .widget .footer-logo {
font-size: 20px;
font-size: cacl-rem-value(20);
}
}
@media (max-width: 767px) {
.site-footer .widget > h3,
.site-footer .widget .footer-logo {
font-size: 16px;
font-size: cacl-rem-value(16);
}
}
.site-footer .widget > h3:before,
.site-footer .widget .footer-logo:before {
content: "";
background-color: #fdd415;
width: 28px;
height: 3px;
position: absolute;
left: 0;
bottom: 0;
border-radius: 5px;
}
.site-footer .widget .footer-logo {
margin-bottom: 15px;
}
@media screen and (min-width: 1200px) {
.site-footer .about-widget {
padding-right: 25px;
}
}
.site-footer .about-widget .contact-info {
margin-top: 30px;
}
@media screen and (min-width: 1200px) {
.site-footer .about-widget .contact-info {
padding-right: 105px;
}
}
@media (max-width: 767px) {
.site-footer .about-widget .contact-info {
margin-top: 10px;
}
}
.site-footer .about-widget .footer-logo:before {
display: none;
}
.site-footer .about-widget ul li {
position: relative;
padding-left: 38px;
line-height: 1.78em;
}
.site-footer .about-widget ul > li + li {
margin-top: 5px;
}
.site-footer .about-widget ul li i {
color: #fdd415;
position: absolute;
left: 0;
top: 3px;
}
@media (max-width: 767px) {
.site-footer .about-widget img {
max-width: 160px;
}
}
.site-footer .links-widget {
overflow: hidden;
}
.site-footer .links-widget ul li {
position: relative;
padding-left: 20px;
}
.site-footer .links-widget ul li:before {
font-family: "FontAwesome";
content: "\f105";
color: #fdd415;
position: absolute;
left: 0;
top: -1px;
}
.site-footer .links-widget ul li + li {
margin-top: 25px;
}
@media (max-width: 767px) {
.site-footer .links-widget ul li + li {
margin-top: 10px;
}
}
.site-footer .support-widget {
overflow: hidden;
}
@media screen and (min-width: 1200px) {
.site-footer .support-widget {
padding-right: 45px;
}
}
.site-footer .support-widget ul li + li {
margin-top: 15px;
}
@media (max-width: 767px) {
.site-footer .support-widget ul li + li {
margin-top: 10px;
}
}
.site-footer .twitter-feed-widget ul li + li {
padding-top: 14px;
margin-top: 14px;
border-top: 1px solid #013466;
}
.site-footer .twitter-feed-widget i {
color: #198cfa;
display: inline-block;
padding-right: 5px;
}
.site-footer .twitter-feed-widget a {
color: #fdd415;
}
.site-footer .copyright-info {
background-color: #00152a;
padding: 15px 0;
}
@media (max-width: 600px) {
.site-footer .copyright-info {
text-align: center;
}
}
.site-footer .copyright-info p {
margin: 0;
}
@media (max-width: 600px) {
.site-footer .copyright-info .col {
width: 100%;
}
}
.site-footer .copyright-info .footer-social {
float: right;
}
@media (max-width: 600px) {
.site-footer .copyright-info .footer-social {
float: none;
margin-top: 5px;
}
}
.site-footer .copyright-info .footer-social span {
color: #7f97ad;
display: inline-block;
padding-right: 5px;
}
@media (max-width: 600px) {
.site-footer .copyright-info .footer-social span {
display: none;
}
}
.site-footer .copyright-info .social-links {
list-style: none;
float: right;
overflow: hidden;
}
@media (max-width: 600px) {
.site-footer .copyright-info .social-links {
float: none;
display: inline-block;
}
}
.site-footer .copyright-info .social-links li {
float: left;
}
.site-footer .copyright-info .social-links > li + li {
margin-left: 8px;
}
.site-footer .copyright-info .social-links a {
font-size: 18px;
font-size: cacl-rem-value(18);
color: #fff;
}
.site-footer .copyright-info .social-links a:hover {
color: #fdd415;
}
.sticky-header {
width: 100%;
position: fixed !important;
left: 0;
top: -200px;
z-index: 9999 !important;
opacity: 0;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
-ms-transition: all 0.7s;
transition: all 0.7s;
}
.sticky-on {
opacity: 1;
top: 0;
z-index: 9999;
}
.header-style-2 .sticky-header, .header-style-3 .sticky-header, .header-style-4 .sticky-header, .header-style-5 .sticky-header, .header-style-6 .sticky-header {
background-color: #012f5c;
}
@media screen and (min-width: 992px) {
.header-style-2 .sticky-header, .header-style-3 .sticky-header, .header-style-4 .sticky-header, .header-style-5 .sticky-header, .header-style-6 .sticky-header {
bottom: auto;
top: 0;
}
}
.header-style-5 .sticky-header, .header-style-6 .sticky-header {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
}
.header-style-6 .sticky-header {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
}
@media screen and (min-width: 992px) {
.header-style-6 .sticky-header {
bottom: auto;
top: 0;
}
}
/**** style for box layout ***/
@media screen and (min-width: 1200px) {
.box-layout .sticky-header {
width: 1250px !important;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
/*--------------------------------------------------------------
#0.6 services-section
--------------------------------------------------------------*/
.services-section {
padding-bottom: 30px;
}
.services-section .service-grids {
overflow: hidden;
margin: 0 -15px;
}
.services-section .service-grids .grid {
width: 33.33%;
float: left;
padding: 0 15px 50px;
}
@media (max-width: 991px) {
.services-section .service-grids .grid {
width: 50%;
}
}
@media (max-width: 550px) {
.services-section .service-grids .grid {
width: 100%;
}
}
/*--------------------------------------------------------------
#0.7 cta
--------------------------------------------------------------*/
.cta {
background: url("../images/cta-bg.jpg") center center/cover no-repeat fixed;
text-align: center;
padding: 60px 0;
position: relative;
}
@media (max-width: 767px) {
.cta {
padding: 50px 0;
}
}
.cta:before {
content: "";
background-color: rgba(1, 47, 92, 0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.cta .container {
position: relative;
}
.cta h2 {
font-size: 30px;
font-size: 2rem;
color: #fff;
margin: 0;
}
@media (max-width: 991px) {
.cta h2 {
font-size: 25px;
font-size: 1.66667rem;
}
}
@media (max-width: 767px) {
.cta h2 {
font-size: 20px;
font-size: 1.33333rem;
}
}
.cta h2 span {
color: #fdd415;
}
/*--------------------------------------------------------------
#0.8 services-section-s2
--------------------------------------------------------------*/
.services-section-s2 img, .services-section-s3 img {
position: relative;
}
.services-section-s2 .services-phone, .services-section-s3 .services-phone {
max-width: 250px;
position: relative;
}
@media (max-width: 991px) {
.services-section-s2 .services-phone, .services-section-s3 .services-phone {
display: none;
}
}
.services-section-s2 .phone-bg, .services-section-s3 .phone-bg {
background: url("../images/services-phone-bg.html") center center/cover no-repeat local;
width: 96%;
height: 96%;
position: absolute;
left: 5px;
top: 10px;
border-radius: 25px;
}
.services-section-s2 .phone-bg:before, .services-section-s3 .phone-bg:before {
content: "";
background-color: rgba(1, 47, 92, 0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0%;
top: 0%;
border-radius: 25px;
}
.services-section-s2 .phone-inner, .services-section-s3 .phone-inner {
width: 165px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.services-section-s2 .phone-inner h3, .services-section-s3 .phone-inner h3 {
font-size: 24px;
font-size: 1.6rem;
color: #fff;
margin: 0 0 0.33em;
}
.services-section-s2 .phone-inner h3 span, .services-section-s3 .phone-inner h3 span {
color: #fdd415;
}
.services-section-s2 .phone-inner p, .services-section-s3 .phone-inner p {
color: #fff;
font-style: italic;
line-height: 1.29em;
margin-bottom: 2em;
}
.services-section-s2 .phone-inner .theme-btn-s2, .services-section-s3 .phone-inner .theme-btn-s2 {
font-size: 14px;
font-size: 0.93333rem;
padding: 7px 10px;
}
.services-section-s2 .phone-inner .theme-btn-s2:after, .services-section-s3 .phone-inner .theme-btn-s2:after {
display: none;
}
.services-section-s2 .phone-inner .theme-btn-s2:hover, .services-section-s3 .phone-inner .theme-btn-s2:hover {
background-color: #ddb602;
}
.services-section-s2 .services-s2-grids, .services-section-s3 .services-s2-grids {
overflow: hidden;
margin: 30px -25px 0;
}
@media (max-width: 1199px) {
.services-section-s2 .services-s2-grids, .services-section-s3 .services-s2-grids {
margin: 15px -25px 0;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.services-section-s2 .services-s2-grids, .services-section-s3 .services-s2-grids {
margin: 0 -15px;
}
}
.services-section-s2 .services-s2-grids .grid, .services-section-s3 .services-s2-grids .grid {
width: 50%;
float: left;
padding: 0 25px 80px;
}
@media (max-width: 767px) {
.services-section-s2 .services-s2-grids .grid, .services-section-s3 .services-s2-grids .grid {
width: 100%;
float: none;
padding: 0 15px 50px;
}
}
.services-section-s2 .services-s2-grids > .grid:nth-child(5), .services-section-s3 .services-s2-grids > .grid:nth-child(5),
.services-section-s2 .services-s2-grids > .grid:nth-child(6), .services-section-s3 .services-s2-grids > .grid:nth-child(6) {
padding-bottom: 0;
}
@media (max-width: 767px) {
.services-section-s2 .services-s2-grids > .grid:nth-child(5), .services-section-s3 .services-s2-grids > .grid:nth-child(5) {
padding-bottom: 50px;
}
}
/*--------------------------------------------------------------
#0.9 about-section
--------------------------------------------------------------*/
.about-section, .about-section-s3, .about-section-s4, .about-section-s5, .about-section-with-bg {
background-image: url('../images/about-parallax.jpg');
}
.about-section .about-details, .about-section-s3 .about-details, .about-section-s4 .about-details, .about-section-s5 .about-details, .about-section-with-bg .about-details {
padding-right: 6px;
}
.about-section .about-details p, .about-section-s3 .about-details p, .about-section-s4 .about-details p, .about-section-s5 .about-details p, .about-section-with-bg .about-details p {
color: #4a4a4a;
margin-bottom: 2em;
}
.about-section .skills > .skill + .skill, .about-section-s3 .skills > .skill + .skill, .about-section-s4 .skills > .skill + .skill, .about-section-s5 .skills > .skill + .skill, .about-section-with-bg .skills > .skill + .skill {
margin-top: 40px;
}
@media (max-width: 991px) {
.about-section .skills > .skill + .skill, .about-section-s3 .skills > .skill + .skill, .about-section-s4 .skills > .skill + .skill, .about-section-s5 .skills > .skill + .skill, .about-section-with-bg .skills > .skill + .skill {
margin-top: 25px;
}
}
.about-section .skill h6, .about-section-s3 .skill h6, .about-section-s4 .skill h6, .about-section-s5 .skill h6, .about-section-with-bg .skill h6 {
font-size: 18px;
font-size: 1.2rem;
font-weight: 600;
margin: 0 0 0.56em;
}
@media (max-width: 991px) {
.about-section .skill h6, .about-section-s3 .skill h6, .about-section-s4 .skill h6, .about-section-s5 .skill h6, .about-section-with-bg .skill h6 {
font-size: 15px;
font-size: 1rem;
}
}
.about-section .progress, .about-section-s3 .progress, .about-section-s4 .progress, .about-section-s5 .progress, .about-section-with-bg .progress {
background-color: transparent;
height: 5px;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
overflow: visible;
}
.about-section .progress-bar, .about-section-s3 .progress-bar, .about-section-s4 .progress-bar, .about-section-s5 .progress-bar, .about-section-with-bg .progress-bar {
background-color: #012f5c;
position: relative;
}
.about-section .progress-bar span, .about-section-s3 .progress-bar span, .about-section-s4 .progress-bar span, .about-section-s5 .progress-bar span, .about-section-with-bg .progress-bar span {
font-family: "Poppins", sans-serif;
background-color: #fdd415;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 18px;
font-size: 1.2rem;
font-weight: 600;
color: #012f5c;
border-radius: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
}
@media (max-width: 991px) {
.about-section .progress-bar span, .about-section-s3 .progress-bar span, .about-section-s4 .progress-bar span, .about-section-s5 .progress-bar span, .about-section-with-bg .progress-bar span {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
font-size: 0.93333rem;
}
}
.about-section .about-chart, .about-section-s3 .about-chart, .about-section-s4 .about-chart, .about-section-s5 .about-chart, .about-section-with-bg .about-chart {
-webkit-box-shadow: 0 0 10px #e6e6e6;
box-shadow: 0 0 10px #e6e6e6;
}
@media (max-width: 991px) {
.about-section .about-chart, .about-section-s3 .about-chart, .about-section-s4 .about-chart, .about-section-s5 .about-chart, .about-section-with-bg .about-chart {
display: none;
}
}
/*--------------------------------------------------------------
#1.0 projects-section
--------------------------------------------------------------*/
.projects-section ul, .projects-section-s2 ul, .project-section-s3-3grid ul {
list-style: none;
}
.projects-section .projects-list, .projects-section-s2 .projects-list, .project-section-s3-3grid .projects-list {
text-align: center;
margin-bottom: 40px;
}
.projects-section .projects-list li, .projects-section-s2 .projects-list li, .project-section-s3-3grid .projects-list li {
display: inline-block;
}
@media (max-width: 767px) {
.projects-section .projects-list li, .projects-section-s2 .projects-list li, .project-section-s3-3grid .projects-list li {
display: block;
}
}
.projects-section .projects-list li a, .projects-section-s2 .projects-list li a, .project-section-s3-3grid .projects-list li a {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-size: 1.06667rem;
color: #012f5c;
padding: 8px 12px;
border-radius: 5px;
display: block;
position: relative;
}
@media (max-width: 991px) {
.projects-section .projects-list li a, .projects-section-s2 .projects-list li a, .project-section-s3-3grid .projects-list li a {
font-size: 14px;
font-size: 0.93333rem;
}
}
@media (max-width: 767px) {
.projects-section .projects-list li a, .projects-section-s2 .projects-list li a, .project-section-s3-3grid .projects-list li a {
display: block;
}
}
.projects-section .projects-list li a:after, .projects-section-s2 .projects-list li a:after, .project-section-s3-3grid .projects-list li a:after {
content: "";
border: 5px solid transparent;
border-top: 5px solid #fdd415;
position: absolute;
bottom: -10px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: none;
}
.projects-section .projects-list li a.current, .projects-section-s2 .projects-list li a.current, .project-section-s3-3grid .projects-list li a.current {
background-color: #fdd415;
}
.projects-section .projects-list li a.current:after, .projects-section-s2 .projects-list li a.current:after, .project-section-s3-3grid .projects-list li a.current:after {
display: block;
}
.projects-section .projects-grid, .projects-section-s2 .projects-grid, .project-section-s3-3grid .projects-grid {
overflow: hidden;
margin: 0 -5px;
}
.projects-section .projects-grid .grid, .projects-section-s2 .projects-grid .grid, .project-section-s3-3grid .projects-grid .grid {
width: 25%;
float: left;
padding: 0 5px 10px;
}
@media (max-width: 1199px) {
.projects-section .projects-grid .grid, .projects-section-s2 .projects-grid .grid, .project-section-s3-3grid .projects-grid .grid {
width: 33.33%;
}
}
@media (max-width: 991px) {
.projects-section .projects-grid .grid, .projects-section-s2 .projects-grid .grid, .project-section-s3-3grid .projects-grid .grid {
width: 50%;
}
}
@media (max-width: 550px) {
.projects-section .projects-grid .grid, .projects-section-s2 .projects-grid .grid, .project-section-s3-3grid .projects-grid .grid {
width: 100%;
float: none;
}
}
.projects-section .all-projects, .projects-section-s2 .all-projects, .project-section-s3-3grid .all-projects {
text-align: center;
margin-top: 50px;
}
/*--------------------------------------------------------------
#1.1 partners-section
--------------------------------------------------------------*/
.partners-section {
background-color: #f5f5f5;
padding: 40px 0;
text-align: center;
}
.partners-section img {
max-width: 100%;
display: inline-block;
}
/*--------------------------------------------------------------
#1.2 testimonials-section
--------------------------------------------------------------*/
.testimonials-section .grid, .testimonials-pg-content .grid {
overflow: hidden;
}
.testimonials-section .client-pic, .testimonials-pg-content .client-pic {
width: 36%;
float: left;
}
@media (max-width: 991px) {
.testimonials-section .client-pic, .testimonials-pg-content .client-pic {
width: 100%;
float: none;
}
}
.testimonials-section .grid .details, .testimonials-pg-content .grid .details {
width: 64%;
float: left;
padding: 0 30px 10px;
position: relative;
}
@media (max-width: 991px) {
.testimonials-section .grid .details, .testimonials-pg-content .grid .details {
width: 100%;
float: none;
padding: 20px 10px 20px 0;
}
}
.testimonials-section .grid .details:after, .testimonials-pg-content .grid .details:after {
content: "";
background-color: #fdd415;
width: 30px;
height: 4px;
border-radius: 5px;
position: absolute;
left: 30px;
bottom: 0;
}
@media (max-width: 991px) {
.testimonials-section .grid .details:after, .testimonials-pg-content .grid .details:after {
left: 0;
}
}
.testimonials-section .client-pic img, .testimonials-pg-content .client-pic img {
/*width: auto;*/
}
.testimonials-section .details h4, .testimonials-pg-content .details h4 {
font-size: 22px;
font-size: 1.46667rem;
margin: 0 0 0.12em;
}
@media (max-width: 991px) {
.testimonials-section .details h4, .testimonials-pg-content .details h4 {
font-size: 18px;
font-size: 1.2rem;
}
}
.testimonials-section .client-post, .testimonials-pg-content .client-post {
color: #999999;
display: block;
margin-bottom: 10px;
}
.testimonials-section .details p, .testimonials-pg-content .details p {
color: #666;
}
.testimonials-section .owl-controls, .testimonials-pg-content .owl-controls {
margin-top: 30px;
}
@media screen and (min-width: 1200px) {
.testimonials-section .owl-controls, .testimonials-pg-content .owl-controls {
width: 100%;
position: absolute;
top: 40%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.testimonials-section .owl-controls .owl-nav .owl-prev, .testimonials-pg-content .owl-controls .owl-nav .owl-prev,
.testimonials-section .owl-controls .owl-nav .owl-next, .testimonials-pg-content .owl-controls .owl-nav .owl-next {
background-color: transparent;
color: #012f5c;
font-size: 24px;
font-size: 1.6rem;
}
@media screen and (min-width: 1200px) {
.testimonials-section .owl-controls .owl-nav .owl-prev, .testimonials-pg-content .owl-controls .owl-nav .owl-prev,
.testimonials-section .owl-controls .owl-nav .owl-next, .testimonials-pg-content .owl-controls .owl-nav .owl-next {
padding: 0;
margin: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media (max-width: 991px) {
.testimonials-section .owl-controls .owl-nav .owl-prev, .testimonials-pg-content .owl-controls .owl-nav .owl-prev,
.testimonials-section .owl-controls .owl-nav .owl-next, .testimonials-pg-content .owl-controls .owl-nav .owl-next {
font-size: 18px;
font-size: 1.2rem;
}
}
.testimonials-section .owl-controls .owl-nav .owl-prev:hover, .testimonials-pg-content .owl-controls .owl-nav .owl-prev:hover,
.testimonials-section .owl-controls .owl-nav .owl-next:hover, .testimonials-pg-content .owl-controls .owl-nav .owl-next:hover {
background-color: transparent;
color: #fdd415;
}
.testimonials-section .owl-controls .owl-nav .owl-prev, .testimonials-pg-content .owl-controls .owl-nav .owl-prev {
left: -80px;
}
.testimonials-section .owl-controls .owl-nav .owl-next, .testimonials-pg-content .owl-controls .owl-nav .owl-next {
right: -40px;
}
/*--------------------------------------------------------------
#1.3 newsletter-section
--------------------------------------------------------------*/
.newsletter-section {
background: url("../images/newsletter-bg.jpg") center center/cover no-repeat fixed;
padding: 110px 0;
position: relative;
}
@media (max-width: 991px) {
.newsletter-section {
padding: 70px 0;
}
}
@media (max-width: 767px) {
.newsletter-section {
padding: 60px 0;
}
}
.newsletter-section:before {
content: "";
background-color: rgba(1, 47, 92, 0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.newsletter-section .container {
position: relative;
}
.newsletter-section h2 {
font-size: 42px;
font-size: 2.8rem;
line-height: 1.2em;
color: #fff;
margin: 0 0 0.88em;
}
@media (max-width: 1199px) {
.newsletter-section h2 {
font-size: 36px;
font-size: 2.4rem;
}
}
@media (max-width: 991px) {
.newsletter-section h2 {
font-size: 30px;
font-size: 2rem;
}
}
@media (max-width: 767px) {
.newsletter-section h2 {
font-size: 25px;
font-size: 1.66667rem;
}
}
.newsletter-section h2 span {
color: #fdd415;
}
.newsletter-section form div {
position: relative;
}
.newsletter-section form div input {
background-color: transparent;
font-size: 16px;
font-size: 1.06667rem;
height: 46px;
border: 2px solid #fff;
color: #fff;
padding: 6px 15px;
border-radius: 40px;
}
@media (max-width: 991px) {
.newsletter-section form div input {
height: 40px;
}
}
@media (max-width: 767px) {
.newsletter-section form div input {
height: 37px;
border: 1px solid #fff;
}
}
.newsletter-section form div button {
font-family: "Poppins", sans-serif;
background-color: #fdd415;
width: 205px;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 18px;
font-size: 1.2rem;
font-weight: 600;
color: #012f5c;
border: 0;
border-radius: 40px;
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 1199px) {
.newsletter-section form div button {
width: 185px;
font-size: 16px;
font-size: 1.06667rem;
}
}
@media (max-width: 991px) {
.newsletter-section form div button {
width: 145px;
height: 40px;
line-height: 40px;
font-size: 16px;
font-size: 1.06667rem;
}
}
@media (max-width: 767px) {
.newsletter-section form div button {
width: 115px;
height: 37px;
line-height: 37px;
font-size: 14px;
font-size: 0.93333rem;
}
}
.newsletter-section .newsletter-man {
position: absolute;
right: 0;
bottom: -110px;
}
@media (max-width: 991px) {
.newsletter-section .newsletter-man {
display: none;
}
}
/*--------------------------------------------------------------
#1.4 blog-section
--------------------------------------------------------------*/
@media (max-width: 991px) {
.blog-section {
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.blog-section {
padding-bottom: 40px;
}
}
@media (max-width: 991px) {
.blog-section .news-grids > .col {
margin-bottom: 30px;
}
}
@media (max-width: 600px) {
.blog-section .news-grids > .col {
width: 100%;
}
}
/*--------------------------------------------------------------
#1.5 contact-section
--------------------------------------------------------------*/
.contact-section, .contact-pg-content {
background: url("../images/newsletter-bg.jpg") center center/cover no-repeat fixed;
position: relative;
}
.contact-section:before, .contact-pg-content:before {
content: "";
background-color: rgba(1, 47, 92, 0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.contact-section .container, .contact-pg-content .container {
position: relative;
}
.contact-section form .col, .contact-pg-content form .col {
margin-bottom: 15px;
}
.contact-section form label, .contact-pg-content form label {
color: #fff;
text-transform: uppercase;
}
@media (max-width: 991px) {
.contact-section form label, .contact-pg-content form label {
font-size: 12px;
font-size: 0.8rem;
}
}
.contact-section form input, .contact-pg-content form input,
.contact-section form select, .contact-pg-content form select {
background-color: #fff;
height: 38px;
border-radius: 5px;
border: 0;
}
.contact-section form button, .contact-pg-content form button {
font-family: "Poppins", sans-serif;
background-color: #fdd415;
width: 100%;
height: 38px;
line-height: 38px;
font-size: 16px;
font-size: 1.06667rem;
font-weight: 600;
color: #012f5c;
border: 0;
border-radius: 5px;
outline: 0;
}
@media (max-width: 991px) {
.contact-section form button, .contact-pg-content form button {
font-size: 14px;
font-size: 0.93333rem;
}
}
.contact-section form button:hover, .contact-pg-content form button:hover {
background-color: #ddb602;
}
.contact-section form .submit-btn, .contact-pg-content form .submit-btn {
margin: 30px 0 0;
}
@media (max-width: 767px) {
.contact-section form .submit-btn, .contact-pg-content form .submit-btn {
margin: 15px 0 0;
}
}
.contact-section .contact-location-map, .contact-pg-content .contact-location-map {
height: 380px;
border-radius: 5px;
}
@media (max-width: 991px) {
.contact-section .contact-location-map, .contact-pg-content .contact-location-map {
margin-bottom: 60px;
}
}
/*--------------------------------------------------------------
#home style 2
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#2.0 services-section-s2
--------------------------------------------------------------*/
.services-section-s2 .owl-controls, .services-section-s3 .owl-controls {
margin-top: 50px;
}
.services-section-s2 .owl-dots .owl-dot.active span, .services-section-s3 .owl-dots .owl-dot.active span,
.services-section-s2 .owl-dots .owl-dot:hover span, .services-section-s3 .owl-dots .owl-dot:hover span {
background-color: #012f5c;
}
/*--------------------------------------------------------------
#2.1 fun-fact
--------------------------------------------------------------*/
.fun-fact {
background: url("../images/fun-fact-bg.jpg") center center/cover no-repeat fixed;
padding: 85px 0;
position: relative;
}
@media (max-width: 991px) {
.fun-fact {
padding: 85px 0 25px;
}
}
@media (max-width: 767px) {
.fun-fact {
padding: 70px 0 5px;
}
}
@media (max-width: 500px) {
.fun-fact {
padding: 50px 0 10px;
}
}
.fun-fact:before {
content: "";
background-color: rgba(1, 47, 92, 0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 991px) {
.fun-fact .row > .col {
margin-bottom: 60px;
}
}
@media (max-width: 500px) {
.fun-fact .row > .col {
width: 100%;
text-align: center;
margin-bottom: 40px;
}
}
.fun-fact .grid {
position: relative;
padding-left: 125px;
text-align: left;
}
@media (max-width: 1199px) {
.fun-fact .grid {
padding-left: 100px;
}
}
@media (max-width: 767px) {
.fun-fact .grid {
padding-left: 80px;
}
}
@media (max-width: 500px) {
.fun-fact .grid {
display: inline-block;
}
}
.fun-fact .icon {
background-color: #fdd415;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
border-radius: 50%;
position: absolute;
left: 0;
top: -12px;
}
@media (max-width: 1199px) {
.fun-fact .icon {
width: 80px;
height: 80px;
line-height: 80px;
}
}
@media (max-width: 767px) {
.fun-fact .icon {
width: 60px;
height: 60px;
line-height: 60px;
top: 0;
}
}
.fun-fact .icon .fi:before {
font-size: 52px;
font-size: 3.46667rem;
color: #012f5c;
}
@media (max-width: 1199px) {
.fun-fact .icon .fi:before {
font-size: 35px;
font-size: 2.33333rem;
}
}
.fun-fact h3 {
font-size: 48px;
font-size: 3.2rem;
color: #fff;
margin: 0;
}
@media (max-width: 1199px) {
.fun-fact h3 {
font-size: 35px;
font-size: 2.33333rem;
}
}
@media (max-width: 767px) {
.fun-fact h3 {
font-size: 30px;
font-size: 2rem;
}
}
.fun-fact span {
font-size: 18px;
font-size: 1.2rem;
color: #fff;
}
@media (max-width: 1199px) {
.fun-fact span {
font-size: 16px;
font-size: 1.06667rem;
}
}
@media (max-width: 767px) {
.fun-fact span {
font-size: 14px;
font-size: 0.93333rem;
}
}
/*--------------------------------------------------------------
#2.2 about-section-s2
--------------------------------------------------------------*/
.about-section-s2 .video {
position: relative;
}
.about-section-s2 .video:before {
content: "";
background-color: rgba(1, 47, 92, 0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.about-section-s2 .video-btn {
background-color: #fff;
width: 100px;
height: 100px;
line-height: 100px;
font-size: 18px;
font-size: 1.2rem;
color: #fdd415;
text-align: center;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
.about-section-s2 .video-btn {
width: 80px;
height: 80px;
line-height: 80px;
}
}
@media (max-width: 767px) {
.about-section-s2 .video-btn {
width: 70px;
height: 70px;
line-height: 70px;
}
}
.about-section-s2 .about-text h3 {
font-size: 30px;
font-size: 2rem;
margin: 1.6em 0 0.8em;
padding-bottom: 0.4em;
position: relative;
}
@media (max-width: 1199px) {
.about-section-s2 .about-text h3 {
font-size: 25px;
font-size: 1.66667rem;
}
}
@media (max-width: 991px) {
.about-section-s2 .about-text h3 {
font-size: 22px;
font-size: 1.46667rem;
margin: 0 0 0.8em;
}
}
@media (max-width: 767px) {
.about-section-s2 .about-text h3 {
font-size: 20px;
font-size: 1.33333rem;
margin: 1.6em 0 0.8em;
}
}
.about-section-s2 .about-text h3:after {
content: "";
background-color: #fdd415;
width: 40px;
height: 5px;
border-radius: 5px;
position: absolute;
left: 0;
bottom: 0;
}
@media (max-width: 767px) {
.about-section-s2 .about-text h3:after {
width: 30px;
height: 3px;
}
}
.about-section-s2 .about-text p {
color: #666;
margin-bottom: 2em;
}
.about-section-s2 .container > .row:first-child {
margin-bottom: 70px;
}
@media (max-width: 767px) {
.about-section-s2 .container > .row:first-child {
margin-bottom: 30px;
}
}
@media screen and (min-width: 1200px) {
.about-section-s2 .container > .row:first-child .about-text {
padding-right: 150px;
}
}
@media screen and (min-width: 1200px) {
.about-section-s2 .container > .row:last-child .about-text {
padding-right: 100px;
}
}
@media (max-width: 767px) {
.about-section-s2 .container > .row:last-child .about-text {
margin-bottom: 45px;
}
}
/*--------------------------------------------------------------
#home style 3
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#3.0 services-section-s3
--------------------------------------------------------------*/
.services-section-s3 {
padding-bottom: 10px;
}
@media (max-width: 991px) {
.services-section-s3 {
padding-bottom: 30px;
}
}
@media (max-width: 767px) {
.services-section-s3 {
padding-bottom: 20px;
}
}
@media (max-width: 600px) {
.services-section-s3 {
padding-bottom: 30px;
}
}
.services-section-s3 .services-s2-grids {
margin: 0 -15px;
}
.services-section-s3 .services-s2-grids .grid {
width: 33.33%;
float: left;
padding: 0 15px 70px;
}
@media (max-width: 991px) {
.services-section-s3 .services-s2-grids .grid {
width: 50%;
padding: 0 15px 50px;
}
}
@media (max-width: 600px) {
.services-section-s3 .services-s2-grids .grid {
width: 100%;
float: none;
padding: 0 15px 40px;
}
}
/*--------------------------------------------------------------
#3.1 about-section-s3
--------------------------------------------------------------*/
.about-section-s3 .about-chart, .about-section-s4 .about-chart, .about-section-s5 .about-chart {
margin-top: -100px;
}
.about-section-s3 .about-details p:last-child, .about-section-s4 .about-details p:last-child, .about-section-s5 .about-details p:last-child {
margin-bottom: 0;
}
.about-section-s4 .about-img, .about-section-s5 .about-img {
margin-top: -91px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #b3b3b3;
box-shadow: 0 0 10px #b3b3b3;
}
@media (max-width: 1199px) {
.about-section-s4 .about-img, .about-section-s5 .about-img {
margin-top: 0;
}
}
@media (max-width: 991px) {
.about-section-s4 .about-img, .about-section-s5 .about-img {
margin-top: 40px;
}
}
.about-section-s4 .about-img img, .about-section-s5 .about-img img {
width: 100%;
}
/*--------------------------------------------------------------
#3.2 projects-section-s2
--------------------------------------------------------------*/
.projects-section-s2 .section-title-s5 {
margin-top: 50px;
}
@media (max-width: 1199px) {
.projects-section-s2 .section-title-s5 {
margin-top: 0;
}
}
@media (max-width: 991px) {
.projects-section-s2 .section-title-s5 {
margin-top: 50px;
}
}
.projects-section-s2 .projects-grid .grid {
width: 50%;
}
@media (max-width: 550px) {
.projects-section-s2 .projects-grid .grid {
width: 100%;
}
}
.projects-section-s2 .skill-progress-bar {
margin: 40px 0 75px;
}
@media (max-width: 991px) {
.projects-section-s2 .skill-progress-bar {
margin: 40px 0 55px;
}
}
.projects-section-s2 .more-work {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-size: 1.2rem;
font-weight: bold;
color: #012f5c;
padding-bottom: 3px;
display: inline-block;
position: relative;
}
@media (max-width: 767px) {
.projects-section-s2 .more-work {
font-size: 16px;
font-size: 1.06667rem;
}
}
.projects-section-s2 .more-work i {
color: #fdd415;
}
.projects-section-s2 .more-work:after {
content: "";
width: 100%;
height: 1px;
border-bottom: 1px solid #012f5c;
position: absolute;
left: 0;
bottom: 0;
}
/*--------------------------------------------------------------
#3.3 team-section
--------------------------------------------------------------*/
.team-section, .certificats-pg-section {
padding-bottom: 50px;
}
.team-section .section-title-s5, .certificats-pg-section .section-title-s5 {
border: 2px solid #012f5c;
padding: 50px 30px;
}
@media screen and (min-width: 1200px) {
.team-section .section-title-s5, .certificats-pg-section .section-title-s5 {
margin-top: 110px;
}
}
@media (max-width: 991px) {
.team-section .section-title-s5, .certificats-pg-section .section-title-s5 {
padding: 30px 25px;
}
}
.team-section .section-title-s5 h2, .certificats-pg-section .section-title-s5 h2 {
margin-bottom: 0.7em;
}
.team-section .section-title-s5 p, .certificats-pg-section .section-title-s5 p {
margin-bottom: 2em;
}
.team-section .certificats-grids, .certificats-pg-section .certificats-grids {
margin: 0 -15px;
}
.team-section .certificats-grids .grid, .certificats-pg-section .certificats-grids .grid {
width: 33.33%;
float: left;
padding: 0 15px 30px;
}
@media (max-width: 991px) {
.team-section .certificats-grids .grid, .certificats-pg-section .certificats-grids .grid {
width: 50%;
}
}
@media (max-width: 500px) {
.team-section .certificats-grids .grid, .certificats-pg-section .certificats-grids .grid {
width: 100%;
float: none;
}
}
.team-section .all-member, .certificats-pg-section .all-member {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-size: 1.2rem;
font-weight: bold;
color: #012f5c;
padding-bottom: 3px;
display: inline-block;
position: relative;
}
@media (max-width: 767px) {
.team-section .all-member, .certificats-pg-section .all-member {
font-size: 16px;
font-size: 1.06667rem;
}
}
.team-section .all-member i, .certificats-pg-section .all-member i {
color: #fdd415;
}
.team-section .all-member:after, .certificats-pg-section .all-member:after {
content: "";
width: 100%;
height: 1px;
border-bottom: 1px solid #012f5c;
position: absolute;
left: 0;
bottom: 0;
}
/*--------------------------------------------------------------
#home style 4
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#4.0 projects-section-s2
--------------------------------------------------------------*/
.project-section-s3-3grid .projects-grid .grid {
width: 33.33%;
}
@media (max-width: 991px) {
.project-section-s3-3grid .projects-grid .grid {
width: 50%;
}
}
@media (max-width: 550px) {
.project-section-s3-3grid .projects-grid .grid {
width: 100%;
}
}
.project-section-s3-3grid .projects-grid .grid .details {
border: 4px solid #fdd415;
}
/*--------------------------------------------------------------
#4.1 pricing-section
--------------------------------------------------------------*/
.pricing-section .section-title, .pricing-section .section-title-s2, .pricing-section .section-title-s3, .pricing-section .section-title-s4, .pricing-section .section-title-s5 {
margin-bottom: 75px;
}
@media (max-width: 767px) {
.pricing-section .section-title, .pricing-section .section-title-s2, .pricing-section .section-title-s3, .pricing-section .section-title-s4, .pricing-section .section-title-s5 {
margin-bottom: 45px;
}
}
.pricing-section .container {
overflow: hidden;
}
.pricing-section .owl-carousel .owl-stage-outer {
overflow: visible;
}
.pricing-section .owl-controls {
margin-top: 50px;
}
.pricing-section .owl-controls .owl-dots .owl-dot span {
background-color: #012f5c;
}
.pricing-section .owl-controls .owl-dots .active span {
background-color: #fdd415;
}
.pricing-pg-section .pricing-grids {
padding-top: 25px;
}
/*--------------------------------------------------------------
#about page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#5.0 about-section-with-bg
--------------------------------------------------------------*/
.about-section-s5 {
/*background-color: #f4b200;
background-attachment: fixed;
background-image: url(../images/pattern_n2.png);
clear: both;
color: #fff;
display: block;
overflow: hidden;
padding: 0;
position: relative;
box-shadow: 0 5px 5px rgb(0 0 0 / 2%) inset, 0 -5px 5px rgb(0 0 0 / 2%) inset;*/
background-color: white;
}
.about-section-with-bg {
background-color: #f5f5f5;
}
/*--------------------------------------------------------------
#team page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#6.0 certificats-pg-section
--------------------------------------------------------------*/
.team-pg .page-title {
background: url("../images/pg-title/img-2.jpg") center center/cover no-repeat local;
}
.certificats-pg-section .certificats-grids .grid {
width: 25%;
}
@media (max-width: 1199px) {
.certificats-pg-section .certificats-grids .grid {
width: 33.33%;
}
}
@media (max-width: 991px) {
.certificats-pg-section .certificats-grids .grid {
width: 50%;
}
}
@media (max-width: 500px) {
.certificats-pg-section .certificats-grids .grid {
width: 100%;
text-align: center;
}
}
/*--------------------------------------------------------------
#services
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#7.0 services-pg-section
--------------------------------------------------------------*/
.services-pg .page-title {
background: url("../images/pg-title/img-3.jpg") center center/cover no-repeat local;
}
.services-pg-section {
padding-bottom: 50px;
}
@media (max-width: 767px) {
.services-pg-section {
padding-bottom: 40px;
}
}
.services-pg-section .services-grid-s2 {
overflow: hidden;
margin: 0 -15px;
}
.services-pg-section .services-grid-s2 .grid {
width: calc(33.33% - 30px);
float: left;
margin: 0 15px 30px;
}
@media (max-width: 1199px) {
.services-pg-section .services-grid-s2 .grid {
width: calc(50% - 30px);
}
}
@media (max-width: 600px) {
.services-pg-section .services-grid-s2 .grid {
width: calc(100% - 30px);
float: none;
}
}
/*--------------------------------------------------------------
#service single page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#8.0 service-single-section
--------------------------------------------------------------*/
.service-single-pg .page-title {
background: url("../images/pg-title/img-3.jpg") center center/cover no-repeat local;
}
.service-single-section ul {
list-style: none;
}
.service-single-section p,
.service-single-section li {
color: #6a6a6a;
}
.service-single-section .service-single-content h3 {
font-size: 36px;
font-size: 2.4rem;
margin: 0 0 0.69em;
}
@media (max-width: 1199px) {
.service-single-section .service-single-content h3 {
font-size: 30px;
font-size: 2rem;
}
}
@media (max-width: 991px) {
.service-single-section .service-single-content h3 {
font-size: 25px;
font-size: 1.66667rem;
}
}
@media (max-width: 767px) {
.service-single-section .service-single-content h3 {
font-size: 22px;
font-size: 1.46667rem;
}
}
.service-single-section .service-single-content .img-holder {
margin: 35px 0 0;
}
.service-single-section .service-single-content h4 {
font-size: 24px;
font-size: 1.6rem;
margin: 0 0 0.54em;
}
@media (max-width: 991px) {
.service-single-section .service-single-content h4 {
font-size: 20px;
font-size: 1.33333rem;
}
}
@media (max-width: 767px) {
.service-single-section .service-single-content h4 {
font-size: 18px;
font-size: 1.2rem;
}
}
.service-single-section .discussion-faq {
margin: 50px -15px 0;
overflow: hidden;
}
.service-single-section .discussion-faq .discussion,
.service-single-section .discussion-faq .faq {
width: 50%;
float: left;
padding: 0 15px;
}
@media (max-width: 991px) {
.service-single-section .discussion-faq .discussion,
.service-single-section .discussion-faq .faq {
width: 100%;
float: none;
}
}
.service-single-section .discussion ul {
margin-top: 25px;
}
.service-single-section .discussion ul li {
margin-bottom: 10px;
position: relative;
padding-left: 25px;
}
.service-single-section .discussion ul li i {
position: absolute;
left: 0;
top: 3px;
}
@media (max-width: 991px) {
.service-single-section .faq {
margin-top: 50px;
}
}
.service-single-section .faq .panel {
border: 1px solid #d8d8d8;
}
.service-single-section .faq .panel-heading {
padding: 0;
}
.service-single-section .faq .panel-heading a {
font-family: "Poppins", sans-serif;
background-color: #012f5c;
font-size: 16px;
font-size: 1.06667rem;
color: #fff;
padding: 15px 30px;
display: block;
position: relative;
}
@media (max-width: 1199px) {
.service-single-section .faq .panel-heading a {
font-size: 14px;
font-size: 0.93333rem;
}
}
@media (max-width: 767px) {
.service-single-section .faq .panel-heading a {
padding: 10px 20px;
}
}
.service-single-section .faq .panel-heading a:after {
font-family: "FontAwesome";
content: "\f068";
font-size: 16px;
font-size: 1.06667rem;
color: #fdd415;
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1199px) {
.service-single-section .faq .panel-heading a:after {
font-size: 14px;
font-size: 0.93333rem;
}
}
@media (max-width: 767px) {
.service-single-section .faq .panel-heading a:after {
right: 20px;
}
}
.service-single-section .faq .panel-heading .collapsed:after {
content: "\f067";
}
/*--------------------------------------------------------------
#case studies page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#9.0 case-studies-section
--------------------------------------------------------------*/
.case-studies-pg .page-title {
background: url("../images/pg-title/img-4.jpg") center center/cover no-repeat local;
}
.case-studies-section .case-studies-grids > .col {
margin-bottom: 60px;
}
@media (max-width: 650px) {
.case-studies-section .case-studies-grids > .col {
width: 100%;
margin-bottom: 50px;
}
}
.case-studies-section .grid .img-holder {
margin-bottom: 20px;
}
.case-studies-section .grid h3 {
font-size: 24px;
font-size: 1.6rem;
font-weight: 600;
line-height: 1.5em;
padding: 0 0 0.62em;
margin: 0 0 1.25em;
position: relative;
}
@media (max-width: 1199px) {
.case-studies-section .grid h3 {
font-size: 20px;
font-size: 1.33333rem;
}
}
@media (max-width: 991px) {
.case-studies-section .grid h3 {
font-size: 18px;
font-size: 1.2rem;
}
}
.case-studies-section .grid h3:after {
content: "";
background-color: #fdd415;
width: 57px;
height: 3px;
position: absolute;
left: 0;
bottom: 0;
}
@media (max-width: 991px) {
.case-studies-section .grid h3:after {
width: 40px;
}
}
.case-studies-section .grid a {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-size: 1.06667rem;
font-weight: 600;
color: #012f5c;
}
@media (max-width: 1199px) {
.case-studies-section .grid a {
font-size: 14px;
font-size: 0.93333rem;
}
}
.case-studies-section .grid a:hover {
color: #fdd415;
}
/*--------------------------------------------------------------
#case studies single page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#10.0 case-study-single-content
--------------------------------------------------------------*/
.case-studies-single-pg .page-title {
background: url("../images/pg-title/img-4.jpg") center center/cover no-repeat local;
}
.case-study-single-content .case-details {
/*** service single tab ***/
}
@media screen and (min-width: 1200px) {
.case-study-single-content .case-details {
padding-right: 45px;
}
}
.case-study-single-content .case-details ul {
list-style: none;
}
@media (max-width: 991px) {
.case-study-single-content .case-details {
margin-bottom: 100px;
}
}
@media (max-width: 767px) {
.case-study-single-content .case-details {
margin-bottom: 80px;
text-align: center;
}
}
.case-study-single-content .case-details h3 {
font-size: 2.13333rem;
font-weight: normal;
margin: 0 0 0.31em;
}
@media (max-width: 991px) {
.case-study-single-content .case-details h3 {
font-size: 1.86667rem;
}
}
@media (max-width: 767px) {
.case-study-single-content .case-details h3 {
font-size: 1.6rem;
}
}
.case-study-single-content .case-details .case-title {
margin: 50px 0 30px;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .case-title {
margin: 35px 0 20px;
}
}
.case-study-single-content .case-details .case-title > span {
font-size: 1.2rem;
display: block;
color: #999999;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .case-title > span {
font-size: 1.06667rem;
}
}
.case-study-single-content .case-details .chart {
height: 400px;
margin: 35px 0 45px;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .chart {
height: 300px;
}
}
.case-study-single-content .case-details .case-single-tab {
margin-top: 45px;
}
.case-study-single-content .case-details .case-single-tab .nav {
overflow: hidden;
}
.case-study-single-content .case-details .case-single-tab .nav li {
float: left;
}
.case-study-single-content .case-details .case-single-tab .nav a {
font-size: 1.2rem;
font-weight: bold;
color: #fdd415;
padding: 10px 45px;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .case-single-tab .nav a {
font-size: 0.93333rem;
padding: 10px 17px;
}
}
.case-study-single-content .case-details .case-single-tab .nav a:hover {
background: none;
}
.case-study-single-content .case-details .case-single-tab .nav .active a {
background: #012f5c;
color: #fff;
}
.case-study-single-content .case-details .tab-content {
padding-top: 35px;
position: relative;
display: inline-block;
color: #333;
text-align: justify;
border: 1px dashed #042556;
padding-bottom: 13px;
padding-right: 30px;
padding-left: 48px;
font-weight: 500;
font-size: 15px;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .tab-content {
padding-top: 25px;
}
}
.case-study-single-content .case-details .tab-content .tab-pane p {
margin-bottom: 25px;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .tab-content .tab-pane p {
margin-bottom: 15px;
}
}
.case-study-single-content .case-details .tab-content .tab-pane p:last-child {
margin-bottom: 0;
}
.case-study-single-content .case-details .tab-details {
margin-top: 60px;
overflow: hidden;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .tab-details {
margin-top: 30px;
}
}
.case-study-single-content .case-details .tab-details .img-holder {
width: 43%;
float: left;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .tab-details .img-holder {
width: 100%;
float: none;
}
}
.case-study-single-content .case-details .tab-details .info {
width: 57%;
float: right;
padding-left: 40px;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .tab-details .info {
width: 100%;
float: none;
padding-left: 0;
margin-top: 25px;
}
}
.case-study-single-content .case-details .tab-details ul li {
line-height: 1.6em;
color: #999999;
margin-bottom: 25px;
padding-left: 25px;
position: relative;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .tab-details ul li {
margin-bottom: 15px;
}
}
.case-study-single-content .case-details .tab-details ul li:last-child {
margin-bottom: 0;
}
.case-study-single-content .case-details .tab-details ul li i {
color: #fdd415;
position: absolute;
left: 0;
top: 6px;
}
/*--------------------------------------------------------------
#testimonails page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#11.0 testimonials-pg-content
--------------------------------------------------------------*/
.testimonials-pg .page-title {
background: url("../images/pg-title/img-5.jpg") center center/cover no-repeat local;
}
.testimonials-pg-content {
padding-bottom: 25px;
}
@media (max-width: 767px) {
.testimonials-pg-content {
padding-bottom: 15px;
}
}
.testimonials-pg-content .testimonials-grids {
margin: 0 -30px;
overflow: hidden;
}
@media (max-width: 991px) {
.testimonials-pg-content .testimonials-grids {
margin: 0 -15px;
}
}
.testimonials-pg-content .testimonials-grids .grid {
width: 50%;
float: left;
padding: 0 15px 55px;
}
@media (max-width: 600px) {
.testimonials-pg-content .testimonials-grids .grid {
width: 100%;
float: none;
}
}
/*--------------------------------------------------------------
#contact page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#12.0 contact-pg-content
--------------------------------------------------------------*/
.contact-pg .page-title {
background: url("../images/pg-title/img-5.jpg") center center/cover no-repeat local;
}
.contact-pg-content {
background: none;
}
.contact-pg-content:before {
display: none;
}
.contact-pg-content form ::-webkit-input-placeholder {
font-style: 16px;
font-style: normal;
color: #899199;
}
.contact-pg-content form :-moz-placeholder {
font-style: 16px;
font-style: normal;
color: #899199;
}
.contact-pg-content form ::-moz-placeholder {
font-style: 16px;
font-style: normal;
color: #899199;
}
.contact-pg-content form :-ms-input-placeholder {
font-style: 16px;
font-style: normal;
color: #899199;
}
.contact-pg-content form input,
.contact-pg-content form textarea {
height: 45px;
font-size: 15px;
font-size: 1rem;
border: 1px solid #7f7f7f;
border-radius: 10px;
padding: 6px 15px;
}
@media (max-width: 991px) {
.contact-pg-content form input,
.contact-pg-content form textarea {
font-size: 14px;
font-size: 0.93333rem;
height: 40px;
}
}
.contact-pg-content form textarea {
height: 140px;
}
.contact-pg-content form .submit-btn {
margin-top: 0;
}
.contact-pg-content form button {
height: 45px;
line-height: 45px;
background-color: #012f5c;
color: #fff;
border-radius: 10px;
}
@media (max-width: 991px) {
.contact-pg-content form button {
height: 40px;
line-height: 40px;
}
}
/*--------------------------------------------------------------
#blog page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#13.0 blog-pg-content
--------------------------------------------------------------*/
.blog-pg-content .news-grids > .col {
margin-bottom: 50px;
}
@media (max-width: 600px) {
.blog-pg-content .news-grids > .col {
width: 100%;
}
}
/*--------------------------------------------------------------
#13.1 blog-with-sidebar-section
--------------------------------------------------------------*/
.blog-with-sidebar-section .news-grids .grid {
width: calc(50% - 30px);
float: left;
margin: 0 15px 30px;
}
@media (max-width: 600px) {
.blog-with-sidebar-section .news-grids .grid {
width: calc(100% - 15px);
float: none;
}
}
.blog-with-sidebar-section .pagination-wrapper {
padding-top: 40px;
}
@media (max-width: 991px) {
.blog-with-sidebar-section .pagination-wrapper {
padding-top: 20px;
}
}
/*--------------------------------------------------------------
#13.2 blog-list
--------------------------------------------------------------*/
.blog-list .news-grids .grid {
width: 100%;
margin-bottom: 50px;
}
.blog-list .news-grids .pagination-wrapper {
padding-top: 0;
}
/*--------------------------------------------------------------
# blog single page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#20.1 blog-single-content
--------------------------------------------------------------*/
.blog-single-content {
/*** tags ***/
/*** comments ***/
}
.blog-single-content ul {
list-style: none;
}
.blog-single-content .post .post-title-meta {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 25px;
margin-bottom: 20px;
}
.blog-single-content .post .post-title-meta h2 {
font-size: 36px;
font-size: 2.4rem;
margin: 0 0 0.6em;
}
@media (max-width: 991px) {
.blog-single-content .post .post-title-meta h2 {
font-size: 30px;
font-size: 2rem;
}
}
@media (max-width: 767px) {
.blog-single-content .post .post-title-meta h2 {
font-size: 25px;
font-size: 1.66667rem;
}
}
.blog-single-content .post .meta-info {
overflow: hidden;
}
.blog-single-content .post .meta-info li {
float: left;
margin-right: 50px;
}
.blog-single-content .post .meta-info li:last-child {
margin-right: 0;
}
.blog-single-content .post .meta-info li a {
color: #999999;
}
.blog-single-content .post .post-body h3 {
font-family: "Hind", sans-serif;
font-size: 24px;
font-size: 1.6rem;
margin: 0 0 0.63em;
}
@media (max-width: 991px) {
.blog-single-content .post .post-body h3 {
font-size: 20px;
font-size: 1.33333rem;
}
}
.blog-single-content .post .post-body p {
font-size: 18px;
font-size: 1.2rem;
margin-bottom: 1.2em;
}
@media (max-width: 991px) {
.blog-single-content .post .post-body p {
font-size: 16px;
font-size: 1.06667rem;
}
}
.blog-single-content .post .post-body p:first-child:first-letter {
font-size: 35px;
font-size: 2.33333rem;
position: absolute;
left: 0;
top: 0;
color: #000;
}
.blog-single-content .post .gallery-post {
padding-top: 40px;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.blog-single-content .post .gallery-post {
padding-top: 20px;
}
}
.blog-single-content .post .gallery-post .gallery {
overflow: hidden;
}
.blog-single-content .post .gallery-post .gallery img {
width: 100%;
}
.blog-single-content .post .gallery-post .gallery > div:first-child {
width: 60%;
float: left;
}
.blog-single-content .post .gallery-post .gallery > div:last-child {
width: 39%;
float: right;
}
.blog-single-content .tag-share {
overflow: hidden;
padding: 20px 0 0;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 40px;
}
.blog-single-content .tag-share > div {
display: inline-block;
}
@media (max-width: 1199px) {
.blog-single-content .tag-share > div {
display: block;
}
}
.blog-single-content .tag-share > div > span {
color: #000;
display: inline-block;
padding-right: 10px;
position: relative;
top: -13px;
}
.blog-single-content .tag-share > div:first-child {
float: left;
}
@media (max-width: 1199px) {
.blog-single-content .tag-share > div:first-child {
float: none;
}
}
.blog-single-content .tag-share > div:last-child {
float: right;
}
@media (max-width: 1199px) {
.blog-single-content .tag-share > div:last-child {
float: none;
}
}
.blog-single-content .tag-share .tag,
.blog-single-content .tag-share .share {
overflow: hidden;
display: inline-block;
}
.blog-single-content .tag-share .tag li,
.blog-single-content .tag-share .share li {
float: left;
}
.blog-single-content .tag-share .tag li:last-child,
.blog-single-content .tag-share .share li:last-child {
margin-right: 0;
}
.blog-single-content .tag-share .tag a {
color: #012f5c;
display: inline-block;
padding: 6px 20px;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
.blog-single-content .tag-share .tag a:hover,
.blog-single-content .tag-share .tag .active a {
background: #fdd415;
color: #fff;
}
.blog-single-content .tag-share .share li {
margin-right: 15px;
}
.blog-single-content .tag-share .share li a {
font-size: 20px;
font-size: 1.33333rem;
color: #012f5c;
}
.blog-single-content .tag-share .share li a:hover {
color: #fdd415;
}
.blog-single-content .comments {
padding: 55px 0 0;
/*** .article ***/
}
@media (max-width: 767px) {
.blog-single-content .comments {
padding: 40px 25px 0;
}
}
.blog-single-content .comments > ol {
padding-left: 0;
}
.blog-single-content .comments ol {
list-style: none;
}
.blog-single-content .comments ol > li {
margin-bottom: 35px;
}
.blog-single-content .comments ol > li:last-child {
margin-bottom: 0;
}
.blog-single-content .comments ol > li > ol {
margin-left: 28px;
margin-top: 35px;
padding: 0;
}
@media (max-width: 767px) {
.blog-single-content .comments ol > li > ol {
margin: 30px 0 0 0;
}
}
.blog-single-content .comments ol > li > ol > li {
background-color: #fafafa;
padding: 30px;
margin-bottom: 35px;
}
@media (max-width: 767px) {
.blog-single-content .comments ol > li > ol > li {
padding: 20px;
}
}
.blog-single-content .comments ol > li > ol > li:last-child {
margin-bottom: 0;
}
.blog-single-content .comments .article {
overflow: hidden;
}
.blog-single-content .comments .article h4 {
font-size: 16px;
font-size: 1.06667rem;
margin: 0;
text-transform: capitalize;
}
@media (max-width: 767px) {
.blog-single-content .comments .article h4 {
font-size: 14px;
font-size: 0.93333rem;
}
}
.blog-single-content .comments .article p {
font-size: 15px;
font-size: 1rem;
margin-bottom: 5px;
}
@media (max-width: 767px) {
.blog-single-content .comments .article p {
font-size: 14px;
font-size: 0.93333rem;
}
}
.blog-single-content .comments .article .replay {
width: 95px;
height: 32px;
margin-top: 10px;
position: relative;
}
.blog-single-content .comments .article .replay button {
background-color: #fff;
width: 100%;
height: 100%;
font-size: 16px;
font-size: 1.06667rem;
font-weight: bold;
color: #012f5c;
padding: 0;
border: 1px solid #012f5c;
outline: 0;
z-index: 10;
border-radius: 10px;
}
@media (max-width: 767px) {
.blog-single-content .comments .article .replay button {
font-size: 14px;
font-size: 0.93333rem;
}
}
.blog-single-content .comments .article .replay button:hover {
color: #fdd415;
}
.blog-single-content .comments .article .author-meta {
overflow: hidden;
margin-bottom: 5px;
}
.blog-single-content .comments .article .author-meta > div {
display: inline-block;
}
.blog-single-content .comments .article .author-meta > div:last-child {
font-size: 13px;
font-size: 0.86667rem;
color: gray;
padding-left: 5px;
}
.blog-single-content .comments .article .author-pic {
width: 10%;
float: left;
}
.blog-single-content .comments .article .author-pic img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
@media (max-width: 767px) {
.blog-single-content .comments .article .author-pic {
width: 100%;
float: none;
margin-bottom: 10px;
}
}
.blog-single-content .comments .article .details {
width: 90%;
float: left;
}
@media (max-width: 767px) {
.blog-single-content .comments .article .details {
width: 100%;
float: none;
}
}
.blog-single-content .comment-respond {
margin-top: 75px;
}
.blog-single-content .comment-respond h3 {
margin: 0 0 2em;
}
.blog-single-content .comment-respond form {
margin: 0 -15px;
position: relative;
}
.blog-single-content .comment-respond form input,
.blog-single-content .comment-respond form textarea {
border-radius: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid #cccccc;
}
.blog-single-content .comment-respond form textarea {
height: 110px;
}
.blog-single-content .comment-respond form > div {
margin-bottom: 50px;
}
.blog-single-content .comment-respond form .theme-btn, .blog-single-content .comment-respond form .theme-btn-s2 {
background: #012f5c;
font-size: 16px;
font-size: 1.06667rem;
text-transform: none;
padding: 10px 45px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
@media (max-width: 767px) {
.blog-single-content .comment-respond form .theme-btn, .blog-single-content .comment-respond form .theme-btn-s2 {
font-size: 14px;
font-size: 0.93333rem;
padding: 10px 35px;
}
}
.blog-single-content .comment-respond form .theme-btn:hover, .blog-single-content .comment-respond form .theme-btn-s2:hover {
color: #fdd415;
}
.blog-single-content .comment-respond form .theme-btn:hover:after, .blog-single-content .comment-respond form .theme-btn-s2:hover:after {
color: #fdd415;
}
.blog-single-content .comment-respond form .comment-respond-submit {
margin: 0;
text-align: center;
}
.popup {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
width: 100vw;
height: 100vh;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.877);
z-index: 9999999;
visibility: hidden;
overflow: hidden;
opacity: 0;
transition: 0.7s ease-in-out;
}
.popup-inner {
position: relative;
justify-content: space-between;
bottom: -200em;
display: flex;
align-items: center;
max-width: 1000px;
max-height: 1000px;
width: 100%;
height: 82%;
background-color: white;
transform: rotate(45deg);
transition: 1s ease-in-out;
}
.popup-photo {
display: flex;
background-image: url(../images/certificate/iso-9001-2015-certification-services-1591942395-5476515.jpg);
background-repeat: no-repeat;
background-position: center;
width: 54%;
height: 100%;
overflow: hidden;
}
.popup-text {
display: flex;
flex-direction: column;
justify-content: center;
width: 60%;
height: 100%;
text-align: center;
padding: 4rem;
}
.popup-text h1 {
font-size: 2rem;
font-weight: 600;
margin-bottom: 2rem;
text-transform: uppercase;
color: #0a0a0a;
}
.popup-text p {
font-size: 0.9rem;
color: black;
line-height: 1.5;
}
.popup:target {
visibility: visible;
opacity: 1;
}
.popup:target .popup-inner {
bottom: 0;
right: 0;
transform: rotate(0);
}
.popup-close {
position: absolute;
right: -3px;
top: 0;
width: 3rem;
height: 3rem;
font-size: 0.8rem;
font-weight: 400;
border-radius: 100%;
z-index: 4;
line-height: 3rem;
text-align: center;
cursor: pointer;
text-decoration: none;
}
.popup-close i {
color: rgb(163, 18, 18);
font-size: 3em;
}
@media only screen and (max-width: 300px) {
.popup-inner {
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 800px) {
.popup-text {
padding: 8px;
height: 100%;
width: 72%;
overflow: hidden;
}
.popup-text h1 {
font-size: 1.2em;
}
}
.cat{
text-align: center;
}
@import url("../../css-1.html");
@-webkit-keyframes come-in {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
30% {
-webkit-transform: translateX(-50px) scale(0.4);
transform: translateX(-50px) scale(0.4);
}
70% {
-webkit-transform: translateX(0px) scale(1.2);
transform: translateX(0px) scale(1.2);
}
100% {
-webkit-transform: translateX(0px) scale(1);
transform: translateX(0px) scale(1);
opacity: 1;
}
}
@keyframes come-in {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
30% {
-webkit-transform: translateY(-50px) scale(0.4);
transform: translateY(-50px) scale(0.4);
}
70% {
-webkit-transform: translateY(0px) scale(1.2);
transform: translateY(0px) scale(1.2);
}
100% {
-webkit-transform: translateX(0px) scale(1);
transform: translateX(0px) scale(1);
opacity: 1;
}
}
/*floating*/
.floating-container {
position: fixed;
width: 100px;
z-index: 99999999;
height: 100px;
bottom: 0;
left: 0;
margin: 35px 25px;
}
.floating-container:hover {
height: 300px;
}
.floating-container:hover .floating-button {
box-shadow: 0 10px 25px rgba(44, 179, 240, 0.6);
-webkit-transform: translatey(5px);
transform: translatey(5px);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.floating-container:hover .element-container .float-element:nth-child(1) {
-webkit-animation: come-in 0.4s forwards 0.2s;
animation: come-in 0.4s forwards 0.2s;
}
.floating-container:hover .element-container .float-element:nth-child(2) {
-webkit-animation: come-in 0.4s forwards 0.4s;
animation: come-in 0.4s forwards 0.4s;
}
.floating-container:hover .element-container .float-element:nth-child(3) {
-webkit-animation: come-in 0.4s forwards 0.6s;
animation: come-in 0.4s forwards 0.6s;
}
.floating-container .floating-button {
position: absolute;
width: 65px;
height: 65px;
background: #2d4e71;
bottom: 0;
border-radius: 50%;
left: 0;
right: 0;
margin: auto;
color: white;
line-height: 65px;
text-align: center;
font-size: 23px;
z-index: 100;
box-shadow: 0 10px 25px -5px rgba(44, 179, 240, 0.6);
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.floating-container .float-element {
position: relative;
display: block;
border-radius: 50%;
width: 50px;
font-size: 56px;
height: 50px;
margin: 15px auto;
color: white;
font-weight: 500;
text-align: center;
line-height: 50px;
z-index: 0;
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.floating-container .float-element .material-icons {
vertical-align: middle;
font-size: 16px;
}
.floating-container .float-element:nth-child(1) {
background: #42A5F5;
box-shadow: 0 20px 20px -10px rgba(66, 165, 245, 0.5);
}
.floating-container .float-element:nth-child(2) {
background: #4CAF50;
box-shadow: 0 20px 20px -10px rgba(76, 175, 80, 0.5);
}
.floating-container .float-element:nth-child(3) {
background: #FF9800;
box-shadow: 0 20px 20px -10px rgba(255, 152, 0, 0.5);
}
@media only screen and (max-width: 991px) {
.mobileHide { display: none;visibility: visible;}
}
#visitor-counter{
font-size:15px;
width: 170px;
color: whitesmoke;
font-family: cursive;
box-shadow: 1px 0px 2px 1px grey;
}
/*new Css form SHivam */
.container h2{
text-align: center;
text-transform: uppercase;
font-size: 35px;
margin-bottom: 25px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.container .services{
justify-content: space-around;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.container .services .card{
width: 330px;
text-align: center;
background: #222;
padding: 20px 15px;
margin-bottom: 30px;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
}
.container .services .card:hover{
background: chocolate;
}
.container .services .card .content{
transition: 0.3s;
}
.container .services .card:hover .content{
transform: scale(1.07);
}
.container .services .card .content .icon{
padding: 5px 0;
color: white;
}
.container .services .card .content .icon i{
font-size: 40px;
}
.container .services .card:hover .content .title{
color: white;
}
.container .services .card .content .title{
padding: 5px 0;
font-size: 24px;
font-weight: 500;
color: chocolate;
transition: 0.3s;
}
.para{
color:#fff;
}
.image-effect { display: inline-block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; zoom: 1; *display: inline; text-align: center;}
.image-effect textarea { box-sizing: padding-box; font-family: "Roboto"; font-size: 0.9em; max-height: 32px; padding: 6px 0px; resize: none; text-align: center; width: 100%; border: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
[class*=' imghvr-'],[class*=' imghvr-'] *,[class*=' imghvr-']:after,[class*=' imghvr-']:before,[class*=' imghvr-']:after,[class*=' imghvr-']:before,[class^=imghvr-],[class^=imghvr-] *,[class^=imghvr-]:after,[class^=imghvr-]:before,[class^=imghvr-]:after,[class^=imghvr-]:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .35s ease; transition: all .35s ease}
[class*=' imghvr-blocks'] figcaption:after,[class*=' imghvr-blocks'] figcaption:before,[class*=' imghvr-blocks']:after,[class*=' imghvr-blocks']:before,[class^=imghvr-blocks] figcaption:after,[class^=imghvr-blocks] figcaption:before,[class^=imghvr-blocks]:after,[class^=imghvr-blocks]:before { background-color: #fab012de; opacity: 0; position: absolute; content: ''}
[class*=' imghvr-blocks']:after,
[class*=' imghvr-blocks']:before,
[class^=imghvr-blocks]:after,
[class^=imghvr-blocks]:before { z-index: 1}
[class*=' imghvr-blocks']:before,
[class^=imghvr-blocks]:before {top: 16px; right: 16px; bottom: 50%; left: 50%;}
[class*=' imghvr-blocks']:after,
[class^=imghvr-blocks]:after { bottom: 16px; left: 16px; top: 50%; right: 50%;}
[class*=' imghvr-blocks'] figcaption,
[class^=imghvr-blocks] figcaption { z-index: 3; background-color: transparent; border-width: 0;}
[class*=' imghvr-blocks'] figcaption *,
[class^=imghvr-blocks] figcaption * {
opacity: 0
}
[class*=' imghvr-blocks'] figcaption:after,
[class*=' imghvr-blocks'] figcaption:before,
[class^=imghvr-blocks] figcaption:after,
[class^=imghvr-blocks] figcaption:before {
height: 50%;
width: 50%;
z-index: -1
}
[class*=' imghvr-blocks'] figcaption:before,
[class^=imghvr-blocks] figcaption:before {
top: 0;
left: 0
}
[class*=' imghvr-blocks'] figcaption:after,
[class^=imghvr-blocks] figcaption:after {
bottom: 0;
right: 0
}
[class*=' imghvr-blocks'] a,
[class^=imghvr-blocks] a {
z-index: 3
}
[class*=' imghvr-blocks']:hover figcaption:after,
[class*=' imghvr-blocks']:hover figcaption:before,
[class*=' imghvr-blocks']:hover:after,
[class*=' imghvr-blocks']:hover:before,
[class^=imghvr-blocks]:hover figcaption:after,
[class^=imghvr-blocks]:hover figcaption:before,
[class^=imghvr-blocks]:hover:after,
[class^=imghvr-blocks]:hover:before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: .9
}
[class*=' imghvr-blocks']:hover figcaption *,
[class^=imghvr-blocks]:hover figcaption * {
opacity: 1;
-webkit-transition-delay: .25s;
transition-delay: .25s
}
.imghvr-blocks-rotate-left:before {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
.imghvr-blocks-rotate-left:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.imghvr-blocks-rotate-left figcaption:before {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.imghvr-blocks-rotate-left figcaption:after,
.imghvr-blocks-rotate-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.imghvr-blocks-rotate-right:after {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.imghvr-blocks-rotate-right figcaption:before {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
.imghvr-blocks-rotate-in-left:before,
.imghvr-blocks-rotate-right figcaption:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.imghvr-blocks-rotate-in-left:after {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
.imghvr-blocks-rotate-in-left figcaption:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.imghvr-blocks-rotate-in-left figcaption:after,
.imghvr-blocks-rotate-in-right:before {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.imghvr-blocks-rotate-in-right:after {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.imghvr-blocks-rotate-in-right figcaption:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.imghvr-blocks-rotate-in-right figcaption:after {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
.imghvr-blocks-in:before {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%)
}
.imghvr-blocks-in:after {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%)
}
.imghvr-blocks-in figcaption:before {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%)
}
.imghvr-blocks-in figcaption:after {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%)
}
.imghvr-blocks-out:before {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%)
}
.imghvr-blocks-out:after {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%)
}
.imghvr-blocks-out figcaption:before {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%)
}
.imghvr-blocks-out figcaption:after {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%)
}
[class*=' imghvr-book-open-'] figcaption,
[class^=imghvr-book-open-] figcaption {
background-color: transparent;
border: none;
-webkit-perspective: 50em;
perspective: 50em
}
[class*=' imghvr-book-open-'] figcaption *,
[class^=imghvr-book-open-] figcaption * {
opacity: 0
}
[class*=' imghvr-book-open-'] figcaption:after,
[class*=' imghvr-book-open-'] figcaption:before,
[class^=imghvr-book-open-] figcaption:after,
[class^=imghvr-book-open-] figcaption:before {
z-index: -1;
background-color: #999;
content: '';
position: absolute;
opacity: 0;
-webkit-transition: all .45s ease;
transition: all .45s ease
}
[class*=' imghvr-book-open-']:hover figcaption,
[class^=imghvr-book-open-]:hover figcaption {
opacity: 1
}
[class*=' imghvr-book-open-']:hover figcaption *,
[class^=imghvr-book-open-]:hover figcaption * {
opacity: 1;
-webkit-transition-delay: .2s;
transition-delay: .2s
}
[class*=' imghvr-'],
[class^=imghvr-] {
font-family: Montserrat, sans-serif;
position: relative;
display: inline-block;
margin: 0;
max-width: 100%;
/*background-color: rgba(230, 230, 230, .7);*/
color: #666;
overflow: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
[class*=' imghvr-'] img,
[class^=imghvr-] img {
vertical-align: top;
max-width: 100%
}
[class*=' imghvr-'] figcaption,
[class^=imghvr-] figcaption {
/*background-color: rgba(255, 255, 255, .9); */
padding: 20px;
position: absolute;
top: 15px;
display: flex;
bottom: 15px;
left: 15px;
right: 15px;
border: 1px solid rgba(0, 0, 0, .1);
flex-direction: column;
justify-content: center;
align-self: center;
}
[class*=' imghvr-'] h3,
[class*=' imghvr-'] p,
[class^=imghvr-] h3,
[class^=imghvr-] p {
margin: 0;
padding: 0
}
[class*=' imghvr-'] h3,
[class^=imghvr-] h3 {
font-weight: 700;
color: #333;
margin-bottom: 2px
}
[class*=' imghvr-'] p,
[class^=imghvr-] p {
font-family: Lora, sans-serif;
font-size: .9em
}
[class*=' imghvr-'] a,
[class^=imghvr-] a {
/*position: absolute;*/
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1
}
[class*=' imghvr-'],
[class*=' imghvr-'] *,
[class*=' imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class*=' imghvr-']:before,
[class^=imghvr-],
[class^=imghvr-] *,
[class^=imghvr-]:after,
[class^=imghvr-]:before,
[class^=imghvr-]:after,
[class^=imghvr-]:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .35s ease; transition: all .35s ease}
.ser-box { margin-bottom: 25px;}
.image-effect p { margin-top: 18px;}
figure.imghvr-blocks-rotate-right h3 { margin-top: 15px;}
.image-effect p {}
.about2-section{background: url(../images/about-parallax.jpg)no-repeat !important;}
.our-services{position: relative; padding-top: 40px;}
.our-services::before{background: url(../images/left-services.jpg)no-repeat; width: 100%; height: 500px; position: absolute; left: 0px; content: ''; top: 0px; z-index: -9; opacity: 0.1;}
.our-services::after{background: url(../images/right-service.jpg)no-repeat; width: 100%; height: 500px; position: absolute; right: -65%; content: ''; bottom: 0px; z-index: -9; opacity: 0.1; display: none;}
.middle-part a { font-size: 22px; font-weight: 800;}
.about-main p { color: #000;}
.middle-part a { color: #fff;}
.middle-part p{color: #fff;}
.text-area-finserv p { line-height: 30px;}
.sky-blue { background-color: #f5faff;}
.not-before h3 { font-size: 38px; position: relative; display: inline-block; padding-right: 27px; text-transform: capitalize;}
.about-heading h3 { font-size: 38px; position: relative; display: inline-block; padding-right: 27px; text-transform: capitalize;}
.about-heading h3::before { position: absolute; content: ''; right: -13px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #f50050; width: 17px; height: 30px; -webkit-clip-path: polygon(56% 0, 100% 0%, 47% 100%, 0% 100%); clip-path: polygon(56% 0, 100% 0%, 47% 100%, 0% 100%);}
.about-heading h3::after { position: absolute; content: ''; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #f50050; width: 17px; height: 30px; -webkit-clip-path: polygon(56% 0, 100% 0%, 47% 100%, 0% 100%); clip-path: polygon(56% 0, 100% 0%, 47% 100%, 0% 100%);}
.about-text-section h2 { text-transform: capitalize; font-size: 30px;}
.about-text-section p { line-height: 28px; margin-bottom: 0;}
.about-section-type{padding-bottom: 50px; position: relative;}
.about-box { position: relative; z-index: -9;}
.about-box::before { position: absolute; content: ''; bottom: -10px; right: 0px; width: 80px; height: 80px; background: #fab012; z-index: -1;}
.about-box::after { position: absolute; content: ''; top: -10px; left: 0px; width: 80px; height: 80px; background: #fab012; z-index: -1;}
.about-section-type::before { background: url(../images/after.png)no-repeat; position: absolute; content: ''; width: 17%; height: 336px; bottom: 0px; right: 0; z-index: -99999; opacity: 0.3; filter: grayscale(10%);}
.about-section-type::after { background: url(../images/before.png)no-repeat; position: absolute; content: ''; width: 18%; height: 190px; bottom: 83%; left: 0%; z-index: -99999; opacity: 0.3; filter: grayscale(10%);}
.banner-image img { border-radius: 25px;}
.bg-banner-about-three-item {background-image: url(../images/bg-about-three-item.jpg); background-repeat: no-repeat; background-size: cover !important; background-attachment: inherit !important;}
.carousel-indicators{bottom: 30px;}
.about-heading { text-transform: capitalize;}
section.team-section { padding: 50px 0; background: #f9f9f9;}
span.heading-services-type { font-size: 20px; color: #333;}
.img-box-type-team .featured-content-team{background: transparent !important;}
.img-box-type-team .featured-content-team a{color: #fff;}
.img-box-type-team .featured-content-team p{color: #fff !important;}
.what-we-do h3 { line-height: 45px;}
div#our-mission { padding: 100px 0 !important;}
div#our-vision{ padding: 100px 0 !important;}
div#our-value{ padding: 0px 0 !important;}
.value-section-type {width: 80%;text-align: center;margin: 0px auto;}
p.p-mission { font-size: 35px !important; line-height: 40px; color: black; font-weight: 600;}
.about-heading h4 { font-size: 37px; position: relative; display: inline-block; padding-right: 27px;}
.about-heading h4::before { position: absolute; content: ''; right: -13px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #f50050; width: 17px; height: 30px; -webkit-clip-path: polygon(56% 0, 100% 0%, 47% 100%, 0% 100%); clip-path: polygon(56% 0, 100% 0%, 47% 100%, 0% 100%);}
.about-heading h4::after { position: absolute; content: ''; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #f50050; width: 17px; height: 30px; -webkit-clip-path: polygon(56% 0, 100% 0%, 47% 100%, 0% 100%); clip-path: polygon(56% 0, 100% 0%, 47% 100%, 0% 100%);}
.featured-title p.aaa{ font-size: 24px !important; line-height: 28px; margin-bottom: 10px; }
.home-about-text h1 { text-transform: capitalize;}
a.color-pink { color: #fab012;}
.center-text { text-align: center; width: 100%;}
a.services-btn { background: #fab012; padding: 12px 18px 12px 18px; color: #fff;}
.button-center { width: 100%; text-align: center;}
img { border-radius: 25px;}
/*.carousel-inner > .item {
height: 400px;
}*/
/*-- New CSS --*/
.ttm-row.services-section{ padding: 30px 0 0px 0px;}
/*-- Background Image CSS --*/
.unique-bg.zik-zak { }
.layer-content ul li { margin-left: 20px;}
.zak-content ul li { margin-left: 25px;}
.carousel-inner .carousel-item img{ border-radius: 0;}
.site-branding img{ border-radius: 0px !important;}
.carousel-3d-slide{border-radius: 0px !important;}
div#mission { padding: 110px 0 !important;}
div#vision { padding: 110px 0 !important;}
.featured-thumbnail img { border-radius: 100% !important;}
.top-header-new { background: #0c0c26;}
.social-media-header li a { color: #fff;}
.marque-center marquee{color: #fff;}
.bg-remove-style { background: #fff !important;}
p.category.coloring-white { color: #fab012 !important;}
p.aaa.coloring-white a { color: #fab012;}
p.heading-bg-none{background: inherit !important;}
input.white-bg-color{background: #fff !important; color: #333;}
.carousel-caption .heading-2 {padding: 0px; text-transform: uppercase; font-weight: bold; width: 65%; position: relative; top: -159px; text-align: left; font-size: 54px !important; line-height: 72px; color: #fab012 !important; left: -12%; background-position: 0 20% !important; background-position: 0 45% !important; padding-left: 15px;}
#three p.heading-6 {position: relative !important; left: 50% !important; font-size: 54px !important; top: -159px; line-height: 72px !important; font-weight: 900 !important;}
.top-header-new {background: #0b0d26;}
.color-gray p a{color: #8d9297;}
.adres-align { margin-left: 35px;}
.adres-align span { padding-left: 0 !important; color:#000;}
p.aaa.coloring-white { color: #fab012 !important;}
.quick-form p.title {font-size: 30px !important; color: #000;}
.title-desc a { color: #fab012;}
.content-ak p { color: #686a6d; font-size: 15px !important; line-height: 26px; margin:10px 0;}
.content-ak a { color: #fab012;}
.content-ak ul li { color: #686a6d; font-size: 15px !important; line-height: 30px; margin:5px 0 5px 20px;}
a.about-btn {color: white;}
.content-side a { color: #fab012;}
.about-text-section a { color: #fab012;}
.diverse-content a { color: #fab012;}
.btn-pop input { background: #fab012; width: 100%;}
.btn-pop input:hover{background-color:#0b0d26;}
.form-group textarea{resize:none !important;}
.custom-btn-type {background: #fab012; border: none; border-radius: 0px; transform: rotate(90deg); z-index: 999999; right:-48px; position: fixed; top: 50%;}
.custom-btn-type:hover {background: #0b0d26;}
.services-box a {color: #fab012;}
.modal-header p { color: #000; font-size: 18px !important; font-weight: 600;}
span.clr-spn { font-weight: 600; text-transform: capitalize; font-size: 12px; line-height: 24px; letter-spacing: 1px; margin-bottom: 12px; margin-top: 5px; color: #fab012;}
.not-real a { pointer-events: none;}
.mobile-menu{z-index: 999999; display: block !important;}
.news-cls { margin-top: 25px !important;}
/*fennec-mobile-nav*/
.fennec-mobile-nav { display: none;}
.fennec-mobile-nav.mean-container .mean-nav ul li a.active { color: #02298a;}
.fennec-mobile-nav .others-option { position: absolute; text-align: center; right: 48px; top: 14px; width: 21%;}
.fennec-mobile-nav .others-option .option-item { color: #141414; display: inline-block; margin-right: 10px; position: relative; line-height: initial;}
.fennec-mobile-nav .others-option .option-item:last-child { margin-right: 0;}
.fennec-mobile-nav .others-option .option-item .search-btn { cursor: pointer;}
.fennec-mobile-nav .others-option .option-item .search-btn::before { font-size: 17px;}
.fennec-mobile-nav .others-option .option-item .close-btn { cursor: pointer; display: none; font-size: 17px;}
.fennec-mobile-nav .others-option .option-item .close-btn.active { display: block;}
.fennec-mobile-nav .others-option .option-item a { color: #141414;}
.fennec-mobile-nav .others-option .option-item a i::before { font-size: 17px;}
.fennec-mobile-nav .others-option .option-item a span { display: inline-block; width: 15px; height: 15px; background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733)); background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733); border-radius: 50%; text-align: center; color: #ffffff; line-height: 15px; font-weight: 600; font-size: 10px; position: relative; top: -12px; left: -12px;}
.fennec-mobile-nav .navbar-nav { overflow-y: auto; height: 428px;}
.fennec-mobile-nav .search-overlay.search-popup { width: 265px; right: -95px; margin-top: 23px;}
.fennec-mobile-nav .search-overlay.search-popup .search-form .search-input { width: 95%;}
.navbar-area.is-sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); background-color: #ffffff; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;}
.navbar-area.is-sticky .fennec-nav { background-color: #ffffff;}
.navbar-brand { padding-top: 0; padding-bottom: 0;}
.fennec-nav { background-color: #f8f8f8; padding-top: 0; padding-bottom: 0;}
.fennec-nav .navbar { padding: 0;}
.fennec-nav .navbar ul { padding-left: 0; list-style-type: none; margin-bottom: 0;}
.fennec-nav .navbar .navbar-nav .nav-item { position: relative; padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a { font-size: 14px; font-weight: 600; color: #141414; text-transform: uppercase; padding: 20px 12px; position: relative; z-index: 1; margin: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a i { margin-left: 1px;}
.fennec-nav .navbar .navbar-nav .nav-item a i::before { font-size: 11px;}
.fennec-nav .navbar .navbar-nav .nav-item a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; color: #000 !important; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover, .fennec-nav .navbar .navbar-nav .nav-item a:focus, .fennec-nav .navbar .navbar-nav .nav-item a.active { color: #000;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before { opacity: 1; visibility: visible;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background: #ffffff; position: absolute; border: none; top: 80px; left: 0; width: 250px; z-index: 99; display: block; opacity: 0; visibility: hidden; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-top: 15px; padding-left: 5px; padding-right: 5px; padding-bottom: 15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { text-transform: capitalize; padding: 5px 15px; display: block; color: #141414; margin-top: 6px; font-size: 15px; font-weight: 600;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before { display: none;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::after { position: absolute; content: ''; height: 100%; width: 3px; left: -5px; background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79)); background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79); -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; visibility: hidden; top: 0; -webkit-transform: scale(0); transform: scale(0);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #02298a;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child { margin-top: 0;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: 220px; top: 0; opacity: 0; visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 220px; top: 0; opacity: 0; visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; top: 100%; margin-top: 0;}
.fennec-nav .others-option { margin-left: auto;}
.fennec-nav .others-option .option-item { color: #141414; display: inline-block; margin-right: 15px; position: relative; line-height: initial;}
.fennec-nav .others-option .option-item:last-child { margin-right: 0;}
.fennec-nav .others-option .option-item .search-btn { cursor: pointer;}
.fennec-nav .others-option .option-item .search-btn::before { font-size: 20px;}
.fennec-nav .others-option .option-item .close-btn { cursor: pointer; display: none; font-size: 20px;}
.fennec-nav .others-option .option-item .close-btn.active { display: block;}
.fennec-nav .others-option .option-item a { color: #141414;}
.fennec-nav .others-option .option-item a i::before { font-size: 20px;}
.fennec-nav .others-option .option-item a span { display: inline-block; width: 15px; height: 15px; background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733)); background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733); border-radius: 50%; text-align: center; color: #ffffff; line-height: 15px; font-weight: 600; font-size: 10px; position: relative; top: -12px; left: -12px;}
.search-overlay { display: none;}
.search-overlay.search-popup { position: absolute; top: 100%; width: 300px; right: 0; background: #ffffff; z-index: 2; padding: 20px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); margin-top: 20px;}
.search-overlay.search-popup .search-form { position: relative;}
.search-overlay.search-popup .search-form .search-input { display: block; width: 100%; height: 40px; line-height: initial; border: 1px solid #eeeeee; padding-left: 10px; color: #141414; outline: 0;}
.search-overlay.search-popup .search-form .search-button { position: absolute; right: 0; top: 0; height: 40px; background: transparent; border: none; width: 40px; outline: 0; color: #777777; -webkit-transition: 0.5s; transition: 0.5s;}
.search-overlay.search-popup .search-form .search-button:hover, .search-overlay.search-popup .search-form .search-button:focus { color: #141414;}
.navbar-style-two { background-color: #f8f8f8;}
.navbar-style-two .fennec-nav { background-color: #f8f8f8; padding-top: 15px; padding-bottom: 15px; padding-left: 80px; padding-right: 80px;}
.navbar-style-two .fennec-nav .navbar .navbar-nav { margin-left: auto;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item { padding-top: 15px; padding-bottom: 15px;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a { padding: 0; margin: 0 12px;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a i { color: #666666; -webkit-transition: 0.5s; transition: 0.5s;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a::before { display: none;}.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active { color: #fd6c1e;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover i, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus i, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active i { color: #fd6c1e;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:first-child a { margin-left: 0;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:last-child a { margin-right: 0;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li { padding: 0;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { margin-top: 6px; margin-left: 0; margin-right: 0;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::after { background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733)); background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #fd6c1e;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child { margin-top: 0;}
.navbar-style-two .fennec-nav .others-option { margin-left: 22px;}
.navbar-style-two.is-sticky .fennec-nav { padding-top: 10px; padding-bottom: 10px;}
ul.dropdown-menu {height: 500px;overflow-y: scroll;}
header.header-sm { display: none;}
.logo-top-face img {position: absolute; z-index: 999;}
nav.navbar.navbar-expand-lg.navbar-light.bg-light { position: absolute !important; width: 100% !important; z-index: 999 !important;}
.featured-title span { font-size: 22px !important;}
div#inner-form #submit {color: #fff;}
.featured-icon-box p { color: #fff !important;}
.company-side p { color: #fff !important;}
.diverse-content p { color: #fff !important;}
.google-conveter button { background: #fab013; border: 0px;}
.google-conveter button:hover{background-color: inherit !important;}
li.second-top { display: inline-flex !important; position: relative; bottom: 33px;}
.modal-header span { font-size: 25px !important; font-weight: bolder; text-transform: uppercase;}
.quote-filed input{color:#000;}
.quote-filed input::placeholder {color: #000; opacity: 1; }
.quote-filed input:-ms-input-placeholder { color: #000;}
.quote-filed input::-ms-input-placeholder { color: #000;}
.quote-filed-btn input { background: #fab013;}
.mobile-menu { z-index: 999999; display: none !important;}
div.ttm-page-title-row > .ttm-bg-layer { background-color: rgba(24,35,51,0.85); }
.ttm-page-title-row { display: block; padding-top: 100px; padding-bottom: 85px; z-index: 11;}
.title-box .page-title-heading h1 { text-transform: capitalize; font-size: 43px; line-height: 50px; margin-bottom: 10px;}
.title-box .page-title-heading{ position: relative; }
.breadcrumb-wrapper a { font-family: "Poppins",Arial,Helvetica,sans-serif; font-weight: 400; text-transform: capitalize; font-size: 14px; line-height: 20px; color: #ffffff;}
.ttm-row{ padding: 90px 0;}
.ttm-row.broken-section,
.ttm-row.testimonial-section,
.ttm-row.about2-section,
.ttm-row.row-top-section{ padding: 0 0; }
.ttm-row.project-style2-section,
.ttm-row.single-project-section{padding-bottom: 60px;}
.ttm-row.pricing-plan-section,
.ttm-row.team-member-section,
.ttm-row.faq-section,
.ttm-row.about-blog-section{padding-bottom: 70px;}
.ttm-row.blog-grid-section,
.ttm-row.blog-left-img-section,
.ttm-row.services2-section {padding-bottom: 80px;}
.ttm-row.services-section{padding-bottom: 70px;}
.ttm-row.row-title-section{padding-top: 220px;padding-bottom: 110px;}
.ttm-row.blog-text-section{padding-top: 207px;padding-bottom: 180px;}
.ttm-row.blog-section,
.ttm-row.client-section,
.ttm-row.blog2-section,
.ttm-row.about-blog-section,
.ttm-row.contact-form-section{padding-top: 0;}
.ttm-row.strategy-section,
.ttm-row.chart-section,
.ttm-row.blog-section,
.ttm-row.about-blog2-section,
.ttm-row.map-section{padding-bottom: 0;}
.ttm-row.blog-section,
.ttm-row.about-blog-section{margin-top: -180px;}
.ttm-row.client-section{padding-bottom: 37px;}
.ttm-row.about-section,
.ttm-row.process-section{padding-bottom: 50px;}
.ttm-row.strategy-section{padding-top: 140px;}
.ttm-row.team-work-section{padding-bottom: 60px;}
.ttm-row.blog-text2-section{padding-top: 250px;padding-bottom: 250px;}
.ttm-row.row-title2-section{padding-bottom: 200px;}
.ttm-row.row-title2-section,
.ttm-row.tab-section{padding-top: 150px;}
.ttm-row.about-top-section{padding-top: 110px;}
.ttm-row.about-services-section{padding-bottom: 50px;}
.ttm-row.row-title3-section{padding-top: 157px;padding-bottom: 117px;}
.row-equal-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.row-equal-height > [class*='col-'] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.ttm-bg{ position: relative;}
.ttm-col-bgimage-yes, .bg-layer-equal-height .ttm-col-bgcolor-yes{ height: 100%; z-index: 9;}
.ttm-bg-layer , .ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer,
.ttm-bg-layer .ttm-bg-layer-inner { position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
.ttm-left-span .ttm-col-wrapper-bg-layer { width: auto; margin-left: -100px; right: 0;}
.ttm-right-span .ttm-col-wrapper-bg-layer { width: auto; margin-right: -100px; right: 0;}
.ttm-bg.ttm-bgimage-yes>.ttm-bg-layer,
.ttm-bg.ttm-col-bgimage-yes .ttm-bg-layer-inner { opacity: 0.5; }
.ttm-bgcolor-skincolor.map-bgimg.ttm-bg.ttm-bgimage-yes > .ttm-bg-layer,
.ttm-bgcolor-skincolor.map-bgimg.ttm-bg .ttm-bg-layer .ttm-bg-layer-inner{opacity: 0.20;}
.layer-content{ position: relative ; z-index: 9; height: 100%; }
.bg-layer > .container > .row { margin: 0; }
.bg-layer > .container > .row > [class*='col-'] ,
.bg-layer > .container-fluid > .row > [class*='col-'] { padding: 0; }
.bg-img1{ background-image: url(../images/row-bgimage-1.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center; filter: drop-shadow();}
.bg-img2{ background-image: url(../images/row-bgimage-2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.bg-img3{ background-image: url(../images/row-bgimage-3.png); background-repeat: no-repeat; background-position: center top;}
.bg-img4{ background-image: url(../images/row-bgimage-4.html); background-repeat: no-repeat; background-size: cover; background-position: center;}
.bg-img5{ background-image: url(../images/row-bgimage-5.html); background-repeat: no-repeat; background-position: center top;}
.bg-img6{ background-image: url(../images/bg-image/row-bgimage-6.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.bg-img7{ background-image: url(../images/bg-image/row-bgimage-7.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.bg-img8{ background-image: url(../images/bg-image/row-bgimage-8.html); background-repeat: no-repeat; background-size: cover; background-position: center;}
.map-bgimg,.map-bgimg.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/map-bgimg.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.ttm-equal-height-image{ display: none; }
.col-bg-img-one.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-1.png) !important; background-position: right!important; @import url("../../css.html"); html {
font-size: 15px;
}
body {
font-family: Hind, sans-serif;
background-color: rgb(255, 255, 255);
font-size: 0.93333rem;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
@media (max-width: 767px) {
body {
font-size: 14px;
}
}
p {
color: rgb(120, 120, 121);
font-family: Roboto, sans-serif;
font-size: 14px;
line-height: 25px;
font-style: normal;
text-align: justify;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
font-family: Poppins, sans-serif;
font-weight: bold;
color: rgb(1, 47, 92);
}
ul {
list-style-position: inside;
padding-left: 0px;
margin: 0px;
}
a {
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover, a:focus {
text-decoration: none;
}
img {
max-width: 100%;
}
.page-wrapper {
position: relative;
overflow: hidden;
}
.wow {
visibility: hidden;
}
.fi::before {
margin: 0px;
}
.section-padding {
padding: 32px 0px;
}
@media (max-width: 767px) {
.section-padding {
padding: 70px 0px;
}
}
.contact-validation-active .error-handling-messages {
width: 100%;
padding: 15px 15px 0px;
clear: both;
}
.services-container {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 50px;
}
.service {
width: 300px;
border: 2px solid rgb(204, 204, 204);
border-radius: 10px;
margin-bottom: 30px;
padding: 20px;
text-align: center;
}
.service h3 {
margin-top: 0px;
}
.service p {
margin-bottom: 20px;
}
.icon {
font-size: 40px;
margin-bottom: 20px;
}
.contact-validation-active label.error {
font-size: 0.93333rem;
font-weight: normal;
margin: 5px 0px 0px;
color: red !important;
}
.contact-validation-active #loader, .contact-validation-active #loader-2 {
display: none;
margin-top: 10px;
}
.contact-validation-active #success, .contact-validation-active #success-2, .contact-validation-active #error, .contact-validation-active #error-2 {
width: 100%;
color: rgb(255, 255, 255);
padding: 5px 10px;
font-size: 16px;
text-align: center;
display: none;
}
@media (max-width: 767px) {
.contact-validation-active #success, .contact-validation-active #success-2, .contact-validation-active #error, .contact-validation-active #error-2 {
font-size: 15px;
}
}
.contact-validation-active #success, .contact-validation-active #success-2 {
background-color: rgb(0, 154, 0);
border-left: 5px solid green;
margin-bottom: 5px;
}
.contact-validation-active #error, .contact-validation-active #error-2 {
background-color: rgb(255, 26, 26);
border-left: 5px solid red;
}
.contact-validation-active #loader {
text-align: center;
color: rgb(255, 255, 255);
font-size: 0.53333rem;
}
#contact-form-s2 #loader i {
color: rgb(1, 47, 92);
}
.back-to-top {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
display: none;
position: fixed;
z-index: 999;
right: 15px;
bottom: 15px;
transition: all 0.2s ease 0s;
border-radius: 3px;
}
@media (max-width: 991px) {
.back-to-top {
width: 35px;
height: 35px;
line-height: 35px;
}
}
.back-to-top:hover {
background-color: rgb(253, 212, 21);
}
.back-to-top i {
font-size: 1.2rem;
color: rgb(255, 255, 255);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.mfp-wrap {
background-color: rgba(0, 0, 0, 0.9);
z-index: 99999;
}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
opacity: 0;
backface-visibility: hidden;
transition: all 0.3s ease-out 0s;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
.fancybox-overlay {
background: rgba(0, 0, 0, 0.9);
z-index: 9999 !important;
}
.fancybox-wrap {
z-index: 99999 !important;
}
.box-layout {
}
@media screen and (min-width: 1200px) {
.box-layout {
width: 100%;
height: 100%;
background: url("../images/body-bg.jpg") center center / auto repeat fixed;
}
}
@media screen and (min-width: 1200px) {
.box-layout .page-wrapper {
background-color: rgb(255, 255, 255);
width: 1250px;
margin: 50px auto 0px;
}
}
.section-title, .section-title-s2, .section-title-s3, .section-title-s4, .section-title-s5 {
text-align: center;
margin: 0px 0px 45px;
}
.section-title h2, .section-title-s2 h2, .section-title-s3 h2, .section-title-s4 h2, .section-title-s5 h2 {
font-size: 2.4rem;
line-height: 1em;
margin: 0px;
padding-bottom: 0.47em;
position: relative;
}
@media (max-width: 991px) {
.section-title h2, .section-title-s2 h2, .section-title-s3 h2, .section-title-s4 h2, .section-title-s5 h2 {
font-size: 2rem;
}
}
@media (max-width: 767px) {
.section-title h2, .section-title-s2 h2, .section-title-s3 h2, .section-title-s4 h2, .section-title-s5 h2 {
font-size: 1.66667rem;
}
}
.section-title h2::after, .section-title-s2 h2::after, .section-title-s3 h2::after, .section-title-s4 h2::after, .section-title-s5 h2::after {
content: "";
background-color: rgb(253, 212, 21);
width: 30px;
height: 5px;
border-radius: 5px;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0px;
}
.section-title-s2 {
text-align: left;
}
.section-title-s2 h2 {
line-height: 1.2em;
}
.section-title-s2 h2::after {
left: 0px;
transform: none;
}
.section-title-s3 h2, .section-title-s4 h2, .section-title-s5 h2 {
margin-bottom: 0.33em;
}
.section-title-s4, .section-title-s5 {
text-align: left;
}
@media (max-width: 991px) {
.section-title-s4, .section-title-s5 {
margin-bottom: 35px;
}
}
.section-title-s4 h2::after, .section-title-s5 h2::after {
left: 0px;
transform: none;
}
.section-title-s4 h2, .section-title-s5 h2, .section-title-s4 p, .section-title-s5 p {
color: rgb(255, 255, 255);
}
.section-title-s5 h2 {
color: rgb(1, 47, 92);
}
.section-title-s5 p {
color: rgb(153, 153, 153);
}
.theme-btn, .theme-btn-s2 {
font-family: Poppins, sans-serif;
background-color: rgb(1, 47, 92);
font-size: 1.06667rem;
color: rgb(255, 255, 255);
padding: 12px 48px 12px 35px;
border: 0px;
margin-top: 22px;
border-radius: 5px;
display: inline-block;
position: relative;
}
.theme-btn::after, .theme-btn-s2::after {
font-family: FontAwesome;
content: "";
color: rgb(253, 212, 21);
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 991px) {
.theme-btn::after, .theme-btn-s2::after {
right: 15px;
}
}
@media (max-width: 1199px) {
.theme-btn, .theme-btn-s2 {
font-size: 0.93333rem;
padding: 10px 40px 10px 25px;
}
}
@media (max-width: 991px) {
.theme-btn, .theme-btn-s2 {
font-size: 0.86667rem;
margin-top: 22px;
padding: 9px 30px 9px 15px;
}
}
@media (max-width: 767px) {
.theme-btn, .theme-btn-s2 {
font-size: 0.8rem;
padding: 8px 30px 8px 15px;
}
}
.theme-btn:hover, .theme-btn-s2:hover, .theme-btn:focus, .theme-btn-s2:focus, .theme-btn:active, .theme-btn-s2:active {
background-color: rgb(253, 212, 21);
color: rgb(1, 47, 92);
}
.theme-btn:hover::after, .theme-btn-s2:hover::after {
color: rgb(1, 47, 92);
}
.theme-btn-s2 {
background-color: rgb(253, 212, 21);
color: rgb(1, 47, 92);
}
.theme-btn-s2::after {
color: rgb(1, 47, 92);
}
.form input, .form textarea, .form select {
border-color: rgb(191, 191, 191);
border-radius: 0px;
outline: 0px;
box-shadow: none;
color: rgb(89, 89, 89);
}
.form input:focus, .form textarea:focus, .form select:focus {
border-color: rgb(1, 47, 92);
box-shadow: rgb(2, 73, 142) 0px 0px 5px 0px;
}
.form ::-webkit-input-placeholder {
font-style: italic;
color: rgb(89, 89, 89);
}
.form select {
font-style: italic;
background: url("../images/select-icon.png") calc(100% - 15px) center no-repeat;
display: inline-block;
appearance: none;
cursor: pointer;
}
.social-links {
overflow: hidden;
}
.page-title {
background: url("../images/pg-title/img-1.jpg") center center / cover no-repeat local;
width: 100%;
height: 250px;
text-align: center;
position: relative;
}
@media (max-width: 767px) {
.page-title {
height: 220px;
}
}
.page-title::before {
content: "";
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.page-title .container {
height: 100%;
display: table;
}
.page-title .container > .row {
vertical-align: middle;
display: table-cell;
}
.page-title h2, .page-title ol {
color: rgb(255, 255, 255);
}
.page-title h2 {
font-size: 3.2rem;
font-weight: 800;
margin: 1em 0px 0.23em;
}
@media (max-width: 1199px) {
.page-title h2 {
font-size: 2.8rem;
}
}
@media (max-width: 991px) {
.page-title h2 {
font-size: 2.33333rem;
}
}
@media (max-width: 767px) {
.page-title h2 {
font-size: 1.86667rem;
font-weight: bold;
}
}
.page-title .breadcrumb {
background-color: transparent;
padding: 0px;
}
@media (max-width: 767px) {
.page-title .breadcrumb {
text-align: center;
}
}
.page-title .breadcrumb li {
font-size: 1.2rem;
color: rgb(253, 212, 21);
margin-right: 5px;
}
@media (max-width: 991px) {
.page-title .breadcrumb li {
font-size: 1rem;
}
}
.page-title .breadcrumb li a {
color: rgb(255, 255, 255);
}
.page-title .breadcrumb li a:hover {
color: rgb(253, 212, 21);
}
.page-title .breadcrumb > li + li::before {
font-family: FontAwesome;
content: "ï„…";
color: rgb(255, 255, 255);
margin-right: 5px;
}
.preloader {
background-color: rgb(255, 255, 255);
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 100000;
}
.preloader .inner {
width: 55px;
height: 15px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.preloader span {
background-color: rgb(2, 99, 193);
width: 9px;
height: 5px;
position: absolute;
top: 0px;
display: block;
animation: 1.5s ease-in-out 0s infinite normal none running preloader-animation;
}
.preloader .inner > span:nth-child(2) {
left: 11px;
animation-delay: 0.2s;
}
.preloader .inner > span:nth-child(3) {
left: 22px;
animation-delay: 0.4s;
}
.preloader .inner > span:nth-child(4) {
left: 33px;
animation-delay: 0.6s;
}
.preloader .inner > span:nth-child(5) {
left: 44px;
animation-delay: 0.8s;
}
@keyframes preloader-animation {
0%, 100%, 50% {
height: 5px;
transform: translateY(0px);
background: rgb(2, 99, 193);
}
25% {
height: 30px;
transform: translateY(-15px);
background: rgb(1, 47, 92);
}
}
@-webkit-keyframes preloader-animation {
0%, 100%, 50% {
height: 5px;
transform: translateY(0px);
background: rgb(2, 99, 193);
}
25% {
height: 30px;
transform: translateY(-15px);
background: rgb(1, 47, 92);
}
}
.service-grids .img-details-link {
margin-bottom: 30px;
position: relative;
}
@media (max-width: 991px) {
.service-grids .img-details-link {
margin-bottom: 20px;
}
}
.service-grids .img-details-link:hover .details-link {
transform: scale(1);
opacity: 1;
}
.service-grids .img-details-link:hover .details-link a {
top: 50%;
}
.service-grids .details-link {
background-color: rgba(1, 47, 92, 0.8);
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
transition: all 0.3s ease 0s;
transform: scale(0.5, 0.5);
opacity: 0;
}
.service-grids .details-link a {
background-color: rgb(253, 212, 21);
font-size: 1.33333rem;
color: rgb(1, 47, 92);
padding: 5px 10px;
border-radius: 5px;
position: absolute;
left: 50%;
top: 0%;
transform: translate(-50%, -50%);
transition: all 0.3s ease 0s;
}
@media (max-width: 1199px) {
.service-grids .details-link a {
font-size: 1.06667rem;
padding: 5px 8px;
}
}
.service-grids .service-details h3 {
font-size: 1.6rem;
font-weight: 600;
margin: 0px 0px 0.9em;
padding-bottom: 0.4em;
position: relative;
}
@media (max-width: 1199px) {
.service-grids .service-details h3 {
font-size: 1.33333rem;
}
}
@media (max-width: 991px) {
.service-grids .service-details h3 {
font-size: 1.2rem;
}
}
@media (max-width: 767px) {
.service-grids .service-details h3 {
font-size: 1.06667rem;
}
}
.service-grids .service-details h3::after {
background-color: rgb(253, 212, 21);
content: "";
width: 27px;
height: 4px;
border-radius: 5px;
position: absolute;
left: 0px;
bottom: 0px;
}
.service-grids .service-details p {
margin-bottom: 0px;
}
.services-s2-grids .grid {
position: relative;
}
.services-s2-grids .grid .inner {
padding-left: 85px;
}
@media (max-width: 767px) {
.services-s2-grids .grid .inner {
padding-left: 65px;
}
}
.services-s2-grids .icon {
width: 85px;
height: 85px;
line-height: 85px;
text-align: center;
border: 2px solid rgb(253, 212, 21);
border-radius: 50%;
position: absolute;
left: 0px;
top: 0px;
}
@media (max-width: 1199px) {
.services-s2-grids .icon {
width: 75px;
height: 75px;
line-height: 75px;
}
}
@media (max-width: 991px) {
.services-s2-grids .icon {
left: 15px;
}
}
@media (max-width: 767px) {
.services-s2-grids .icon {
width: 50px;
height: 50px;
line-height: 50px;
}
}
.services-s2-grids .icon .fi::before {
font-size: 3rem;
color: rgb(1, 47, 92);
}
@media (max-width: 767px) {
.services-s2-grids .icon .fi::before {
font-size: 1.8rem;
}
}
.services-s2-grids .grid h3 {
font-size: 1.6rem;
margin: 0.3em 0px 0.5em;
}
@media (max-width: 1199px) {
.services-s2-grids .grid h3 {
font-size: 1.2rem;
}
}
@media (max-width: 767px) {
.services-s2-grids .grid h3 {
font-size: 1.06667rem;
margin: 0.2em 0px 0.5em;
}
}
.services-s2-grids .grid h3 a {
color: rgb(1, 47, 92);
}
.services-s2-grids .grid h3 a:hover {
color: rgb(253, 212, 21);
}
.services-s2-grids .grid p {
margin: 0px;
}
.services-grid-s2 {
}
.services-grid-s2 .grid {
text-align: center;
padding: 50px 35px;
border: 1px solid rgb(217, 217, 217);
border-radius: 5px;
position: relative;
}
@media (max-width: 991px) {
.services-grid-s2 .grid {
padding: 35px 20px;
}
}
.services-grid-s2 .grid .icon, .services-grid-s2 .grid .details {
position: relative;
z-index: 2;
}
.services-grid-s2 .grid .icon {
background-color: rgb(1, 47, 92);
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;
margin: 0px auto 35px;
}
@media (max-width: 991px) {
.services-grid-s2 .grid .icon {
width: 80px;
height: 80px;
line-height: 80px;
}
}
.services-grid-s2 .grid .fi::before {
font-size: 3rem;
color: rgb(253, 212, 21);
}
@media (max-width: 991px) {
.services-grid-s2 .grid .fi::before {
font-size: 2.33333rem;
}
}
.services-grid-s2 .grid h3 {
font-size: 1.6rem;
margin: 0px 0px 0.83em;
padding-bottom: 0.42em;
position: relative;
}
@media (max-width: 991px) {
.services-grid-s2 .grid h3 {
font-size: 1.33333rem;
}
}
@media (max-width: 767px) {
.services-grid-s2 .grid h3 {
font-size: 1.2rem;
}
}
.services-grid-s2 .grid h3::after {
content: "";
background-color: rgb(253, 212, 21);
width: 28px;
height: 4px;
border-radius: 5px;
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
.services-grid-s2 .read-more {
font-family: Poppins, sans-serif;
font-weight: 600;
color: rgb(1, 47, 92);
display: inline-block;
margin-top: 1.2em;
}
.services-grid-s2 .read-more:hover {
color: rgb(253, 212, 21);
}
.services-grid-s2 .hover-grid {
background: url("../images/services-s2-grid-bg.jpg") center center / cover no-repeat local;
}
.services-grid-s2 .grid:hover .hover-grid {
opacity: 1;
}
.services-grid-s2 .grid:hover .hover-grid span {
height: 100%;
opacity: 1;
}
.services-grid-s2 .grid:hover h3, .services-grid-s2 .grid:hover p {
color: rgb(255, 255, 255);
}
.services-grid-s2 .grid:hover .read-more {
color: rgb(253, 212, 21);
}
.hover-grid {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
transition: all 0.3s ease 0s;
}
.hover-grid span {
background-color: rgba(1, 47, 92, 0.9);
width: 33.33%;
height: 10%;
position: absolute;
left: 0px;
bottom: 0px;
opacity: 0;
transition: all 0.3s ease-in-out 0s;
}
.hover-grid span:nth-child(2) {
left: 33.33%;
height: 20%;
transition: all 0.3s ease-in-out 0.1s;
}
.hover-grid span:nth-child(3) {
left: 66.66%;
height: 30%;
transition: all 0.3s ease-in-out 0.2s;
}
.projects-grid .inner {
position: relative;
text-align: center;
overflow: hidden;
width: 327px;
height: 256px;
}
.projects-grid .details {
background-color: rgb(1, 47, 92);
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 80%;
opacity: 0;
transition: all 0.3s ease 0s;
}
.projects-grid .grid:hover .details {
top: 0px;
opacity: 1;
}
.projects-grid .details-inner {
width: 100%;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.projects-grid .details ul li {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
border: 2px solid rgb(253, 212, 21);
border-radius: 50%;
position: relative;
opacity: 0;
transition: all 0.5s ease 0.3s;
}
.projects-grid .details ul li:first-child {
margin-right: 10px;
top: -30px;
}
.projects-grid .details ul li:last-child {
margin-right: 10px;
top: -50px;
}
.projects-grid .grid:hover .details ul li:first-child, .projects-grid .grid:hover .details ul li:last-child {
top: 0px;
opacity: 1;
}
.projects-grid .details ul li a {
color: rgb(253, 212, 21);
display: block;
}
.projects-grid .details h3 {
font-size: 1.2rem;
color: rgb(255, 255, 255);
text-transform: uppercase;
margin: 1em 0px 0.5em;
}
@media (max-width: 991px) {
.projects-grid .details h3 {
font-size: 1.06667rem;
}
}
.projects-grid .details p {
font-size: 0.8rem;
color: rgb(255, 255, 255);
margin: 0px;
}
.news-grids .grid {
border: 1px solid rgb(229, 229, 229);
}
.news-grids .entry-media img {
border-radius: 5px;
}
.news-grids .entry-body {
padding: 30px 35px;
}
@media (max-width: 767px) {
.news-grids .entry-body {
padding: 20px 15px;
}
}
.news-grids .date {
font-family: Poppins, sans-serif;
font-weight: 600;
color: rgb(153, 153, 153);
text-transform: uppercase;
}
@media (max-width: 1199px) {
.news-grids .date {
font-size: 0.8rem;
}
}
.news-grids .entry-header h3 {
font-size: 1.33333rem;
font-weight: 600;
margin: 0.2em 0px 0.8em;
}
@media (max-width: 1199px) {
.news-grids .entry-header h3 {
font-size: 1.06667rem;
}
}
.news-grids .entry-header h3 a {
color: rgb(1, 47, 92);
}
.news-grids .entry-header h3 a:hover {
color: rgb(253, 212, 21);
}
.news-grids .entry-meta {
padding-top: 15px;
overflow: hidden;
}
.news-grids .entry-meta .read-more, .news-grids .entry-meta .comments {
font-family: Poppins, sans-serif;
font-size: 1.06667rem;
font-weight: 600;
color: rgb(1, 47, 92);
}
@media (max-width: 1199px) {
.news-grids .entry-meta .read-more, .news-grids .entry-meta .comments {
font-size: 0.86667rem;
}
}
.news-grids .entry-meta .read-more:hover, .news-grids .entry-meta .comments:hover {
color: rgb(253, 212, 21);
}
.news-grids .entry-meta .read-more {
float: left;
}
.news-grids .entry-meta .comments {
float: right;
color: rgb(253, 212, 21);
}
.skills > .skill + .skill {
margin-top: 40px;
}
@media (max-width: 991px) {
.skills > .skill + .skill {
margin-top: 25px;
}
}
.skill h6 {
font-size: 1.2rem;
font-weight: 600;
margin: 0px 0px 0.56em;
}
@media (max-width: 991px) {
.skill h6 {
font-size: 1rem;
}
}
.progress {
background-color: transparent;
height: 5px;
margin: 0px;
box-shadow: none;
overflow: visible;
}
.progress-bar {
background-color: rgb(1, 47, 92);
position: relative;
}
.progress-bar span {
font-family: Poppins, sans-serif;
background-color: rgb(253, 212, 21);
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 1.2rem;
font-weight: 600;
color: rgb(1, 47, 92);
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
}
@media (max-width: 991px) {
.progress-bar span {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 0.93333rem;
}
}
.certificats-grids .grid:hover .member-info {
background-color: rgb(253, 212, 21);
}
.certificats-grids .grid:hover .member-info h4, .certificats-grids .grid:hover .member-info > span {
color: rgb(1, 47, 92);
}
.member-pic {
text-align: center;
width: auto;
height: 263px;
}
.certificats-grids .member-info {
background-color: rgb(1, 47, 92);
text-align: center;
padding: 13px 15px;
transition: all 0.3s ease 0s;
}
.certificats-grids .member-info h4 {
font-size: 1.2rem;
font-weight: 600;
color: rgb(255, 255, 255);
margin: 0px 0px 8px;
}
@media (max-width: 767px) {
.certificats-grids .member-info h4 {
font-size: 1.06667rem;
}
}
.certificats-grids .member-info > span {
color: rgb(253, 212, 21);
}
.pricing-grids .grid {
border: 1px solid rgb(203, 203, 203);
border-radius: 5px;
padding: 48px 65px;
text-align: center;
transition: all 0.3s ease 0s;
}
@media (max-width: 767px) {
.pricing-grids .grid {
padding: 35px 25px;
}
}
.pricing-grids .pricing-header p {
margin: 0px;
}
.pricing-grids .type {
color: rgb(51, 51, 51);
text-transform: uppercase;
letter-spacing: 5px;
}
.pricing-grids h3 {
font-size: 2.4rem;
margin: 0.55em 0px 0.35em;
padding: 0px 0px 0.35em;
position: relative;
}
@media (max-width: 767px) {
.pricing-grids h3 {
font-size: 2rem;
}
}
.pricing-grids h3::after {
content: "";
background-color: rgb(253, 212, 21);
width: 43px;
height: 5px;
position: absolute;
left: 50%;
bottom: 0px;
transform: translateX(-50%);
}
.pricing-grids .pricing-body {
margin-top: 25px;
}
.pricing-grids .pricing-body p {
margin-bottom: 2em;
color: rgb(102, 102, 102);
line-height: 2.57em;
}
.pricing-grids .center {
background-color: rgb(1, 47, 92);
border-radius: 5px;
transform: scaleY(1.1);
}
.pricing-grids .center .type, .pricing-grids .center h3 {
color: rgb(255, 255, 255);
}
.pricing-grids .center p {
color: rgb(153, 153, 153);
}
.pricing-grids .center .theme-btn, .pricing-grids .center .theme-btn-s2 {
background-color: rgb(253, 212, 21);
color: rgb(1, 47, 92);
}
.pricing-grids .center .theme-btn::after, .pricing-grids .center .theme-btn-s2::after {
color: rgb(1, 47, 92);
}
.pricing-grids .grid:hover {
background-color: rgb(1, 47, 92);
}
.pricing-grids .grid:hover .type, .pricing-grids .grid:hover h3 {
color: rgb(255, 255, 255);
}
.pricing-grids .grid:hover p {
color: rgb(153, 153, 153);
}
.pricing-grids .grid:hover .theme-btn, .pricing-grids .grid:hover .theme-btn-s2 {
background-color: rgb(253, 212, 21);
color: rgb(1, 47, 92);
}
.pricing-grids .grid:hover .theme-btn::after, .pricing-grids .grid:hover .theme-btn-s2::after {
color: rgb(1, 47, 92);
}
.service-sidebar, .case-study-sidebar {
}
@media screen and (min-width: 992px) {
.service-sidebar, .case-study-sidebar {
padding-right: 50px;
}
}
@media (max-width: 991px) {
.service-sidebar, .case-study-sidebar {
margin-top: 60px;
}
}
.service-sidebar ul, .case-study-sidebar ul {
list-style: none;
}
.service-sidebar h3, .case-study-sidebar h3 {
font-size: 1.6rem;
margin: 0px 0px 1em;
}
@media (max-width: 991px) {
.service-sidebar h3, .case-study-sidebar h3 {
font-size: 1.33333rem;
}
}
.service-sidebar > .widget + .widget, .case-study-sidebar > .widget + .widget {
margin-top: 55px;
}
.service-sidebar .link-widget li, .case-study-sidebar .link-widget li {
font-family: Poppins, sans-serif;
background-color: rgb(240, 240, 241);
border-radius: 5px;
position: relative;
}
.service-sidebar .link-widget li::after, .case-study-sidebar .link-widget li::after {
font-family: FontAwesome;
content: "ï„…";
font-size: 1.06667rem;
color: rgb(102, 102, 102);
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
}
.service-sidebar .link-widget ul > li + li, .case-study-sidebar .link-widget ul > li + li {
margin-top: 10px;
}
.service-sidebar .link-widget a, .case-study-sidebar .link-widget a {
font-size: 1.06667rem;
color: rgb(102, 102, 102);
padding: 14px 25px;
display: block;
}
@media (max-width: 1199px) {
.service-sidebar .link-widget a, .case-study-sidebar .link-widget a {
font-size: 0.93333rem;
}
}
@media (max-width: 767px) {
.service-sidebar .link-widget a, .case-study-sidebar .link-widget a {
padding: 10px 20px;
}
}
.service-sidebar .link-widget li:hover, .service-sidebar .link-widget li.active, .case-study-sidebar .link-widget li:hover, .case-study-sidebar .link-widget li.active {
background-color: rgb(1, 47, 92);
}
.service-sidebar .link-widget li:hover a, .service-sidebar .link-widget li.active a, .case-study-sidebar .link-widget li:hover a, .case-study-sidebar .link-widget li.active a {
color: rgb(253, 212, 21);
}
.service-sidebar .link-widget li:hover::after, .service-sidebar .link-widget li.active::after, .case-study-sidebar .link-widget li:hover::after, .case-study-sidebar .link-widget li.active::after {
color: rgb(253, 212, 21);
}
.service-sidebar .contact-widget ul li, .case-study-sidebar .contact-widget ul li {
font-family: Poppins, sans-serif;
font-size: 1.06667rem;
color: rgb(102, 102, 102);
line-height: 1.6em;
padding-left: 45px;
position: relative;
}
@media (max-width: 1199px) {
.service-sidebar .contact-widget ul li, .case-study-sidebar .contact-widget ul li {
font-size: 0.93333rem;
}
}
.service-sidebar .contact-widget ul > li + li, .case-study-sidebar .contact-widget ul > li + li {
margin-top: 30px;
}
.service-sidebar .contact-widget ul li i, .case-study-sidebar .contact-widget ul li i {
font-size: 1.06667rem;
color: rgb(1, 47, 92);
position: absolute;
left: 0px;
top: 4px;
}
.service-sidebar .brochures-widget p, .case-study-sidebar .brochures-widget p {
font-size: 1rem;
color: rgb(102, 102, 102);
margin-bottom: 2em;
}
@media screen and (min-width: 1200px) {
.service-sidebar .brochures-widget p, .case-study-sidebar .brochures-widget p {
padding-right: 45px;
}
}
.service-sidebar .brochures-widget .btns a, .case-study-sidebar .brochures-widget .btns a {
font-family: Poppins, sans-serif;
background-color: rgb(240, 240, 241);
font-size: 1.06667rem;
color: rgb(1, 47, 92);
padding: 17px 32px;
margin-bottom: 15px;
display: block;
border-radius: 5px;
}
@media (max-width: 1199px) {
.service-sidebar .brochures-widget .btns a, .case-study-sidebar .brochures-widget .btns a {
font-size: 0.93333rem;
}
}
@media (max-width: 767px) {
.service-sidebar .brochures-widget .btns a, .case-study-sidebar .brochures-widget .btns a {
padding: 10px 20px;
}
}
.service-sidebar .brochures-widget .btns i, .case-study-sidebar .brochures-widget .btns i {
display: inline-block;
padding-right: 5px;
}
.service-sidebar .brochures-widget .btns a:last-child, .case-study-sidebar .brochures-widget .btns a:last-child {
margin-bottom: 0px;
}
.service-sidebar .brochures-widget .btns a:hover, .case-study-sidebar .brochures-widget .btns a:hover {
background-color: rgb(1, 47, 92);
color: rgb(255, 255, 255);
}
.service-sidebar .brochures-widget .btns a:hover i, .case-study-sidebar .brochures-widget .btns a:hover i {
color: rgb(253, 212, 21);
}
.service-sidebar .case-link-widget ul > li + li, .case-study-sidebar .case-link-widget ul > li + li {
margin-top: 5px;
}
.service-sidebar .case-link-widget li a, .case-study-sidebar .case-link-widget li a {
background-color: rgb(242, 242, 242);
font-family: Poppins, sans-serif;
font-size: 1.2rem;
color: rgb(1, 47, 92);
border-radius: 5px;
padding: 15px 20px;
display: block;
}
@media (max-width: 1199px) {
.service-sidebar .case-link-widget li a, .case-study-sidebar .case-link-widget li a {
font-size: 1rem;
}
}
@media (max-width: 991px) {
.service-sidebar .case-link-widget li a, .case-study-sidebar .case-link-widget li a {
font-size: 0.93333rem;
}
}
.service-sidebar .case-link-widget li.current a, .service-sidebar .case-link-widget a:hover, .case-study-sidebar .case-link-widget li.current a, .case-study-sidebar .case-link-widget a:hover {
background-color: rgb(255, 255, 255);
color: rgb(253, 212, 21);
}
.service-sidebar .newsletter-widget, .case-study-sidebar .newsletter-widget {
background-color: rgb(242, 242, 242);
padding: 35px 25px;
position: relative;
}
.service-sidebar .newsletter-widget::before, .case-study-sidebar .newsletter-widget::before {
content: "";
background: url("../images/newsletter-env.png") center center / 100% no-repeat local;
width: 113px;
height: 106px;
position: absolute;
right: 0px;
top: 0px;
}
@media (max-width: 991px) {
.service-sidebar .newsletter-widget::before, .case-study-sidebar .newsletter-widget::before {
width: 80px;
height: 75px;
}
}
.service-sidebar .newsletter-widget form ::-webkit-input-placeholder, .case-study-sidebar .newsletter-widget form ::-webkit-input-placeholder {
font-style: italic;
color: rgb(166, 166, 166);
}
.service-sidebar .newsletter-widget h3, .case-study-sidebar .newsletter-widget h3 {
line-height: 1.2em;
margin: 0px 0px 2.7em;
}
@media (max-width: 767px) {
.service-sidebar .newsletter-widget h3, .case-study-sidebar .newsletter-widget h3 {
margin: 0px 0px 2em;
}
}
.service-sidebar .newsletter-widget input, .case-study-sidebar .newsletter-widget input {
height: 45px;
font-size: 1.06667rem;
padding: 0px 15px;
box-shadow: none;
border: 1px solid rgb(253, 212, 21);
border-radius: 10px;
}
@media (max-width: 767px) {
.service-sidebar .newsletter-widget input, .case-study-sidebar .newsletter-widget input {
height: 40px;
}
}
.service-sidebar .newsletter-widget button, .case-study-sidebar .newsletter-widget button {
background-color: rgb(1, 47, 92);
width: 100%;
height: 45px;
line-height: 45px;
font-size: 1.06667rem;
color: rgb(255, 255, 255);
border: 0px;
padding: 0px;
margin-top: 10px;
border-radius: 10px;
transition: all 0.3s ease 0s;
}
@media (max-width: 991px) {
.service-sidebar .newsletter-widget button, .case-study-sidebar .newsletter-widget button {
height: 40px;
line-height: 40px;
}
}
.service-sidebar .newsletter-widget button:hover, .case-study-sidebar .newsletter-widget button:hover {
background-color: rgb(246, 203, 2);
}
.pagination-wrapper {
text-align: center;
clear: both;
overflow: hidden;
}
.pagination-wrapper .pg-pagination {
display: inline-block;
overflow: hidden;
list-style-type: none;
}
.pagination-wrapper .pg-pagination li {
float: left;
margin-right: 10px;
}
@media (max-width: 767px) {
.pagination-wrapper .pg-pagination li {
margin-right: 5px;
}
}
.pagination-wrapper .pg-pagination li:last-child {
margin-right: 0px;
}
.pagination-wrapper .pg-pagination li a {
font-family: Poppins, sans-serif;
background-color: rgb(1, 47, 92);
display: block;
width: 35px;
height: 35px;
line-height: 35px;
color: rgb(255, 255, 255);
font-weight: 500;
}
@media (max-width: 767px) {
.pagination-wrapper .pg-pagination li a {
width: 30px;
height: 30px;
line-height: 30px;
}
}
.pagination-wrapper .pg-pagination .active a, .pagination-wrapper .pg-pagination li a:hover {
background-color: rgb(253, 212, 21);
color: rgb(1, 47, 92);
}
@media (max-width: 991px) {
.blog-sidebar {
margin-top: 60px;
}
}
.blog-sidebar ul {
list-style-type: none;
}
.blog-sidebar .widget {
margin-bottom: 75px;
}
@media (max-width: 991px) {
.blog-sidebar .widget {
margin-bottom: 60px;
}
}
.blog-sidebar .widget:last-child {
margin-bottom: 0px;
}
.blog-sidebar h3 {
font-size: 1.33333rem;
margin: 0px 0px 1.25em;
text-transform: uppercase;
}
@media (max-width: 767px) {
.blog-sidebar h3 {
font-size: 17px;
}
}
.blog-sidebar .category-widget ul li, .blog-sidebar .archive-widget ul li {
border-bottom: 1px solid rgb(255, 255, 255);
}
.blog-sidebar .category-widget ul li > a, .blog-sidebar .archive-widget ul li > a {
padding: 13px 0px;
}
.blog-sidebar ul li {
font-size: 15px;
font-weight: bold;
}
.blog-sidebar ul li > a {
display: block;
color: rgb(64, 64, 64);
position: relative;
}
.blog-sidebar ul li:first-child a {
padding-top: 0px;
}
.blog-sidebar ul li:last-child a {
padding-bottom: 0px;
}
.blog-sidebar ul li:last-child {
border: 0px;
}
.blog-sidebar ul li > a:hover {
color: rgb(253, 212, 21);
}
.blog-sidebar ul li > a .badge {
background-color: transparent;
font-size: 15px;
color: rgb(64, 64, 64);
position: absolute;
right: 5px;
}
.blog-sidebar ul li > a .badge::before, .blog-sidebar ul li > a .badge::after {
font-size: 14px;
position: absolute;
top: 3px;
}
.blog-sidebar ul li > a .badge::before {
content: "(";
left: 0px;
}
.blog-sidebar ul li > a .badge::after {
content: ")";
right: 0px;
}
.blog-sidebar .search-widget input {
background-color: transparent;
padding: 8px 12px;
height: auto;
}
.blog-sidebar .search-widget input:focus {
box-shadow: none;
border-color: rgb(1, 47, 92);
}
@media (max-width: 767px) {
.blog-sidebar .recent-post-widget ul {
margin-left: -15px;
}
}
.blog-sidebar .recent-post-widget ul li {
border: 0px;
overflow: hidden;
margin-bottom: 30px;
position: relative;
}
@media (max-width: 767px) {
.blog-sidebar .recent-post-widget ul li {
padding: 0px 0px 40px 100px;
overflow: visible;
}
}
.blog-sidebar .recent-post-widget ul li:last-child {
margin-bottom: 0px;
}
.blog-sidebar .recent-post-widget .post-pic {
width: 30%;
float: left;
}
@media (max-width: 767px) {
.blog-sidebar .recent-post-widget .post-pic {
width: 70px;
float: none;
position: absolute;
left: 15px;
}
}
.blog-sidebar .recent-post-widget .details {
width: 68%;
float: right;
}
@media (max-width: 767px) {
.blog-sidebar .recent-post-widget .details {
width: 100%;
float: none;
}
}
.blog-sidebar .recent-post-widget .details > span {
font-size: 12px;
color: rgb(102, 102, 102);
text-transform: uppercase;
}
.blog-sidebar .recent-post-widget .details h4 {
font-size: 16px;
margin: 0.5em 0px;
text-transform: capitalize;
}
@media (max-width: 767px) {
.blog-sidebar .recent-post-widget .details h4 {
font-size: 14px;
padding-top: 10px;
}
}
.blog-sidebar .recent-post-widget .details h4 a {
color: rgb(0, 0, 0);
}
.blog-sidebar .recent-post-widget .details h4 a:hover {
color: rgb(253, 212, 21);
}
.blog-sidebar .tag-widget .all-tags {
margin-left: -12px;
}
.blog-sidebar .tag-widget .all-tags a {
font-size: 15px;
font-weight: bold;
color: gray;
border: 0px;
transition: all 0.3s ease 0s;
}
.blog-sidebar .tag-widget .all-tags a:hover {
color: rgb(253, 212, 21);
}
.blog-sidebar .instagram-widget ul {
overflow: hidden;
margin-right: -8px;
}
.blog-sidebar .instagram-widget ul li {
width: 33.33%;
float: left;
padding: 0px 8px 8px 0px;
}
.blog-sidebar .instagram-widget ul li img {
max-width: 100%;
}
@media (max-width: 767px) {
.blog-sidebar .instagram-widget ul li img {
width: 100%;
}
}
.style-switcher-box {
background-color: rgb(255, 255, 255);
width: 252px;
padding: 50px 25px;
position: fixed;
left: -252px;
top: 15%;
z-index: 999;
border: 1px solid rgb(217, 217, 217);
transition: all 0.3s ease 0s;
}
.style-switcher-box ul {
list-style: none;
}
.style-switcher-box button {
background-color: rgb(230, 190, 5);
width: 45px;
height: 45px;
line-height: 40px;
text-align: center;
color: rgb(0, 0, 0);
font-size: 20px;
border: 0px;
outline: 0px;
box-shadow: none;
position: absolute;
right: -45px;
top: 50px;
}
.style-switcher-box button i {
color: rgb(255, 255, 255);
animation: 2s linear 0s infinite normal none running rotating;
}
.style-switcher-box h5 {
font-size: 18px;
color: rgb(0, 0, 0);
text-align: center;
margin: 0px 0px 2em;
text-transform: uppercase;
}
.style-switcher-box .main-list > .list {
margin-bottom: 30px;
}
.style-switcher-box .main-list > .list:last-child {
margin-bottom: 0px;
}
.style-switcher-box .list-title {
display: block;
font-size: 12px;
border-bottom: 1px solid rgb(204, 204, 204);
margin-bottom: 10px;
padding-bottom: 5px;
text-transform: uppercase;
}
.style-switcher-box .list > .sublist {
margin-bottom: 10px;
}
.style-switcher-box .list > .sublist:last-child {
margin-bottom: 0px;
}
.style-switcher-box .sublist span {
display: block;
font-size: 12px;
margin-bottom: 5px;
}
.style-switcher-box .sublist ul {
overflow: hidden;
}
.style-switcher-box .sublist ul li {
float: left;
min-width: 36px;
min-height: 36px;
margin: 0px 5px 5px 0px;
cursor: pointer;
}
.style-switcher-box .sublist ul li:nth-child(5n+5) {
margin-right: 0px;
}
.style-switcher-box .layout ul li {
background-color: rgb(230, 190, 5);
min-height: 20px;
color: rgb(255, 255, 255);
padding: 5px 10px;
font-size: 12px;
border-radius: 5px;
}
.style-switcher-box p {
font-size: 11px;
margin: 15px 0px 0px;
}
.style-switcher-box p span {
color: rgb(255, 102, 102);
}
.toggle-switcherbox {
left: 0px;
}
@-webkit-keyframes rotating {
100% {
transform: rotate(360deg);
}
}
@keyframes rotating {
100% {
transform: rotate(360deg);
}
}
.site-header {
}
.site-header .navigation {
background-color: rgb(1, 47, 92);
margin-bottom: 0px;
border: 0px;
border-radius: 0px;
}
.site-header .navigation > .container {
position: relative;
}
.site-header .navigation ul {
list-style: none;
}
.site-header #navbar {
transition: all 0.5s ease 0s;
}
.site-header #navbar > ul li a:hover, .site-header #navbar > ul li a:focus {
text-decoration: none;
color: rgb(253, 212, 21);
}
@media screen and (min-width: 992px) {
.site-header #navbar {
}
.site-header #navbar li {
position: relative;
}
.site-header #navbar > ul > li > a {
font-size: 1.06667rem;
}
.site-header #navbar > ul .sub-menu {
background-color: rgb(1, 42, 82);
width: 220px;
border-top: 2px solid rgb(253, 212, 21);
position: absolute;
left: 0px;
top: 130%;
z-index: 10;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease 0s;
}
.site-header #navbar > ul > li .sub-menu li {
border-bottom: 1px solid rgb(1, 52, 102);
}
.site-header #navbar > ul > li .sub-menu a {
font-size: 0.93333rem;
color: rgb(255, 255, 255);
display: block;
padding: 12px 15px;
}
.site-header #navbar > ul > li > .sub-menu .sub-menu {
left: 110%;
top: 0px;
}
.site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a {
position: relative;
}
.site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a::before {
font-family: FontAwesome;
content: "ï„…";
font-size: 1rem;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.site-header #navbar > ul > li:hover > .sub-menu {
top: 100%;
visibility: visible;
opacity: 1;
}
.site-header #navbar .sub-menu > li:hover > .sub-menu {
left: 100%;
visibility: visible;
opacity: 1;
}
}
@media (max-width: 991px) {
.site-header #navbar > ul > li a {
display: block;
font-size: 0.93333rem;
}
.site-header #navbar > ul > li .sub-menu li {
border-bottom: 1px solid rgb(230, 230, 230);
}
.site-header #navbar > ul .sub-menu > li:last-child {
border-bottom: 0px;
}
.site-header #navbar > ul > li > .sub-menu a {
padding: 8px 15px 8px 45px;
}
.site-header #navbar > ul > li > .sub-menu .sub-menu a {
padding: 8px 15px 8px 65px;
}
.site-header #navbar > ul .menu-item-has-children > a {
position: relative;
}
.site-header #navbar > ul .menu-item-has-children > a::before {
font-family: FontAwesome;
content: "";
font-size: 1rem;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
}
@media screen and (min-width: 992px) {
.site-header #navbar {
}
.site-header #navbar .has-mega-menu {
position: static;
}
.site-header #navbar .mega-menu, .site-header #navbar .half-mega-menu {
background-color: rgb(255, 255, 255);
padding: 20px;
border-top: 2px solid rgb(1, 47, 92);
position: absolute;
right: 0px;
top: 120%;
z-index: 10;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease 0s;
}
.site-header #navbar .mega-menu {
width: 1140px;
right: 15px;
}
.site-header #navbar .half-mega-menu {
width: 585px;
}
.site-header #navbar .mega-menu-box-title {
font-size: 0.93333rem;
text-transform: uppercase;
font-weight: bold;
display: block;
padding-bottom: 7px;
margin-bottom: 7px;
border-bottom: 1px solid rgb(230, 230, 230);
}
.site-header #navbar .mega-menu-list-holder li a {
font-size: 0.93333rem;
display: block;
padding: 7px 8px;
margin-left: -8px;
}
.site-header #navbar .has-mega-menu:hover > ul {
top: 100%;
visibility: visible;
opacity: 1;
}
}
@media (max-width: 1199px) {
.site-header #navbar > ul .mega-menu {
width: 950px;
right: 15px;
}
.site-header #navbar > ul .half-mega-menu {
width: 485px;
}
}
@media (max-width: 991px) {
.site-header #navbar > ul .mega-menu, .site-header #navbar > ul .half-mega-menu {
width: auto;
}
.site-header #navbar > ul .mega-menu .row, .site-header #navbar > ul .half-mega-menu .row {
margin: 0px;
}
.site-header #navbar .mega-menu-content > .row > .col {
margin-bottom: 25px;
}
}
@media (max-width: 991px) {
.site-header #navbar .mega-menu .mega-menu-list-holder a {
padding: 5px 15px 5px 40px;
}
.site-header #navbar .mega-menu .mega-menu-box-title {
font-size: 0.93333rem;
text-transform: uppercase;
display: block;
border-bottom: 1px dotted rgb(179, 179, 179);
padding: 0px 0px 4px 5px;
margin: 0px 25px 8px;
}
}
@media screen and (min-width: 992px) {
.site-header .navbar-header .open-btn {
display: none;
}
.site-header #navbar .close-navbar {
display: none;
}
}
@media (max-width: 991px) {
.site-header {
}
.site-header .container {
width: 100%;
}
.site-header .navbar-header button {
background-color: rgb(253, 212, 21);
width: 40px;
height: 35px;
border: 0px;
padding: 5px 10px;
border-radius: 3px;
outline: 0px;
position: absolute;
right: 15px;
top: 22px;
z-index: 20;
}
.site-header .navbar-header button span {
background-color: rgb(255, 255, 255);
display: block;
height: 2px;
margin-bottom: 5px;
}
.site-header .navbar-header button span:last-child {
margin: 0px;
}
.site-header #navbar {
background: rgb(255, 255, 255);
width: 280px;
margin: 0px;
padding: 0px;
border-left: 1px solid rgb(204, 204, 204);
border-right: 1px solid rgb(204, 204, 204);
position: fixed;
right: -300px;
top: 0px;
z-index: 100;
display: block !important;
height: 100% !important;
}
.site-header #navbar ul a {
color: rgb(0, 0, 0);
}
.site-header #navbar ul a:hover, .site-header #navbar ul li.current a {
color: rgb(1, 47, 92);
}
.site-header #navbar .navbar-nav {
height: 100%;
overflow: auto;
}
.site-header #navbar .close-navbar {
background-color: rgb(1, 47, 92);
width: 35px;
height: 35px;
color: rgb(255, 255, 255);
border: 0px;
border-radius: 50%;
outline: none;
position: absolute;
left: -18px;
top: 10px;
z-index: 20;
}
.site-header #navbar > ul > li {
border-bottom: 1px solid rgb(204, 204, 204);
}
.site-header #navbar > ul > li > a {
padding: 10px 15px 10px 35px;
}
.site-header .slideInn {
right: 0px !important;
}
}
@media (max-width: 767px) {
.site-header .navbar-header .navbar-brand {
font-size: 24px;
}
.site-header #navbar .navbar-nav {
margin: 0px;
}
}
@media (max-width: 991px) {
.site-header .navbar-collapse.collapse {
display: none;
}
.site-header .navbar-collapse.collapse.in {
display: block;
}
.site-header .navbar-header .collapse, .site-header .navbar-toggle {
display: block;
}
.site-header .navbar-header {
float: none;
}
.site-header .navbar-right {
float: none;
}
.site-header .navbar-nav {
float: none;
}
.site-header .navbar-nav > li {
float: none;
}
}
.header-style-1, .header-style-2, .header-style-3, .header-style-4, .header-style-5, .header-style-6 {
}
.header-style-1 .topbar, .header-style-2 .topbar, .header-style-3 .topbar, .header-style-4 .topbar, .header-style-5 .topbar, .header-style-6 .topbar {
background-color: rgb(1, 44, 87);
color: rgb(255, 255, 255);
padding: 15px 0px;
border-top: 1px solid rgb(1, 37, 72);
border-bottom: 1px solid rgb(1, 37, 72);
}
.header-style-1 .topbar .contact-info, .header-style-2 .topbar .contact-info, .header-style-3 .topbar .contact-info, .header-style-4 .topbar .contact-info, .header-style-5 .topbar .contact-info, .header-style-6 .topbar .contact-info {
list-style: none;
margin-top: 5px;
}
.header-style-1 .topbar .contact-info li, .header-style-2 .topbar .contact-info li, .header-style-3 .topbar .contact-info li, .header-style-4 .topbar .contact-info li, .header-style-5 .topbar .contact-info li, .header-style-6 .topbar .contact-info li {
display: inline-block;
}
@media (max-width: 767px) {
.header-style-1 .topbar .contact-info li, .header-style-2 .topbar .contact-info li, .header-style-3 .topbar .contact-info li, .header-style-4 .topbar .contact-info li, .header-style-5 .topbar .contact-info li, .header-style-6 .topbar .contact-info li {
display: block;
text-align: center;
}
}
.header-style-1 .topbar .contact-info > li + li, .header-style-2 .topbar .contact-info > li + li, .header-style-3 .topbar .contact-info > li + li, .header-style-4 .topbar .contact-info > li + li, .header-style-5 .topbar .contact-info > li + li, .header-style-6 .topbar .contact-info > li + li {
margin-left: 30px;
}
@media (max-width: 767px) {
.header-style-1 .topbar .contact-info > li + li, .header-style-2 .topbar .contact-info > li + li, .header-style-3 .topbar .contact-info > li + li, .header-style-4 .topbar .contact-info > li + li, .header-style-5 .topbar .contact-info > li + li, .header-style-6 .topbar .contact-info > li + li {
margin-left: 0px;
margin-top: 5px;
}
}
.header-style-1 .topbar .contact-info i, .header-style-2 .topbar .contact-info i, .header-style-3 .topbar .contact-info i, .header-style-4 .topbar .contact-info i, .header-style-5 .topbar .contact-info i, .header-style-6 .topbar .contact-info i {
display: inline-block;
padding-right: 3px;
color: rgb(253, 212, 21);
}
.header-style-1 .topbar .language, .header-style-2 .topbar .language, .header-style-3 .topbar .language, .header-style-4 .topbar .language, .header-style-5 .topbar .language, .header-style-6 .topbar .language {
float: right;
}
@media (max-width: 767px) {
.header-style-1 .topbar .language, .header-style-2 .topbar .language, .header-style-3 .topbar .language, .header-style-4 .topbar .language, .header-style-5 .topbar .language, .header-style-6 .topbar .language {
float: none;
text-align: center;
}
}
.header-style-1 .topbar .language i, .header-style-2 .topbar .language i, .header-style-3 .topbar .language i, .header-style-4 .topbar .language i, .header-style-5 .topbar .language i, .header-style-6 .topbar .language i {
color: rgb(253, 212, 21);
}
.header-style-1 .topbar .select-box, .header-style-2 .topbar .select-box, .header-style-3 .topbar .select-box, .header-style-4 .topbar .select-box, .header-style-5 .topbar .select-box, .header-style-6 .topbar .select-box {
display: inline;
}
.header-style-1 .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .header-style-2 .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .header-style-3 .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .header-style-4 .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .header-style-5 .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .header-style-6 .topbar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 65px;
}
.header-style-1 .topbar .bootstrap-select > .btn, .header-style-2 .topbar .bootstrap-select > .btn, .header-style-3 .topbar .bootstrap-select > .btn, .header-style-4 .topbar .bootstrap-select > .btn, .header-style-5 .topbar .bootstrap-select > .btn, .header-style-6 .topbar .bootstrap-select > .btn {
background-color: transparent;
color: rgb(255, 255, 255);
border: 0px;
}
.header-style-1 .navbar-brand, .header-style-2 .navbar-brand, .header-style-3 .navbar-brand, .header-style-4 .navbar-brand, .header-style-5 .navbar-brand, .header-style-6 .navbar-brand {
margin-top: 12px;
display: inline-block;
padding: 0px 15px;
}
@media screen and (min-width: 992px) {
.header-style-1 #navbar > ul > li > a, .header-style-2 #navbar > ul > li > a, .header-style-3 #navbar > ul > li > a, .header-style-4 #navbar > ul > li > a, .header-style-5 #navbar > ul > li > a, .header-style-6 #navbar > ul > li > a {
font-family: Poppins, sans-serif;
font-size: 1rem;
font-weight: 500;
color: rgb(255, 255, 255);
padding: 30px 12px;
}
.header-style-1 #navbar, .header-style-2 #navbar, .header-style-3 #navbar, .header-style-4 #navbar, .header-style-5 #navbar, .header-style-6 #navbar {
margin-right: 115px;
}
}
@media screen and (min-width: 1199px) {
.header-style-1 #navbar > ul > li > a, .header-style-2 #navbar > ul > li > a, .header-style-3 #navbar > ul > li > a, .header-style-4 #navbar > ul > li > a, .header-style-5 #navbar > ul > li > a, .header-style-6 #navbar > ul > li > a {
padding: 30px 16px;
}
.header-style-1 #navbar, .header-style-2 #navbar, .header-style-3 #navbar, .header-style-4 #navbar, .header-style-5 #navbar, .header-style-6 #navbar {
margin-right: 130px;
}
}
@media (max-width: 991px) {
.header-style-1 .navbar-header, .header-style-2 .navbar-header, .header-style-3 .navbar-header, .header-style-4 .navbar-header, .header-style-5 .navbar-header, .header-style-6 .navbar-header {
padding-bottom: 15px;
}
}
.header-style-1 .search-social, .header-style-2 .search-social, .header-style-3 .search-social, .header-style-4 .search-social, .header-style-5 .search-social, .header-style-6 .search-social {
position: absolute;
right: 15px;
top: 32px;
}
@media (max-width: 991px) {
.header-style-1 .search-social, .header-style-2 .search-social, .header-style-3 .search-social, .header-style-4 .search-social, .header-style-5 .search-social, .header-style-6 .search-social {
right: 75px;
}
}
@media (max-width: 767px) {
.header-style-1 .search-social, .header-style-2 .search-social, .header-style-3 .search-social, .header-style-4 .search-social, .header-style-5 .search-social, .header-style-6 .search-social {
display: none;
}
}
.header-style-1 .search-social > div, .header-style-2 .search-social > div, .header-style-3 .search-social > div, .header-style-4 .search-social > div, .header-style-5 .search-social > div, .header-style-6 .search-social > div {
display: inline-block;
}
.header-style-1 .search-social .social ul li, .header-style-2 .search-social .social ul li, .header-style-3 .search-social .social ul li, .header-style-4 .search-social .social ul li, .header-style-5 .search-social .social ul li, .header-style-6 .search-social .social ul li {
float: left;
}
.header-style-1 .search-social .social ul > li + li, .header-style-2 .search-social .social ul > li + li, .header-style-3 .search-social .social ul > li + li, .header-style-4 .search-social .social ul > li + li, .header-style-5 .search-social .social ul > li + li, .header-style-6 .search-social .social ul > li + li {
margin-left: 10px;
}
.header-style-1 .search-social .social ul a, .header-style-2 .search-social .social ul a, .header-style-3 .search-social .social ul a, .header-style-4 .search-social .social ul a, .header-style-5 .search-social .social ul a, .header-style-6 .search-social .social ul a {
color: rgb(255, 255, 255);
}
.header-style-1 .search-social .open-btn, .header-style-2 .search-social .open-btn, .header-style-3 .search-social .open-btn, .header-style-4 .search-social .open-btn, .header-style-5 .search-social .open-btn, .header-style-6 .search-social .open-btn {
background-color: transparent;
color: rgb(255, 255, 255);
padding: 0px;
border: 0px;
margin-right: 40px;
position: relative;
top: -8px;
}
@media (max-width: 1199px) {
.header-style-1 .search-social .open-btn, .header-style-2 .search-social .open-btn, .header-style-3 .search-social .open-btn, .header-style-4 .search-social .open-btn, .header-style-5 .search-social .open-btn, .header-style-6 .search-social .open-btn {
margin-right: 30px;
}
}
.header-style-2, .header-style-3, .header-style-4, .header-style-5, .header-style-6 {
position: relative;
}
.header-style-2 .topbar, .header-style-3 .topbar, .header-style-4 .topbar, .header-style-5 .topbar, .header-style-6 .topbar {
background-color: rgb(255, 255, 255);
padding: 0px;
border: 0px;
}
.header-style-2 .upper-topbar, .header-style-3 .upper-topbar, .header-style-4 .upper-topbar, .header-style-5 .upper-topbar, .header-style-6 .upper-topbar {
background-color: rgb(1, 47, 92);
padding: 4px 0px;
}
@media (max-width: 767px) {
.header-style-2 .upper-topbar, .header-style-3 .upper-topbar, .header-style-4 .upper-topbar, .header-style-5 .upper-topbar, .header-style-6 .upper-topbar {
text-align: center;
padding: 8px 0px;
}
}
.header-style-2 .upper-topbar p, .header-style-3 .upper-topbar p, .header-style-4 .upper-topbar p, .header-style-5 .upper-topbar p, .header-style-6 .upper-topbar p {
color: rgb(255, 255, 255);
margin: 3px 0px 0px;
}
@media (max-width: 767px) {
.header-style-2 .upper-topbar p, .header-style-3 .upper-topbar p, .header-style-4 .upper-topbar p, .header-style-5 .upper-topbar p, .header-style-6 .upper-topbar p {
margin: 3px 0px 10px;
line-height: 1.4em;
}
}
@media (max-width: 767px) {
.header-style-2 .site-logo, .header-style-3 .site-logo, .header-style-4 .site-logo, .header-style-5 .site-logo, .header-style-6 .site-logo {
text-align: center;
}
}
.header-style-2 .lower-topbar, .header-style-3 .lower-topbar, .header-style-4 .lower-topbar, .header-style-5 .lower-topbar, .header-style-6 .lower-topbar {
padding: 12px 0px;
}
@media screen and (min-width: 992px) {
.header-style-2 .lower-topbar, .header-style-3 .lower-topbar, .header-style-4 .lower-topbar, .header-style-5 .lower-topbar, .header-style-6 .lower-topbar {
padding-bottom: 50px;
}
}
.header-style-2 .lower-topbar .contact-info, .header-style-3 .lower-topbar .contact-info, .header-style-4 .lower-topbar .contact-info, .header-style-5 .lower-topbar .contact-info, .header-style-6 .lower-topbar .contact-info {
float: right;
overflow: hidden;
}
@media (max-width: 767px) {
.header-style-2 .lower-topbar .contact-info, .header-style-3 .lower-topbar .contact-info, .header-style-4 .lower-topbar .contact-info, .header-style-5 .lower-topbar .contact-info, .header-style-6 .lower-topbar .contact-info {
border-top: 1px solid rgb(222, 222, 222);
padding-top: 15px;
margin-top: 10px;
float: none;
text-align: center;
}
}
.header-style-2 .lower-topbar .contact-info > div, .header-style-3 .lower-topbar .contact-info > div, .header-style-4 .lower-topbar .contact-info > div, .header-style-5 .lower-topbar .contact-info > div, .header-style-6 .lower-topbar .contact-info > div {
float: left;
padding-left: 45px;
position: relative;
}
@media (max-width: 767px) {
.header-style-2 .lower-topbar .contact-info > div, .header-style-3 .lower-topbar .contact-info > div, .header-style-4 .lower-topbar .contact-info > div, .header-style-5 .lower-topbar .contact-info > div, .header-style-6 .lower-topbar .contact-info > div {
float: none;
display: inline-block;
text-align: left;
padding-left: 40px;
margin-right: 15px;
margin-bottom: 15px;
}
}
.header-style-2 .lower-topbar .contact-info > div + div, .header-style-3 .lower-topbar .contact-info > div + div, .header-style-4 .lower-topbar .contact-info > div + div, .header-style-5 .lower-topbar .contact-info > div + div, .header-style-6 .lower-topbar .contact-info > div + div {
margin-left: 45px;
}
@media (max-width: 767px) {
.header-style-2 .lower-topbar .contact-info > div + div, .header-style-3 .lower-topbar .contact-info > div + div, .header-style-4 .lower-topbar .contact-info > div + div, .header-style-5 .lower-topbar .contact-info > div + div, .header-style-6 .lower-topbar .contact-info > div + div {
margin-left: 0px;
}
}
.header-style-2 .lower-topbar .contact-info i, .header-style-3 .lower-topbar .contact-info i, .header-style-4 .lower-topbar .contact-info i, .header-style-5 .lower-topbar .contact-info i, .header-style-6 .lower-topbar .contact-info i {
font-size: 2.4rem;
color: rgb(253, 212, 21);
position: absolute;
left: 0px;
top: 0px;
}
@media (max-width: 767px) {
.header-style-2 .lower-topbar .contact-info i, .header-style-3 .lower-topbar .contact-info i, .header-style-4 .lower-topbar .contact-info i, .header-style-5 .lower-topbar .contact-info i, .header-style-6 .lower-topbar .contact-info i {
font-size: 2.13333rem;
top: 5px;
}
}
.header-style-2 .lower-topbar .contact-info span, .header-style-3 .lower-topbar .contact-info span, .header-style-4 .lower-topbar .contact-info span, .header-style-5 .lower-topbar .contact-info span, .header-style-6 .lower-topbar .contact-info span {
color: rgb(1, 47, 92);
}
.header-style-2 .lower-topbar .contact-info p, .header-style-3 .lower-topbar .contact-info p, .header-style-4 .lower-topbar .contact-info p, .header-style-5 .lower-topbar .contact-info p, .header-style-6 .lower-topbar .contact-info p {
margin: 0px;
color: rgb(102, 102, 102);
}
@media screen and (min-width: 992px) {
.header-style-2 .navigation, .header-style-3 .navigation, .header-style-4 .navigation, .header-style-5 .navigation, .header-style-6 .navigation {
background-color: transparent;
width: 100%;
position: absolute;
bottom: -25px;
z-index: 10000;
}
.header-style-2 .navigation .container, .header-style-3 .navigation .container, .header-style-4 .navigation .container, .header-style-5 .navigation .container, .header-style-6 .navigation .container {
background-color: rgb(1, 47, 92);
border-radius: 10px;
}
}
@media (max-width: 991px) {
.header-style-2 .navigation, .header-style-3 .navigation, .header-style-4 .navigation, .header-style-5 .navigation, .header-style-6 .navigation {
height: 70px;
}
.header-style-2 .navigation .navbar-header button, .header-style-3 .navigation .navbar-header button, .header-style-4 .navigation .navbar-header button, .header-style-5 .navigation .navbar-header button, .header-style-6 .navigation .navbar-header button {
top: 17px;
}
}
@media screen and (min-width: 992px) {
.header-style-2 #navbar > ul > li > a, .header-style-3 #navbar > ul > li > a, .header-style-4 #navbar > ul > li > a, .header-style-5 #navbar > ul > li > a, .header-style-6 #navbar > ul > li > a {
padding: 20px 16px;
}
.header-style-2 .search-social, .header-style-3 .search-social, .header-style-4 .search-social, .header-style-5 .search-social, .header-style-6 .search-social {
top: 28px;
right: 0px;
}
}
@media (max-width: 991px) {
.header-style-2 .search-social, .header-style-3 .search-social, .header-style-4 .search-social, .header-style-5 .search-social, .header-style-6 .search-social {
top: 35px;
right: 60px;
}
}
.header-style-3 {
}
.header-style-3 .topbar {
background-color: rgb(0, 21, 42);
padding: 28px 0px;
}
@media (max-width: 767px) {
.header-style-3 .topbar {
padding: 28px 0px 13px;
}
}
@media (max-width: 767px) {
.header-style-3 .site-logo {
border-bottom: 1px solid rgb(1, 34, 67);
padding-bottom: 15px;
}
}
.header-style-3 .contact-info-s2 {
float: right;
overflow: hidden;
}
@media (max-width: 767px) {
.header-style-3 .contact-info-s2 {
float: none;
margin-top: 20px;
}
}
.header-style-3 .contact-info-s2 > div {
float: left;
padding-left: 45px;
position: relative;
}
@media (max-width: 991px) {
.header-style-3 .contact-info-s2 > div {
padding-left: 35px;
}
}
@media (max-width: 767px) {
.header-style-3 .contact-info-s2 > div {
float: none;
width: 200px;
margin: 0px auto 15px;
}
}
.header-style-3 .contact-info-s2 > div + div {
margin-left: 50px;
}
@media (max-width: 991px) {
.header-style-3 .contact-info-s2 > div + div {
margin-left: 25px;
}
}
@media (max-width: 767px) {
.header-style-3 .contact-info-s2 > div + div {
margin-left: auto;
}
}
.header-style-3 .contact-info-s2 .icon {
position: absolute;
left: 0px;
top: 0px;
}
.header-style-3 .contact-info-s2 .icon .fi::before {
font-size: 32px;
color: rgb(253, 212, 21);
}
@media (max-width: 991px) {
.header-style-3 .contact-info-s2 .icon .fi::before {
font-size: 25px;
}
}
.header-style-3 .contact-info-s2 p, .header-style-3 .contact-info-s2 span {
color: rgb(193, 197, 200);
margin: 0px;
}
@media (max-width: 991px) {
.header-style-3 .contact-info-s2 p, .header-style-3 .contact-info-s2 span {
font-size: 0.8rem;
}
}
@media (max-width: 991px) {
.header-style-3 .contact-info-s2 p {
line-height: 1.3em;
}
}
.header-style-3 .navigation {
background-color: rgba(1, 47, 92, 0.9);
}
@media screen and (min-width: 992px) {
.header-style-3 .navigation {
position: absolute;
width: 100%;
z-index: 10;
}
}
.header-style-3 .navigation .container {
background-color: transparent;
}
@media screen and (min-width: 992px) {
.header-style-3 #navbar > ul > li > a {
position: relative;
}
.header-style-3 #navbar > ul > li > a::after {
content: "";
border-width: 5px;
border-style: solid;
border-color: transparent transparent rgb(253, 212, 21);
border-image: initial;
position: absolute;
left: 50%;
bottom: 8px;
transform: translateX(-50%);
opacity: 0;
transition: all 0.2s ease 0s;
}
.header-style-3 #navbar > ul > li > a:hover::after {
opacity: 1;
}
}
.header-style-3 .search-social {
display: block;
}
@media screen and (min-width: 992px) {
.header-style-3 .search-social {
right: -25px;
}
}
.header-style-3 .social-links {
width: 150px;
position: absolute;
right: 235px;
top: -8px;
}
@media (max-width: 1199px) {
.header-style-3 .social-links {
right: 135px;
}
}
.header-style-3 .social-links ul {
overflow: hidden;
}
@media (max-width: 991px) {
.header-style-3 .social-links ul {
display: none;
}
}
.header-style-3 .social-links ul li {
float: left;
}
.header-style-3 .social-links ul > li + li {
margin-left: 15px;
}
.header-style-3 .social-links ul li a {
font-size: 16px;
color: rgb(255, 255, 255);
}
.header-style-3 .social-links ul li a:hover {
color: rgb(253, 212, 21);
}
@media screen and (min-width: 992px) {
.header-style-3 .navigation {
bottom: -60px;
}
}
.header-style-4 .upper-topbar, .header-style-5 .upper-topbar, .header-style-6 .upper-topbar {
background-color: rgb(223, 223, 223);
padding: 12px 0px;
}
.header-style-4 .upper-topbar ul, .header-style-5 .upper-topbar ul, .header-style-6 .upper-topbar ul {
list-style: none;
overflow: hidden;
}
.header-style-4 .upper-topbar ul li, .header-style-5 .upper-topbar ul li, .header-style-6 .upper-topbar ul li {
float: left;
}
.header-style-4 .upper-topbar li, .header-style-5 .upper-topbar li, .header-style-6 .upper-topbar li, .header-style-4 .upper-topbar a, .header-style-5 .upper-topbar a, .header-style-6 .upper-topbar a {
color: rgb(119, 119, 119);
}
.header-style-4 .upper-topbar-contact i, .header-style-5 .upper-topbar-contact i, .header-style-6 .upper-topbar-contact i {
display: inline-block;
padding-right: 5px;
}
@media (max-width: 767px) {
.header-style-4 .upper-topbar-contact ul li, .header-style-5 .upper-topbar-contact ul li, .header-style-6 .upper-topbar-contact ul li {
float: none;
}
}
.header-style-4 .upper-topbar-contact ul > li + li, .header-style-5 .upper-topbar-contact ul > li + li, .header-style-6 .upper-topbar-contact ul > li + li {
margin-left: 40px;
}
@media (max-width: 767px) {
.header-style-4 .upper-topbar-contact ul > li + li, .header-style-5 .upper-topbar-contact ul > li + li, .header-style-6 .upper-topbar-contact ul > li + li {
margin-left: 0px;
margin-top: 8px;
}
}
.header-style-4 .upper-topbar-social, .header-style-5 .upper-topbar-social, .header-style-6 .upper-topbar-social {
float: right;
}
@media (max-width: 767px) {
.header-style-4 .upper-topbar-social, .header-style-5 .upper-topbar-social, .header-style-6 .upper-topbar-social {
float: none;
display: inline-block;
margin-top: 15px;
}
}
.header-style-4 .upper-topbar-social ul > li + li, .header-style-5 .upper-topbar-social ul > li + li, .header-style-6 .upper-topbar-social ul > li + li {
margin-left: 10px;
}
.header-style-4 .navigation, .header-style-5 .navigation, .header-style-6 .navigation {
background-color: rgb(1, 47, 92);
}
.header-style-5 .upper-topbar, .header-style-6 .upper-topbar {
background-color: rgb(1, 47, 92);
}
.header-style-5 .upper-topbar p, .header-style-6 .upper-topbar p, .header-style-5 .upper-topbar li, .header-style-6 .upper-topbar li, .header-style-5 .upper-topbar a, .header-style-6 .upper-topbar a {
color: rgb(193, 197, 200);
}
.header-style-5 .upper-topbar-contact i, .header-style-6 .upper-topbar-contact i {
color: rgb(253, 212, 21);
}
.header-style-5 .navigation, .header-style-6 .navigation {
background-color: rgb(255, 255, 255);
}
.header-style-5 .navigation .container, .header-style-6 .navigation .container {
background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 992px) {
.header-style-5 .navigation, .header-style-6 .navigation {
bottom: -90px;
}
.header-style-5 #navbar, .header-style-6 #navbar {
margin-right: 50px;
}
.header-style-5 #navbar > ul > li > a, .header-style-6 #navbar > ul > li > a {
color: rgb(165, 172, 180);
padding: 35px 16px;
}
.header-style-5 #navbar > ul > li > a:hover, .header-style-6 #navbar > ul > li > a:hover {
color: rgb(1, 47, 92);
}
}
@media screen and (min-width: 992px) {
.header-style-5 .search-social, .header-style-6 .search-social {
top: 45px;
right: -25px;
}
}
.header-style-5 .search-social .open-btn, .header-style-6 .search-social .open-btn {
color: rgb(1, 47, 92);
}
@media (max-width: 991px) {
.header-style-5 .navbar-brand, .header-style-6 .navbar-brand {
margin-top: 6px;
}
}
.header-style-6 {
position: relative;
}
@media screen and (min-width: 992px) {
.header-style-6 .upper-topbar {
padding-top: 20px;
padding-bottom: 60px;
}
.header-style-6 .navigation {
background-color: transparent;
width: 100%;
position: absolute;
left: 0px;
bottom: -33px;
z-index: 1;
}
.header-style-6 .navigation .container {
background-color: rgb(255, 255, 255);
}
.header-style-6 #navbar > ul > li > a {
color: rgb(165, 172, 180);
padding: 25px 16px;
}
.header-style-6 .search-social {
top: 35px;
right: -15px;
}
}
.header-style-6 .upper-topbar a {
color: rgb(253, 212, 21);
}
.header-style-6 .navbar-brand {
margin-top: 7px;
}
.header-search-form {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 9999;
background: rgba(0, 0, 0, 0.95);
}
.header-search-form form {
width: 500px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.header-search-form form {
width: 300px;
}
}
.header-search-form form input {
height: 60px;
font-size: 20px;
padding: 15px 25px;
}
@media (max-width: 767px) {
.header-search-form form input {
height: 45px;
font-size: 17px;
}
}
.header-search-form form input:focus {
box-shadow: none;
}
.header-search-form form .btn {
background-color: rgb(1, 47, 92);
color: rgb(255, 255, 255);
position: absolute;
right: 0px;
top: 0px;
height: 100%;
border: 0px;
border-radius: 0px;
}
.header-search-form form .btn:focus, .header-search-form form .btn:active {
outline: none;
box-shadow: none;
}
.hero {
position: relative;
height: 100vh;
overflow: hidden;
}
@media (max-width: 991px) {
.hero {
min-height: 500px;
}
}
@media (max-width: 767px) {
.hero {
min-height: 420px;
}
}
.hero .slide {
height: 100vh;
background-repeat: no-repeat;
position: relative;
}
@media (max-width: 991px) {
.hero .slide {
min-height: 500px;
}
}
@media (max-width: 767px) {
.hero .slide {
min-height: 420px;
}
}
.hero .slide .slider-bg {
display: none;
}
.hero .slide::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.hero .slide:focus {
outline: none;
}
.hero .slide .container {
height: 100%;
display: table;
}
.hero .slide .row {
display: table-cell;
vertical-align: middle;
}
.hero .slick-prev, .hero .slick-next {
background-color: rgb(255, 255, 255);
width: 50px;
height: 50px;
z-index: 9;
border-radius: 50%;
}
@media (max-width: 991px) {
.hero .slick-prev, .hero .slick-next {
display: none !important;
}
}
.hero .slick-prev::before, .hero .slick-next::before {
color: rgb(1, 47, 92);
}
.hero .slick-prev:hover, .hero .slick-next:hover {
background-color: rgb(1, 47, 92);
}
.hero .slick-prev:hover::before, .hero .slick-next:hover::before {
color: rgb(255, 255, 255);
}
.hero .slick-prev {
left: 15px;
}
.hero .slick-prev::before {
font-family: FontAwesome;
content: "ï„„";
opacity: 1;
}
.hero .slick-next {
right: 15px;
}
.hero .slick-next::before {
font-family: FontAwesome;
content: "ï„…";
opacity: 1;
}
.hero .slick-dots {
bottom: 20px;
}
@media screen and (min-width: 992px) {
.hero .slick-dots {
display: none !important;
}
}
.hero .slick-dots li {
margin: 0px;
}
.hero .slick-dots button {
background-color: rgb(253, 212, 21);
width: 15px;
height: 15px;
border: 2px solid rgb(255, 255, 255);
border-radius: 50%;
}
.hero .slick-dots button::before, .hero .slick-dots button::before {
display: none;
}
.hero .hero-slider .slide-caption > h2, .hero .hero-slider .slide-caption > p, .hero .hero-slider .slide-caption > .btns {
color: rgb(255, 255, 255);
opacity: 0;
}
.hero .hero-slider .slick-list .slick-current .slide-caption > h2 {
animation: 1.5s ease 0.8s 1 normal forwards running fadeInLeftSlow;
}
.hero .hero-slider .slick-list .slick-current .slide-caption > p {
animation: 1.5s ease 1.4s 1 normal forwards running fadeInLeftSlow;
}
.hero .hero-slider .slick-list .slick-current .slide-caption > .btns {
animation: 1.5s ease 1.8s 1 normal forwards running fadeInLeftSlow;
}
.hero-center {
text-align: center;
}
.hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2, .hero-style-3 .slide-caption h2 {
font-size: 4rem;
margin: 0px 0px 0.3em;
}
@media (max-width: 1199px) {
.hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2, .hero-style-3 .slide-caption h2 {
font-size: 3.33333rem;
}
}
@media (max-width: 991px) {
.hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2, .hero-style-3 .slide-caption h2 {
font-size: 2.66667rem;
}
}
@media (max-width: 767px) {
.hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2, .hero-style-3 .slide-caption h2 {
font-size: 2rem;
}
}
.hero-style-1 .slide-caption p, .hero-style-2 .slide-caption p, .hero-style-3 .slide-caption p {
font-size: 1.2rem;
margin: 0px 0px 2em;
}
@media (max-width: 767px) {
.hero-style-1 .slide-caption p, .hero-style-2 .slide-caption p, .hero-style-3 .slide-caption p {
font-size: 1rem;
}
}
.hero-style-2, .hero-style-3 {
height: 670px;
}
@media (max-width: 991px) {
.hero-style-2, .hero-style-3 {
height: 500px;
}
}
@media (max-width: 767px) {
.hero-style-2, .hero-style-3 {
height: 420px;
}
}
.hero-style-2 .slide, .hero-style-3 .slide {
height: 670px;
position: relative;
}
@media (max-width: 991px) {
.hero-style-2 .slide, .hero-style-3 .slide {
height: 500px;
}
}
@media (max-width: 767px) {
.hero-style-2 .slide, .hero-style-3 .slide {
height: 420px;
}
}
.hero-style-3 {
text-align: center;
}
.hero-style-3 .slide-caption h2 {
margin-bottom: 0.7em;
}
.site-footer {
}
.site-footer .upper-footer {
background-color: rgb(1, 34, 67);
padding: 100px 0px;
}
@media (max-width: 991px) {
.site-footer .upper-footer {
padding: 80px 0px 35px;
}
}
@media (max-width: 767px) {
.site-footer .upper-footer {
padding: 70px 0px 30px;
}
}
.site-footer .upper-footer ul {
list-style: none;
}
.site-footer .upper-footer ul, .site-footer .upper-footer li, .site-footer .upper-footer p, .site-footer .upper-footer a {
color: rgb(127, 151, 173);
}
.site-footer .upper-footer a:hover {
color: rgb(253, 212, 21);
}
@media (max-width: 991px) {
.site-footer .upper-footer .row > .col {
margin-bottom: 55px;
}
}
@media (max-width: 767px) {
.site-footer .upper-footer .row > .col {
margin-bottom: 40px;
}
}
.site-footer .widget > h3, .site-footer .widget .footer-logo {
font-size: 24px;
color: rgb(255, 255, 255);
text-transform: uppercase;
margin: 0px 0px 2em;
padding-bottom: 0.5em;
position: relative;
}
@media (max-width: 991px) {
.site-footer .widget > h3, .site-footer .widget .footer-logo {
font-size: 20px;
}
}
@media (max-width: 767px) {
.site-footer .widget > h3, .site-footer .widget .footer-logo {
font-size: 16px;
}
}
.site-footer .widget > h3::before, .site-footer .widget .footer-logo::before {
content: "";
background-color: rgb(253, 212, 21);
width: 28px;
height: 3px;
position: absolute;
left: 0px;
bottom: 0px;
border-radius: 5px;
}
.site-footer .widget .footer-logo {
margin-bottom: 15px;
}
@media screen and (min-width: 1200px) {
.site-footer .about-widget {
padding-right: 25px;
}
}
.site-footer .about-widget .contact-info {
margin-top: 30px;
}
@media screen and (min-width: 1200px) {
.site-footer .about-widget .contact-info {
padding-right: 105px;
}
}
@media (max-width: 767px) {
.site-footer .about-widget .contact-info {
margin-top: 10px;
}
}
.site-footer .about-widget .footer-logo::before {
display: none;
}
.site-footer .about-widget ul li {
position: relative;
padding-left: 38px;
line-height: 1.78em;
}
.site-footer .about-widget ul > li + li {
margin-top: 5px;
}
.site-footer .about-widget ul li i {
color: rgb(253, 212, 21);
position: absolute;
left: 0px;
top: 3px;
}
@media (max-width: 767px) {
.site-footer .about-widget img {
max-width: 160px;
}
}
.site-footer .links-widget {
overflow: hidden;
}
.site-footer .links-widget ul li {
position: relative;
padding-left: 20px;
}
.site-footer .links-widget ul li::before {
font-family: FontAwesome;
content: "ï„…";
color: rgb(253, 212, 21);
position: absolute;
left: 0px;
top: -1px;
}
.site-footer .links-widget ul li + li {
margin-top: 25px;
}
@media (max-width: 767px) {
.site-footer .links-widget ul li + li {
margin-top: 10px;
}
}
.site-footer .support-widget {
overflow: hidden;
}
@media screen and (min-width: 1200px) {
.site-footer .support-widget {
padding-right: 45px;
}
}
.site-footer .support-widget ul li + li {
margin-top: 15px;
}
@media (max-width: 767px) {
.site-footer .support-widget ul li + li {
margin-top: 10px;
}
}
.site-footer .twitter-feed-widget ul li + li {
padding-top: 14px;
margin-top: 14px;
border-top: 1px solid rgb(1, 52, 102);
}
.site-footer .twitter-feed-widget i {
color: rgb(25, 140, 250);
display: inline-block;
padding-right: 5px;
}
.site-footer .twitter-feed-widget a {
color: rgb(253, 212, 21);
}
.site-footer .copyright-info {
background-color: rgb(0, 21, 42);
padding: 15px 0px;
}
@media (max-width: 600px) {
.site-footer .copyright-info {
text-align: center;
}
}
.site-footer .copyright-info p {
margin: 0px;
}
@media (max-width: 600px) {
.site-footer .copyright-info .col {
width: 100%;
}
}
.site-footer .copyright-info .footer-social {
float: right;
}
@media (max-width: 600px) {
.site-footer .copyright-info .footer-social {
float: none;
margin-top: 5px;
}
}
.site-footer .copyright-info .footer-social span {
color: rgb(127, 151, 173);
display: inline-block;
padding-right: 5px;
}
@media (max-width: 600px) {
.site-footer .copyright-info .footer-social span {
display: none;
}
}
.site-footer .copyright-info .social-links {
list-style: none;
float: right;
overflow: hidden;
}
@media (max-width: 600px) {
.site-footer .copyright-info .social-links {
float: none;
display: inline-block;
}
}
.site-footer .copyright-info .social-links li {
float: left;
}
.site-footer .copyright-info .social-links > li + li {
margin-left: 8px;
}
.site-footer .copyright-info .social-links a {
font-size: 18px;
color: rgb(255, 255, 255);
}
.site-footer .copyright-info .social-links a:hover {
color: rgb(253, 212, 21);
}
.sticky-header {
width: 100%;
left: 0px;
top: -200px;
opacity: 0;
transition: all 0.7s ease 0s;
position: fixed !important;
z-index: 9999 !important;
}
.sticky-on {
opacity: 1;
top: 0px;
z-index: 9999;
}
.header-style-2 .sticky-header, .header-style-3 .sticky-header, .header-style-4 .sticky-header, .header-style-5 .sticky-header, .header-style-6 .sticky-header {
background-color: rgb(1, 47, 92);
}
@media screen and (min-width: 992px) {
.header-style-2 .sticky-header, .header-style-3 .sticky-header, .header-style-4 .sticky-header, .header-style-5 .sticky-header, .header-style-6 .sticky-header {
bottom: auto;
top: 0px;
}
}
.header-style-5 .sticky-header, .header-style-6 .sticky-header {
background-color: rgb(255, 255, 255);
border-bottom: 1px solid rgb(230, 230, 230);
}
.header-style-6 .sticky-header {
background-color: rgb(255, 255, 255);
border-bottom: 1px solid rgb(230, 230, 230);
}
@media screen and (min-width: 992px) {
.header-style-6 .sticky-header {
bottom: auto;
top: 0px;
}
}
@media screen and (min-width: 1200px) {
.box-layout .sticky-header {
left: 50%;
transform: translateX(-50%);
width: 1250px !important;
}
}
.services-section {
padding-bottom: 30px;
}
.services-section .service-grids {
overflow: hidden;
margin: 0px -15px;
}
.services-section .service-grids .grid {
width: 33.33%;
float: left;
padding: 0px 15px 50px;
}
@media (max-width: 991px) {
.services-section .service-grids .grid {
width: 50%;
}
}
@media (max-width: 550px) {
.services-section .service-grids .grid {
width: 100%;
}
}
.cta {
background: url("../images/cta-bg.jpg") center center / cover no-repeat fixed;
text-align: center;
padding: 60px 0px;
position: relative;
}
@media (max-width: 767px) {
.cta {
padding: 50px 0px;
}
}
.cta::before {
content: "";
background-color: rgba(1, 47, 92, 0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.cta .container {
position: relative;
}
.cta h2 {
font-size: 2rem;
color: rgb(255, 255, 255);
margin: 0px;
}
@media (max-width: 991px) {
.cta h2 {
font-size: 1.66667rem;
}
}
@media (max-width: 767px) {
.cta h2 {
font-size: 1.33333rem;
}
}
.cta h2 span {
color: rgb(253, 212, 21);
}
.services-section-s2 img, .services-section-s3 img {
position: relative;
}
.services-section-s2 .services-phone, .services-section-s3 .services-phone {
max-width: 250px;
position: relative;
}
@media (max-width: 991px) {
.services-section-s2 .services-phone, .services-section-s3 .services-phone {
display: none;
}
}
.services-section-s2 .phone-bg, .services-section-s3 .phone-bg {
background: url("../images/services-phone-bg.html") center center / cover no-repeat local;
width: 96%;
height: 96%;
position: absolute;
left: 5px;
top: 10px;
border-radius: 25px;
}
.services-section-s2 .phone-bg::before, .services-section-s3 .phone-bg::before {
content: "";
background-color: rgba(1, 47, 92, 0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0%;
top: 0%;
border-radius: 25px;
}
.services-section-s2 .phone-inner, .services-section-s3 .phone-inner {
width: 165px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.services-section-s2 .phone-inner h3, .services-section-s3 .phone-inner h3 {
font-size: 1.6rem;
color: rgb(255, 255, 255);
margin: 0px 0px 0.33em;
}
.services-section-s2 .phone-inner h3 span, .services-section-s3 .phone-inner h3 span {
color: rgb(253, 212, 21);
}
.services-section-s2 .phone-inner p, .services-section-s3 .phone-inner p {
color: rgb(255, 255, 255);
font-style: italic;
line-height: 1.29em;
margin-bottom: 2em;
}
.services-section-s2 .phone-inner .theme-btn-s2, .services-section-s3 .phone-inner .theme-btn-s2 {
font-size: 0.93333rem;
padding: 7px 10px;
}
.services-section-s2 .phone-inner .theme-btn-s2::after, .services-section-s3 .phone-inner .theme-btn-s2::after {
display: none;
}
.services-section-s2 .phone-inner .theme-btn-s2:hover, .services-section-s3 .phone-inner .theme-btn-s2:hover {
background-color: rgb(221, 182, 2);
}
.services-section-s2 .services-s2-grids, .services-section-s3 .services-s2-grids {
overflow: hidden;
margin: 30px -25px 0px;
}
@media (max-width: 1199px) {
.services-section-s2 .services-s2-grids, .services-section-s3 .services-s2-grids {
margin: 15px -25px 0px;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.services-section-s2 .services-s2-grids, .services-section-s3 .services-s2-grids {
margin: 0px -15px;
}
}
.services-section-s2 .services-s2-grids .grid, .services-section-s3 .services-s2-grids .grid {
width: 50%;
float: left;
padding: 0px 25px 80px;
}
@media (max-width: 767px) {
.services-section-s2 .services-s2-grids .grid, .services-section-s3 .services-s2-grids .grid {
width: 100%;
float: none;
padding: 0px 15px 50px;
}
}
.services-section-s2 .services-s2-grids > .grid:nth-child(5), .services-section-s3 .services-s2-grids > .grid:nth-child(5), .services-section-s2 .services-s2-grids > .grid:nth-child(6), .services-section-s3 .services-s2-grids > .grid:nth-child(6) {
padding-bottom: 0px;
}
@media (max-width: 767px) {
.services-section-s2 .services-s2-grids > .grid:nth-child(5), .services-section-s3 .services-s2-grids > .grid:nth-child(5) {
padding-bottom: 50px;
}
}
.about-section, .about-section-s3, .about-section-s4, .about-section-s5, .about-section-with-bg {
background-color: rgb(245, 245, 245);
}
.about-section .about-details, .about-section-s3 .about-details, .about-section-s4 .about-details, .about-section-s5 .about-details, .about-section-with-bg .about-details {
padding-right: 6px;
}
.about-section .about-details p, .about-section-s3 .about-details p, .about-section-s4 .about-details p, .about-section-s5 .about-details p, .about-section-with-bg .about-details p {
color: rgb(74, 74, 74);
margin-bottom: 2em;
}
.about-section .skills > .skill + .skill, .about-section-s3 .skills > .skill + .skill, .about-section-s4 .skills > .skill + .skill, .about-section-s5 .skills > .skill + .skill, .about-section-with-bg .skills > .skill + .skill {
margin-top: 40px;
}
@media (max-width: 991px) {
.about-section .skills > .skill + .skill, .about-section-s3 .skills > .skill + .skill, .about-section-s4 .skills > .skill + .skill, .about-section-s5 .skills > .skill + .skill, .about-section-with-bg .skills > .skill + .skill {
margin-top: 25px;
}
}
.about-section .skill h6, .about-section-s3 .skill h6, .about-section-s4 .skill h6, .about-section-s5 .skill h6, .about-section-with-bg .skill h6 {
font-size: 1.2rem;
font-weight: 600;
margin: 0px 0px 0.56em;
}
@media (max-width: 991px) {
.about-section .skill h6, .about-section-s3 .skill h6, .about-section-s4 .skill h6, .about-section-s5 .skill h6, .about-section-with-bg .skill h6 {
font-size: 1rem;
}
}
.about-section .progress, .about-section-s3 .progress, .about-section-s4 .progress, .about-section-s5 .progress, .about-section-with-bg .progress {
background-color: transparent;
height: 5px;
margin: 0px;
box-shadow: none;
overflow: visible;
}
.about-section .progress-bar, .about-section-s3 .progress-bar, .about-section-s4 .progress-bar, .about-section-s5 .progress-bar, .about-section-with-bg .progress-bar {
background-color: rgb(1, 47, 92);
position: relative;
}
.about-section .progress-bar span, .about-section-s3 .progress-bar span, .about-section-s4 .progress-bar span, .about-section-s5 .progress-bar span, .about-section-with-bg .progress-bar span {
font-family: Poppins, sans-serif;
background-color: rgb(253, 212, 21);
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 1.2rem;
font-weight: 600;
color: rgb(1, 47, 92);
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
}
@media (max-width: 991px) {
.about-section .progress-bar span, .about-section-s3 .progress-bar span, .about-section-s4 .progress-bar span, .about-section-s5 .progress-bar span, .about-section-with-bg .progress-bar span {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 0.93333rem;
}
}
.about-section .about-chart, .about-section-s3 .about-chart, .about-section-s4 .about-chart, .about-section-s5 .about-chart, .about-section-with-bg .about-chart {
box-shadow: rgb(230, 230, 230) 0px 0px 10px;
}
@media (max-width: 991px) {
.about-section .about-chart, .about-section-s3 .about-chart, .about-section-s4 .about-chart, .about-section-s5 .about-chart, .about-section-with-bg .about-chart {
display: none;
}
}
.projects-section ul, .projects-section-s2 ul, .project-section-s3-3grid ul {
list-style: none;
}
.projects-section .projects-list, .projects-section-s2 .projects-list, .project-section-s3-3grid .projects-list {
text-align: center;
margin-bottom: 40px;
}
.projects-section .projects-list li, .projects-section-s2 .projects-list li, .project-section-s3-3grid .projects-list li {
display: inline-block;
}
@media (max-width: 767px) {
.projects-section .projects-list li, .projects-section-s2 .projects-list li, .project-section-s3-3grid .projects-list li {
display: block;
}
}
.projects-section .projects-list li a, .projects-section-s2 .projects-list li a, .project-section-s3-3grid .projects-list li a {
font-family: Poppins, sans-serif;
font-size: 1.06667rem;
color: rgb(1, 47, 92);
padding: 8px 12px;
border-radius: 5px;
display: block;
position: relative;
}
@media (max-width: 991px) {
.projects-section .projects-list li a, .projects-section-s2 .projects-list li a, .project-section-s3-3grid .projects-list li a {
font-size: 0.93333rem;
}
}
@media (max-width: 767px) {
.projects-section .projects-list li a, .projects-section-s2 .projects-list li a, .project-section-s3-3grid .projects-list li a {
display: block;
}
}
.projects-section .projects-list li a::after, .projects-section-s2 .projects-list li a::after, .project-section-s3-3grid .projects-list li a::after {
content: "";
border-width: 5px;
border-style: solid;
border-color: rgb(253, 212, 21) transparent transparent;
border-image: initial;
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
display: none;
}
.projects-section .projects-list li a.current, .projects-section-s2 .projects-list li a.current, .project-section-s3-3grid .projects-list li a.current {
background-color: rgb(253, 212, 21);
}
.projects-section .projects-list li a.current::after, .projects-section-s2 .projects-list li a.current::after, .project-section-s3-3grid .projects-list li a.current::after {
display: block;
}
.projects-section .projects-grid, .projects-section-s2 .projects-grid, .project-section-s3-3grid .projects-grid {
overflow: hidden;
margin: 0px -5px;
}
.projects-section .projects-grid .grid, .projects-section-s2 .projects-grid .grid, .project-section-s3-3grid .projects-grid .grid {
width: 25%;
float: left;
padding: 0px 5px 10px;
}
@media (max-width: 1199px) {
.projects-section .projects-grid .grid, .projects-section-s2 .projects-grid .grid, .project-section-s3-3grid .projects-grid .grid {
width: 33.33%;
}
}
@media (max-width: 991px) {
.projects-section .projects-grid .grid, .projects-section-s2 .projects-grid .grid, .project-section-s3-3grid .projects-grid .grid {
width: 50%;
}
}
@media (max-width: 550px) {
.projects-section .projects-grid .grid, .projects-section-s2 .projects-grid .grid, .project-section-s3-3grid .projects-grid .grid {
width: 100%;
float: none;
}
}
.projects-section .all-projects, .projects-section-s2 .all-projects, .project-section-s3-3grid .all-projects {
text-align: center;
margin-top: 50px;
}
.partners-section {
background-color: rgb(245, 245, 245);
padding: 40px 0px;
text-align: center;
}
.partners-section img {
max-width: 100%;
display: inline-block;
}
.testimonials-section .grid, .testimonials-pg-content .grid {
overflow: hidden;
}
.testimonials-section .client-pic, .testimonials-pg-content .client-pic {
width: 36%;
float: left;
}
@media (max-width: 991px) {
.testimonials-section .client-pic, .testimonials-pg-content .client-pic {
width: 100%;
float: none;
}
}
.testimonials-section .grid .details, .testimonials-pg-content .grid .details {
width: 64%;
float: left;
padding: 0px 30px 10px;
position: relative;
}
@media (max-width: 991px) {
.testimonials-section .grid .details, .testimonials-pg-content .grid .details {
width: 100%;
float: none;
padding: 20px 10px 20px 0px;
}
}
.testimonials-section .grid .details::after, .testimonials-pg-content .grid .details::after {
content: "";
background-color: rgb(253, 212, 21);
width: 30px;
height: 4px;
border-radius: 5px;
position: absolute;
left: 30px;
bottom: 0px;
}
@media (max-width: 991px) {
.testimonials-section .grid .details::after, .testimonials-pg-content .grid .details::after {
left: 0px;
}
}
.testimonials-section .client-pic img, .testimonials-pg-content .client-pic img {
}
.testimonials-section .details h4, .testimonials-pg-content .details h4 {
font-size: 1.46667rem;
margin: 0px 0px 0.12em;
}
@media (max-width: 991px) {
.testimonials-section .details h4, .testimonials-pg-content .details h4 {
font-size: 1.2rem;
}
}
.testimonials-section .client-post, .testimonials-pg-content .client-post {
color: rgb(153, 153, 153);
display: block;
margin-bottom: 10px;
}
.testimonials-section .details p, .testimonials-pg-content .details p {
color: rgb(102, 102, 102);
}
.testimonials-section .owl-controls, .testimonials-pg-content .owl-controls {
margin-top: 30px;
}
@media screen and (min-width: 1200px) {
.testimonials-section .owl-controls, .testimonials-pg-content .owl-controls {
width: 100%;
position: absolute;
top: 40%;
transform: translateY(-50%);
}
}
.testimonials-section .owl-controls .owl-nav .owl-prev, .testimonials-pg-content .owl-controls .owl-nav .owl-prev, .testimonials-section .owl-controls .owl-nav .owl-next, .testimonials-pg-content .owl-controls .owl-nav .owl-next {
background-color: transparent;
color: rgb(1, 47, 92);
font-size: 1.6rem;
}
@media screen and (min-width: 1200px) {
.testimonials-section .owl-controls .owl-nav .owl-prev, .testimonials-pg-content .owl-controls .owl-nav .owl-prev, .testimonials-section .owl-controls .owl-nav .owl-next, .testimonials-pg-content .owl-controls .owl-nav .owl-next {
padding: 0px;
margin: 0px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
}
@media (max-width: 991px) {
.testimonials-section .owl-controls .owl-nav .owl-prev, .testimonials-pg-content .owl-controls .owl-nav .owl-prev, .testimonials-section .owl-controls .owl-nav .owl-next, .testimonials-pg-content .owl-controls .owl-nav .owl-next {
font-size: 1.2rem;
}
}
.testimonials-section .owl-controls .owl-nav .owl-prev:hover, .testimonials-pg-content .owl-controls .owl-nav .owl-prev:hover, .testimonials-section .owl-controls .owl-nav .owl-next:hover, .testimonials-pg-content .owl-controls .owl-nav .owl-next:hover {
background-color: transparent;
color: rgb(253, 212, 21);
}
.testimonials-section .owl-controls .owl-nav .owl-prev, .testimonials-pg-content .owl-controls .owl-nav .owl-prev {
left: -80px;
}
.testimonials-section .owl-controls .owl-nav .owl-next, .testimonials-pg-content .owl-controls .owl-nav .owl-next {
right: -40px;
}
.newsletter-section {
background: url("../images/newsletter-bg.jpg") center center / cover no-repeat fixed;
padding: 110px 0px;
position: relative;
}
@media (max-width: 991px) {
.newsletter-section {
padding: 70px 0px;
}
}
@media (max-width: 767px) {
.newsletter-section {
padding: 60px 0px;
}
}
.newsletter-section::before {
content: "";
background-color: rgba(1, 47, 92, 0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.newsletter-section .container {
position: relative;
}
.newsletter-section h2 {
font-size: 2.8rem;
line-height: 1.2em;
color: rgb(255, 255, 255);
margin: 0px 0px 0.88em;
}
@media (max-width: 1199px) {
.newsletter-section h2 {
font-size: 2.4rem;
}
}
@media (max-width: 991px) {
.newsletter-section h2 {
font-size: 2rem;
}
}
@media (max-width: 767px) {
.newsletter-section h2 {
font-size: 1.66667rem;
}
}
.newsletter-section h2 span {
color: rgb(253, 212, 21);
}
.newsletter-section form div {
position: relative;
}
.newsletter-section form div input {
background-color: transparent;
font-size: 1.06667rem;
height: 46px;
border: 2px solid rgb(255, 255, 255);
color: rgb(255, 255, 255);
padding: 6px 15px;
border-radius: 40px;
}
@media (max-width: 991px) {
.newsletter-section form div input {
height: 40px;
}
}
@media (max-width: 767px) {
.newsletter-section form div input {
height: 37px;
border: 1px solid rgb(255, 255, 255);
}
}
.newsletter-section form div button {
font-family: Poppins, sans-serif;
background-color: rgb(253, 212, 21);
width: 205px;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 1.2rem;
font-weight: 600;
color: rgb(1, 47, 92);
border: 0px;
border-radius: 40px;
position: absolute;
right: 0px;
top: 0px;
}
@media (max-width: 1199px) {
.newsletter-section form div button {
width: 185px;
font-size: 1.06667rem;
}
}
@media (max-width: 991px) {
.newsletter-section form div button {
width: 145px;
height: 40px;
line-height: 40px;
font-size: 1.06667rem;
}
}
@media (max-width: 767px) {
.newsletter-section form div button {
width: 115px;
height: 37px;
line-height: 37px;
font-size: 0.93333rem;
}
}
.newsletter-section .newsletter-man {
position: absolute;
right: 0px;
bottom: -110px;
}
@media (max-width: 991px) {
.newsletter-section .newsletter-man {
display: none;
}
}
@media (max-width: 991px) {
.blog-section {
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.blog-section {
padding-bottom: 40px;
}
}
@media (max-width: 991px) {
.blog-section .news-grids > .col {
margin-bottom: 30px;
}
}
@media (max-width: 600px) {
.blog-section .news-grids > .col {
width: 100%;
}
}
.contact-section, .contact-pg-content {
background: url("../images/newsletter-bg.jpg") center center / cover no-repeat fixed;
position: relative;
}
.contact-section::before, .contact-pg-content::before {
content: "";
background-color: rgba(1, 47, 92, 0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.contact-section .container, .contact-pg-content .container {
position: relative;
}
.contact-section form .col, .contact-pg-content form .col {
margin-bottom: 15px;
}
.contact-section form label, .contact-pg-content form label {
color: rgb(255, 255, 255);
text-transform: uppercase;
}
@media (max-width: 991px) {
.contact-section form label, .contact-pg-content form label {
font-size: 0.8rem;
}
}
.contact-section form input, .contact-pg-content form input, .contact-section form select, .contact-pg-content form select {
background-color: rgb(255, 255, 255);
height: 38px;
border-radius: 5px;
border: 0px;
}
.contact-section form button, .contact-pg-content form button {
font-family: Poppins, sans-serif;
background-color: rgb(253, 212, 21);
width: 100%;
height: 38px;
line-height: 38px;
font-size: 1.06667rem;
font-weight: 600;
color: rgb(1, 47, 92);
border: 0px;
border-radius: 5px;
outline: 0px;
}
@media (max-width: 991px) {
.contact-section form button, .contact-pg-content form button {
font-size: 0.93333rem;
}
}
.contact-section form button:hover, .contact-pg-content form button:hover {
background-color: rgb(221, 182, 2);
}
.contact-section form .submit-btn, .contact-pg-content form .submit-btn {
margin: 30px 0px 0px;
}
@media (max-width: 767px) {
.contact-section form .submit-btn, .contact-pg-content form .submit-btn {
margin: 15px 0px 0px;
}
}
.contact-section .contact-location-map, .contact-pg-content .contact-location-map {
height: 380px;
border-radius: 5px;
}
@media (max-width: 991px) {
.contact-section .contact-location-map, .contact-pg-content .contact-location-map {
margin-bottom: 60px;
}
}
.services-section-s2 .owl-controls, .services-section-s3 .owl-controls {
margin-top: 50px;
}
.services-section-s2 .owl-dots .owl-dot.active span, .services-section-s3 .owl-dots .owl-dot.active span, .services-section-s2 .owl-dots .owl-dot:hover span, .services-section-s3 .owl-dots .owl-dot:hover span {
background-color: rgb(1, 47, 92);
}
.fun-fact {
background: url("../images/fun-fact-bg.jpg") center center / cover no-repeat fixed;
padding: 85px 0px;
position: relative;
}
@media (max-width: 991px) {
.fun-fact {
padding: 85px 0px 25px;
}
}
@media (max-width: 767px) {
.fun-fact {
padding: 70px 0px 5px;
}
}
@media (max-width: 500px) {
.fun-fact {
padding: 50px 0px 10px;
}
}
.fun-fact::before {
content: "";
background-color: rgba(1, 47, 92, 0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
@media (max-width: 991px) {
.fun-fact .row > .col {
margin-bottom: 60px;
}
}
@media (max-width: 500px) {
.fun-fact .row > .col {
width: 100%;
text-align: center;
margin-bottom: 40px;
}
}
.fun-fact .grid {
position: relative;
padding-left: 125px;
text-align: left;
}
@media (max-width: 1199px) {
.fun-fact .grid {
padding-left: 100px;
}
}
@media (max-width: 767px) {
.fun-fact .grid {
padding-left: 80px;
}
}
@media (max-width: 500px) {
.fun-fact .grid {
display: inline-block;
}
}
.fun-fact .icon {
background-color: rgb(253, 212, 21);
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
border-radius: 50%;
position: absolute;
left: 0px;
top: -12px;
}
@media (max-width: 1199px) {
.fun-fact .icon {
width: 80px;
height: 80px;
line-height: 80px;
}
}
@media (max-width: 767px) {
.fun-fact .icon {
width: 60px;
height: 60px;
line-height: 60px;
top: 0px;
}
}
.fun-fact .icon .fi::before {
font-size: 3.46667rem;
color: rgb(1, 47, 92);
}
@media (max-width: 1199px) {
.fun-fact .icon .fi::before {
font-size: 2.33333rem;
}
}
.fun-fact h3 {
font-size: 3.2rem;
color: rgb(255, 255, 255);
margin: 0px;
}
@media (max-width: 1199px) {
.fun-fact h3 {
font-size: 2.33333rem;
}
}
@media (max-width: 767px) {
.fun-fact h3 {
font-size: 2rem;
}
}
.fun-fact span {
font-size: 1.2rem;
color: rgb(255, 255, 255);
}
@media (max-width: 1199px) {
.fun-fact span {
font-size: 1.06667rem;
}
}
@media (max-width: 767px) {
.fun-fact span {
font-size: 0.93333rem;
}
}
.about-section-s2 .video {
position: relative;
}
.about-section-s2 .video::before {
content: "";
background-color: rgba(1, 47, 92, 0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.about-section-s2 .video-btn {
background-color: rgb(255, 255, 255);
width: 100px;
height: 100px;
line-height: 100px;
font-size: 1.2rem;
color: rgb(253, 212, 21);
text-align: center;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
.about-section-s2 .video-btn {
width: 80px;
height: 80px;
line-height: 80px;
}
}
@media (max-width: 767px) {
.about-section-s2 .video-btn {
width: 70px;
height: 70px;
line-height: 70px;
}
}
.about-section-s2 .about-text h3 {
font-size: 2rem;
margin: 1.6em 0px 0.8em;
padding-bottom: 0.4em;
position: relative;
}
@media (max-width: 1199px) {
.about-section-s2 .about-text h3 {
font-size: 1.66667rem;
}
}
@media (max-width: 991px) {
.about-section-s2 .about-text h3 {
font-size: 1.46667rem;
margin: 0px 0px 0.8em;
}
}
@media (max-width: 767px) {
.about-section-s2 .about-text h3 {
font-size: 1.33333rem;
margin: 1.6em 0px 0.8em;
}
}
.about-section-s2 .about-text h3::after {
content: "";
background-color: rgb(253, 212, 21);
width: 40px;
height: 5px;
border-radius: 5px;
position: absolute;
left: 0px;
bottom: 0px;
}
@media (max-width: 767px) {
.about-section-s2 .about-text h3::after {
width: 30px;
height: 3px;
}
}
.about-section-s2 .about-text p {
color: rgb(102, 102, 102);
margin-bottom: 2em;
}
.about-section-s2 .container > .row:first-child {
margin-bottom: 70px;
}
@media (max-width: 767px) {
.about-section-s2 .container > .row:first-child {
margin-bottom: 30px;
}
}
@media screen and (min-width: 1200px) {
.about-section-s2 .container > .row:first-child .about-text {
padding-right: 150px;
}
}
@media screen and (min-width: 1200px) {
.about-section-s2 .container > .row:last-child .about-text {
padding-right: 100px;
}
}
@media (max-width: 767px) {
.about-section-s2 .container > .row:last-child .about-text {
margin-bottom: 45px;
}
}
.services-section-s3 {
padding-bottom: 10px;
}
@media (max-width: 991px) {
.services-section-s3 {
padding-bottom: 30px;
}
}
@media (max-width: 767px) {
.services-section-s3 {
padding-bottom: 20px;
}
}
@media (max-width: 600px) {
.services-section-s3 {
padding-bottom: 30px;
}
}
.services-section-s3 .services-s2-grids {
margin: 0px -15px;
}
.services-section-s3 .services-s2-grids .grid {
width: 33.33%;
float: left;
padding: 0px 15px 70px;
}
@media (max-width: 991px) {
.services-section-s3 .services-s2-grids .grid {
width: 50%;
padding: 0px 15px 50px;
}
}
@media (max-width: 600px) {
.services-section-s3 .services-s2-grids .grid {
width: 100%;
float: none;
padding: 0px 15px 40px;
}
}
.about-section-s3 .about-chart, .about-section-s4 .about-chart, .about-section-s5 .about-chart {
margin-top: -100px;
}
.about-section-s3 .about-details p:last-child, .about-section-s4 .about-details p:last-child, .about-section-s5 .about-details p:last-child {
margin-bottom: 0px;
}
.about-section-s4 .about-img, .about-section-s5 .about-img {
margin-top: -91px;
border-radius: 5px;
box-shadow: rgb(179, 179, 179) 0px 0px 10px;
}
@media (max-width: 1199px) {
.about-section-s4 .about-img, .about-section-s5 .about-img {
margin-top: 0px;
}
}
@media (max-width: 991px) {
.about-section-s4 .about-img, .about-section-s5 .about-img {
margin-top: 40px;
}
}
.about-section-s4 .about-img img, .about-section-s5 .about-img img {
width: 100%;
}
.projects-section-s2 .section-title-s5 {
margin-top: 50px;
}
@media (max-width: 1199px) {
.projects-section-s2 .section-title-s5 {
margin-top: 0px;
}
}
@media (max-width: 991px) {
.projects-section-s2 .section-title-s5 {
margin-top: 50px;
}
}
.projects-section-s2 .projects-grid .grid {
width: 50%;
}
@media (max-width: 550px) {
.projects-section-s2 .projects-grid .grid {
width: 100%;
}
}
.projects-section-s2 .skill-progress-bar {
margin: 40px 0px 75px;
}
@media (max-width: 991px) {
.projects-section-s2 .skill-progress-bar {
margin: 40px 0px 55px;
}
}
.projects-section-s2 .more-work {
font-family: Poppins, sans-serif;
font-size: 1.2rem;
font-weight: bold;
color: rgb(1, 47, 92);
padding-bottom: 3px;
display: inline-block;
position: relative;
}
@media (max-width: 767px) {
.projects-section-s2 .more-work {
font-size: 1.06667rem;
}
}
.projects-section-s2 .more-work i {
color: rgb(253, 212, 21);
}
.projects-section-s2 .more-work::after {
content: "";
width: 100%;
height: 1px;
border-bottom: 1px solid rgb(1, 47, 92);
position: absolute;
left: 0px;
bottom: 0px;
}
.team-section, .certificats-pg-section {
padding-bottom: 50px;
}
.team-section .section-title-s5, .certificats-pg-section .section-title-s5 {
border: 2px solid rgb(1, 47, 92);
padding: 50px 30px;
}
@media screen and (min-width: 1200px) {
.team-section .section-title-s5, .certificats-pg-section .section-title-s5 {
margin-top: 110px;
}
}
@media (max-width: 991px) {
.team-section .section-title-s5, .certificats-pg-section .section-title-s5 {
padding: 30px 25px;
}
}
.team-section .section-title-s5 h2, .certificats-pg-section .section-title-s5 h2 {
margin-bottom: 0.7em;
}
.team-section .section-title-s5 p, .certificats-pg-section .section-title-s5 p {
margin-bottom: 2em;
}
.team-section .certificats-grids, .certificats-pg-section .certificats-grids {
margin: 0px -15px;
}
.team-section .certificats-grids .grid, .certificats-pg-section .certificats-grids .grid {
width: 33.33%;
float: left;
padding: 0px 15px 30px;
}
@media (max-width: 991px) {
.team-section .certificats-grids .grid, .certificats-pg-section .certificats-grids .grid {
width: 50%;
}
}
@media (max-width: 500px) {
.team-section .certificats-grids .grid, .certificats-pg-section .certificats-grids .grid {
width: 100%;
float: none;
}
}
.team-section .all-member, .certificats-pg-section .all-member {
font-family: Poppins, sans-serif;
font-size: 1.2rem;
font-weight: bold;
color: rgb(1, 47, 92);
padding-bottom: 3px;
display: inline-block;
position: relative;
}
@media (max-width: 767px) {
.team-section .all-member, .certificats-pg-section .all-member {
font-size: 1.06667rem;
}
}
.team-section .all-member i, .certificats-pg-section .all-member i {
color: rgb(253, 212, 21);
}
.team-section .all-member::after, .certificats-pg-section .all-member::after {
content: "";
width: 100%;
height: 1px;
border-bottom: 1px solid rgb(1, 47, 92);
position: absolute;
left: 0px;
bottom: 0px;
}
.project-section-s3-3grid .projects-grid .grid {
width: 33.33%;
}
@media (max-width: 991px) {
.project-section-s3-3grid .projects-grid .grid {
width: 50%;
}
}
@media (max-width: 550px) {
.project-section-s3-3grid .projects-grid .grid {
width: 100%;
}
}
.project-section-s3-3grid .projects-grid .grid .details {
border: 4px solid rgb(253, 212, 21);
}
.pricing-section .section-title, .pricing-section .section-title-s2, .pricing-section .section-title-s3, .pricing-section .section-title-s4, .pricing-section .section-title-s5 {
margin-bottom: 75px;
}
@media (max-width: 767px) {
.pricing-section .section-title, .pricing-section .section-title-s2, .pricing-section .section-title-s3, .pricing-section .section-title-s4, .pricing-section .section-title-s5 {
margin-bottom: 45px;
}
}
.pricing-section .container {
overflow: hidden;
}
.pricing-section .owl-carousel .owl-stage-outer {
overflow: visible;
}
.pricing-section .owl-controls {
margin-top: 50px;
}
.pricing-section .owl-controls .owl-dots .owl-dot span {
background-color: rgb(1, 47, 92);
}
.pricing-section .owl-controls .owl-dots .active span {
background-color: rgb(253, 212, 21);
}
.pricing-pg-section .pricing-grids {
padding-top: 25px;
}
.about-section-s5 {
background-color: white;
}
.about-section-with-bg {
background-color: rgb(245, 245, 245);
}
.team-pg .page-title {
background: url("../images/pg-title/img-2.jpg") center center / cover no-repeat local;
}
.certificats-pg-section .certificats-grids .grid {
width: 25%;
}
@media (max-width: 1199px) {
.certificats-pg-section .certificats-grids .grid {
width: 33.33%;
}
}
@media (max-width: 991px) {
.certificats-pg-section .certificats-grids .grid {
width: 50%;
}
}
@media (max-width: 500px) {
.certificats-pg-section .certificats-grids .grid {
width: 100%;
text-align: center;
}
}
.services-pg .page-title {
background: url("../images/pg-title/img-3.jpg") center center / cover no-repeat local;
}
.services-pg-section {
padding-bottom: 50px;
}
@media (max-width: 767px) {
.services-pg-section {
padding-bottom: 40px;
}
}
.services-pg-section .services-grid-s2 {
overflow: hidden;
margin: 0px -15px;
}
.services-pg-section .services-grid-s2 .grid {
width: calc(33.33% - 30px);
float: left;
margin: 0px 15px 30px;
}
@media (max-width: 1199px) {
.services-pg-section .services-grid-s2 .grid {
width: calc(50% - 30px);
}
}
@media (max-width: 600px) {
.services-pg-section .services-grid-s2 .grid {
width: calc(100% - 30px);
float: none;
}
}
.service-single-pg .page-title {
background: url("../images/pg-title/img-3.jpg") center center / cover no-repeat local;
}
.service-single-section ul {
list-style: none;
}
.service-single-section p, .service-single-section li {
color: rgb(106, 106, 106);
}
.service-single-section .service-single-content h3 {
font-size: 2.4rem;
margin: 0px 0px 0.69em;
}
@media (max-width: 1199px) {
.service-single-section .service-single-content h3 {
font-size: 2rem;
}
}
@media (max-width: 991px) {
.service-single-section .service-single-content h3 {
font-size: 1.66667rem;
}
}
@media (max-width: 767px) {
.service-single-section .service-single-content h3 {
font-size: 1.46667rem;
}
}
.service-single-section .service-single-content .img-holder {
margin: 35px 0px 0px;
}
.service-single-section .service-single-content h4 {
font-size: 1.6rem;
margin: 0px 0px 0.54em;
}
@media (max-width: 991px) {
.service-single-section .service-single-content h4 {
font-size: 1.33333rem;
}
}
@media (max-width: 767px) {
.service-single-section .service-single-content h4 {
font-size: 1.2rem;
}
}
.service-single-section .discussion-faq {
margin: 50px -15px 0px;
overflow: hidden;
}
.service-single-section .discussion-faq .discussion, .service-single-section .discussion-faq .faq {
width: 50%;
float: left;
padding: 0px 15px;
}
@media (max-width: 991px) {
.service-single-section .discussion-faq .discussion, .service-single-section .discussion-faq .faq {
width: 100%;
float: none;
}
}
.service-single-section .discussion ul {
margin-top: 25px;
}
.service-single-section .discussion ul li {
margin-bottom: 10px;
position: relative;
padding-left: 25px;
}
.service-single-section .discussion ul li i {
position: absolute;
left: 0px;
top: 3px;
}
@media (max-width: 991px) {
.service-single-section .faq {
margin-top: 50px;
}
}
.service-single-section .faq .panel {
border: 1px solid rgb(216, 216, 216);
}
.service-single-section .faq .panel-heading {
padding: 0px;
}
.service-single-section .faq .panel-heading a {
font-family: Poppins, sans-serif;
background-color: rgb(1, 47, 92);
font-size: 1.06667rem;
color: rgb(255, 255, 255);
padding: 15px 30px;
display: block;
position: relative;
}
@media (max-width: 1199px) {
.service-single-section .faq .panel-heading a {
font-size: 0.93333rem;
}
}
@media (max-width: 767px) {
.service-single-section .faq .panel-heading a {
padding: 10px 20px;
}
}
.service-single-section .faq .panel-heading a::after {
font-family: FontAwesome;
content: "ï¨";
font-size: 1.06667rem;
color: rgb(253, 212, 21);
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 1199px) {
.service-single-section .faq .panel-heading a::after {
font-size: 0.93333rem;
}
}
@media (max-width: 767px) {
.service-single-section .faq .panel-heading a::after {
right: 20px;
}
}
.service-single-section .faq .panel-heading .collapsed::after {
content: "ï§";
}
.case-studies-pg .page-title {
background: url("../images/pg-title/img-4.jpg") center center / cover no-repeat local;
}
.case-studies-section .case-studies-grids > .col {
margin-bottom: 60px;
}
@media (max-width: 650px) {
.case-studies-section .case-studies-grids > .col {
width: 100%;
margin-bottom: 50px;
}
}
.case-studies-section .grid .img-holder {
margin-bottom: 20px;
}
.case-studies-section .grid h3 {
font-size: 1.6rem;
font-weight: 600;
line-height: 1.5em;
padding: 0px 0px 0.62em;
margin: 0px 0px 1.25em;
position: relative;
}
@media (max-width: 1199px) {
.case-studies-section .grid h3 {
font-size: 1.33333rem;
}
}
@media (max-width: 991px) {
.case-studies-section .grid h3 {
font-size: 1.2rem;
}
}
.case-studies-section .grid h3::after {
content: "";
background-color: rgb(253, 212, 21);
width: 57px;
height: 3px;
position: absolute;
left: 0px;
bottom: 0px;
}
@media (max-width: 991px) {
.case-studies-section .grid h3::after {
width: 40px;
}
}
.case-studies-section .grid a {
font-family: Poppins, sans-serif;
font-size: 1.06667rem;
font-weight: 600;
color: rgb(1, 47, 92);
}
@media (max-width: 1199px) {
.case-studies-section .grid a {
font-size: 0.93333rem;
}
}
.case-studies-section .grid a:hover {
color: rgb(253, 212, 21);
}
.case-studies-single-pg .page-title {
background: url("../images/pg-title/img-4.jpg") center center / cover no-repeat local;
}
.case-study-single-content .case-details {
}
@media screen and (min-width: 1200px) {
.case-study-single-content .case-details {
padding-right: 45px;
}
}
.case-study-single-content .case-details ul {
list-style: none;
}
@media (max-width: 991px) {
.case-study-single-content .case-details {
margin-bottom: 100px;
}
}
@media (max-width: 767px) {
.case-study-single-content .case-details {
margin-bottom: 80px;
text-align: center;
}
}
.case-study-single-content .case-details h3 {
font-size: 2.13333rem;
font-weight: normal;
margin: 0px 0px 0.31em;
}
@media (max-width: 991px) {
.case-study-single-content .case-details h3 {
font-size: 1.86667rem;
}
}
@media (max-width: 767px) {
.case-study-single-content .case-details h3 {
font-size: 1.6rem;
}
}
.case-study-single-content .case-details .case-title {
margin: 50px 0px 30px;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .case-title {
margin: 35px 0px 20px;
}
}
.case-study-single-content .case-details .case-title > span {
font-size: 1.2rem;
display: block;
color: rgb(153, 153, 153);
}
@media (max-width: 767px) {
.case-study-single-content .case-details .case-title > span {
font-size: 1.06667rem;
}
}
.case-study-single-content .case-details .chart {
height: 400px;
margin: 35px 0px 45px;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .chart {
height: 300px;
}
}
.case-study-single-content .case-details .case-single-tab {
margin-top: 45px;
}
.case-study-single-content .case-details .case-single-tab .nav {
overflow: hidden;
}
.case-study-single-content .case-details .case-single-tab .nav li {
float: left;
}
.case-study-single-content .case-details .case-single-tab .nav a {
font-size: 1.2rem;
font-weight: bold;
color: rgb(253, 212, 21);
padding: 10px 45px;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .case-single-tab .nav a {
font-size: 0.93333rem;
padding: 10px 17px;
}
}
.case-study-single-content .case-details .case-single-tab .nav a:hover {
background: none;
}
.case-study-single-content .case-details .case-single-tab .nav .active a {
background: rgb(1, 47, 92);
color: rgb(255, 255, 255);
}
.case-study-single-content .case-details .tab-content {
padding: 35px 30px 13px 48px;
position: relative;
display: inline-block;
color: rgb(51, 51, 51);
text-align: justify;
border: 1px dashed rgb(4, 37, 86);
font-weight: 500;
font-size: 15px;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .tab-content {
padding-top: 25px;
}
}
.case-study-single-content .case-details .tab-content .tab-pane p {
margin-bottom: 25px;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .tab-content .tab-pane p {
margin-bottom: 15px;
}
}
.case-study-single-content .case-details .tab-content .tab-pane p:last-child {
margin-bottom: 0px;
}
.case-study-single-content .case-details .tab-details {
margin-top: 60px;
overflow: hidden;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .tab-details {
margin-top: 30px;
}
}
.case-study-single-content .case-details .tab-details .img-holder {
width: 43%;
float: left;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .tab-details .img-holder {
width: 100%;
float: none;
}
}
.case-study-single-content .case-details .tab-details .info {
width: 57%;
float: right;
padding-left: 40px;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .tab-details .info {
width: 100%;
float: none;
padding-left: 0px;
margin-top: 25px;
}
}
.case-study-single-content .case-details .tab-details ul li {
line-height: 1.6em;
color: rgb(153, 153, 153);
margin-bottom: 25px;
padding-left: 25px;
position: relative;
}
@media (max-width: 767px) {
.case-study-single-content .case-details .tab-details ul li {
margin-bottom: 15px;
}
}
.case-study-single-content .case-details .tab-details ul li:last-child {
margin-bottom: 0px;
}
.case-study-single-content .case-details .tab-details ul li i {
color: rgb(253, 212, 21);
position: absolute;
left: 0px;
top: 6px;
}
.testimonials-pg .page-title {
background: url("../images/pg-title/img-5.jpg") center center / cover no-repeat local;
}
.testimonials-pg-content {
padding-bottom: 25px;
}
@media (max-width: 767px) {
.testimonials-pg-content {
padding-bottom: 15px;
}
}
.testimonials-pg-content .testimonials-grids {
margin: 0px -30px;
overflow: hidden;
}
@media (max-width: 991px) {
.testimonials-pg-content .testimonials-grids {
margin: 0px -15px;
}
}
.testimonials-pg-content .testimonials-grids .grid {
width: 50%;
float: left;
padding: 0px 15px 55px;
}
@media (max-width: 600px) {
.testimonials-pg-content .testimonials-grids .grid {
width: 100%;
float: none;
}
}
.contact-pg .page-title {
background: url("../images/pg-title/img-5.jpg") center center / cover no-repeat local;
}
.contact-pg-content {
background: none;
}
.contact-pg-content::before {
display: none;
}
.contact-pg-content form ::-webkit-input-placeholder {
font-style: normal;
color: rgb(137, 145, 153);
}
.contact-pg-content form input, .contact-pg-content form textarea {
height: 45px;
font-size: 1rem;
border: 1px solid rgb(127, 127, 127);
border-radius: 10px;
padding: 6px 15px;
}
@media (max-width: 991px) {
.contact-pg-content form input, .contact-pg-content form textarea {
font-size: 0.93333rem;
height: 40px;
}
}
.contact-pg-content form textarea {
height: 140px;
}
.contact-pg-content form .submit-btn {
margin-top: 0px;
}
.contact-pg-content form button {
height: 45px;
line-height: 45px;
background-color: rgb(1, 47, 92);
color: rgb(255, 255, 255);
border-radius: 10px;
}
@media (max-width: 991px) {
.contact-pg-content form button {
height: 40px;
line-height: 40px;
}
}
.blog-pg-content .news-grids > .col {
margin-bottom: 50px;
}
@media (max-width: 600px) {
.blog-pg-content .news-grids > .col {
width: 100%;
}
}
.blog-with-sidebar-section .news-grids .grid {
width: calc(50% - 30px);
float: left;
margin: 0px 15px 30px;
}
@media (max-width: 600px) {
.blog-with-sidebar-section .news-grids .grid {
width: calc(100% - 15px);
float: none;
}
}
.blog-with-sidebar-section .pagination-wrapper {
padding-top: 40px;
}
@media (max-width: 991px) {
.blog-with-sidebar-section .pagination-wrapper {
padding-top: 20px;
}
}
.blog-list .news-grids .grid {
width: 100%;
margin-bottom: 50px;
}
.blog-list .news-grids .pagination-wrapper {
padding-top: 0px;
}
.blog-single-content {
}
.blog-single-content ul {
list-style: none;
}
.blog-single-content .post .post-title-meta {
border-bottom: 1px solid rgb(230, 230, 230);
padding-bottom: 25px;
margin-bottom: 20px;
}
.blog-single-content .post .post-title-meta h2 {
font-size: 2.4rem;
margin: 0px 0px 0.6em;
}
@media (max-width: 991px) {
.blog-single-content .post .post-title-meta h2 {
font-size: 2rem;
}
}
@media (max-width: 767px) {
.blog-single-content .post .post-title-meta h2 {
font-size: 1.66667rem;
}
}
.blog-single-content .post .meta-info {
overflow: hidden;
}
.blog-single-content .post .meta-info li {
float: left;
margin-right: 50px;
}
.blog-single-content .post .meta-info li:last-child {
margin-right: 0px;
}
.blog-single-content .post .meta-info li a {
color: rgb(153, 153, 153);
}
.blog-single-content .post .post-body h3 {
font-family: Hind, sans-serif;
font-size: 1.6rem;
margin: 0px 0px 0.63em;
}
@media (max-width: 991px) {
.blog-single-content .post .post-body h3 {
font-size: 1.33333rem;
}
}
.blog-single-content .post .post-body p {
font-size: 1.2rem;
margin-bottom: 1.2em;
}
@media (max-width: 991px) {
.blog-single-content .post .post-body p {
font-size: 1.06667rem;
}
}
.blog-single-content .post .post-body p:first-child::first-letter {
font-size: 2.33333rem;
position: absolute;
left: 0px;
top: 0px;
color: rgb(0, 0, 0);
}
.blog-single-content .post .gallery-post {
padding-top: 40px;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.blog-single-content .post .gallery-post {
padding-top: 20px;
}
}
.blog-single-content .post .gallery-post .gallery {
overflow: hidden;
}
.blog-single-content .post .gallery-post .gallery img {
width: 100%;
}
.blog-single-content .post .gallery-post .gallery > div:first-child {
width: 60%;
float: left;
}
.blog-single-content .post .gallery-post .gallery > div:last-child {
width: 39%;
float: right;
}
.blog-single-content .tag-share {
overflow: hidden;
padding: 20px 0px 40px;
border-bottom: 1px solid rgb(217, 217, 217);
}
.blog-single-content .tag-share > div {
display: inline-block;
}
@media (max-width: 1199px) {
.blog-single-content .tag-share > div {
display: block;
}
}
.blog-single-content .tag-share > div > span {
color: rgb(0, 0, 0);
display: inline-block;
padding-right: 10px;
position: relative;
top: -13px;
}
.blog-single-content .tag-share > div:first-child {
float: left;
}
@media (max-width: 1199px) {
.blog-single-content .tag-share > div:first-child {
float: none;
}
}
.blog-single-content .tag-share > div:last-child {
float: right;
}
@media (max-width: 1199px) {
.blog-single-content .tag-share > div:last-child {
float: none;
}
}
.blog-single-content .tag-share .tag, .blog-single-content .tag-share .share {
overflow: hidden;
display: inline-block;
}
.blog-single-content .tag-share .tag li, .blog-single-content .tag-share .share li {
float: left;
}
.blog-single-content .tag-share .tag li:last-child, .blog-single-content .tag-share .share li:last-child {
margin-right: 0px;
}
.blog-single-content .tag-share .tag a {
color: rgb(1, 47, 92);
display: inline-block;
padding: 6px 20px;
text-align: center;
border-radius: 8px;
}
.blog-single-content .tag-share .tag a:hover, .blog-single-content .tag-share .tag .active a {
background: rgb(253, 212, 21);
color: rgb(255, 255, 255);
}
.blog-single-content .tag-share .share li {
margin-right: 15px;
}
.blog-single-content .tag-share .share li a {
font-size: 1.33333rem;
color: rgb(1, 47, 92);
}
.blog-single-content .tag-share .share li a:hover {
color: rgb(253, 212, 21);
}
.blog-single-content .comments {
padding: 55px 0px 0px;
}
@media (max-width: 767px) {
.blog-single-content .comments {
padding: 40px 25px 0px;
}
}
.blog-single-content .comments > ol {
padding-left: 0px;
}
.blog-single-content .comments ol {
list-style: none;
}
.blog-single-content .comments ol > li {
margin-bottom: 35px;
}
.blog-single-content .comments ol > li:last-child {
margin-bottom: 0px;
}
.blog-single-content .comments ol > li > ol {
margin-left: 28px;
margin-top: 35px;
padding: 0px;
}
@media (max-width: 767px) {
.blog-single-content .comments ol > li > ol {
margin: 30px 0px 0px;
}
}
.blog-single-content .comments ol > li > ol > li {
background-color: rgb(250, 250, 250);
padding: 30px;
margin-bottom: 35px;
}
@media (max-width: 767px) {
.blog-single-content .comments ol > li > ol > li {
padding: 20px;
}
}
.blog-single-content .comments ol > li > ol > li:last-child {
margin-bottom: 0px;
}
.blog-single-content .comments .article {
overflow: hidden;
}
.blog-single-content .comments .article h4 {
font-size: 1.06667rem;
margin: 0px;
text-transform: capitalize;
}
@media (max-width: 767px) {
.blog-single-content .comments .article h4 {
font-size: 0.93333rem;
}
}
.blog-single-content .comments .article p {
font-size: 1rem;
margin-bottom: 5px;
}
@media (max-width: 767px) {
.blog-single-content .comments .article p {
font-size: 0.93333rem;
}
}
.blog-single-content .comments .article .replay {
width: 95px;
height: 32px;
margin-top: 10px;
position: relative;
}
.blog-single-content .comments .article .replay button {
background-color: rgb(255, 255, 255);
width: 100%;
height: 100%;
font-size: 1.06667rem;
font-weight: bold;
color: rgb(1, 47, 92);
padding: 0px;
border: 1px solid rgb(1, 47, 92);
outline: 0px;
z-index: 10;
border-radius: 10px;
}
@media (max-width: 767px) {
.blog-single-content .comments .article .replay button {
font-size: 0.93333rem;
}
}
.blog-single-content .comments .article .replay button:hover {
color: rgb(253, 212, 21);
}
.blog-single-content .comments .article .author-meta {
overflow: hidden;
margin-bottom: 5px;
}
.blog-single-content .comments .article .author-meta > div {
display: inline-block;
}
.blog-single-content .comments .article .author-meta > div:last-child {
font-size: 0.86667rem;
color: gray;
padding-left: 5px;
}
.blog-single-content .comments .article .author-pic {
width: 10%;
float: left;
}
.blog-single-content .comments .article .author-pic img {
border-radius: 50%;
}
@media (max-width: 767px) {
.blog-single-content .comments .article .author-pic {
width: 100%;
float: none;
margin-bottom: 10px;
}
}
.blog-single-content .comments .article .details {
width: 90%;
float: left;
}
@media (max-width: 767px) {
.blog-single-content .comments .article .details {
width: 100%;
float: none;
}
}
.blog-single-content .comment-respond {
margin-top: 75px;
}
.blog-single-content .comment-respond h3 {
margin: 0px 0px 2em;
}
.blog-single-content .comment-respond form {
margin: 0px -15px;
position: relative;
}
.blog-single-content .comment-respond form input, .blog-single-content .comment-respond form textarea {
border-radius: 0px;
border-width: 0px 0px 1px;
border-top-style: initial;
border-right-style: initial;
border-left-style: initial;
border-top-color: initial;
border-right-color: initial;
border-left-color: initial;
border-image: initial;
box-shadow: none;
border-bottom-style: solid;
border-bottom-color: rgb(204, 204, 204);
}
.blog-single-content .comment-respond form textarea {
height: 110px;
}
.blog-single-content .comment-respond form > div {
margin-bottom: 50px;
}
.blog-single-content .comment-respond form .theme-btn, .blog-single-content .comment-respond form .theme-btn-s2 {
background: rgb(1, 47, 92);
font-size: 1.06667rem;
text-transform: none;
padding: 10px 45px;
box-shadow: none;
border-radius: 10px;
}
@media (max-width: 767px) {
.blog-single-content .comment-respond form .theme-btn, .blog-single-content .comment-respond form .theme-btn-s2 {
font-size: 0.93333rem;
padding: 10px 35px;
}
}
.blog-single-content .comment-respond form .theme-btn:hover, .blog-single-content .comment-respond form .theme-btn-s2:hover {
color: rgb(253, 212, 21);
}
.blog-single-content .comment-respond form .theme-btn:hover::after, .blog-single-content .comment-respond form .theme-btn-s2:hover::after {
color: rgb(253, 212, 21);
}
.blog-single-content .comment-respond form .comment-respond-submit {
margin: 0px;
text-align: center;
}
.popup {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
width: 100vw;
height: 100vh;
bottom: 0px;
right: 0px;
background-color: rgba(0, 0, 0, 0.88);
z-index: 9999999;
visibility: hidden;
overflow: hidden;
opacity: 0;
transition: all 0.7s ease-in-out 0s;
}
.popup-inner {
position: relative;
justify-content: space-between;
bottom: -200em;
display: flex;
align-items: center;
max-width: 1000px;
max-height: 1000px;
width: 100%;
height: 82%;
background-color: white;
transform: rotate(45deg);
transition: all 1s ease-in-out 0s;
}
.popup-photo {
display: flex;
background-image: url("../images/certificate/iso-9001-2015-certification-services-1591942395-5476515.jpg");
background-repeat: no-repeat;
background-position: center center;
width: 54%;
height: 100%;
overflow: hidden;
}
.popup-text {
display: flex;
flex-direction: column;
justify-content: center;
width: 60%;
height: 100%;
text-align: center;
padding: 4rem;
}
.popup-text h1 {
font-size: 2rem;
font-weight: 600;
margin-bottom: 2rem;
text-transform: uppercase;
color: rgb(10, 10, 10);
}
.popup-text p {
font-size: 0.9rem;
color: black;
line-height: 1.5;
}
.popup:target {
visibility: visible;
opacity: 1;
}
.popup:target .popup-inner {
bottom: 0px;
right: 0px;
transform: rotate(0deg);
}
.popup-close {
position: absolute;
right: -3px;
top: 0px;
width: 3rem;
height: 3rem;
font-size: 0.8rem;
font-weight: 400;
border-radius: 100%;
z-index: 4;
line-height: 3rem;
text-align: center;
cursor: pointer;
text-decoration: none;
}
.popup-close i {
color: rgb(163, 18, 18);
font-size: 3em;
}
@media only screen and (max-width: 300px) {
.popup-inner {
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 800px) {
.popup-text {
padding: 8px;
height: 100%;
width: 72%;
overflow: hidden;
}
.popup-text h1 {
font-size: 1.2em;
}
}
.cat {
text-align: center;
}
@-webkit-keyframes come-in {
0% {
transform: translateX(100px);
opacity: 0;
}
30% {
transform: translateX(-50px) scale(0.4);
}
70% {
transform: translateX(0px) scale(1.2);
}
100% {
transform: translateX(0px) scale(1);
opacity: 1;
}
}
@keyframes come-in {
0% {
transform: translateX(100px);
opacity: 0;
}
30% {
transform: translateY(-50px) scale(0.4);
}
70% {
transform: translateY(0px) scale(1.2);
}
100% {
transform: translateX(0px) scale(1);
opacity: 1;
}
}
.floating-container {
position: fixed;
width: 100px;
z-index: 99999999;
height: 100px;
bottom: 0px;
left: 0px;
margin: 35px 25px;
}
.floating-container:hover {
height: 300px;
}
.floating-container:hover .floating-button {
box-shadow: rgba(44, 179, 240, 0.6) 0px 10px 25px;
transform: translateY(5px);
transition: all 0.3s ease 0s;
}
.floating-container:hover .element-container .float-element:nth-child(1) {
animation: 0.4s ease 0.2s 1 normal forwards running come-in;
}
.floating-container:hover .element-container .float-element:nth-child(2) {
animation: 0.4s ease 0.4s 1 normal forwards running come-in;
}
.floating-container:hover .element-container .float-element:nth-child(3) {
animation: 0.4s ease 0.6s 1 normal forwards running come-in;
}
.floating-container .floating-button {
position: absolute;
width: 65px;
height: 65px;
background: rgb(45, 78, 113);
bottom: 0px;
border-radius: 50%;
left: 0px;
right: 0px;
margin: auto;
color: white;
line-height: 65px;
text-align: center;
font-size: 23px;
z-index: 100;
box-shadow: rgba(44, 179, 240, 0.6) 0px 10px 25px -5px;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.floating-container .float-element {
position: relative;
display: block;
border-radius: 50%;
width: 50px;
font-size: 56px;
height: 50px;
margin: 15px auto;
color: white;
font-weight: 500;
text-align: center;
line-height: 50px;
z-index: 0;
opacity: 0;
transform: translateY(100px);
}
.floating-container .float-element .material-icons {
vertical-align: middle;
font-size: 16px;
}
.floating-container .float-element:nth-child(1) {
background: rgb(66, 165, 245);
box-shadow: rgba(66, 165, 245, 0.5) 0px 20px 20px -10px;
}
.floating-container .float-element:nth-child(2) {
background: rgb(76, 175, 80);
box-shadow: rgba(76, 175, 80, 0.5) 0px 20px 20px -10px;
}
.floating-container .float-element:nth-child(3) {
background: rgb(255, 152, 0);
box-shadow: rgba(255, 152, 0, 0.5) 0px 20px 20px -10px;
}
@media only screen and (max-width: 991px) {
.mobileHide {
display: none;
visibility: visible;
}
}
#visitor-counter {
font-size: 15px;
width: 170px;
color: whitesmoke;
font-family: cursive;
box-shadow: grey 1px 0px 2px 1px;
}
.container h2 {
text-align: center;
text-transform: uppercase;
font-size: 35px;
margin-bottom: 25px;
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.container .services {
justify-content: space-around;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.container .services .card {
width: 330px;
text-align: center;
background: rgb(34, 34, 34);
padding: 20px 15px;
margin-bottom: 30px;
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.container .services .card:hover {
background: chocolate;
}
.container .services .card .content {
transition: all 0.3s ease 0s;
}
.container .services .card:hover .content {
transform: scale(1.07);
}
.container .services .card .content .icon {
padding: 5px 0px;
color: white;
}
.container .services .card .content .icon i {
font-size: 40px;
}
.container .services .card:hover .content .title {
color: white;
}
.container .services .card .content .title {
padding: 5px 0px;
font-size: 24px;
font-weight: 500;
color: chocolate;
transition: all 0.3s ease 0s;
}
.para {
color: rgb(255, 255, 255);
}
.image-effect {
display: inline-block;
width: 100%;
box-sizing: border-box;
zoom: 1; text-align: center;
}
.image-effect textarea {
font-family: Roboto;
font-size: 0.9em;
max-height: 32px;
padding: 6px 0px;
resize: none;
text-align: center;
width: 100%;
border: none;
box-sizing: border-box;
}
[class*=" imghvr-"], [class*=" imghvr-"] *, [class*=" imghvr-"]::after, [class*=" imghvr-"]::before, [class*=" imghvr-"]::after, [class*=" imghvr-"]::before, [class^="imghvr-"], [class^="imghvr-"] *, [class^="imghvr-"]::after, [class^="imghvr-"]::before, [class^="imghvr-"]::after, [class^="imghvr-"]::before {
box-sizing: border-box;
transition: all 0.35s ease 0s;
}
[class*=" imghvr-blocks"] figcaption::after, [class*=" imghvr-blocks"] figcaption::before, [class*=" imghvr-blocks"]::after, [class*=" imghvr-blocks"]::before, [class^="imghvr-blocks"] figcaption::after, [class^="imghvr-blocks"] figcaption::before, [class^="imghvr-blocks"]::after, [class^="imghvr-blocks"]::before {
background-color: rgba(250, 176, 18, 0.87);
opacity: 0;
position: absolute;
content: "";
}
[class*=" imghvr-blocks"]::after, [class*=" imghvr-blocks"]::before, [class^="imghvr-blocks"]::after, [class^="imghvr-blocks"]::before {
z-index: 1;
}
[class*=" imghvr-blocks"]::before, [class^="imghvr-blocks"]::before {
inset: 16px 16px 50% 50%;
}
[class*=" imghvr-blocks"]::after, [class^="imghvr-blocks"]::after {
inset: 50% 50% 16px 16px;
}
[class*=" imghvr-blocks"] figcaption, [class^="imghvr-blocks"] figcaption {
z-index: 3;
background-color: transparent;
border-width: 0px;
}
[class*=" imghvr-blocks"] figcaption *, [class^="imghvr-blocks"] figcaption * {
opacity: 0;
}
[class*=" imghvr-blocks"] figcaption::after, [class*=" imghvr-blocks"] figcaption::before, [class^="imghvr-blocks"] figcaption::after, [class^="imghvr-blocks"] figcaption::before {
height: 50%;
width: 50%;
z-index: -1;
}
[class*=" imghvr-blocks"] figcaption::before, [class^="imghvr-blocks"] figcaption::before {
top: 0px;
left: 0px;
}
[class*=" imghvr-blocks"] figcaption::after, [class^="imghvr-blocks"] figcaption::after {
bottom: 0px;
right: 0px;
}
[class*=" imghvr-blocks"] a, [class^="imghvr-blocks"] a {
z-index: 3;
}
[class*=" imghvr-blocks"]:hover figcaption::after, [class*=" imghvr-blocks"]:hover figcaption::before, [class*=" imghvr-blocks"]:hover::after, [class*=" imghvr-blocks"]:hover::before, [class^="imghvr-blocks"]:hover figcaption::after, [class^="imghvr-blocks"]:hover figcaption::before, [class^="imghvr-blocks"]:hover::after, [class^="imghvr-blocks"]:hover::before {
transform: translate(0px, 0px);
opacity: 0.9;
}
[class*=" imghvr-blocks"]:hover figcaption *, [class^="imghvr-blocks"]:hover figcaption * {
opacity: 1;
transition-delay: 0.25s;
}
.imghvr-blocks-rotate-left::before {
transform: translateY(100%);
}
.imghvr-blocks-rotate-left::after {
transform: translateY(-100%);
}
.imghvr-blocks-rotate-left figcaption::before {
transform: translateX(100%);
}
.imghvr-blocks-rotate-left figcaption::after, .imghvr-blocks-rotate-right::before {
transform: translateX(-100%);
}
.imghvr-blocks-rotate-right::after {
transform: translateX(100%);
}
.imghvr-blocks-rotate-right figcaption::before {
transform: translateY(100%);
}
.imghvr-blocks-rotate-in-left::before, .imghvr-blocks-rotate-right figcaption::after {
transform: translateY(-100%);
}
.imghvr-blocks-rotate-in-left::after {
transform: translateY(100%);
}
.imghvr-blocks-rotate-in-left figcaption::before {
transform: translateX(-100%);
}
.imghvr-blocks-rotate-in-left figcaption::after, .imghvr-blocks-rotate-in-right::before {
transform: translateX(100%);
}
.imghvr-blocks-rotate-in-right::after {
transform: translateX(-100%);
}
.imghvr-blocks-rotate-in-right figcaption::before {
transform: translateY(-100%);
}
.imghvr-blocks-rotate-in-right figcaption::after {
transform: translateY(100%);
}
.imghvr-blocks-in::before {
transform: translate(100%, -100%);
}
.imghvr-blocks-in::after {
transform: translate(-100%, 100%);
}
.imghvr-blocks-in figcaption::before {
transform: translate(-100%, -100%);
}
.imghvr-blocks-in figcaption::after {
transform: translate(100%, 100%);
}
.imghvr-blocks-out::before {
transform: translate(-100%, 100%);
}
.imghvr-blocks-out::after {
transform: translate(100%, -100%);
}
.imghvr-blocks-out figcaption::before {
transform: translate(100%, 100%);
}
.imghvr-blocks-out figcaption::after {
transform: translate(-100%, -100%);
}
[class*=" imghvr-book-open-"] figcaption, [class^="imghvr-book-open-"] figcaption {
background-color: transparent;
border: none;
perspective: 50em;
}
[class*=" imghvr-book-open-"] figcaption *, [class^="imghvr-book-open-"] figcaption * {
opacity: 0;
}
[class*=" imghvr-book-open-"] figcaption::after, [class*=" imghvr-book-open-"] figcaption::before, [class^="imghvr-book-open-"] figcaption::after, [class^="imghvr-book-open-"] figcaption::before {
z-index: -1;
background-color: rgb(153, 153, 153);
content: "";
position: absolute;
opacity: 0;
transition: all 0.45s ease 0s;
}
[class*=" imghvr-book-open-"]:hover figcaption, [class^="imghvr-book-open-"]:hover figcaption {
opacity: 1;
}
[class*=" imghvr-book-open-"]:hover figcaption *, [class^="imghvr-book-open-"]:hover figcaption * {
opacity: 1;
transition-delay: 0.2s;
}
[class*=" imghvr-"], [class^="imghvr-"] {
font-family: Montserrat, sans-serif;
position: relative;
display: inline-block;
margin: 0px;
max-width: 100%;
color: rgb(102, 102, 102);
overflow: hidden;
backface-visibility: hidden;
transform: translateZ(0px);
}
[class*=" imghvr-"] img, [class^="imghvr-"] img {
vertical-align: top;
max-width: 100%;
}
[class*=" imghvr-"] figcaption, [class^="imghvr-"] figcaption {
padding: 20px;
position: absolute;
inset: 15px;
display: flex;
border: 1px solid rgba(0, 0, 0, 0.1);
flex-direction: column;
justify-content: center;
align-self: center;
}
[class*=" imghvr-"] h3, [class*=" imghvr-"] p, [class^="imghvr-"] h3, [class^="imghvr-"] p {
margin: 0px;
padding: 0px;
}
[class*=" imghvr-"] h3, [class^="imghvr-"] h3 {
font-weight: 700;
color: rgb(51, 51, 51);
margin-bottom: 2px;
}
[class*=" imghvr-"] p, [class^="imghvr-"] p {
font-family: Lora, sans-serif;
font-size: 0.9em;
}
[class*=" imghvr-"] a, [class^="imghvr-"] a {
inset: 0px;
z-index: 1;
}
[class*=" imghvr-"], [class*=" imghvr-"] *, [class*=" imghvr-"]::after, [class*=" imghvr-"]::before, [class*=" imghvr-"]::after, [class*=" imghvr-"]::before, [class^="imghvr-"], [class^="imghvr-"] *, [class^="imghvr-"]::after, [class^="imghvr-"]::before, [class^="imghvr-"]::after, [class^="imghvr-"]::before {
box-sizing: border-box;
transition: all 0.35s ease 0s;
}
.ser-box {
margin-bottom: 25px;
}
.image-effect p {
margin-top: 18px;
}
figure.imghvr-blocks-rotate-right h3 {
margin-top: 15px;
}
.image-effect p {
}
.about2-section {
background: url("../images/about-parallax.jpg") no-repeat !important;
}
.our-services {
position: relative;
padding-top: 40px;
}
.our-services::before {
background: url("../images/left-services.jpg") no-repeat;
width: 100%;
height: 500px;
position: absolute;
left: 0px;
content: "";
top: 0px;
z-index: -9;
opacity: 0.1;
}
.our-services::after {
background: url("../images/right-service.jpg") no-repeat;
width: 100%;
height: 500px;
position: absolute;
right: -65%;
content: "";
bottom: 0px;
z-index: -9;
opacity: 0.1;
display: none;
}
.middle-part a {
font-size: 22px;
font-weight: 800;
}
.about-main p {
color: rgb(0, 0, 0);
}
.middle-part a {
color: rgb(255, 255, 255);
}
.middle-part p {
color: rgb(255, 255, 255);
}
.text-area-finserv p {
line-height: 30px;
}
.sky-blue {
background-color: rgb(245, 250, 255);
}
.not-before h3 {
font-size: 38px;
position: relative;
display: inline-block;
padding-right: 27px;
text-transform: capitalize;
}
.about-heading h3 {
font-size: 38px;
position: relative;
display: inline-block;
padding-right: 27px;
text-transform: capitalize;
}
.about-heading h3::before {
position: absolute;
content: "";
right: -13px;
top: 50%;
transform: translateY(-50%);
background: rgb(245, 0, 80);
width: 17px;
height: 30px;
clip-path: polygon(56% 0px, 100% 0%, 47% 100%, 0% 100%);
}
.about-heading h3::after {
position: absolute;
content: "";
right: 0px;
top: 50%;
transform: translateY(-50%);
background: rgb(245, 0, 80);
width: 17px;
height: 30px;
clip-path: polygon(56% 0px, 100% 0%, 47% 100%, 0% 100%);
}
.about-text-section h2 {
text-transform: capitalize;
font-size: 30px;
}
.about-text-section p {
line-height: 28px;
margin-bottom: 0px;
}
.about-section-type {
padding-bottom: 50px;
position: relative;
}
.about-box {
position: relative;
z-index: -9;
}
.about-box::before {
position: absolute;
content: "";
bottom: -10px;
right: 0px;
width: 80px;
height: 80px;
background: rgb(250, 176, 18);
z-index: -1;
}
.about-box::after {
position: absolute;
content: "";
top: -10px;
left: 0px;
width: 80px;
height: 80px;
background: rgb(250, 176, 18);
z-index: -1;
}
.about-section-type::before {
background: url("../images/after.png") no-repeat;
position: absolute;
content: "";
width: 17%;
height: 336px;
bottom: 0px;
right: 0px;
z-index: -99999;
opacity: 0.3;
filter: grayscale(10%);
}
.about-section-type::after {
background: url("../images/before.png") no-repeat;
position: absolute;
content: "";
width: 18%;
height: 190px;
bottom: 83%;
left: 0%;
z-index: -99999;
opacity: 0.3;
filter: grayscale(10%);
}
.banner-image img {
border-radius: 25px;
}
.bg-banner-about-three-item {
background-image: url("../images/bg-about-three-item.jpg");
background-repeat: no-repeat;
background-size: cover !important;
background-attachment: inherit !important;
}
.carousel-indicators {
bottom: 30px;
}
.about-heading {
text-transform: capitalize;
}
section.team-section {
padding: 50px 0px;
background: rgb(249, 249, 249);
}
span.heading-services-type {
font-size: 20px;
color: rgb(51, 51, 51);
}
.img-box-type-team .featured-content-team {
background: transparent !important;
}
.img-box-type-team .featured-content-team a {
color: rgb(255, 255, 255);
}
.img-box-type-team .featured-content-team p {
color: rgb(255, 255, 255) !important;
}
.what-we-do h3 {
line-height: 45px;
}
div#our-mission {
padding: 100px 0px !important;
}
div#our-vision {
padding: 100px 0px !important;
}
div#our-value {
padding: 0px !important;
}
.value-section-type {
width: 80%;
text-align: center;
margin: 0px auto;
}
p.p-mission {
line-height: 40px;
color: black;
font-weight: 600;
font-size: 35px !important;
}
.about-heading h4 {
font-size: 37px;
position: relative;
display: inline-block;
padding-right: 27px;
}
.about-heading h4::before {
position: absolute;
content: "";
right: -13px;
top: 50%;
transform: translateY(-50%);
background: rgb(245, 0, 80);
width: 17px;
height: 30px;
clip-path: polygon(56% 0px, 100% 0%, 47% 100%, 0% 100%);
}
.about-heading h4::after {
position: absolute;
content: "";
right: 0px;
top: 50%;
transform: translateY(-50%);
background: rgb(245, 0, 80);
width: 17px;
height: 30px;
clip-path: polygon(56% 0px, 100% 0%, 47% 100%, 0% 100%);
}
.featured-title p.aaa {
line-height: 28px;
margin-bottom: 10px;
font-size: 24px !important;
}
.home-about-text h1 {
text-transform: capitalize;
}
a.color-pink {
color: rgb(250, 176, 18);
}
.center-text {
text-align: center;
width: 100%;
}
a.services-btn {
background: rgb(250, 176, 18);
padding: 12px 18px;
color: rgb(255, 255, 255);
}
.button-center {
width: 100%;
text-align: center;
}
img {
border-radius: 25px;
}
.ttm-row.services-section {
padding: 30px 0px 0px;
}
.unique-bg.zik-zak {
}
.layer-content ul li {
margin-left: 20px;
}
.zak-content ul li {
margin-left: 25px;
}
.carousel-inner .carousel-item img {
border-radius: 0px;
}
.site-branding img {
border-radius: 0px !important;
}
.carousel-3d-slide {
border-radius: 0px !important;
}
div#mission {
padding: 110px 0px !important;
}
div#vision {
padding: 110px 0px !important;
}
.featured-thumbnail img {
border-radius: 100% !important;
}
.top-header-new {
background: rgb(12, 12, 38);
}
.social-media-header li a {
color: rgb(255, 255, 255);
}
.marque-center marquee {
color: rgb(255, 255, 255);
}
.bg-remove-style {
background: rgb(255, 255, 255) !important;
}
p.category.coloring-white {
color: rgb(250, 176, 18) !important;
}
p.aaa.coloring-white a {
color: rgb(250, 176, 18);
}
p.heading-bg-none {
background: inherit !important;
}
input.white-bg-color {
color: rgb(51, 51, 51);
background: rgb(255, 255, 255) !important;
}
.carousel-caption .heading-2 {
padding: 0px 0px 0px 15px;
text-transform: uppercase;
font-weight: bold;
width: 65%;
position: relative;
top: -159px;
text-align: left;
line-height: 72px;
left: -12%;
font-size: 54px !important;
color: rgb(250, 176, 18) !important;
background-position: 0px 45% !important;
}
#three p.heading-6 {
top: -159px;
position: relative !important;
left: 50% !important;
font-size: 54px !important;
line-height: 72px !important;
font-weight: 900 !important;
}
.top-header-new {
background: rgb(11, 13, 38);
}
.color-gray p a {
color: rgb(141, 146, 151);
}
.adres-align {
margin-left: 35px;
}
.adres-align span {
padding-left: 0px !important;
color: rgb(0, 0, 0);
}
p.aaa.coloring-white {
color: rgb(250, 176, 18) !important;
}
.quick-form p.title {
font-size: 30px !important;
color: rgb(0, 0, 0);
}
.title-desc a {
color: rgb(250, 176, 18);
}
.content-ak p {
color: rgb(104, 106, 109);
line-height: 26px;
margin: 10px 0px;
font-size: 15px !important;
}
.content-ak a {
color: rgb(250, 176, 18);
}
.content-ak ul li {
color: rgb(104, 106, 109);
line-height: 30px;
margin: 5px 0px 5px 20px;
font-size: 15px !important;
}
a.about-btn {
color: white;
}
.content-side a {
color: rgb(250, 176, 18);
}
.about-text-section a {
color: rgb(250, 176, 18);
}
.diverse-content a {
color: rgb(250, 176, 18);
}
.btn-pop input {
background: rgb(250, 176, 18);
width: 100%;
}
.btn-pop input:hover {
background-color: rgb(11, 13, 38);
}
.form-group textarea {
resize: none !important;
}
.custom-btn-type {
background: rgb(250, 176, 18);
border: none;
border-radius: 0px;
transform: rotate(90deg);
z-index: 999999;
right: -48px;
position: fixed;
top: 50%;
}
.custom-btn-type:hover {
background: rgb(11, 13, 38);
}
.services-box a {
color: rgb(250, 176, 18);
}
.modal-header p {
color: rgb(0, 0, 0);
font-weight: 600;
font-size: 18px !important;
}
span.clr-spn {
font-weight: 600;
text-transform: capitalize;
font-size: 12px;
line-height: 24px;
letter-spacing: 1px;
margin-bottom: 12px;
margin-top: 5px;
color: rgb(250, 176, 18);
}
.not-real a {
pointer-events: none;
}
.mobile-menu {
z-index: 999999;
display: block !important;
}
.news-cls {
margin-top: 25px !important;
}
.fennec-mobile-nav {
display: none;
}
.fennec-mobile-nav.mean-container .mean-nav ul li a.active {
color: rgb(2, 41, 138);
}
.fennec-mobile-nav .others-option {
position: absolute;
text-align: center;
right: 48px;
top: 14px;
width: 21%;
}
.fennec-mobile-nav .others-option .option-item {
color: rgb(20, 20, 20);
display: inline-block;
margin-right: 10px;
position: relative;
line-height: initial;
}
.fennec-mobile-nav .others-option .option-item:last-child {
margin-right: 0px;
}
.fennec-mobile-nav .others-option .option-item .search-btn {
cursor: pointer;
}
.fennec-mobile-nav .others-option .option-item .search-btn::before {
font-size: 17px;
}
.fennec-mobile-nav .others-option .option-item .close-btn {
cursor: pointer;
display: none;
font-size: 17px;
}
.fennec-mobile-nav .others-option .option-item .close-btn.active {
display: block;
}
.fennec-mobile-nav .others-option .option-item a {
color: rgb(20, 20, 20);
}
.fennec-mobile-nav .others-option .option-item a i::before {
font-size: 17px;
}
.fennec-mobile-nav .others-option .option-item a span {
display: inline-block;
width: 15px;
height: 15px;
background: linear-gradient(to right, rgb(252, 74, 26), rgb(253, 107, 18), rgb(252, 135, 18), rgb(250, 160, 31), rgb(247, 183, 51));
border-radius: 50%;
text-align: center;
color: rgb(255, 255, 255);
line-height: 15px;
font-weight: 600;
font-size: 10px;
position: relative;
top: -12px;
left: -12px;
}
.fennec-mobile-nav .navbar-nav {
overflow-y: auto;
height: 428px;
}
.fennec-mobile-nav .search-overlay.search-popup {
width: 265px;
right: -95px;
margin-top: 23px;
}
.fennec-mobile-nav .search-overlay.search-popup .search-form .search-input {
width: 95%;
}
.navbar-area.is-sticky {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 999;
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 28px 0px;
background-color: rgb(255, 255, 255);
animation: 500ms ease-in-out 0s 1 normal none running fadeInDown;
}
.navbar-area.is-sticky .fennec-nav {
background-color: rgb(255, 255, 255);
}
.navbar-brand {
padding-top: 0px;
padding-bottom: 0px;
}
.fennec-nav {
background-color: rgb(248, 248, 248);
padding-top: 0px;
padding-bottom: 0px;
}
.fennec-nav .navbar {
padding: 0px;
}
.fennec-nav .navbar ul {
padding-left: 0px;
list-style-type: none;
margin-bottom: 0px;
}
.fennec-nav .navbar .navbar-nav .nav-item {
position: relative;
padding: 0px;
}
.fennec-nav .navbar .navbar-nav .nav-item a {
font-size: 14px;
font-weight: 600;
color: rgb(20, 20, 20);
text-transform: uppercase;
padding: 20px 12px;
position: relative;
z-index: 1;
margin: 0px;
}
.fennec-nav .navbar .navbar-nav .nav-item a i {
margin-left: 1px;
}
.fennec-nav .navbar .navbar-nav .nav-item a i::before {
font-size: 11px;
}
.fennec-nav .navbar .navbar-nav .nav-item a::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease 0s;
color: rgb(0, 0, 0) !important;
}
.fennec-nav .navbar .navbar-nav .nav-item a:hover, .fennec-nav .navbar .navbar-nav .nav-item a:focus, .fennec-nav .navbar .navbar-nav .nav-item a.active {
color: rgb(0, 0, 0);
}
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {
opacity: 1;
visibility: visible;
}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
background: rgb(255, 255, 255);
position: absolute;
border: none;
top: 80px;
left: 0px;
width: 250px;
z-index: 99;
display: block;
opacity: 0;
visibility: hidden;
border-radius: 0px;
transition: all 0.3s ease-in-out 0s;
padding: 15px 5px;
}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
text-transform: capitalize;
padding: 5px 15px;
display: block;
color: rgb(20, 20, 20);
margin-top: 6px;
font-size: 15px;
font-weight: 600;
}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {
display: none;
}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::after {
position: absolute;
content: "";
height: 100%;
width: 3px;
left: -5px;
background: linear-gradient(to left, rgb(5, 117, 230), rgb(11, 94, 202), rgb(11, 71, 175), rgb(8, 49, 148), rgb(2, 27, 121));
transition: all 0.5s ease 0s;
opacity: 0;
visibility: hidden;
top: 0px;
transform: scale(0);
}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
color: rgb(2, 41, 138);
}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
left: 220px;
top: 0px;
opacity: 0;
visibility: hidden;
}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: 220px;
top: 0px;
opacity: 0;
visibility: hidden;
}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
top: -15px;
}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
top: -15px;
}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
opacity: 1;
visibility: visible;
top: 100%;
margin-top: 0px;
}
.fennec-nav .others-option {
margin-left: auto;
}
.fennec-nav .others-option .option-item {
color: rgb(20, 20, 20);
display: inline-block;
margin-right: 15px;
position: relative;
line-height: initial;
}
.fennec-nav .others-option .option-item:last-child {
margin-right: 0px;
}
.fennec-nav .others-option .option-item .search-btn {
cursor: pointer;
}
.fennec-nav .others-option .option-item .search-btn::before {
font-size: 20px;
}
.fennec-nav .others-option .option-item .close-btn {
cursor: pointer;
display: none;
font-size: 20px;
}
.fennec-nav .others-option .option-item .close-btn.active {
display: block;
}
.fennec-nav .others-option .option-item a {
color: rgb(20, 20, 20);
}
.fennec-nav .others-option .option-item a i::before {
font-size: 20px;
}
.fennec-nav .others-option .option-item a span {
display: inline-block;
width: 15px;
height: 15px;
background: linear-gradient(to right, rgb(252, 74, 26), rgb(253, 107, 18), rgb(252, 135, 18), rgb(250, 160, 31), rgb(247, 183, 51));
border-radius: 50%;
text-align: center;
color: rgb(255, 255, 255);
line-height: 15px;
font-weight: 600;
font-size: 10px;
position: relative;
top: -12px;
left: -12px;
}
.search-overlay {
display: none;
}
.search-overlay.search-popup {
position: absolute;
top: 100%;
width: 300px;
right: 0px;
background: rgb(255, 255, 255);
z-index: 2;
padding: 20px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
margin-top: 20px;
}
.search-overlay.search-popup .search-form {
position: relative;
}
.search-overlay.search-popup .search-form .search-input {
display: block;
width: 100%;
height: 40px;
line-height: initial;
border: 1px solid rgb(238, 238, 238);
padding-left: 10px;
color: rgb(20, 20, 20);
outline: 0px;
}
.search-overlay.search-popup .search-form .search-button {
position: absolute;
right: 0px;
top: 0px;
height: 40px;
background: transparent;
border: none;
width: 40px;
outline: 0px;
color: rgb(119, 119, 119);
transition: all 0.5s ease 0s;
}
.search-overlay.search-popup .search-form .search-button:hover, .search-overlay.search-popup .search-form .search-button:focus {
color: rgb(20, 20, 20);
}
.navbar-style-two {
background-color: rgb(248, 248, 248);
}
.navbar-style-two .fennec-nav {
background-color: rgb(248, 248, 248);
padding: 15px 80px;
}
.navbar-style-two .fennec-nav .navbar .navbar-nav {
margin-left: auto;
}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a {
padding: 0px;
margin: 0px 12px;
}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a i {
color: rgb(102, 102, 102);
transition: all 0.5s ease 0s;
}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a::before {
display: none;
}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active {
color: rgb(253, 108, 30);
}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover i, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus i, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active i {
color: rgb(253, 108, 30);
}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:first-child a {
margin-left: 0px;
}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:last-child a {
margin-right: 0px;
}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
padding: 0px;
}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
margin-top: 6px;
margin-left: 0px;
margin-right: 0px;
}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::after {
background: linear-gradient(to right, rgb(252, 74, 26), rgb(253, 107, 18), rgb(252, 135, 18), rgb(250, 160, 31), rgb(247, 183, 51));
}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
color: rgb(253, 108, 30);
}
.navbar-style-two .fennec-nav .others-option {
margin-left: 22px;
}
.navbar-style-two.is-sticky .fennec-nav {
padding-top: 10px;
padding-bottom: 10px;
}
ul.dropdown-menu {
height: 500px;
overflow-y: scroll;
}
header.header-sm {
display: none;
}
.logo-top-face img {
position: absolute;
z-index: 999;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
position: absolute !important;
width: 100% !important;
z-index: 999 !important;
}
.featured-title span {
font-size: 22px !important;
}
div#inner-form #submit {
color: rgb(255, 255, 255);
}
.featured-icon-box p {
color: rgb(255, 255, 255) !important;
}
.company-side p {
color: rgb(255, 255, 255) !important;
}
.diverse-content p {
color: rgb(255, 255, 255) !important;
}
.google-conveter button {
background: rgb(250, 176, 19);
border: 0px;
}
.google-conveter button:hover {
background-color: inherit !important;
}
li.second-top {
position: relative;
bottom: 33px;
display: inline-flex !important;
}
.modal-header span {
font-weight: bolder;
text-transform: uppercase;
font-size: 25px !important;
}
.quote-filed input {
color: rgb(0, 0, 0);
}
.quote-filed input::placeholder {
color: rgb(0, 0, 0);
opacity: 1;
}
.quote-filed-btn input {
background: rgb(250, 176, 19);
}
.mobile-menu {
z-index: 999999;
display: none !important;
}
div.ttm-page-title-row > .ttm-bg-layer {
background-color: rgba(24, 35, 51, 0.85);
}
.ttm-page-title-row {
display: block;
padding-top: 100px;
padding-bottom: 85px;
z-index: 11;
}
.title-box .page-title-heading h1 {
text-transform: capitalize;
font-size: 43px;
line-height: 50px;
margin-bottom: 10px;
}
.title-box .page-title-heading {
position: relative;
}
.breadcrumb-wrapper a {
font-family: Poppins, Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: capitalize;
font-size: 14px;
line-height: 20px;
color: rgb(255, 255, 255);
}
.ttm-row {
padding: 90px 0px;
}
.ttm-row.broken-section, .ttm-row.testimonial-section, .ttm-row.about2-section, .ttm-row.row-top-section {
padding: 0px;
}
.ttm-row.project-style2-section, .ttm-row.single-project-section {
padding-bottom: 60px;
}
.ttm-row.pricing-plan-section, .ttm-row.team-member-section, .ttm-row.faq-section, .ttm-row.about-blog-section {
padding-bottom: 70px;
}
.ttm-row.blog-grid-section, .ttm-row.blog-left-img-section, .ttm-row.services2-section {
padding-bottom: 80px;
}
.ttm-row.services-section {
padding-bottom: 70px;
}
.ttm-row.row-title-section {
padding-top: 220px;
padding-bottom: 110px;
}
.ttm-row.blog-text-section {
padding-top: 207px;
padding-bottom: 180px;
}
.ttm-row.blog-section, .ttm-row.client-section, .ttm-row.blog2-section, .ttm-row.about-blog-section, .ttm-row.contact-form-section {
padding-top: 0px;
}
.ttm-row.strategy-section, .ttm-row.chart-section, .ttm-row.blog-section, .ttm-row.about-blog2-section, .ttm-row.map-section {
padding-bottom: 0px;
}
.ttm-row.blog-section, .ttm-row.about-blog-section {
margin-top: -180px;
}
.ttm-row.client-section {
padding-bottom: 37px;
}
.ttm-row.about-section, .ttm-row.process-section {
padding-bottom: 50px;
}
.ttm-row.strategy-section {
padding-top: 140px;
}
.ttm-row.team-work-section {
padding-bottom: 60px;
}
.ttm-row.blog-text2-section {
padding-top: 250px;
padding-bottom: 250px;
}
.ttm-row.row-title2-section {
padding-bottom: 200px;
}
.ttm-row.row-title2-section, .ttm-row.tab-section {
padding-top: 150px;
}
.ttm-row.about-top-section {
padding-top: 110px;
}
.ttm-row.about-services-section {
padding-bottom: 50px;
}
.ttm-row.row-title3-section {
padding-top: 157px;
padding-bottom: 117px;
}
.row-equal-height {
display: flex;
}
.row-equal-height > [class*="col-"] {
display: flex;
flex-wrap: wrap;
}
.ttm-bg {
position: relative;
}
.ttm-col-bgimage-yes, .bg-layer-equal-height .ttm-col-bgcolor-yes {
height: 100%;
z-index: 9;
}
.ttm-bg-layer, .ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer, .ttm-bg-layer .ttm-bg-layer-inner {
position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
}
.ttm-left-span .ttm-col-wrapper-bg-layer {
width: auto;
margin-left: -100px;
right: 0px;
}
.ttm-right-span .ttm-col-wrapper-bg-layer {
width: auto;
margin-right: -100px;
right: 0px;
}
.ttm-bg.ttm-bgimage-yes > .ttm-bg-layer, .ttm-bg.ttm-col-bgimage-yes .ttm-bg-layer-inner {
opacity: 0.5;
}
.ttm-bgcolor-skincolor.map-bgimg.ttm-bg.ttm-bgimage-yes > .ttm-bg-layer, .ttm-bgcolor-skincolor.map-bgimg.ttm-bg .ttm-bg-layer .ttm-bg-layer-inner {
opacity: 0.2;
}
.layer-content {
position: relative;
z-index: 9;
height: 100%;
}
.bg-layer > .container > .row {
margin: 0px;
}
.bg-layer > .container > .row > [class*="col-"], .bg-layer > .container-fluid > .row > [class*="col-"] {
padding: 0px;
}
.bg-img1 {
background-image: url("http://127.0.0.1:5501/default/images/row-bgimage-1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center center;
filter: drop-shadow(2px 4px 6px black);
}
.bg-img2 {
background-image: url("../images/row-bgimage-2.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.bg-img3 {
background-image: url("../images/row-bgimage-3.png");
background-repeat: no-repeat;
background-position: center top;
}
.bg-img4 {
background-image: url("../images/row-bgimage-4.html");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.bg-img5 {
background-image: url("../images/row-bgimage-5.html");
background-repeat: no-repeat;
background-position: center top;
}
.bg-img6 {
background-image: url("../images/bg-image/row-bgimage-6.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.bg-img7 {
background-image: url("../images/bg-image/row-bgimage-7.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.bg-img8 {
background-image: url("../images/bg-image/row-bgimage-8.html");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.map-bgimg, .map-bgimg.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
background-image: url("../images/map-bgimg.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.ttm-equal-height-image {
display: none;
}
.col-bg-img-one.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
background-image: url("../images/bg-image/col-bgimage-1.png") !important;
background-position: right center !important;
background-repeat: no-repeat !important;
}
.col-bg-img-two.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
background-image: url("../images/bg-image/col-bgimage-2.jpg") !important;
background-position: center top !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.col-bg-img-three.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
background-image: url("../images/bg-image/col-bgimage-3.jpg") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.map-col-bg {
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.highlight-text h2 {
text-align: left;
font-size: 90px;
line-height: 90px;
font-family: Poppins, Arial, Helvetica;
font-weight: 600;
}
.highlight-text {
background: url("../images/highlight-text-bg.html") center center no-repeat text;
-webkit-text-fill-color: transparent;
}
.max-content {
max-width: max-content !important;
width: auto;
}
.section-title {
position: relative;
}
.section-title span {
font-weight: 600;
text-transform: capitalize;
font-size: 12px;
line-height: 24px;
letter-spacing: 1px;
margin-bottom: 12px;
margin-top: 5px;
color: rgb(250, 176, 18);
}
.section-title h2.title {
font-weight: 700;
font-size: 36px;
line-height: 44px;
margin-bottom: 0px;
text-transform: capitalize;
}
.section-title p.title {
font-weight: 700;
font-size: 36px;
line-height: 44px;
margin-bottom: 0px;
text-transform: capitalize;
}
.section-title h1.title {
font-weight: 700;
font-size: 36px;
line-height: 44px;
margin-bottom: 0px;
text-transform: capitalize;
}
.section-title .title-desc {
font-weight: 400;
font-size: 15px;
line-height: 26px;
margin-bottom: 15px;
color: rgb(104, 112, 118);
}
.section-title .title-header {
position: relative;
}
.section-title.with-desc .title-header {
margin-bottom: 60px;
}
.section-title.with-desc .title-header::before {
width: 43px;
bottom: -15px;
height: 4px;
left: 50%;
margin-left: -21px;
top: auto;
position: absolute;
content: "";
}
.section-title.text-left.with-desc .title-header::before {
left: 0px;
margin-left: 0px;
}
.section-title.style2 {
margin-bottom: 35px;
}
.section-title.style2 .title-header {
width: 45%;
padding-right: 60px;
margin-bottom: 0px;
}
.section-title.style2 .title-header, .section-title.style2 .title-desc {
display: table-cell;
vertical-align: middle;
}
.row-title h2.title {
font-size: 54px;
line-height: 70px;
margin-bottom: 0px;
padding: 0px;
}
.separator .sep-line {
height: 1px;
border-top: 1px rgb(235, 235, 235);
display: block;
position: relative;
width: 100%;
}
.separator .sep-line.dashed {
border-top-style: dashed;
}
.separator .sep-line.solid {
border-top-style: solid;
}
.ttm-bgcolor-darkgrey .separator .sep-line {
border-color: rgba(255, 255, 255, 0.14);
}
.ttm-bgcolor-white .separator .sep-line {
border-color: rgb(241, 241, 241);
}
.ttm-btn {
display: inline-block;
font-size: 16px;
line-height: normal;
padding: 11px 32px 11px 31px;
background: transparent;
border: 1px solid transparent;
position: relative;
font-weight: 600;
overflow: hidden;
z-index: 9;
vertical-align: middle;
text-transform: uppercase;
transition: all 0.2s ease-in-out 0s;
}
.ttm-btn.ttm-icon-btn-left {
padding-left: 44px;
}
.ttm-btn.ttm-icon-btn-right {
padding-right: 44px;
}
.ttm-btn.ttm-icon-btn-left i {
left: 20px;
}
.ttm-btn.ttm-icon-btn-right i {
right: 20px;
}
.ttm-btn.ttm-icon-btn-right {
padding-right: 22px;
}
.ttm-btn.ttm-icon-btn-right i {
right: 2px;
}
.ttm-bgcolor-darkgrey .ttm-btn:hover.btn-inline.ttm-btn-color-skincolor {
background-color: transparent;
color: rgb(255, 255, 255);
}
.ttm-btn i {
display: block;
position: absolute;
top: 50%;
transform: translate(0px, -50%);
}
.ttm-btn.ttm-icon-btn-right {
text-align: right;
}
.ttm-btn.ttm-icon-btn-left {
text-align: left;
}
.ttm-btn.ttm-btn-size-xs {
font-size: 12px;
padding: 7px 22px;
}
.ttm-btn.ttm-btn-size-xs.ttm-icon-btn-right {
padding-right: 31px;
}
.ttm-btn.ttm-btn-size-xs.ttm-icon-btn-left {
padding-left: 31px;
}
.ttm-btn.ttm-btn-size-xs.ttm-icon-btn-left i {
left: 12px;
}
.ttm-btn.ttm-btn-size-xs i {
font-size: 14px;
height: 11px;
line-height: 11px;
right: 12px;
}
.ttm-btn.ttm-btn-size-sm {
font-size: 14px;
padding: 10px 24px;
}
.ttm-btn.ttm-btn-size-sm.ttm-icon-btn-right {
padding-right: 39px;
}
.ttm-btn.ttm-btn-size-sm.ttm-icon-btn-left {
padding-left: 39px;
}
.ttm-btn.ttm-btn-size-sm.ttm-icon-btn-left i {
left: 16px;
}
.ttm-btn.ttm-btn-size-sm i {
font-size: 11px;
height: 12px;
line-height: 12px;
right: 16px;
}
.ttm-btn.ttm-btn-size-md {
font-size: 14px;
padding: 13px 30px;
}
.ttm-btn.ttm-btn-size-md.ttm-icon-btn-right {
padding-right: 48px;
}
.ttm-btn.ttm-btn-size-md.ttm-icon-btn-left {
padding-left: 48px;
}
.ttm-btn.ttm-btn-size-md.ttm-icon-btn-left i {
left: 20px;
}
.ttm-btn.ttm-btn-size-md.ttm-icon-btn-right i {
font-size: 11px;
height: 11px;
line-height: 11px;
right: 20px;
}
.ttm-btn.ttm-btn-size-lg {
font-size: 20px;
line-height: 20px;
padding: 18px 45px;
}
.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-right {
padding-right: 60px;
}
.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-left {
padding-left: 60px;
}
.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-left i {
left: 25px;
}
.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-right i {
font-size: 20px;
height: 16px;
line-height: 16px;
right: 25px;
}
.ttm-btn.ttm-btn-shape-round {
border-radius: 2em;
}
.ttm-btn.ttm-btn-shape-rounded {
border-radius: 5px;
}
.ttm-btn.ttm-btn-shape-square {
border-radius: 0px;
}
.ttm-btn.ttm-btn-style-border {
background-color: transparent;
border: 1px solid;
}
.ttm-btn.ttm-btn-color-white.ttm-btn-style-border {
color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
background: transparent;
}
.ttm-btn.btn-inline {
text-transform: capitalize;
font-size: 14px;
font-weight: 600;
padding: 0px;
border: 1px solid transparent;
background-color: transparent;
overflow: visible;
}
.ttm-btn.btn-inline::before, .ttm-btn.btn-inline::after {
position: absolute;
content: "";
bottom: -3px;
left: auto;
right: 0px;
width: 0px;
height: 2px;
transition: all 0.3s ease 0s;
}
.ttm-btn.btn-inline::before {
width: 100%;
}
.ttm-btn.btn-inline:hover::after {
width: 100%;
right: auto;
left: 0px;
}
.ttm-video-btn.video-btn-left {
left: 0px;
}
.ttm-video-btn.text-center {
position: absolute;
left: 0px;
right: 0px;
top: 165px;
}
.video-btn-left .ttm-play-btn {
padding-left: 90px;
}
.ttm-video-btn.video-btn-center {
left: 50%;
margin-top: -25px;
position: absolute;
top: 50%;
}
.ttm-video-btn:hover a {
opacity: 0.9;
color: rgb(255, 255, 255);
}
.ttm-play-btn {
border-radius: 30px;
color: rgb(255, 255, 255);
font-size: 18px;
display: block;
padding: 10px 20px 10px 50px;
position: relative;
}
.ttm-video-btn .ttm-btn-play, .ttm-video-btn .ttm-video-btn-play {
height: 65px;
width: 65px;
line-height: 65px;
border-radius: 50%;
padding-left: 7px;
font-size: 30px;
font-variant: normal;
text-rendering: auto;
display: inline-block;
text-align: center;
margin: 0px auto;
transform: translate(-25%, -10%);
}
.ttm-btn-play::after, .ttm-btn-play::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.ttm-btn-play::after {
z-index: 1;
width: 105px;
height: 105px;
opacity: 0.09;
}
.ttm-btn-play::before {
z-index: 2;
width: 94px;
height: 94px;
opacity: 0.21;
}
.ttm-play-btn:hover, .ttm-video-btn span.ttm-btn-play {
color: rgb(255, 255, 255);
}
.ttm-video-btn:hover .ttm-btn-play {
background-color: rgba(253, 161, 43, 0.95);
color: rgb(255, 255, 255);
}
.ttm-video-btn .ttm-video-btn-play::before {
width: 94px;
height: 94px;
opacity: 0.41;
}
.ttm-video-btn .ttm-video-btn-play::before, .ttm-video-btn .ttm-video-btn-play::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: rgb(255, 255, 255);
z-index: -1;
}
.ttm-video-btn .ttm-video-btn-play::after {
z-index: 1;
width: 105px;
height: 105px;
opacity: 0.15;
}
.ttm-video-btn .ttm-video-btn-play:hover::before, .ttm-video-btn .ttm-video-btn-play:hover::after {
animation: 1.05s ease 0s infinite normal none running prittyphoto;
}
@-webkit-keyframes prittyphoto {
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes prittyphoto {
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@-webkit-keyframes sonarEffect {
40% {
opacity: 0.5;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
.ttm-video-btn.ttm-right-center-video-btn {
position: absolute;
left: auto;
right: 0px;
top: 50%;
margin-top: -20px;
}
.ttm-video-btn.ttm-top-center-video-btn {
position: absolute;
left: 0px;
right: 0px;
top: 45%;
text-align: center;
}
.ttm-icon {
margin-bottom: 35px;
display: inline-block;
text-align: center;
border: 2px solid transparent;
transition: all 0.4s ease-in-out 0s;
box-sizing: content-box;
position: relative;
}
.ttm-icon i {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ttm-icon.ttm-icon_element-size-xs {
height: 40px;
width: 40px;
line-height: 40px;
}
.ttm-icon.ttm-icon_element-size-xs i {
font-size: 16px;
}
.ttm-icon.ttm-icon_element-size-sm {
height: 50px;
width: 50px;
line-height: 50px;
}
.ttm-icon.ttm-icon_element-size-sm i {
font-size: 28px;
}
.ttm-icon.ttm-icon_element-size-md {
height: 58px;
width: 58px;
line-height: 58px;
}
.ttm-icon.ttm-icon_element-size-md i {
font-size: 30px;
}
.ttm-icon.ttm-icon_element-size-lg {
height: 62px;
width: 62px;
line-height: 62px;
}
.ttm-icon.ttm-icon_element-size-lg i {
font-size: 45px;
}
.ttm-icon.ttm-icon_element-style-rounded {
border-radius: 5px;
}
.ttm-icon.ttm-icon_element-style-round {
border-radius: 50%;
}
.ttm-icon.ttm-icon_element-style-square {
border-radius: 0px;
}
.ttm-icon.ttm-icon-color-black.ttm-icon-style-border {
background-color: transparent;
}
.inside {
text-align: center;
position: relative;
padding: 29px 15px 25px;
margin-bottom: 30px;
}
.inside h4 {
margin-bottom: 0px;
padding-bottom: 0px;
font-size: 30px;
line-height: 34px;
}
.ttm-fid-view-righticon.inside h4, .ttm-fid-view-lefticon.inside h4 {
margin-bottom: 0px;
float: left;
display: inline-block;
}
.inside h3 {
margin-bottom: 0px;
bottom: -11px;
width: 100%;
font-size: 14px;
line-height: 20px;
font-weight: 400;
padding-top: 0px;
display: inline-block;
}
.ttm-fid-view-righticon .ttm-fid-left, .ttm-fid-view-lefticon .ttm-fid-left {
position: relative;
}
.ttm-fid-view-righticon .ttm-fid-icon-wrapper, .ttm-fid-view-lefticon .ttm-fid-icon-wrapper {
position: absolute;
top: 0px;
}
.ttm-fid-icon-wrapper i {
font-size: 40px;
}
.ttm-fid-view-topicon .ttm-fid-icon-wrapper i {
font-size: 48px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.ttm-fid-view-lefticon.inside .ttm-fid-contents {
padding-left: 55px;
}
.ttm-fid-view-righticon .ttm-fid-contents, .ttm-fid-view-lefticon .ttm-fid-contents {
clear: both;
overflow: hidden;
}
.ttm-fid-view-topicon-row {
border: 1px solid rgb(232, 236, 239);
}
.ttm-fid-view-topicon-row .with-right-border:not(:last-child)::after {
content: "";
height: 100%;
width: 1px;
background-color: rgb(241, 241, 241);
display: block;
position: absolute;
right: 0px;
top: 50%;
transform: translateX(0%) translateY(-50%);
}
.ttm-fid-view-topicon {
padding: 40px 40px 20px;
}
.ttm-fid.ttm-fid-view-topicon .ttm-fid-icon-wrapper {
margin-bottom: 10px;
width: 122px;
height: 61px;
line-height: 61px;
border-radius: 50%;
display: inline-block;
position: relative;
}
.inside.ttm-fid-view-topicon h4 {
font-size: 53px;
line-height: 56px;
}
.inside.ttm-fid-view-topicon h3 {
position: relative;
}
.ttm-highlight-fid-style1 {
position: absolute;
padding: 20px 20px 20px 30px;
max-width: 207px;
bottom: 3%;
left: 30px;
}
.ttm-highlight-fid-style1::after {
position: absolute;
content: "";
bottom: 0px;
width: 0px;
height: 0px;
left: 20%;
border-width: 20px 20px 0px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
border-image: initial;
border-bottom-style: initial;
border-bottom-color: initial;
margin-left: -21px;
margin-bottom: -19px;
}
.ttm-fid-view-lefticon.ttm-highlight-fid-style1 .ttm-fid-icon-wrapper {
top: 5px;
}
.ttm-highlight-fid-style2 {
position: absolute;
background: rgb(255, 255, 255);
padding: 15px 20px;
border: 7px solid rgb(233, 242, 250);
bottom: 0px;
left: 30px;
}
.ttm-fid-view-lefticon.ttm-highlight-fid-style2 .ttm-fid-icon-wrapper {
top: 5px;
}
.featured-icon-box {
position: relative;
}
.featured-icon-box .ttm-icon {
margin-bottom: 0px;
}
.featured-icon-box.top-icon .featured-content {
padding-top: 14px;
}
.featured-icon-box .ttm-icon.ttm-icon_element-size-md {
height: 42px;
width: 42px;
line-height: 42px;
}
.featured-icon-box .ttm-icon.ttm-icon_element-fill.ttm-icon_element-size-md {
height: 72px;
width: 72px;
line-height: 72px;
}
.featured-icon-box.left-icon {
display: table;
}
.featured-icon-box.left-icon .featured-icon:not(.ttm-icon_element-border), .featured-icon-box.left-icon .featured-icon, .featured-icon-box.left-icon .featured-content {
display: table-cell;
vertical-align: middle;
}
.featured-icon-box.style1 .featured-content .featured-title h5 {
margin-bottom: 0px;
}
.featured-icon-box.left-icon.icon-align-top .featured-icon {
vertical-align: top;
padding-top: 5px;
}
.featured-icon-box.left-icon .featured-content {
padding-left: 12px;
}
.featured-title h5 {
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
}
.featured-title span {
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
}
.featured-icon-box.iconalign-before-heading {
padding: 20px 0px;
}
.featured-icon-box.iconalign-before-heading .featured-content {
display: table;
}
.featured-icon-box.iconalign-before-heading .ttm-icon.ttm-icon_element-size-md {
height: auto;
width: auto;
}
.featured-icon-box.iconalign-before-heading .featured-content .ttm-icon, .featured-icon-box.iconalign-before-heading .featured-content .featured-title {
display: table-cell;
vertical-align: middle;
padding-left: 12px;
}
.iconalign-before-heading-row:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.featured-icon-box.iconalign-before-heading.style1 {
padding: 0px;
}
.featured-icon-box.iconalign-before-heading.style1 .ttm-icon.ttm-icon_element-size-lg {
height: 45px;
width: 45px;
line-height: 45px;
}
body {
counter-reset: section 0;
}
.ttm-num::before {
counter-increment: section 1;
content: counter(section, decimal-leading-zero) " ";
font-size: 14px;
font-family: Poppins, Arial, Helvetica, sans-serif;
}
.featured-icon-box.style1 {
padding-left: 15px;
padding-right: 15px;
padding-top: 27px;
width: 100%;
}
.featured-icon-box.style1 .featured-desc p {
font-size: 12px;
margin-bottom: 0px;
}
.row > [class*="col-"]:first-child > .featured-icon-box.style1 {
padding-left: 0px;
}
.row > [class*="col-"]:not(:last-child) > .featured-icon-box.right-border {
border-right: 1px dashed rgb(235, 235, 235);
}
.featured-icon-box.style1.without-icon {
padding-top: 40px;
padding-left: 35px;
}
.featured-icon-box.without-icon.style2 .featured-title h5 {
font-size: 18px;
font-weight: 500;
margin-bottom: 0px;
}
.featured-icon-box.without-icon.style2 {
border-top: 1px solid rgb(232, 236, 239);
border-bottom: 1px solid rgb(232, 236, 239);
border-image: initial;
border-left: none;
border-right: none;
position: relative;
padding: 20px 15px 5px;
}
.featured-icon-box.style2 {
padding: 12px 15px 2px;
position: absolute;
top: 12px;
right: 12px;
}
.featured-icon-box.style2 .featured-title h5 {
font-size: 18px;
font-weight: 500;
}
.featured-icon-box.style3 {
padding: 49px 25px 36px;
position: relative;
overflow: hidden;
border: 2px dashed rgba(255, 255, 255, 0.5);
min-height: 312px;
}
.featured-icon-box.style3::after, .featured-icon-box.style3::before {
position: absolute;
inset: 0px;
content: "";
transition: opacity 0.55s ease 0s, transform 0.55s ease 0s;
}
.featured-icon-box.style3::after {
border-left: 2px dashed;
border-right: 2px dashed;
transform: scale(1, 0);
transform-origin: 100% 0px;
}
.featured-icon-box.style3::before {
border-top: 2px dashed;
border-bottom: 2px dashed;
transform: scale(0, 1);
transform-origin: 0px 0px;
}
.featured-icon-box.style3:hover::after, .featured-icon-box.style3:hover::before {
opacity: 1;
transform: scale(1);
}
.featured-icon-box.style3:hover {
border-color: transparent;
}
.featured-icon-box.style4 {
padding: 0px 55px 10px 0px;
}
.featured-icon-box.style4 .featured-content .featured-title h5 {
margin-bottom: 5px;
}
.featured-icon-box.style4 .ttm-icon.ttm-icon_element-size-xs, .featured-icon-box.style4 .ttm-icon.ttm-icon_element-size-lg {
height: 20px;
width: 20px;
line-height: 36px;
}
.featured-icon-box.style4 .ttm-icon.ttm-icon_element-size-xs i {
font-size: 15px;
font-weight: 600;
line-height: 36px;
}
.featured-icon-box.style4 .featured-content {
padding-left: 24px;
}
.featured-icon-box.style5 {
padding: 45px 50px 50px;
margin-top: 10px;
}
.featured-icon-box.style5::after {
content: "";
height: 100%;
width: 1px;
position: absolute;
right: 0px;
top: 0px;
background-color: rgb(243, 243, 243);
}
.featured-icon-box.style5 .ttm-icon.ttm-icon_element-size-lg, .featured-icon-box.style9 .ttm-icon.ttm-icon_element-size-lg {
height: 45px;
width: 45px;
line-height: 45px;
}
.featured-icon-box.style6 {
padding: 20px 20px 10px;
}
.featured-icon-box.style6 .ttm-icon.ttm-icon_element-size-lg {
width: 80px;
height: 80px;
line-height: 80px;
}
.featured-icon-box.style6 .ttm-icon.ttm-icon_element-size-lg i {
font-size: 67px;
}
.featured-icon-box.style6 .featured-content .featured-desc p {
font-size: 16px;
line-height: 21px;
margin-bottom: 0px;
font-weight: 600;
}
.featured-icon-box.style6 .featured-content .featured-title h5 {
font-size: 25px;
line-height: 25px;
}
.featured-icon-box.style7 {
padding: 30px 15px 15px;
border: 1px solid rgb(235, 237, 242);
}
.featured-icon-box.style7 .featured-content .featured-title h5 {
margin-bottom: 5px;
}
.featured-icon-box.style7 .ttm-icon.ttm-icon_element-size-lg i {
font-size: 58px;
}
.featured-icon-box.style8 {
border: 1px solid rgb(233, 233, 233);
padding: 30px 30px 20px;
margin-bottom: -1px;
}
.featured-icon-box.style9 .featured-content {
padding-top: 10px;
}
.featured-icon-box.style10 .ttm-icon.ttm-icon_element-size-md {
height: 80px;
width: 80px;
line-height: 80px;
}
.featured-icon-box.style10 .featured-content {
padding-left: 34px;
}
.featured-icon-box.style10:hover {
transform: translateY(-5px);
}
.featured-imagebox .ttm-box-view-content-inner {
position: relative;
overflow: hidden;
}
.featured-imagebox .ttm-box-bottom-content {
padding: 35px 30px 42px;
text-align: left;
}
.featured-imagebox .ttm-box-bottom-content .ttm-icon {
margin-bottom: 12px;
}
.ttm-box-bottom-content .ttm-icon.ttm-icon_element-size-md {
height: 40px;
width: 40px;
line-height: 40px;
}
.ttm-box-bottom-content .ttm-icon i {
font-size: 40px;
}
.featured-imagebox-portfolio {
position: relative;
overflow: hidden;
}
.featured-imagebox-portfolio.ttm-box-view-top-image {
margin-bottom: 30px;
overflow: visible;
}
.featured-imagebox-portfolio .featured-content {
padding: 10px 25px;
position: relative;
background-color: rgb(255, 255, 255);
}
.featured-imagebox-portfolio .featured-content .featured-title span {
margin-bottom: 0px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.featured-imagebox-portfolio .ttm-box-view-overlay {
position: absolute;
bottom: -30%;
opacity: 0;
z-index: 1;
transition: all 0.5s ease 0s;
width: 100%;
height: 100%;
background-color: rgba(24, 35, 51, 0.83);
}
.featured-imagebox-portfolio:hover .ttm-box-view-overlay {
opacity: 1;
bottom: 0px;
}
.featured-imagebox-portfolio.ttm-box-view-top-image .featured-iconbox.ttm-media-link a {
display: inline-block;
font-size: 18px;
position: absolute;
top: 20px;
right: 20px;
height: 43px;
width: 43px;
line-height: 43px;
border: 1px solid transparent;
text-align: center;
color: rgb(255, 255, 255);
}
.featured-imagebox-portfolio.ttm-box-view-top-image .featured-iconbox.ttm-media-link a {
top: 50%;
right: 50%;
margin-top: -17px;
}
.featured-imagebox-portfolio a.ttm_link {
line-height: 41px;
margin-right: -47px;
float: right;
}
.featured-imagebox-portfolio-style1 {
position: relative;
overflow: hidden;
}
.featured-imagebox-portfolio-style1 .featured-content-portfolio {
position: absolute;
bottom: 0px;
background-color: rgb(24, 35, 51);
width: 100%;
max-height: 100%;
overflow: hidden;
padding: 15px;
transform: translateY(100%);
z-index: 2;
transition: all 0.5s ease 0s;
}
.featured-imagebox-portfolio-style1:hover .featured-content-portfolio {
transform: translateY(0%);
}
.featured-imagebox-portfolio-style1 .featured-thumbnail {
position: relative;
transition-timing-function: linear;
transition-duration: 0.3s;
transition-property: transform, box-shadow, -webkit-transform, -webkit-box-shadow;
}
.featured-imagebox-portfolio-style1:hover .featured-thumbnail {
transform: translateY(-20px);
}
.featured-imagebox-portfolio-style1 .featured-title h5, .featured-imagebox-portfolio .featured-title h5 {
font-weight: 500;
}
.featured-thumbnail {
position: relative;
overflow: hidden;
}
.featured-imagebox-team {
overflow: hidden;
position: relative;
}
.featured-imagebox-team .featured-content-team.category {
font-size: 12px;
color: rgb(104, 112, 118);
}
.featured-imagebox-team .ttm-social-links-wrapper {
margin: 0px;
position: absolute;
bottom: 40px;
width: 100%;
text-align: center;
z-index: 99;
}
.featured-imagebox-team .ttm-social-links-wrapper ul {
margin: 0px;
padding: 3px 14px;
}
.featured-imagebox-team .ttm-social-links-wrapper ul li a {
display: block;
border: 1px solid transparent;
width: 40px;
height: 40px;
padding: 0px;
line-height: 40px;
font-size: 16px;
text-align: center;
}
.featured-imagebox-team .featured-content-team {
text-align: center;
z-index: 2;
position: relative;
padding: 23px 10px 10px;
}
.featured-imagebox-team .featured-title h5 {
margin-bottom: 0px;
}
.featured-imagebox-team:hover .featured-thumbnail img {
transform: scale(1.05);
}
.featured-imagebox-team.style2 .featured-thumbnail::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgb(24, 35, 51);
opacity: 0.36;
z-index: 1;
}
.featured-imagebox-team.style2 .featured-thumbnail img {
filter: grayscale(100%);
width: 100%;
position: relative;
}
.featured-imagebox-team.style2 .ttm-team-box-view-overlay {
position: absolute;
bottom: 100%;
left: 0px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
transition: all 0.55s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
color: rgb(255, 255, 255);
z-index: 1;
padding: 20px;
}
.featured-imagebox-team.style2 .ttm-social-links-wrapper {
margin: 0px;
width: 100%;
text-align: center;
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
position: relative;
bottom: 0px;
}
.featured-imagebox-team.style2 .ttm-social-links-wrapper ul li a {
font-size: 22px;
width: 30px;
height: 30px;
line-height: 30px;
background-color: transparent;
}
.featured-imagebox-team.style2 .ttm-social-links-wrapper ul li a:hover {
background-color: transparent;
color: rgb(255, 255, 255);
}
.featured-imagebox-team.style2 .featured-content.featured-content-team {
padding: 30px 30px 19px;
transition-duration: 0.3s;
color: rgb(255, 255, 255);
text-align: center;
background-color: transparent;
}
.featured-imagebox-team.style2:hover .ttm-team-box-view-overlay {
bottom: 0px;
}
.featured-imagebox-team.featured-imagebox-team-details .featured-content-team {
background-color: rgb(255, 255, 255);
}
.featured-imagebox-team.featured-imagebox-team-details .ttm-social-links-wrapper {
position: relative;
bottom: auto;
}
.featured-imagebox-team.featured-imagebox-team-details .featured-content-team {
display: block;
clear: both;
padding-top: 30px;
border-bottom: 5px solid;
margin-bottom: 30px;
padding-bottom: 30px;
}
.featured-imagebox-services {
background-color: rgb(255, 255, 255);
padding: 0px;
margin: 10px 0px 20px;
transform: translateY(0px);
transition: all 0.5s ease 0s;
}
.featured-imagebox-services .featured-title {
padding: 23px 15px;
}
.featured-imagebox-services .featured-title h5 {
margin-bottom: 0px;
}
.featured-imagebox-services .featured-content {
padding: 25px;
}
.featured-imagebox-services .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white {
border-color: rgb(232, 236, 239);
margin-bottom: 0px;
}
.featured-imagebox-services .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white i {
color: rgb(232, 236, 239);
}
.featured-imagebox-services:hover {
transform: translateY(-10px);
box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 20px;
}
.featured-imagebox-post {
background-color: rgb(255, 255, 255);
padding: 0px;
margin-bottom: 20px;
transform: translateY(0px);
transition: all 0.5s ease 0s;
}
.featured-imagebox-post .featured-content.featured-content-post {
padding: 22px 27px;
}
.featured-imagebox-post .featured-content.featured-content-post .post-meta {
display: block;
padding: 7px 3px 3px 0px;
font-size: 12px;
}
.featured-imagebox-post .featured-content.featured-content-post .post-meta span {
padding-right: 10px;
position: relative;
}
.featured-imagebox-post .featured-content.featured-content-post .post-meta span i {
padding-right: 5px;
}
.featured-imagebox-post .featured-content.featured-content-post .post-title h5 {
margin: 0px;
font-size: 19px;
line-height: 28px;
}
.featured-imagebox-post:hover {
transform: translateY(-10px);
box-shadow: rgba(32, 46, 60, 0.1) 0px 0px 17px;
}
.ttm-post-format-video {
padding-bottom: 68.25%;
position: relative;
overflow: hidden;
padding-top: 25px;
}
.ttm-post-format-video iframe {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: none;
}
.featured-imagebox-post .featured-icon {
position: absolute;
right: 20px;
top: 20px;
}
.featured-imagebox-post .featured-icon .ttm-icon.ttm-icon_element-size-xs {
width: 38px;
height: 38px;
line-height: 38px;
}
.featured-imagebox-post .featured-icon .ttm-icon.ttm-icon_element-size-xs i {
font-size: 17px;
}
.ttm-box-view-left-image.featured-imagebox-post {
padding: 15px;
}
.ttm-box-view-left-image .ttm-featured-img-left {
padding: 0px;
}
.ttm-box-view-left-image .featured-content, .ttm-box-view-left-image.featured-imagebox-post .featured-content {
display: flex;
justify-content: space-between;
flex-direction: column;
padding-left: 25px !important;
padding-bottom: 0px !important;
}
.featured-imagebox-post.ttm-box-view-left-image .featured-content.featured-content-post {
padding: 15px 17px 11px;
}
.featured-imagebox .featured-content .category, .featured-imagebox .featured-content .category a {
color: rgb(157, 171, 175);
}
.ttm-box-view-left-image .featured-content .category {
padding-top: 10px;
padding-bottom: 10px;
display: block;
}
.featured-imagebox .featured-content .category, .featured-imagebox .featured-content .category a {
font-size: 15px;
}
.ttm-box-view-left-image .featured-content .category > a {
display: inline-block;
border: 1px solid;
padding: 5px 10px;
margin-right: 1px;
font-size: 12px;
font-weight: 500;
line-height: 15px;
margin-bottom: 5px;
}
.featured-imagebox-post .featured-content.featured-content-post .post-title h5 {
margin: 0px;
font-size: 19px;
line-height: 28px;
}
.ttm-box-view-left-image .featured-content .ttm-box-desc, .ttm-box-view-left-image .featured-content .featured-desc {
border-top: 1px solid rgb(242, 242, 242);
margin-top: 10px;
padding-top: 7px;
}
.featured-imagebox-post.ttm-box-view-left-image .featured-content.featured-content-post .post-meta span {
padding: 0px;
font-size: 14px;
}
.ttm-processbox-wrapper {
display: flex;
position: relative;
margin: 0px -50px;
}
.ttm-processbox-wrapper .ttm-processbox {
position: relative;
display: block;
text-align: center;
width: 340px;
height: 340px;
background: rgb(255, 255, 255);
padding: 20px;
border-radius: 50%;
margin: auto;
box-shadow: rgba(29, 79, 206, 0.1) 0px 10px 50px 0px;
transition: all 500ms ease 0s;
}
.ttm-processbox-wrapper .ttm-processbox .process-num {
margin-right: 5px;
font-size: 20px;
font-weight: 500;
background-color: rgb(0, 0, 0);
color: rgb(255, 255, 255);
width: 46px;
height: 46px;
line-height: 46px;
border-radius: 50%;
border: none;
display: block;
text-align: center;
position: absolute;
left: auto;
right: 30px;
top: 20px;
z-index: 10;
}
.ttm-row.project-style2-section {
padding-top: 60px;
}
.ttm-processbox-wrapper .featured-content {
position: relative;
border-radius: 50%;
padding: 65px 15px 60px;
width: 298px;
height: 298px;
border: 6px solid rgb(232, 236, 239);
}
.ttm-processbox-wrapper .ttm-processbox .featured-title h5 {
font-size: 20px;
line-height: 27px;
margin-bottom: 15px;
}
.ttm-processbox-wrapper .ttm-processbox .featured-title span {
font-size: 20px;
line-height: 27px;
margin-bottom: 15px;
}
.ttm-processbox-wrapper .ttm-processbox:hover {
box-shadow: rgba(8, 18, 109, 0.1) 0px -10px 39px 0px;
transform: translateY(-10px);
}
.ttm-progress-bar {
position: relative;
}
.ttm-progress-bar {
margin: 0px 0px 15px;
}
.ttm-progress-bar:not(:last-child) {
margin-bottom: 30px;
}
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_black {
background-color: rgb(65, 65, 65);
}
.ttm-progress-bar h4 {
top: -35px;
left: 0px;
font-size: 17px;
color: rgb(93, 101, 118);
font-weight: 400;
margin-bottom: 10px;
letter-spacing: 1.2px;
}
.ttm-progress-bar i {
position: absolute;
font-size: 21px;
}
.ttm-progress-bar .progress {
background-color: rgb(192, 192, 193);
border-radius: 0px;
height: 7px;
}
.ttm-progress-bar .progress-parcent {
position: absolute;
right: 0px;
color: rgb(10, 10, 10);
z-index: 3;
text-shadow: none;
font-size: 17px;
padding: 2px 0px;
border-radius: 0px;
top: 0px;
}
.ttm-icon-left-true.ttm-progress-bar h4 {
margin-left: 35px;
}
.ttm-progress-bar.ttm-icon-left-true {
margin-bottom: 24px;
}
.testimonials {
position: relative;
}
.testimonials .testimonial-content {
text-align: center;
margin: 12px 120px 8px;
padding: 0px 25px;
}
.testimonials .testimonial-content .testimonial-caption {
margin-top: 15px;
margin-bottom: 15px;
}
.testimonial-content .testimonial-avatar {
display: block;
margin: 0px auto;
}
.testimonials.style1 .testimonial-content .testimonial-avatar {
position: relative;
height: 95px;
width: 95px;
}
.testimonials.style1 .testimonial-content .testimonial-avatar::after {
content: "ï„";
font-family: FontAwesome;
font-size: 14px;
position: absolute;
line-height: 33px;
top: 5px;
left: -10px;
width: 31px;
height: 31px;
text-align: center;
color: rgb(255, 255, 255);
border-radius: 50%;
}
.testimonials .testimonial-content h6 {
font-size: 17px;
line-height: 20px;
margin-bottom: 0px;
}
.testimonials .testimonial-content label {
display: block;
font-size: 13px;
margin-bottom: 0px;
color: rgb(104, 112, 118);
}
.testimonials .testimonial-content blockquote {
padding: 0px 10px 0px 25px;
font-style: italic;
font-weight: 400;
font-size: 17px;
background-color: transparent;
line-height: 30px;
position: relative;
margin-bottom: 27px;
}
.testimonial-content .ttm-ratting-star i {
font-size: 18px;
}
.testimonials .testimonial-avatar .testimonial-img img {
height: 95px;
width: 95px;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
border: 3px solid rgb(255, 255, 255);
}
.testimonials.style1 .ttm-ratting-star {
padding-top: 15px;
padding-bottom: 10px;
color: rgb(255, 255, 255);
}
.testimonials.style2 {
position: relative;
}
.testimonials.style2::before {
position: absolute;
content: "";
background: rgb(241, 246, 251);
right: 0px;
left: 15px;
top: -15px;
width: 100%;
height: 100%;
}
.testimonials.style2 .testimonial-content {
position: relative;
background-color: rgb(255, 255, 255);
padding: 60px 35px 50px;
transition: all 0.5s ease 0s;
box-shadow: rgba(8, 18, 109, 0.1) 0px 0px 15px 0px;
display: block;
overflow: hidden;
margin: 0px;
border-bottom: 3px solid transparent;
}
.testimonials.style2 .testimonial-content:hover {
transform: translate(8px, -8px);
}
.testimonials.style2 .testimonial-content blockquote {
border: none;
outline: none;
text-align: left;
position: relative;
color: rgb(104, 112, 118);
font-style: italic;
font-weight: 400;
padding: 0px 10px 0px 0px;
margin: 0px 0px 30px;
font-size: 17px;
background-color: transparent;
line-height: 29px;
}
.testimonials.style2 .testimonial-content blockquote::after {
content: "ï„";
font-family: FontAwesome;
color: rgb(11, 12, 38);
font-size: 40px;
line-height: 50px;
position: absolute;
top: -12px;
left: 0px;
opacity: 0.1;
}
.testimonials.style2 .testimonial-avatar, .testimonials.style2 .testimonial-caption {
display: inline-block;
float: left;
}
.testimonials.style2 .testimonial-caption {
padding-left: 15px;
}
.testimonials.style2 .ttm-ratting-star i {
font-size: 14px;
}
.testimonials.style2 .testimonial-content label {
color: rgb(104, 112, 118) !important;
}
.client-box {
margin-bottom: 20px;
padding: 15px 12px 30px;
}
.ttm-client-logo-tooltip {
position: relative;
}
.ttm-box-view-separator-logo .client-box .client::after {
border-right: 1px solid rgb(234, 234, 234);
content: "";
width: 1px;
height: 100%;
position: absolute;
right: -25px;
top: 0px;
}
.ttm-box-view-separator-logo .row .col-sm-4:nth-child(3n+3) .client-box .client::after {
display: none;
}
.client-box.ttm-box-view-boxed-logo {
padding: 0px;
margin-top: 30px;
margin-bottom: 30px;
}
.client-box.ttm-box-view-boxed-logo .ttm-client-logo-tooltip {
margin-right: 13px;
margin-left: 13px;
padding: 18px 12px;
display: table-cell;
text-align: center;
align-items: center;
vertical-align: middle;
}
.client-box.ttm-box-view-boxed-logo .client {
width: 100%;
display: table;
}
.client-box.ttm-box-view-boxed-logo .client:hover img {
filter: grayscale(1);
}
.client-box.ttm-box-view-boxed-logo {
position: relative;
display: block;
}
.wrap-acadion .accordion {
margin-top: 15px;
}
.accordion .toggle .toggle-title {
font-size: 17px;
cursor: pointer;
padding: 14px 20px;
font-weight: 400;
margin-bottom: 0px;
position: relative;
}
.accordion .toggle-title a {
color: rgb(255, 255, 255);
}
.accordion .toggle-title a i {
margin-right: 14px;
}
.accordion .toggle.ttm-style-classic .toggle-title {
border: 1px solid rgb(247, 247, 247);
background-color: transparent;
}
.accordion .ttm-style-classic .toggle-title.active {
border-color: rgb(240, 240, 240);
background-color: rgb(248, 248, 248);
}
.toggle-content p {
margin-bottom: 0px;
}
.toggle-content ul li {
list-style: disc;
}
.accordion .ttm-style-classic .toggle-title > a, .accordion .ttm-style-classic.ttm-toggle-title-bgcolor-grey.active .toggle-title > a, .accordion .ttm-toggle-title-bgcolor-grey.active .toggle-title::after {
color: rgb(102, 102, 102);
}
.accordion .toggle:not(:first-child) .toggle-title {
margin-top: 10px;
}
.accordion .toggle:not(:last-child):not(.active) .toggle-title {
margin-bottom: 10px;
}
.accordion .ttm-style-classic.ttm-toggle-title-bgcolor-grey .toggle-title {
border-color: rgb(240, 240, 240);
background-color: rgb(245, 250, 255);
}
.accordion .ttm-style-classic.ttm-toggle-title-bgcolor-grey.active .toggle-title {
background-color: rgb(255, 255, 255);
}
.accordion .toggle .toggle-title::after {
position: absolute;
font-family: themify;
right: 10px;
top: 15px;
content: "";
}
.accordion .toggle.active .toggle-title::after {
content: "";
font-family: themify;
}
.accordion .toggle-content {
display: none;
padding: 14px 20px;
overflow: hidden;
}
.accordion .toggle.ttm-toggle-title-bgcolor-grey .toggle-title::after {
position: absolute;
font-family: FontAwesome;
content: "ï¸";
right: 15px;
font-size: 12px;
top: 15px;
}
.accordion .toggle.ttm-toggle-title-bgcolor-grey.active .toggle-title::after {
font-family: FontAwesome;
content: "ï·";
}
.accordion .toggle.active .toggle-title::after {
color: rgb(255, 255, 255);
}
.accordion .toggle.ttm-toggle-title-bgcolor-grey .toggle-title::after {
color: rgb(102, 102, 102);
}
.accordion .ttm-style-classic.ttm-toggle-title-border .toggle-title {
background-color: transparent;
border: 2px solid rgb(227, 227, 227);
}
.accordion .toggle.ttm-style-classic.ttm-toggle-title-border .toggle-title {
padding: 18px 20px;
line-height: 1;
}
.accordion.style2 {
padding: 15px 30px 40px;
border: 1px solid rgb(233, 233, 233);
}
.accordion.style2 .ttm-style-classic.ttm-toggle-title-border .toggle-title {
border-top: none;
border-right: none;
border-left: none;
border-image: initial;
border-bottom: 1px solid rgb(239, 239, 239);
}
.accordion.style2 .ttm-style-classic.ttm-toggle-title-border.active .toggle-title {
background-color: transparent;
border-color: transparent !important;
}
.accordion.style2 .toggle-content {
padding: 35px 30px;
}
.accordion.style2 .toggle-content h6 {
font-size: 15px;
line-height: 24px;
margin-bottom: 25px;
}
.accordion.style2 .toggle-content p {
margin-bottom: 15px;
}
.accordion.style2 .toggle.active .toggle-title::after {
color: rgb(141, 146, 151);
}
.wrap-form label {
width: 100%;
margin: 0px;
}
.wrap-form span.text-input {
margin-bottom: 15px;
display: block;
padding-top: 5px;
position: relative;
}
.ttm-quote-form input[type="text"], .ttm-quote-form textarea, .ttm-quote-form select {
border: 1px solid rgb(248, 249, 250);
background-color: rgb(248, 249, 250);
width: 100%;
font-size: 13px;
}
.ttm-quote-form .text-input textarea {
min-height: 100%;
}
.ttm-quote-form button {
margin-top: 10px;
}
.ttm-quote-form .text-input input::placeholder, .ttm-quote-form .text-input textarea::placeholder {
color: rgb(130, 130, 130);
}
.ttm-quote-form input[type="submit"] {
padding: 10px 40px;
margin-top: 5px;
width: 100%;
}
.wrap-form.ttm-contactform span.text-input i {
position: absolute;
left: 0px;
top: 20px;
opacity: 0.9;
font-size: 16px;
z-index: 1;
}
.wrap-form.ttm-contactform span.text-input input, .wrap-form.ttm-contactform span.text-input textarea {
color: rgb(255, 255, 255);
background-color: transparent;
border-top: none;
border-right: none;
border-left: none;
border-image: initial;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-left: 0px;
border-radius: 0px;
padding-bottom: 10px;
padding-top: 10px;
}
.wrap-form.ttm-contactform input[type="submit"] {
margin-top: 30px;
}
.ttm-tabs {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.ttm-tabs .section-title {
padding-bottom: 0px;
}
.ttm-tabs ul {
margin: 0px;
padding: 0px;
}
.ttm-tabs.style2 ul {
display: block;
margin-bottom: 35px;
}
.ttm-tabs ul.tabs li {
display: inline-block;
}
.ttm-tabs ul.tabs li a {
display: block;
cursor: pointer;
padding: 8px 22px;
margin-bottom: 5px;
line-height: 22px;
width: auto;
position: relative;
z-index: 3;
transition: all 0.3s ease 0s;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
border: 1px solid rgb(11, 12, 38);
}
.ttm-tabs.style2 ul.tabs li a::before {
position: absolute;
content: "";
left: 0px;
top: -1px;
width: 100%;
height: 3px;
opacity: 0;
}
.ttm-tabs.style2 ul.tabs li.active a::before {
opacity: 1;
}
.ttm-tabs ul.tabs li a i {
font-size: 18px;
margin-right: 9px;
position: relative;
top: 2px;
}
.ttm-tabs ul.tabs li a span {
font-size: 18px;
font-weight: normal;
}
.tab-padding-box {
padding: 105px 40px 70px;
}
.ttm-tabs .content-tab {
margin-top: 20px;
width: 100%;
}
.ttm-tabs .content-tab h6 {
font-size: 15px;
line-height: 28px;
margin-bottom: 29px;
padding-bottom: 7px;
}
.ttm-tabs.style2 .tabs {
margin-bottom: 0px;
padding-left: 0px;
}
.ttm-tabs.style2.full-width .tabs {
padding-left: 10px;
}
.ttm-tabs.style2 .content-tab {
padding: 0px;
}
.ttm-tabs.style2 .row.ttm-boxes-spacing-10px {
padding: 0px;
}
.ttm-tabs.style2 ul.tabs li {
margin-right: 7px;
background: transparent;
padding: 0px;
}
.ttm-tabs.style2 ul.tabs li a {
display: block;
cursor: pointer;
padding: 12px 30px;
line-height: 22px;
position: relative;
z-index: 3;
color: rgb(28, 28, 28);
transition: all 0.3s ease 0s;
background-color: transparent;
font-size: 14px;
font-weight: 600;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0px;
margin-bottom: 0px;
}
.ttm-tabs.style2 ul.tabs li.active a {
border-color: rgba(0, 0, 0, 0.2) !important;
}
.ttm-tabs.ttm-tab-style-vertical .content-tab {
padding: 0px;
margin: 0px;
}
.ttm-tabs.ttm-tab-style-vertical ul.tabs li {
margin-top: 1px;
width: 100%;
display: block;
}
.ttm-tabs.ttm-tab-style-vertical ul.tabs li a {
background-color: rgb(42, 42, 42);
color: rgb(255, 255, 255);
letter-spacing: 1.2px;
padding: 14px 20px;
text-transform: uppercase;
font-size: 18px;
line-height: 27px;
margin: 0px;
border-radius: 0px;
}
.ttm-tabs.ttm-tab-style-horizontal ul {
margin: 0px;
padding: 0px;
display: flex;
}
.ttm-tabs.ttm-tab-style-horizontal ul.tabs li {
margin-right: 6px;
display: inline-block;
}
.ttm-tabs.ttm-tab-style-horizontal ul.tabs li:last-child {
margin-right: 0px;
}
.ttm-tabs.ttm-tab-style-horizontal ul.tabs li a {
padding: 16px 18px 15px;
font-size: 15px;
border-radius: 5px;
letter-spacing: 1.2px;
border: none;
color: rgb(255, 255, 255);
display: block;
text-align: left;
}
.ttm-tabs.ttm-tab-style-horizontal .content-tab img {
height: 150px;
width: 150px;
}
.ttm-tab-color-grey.ttm-tab-style-classic ul li {
margin: 3px 2px 2px 3px;
}
.ttm-tab-color-grey.ttm-tab-style-classic ul li a {
font-size: 18px;
text-transform: capitalize;
padding: 12px 25px;
border-top: 3px solid;
border-radius: 0px;
}
.ttm-tabs.ttm-tab-color-grey.ttm-tab-style-classic ul li.active a {
color: rgb(102, 102, 102);
border-color: rgb(240, 240, 240);
}
.ttm-tab-color-grey.ttm-tab-style-classic ul li a {
border-color: rgb(232, 232, 232);
background-color: rgb(232, 232, 232);
}
.ttm-tabs.ttm-tab-color-grey.ttm-tab-style-classic ul li:hover a {
background-color: rgb(220, 220, 220);
}
.ttm-tabs.ttm-tab-color-grey.ttm-tab-style-classic ul li.active a {
background-color: rgb(255, 255, 255);
}
.ttm-tabs.ttm-tab-style-classic ul.tabs {
display: flex;
width: 100%;
justify-content: center;
}
.ttm-tabs.ttm-tab-style-classic ul.tabs li {
text-align: center;
margin-bottom: 5px;
}
.ttm-tabs.ttm-tab-style-classic ul.tabs li a {
padding: 12px 25px;
font-size: 16px;
background-color: rgb(235, 235, 235);
border-width: 1px;
border-style: solid;
border-image: initial;
border-radius: 0px;
margin-bottom: 0px;
color: rgb(102, 102, 102);
text-transform: capitalize;
border-color: rgb(221, 221, 221) !important;
}
.ttm-tabs.ttm-tab-style-classic ul.tabs li.active a {
color: rgb(102, 102, 102);
border-top-width: 3px;
border-top-style: solid;
background-color: rgb(248, 248, 248);
margin-top: -2px;
border-color: rgb(240, 240, 240) !important;
}
.ttm-tabs.ttm-tab-style-classic ul.tabs li.active::after {
display: block;
content: "";
position: relative;
bottom: 7px;
left: 50%;
width: 13px;
height: 13px;
border-width: 0px 0px 1px 1px;
transform: translateX(-50%) rotate(-45deg);
}
.ttm-tabs.ttm-tab-style-classic .content-tab {
transform: translate3d(0px, 0px, 0px);
transition: padding 0.2s ease-in-out 0s;
background: rgb(255, 255, 255);
padding: 30px 25px;
}
.row.ttm-boxes-spacing-10px {
margin: 0px -1px;
}
.ttm-boxes-spacing-10px .ttm-box-col-wrapper {
padding-right: 5px;
padding-left: 5px;
margin: 0px 0px 10px;
}
.row.ttm-boxes-spacing-10px.style2 {
padding: 10px 0px 0px;
margin: 0px -5px;
}
.row.ttm-boxes-spacing-5px {
padding: 10px 5px 0px;
margin: 0px;
}
.ttm-boxes-spacing-5px .ttm-box-col-wrapper {
padding-right: 2.5px;
padding-left: 2.5px;
margin-bottom: 5px;
}
.row.ttm-boxes-spacing-5px.style2 {
padding: 5px 0px 0px;
margin: 0px -5px;
}
.ttm-pricing-plan {
position: relative;
padding: 40px 20px 20px;
text-align: center;
margin-bottom: 30px;
display: block;
border: 2px solid rgb(255, 255, 255);
transition: all 0.5s ease 0s;
}
.ttm-pricing-plan:hover {
transform: translateY(-5px);
}
.ttm-ptablebox-title h3 {
font-size: 24px;
font-weight: 600;
margin-bottom: 5px;
}
.ttm-ptablebox-content {
background: rgb(245, 250, 255);
border: 1px solid rgb(232, 236, 239);
margin-top: 20px;
margin-bottom: 20px;
}
.ttm-ptablebox-price-w {
position: relative;
display: inline-block;
margin-top: 30px;
margin-bottom: 20px;
}
.ttm-ptablebox-features {
padding: 5px 35px;
}
.ttm-pricing-plan .ttm-ptablebox-price {
padding-left: 20px;
font-size: 70px;
line-height: 55px;
font-weight: 700;
}
.ttm-pricing-plan .ttm-ptablebox-frequency::before {
content: "/ ";
}
.ttm-pricing-plan .ttm-ptablebox-cur-symbol-after, .ttm-pricing-plan .ttm-ptablebox-cur-symbol-before {
font-size: 20px;
font-weight: 600;
}
.ttm-pricing-plan .ttm-ptablebox-cur-symbol-before {
position: absolute;
bottom: 0px;
}
.ttm-currency-before .ttm-ptablebox-price {
padding-left: 20px;
font-size: 50px;
line-height: 40px;
font-weight: 600;
}
.ttm-pricing-plan .ttm-ptablebox-frequency {
position: relative;
font-weight: 700;
font-size: 20px;
line-height: 26px;
}
.ttm-ptablebox-price, .ttm-ptablebox-frequency, .ttm-pricing-plan .ttm-ptablebox-cur-symbol-after, .ttm-pricing-plan .ttm-ptablebox-cur-symbol-before {
display: inline-block;
}
.ttm-ptablebox-features .ttm-feature-lines {
list-style-type: none;
margin: 0px;
padding: 12px 0px 20px;
}
.ttm-ptablebox-features .ttm-feature-lines li {
padding: 12px 0px 11px;
margin: 0px;
}
.ttm-ptablebox-features .ttm-feature-lines li:not(:last-child) {
border-bottom: 1px solid rgb(232, 236, 239);
}
.price_btn {
display: block;
padding-top: 40px;
text-align: center;
}
.price_btn .ttm-btn.ttm-btn-size-md {
padding-left: 60px;
padding-right: 60px;
}
.ttm-ptablebox-featured-col {
box-shadow: rgba(24, 35, 51, 0.06) 0px 0px 30px;
padding: 50px 40px 68px;
z-index: 1;
background-color: rgb(255, 255, 255);
overflow: visible;
}
.ttm-pricing-plan .ttm-featured-title {
position: absolute;
top: -50px;
left: 0px;
right: 0px;
text-align: center;
font-weight: 600;
font-size: 15px;
width: 100%;
color: rgb(255, 255, 255);
padding: 10px 15px;
background-color: rgb(11, 12, 38);
}
.sidebar .widget-area .widget {
position: relative;
margin: 40px 0px;
}
.sidebar .widget a {
font-weight: 500;
font-size: 14px;
}
.sidebar .widget .widget-title {
font-size: 22px;
}
.sidebar .widget ul > li:last-child {
padding-bottom: 0px !important;
}
.sidebar .content-area {
padding-top: 65px;
padding-bottom: 55px;
}
.ttm-sidebar-left div.content-area {
float: right;
}
.ttm-sidebar-left div.widget-area {
float: left;
}
.sidebar div.widget-area {
position: relative;
padding: 0px 30px;
margin-top: 65px;
}
.sidebar .sidebar-right, .sidebar .sidebar-left {
margin-top: -37px;
padding-top: 60px;
padding-bottom: 70px;
float: right;
}
.sidebar .sep_holder .sep_line {
border-color: rgb(235, 235, 235);
}
.ttm-author-widget {
text-align: center;
}
.ttm-author-widget .author-widget_img img {
margin-bottom: 20px;
width: 175px;
border-radius: 50%;
}
.ttm-author-widget .author-name {
font-size: 22px;
line-height: 24px;
font-weight: 600;
margin-bottom: 10px;
display: none;
}
.ttm-author-widget .author-widget_text {
line-height: 30px;
margin: 0px;
padding: 0px 2px 15px;
}
.sidebar .widget.widget-search {
position: relative;
}
.sidebar .widget.widget-search .search-form label {
display: block;
}
.sidebar .widget-search .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
overflow: hidden;
position: absolute !important;
}
.sidebar .widget.widget-search .input-text {
border: 1px solid rgb(255, 255, 255);
border-radius: 0px;
padding: 10px 15px;
box-shadow: rgba(3, 59, 74, 0.05) 0px 0px 10px 0px;
}
.widget.widget-search label i {
position: absolute;
right: 15px;
cursor: pointer;
font-size: 18px;
z-index: 1;
top: 35%;
}
.sidebar .widget_product_categories li, .sidebar .widget_categories li {
position: relative;
margin: 5px 0px;
padding-bottom: 5px !important;
}
.sidebar .widget_product_categories li span, .sidebar .widget-Categories li span {
position: absolute;
right: 0px;
top: 13px;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
border-radius: 50%;
display: block;
font-size: 13px;
font-weight: 400;
}
ul.ttm-recent-post-list > li {
display: inline-block;
width: 100%;
line-height: 20px;
padding: 5px 0px 15px !important;
}
ul.ttm-recent-post-list > li img {
display: block;
width: 70px;
height: 70px;
float: left;
margin-right: 18px;
}
ul.ttm-recent-post-list > li .post-date {
display: block;
font-size: 11px;
line-height: 14px;
margin-bottom: 5px;
}
.sidebar .widget .tagcloud a {
display: inline-block;
padding: 4px 10px;
margin: 0px 5px 10px;
border: 1px solid;
border-radius: 0px;
background-color: transparent;
}
.widget.widget-nav-menu ul li {
margin-bottom: 2px;
padding: 0px;
}
.widget.widget-nav-menu ul li a {
display: block;
padding: 14px 30px 14px 24px;
position: relative;
background-color: rgb(255, 255, 255);
z-index: 1;
font-weight: 500;
font-size: 15px;
transition: all 0.2s linear 0s;
}
.widget.widget-nav-menu ul li a::before {
content: "";
width: 4px;
top: 0px;
left: 0px;
background: rgb(235, 243, 249);
height: 100%;
position: absolute;
transition: background 0.2s linear 0s;
z-index: 1;
}
.widget.widget-nav-menu ul li a::after {
content: "";
width: 0px;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
transition: width 0.3s linear 0s;
z-index: -2;
}
.widget.widget-nav-menu ul li:hover a::after, .widget.widget-nav-menu ul li.active a::after {
width: 100%;
}
.sidebar .widget-categories ul li {
padding: 12px 0px;
display: block;
position: relative;
}
.sidebar .widget-categories ul li:not(:last-child) {
border-bottom: 2px solid rgb(245, 250, 255);
}
.sidebar .widget-categories ul li span {
position: absolute;
right: 15px;
top: 15px;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
border-radius: 50%;
display: block;
font-size: 13px;
font-weight: 400;
color: rgb(104, 112, 118);
background-color: rgb(245, 250, 255);
transition: all 0.3s ease 0s;
}
.sidebar .widget-top-rated-products ul.product-list-widget > li {
border-top: 2px solid rgb(245, 250, 255);
padding-bottom: 15px;
padding-top: 15px;
margin: 0px;
list-style: none;
display: block;
}
.sidebar .widget-top-rated-products ul.product-list-widget > li:first-child {
border-top: none;
padding-top: 0px;
}
.sidebar .widget-top-rated-products li a {
display: block;
}
.sidebar .widget-top-rated-products li a img {
width: 80px;
float: left;
margin-left: 0px;
margin-right: 15px;
}
.widget-top-rated-products .star-ratings ul li {
padding-bottom: 0px;
}
.widget-top-rated-products .star-ratings ul {
margin-top: -5px;
}
.Price-amount.amount ins {
padding: 2px 4px;
text-decoration: none;
}
.sidebar .widget-area .widget.contact-widget, .sidebar .widget-area .widget.post-widget, .sidebar .widget-area .widget.tagcloud-widget, .sidebar .widget-area .widget-categories, .sidebar .widget-area .widget-top-rated-products, .sidebar .widget-area .widget-text {
padding: 30px 20px;
background-color: rgb(255, 255, 255);
}
.sidebar ul.contact-widget-wrapper li i {
position: absolute;
top: 3px;
left: 0px;
font-size: 20px;
}
.sidebar ul.contact-widget-wrapper li {
padding-left: 30px;
position: relative;
padding-top: 0px;
padding-bottom: 15px;
}
.widget-download .ttm-icon {
margin-bottom: 0px;
font-size: 34px;
position: absolute;
top: 0%;
left: 0%;
}
.widget-download ul.download li {
margin-bottom: 15px;
display: block;
padding: 10px 9px 10px 60px;
}
.widget-download ul.download li:last-child {
padding-bottom: 9px !important;
}
.ttm-pagination {
display: block;
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
}
.ttm-pagination .page-numbers {
width: 40px;
height: 40px;
line-height: 39px;
text-align: center;
display: inline-block;
background-color: rgb(248, 249, 250);
font-size: 15px;
font-weight: 600;
border: 1px solid rgb(248, 249, 250);
border-radius: 0px;
margin: 0px 3px;
padding: 0px;
transition: all 0.3s ease 0s;
}
.ttm-product-box {
margin-bottom: 35px;
}
.ttm-product-box-inner {
position: relative;
overflow: hidden;
}
.products-result-count {
float: left;
margin-top: 13px;
}
.products-ordering {
margin-bottom: 36px;
float: right;
}
.products-ordering select {
background-color: rgb(255, 255, 255);
text-indent: 0px;
appearance: none;
position: relative;
}
.products-ordering .orderby {
position: relative;
}
.products-ordering .orderby::after {
content: "";
font-family: FontAwesome;
display: inline-block;
position: absolute;
right: 25px;
top: 14px;
}
.products {
clear: both;
}
.products .product .ttm-shop-icon {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
display: table;
width: 100%;
max-width: 100%;
z-index: 3;
text-align: center;
}
.ttm-shop-icon .product-btn {
height: 48px;
line-height: 46px;
font-size: 14px;
padding: 0px;
display: table-cell;
vertical-align: middle;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 500ms ease 0s;
}
.products .product:hover .product-btn {
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
.products .product:hover .ttm-shop-icon {
visibility: visible;
margin-top: 0px;
bottom: 0px;
}
.product-btn a {
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.products .product:hover .search-btn, .products .product:hover .favourite-btn {
}
.products .product:hover .add-to-cart-btn {
transition-delay: 100ms;
border-left: 1px solid rgba(246, 246, 246, 0.18);
border-right: 1px solid rgba(246, 246, 246, 0.18);
}
.products .product:hover .favourite-btn {
transition-delay: 200ms;
}
.products .product .ttm-product-box .ttm-product-content {
text-align: left;
padding: 18px 0px 15px;
position: relative;
}
.products .product .ttm-product-box .ttm-product-content .ttm-product-title h2 {
display: inline;
padding: 0px;
margin: 0px;
font-size: 17px;
line-height: 20px;
transition: all 0.3s ease 0s;
}
.products .product .price {
margin: 2px 0px 0px;
min-height: 20px;
font-size: 15px;
}
.products .price .product-Price-amount {
font-size: 18px;
font-weight: 400;
}
.products .price del .product-Price-amount {
font-size: 13px;
text-decoration: line-through;
color: rgb(141, 141, 141);
}
.products .price ins {
text-decoration: none;
padding: 2px;
}
.products .star-ratings ul {
padding: 0px;
margin: 0px;
}
.products .star-ratings ul li {
display: inline-block;
}
.products .star-ratings ul li i {
font-size: 10px;
}
.products .product .onsale {
background: rgb(81, 173, 0);
color: rgb(255, 255, 255);
padding: 0px 20px 0px 10px;
display: table;
position: absolute;
text-align: center;
top: 25px;
right: 0px;
min-width: 50px;
line-height: 26px;
z-index: 5;
min-height: auto;
height: 26px;
width: 60px;
vertical-align: top;
border-radius: 0px;
}
.product-poster-content .ttm-bg-highlight-dark, .product-poster-content .ttm-bg-highlight-skin {
display: inline-block;
}
.product-poster-content .poster-label-tag {
padding: 0px 28px;
}
.product-poster-content .poster-label-tag {
text-align: center;
font-size: 14px;
line-height: 28px;
font-weight: 400;
}
.product-poster-content .poster-label h2 {
padding: 22px 42px;
}
.product-poster-content .poster-label h2 {
text-align: center;
font-size: 72px;
line-height: 70px;
color: rgb(255, 255, 255);
font-weight: 600;
}
.product-poster-content .poster-text {
text-align: left;
font-size: 24px;
line-height: 28px;
color: rgb(73, 78, 84);
font-weight: 400;
margin-bottom: 30px;
padding-top: 22px;
}
.product-poster-content .poster-amount h4 {
text-align: left;
font-size: 70px;
line-height: 70px;
font-weight: 600;
}
.ttm-single-product-details {
background-color: rgb(255, 255, 255);
margin-bottom: 30px;
}
.ttm-single-product-info {
padding-bottom: 30px;
}
div.product.ttm-single-product-details div.images {
width: 48%;
float: left;
}
div.product.ttm-single-product-details div.summary {
width: 48%;
float: right;
}
div.product.ttm-single-product-details div.summary .singel_product_title {
padding-bottom: 8px;
border-bottom: 1px solid rgb(243, 243, 243);
margin-bottom: 25px;
font-size: 28px;
}
div.product.ttm-single-product-details .product-gallery__image img {
height: auto;
max-width: 100%;
}
.ttm-single-product-details div.images .product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block;
margin-top: 5px;
padding: 3px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
overflow: hidden;
position: absolute !important;
}
div.product .summary .price .Price-amount {
font-size: 22px;
}
div.product .summary .product-rating {
float: right;
margin-bottom: 0px;
}
.summary .star-rating {
padding: 0px;
margin: 0px 5px 0px 0px;
line-height: 1;
}
.summary .star-rating li {
display: inline-block;
font-size: 12px;
}
.add-to-wishlist ul {
padding: 0px;
}
.add-to-wishlist ul li {
display: inline-block;
text-transform: capitalize;
}
.add-to-wishlist ul li:not(:last-child) {
margin-right: 20px;
}
.add-to-wishlist ul li i {
margin-right: 8px;
}
.add-to-wishlist ul li .spin-img {
display: none;
}
.product_meta {
padding-top: 17px;
border-top: 1px solid rgb(221, 221, 221);
margin-top: 15px;
}
.ttm-single-product-details .product-details__short-description {
margin-top: 20px;
margin-bottom: 50px;
}
.summary form.cart {
margin-top: 30px;
margin-bottom: 22px;
}
div.product form.cart div.quantity {
float: left;
margin: 0px 8px 0px 0px;
}
.quantity .qty {
height: 41px;
width: 88px;
text-align: center;
}
.sku_wrapper {
margin-right: 10px;
}
.posted_in, .sku_wrapper {
font-weight: 600;
display: block;
}
.posted_in a, .sku_wrapper span {
font-weight: 400;
}
.tabs-for-single-products.ttm-tabs {
padding: 0px 30px 30px 0px;
}
div.product .ttm-tabs .content-inner h2 {
font-size: 23px;
line-height: 28px;
}
div.product .ttm-tabs .content-tab {
padding: 30px;
width: 100%;
margin-top: -1px;
border: 1px solid rgb(236, 236, 236);
}
.related.products {
margin-top: 50px;
}
.related.products h2 {
font-size: 28px;
font-weight: 600;
line-height: 40px;
padding-bottom: 15px;
}
.comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
background-color: transparent;
border-top: none;
border-right: none;
border-left: none;
border-image: initial;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0px;
padding-left: 0px;
}
#reviews #comments ol {
margin: 0px;
padding: 0px;
}
#reviews #comments ol.commentlist li img.avatar {
width: 65px;
}
#reviews #comments ol.commentlist li img.avatar {
float: left;
position: absolute;
top: 0px;
left: 0px;
padding: 3px;
background: rgb(235, 233, 235);
border: 1px solid rgb(228, 225, 227);
margin: 0px;
box-shadow: none;
}
div.product #reviews .star-rating {
margin: 7px 0px 0px;
float: right;
}
#reviews #comments ol.commentlist li {
padding: 0px;
margin: 0px 0px 20px;
position: relative;
border: 0px;
}
#reviews #comments ol.commentlist li .comment-text {
border: 1px solid rgb(228, 225, 227);
padding: 1em 1em 0px;
border-radius: 0px;
margin-left: 80px;
}
#reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 16px;
color: rgb(130, 140, 150);
margin-bottom: 9px;
}
div.product .Reviews .star-rating {
margin: 7px 0px 0px;
float: right;
}
.comment-form-rating {
padding-bottom: 20px;
}
.comment-form-rating .stars {
margin-bottom: 15px;
}
#review_form_wrapper .comment-reply-title {
font-size: 18px;
line-height: 20px;
color: rgb(40, 61, 88);
}
#review_form_wrapper .comment-respond p {
margin: 0px 0px 10px;
}
#reviews #review_form_wrapper select {
width: 154px !important;
}
#reviews #comment {
height: 75px;
}
#review_form_wrapper .comment-respond .form-submit {
margin-top: 30px;
}
table {
border-collapse: collapse;
border-spacing: 0px;
vertical-align: middle;
width: 100%;
margin: 0px 0px 1.75em;
}
table tbody tr, table thead tr {
border: 1px solid rgb(230, 230, 230);
}
table tbody th {
border-right: 1px solid rgb(230, 230, 230);
}
table.shop_attributes th {
width: 150px;
font-weight: 700;
padding: 8px;
border-top: 0px;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0px;
line-height: 1.5;
}
table.shop_attributes td {
font-style: italic;
border-top: 0px;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0px;
padding-left: 10px;
line-height: 1.5;
}
table.shop_attributes td p {
margin: 0px;
padding: 8px 0px;
}
.ttm-cart-form {
margin: 0px;
background-color: rgb(255, 255, 255);
}
.shop_table {
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0px -1px 24px 0px;
text-align: left;
width: 100%;
border-collapse: separate;
border-radius: 0px;
}
table.shop_table tbody tr, table.shop_table thead tr {
border: 1px solid rgb(230, 230, 230);
}
table.shop_table th {
font-weight: 700;
padding: 9px 12px;
line-height: 1.5em;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
table.shop_table td {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 5px 10px;
vertical-align: middle;
line-height: 1.5em;
}
table.shop_table .product-thumbnail img {
width: 32px;
height: auto;
}
table.shop_table td.actions {
text-align: right;
}
table.shop_table td.actions .input-text {
width: 150px;
float: left;
}
.quantity {
height: 41px;
width: 88px;
}
.coupon {
float: left;
}
.coupon .input-text {
float: left;
margin: 0px 4px 0px 0px;
}
.actions button, .coupon button, a.checkout-button {
border: 0px;
}
.coupon button, a.checkout-button, button.cart_button {
padding: 15px 30px;
font-weight: 500;
font-size: 13px;
line-height: 1;
text-align: center;
}
button.cart_button {
padding: 11px 40px;
}
.cart-collaterals {
margin-top: 60px;
}
.cart-collaterals .cart_totals {
float: right;
width: 48%;
}
.cart_totals h2 {
margin-bottom: 15px;
font-size: 28px;
}
a.checkout-button {
display: block;
}
a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
color: red;
text-decoration: none;
font-weight: 700;
border: 0px;
}
a.remove:hover {
color: rgb(255, 255, 255);
background: red;
}
.form-row .required {
color: red;
font-weight: 700;
text-decoration: none;
border: 0px !important;
}
form .form-row {
padding: 3px;
margin: 0px 0px 6px;
}
.checkout h3#order_review_heading {
margin-bottom: 30px;
margin-top: 15px;
}
.checkout #payment {
background: rgb(245, 250, 255);
border-radius: 5px;
}
ul.payment_methods {
text-align: left;
padding: 1em;
border-bottom: 1px solid rgb(211, 206, 210);
margin: 0px;
list-style: outside none;
}
#payment .payment_box {
border-top: 3px solid rgb(164, 100, 151);
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em 1em 1em 50px;
border-radius: 2px;
line-height: 1.5;
background-color: rgb(223, 220, 222);
color: rgb(81, 81, 81);
}
#payment div.form-row {
padding: 1em;
}
.checkout-process-div {
margin: 16px 0px;
overflow: hidden;
}
.checkout-button-separator {
display: block;
opacity: 0.5;
margin: 0px 0px 16px;
}
.coupon_toggle .coupon_code {
padding: 1em 2em 1em 3.5em;
margin: 0px 0px 2em;
position: relative;
border-top: 3px solid;
background-color: rgb(248, 249, 250);
}
.coupon_toggle .coupon_code::before, #payment .payment_box::before {
display: inline-block;
position: absolute;
top: 15px;
left: 1.5em;
content: "";
font-family: themify;
}
.checkout-form input[type="text"], .checkout-form input[type="tel"], .checkout-form input[type="email"] {
line-height: normal;
}
.checkout .billing-fields h3, .checkout .additional-fields h3 {
font-size: 28px;
}
.checkout-form.checkout-form-row-first, .checkout-form.checkout-form-row-last {
width: 47%;
overflow: visible;
}
.checkout-form.checkout-form-row-first {
float: left;
}
.checkout-form.checkout-form-row-last {
float: right;
}
.checkout-form .required {
color: red;
font-weight: 700;
text-decoration: none;
border: 0px !important;
}
#payment div.checkout-form {
padding: 1em;
}
.checkout .checkout-form-row-first, .checkout .checkout-form-row-last {
width: 47%;
overflow: visible;
}
.checkout .checkout-form-row-first {
float: left;
}
.checkout .checkout-form-row-last {
float: right;
}
.ttm-panel {
padding: 0px 15px;
}
.panel-row {
display: none;
}
.panel-heading {
margin-bottom: 10px;
background-color: rgb(248, 248, 248);
border: 1px solid rgb(241, 241, 241);
transition: background 0.2s ease-in-out 0s;
}
.panel-title {
font-size: 17px;
font-weight: 400;
margin: 0px;
}
.panel-title > a {
background: 0px 0px;
display: block;
padding: 14px 20px;
box-sizing: border-box;
text-decoration: none;
color: inherit;
position: relative;
transition: color 0.2s ease-in-out 0s;
border: none;
box-shadow: none;
}
.panel-title > a span {
padding-left: 12px;
}
a.about-btn {
background: rgb(250, 176, 18);
padding: 12px 30px;
color: rgb(255, 255, 255);
}
a.about-btn:hover {
color: rgb(255, 255, 255);
background-color: rgb(51, 51, 51);
}
.about-main {
padding: 50px 0px !important;
}
.title-desc {
margin-bottom: 15px;
}
p.about-margin {
margin-bottom: 35px;
}
.process-section {
padding: 50px 0px;
}
.company-side p {
margin-bottom: 0px;
}
.company-side {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
@font-face {
font-family: themify;
src: url("../fonts/themify9f249f24.woff?-fvbane") format("woff"), url("../fonts/themify9f249f24.ttf?-fvbane") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="ti-"], [class*=" ti-"] {
font-family: themify;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.ti-wand::before {
content: "";
}
.ti-volume::before {
content: "î˜";
}
.ti-user::before {
content: "";
}
.ti-unlock::before {
content: "";
}
.ti-unlink::before {
content: "";
}
.ti-trash::before {
content: "";
}
.ti-thought::before {
content: "";
}
.ti-target::before {
content: "";
}
.ti-tag::before {
content: "";
}
.ti-tablet::before {
content: "";
}
.ti-star::before {
content: "";
}
.ti-spray::before {
content: "";
}
.ti-signal::before {
content: "";
}
.ti-shopping-cart::before {
content: "î˜";
}
.ti-shopping-cart-full::before {
content: "";
}
.ti-settings::before {
content: "î˜";
}
.ti-search::before {
content: "î˜";
}
.ti-zoom-in::before {
content: "";
}
.ti-zoom-out::before {
content: "";
}
.ti-cut::before {
content: "";
}
.ti-ruler::before {
content: "";
}
.ti-ruler-pencil::before {
content: "";
}
.ti-ruler-alt::before {
content: "";
}
.ti-bookmark::before {
content: "";
}
.ti-bookmark-alt::before {
content: "";
}
.ti-reload::before {
content: "";
}
.ti-plus::before {
content: "";
}
.ti-pin::before {
content: "";
}
.ti-pencil::before {
content: "";
}
.ti-pencil-alt::before {
content: "î˜";
}
.ti-paint-roller::before {
content: "";
}
.ti-paint-bucket::before {
content: "";
}
.ti-na::before {
content: "î˜ ";
}
.ti-mobile::before {
content: "";
}
.ti-minus::before {
content: "";
}
.ti-medall::before {
content: "";
}
.ti-medall-alt::before {
content: "";
}
.ti-marker::before {
content: "";
}
.ti-marker-alt::before {
content: "";
}
.ti-arrow-up::before {
content: "";
}
.ti-arrow-right::before {
content: "";
}
.ti-arrow-left::before {
content: "";
}
.ti-arrow-down::before {
content: "";
}
.ti-lock::before {
content: "";
}
.ti-location-arrow::before {
content: "";
}
.ti-link::before {
content: "î˜";
}
.ti-layout::before {
content: "";
}
.ti-layers::before {
content: "";
}
.ti-layers-alt::before {
content: "";
}
.ti-key::before {
content: "";
}
.ti-import::before {
content: "";
}
.ti-image::before {
content: "";
}
.ti-heart::before {
content: "";
}
.ti-heart-broken::before {
content: "";
}
.ti-hand-stop::before {
content: "";
}
.ti-hand-open::before {
content: "";
}
.ti-hand-drag::before {
content: "";
}
.ti-folder::before {
content: "";
}
.ti-flag::before {
content: "";
}
.ti-flag-alt::before {
content: "";
}
.ti-flag-alt-2::before {
content: "";
}
.ti-eye::before {
content: "";
}
.ti-export::before {
content: "";
}
.ti-exchange-vertical::before {
content: "";
}
.ti-desktop::before {
content: "";
}
.ti-cup::before {
content: "î™";
}
.ti-crown::before {
content: "";
}
.ti-comments::before {
content: "";
}
.ti-comment::before {
content: "";
}
.ti-comment-alt::before {
content: "î™…";
}
.ti-close::before {
content: "";
}
.ti-clip::before {
content: "";
}
.ti-angle-up::before {
content: "";
}
.ti-angle-right::before {
content: "";
}
.ti-angle-left::before {
content: "";
}
.ti-angle-down::before {
content: "";
}
.ti-check::before {
content: "";
}
.ti-check-box::before {
content: "î™";
}
.ti-camera::before {
content: "";
}
.ti-announcement::before {
content: "î™";
}
.ti-brush::before {
content: "î™";
}
.ti-briefcase::before {
content: "";
}
.ti-bolt::before {
content: "î™’";
}
.ti-bolt-alt::before {
content: "";
}
.ti-blackboard::before {
content: "î™”";
}
.ti-bag::before {
content: "";
}
.ti-move::before {
content: "î™–";
}
.ti-arrows-vertical::before {
content: "î™—";
}
.ti-arrows-horizontal::before {
content: "";
}
.ti-fullscreen::before {
content: "î™™";
}
.ti-arrow-top-right::before {
content: "";
}
.ti-arrow-top-left::before {
content: "î™›";
}
.ti-arrow-circle-up::before {
content: "";
}
.ti-arrow-circle-right::before {
content: "î™";
}
.ti-arrow-circle-left::before {
content: "";
}
.ti-arrow-circle-down::before {
content: "";
}
.ti-angle-double-up::before {
content: "î™ ";
}
.ti-angle-double-right::before {
content: "";
}
.ti-angle-double-left::before {
content: "";
}
.ti-angle-double-down::before {
content: "";
}
.ti-zip::before {
content: "";
}
.ti-world::before {
content: "";
}
.ti-wheelchair::before {
content: "";
}
.ti-view-list::before {
content: "";
}
.ti-view-list-alt::before {
content: "";
}
.ti-view-grid::before {
content: "";
}
.ti-uppercase::before {
content: "";
}
.ti-upload::before {
content: "";
}
.ti-underline::before {
content: "";
}
.ti-truck::before {
content: "î™";
}
.ti-timer::before {
content: "î™®";
}
.ti-ticket::before {
content: "";
}
.ti-thumb-up::before {
content: "î™°";
}
.ti-thumb-down::before {
content: "î™±";
}
.ti-text::before {
content: "";
}
.ti-stats-up::before {
content: "";
}
.ti-stats-down::before {
content: "î™´";
}
.ti-split-v::before {
content: "";
}
.ti-split-h::before {
content: "";
}
.ti-smallcap::before {
content: "î™·";
}
.ti-shine::before {
content: "";
}
.ti-shift-right::before {
content: "";
}
.ti-shift-left::before {
content: "";
}
.ti-shield::before {
content: "î™»";
}
.ti-notepad::before {
content: "";
}
.ti-server::before {
content: "";
}
.ti-quote-right::before {
content: "";
}
.ti-quote-left::before {
content: "";
}
.ti-pulse::before {
content: "";
}
.ti-printer::before {
content: "îš";
}
.ti-power-off::before {
content: "îš‚";
}
.ti-plug::before {
content: "";
}
.ti-pie-chart::before {
content: "îš„";
}
.ti-paragraph::before {
content: "îš…";
}
.ti-panel::before {
content: "";
}
.ti-package::before {
content: "";
}
.ti-music::before {
content: "";
}
.ti-music-alt::before {
content: "";
}
.ti-mouse::before {
content: "";
}
.ti-mouse-alt::before {
content: "îš‹";
}
.ti-money::before {
content: "";
}
.ti-microphone::before {
content: "îš";
}
.ti-menu::before {
content: "";
}
.ti-menu-alt::before {
content: "îš";
}
.ti-map::before {
content: "îš";
}
.ti-map-alt::before {
content: "îš‘";
}
.ti-loop::before {
content: "îš’";
}
.ti-location-pin::before {
content: "îš“";
}
.ti-list::before {
content: "îš”";
}
.ti-light-bulb::before {
content: "îš•";
}
.ti-Italic::before {
content: "îš–";
}
.ti-info::before {
content: "îš—";
}
.ti-infinite::before {
content: "";
}
.ti-id-badge::before {
content: "îš™";
}
.ti-hummer::before {
content: "îšš";
}
.ti-home::before {
content: "îš›";
}
.ti-help::before {
content: "";
}
.ti-headphone::before {
content: "îš";
}
.ti-harddrives::before {
content: "îšž";
}
.ti-harddrive::before {
content: "";
}
.ti-gift::before {
content: "îš ";
}
.ti-game::before {
content: "îš¡";
}
.ti-filter::before {
content: "";
}
.ti-files::before {
content: "";
}
.ti-file::before {
content: "";
}
.ti-eraser::before {
content: "";
}
.ti-envelope::before {
content: "";
}
.ti-download::before {
content: "";
}
.ti-direction::before {
content: "";
}
.ti-direction-alt::before {
content: "îš©";
}
.ti-dashboard::before {
content: "";
}
.ti-control-stop::before {
content: "îš«";
}
.ti-control-shuffle::before {
content: "";
}
.ti-control-play::before {
content: "îš";
}
.ti-control-pause::before {
content: "îš®";
}
.ti-control-forward::before {
content: "";
}
.ti-control-backward::before {
content: "îš°";
}
.ti-cloud::before {
content: "îš±";
}
.ti-cloud-up::before {
content: "îš²";
}
.ti-cloud-down::before {
content: "îš³";
}
.ti-clipboard::before {
content: "îš´";
}
.ti-car::before {
content: "îšµ";
}
.ti-calendar::before {
content: "";
}
.ti-book::before {
content: "îš·";
}
.ti-bell::before {
content: "";
}
.ti-basketball::before {
content: "îš¹";
}
.ti-bar-chart::before {
content: "";
}
.ti-bar-chart-alt::before {
content: "îš»";
}
.ti-back-right::before {
content: "îš¼";
}
.ti-back-left::before {
content: "îš½";
}
.ti-arrows-corner::before {
content: "îš¾";
}
.ti-archive::before {
content: "îš¿";
}
.ti-anchor::before {
content: "";
}
.ti-align-right::before {
content: "î›";
}
.ti-align-left::before {
content: "";
}
.ti-align-justify::before {
content: "";
}
.ti-align-center::before {
content: "";
}
.ti-alert::before {
content: "î›…";
}
.ti-alarm-clock::before {
content: "";
}
.ti-agenda::before {
content: "";
}
.ti-write::before {
content: "";
}
.ti-window::before {
content: "";
}
.ti-widgetized::before {
content: "";
}
.ti-widget::before {
content: "";
}
.ti-widget-alt::before {
content: "";
}
.ti-wallet::before {
content: "î›";
}
.ti-video-clapper::before {
content: "";
}
.ti-video-camera::before {
content: "î›";
}
.ti-vector::before {
content: "î›";
}
.ti-themify-logo::before {
content: "";
}
.ti-themify-favicon::before {
content: "î›’";
}
.ti-themify-favicon-alt::before {
content: "";
}
.ti-support::before {
content: "î›”";
}
.ti-stamp::before {
content: "";
}
.ti-split-v-alt::before {
content: "î›–";
}
.ti-slice::before {
content: "î›—";
}
.ti-shortcode::before {
content: "";
}
.ti-shift-right-alt::before {
content: "î›™";
}
.ti-shift-left-alt::before {
content: "";
}
.ti-ruler-alt-2::before {
content: "î››";
}
.ti-receipt::before {
content: "";
}
.ti-pin2::before {
content: "î›";
}
.ti-pin-alt::before {
content: "";
}
.ti-pencil-alt2::before {
content: "";
}
.ti-palette::before {
content: "î› ";
}
.ti-more::before {
content: "";
}
.ti-more-alt::before {
content: "";
}
.ti-microphone-alt::before {
content: "";
}
.ti-magnet::before {
content: "";
}
.ti-line-double::before {
content: "";
}
.ti-line-dotted::before {
content: "";
}
.ti-line-dashed::before {
content: "";
}
.ti-layout-width-full::before {
content: "";
}
.ti-layout-width-default::before {
content: "";
}
.ti-layout-width-default-alt::before {
content: "";
}
.ti-layout-tab::before {
content: "";
}
.ti-layout-tab-window::before {
content: "";
}
.ti-layout-tab-v::before {
content: "î›";
}
.ti-layout-tab-min::before {
content: "î›®";
}
.ti-layout-slider::before {
content: "";
}
.ti-layout-slider-alt::before {
content: "î›°";
}
.ti-layout-sidebar-right::before {
content: "î›±";
}
.ti-layout-sidebar-none::before {
content: "";
}
.ti-layout-sidebar-left::before {
content: "";
}
.ti-layout-placeholder::before {
content: "î›´";
}
.ti-layout-menu::before {
content: "";
}
.ti-layout-menu-v::before {
content: "";
}
.ti-layout-menu-separated::before {
content: "î›·";
}
.ti-layout-menu-full::before {
content: "";
}
.ti-layout-media-right-alt::before {
content: "";
}
.ti-layout-media-right::before {
content: "";
}
.ti-layout-media-overlay::before {
content: "î›»";
}
.ti-layout-media-overlay-alt::before {
content: "";
}
.ti-layout-media-overlay-alt-2::before {
content: "";
}
.ti-layout-media-left-alt::before {
content: "";
}
.ti-layout-media-left::before {
content: "";
}
.ti-layout-media-center-alt::before {
content: "";
}
.ti-layout-media-center::before {
content: "îœ";
}
.ti-layout-list-thumb::before {
content: "";
}
.ti-layout-list-thumb-alt::before {
content: "";
}
.ti-layout-list-post::before {
content: "";
}
.ti-layout-list-large-image::before {
content: "";
}
.ti-layout-line-solid::before {
content: "";
}
.ti-layout-grid4::before {
content: "";
}
.ti-layout-grid3::before {
content: "";
}
.ti-layout-grid2::before {
content: "";
}
.ti-layout-grid2-thumb::before {
content: "";
}
.ti-layout-cta-right::before {
content: "";
}
.ti-layout-cta-left::before {
content: "";
}
.ti-layout-cta-center::before {
content: "îœ";
}
.ti-layout-cta-btn-right::before {
content: "";
}
.ti-layout-cta-btn-left::before {
content: "îœ";
}
.ti-layout-column4::before {
content: "îœ";
}
.ti-layout-column3::before {
content: "";
}
.ti-layout-column2::before {
content: "";
}
.ti-layout-accordion-separated::before {
content: "";
}
.ti-layout-accordion-merged::before {
content: "";
}
.ti-layout-accordion-list::before {
content: "";
}
.ti-ink-pen::before {
content: "";
}
.ti-info-alt::before {
content: "";
}
.ti-help-alt::before {
content: "";
}
.ti-headphone-alt::before {
content: "";
}
.ti-hand-point-up::before {
content: "";
}
.ti-hand-point-right::before {
content: "";
}
.ti-hand-point-left::before {
content: "";
}
.ti-hand-point-down::before {
content: "îœ";
}
.ti-gallery::before {
content: "";
}
.ti-face-smile::before {
content: "";
}
.ti-face-sad::before {
content: "îœ ";
}
.ti-credit-card::before {
content: "";
}
.ti-control-skip-forward::before {
content: "";
}
.ti-control-skip-backward::before {
content: "";
}
.ti-control-record::before {
content: "";
}
.ti-control-eject::before {
content: "";
}
.ti-comments-smiley::before {
content: "";
}
.ti-brush-alt::before {
content: "";
}
.ti-youtube::before {
content: "";
}
.ti-vimeo::before {
content: "";
}
.ti-twitter::before {
content: "";
}
.ti-time::before {
content: "";
}
.ti-tumblr::before {
content: "";
}
.ti-skype::before {
content: "îœ";
}
.ti-share::before {
content: "";
}
.ti-share-alt::before {
content: "";
}
.ti-rocket::before {
content: "";
}
.ti-pinterest::before {
content: "";
}
.ti-new-window::before {
content: "";
}
.ti-microsoft::before {
content: "";
}
.ti-list-ol::before {
content: "";
}
.ti-linkedin::before {
content: "";
}
.ti-layout-sidebar-2::before {
content: "";
}
.ti-layout-grid4-alt::before {
content: "";
}
.ti-layout-grid3-alt::before {
content: "";
}
.ti-layout-grid2-alt::before {
content: "";
}
.ti-layout-column4-alt::before {
content: "";
}
.ti-layout-column3-alt::before {
content: "";
}
.ti-layout-column2-alt::before {
content: "";
}
.ti-instagram::before {
content: "";
}
.ti-google::before {
content: "";
}
.ti-github::before {
content: "";
}
.ti-flickr::before {
content: "î€";
}
.ti-facebook::before {
content: "î";
}
.ti-dropbox::before {
content: "î‚";
}
.ti-dribbble::before {
content: "îƒ";
}
.ti-apple::before {
content: "î„";
}
.ti-android::before {
content: "î…";
}
.ti-save::before {
content: "î†";
}
.ti-save-alt::before {
content: "î‡";
}
.ti-yahoo::before {
content: "îˆ";
}
.ti-wordpress::before {
content: "î‰";
}
.ti-vimeo-alt::before {
content: "îŠ";
}
.ti-twitter-alt::before {
content: "î‹";
}
.ti-tumblr-alt::before {
content: "îŒ";
}
.ti-trello::before {
content: "î";
}
.ti-stack-overflow::before {
content: "îŽ";
}
.ti-soundcloud::before {
content: "î";
}
.ti-sharethis::before {
content: "î";
}
.ti-sharethis-alt::before {
content: "î‘";
}
.ti-reddit::before {
content: "î’";
}
.ti-pinterest-alt::before {
content: "î“";
}
.ti-microsoft-alt::before {
content: "î”";
}
.ti-linux::before {
content: "î•";
}
.ti-jsfiddle::before {
content: "î–";
}
.ti-joomla::before {
content: "î—";
}
.ti-html5::before {
content: "î˜";
}
.ti-flickr-alt::before {
content: "î™";
}
.ti-email::before {
content: "îš";
}
.ti-drupal::before {
content: "î›";
}
.ti-dropbox-alt::before {
content: "îœ";
}
.ti-css3::before {
content: "î";
}
.ti-rss::before {
content: "îž";
}
.ti-rss-alt::before {
content: "îŸ";
}
#map_canvas {
margin: 0px;
padding: 0px;
height: 100%;
}
.map-wrapper {
height: 630px;
padding: 10px 0px 0px;
margin-bottom: 8px;
}
.map-wrapper.style2 {
height: 100%;
margin: 0px;
padding: 0px;
}
ul.ttm_contact_widget_wrapper {
padding: 0px;
}
ul.ttm_contact_widget_wrapper li {
position: relative;
padding-top: 15px;
padding-bottom: 15px;
line-height: 25px;
border-bottom: 1px solid rgb(234, 234, 234);
}
ul.ttm_contact_widget_wrapper li h6 {
font-size: 18px;
line-height: 24px;
padding-left: 37px;
}
ul.ttm_contact_widget_wrapper li span {
font-size: 18px;
line-height: 24px;
padding-left: 37px;
}
ul.ttm_contact_widget_wrapper li:last-child {
border: 0px;
}
ul.ttm_contact_widget_wrapper li i {
position: absolute;
left: 0px;
top: 20px;
font-size: 20px;
font-weight: 400;
}
.ttm-rounded-shadow-box {
border-radius: 10px;
border-top: 7px solid;
}
.error-404 {
position: relative;
}
.page-header {
margin: 40px 0px 20px;
}
section.error-404 {
padding: 150px 0px;
text-align: center;
background-image: url("../images/error-bg.html");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
section.error-404 .ttm-big-icon {
font-size: 150px;
}
section.error-404 h1 {
font-size: 95px;
text-transform: uppercase;
line-height: 100%;
}
section.error-404 .page-content p {
font-size: 18px;
margin-bottom: 30px;
}
.ttm-social-share-title h5 {
font-size: 18px;
font-weight: 500;
padding-right: 10px;
position: relative;
margin-right: 10px;
margin-bottom: 0px;
}
.ttm-pf-single-related-title {
font-size: 28px;
}
article.ttm-blog-classic {
margin-bottom: 30px;
padding-bottom: 0px;
}
article.ttm-blog-classic, .post-featured-wrapper {
position: relative;
}
.ttm-blog-classic .featured-imagebox-post {
margin-top: 0px;
margin-bottom: 0px;
}
.ttm-blog-classic .featured-imagebox-post .featured-content.featured-content-post {
padding: 20px 0px;
}
.ttm-blog-classic .featured-imagebox-post:hover {
box-shadow: none;
transform: translateY(0px);
}
.ttm-blog-classic .featured-imagebox-post .featured-content.featured-content-post .post-title h5 {
font-size: 30px;
line-height: 39px;
}
.ttm-blog-classic .featured-imagebox-post .featured-content.featured-content-post .post-meta span {
padding-right: 0px;
}
.ttm-blog-classic .featured-imagebox-post .post-meta span:not(:last-child)::after {
background-color: rgb(234, 234, 234);
display: inline-block;
content: "";
width: 1px;
height: 20px;
vertical-align: middle;
margin: 0px 15px;
}
.ttm-blog-classic .ttm-blog-classic-content blockquote {
display: block;
background: rgb(245, 250, 255);
padding: 25px 20px 20px 85px;
position: relative;
font-weight: 300;
margin: 0px;
font-size: 17px;
min-height: 100px;
line-height: 28px;
font-style: italic;
color: rgb(104, 112, 118);
border-left: 4px solid;
}
.ttm-blog-classic .ttm-blog-classic-content blockquote::before {
content: "\"";
display: inline-block;
position: absolute;
font-size: 110px;
font-family: "Myriad Pro";
transform: rotate(180deg);
top: 0px;
left: 33px;
}
.ttm-tag-list span a {
padding: 6px 15px;
background-color: rgb(245, 250, 255);
font-size: 14px;
display: inline-block;
margin-right: 3px;
}
.comments-area {
margin-top: 50px;
margin-bottom: 0px;
}
.comments-area h2 {
font-size: 24px;
line-height: 30px;
margin-bottom: 15px;
}
.comment-list li {
position: relative;
margin-top: 30px;
}
.comment-list .children {
margin-left: 35px;
}
.comment-list, .comment-list .children {
list-style-type: none;
padding: 0px;
}
.single-post .comments-area {
margin-top: 50px;
margin-bottom: 0px;
}
.single-post .comments-area .comments-title {
font-size: 33px;
font-weight: 600;
}
.comment-body {
margin-left: 105px;
margin-top: 35px;
margin-bottom: 30px;
padding: 20px;
position: relative;
background-color: rgb(245, 250, 255);
border: 1px solid rgb(245, 250, 255);
}
.comment-body::after, .comment-body::before {
position: absolute;
top: 17px;
width: 0px;
height: 0px;
border-width: 10px 12px 10px 0px;
border-style: solid;
border-color: transparent rgb(245, 250, 255);
z-index: 1;
content: "";
left: -12px;
}
.comment-author {
float: left;
text-align: center;
width: 87px;
height: 87px;
display: block;
margin-right: 25px;
overflow: hidden;
margin-left: -125px;
margin-top: -20px;
}
.comment-author img {
max-width: 100%;
height: auto;
}
.comment-reply-title {
font-weight: 600;
font-size: 24px;
line-height: 30px;
margin-bottom: 15px;
}
.comment-meta {
font-size: 14px;
padding: 0px;
position: relative;
}
.comment-meta, .comment-meta a {
color: rgb(110, 110, 110);
font-size: 13px;
}
.comment-meta .ttm-comment-owner h5, .ttm-comment-owner {
display: block;
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: rgb(24, 35, 51);
font-style: normal;
}
.comment-box .author-content-wrap p {
margin-top: 10px;
}
.single article.post .comment-body p {
margin-top: 10px;
}
.comment-list a.comment-reply-link {
border: none;
color: rgb(255, 255, 255);
font-size: 13px;
padding: 2px 30px 3px 17px;
position: relative;
margin-top: 5px;
display: inline-block;
}
.comment-list a.comment-reply-link::after {
position: absolute;
top: 6px;
font-family: themify;
content: "";
font-weight: 400;
display: inline-block;
margin-right: 0.2em;
text-align: center;
opacity: 1;
line-height: 22px;
font-size: 10px;
margin-left: 8px;
}
.comments-area .comment-respond {
padding-top: 10px;
}
#respond .comment-reply-title {
margin: 0px 0px 20px !important;
}
.comment-form {
margin-bottom: 20px;
}
.comment-form .comment-notes {
margin-bottom: 25px;
font-style: italic;
}
.comment-form p:not(.comment-notes) {
margin-bottom: 20px;
}
.comment-form textarea {
height: 125px;
}
.comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
background-color: transparent;
border-top: none;
border-right: none;
border-left: none;
border-image: initial;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0px;
padding-left: 0px;
}
.comments-area .comment-form .comment-form-author, .comments-area .comment-form .comment-form-email, .comments-area .comment-form .comment-form-url {
position: relative;
float: left;
width: 100%;
}
.comments-area .comment-form .comment-form-url {
margin-right: 0px;
}
.ttm-team-member-data ul {
margin: 0px;
padding: 0px;
clear: both;
}
.ttm-team-details-list li {
position: relative;
padding: 9px 0px 8px;
font-size: 15px;
line-height: 24px;
display: block;
float: left;
width: 100%;
}
.ttm-team-details-list li i {
margin-right: 8px;
}
.ttm-team-details-list .ttm-team-list-title, .ttm-team-details-list .ttm-team-list-value {
display: inline-block;
}
.ttm-team-details-list .ttm-team-list-title {
margin-right: 3px;
position: relative;
font-size: 15px;
line-height: 20px;
}
.ttm-team-member-data {
padding: 35px 5px 35px 26px;
background-color: rgb(245, 250, 255);
margin-bottom: 30px;
}
.ttm-team-member-data ul.ttm-team-details-list {
padding-left: 0px;
}
.ttm-team-details-list .ttm-team-list-value a {
color: rgb(141, 146, 151);
}
.ttm-team-member-single-title {
font-size: 23px;
line-height: 26px;
margin-bottom: 0px;
}
.ttm-team-member-single-position {
font-size: 12px;
line-height: 26px;
color: rgb(141, 146, 151);
font-weight: 400;
margin-bottom: 10px;
}
.ttm-team-member-content blockquote {
background-color: rgb(245, 250, 255);
padding: 20px 25px;
color: rgb(104, 112, 118);
font-size: 16px;
font-style: italic;
margin-top: 20px;
}
.ttm-team-member-content .ttm-tabs.ttm-tab-style-horizontal {
display: block !important;
}
.ttm-team-member-content .ttm-tabs.ttm-tab-style-horizontal ul.tabs li {
flex: 1 1 auto;
}
.ttm-team-member-content .ttm-tabs.ttm-tab-style-horizontal ul.tabs li {
margin: 8px 7px 7px 8px;
}
.ttm-team-member-content .ttm-tabs.ttm-tab-style-horizontal ul.tabs li:last-child {
margin-right: 0px;
}
.ttm-team-member-content .ttm-tabs.ttm-tab-style-horizontal ul.tabs li a {
text-transform: capitalize;
text-align: center;
border-radius: 0px;
font-size: 17px;
font-weight: 600;
}
.ttm-team-member-award-box {
padding-left: 15px;
padding-bottom: 40px;
position: relative;
}
.ttm-team-member-award-box::before {
content: "";
position: absolute;
left: 15px;
top: -30px;
width: 1px;
height: 100%;
background: rgb(232, 236, 239);
}
.ttm-team-member-award-box h5 {
margin-bottom: 5px;
font-weight: 700;
position: relative;
}
.ttm-team-member-award-box h5::before {
content: "";
position: absolute;
border-radius: 0px;
left: 0px;
top: 5px;
width: 12px;
height: 12px;
background-color: rgb(232, 236, 239);
}
.ttm-team-member-award-box h5, .ttm-team-member-award-box p {
padding-left: 35px;
}
.element-row {
padding: 0px 0px 45px;
position: relative;
}
.element-row .section-title h2.title {
margin-top: 22px;
margin-bottom: 25px;
}
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_blue {
background-color: rgb(0, 116, 204);
}
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_green {
background-color: rgb(91, 183, 91);
}
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_pink {
background-color: rgb(244, 82, 77);
}
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_turquoise {
background-color: rgb(0, 193, 207);
}
.ttm-icon.ttm-icon_element-fill {
color: rgb(255, 255, 255);
}
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-yellow {
background-color: rgb(255, 179, 0);
}
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-orange {
background-color: rgb(255, 76, 0);
}
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-red {
background-color: rgb(255, 10, 38);
}
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-dark_pink {
background-color: rgb(255, 0, 97);
}
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-mulled_wine {
background-color: rgb(80, 72, 91);
}
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-aqua {
background-color: rgb(57, 200, 223);
}
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-aqua {
color: rgb(57, 200, 223);
}
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-mulled_wine {
border-color: rgb(80, 72, 91);
color: rgb(80, 72, 91);
}
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-blue {
border-color: rgb(84, 114, 210);
color: rgb(84, 114, 210);
}
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white {
border-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
}
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-yellow {
border-color: rgb(255, 179, 0);
color: rgb(255, 179, 0);
}
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-orange {
border-color: rgb(255, 76, 0);
color: rgb(255, 76, 0);
}
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-red {
border-color: rgb(255, 10, 38);
color: rgb(255, 10, 38);
}
.element-style .icon-box-wrapper {
padding-top: 15px;
}
.element-style .row .col-md-6 .featured-icon-box:not(:last-child) {
padding: 0px;
margin-bottom: 40px;
}
.list-style-disc {
list-style-type: disc !important;
}
.list-style-decimal {
list-style-type: decimal !important;
}
ul.ttm-list {
list-style: none;
padding: 0px;
}
.ttm-list.ttm-list-style-icon li i {
position: absolute;
left: 0px;
top: 5px;
}
.ttm-list.ttm-list-style-icon li {
padding-left: 27px;
list-style: none;
position: relative;
padding-bottom: 8px;
}
.ttm-list.ttm-list-textsize-medium li {
font-size: 16px;
padding-bottom: 9px;
}
background-repeat: no-repeat !important;}
.col-bg-img-two.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-2.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; background-size: cover !important;}
.col-bg-img-three.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-3.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.map-col-bg{ /* background-image: url(../images/bg-image/map-col-bg.jpg) !important; */ background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.highlight-text h2{ text-align: left; font-size: 90px; line-height: 90px; font-family: 'Poppins',Arial,Helvetica; font-weight: 600;}
.highlight-text { background: url(../images/highlight-text-bg.html) no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position: center center;}
.max-content{ max-width: max-content !important; width: auto;}
.section-title{ position: relative; }
.section-title span{ font-weight: 600; text-transform: capitalize; font-size: 12px; line-height: 24px; letter-spacing: 1px; margin-bottom: 12px; margin-top: 5px; color: #fab012;}
.section-title h2.title{ font-weight: 700; font-size: 36px; line-height: 44px; margin-bottom: 0; text-transform: capitalize;}
.section-title p.title{ font-weight: 700; font-size: 36px; line-height: 44px; margin-bottom: 0; text-transform: capitalize;}
.section-title h1.title{ font-weight: 700; font-size: 36px; line-height: 44px; margin-bottom: 0; text-transform: capitalize;}
.section-title .title-desc{ font-weight: 400; font-size: 15px; line-height: 26px; margin-bottom: 15px; color: #687076;}
.section-title .title-header{ position: relative;}
.section-title.with-desc .title-header { margin-bottom: 60px;}
.section-title.with-desc .title-header:before{ width: 43px; bottom: -15px; height: 4px; left: 50%; margin-left: -21px; top: auto; position: absolute; content: '';}
.section-title.text-left.with-desc .title-header:before{left: 0; margin-left: 0;}
.section-title.style2 {margin-bottom: 35px;}
.section-title.style2 .title-header{ width: 45%; padding-right: 60px; margin-bottom: 0;}
.section-title.style2 .title-header,
.section-title.style2 .title-desc{ display: table-cell; vertical-align: middle;}
.row-title h2.title { font-size: 54px; line-height: 70px; margin-bottom: 0px; padding: 0;}
.separator .sep-line { height: 1px; border-top: 1px #ebebeb; display: block; position: relative; width: 100%;}
.separator .sep-line.dashed{border-top-style: dashed;}
.separator .sep-line.solid{border-top-style: solid;}
.ttm-bgcolor-darkgrey .separator .sep-line{ border-color: rgba(255,255,255,0.14);}
.ttm-bgcolor-white .separator .sep-line{ border-color: #f1f1f1;}
.ttm-btn{ display: inline-block; font-size: 16px; line-height: normal; padding: 11px 32px 11px 31px; background: transparent; border: 1px solid transparent; position: relative; font-weight: 600; overflow: hidden; z-index: 9; vertical-align: middle; text-transform: uppercase; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.ttm-btn.ttm-icon-btn-left{ padding-left: 44px; }
.ttm-btn.ttm-icon-btn-right{ padding-right: 44px; }
.ttm-btn.ttm-icon-btn-left i{ left: 20px;}
.ttm-btn.ttm-icon-btn-right i{ right: 20px;}
.ttm-btn.ttm-icon-btn-right{ padding-right: 22px; }
.ttm-btn.ttm-icon-btn-right i{ right: 2px; }
.ttm-bgcolor-darkgrey .ttm-btn:hover.btn-inline.ttm-btn-color-skincolor{ background-color: transparent; color: #fff;}
.ttm-btn i{ display: block; position: absolute; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);}
.ttm-btn.ttm-icon-btn-right{ text-align: right; }
.ttm-btn.ttm-icon-btn-left { text-align: left; }
.ttm-btn.ttm-btn-size-xs { font-size: 12px; padding: 7px 22px;}
.ttm-btn.ttm-btn-size-xs.ttm-icon-btn-right{ padding-right: 31px; }
.ttm-btn.ttm-btn-size-xs.ttm-icon-btn-left{ padding-left: 31px; }
.ttm-btn.ttm-btn-size-xs.ttm-icon-btn-left i{ left: 12px; }
.ttm-btn.ttm-btn-size-xs i { font-size: 14px; height: 11px; line-height: 11px; right: 12px;}
.ttm-btn.ttm-btn-size-sm { font-size: 14px; padding: 10px 24px 10px 24px; }
.ttm-btn.ttm-btn-size-sm.ttm-icon-btn-right{ padding-right: 39px; }
.ttm-btn.ttm-btn-size-sm.ttm-icon-btn-left{ padding-left: 39px; }
.ttm-btn.ttm-btn-size-sm.ttm-icon-btn-left i{ left: 16px;}
.ttm-btn.ttm-btn-size-sm i { font-size: 11px; height: 12px; line-height: 12px; right: 16px;}
.ttm-btn.ttm-btn-size-md { font-size: 14px; padding: 13px 30px 13px 30px; }
.ttm-btn.ttm-btn-size-md.ttm-icon-btn-right { padding-right: 48px; }
.ttm-btn.ttm-btn-size-md.ttm-icon-btn-left{ padding-left: 48px; }
.ttm-btn.ttm-btn-size-md.ttm-icon-btn-left i{ left: 20px;}
.ttm-btn.ttm-btn-size-md.ttm-icon-btn-right i { font-size: 11px; height: 11px; line-height: 11px; right: 20px;}
.ttm-btn.ttm-btn-size-lg { font-size: 20px; line-height: 20px; padding: 18px 45px;}
.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-right { padding-right: 60px; }
.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-left{ padding-left: 60px; }
.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-left i{ left: 25px;}
.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-right i { font-size: 20px; height: 16px; line-height: 16px; right: 25px;}
.ttm-btn.ttm-btn-shape-round { border-radius: 2em; }
.ttm-btn.ttm-btn-shape-rounded { border-radius: 5px; }
.ttm-btn.ttm-btn-shape-square { border-radius: 0; }
.ttm-btn.ttm-btn-style-border{ background-color: transparent; border: 1px solid; }
.ttm-btn.ttm-btn-color-white.ttm-btn-style-border { color: #fff; border-color: #fff; background: transparent;}
.ttm-btn.btn-inline{ text-transform: capitalize; font-size: 14px; font-weight: 600; padding: 0; border: 1px solid transparent; background-color: transparent; overflow: visible;}
.ttm-btn.btn-inline:before,
.ttm-btn.btn-inline:after{ position: absolute; content: ""; bottom: -3px; left: auto; right: 0; width: 0; height: 2px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.ttm-btn.btn-inline:before{width: 100%;}
.ttm-btn.btn-inline:hover:after{ width: 100%; right: auto; left: 0;}
.ttm-video-btn.video-btn-left{ left: 0; }
.ttm-video-btn.text-center{ position: absolute; left: 0; right: 0; top: 165px;}
.video-btn-left .ttm-play-btn{ padding-left: 90px; }
.ttm-video-btn.video-btn-center { left: 50%; margin-top: -25px; position: absolute; top: 50%;}
.ttm-video-btn:hover a { opacity: 0.9; color: #fff;}
.ttm-play-btn { border-radius: 30px; color: #fff; font-size: 18px; display: block; padding: 10px 20px 10px 50px; position: relative;}
.ttm-video-btn .ttm-btn-play,
.ttm-video-btn .ttm-video-btn-play { height: 65px; width: 65px; line-height: 65px; border-radius: 50%; padding-left: 7px; text-align: center; font-size: 30px; font-variant: normal; text-rendering: auto; display: inline-block; text-align: center; margin: 0 auto; -webkit-transform: translate(-25%,-10%); -ms-transform: translate(-25%,-10%); -o-transform: translate(-25%,-10%); transform: translate(-25%,-10%);}
.ttm-btn-play:after, .ttm-btn-play:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%;}
.ttm-btn-play:after{ z-index: 1; width: 105px; height: 105px; opacity: .09;}
.ttm-btn-play:before { z-index: 2; width: 94px; height: 94px; opacity: .21;}
.ttm-play-btn:hover, .ttm-video-btn span.ttm-btn-play{ color: #fff;}
.ttm-video-btn:hover .ttm-btn-play { background-color: rgba(253, 161, 43, 0.95); color: rgba(255, 255, 255, 1);}
.ttm-video-btn .ttm-video-btn-play:before { width: 94px; height: 94px; opacity: .41;}
.ttm-video-btn .ttm-video-btn-play:before,
.ttm-video-btn .ttm-video-btn-play:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; background-color: #fff; z-index: -1;}
.ttm-video-btn .ttm-video-btn-play:after { z-index: 1; width: 105px; height: 105px; opacity: .15;}
.ttm-video-btn .ttm-video-btn-play:hover:before,
.ttm-video-btn .ttm-video-btn-play:hover:after{ -webkit-animation: prittyphoto 1.05s infinite; -moz-animation: prittyphoto 1.05s infinite; -ms-animation: prittyphoto 1.05s infinite; -o-animation: prittyphoto 1.05s infinite; animation: prittyphoto 1.05s infinite;}
@-webkit-keyframes prittyphoto{
100%{width:200%;height:200%;opacity:0}
}
@keyframes prittyphoto{
100%{width:200%;height:200%;opacity:0}
}
@-webkit-keyframes sonarEffect{
%{opacity:.3}
40%{opacity:.5}
100%{-webkit-transform:scale(1.5);opacity:0}
}
.ttm-video-btn.ttm-right-center-video-btn{ position: absolute; left: auto; right: 0; top: 50%; margin-top: -20px;}
.ttm-video-btn.ttm-top-center-video-btn{ position: absolute; left: 0; right: 0; top: 45%; text-align: center;}
.ttm-icon{ margin-bottom: 35px; display: inline-block; text-align: center; border: 2px solid transparent; position: relative; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; box-sizing: content-box; position: relative;}
.ttm-icon i{ display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.ttm-icon.ttm-icon_element-size-xs { height: 40px; width: 40px; line-height: 40px; }
.ttm-icon.ttm-icon_element-size-xs i { font-size: 16px; }
.ttm-icon.ttm-icon_element-size-sm { height: 50px; width: 50px; line-height: 50px; }
.ttm-icon.ttm-icon_element-size-sm i { font-size: 28px; }
.ttm-icon.ttm-icon_element-size-md { height: 58px; width: 58px; line-height: 58px }
.ttm-icon.ttm-icon_element-size-md i { font-size: 30px; }
.ttm-icon.ttm-icon_element-size-lg { height: 62px; width: 62px; line-height: 62px; }
.ttm-icon.ttm-icon_element-size-lg i { font-size: 45px; }
.ttm-icon.ttm-icon_element-style-rounded { border-radius: 5px; }
.ttm-icon.ttm-icon_element-style-round { border-radius: 50%; }
.ttm-icon.ttm-icon_element-style-square { border-radius: 0;}
.ttm-icon.ttm-icon-color-black.ttm-icon-style-border { background-color: transparent; }
.inside { text-align: center; position: relative; padding: 29px 15px 25px 15px; margin-bottom: 30px;}
.inside h4 { margin-bottom: 0; padding-bottom: 0; font-size: 30px; line-height: 34px;}
.ttm-fid-view-righticon.inside h4, .ttm-fid-view-lefticon.inside h4 { margin-bottom: 0; float: left; display: inline-block;}
.inside h3 { margin-bottom: 0; bottom: -11px; width: 100%; font-size: 14px; line-height: 20px; font-weight: 400; padding-top: 0; display: inline-block;}
.ttm-fid-view-righticon .ttm-fid-left, .ttm-fid-view-lefticon .ttm-fid-left {position: relative;}
.ttm-fid-view-righticon .ttm-fid-icon-wrapper, .ttm-fid-view-lefticon .ttm-fid-icon-wrapper { position: absolute; top: 0;}
.ttm-fid-icon-wrapper i { font-size: 40px; }
.ttm-fid-view-topicon .ttm-fid-icon-wrapper i { font-size: 48px; position: absolute; top: 50%; left: 50%; -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.ttm-fid-view-lefticon.inside .ttm-fid-contents { padding-left: 55px; }
.ttm-fid-view-righticon .ttm-fid-contents, .ttm-fid-view-lefticon .ttm-fid-contents { clear: both; overflow: hidden;}
.ttm-fid-view-topicon-row{ border: 1px solid #e8ecef;}
.ttm-fid-view-topicon-row .with-right-border:not(:last-child):after{ content: ""; height: 100%; width: 1px; background-color: #f1f1f1; display: block; position: absolute; right: 0; top: 0; top: 50%; -khtml-transform: translateX(0%) translateY(-50%); -moz-transform: translateX(0%) translateY(-50%); -ms-transform: translateX(0%) translateY(-50%); -o-transform: translateX(0%) translateY(-50%); transform: translateX(0%) translateY(-50%);}
.ttm-fid-view-topicon { padding: 40px 40px 20px;}
.ttm-fid.ttm-fid-view-topicon .ttm-fid-icon-wrapper { margin-bottom: 10px; width: 122px; height: 61px; line-height: 61px; border-radius: 50%; display: inline-block; position: relative;}
.inside.ttm-fid-view-topicon h4 { font-size: 53px; line-height: 56px; }
.inside.ttm-fid-view-topicon h3{ position: relative; }
.ttm-highlight-fid-style1 { position: absolute; padding: 20px 20px 20px 30px; max-width: 207px; bottom: 3%; left: 30px;}
.ttm-highlight-fid-style1:after { position: absolute; content: ''; bottom: 0; width: 0; height: 0; left: 20%; border: 20px solid transparent; border-bottom: 0; margin-left: -21px; margin-bottom: -19px;}
.ttm-fid-view-lefticon.ttm-highlight-fid-style1 .ttm-fid-icon-wrapper{top: 5px;}
.ttm-highlight-fid-style2 { position: absolute; background: #fff; padding: 15px 20px 15px 20px; border: 7px solid #e9f2fa; bottom: 0; left: 30px;}
.ttm-fid-view-lefticon.ttm-highlight-fid-style2 .ttm-fid-icon-wrapper { top: 5px;}
.featured-icon-box { position: relative;}
.featured-icon-box .ttm-icon{ margin-bottom: 0px; }
.featured-icon-box.top-icon .featured-content{ padding-top: 14px; }
.featured-icon-box .ttm-icon.ttm-icon_element-size-md{ height: 42px; width: 42px; line-height: 42px;}
.featured-icon-box .ttm-icon.ttm-icon_element-fill.ttm-icon_element-size-md{ height: 72px; width: 72px; line-height: 72px; }
.featured-icon-box.left-icon{ display: table; }
.featured-icon-box.left-icon .featured-icon:not(.ttm-icon_element-border),
.featured-icon-box.left-icon .featured-icon,
.featured-icon-box.left-icon .featured-content{ display: table-cell; vertical-align: middle; }
.featured-icon-box.style1 .featured-content .featured-title h5{margin-bottom: 0;}
.featured-icon-box.left-icon.icon-align-top .featured-icon{ vertical-align: top; padding-top: 5px; }
.featured-icon-box.left-icon .featured-content { padding-left: 12px; }
.featured-title h5{ font-size: 20px; line-height: 30px; margin-bottom: 10px;}
.featured-title span{ font-size: 20px; line-height: 30px; margin-bottom: 10px;}
.featured-icon-box.iconalign-before-heading{ padding: 20px 0; }
.featured-icon-box.iconalign-before-heading .featured-content{ display: table; }
.featured-icon-box.iconalign-before-heading .ttm-icon.ttm-icon_element-size-md { height: auto; width: auto; }
.featured-icon-box.iconalign-before-heading .featured-content .ttm-icon,
.featured-icon-box.iconalign-before-heading .featured-content .featured-title{ display: table-cell; vertical-align: middle; padding-left: 12px;}
.iconalign-before-heading-row:not(:last-child){ border-bottom: 1px solid rgba(255,255,255,.08);}
.featured-icon-box.iconalign-before-heading.style1{ padding: 0;}
.featured-icon-box.iconalign-before-heading.style1 .ttm-icon.ttm-icon_element-size-lg{height: 45px;width: 45px;line-height: 45px;}
body{ counter-reset: section; }
.ttm-num:before{ counter-increment: section; content: counter(section, decimal-leading-zero) " " ; font-size: 14px; font-family: "Poppins",Arial,Helvetica,sans-serif;}
.featured-icon-box.style1{padding-left: 15px;padding-right: 15px;padding-top: 27px;width: 100%;}
.featured-icon-box.style1 .featured-desc p{font-size: 12px; margin-bottom: 0;}
.row > [class*='col-']:first-child > .featured-icon-box.style1{padding-left: 0;}
.row > [class*='col-']:not(:last-child) > .featured-icon-box.right-border { border-right: 1px dashed #ebebeb;}
.featured-icon-box.style1.without-icon{padding-top: 40px;padding-left: 35px;}
.featured-icon-box.without-icon.style2 .featured-title h5{ font-size: 18px;font-weight: 500;margin-bottom: 0;}
.featured-icon-box.without-icon.style2{ border: 1px solid #e8ecef; border-left: none; border-right: none; padding-top: 20px; padding-bottom: 5px; position: relative; padding: 20px 15px 5px;}
.featured-icon-box.style2 {padding: 12px 15px 2px;position: absolute;top: 12px;right: 12px;}
.featured-icon-box.style2 .featured-title h5{font-size: 18px;font-weight: 500;}
.featured-icon-box.style3{ padding: 49px 25px 36px;position: relative;overflow: hidden; border: 2px dashed rgba(255,255,255,.5); min-height: 312px;}
.featured-icon-box.style3:after,
.featured-icon-box.style3:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; -webkit-transition: opacity 0.35s,-webkit-transform 0.35s; transition: opacity 0.55s,transform 0.55s;}
.featured-icon-box.style3:after{ border-left: 2px dashed; border-right: 2px dashed; -webkit-transform: scale(1,0); -moz-transform: scale(1,0); -ms-transform: scale(1,0); -o-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}
.featured-icon-box.style3:before{ border-top: 2px dashed; border-bottom: 2px dashed; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.featured-icon-box.style3:hover:after,
.featured-icon-box.style3:hover:before{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.featured-icon-box.style3:hover{border-color: transparent;}
.featured-icon-box.style4{padding: 0 55px 10px 0;}
.featured-icon-box.style4 .featured-content .featured-title h5{margin-bottom: 5px;}
.featured-icon-box.style4 .ttm-icon.ttm-icon_element-size-xs,
.featured-icon-box.style4 .ttm-icon.ttm-icon_element-size-lg { height: 20px; width: 20px; line-height: 36px;}
.featured-icon-box.style4 .ttm-icon.ttm-icon_element-size-xs i{font-size: 15px;font-weight: 600;line-height: 36px;}
.featured-icon-box.style4 .featured-content{padding-left: 24px;}
.featured-icon-box.style5 { padding: 45px 50px 50px 50px;margin-top: 10px;}
.featured-icon-box.style5:after{content: "";height: 100%;width: 1px;position: absolute;right: 0px;top: 0;background-color: #f3f3f3;}
.featured-icon-box.style5 .ttm-icon.ttm-icon_element-size-lg,
.featured-icon-box.style9 .ttm-icon.ttm-icon_element-size-lg{ height: 45px; width: 45px; line-height: 45px;}
.featured-icon-box.style6{ padding: 20px 20px 10px 20px;}
.featured-icon-box.style6 .ttm-icon.ttm-icon_element-size-lg{width: 80px;height: 80px;line-height: 80px;}
.featured-icon-box.style6 .ttm-icon.ttm-icon_element-size-lg i{font-size: 67px;}
.featured-icon-box.style6 .featured-content .featured-desc p{font-size: 16px;line-height: 21px;margin-bottom: 0;font-weight: 600;}
.featured-icon-box.style6 .featured-content .featured-title h5{font-size: 25px;line-height: 25px;}
.featured-icon-box.style7{ padding: 30px 15px 15px; border: 1px solid #ebedf2;}
.featured-icon-box.style7 .featured-content .featured-title h5{margin-bottom: 5px;}
.featured-icon-box.style7 .ttm-icon.ttm-icon_element-size-lg i{font-size: 58px;}
.featured-icon-box.style8{ border: 1px solid #e9e9e9; padding: 30px 30px 20px; margin-bottom: -1px;}
.featured-icon-box.style9 .featured-content{padding-top: 10px;}
.featured-icon-box.style10 .ttm-icon.ttm-icon_element-size-md{height: 80px;width: 80px;line-height: 80px;}
.featured-icon-box.style10 .featured-content{padding-left: 34px;}
.featured-icon-box.style10:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.featured-imagebox .ttm-box-view-content-inner{ position: relative; overflow: hidden;}
.featured-imagebox .ttm-box-bottom-content { padding: 35px 30px 42px 30px; text-align: left; }
.featured-imagebox .ttm-box-bottom-content .ttm-icon{margin-bottom:12px;}
.ttm-box-bottom-content .ttm-icon.ttm-icon_element-size-md{height: 40px;width: 40px;line-height: 40px;}
.ttm-box-bottom-content .ttm-icon i{font-size: 40px;}
.featured-imagebox-portfolio{ position: relative; overflow: hidden; }
.featured-imagebox-portfolio.ttm-box-view-top-image{ margin-bottom: 30px; overflow: visible;}
.featured-imagebox-portfolio .featured-content { padding: 10px 25px 10px; position: relative; background-color: #fff;}
.featured-imagebox-portfolio .featured-content .featured-title span{ margin-bottom: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.featured-imagebox-portfolio .ttm-box-view-overlay { position: absolute; bottom: -30%; opacity: 0; z-index: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; width: 100%; height: 100%; background-color: rgba(24,35,51,.83);}
.featured-imagebox-portfolio:hover .ttm-box-view-overlay { opacity: 1; bottom: 0;}
.featured-imagebox-portfolio.ttm-box-view-top-image .featured-iconbox.ttm-media-link a { display: inline-block; font-size: 18px; position: absolute; top: 20px; right: 20px; height: 43px; width: 43px; line-height: 43px; border: 1px solid transparent; text-align: center; color: #fff;}
.featured-imagebox-portfolio.ttm-box-view-top-image .featured-iconbox.ttm-media-link a { top: 50%; right: 50%; margin-top: -17px;}
.featured-imagebox-portfolio a.ttm_link { line-height: 41px; margin-right: -47px; float: right;}
.featured-imagebox-portfolio-style1{position: relative;overflow: hidden;}
.featured-imagebox-portfolio-style1 .featured-content-portfolio{ position: absolute; bottom: 0; background-color: rgba(24,35,51,1); width: 100%; max-height: 100%; overflow: hidden; padding: 15px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.featured-imagebox-portfolio-style1:hover .featured-content-portfolio{ -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}
.featured-imagebox-portfolio-style1 .featured-thumbnail{ position: relative; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: -webkit-transform,-webkit-box-shadow; transition-property: -webkit-transform,-webkit-box-shadow; transition-property: transform,box-shadow; transition-property: transform,box-shadow,-webkit-transform,-webkit-box-shadow;}
.featured-imagebox-portfolio-style1:hover .featured-thumbnail{ -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}
.featured-imagebox-portfolio-style1 .featured-title h5,
.featured-imagebox-portfolio .featured-title h5{font-weight: 500;}
.featured-thumbnail{position: relative;overflow: hidden;}
.featured-imagebox-team{ overflow: hidden; position: relative;}
.featured-imagebox-team .featured-content-team.category { font-size: 12px; color: #687076; }
.featured-imagebox-team .ttm-social-links-wrapper { margin: 0; position: absolute; bottom: 40px; width: 100%; text-align: center; z-index: 99; }
.featured-imagebox-team .ttm-social-links-wrapper ul { margin: 0; padding: 3px 14px; }
.featured-imagebox-team .ttm-social-links-wrapper ul li a{ display: block; border: 1px solid transparent; width: 40px; height: 40px; padding: 0; line-height: 40px; font-size: 16px; text-align: center;}
.featured-imagebox-team .featured-content-team { text-align: center; z-index: 2; position: relative; padding: 23px 10px 10px;}
.featured-imagebox-team .featured-title h5{margin-bottom: 0;}
.featured-imagebox-team:hover .featured-thumbnail img{transform: scale(1.05);}
.featured-imagebox-team.style2 .featured-thumbnail:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #182333; opacity: .36; z-index: 1;}
.featured-imagebox-team.style2 .featured-thumbnail img { -webkit-filter: grayscale(100%); filter: grayscale(100%); width: 100%; position: relative;}
.featured-imagebox-team.style2 .ttm-team-box-view-overlay { position: absolute; bottom: 100%; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; -webkit-transition: .55s cubic-bezier(.68,-.55,.265,1.55); -moz-transition: .55s cubic-bezier(.68,-.55,.265,1.55); -ms-transition: .55s cubic-bezier(.68,-.55,.265,1.55); -o-transition: .55s cubic-bezier(.68,-.55,.265,1.55); transition: .55s cubic-bezier(.68,-.55,.265,1.55); color: #fff; z-index: 1; padding: 20px;}
.featured-imagebox-team.style2 .ttm-social-links-wrapper{ margin: 0; width: 100%; text-align: center; flex-grow: 1; display: flex; align-items: center; justify-content: center; position: relative; bottom: 0;}
.featured-imagebox-team.style2 .ttm-social-links-wrapper ul li a{ font-size: 22px; width: 30px; height: 30px; line-height: 30px; background-color: transparent;}
.featured-imagebox-team.style2 .ttm-social-links-wrapper ul li a:hover{background-color: transparent;color: #fff;}
.featured-imagebox-team.style2 .featured-content.featured-content-team{ padding: 30px; padding-bottom: 19px; transition-duration: 0.3s; color: #fff; text-align: center; background-color: transparent;}
.featured-imagebox-team.style2:hover .ttm-team-box-view-overlay{ bottom: 0;}
.featured-imagebox-team.featured-imagebox-team-details .featured-content-team{background-color: #fff;}
.featured-imagebox-team.featured-imagebox-team-details .ttm-social-links-wrapper{position: relative;bottom: auto;}
.featured-imagebox-team.featured-imagebox-team-details .featured-content-team{ display: block; clear: both; padding-top: 30px; border-bottom: 5px solid; margin-bottom: 30px; padding-bottom: 30px;}
.featured-imagebox-services{ background-color: #fff; padding: 0; margin: 10px 0 20px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.featured-imagebox-services .featured-title{ padding: 23px 15px;}
.featured-imagebox-services .featured-title h5{margin-bottom: 0;}
.featured-imagebox-services .featured-content{padding: 25px 25px 25px;}
.featured-imagebox-services .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white{ border-color: #e8ecef; margin-bottom: 0;}
.featured-imagebox-services .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white i{ color: #e8ecef; }
.featured-imagebox-services:hover{ -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 20px rgba(0,0,0,.14);}
.featured-imagebox-post{ background-color: #fff; padding: 0; margin-bottom: 20px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.featured-imagebox-post .featured-content.featured-content-post{ padding: 22px 27px 22px 27px; }
.featured-imagebox-post .featured-content.featured-content-post .post-meta{ display: block; padding: 7px 3px 3px 0; font-size: 12px;}
.featured-imagebox-post .featured-content.featured-content-post .post-meta span{padding-right: 10px;position: relative;}
.featured-imagebox-post .featured-content.featured-content-post .post-meta span i{ padding-right: 5px; }
.featured-imagebox-post .featured-content.featured-content-post .post-title h5{ margin: 0; font-size: 19px; line-height: 28px; }
.featured-imagebox-post:hover{ -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 17px rgba(32,46,60,.1);}
.ttm-post-format-video{ padding-bottom: 68.25%; position: relative; overflow: hidden; padding-top: 25px;}
.ttm-post-format-video iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}
.featured-imagebox-post .featured-icon{ position: absolute; right: 20px; top: 20px;}
.featured-imagebox-post .featured-icon .ttm-icon.ttm-icon_element-size-xs{width: 38px;height: 38px;line-height: 38px;}
.featured-imagebox-post .featured-icon .ttm-icon.ttm-icon_element-size-xs i{font-size: 17px;}
.ttm-box-view-left-image.featured-imagebox-post{padding: 15px;}
.ttm-box-view-left-image .ttm-featured-img-left { padding: 0;}
.ttm-box-view-left-image .featured-content,
.ttm-box-view-left-image.featured-imagebox-post .featured-content { padding-left: 25px !important; display: flex; justify-content: space-between; flex-direction: column; padding-bottom: 0 !important;}
.featured-imagebox-post.ttm-box-view-left-image .featured-content.featured-content-post { padding: 15px 17px 11px 17px;}
.featured-imagebox .featured-content .category,
.featured-imagebox .featured-content .category a { color: #9dabaf;}
.ttm-box-view-left-image .featured-content .category { padding-top: 10px; padding-bottom: 10px; display: block;}
.featured-imagebox .featured-content .category, .featured-imagebox .featured-content .category a { font-size: 15px;}
.ttm-box-view-left-image .featured-content .category> a { display: inline-block; border: 1px solid; padding: 5px 10px; margin-right: 1px; font-size: 12px; font-weight: 500; line-height: 15px; margin-bottom: 5px;}
.featured-imagebox-post .featured-content.featured-content-post .post-title h5 { margin: 0; font-size: 19px; line-height: 28px;}
.ttm-box-view-left-image .featured-content .ttm-box-desc, .ttm-box-view-left-image .featured-content .featured-desc { border-top: 1px solid #f2f2f2; margin-top: 10px; padding-top: 7px;}
.featured-imagebox-post.ttm-box-view-left-image .featured-content.featured-content-post .post-meta span { padding: 0; font-size: 14px;}
.ttm-processbox-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin: 0 -50px;}
.ttm-processbox-wrapper .ttm-processbox {
position: relative; display: block; text-align: center; width: 340px; height: 340px; background: #fff; padding: 20px; border-radius: 50%; margin: auto; box-shadow: 0 10px 50px 0 rgba(29, 79, 206, .1); -webkit-box-shadow: 0 10px 50px 0 rgba(29, 79,206, .1); -moz-box-shadow: 0 10px 50px 0 rgba(29, 79, 206, .1); transition: all 500ms ease;}
.ttm-processbox-wrapper .ttm-processbox .process-num { margin-right: 5px; font-size: 20px; font-weight: 500; background-color: #000; color: #fff; width: 46px; height: 46px; line-height: 46px; border-radius: 50%; border: none; display: block; text-align: center; position: absolute; left: auto; right: 30px; top: 20px; z-index: 10;}
.ttm-row.project-style2-section{
padding-top: 60px;
}
.ttm-processbox-wrapper .featured-content {
position: relative; border-radius: 50%; padding: 65px 15px 60px 15px; width: 298px; height: 298px; border: 6px solid #e8ecef;}
.ttm-processbox-wrapper .ttm-processbox .featured-title h5 { font-size: 20px; line-height: 27px; margin-bottom: 15px;}
.ttm-processbox-wrapper .ttm-processbox .featured-title span { font-size: 20px; line-height: 27px; margin-bottom: 15px;}
.ttm-processbox-wrapper .ttm-processbox:hover { box-shadow: 0 -10px 39px 0 rgba(8,18,109,.1); -webkit-box-shadow: 0 -10px 39px 0 rgba(8,18,109,.1); -moz-box-shadow: 0 -10px 39px 0 rgba(8,18,109,.1); transform: translateY(-10px);}
.ttm-progress-bar{ position: relative; }
.ttm-progress-bar{ margin: 0 0 15px 0; }
.ttm-progress-bar:not(:last-child){ margin-bottom: 30px; }
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_black { background-color: #414141; }
.ttm-progress-bar h4 { top: -35px; left: 0; font-size: 17px; color: #5d6576; font-weight: 400; margin-bottom: 10px; letter-spacing: 1.2px;}
.ttm-progress-bar i{ position: absolute; font-size: 21px;}
.ttm-progress-bar .progress { background-color: #c0c0c1; border-radius: 0; height: 7px;}
.ttm-progress-bar .progress-parcent { position: absolute; right: 0; color: #0a0a0a; z-index: 3; text-shadow: none; font-size: 17px; padding: 2px 0; border-radius: 0; top: 0;}
.ttm-icon-left-true.ttm-progress-bar h4{ margin-left: 35px; }
.ttm-progress-bar.ttm-icon-left-true{ margin-bottom: 24px; }
.testimonials{ position: relative;}
.testimonials .testimonial-content{ text-align: center; margin: 12px 120px 8px; padding: 0 25px;}
.testimonials .testimonial-content .testimonial-caption{ margin-top: 15px; margin-bottom: 15px;}
.testimonial-content .testimonial-avatar{display: block;margin: 0 auto;}
.testimonials.style1 .testimonial-content .testimonial-avatar{position: relative;height: 95px;width: 95px;}
.testimonials.style1 .testimonial-content .testimonial-avatar:after{ content: "\f10d"; font-family: "FontAwesome"; font-size: 14px; position: absolute; line-height: 33px; top: 5px; left: -10px; width: 31px; height: 31px; text-align: center; color: #fff; border-radius: 50%;}
.testimonials .testimonial-content h6{ font-size: 17px; line-height: 20px; margin-bottom: 0;}
.testimonials .testimonial-content label { display: block; font-size: 13px; margin-bottom: 0; color: #687076;}
.testimonials .testimonial-content blockquote { padding: 0 10px 0 25px; font-style: italic; font-weight: 400; font-size: 17px; background-color: transparent; line-height: 30px; position: relative; margin-bottom: 27px;}
.testimonial-content .ttm-ratting-star i{font-size: 18px;}
.testimonials .testimonial-avatar .testimonial-img img { height: 95px; width: 95px; border-radius: 50%; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.1); box-shadow: 0 0 15px 0 rgba(0,0,0,.1); border: 3px solid #fff;}
.testimonials.style1 .ttm-ratting-star { padding-top: 15px; padding-bottom: 10px; color: #fff;}
.testimonials.style2{position: relative;}
.testimonials.style2:before{ position: absolute; content: ''; background: #f1f6fb; right: 0; left: 15px; top: -15px; width: 100%; height: 100%;}
.testimonials.style2 .testimonial-content{ position: relative; background-color: #fff; padding: 60px 35px 50px 35px; transition: .5s ease; box-shadow: 0 0px 15px 0 rgba(8,18,109,.1); display: block; overflow: hidden; margin: 0; border-bottom: 3px solid transparent;}
.testimonials.style2 .testimonial-content:hover { transform: translate(8px,-8px);}
.testimonials.style2 .testimonial-content blockquote{ border: none; margin: 0; outline: none; text-align: left; position: relative; color: #687076; font-style: italic; font-weight: 400; padding: 0; margin: 0; font-size: 17px; background-color: transparent; line-height: 29px; padding-right: 10px; margin-bottom: 30px;}
.testimonials.style2 .testimonial-content blockquote:after{ content: "\f10d"; font-family: "FontAwesome"; color: #0b0c26; font-size: 40px; line-height: 50px; position: absolute; top: -12px; left: 0; opacity: .1;}
.testimonials.style2 .testimonial-avatar,
.testimonials.style2 .testimonial-caption{display: inline-block;float: left;}
.testimonials.style2 .testimonial-caption{padding-left: 15px;}
.testimonials.style2 .ttm-ratting-star i{font-size: 14px;}
.testimonials.style2 .testimonial-content label { color: #687076 !important;}
.client-box{ margin-bottom: 20px; padding: 15px 12px 30px;}
.ttm-client-logo-tooltip{ position: relative; }
.ttm-box-view-separator-logo .client-box .client:after { border-right: 1px solid #eaeaea; content: ""; width: 1px; height: 100%; position: absolute; right: -25px; top: 0;}
.ttm-box-view-separator-logo .row .col-sm-4:nth-child(3n+3) .client-box .client:after{ display: none; }
.client-box.ttm-box-view-boxed-logo{ padding: 0; margin-top: 30px; margin-bottom: 30px;}
.client-box.ttm-box-view-boxed-logo .ttm-client-logo-tooltip{ margin-right: 13px; margin-left: 13px; padding: 18px 12px; display: table-cell; text-align: center; align-items: center; vertical-align: middle;}
.client-box.ttm-box-view-boxed-logo .client{ width: 100%; display: table;}
.client-box.ttm-box-view-boxed-logo .client:hover img{ -webkit-filter: grayscale(1); filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);}
.client-box.ttm-box-view-boxed-logo{position: relative;display: block;}
.wrap-acadion .accordion { margin-top: 15px; }
.accordion .toggle .toggle-title{ font-size: 17px; cursor: pointer; padding: 14px 20px; font-weight: 400; margin-bottom: 0; position: relative;}
.accordion .toggle-title a{ color: #fff;}
.accordion .toggle-title a i{ margin-right: 14px; }
.accordion .toggle.ttm-style-classic .toggle-title{ border: 1px solid #f7f7f7; background-color: transparent;}
.accordion .ttm-style-classic .toggle-title.active { border-color: #f0f0f0; background-color: #f8f8f8; }
.toggle-content p{ margin-bottom: 0; }
.toggle-content ul li{ list-style: disc; }
.accordion .ttm-style-classic .toggle-title >a,
.accordion .ttm-style-classic.ttm-toggle-title-bgcolor-grey.active .toggle-title >a,
.accordion .ttm-toggle-title-bgcolor-grey.active .toggle-title:after { color: #666;}
.accordion .toggle-title:after.active ,
.accordion .toggle:not(.ttm-style-classic) .toggle-title:after.active{ color: #fff; }
.accordion .toggle:not(:first-child) .toggle-title{ margin-top: 10px; }
.accordion .toggle:not(:last-child):not(.active) .toggle-title{ margin-bottom: 10px; }
.accordion .ttm-style-classic.ttm-toggle-title-bgcolor-grey .toggle-title{ border-color: #f0f0f0; background-color: #f5faff; }
.accordion .ttm-style-classic.ttm-toggle-title-bgcolor-grey.active .toggle-title{ background-color: #fff; }
.accordion .toggle .toggle-title:after { position: absolute; font-family: "themify"; right: 10px; top: 15px; content: "\e61a";}
.accordion .toggle.active .toggle-title:after { content: "\e622"; font-family: "themify";}
.accordion .toggle-content { display: none; padding: 14px 20px; overflow: hidden;}
.accordion .toggle.ttm-toggle-title-bgcolor-grey .toggle-title:after{ position: absolute; font-family: "FontAwesome"; content: "\f078"; right: 15px; font-size: 12px; top: 15px;}
.accordion .toggle.ttm-toggle-title-bgcolor-grey.active .toggle-title:after { font-family: "FontAwesome"; content: "\f077";}
.accordion .toggle.active .toggle-title:after { color: #fff; }
.accordion .toggle.ttm-toggle-title-bgcolor-grey .toggle-title:after{ color: #666; }
.accordion .ttm-style-classic.ttm-toggle-title-border .toggle-title{ background-color: transparent; border: 2px solid #e3e3e3; }
.accordion .toggle.ttm-style-classic.ttm-toggle-title-border .toggle-title{ padding: 18px 20px; line-height: 1; }
.accordion.style2{padding: 15px 30px 40px;border: 1px solid #e9e9e9;}
.accordion.style2 .ttm-style-classic.ttm-toggle-title-border .toggle-title{border: none;border-bottom: 1px solid #efefef;}
.accordion.style2 .ttm-style-classic.ttm-toggle-title-border.active .toggle-title{ border-color: transparent !important; background-color: transparent;}
.accordion.style2 .toggle-content{ padding: 35px 30px;}
.accordion.style2 .toggle-content h6{font-size: 15px;line-height: 24px;margin-bottom: 25px;}
.accordion.style2 .toggle-content p{margin-bottom: 15px;}
.accordion.style2 .toggle.active .toggle-title:after{ color: #8d9297;}
.wrap-form label{ width: 100%; margin: 0;}
.wrap-form span.text-input { margin-bottom: 15px; display: block; padding-top: 5px; position: relative;}
.ttm-quote-form input[type="text"],
.ttm-quote-form textarea,
.ttm-quote-form select { border: 1px solid #f8f9fa; background-color: #f8f9fa; width: 100%; font-size: 13px;}
.ttm-quote-form .text-input textarea{ min-height: 100%; }
.ttm-quote-form button{ margin-top: 10px; }
.ttm-quote-form .text-input input::placeholder,
.ttm-quote-form .text-input textarea::placeholder{ color: #828282;}
.ttm-quote-form input[type="submit"] { padding: 10px 40px; margin-top: 5px; width: 100%;}
.wrap-form.ttm-contactform span.text-input i { position: absolute; left: 0; top: 20px; opacity: .9; font-size: 16px; z-index: 1;}
.wrap-form.ttm-contactform span.text-input input, .wrap-form.ttm-contactform span.text-input textarea { color: #fff; background-color: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,.2); padding-left: 0; border-radius: 0; padding-bottom: 10px; padding-top: 10px;}
.wrap-form.ttm-contactform input[type="submit"] { margin-top: 30px; }
.ttm-tabs { width:100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.ttm-tabs .section-title{ padding-bottom: 0; }
.ttm-tabs ul{ margin: 0; padding: 0; }
.ttm-tabs.style2 ul{ display: block; margin-bottom: 35px;}
.ttm-tabs ul.tabs li{ display: inline-block; }
.ttm-tabs ul.tabs li a{ display: block; cursor: pointer; padding: 8px 22px; margin-bottom: 5px; line-height: 22px; width: auto; position: relative; z-index: 3; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 15px; font-weight: 500; text-transform: uppercase; border: 1px solid #0b0c26;}
.ttm-tabs.style2 ul.tabs li a:before { position: absolute; content: ''; left: 0; top: -1px; width: 100%; height: 3px; opacity: 0;}
.ttm-tabs.style2 ul.tabs li.active a:before{opacity: 1;}
.ttm-tabs ul.tabs li a i{ font-size: 18px; margin-right: 9px; position: relative; top: 2px;}
.ttm-tabs ul.tabs li a span{ font-size: 18px; font-weight: normal;}
.tab-padding-box{ padding-top: 105px; padding-left: 40px; padding-right: 40px; padding-bottom: 70px;}
.ttm-tabs .content-tab{ margin-top: 20px; width: 100%;}
.ttm-tabs .content-tab h6{ font-size: 15px; line-height: 28px; margin-bottom: 29px; padding-bottom: 7px; }
.ttm-tabs.style2 .tabs{ margin-bottom: 0px; padding-left: 0px}
.ttm-tabs.style2.full-width .tabs{ padding-left: 10px }
.ttm-tabs.style2 .content-tab{ padding: 0; }
.ttm-tabs.style2 .row.ttm-boxes-spacing-10px{ padding: 0; }
.ttm-tabs.style2 ul.tabs li { margin-right: 7px; background: transparent; padding: 0;}
.ttm-tabs.style2 ul.tabs li a { display: block; cursor: pointer; padding: 12px 30px; line-height: 22px; position: relative; z-index: 3; color: #1c1c1c; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: transparent; font-size: 14px; font-weight: 600; border: 1px solid rgba(0,0,0,.2); border-radius: 0; margin-bottom: 0;}
.ttm-tabs.style2 ul.tabs li.active a{border-color: rgba(0,0,0,.2)!important;}
.ttm-tabs.ttm-tab-style-vertical .content-tab{ padding: 0; margin: 0;}
.ttm-tabs.ttm-tab-style-vertical ul.tabs li { margin-top: 1px; width: 100%; display: block;}
.ttm-tabs.ttm-tab-style-vertical ul.tabs li a{ background-color: #2a2a2a; color: #fff; letter-spacing: 1.2px;
padding: 14px 20px; text-transform: uppercase; font-size: 18px; line-height: 27px; margin: 0; border-radius: 0;}
.ttm-tabs.ttm-tab-style-horizontal ul{ margin: 0; padding: 0; display: -webkit-flex; display: flex; }
.ttm-tabs.ttm-tab-style-horizontal ul.tabs li{ margin-right: 6px; display: inline-block; }
.ttm-tabs.ttm-tab-style-horizontal ul.tabs li:last-child{ margin-right: 0; }
.ttm-tabs.ttm-tab-style-horizontal ul.tabs li a{ padding: 16px 18px 15px 18px; font-size: 15px; border-radius: 5px; letter-spacing: 1.2px; border: none; color: #fff; display: block; text-align: left;}
.ttm-tabs.ttm-tab-style-horizontal .content-tab img{ height: 150px; width: 150px; }
.ttm-tab-color-grey.ttm-tab-style-classic ul li{ margin-top: 3px; margin-bottom: 2px; margin-left: 3px; margin-right: 2px; }
.ttm-tab-color-grey.ttm-tab-style-classic ul li a{ font-size: 18px; text-transform: capitalize; padding: 12px 25px; border-top: 3px solid; border-radius: 0;}
.ttm-tabs.ttm-tab-color-grey.ttm-tab-style-classic ul li.active a{ color: #666; border-color: #f0f0f0; }
.ttm-tab-color-grey.ttm-tab-style-classic ul li a{ border-color: #e8e8e8; background-color: #e8e8e8; }
.ttm-tabs.ttm-tab-color-grey.ttm-tab-style-classic ul li:hover a{ background-color: #dcdcdc; }
.ttm-tabs.ttm-tab-color-grey.ttm-tab-style-classic ul li.active a{ background-color: #fff; }
.ttm-tabs.ttm-tab-style-classic ul.tabs{display: -webkit-flex; display: flex;width: 100%;justify-content: center;}
.ttm-tabs.ttm-tab-style-classic ul.tabs li{ text-align: center; margin-bottom: 5px;}
.ttm-tabs.ttm-tab-style-classic ul.tabs li a{ padding: 12px 25px; font-size: 16px; border-color: #ddd !important; background-color: #ebebeb; border: 1px solid; border-radius: 0; margin-bottom: 0; color: #666; text-transform: capitalize;}
.ttm-tabs.ttm-tab-style-classic ul.tabs li.active a{ color: #666; border-top: 3px solid; border-color: #f0f0f0 !important; background-color: #f8f8f8; margin-top: -2px;}
.ttm-tabs.ttm-tab-style-classic ul.tabs li.active:after{ display: block; content: ""; position: relative; bottom: 7px; left: 50%; width: 13px; height: 13px; border-width: 0 0 1px 1px; -webkit-transform: translateX(-50%) rotate(-45deg); -moz-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); -o-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg);}
.ttm-tabs.ttm-tab-style-classic .content-tab { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: padding .2s ease-in-out; -o-transition: padding .2s ease-in-out; transition: padding .2s ease-in-out; background: #fff; padding: 30px 25px;}
.row.ttm-boxes-spacing-10px{ margin: 0px -1px;}
.ttm-boxes-spacing-10px .ttm-box-col-wrapper { padding-right: 5px; padding-left: 5px; margin: 0 0 10px;}
.row.ttm-boxes-spacing-10px.style2{ padding: 10px 0 0; margin: 0 -5px; }
.row.ttm-boxes-spacing-5px{ padding: 10px 5px 0px; margin: 0;}
.ttm-boxes-spacing-5px .ttm-box-col-wrapper { padding-right: 2.5px; padding-left: 2.5px; margin-bottom: 5px;}
.row.ttm-boxes-spacing-5px.style2{ padding: 5px 0 0; margin: 0 -5px; }
.ttm-pricing-plan { position: relative; padding: 40px 20px 20px; text-align: center; margin-bottom: 30px; display: block; border: 2px solid #fff; transition: .5s ease;}
.ttm-pricing-plan:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.ttm-ptablebox-title h3 { font-size: 24px; font-weight: 600; margin-bottom: 5px;}
.ttm-ptablebox-content{ background: #f5faff; border: 1px solid #e8ecef; margin-top: 20px; margin-bottom: 20px;}
.ttm-ptablebox-price-w { position: relative; display: inline-block; margin-top: 30px; margin-bottom: 20px;}
.ttm-ptablebox-features { padding: 5px 35px;}
.ttm-pricing-plan .ttm-ptablebox-price { padding-left: 20px; font-size: 70px; line-height: 55px; font-weight: 700;}
.ttm-pricing-plan .ttm-ptablebox-frequency:before {content: '/ ';}
.ttm-pricing-plan .ttm-ptablebox-cur-symbol-after,
.ttm-pricing-plan .ttm-ptablebox-cur-symbol-before {font-size: 20px; font-weight: 600;}
.ttm-pricing-plan .ttm-ptablebox-cur-symbol-before { position: absolute; bottom: 0; }
.ttm-currency-before .ttm-ptablebox-price { padding-left: 20px; font-size: 50px; line-height: 40px; font-weight: 600;}
.ttm-pricing-plan .ttm-ptablebox-frequency { position: relative; font-weight: 700; font-size: 20px; line-height: 26px;}
.ttm-ptablebox-price, .ttm-ptablebox-frequency,
.ttm-pricing-plan .ttm-ptablebox-cur-symbol-after,
.ttm-pricing-plan .ttm-ptablebox-cur-symbol-before { display: inline-block;}
.ttm-ptablebox-features .ttm-feature-lines { list-style-type: none; margin: 0; padding: 12px 0 20px 0;}
.ttm-ptablebox-features .ttm-feature-lines li { padding: 0; margin: 0; padding-top: 12px; padding-bottom: 11px;}
.ttm-ptablebox-features .ttm-feature-lines li:not(:last-child){ border-bottom: 1px solid #e8ecef;}
.price_btn{ display: block; padding-top: 40px; text-align: center;}
.price_btn .ttm-btn.ttm-btn-size-md{ padding-left: 60px; padding-right: 60px;}
.ttm-ptablebox-featured-col{ box-shadow: 0 0 30px rgba(24,35,51,.06); padding: 50px 40px 68px; z-index: 1; background-color: #fff; overflow: visible;}
.ttm-pricing-plan .ttm-featured-title { position: absolute; top: -50px; left: 0; right: 0; text-align: center; font-weight: 600; font-size: 15px; width: 100%; color: #fff; padding: 10px 15px; background-color: #0b0c26;}
.sidebar .widget-area .widget { position: relative; margin: 40px 0 40px;}
.sidebar .widget a { font-weight: 500; font-size: 14px;}
.sidebar .widget .widget-title{font-size: 22px;}
.sidebar .widget ul>li:last-child{ padding-bottom: 0 !important;}
.sidebar .content-area{ padding-top: 65px; padding-bottom: 55px;}
.ttm-sidebar-left div.content-area { float: right;}
.ttm-sidebar-left div.widget-area { float: left;}
.sidebar div.widget-area{ position: relative; padding: 0px 30px; margin-top: 65px;}
.sidebar .sidebar-right, .sidebar .sidebar-left{ margin-top: -37px; padding-top: 60px; padding-bottom: 70px; float: right;}
.sidebar .sep_holder .sep_line{ border-color: #ebebeb; }
.ttm-author-widget { text-align: center; }
.ttm-author-widget .author-widget_img img{ margin-bottom: 20px; width: 175px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.ttm-author-widget .author-name { font-size: 22px; line-height: 24px; font-weight: 600; margin-bottom: 10px; display: none;}
.ttm-author-widget .author-widget_text { line-height: 30px; margin: 0; padding: 0 2px; padding-bottom: 15px;}
.sidebar .widget.widget-search{ position: relative; }
.sidebar .widget.widget-search .search-form label { display: block;}
.sidebar .widget-search .screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden;}
.sidebar .widget.widget-search .input-text { border: 1px solid #fff; border-radius: 0; padding: 10px 15px; -webkit-box-shadow: 0 0 10px 0 rgba(3,59,74,.05); -moz-box-shadow: 0 0 10px 0 rgba(3,59,74,.05); box-shadow: 0 0 10px 0 rgba(3,59,74,.05);}
.widget.widget-search label i{ position: absolute; right: 15px; cursor: pointer; font-size: 18px; z-index: 1; top: 35%;}
.sidebar .widget_product_categories li, .sidebar .widget_categories li { position: relative; margin: 5px 0; padding-bottom: 5px!important;}
.sidebar .widget_product_categories li span, .sidebar .widget-Categories li span { position: absolute; right: 0; top: 13px; width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 50%; display: block; font-size: 13px; font-weight: 400;}
ul.ttm-recent-post-list>li { padding: 5px 0 15px !important; display: inline-block; width: 100%; line-height: 20px;}
ul.ttm-recent-post-list>li img { display: block; width: 70px; height: 70px; float: left; margin-right: 18px;}
ul.ttm-recent-post-list>li .post-date { display: block; font-size: 11px; line-height: 14px; margin-bottom: 5px;}
.sidebar .widget .tagcloud a { display: inline-block; padding: 4px 10px; margin: 0 5px 10px; border: 1px solid; border-radius: 0; background-color: transparent;}
.widget.widget-nav-menu ul li{ margin-bottom: 2px; padding: 0;}
.widget.widget-nav-menu ul li a{ display: block; padding: 14px 30px 14px 24px; position: relative; background-color: #fff; z-index: 1; font-weight: 500; font-size: 15px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.widget.widget-nav-menu ul li a:before { content: ""; width: 4px; top: 0; left: 0; background: #ebf3f9; height: 100%; position: absolute; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; z-index: 1;}
.widget.widget-nav-menu ul li a:after { content: ""; width: 0; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; z-index: -2;}
.widget.widget-nav-menu ul li:hover a:after,
.widget.widget-nav-menu ul li.active a:after{ width: 100%;}
.sidebar .widget-categories ul li{ padding: 12px 0; display: block; position: relative;}
.sidebar .widget-categories ul li:not(:last-child){ border-bottom: 2px solid #f5faff;}
.sidebar .widget-categories ul li span{ position: absolute; right: 15px; top: 15px; width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 50%; display: block; font-size: 13px; font-weight: 400; color: #687076; background-color: #f5faff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.sidebar .widget-top-rated-products ul.product-list-widget > li{ border-top: 2px solid #f5faff; padding-bottom: 15px; padding-top: 15px; margin: 0; list-style: none; display: block;}
.sidebar .widget-top-rated-products ul.product-list-widget > li:first-child{border-top: none;padding-top: 0;}
.sidebar .widget-top-rated-products li a{ display: block;}
.sidebar .widget-top-rated-products li a img{ width: 80px; float: left; margin-left: 0; margin-right: 15px;}
.widget-top-rated-products .star-ratings ul li{padding-bottom: 0;}
.widget-top-rated-products .star-ratings ul{margin-top: -5px;}
.Price-amount.amount ins {padding: 2px 4px;text-decoration: none;}
.sidebar .widget-area .widget.contact-widget,
.sidebar .widget-area .widget.post-widget,
.sidebar .widget-area .widget.tagcloud-widget,
.sidebar .widget-area .widget-categories,
.sidebar .widget-area .widget-top-rated-products,
.sidebar .widget-area .widget-text { padding: 30px 20px; background-color: #fff;}
.sidebar ul.contact-widget-wrapper li i { position: absolute; top: 3px; left: 0; font-size: 20px;}
.sidebar ul.contact-widget-wrapper li { padding-left: 30px; position: relative; padding-top: 0; padding-bottom: 15px;}
.widget-download .ttm-icon{ margin-bottom: 0; font-size: 34px; position: absolute; top: 0%; left: 0%;}
.widget-download ul.download li{ display: block; margin-bottom: 15px; display: block; padding: 10px 9px 10px 60px;}
.widget-download ul.download li:last-child{padding-bottom: 9px !important;}
.ttm-pagination { display: block; margin-bottom: 20px; margin-top: 20px; text-align: center;}
.ttm-pagination .page-numbers { width: 40px; height: 40px; line-height: 39px; text-align: center; display: inline-block; background-color: #f8f9fa; font-size: 15px; font-weight: 600; border: 1px solid #f8f9fa; border-radius: 0; margin: 0 3px; padding: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.ttm-product-box{ margin-bottom: 35px;}
.ttm-product-box-inner { position: relative; overflow: hidden;}
.products-result-count {float: left;margin-top: 13px;}
.products-ordering { margin-bottom: 36px; float: right; }
.products-ordering select{ background-color: #fff; text-indent: 0; -webkit-appearance: none; -moz-appearance: none;position: relative;}
.products-ordering .orderby{ position: relative; }
.products-ordering .orderby:after{ content: '\f0d7'; font-family: FontAwesome; display: inline-block; position: absolute; right: 25px; top: 14px;}
.products { clear: both;}
.products .product .ttm-shop-icon { position: absolute; bottom: 0; left: 0; right: 0; display: table; width: 100%; max-width: 100%; z-index: 3; text-align: center;}
.ttm-shop-icon .product-btn{ height: 48px; line-height: 46px; font-size: 14px; padding: 0; display: table-cell; vertical-align: middle; opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms;}
.products .product:hover .product-btn{ transform: translateY(0); opacity: 1; visibility: visible;}
.products .product:hover .ttm-shop-icon { visibility: visible; margin-top: 0; bottom: 0;}
.product-btn a{ padding-left: 10px; padding-right: 10px; text-align: center;}
.products .product:hover .search-btn,
.products .product:hover .favourite-btn{}
.products .product:hover .add-to-cart-btn{ transition-delay: 100ms; -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -o-transition-delay: 100ms; border-left: 1px solid rgba(246,246,246,.18); border-right: 1px solid rgba(246,246,246,.18);}
.products .product:hover .favourite-btn{ transition-delay: 200ms; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms;}
.products .product .ttm-product-box .ttm-product-content { text-align: left; padding: 18px 0 15px; position: relative;}
.products .product .ttm-product-box .ttm-product-content .ttm-product-title h2{ display: inline; padding: 0; margin: 0; font-size: 17px; padding-bottom: 0; line-height: 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.products .product .price { margin: 0; min-height: 20px; font-size: 15px; margin-top: 2px;}
.products .price .product-Price-amount { font-size: 18px; font-weight: 400;}
.products .price del .product-Price-amount { font-size: 13px; text-decoration: line-through; color: #8d8d8d;}
.products .price ins { text-decoration: none; padding: 2px;}
.products .star-ratings ul{ padding: 0; margin: 0; }
.products .star-ratings ul li{ display: inline-block; }
.products .star-ratings ul li i{ font-size: 10px; }
.products .product .onsale { background: #51ad00; color: #fff; padding: 0 10px; display: table; position: absolute; text-align: center; top: 25px; right: 0; min-width: 50px; line-height: 26px; z-index: 5; min-height: auto; height: 26px; width: 60px; vertical-align: top; border-radius: 0; padding-right: 20px;}
.product-poster-content .ttm-bg-highlight-dark,
.product-poster-content .ttm-bg-highlight-skin { display: inline-block;}
.product-poster-content .poster-label-tag{ padding: 0 28px; }
.product-poster-content .poster-label-tag{ text-align: center; font-size: 14px; line-height: 28px; font-weight: 400;}
.product-poster-content .poster-label h2{ padding: 22px 42px; }
.product-poster-content .poster-label h2{ text-align: center; font-size: 72px; line-height: 70px; color: #ffffff; font-weight: 600;}
.product-poster-content .poster-text{ text-align: left; font-size: 24px; line-height: 28px; color: #494e54; font-weight: 400; margin-bottom: 30px; padding-top: 22px;}
.product-poster-content .poster-amount h4{ text-align: left; font-size: 70px; line-height: 70px; font-weight: 600;}
.ttm-single-product-details { background-color: #fff; margin-bottom: 30px;}
.ttm-single-product-info{padding-bottom: 30px}
div.product.ttm-single-product-details div.images { width: 48%; float: left;}
div.product.ttm-single-product-details div.summary { width: 48%; float: right;}
div.product.ttm-single-product-details div.summary .singel_product_title{ padding-bottom: 8px; border-bottom: 1px solid #f3f3f3; margin-bottom: 25px; font-size: 28px;}
div.product.ttm-single-product-details .product-gallery__image img{ height: auto; max-width: 100%;}
.ttm-single-product-details div.images .product-gallery__image:nth-child(n+2) { width: 25%; display: inline-block; margin-top: 5px; padding: 3px;}
.screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden;}
div.product .summary .price .Price-amount { font-size: 22px;}
div.product .summary .product-rating { float: right; margin-bottom: 0px;}
.summary .star-rating { padding: 0; margin: 0; margin-right: 5px; line-height: 1;}
.summary .star-rating li{ display: inline-block; font-size: 12px;}
.add-to-wishlist ul{padding: 0;}
.add-to-wishlist ul li{display: inline-block;text-transform: capitalize;}
.add-to-wishlist ul li:not(:last-child){margin-right: 20px;}
.add-to-wishlist ul li i{margin-right: 8px;}
.add-to-wishlist ul li .spin-img{display: none;}
.product_meta { padding-top: 17px; border-top: 1px solid #ddd; margin-top: 15px;}
.ttm-single-product-details .product-details__short-description { margin-top: 20px; margin-bottom: 50px;}
.summary form.cart { margin-top: 30px; margin-bottom: 22px;}
div.product form.cart div.quantity { float: left; margin: 0 8px 0 0;}
.quantity .qty { height: 41px; width: 88px; text-align: center;}
.sku_wrapper { margin-right: 10px;}
.posted_in,.sku_wrapper { font-weight: 600; display: block; }
.posted_in a,
.sku_wrapper span { font-weight: 400; }
.tabs-for-single-products.ttm-tabs{ padding: 0 30px 30px 0px; }
div.product .ttm-tabs .content-inner h2 { font-size: 23px; line-height: 28px; }
div.product .ttm-tabs .content-tab{ padding: 30px; width: 100%; margin-top: -1px; border: 1px solid #ececec; }
.related.products { margin-top: 50px; }
.related.products h2 { font-size: 28px; font-weight: 600; line-height: 40px; padding-bottom: 15px;}
.comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { background-color: transparent; border: none; border-bottom: 1px solid rgba(0,0,0,.1); border-radius: 0; padding-left: 0;}
#reviews #comments ol{ margin: 0; padding: 0; }
#reviews #comments ol.commentlist li img.avatar { width: 65px; }
#reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0; padding: 3px; background: #ebe9eb; border: 1px solid #e4e1e3; margin: 0; box-shadow: none;}
div.product #reviews .star-rating { margin: 0; margin-top: 7px; float: right;}
#reviews #comments ol.commentlist li { padding: 0; margin: 0 0 20px; position: relative; border: 0;}
#reviews #comments ol.commentlist li .comment-text { border: 1px solid #e4e1e3; padding: 1em 1em 0; border-radius: 0; margin-left: 80px;}
#reviews #comments ol.commentlist li .comment-text p.meta { font-size: 16px; color: #828c96; margin-bottom: 9px;}
div.product .Reviews .star-rating { margin: 0; margin-top: 7px; float: right;}
.comment-form-rating { padding-bottom: 20px;}
.comment-form-rating .stars{ margin-bottom: 15px; }#review_form_wrapper .comment-reply-title { font-size: 18px; line-height: 20px; color: #283d58;}
#review_form_wrapper .comment-respond p { margin: 0 0 10px; }
#reviews #review_form_wrapper select { width: 154px !important; }
#reviews #comment { height: 75px; }
#review_form_wrapper .comment-respond .form-submit { margin-top: 30px; }
table { border-collapse: collapse; border-spacing: 0; vertical-align: middle; width: 100%; margin: 0 0 1.75em;}
table tbody tr, table thead tr { border: 1px solid #e6e6e6; }
table tbody th { border-right: 1px solid #e6e6e6; }
table.shop_attributes th { width: 150px; font-weight: 700; padding: 8px; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,.1); margin: 0; line-height: 1.5;}
table.shop_attributes td { font-style: italic; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,.1); margin: 0; padding-left: 10px; line-height: 1.5;}
table.shop_attributes td p { margin: 0; padding: 8px 0;}
/* Cart */
.ttm-cart-form{ margin: 0; background-color: #fff;}
.shop_table{ border: 1px solid rgba(0,0,0,.1); margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 0px;}
table.shop_table tbody tr,
table.shop_table thead tr { border: 1px solid #e6e6e6;}
table.shop_table th { font-weight: 700; padding: 9px 12px; line-height: 1.5em; border-top: 1px solid rgba(0,0,0,.1);}
table.shop_table td { border-top: 1px solid rgba(0,0,0,.1); padding: 5px 10px; vertical-align: middle; line-height: 1.5em;}
table.shop_table .product-thumbnail img{ width: 32px; height: auto; }
table.shop_table td.actions{ text-align: right; }
table.shop_table td.actions .input-text { width: 150px; float: left;}
.quantity { height: 41px; width: 88px; }
.coupon { float: left;}.coupon .input-text{ float: left; margin: 0 4px 0 0;}
.actions button, .coupon button , a.checkout-button{ border: 0; }
.coupon button , a.checkout-button, button.cart_button{ padding: 15px 30px 15px; font-weight: 500; font-size: 13px; line-height: 1; text-align: center;}
button.cart_button{ padding: 11px 40px; }
.cart-collaterals { margin-top: 60px; }
.cart-collaterals .cart_totals { float: right; width: 48%;}
.cart_totals h2 { margin-bottom: 15px; font-size: 28px;}
a.checkout-button { display: block; }
a.remove { display: block; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: red; text-decoration: none; font-weight: 700; border: 0;}
a.remove:hover { color: #fff; background: red;}
/* checkout */
.form-row .required { color: red; font-weight: 700; border: 0!important; text-decoration: none;}
form .form-row { padding: 3px; margin: 0 0 6px;}
.checkout h3#order_review_heading { margin-bottom: 30px; margin-top: 15px;}
.checkout #payment { background: #f5faff; border-radius: 5px;}
ul.payment_methods { text-align: left; padding: 1em; border-bottom: 1px solid #d3ced2; margin: 0; list-style: none outside;}
#payment .payment_box { border-top: 3px solid #a46497; position: relative; box-sizing: border-box; width: 100%; padding: 1em; border-radius: 2px; line-height: 1.5; background-color: #dfdcde; color: #515151; padding-left: 50px;}
#payment div.form-row { padding: 1em; }
.checkout-process-div{ margin: 16px 0; overflow: hidden;}
.checkout-button-separator{ display: block; opacity: .5; margin: 0 0 16px;}
.coupon_toggle .coupon_code{ padding: 1em 2em 1em 3.5em; margin: 0 0 2em; position: relative; border-top: 3px solid; background-color: #f8f9fa;}
.coupon_toggle .coupon_code:before,
#payment .payment_box:before{ display: inline-block; position: absolute; top: 15px; left: 1.5em; content: "\e67c"; font-family: 'themify';}
.checkout-form input[type="text"],
.checkout-form input[type="tel"],
.checkout-form input[type="email"]{line-height: normal;}
.checkout .billing-fields h3,
.checkout .additional-fields h3{font-size: 28px;}
.checkout-form.checkout-form-row-first,
.checkout-form.checkout-form-row-last{ width: 47%; overflow: visible;}
.checkout-form.checkout-form-row-first{float: left;}
.checkout-form.checkout-form-row-last{float: right;}
.checkout-form .required { color: red; font-weight: 700; border: 0!important; text-decoration: none;}
#payment div.checkout-form { padding: 1em;}
.checkout .checkout-form-row-first, .checkout .checkout-form-row-last { width: 47%; overflow: visible;}
.checkout .checkout-form-row-first { float: left;}
.checkout .checkout-form-row-last { float: right;}
.ttm-panel{padding: 0 15px;}
.panel-row{display: none;}
.panel-heading { margin-bottom: 10px; border-color: #f0f0f0; background-color: #f8f8f8; border: 1px solid #f1f1f1; -webkit-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out;}
.panel-title { font-size: 17px; font-weight: 400; margin: 0;}
.panel-title > a { background: 0 0; display: block; padding: 14px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; color: inherit; position: relative; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; border: none; -webkit-box-shadow: none; box-shadow: none;}
.panel-title > a span{padding-left: 12px;}
a.about-btn { background: #fab012; padding: 12px 30px 12px 30px; color: #fff;}
a.about-btn:hover{color: #fff; background-color: #333;}
.about-main {padding: 50px 0 !important;}
.title-desc {margin-bottom: 15px;}
p.about-margin { margin-bottom: 35px;}
.process-section { padding: 50px 0;}
.company-side p { margin-bottom: 0;}
.company-side { padding-top: 10px; padding-bottom: 10px; text-align: center;}
@font-face {
font-family: 'themify'; src:url('../fonts/themify9f249f24.eot?-fvbane'); src:url('../fonts/themifyd41dd41d.eot?#iefix-fvbane') format('embedded-opentype'), url('../fonts/themify9f249f24.woff?-fvbane') format('woff'), url('../fonts/themify9f249f24.ttf?-fvbane') format('truetype'), url('../fonts/themify9f249f24.svg?-fvbane#themify') format('svg'); font-weight: normal; font-style: normal;}
[class^="ti-"], [class*=" ti-"] { font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.ti-wand:before { content: "\e600";}
.ti-volume:before { content: "\e601";}
.ti-user:before { content: "\e602";}
.ti-unlock:before { content: "\e603";}
.ti-unlink:before { content: "\e604";}
.ti-trash:before { content: "\e605";}
.ti-thought:before { content: "\e606";}
.ti-target:before { content: "\e607";}
.ti-tag:before { content: "\e608";}
.ti-tablet:before { content: "\e609";}
.ti-star:before { content: "\e60a";}
.ti-spray:before { content: "\e60b";}
.ti-signal:before { content: "\e60c";}
.ti-shopping-cart:before { content: "\e60d";}
.ti-shopping-cart-full:before { content: "\e60e";}
.ti-settings:before { content: "\e60f";}
.ti-search:before { content: "\e610";}
.ti-zoom-in:before { content: "\e611";}
.ti-zoom-out:before { content: "\e612";}
.ti-cut:before { content: "\e613";}
.ti-ruler:before { content: "\e614";}
.ti-ruler-pencil:before { content: "\e615";}
.ti-ruler-alt:before { content: "\e616";}
.ti-bookmark:before { content: "\e617";}
.ti-bookmark-alt:before { content: "\e618";}
.ti-reload:before { content: "\e619";}
.ti-plus:before { content: "\e61a";}
.ti-pin:before { content: "\e61b";}
.ti-pencil:before { content: "\e61c";}
.ti-pencil-alt:before { content: "\e61d";}
.ti-paint-roller:before { content: "\e61e";}
.ti-paint-bucket:before { content: "\e61f";}
.ti-na:before { content: "\e620";}
.ti-mobile:before { content: "\e621";}
.ti-minus:before { content: "\e622";}
.ti-medall:before { content: "\e623";}
.ti-medall-alt:before { content: "\e624";}
.ti-marker:before { content: "\e625";}
.ti-marker-alt:before { content: "\e626";}
.ti-arrow-up:before { content: "\e627";}
.ti-arrow-right:before { content: "\e628";}
.ti-arrow-left:before { content: "\e629";}
.ti-arrow-down:before { content: "\e62a";}
.ti-lock:before { content: "\e62b";}
.ti-location-arrow:before { content: "\e62c";}
.ti-link:before { content: "\e62d";}
.ti-layout:before { content: "\e62e";}
.ti-layers:before { content: "\e62f";}
.ti-layers-alt:before { content: "\e630";}
.ti-key:before { content: "\e631";}
.ti-import:before { content: "\e632";}
.ti-image:before { content: "\e633";}
.ti-heart:before { content: "\e634";}
.ti-heart-broken:before { content: "\e635";}
.ti-hand-stop:before { content: "\e636";}
.ti-hand-open:before { content: "\e637";}
.ti-hand-drag:before { content: "\e638";}
.ti-folder:before { content: "\e639";}
.ti-flag:before { content: "\e63a";}
.ti-flag-alt:before { content: "\e63b";}
.ti-flag-alt-2:before { content: "\e63c";}
.ti-eye:before { content: "\e63d";}
.ti-export:before { content: "\e63e";}
.ti-exchange-vertical:before { content: "\e63f";}
.ti-desktop:before { content: "\e640";}
.ti-cup:before { content: "\e641";}
.ti-crown:before { content: "\e642";}
.ti-comments:before { content: "\e643";}
.ti-comment:before { content: "\e644";}
.ti-comment-alt:before { content: "\e645";}
.ti-close:before { content: "\e646";}
.ti-clip:before { content: "\e647";}
.ti-angle-up:before { content: "\e648";}
.ti-angle-right:before { content: "\e649";}
.ti-angle-left:before { content: "\e64a";}
.ti-angle-down:before { content: "\e64b";}
.ti-check:before { content: "\e64c";}
.ti-check-box:before { content: "\e64d";}
.ti-camera:before { content: "\e64e";}
.ti-announcement:before { content: "\e64f";}
.ti-brush:before { content: "\e650";}
.ti-briefcase:before { content: "\e651";}
.ti-bolt:before { content: "\e652";}
.ti-bolt-alt:before { content: "\e653";}
.ti-blackboard:before { content: "\e654";}
.ti-bag:before { content: "\e655";}
.ti-move:before { content: "\e656";}
.ti-arrows-vertical:before { content: "\e657";}
.ti-arrows-horizontal:before { content: "\e658";}
.ti-fullscreen:before { content: "\e659";}
.ti-arrow-top-right:before { content: "\e65a";}
.ti-arrow-top-left:before { content: "\e65b";}
.ti-arrow-circle-up:before { content: "\e65c";}
.ti-arrow-circle-right:before { content: "\e65d";}
.ti-arrow-circle-left:before { content: "\e65e";}
.ti-arrow-circle-down:before { content: "\e65f";}
.ti-angle-double-up:before { content: "\e660";}
.ti-angle-double-right:before { content: "\e661";}
.ti-angle-double-left:before { content: "\e662";}
.ti-angle-double-down:before { content: "\e663";}
.ti-zip:before { content: "\e664";}
.ti-world:before { content: "\e665";}
.ti-wheelchair:before { content: "\e666";}
.ti-view-list:before { content: "\e667";}
.ti-view-list-alt:before { content: "\e668";}
.ti-view-grid:before { content: "\e669";}
.ti-uppercase:before { content: "\e66a";}
.ti-upload:before { content: "\e66b";}
.ti-underline:before { content: "\e66c";}
.ti-truck:before { content: "\e66d";}
.ti-timer:before { content: "\e66e";}
.ti-ticket:before { content: "\e66f";}
.ti-thumb-up:before { content: "\e670";}
.ti-thumb-down:before { content: "\e671";}
.ti-text:before { content: "\e672";}
.ti-stats-up:before { content: "\e673";}
.ti-stats-down:before { content: "\e674";}
.ti-split-v:before { content: "\e675";}
.ti-split-h:before { content: "\e676";}
.ti-smallcap:before { content: "\e677";}
.ti-shine:before { content: "\e678";}
.ti-shift-right:before { content: "\e679";}
.ti-shift-left:before { content: "\e67a";}
.ti-shield:before { content: "\e67b";}
.ti-notepad:before { content: "\e67c";}
.ti-server:before { content: "\e67d";}
.ti-quote-right:before { content: "\e67e";}
.ti-quote-left:before { content: "\e67f";}
.ti-pulse:before { content: "\e680";}
.ti-printer:before { content: "\e681";}
.ti-power-off:before { content: "\e682";}
.ti-plug:before { content: "\e683";}
.ti-pie-chart:before { content: "\e684";}
.ti-paragraph:before { content: "\e685";}
.ti-panel:before { content: "\e686";}
.ti-package:before { content: "\e687";}
.ti-music:before { content: "\e688";}
.ti-music-alt:before { content: "\e689";}
.ti-mouse:before { content: "\e68a";}
.ti-mouse-alt:before { content: "\e68b";}
.ti-money:before { content: "\e68c";}
.ti-microphone:before { content: "\e68d";}
.ti-menu:before { content: "\e68e";}
.ti-menu-alt:before { content: "\e68f";}
.ti-map:before { content: "\e690";}
.ti-map-alt:before { content: "\e691";}
.ti-loop:before { content: "\e692";}
.ti-location-pin:before { content: "\e693";}
.ti-list:before { content: "\e694";}
.ti-light-bulb:before { content: "\e695";}
.ti-Italic:before { content: "\e696";}
.ti-info:before { content: "\e697";}
.ti-infinite:before { content: "\e698";}
.ti-id-badge:before { content: "\e699";}
.ti-hummer:before {content: "\e69a";}
.ti-home:before { content: "\e69b";}
.ti-help:before { content: "\e69c";}
.ti-headphone:before { content: "\e69d";}
.ti-harddrives:before { content: "\e69e";}
.ti-harddrive:before { content: "\e69f";}
.ti-gift:before { content: "\e6a0";}
.ti-game:before { content: "\e6a1";}
.ti-filter:before { content: "\e6a2";}
.ti-files:before { content: "\e6a3";}
.ti-file:before { content: "\e6a4";}
.ti-eraser:before { content: "\e6a5";}
.ti-envelope:before { content: "\e6a6";}
.ti-download:before { content: "\e6a7";}
.ti-direction:before { content: "\e6a8";}
.ti-direction-alt:before { content: "\e6a9";}
.ti-dashboard:before { content: "\e6aa";}
.ti-control-stop:before { content: "\e6ab";}
.ti-control-shuffle:before { content: "\e6ac";}
.ti-control-play:before { content: "\e6ad";}
.ti-control-pause:before { content: "\e6ae";}
.ti-control-forward:before { content: "\e6af";}
.ti-control-backward:before { content: "\e6b0";}
.ti-cloud:before { content: "\e6b1";}
.ti-cloud-up:before { content: "\e6b2";}
.ti-cloud-down:before { content: "\e6b3";}
.ti-clipboard:before { content: "\e6b4";}
.ti-car:before { content: "\e6b5";}
.ti-calendar:before { content: "\e6b6";}
.ti-book:before { content: "\e6b7";}
.ti-bell:before { content: "\e6b8";}
.ti-basketball:before { content: "\e6b9";}
.ti-bar-chart:before { content: "\e6ba";}
.ti-bar-chart-alt:before { content: "\e6bb";}
.ti-back-right:before { content: "\e6bc";}
.ti-back-left:before { content: "\e6bd";}
.ti-arrows-corner:before { content: "\e6be";}
.ti-archive:before { content: "\e6bf";}
.ti-anchor:before { content: "\e6c0";}
.ti-align-right:before { content: "\e6c1";}
.ti-align-left:before { content: "\e6c2";}
.ti-align-justify:before { content: "\e6c3";}
.ti-align-center:before { content: "\e6c4";}
.ti-alert:before { content: "\e6c5";}
.ti-alarm-clock:before { content: "\e6c6";}
.ti-agenda:before { content: "\e6c7";}
.ti-write:before { content: "\e6c8";}
.ti-window:before { content: "\e6c9";}
.ti-widgetized:before { content: "\e6ca";}
.ti-widget:before { content: "\e6cb";}
.ti-widget-alt:before { content: "\e6cc";}
.ti-wallet:before { content: "\e6cd";}
.ti-video-clapper:before { content: "\e6ce";}
.ti-video-camera:before { content: "\e6cf";}
.ti-vector:before { content: "\e6d0";}
.ti-themify-logo:before { content: "\e6d1";}
.ti-themify-favicon:before { content: "\e6d2";}
.ti-themify-favicon-alt:before { content: "\e6d3";}
.ti-support:before { content: "\e6d4";}
.ti-stamp:before { content: "\e6d5";}
.ti-split-v-alt:before { content: "\e6d6";}
.ti-slice:before { content: "\e6d7";}
.ti-shortcode:before { content: "\e6d8";}
.ti-shift-right-alt:before { content: "\e6d9";}
.ti-shift-left-alt:before { content: "\e6da";}
.ti-ruler-alt-2:before { content: "\e6db";}
.ti-receipt:before { content: "\e6dc";}
.ti-pin2:before { content: "\e6dd";}
.ti-pin-alt:before { content: "\e6de";}
.ti-pencil-alt2:before { content: "\e6df";}
.ti-palette:before { content: "\e6e0";}
.ti-more:before { content: "\e6e1";}
.ti-more-alt:before { content: "\e6e2";}
.ti-microphone-alt:before { content: "\e6e3";}
.ti-magnet:before { content: "\e6e4";}
.ti-line-double:before { content: "\e6e5";}
.ti-line-dotted:before { content: "\e6e6";}
.ti-line-dashed:before { content: "\e6e7";}
.ti-layout-width-full:before { content: "\e6e8";}
.ti-layout-width-default:before { content: "\e6e9";}
.ti-layout-width-default-alt:before { content: "\e6ea";}
.ti-layout-tab:before { content: "\e6eb";}
.ti-layout-tab-window:before { content: "\e6ec";}
.ti-layout-tab-v:before { content: "\e6ed";}
.ti-layout-tab-min:before { content: "\e6ee";}
.ti-layout-slider:before { content: "\e6ef";}
.ti-layout-slider-alt:before { content: "\e6f0";}
.ti-layout-sidebar-right:before { content: "\e6f1";}
.ti-layout-sidebar-none:before { content: "\e6f2";}
.ti-layout-sidebar-left:before { content: "\e6f3";}
.ti-layout-placeholder:before { content: "\e6f4";}
.ti-layout-menu:before { content: "\e6f5";}
.ti-layout-menu-v:before { content: "\e6f6";}
.ti-layout-menu-separated:before { content: "\e6f7";}
.ti-layout-menu-full:before { content: "\e6f8";}
.ti-layout-media-right-alt:before { content: "\e6f9";}
.ti-layout-media-right:before { content: "\e6fa";}
.ti-layout-media-overlay:before { content: "\e6fb";}
.ti-layout-media-overlay-alt:before { content: "\e6fc";}
.ti-layout-media-overlay-alt-2:before { content: "\e6fd";}
.ti-layout-media-left-alt:before { content: "\e6fe";}
.ti-layout-media-left:before { content: "\e6ff";}
.ti-layout-media-center-alt:before { content: "\e700";}
.ti-layout-media-center:before { content: "\e701";}
.ti-layout-list-thumb:before { content: "\e702";}
.ti-layout-list-thumb-alt:before {content: "\e703";}
.ti-layout-list-post:before { content: "\e704";}
.ti-layout-list-large-image:before { content: "\e705";}
.ti-layout-line-solid:before { content: "\e706";}
.ti-layout-grid4:before { content: "\e707";}
.ti-layout-grid3:before { content: "\e708";}
.ti-layout-grid2:before { content: "\e709";}
.ti-layout-grid2-thumb:before { content: "\e70a";}
.ti-layout-cta-right:before { content: "\e70b";}
.ti-layout-cta-left:before { content: "\e70c";}
.ti-layout-cta-center:before { content: "\e70d";}
.ti-layout-cta-btn-right:before { content: "\e70e";}
.ti-layout-cta-btn-left:before { content: "\e70f";}
.ti-layout-column4:before { content: "\e710";}
.ti-layout-column3:before { content: "\e711";}
.ti-layout-column2:before { content: "\e712";}
.ti-layout-accordion-separated:before { content: "\e713";}
.ti-layout-accordion-merged:before { content: "\e714";}
.ti-layout-accordion-list:before { content: "\e715";}
.ti-ink-pen:before { content: "\e716";}
.ti-info-alt:before { content: "\e717";}
.ti-help-alt:before { content: "\e718";}
.ti-headphone-alt:before { content: "\e719";}
.ti-hand-point-up:before { content: "\e71a";}
.ti-hand-point-right:before { content: "\e71b";}
.ti-hand-point-left:before { content: "\e71c";}
.ti-hand-point-down:before { content: "\e71d";}
.ti-gallery:before { content: "\e71e";}
.ti-face-smile:before { content: "\e71f";}
.ti-face-sad:before { content: "\e720";}
.ti-credit-card:before { content: "\e721";}
.ti-control-skip-forward:before { content: "\e722";}
.ti-control-skip-backward:before { content: "\e723";}
.ti-control-record:before { content: "\e724";}
.ti-control-eject:before { content: "\e725";}
.ti-comments-smiley:before { content: "\e726";}
.ti-brush-alt:before { content: "\e727";}
.ti-youtube:before { content: "\e728";}
.ti-vimeo:before { content: "\e729";}
.ti-twitter:before { content: "\e72a";}
.ti-time:before { content: "\e72b";}
.ti-tumblr:before { content: "\e72c";}
.ti-skype:before { content: "\e72d";}
.ti-share:before { content: "\e72e";}
.ti-share-alt:before { content: "\e72f";}
.ti-rocket:before { content: "\e730";}
.ti-pinterest:before { content: "\e731";}
.ti-new-window:before { content: "\e732";}
.ti-microsoft:before { content: "\e733";}
.ti-list-ol:before { content: "\e734";}
.ti-linkedin:before { content: "\e735";}
.ti-layout-sidebar-2:before { content: "\e736";}
.ti-layout-grid4-alt:before { content: "\e737";}
.ti-layout-grid3-alt:before { content: "\e738";}
.ti-layout-grid2-alt:before { content: "\e739";}
.ti-layout-column4-alt:before { content: "\e73a";}
.ti-layout-column3-alt:before { content: "\e73b";}
.ti-layout-column2-alt:before { content: "\e73c";}
.ti-instagram:before { content: "\e73d";}
.ti-google:before { content: "\e73e";}
.ti-github:before { content: "\e73f";}
.ti-flickr:before { content: "\e740";}
.ti-facebook:before { content: "\e741";}
.ti-dropbox:before { content: "\e742";}
.ti-dribbble:before { content: "\e743";}
.ti-apple:before { content: "\e744";}
.ti-android:before { content: "\e745";}
.ti-save:before { content: "\e746";}
.ti-save-alt:before { content: "\e747";}
.ti-yahoo:before { content: "\e748";}
.ti-wordpress:before { content: "\e749";}
.ti-vimeo-alt:before { content: "\e74a";}
.ti-twitter-alt:before { content: "\e74b";}
.ti-tumblr-alt:before { content: "\e74c";}
.ti-trello:before { content: "\e74d";}
.ti-stack-overflow:before { content: "\e74e";}
.ti-soundcloud:before { content: "\e74f";}
.ti-sharethis:before { content: "\e750";}
.ti-sharethis-alt:before { content: "\e751";}
.ti-reddit:before { content: "\e752";}
.ti-pinterest-alt:before { content: "\e753";}
.ti-microsoft-alt:before { content: "\e754";}
.ti-linux:before { content: "\e755";}
.ti-jsfiddle:before { content: "\e756";}
.ti-joomla:before { content: "\e757";}
.ti-html5:before { content: "\e758";}
.ti-flickr-alt:before { content: "\e759";}
.ti-email:before { content: "\e75a";}
.ti-drupal:before { content: "\e75b";}
.ti-dropbox-alt:before { content: "\e75c";}
.ti-css3:before { content: "\e75d";}
.ti-rss:before { content: "\e75e";}
.ti-rss-alt:before { content: "\e75f";}
#map_canvas { margin: 0; padding: 0; height: 100%; }
.map-wrapper{ height: 630px; padding: 10px 0 0 0; margin-bottom: 08px;}
.map-wrapper.style2{ height: 100%; margin: 0; padding: 0;}
ul.ttm_contact_widget_wrapper{ padding: 0; }
ul.ttm_contact_widget_wrapper li{ position: relative; padding-top: 15px; padding-bottom: 15px; line-height: 25px; border-bottom: 1px solid #eaeaea;}
ul.ttm_contact_widget_wrapper li h6{font-size: 18px; line-height: 24px; padding-left: 37px;}
ul.ttm_contact_widget_wrapper li span{font-size: 18px; line-height: 24px; padding-left: 37px;}
ul.ttm_contact_widget_wrapper li:last-child{ border: 0; }
ul.ttm_contact_widget_wrapper li i{ position: absolute; left: 0; top: 20px; font-size: 20px; font-weight: 400;}
.ttm-rounded-shadow-box { border-radius: 10px; border-top: 7px solid;}
.error-404{ position: relative; }
.page-header { margin: 40px 0 20px; }
section.error-404 { padding: 150px 0; text-align: center; background-image: url(../images/error-bg.html); background-repeat: no-repeat; background-size: cover; background-position: center; }
section.error-404 .ttm-big-icon { font-size: 150px; }
section.error-404 h1 { font-size: 95px; text-transform: uppercase; line-height: 100%; }
section.error-404 .page-content p { font-size: 18px; margin-bottom: 30px; }
.ttm-social-share-title h5{ font-size: 18px; font-weight: 500; padding-right: 10px; position: relative; margin-right: 10px; margin-bottom: 0;}
/*.ttm-nextprev-bottom-nav .nav-next, .ttm-nextprev-bottom-nav .nav-previous { display: inline-block; position: relative;}
.ttm-nextprev-bottom-nav .nav-next a,
.ttm-nextprev-bottom-nav .nav-previous a { text-align: center; top: 106px; right: 48px; color: #fff; transition: all .2s ease-in-out; display: inline-block; border-radius: 0; border-width: 0; border-style: solid; font-size: 15px; padding: 12px 34px; border-radius: 0; font-weight: 500;}
.ttm-nextprev-bottom-nav .nav-previous a { padding-right: 25px; padding-left: 44px;}
.ttm-nextprev-bottom-nav .nav-previous a:after { content: '\f100'; font-family: "FontAwesome"; left: 25px;}
.ttm-nextprev-bottom-nav .nav-previous a:after, .ttm-nextprev-bottom-nav .nav-next a:after { position: absolute; font-size: 16px; top: 13px;}*/
.ttm-pf-single-related-title{font-size: 28px;}
article.ttm-blog-classic { margin-bottom: 30px; padding-bottom: 0;}
article.ttm-blog-classic, .post-featured-wrapper{ position: relative; }
.ttm-blog-classic .featured-imagebox-post{margin-top: 0;margin-bottom: 0;}
.ttm-blog-classic .featured-imagebox-post .featured-content.featured-content-post{padding: 20px 0 20px;}
.ttm-blog-classic .featured-imagebox-post:hover{ box-shadow: none; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}
.ttm-blog-classic .featured-imagebox-post .featured-content.featured-content-post .post-title h5{ font-size: 30px; line-height: 39px;}
.ttm-blog-classic .featured-imagebox-post .featured-content.featured-content-post .post-meta span{padding-right: 0;}
.ttm-blog-classic .featured-imagebox-post .post-meta span:not(:last-child):after{ background-color: #eaeaea; display: inline-block; content: ""; width: 1px; height: 20px; vertical-align: middle; margin: 0 15px;}
.ttm-blog-classic .ttm-blog-classic-content blockquote { display: block; background: #f5faff; padding: 25px 20px 20px 85px; position: relative; font-weight: 300; margin: 0px 0 0px 0; font-style: normal; font-size: 17px; min-height: 100px; line-height: 28px; font-style: italic; color: #687076; border-left: 4px solid;}
.ttm-blog-classic .ttm-blog-classic-content blockquote:before { content: '"'; display: inline-block; position: absolute; font-size: 110px; font-family: "Myriad Pro"; transform: rotate(180deg); top: 0; left: 33px;}
.ttm-tag-list span a{ padding: 6px 15px; background-color: #f5faff; font-size: 14px; display: inline-block; margin-right: 3px;}
.comments-area { margin-top: 50px; margin-bottom: 0;}
.comments-area h2{ font-size: 24px; line-height: 30px; margin-bottom: 15px;}
.comment-list li { position: relative; margin-top: 30px; }
.comment-list .children { margin-left: 35px; }
.comment-list, .comment-list .children { list-style-type: none; padding: 0; }
.single-post .comments-area { margin-top: 50px; margin-bottom: 0; }
.single-post .comments-area .comments-title { font-size: 33px; font-weight: 600; }
.comment-body { margin-left: 105px; margin-top: 35px; margin-bottom: 30px; padding: 20px 20px; position: relative; background-color: #f5faff; border: 1px solid #f5faff;}
.comment-body:after, .comment-body:before { position: absolute; top: 17px; width: 0; height: 0; border-width: 10px 12px 10px 0; border-style: solid; border-color: transparent #f5faff transparent #f5faff; z-index: 1; content: ""; left: -12px;}
.comment-author { float: left; text-align: center; width: 87px; height: 87px; display: block; margin-right: 25px; overflow: hidden; margin-left: -125px; margin-top: -20px;}
.comment-author img { max-width: 100%; height: auto; }
.comment-reply-title { font-weight: 600; margin-bottom: 10px; font-size: 24px; line-height: 30px; margin-bottom: 15px;}
.comment-meta { font-size: 14px; padding: 0; position: relative;}
.comment-meta, .comment-meta a { color: #6e6e6e; font-size: 13px; }
.comment-meta .ttm-comment-owner h5, .ttm-comment-owner { display: block; font-size: 18px; line-height: 18px; font-weight: 600; color: #182333; font-style: normal;}
.comment-box .author-content-wrap p{margin-top: 10px;}
.single article.post .comment-body p { margin-top: 10px; }
.comment-list a.comment-reply-link { border: none; color: #fff; font-size: 13px; padding: 2px 30px 3px 17px; position: relative; margin-top: 5px; display: inline-block;}
.comment-list a.comment-reply-link:after { position: absolute; top: 6px; font-family: 'themify'; content: "\e649"; font-weight: 400; display: inline-block; margin-right: .2em; text-align: center; opacity: 1; line-height: 22px; font-size: 10px; margin-left: 8px;}
.comments-area .comment-respond { padding-top: 10px; }
#respond .comment-reply-title { margin: 0 0 20px!important; }
.comment-form { margin-bottom: 20px; }
.comment-form .comment-notes { margin-bottom: 25px; font-style: italic; }
.comment-form p:not(.comment-notes) { margin-bottom: 20px; }
.comment-form textarea { height: 125px; }
.comment-form textarea, .comment-form input[type="text"],
.comment-form input[type="email"], .comment-form input[type="url"] { background-color: transparent; border: none; border-bottom: 1px solid rgba(0,0,0,.1); border-radius: 0; padding-left: 0;}
.comments-area .comment-form .comment-form-author,
.comments-area .comment-form .comment-form-email,
.comments-area .comment-form .comment-form-url { position: relative; float: left; width: 100%;}
.comments-area .comment-form .comment-form-url { margin-right: 0; }
.ttm-team-member-data ul { margin: 0; padding: 0; clear: both;}
.ttm-team-details-list li{ position: relative; padding: 9px 0 8px 0; font-size: 15px; line-height: 24px; display: block; float: left; width: 100%;}
.ttm-team-details-list li i{margin-right: 8px;}
.ttm-team-details-list .ttm-team-list-title,
.ttm-team-details-list .ttm-team-list-value { display: inline-block;}
.ttm-team-details-list .ttm-team-list-title{ margin-right: 3px; position: relative; font-size: 15px; line-height: 20px;}
.ttm-team-member-data{ padding: 35px 5px 35px 26px; background-color: #f5faff; margin-bottom: 30px;}
.ttm-team-member-data ul.ttm-team-details-list{padding-left: 0;}
.ttm-team-details-list .ttm-team-list-value a{ color: #8d9297;}
.ttm-team-member-single-title { font-size: 23px; line-height: 26px; margin-bottom: 0;}
.ttm-team-member-single-position{ font-size: 12px; line-height: 26px; color: #8d9297; font-weight: 400; margin-bottom: 10px;}
.ttm-team-member-content blockquote{ background-color: #f5faff; padding: 20px 25px; color: #687076; font-size: 16px; font-style: italic; margin-top: 20px;}
.ttm-team-member-content .ttm-tabs.ttm-tab-style-horizontal{display: block !important;}
.ttm-team-member-content .ttm-tabs.ttm-tab-style-horizontal ul.tabs li{-webkit-flex: 1 1 auto; flex: 1 1 auto;}
.ttm-team-member-content .ttm-tabs.ttm-tab-style-horizontal ul.tabs li{ margin-top: 8px; margin-bottom: 7px; margin-left: 8px; margin-right: 7px;}
.ttm-team-member-content .ttm-tabs.ttm-tab-style-horizontal ul.tabs li:last-child{margin-right: 0;}
.ttm-team-member-content .ttm-tabs.ttm-tab-style-horizontal ul.tabs li a{ text-transform: capitalize; text-align: center; border-radius: 0; font-size: 17px; font-weight: 600;}
.ttm-team-member-award-box{padding-left: 15px;padding-bottom: 40px;position: relative;}
.ttm-team-member-award-box:before{ content: ""; position: absolute; left: 15px; top: -30px; width: 1px; height: 100%; background: #e8ecef;}
.ttm-team-member-award-box h5{margin-bottom: 5px;font-weight: 700;position: relative;}
.ttm-team-member-award-box h5:before { content: ""; position: absolute; border-radius: 0; left: 0; top: 5px; width: 12px; height: 12px; background-color: #e8ecef;}
.ttm-team-member-award-box h5,
.ttm-team-member-award-box p{padding-left: 35px;}
.element-row{ padding: 0 0 45px; position: relative;}
.element-row .section-title h2.title{ margin-top: 22px; margin-bottom: 25px;}
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_blue { background-color: #0074cc; }
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_green { background-color: #5bb75b; }
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_pink { background-color: #f4524d; }
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_turquoise { background-color: #00c1cf; }
.ttm-icon.ttm-icon_element-fill {color: #fff; }
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-yellow { background-color: #ffb300; }
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-orange { background-color: #ff4c00; }
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-red { background-color: #ff0a26; }
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-dark_pink { background-color: #ff0061; }
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-mulled_wine { background-color: #50485b; }
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-aqua{ background-color: #39c8df; }
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-aqua{ color: #39c8df; }
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-mulled_wine { border-color: #50485b; color: #50485b; }
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-blue { border-color: #5472d2; color: #5472d2; }
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white { border-color: #fff; color: #fff; }
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-yellow { border-color: #ffb300; color: #ffb300; }
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-orange { border-color: #ff4c00; color: #ff4c00; }
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-red { border-color: #ff0a26; color: #ff0a26; }
.element-style .icon-box-wrapper { padding-top: 15px; }
.element-style .row .col-md-6 .featured-icon-box:not(:last-child){ padding: 0; margin-bottom: 40px; }
.list-style-disc {list-style-type: disc !important;}
.list-style-decimal {list-style-type: decimal!important;}
ul.ttm-list { list-style: none; padding: 0; padding-left: 0;}
.ttm-list.ttm-list-style-icon li i { position: absolute; left: 0px; top: 5px;}
.ttm-list.ttm-list-style-icon li { padding-left: 27px; list-style: none; position: relative; padding-bottom: 8px; }
.ttm-list.ttm-list-textsize-medium li{font-size: 16px;padding-bottom: 9px;}
.ttm-bgcolor-darkgrey, .ttm-bgcolor-darkgrey > .ttm-bg-layer, .ttm-bgcolor-darkgrey > .ttm-bg-layer > .ttm-bg-layer-inner, .ttm-btn-bgcolor-black, .ttm-bg-highlight-dark, .dark-flatborder-button:hover, .ttm-video-play-btn:hover, .ttm-header-icons .ttm-header-cart-link a:hover, .ttm-header-style-overlay .ttm-stickable-header.fixed-header, .ttm-btn.ttm-btn-color-black.ttm-btn-style-border:hover, .newsletter-form input[type="submit"]:hover, .ttm-quote-form input[type="submit"]:hover, .ttm-icon_element-background-color-darkgrey, .ttm-btn-bgcolor-white:hover, .ttm-btn-bgcolor-skincolor:hover, .ttm-btn-bgcolor-grey:hover, .tp-caption.black-flatborder-button:hover, .tp-caption.skin-flat-button:hover, .testimonials.style1 .testimonial-content .testimonial-avatar:after, .widget.widget-nav-menu ul li:hover a:before, .widget.widget-nav-menu ul li.active a:before, .ttm-nextprev-bottom-nav .nav-next a:hover, .ttm-nextprev-bottom-nav .nav-previous a:hover, .ttm-tabs.ttm-tab-style-horizontal ul.tabs li a, .ttm-btn.ttm-btn-bgcolor-darkgrey, .ttm-btn.btn-inline:before, .ttm-btn.btn-inline:after, .ttm-processbox-wrapper .ttm-processbox:hover .process-num, .ttm-bgcolor-skincolor .featured-imagebox-portfolio:hover .featured-content, .featured-imagebox .ttm-box-bottom-content .ttm-btn.btn-inline:hover:after, a.checkout-button, .coupon button, .ttm-cart-form button, .place-order button, .widget-download ul.download li:hover, .ttm-shop-icon .product-btn, .ttm-tabs.style2 ul.tabs li a, .comment-list a.comment-reply-link, .featured-imagebox-team.featured-imagebox-team-details .ttm-social-links-wrapper ul li a:hover {
background-color: #0b0c26;
}
.ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-border, .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-skincolor, .newsletter-form input[type="email"]:focus, .social-icons.circle li>a:hover, .accordion .ttm-style-classic.ttm-toggle-title-border.active .toggle-title, .ttm-pf-single-content-wrapper-innerbox.ttm-pf-view-top-image .ttm-pf-single-detail-box .ttm-pf-detailbox, .sidebar .widget .tagcloud a:hover, .tp-caption.skin-flat-button, .skin-flat-button, .tp-caption.skin-flatborder-button, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .ttm-pricing-plan:hover, .ttm-pricing-plan.box-shadow2, .ttm-processbox-wrapper .ttm-processbox:hover .featured-content, .featured-imagebox-services:hover .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white, .ttm-video-btn .ttm-btn-play, .ttm-btn-play:after, .ttm-btn-play:before, .skin-border .with-top-border img, .ttm-bgcolor-skincolor .panel-title > a, .featured-icon-box.style3:after, .featured-icon-box.style3:before, .ttm-header-style-overlay .ttm-header-icons .ttm-header-search-link a:hover, .ttm-tabs ul.tabs li.active a, .ttm-blog-classic .ttm-blog-classic-content blockquote, .ttm-header-icons .ttm-header-search-link a:hover{
border-color: #fab012 !important;
}
.tcb-product-slider {
background: #333;
background-image: url(../images/bg-img-gallery.png);
background-size: cover;
background-repeat: no-repeat;
padding: 100px 0;
}
.tcb-product-slider .carousel-control {
width: 5%;
}
.tcb-product-item a {
color: #147196;
}
.tcb-product-item a:hover {
text-decoration: none;
}
.tcb-product-item .tcb-hline {
margin: 10px 0;
height: 1px;
background: #ccc;
}
@media all and (max-width: 768px) {
.tcb-product-item {
margin-bottom: 30px;
}
}
.tcb-product-photo {
text-align: center;
height: 180px;
background: #fff;
}
.tcb-product-photo img {
height: 100%;
display: inline-block;
}
.tcb-product-info {
background: #f0f0f0;
padding: 15px;
}
.tcb-product-title h4 {
margin-top: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tcb-product-rating {
color: #acacac;
}
.tcb-product-rating .active {
color: #FFB500;
}
.tcb-product-price {
color: firebrick;
font-size: 18px;
}
.details {
margin: 50px 0; }
.details h1 {
font-size: 32px;
text-align: center;
margin-bottom: 3px; }
.details .back-link {
text-align: center; }
.details .back-link a {
display: inline-block;
margin: 20px 0;
padding: 15px 30px;
background: #333;
color: #fff;
border-radius: 24px; }
.details .back-link a svg {
margin-right: 10px;
vertical-align: text-top;
display: inline-block; }
/***
====================================================================
Testimonial Section
====================================================================
***/
.large-container {
position: static;
max-width: 1580px;
padding: 0px 30px;
margin: 0 auto;
}
.testimonial-section {
position: relative;
padding-top: 80px;
padding-bottom: 210px;
overflow: hidden;
&:before {
position: absolute;
left: -200px;
top: 22%;
background-image: url(http://t.commonsupport.com/adro/images/icons/ring-circle.png);
background-repeat: no-repeat;
background-position: center;
width: 701px;
height: 756px;
content: "";
-webkit-animation: fa-spin 25s infinite alternate;
-moz-animation: fa-spin 25s infinite alternate;
-ms-animation: fa-spin 25s infinite alternate;
-o-animation: fa-spin 25s infinite alternate;
animation: fa-spin 25s infinite alternate;
}
.sec-title {
position: relative;
margin-bottom: 115px;
.title {
margin-bottom: 20px;
}
}
.testimonial-carousel {
position: relative;
max-width: 1100px;
margin: 0 -50px;
}
}
.testimonial-block {
position: relative;
padding: 50px;
.inner-box {
padding: 80px 105px;
background-color: #ffffff;
box-shadow: 0 0 50px rgba(226, 222, 232, 0.75);
}
.text {
position: relative;
display: block;
font-size: 18px;
line-height: 32px;
color: #282331;
font-weight: 400;
margin-bottom: 50px;
font-family: "Muli", sans-serif;
}
.info-box {
position: relative;
padding-left: 115px;
padding-top: 10px;
.thumb {
position: absolute;
left: 0;
top: 0;
height: 82px;
width: 82px;
img {
border: 6px solid #e5e6fa;
border-radius: 50%;
overflow: hidden;
display: block;
width: 100%;
box-shadow: 0 45px 45px rgba(147, 147, 147, 0.35);
}
}
.name {
position: relative;
display: block;
font-size: 21px;
line-height: 1.2em;
color: #382c4d;
font-weight: 700;
margin-bottom: 10px;
font-family: "Niramit", sans-serif;
}
.designation {
position: relative;
display: block;
font-size: 16px;
line-height: 24px;
color: #8053f7;
font-weight: 400;
font-family: "Muli", sans-serif;
}
}
}
.testimonial-carousel {
.owl-nav {
position: absolute;
right: 75px;
bottom: 70px;
}
.owl-next, .owl-prev {
position: relative;
display: inline-block;
height: 75px;
width: 75px;
line-height: 75px;
text-align: center;
border-radius: 50%;
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;
}
.owl-next:hover, .owl-prev:hover {
background-color: #00df97;
box-shadow: 0 24px 24px rgba(187, 187, 187, 0.75);
}
}
.arrow-right, .arrow-left {
position: relative;
display: inline-block;
height: 9px;
width: 43px;
background-image: url(http://t.commonsupport.com/adro/images/icons/arrow-left-2.png);
background-repeat: no-repeat;
background-position: center;
}
.arrow-right {
background-image: url(http://t.commonsupport.com/adro/images/icons/arrow-right-2.png);
}
.testimonial-section .thumb-layer {
position: absolute;
right: 30px;
top: 120px;
.image {
position: relative;
margin-right: 0;
img {
display: inline-block;
max-width: 100%;
height: auto;
}
}
}
@media only screen and (max-width: 767px) {
.testimonial-section .sec-title {
margin-bottom: 50px;
}
.testimonial-block {
padding: 0;
.inner-box {
box-shadow: none;
border: 2px solid #f1f1f1;
}
}
.testimonial-carousel {
.owl-nav {
position: relative;
left: 0;
bottom: 0;
margin-top: 20px;
text-align: center;
}
.owl-next, .owl-prev {
border: 2px solid #f1f1f1;
}
}
}
@media only screen and (max-width: 1366px) {
.large-container {
padding-left: 20px;
padding-right: 20px;
}
}
/* Style the first-footer section */
.first-footer {
background-color: #f5f5f5; /* Set background color */
padding: 50px 0; /* Add padding */
}
/* Style the container within the first-footer */
.first-footer .container {
max-width: 1200px; /* Set maximum width */
}
/* Style the featured-boxes */
.featured-box {
margin-bottom: 20px; /* Add margin between boxes */
}
/* Style the featured-title */
.featured-title {
font-size: 18px; /* Set font size */
font-weight: bold; /* Set font weight */
color: #333; /* Set text color */
}
/* Style the featured-desc */
.featured-desc {
font-size: 16px; /* Set font size */
color: #666; /* Set text color */
}
/* Style the phone number link */
.phone-link {
color: #007bff; /* Set link color */
text-decoration: none; /* Remove underline */
}
.phone-link:hover {
text-decoration: underline; /* Add underline on hover */
}
/* Style the email link */
.featured-desc a {
color: #007bff; /* Set link color */
text-decoration: none; /* Remove underline */
}
.featured-desc a:hover {
text-decoration: underline; /* Add underline on hover */
}