﻿
@font-face { font-family: 'IRANSans'; src: url('fonts/IRANSansWeb_Medium.eot'); src: local('b IRANSansWeb_Medium'), url('fonts/IRANSansWeb_Medium.eot?#') format('eot'), url('fonts/IRANSansWeb_Medium.woff') format('woff'), url('fonts/IRANSansWeb_Medium.ttf') format('truetype'), url('fonts/IRANSansWeb_Medium.svg') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Nazanin'; src: url('fonts/bnazanb.eot'); src: local('b bnazanb'), url('fonts/bnazanb.eot?#') format('eot'), url('fonts/bnazanb.woff') format('woff'), url('fonts/bnazanb.ttf') format('truetype'), url('bnazanb.svg') format('svg'); font-weight: normal; font-style: normal; }

body { font-family: IRANSans; background-color:#f0f0f0 }

.header-block { /*background: linear-gradient(#333,#555);*/ text-align: center; margin-top:5px; background-color:#1a4a7b;-webkit-box-shadow: 0 8px 6px -6px #c7c7c7;
-moz-box-shadow: 0 8px 6px -6px #c7c7c7;
box-shadow: 0 8px 6px -6px #c7c7c7; }
    /*.header-block img { position: absolute; z-index: 1000; right: 15px; top: 10px; }*/

.header-cover { background-color:#fff; text-align:center;  }
    .header-cover img { margin:auto }

.special-row { background-color:#fff; padding:2%; }
#marqarea { margin-bottom: 10px; }

img { border: 0px; }
a { text-decoration: none; color: #444; }
    a:hover { text-decoration: none; color: #222; }
    .white{ background-color:#fff !important}

h1 { margin: .40em 0; font-size: 1.5em; }

.row { margin: 0px !important; padding: 0px !important; }
.pageMinHeight { min-height: 350px; }

.well { background-color: white !important; /*box-shadow:0px 0px 4px #ccc;*/ }

.navbar-default { background-color: transparent !important; box-shadow: none !important; }
    .navbar-default .navbar-nav { margin-right: 10%; }
        /*.navbar-default .navbar-nav > li > a { color: #666 !important; }*/
    /*.navbar-default .navbar-nav > li > a:hover { background-color: #f24246; }*/
    .navbar-default .navbar-toggle .icon-bar { background-color: #aaa !important; }

.Search-well { background-color: #f0f3c9 !important; border: 1px solid #a7b02a; }
.Login-well { background-color: #ffffec !important; border: 1px solid #fafab9; }

.Defaul-well { background-color: #fff7f7 !important; border: 1px solid #fff1f1; }
#Logo { position: absolute; top: 2px; right: 20px; z-index: 100; }

.page-header { background-color: #797979; padding: 12px; text-align: center; color: #fff !important; margin: 0px 0 20px !important; }

#headerBar { width: 100%; text-align: left; height: 25px; }

.navbar-default { margin-bottom: 5px; border: 0px; }



.SpecialImg { width: 98%; margin: 0 auto; padding: 10px; }

.ImageLnk { text-align: center; width: 100%; }
    .ImageLnk img { max-width: 100%; margin-bottom: 5px; }


.glyphicon { padding-left: 5px; }
.glyphicon-arrow-left { color: #f24246; }

.glyphicon-refresh { font-size: 13pt; }

.btn-Search { background-color: #f24246; color: white; transition: 7s all; -o-transition: 7s all; -webkit-transition: 7s all; -moz-transition: 7s all; -ms-transition: 7s all; }
    .btn-Search:hover { color: white; background-color: #4caf50; }
.btn-danger { color: white !important; }
.btn-transparent { background-color: transparent; border: 0px; }

.form-group div { margin-bottom: 12px !important; }
.Drop { height: auto !important; max-width: 270px; }
.txtBox { font-size: 9pt; max-width: 270px; }
.muti-txtBox { font-size: 9pt; max-width: 500px; }

.Search-col .form-control { margin-bottom: 1%; padding: 4px 6px; height: 30px; }
/*.Search-col .form-group { margin-bottom: 12px !important; }*/
#Footer { padding: 7px; text-align: center; width: 100%; background: linear-gradient(#333,#555); color: #fff; box-shadow: 0px -5px 5px -5px #888; }
    #Footer a { color: #fff; }
    #Footer .sign { font-family: Verdana; font-size: 8pt; }

#myCarousel .col-sm-3 { position: relative; }
#myCarousel .SpecTitle { position: absolute; bottom: 0; background: rgba(0,0,0,0.6); padding: 10px 1% 10px 1%; color: #eee; width: 90%; }
.clearBoth { clear: both; content: "."; display: block; visibility: hidden; }
/*.page-header span { color: #f24246; }*/
.page-header #Name { float: right; }
.page-header #Tel { float: left; }

/*--------------------------------- Show Melk List--------------------------------------*/
.Box { width: 100%; background: #FFF; margin: 0px auto; border: 1px solid #dad9d5; margin-bottom: 20px; padding: 10px; border-radius: 5px; }
    .Box:hover { background-color: #e4f1e6; border: 1px solid #93cc95; }
        .Box:hover .Description { color: #444; }

    .Box .img-responsive { border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border: 1px solid #fff; box-shadow: 0px 0px 7px #ddd; }
.melkBox .Title { /*color: #f24246;*/ font-size: 14pt; width: 100%; padding: 10px; }
.melkBox .Description { margin-right: 1%; text-align: right; padding: 4px; line-height: 35px; }
    .melkBox .Description .Price { font-size: 14pt; color: #ed6f11; font-family: Nazanin; }
    .melkBox .Description .Code { color: #000; font-size: 12pt; }
.melkBox { position: relative; }
    .melkBox:before, .melkBox:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 13px 10px #aaa; -moz-box-shadow: 0 13px 10px #aaa; box-shadow: 0 13px 10px #aaa; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }
    .melkBox:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }


.melkBox-default { margin-bottom: 20px; border-radius: 2px; border:5px solid #dbd7d0; padding:7px; border-radius:15px; background-color: #fff; display: block; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); }
    .melkBox-default .image { height: 230px; overflow: hidden; }
    .melkBox-default img { margin: 0 auto; width: 100%; border-radius:10px; max-height:230px; }
    .melkBox-default .top-title { color: #122f52; font-size: 11pt;  /*font-weight:bold;*/background-color:#e7f1f7;  border-top:1px solid #fff;  padding: 10px; text-align: center; height: 67px; line-height:25px; padding-top:10px; direction:rtl }
    .melkBox-default .title { direction:rtl; font-size: 10.5pt; color:#1a4a7b; padding: 10px 15px; text-align: center; height: 40px;  border:1px solid #fff; background-color:#c4e4f7; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
    .melkBox-default .summary { border: 1px solid #fff; border-bottom:0px; border-top-left-radius:10px; background-color:#c4e4f7; border-top-right-radius:10px; margin-top:7px; /*background-color: #d83134;*/ /*height: 60px;*/ /*color: #fff;*/ }
        .melkBox-default .summary .summaryCol { float: right; direction:rtl; color:#1a4a7b; width: 47.5%; padding-top:10px; font-size: 9pt;  text-align: center; border-left: 1px solid #fff; }
        .melkBox-default .summary .visit { border-left: 0px; }

    .melkBox-default:hover { box-shadow: 0 2px 5px 0 rgba(0,0,0,.10),0 2px 10px 0 rgba(0,0,0,.10); }

/*--------------------------------- Show Melk List--------------------------------------*/

.Details-item { width: 250px; margin-right: 1%; float: right; padding-bottom: 15px; }
    .Details-item .title { width: 90px; }
    .Details-item .value { width: 150px; padding-right: 10px; }
    .Details-item .code { font-size: 13pt; padding: 5px 15px 5px; }
    .Details-item .price { font-size: 13pt; padding: 5px 15px 5px; }
    .Details-item .totalPrice { font-size: 13pt; padding: 5px 15px 5px; }
.Details-map { width: 100%; min-height: 350px; }
.Share { text-align: center; }
    .Share img { margin-left: 7px; }

.melk-well { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 0px 15px 0px; margin-bottom: 10px; }
/*.Owner-well { background-color: #f0f3c9 !important; border: 1px solid #a7b02a; }*/
.Owner-well .Details-item { padding-bottom: 10px; width: 100%; }
.Owner-well .glyphicon { color: #f82025; font-size: 13pt; padding-left: 15px; }

h4 { padding-bottom: 10px; text-align: center; }
.notic { line-height: 26px; }
    .notic h4 { color: #9a1e29; text-align: right; line-height: 27px; }

.panel-heading span { color: #777; padding-right: 20px; }

.currentLable { font-family: IRANSans; font-size: 12pt; padding: 2px 5px 2px 5px; color: #65acdd; border: 1px solid #65acdd; }
.currentLable1 { font-family: IRANSans; font-size: 12pt; padding: 2px 5px 2px 5px; color: #c6661e; border: 1px solid #c6661e; }
.numeric { font-family: IRANSans; font-size: 12pt; width: 10px; color: #666; padding: 2px 5px 2px 5px; }

.news-box { background-color: #eee; width: 100%; padding: 10px !important; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; margin-bottom: 7px; }

.table-hover { max-width: 900px; }
.table-bordered th,
.table-bordered td { border: 1px solid #aedab4 !important; text-align: center; font-size: 9pt; }

.welcom { float: left; }
    .welcom .dropdown-toggle { font-family: Verdana; font-size: 10pt; }

.Checkbox td { width: 10%; }
.Checkbox label { padding-right: 3px; }

.melkImg img { float: right; margin: 10px; }

.login-frm { min-height: 350px; }
    .login-frm .title h4 { padding-bottom: 0px !important; padding-top: 15px; }
    .login-frm .title div { text-align: center !important; color: #666; padding-bottom: 20px; }


#divBoxButton { position: fixed; top: 30%; left: 0px; z-index:10 }
.CircleButton { /*display: inline-block;*/ background-position: center center; background-repeat: no-repeat; cursor: pointer; margin-top: 10px; background-color: #fff; padding: 5px; box-shadow: 0px 0px 6px #aaa; -ms-box-shadow: 0px 0px 6px #aaa; -webkit-box-shadow: 0px 0px 6px #aaa; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
    .CircleButton .fa { color: #fff; padding-right: 11px; padding-top: 9px; height: 45px; width: 45px; border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; }
    .CircleButton:hover { box-shadow: 0px 0px 6px #aaa; -ms-box-shadow: 0px 0px 6px #aaa; -webkit-box-shadow: 0px 0px 6px #aaa; }
#divTelegram { color: #138bdd; }
    #divTelegram .fa { background-color: #138bdd; }
#divInstagram { color: #E2382B; }
    #divInstagram .fa { background-color: #E2382B; }

.form-heading { padding: 5px 10px !important; font-size: 13pt; margin-bottom: 10px; color: rgba(7, 81, 90, 0.8); background-color: rgba(7, 81, 90, 0.1); border-top-left-radius: 10px; border-bottom-right-radius: 10px; }


/*.melkBox-default {margin-bottom: 10px; border-radius: 2px; background-color: rgba(255,255,255,0.9); display: block; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); }
    .melkBox-default .image { height: 200px; overflow: hidden; }
    .melkBox-default img { margin: 0 auto; width: 100%; }
    .melkBox-default .top-title { color: #eb4008; font-size: 10.5pt; padding: 10px; text-align: center; height: 40px; }
    .melkBox-default .title { color: #666; font-size: 11pt; padding: 10px 7px; text-align: center; height: 70px; }
        .melkBox-default .summary { background-color: #c4cb57; color: #fff; padding-top: 5px; }
        .melkBox-default .summary p { margin-top: 0px !important; }
        .melkBox-default .summary .summaryCol { padding: 2px; text-align: center; border-left: 1px solid #fff; }
        .melkBox-default .summary .visit { border-left: 0px; }

    .melkBox-default:hover { box-shadow: 0 2px 5px 0 rgba(0,0,0,.10),0 2px 10px 0 rgba(0,0,0,.10); }*/

.section-title { width: 100%; text-align: center; padding-bottom: 1%; }
.Search-section { background: url('../Images/search-bg.jpg'); /*ackground-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%;*/ min-height: 200px; padding: 2%; }
    .Search-section .Search-box { max-width: 1000px; margin: auto; padding: 2%; background: rgba(255,255,255,0.7); -ms-background: rgba(255,255,255,0.7); }
    .Search-section .form-group { margin-bottom: 8px !important; }
    .Search-section .btn-Search { width: 100% !important; max-width: 270px; padding: 11px 6px !important; }

.Spec-section { direction: ltr; padding-bottom: 2%; /*background: url('../Images/melk-bg.jpg'); background-attachment: fixed;*/ }

.Marquee-section { padding: 0.5%; }
.New-section { padding: 2%; margin: auto; background-color: #eee; direction: ltr; }

.News-section { padding: 2%; direction: ltr; background: linear-gradient(#666,#999,#666); -o-background: linear-gradient(#666,#999,#666); -ms-background: linear-gradient(#666,#999,#666); -webkit-background: linear-gradient(#666,#999,#666); }
    .News-section .section-title { color: #fff !important; }
    .News-section .img-circle { width: 160px; height: 160px; margin-bottom: 10px; padding: 5px; border: 3px solid #999; margin: auto; }
    .News-section h3 { text-align: center; }
        .News-section h3 a { font-size: 12pt !important; color: #fff; }
    .News-section p { text-align: justify; color: #ccc; }


.MelkList { box-shadow:0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16) ; border-radius:10px; ms-border-radius:10px; background-color:#fff;  margin-bottom:20px;}
    .MelkList:hover { box-shadow:0px 0px 10px #bbb; color:#666 }
     .MelkList .Title {  font-size: 13pt; width: 100%; padding: 5px; }
.MelkList .Description { margin-right: 1%; text-align: right; padding: 4px; line-height: 35px; }
    .MelkList .Description .Price { font-size: 14pt; color: #ed6f11; font-family: Nazanin; }

    .MelkList.RowView .Img { float:right; width:30% }
        .MelkList.RowView .Img img { max-height:150px; }
     .MelkList.RowView .content { float:left; width:70%; padding:10px; }

.MelkList.ColumnView{ width:32%; float:right; margin-right:10px; height:350px;}
   .MelkList.ColumnView .Img img { max-height:150px; margin: 10px auto }
    .MelkList.ColumnView .content { text-align:center;padding:10px; }

.MelkListIcon { text-align:left; margin-bottom:10px; cursor:pointer }
    .MelkListIcon .fa { font-size:13pt; border:1px solid #bbb; padding:8px 9px ; color:#999; background-color:#fff }
    .MelkListIcon .fa-bars {padding:8px 10px; }

.FavoriteBtn { position: relative; top: -6.2px; right: 93%;  font-size: 15pt !Important; background-color: rgba(0,0,0,0.1); padding: 10px 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
    .FavoriteBtn .fa { color:#666 }
    .FavoriteBtn:hover .fa { color:#f24246; }
     .SelectedF {  color:#f24246 !important; }

.soldout { position: absolute; top: 2.3%; left: 2%; z-index: 100; }
    .soldout img { max-height:70px; }

@media (min-width: 992px) {
    .Spec-col { width: 74.66666667%; }
    .Search-col { width: 25.33333333%; }
    table-bordered .control-label { text-align: left; }
    .col-md-2-custom { width: 20.66666667%; }
    .col-md-10-costum { width: 79.33333333%; }
}

.carousel { max-height: 375px; overflow: hidden; }
    .carousel img { max-height: 375px; width: 100% !important; }

.dropdown-submenu { position: relative; }
    .dropdown-submenu:hover > .dropdown-menu { display: block; }
    .dropdown-submenu > .dropdown-menu { top: 0; right: 100%; margin-top: -6px; margin-right: -5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
/*.dropdown-submenu > a:after { display: block; content: " "; float: left; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 5px 5px 0px; border-left-color: #ccc; margin-top: 5px; margin-left: -10px; }
    .dropdown-submenu:hover > a:after { border-left-color: #fff; }*/




.levelonedrop { margin-top: -3px; }
.dropdown-submenu { position: relative; }
    .dropdown-submenu .dropdown-menu { top: 0; right: 100%; margin-top: -5px; }

/*.sandText { border:1px solid #aaa }*/
.sandText .txtBox { background-color: #fff !important; box-shadow: 0px !important; border: 0px !important; width: 90%; }
.sandText span { float: left; display: inline; padding-top: 5px; color: #888; }























.AlarmBox { font-family: IRANSans; padding-bottom: 10px; font-size: 12pt; color: #444; }

.AmlakInfoAdd { margin: 10px; font-family: IRANSans; font-size: 11pt; color: #444; width: 640px; }
    .AmlakInfoAdd td { padding-bottom: 5px; }

.Next_Button { background-color: #e2dede; color: #444; border: 1px solid #cfd8b7; border-radius: 3px; font-size: 8pt; padding: 7px 30px 7px 7px; background-image: url('Images/Icon/next.png'); background-position: right; background-repeat: no-repeat; }
    .Next_Button:hover { cursor: pointer; }

.previous_Button { background-color: #e2dede; color: #444; border: 1px solid #cfd8b7; border-radius: 3px; font-size: 8pt; padding: 7px 30px 7px 7px; background-image: url('Images/Icon/previous.png'); background-position: right; background-repeat: no-repeat; }
    .previous_Button:hover { cursor: pointer; }

.Save_Button { background-color: #e2dede; color: #444; border: 1px solid #cfd8b7; border-radius: 3px; font-size: 8pt; padding: 7px 30px 7px 7px; background-image: url('Images/Icon/Save.png'); background-position: right; background-repeat: no-repeat; }
    .Save_Button:hover { cursor: pointer; }

.Upload_Button { background-color: #e2dede; color: #444; border: 1px solid #cfd8b7; border-radius: 3px; font-size: 8pt; padding: 7px 30px 7px 7px; background-image: url('Images/Icon/Upload.png'); background-position: right; background-repeat: no-repeat; }
    .Upload_Button:hover { cursor: pointer; }

.Search_Button { background-color: #e2dede; color: #444; border: 1px solid #cfd8b7; border-radius: 3px; font-size: 8pt; padding: 7px 30px 7px 7px; background-image: url('Images/Icon/Search.png'); background-position: right; background-repeat: no-repeat; }
    .Search_Button:hover { cursor: pointer; }

.Login_Button { background-color: #e2dede; color: #444; border: 1px solid #cfd8b7; border-radius: 3px; font-size: 8pt; padding: 7px 30px 7px 7px; background-image: url('Images/Icon/next.png'); background-position: right; background-repeat: no-repeat; }
    .Login_Button:hover { cursor: pointer; }

.button_example { background-color: #e2dede; color: #444; border: 1px solid #cfd8b7; border-radius: 3px; font-size: 8pt; padding: 7px 30px 7px 7px; background-image: url('Images/Icon/Save.png'); background-position: right; background-repeat: no-repeat; }
    .button_example:hover { cursor: pointer; }

.textBoxRTL { width: 150px; border: 1px solid #64b774; font-size: 10pt; direction: rtl; font-family: Tahoma; }
.textBoxLTR { width: 150px; border: 1px solid #64b774; font-size: 10pt; font-family: Tahoma; direction: ltr; }

.header { font-family: IRANSans; font-size: 14pt; padding-bottom: 15px; color: #222; }
.input { text-align: right; margin-top: 10px; }
.inputTitle { text-align: left; direction: rtl; margin-top: 10px; }
.validate { color: Red; font-size: 8pt; }
.Dropdown { width: 150px; border: 1px solid #64b774; font-size: 10pt; font-family: Tahoma; direction: rtl; }

.userlink { color: #444; font-family: IRANSans; font-size: 11pt; float: right; padding-right: 10px; padding-bottom: 10px; }
    .userlink span { font-size: 8pt; }
    .userlink a { color: #444; }
        .userlink a:hover { color: #000; }

.estateHead { border-left: 1px solid #eee; color: #043461; }


.MyMelkTbl { direction: rtl; text-align: center; width: 620px; border-collapse: collapse; }
    .MyMelkTbl .header { background-color: #d8f4e4; color: #309965; font-family: IRANSans; font-size: 11pt; height: 30px; padding: 5px; }
        .MyMelkTbl .header td { }
    .MyMelkTbl td { text-align: center; padding: 3px; }



.showMelkTbl { width: 640px; padding: 5px; height: 40px; border: 1px dotted #aaa; font-family: IRANSans; font-size: 11pt; color: #444; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-box-shadow: 0 0 7px #eee; -o-box-shadow: 0 0 7px #eee; -webkit-box-shadow: 0 0 7px #eee; box-shadow: 0 0 7px #eee; }
    .showMelkTbl:hover { background-color: #fff5e3; }
    .showMelkTbl img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
    .showMelkTbl .header { font-size: 12pt; height: 16px; color: #0a7e45; padding: 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
    .showMelkTbl .contact { color: #c6661e; }
    .showMelkTbl .Code { font-family: IRANSans; font-size: 11pt; }
    .showMelkTbl .Price { font-family: IRANSans; font-size: 14pt; color: #c6661e; }

.MelkDetails { font-family: IRANSans; font-size: 11pt; color: #555; line-height: 20pt; }
    .MelkDetails .header { color: #a65a9d; }
    .MelkDetails .HomeDetail { width: 170px; float: right; }



.imageLink { max-width: 160px; border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }



.EstateTable { font-family: IRANSans; font-size: 11pt; color: #444; }

.MelkHeader { background-color: #65acdd; font-family: IRANSans; font-size: 12pt; padding: 3px 7px 3px 3px; color: White; }

.memberDiv { padding: 10px; text-align: right; background-color: #eee; border: 1px solid #ccc; box-shadow: 1px 1px 3px #aaa; }

#Search_Panel { background-color: #eee; color: #444; font-family: IRANSans; font-size: 12pt; border: 1px solid #aaa; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkitborder-radius: 10px; }
    #Search_Panel .textBoxLTR { width: 170px; border: 1px solid #64b774; font-size: 10pt; }
    #Search_Panel .textBoxRTL { width: 170px; border: 1px solid #64b774; font-size: 10pt; direction: rtl; }
    #Search_Panel .dropdown { width: 170px; border: 1px solid #64b774; font-size: 10pt; }

#Defaul_SearchPanel { color: White; font-size: 9pt; }
    #Defaul_SearchPanel .textBoxLTR { width: 128px; border: 1px solid #e3e7ed; height: 21px; color: #444; font-size: 9pt; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; }
    #Defaul_SearchPanel .textBoxRTL { width: 128px; border: 1px solid #e3e7ed; height: 21px; color: #444; font-size: 9pt; direction: rtl; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; }
    #Defaul_SearchPanel .dropdown { width: 132px; border: 1px solid #e3e7ed; height: 21px; color: #444; font-size: 9pt; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; }

.specNotic { padding-left: 2px; float: right; }
    .specNotic img { border: 1px solid #909091; float: right; border-radius: 5px; border-radius-webkit-: 5px; border-radius-moz-: 5px; border-radius-o-: 5px; }

.newsHeader { background-color: #ebecf2; width: 300px; padding: 5px; border: 1px solid #dfe1e9; font-family: IRANSans; font-size: 12pt; border-bottom: 2px solid #006fc1; }
.newsFooter { background-color: #ebecf2; width: 300px; padding: 5px; border: 1px solid #dfe1e9; font-family: IRANSans; font-size: 10pt; border-bottom: 1px solid #777; }

.specialTitle { background-color: Black; color: White; position: relative; width: 150px; bottom: 30px; padding: 5px; height: 40px; -moz-opacity: 0.8; -o-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
.specialBox { font-weight: bold !important; font-size: 14pt !important; color: #234e23 !important; }

.form-heading { padding: 5px 10px !important; font-size: 13pt; margin-bottom: 10px; color: rgba(7, 81, 90, 0.8); background-color: rgba(7, 81, 90, 0.1); border-top-left-radius: 10px; border-bottom-right-radius: 10px; }


#myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; }


.MelkModal { display: none; /* Hidden by default */ position: fixed; z-index:1100; /* Stay in place */  /* Sit on top */ padding-top: 50px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ }
.modal-content { margin: auto; display: block; max-height:400px; }
#caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; }

.modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; }


.owl-video p { text-align:center }
.owl-video iframe { border: 0px !important; min-height: 180px !important; width: 100%; }
.owl-video .mask { position:absolute; width:100%; height:100%; z-index:1000  }
.owl-video .owl-dots { display:none !important }

#menuContentContainer iframe { min-height:550px; height:100%;  width:100%; border:0px;}

@-webkit-keyframes zoom {
    from { -webkit-transform: scale(0); }
    to { -webkit-transform: scale(1); }
}

@keyframes zoom {
    from { transform: scale(0); }
    to { transform: scale(1); }
}

.close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; }
    .close:hover,
    .close:focus { color: #bbb; text-decoration: none; cursor: pointer; }

@media only screen and (max-width: 700px) {
    .modal-content { width: 100%; }
}

@media (max-width: 992px) {
    .dropdown:hover > .dropdown-menu { display: block; }
       .MelkList.ColumnView{ width:48%;  height:350px;}
}
@media (min-width: 768px) {
    .dropdown:hover > .dropdown-menu { display: block; }
}


@media (max-width: 480px) {
    .section-title { font-size: 15pt !important; }
    .MelkList.ColumnView{ width:100%; float:none !important; margin-right:0px !important; height:350px;}
    .News-section .img-circle { width: 120px; height: 120px; }
    .header-block img { top: 2px !important; max-height: 90px !important; }
    .Search-section .Search-box { margin-right:2%; }
}