@charset "UTF-8";

@font-face {
 font-family: 'IRANSans-web';
 src: url('iransans_web_font.ttf') format('truetype'); /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */
}

@-ms-viewport {
 width: device-width;
}

/*
 MenuColor: #340e62 / #FFFFFF
 BLUE: #4285f4 / #3b73ce
 DARKBLUE: #3367d6 / #2f5bb6
 RED: #db4437 / #b9392e
 BROWN: #935003 / #7c4303
 PURPLE: #ad1457 / #901148
 YELLOW: #ffbc00 / #e5a900
 DARKYELLOW: #ff9800 / #e18600
 GREEN: #0f9d58 / #0c8148
 LIGHTGREEN: #8bc34a / #73a23d
 Gray: #5a5a5a / #757575
*/

body {
 font-family: 'IRANSans-web', tahoma;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
 font-size: medium;
 -webkit-font-smoothing: antialiased;
 color: #424242;
 background-color: #FAFAFA;
 direction: rtl;
 padding-top: 86px;
 overflow-x: hidden;
 margin: 0 15% 0 15%;
}

.DivSupportBox {
    background-color: #ECEFF1;
    color: #424242;
    margin: .2em;
    padding: .2em;
    width: auto;
    display: inline-block;
    text-decoration: none;
    font-weight: normal;
    font-size: small;
    text-align: right;
    direction: rtl;
    border-bottom-right-radius: .4em;
    border-top-left-radius: .4em;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom: .4em solid #607D8B;
    border-right: .1em solid #607D8B;
    border-left: .3em solid #607D8B;
    border-top: .1em solid #607D8B;
}

    .DivSupportBox span {
        display: block;
        color: #37474F;
    }

    .DivSupportBox a {
        display: block;
        background-color: #546E7A;
        display: inline-block;
        font-weight: normal;
        text-align: center;
        touch-action: manipulation;
        cursor: pointer;
        white-space: nowrap;
        padding: .6em .4em .4em .4em;
        margin: .4em .2em .4em .2em;
        font-size: medium;
        line-height: 1em;
        border-bottom-right-radius: .2em;
        border-top-left-radius: .2em;
        border-bottom-left-radius: 1em;
        border-top-right-radius: 1em;
        border-bottom: .3em solid #455A64;
        border-left: .2em solid #455A64;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #ffffff;
        min-width: 7em;
    }


        .DivSupportBox a.active.focus, .DivSupportBox a.active:focus, .DivSupportBox a.focus, .DivSupportBox a:active.focus, .DivSupportBox a:active:focus, .DivSupportBox a:focus {
            color: #ffffff;
            outline: dotted thin;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }

        .DivSupportBox a.focus, .DivSupportBox a:focus, .DivSupportBox a:hover {
            color: #ffffff;
            text-decoration: none;
        }

        .DivSupportBox a.active, .DivSupportBox a:active {
            color: #ffffff;
            outline: 0;
            -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
            box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        }
        .DivSupportBox a span {
            direction: ltr;
            font-size: small;
            font-weight: normal;
            margin: 0;
            padding: 0;
            color: #ffffff;
        }


.s_link {
 color: #666666;
 text-decoration: none;
 font-size: x-small;
 font-weight: normal;
 font-family: Arial,sans-serif;
}

 .s_link:hover, .s_link:active {
 color: #0f9d58;
 text-decoration: none;
 }

.text-field-wide {
 width: 650px;
}

img {
 border: 0;
 border: none;
}

hr {
 margin-top: 1em;
 margin-bottom: 1em;
 border: 0;
 border: none;
 border-top: 1px solid #eee;
}

.h-space {
 display: inline-block;
}

.div-img-wide {
 width: 100%;
 text-align: center;
}

 .div-img-wide img {
 width: auto;
 height: auto;
 }

.p-fa {
 font-family: 'IRANSans-web', tahoma;
 font-weight: normal;
 direction: rtl;
}

.p-fa-bold {
 font-family: 'IRANSans-web', tahoma;
 font-weight: bold;
 direction: rtl;
}

.p-fa-semibold {
 font-family: 'IRANSans-web', tahoma;
 direction: rtl;
 font-weight: bold;
}

