/* خط كوفي - الوزن العادي */
@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/DroidKufi-Regular.eot');
    src: url('fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidKufi-Regular.woff2') format('woff2'),
         url('fonts/DroidKufi-Regular.woff') format('woff'),
         url('fonts/DroidKufi-Regular.ttf') format('truetype');
           font-display: swap;

}

/* خط كوفي - الوزن العريض */
@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/DroidKufi-Bold.eot');
    src: url('fonts/DroidKufi-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidKufi-Bold.woff2') format('woff2'),
         url('fonts/DroidKufi-Bold.woff') format('woff'),
         url('fonts/DroidKufi-Bold.ttf') format('truetype');
           font-display: swap;

}
html,
button,
input,
textarea,
a {
    font-family: 'Droid Arabic Kufi', arial;
}

.dropcap {
    float: right;
    padding-right: 3px;
    margin-left: 5px;
}

.loader-item {
    right: 50%;
    margin: -20px -20px 0 0;
}

.intro-direction {
    right: 50%;
}

.mouse-icon .wheel {
    margin-right: auto;
    margin-left: auto;
}

ol li {
    margin-right: 20px;
}

ul.icon-list {
    text-align: right;
}

ul.icon-list li i,
ul.icon-list-underline li i {
    margin-left: 10px;
}

.heading-desc {
    margin-right: auto;
    margin-left: auto;
}

.heading-dashed-icon span,
.heading-dotted-icon span,
.heading-double-icon span,
.heading-solid-icon span {
    float: right;
}

.heading-daouble-icon span span,
.heading-dashed-icon span span,
.heading-dotted-icon span span,
.heading-solid-icon span span {
    float: left;
}

.heading-dashed-icon i,
.heading-dotted-icon i,
.heading-double-icon i,
.heading-solid-icon i {
    float: right;
    margin-right: 10px;
    margin-left: 10px;
}

