/***************************************************
01- Import Font                   
***************************************************/
@font-face {
    font-family: 'SDF';
    src: url('../Fonts/IRANSansWeb_UltraLight.eot'); /* IE9 Compat Modes */
    src: url('../Fonts/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    /*url('../Fonts/IRANSansWeb_UltraLight.woff') format('woff'),  Pretty Modern Browsers */
    url('../Fonts/IRANSansWeb_UltraLight.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
}

@font-face {
    font-family: 'SDF';
    src: url('../Fonts/IRANSansWeb_Light.eot'); /* IE9 Compat Modes */
    src: url('../Fonts/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    /*url('../Fonts/IRANSansWeb_Light.woff') format('woff'),  Pretty Modern Browsers */
    url('../Fonts/IRANSansWeb_Light.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 500;
}

@font-face {
    font-family: 'SDF';
    src: url('../Fonts/IRANSansWeb_Medium.eot'); /* IE9 Compat Modes */
    src: url('../Fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../Fonts/IRANSansWeb_Medium.woff') format('woff'), /* Pretty Modern Browsers */
    url('../Fonts/IRANSansWeb_Medium.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: bold;
}

body {
    /*background: #27343d url(../images/bg.jpg) repeat 50% 0 !important;*/
    background-color: white;
    color: #243238;
    font-family: SDF, Tahoma !important;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    min-width: 320px;
    /*overflow: hidden;*/
    width: 100%;
}

.page-header {
    border: none !important;
}

.carousel {
    /*margin-left: -15px;*/
    /*margin-right: -15px;*/
}

.navbar .nav > li > a {
    -webkit-transition: all linear .3s;
       -moz-transition: all linear .3s;
         -o-transition: all linear .3s;
            transition: all linear .3s;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: SDF, Tahoma !important;
}

.thumbnail
{
    text-align: right;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.thumbnail h4
{
    color: #ffd800;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.thumbnail p 
{
    padding:20px;
    text-align: justify;
    direction: rtl;
    color: #fff;
}

.thumbnail a
{
    margin-right: 20px;
    margin-bottom: 20px;
}

#divFrontThumbs {
    margin-top: 20px;
}

.noMargin
{
    margin: 0 !important;
}

.textWhite
{
    color: white;
}

#divFooter {
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 30px;
    vertical-align: middle;
}

#divFooter a {
    color: white;
    text-decoration: none;
}

#divFooter a:hover {
    text-decoration: underline;
}

#divProducer {
    border-top: 1px silver solid;
    margin-top: 5px;
    /*background-color: rgba(70, 93, 158, 0.9);*/
    background-color: darkred;
}

.textOrange {
    color: #ffd800;
    padding-left: 3px;
    padding-right: 3px;
}

.dirRight{
    direction: rtl;
}

.latestNewsTitle{
    color: rgb(196, 48, 37);
    font-weight: bold;
    direction: rtl;
}

.latestNews
{
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #27343d;
    height: 200px;
}

.goRight{
    float: right;
}

.goLeft {
    float: left;
}

.boardBox a {
    margin-right: 0 !important; 
    margin-bottom: 0 !important; 
}

.boardBox .list-group-item {
    border-bottom:1px solid #dddddd !important;
    border-top: none;
    border-left: none;
    border-right: none;
}

.boardBox .list-group-item:first-child {
    border-radius: 0;
    margin-bottom: 0;
    padding-top:10px !important;
}

.boardBox  p {
    padding: 0 !important;
    padding-right: 10px;
}

h4.media-heading {
    padding:0 !important;
    direction: rtl;
    /*color: #4e5d6c;*/
}

h4.media-heading:hover {
    padding:0 !important;
    direction: rtl;
    color: #dd4814;
    text-decoration: underline;
}

.media {
    min-height: 100%;
}

.list-group-item {
    padding-top:20px !important;
    background-color: inherit !important;
}

#testDiv {
    margin-top: 30px;
    background-color: #ffd800;
}

.noPadding {
    padding: 0 !important;
}

.top30{
    margin-top: 30px;
}

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

.navbar {
    border-radius: 0 !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.whiteBg {
    background-color: white;
}

.silverBg {
    background-color: #f2f2f2;
}

.blackBg {
    background-color: #31a1d5;
}

.BackFooter {
    background-color: rgba(235, 235, 235, 0.73);
}

.blackBg-W {
    /*background-color: #4e5d6c;*/
    /*background-color: #17a6b6;*/
}

.paddingTopDown20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.paddingTopDown40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.paddingTopDown10 {
    padding-top: 10px;
    padding-bottom: 10px;
}


#divPageList ul li {
    line-height: 2;
    color:orange;
}

#divPageList ul li a {
    line-height: 2;
    color:white !important;
}

#divPageList ul li a:hover {
    line-height: 2;
    color:orange !important;
}

.navbar-nav {
    text-align: right;
}

.navbar-nav > li > .dropdown-menu {
    text-align: center !important;
    z-index: 100;
}

.list-group-item:last-child {
    border-radius:0 !important;
    border:none !important;
}

.list-group-item:first-child {
    border-radius:0 !important;
    border:none !important;
}

.affix {
    top: 0;
    width: 100% !important;
    padding: 0 !important;
}

.back-to-top {
    background: none;
    margin: 0;
    position: fixed;
    bottom: 2%;
    left: 2%;
    width: 45px;
    height: 45px;
    z-index: 100;
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: white;
    border-radius: 50%;
    opacity: 0.8;
    transition: 3s;
    background-color: #f7941d;
    box-shadow: 0 5px 6px rgba(0,0,0,0.5);
}

.back-to-top i {
    font-size: 20px;
    margin-top: 10px;
    opacity: 0.8;
    color: white;
}

.error-number {
    font-size: 90px;
    line-height: 90px;
    margin: 20px 0;
}