.p-en {
 font-family: Arial,sans-serif;
 font-weight: normal;
 direction: ltr;
}

.p-en-bold {
 font-family: Arial,sans-serif;
 font-weight: bold;
 direction: ltr;
}

.p-en-semibold {
 font-family: Arial,sans-serif;
 font-weight: 500;
 direction: ltr;
}

.span-highlight {
 padding: 1px 4px 1px 4px;
 color: #ffffff;
 background-color: #8bc34a;
 font-weight: normal;
}

a {
 color: #4285f4;
 text-decoration: none;
 font-weight: bold;
}

 a:focus, a:hover {
 color: #3367d6;
 text-decoration: underline;
 }

h1 {
 font-family: 'IRANSans-web', tahoma;
 font-weight: bold;
 direction: rtl;
 text-align: right;
 direction: rtl;
 font-size: x-large;
 color: #313131;
}

h2 {
 font-family: 'IRANSans-web', tahoma;
 font-weight: bold;
 direction: rtl;
 text-align: right;
 direction: rtl;
 font-size: x-large;
 color: #424242;
}

h3 {
 font-family: 'IRANSans-web', tahoma;
 font-weight: bold;
 direction: rtl;
 text-align: right;
 direction: rtl;
 font-size: large;
 color: #313131;
}

h4 {
 font-family: 'IRANSans-web', tahoma;
 font-weight: bold;
 direction: rtl;
 text-align: right;
 direction: rtl;
 font-size: large;
 color: #424242;
}

/*Button*/
.btn-group {
 width: 100%;
 padding: 1em;
 text-align: right;
 display: block;
 float: none;
 font-size: medium;
 line-height: 300%;
}

button, html input[type=button], input[type=reset], input[type=submit] {
 -webkit-appearance: button;
 cursor: pointer;
 font-family: inherit;
 color: #ffffff;
 overflow: visible;
 text-transform: none;
 padding: .6em 1em .6em 1em;
 margin: .4em;
 font-size: medium;
 font-weight: normal;
 line-height: 1em;
 min-width: 1em;
}

.menu-btn {
 display: inline-block;
 font-weight: normal;
 text-align: right;
 background-color: #0c8148;
 background-position: right center;
 background-repeat: no-repeat;
 touch-action: manipulation;
 cursor: pointer;
 white-space: nowrap;
 padding: 4px 44px 4px 4px;
 margin: .4em .1em .1em .1em;
 font-size: medium;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 color: #fff;
 width: 13em;
 border-radius: 8px 2px 2px 8px;
 border-bottom: 3px solid #B0BEC5;
 border-right: 1px solid #B0BEC5;
}

 .menu-btn:hover, .menu-btn:active, .menu-btn:focus {
 text-decoration: none;
 opacity: 0.8;
 color: #fff;
 filter: alpha(opacity=80); /* For IE8 and earlier */
 }

 .menu-btn:visited {
 color: #fff;
 }

.btn {
 display: inline-block;
 font-weight: normal;
 text-align: center;
 touch-action: manipulation;
 cursor: pointer;
 white-space: nowrap;
 padding: .6em 1em .6em 1em;
 margin: .4em;
 font-size: medium;
 line-height: 1em;
 border-radius: 8px;
 border-bottom: 3px solid #ffffff;
 border-top: none;
 border-right: 1px solid #ffffff;
 border-left: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 color: #fff;
 min-width: 1em;
}


 .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
 color: #fff;
 outline: dotted thin;
 outline: -webkit-focus-ring-color auto 5px;
 outline-offset: -2px;
 }

 .btn.focus, .btn:focus, .btn:hover {
 color: #fff;
 text-decoration: none;
 }

 .btn.active, .btn:active {
 color: #fff;
 outline: 0;
 -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
 box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
 }

.btn-red {
 background-color: #dd4e41;
 border-color: #c24439;
}

 .btn-red.active, .btn-red:active, .btn-red:hover {
 background-color: #c24439;
 border-color: #a63b31;
 }

.btn-brown {
    background-color: #935003;
    border-color: #834703;
}

    .btn-brown.active, .btn-brown:active, .btn-brown:hover {
        background-color: #834703;
        border-color: #733f02;
    }


