/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
.container4 { 
text-align:center; border:0px solid #000000; /*border-width:5px 1px 1px 1px;*/ height:30px;
margin:0 0 20px 0; /* for this demo only */
}

.footer2_was{
    float: left;
    width: 100%;
    clear: both;
    color: rgba(255,255,255,0.8);
    text-align: center;
    margin-top: 35px;
}
.footer3_was{
    float: left;
    width: 100%;
    clear: both;
    color: rgba(255,255,255,0.8);
    text-align: center;
    margin-top: 5px;
}
.footersocial li{
    padding:0px 10px 0px 10px;
}

#try_free{

    border-radius: 0.25rem;
    border: 1px solid transparent;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    position: relative;
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-box-shadow: 0 20px 25px -12px rgb(0 0 0 / 9%);
    box-shadow: 0 20px 25px -12px rgb(0 0 0 / 9%);
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    font-size: 1.14286rem;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    background-color: #0055b8;
    padding-top: 0.57143rem;
    padding-bottom: 0.57143rem;
    padding-left: 1.78571rem;
    padding-right: 1.78571rem rem;
    text-decoration: none;
}
.try{
   border-radius: 0.25rem; 
   transform: skewX(-20deg);
}
.try_2{
   line-height: 1.5; */
    border-radius: 0.25rem;
    border: 1px solid transparent;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    position: relative;
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-box-shadow: 0 20px 25px -12px rgb(0 0 0 / 9%);
    box-shadow: 0 20px 25px -12px rgb(0 0 0 / 9%);
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    font-size: 1.14286rem;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    background-color: #0055b8;
    padding-top: 0.57143rem;
    padding-bottom: 0.57143rem;
    padding-left: 1.78571rem;

    padding-right: 1.78571rem;
    text-decoration: none;
}
#try_btn{
   border-radius: 0.25rem; 
   transform: skewX(-20deg);
   background-color: #0055b8;
    color: #fff !important;
    padding: 5px 20px 5px 20px; 
}

#try:hover{
   border-radius: 0.25rem; 
   transform: skewX(-20deg);
}
.mymenu{display: flex; justify-content: space-between; /*padding: 19px 0 30px 0px;*/padding: 0px 0 32px 0px;}
.menu4 {width:auto; font-size:16px; text-transform:uppercase;  position: relative; z-index: 100;}
.menu4 ul {margin:0;margin-left:0px;padding:0px;list-style:none;}
.menu4 ul li {position:relative; padding-left:0px;}

.menu4 ul li a{background:url(../images/divider.jpg) no-repeat right;}
.menu4 ul li a.last{background-image:none;}
.menu4 ul li a, .menu4 ul li a:visited {padding: 0 19px; text-align: center;text-decoration: none; color: #302105; display:block; line-height: 18px; }

.menu4 ul li ul {visibility:hidden; position:absolute; top:0; left:0px; height:0; overflow:hidden;background:none; z-index:100;}
.menu4 table {margin:-1px; border-collapse:collapse; font-size:1em;}

.menu4 ul li:hover a,
.menu4 ul li a:hover,
.menu4 ul li a.active{color: #e0c48d; text-decoration:none;}

.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {visibility:visible; width:155px; margin-left:8px; height:auto; position:absolute; top:50px; left:-8px; border:0px solid #000000; overflow:visible;}

.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {display:block; border:0px solid #00FF33; background:#7e413e; text-align:left; text-decoration:none; color:#ffffff; height:auto; line-height:1.3em; padding:8px; width:110px; w\idth:20px; /*opacity:0.8;filter:alpha(opacity=80);*/}

.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {display:block; color:#ffffff; height:auto; line-height:1.35em;  padding-top:5px; padding-bottom:5px; width:170px; width:125px;}

.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;}

.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {color:#FFFFFF!important; text-decoration:none; background:#520110!important; }

.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; top:0; color:#000; left:145px!important; height:auto; border:0px solid #000000; background:url(./images/spacer.gif)!important; width:180px!important;  padding-top:5px!important; z-index:1000!important; padding-bottom:5px!important;}

.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {left:-166px;}

.menu4 ul li:hover ul li:hover ul li,
.menu4 ul li a:hover ul li a:hover ul li{ background: none!important; }

.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {text-decoration:none!important; display:block; color:#ffffff!important; height:auto; line-height:1.2em;  padding-top:4px; padding-bottom:7px; width:170px; w\idth:140px;
background-color:#302105; }

* html .menu4 ul li a:hover ul li a:hover ul li a { padding-top:5px; padding-bottom:5px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {color:#000000!important; text-decoration:underline; background:none!important; text-decoration:none!important;}

.menu4 .btn-try-free a{background-color: #ff6347; color: #fff !important; padding: 13px 28px;/* border-radius: 6px;*/ font-size: 16px;}
.menu4 .btn-try-free {padding: 0 !important; margin-left: 18px; margin-top: 7px;}
.menu4 .btn-try-free a::after{display: none !important;}
.menu4 .btn-try-free a:hover{background-color: rgb(58 58 58);}

@media (max-width:991px) {
    .mymenu{display: block; padding: 0;}
    #drop_menu ul li a{padding: 15px 0 !important;}
    #drop_menu ul li a::after{display: none !important;}
    #drop_menu ul li{border-top: 0 !important;}
    #sidebar-wrapper.active { width: 340px !important;}
    .about .right, .about .left{float: none; width: 100%;}
    .about .left{padding-top: 0 !important; padding-bottom: 30px !important;}
    .like-services-row .left{display: none;}
    .like-services-row .right{width: 100%; float: none;}
    .download-app-store .store-detail .right-img img{width: 100%;}
    .navbar-brand{float: none !important;}
    .about .right img{width: 100%; object-fit: cover;}
}

@media (max-width:767px) {
    .download-app-store .store-detail .left-text {
     width: 100%;
     padding: 20px 20px;
    }
}
@media (max-width:575px) {
    .usp ul li{border-right: 0; border-bottom: 3px dotted #929ca8; margin-bottom: 50px; padding-bottom: 30px;}
    .like-services-row h2 {font-size: 26px;}
    .menu-logo a{display: block; text-align: center; width: 100%;}
    .menu-logo a img{max-width: 250px;}
    .download-app-store .store-detail h2 { font-size: 24px;}
    .download-app-store .playstore-btn a{margin-bottom: 15px;}
}

@media (max-width:479px) {
    .like-services-row .right{display: block; height: auto; padding: 60px 0;margin-top: 1px;}
    .like-services-row .right::after {
        bottom: 20px;
        left: 0;
    }
    .like-services-row h2 {
        margin-bottom: 25px;
    }
    .download-app-store .store-detail{display: block;}
    .download-app-store .store-detail .right-img{width: 100%; float: none;}
    .download-app-store .container{background-size: cover;}
}

@media only screen and (min-width:1180px) and (max-width:1280px) {

}

@media only screen and (min-width:960px) and (max-width:1179px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

}

@media only screen and (min-width: 640px) and (max-width: 767px) {

}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	
}