.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 50px;
}

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #333;
        display: block;
        transition: 0.3s;
    }

.side-nav a {
    padding: 4px 25px 4px 25px !important;
    text-decoration: none;
    font-size: 14px;
    color: #333;
    display: block;
    transition: 0.3s;
    white-space: break-spaces;
}

.sidenav a:hover {
    color: #aaa;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 12px;
        }
}

.alert-danger:empty {
    display: none;
}

.alert-success:empty {
    display: none;
}

.padding-0 {
    padding: 0 !important;
}

.padding-3 {
    padding: 3px !important;
}

.padding-6 {
    padding: 6px !important;
}

.padding-8 {
    padding: 8px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-25 {
    padding: 25px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-60 {
    padding: 60px !important;
}

.padding-70 {
    padding: 70px !important;
}

.padding-80 {
    padding: 80px !important;
}

.padding-90 {
    padding: 90px !important;
}

.padding-100 {
    padding: 100px !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-60 {
    padding-top: 60px !important;
}

.padding-top-80 {
    padding-top: 80px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

.padding-top-130 {
    padding-top: 130px !important;
}

.padding-top-150 {
    padding-top: 150px !important;
}

.padding-top-180 {
    padding-top: 180px !important;
}

.padding-top-200 {
    padding-top: 200px !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px !important;
}

.padding-bottom-80 {
    padding-bottom: 80px !important;
}

.padding-bottom-100 {
    padding-bottom: 100px !important;
}

.padding-bottom-130 {
    padding-bottom: 130px !important;
}

.padding-bottom-150 {
    padding-bottom: 150px !important;
}

.padding-bottom-180 {
    padding-bottom: 180px !important;
}

.padding-bottom-200 {
    padding-bottom: 200px !important;
}


.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-1 {
    margin-top: 1px !important;
}

.margin-top-2 {
    margin-top: 2px !important;
}

.margin-top-3 {
    margin-top: 3px !important;
}

.margin-top-6 {
    margin-top: 6px !important;
}

.margin-top-8 {
    margin-top: 8px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

.margin-top-130 {
    margin-top: 130px !important;
}

.margin-top-150 {
    margin-top: 150px !important;
}

.margin-top-180 {
    margin-top: 180px !important;
}

.margin-top-200 {
    margin-top: 200px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-1 {
    margin-bottom: 1px !important;
}

.margin-bottom-2 {
    margin-bottom: 2px !important;
}

.margin-bottom-3 {
    margin-bottom: 3px !important;
}

.margin-bottom-6 {
    margin-bottom: 6px !important;
}

.margin-bottom-8 {
    margin-bottom: 8px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

.margin-bottom-130 {
    margin-bottom: 130px !important;
}

.margin-bottom-150 {
    margin-bottom: 150px !important;
}

.margin-bottom-180 {
    margin-bottom: 180px !important;
}

.margin-bottom-200 {
    margin-bottom: 200px !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-left-3 {
    margin-left: 3px !important;
}

.margin-left-6 {
    margin-left: 6px !important;
}

.margin-left-8 {
    margin-left: 8px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-60 {
    margin-left: 60px !important;
}

.margin-left-80 {
    margin-left: 80px !important;
}

.margin-left-100 {
    margin-left: 100px !important;
}

.margin-left-130 {
    margin-left: 130px !important;
}

.margin-left-150 {
    margin-left: 150px !important;
}

.margin-left-180 {
    margin-left: 180px !important;
}

.margin-left-200 {
    margin-left: 200px !important;
}

.margin-left-250 {
    margin-left: 250px !important;
}

.margin-left-300 {
    margin-left: 300px !important;
}

.margin-right-0 {
    margin-right: 0 !important;
}

.margin-right-3 {
    margin-right: 3px !important;
}

.margin-right-6 {
    margin-right: 6px !important;
}

.margin-right-8 {
    margin-right: 8px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-right-60 {
    margin-right: 60px !important;
}

.margin-right-80 {
    margin-right: 80px !important;
}

.margin-right-100 {
    margin-right: 100px !important;
}

.margin-right-130 {
    margin-right: 130px !important;
}

.margin-right-150 {
    margin-right: 150px !important;
}

.margin-right-180 {
    margin-right: 180px !important;
}

.margin-right-200 {
    margin-right: 200px !important;
}

.margin-right-250 {
    margin-right: 250px !important;
}

.margin-right-300 {
    margin-right: 300px !important;
}

.line-height-0 {
    line-height: 0 !important;
}

.line-height-10 {
    line-height: 10px !important;
}

.line-height-20 {
    line-height: 20px !important;
}

.line-height-30 {
    line-height: 30px !important;
}

.line-height-40 {
    line-height: 40px !important;
}

.line-height-50 {
    line-height: 50px !important;
}

.line-height-60 {
    line-height: 60px !important;
}

.line-height-70 {
    line-height: 70px !important;
}

.line-height-80 {
    line-height: 80px !important;
}

.line-height-90 {
    line-height: 90px !important;
}

.line-height-100 {
    line-height: 100px !important;
}


.nopadding {
    padding: 0 !important;
}

.nopadding-left {
    padding-left: 0 !important;
}

.nopadding-right {
    padding-right: 0 !important;
}

.nopadding-top {
    padding-top: 0 !important;
}

.nopadding-bottom {
    padding-bottom: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.nomargin-left {
    margin-left: 0 !important;
}

.nomargin-right {
    margin-right: 0 !important;
}

.nomargin-top {
    margin-top: 0 !important;
}

.nomargin-bottom {
    margin-bottom: 0 !important;
}

.noborder {
    border: 0 !important;
}

.noborder-left {
    border-left: 0 !important;
}

.noborder-right {
    border-right: 0 !important;
}

.noborder-top {
    border-top: 0 !important;
}

.noborder-bottom {
    border-bottom: 0 !important;
}

.nobg {
    background: transparent;
}

.lowercase {
    text-transform: lowercase;
}

.uppercase {
    text-transform: uppercase;
}

.noradius {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.font-style-italic {
    font-style: italic;
}

.font-style-normal {
    font-style: normal;
}

.pointer {
    cursor: pointer;
}

.block {
    display: block !important;
}

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

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

.bold {
    font-weight: bold !important;
}

.fullwidth {
    width: 100% !important;
    max-width: 100% !important;
}

.halfwidth {
    width: 50% !important;
}

.justify {
    text-align: justify;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.noshadow {
    box-shadow: none !important;
    text-shadow: none !important;
}

.nofloat {
    float: none !important;
}

.display-table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
}

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

.vertical-align-middle {
    vertical-align: middle;
}

.txt-no-decoration {
    text-decoration: none !important;
}

.softhide {
    display: none;
}

img.pull-left {
    margin: 0 20px 10px 0;
}

img.pull-right {
    margin: 0 0 10px 20px;
}

ul > li > i {
    margin-right: 10px;
}

.text-underline {
    text-decoration: underline !important;
}

.no-text-underline,
.no-text-decoration {
    text-decoration: none;
}

.line-through {
    text-decoration: line-through;
}

.btn > i {
    padding-right: 6px;
}

video.fullvideo {
    width: 100%;
    height: 100%;
}

.nortl {
    direction: ltr;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

.z-index-0 {
    z-index: 0 !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}


/* rounded */
.rounded {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

/**	Colors
   colors.css v2.0.0
   http://clrs.cc

   SKINS
   - Backgrounds
   - Colors
   - Border colors
   - SVG fills
   - SVG Strokes

*************************************************** **/
/* Backgrounds */
.bg-navy {
    background-color: #001F3F !important;
}

/*.bg-blue {
    background-color: #0074D9 !important;
}*/

.bg-aqua {
    background-color: #7FDBFF !important;
}

.bg-teal {
    background-color: #39CCCC !important;
}

.bg-olive {
    background-color: #3D9970 !important;
}

.bg-green {
    background-color: #2ECC40 !important;
}

.bg-lime {
    background-color: #01FF70 !important;
}

.bg-yellow {
    background-color: #FFDC00 !important;
}

.bg-orange {
    background-color: #FF851B !important;
}

.bg-red {
    background-color: #FF4136 !important;
}

.bg-fuchsia {
    background-color: #F012BE !important;
}

.bg-purple {
    background-color: #B10DC9 !important;
}

.bg-maroon {
    background-color: #85144B !important;
}

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

.bg-gray {
    background-color: #aaa !important;
}

.bg-silver {
    background-color: #ddd !important;
}

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

/* Text Color */
.text-navy {
    color: #001F3F !important;
}

.text-blue {
    color: #0074D9 !important;
}

.text-aqua {
    color: #7FDBFF !important;
}

.text-teal {
    color: #39CCCC !important;
}

.text-olive {
    color: #3D9970 !important;
}

.text-green {
    color: #2ECC40 !important;
}

.text-lime {
    color: #01FF70 !important;
}

.text-yellow {
    color: #FFDC00 !important;
}

.text-orange {
    color: #FF851B !important;
}

.text-red {
    color: #FF4136 !important;
}

.text-fuchsia {
    color: #F012BE !important;
}

.text-purple {
    color: #B10DC9 !important;
}

.text-maroon {
    color: #85144B !important;
}

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

.text-silver {
    color: #ddd !important;
}

.text-gray {
    color: #aaa !important;
}

.text-black {
    color: #111 !important;
}

/* Border colors 

   Use with another border utility that sets border-width and style 
   i.e .border { border-width: 1px; border-style: solid !important; }     
*/
.border-navy {
    border-color: #001F3F !important;
}

.border-blue {
    border-color: #0074D9 !important;
}

.border-aqua {
    border-color: #7FDBFF !important;
}

.border-teal {
    border-color: #39CCCC !important;
}

.border-olive {
    border-color: #3D9970 !important;
}

.border-green {
    border-color: #2ECC40 !important;
}

.border-lime {
    border-color: #01FF70 !important;
}

.border-yellow {
    border-color: #FFDC00 !important;
}

.border-orange {
    border-color: #FF851B !important;
}

.border-red {
    border-color: #FF4136 !important;
}

.border-fuchsia {
    border-color: #F012BE !important;
}

.border-purple {
    border-color: #B10DC9 !important;
}

.border-maroon {
    border-color: #85144B !important;
}

.border-white {
    border-color: #fff !important;
}

.border-gray {
    border-color: #aaa !important;
}

.border-silver {
    border-color: #ddd !important;
}

.border-black {
    border-color: #111 !important;
}



/** 04. Commons
	 Quick Positioning and Styling
 **************************************************************** **/
/* font size */
.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-21 {
    font-size: 21px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-23 {
    font-size: 23px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-35 {
    font-size: 35px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-45 {
    font-size: 45px !important;
}

.fs-50 {
    font-size: 50px !important;
}

.fs-55 {
    font-size: 55px !important;
}

.fs-60 {
    font-size: 60px !important;
}

.fs-65 {
    font-size: 65px !important;
}

.fs-70 {
    font-size: 70px !important;
}

.fs-75 {
    font-size: 75px !important;
}

.fs-80 {
    font-size: 80px !important;
}

.fs-90 {
    font-size: 90px !important;
}

.fs-100 {
    font-size: 100px !important;
}

.fs-120 {
    font-size: 120px !important;
}

.fs-130 {
    font-size: 130px !important;
}

.fs-140 {
    font-size: 140px !important;
}

.fs-150 {
    font-size: 150px !important;
}

.fs-200 {
    font-size: 200px !important;
}

/* font weight */
.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.card-center-align {
    width: 100%;
    max-width: 500px;
    margin: auto;
}

#breadcrum {
    background-color: #f4f4f4;
    padding-top: 75px;
}

    #breadcrum .cst-breadcrumb {
        font-size: 14px;
    }

    #breadcrum h4 {
        font-size: 30px;
        font-weight: 700;
        text-transform: none;
        letter-spacing: 0px;
        color: #404040;
    }

.cst-container {
    padding: 0 40px;
}

.cst-breadcrumb ol a {
    text-decoration: none;
    color: #212529;
}

.cst-breadcrumb ol .active {
    color: #ff0000;
}

.cst-left-align {
    text-align: left;
}

.cst-right-align {
    float: right;
}

@media screen and (max-width: 767px) {
    .cst-left-align {
        text-align: left;
    }

    .cst-right-align {
        float: unset;
    }
}

.video-btn {
    position: absolute;
    transition: all ease-in-out 0.3s;
    border: none;
    appearance: none;
    background-color: inherit;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin:auto;
}
.video-btn img{
    width:unset !important;
    display:unset !important;
}

    .video-btn:hover {
        opacity: 0.8;
    }

.has-error {
    color: #a94442;
}