.btn-purple {
 background-color: #8E24AA;
 border-color: #7B1FA2;
}

 .btn-purple.active, .btn-purple:active, .btn-purple:hover {
 background-color: #7B1FA2;
 border-color: #6A1B9A;
 }

.btn-green {
 background-color: #1ca261;
 border-color: #178751;
}

 .btn-green.active, .btn-green:active, .btn-green:hover {
 background-color: #178751;
 border-color: #136e42;
 }

.btn-gray {
 background-color: #78909C;
 border-color: #607D8B;
}

 .btn-gray.active, .btn-gray:active, .btn-gray:hover {
 background-color: #607D8B;
 border-color: #546E7A;
 }

.btn-blue {
 background-color: #417ee2;
 border-color: #3b72cc;
}

 .btn-blue.active, .btn-blue:active, .btn-blue:hover {
 background-color: #3b72cc;
 border-color: #3363b1;
 }

.btn-darkblue {
 background-color: #3462c5;
 border-color: #2e57af;
}

 .btn-darkblue.active, .btn-darkblue:active, .btn-darkblue:hover {
 background-color: #2e57af;
 border-color: #284b97;
 }

.btn-yellow {
 background-color: #ed9411;
 border-color: #d7860f;
}

 .btn-yellow.active, .btn-yellow:active, .btn-yellow:hover {
 background-color: #d7860f;
 border-color: #bf770d;
 }

.link-box-info-course {
 background: url('https://dl.TahlilGaran.org/images/banner_info_discount.png') no-repeat top left;
 width: 1020px;
 height: 120px;
 background-color: #ffffff;
 text-align: right;
 display: inline-block;
 -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 box-shadow: 1px 1px 5px rgba(0,0,0,.6);
}

.link-box-info-tdictionary {
    background: url('https://dl.TahlilGaran.org/images/banner_info_tdictionary.png') no-repeat top left;
    width: 1020px;
    height: 120px;
    background-color: #ffffff;
    text-align: right;
    display: inline-block;
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
    box-shadow: 1px 1px 5px rgba(0,0,0,.6);
}

.link-box-info-discount {
 background: url('https://dl.TahlilGaran.org/images/banner_info_discount_book.png') no-repeat top left;
 background-color: #ffffff;
 width: 1020px;
 height: 120px;
 text-align: right;
 display: inline-block;
 -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 box-shadow: 1px 1px 5px rgba(0,0,0,.6);
}

.link-box-info-vip {
 background: url('https://dl.TahlilGaran.org/images/banner_info_vip.png') no-repeat top left;
 width: 1020px;
 height: 120px;
 background-color: #ffffff;
 text-align: right;
 display: inline-block;
 -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 box-shadow: 1px 1px 5px rgba(0,0,0,.6);
}

    .link-box-info-course img, .link-box-info-discount img, .link-box-info-vip img, .link-box-info-tdictionary img {
        border: none;
        margin-top: 12px;
        float: none;
        background-color: #ffffff;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 12px;
        border-top-right-radius: 0;
        border-top-left-radius: 12px;
        border-top: 2px solid;
        border-left: 2px solid;
        border-bottom: 2px solid;
        border-right: none;
    }

.link-box-info-course img {
 border-color: #db4437;
}

.link-box-info-tdictionary img {
    border-color: #0f9d58;
}

.link-box-info-discount img {
 border-color: #4285f4;
}

.link-box-info-vip img {
 border-color: #ff9800;
}

.link-hover-fade:hover {
 opacity: 0.8;
 filter: alpha(opacity=80); /* For IE8 and earlier */
}

.page-footer {
 border-top: 1px solid #e2e2e2;
 margin-top: 1em;
 padding: 1em 0 0 0;
 color: #666666;
 font-size: x-small;
 display: inline-block;
 width: 100%;
}

.page-footer-logo {
 float: left;
 padding: 0;
 margin: 0;
 direction: ltr;
 text-align: center;
 width: auto;
}

.instagram-logo-css {
    cursor: pointer;
    width: 8.5em;
    height: 8.5em;
    margin: 0;
    padding: 0;
}

.samandehi-logo-css {
    cursor: pointer;
    width: 8.5em;
    height: 8.5em;
    margin: 0;
    padding: 0;
}

