/*
Theme Name: WP-Experts.In
Theme URI: https://www.wp-experts.in
Author: WP-Experts.In Team
Author URI: https://www.wp-experts.in
Description: WP-Experts.In simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: WP-Experts.In
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/****** FontAsoume ******/
@import url('css/all.min.css');
body {color: #212226;margin: 0;padding: 0;font-size: 16px;line-height: 2rem;}
img{max-width: 100%;}
a,a:focus{ text-decoration: none; color:#0c67aa;}
a:hover{color:#f4851e; text-decoration: none;}
.text-blue{color: #2493c0; text-decoration: none;}
.text-orange{color: #f4861f; text-decoration: none;}
.blue-line{width: 90px; height: 0.2rem; display: block; background: #0e6b9e;}
.w-80{width: 80%;}
.bg-blue,.bg-blue:hover {
    background-color: #0d8bcd;color:#fff;font-size: 1.5rem;
}
.font-size-1{font-size:1rem !important}
.bg-gold{background-color:#ffb900; color:#fff;}
.balloon {
  display:inline-block;
  width:120px;
  height:145px;
  background:hsl(215,50%,65%);
  border-radius:80%;
  position:relative;
  box-shadow:inset -10px -10px 0 rgba(0,0,0,0.07);
  margin:20px 30px;
  transition:transform 0.5s ease;
  z-index:10;
  animation:balloons 4s ease-in-out infinite;
  transform-origin:bottom center;
}

@keyframes balloons {
  0%,100%{ transform:translateY(0) rotate(-4deg); }
  50%{ transform:translateY(-25px) rotate(4deg); }
}

.offer-menu::after {
    content: "New";
    font-size: 12px;
    color: red;
    top: 0px;
    position: absolute;
    font-weight: bold;
}
.balloon:before {
  content:"▲";
  font-size:20px;
  color:hsl(215,30%,50%);
  display:block;
  text-align:center;
  width:100%;
  position:absolute;
  bottom:-12px;
  z-index:-100;
}

.balloon:after {
 display:inline-block; top:153px;
  position:absolute;
  height:250px;
  width:1px;
  margin:0 auto;
  content:"";
  background:rgba(0,0,0,0.2); 
}
.balloon:nth-child(2){ background:hsl(245,40%,65%); animation-duration:3.5s; }

.cta-button {
    padding: 10px 30px;
}
@keyframes blinkingText{
    0%{     color: red;    }
    49%{    color: red; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: red;    }
}
body.single .post-meta span.social-buttons a {
    font-size: 1.7rem;
}
pre{box-sizing: border-box;
    direction: ltr;
    margin-top: 1em;
    margin-bottom: 1em;
    overflow-wrap: normal;
    overflow-x: auto;
    white-space: pre-wrap;
    margin-left: 0;
    margin-right: 0;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    word-break: break-word;background-color: #e0e0e0;
border-radius: 10px;
color: rgba(0,0,0,.9);
margin-bottom: 10px;
overflow: auto;
padding: 10px;}
    
.blinking{
    animation:blinkingText 1.2s infinite;
}
.pinkBg {
    background-color: #ed184f!important;
    background-image: linear-gradient(90deg, #fd5581, #fd8b55);
}
.intro-banner-vdo-play-btn {
    height: 40px;
    width: 40px;
    position: absolute;
    top:0px;
    left: 50%;
    text-align: center;
    margin: -30px 0 0 -30px;
    border-radius: 100px;
    z-index: 1;
}
.intro-banner-vdo-play-btn i {
    line-height: 40px;
    font-size: 20px;
    vertical-align: top;
}
.intro-banner-vdo-play-btn .ripple {
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: -1;
    left: 50%;
    top: 50%;
    opacity: 0;
    margin: -50px 0 0 -50px;
    border-radius: 50px;
    /* -webkit-animation: ripple 1.8s infinite; */
    animation: ripple 1.8s infinite;
}
/* offer css */
span.onsale {
    min-height: 3.236em;
    min-width: 3.236em;
    padding: .202em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 100%;
    background-color: #e87200;
    color: #fff;
    font-size: 1.2em;
    z-index: 9;
    width: 70px;
    height: 70px;
    overflow: initial;
    line-height: 22px;
	background: linear-gradient(100deg,rgba(240, 8, 8, 0.95),rgba(17, 17, 17, 0.81));
	transition: transform 0.10s ease;
    animation: balloons 10s ease-in-out infinite;
    transform-origin: bottom center;
}
.onsale span {
    top: 1rem;
    position: relative;
}
.onsale span b{}
footer.text-light.bg-dark.text-center {
    padding: 15px 0px !important;
}
@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){
    animation-delay:.3s;
    -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}
.opacity-1{opacity:1;}
.opacity-2{opacity:0.75;}
.opacity-3{opacity:0.50;}
.opacity-4{opacity:0.25;}
.pull-left {
    float: left;
}
.footer-socal i {
    font-size: 1.5rem;
    padding-right: 5px;
}
/* Comment form */
div#comments {
    border-top: 1px dashed #666;
    padding-top: 20px;
    position: relative;
}
form#commentform p input, form#commentform p textarea {
    width: 100%;
    max-height: 60px;
    text-align: left;
}
form#commentform p input#wp-comment-cookies-consent {
    width: 25px;
    height: 34px;
}
form#commentform p label {
    vertical-align: top;
}
form#commentform p input[type="submit"] {
    width: auto;
    background-color: #0d8bcd;
    color: #fff;
    font-size: 1.1rem;
    border: none;
    border-radius: 0px;
}
nav.navigation.post-navigation {
    border-top: 1px solid #1487d9;padding-top:10px;
}
nav.navigation.post-navigation  .nav-next {
    float: right;
}
nav.navigation.post-navigation  .nav-previous {
    float: left;
}
div#comments {
    border-top: 1px dashed #666;
    padding-top: 20px;
    position: relative;
}
h2.comments-title {
    font-size: 1.5rem;
    color: #0c67aa;
}
ol.comment-list {
    list-style: none;
    padding: 0px;
}
ol.comment-list > li {
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.comment-author.vcard {
    display: inline-block;
}
.comment-author.vcard img {
    width: 30px;
    height: 30px;
}
.comment-author.vcard cite a {
    font-style: normal;
    font-weight: 600;
}
.comment-meta.commentmetadata {
    display: inline-block;
    vertical-align: top;
}
/* End Comment CSS*/
h2.widget-title {
    color: #f4861f;
    text-decoration: none;
    font-size: 1.8rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;display: inline-block;
}
aside.widget {
    border-bottom: 1px dashed #666;
    padding: 1.5rem 0px 1.5rem 0px;
}
form span.error {
    color: red;
    padding-left: 2px;
    font-size: 13px;
}
.bg-blue,.bg-blue:hover {
    background-color: #0d8bcd;color:#fff;font-size: 1.5rem;
}
.blue-gradient {
    background: linear-gradient(40deg,#45cafc,#303f9f) !important;
}
.indigo {
    background-color: #3f51b5 !important;
}

.testimonial-card .card-up {
    height: 120px;
    overflow: hidden;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.testimonial-card .avatar {
    width: 120px;
    margin-top: -60px;
    overflow: hidden;
    border: 5px solid #fff;
    border-radius: 50%;
}
.info-color {
    background-color: #33b5e5 !important;
}

.pull-right {
    float: right;
}
.pre-next {
    position: absolute;
    top: 50px;
    right: 0;
    width: 42px;
}
.pre-next a i {
    font-size: 40px;color: #000;
}
.carousel-indicators li{background-color:#000;}
#demo1 .carousel-indicators li {
    background-color: #fff;
}
.carousel-caption h2 span {
    font-size: 2.2rem;
}
ul.timeline {
    list-style-type: none;
    position: relative;
    text-align: left;
}
ul.right-click.wordpress-services li {
    width: 33%;text-align: left;
    display: inline-block;
}
a.button{background: #23282d;
    border: 1px solid #fff;
    padding: 10px 30px;
    font-size: 1.2rem;color: #fff;}
body.archive h1{color:#212226;}   
.pagination .nav-links {
    padding-top: 20px;
}
.pagination .page-numbers {
    position: relative;
    display: inline-block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
span.page-numbers.current {
    background:#23282d;
    color: #fff;
}
div#demo1 {
    padding-top: 64px;
}
a.next.page-numbers,a.prev.page-numbers {display:none;}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #069bdc;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.plugin-boxes .card-body a.btn {
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0px;
    width: auto;
}
.plugin-boxes .card-body .card-text{padding-bottom:30px;}

.plugin-info i.fa {
    font-size: 1.5rem;
    color: #c3c3c3;
}
.plugin-info i.fa.gold {
    color: #ffb900;
}

.carousel .img-box {
    width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 50%;
}
.carousel .overview {
    text-align: center;
    padding-bottom: 5px;
}
.carousel .overview b {
    color: #333;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}
.carousel .item a {
    color: #eb7245;
}
.carousel .testimonial {
    padding: 30px 0 10px;
}
.carousel .item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    min-height: 340px;
}
.bg-dark-gray {
    background-color: #191919;color:#fff;
}
.btn-primary {
    color: #fff;
    background-color: #0e6a9d;
    border-color: #0c67aa;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:visited {
    color: #fff;
    background-color: rgba(14, 106, 157, 0.8);
    border-color: rgba(12, 103, 170, 0.8);
}
body.blog .shadow:hover,body.single .shadow:hover {
    box-shadow: inherit;
    transform: none;
}
#demo1 .carousel-inner::after {
    display: block;
    clear: both;
    content: "";
    content: '';
    position: absolute;
    z-index: 0;
    background: rgba(38, 56, 74, 0.9);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
.text-blue{color:#106a9f !important;}
.text-yellow{color:#eda42b !important;}
.text-black{color:#0a0b0b !important;}
.py-6{padding-top:6rem!important; padding-bottom:6rem!important;}
.py-10{padding-top:10rem !important; padding-bottom:10rem!important;}
.sprite-img {width:128px;height:128px;
    background-image: url(images/wordpress-services-sprite-img.png);
    background-repeat: no-repeat;
    display: inline-block;

}
form .formresponse{ padding:1rem 0px}
.service-1{background-position:-168px -169px;}
.service-2{background-position:-20px -168px;}
.service-3{background-position: -168px -20px}
.service-4 {background-position: -20px -20px;}
.icon-reasons-listing i {width:32px;height:32px;margin-right: 20px;
    background-image: url(images/wordpress-services-sprite-img.png);
    background-repeat: no-repeat;
    display: inline-block;}
    i.reason-1 {
    background-position: -326px -218px;
}
    i.reason-2 {
    background-position: -326px -166px;
}
    i.reason-3 {
    background-position: -166px -326px;
}
    i.reason-4 {
    background-position: -114px -326px;
}
    i.reason-5 {
    background-position: -62px -326px;
}
    i.reason-6 {
    background-position: -326px -114px;
}
    i.reason-7 {
    background-position: -10px -326px;
}
    i.reason-8 {
    background-position: -326px -62px;
}
    i.reason-9 {
    background-position: -326px -10px;
}
i.reason-10 {
    background-position: -326px -270px;
}
.icon-reasons-listing li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.icon-reasons-listing li>div {
    display: block;
    width: 100%;
}.light-orange {
    color: #ff8657;
}
.icon-reasons-listing  li p {
    color:rgba(33, 34, 38, 0.6509803921568628);
}
.bg-light-dark{background-color: #333230;color: #fff;}
a.banner-cta-btn {
    padding: 10px 15px;
    font-size: 24px;
    font-weight: 500;
    border: 1px solid #0a0b0b;
    background-color: transparent;color:#fff;
}
.fa.tour-time{background: #f4851e;
    color: #fff;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1rem;
    border-radius: 50%;
    font-size: 3.5rem;
}
.fa.tour-cost{
    background: #f4851e;
    color: #fff;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1rem;
    border-radius: 50%;
    font-size: 3.5rem;
}
a.banner-cta-btn:hover{background-color: #fff;color: #2c2a2f;}
.banner-cta{margin-top:30px;}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.thumbnail .caption {
    padding: 9px;
    color: #333;
}
p:empty {
    display: none;
}
.title {
    font-weight: 600;
    font-size: 3.8rem;
}
.sub-title{font-size:2.5rem;font-weight:600;}
.title-desc {
    font-size: 20px;
}
.read-more-link {
    padding: 5px 35px 10px;
    transition: .4s ease;
    margin: 20px 0px;
    border-radius: 40px;
    display: inline-block;
    width: auto;
    font-size: 1.2rem;
    align-items: center;
    border: 1px solid #4284c2;
}
.shadow{transition: all 0.5s ease-in-out;}.shadow:hover{box-shadow: none;transform: translateY(5px);}
.read-more-btn{padding: 20px 35px; background-color: #4284C2; color: #fff; transition: .4s ease; margin: 20px 0px; border-radius: 40px; display: inline-block; width: auto; font-size: 1.5rem;}
.read-more-btn:hover{background-color: #4284C2; color:#fff;}
.bg-black{background-color:#000;color:#fff; }
.bg-yellow{background-color:#eda42d;color:#fff;}
a.post-edit-link {  background: #0c67aa;
    width: 100px;
    margin-left: 5px;
    padding-left: 10px;
    position: fixed;
    bottom: 30%;
    font-size: 22px;
    color: #fff;
    vertical-align: top;
    right: 10px;
}
a.post-edit-link:before {
    content: "\f044";
    font-family: "Font Awesome 5 Free";
    padding-right: 10px;
}

.home-banner .banner-sec .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #212121;
    background: rgba(27, 27, 27, 0.75);
    color: #fff;
    padding: 2em 0;
}
a.contact-btn {
    background-image: linear-gradient(360deg, #1573a1, #8aa7c5);
    padding: 15px 35px 15px 35px;
    color: #fff !important;
    font-weight: 600;
    font-size: 32px;
    border-radius: 10px;
    transition: 0.5s;
    border: 2px solid #cfcfcf;
    box-shadow: -3px -3px 0px 0px #8c8c8c;
}
a.contact-btn:hover{background-image: linear-gradient(360deg, #1573a1, #8aa7c5);}
.topbar{
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
/*** top-header ***/
.flex--space-between, .m06__card, .m40__container {
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.nav.fixed-top.bg-color.nav.fixed-top.bg-color {
    background: #090a0b;
}
.nav.fixed-top.bg-color.py-2.sticky {
    padding: 0px !important;
}
button.navbar-toggler-btn {
    background: rgba(9, 10, 11, 0.9098039215686274);
}
body.page .navbar-brand img {
    width: 75%;
}
.btn-link{color:#0e6b9e}
.nav.fixed-top{ position:fixed;}
.nav.fixed-top a.navbar-brand{margin-right:0}
.navbar-nav .menu-item:last-child,.navbar-nav .menu-item:last-child a {padding-right: 0px;}
.container.flex--space-between {padding-right: 0px;}
.navbar-nav .menu-item .sub-menu li:first-child a{border:none;}
.navbar-nav .menu-item .sub-menu a {
    padding-left: 5px;
    color: #212226 !important;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    text-transform: initial;
    display: inline-block;
}
.navbar-nav .menu-item a {
    position: relative;
    display: block;
    font-size: 16px;
    padding: 5px 0x;
    outline: none;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;padding-left: 0px;
    padding-right: 20px;
}
.navbar-nav .menu-item .sub-menu a:before{height:3px; bottom:0px;}
.top-bar ul li a:before {width: 100%; height: 1px; bottom: -3px;}
.top-bar ul li a:hover:before,.top-bar ul li a:focus:before,.navbar-nav li.menu-item a:hover:before,.navbar-nav li.menu-item.current-menu-item > a:before,.navbar-nav li.menu-item a:focus:before, .navbar-nav li.menu-item.current_item > a:before {visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
nav .navbar-collapse ul.navbar-nav li.menu-item-has-children{position:relative;}
ul.topbar.left-topmenu li:first-child,ul.topbar.right-topmenu li:first-child {padding-left: 0px;}
ul.navbar-nav ul.sub-menu {
    display: none;
    z-index: 9;
    width: auto;
    position: absolute;
    background: #fff;
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 7px 7px #085575;
    list-style: none;
    text-align: left;
    border-top: 1px solid #ffffff6b; min-width:275px;
}

.navbar-nav .menu-item ul.sub-menu a:hover{color:#090a0b  !important;}

ul.navbar-nav li.menu-item-has-children:hover .sub-menu {
    display: block;
}
.navbar-nav .menu-item .sub-menu li { padding: 0px; text-align: left; moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 100%; padding-left: 5px; }
ul.sub-menu li:before {
    content: "\f061";content:"\f138";
}
/****** Menu ******/
ul.topbar {
    list-style: none;
}
ul.topbar li {
    display: inline-block;
    padding-left: 20px;
    color: #ffffffcc;font-size:1rem;
}
ul.topbar li:last-child{padding-right:0px;}
ul.topbar li i{color:#000;position: relative;display:inline-block;font-size: 34px;}
ul.services li{position:relative;}
ul.services li:before {
    background-image: url(images/sprite-img.png);
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 24px;
    height: 24px;
}
h1{color: #fff;}
.common-banner h1 span {
    border-bottom: 1px solid #fff;
    padding-bottom: 0.2rem;
}
.border-line:after{
  content: "";
    width: 100px;
    height: 3px;
    background: #f4851e;
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0px;
    margin: 0 auto;
}
.right-click.sec-1 li {
width: 50%;
}

a.btn.btn-primary {
    background: #23282d;
    border: 1px solid #fff;
    padding: 10px 30px;
    font-size: 1.2rem;
}
.fa-stack {
    color: #f4851e;
}
.blink-text {
  animation: blinker 7s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.common-banner.archive-banner {
    padding: 20px 0 20px;
}
.common-banner {
    box-shadow: 0 0px 5px rgba(0,0,0,.1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    padding: 123px 0 60px;
    color: #3e3e3e;
}
.common-banner:after {
    content: '';
    position: absolute;
    z-index: 0;
    background: linear-gradient(100deg,rgba(86, 18, 18, 0.84),rgb(12, 33, 88));
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
.extra-space {
    padding: 190px 0px 100px;
}
body.single .has-post-thumbnail img {
    width: 100%;
    height: auto;max-height:300px;
}
body.blog .thumbimage img {
    height: auto;
}
.common-banner .container{position:relative;z-index:1;}
.banner-top {
    padding-top: 50px;
}
ul.right-click li {
    position: relative;
    padding: 0 0 0 30px;
    list-style-type: none;
    margin-bottom: 15px;
    font-size: 18px;
    top: 0;text-align:left;
}
ul.twocolumn li {
    width: 48% ;
    display: inline-block;
}
ul.threecolumn li {
    width: 32%;
    display: inline-block;
}
.icon.fa{color:#4f87b1;}
ul.right-click li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    color: #0c67aa;
    font-size: 24px;
}
ul.list-unstyled li i {
     color: #0c67aa;
}

ul.hand li:before {
    content: "\f0a4";
    font-weight: 900;
}
ul.list-unstyled li{font-size: 1.1rem;}
ul.check-green li {
    position: relative;
    padding: 0 0 0 30px;
    list-style-type: none;
    margin-bottom: 15px;
}
ul.check-green li:before {
    content: '';
    position: absolute;
    background-image: url(images/check-green.png);
    background-repeat: no-repeat;
    display: inline-block;
    left: 0;
    top: 4px;
    width: 24px;
    height: 24px;
}

/****** Footer ******/
.bg-dark {
    background-color: #212121 !important;
}
.menu-footer-menu-container a {
    color: #fff;
}
.menu-footer-menu-container ul {
    list-style: none;
    color: #fff;padding: 0px;
}
.menu-footer-menu-container ul li:last-child {
    padding: 0px;
}

.menu-footer-menu-container ul li {
    display: inline-block;
    padding-right: 5px;    border-right: 1px solid #fff;
    line-height: 1.2rem;
}
.menu-footer-menu-container ul li:last-child{border:none;}
#footer {
    background: #fff ;
}
#footer .title{
    margin-bottom: 1rem;
    color:#000;font-size: 30px;
}
.card-sec .card {
    border-radius: 15px 15px 0px 0px;
}
.read-more {
    background-color: inherit;
    font-size: 24px;
    color: #fff;
    padding: 0.6rem 2rem;
    transition: 0.5s;
    border-radius:20px;
    border: 2px solid #fff;
}
.mb-6{margin-bottom:6rem;}
.cta-btn {
    background-color: #0e6b9e;
    font-size: 24px;
    color: #fff;
    padding: 0.6rem 2rem;
    border-radius: 5px;
    transition: 0.5s;
    font-weight: 600;vertical-align: top;
}
.cta-btn:hover {
    box-shadow: none;
    background-color: #4284C2e0;
    color: rgb(255, 255, 255);
}
.dotted-border-line {
    border-bottom: 1px dashed #dee2e6;
    margin-bottom: 3rem;
}
.dotted-border-line:last-child{border:none;margin: 0px;}
.border-btn {
    background: none;
    border: 2px solid #fff;
}
.border-btn:hover{background:none;}
.home-banner .caption h1 {
    font-weight: 600;color:#fff;
}

ul.right-broder-list li {
    padding: 0 15px 0 0;
    line-height: 20px;
    position: relative;
}
ul.right-broder-list li:last-child{border:none;}
.cta-btn-white {
    box-shadow: none;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    transform: translateY(5px);
    border-color: rgb(212, 206, 206);
    padding: 0.6rem 2rem;
    border-radius: 30px;
    transition: all 0.5s ease 0s;
    border-width: 4px;
    border-style: solid;
}
.cta-btn-black:hover{color:#ffffff59;}
a#scllTTp{right:30px;bottom:120px;height:46px;width:46px;position:fixed; z-index:10;visibility:hidden; opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:all .2s ease-in-out}
a#scllTTp.scllTTp-visible{visibility:visible;opacity:1}
/*blog*/
span.comments-link a {
    color: #0c67aa;
}

span.comments-link,span.cat-links,.posted-on {
    display: block;
    padding: 5px 0px;
}
.search-form {
    position: relative;
}
.search-form label {
    color: #333;
    display: block;
    font-weight: 800;
    margin-bottom: 0.5em;
}
.search-form input {
    color: #666;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 0.6em;
    width: 100%;
}
form.search-form {
    margin-bottom: 1.5rem;
}
.info.post-meta {
    color: #0c6ab7;
}
.post-meta .author a{color:#f4851e;}
.search-form .search-submit {
    bottom: 0;
    padding: 0.7em 1em;
    position: absolute;
    right: 0px;
    border: none;
    background: #f4851e;
    color: #fff;
}
#footer a{font-size:20px;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    padding-left: 0;
}
#footer ul{
    padding-left: 0;
    list-style: none;
}
footer .social-icons a {
    background: #0e6b9e;
    color: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    vertical-align: middle;
    text-align: center;
    padding: 8px;
    font-size: 24px;
}
footer .social-icons a:hover {
    background: #0e6b9ec9;
}
.footer-contact-info i {
    padding-right: 8px;
    font-size: 22px;
    color: #0e6b9e;
}
.social-icons li {display: inline-block;padding-right: 5px;}.social-icons li:last-child{padding-right:0px;}
footer ,footer a{
   color: #3e3e3e;
}
#footer a:hover{color:#2493c0;}
.copyright-footer{border-top:1px solid #0e6a9d2e;}
/****** Footer ******/
/* Home page css */
/*BANNER*/
.banner{background-image: url(images/banner.jpg);    min-height: 100vh;    background-size: cover;}
.banner:before{position:absolute; content:""; height:100%; width:100%; background:rgba(38, 56, 74, 0.8); top:0; left:0;}


.card-info {    bottom: 0;    left: 0;    width: 100%;}


/*pricing*/
.pricing{background-image:url("images/tours-start.jpg");background-size: cover;padding: 150px 0 380px;}



/*CONTACT*/
.bg-contact{    background: #f1b542;}
.bg-dark{    background-color: #212121 !important;}
.bg-contact .left-info{    line-height: 2.5;    letter-spacing: 0.5px;}
.bg-contact .fas{font-size:15px; }


/*GALLERY*/

.gallery .gallery-img{width:100%; cursor:pointer; transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in}
.gallery .gallery-img:hover{transform: scale(1.15)}
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 150px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1100px;
}

.close, .close:hover, .close:focus {
  color: white !important;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  opacity: 1;
  cursor: pointer;
}

.mySlides {  display: none;}
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: -10%;
  width: 40px;
  height: 40px;
  text-align: center;
  color: white !important;
  line-height: 40px;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 50%;
  user-select: none;
  -webkit-user-select: none;
}
.next {right: -10%;left: auto;}
.prev:hover,.next:hover {background-color: rgba(255, 255, 255, 1);color: black !important;}
@media only screen and (min-width: 1600px) {
body.home	.col-10 {
		max-width: 1470px;
	}
	
	#demo1 .carousel-caption h2 {
    font-size: 4rem;
}

#demo1 .carousel-caption h2 span {
    font-size: 1.5rem;
}
#demo1 .carousel-caption h2 span.subheading {
    font-size: 1.7rem;
}
	
}
@media (max-width: 1150px){
.carousel-caption h2 span {
    font-size: 2rem;
}
	.navbar-expand-lg .navbar-nav{margin-right:15px;}
	.home-banner .caption {
	    padding: 1em 0;
	}
	.home-banner .caption h1 {
    font-size: 1.5rem;
}
}
@media (max-width:991px){
.navbar-expand-lg .navbar-nav{margin-right:0px;}
.h1, h1 {
    font-size: 2rem;
}
body.page .navbar-brand img{width:100%;}

#demo1 .carousel img {
    height: 30vh;
}
.carousel-caption h2 span {
    font-size: 1.5rem;
}
#demo1 .carousel-caption h2 span.subheading {
    font-size: 1.3rem;
}
body.home #demo1 {
    padding-top: 60px;
}
ul.right-click.wordpress-services li {
    width: 50%;
    display: inline-block;
}
.nav.fixed-top a.navbar-brand {
    padding-top: 0px;
}
header .text-dark { padding: 2px;}
.app-box::before{display:none;}
.nav.fixed-top.bg-color {
     background: #fff; height: 60px;
}
.top-bar{position:fixed;background:#fff;z-index:99;padding-bottom: 0.5rem !important;}
a.contact-btn{padding: 8px 10px 8px 10px;margin-right: 10px;font-size: 24px;}
.py-6{padding-top:4rem!important; padding-bottom:4rem!important;}
.py-10{padding-top:5rem !important; padding-bottom:5rem!important;}
.header-navigation span {
    font-weight: 700;
}
.common-banner{padding:100px 0 60px;}
.navbar-nav .menu-item .sub-menu a {
    width: 90%;
    font-weight: 700;
    color: #000 !important;font-size:14px;font-size: 13px !important;padding-left: 5px !important;
}
.mcard-l{position: absolute;top: 1px;left: 90px;width: 75px;}
.abc .navbar-toggler {min-height: 50px;border-radius: unset;}

            .sidenav{
               position: fixed;
                right: 0px;
                width: 0;
                height: 100vh;
                z-index: 999;
                background: rgba(0, 0, 0, 0.9);
                top: 0px;
                transform: translateX(0%);
                transition: all 0.5s;
                overflow-y: scroll;
            }
            .abc.sidenav{width: 75%;}
            .abc.collapse:not(.show) {
                display: inherit;
                transform: translateX(100%);
            }
            .sidenav>button{font-size: 26px;    font-weight: bold;}
            li.menu-item-has-children:after{position: absolute; content: "\f0da"; right: 15px; font-size: 22px; line-height: 35px; font-family: "Font Awesome 5 Free";color:#fff;top:10px}
            ul.navbar-nav li.menu-item-has-children.open-m-menu:after{content: "\f0d7";}
            .sidenav ul li{text-align: left; padding: 0 !important;}
            .sidenav ul li a{        padding:8px 15px !important;
    width: 75%;
    color: #fff !important;
    font-weight: 300 !important;
    font-size: 1rem !important;text-transform:initial !important;}
            ul.navbar-nav li.menu-item-has-children .sub-menu li{border: 0 !important;}
            ul.navbar-nav li.menu-item-has-children .sub-menu {
                position: relative;
                width: 100%;
                background: #fff !important;
                box-shadow: none;
            }
            ul.navbar-nav li.menu-item-has-children ul,ul.navbar-nav li.menu-item-has-children:hover ul.sub-menu{display:none;position: relative;}
            ul.navbar-nav li.menu-item-has-children.open-m-menu ul.sub-menu{display:block;position: relative;border-left: 1px solid #000; padding-left: 5px;}
            ul.navbar-nav li.menu-item-has-children:hover .sub-menu a{color: #000 !important;font-size:14px !important}
	ul li.menu-item-has-children{
    font-weight: 900;

    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
}
@media only screen and (max-width: 767px) {
	h5,.h5{font-size:1rem;}
.no-shadow{box-shadow:none!important;}
.container-fluid > .container{padding:0px;margin:0px;}
ul.threecolumn li,ul.twocolumn li {
    width: 100%;
    display: inline-block;
}
body.home #demo1 {
    padding-top: 50px;
}
#demo1 .carousel-caption h2 span.subheading {
    font-size: 1rem;
}
.h1, h1 {
    font-size: 1.5rem;
}
.nav.fixed-top.bg-color {
    height: 50px;
}
.carousel-caption h2 span {
    font-size: 1.2rem;
}
.h3, h3 {
    font-size: 1.2rem;
}.h2, h2 {
    font-size: 1.5rem;
}
section p{text-align:left;}
ul.right-click.wordpress-services li {
    width: 100%;
    display: inline-block;
}
.noshadow{box-shadow: none !important;}
i.sprite-img.phone{display:none;}
.title {font-size:2rem;}
.sub-title{font-size:1.5rem;}
.title-desc {font-size: 1rem;}
.cta-button {
    font-size: 1.5rem;
}
.bg-yellow p{font-size:16px;}
.home-banner .banner-sec .caption {
    position:relative;background:#fff;
}
.home-banner .caption h1 {
    font-size: 1.5rem;color:#000 !important;
}
     img.w-50{width:80% !important;}
	.common-banner h1 strong{font-size:2rem;}
	#footer h5{border:none;}
	ul.topbar{ text-align: center;padding-top: 20px !important;}
	ul.topbar li {
    display: inline-block;
    padding-left: 5px;
    color: #fff;
    font-size:14px;
   
}
ul#menu-main-menu {
    margin-top: 20px;
}
.navbar-nav .menu-item:last-child{border:none;}
.banner-img{background:none;}
.home-banner {
    background: linear-gradient(45deg, #00000066, #000000, #0c0c0ce3, #060606ad);
}
ul.twocolumn li,ul.threecolumn li {
font-size: 14px;padding: 0 0 0 20px;line-height: 20px;
}
ul.right-click li:before {font-size:16px;}
ul.threecolumn,ul.twocolumn {
padding-left:0px;width:100%;
}
}
@media only screen and (max-width: 440px){
.cta-button {
    padding: 0.5rem !important;min-width: 50%;font-size: 1.2rem;
}
.common-banner {
    padding: 70px 0px 20px 0px;
}
.dotted-border-line {
    margin-bottom: 1.5rem;
}
.display-4{font-size:1.8rem;}
#demo1 .carousel-item img{min-height:200px;}
#demo1 .carousel-caption h2 {
    font-size: 1.5rem !important;
}
.topbar.left-topmenu{width:110px}
.abc .navbar-toggler {
    min-height: 55px;
    border-radius: unset;
}
.navbar-brand{position: relative;max-width: 150px;padding: 0px;}
ul.topbar {padding-top: 0px !important;}
a.contact-btn{font-size: 16px;padding: 5px;}
.home-banner .caption h1 {
    font-size: 1.2rem;
}
.cta-btn{font-size:18px;}
img.w-50 {
    width: 100% !important;
}
.mcard-l {left: 60px;}
}
@media only screen and (max-width: 991px) and (min-width: 500px){
.m-p{
    padding: 0px 12px;
}
.m-p img.img-responsive {
    width: 60px;
}
}

/*nav .navbar-collapse ul.navbar-nav li ul.sub-menu:before {
    width: 0;
    height: 0;
    top: -10px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: transparent;
    border-top-color: #fff;
    right: 0px;
    left:0px;
    margin:0 auto;
    content: '';
    position: absolute;
    transform: rotate(180deg);
}*/

ul.sub-menu a:before {
    width: 90%;
    left: 22px !important;
}
.page-sidebar ul ul {
    list-style: none;
    padding: 0px;
}
.common-banner h4 {
    font-size: 1.5rem;
}

/* CSS for Mobile */
.m-copright {
    background-color: #60656c;
    color: #999;
    font-size: 11px;
    line-height: 17px;
}
.mobile-footer a {
    color: #0098D4;
    font-weight: 700;
}
section#app-sec {
    background: #0098D4;
}
/* product plans*/
#buynow-sec .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

#buynow-sec hr {
  margin: 1.5rem 0;
}

#buynow-sec .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

#buynow-sec .card-price {
  font-size: 3rem;
  margin: 0;
}

#buynow-sec .card-price .period {
  font-size: 0.8rem;
}

#buynow-sec ul li {
  margin-bottom: 1rem;
}

#buynow-sec .text-muted {
  opacity: 0.7;
}

#buynow-sec .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
 #buynow-sec .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
 #buynow-sec .card:hover .btn {
    opacity: 1;
  }
}
/* cookiealert */
.cookiealert{position:fixed;bottom:0;left:0;width:100%;margin:0!important;z-index:999;opacity:0;border-radius:0;background:#212327;transform:translateY(100%);transition:all 500ms ease-out;color:#ecf0f1}.cookiealert.show{opacity:1;transform:translateY(0%);transition-delay:1000ms}.cookiealert a{text-decoration:underline}.cookiealert .acceptcookies{margin-left:10px;vertical-align:baseline}