.modal-footer {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-heading i {
    margin-left: 10px;
}

.accordian-toggle-arrow-left:after,
.accordian-toggle-arrow-right:after,
.accordian-toggle-chevron-left:after,
.accordian-toggle-chevron-right:after,
.accordian-toggle-plus-left:after,
.accordian-toggle-plus-right:after,
.accordian-toggle-plus-sign-left:after,
.accordian-toggle-plus-sign-right:after {
    margin-right: 15px;
}

.accordian-toggle-arrow-left:after,
.accordian-toggle-chevron-left:after,
.accordian-toggle-plus-left:after,
.accordian-toggle-plus-sign-left:after {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

.accordian-toggle-arrow-right:after,
.accordian-toggle-chevron-right:after,
.accordian-toggle-plus-right:after,
.accordian-toggle-plus-sign-right:after {
    float: left;
}

.button i,
.button-3d i,
.button-o i {
    margin-right: 15px;
    margin-left: 0;
}

.content-box {
    float: right;
}

.content-box.content-box-left {
    text-align: right;
}

.content-box.content-box-right {
    text-align: left;
}

.content-box.content-box-left i,
.content-box.content-box-left span {
    margin-right: 0;
}

.content-box.content-box-right i,
.content-box.content-box-right span {
    margin-left: 0;
}

.content-box.content-box-right-icon,
blockquote.blockquote-pasific-reverse {
    text-align: left;
}

.content-box.content-box-left-icon i,
.content-box.content-box-left-icon span {
    float: right;
    margin: 0 0 0 15px;
}

.content-box.content-box-left-icon h4,
.content-box.content-box-left-icon h5 {
    float: right;
}

.content-box.content-box-left-icon p {
    float: right;
}

.content-box-left-icon.content-box-icon h4,
.content-box-left-icon.content-box-icon h5,
.content-box-left-icon.content-box-icon-circle h4,
.content-box-left-icon.content-box-icon-circle h5,
.content-box-left-icon.content-box-icon-o h4,
.content-box-left-icon.content-box-icon-o h5,
.content-box-left-icon.content-box-icon-o-circle h4,
.content-box-left-icon.content-box-icon-o-circle h5 {
    margin: 0 90px 0 0;
    float: right;
}

.content-box-left-icon.content-box-icon p,
.content-box-left-icon.content-box-icon-circle p,
.content-box-left-icon.content-box-icon-o p,
.content-box-left-icon.content-box-icon-o-circle p {
    float: right;
    margin: 10px 90px 0 0;
}

.content-box.content-box-right-icon i,
.content-box.content-box-right-icon span {
    float: left;
    margin: 0 0 0 15px;
}

.content-box.content-box-right-icon h4,
.content-box.content-box-right-icon h5 {
    margin-left: 80px;
}

.content-box.content-box-right-icon p {
    margin-left: 20px;
    float: left;
}

.content-box-right-icon.content-box-icon i,
.content-box-right-icon.content-box-icon span,
.content-box-right-icon.content-box-icon-circle i,
.content-box-right-icon.content-box-icon-circle span,
.content-box-right-icon.content-box-icon-o i,
.content-box-right-icon.content-box-icon-o span,
.content-box-right-icon.content-box-icon-o-circle i,
.content-box-right-icon.content-box-icon-o-circle span {
    left: 0;
}

.content-box-right-icon.content-box-icon h4,
.content-box-right-icon.content-box-icon h5,
.content-box-right-icon.content-box-icon-circle h4,
.content-box-right-icon.content-box-icon-circle h5,
.content-box-right-icon.content-box-icon-o h4,
.content-box-right-icon.content-box-icon-o h5,
.content-box-right-icon.content-box-icon-o-circle h4,
.content-box-right-icon.content-box-icon-o-circle h5 {
    margin: 0 0 0 100px;
    float: left;
}

.content-box-right-icon.content-box-icon p,
.content-box-right-icon.content-box-icon-circle p,
.content-box-right-icon.content-box-icon-o p,
.content-box-right-icon.content-box-icon-o-circle p {
    margin: 10px 0 0 100px;
}

blockquote,
blockquote.blockquote-pasific {
    border-left: 0;
    border-right-width: 5px;
    border-right-style: solid;
}

blockquote.blockquote-pasific-reverse,
blockquote.blockquote-reverse {
    border-right: 0;
    border-left-width: 5px;
    border-left-style: solid;
}

blockquote.blockquote-pasific-has-photo img {
    float: right;
    margin-left: 20px;
}

blockquote.blockquote-pasific-has-photo footer,
blockquote.blockquote-pasific-has-photo p {
    margin-right: 100px;
}

blockquote.blockquote-pasific-has-photo-reverse img {
    float: left;
    margin-right: 20px;
}

blockquote.blockquote-pasific-has-photo-reverse footer,
blockquote.blockquote-pasific-has-photo-reverse p {
    margin-left: 100px;
    text-align: left;
}

.price-three .price-badge {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.price-four {
    float: right;
}

.price-four .price-body {
    float: right;
}

.price-four .price-body ul li {
    padding: 10px 20px 10px 0;
    text-align: right;
}

.price-four .price-body ul li i,
.price-four .price-body ul li span {
    margin-left: 10px;
}

.price-four .price-footer {
    float: right;
}

.price-five {
    float: right;
}

.price-five .price-body,
.price-five .price-footer,
.price-five .price-header {
    float: right;
}

.price-five .price-header {
    border-left: 1px solid #ddd;
}

.nav-tabs li a {
    margin-left: 2px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.nav-pills>li+li {
    margin-right: 2px;
}

.nav-pills-vertical li a {
    margin-left: 0;
}

.nav-tabs-vertical ul {
    float: right;
}

.nav-tabs-vertical li a {
    margin-left: 0;
    padding-left: 50px;
    border-right: 3px solid #f1f2f2;
    border-left: 1px solid #f1f2f2;
}

.nav-tabs-vertical li a:hover {
    border-left: 0;
    border-right-width: 3px;
    border-right-style: solid;
}

.nav-tabs-vertical li.active,
.nav-tabs-vertical li.active a {
    border-left: 0;
    border-right-width: 3px;
    border-right-style: solid;
}

.table.table-colored th {
    border-left: 1px solid #fff;
}

.table.table-colored th:last-child {
    border-left: 0;
}

.testimonial .testimonial-footer i,
.testimonial .testimonial-header i {
    margin-left: 5px;
}

.testimonial .testimonial-footer a {
    margin-right: 5px;
}

.testimonial-left {
    text-align: right;
}

.testimonial-right {
    text-align: left;
}

.testimonial-left .testimonial-header {
    float: right;
    margin-left: 20px;
}

.testimonial-right .testimonial-header {
    float: left;
    margin-right: 20px;
}

.testimonial-left .testimonial-footer {
    margin-right: 80px;
}

.testimonial-right .testimonial-footer {
    margin-left: 80px;
}

.testimonial-triangle-isosceles .testimonial-body:after {
    right: 50px;
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body:after {
    right: 48%;
}

.testimonial-triangle-isosceles.top .testimonial-body:after {
    left: 50px;
    right: auto;
}

.testimonial-triangle-isosceles .testimonial-footer {
    padding: 10px 55px 0 0;
}

.testimonial-triangle-isosceles .testimonial-footer img {
    float: right;
    margin: -10px 0 0 20px;
}

.testimonial-triangle-isosceles .testimonial-footer a {
    margin-right: 0;
}

.testimonial-triangle-isosceles.top .testimonial-header {
    padding-left: 55px;
    text-align: left;
}

.testimonial-triangle-isosceles.top .testimonial-header img {
    float: left;
    margin: -10px 20px 0 0;
}

.testimonial-triangle-isosceles.top .testimonial-header a {
    margin-right: 0;
}

.testimonial-triangle-isosceles.top .testimonial-header i {
    float: left;
    margin-right: 10px;
}

.navbar-container {
    left: 0;
    right: 0;
}

.navbar-pasific .navbar-brand img {
    float: right;
    margin-left: 10px;
}

.navbar-pasific .container-fluid .navbar-brand img {
    margin-right: 20px;
}

.navbar-pasific .container .navbar-brand img {
    margin-right: 0;
}

.megamenu .dropdown-menu li i {
    margin-left: 10px;
}

.megamenu .dropdown-menu {
    right: auto;
    text-decoration: rtl;
}

.megamenu .dropdown-menu .withoutdesc {
    text-align: right;
}

.megamenu .dropdown-menu .withoutdesc ul li {
    padding: 7px 0 7px 10px;
}

.megamenu .dropdown-submenu>.dropdown-menu {
    right: 100%;
    margin-right: 0;
}

.megamenu .dropdown-submenu>a:after {
    float: left;
    border-color: transparent #ccc transparent transparent;
    border-width: 5px 5px 5px 0;
    margin-left: -10px;
}

.megamenu .dropdown-menu.has-submenu.pull-left {
    text-align: left;
    left: 30px;
}

.megamenu .container-fluid .fullwidth {
    margin-right: auto !important;
    margin-left: auto !important;
}

.megamenu .half {
    right: auto !important;
    left: auto !important;
}

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    right: 0;
    left: 0;
}

.megamenu ul {
    padding-right: 0;
}

.team-one .team-social {
    margin-left: 5px;
}

.team-two .team-social {
    right: 35%;
}

.team-two .team-social a {
    margin-left: 5px;
}

.team-two .team-social a:last-child {
    margin-left: 0;
}

.team-three {
    text-align: right;
}

.team-three h5 {
    margin-right: 20px;
}

.team-three p {
    padding-right: 20px;
}

.team-three .team-social {
    left: 20px;
}

.team-four .team-social {
    margin-left: 5px;
}

.team-five img {
    float: right;
    margin-left: 30px;
}

.team-five a.button,
.team-five a.button-3d,
.team-five a.button-o {
    left: 30px;
}

.team-seven {
    float: right;
}

.team-seven-overlay {
    right: 0;
}

#portfolioMasonry .portfolio-masonry-one-item,
#portfolioMasonry .portfolio-masonry-two-item {
    float: right;
}

#portfolioGrid .portfolio .portfolio-item a {
    float: right;
}

#blog nav ul {
    padding-right: 20px;
}

#blog nav ul li {
    margin-left: 20px;
}