.enamad-logo-css {
    cursor: pointer;
    width: 8.5em;
    height: 8.5em;
    margin: 0;
    padding: 0;
}

.link-box-large5 {
 color: #FFFFFF;
 margin: 24px 1px 24px 1px;
 padding: 5px 0 12px 0;
 width: 280px;
 border-radius: 5px;
 display: inline-block;
 -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 text-decoration: none;
 font-weight: normal;
 font-size: medium;
 text-align: right;
}

.link-box-large6 {
 color: #FFFFFF;
 margin: 4px 1px 4px 1px;
 padding: 5px 0 12px 0;
 width: 210px;
 border-radius: 5px;
 display: inline-block;
 -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 text-decoration: none;
 font-weight: normal;
 font-size: medium;
 text-align: right;
}

 .link-box-large5:hover, .link-box-large6:hover {
 opacity: 0.9;
 filter: alpha(opacity=90); /* For IE8 and earlier */
 text-decoration: none;
 color: #FFFFFF;
 box-shadow: 2px 2px 2px rgba(0,0,0,.7);
 }

.link-box-large5 img, .link-box-img {
 border: none;
 width: 100%;
 display: block;
 float: none;
}


.link-box-large5 span, .link-box-large6 span {
 padding: .5em .5em 0 .5em;
 display: block;
 font-size: medium;
}

.div-box-small, .link-box-small {
 background-position-x: center;
 background-position-y: 10px;
 background-repeat: no-repeat;
 background-color: #ffffff;
 color: #424242;
 margin: 24px 8px 24px 8px;
 padding: 140px 0 12px 0;
 width: 240px;
 display: inline-block;
 text-decoration: none;
 font-weight: normal;
 font-size: small;
 text-align: center;
 border-bottom: 3px solid;
}

 .div-box-small span, .link-box-small span {
 padding: .5em 1em 0 1em;
 display: block;
 }

.link-box-tiny {
 background-position-x: center;
 background-position-y: top;
 background-repeat: no-repeat;
 margin: 8px 2px 2px 2px;
 padding: 48px 0 0 0;
 width: 6em;
 color: #616161;
 display: inline-block;
 text-decoration: none;
 font-weight: normal;
 font-size: small;
 text-align: center;
}

 .link-box-small:hover, .link-box-tiny:hover {
 opacity: 0.85;
 filter: alpha(opacity=85); /* For IE8 and earlier */
 text-decoration: none;
 color: #455a64;
 }



.div-image-box {
 font-weight: normal;
 font-size: medium;
 text-align: right;
 background-color: #FFFFFF;
 padding: 1em;
}

.div-color-image-box {
 -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 box-shadow: 1px 1px 5px rgba(0,0,0,.6);
 font-weight: normal;
 font-size: medium;
 text-align: right;
 background-color: #FFFFFF;
 border-right: 5px solid;
 padding: 1em;
}

 .div-image-box .image-box, .div-color-image-box .image-box {
 border: none;
 width: 420px;
 display: block;
 float: left;
 }

 .div-image-box .div-box, .div-color-image-box .div-box {
 display: block;
 }


/*eLearning Materials*/
h5 {
 background: #00838f url('https://dl.TahlilGaran.org/images/css1.png') no-repeat right center;
 background-size: contain;
 font-family: inherit;
 font-size: large;
 font-weight: normal;
 min-height: 32px;
 text-align: right;
 margin-top: 1em;
 padding-right: 38px;
 direction: rtl;
 white-space: normal;
 color: #ffffff;
}

h6 {
 background: #00695c url('https://dl.TahlilGaran.org/images/css2.png') no-repeat right center;
 background-size: contain;
 font-family: inherit;
 font-size: large;
 font-weight: normal;
 min-height: 32px;
 text-align: right;
 margin-top: 1em;
 padding-right: 38px;
 direction: rtl;
 white-space: normal;
 color: #ffffff;
}

.DivEn {
 font-family: Arial,sans-serif;
 direction: ltr;
 text-align: left;
 margin: .2em 1em 1em 1em;
 color: #003300;
}

.DivCenter {
 direction: rtl;
 text-align: center;
 color: #000000;
 font-weight: bold;
}
/*eLearning Materials*/

