/*
  Theme Name: Almi - Business HTML5 Template
  Author: theme_group
  Support: robiulislamfree@gmail.com
  Description: Almi is Business, Corporate HTML5 Template.This is a clean Professional and Creative Design using bootstrap 1170px Grid System.You can use Almi as a better way to present and promote your Corporate Business as you want. You can edit easily this HTML5, it’s 100% customizable. All shapes are resizable, with no quality loss, removable and editable. This HTML5 template is perfect for convert into HTML, WordPress, Joomla and other CMS.
  Tags: business, clean design, clean layout, marketing, minimal design, minimalist, modern, newsletter, app, app landing, App Showcase, digital, digital product, landing page, mobile apps, modern, sales apps, sass, software, startup,
  Version: 1.0
*/
/* CSS Index
-----------------------------------

1.  Google Fonts
2.  Theme Default
3.  Pre Loader
4.  Header Area Css Style
5.  Main Menu Area Css Style
		i. Sub Menu Css Style
		ii. Search Form Area Css Style
6.  Main Slider Area Css  Style
7.  About Area Css Style
8.  Counter Area Css Style
9.  Services Area Css Style
10.  Team Area Css Style
12.  CTA Area Css Style
13.  Testimonia Area Css Style
14.  Video Area Css Style
15.  Blog Area Css Style
		i.   Blog Slider Post Css Style
		ii.  Blog Video Popup Css Style
		iii. Blog Details Area Css Style
		iv.  Blog Quote Area Css Style
		v.   Blog tags Area Css Style
		vi.  Blog Comments Area Css Style
		vii. Blog Comments Form Area Css Style
16.  Subscribe Area Css Style
17.  Breadcrumb Area Css Style Style
18.  breadcrumb area css
19.  Contact Form Area Css Style
		i. Contact Info  Area Css Style
20.  Google Map Area Css Style
21.  Error Area Css Style


*/

/* Google Fonts */

@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,600,700|Ubuntu:400,500,700&display=swap');

/* Theme Default */
* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
    line-height: inherit;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-style: normal;
}

img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease-out 0s;
}

a,
.button,
.btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

.btn:focus,
button:focus,
input:focus,
textarea,
textarea:focus,
.form-control:focus {
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #f1f1f1;
    background: #fff;
}

button {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Ubuntu', sans-serif;
    color: #353858;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 10px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

ul {}

li {
    margin-bottom: 10px;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #656970;
}

hr {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}

label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

*::-moz-selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #106ad2;
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}

*::placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}

/* Pre Loader */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #01105a;
    overflow: hidden;
}

.preloader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

.sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #fff;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
    animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
    animation-delay: -1.0s;
}

.sk-chase-dot:nth-child(3) {
    animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
    animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
    animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
    animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
    animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
    animation-delay: -1.0s;
}

.sk-chase-dot:nth-child(3):before {
    animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
    animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
    animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
    animation-delay: -0.6s;
}

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot {

    80%,
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    }

    100%,
    0% {
        transform: scale(1.0);
    }
}

/* Header Area Css Style */
.header-area.header-fixed {
    position: fixed;
    background: #24262d;
}

.header-area.header-fixed .header-search li a {
    background: #ff278247;
}

.header-area {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9;
    transition: all .3s;
    background: #353858;
}

.header-logo {
    padding: 36px 0;
}

.header-logo a {

    display: block;
}

.header-top-area {
    background-color: #222;
    font-size: 15px;
    padding: 10px 0;
}

.header-top-area a,
.header-top-area {
    color: #fff;
}

.header-top-area i {
    color: #f7be49;
}

/* Main Menu Area Css Style */
.main-menu ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.main-menu nav > ul > li {
    display: inline-block;
    position: relative;
    list-style: none;
    margin: 0;
}

.main-menu nav > ul > li:last-child a {
    padding-right: 0
}

.main-menu nav > ul > li:first-child a {
    padding-left: 0
}

.main-menu nav > ul > li > a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 42px 13px;
    transition: all 0.3s ease 0s;
    line-height: 1.25;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}

.main-menu nav > ul > li:hover > a,
.main-menu nav > ul > li.active > a {
    color: #f10000;
}