#blog form.blog-form-search input[type=text] {
    border-right: 1px solid #e7e7e7;
    border-bottom-left-radius: 4px;
}

#blog form.blog-form-search button {
    margin-left: 10px;
}

.blog-one .blog-one-attrib .blog-author-photo {
    float: right;
    margin-left: 10px;
}

.blog-one .blog-one-attrib .blog-author-name {
    margin-left: 20px;
    float: right;
}

.blog-one .blog-one-attrib .blog-date {
    float: left;
}

.blog-one .blog-one-attrib .blog-category {
    float: left;
    margin-right: 10px;
}

.blog-one .blog-one-body {
    float: right;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.blog-one .blog-one-footer {
    padding-right: 25px;
}

.blog-one .blog-one-footer i {
    margin-left: 5px;
    margin-right: 20px;
}

.blog-three-attrib i.fa {
    padding-left: 5px;
}

.blog-three-attrib div {
    margin: 0 0 0 10px;
}

ul.breadcrumb li {
    margin-left: 15px;
}

.blog-post-author-name,
.blog-post-comment-name,
ul.breadcrumb li:before {
    margin-left: 10px;
}

.blog-post-author img,
.blog-post-comment img {
    margin-left: 30px;
    float: right;
}

.blog-post-author p,
.blog-post-comment p {
    margin-right: 90px;
}

.blog-post-comment-reply {
    margin-right: 90px;
}

.blog-leave-comment-input {
    float: right;
    margin-left: 10px;
}

#blog .blog-sidebar-form-search input {
    float: right;
}