.div-color-box {
 border-style: solid;
 padding: 1em;
 margin: 1em;
 border-radius: 5px;
 border-width: 12px 1px 1px 1px;
 border-color: #555555;
 -moz-box-shadow: -1px 2px 5px rgba(0,0,0,.5);
 -webkit-box-shadow: -1px 2px 5px rgba(0,0,0,.5);
 box-shadow: -1px 2px 5px rgba(0,0,0,.5);
}

.sr-only {
 overflow: hidden;
}

.navbar-fixed-top .navbar-collapse {
 max-height: 480px;
}

.dropdown-menu {
 float: left;
}


.sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 margin: -1px;
 padding: 0;
 clip: rect(0,0,0,0);
 border: 0;
}


.page-header {
 padding-bottom: 9px;
 margin: 40px 0 20px;
 border-bottom: 1px solid #eee;
}

dl, ol, ul {
 margin-top: 0;
}

 ol ol, ol ul, ul ol, ul ul {
 margin-bottom: 0;
 }

ol, ul {
 margin-bottom: 10px;
}


.container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
 display: table;
 content: " ";
}

.container, .container-fluid {
 margin-right: auto;
 margin-left: auto;
}

.container, .container-fluid {
 padding: 0;
}

 .container:after {
 clear: both;
 }

 .container-fluid:after {
 clear: both;
 }

.row {
 margin-left: -15px;
 margin-right: -15px;
}

 .row:after {
 clear: both;
 }


.collapsing, .dropdown {
 position: relative;
}

.collapse {
 display: none;
}

 .collapse.in {
 display: block;
 }


.collapsing {
 height: 0;
 overflow: hidden;
 -webkit-transition-property: height,visibility;
 transition-property: height,visibility;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transition-timing-function: ease;
 transition-timing-function: ease;
}

.caret {
 display: inline-block;
 width: 0;
 height: 0;
 margin-left: 2px;
 border-top: 4px dashed;
 border-top: 4px solid\9;
 border-right: 4px solid transparent;
 border-left: 4px solid transparent;
}

.dropdown-toggle:focus {
 outline: 0;
}

.dropdown-menu {
 position: absolute;
 top: 100%;
 right: 0;
 z-index: 1000;
 display: none;
 padding: 5px 0;
 margin: 2px 0 0;
 list-style: none;
 font-size: medium;
 text-align: right;
 background-color: #ffffff; /*Submenu Item Colors*/
 border: 1px solid #ccc;
 border: 1px solid rgba(0,0,0,.15);
 -webkit-box-shadow: 0 6px 9pt rgba(0,0,0,.175);
 box-shadow: 0 6px 9pt rgba(0,0,0,.175);
 background-clip: padding-box;
 min-width: 22em;
 width: auto;
}

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

.dropdown-header, .dropdown-menu > li > a {
 display: block;
 padding: .2em 1em;
 white-space: nowrap;
 text-align: right;
 font-weight: normal;
}

.dropdown-menu .divider {
 height: 1px;
 margin: .4em 0;
 overflow: hidden;
 background-color: #aaaaaa; /*Submenu Devider Colors*/
}

.dropdown-menu > li > a {
 clear: both;
 font-weight: normal;
 color: #333;
}

 .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
 text-decoration: none;
 color: #262626;
 background-color: #f3f3f3; /*Submenu Item Focus Colors*/
 }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
 color: #fff;
 text-decoration: none;
 outline: 0;
 background-color: #337ab7;
}



.open > .dropdown-menu {
 display: block;
}

.open > a {
 outline: 0;
}

.dropdown-header {
 font-size: medium;
 color: #777;
}

.dropdown-backdrop {
 position: fixed;
 left: 0;
 right: 0;
 bottom: 0;
 top: 0;
 z-index: 990;
}



.btn .caret {
 margin-left: 0;
}

.nav {
 list-style: none;
 display: block;
 padding: 0 .2em 0 .2em;
 margin: 0 .2em 0 .2em;
}

 .nav:after, .nav:before {
 content: " ";
 display: table;
 }

 .nav > li, .nav > li > a {
 display: block;
 position: relative;
 font-weight: normal;
 }

 .nav:after {
 clear: both;
 }

