/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/*reset*/






html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: central;
}
html,
body {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none; 
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }


table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*end reset*/
.my-rtl {
    direction: rtl;
}

.my-ltr {
    direction: ltr;
}

.lines-post-1 {
  display: block;/* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 2.5em;
  line-height: 1.8em;
}
b, strong {
    1font-weight: 700 !important;
}

body {
    font-family: 'Vazir'!important;
    direction: rtl;
    text-align: right;
    line-height: 1.8rem;
}


h1,
h2,
h3,
h4,
h5,
h6,
.font-kalame-Regular {
    font-family: 'KalamehRegular',Tahoma;
    font-weight: 400 !important;
}

.h6, h6 {
    font-size: .9rem !important;
}

.gradient-1 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b75bb+0,009344+100&0.7+0,0.7+100 */
    background: -moz-linear-gradient(top, rgba(27,117,187,0.7) 0%, rgba(0,147,68,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(27,117,187,0.7) 0%,rgba(0,147,68,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(27,117,187,0.7) 0%,rgba(0,147,68,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31b75bb', endColorstr='#b3009344',GradientType=0 ); /* IE6-9 */
}

.gradient-2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+80,000000+100&0+0,0.9+80,0.9+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 80%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 80%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 80%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}

.gradient-3 {
    background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
}

.gradient-4 {
    background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
}

.gradient-5 {
    background-image: linear-gradient(to left, #ff908a, #ff9b84, #ffa680, #ffb27d, #ffbe7d);
}

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

.cursor-pointer {
    cursor: pointer;
}



.btn-xl {
    padding: 1.5rem 3rem;
    font-size: .9rem;
    font-weight: 400;
}

.shadow-lg {
    box-shadow: 0 0rem .4rem rgba(0, 0, 0, 0.3) !important;
}

.my-bg-secondary {
    background-color: #363636 !important;
}

.my-line-height-0 {
    line-height: 0.8rem;
}

.my-line-height-1 {
    line-height: 1.9rem;
}

.my-line-height-2 {
    line-height: 2.2rem;
}

.my-line-height-2 {
    line-height: 2.5rem;
}

.my-shadow-1 {
    -webkit-box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.3);
    box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.3);
}

.my-shadow-2 {
    -webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.75);
}

my-shadow-3 {
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
}


.bg-black {
    background-color: #000 !important;
}



.my-vertical-align {
    display: inline-block;
    vertical-align: middle;
    float: none;
}



.table-hover tbody tr:hover {

    background-color: rgb(0 25 255 / 19%);
}
.table-hover tbody tr.group-tr-title:hover{
         color: #000; 
       background-color: rgba(248,249,250,1)!important;
}





.border-bottom-4 {
    border-bottom: 4px solid #dee2e6 !important;
}

.text-info {
    color: #007bff !important;
}
a {
    color: #007bff;
}
a.text-info:focus, a.text-info:hover {
    color: #007bff !important;
}

.my-rounded-pill-left {
    border-top-left-radius: 50rem !important;
    border-bottom-left-radius: 50rem !important;
}


.my-rounded-2 {
    border-radius: .5rem !important;
}

.my-rounded-3 {
    border-radius: .75rem !important;
}

.my-rounded-4 {
    border-radius: 1rem !important;
}

.my-rounded-5 {
    border-radius: 2rem !important;
}

input[type=text], button {
    outline: 0;
}

/*.table-striped tbody tr:nth-of-type(odd) {
    background-color:rgba(27,117,187,0.7)!important;
}*/


.square-type {
    list-style-type: square;
}

.decimal-type {
    list-style-type: decimal;
}


.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.navbar-custom {
    padding-top: 0rem;
    padding-bottom: 1rem;
    1background-color: rgba(0, 0, 0, .7);
}

    .navbar-custom .navbar-brand {
        1font-size: 1rem;
        1font-weight: 400;
    }

nav.navbar-custom .navbar-nav .nav-item .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    font-size: 1.5rem;
    line-height: 4.5rem;
}

.toolbar-custom .navbar-nav .nav-item .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 1.4rem;
}