#blog .blog-sidebar-form-search button {
    margin-left: 5px;
}

#blog .blog-sidebar-popular-post-container img {
    margin-left: 10px;
}

.shop-item-container-out {
    margin-left: 30px;
}

.shop-item-detail-photo-active {
    margin-right: 12%;
    float: right;
}

#shop-item-detail-photo-gallery {
    padding-right: 25px;
}

a.add-to-cart {
    right: 0;
}

.shop-label {
    float: right;
}

.shop-control-next,
.shop-control-prev {
    margin-left: 10px;
}

#sidebar ul.shop-sidebar li:before {
    float: right;
    margin-left: 15px;
}

#sidebar ul.tag li {
    float: right;
    margin: 0 0 5px 5px;
}

#sidebar ul.shop-sidebar-checkbox input[type=checkbox] {
    margin-left: 10px;
}

#sidebar .shop-by-color {
    float: right;
    margin-left: 5px;
}

.shop-sidebar-checkbox label:before {
    margin-left: 10px;
    right: 0;
}

.shop-sidebar-checkbox label {
    padding-right: 25px;
    margin-left: 15px;
}

#shop .shop-sidebar-cart .sidebar-cart-container img {
    margin-left: 10px;
}

.input-newsletter-container {
    float: right;
    margin-left: 20px;
}

.progress-bar {
    float: right;
}

.progress-transparent.right .progress-bar,
.progress.right .progress-bar {
    left: 0;
}

.progress-transparent.right .progressbar-front-text,
.progress.right .progressbar-front-text {
    left: 0;
}

.circle-progress .circle-progress-value {
    right: 0;
}