/* Sub Menu Css Style */
.main-menu nav > ul > li .sub-menu {
    background: #ffffff none repeat scroll 0 0;
    border-top: 3px solid #f10000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: all 0.4s ease-out;
    visibility: hidden;
    width: 220px;
    z-index: 9;
    transform-origin: top;
    transform: scaleY(0);
}

.main-menu nav > ul > li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.main-menu nav > ul > li .sub-menu li {
    display: block;
    position: relative;
    margin-bottom: 0;
}

.main-menu nav > ul > li .sub-menu li a {
    color: #666666;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 13px 20px;
    text-transform: capitalize;
    display: block;
    font-family: 'Poppins', sans-serif;
}

.main-menu nav > ul > li:hover > .sub-menu li > a:hover {
    color: #fff;
    background: #f10000;
}

/* Sub Menu Css Style */
.main-menu nav > ul > li > .sub-menu > li > .sub-menu {
    background: #ffffff none repeat scroll 0 0;
    border-top: 3px solid #ff60a3;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 100%;
    opacity: 0;
    position: absolute;
    top: 120%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: 9;
}

.main-menu nav > ul > li > .sub-menu > li:hover .sub-menu {
    top: 0 !important;
    opacity: 1;
    top: 100%;
    visibility: visible
}

/* Header Social Css Style */
ul.header-social {
    margin: 0;
    padding: 37px 0;
    list-style: none;
}

ul.header-social li {
    display: inline-block;
    margin: 0 0 0 30px;
}

ul.header-social li a {
    font-size: 20px;
    color: #fff;
}

ul.header-social li a:hover {
    color: #f10000;
}

ul.header-social li:first-child {
    margin-left: 0;
}

/* Main Slider Area Css  Style */

.slid-bg-1 {
    background-image: url(assets/img/slider/slider-1.jpg);
}

.almi-single-table {
    display: table;
    height: 100%;
    width: 100%;
}

.almi-single-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.almi-single-slider {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 868px;
}

.almi-single-slider .slid-bg-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 5000ms linear;
    -moz-transition: all 5000ms linear;
    -ms-transition: all 5000ms linear;
    -o-transition: all 5000ms linear;
    transition: all 5000ms linear;
}