nav.navbar-light .navbar-nav .active > .nav-link {
    background-color: #2aa563;
    border-bottom-right-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
    color: #fff;
}



.border-primary {
    border-color: #1b75bb !important;
}


.bg-primary {
    background-color: #1b75bb !important;
}

.btn-primary {
    background-color: #1b75bb;
    border-color: #1b75bb;
}

    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover {
        background-color: #1368aa !important;
        border-color: #1368aa !important;
    }

    .btn-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(19, 104, 170, .5);
    }


/*.btn-secondary {
    background-color: #ff6a00;
    border-color: #ff6a00
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #c50!important;
    border-color: #c50!important
}

.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 106, 0, .5)
}*/


.page-item:first-child .page-link {
    margin-right: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
        border-top-left-radius: 0rem!important;
    border-bottom-left-radius: 0rem!important;
}

.page-item:last-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
        border-top-right-radius: 0rem!important;
    border-bottom-right-radius: 0rem!important;
}

.page-item.disabled .page-link {
    color: #6c757d!important;
}
/*owl-carousel*/
.owl-next,
.owl-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: block !important;
    border: 0px solid black;
    background-color: rgba(0, 0, 0, 0.05);
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.owl-prev {
    left: 10%;
}

.owl-next {
    right: 10%;
}

    .owl-prev i, .owl-next i {
        font-size: 1.5rem;
    }

.owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}


.owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.dots-top .owl-dots {
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

    .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 50%;
    }

    .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
        background: #869791;
    }

.opacity-0 {
    opacity: 0.0;
}

.opacity-1 {
    opacity: 0.9;
}

.opacity-2 {
    opacity: 0.8;
}

.opacity-3 {
    opacity: 0.7;
}

.opacity-4 {
    opacity: 0.6;
}

.bg-object {
    position: absolute;
    opacity: 1;
}

.w-80 {
    width: 80% !important;
}
.w-20 {
    width: 20%;
}
.bg-object-1 {
    height: 20rem;
    width: 20rem;
    top: 0rem;
    left: -8rem;
    background: url('../img/bg-smart-object5.png') no-repeat center center;
    background-size: contain;
}

.bg-object-2 {
    height: 8rem;
    width: 8rem;
    bottom: 15rem;
    left: -2rem;
    background: url('../img/bg-smart-object6.png') no-repeat center center;
    background-size: contain;
}

.bg-object-3 {
    height: 30rem;
    width: 30rem;
    top: 15rem;
    right: -20rem;
    background: url('../img/bg-smart-object7.png') no-repeat center center;
    background-size: contain;
}

.bg-object-4 {
    height: 5rem;
    width: 5rem;
    top: 5rem;
    right: 5rem;
    background: url('../img/bg-smart-object8.png') no-repeat center center;
    background-size: contain;
}

.bg-object-5 {
    height: 20rem;
    width: 20rem;
    top: 5rem;
    right: -1rem;
    background: url('../img/bg-smart-object9.png') no-repeat center center;
    background-size: contain;
}

.bg-object-6 {
    height: 10rem;
    width: 10rem;
    bottom: 5rem;
    left: -3rem;
    background: url('../img/bg-smart-object10.png') no-repeat center center;
    background-size: contain;
}

.bg-object-7 {
    height: 15rem;
    width: 15rem;
    top: 8rem;
    left: -3rem;
    background: url('../img/bg-smart-object.png') no-repeat center center;
    background-size: contain;
}

.bg-object-8 {
    height: 5rem;
    width: 5rem;
    top: 5rem;
    left: 5rem;
    background: url('../img/bg-smart-object8.png') no-repeat center center;
    background-size: contain;
}

.bg-object-9 {
    height: 20rem;
    width: 20rem;
    top: 0rem;
    left: -8rem;
    background: url('../img/bg-smart-object-14.png') no-repeat center center;
    background-size: contain;
}

.bg-object-10 {
    height: 8rem;
    width: 8rem;
    bottom: 15rem;
    left: -2rem;
    background: url('../img/bg-smart-object6.png') no-repeat center center;
    background-size: contain;
}