.menu-divider {
 display: block;
 position: relative;
 width: 1px;
 height: 28px;
 margin-top: 16px;
 border-right: 1px solid #FFFFFF;
}

.nav > li > a {
 padding: .2em .8em;
}

    .nav > li > a:focus, .nav > li > a:hover {
        text-decoration: none;
        background-color: #340e62; /*Main Item Color*/
        color: #fff;
    }


.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
 background-color: #1e1c1c;
}

.navbar {
    position: relative;
    min-height: 60px;
    margin-bottom: 20px;
    border-bottom: 1px solid #002555;
    background-color: #340e62;
    background-image: linear-gradient(#340e62, #441280, #340e62);
}

 .navbar:after, .navbar:before {
 content: " ";
 display: table;
 }

 .navbar:after {
 clear: both;
 }


.navbar-header:after, .navbar-header:before {
 content: " ";
 display: table;
}

.navbar-header:after {
 clear: both;
}

.samandehi-logo-cs {
    display: inline-block;
    cursor: pointer;
    width: 8.5em;
    height: 8.5em;
    background: url('https://dl.TahlilGaran.org/images/logo.aspx.png') no-repeat center center;
    background-size: 8.5em;
    margin: 0;
    padding: 0;
}

.enamad-logo-cs {
    display: inline-block;
    cursor: pointer;
    width: 8.5em;
    height: 8.5em;
    background: url('https://dl.TahlilGaran.org/images/logo2.aspx.png') no-repeat center center;
    background-size: 8.5em;
    margin: 0;
    padding: 0;
}

.navbar-collapse {
 overflow-x: visible;
 padding-right: 1em;
 padding-left: 1em;
 border-top: 1px solid transparent;
 box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
 -webkit-overflow-scrolling: touch;
 height: auto;
}

 .navbar-collapse:after, .navbar-collapse:before {
 content: " ";
 display: table;
 }

 .navbar-collapse:after {
 clear: both;
 }

 .navbar-collapse.in {
 overflow-y: auto;
 }

.navbar-static-top {
 z-index: 1000;
}

 .navbar-static-top a {
 border-bottom: 1px solid #424242;
 padding: 3px 80px 3px 80px;
 display: block;
 font-weight: normal;
 font-size: small;
 color: #ffffff;
 background: #5a5a5a url('https://dl.TahlilGaran.org/images/left_arrow.png') no-repeat right center;
 text-decoration: none;
 white-space: nowrap;
 }

 .navbar-static-top a.active, .navbar-static-top a:active, .navbar-static-top a:hover {
 text-decoration: none;
 border-color: #212121;
 color: #d9d9d9;
 background-color: #424242;
 }

.navbar-fixed-top {
 position: fixed;
 right: 0;
 left: 0;
 z-index: 1030;
 top: 0;
 border-width: 0 0 1px;
}

.navbar-brand {
 float: left;
 height: 60px;
 margin-right: 12px;
}

 .navbar-brand > img {
 display: block;
 }

.navbar-toggle {
 position: relative;
 float: right;
 margin-right: 20px;
 padding: .6em .8em;
 margin-top: 12px;
 margin-bottom: 8px;
 background-color: transparent;
 border: 1px solid transparent;
 border-radius: 8px;
}

 .navbar-toggle:focus {
 outline: 0;
 }

 .navbar-toggle .icon-bar {
 display: block;
 width: 22px;
 height: 2px;
 border-radius: 1px;
 }

 .navbar-toggle .icon-bar + .icon-bar {
 margin-top: 4px;
 }

.navbar-nav {
 margin: 0;
}

 .navbar-nav > li > a {
 margin: 4px 0 2px 0;
 color: #ffffff; /*Main Nav Bar Item Color*/
 font-weight: normal;
 }


.btn .label {
 top: -1px;
 position: relative;
}

.navbar-nav > li > .dropdown-menu {
 margin-top: 0;
 border-top-right-radius: 0;
 border-top-left-radius: 0;
}


.navbar-toggle {
 border-color: #E1F5FE;
}

 .navbar-toggle:focus, .navbar-toggle:hover {
 background-color: #340e62;
 }

 .navbar-toggle .icon-bar {
 background-color: #fff;
 }

.navbar-collapse {
 border-color: #101010;
}

.navbar-nav > .open > a, .navbar-nav > .open > a:focus, .navbar-nav > .open > a:hover {
 background-color: #340e62; /*Main Nav Bar Selected Item Color*/
}

.close {
 font-size: large;
 line-height: 1;
 color: #000;
 text-shadow: 0 1px 0 #fff;
 opacity: .2;
 filter: alpha(opacity=20);
}

 .close:focus, .close:hover {
 color: #000;
 text-decoration: none;
 cursor: pointer;
 opacity: .5;
 filter: alpha(opacity=50);
 }


.hide {
 display: none !important;
}

.show {
 display: block !important;
}

.hidden {
 display: none !important;
}

.hidden-xs-medium {
 font-size: small;
}

@media screen and (min-width: 1551px) {
 body {
 margin: 0 3em 0 3em;
 }
}

@media screen and (min-width: 1281px) and (max-width: 1550px) {
 body {
 margin: 0 3em 0 3em;
 }

 .link-box-large5 {
 width: 220px;
 }

 .link-box-large6 {
 width: 180px;
 }
}

@media screen and (min-width: 841px) and (max-width: 1280px) {
 body {
 margin: 0 2em 0 2em;
 }

 .div-color-box {
 padding: .5em;
 margin: .5em 0 .5em 0;
 border-width: 8px 1px 1px 1px;
 }

 .hidden-xs-medium {
 font-size: x-small;
 }


 .link-box-large5, .link-box-large6 {
 width: 100%;
 margin: 4px 0 4px 0;
 padding: 0 0 0 5px;
 }

 .link-box-large5 img {
 width: auto;
 height: 250px;
 float: left;
 }



 .link-box-img {
 width: auto;
 height: 140px;
 float: left;
 }

 .link-box-small, .div-box-small {
 width: 160px;
 }


 .div-image-box .div-box, .div-color-image-box .div-box {
 padding-top: 1em;
 }

    .link-box-info-course, .link-box-info-discount, .link-box-info-vip, .link-box-info-tdictionary {
        width: 740px;
    }
}

@media screen and (min-width: 481px) and (max-width: 840px) {
 body {
 margin: 0 1em 0 1em;
 }



 .div-color-box {
 padding: .5em;
 margin: .5em 0 .5em 0;
 border-width: 8px 1px 1px 1px;
 }

 .link-box-img {
 width: auto;
 height: 140px;
 float: left;
 }

 .div-img-wide img {
 width: 90%;
 }

 .text-field-wide {
 width: 95%;
 }

    .link-box-info-course, .link-box-info-discount, .link-box-info-vip, .link-box-info-tdictionary {
        width: 100%;
    }

 .hidden-xs-medium {
 font-size: x-small;
 }


 .link-box-large5, .link-box-large6 {
 width: 100%;
 margin: 4px 0 4px 0;
 padding: 0 0 0 5px;
 }

 .link-box-large5 img {
 width: auto;
 height: 200px;
 float: left;
 }

 .div-box-small, .link-box-small {
 background-position-x: right;
 background-position-y: center;
 margin: 5px;
 padding: 8px 64px 8px 8px;
 width: 80%;
 background-size: 64px;
 text-align: right;
 border-bottom: 3px solid;
 border-top: 3px solid;
 border-right: 1px solid;
 border-left: 1px solid;
 border-radius: 12px;
 }

 .div-image-box .image-box, .div-color-image-box .image-box {
 width: 100%;
 float: none;
 }

 .div-image-box .div-box, .div-color-image-box .div-box {
 padding-top: 0;
 }

 .btn {
 max-width: 75%;
 }

}

@media screen and (max-width: 480px) {
 body {
 margin: 0 .5em 0 .5em;
 }

 .div-color-box {
 padding: .5em;
 margin: .5em 0 .5em 0;
 border-width: 6px 1px 1px 1px;
 }

 .div-img-wide img {
 width: 95%;
 }

 .text-field-wide {
 width: 95%;
 }

 .h-space {
 display: block;
 }

 .hidden-xs-medium {
 font-size: xx-small;
 }

 .hidden-xs-e480 {
 display: none !important;
 }

    .link-box-info-course, .link-box-info-discount, .link-box-info-vip, .link-box-info-tdictionary {
        background-image: none;
        background-color: transparent;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: auto;
    }

        .link-box-info-course img, .link-box-info-discount img, .link-box-info-vip img, .link-box-info-tdictionary img {
            border-bottom-right-radius: 12px;
            border-top-right-radius: 12px;
            border: none;
            width: 100%;
            -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
            -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.6);
            box-shadow: 1px 1px 5px rgba(0,0,0,.6);
        }

 .link-box-large5, .link-box-large6 {
 width: 100%;
 margin: 4px 0 4px 0;
 padding: 6px 0 12px 0;
 }

 .div-box-small, .link-box-small {
 background-position-x: right;
 background-position-y: center;
 margin: 5px;
 padding: 5px 64px 5px 5px;
 width: 65%;
 background-size: 64px;
 text-align: right;
 border-bottom: 3px solid;
 border-top: 3px solid;
 border-right: 1px solid;
 border-left: 1px solid;
 border-radius: 14px;
 }

 .div-image-box .image-box, .div-color-image-box .image-box {
 width: 100%;
 float: none;
 }

 .div-image-box .div-box, .div-color-image-box .div-box {
 padding-top: 0;
 }

 .btn {
 min-width: 75%;
 max-width: 75%;
 }

 .btn-group {
 padding: 0;
 }

 h1 {
 font-size: large;
 }

 h2 {
 font-size: large;
 }

 h3 {
 font-size: medium;
 }

 h4 {
 font-size: medium;
 }
}