.almi-main-slider .active .almi-single-slider .slid-bg-1 {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.almi-single-slider .slid-bg-1:before {
    content: '';
    background: rgba(18, 31, 60, .60);
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.almi-slider-area-content {
    margin-top: 87px;
}

.almi-slider-area-content h2 {
    font-size: 58px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 20px;
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.almi-main-slider .active .almi-slider-area-content h2 {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.almi-single-slider p {
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 1.8;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.almi-main-slider .active .almi-single-slider p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.slider-area-btn .btn:first-child {
    margin-right: 40px;
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.almi-main-slider .active .slider-area-btn .btn:first-child {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 2000ms;
    -moz-transition-delay: 2000ms;
    -ms-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    transition-delay: 2000ms;
}

.slider-area-btn .btn {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.almi-main-slider .active .slider-area-btn .btn {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 2500ms;
    -moz-transition-delay: 2500ms;
    -ms-transition-delay: 2500ms;
    -o-transition-delay: 2500ms;
    transition-delay: 2500ms;
}

.almi-main-slider .active .slider-area-btn .btn:hover,
.slider-area-btn .btn:hover {
    transition: all 300ms linear;
}

.almi-main-slider.owl-theme .owl-dots .owl-dot span {
    background: #fff none repeat scroll 0 0;
    border-radius: 30%;
    display: inline-block;
    height: 20px;
    width: 20px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 4px;
    border-radius: 0;
    border: 6px solid #ff2782;
    opacity: .5;
}

.almi-main-slider.owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
    border: medium none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 6px solid #ff2782;
}

.almi-main-slider.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    right: 12%;
    top: 50%;
    transform: translateY(-50%);
}

.almi-main-slider.owl-theme .owl-dots .owl-dot {
    display: block;
    margin-bottom: 15px;
    line-height: 1;
}

.almi-main-slider.owl-theme .owl-dots .owl-dot:last-child {
    margin-bottom: 0;
}

.almi-main-slider.owl-theme .owl-nav div {
    transition: all 0.3s ease 0s;
    text-align: center;
    line-height: 56px;
    font-size: 25px !important;
    color: #fff !important;
    background: transparent;
    border-radius: 50% !important;
    padding: 0 !important;
    display: block;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
}

.almi-main-slider.owl-theme .owl-nav div:hover {
    background: #fff;
    color: #f10000 !important;
}

.almi-main-slider.owl-theme .owl-nav {
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3%;
    margin: 0;
}

.almi-main-slider.owl-theme .owl-nav .owl-prev {
    margin-bottom: 20px;
}

.almi-main-slider.owl-theme .owl-nav .owl-next {}

.almi-main-slider.owl-theme .owl-nav .owl-prev,
.almi-main-slider.owl-theme .owl-nav .owl-next {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: Open Sans;
}

/* About Area Css Style */

.almi-about-slider {
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-slider-main-container {
    width: 100%;
    height: 100%;
}

.almi-slider-thumb-container {
    margin-right: 30px;
}

.almi-slider-thumb-container img {
    max-height: 135px;
    cursor: pointer;
}

.almi-slider-thumb-container .slick-slide {
    max-height: 135px;
    margin-bottom: 20px;
}

.almi-slider-thumb-container .slick-slide:last-child {
    margin-bottom: 0;
}

.slick-slide.slick-current.slick-active.slick-center {
    position: relative;
    cursor: pointer;
}

.slick-slide.slick-current.slick-active.slick-center:before {
    content: '';
    background: rgba(2, 120, 243, .25);
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

/* Services Area Css Style */
.single-services-box {
    display: flex;
}

.services-img {
    min-width: 50px;
    height: auto;
}

.services-content {
    margin-left: 20px;
}

.services-content h3 {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}

.services-content p {
    font-size: 17px;
}

/* Vide Area Css Style */
.almi-video-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 667px;
    background-image: url(assets/img/video/video-bg.jpg);
    background-color: #1a2b3c;
    background-repeat: no-repeat;
}

.almi-video-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #121f3c;
    opacity: 0.8;
}

.video-box img {
    border-radius: 20px;
    height: 570px;
}

.video-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: hsla(221, 54%, 15%, .32);
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.videos-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.videos-icon a {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    height: 80px;
    width: 80px;
    color: #0278f3;
    background: #fff;
    font-size: 30px;
    line-height: 80px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    animation: heartbeat 1s infinite alternate;
}

.videos-icon a::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -15px;
    left: -15px;
    bottom: -15px;
    right: -15px;
    border-radius: inherit;
    border: 1px solid #fff;
    -webkit-animation: btnIconRipple 3s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation: btnIconRipple 3s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

.videos-icon a::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: -30px;
    left: -30px;
    bottom: -30px;
    right: -30px;
    border-radius: inherit;
    border: 1px solid #fff;
    -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

/* Team Area Css Style */

.team-img img {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    width: 100%;
}

.team-content {
    padding: 20px 35px;
    background: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-top: -50px;
    transform: translateY(50px);
    transition: all .3s ease;
}

.team-content:before {
    content: '';
    background-image: linear-gradient(to left top, white 0%, white 50%, transparent 50%);
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 100%;
    left: 0;
}

.team-content h4 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.team-content span {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #fff;
}


.team-social-box {
    transition: all .3s;
}

.team-social-box a {
    color: #cbcbcb;
    font-size: 14px;
    transition: .3s;
    margin-right: 15px;
}

.team-social-box a:last-child {
    margin-right: 0;
}

.team-img {
    position: relative;
}

.single-team-wrapper {
    margin-bottom: 30px;
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.6, -0.02, 0.39, 1.13);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.14);
    cursor: pointer;
}

.single-team-wrapper:hover .team-content {
    transform: translateY(0px);
    background: #0278f3;
}

.single-team-wrapper:hover .team-content h4,
.single-team-wrapper:hover .team-social-box a,
.single-team-wrapper:hover span {
    color: #fff;
}

.single-team-wrapper:hover .team-content:before {
    background-image: linear-gradient(to left top, #0278f3 0%, #0278f3 50%, transparent 50%);
}

/* Counter Area Css Style */

.almi-counter-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 100%;
    background-image: url(assets/img/counter/bg-1.jpg);
    background-color: #1a2b3c;
    background-repeat: no-repeat;
}

.almi-counter-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #121f3c;
    opacity: 0.8;
}

.single-counter {}

.counter-box {}

.counter-box span {
    font-size: 48px;
    color: #f10000;
    font-weight: 700;
    font-family: 'Ubuntu', sans-serif;
}

.single-counter h4 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 22px;
}

/* CTA Area Css Style */
.almi-cta-area {}

.almi-cta-area:before {}

.cta-content-box-wraper {
    background: #f7faff;
    border: 5px solid #353858;
    padding: 70px;
    position: relative;
}

.cta-content-box-wraper:before {
    position: absolute;
    content: '';
    left: 10px;
    right: -15px;
    bottom: -15px;
    top: 10px;
    background: transparent;
    display: inline-block;
    border: 5px solid #f10000;
    transition: all 0.3s;
    z-index: -1;
}

.cta-content-box h2 {
    font-size: 50px;
    color: #353858;
    font-weight: 700;
    display: inline-block;
    text-transform: capitalize;
    margin: 20px 0 25px;
}

.cta-content-box p {
    color: #353858;
    text-transform: capitalize;
    margin: 0;
    font-weight: 600;
    font-size: 24px;
}

.cta-content-box {
    display: inline-block;
}

.cta-btn {
    margin: 60px 0;
    display: inline-block;
    float: right;
}

/* Testimonia Area Css Style */

.almi-testimonial-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 100%;
    background-image: url(assets/img/testimonial/bg-1.jpg);
    background-color: #1a2b3c;
    background-repeat: no-repeat;
}