.contact.contact-us-one {
    float: right;
}

.statusMessage {
    float: right;
    right: 0;
    left: 0;
}

.navbar-brand-footer {
    padding-right: 40px;
}

.social.social-three a,
.social.social-two a {
    float: right;
    margin-left: 5px;
}

.pos-absolute-right {
    left: 0;
}

.pos-absolute-left {
    right: 0;
}

.pr0 {
    padding-left: 0;
}

.pr5 {
    padding-left: 5px;
}

.pr10 {
    padding-left: 10px;
}

.pr15 {
    padding-left: 15px;
}

.pr20 {
    padding-left: 20px;
}

.pr25 {
    padding-left: 25px;
}

.pr30 {
    padding-left: 30px;
}

.pr35 {
    padding-left: 35px;
}

.pr40 {
    padding-left: 40px;
}

.pr45 {
    padding-left: 45px;
}

.pr50 {
    padding-left: 50px;
}

.pr55 {
    padding-left: 55px;
}

.pr60 {
    padding-left: 60px;
}

.pr65 {
    padding-left: 65px;
}

.pr70 {
    padding-left: 70px;
}

.pr75 {
    padding-left: 75px;
}

.pr80 {
    padding-left: 80px;
}

.pr85 {
    padding-left: 85px;
}

.pr90 {
    padding-left: 90px;
}

.pr95 {
    padding-left: 95px;
}

.pr100 {
    padding-left: 100px;
}

.pl0 {
    padding-right: 0;
}

.pl5 {
    padding-right: 5px;
}

.pl10 {
    padding-right: 10px;
}

.pl15 {
    padding-right: 15px;
}

.pl20 {
    padding-right: 20px;
}

.pl25 {
    padding-right: 25px;
}

.pl30 {
    padding-right: 30px;
}

.pl35 {
    padding-right: 35px;
}

.pl40 {
    padding-right: 40px;
}

.pl45 {
    padding-right: 45px;
}

.pl50 {
    padding-right: 50px;
}

.pl55 {
    padding-right: 55px;
}

.pl60 {
    padding-right: 60px;
}

.pl65 {
    padding-right: 65px;
}

.pl70 {
    padding-right: 70px;
}

.pl75 {
    padding-right: 75px;
}

.pl80 {
    padding-right: 80px;
}

.pl85 {
    padding-right: 85px;
}

.pl90 {
    padding-right: 90px;
}

.pl95 {
    padding-right: 95px;
}

.pl100 {
    padding-right: 100px;
}

.mr0 {
    margin-left: 0;
}

.mr5 {
    margin-left: 5px;
}

.mr10 {
    margin-left: 10px;
}

.mr15 {
    margin-left: 15px;
}

.mr20 {
    margin-left: 20px;
}

.mr25 {
    margin-left: 25px;
}

.mr30 {
    margin-left: 30px;
}

.mr35 {
    margin-left: 35px;
}

.mr40 {
    margin-left: 40px;
}

.mr45 {
    margin-left: 45px;
}

.mr50 {
    margin-left: 50px;
}

.mr55 {
    margin-left: 55px;
}

.mr60 {
    margin-left: 60px;
}

.mr65 {
    margin-left: 65px;
}

.mr70 {
    margin-left: 70px;
}

.mr75 {
    margin-left: 75px;
}

.mr80 {
    margin-left: 80px;
}

.mr85 {
    margin-left: 85px;
}

.mr90 {
    margin-left: 90px;
}

.mr95 {
    margin-left: 95px;
}

.mr100 {
    margin-left: 100px;
}

.ml0 {
    margin-right: 0;
}

.ml5 {
    margin-right: 5px;
}

.ml10 {
    margin-right: 10px;
}

.ml15 {
    margin-right: 15px;
}

.ml20 {
    margin-right: 20px;
}

.ml25 {
    margin-right: 25px;
}

.ml30 {
    margin-right: 30px;
}