@media (max-device-width:480px) and (orientation:landscape) {
 .navbar-fixed-top .navbar-collapse {
 max-height: 200px;
 }
}

@media screen and (min-width:1101px) {
 .navbar-right .dropdown-menu {
 right: 0;
 left: 0;
 }

 .navbar-header {
 float: left;
 }

 .navbar-collapse {
 width: auto;
 border-top: 0;
 box-shadow: none;
 }

 .navbar-collapse.collapse {
 display: block !important;
 height: auto !important;
 padding-bottom: 0;
 overflow: visible !important;
 }

 .navbar-collapse.in {
 overflow-y: visible;
 }

 .navbar-fixed-top .navbar-collapse {
 padding-left: 0;
 padding-right: 0;
 }

 .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
 margin-right: 0;
 margin-left: 0;
 }

 .navbar-fixed-top, .navbar-static-top {
 border-radius: 0;
 }

 .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
 margin-left: 1px;
 }

 .navbar-toggle {
 display: none;
 }

 .navbar-nav {
 float: left;
 margin: 0;
 }

 .navbar-nav > li {
 float: left;
 }

 .navbar-nav > li > a {
 padding-top: .8em;
 padding-bottom: .8em;
 }

 .navbar-left {
 float: left !important;
 }

 .navbar-right {
 float: right !important;
 }

 .navbar-right ~ .navbar-right {
 margin-right: 0;
 }
}

@media screen and (max-width: 1100px) {
 .navbar-nav > li > a {
 border: 1px solid #E1F5FE;
 border-radius: 8px;
 }

 .navbar-nav .open .dropdown-menu {
 position: static;
 float: none;
 width: auto;
 margin-top: 0;
 background-color: transparent;
 border: 0;
 box-shadow: none;
 }

 .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
 padding: 5px 15px 5px 25px;
 }

 .navbar-nav .open .dropdown-menu > .dropdown-header {
 border-color: #000000;
 }

 .navbar-nav .open .dropdown-menu .divider {
 background-color: #000000;
 }

 .navbar-nav .open .dropdown-menu > li > a > img {
 display: none;
 }

 .navbar-nav .open .dropdown-menu > li > a {
 color: #ffffff; /*Main Nav Bar Item Color Mobile*/
 }

 .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
 color: #FFFF00;
 background-color: transparent;
 }

 .navbar-nav .open .dropdown-menu > .active > a, .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-nav .open .dropdown-menu > .active > a:hover {
 color: #FFFF00;
 background-color: #090909;
 }

 .hidden-xs {
 display: none !important;
 }

 .menu-divider {
 display: none !important;
 }
}