.almi-testimonial-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #121f3c;
    opacity: 0.8;
}

.testimonial-img {
    max-width: 110px;
    height: auto;
}

.testimonial-img img {
    border-radius: 50%;
    border: 5px solid #f10000;
}

.testimonial-content {
    display: flex;
    align-items: center;
}

.title-desig {
    padding-left: 15px;
}

.title-desig h3 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    margin: 13px 0 10px;
    color: #fff;
}

.title-desig h4 {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.single-testimonial {}

.single-testimonial p {
    color: #fff;
    font-style: italic;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.testimonial-wraper.owl-theme .owl-dots .owl-dot span {
    background: #fff none repeat scroll 0 0;
    border-radius: 30%;
    display: inline-block;
    height: 20px;
    width: 20px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 4px;
    border-radius: 50%;
    border: 6px solid #ff2782;
    opacity: .5;
}

.testimonial-wraper.owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
    border: medium none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 6px solid #ff2782;
}

.testimonial-wraper.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    right: 0;
    bottom: 30px;
    margin-top: 0;
}

/* phone call form */
.testimonial-call-wraper {
    background: #fff;
    padding: 45px 60px;
    border: 6px solid #f10000;
}

.testimonial-call-wraper h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
}

.call-form .form-control {
    border: 1px solid #f10000;
    border-radius: 0;
    height: 50px;
    display: block;
    margin: 10px 0 20px;
    background: #fff;
}

/* Blog Area Css Style */

.single-blog-wraper {
    cursor: pointer;
}

.blog-img {
    overflow: hidden;
}

.blog-img img {
    transform: scale(1.1);
}

.single-blog-wraper:hover .blog-img img {
    transform: scale(1);
}

.single-blog-content {
    padding: 35px 30px;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.14);
}

.blog-post-info {}

.blog-post-info span {
    margin-right: 30px;
}

.blog-post-info span i {
    color: #0278f3;
    margin-right: 5px;
}

.blog-post-info span a {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: #353858;
}

.blog-post-info span:last-child {
    margin-right: 0;
}

.single-blog-content .post-title {
    display: block;
    text-transform: capitalize;
    color: #353858;
    font-weight: 700;
    font-size: 30px;
    margin: 15px 0;
    transition: all .3s;
}

.single-blog-wraper:hover .single-blog-content .post-title {
    color: #f10000;
}

/* Blog Slider Post Css Style */

.blog-img-slider.owl-theme .owl-dots .owl-dot span {
    background: #fff none repeat scroll 0 0;
    border-radius: 30%;
    display: inline-block;
    height: 20px;
    width: 20px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 4px;
    border-radius: 50%;
    border: 6px solid #ff2782;
    opacity: .5;
}