.ml35 {
    margin-right: 35px;
}

.ml40 {
    margin-right: 40px;
}

.ml45 {
    margin-right: 45px;
}

.ml50 {
    margin-right: 50px;
}

.ml55 {
    margin-right: 55px;
}

.ml60 {
    margin-right: 60px;
}

.ml65 {
    margin-right: 65px;
}

.ml70 {
    margin-right: 70px;
}

.ml75 {
    margin-right: 75px;
}

.ml80 {
    margin-right: 80px;
}

.ml85 {
    margin-right: 85px;
}

.ml90 {
    margin-right: 90px;
}

.ml95 {
    margin-right: 95px;
}

.ml100 {
    margin-right: 100px;
}

.ml-5 {
    margin-right: -5px;
}

.ml-10 {
    margin-right: -10px;
}

.ml-15 {
    margin-right: -15px;
}

.ml-20 {
    margin-right: -20px;
}

.ml-25 {
    margin-right: -25px;
}

.ml-30 {
    margin-right: -30px;
}

.ml-35 {
    margin-right: -35px;
}

.ml-40 {
    margin-right: -40px;
}

.ml-45 {
    margin-right: -45px;
}

.ml-50 {
    margin-right: -50px;
}

.ml-55 {
    margin-right: -55px;
}

.ml-60 {
    margin-right: -60px;
}

.ml-65 {
    margin-right: -65px;
}

.ml-70 {
    margin-right: -70px;
}

.ml-75 {
    margin-right: -75px;
}

.ml-80 {
    margin-right: -80px;
}

.ml-85 {
    margin-right: -85px;
}

.ml-90 {
    margin-right: -90px;
}

.ml-95 {
    margin-right: -95px;
}

.ml-100 {
    margin-right: -100px;
}

.ml-110 {
    margin-right: -110px;
}

.ml-120 {
    margin-right: -120px;
}

.ml-130 {
    margin-right: -130px;
}

.ml-140 {
    margin-right: -140px;
}

.ml-150 {
    margin-right: -150px;
}

.hover-sweep-to-left:before,
.hover-sweep-to-right:before {
    right: 0;
    left: 0;
}

.hover-sweep-to-bottom:before,
.hover-sweep-to-top:before {
    right: 0;
    left: 0;
}

.hover-bounce-to-right:before {
    right: 0;
    left: 0;
}

.hover-bounce-to-left:before {
    right: 0;
    left: 0;
}

.hover-bounce-to-bottom:before {
    right: 0;
    left: 0;
}

.hover-bounce-to-top:before,
.hover-radial-out:before {
    right: 0;
    left: 0;
}

.hover-radial-in:before,
.hover-rectangle-in:before {
    right: 0;
    left: 0;
}

.hover-rectangle-out:before,
.hover-shutter-in-horizontal:before {
    right: 0;
    left: 0;
}

.hover-shutter-in-vertical:before,
.hover-shutter-out-horizontal:before {
    right: 0;
    left: 0;
}

.hover-shutter-out-vertical:before {
    right: 0;
    left: 0;
}

.hover-trim:before {
    right: 4px;
    left: 4px;
}

.hover-ripple-out:before {
    left: 0;
    right: 0;
}

.hover-ripple-in:before {
    left: -12px;
    right: -12px;
}

.widget_tag_cloud {
    font-size: 12px !important;
    display: inline-block;
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid #fafafa;
    line-height: 14px;
    margin: 3px;
    padding: 6px 10px;
    border-radius: 10px;
}

.widget_tag_cloud:hover {
    font-size: 12px !important;
    display: inline-block;
    background: #fafafa;
    border: 1px solid #000;
    line-height: 14px;
    margin: 3px;
    padding: 6px 10px;
    border-radius: 15px;
}

@media(min-width:766px) {
    .navbar-mp .navbar-main-collapse {
        float: left;
    }
}