.bg-object-11 {
    height: 15rem;
    width: 15rem;
    top: 8rem;
    left: -3rem;
    background: url('../img/bg-smart-object-15.png') no-repeat center center;
    background-size: contain;
}

/*Frequently Asked Questions*/



.my-w-45 {
    width: 48%;
}

.my-w-33 {
    width: 33.33%;
}

.my-w-23 {
    width: 23%;
}

.my-w-15 {
    width: 15%;
}

.my-w-10 {
    width: 10%;
}

.bg-section-1 {
    background: url('../img/bg-smart-object12.png') no-repeat center center;
    background-size: cover;
}

.bg-section-2 {
    background: url('../img/bg-smart-object13.png') no-repeat center center;
    background-size: cover;
}

.my-h-500 {
    height: 500px;
}

.my-h-35 {
    height: 35% !important;
}


.nav-tabs {
border:0px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color:#212529;
    background-color: transparent;
}
.nav-tabs .nav-link {
    border: 0px solid transparent;
}

.form-check-input {
    margin-right: -1.25rem;
}


        /*..........btn carousel...........*/

        .clinic-body {
            background-color: #fff;
        }

        .clinic-panel-1 {
            background: url('/new/img/clinic-bg-doctor6.jpg') no-repeat center center;
            background-size: cover;
            background-attachment: fixed;
        }


        .clinic-panel-2 {
            background: url('/new/img/bg-app.png') no-repeat;
            background-size: cover;
        }

        .clinic-logo-1 {
            display: inline-block;
            margin-left: 5px;
            width: 80px;
        }

        .clinic-title {
            color: #007bff;
        }


        .clinic-slider {
            height: 350px;
            width: 100%;
        }



        /*..........btn1 ...........*/

        .btn-clinic-1 {
            background-color: #007bff;
            border-color: #007bff;
        }

            .btn-clinic-1:active,
            .btn-clinic-1:focus,
            .btn-clinic-1:hover {
                background-color: #1368aa !important;
                border-color: #1368aa !important;
            }

            .btn-clinic-1:focus {
                box-shadow: 0 0 0 .2rem rgba(19, 104, 170, .5);
            }
        /*..........btn2...........*/
        .btn-clinic-2:active,
        .btn-clinic-2 {
            background-color: #9d9f9e;
            border-color: #9d9f9e;
            
        }

            .btn-clinic-2:focus {
                box-shadow: 0 0 0 .2rem rgba(157, 159, 158, .5);
            }

            .btn-clinic-2:focus,
            .btn-clinic-2:hover {
                background-color: #848484 !important;
                border-color: #848484 !important;
            }
                    /*..........btn3...........*/

                            .btn-clinic-2:active,
        .btn-clinic-3 {
                                    color: #fff;
            background-color: #28a745;
            border-color: #28a745;
            
        }


            .btn-clinic-3:focus {
                box-shadow: 0 0 0 .2rem rgba(0, 163, 4, .5);
            }

            .btn-clinic-3:focus,
            .btn-clinic-3:hover {
          background-color: #218838!important;
    border-color: #1e7e34!important;
            }
        /*..........border...........*/

        .border-top-1 {
            border-top: #007bff solid 2px;
        }

        .border-bottom-1 {
            border-bottom: #007bff solid 2px;
        }

        .border-top-2 {
            border-top: #fff solid 2px;
        }

        .border-bottom-2 {
            border-bottom: #fff solid 2px;
        }

        .border-top-3 {
            border-top: #111 solid 2px;
        }

        .border-bottom-3 {
            border-bottom: #111 solid 2px;
        }

        /*..........bg color...........*/
        .bg-color-1,.bg-color-6 {
            background-color: #007bff;
        }

        .bg-color-2 {
            background-color: #9d9f9e;
        }

        .bg-color-3 {
            background-color: #4cff00;
        }

        .bg-color-4 {
            background-color: #363636;
        }
                .bg-color-5 {
            background-color: #fff;
        }
        /*..........text color...........*/

        .text-color-1 {
            color: #007bff;
        }

        .text-color-2 {
            color: #000;
        }

        .text-color-5 {
            color: #111;
        }

        .text-color-5 {
            color: #fff !important;
        }

        .text-color-6 {
            color: #eee !important;
        }

        /*..........text border...........*/
        .border-1 {
            border: 2px solid #007bff !important;
        }

        .border-2 {
            border: 2px solid #9d9f9e !important;
        }

        .border-3 {
            border: 2px solid #111 !important;
        }
                /*..........tab...........*/
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
/*..........link b...........*/
.page-link {
    color: #007bff;
}