.blog-img-slider.owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
    border: medium none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 6px solid #ff2782;
}

.blog-img-slider.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 20px;
    margin-top: 0;
}

/* Blog Video Popup Css Style */

.blog-video-img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(36, 38, 45, 0.50);
    right: 0;
    bottom: 0;
}

.blog-video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.blog-video-icon a {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    height: 80px;
    width: 80px;
    color: #ff2782;
    background: #fff;
    font-size: 30px;
    line-height: 80px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    animation: heartbeat 1s infinite alternate;
}

.blog-video-icon a::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -15px;
    left: -15px;
    bottom: -15px;
    right: -15px;
    border-radius: inherit;
    border: 1px solid #fff;
    -webkit-animation: btnIconRipple 3s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation: btnIconRipple 3s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

.blog-video-icon a::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: -30px;
    left: -30px;
    bottom: -30px;
    right: -30px;
    border-radius: inherit;
    border: 1px solid #fff;
    -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

/* Blog Details Area Css Style  */

.almi-blog-details-wraper {
    border: 1px solid #f1f1f1;
    padding: 15px;
}

.blog-details-content .blog-date {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 15px 30px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .3s;
    margin-top: 35px;
}

.blog-details-content .post-title {
    display: block;
    text-transform: uppercase;
    color: #353858;
    font-weight: 700;
    font-size: 28px;
    margin: 20px 0;
    transition: all .3s;
}

.blog-details-content h3 {
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
}

.blog-details-content figure img {
    margin: 15px 0;
}

.blog-details-content h6,
.blog-details-content h5,
.blog-details-content h5,
.blog-details-content h4,
.blog-details-content h3,
.blog-details-content h2,
.blog-details-content h1 {
    margin-bottom: 15px;
}

/* Blog Quote Area Css Style */

blockquote,
blockquote.wp-block-quote {
    background: #ffffff;
    border-left: 6px solid #ff2782;
    padding: 35px !important;
    box-shadow: 0px 0px 30px 0px rgba(26, 43, 60, 0.15);
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    margin: 40px 0;
    z-index: 1;
}

blockquote:before,
blockquote.wp-block-quote:before {
    content: "\f10d";
    position: absolute;
    top: -20%;
    left: 5%;
    font-family: "FontAwesome";
    color: #0278f3;
    font-size: 150px;
    line-height: 1;
    opacity: .1;
    z-index: -1;
}

blockquote p,
blockquote.wp-block-quote p {
    color: #1a2b3c;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

blockquote cite,
blockquote.wp-block-quote cite {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    padding-left: 15px;
    margin-top: 30px;
    display: block;
}

blockquote cite:before,
blockquote.wp-block-quote cite:before {
    position: absolute;
    content: '';
    bottom: 0;
    width: 10px;
    height: 2px;
    background: #0278f3;
    margin: 0 auto;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/* Blog tags Area Css Style */

.blog-post-tag span {
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 17px;
    color: #1a2b3c;
    text-transform: capitalize;
}

.blog-post-tag {
    background: #fff;
    padding: 0;
    padding-top: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 30px;
}

.blog-post-tag > a {
    color: #1a2b3c;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #e5e5e5;
    padding: 10px 24px;
    margin-right: 5px;
    transition: .3s;
    border-radius: 0;
    margin-bottom: 10px;
}

.blog-post-tag > a:hover {
    color: #fff;
    background: #1a2b3c;
    border-color: #ff2782;
}

/* Blog Comments Area Css Style */

.post-heading {
    margin-bottom: 30px;
}

.post-heading h3 {
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    color: #1a2b3c;
    line-height: 1;
}

.latest-comments > ul {
    padding: 0;
    margin: 0;
}

.latest-comments ul {
    list-style: none;
}

.comments-box {
    margin-bottom: 30px;
    border-bottom: 1px solid #e7eaf0;
    padding-bottom: 30px;
}

.comments-avatar {
    float: left;
    width: 100px;
}

.comments-avatar img {
    border-radius: 50%;
}

.comments-text {
    overflow: hidden;
    padding-left: 30px;
}

.avatar-name-date {
    overflow: hidden;
}

.avatar-name-date > h5 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: #1a2b3c;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
}

.avatar-name-date span {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    margin: 10px 0 12px;
    display: block;
    color: #333333;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
}

.comments-text > p {
    margin-bottom: 20px;
    color: #878991;
    font-size: 17px;
}

.comments-text > a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: #1a2b3c;
    font-family: 'Poppins', sans-serif;
}