@media (max-width:766px) {
    .navbar-mp .dropdown-submenu>ul.dropdown-menu {
        padding-right: 20px;
    }

    .navbar-mp .navbar-brand img {
        margin-right: 0 !important;
    }
}

@media (min-width:780px) {
    .megamenu .dropdown-menu.has-submenu .dropdown-submenu .dropdown-menu {
        right: -160px;
    }

    .megamenu .dropdown-menu.has-submenu {
        margin-right: -100px;
    }
}

@media screen and (max-width:650px) {
    .call-now {
        position: fixed;
        bottom: 8px;
        right: 85px;
        z-index: 111;
    }

    .call-now a {
        color: #fff;
    }

    .call-now a:hover {
        color: #fff;
        font-size: 30px;
    }

    .call-now .whatsapp:hover {
        background-color: #075e54;
    }

    .call-now .whatsapp {
        background-color: #25d366;
    }

    .call-now li {
        background-color: #181829;
        color: #fff;
        font-size: 25px;
        -webkit-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
        box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
        width: 60px;
        height: 60px;
        line-height: 60px;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        float: right;
        margin-left: 7px;
    }

    .headsticky {
        position: fixed;
        top: 0;
        z-index: 1000;
        right: 0;
        left: 0;
    }

    @media(max-width: 768px) {
        .scrollup {}

        .call-now {
            right: 20px;
        }

        .call-now li {
            width: 50px;
            height: 50px;
            line-height: 50px;
        }
    }
}

.icon-float {
    position: fixed;
    width: 80px;
    height: 80px;
    bottom: 40px;
    left: 40px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 50px;
    z-index: 100;
    animation: icon-float 3s infinite ease-in-out
}

.icon-float:hover {
    background-color: #d79b52;
    transition: .3s ease-in-out
}

.icon-float:hover .my-float {
    transform: rotate(360deg);
    transition: .3s ease-in-out
}

.icon-float .float {
    position: relative;
    color: #fff;
    z-index: 9999
}

.icon-float .float:hover {
    color: #fff
}

.icon-float .my-float {
    height: auto;
    position: relative;
    top: calc(50% - (50px / 2));
    left: calc(50% - (39px – 2))
}

@keyframes icon-float {
    50% {
        box-shadow: 0 0 20px #fff
    }
}

.icon-float-call {
    bottom: 65px;
    background-color: #d79b52
}

.icon-float-call:hover {
    background-color: #25d366;
    transition: .3s ease-in-out
}

.icon-float {
    width: 80px;
    height: 80px;
    bottom: 40px;
    left: 40px;
    font-size: 50px
}

.icon-float .my-float {
    top: calc(50% - (50px / 2));
    left: calc(50% - (39px – 2))
}

@keyframes icon-float {
    50% {
        box-shadow: 0 0 20px #fff
    }
}

.icon-float-call {
    bottom: 65px
}

.icon-float {
    width: 64px;
    height: 64px;
    bottom: 30px;
    left: 30px;
    font-size: 40px
}

.icon-float .my-float {
    top: calc(50% - (40px / 2));
    left: calc(50% - (32px – 2))
}

@keyframes icon-float {
    50% {
        box-shadow: 0 0 20px #fff
    }
}

.icon-float-call {
    bottom: 65px
}