.ErrorBody {
    color: #73879C;
    background: #2A3F54 !important;
    font-family: SDF, Tahoma, "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.471;
    overflow-x: hidden;
}

/*.navbar-default {
    background-color: rgb(201, 52, 40);
    border-color: #bf3e11;
}*/

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #4e5d6c !important;
}

#liquid {
    background-color:#2b3e50 !important;
}

.subSlideHeader {
    background-color:#4e5d6c !important;
    background-image: none !important;
}

table a:not(.btn), .table a:not(.btn)
{
    text-decoration: none !important;
}

.listView 
{
    color: #4e5d6c;
}

.listView:hover {
    color: #dd4814;
}

.mAuto{
    margin: auto;
}

.WideAutoImg{
    width: 100%;
    margin: auto;
}

.WideAutoImgB{
    width: 100%;
    margin: auto;
}

.WideAutoImgC{
    width: 90%;
    margin: auto;
}

.IntractA2{
    direction: rtl;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    color: black;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    opacity: 0.9;
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 2px #4e5d6c;
    margin: auto;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.IntractA2:hover{
    opacity: 1;
    box-shadow: 0px 0px 10px #4e5d6c;
    transition: 1s;
    background: none;
}

.IntractA2 label{
    color: #0083bf;
    font-size: 15px;
    cursor: pointer;
}

.IntractA2:hover label{
    color: darkblue;
    font-size: 16px;
}

.bottom-line {
    /*border-bottom: 1px solid #0135ab;*/
    border-bottom: 1px solid #f7941d;
    position: relative;
}

.headerIcon {
    padding: 1px;
    /*border: 1px double lightgray;*/
    /*font-size: 18px;*/
    top: -15px;
    /*color: lightgray;*/
    border-radius: 50%;
    color: #f7941d;
    background-color: #f8f8f8;
    line-height: 30px;
    z-index: 2;
    width: 30px;
    height: 30px;
    /*font-weight: bold;*/
    position: absolute;
    /*vertical-align: middle;*/
    right: 49%;
    margin: auto;
    /*box-shadow: 0px 0px 5px lightgray;*/
}

.SectionHeader {
    color: #dd0920;
    /*color: #00b4fa;*/
    /*margin: 5px 15px 5px 15px;*/
    margin-top: 5px;
    margin-bottom: 15px !important;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 19px !important;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.SectionHeaderC {
    color: #dd0920;
    /*color: #00b4fa;*/
    /*margin: 5px 15px 5px 15px;*/
    margin-top: 5px;
    margin-bottom: 15px !important;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 25px !important;
    width: 100%;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
}

.SectionHeaderB {
    /*color: #dd0920;*/
    color: #00aaad !important;
    margin: 0px;
    font-size: 40px !important;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

/*.SectionHeader span{
    background-color: none;
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}*/
.thumAuto{
    margin: 15px auto 15px auto;
}

.thumTagA{
    margin: auto; 
    text-decoration: none; 
    display:block; 
    width: 100%; 
    text-align: center;
}

.IntractA{
    direction: rtl;
    text-align: right;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 2px;
    /*border-bottom: 1px solid black;*/
    /*background-color: #17a6b6;*/
    display: block;
    line-height: 30px;
    width: 100%;
    margin: 1px;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.IntractA:hover {
    background-color: #00b4fa;
    /*box-shadow: 0px 0px 2px #00b4fa;*/
    /*width: 102%;*/
    /*border-bottom: 1px solid #00b4fa;*/
}

.IntractA span{
    color: darkblue;
}

.IntractA:hover span{
    color: white;
}

.NotifinationBox{
    color: darkblue; 
    margin: auto 2px auto 2px; 
    border-radius: 5px;
}

.divWaiting{
    position: fixed;
    background-color: #DBDBDB;
    z-index: 2147483647 !important;
    opacity: 0.8;
    overflow: hidden;
    text-align: center; top: 0; left: 0;
    height: 100%;
    width: 100%;
    padding-top:20%;
}

.divWaitingText {
    direction: rtl;
    background-color: white; 
    padding-top: 20px; 
    padding-bottom: 20px;
}

.textBlack{
    color: black;
}

.iconMargin{
    margin-left: 2px;
    margin-right: 2px;
    width: 15px;
}

.border-left{
    border-left: 1px solid white !important;
}

.marginRightLeft{
    margin-left: 2px;
    margin-right: 2px;
}

.contactUsText{
    direction: rtl;
    text-align: right;
    font-size: 15px;
    vertical-align: middle !important;
    font-weight: bold;
    display: block;
    width: 100%;
}

.line-height{
    line-height: 150%;
}

.marginTopDown3{
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    margin-left: 10px;
    margin-right: 10px;
}

.paddingBothSide3{
    padding-left: 3px;
    padding-right: 3px;
}

.paddRight3{
    padding-right: 3px;
}

.paddLeft{
    padding-left:3px;
}

.display-none{
    display: none;
}

.sdf{
    font-family: SDF !important;
    font-size: 13pt;
    line-height: 150%;
}

.lable-present{
    padding: 6px;
    width: 100%;
    background-color: #ebebeb;
    border-radius: 3px;
}

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

.textDarkRed{
    color: darkred;
}

.textDarkGreen{
    color: darkgreen;
}

.border-radius4
{
    border-radius: 4px;
}

.paddingTopDown5{
    padding-bottom: 5px;
    padding-top: 5px;
}

.msg-text{
    direction: rtl !important;
    /*color: white !important;*/
    text-align: justify !important;
}

.form-control:focus {
    border-color: #CCD0D7;
    box-shadow: none !important;
}

.form-control {
    border-radius: 0;
    line-height: 30px;
    width: 100%;
    border-color: rgba(204, 208, 215, 0.45);
}

/* Calender Css For Date Picker*/

.PickerCalendarCSS-B
{

}
.PickerFooterCSS-B
{
    margin: auto;
    background-color: #FDA001;
    border-radius: 7px;
    color: white;
    height: 35px;
    font-size: 13px;
    font-weight: bold;
}

.PickerFooterCSS-B:hover
{
    color: darkblue;
}

.PickerForbidenCSS-B
{
    background-color: #F8F8F8;
    border-radius: 5px;
    border: 2px solid white;
    color: red;
    font-size: 14px;
    font-weight: bold;
}
.PickerForbidenCSS-B:hover
{
    cursor: pointer;
    background-color: rgb(195,195,195);
}
.PickerWorkDayCSS-B
{
    font-size: 13px;
    font-weight: bold;
    background-color: #F8F8F8;
    border: 1px solid white;
}

.PickerWorkDayCSS-B a
{
    border: none !important;
}

.PickerWorkDayCSS-B:hover
{
    cursor: pointer;
    background-color: #ccc;
    color: darkred;
}

.PickerWorkDayCSS-B:hover a
{
    cursor: pointer;
    background-color: #ccc;
    color: darkred;
}

.PickerCSS-B
{
    /*width: 100%;*/
    position: relative;
    z-index: 1000;
    padding: 7px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);
    border-radius: 5px;
    background-color: white;
}
.PickerCSS-B table
{
    width: 100%;
    margin: auto;
}
.PickerHeaderCSS-B
{
    height: 40px;
    margin: auto;
    font-size: 13px;
    font-weight: bold;
}
.PickerHeaderCSS-B td
{
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
}
.PickerSelectedCSS-B
{
    background-color: #ccc;
    color: darkred;
    font-weight: bold;
}
.PickerWeekDayCSS-B{
    background: #575757;
    border-radius: 4px;
    height: 30px;
    box-shadow: 0 0 0 1px #e2edf7 inset;
    color: white;
    font-size: 100%;
    margin-bottom: 6px;
}

.z-index{
    z-index : 1000;
}

.divWaiting{
    position: absolute;
    background-color: #DBDBDB;
    z-index: 2147483647 !important;
    opacity: 0.8;
    overflow: hidden;
    text-align: center; top: 0; left: 0;
    height: 100%;
    width: 100%;
    padding-top:20%;
}

.divWaitingText {
    direction: rtl;
    background-color: white; 
    padding-top: 20px; 
    padding-bottom: 20px;
}

.lbl-line-height{
    line-height: 40px !important;
    vertical-align: middle;
}

.border-radius-5p{
    border-radius: 5px;
}

.color-white{
    color: white;
}

.color-green {
    color: #1ABB9C;
}

.bg-green-light{
    background: rgba(26, 187, 156, 0.05)  !important;
    border: 1px solid rgba(26, 187, 156, 0.4) !important;
}

.bg-green{
    background-color: green;
    border: 1px solid white;
    box-shadow: 0px 0px 5px black; 
    /*background: rgba(26, 187, 156, 1)  !important;*/
    /*border: 1px solid rgba(26, 187, 156, 0.4) !important;*/
}

.bg-white{
    background-color: #f8f8f8;
    border: 1px solid white;
    box-shadow: 0px 0px 1px black; 
    /*background: rgba(26, 187, 156, 1)  !important;*/
    /*border: 1px solid rgba(26, 187, 156, 0.4) !important;*/
}

.bg-green-b {
    background-color: #1ABB9C;
    border: 1px solid white;
    box-shadow: 0px 0px 2px black;
}

.color-blue {
    color: #3498DB;
}

.bg-blue-light {
    background: rgba(52, 152, 219, 0.05) !important;
    border: 1px solid rgba(52, 152, 219, 0.4) !important;
}

.color-orange {
    color: #F39C12;
}

.bg-orange-light {
    background: rgba(243, 156, 18, 0.05) !important;
    border: 1px solid rgba(243, 156, 18, 0.4) !important;
}

.color-purple {
    color: #9B59B6;
}

.bg-purple-light {
    background: rgba(155, 89, 182, 0.05) !important;
    border: 1px solid rgba(155, 89, 182, 0.4) !important;
}

.color-sky {
    color: #50C1CF;
}

.bg-blue-sky-light {
    background: rgba(80, 193, 207, 0.05) !important;
    border: 1px solid rgba(80, 193, 207, 0.4) !important;
}

.paddingBothSide10{
    padding-left: 10px;
    padding-right: 10px;
}

.marginTopDown10{
    margin-top: 10px;
    margin-bottom: 10px;
}

.marginTopDown20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.marginAuto{
    margin: auto;
}

.box-shadow{
    box-shadow: 0 0 1px #4e5d6c;
    
}

.box-shadowB {
    box-shadow: 0 0 20px rgba(0,0,0,.2);
}

.noRighLeftPadding{
    padding-left: 0px;
    padding-right: 0px;
}

.noTopBottomPadding{
    padding-top: 0px;
    padding-bottom: 0px;
}

.box-shadow:hover{
    box-shadow: 0 0 10px #4e5d6c;
    transition: 1s;
}

.paddingBothSide15{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.paddingBothSide5{
    padding-left: 5px;
    padding-right: 5px;
}

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

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

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

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

.marginRighLeft5{
    margin-right: 5px;
    margin-left: 5px;
}

.marginRighLeft2{
    margin-right: 2px;
    margin-left: 2px;
}

.borderRadiusTop5{
    border-radius: 5px 5px 0px 0px;
}

.bg-grey-light{
    background-color: rgba(219, 219, 219, 0.2);
}

.border-color-white{
    border: 1px solid white;
}

.row-info-table{
    border: 1px solid white;
    background-color: rgba(219, 219, 219, 0.25);
    border-radius: 4px;
    margin: 0px 5px 0px 5px !important;
}

.exam-table-header {
    border: 1px solid rgba(219, 219, 219, 0.75);
    background-color: rgba(219, 219, 219, 0.25);
    border-radius: 5px;
    margin: 5px 5px 0px 5px !important;
    padding: 3px 0px 3px 0px !important;

    font-size: 15px;
    /*font-weight: bold;*/
    color: #73848A;
    line-height: 40px !important;
}

.exam-table-row {
    border: 1px solid rgba(219, 219, 219, 0.5);
    /*background-color: rgba(219, 219, 219, 0.25);*/
    border-radius: 5px;
    margin: 2px 5px 0px 5px !important;
    padding: 3px 0px 3px 0px !important;

    font-size: 15px;
    /*font-weight: bold;*/
    color: black;
    line-height: 40px !important;
}

.exam-table-row:hover {
    background-color: rgba(30, 190, 159, 0.5);
    color: white;
}

.min-width150{
    min-width: 150px !important;
}

.min-width100 {
    min-width: 100px !important;
}

.border-rightW{
    border-right: 1px solid white;
}

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

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

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

.border-topW{
    border-top: 0.5px solid white !important;
}

.padding5{
    padding: 5px;
}



.topMenue {
    text-align: right;
    padding-right: 5px;
    padding-left: 75px;
}

    .topMenue > li {
        display: inline-block;
        text-align: center;
    }

        .topMenue > li > a {
            color: rgba(221, 9, 32, 1);
            text-decoration: none !important;
            cursor: pointer;
            /*color: black;*/
            font-size: 15px;
            font-weight: bold;
            padding: 2px 5px;
            /*border-bottom: 2px solid #f8f8f8;*/
        }

            .topMenue > li > a:hover,
            .topMenue > li > a:focus {
                /*transition: width 2s, height 2s, transform 2s;*/
                transition: ease-in-out 0.5S;
                /*transform: rotateX('-180');*/
                /*border-radius: 2px;*/
                /*background-color: white;*/
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -o-transform: scale(1.05);
                -ms-transform: scale(1.05);
                transform: scale(1.05);
                /*color: #0135ab !important;*/
                border-bottom: 2px solid rgba(221, 9, 32, 0.95);
            }

.dirLeft{
    direction: ltr;
}

.iconLink{
    text-align: center;
    padding: 0px;
}

.iconLink > li{
    display: inline-block;
    text-align: center;
}

.iconLink > li > a{
    color: #0135ab !important;
    text-decoration: none !important;
    font-size: 15px !important;
    cursor: pointer;
    padding: 10px 5px;
    /*border-bottom: 2px solid #f8f8f8;*/
}

.iconLink > li > a:hover,
 iconLink > li > a:focus{
    transition: ease-in-out 0.5S;
    transform: rotateX('-180');
    border-radius: 2px;
    /*background-color: white;*/
    color: #0135ab !important;
    /*border-bottom: 2px solid #0135ab;*/
}

.siteMap{
    text-align: right;
    padding: 5px;
}

.siteMap > li{
    display: inline-block;
    text-align: center;
}

.siteMap > li > a{
    border-radius: 3px;
    color: black;
    text-decoration: none !important;
    cursor: pointer;
    padding: 3px 4px;
    background-color: rgba(219, 219, 219, 0.4);
}

.siteMap > li > a:hover,
 siteMap > li > a:focus{
    transition: ease-in-out 0.4S;
    border-radius: 3px;
    background-color: #00b4fa;
    color: white !important;
}

.siteMapB {
    text-align: right;
    padding: 5px;
}

    .siteMapB > li {
        display: inline-block;
        text-align: center;
    }

        .siteMapB > li > a {
            border-radius: 3px;
            color: white;
            text-decoration: none !important;
            cursor: pointer;
            padding: 3px 4px;
            background-color: #f7941d;
        }

            .siteMapB > li > a:hover,
            .siteMapB > li > a:focus {
                transition: ease-in-out 0.4S;
                border-radius: 3px;
                background-color: #00b4fa;
                color: white !important;
            }

.socials{
    text-align: right;
}

.socials > li{
    display: inline-block;
    text-align: left;
}

.socials > li > a{
    color: white;
    text-decoration: none !important;
    cursor: pointer;
    display: block;
}

.socials > li > a > span {
    color: white;
    border-radius: 50%;
    vertical-align: middle;
    padding: 0px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 15px !important;
    text-align: center;
    background-color: #00b4fa;
    border: .5px double #00b4fa;
    /*background-color: rgba(204, 204, 204, 0.64);*/
    /*background-color: #f8f8f8;*/
    /*border: 1px solid #f8f8f8;*/
}

.socials > li > a > span:hover,
 socials > li > a > span:focus{
    background-color: white; 
    color: #00b4fa;
    /*box-shadow: 0px 0px 5px white;*/
    transition: ease-in-out 0.3s;
}

.contactIcon{
    color: white;
    border-radius: 50%; 
    vertical-align: middle; 
    padding: 7px; 
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 16px !important;
    background-color: #00b4fa;
    border: 1px solid white;
    box-shadow: 0px 0px 2px green;
}

.contactIcon:hover,
 contactIcon:focus{
    box-shadow: 0px 0px 5px black;
    transition: ease-in-out 1s;
}

.contactText{
    color: black;
    /*font-weight: bold;*/
    font-size: 16px;
    line-height: 40px;
    vertical-align: middle;
    text-align: justify;
}

.contactText:hover,
 contactText:focus{
    color: #00b4fa;
    transition: ease-in-out 0.4s;
}

.trGallery{
    padding : 0px;
}

.trGallery > td{
    padding : 1px;
    width: 100%;
}

.trGallery > td > div > div{
    background-color: rgba(0, 0, 0, 0.5); 
    line-height: 30px; 
    vertical-align: middle;
    font-size: 15px !important; 
    position: absolute; 
    bottom: 0px; 
    width: 100%;
    color: white;
    font-weight: bold;
    z-index: 4;
}

.trGallery > td > div > a{
    text-decoration: none;
    color: white;
}

.trGallery > td > div > a > div{
    position: absolute; 
    top: 0px; 
    color: white; 
    background-color: rgba(0,0,0,0.4); 
    transform: rotateX(180deg); 
    text-decoration: none; 
    width: 100%; 
    text-align: center; 
    height: 80%; 
    z-index: 2;
    visibility: hidden;
} 

.trGallery > td > div > a > div > h4{
    color: white; 
    text-decoration: none; 
    margin-top: 30px;
    font-size: 20px;
    opacity: 0;
} 

.trGallery > td > div:hover > a > div,
 trGallery > td > div:focus > a > div{
    visibility: visible;
    transform: rotateX(0deg);
    transition: ease-in-out 1s;
}

.trGallery > td > div:hover > a > div > h4,
 trGallery > td > div:focus > a > div > h4{
    opacity: 1;
    transition: ease-in-out 1s;
}

.trGallery > td > div:hover > div,
 trGallery > td > div:focus > div{
    background-color: rgba(30, 190, 159, 0.50); 
    transition: ease-in-out 0.3s;
}

.trGallery > td > div:hover > a,
 trGallery > td > div:focus > a{
    /*box-shadow: 0px 0px 4px black;*/
    transition: ease-in-out 0.3s;
}

.trArticle{
    padding : 0px;
    box-shadow: 0px 0px 2px #9B59B6;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 2px;
}

.trArticle > div{
    background-color: rgba(155, 89, 182, 0.8); 
    line-height: 30px; 
    vertical-align: middle;
    font-size: 15px !important; 
    position: absolute; 
    bottom: 0px; 
    width: 100%;
    color: white;
    font-weight: bold;
    z-index: 4;
}

.trArticle > div > a{
    color: white !important;
    font-size: 14px;
}


.trArticle > a{
    text-decoration: none;
    color: white;
}

.spanInfo{
    line-height: 30px;
    font-size: 14px;
    color: rgb(30, 190, 159);
    display: block;
    min-height: 40px;
} 

.spanLine{
    display: block;
    padding: 2px 2px;
    background: linear-gradient(to right, #9B59B6 0%, rgb(30, 190, 159) 100%);
} 

.trArticle > a > div{
    position: absolute; 
    top: 0px; 
    color: white; 
    background-color: rgba(0,0,0,0.4); 
    transform: rotateY(180deg); 
    text-decoration: none; 
    width: 100%; 
    text-align: center; 
    height: 100%; 
    z-index: 2;
    visibility: hidden;
} 

.trArticle > a > div > p{
    color: white; 
    text-decoration: none; 
    text-align: justify;
    margin-top: 2px;
    font-size: 14px;
    line-height: 30px;
    padding: 5px 10px;
    opacity: 0;
} 

.trArticle:hover > a > div,
 trArticle:focus > a > div{
    visibility: visible;
    transform: rotateY(0deg);
    transition: ease-in-out 1s;
}

.trArticle:hover > a > div > p,
 trArticle:focus > a > div > p{
    opacity: 1;
    transition: ease-in-out 1s;
}

.trArticle:hover > div,
 trArticle:focus > div{
    color: white;
    background-color: rgba(30, 190, 159, 1); 
    transition: ease-in-out 1s;
}

.trArticle:hover > div > a,
 trArticle:focus > div > a{
    color: white;
    transition: ease-in-out 1s;
}

.trArticle:hover > a,
 trArticle:focus > a{
    box-shadow: 0px 0px 5px #9B59B6;
    transition: ease-in-out 0.3s;
}

.trAnnounces{
    /*padding : 0px;
    box-shadow: 0px 0px 2px #9B59B6;*/
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 2px;
    z-index: 2;
}

.trAnnounces > div{
    background-color: rgba(155, 89, 182, 0.8); 
    line-height: 30px; 
    vertical-align: middle;
    font-size: 15px !important; 
    position: absolute; 
    bottom: 0px; 
    width: 100%;
    color: black;
    font-weight: bold;
    z-index: 4;
}

.trAnnounces > div > a {
    color: black !important;
}


.trAnnounces > a {
    text-decoration: none;
    color: black;
}

.trAnnounces > a > div {
    position: absolute;
    top: 0px;
    color: black;
    left: 4px;
    background-color: rgba(0,0,0,0.4);
    transform: rotateY(180deg);
    text-decoration: none;
    width: 100%;
    text-align: center;
    height: 100%;
    z-index: 2;
    visibility: hidden;
}

.trAnnounces > a > div > p {
    color: black;
    text-decoration: none;
    text-align: justify;
    margin-top: 2px;
    font-size: 14px;
    line-height: 30px;
    padding: 5px 10px;
    opacity: 0;
} 

.trAnnounces:hover > a > div,
 trAnnounces:focus > a > div{
    visibility: visible;
    transform: rotateY(0deg);
    transition: ease-in-out 1s;
}

.trAnnounces:hover > a > div > p,
 trAnnounces:focus > a > div > p{
    opacity: 1;
    transition: ease-in-out 1s;
}

.trAnnounces:hover > div,
 trAnnounces:focus > div{
    color: white;
    background-color: rgba(30, 190, 159, 1); 
    transition: ease-in-out 1s;
}

.trAnnounces:hover > div > a,
 trAnnounces:focus > div > a{
    color: white;
    transition: ease-in-out 1s;
}

.trAnnounces:hover > a,
 trAnnounces:focus > a,
 trAnnounces:hover,
 trAnnounces:focus{
    box-shadow: 0px 0px 10px #9B59B6;
    transition: ease-in-out 0.3s;
    z-index: 2;
}

.trProduct{
    padding : 2px;
    /*box-shadow: 0px 0px 2px #9B59B6;*/
    margin-top: 1px;
    /*margin-bottom: 2px;*/
    /*border-radius: 2px;*/
}

.trProduct > td{
    padding : 1px;
    width: 100%;
}

.trProduct > td > div > a{
    text-decoration: none;
    box-shadow: 0px 0px 2px black;
    color: white;
}

.trProduct:hover td > div > a,
 trProduct:focus td > div > a{
    box-shadow: 0px 0px 6px black;
    transition: ease-in-out 0.3s;
}

.trVideos{
    padding : 2px;
    /*box-shadow: 0px 0px 2px #9B59B6;*/
    margin-top: 1px;
    /*margin-bottom: 2px;*/
    /*border-radius: 2px;*/
}

.trVideos > td{
    padding : 1px;
    width: 100%;
}

.trVideos > td > div > a{
    text-decoration: none;
    /*box-shadow: 0px 0px 2px gray;*/
    color: white;
}

.trVideos:hover td > div > a,
 trVideos:focus td > div > a{
    /*box-shadow: 0px 0px 6px black;*/
    transition: ease-in-out 0.3s;
}

.productTitle {
    line-height: 30px;
    font-size: 16px;
    text-align: justify !important;
    font-weight: bold;
    color: #dd0920;
    padding: 10px 5px 10px 5px;
    min-height: 100px;
}

.descNoEditor{
    line-height: 40px !important;
    text-align: justify !important;
    direction: rtl !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

.gridTitleLine{
    margin-bottom: 10px; 
    background-color: rgba(226, 226, 226, 0.52)
}

.border-circle{
    border-radius: 50%;
}

.propertyTitle{
    font-size: 14px;
    font-weight: bold;
    color: darkblue;
    line-height: 45px!important;
}

.propertyValue{
    font-size: 14px;
    color: black;
    line-height: 45px!important;
}

.border-right{
    border-right: 1px solid #edecec;
}

.border-bottom{
    border-bottom: 1px solid #edecec;
}

.border-bottom:hover {
    border-bottom: 1px solid rgba(0,0,0,0.4);
}

.boxfront > div
{
    width: 110px; 
    height: 110px; 
    line-height: 110px; 
    border: 8px solid #f8f8f8; 
    background-image:url(/images/stripes_3_b.png);
}

.boxfront > h5 {
    margin: 30px 15px 10px 15px;
    font-size: 17px;
    /*color: darkblue;*/
    color: rgba(221, 9, 32, 1);
}

.boxfront > p {
    margin: 30px 15px 30px 15px;
    line-height: 30px;
    font-size: 15px;
    color: black;
}

.boxfront:hover > div , 
.boxfront:focus > div{
    background-color: #1ABB9C;
    color: white !important;
}

.articleTitr {
    line-height: 30px;
    font-size: 17px;
    text-align: justify !important;
    /*color: black;*/
    color: rgba(221, 9, 32, 1);
    padding: 5px;
}

.articleAbstract{
    text-align: center !important; 
    line-height: 40px; 
    margin-top: 13px !important; 
    margin-bottom: 5px !important;
}

.fpArticle {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 5px;
    padding-left: 5px;
}

.fpArticle > a {
    display: block;
    text-decoration: none !important;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border: 1px solid #f7941d;
    border-radius: 5px;
    color: white;
    min-height: 500px;
}

.fpArticle > a > img {
    border-radius: 5px 5px 0px 0px;
}

.fpArticle > a > div{
    color: black; 
    width: 100%; 
    text-align: center; 

}

.fpArticle > a > div > p {
    text-align: justify;
    margin-top: 2px;
    font-size: 15px;
    line-height: 30px;
    padding: 5px;
} 


.fpVideos{
    /*padding : 2px;*/
    /*box-shadow: 0px 0px 2px #9B59B6;*/
    margin-top: 1px;
    /*margin-bottom: 2px;*/
    /*border-radius: 2px;*/
}

.fpVideos > a{
    text-decoration: none !important;
    /*box-shadow: 0px 0px 2px gray;*/
    color: white;
}

.fpVideos:hover > a,
 fpVideos:focus > a{
    /*box-shadow: 0px 0px 4px gray;*/
    transition: ease-in-out 0.3s;
}

.videoTitle{
    line-height: 20px; 
    font-size: 16px; 
    text-align: justify !important; 
    /*font-weight: bold;*/
    color: black; 
    padding: 10px 5px 10px 5px; 
    /*min-height: 100px;*/
}

.videoDuration{
    position: absolute; 
    bottom: 0px; 
    left: 0px; 
    color: white; 
    background-color: rgba(0,0,0,0.8); 
    font-size: 13px !important; 
    padding: 5px!important;
}

.fpVideosB {
    /*padding : 2px;*/
    /*box-shadow: 0px 0px 2px #9B59B6;*/
    margin-top: 10px;
    /*margin-bottom: 2px;*/
    /*border-radius: 2px;*/
    margin-bottom: 10px !important;
}

    .fpVideosB > a {
        text-decoration: none !important;
        /*box-shadow: 0px 0px 2px gray;*/
        color: white;
        border: 1px solid #b9b9b9;
    }

    .fpVideosB:hover > a,
    fpVideosB:focus > a {
        /*box-shadow: 0px 0px 4px gray;*/
        box-shadow: 0px 0px 4px black;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        /*transition: linear 0.2s;*/
        z-index: 5;
        /*box-shadow: rgba(0, 0, 0, 0.2) 1px 1px;*/
        /*box-shadow: 0px 0px 2px #4e5d6c;*/
        transition: ease-in-out 0.3s;
    }

.videoTitleB {
    line-height: 45px;
    font-size: 16px;
    text-align: justify !important;
    /*font-weight: bold;*/
    color: white;
    background-color: #00aaad !important;
    padding: 0px 10px 0px 5px;
    width: 100%;
    text-align: justify;
    /*min-height: 100px;*/
}

.videoDurationB {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: white;
    background-color: rgba(0,0,0,0.8);
    font-size: 13px !important;
    padding: 5px !important;
}

.fpGallery {
    /*padding : 1px;*/
    /*width: 100%;*/
    margin-top: 5px;
    margin-bottom: 5px;
    z-index: 10 !important;
    margin-bottom: 10px !important;
}

/*.fpGallery > td > div > div{
    background-color: rgba(255, 255, 255, 0.5); 
    line-height: 30px; 
    vertical-align: middle;
    font-size: 19px !important; 
    position: absolute; 
    bottom: 0px; 
    width: 100%;
    color: white;
    font-weight: bold;
    z-index: 4;
}*/

    .fpGallery > a {
        text-decoration: none !important;
        color: white;
        border: 1px solid #b9b9b9;
        /*border: 1px solid #f7941d;*/
    }

.fpGallery > a > div{
    /*position: absolute; 
    top: 0px;*/ 
    /*color: black;*/ 
    /*background-color: rgba(0,0,0,0.4);*/ 
    /*transform: rotateX(180deg);*/ 

    text-decoration: none; 
    width: 100%; 
    text-align: center; 
    
    height: 100%; 
    z-index: 2;
    /*visibility: hidden;*/
}

    .fpGallery > a > div > h4 {
        color: white;
        text-decoration: none;
        font-size: 16px;
        line-height: 45px;
        background-color: #00aaad !important;
        padding: 0px;
        margin: 0px !important;
        /*opacity: 0;*/
    } 

.fpGallery:hover > a > div,
 fpGallery:focus > a > div{
    /*visibility: visible;*/
    /*transform: rotateX(0deg);*/
    transition: ease-in-out 1s;
}

.fpGallery:hover > a > div > h4,
 fpGallery:focus > a > div > h4{
    /*opacity: 1;*/
    transition: ease-in-out 1s;
}

    .fpGallery:hover > a,
    fpGallery:focus > a {
        box-shadow: 0px 0px 4px black;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        /*transition: linear 0.2s;*/
        z-index: 5;
        /*box-shadow: rgba(0, 0, 0, 0.2) 1px 1px;*/
        /*box-shadow: 0px 0px 2px #4e5d6c;*/

        transition: ease-in-out 0.3s;
    }

.border-green {
    background-color: white;
    border: 1px solid #1ABB9C;
    box-shadow: 0px 0px 2px black;
}

.ln_solid {
    border-top: 1px solid #e5e5e5;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0;
}

.menuBtn{
    border-radius : 2px;
    background-color: #EFEFEF;
    color : black;
    /*font-weight: bold;*/
    width: 100%;
    margin-top: 2px;
}

.menuBtn:hover,
.menuBtn:focus{
    background-color: lightgray;
    color : black;
}

.color-black{
    color: black;
}

.boxfrontIcon{
   max-height: 60px;
   max-width: 60px;
   background: none;
   /*margin: 10px auto auto auto;*/
   margin-top: -20px;
}

.lihe-height35{
    line-height: 35px;
}

.liService{
    list-style: none;
    text-decoration: none;
    font-size: 15px;
    text-align: right;
    line-height: 35px;
    color: dodgerblue;
}





@media (min-width: 768px){
    .tdwidth{
        min-width: 800px !important;
        padding: 0px;
    }

    .trArticle
    {
        max-width: 320px !important;
    }


    .trProduct > td{
        max-width: 300px !important;
    }

    .trVideos > td{
        max-width: 320px !important;
    }

    .logo {
        margin-top: 15px !important;
        width: 80px;
        max-width: 80px !important;
    }

    .systemTitle{
        margin-top: 45px; 
        margin-right: 0px;
    }

    .tbxSearch {
        margin-top: 5px;
        height: 40px;
        line-height: 40px;
        border: none;
        width: 350px;
        border-radius: 3px;
        border: 1px solid #dd0920;
        background-color: rgba(255,255,255,.8);
    }

    .searchBtn{
        margin-top: 5px;
    }

    .persianDate{
        margin-top: 15px;
        width: 350px;
        text-align: right;
        direction: rtl;
    }
}

@media (max-width: 767px){
    .tdwidth{
        min-width: 250px !important;
    }

    .trArticle
    {
        max-width: 320px !important;
    }

    .trProduct > td{
        max-width: 300px !important;
    }

    .trVideos > td{
        max-width: 320px !important;
    }

    .logo {
        margin-top: 15px !important;
        width: 80px;
        max-width: 80px !important;
    }

    .systemTitle{
        margin-top: 36px; 
        margin-right: 0px;
    }

    .xs-sm-padding10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .xs-sm-padding15 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .xs-sm-padding20 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .xs-sm-padding30 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }

    .tbxSearch {
        margin-top: 5px;
        height: 40px;
        line-height: 40px;
        border-radius: 3px;
        border: 1px solid #dd0920;
        background-color: rgba(255,255,255,.8);
        width: 100%;
    }

    .searchBtn{
        margin-top: 5px;
    }

    .persianDate{
        margin-top: 15px;
        width: 100%;
        text-align: right;
        direction: rtl;
    }
}

@media (max-device-width: 480px) and (orientation: landscape){
    .tdwidth{
        min-width: 200px !important;
    }

    .trArticle
    {
        max-width: 320px !important;
    }

    .trProduct > td{
        max-width: 300px !important;
    }

    .trVideos > td{
        max-width: 320px !important;
    }

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

    .systemTitle{
        margin-top: 66px; 
        margin-right: -15px;
    }

    .tbxSearch {
        margin-top: 5px;
        height: 40px;
        line-height: 40px;
        width: 100%;
        border-radius: 3px;
        border: 1px solid #dd0920;
        background-color: rgba(255,255,255,.8);
    }

    .searchBtn{
        margin-top: 9px;
    }

    .xs-sm-padding10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .xs-sm-padding15 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .xs-sm-padding20 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .xs-sm-padding30 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }

    .persianDate{
        margin-top: 15px;
        width: 100%;
        text-align: right;
        direction: rtl;
    }
}

.newsTable > tbody > tr {
    width: 100% !important;
    padding: 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    /*box-shadow: 0px 0px 2px #9B59B6;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px;
    text-align: right;
}

.newsTable > tbody > tr:hover {
    /*box-shadow: 0px 0px 2px rgba(0,0,0,0.4);*/
}

.reportTable > tbody > tr {
    width: 100% !important;
    padding: 0px;
    /*box-shadow: 0px 0px 2px #9B59B6;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px;
    text-align: right;
}

.newsTable > tbody > tr > td{
    width: 100% !important;
}

#divContent{
    min-height: 600px !important;
}

.record-style {
    background-color: rgba(235, 235, 235, 0.5);
    border-radius: 2px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 2px;
}

.record-top-style {
    background-color: rgba(236, 151, 31, 0.8);
    border-radius: 2px;
    display: block;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 2px;
}

.record-style:hover {
    background-color: rgba(91, 182, 222, 0.5);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}

.question-title {
    white-space: normal !important;
    width: 100%;
    text-align: right !important;
    line-height: 30px;
}

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

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

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

.width-70 {
    width: 70% !important;
}

.width-80{
    width: 80% !important;
}

.width-90 {
    width: 90% !important;
}

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

.color-red {
    color: #dd0920;
}

color-darkgreen{
    color: darkgreen;
}

.bg-color-black {
    background-color: #333;
}

.bg-color-darkgreen {
    background-color: #00aaad !important;
}

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

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

.entry-title {
    /*font-weight: 700 !important;*/
    margin: 15px 100px 15px 15px;
    border-bottom: 1px solid #f1f3f4;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 17px !important;
    line-height: 30px !important;
}

.entry-title-color {
    color: #00b4fa;
}

.color-darkGreen{
    color: darkgreen;
}

.entry-title-image {
    float: right;
    width: 90px;
    height: 90px;
    margin-left: 15px;
    margin-bottom: 25px;
    box-shadow: 0 0 10px 0 #f5f5f5;
    border: 1px solid #DBDBDB;
    border-radius: 50%;
}

.entry-footer {
    /*font-weight: 700 !important;*/
    margin: 15px;
    border-top: 1px solid #f1f3f4;
    /*padding-top: 10px;*/
    /*padding-bottom: 20px;*/
    font-weight: bold;
    /*font-size: 14px !important;*/
    /*line-height: 30px !important;*/
}

.entry-btn {
    border: none;
    border-radius: 2px;
    padding: 10px 30px;
    margin: auto;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
    text-decoration: none;
    background: transparent;

    background-color: #4285f4;
    color: white;
}

.entry-btn:hover {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.18), 0 2px 6px 0 rgba(0,0,0,.15);
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    will-change: box-shadow,transform;
    background-color: #426cf4;
    color: white;
}

.warning-comment {
    line-height: 30px !important;
    text-align: justify !important;
    direction: rtl !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    color: darkred !important;
}

.footer-line {
    /*border-bottom: 1px solid #0135ab;*/
    border-bottom: 1px solid #a59d95;
    position: relative;
}

.google-map {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #f7941d;
    border-radius: 2px;
    min-height: 500px;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
}

.os-boxShadow {
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border: 1px solid #f7941d;
}

.quickLinks {
    text-align: right;
}

    .quickLinks > li {
        display: inline-block;
        text-align: center;
    }

        .quickLinks > li > a {
            color: black !important;
            text-decoration: none !important;
            cursor: pointer;
            color: black;
            font-size: 15px;
            font-weight: bold;
            padding: 10px 5px;
            /*border-bottom: 2px solid #f8f8f8;*/
        }

            .quickLinks > li > a:hover,
            quickLinks > li > a:focus {
                transition: ease-in-out 0.5S;
                /*transform: rotateX('-180');*/
                border-radius: 2px;
                /*background-color: white;*/
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -o-transform: scale(1.05);
                -ms-transform: scale(1.05);
                transform: scale(1.05);
                color: #0135ab !important;
                border-bottom: 2px solid #0135ab;
            }

.footerMenu {
    text-align: right;
    margin-top: 10px;
    padding: 0px !important;
}

    .footerMenu > li {
        display: inline-block;
        text-align: center;
        text-decoration: none;
        list-style-type: none;
    }

    .footerMenu > span {
        color: #a59d95 !important;
    }

        .footerMenu > li > a {
            color: #a59d95 !important;
            text-decoration: none !important;
            cursor: pointer;
            padding: 10px 5px;
            font-size: 15px;
            /*border-bottom: 2px solid #f8f8f8;*/
        }

            .footerMenu > li > a:hover,
            footerMenu > li > a:focus {
                transition: ease-in-out 0.5S;
                transform: rotateX('-180');
                /*border-radius: 2px;*/
                /*background-color: white;*/
                color: white !important;
                /*border-bottom: 2px solid #0135ab;*/
            }

.bottomMenu {
    text-align: right;
    line-height: 30px !important;
    margin-top: 10px;
    padding: 0px !important;
}

    .bottomMenu > li {
        /*display: inline-block;*/
        text-align: right;
        text-decoration: none;
        list-style-type: none;
    }

        .bottomMenu > li > a {
            color: #a59d95 !important;
            text-decoration: none !important;
            cursor: pointer;
            padding: 0px;
            font-size: 15px;
            /*border-bottom: 2px solid #f8f8f8;*/
        }

            .bottomMenu > li > a:hover,
            bottomMenu > li > a:focus {
                transition: ease-in-out 0.5S;
                transform: rotateX('-180');
                /*border-radius: 2px;*/
                /*background-color: white;*/
                color: white !important;
                /*border-bottom: 2px solid #0135ab;*/
            }

.social-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1001;
    opacity: 0.8;
}

    .social-bar a {
        display: block;
        text-align: center;
        padding: 16px;
        transition: all 0.3s ease;
        color: white;
        font-size: 20px;
    }

        .social-bar a:hover {
            background-color: #f7941d !important;
        }

.img-description{
    float: left;
    max-width: 200px !important;
}

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

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}