.comments-reply {
    padding-left: 130px;
}

/* Blog Comments Form Area Css Style */

.post-comments-form-area {
    margin: 40px 0 0 0;
}

.post-comments-form-area .post-comments-form {
    background: #f7faff;
    padding: 50px;
}

.post-comments-form input.form-control {
    box-shadow: none;
    color: #777777;
    height: 50px;
    margin-bottom: 30px;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    padding: 5px 20px;
    transition: all .3s;
}

.post-comments-form textarea.form-control {
    height: 133px;
    box-shadow: none;
    color: #777777;
    margin-bottom: 30px;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    padding: 15px 20px;
    transition: all .3s;
}

.post-comments-form textarea.form-control:focus,
.post-comments-form input.form-control:focus {
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
    outline: none;
    border: 1px solid #ff60a3;
}








/* Client Slider Css Style  */
.single-client {
    padding: 0px 30px;
}

/* breadcrumb area css */

.almi-breadcrumb-area {
    background-position: center center;
    background-size: cover;
    position: relative;
    background-image: url(assets/img/breadcrumb/bg.jpg);
    padding: 234px 0 134px 0;
    text-align: left;
}

.almi-breadcrumb-area:before {
    content: '';
    background: rgba(53, 56, 88, .70);
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.breadcrumb-content-box h2 {
    color: #fff;
    font-size: 70px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.breadcrumb-content-box .breadcrumb {
    background: inherit;
    padding: 0;
    margin: 0;
}

.breadcrumb .breadcrumb-item {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
}

.breadcrumb-content-box .breadcrumb .breadcrumb-item,
.breadcrumb-content-box .breadcrumb-item.active a,
.breadcrumb-content-box .breadcrumb .breadcrumb-item.active {
    color: #fff;
    text-transform: capitalize;
}

.almi-breadcrumb-area .breadcrumb .breadcrumb-item a {
    color: #ffffff;
    text-transform: capitalize;
}

.almi-breadcrumb-area .breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
    content: ">";
}

/* error area css */

.error-content {
    margin-top: 100px;
}

.almi-content-box h2 {
    color: #1a2b3c;
    font-family: 'Poppins', sans-serif;
    font-size: 70px;
    font-weight: 700;
    text-transform: capitalize;
}

.almi-content-box h3 {
    color: #1a2b3c;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
}

.almi-content-box p {
    margin: 30px 0 30px 0;
}

/* Contact Area Css Style */

.contact-info-box {
    display: flex;
    margin-bottom: 30px;
}

.contact-info-icon {
    background: #ffffff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.14);
    margin-right: 20px;
    transition: all .3s;
}

.contact-info-box:hover .contact-info-icon {
    border: 4px solid #f10000;
}

.contact-info-icon i {
    font-size: 35px;
}

ul.contact-info {
    padding: 10px 0;
    margin: 0;
    list-style: none;
}

ul.contact-info li,
ul.contact-info li a {
    font-size: 20px;
    line-height: 30px;
    color: #656970;
    font-weight: 500;
    margin-bottom: 0px;
    font-family: 'Poppins', sans-serif;
}

.appnox-contact-form-area {}

.appnox-contact-form input.form-control {
    box-shadow: none;
    color: #777777;
    height: 50px;
    margin-bottom: 30px;
    background: #f7faff;
    border: 1px solid #e7eaf0;
    padding: 5px 20px;
    transition: all .3s;
}

.appnox-contact-form textarea.form-control:focus,
.appnox-contact-form input.form-control:focus {
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
    outline: none;
    border: 1px solid #ff60a3;
}

.appnox-contact-form textarea.form-control {
    height: 133px;
    box-shadow: none;
    color: #777777;
    margin-bottom: 30px;
    background: #f7faff;
    border: 1px solid #e7eaf0;
    padding: 15px 20px;
    transition: all .3s;
}

p.form-message {
    font-size: 15px;
}

#almi-map {
    height: 550px;
}