a.show-right{


}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
     .clinic-panel-1 { 
            background-attachment: scroll !important;
        }
       .my-w-20 {
        width: 20% !important;
    }

    .my-w-30 {
        width: 30% !important;
    }

    .my-w-40 {
        width: 40% !important;
    }


    .my-text-center {
        text-align: center !important;
    }

    .my-text-justify {
        text-align: justify !important;
    }

        .my-text-left {
        text-align: left !important;
    }
    .my-mx-auto {
        margin: 0 auto !important;
    }

    .my-h-250 {
        height: 250px;
    }

    .my-h-25 {
        height: 25% !important;
    }

                  .clinic-logo-2{
          
            width:70px!important;

         }

         .clinic-slider {
height:300px;
width:100%;
background-attachment:scroll!important;


}

    .my-h1, h1 {
        font-size: 1.6rem !important;
    }

        h1.my-line-height-4 {
            line-height: 3.5rem;
        }

    /*h4.my-h4 {
        font-size: 1.4rem !important;
               line-height: 3rem;
    }*/


}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 768px) and (max-width: 991.98px) {

    .pagination-lg .page-link {     
        padding: .5rem .75rem!important;
    }
    .navbar-nav {
        padding-right: 0rem;
    }

    .no-rounded {
        border-radius: 0rem !important;
    }

    .no-border {
        border: none !important;
    }

    .no-shadow {
        box-shadow: none !important;
    }

    .toolbar-custom .navbar-nav .nav-item .nav-link {
        line-height: 3rem;
    }

    .my-bg-white {
        background-color: #fff;
    }

    .my-h5 {
        font-size: .9rem;
    }

    nav.navbar-custom .navbar-nav .nav-item .nav-link {
        line-height: 1.5;
    }

    nav.navbar-light .navbar-nav .active > .nav-link {
        border-radius: 1.5rem !important;
    }

    .my-padding-none {
        padding: 0px !important;
    }

    .h6, h6 {
        font-size: .9rem !important;
    }



    .my-display-4 {
        font-size: 2.5rem;
    }

    .my-d-none {
        display: none;
    }
    .my-d-block {
        display: block;
    }

        .my-d-inline-block {
        display: inline-block !important;
    }

        .my-pt-5 {
            padding-top:1.5rem!important;

        }
        
        .my-pb-4 {
                padding-bottom:0rem!important;
        }

                .my-h1, h1 {
        font-size: 1.8rem !important;
    }


            h4.my-h4 {
        font-size: 1.2rem !important;
           line-height: 2.5rem;
    }


}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

    .bg-object {
        opacity: 0.1;
    }

}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 320px) and (max-width: 575.98px) {

    .my-w-85 {
        width: 82% !important;
    }

    .my-w-95 {
        width: 94% !important;
    }

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .my-w-95 {
        width: 95% !important;
    }

    .my-w-85 {
        width: 88% !important;
    }



}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

    .my-w-95 {
        width: 95% !important;
    }

    .my-w-85 {
        width: 89% !important;
    }


}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .h6, h6 {
        font-size: .7rem !important;
    }

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
                    .my-w-p-992{
        width:992px;
    }
}

/*x Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1500px) {


    .my-h-700 {
        height: 700px;
    }
}

@media (min-width: 1700px) {

}



/*----------------------------------MO-----------------------------------*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}



                                                                                           
 /* =========================================  Alert ========================================= */