@media only screen and (max-width:480px) {
    .icon-float {
        width: 50px;
        height: 50px;
        bottom: 20px;
        left: 20px;
        font-size: 25px
    }

    .icon-float .my-float {
        top: calc(50% - (25px / 2));
        left: calc(50% - (25px – 2))
    }

    .icon-float-call {
        bottom: 37px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .icon-float {
        width: 64px;
        height: 64px;
        bottom: 30px;
        left: 30px;
        font-size: 40px
    }

    .icon-float .my-float {
        top: calc(50% - (40px / 2));
        left: calc(50% - (32px – 2))
    }

    .icon-float-call {
        bottom: 65px
    }
}

.icon-float-call {
    background: #d79b52
}

.icon-float .float i {
    padding-top: 10px;
}

.icon-float::before {
    content: '';
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid rgb(37, 211, 102) !important;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1s linear infinite !important;
}


.icon-float:after {
    animation-delay: .3s;
}

.icon-float-call {
    background: #25d366 !important;
}


.icon-float-call {
    background: #762DC4 !important;
    margin-bottom: 44px;
}

.icon-float:after {
    animation-delay: .3s;
}

@keyframes animate {
    0% {
        transform: scale(.5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.1);
        opacity: 0
    }
}

#callnowbutton {
    display: none;
}

@media screen and (max-width:650px) {
    #callnowbutton {
        display: block;
        position: fixed;
        text-decoration: none;
        z-index: 9999;
        width: 65px;
        height: 65px;
        border-radius: 80px;
        border: 2px solid #fff;
        bottom: 15px;
        left: 20px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjAiPjxwYXRoIGQ9Ik03LjEwNCAxNC4wMzJsMTUuNTg2IDEuOTg0YzAgMC0wLjAxOSAwLjUgMCAwLjk1M2MwLjAyOSAwLjc1Ni0wLjI2IDEuNTM0LTAuODA5IDIuMSBsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDE2LjUgMTcuNCAxOS44IDE5LjhsMTYuODEzIDEuMTQxYzAgMCAwIDAuNCAwIDEuMSBjLTAuMDAyIDAuNDc5LTAuMTc2IDAuOTUzLTAuNTQ5IDEuMzI3bC02LjUwNCA2LjUwNWMwIDAtMTEuMjYxIDAuOTg4LTI1LjkyNS0xMy42NzRDNi4xMTcgMjUuMyA3LjEgMTQgNy4xIDE0IiBmaWxsPSIjMDA3MzAwIi8+PHBhdGggZD0iTTcuMTA0IDEzLjAzMmw2LjUwNC02LjUwNWMwLjg5Ni0wLjg5NSAyLjMzNC0wLjY3OCAzLjEgMC4zNWw1LjU2MyA3LjggYzAuNzM4IDEgMC41IDIuNTMxLTAuMzYgMy40MjZsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDUuMyA2LjkgOS4xIDEwLjY5OWMzLjg0MiAzLjggNy40IDYuNyAxMC43IDkuMSBsNC43NC00Ljc0MmMwLjg5Ny0wLjg5NSAyLjQ3MS0xLjAyNiAzLjQ5OC0wLjI4OWw3LjY0NiA1LjQ1NWMxLjAyNSAwLjcgMS4zIDIuMiAwLjQgMy4xMDVsLTYuNTA0IDYuNSBjMCAwLTExLjI2MiAwLjk4OC0yNS45MjUtMTMuNjc0QzYuMTE3IDI0LjMgNy4xIDEzIDcuMSAxMyIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) center/50px 50px no-repeat #00a50d;
    }
}

#InstaGrAM {
    display: none;
}

@media screen and (max-width:650px) {
    #InstaGrAM {
        display: block;
        position: fixed;
        text-decoration: none;
        z-index: 9999;
        width: 65px;
        height: 65px;
        border-radius: 80px;
        border: 2px solid #fff;
        bottom: 15px;
        right: 20px;
        margin-bottom: 70px;
        background: url(../assets/instagram-512.png) center/50px 50px no-repeat #fff;
    }
}

#snapchat {
    display: none;
}

@media screen and (max-width:650px) {
    #snapchat {
        display: block;
        position: fixed;
        text-decoration: none;
        z-index: 9999;
        width: 65px;
        height: 65px;
        border-radius: 80px;
        border: 2px solid #fff;
        bottom: 15px;
        right: 20px;
        margin-bottom: 140px;
        background: url(../assets/snapchat.html) center/50px 50px no-repeat #fff;
    }
}