.message-alert {
    position: fixed;
    z-index: 999;
    left: 0px;
    width: 100%; 
    font-size: 20px;
    font-family: 'vazir3' !important;
    color: #fff;
    background: rgba(128,189,104,1);
    background: -moz-linear-gradient(left, rgba(128,189,104,1) 0%, rgba(62,138,94,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(128,189,104,1)), color-stop(100%, rgba(62,138,94,1)));
    background: -webkit-linear-gradient(left, rgba(128,189,104,1) 0%, rgba(62,138,94,1) 100%);
    background: -o-linear-gradient(left, rgba(128,189,104,1) 0%, rgba(62,138,94,1) 100%);
    background: -ms-linear-gradient(left, rgba(128,189,104,1) 0%, rgba(62,138,94,1) 100%);
    background: linear-gradient(to right, rgba(128,189,104,1) 0%, rgba(62,138,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80bd68', endColorstr='#3e8a5e', GradientType=1 );
    top: -100%;
    transition: all 0.5s ease 0s;
    padding: 10px;
}
    .message-alert label {
        color: #fff;
        font-size: 20px; 
    }

    .message-alert .close-message {
        cursor: pointer;
        float: left;
    }
    .message-alert.wrong { 
        background: #556270; /* Old browsers */
        background: -moz-linear-gradient(left, #556270 0%, #ff6b6b 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #556270 0%,#ff6b6b 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #556270 0%,#ff6b6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556270', endColorstr='#ff6b6b',GradientType=1 ); /* IE6-9 */
    }

     
    .message-alert.slide { 
        top: 0px; 
    }


@media only screen and (max-width: 865px) {
    .message-alert { 
        font-size: 15px;
    }
}


  /*video*/
.video_player {
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999998;
    text-align: center;
    position: fixed;
    background-color: rgb(0, 0, 0);
    opacity: 1;
}

.close_videobox {
    display: block;
    position: absolute;
    left: 10%;
    top: 10%;
    cursor: pointer;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    margin-left: -32px;
    cursor: pointer;
    background: url('../img/videoclose-64-64-0.png') no-repeat left top;
}

.video_play_holder {
    width: 70%; margin: 20px auto;
}
 
.aparat_play_holder {
   display: none; width: 70%; margin: 20px auto;
}

@media screen and (max-width: 580px) {
    .close_videobox {
        width: 40px;
        height: 40px;
        background-size: cover;
    }

    .aparat_play_holder {
        width: 97% !important;
    }

    .video_play_holder {
        width: 95%;
        margin: 20px auto;
    }

    .video_play_holder {
        margin-top: 77px;
    }
}

@media screen and (max-width: 400px) {
    .close_videobox {
        width: 30px;
        height: 30px;
        background-size: cover;
    }

    .aparat_play_holder {
        width: 97% !important;
    } 
}

.footer_lic {
    cursor: pointer;
    background: #eee;
    padding: 5px;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    box-shadow: 0px 0px 7px #999;
    margin-top: 5px;
}







.my-line-height-0 {
    line-height: 0.8rem;
}

.my-line-height-1 {
    line-height: 1.9rem;
}

.my-line-height-2 {
    line-height: 2.2rem;
}

.my-line-height-3 {
    line-height: 2.5rem;
}
.my-line-height-4 {
    line-height: 3.5rem;
}



.form-inline .form-check-input {
    margin-left: 0.25rem;
    margin-right: 0;
}
.modal-header .close {

    margin: -1rem auto -1rem -1rem;
}
.modal-footer > :not(:last-child) {

    margin-right: 0rem;
       margin-left: 0.25rem;
}
.page-item:first-child .page-link {
    margin-right: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
        border-top-left-radius: 0rem!important;
    border-bottom-left-radius: 0rem!important;
}

.page-item:last-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
        border-top-right-radius: 0rem!important;
    border-bottom-right-radius: 0rem!important;
}

.page-item.disabled .page-link {
    color: #6c757d!important;
}
/*owl-carousel*/


.nav-tabs {
border:0px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color:#212529;
    background-color: transparent;
}
.nav-tabs .nav-link {
    border: 0px solid transparent;
}

.form-check-input {
    margin-right: -1.25rem;
}

.draggablep-panel {
   left:5%;
    top:5%;
   z-index:100000;
   width:25%
}



/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


    .draggablep-panel {
        left: 50%;
        top: auto;
        bottom: 20%;
        transform: translate(-50%,0%);
        z-index: 100000;
        width: 75%;
    }

}