/* 
    Document   : custom.css
    Created on : Jan 14, 2014, 1:14:49 PM
    Author     : Kadkhodaa Saeed => http://kadkhodaa.ir
    Description:
        The Custom Styles:
*/
@font-face {
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff") format("woff"), url("../fonts/icomoon/icomoon.ttf") format("truetype"), url("../fonts/icomoon/icomoon.svg#icomoon") format("svg");
}
@font-face {
    font-family: "minicons-webalys";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/demoicons/minicons-webalys.eot?#iefix") format("embedded-opentype"), url("../fonts/demoicons/minicons-webalys.ttf") format("truetype"), url("../fonts/demoicons/minicons-webalys.svg#minicons-webalys") format("svg"), url("../fonts/demoicons/minicons-webalys.woff") format("woff");
}
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/demoicons/FontAwesome.eot?#iefix") format("embedded-opentype"), url("../fonts/demoicons/FontAwesome.woff") format("woff"), url("../fonts/demoicons/FontAwesome.ttf") format("truetype"), url("../fonts/demoicons/FontAwesome.svg#FontAwesome") format("svg");
}
body {
    background: url("../img/bg.png") repeat fixed 0 0 rgba(0, 0, 0, 0);
}
a{
    text-transform: uppercase;
    text-decoration: none!important;
}
.head-sec , .foot-sec{
   /* background: none repeat scroll 0 0 #00a6ca;
    padding: 24px;
    color: #ffffff!important;*/
    
      background: none repeat scroll 0 0 #00a6ca;
    padding: 13px;
    color: #ffffff!important;
}
.navbar-default {
    background-color: transparent!important;
    border-color: transparent!important;
}
.navbar-default .navbar-nav > .active > a{
    /*background-color: #f7df59!important;*/
    border-bottom: 2px solid #FFFFFF;
    border-radius:5px;
    box-shadow: 0 0 5px -1px black;
    transition: all 0.5s ease 0s;
    color: #000000!important;
}
.navbar-default .navbar-nav > .active > a:hover{
    box-shadow: 0 0 50px -5px white;
}
.navbar-default .navbar-nav > .active > a:focus{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.navbar-default .navbar-nav > li > a {
    color: #FFFFFF !important;
}
.navbar-default .navbar-nav > .active > a:after {
    /*    border-left: 12px solid rgba(0, 0, 0, 0);
        border-right: 12px solid rgba(0, 0, 0, 0);
        border-top: 10px solid #f7df59;*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
    color: rgba(0, 0, 0, 0);
    content: "";
    display: block;
    left: calc(50% - 12px);
    margin-top: -3px;
    position: absolute;
    top: 100%;
}
.navbar-default .navbar-nav > li > a , .carousel , .side-box , .side-head{
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
    transition: all 0.5s ease 0s;
}
.navbar-default .navbar-nav > li > a:hover , .carousel:hover , .side-box:hover .side-head{
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.7) inset;
    
}
.navbar-default .navbar-nav > li {
    margin: 5px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF !important;
}
#logo {
  /*  background: url("../img/logo.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 120px;
    width: 175px;*/
    
    background: url("../img/logo.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 140px;
    width: 250px;
}
.carousel-caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border-radius: 5px;
}
.side-head {
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    padding: 10px;
    /*background:#f2dede;#d9edf7*/
    font-weight: bold;
   color: #FFFFFF;background: #00a6ca;

}
.Panel_Pages {
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    padding: 10px;
    /*background:#f2dede;#d9edf7*/
    font-weight: bold;
   color: #FFFFFF;background:#d9edf7;

}
.side-box{
    margin-bottom: 15px;
    /*    color: #ffffff;*/
}
.side-content{
    padding: 10px;
}
body > .container {
    padding-top: 15px;
    margin-bottom: 15px;
}
#Home-carousel{
    margin-bottom: 15px;
}
.arw {
   /* border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-top: 14px solid #00a6ca;
    bottom: -21px;
    float: left;
    left: calc(50% - 15px);
    position: relative;
    width: 30px;*/
    
       border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-top: 14px solid #00a6ca;
    bottom: -10px;
    float: left;
    left: calc(50% - 15px);
    position: relative;
    width: 30px;
}
.sb-search {
    height: 45px;
    margin-top: 10px;
    min-width: 45px;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    transition: width 0.3s ease 0s;
    width: 0;
    z-index: 100;
}
.sb-search-input {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #ADD8E6;    color: #2C3E50;
    font-family: inherit;
    font-size: 20px;
    height: 45px;
    margin: 0;
    outline: medium none;
    padding: 0 50px 0 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}
.sb-search-input:-moz-placeholder {
    color: #00a6ca;
}
.sb-search-input::-moz-placeholder {
    color: #00a6ca;
}
.sb-icon-search, .sb-search-submit {
    cursor: pointer;
    display: block;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px;
}
.sb-search-submit {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: rgba(0, 0, 0, 0);
    opacity: 0;
    outline: medium none;
    z-index: -1;
}
.sb-icon-search {
    background: none repeat scroll 0 0 #E67E22;
    color: #FFFFFF;
    font-family: 'icomoon';
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    z-index: 90;
}
.sb-icon-search:before {
    content: "";
}
.sb-search.sb-search-open, .no-js .sb-search {
    width: 100%;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
    background: none repeat scroll 0 0 #DA6D0D;
    color: #FFFFFF;
    z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
    z-index: 90;
}
.slink a{
    color: #fff!important;
}
.slink a:before, .slink a:after {
    display: inline-block;
    opacity: 0;
    transition: transform 0.3s ease 0s, opacity 0.2s ease 0s;
}
.slink a:before {
    content: "[";
    margin-right: 10px;
    transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -webkit-transform: translateX(20px);
}
.slink a:after {
    content: "]";
    margin-left: 10px;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
}
.slink a:hover:before, .slink a:hover:after, .slink a:focus:before, .slink a:focus:after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}
.container {
    padding: 80px;
}
.bt-menu {
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0);
    border-color: #333333;
    border-style: solid;
    border-width: 0;
    height: 0;
    left: 0;
    position: fixed;
    top: 0;
    transition: border-width 0.3s ease 0s, background-color 0.3s ease 0s, height 0s ease 0.3s;
    width: 100%;
}
.bt-menu.bt-menu-open {
    background-color: rgba(0, 0, 0, 0.3);
    border-width: 0 0 50px 150px;
    height: 100%;
    transition: border-width 0.3s ease 0s, background-color 0.3s ease 0s;
}
.bt-overlay {
    position: absolute;
    width: 100%;
}
.bt-menu-open .bt-overlay {
    height: 100%;
}
.bt-menu-trigger {
    background: none repeat scroll 0 0 #00A6CA;
    border-radius: 40px;
    border: 1px solid #fff;
    box-shadow: 0 0 6px -2px #000000;
    color: #FFFFFF !important;
    cursor: pointer;
    display: block;
    font-weight: bolder;
    height: 50px;
    left: 36px;
    line-height: 50px;
    overflow: hidden;
    position: fixed;
    text-align: center;
    top: 36px;
    width: 50px;
    z-index: 100;
    transition: all .5s ease 0s;
}
.bt-menu-trigger-open{
    background: none repeat scroll 0 0 #000000;
    border-radius: 0;
    border: 1px solid transparent;
    height: 75px;
    left: 0;
    font-size: 38px;
    line-height: 75px;
    top: 0;
    width: 149px;
    color: transparent!important;
}
.bt-menu-trigger-open:after {
    color: #00A6CA !important;
    content: "ALMA";
    left: 20px;
    position: absolute;
}
/*.bt-menu-trigger {
    overflow: hidden;
    background: none repeat scroll 0 0 #00a6ca;
    border-radius: 40px;
    box-shadow: 0 0 6px -2px #000000;
    cursor: pointer;
    display: block;
    height: 50px;
    left: 50px;
    position: fixed;
    top: 10px;
    width: 50px;
    z-index: 100;
    line-height: 50px;
    color: #fff!important;
    text-align: center;
    font-weight: bolder;
}*/
.bt-menu-trigger span {
    -moz-user-select: none;
    background-color: #FFFFFF;
    display: block;
    font-size: 0;
    height: 8%;
    left: 0;
    position: absolute;
    top: 50%;
    transition: background-color 0.3s ease 0s;
    width: 100%;
}
.bt-menu-trigger span:before, .bt-menu-trigger span:after {
    background: none repeat scroll 0 0 #FFFFFF;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transition: transform 0.3s ease 0s;
    width: 100%;
}
.bt-menu-trigger span:before {
    -moz-transform: translateY(-250%);
    -ms-transform: translateY(-250%);
    -webkit-transform: translateY(-250%);
    transform: translateY(-250%);
}
.bt-menu-trigger span:after {
    -moz-transform: translateY(250%);
    -webkit-transform: translateY(250%);
    -ms-transform: translateY(250%);
    transform: translateY(250%);
}
.bt-menu-open .bt-menu-trigger span:before {
    -moz-transform: translateY(-300%);
    -webkit-transform: translateY(-300%);
    -ms-transform: translateY(-300%);
    transform: translateY(-300%);
}
.bt-menu-open .bt-menu-trigger span:after {
    -moz-transform: translateY(300%);
    -ms-transform: translateY(300%);
    -webkit-transform: translateY(300%);
    transform: translateY(300%);
}
.bt-menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: fixed;
}
.bt-menu ul:first-of-type {
    left: 0;
    top: 75px;
}
.bt-menu ul:nth-of-type(2) {
    bottom: 0;
    right: 0;
}
.bt-menu ul li, .bt-menu ul li a {
    display: block;
}
.bt-menu ul:nth-of-type(2) li {
    float: left;
    font-size: 0;
}
.bt-menu ul li {
    opacity: 0;
    transition: transform 0.3s ease 0s, opacity 0.2s ease 0s, visibility 0s ease 0.3s;
    visibility: hidden;
}
.bt-menu.bt-menu-open ul:first-of-type li, .bt-menu.bt-menu-open ul:nth-of-type(2) li {
    opacity: 1;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    visibility: visible;
}
.bt-menu ul:first-of-type li {
    height: 50px;
    line-height: 50px;
    -webkit-transform: translate3d(-100%, 50%, 0px);
    -ms-transform: translate3d(-100%, 50%, 0px);
    -moz-transform: translate3d(-100%, 50%, 0px);
    transform: translate3d(-100%, 50%, 0px);
    width: 150px;
}
.bt-menu.bt-menu-open ul:first-of-type li {
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.bt-menu ul:nth-of-type(2) li {
    height: 50px;
    line-height: 50px;
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 60px;
}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:first-child {
    transition-delay: 0.1s;
}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(2) {
    transition-delay: 0.2s;
}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(3) {
    transition-delay: 0.3s;
}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(4) {
    transition-delay: 0.4s;
}
.bt-menu.bt-menu-open ul:nth-of-type(2) li {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.bt-menu ul li a {
    display: block;
    outline: medium none;
    text-decoration: none;
}
.bt-menu ul:first-of-type li a {
    box-shadow: 0 1px rgba(0, 0, 0, 0.2) inset;
    color: #FFFFFF;
    font-size: 1em;
    letter-spacing: 1px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    transition: color 0.2s ease 0s;
}
.bt-menu ul:first-of-type li:last-child a {
    box-shadow: 0 1px rgba(0, 0, 0, 0.2) inset, 0 -1px rgba(0, 0, 0, 0.2) inset;
}
.bt-menu ul:nth-of-type(2) li a {
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    text-align: center;
}
.bt-menu ul li a:before {
    color: #FFFFFF;
    font-size: 24px;
    transition: color 0.2s ease 0s;
}
.bt-menu ul:first-of-type li a:hover, .bt-menu ul:first-of-type li a:focus, .bt-menu ul li a:hover:before, .bt-menu ul li a:focus:before {
    color: #00A6CA;
}
.bt-icon:before, .bt-icon-alt:before {
    display: inline-block;
    font-family: "minicons-webalys";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: inherit;
    text-decoration: none;
    text-transform: none !important;
    width: 1em;
}
.bt-icon-alt:before {
    font-family: "FontAwesome";
}
.icon-window-delete:before {
    content: "";
}
.icon-download:before {
    content: "";
}
.icon-home:before {
    content: "";
}
.icon-calendar:before {
    content: "";
}
.icon-folder-add:before {
    content: "";
}
.icon-windows:before {
    content: "";
}
.icon-volume:before {
    content: "";
}
.icon-speaker:before {
    content: "";
}
.icon-star:before {
    content: "";
}
.icon-sun:before {
    content: "";
}
.icon-trash:before {
    content: "";
}
.icon-zoom:before {
    content: "";
}
.icon-user-outline:before {
    content: "";
}
.icon-picture:before {
    content: "";
}
.icon-phone:before {
    content: "";
}
.icon-newspaper:before {
    content: "";
}
.icon-printer:before {
    content: "";
}
.icon-microwave:before {
    content: "";
}
.icon-refresh:before {
    content: "";
}
.icon-lock:before {
    content: "";
}
.icon-email:before {
    content: "";
}
.icon-browser:before {
    content: "";
}
.icon-bubble:before {
    content: "";
}
.icon-calculator:before {
    content: "";
}
.icon-cd:before {
    content: "";
}
.icon-enter:before {
    content: "";
}
.icon-file-add:before {
    content: "";
}
.icon-flag:before {
    content: "";
}
.icon-twitter:before {
    content: "";
}
.icon-gplus:before {
    content: "";
}
.icon-github:before {
    content: "";
}
.icon-facebook:before {
    content: "";
}
.icon-step-backward:before {
    content: "";
}
.icon-backward:before {
    content: "";
}
.icon-pause:before {
    content: "";
}
.icon-stop:before {
    content: "";
}
.icon-forward:before {
    content: "";
}
.icon-step-forward:before {
    content: "";
}
.icon-play:before {
    content: "";
}
.logolink {
    display: block;
    margin: 0 auto;
  /*  width: 175px;*/

width: 205px;

}
#Home-carousel {
    padding: 0 !important;
}
#Home-carousel img, .carousel-control {
    border-radius: 5px !important;
}
.grid {
    background: none repeat scroll 0 0 transparent;
    margin: 0 auto;
    max-width: 1000px;
    padding-bottom: 30px;
    width: 90%;
}
.grid a {
    border: 1px solid #00A6CA;
    border-radius: 5px;
    color: #333333;
    float: left;
    max-width: 250px;
    width: 25%;
}
.grid a:nth-child(2n+1) {
    margin: 30px 0 -30px;
}
.grid figure {
    background: none repeat scroll 0 0 #333333;
    margin: 5px;
    overflow: hidden;
    position: relative;
}
.grid figure img {
    display: block;
    opacity: 0.7;
    position: relative;
    transition: opacity 0.3s ease 0s;
    width: 100%;
}
.grid figcaption {
    height: 100%;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 11;
}
.grid figcaption h2 {
    color: #3498DB;
    font-size: 130%;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0 0 20px;
    text-transform: uppercase;
    transition: transform 0.3s ease 0s;
}
.grid figcaption p {
    color: #AAAAAA;
    font-weight: 300;
    padding: 0 20px;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.grid figcaption h2, .grid figcaption p {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -moz-transform: translateY(50px);
}
.grid figure .fig-btn {
    border: medium none;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 4px 20px;
    position: absolute;
    text-transform: uppercase;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.grid figcaption, .grid figcaption h2, .grid figcaption p, .grid figure .fig-btn {
    backface-visibility: hidden;
}
.grid svg {
    height: 100%;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 10;
}
.grid svg path {
    fill: #FFFFFF;
}
.grid a:hover figure img {
    opacity: 1;
}
.grid a:hover figcaption h2, .grid a:hover figcaption p {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
}
.grid a:hover figcaption p {
    opacity: 0;
}
.grid figcaption h2 {
    color: #E74C3C;
}
.grid figcaption p {
    transition-delay: 0.05s;
}
.grid figure .fig-btn {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    color: #333333;
    font-weight: 300;
    left: 0;
    padding: 15px;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);

    width: 100%;
}
.grid a:hover figure .fig-btn {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transition-timing-function: ease-out;
}
.grid figcaption h2, .grid figcaption p, .demo-3 .grid figcaption h2, .demo-3 .grid figcaption p {
}
.grid a:hover figcaption p, .demo-3 .grid a:hover figcaption p {
    transition-delay: 0s;
    transition-duration: 0.1s;
}

@media screen and (max-width: 58em) {
    .grid a {
        width: 33.333%;
    }
    .grid a:nth-child(2n+1) {
        margin: 0;
    }
    .grid a:nth-child(3n-1) {
        margin: 30px 0 -30px;
    }
}
@media screen and (max-width: 45em) {
    .grid {
        max-width: 500px;
    }
    .grid a {
        width: 50%;
    }
    .grid a:nth-child(3n-1) {
        margin: 0;
    }
    .grid a:nth-child(2n) {
        margin: 30px 0 -30px;
    }
    .grid figcaption h2 {
        margin-bottom: 0;
        transform: translateY(30px);
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
    }
    .grid figcaption p {
        margin: 0;
        padding: 0 10px;
    }
}
@media screen and (max-width: 27em) {
    .grid {
        max-width: 250px;
    }
    .grid a {
        width: 100%;
    }
    .grid a:nth-child(2n) {
        margin: 0;
    }
}

.dvd-varoone {
    position: relative;
    top: 1px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.dvd {
    background: none repeat scroll 0 0 #00A6CA;
    height: 35px;
    width: 100%;
}
.white{
    border-top-color: #FFFFFF;
}
.fp-title {
    display: block;
    font-size: 34px;
    margin: 0 auto;
    text-align: center;
}
.slink.fp-title > a {
    color: #00A6CA !important;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}
.tri-dvd path {
    fill: #000;
    stroke: #3498DB;
    stroke-width: 2;
}
#changeLang{
    background: url('../img/changeLang.png');
    width: 40px;
    height: 40px;
    position: absolute;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
}
/*#changeLangContainer{
    --background: rgba(255,255,255,.3);
    border: 1px solid white;
    padding: 4px;
    border-radius: 50%;
    box-shadow: 0 0 6px -2px #000000;
    position: absolute;
    width: 50px;
    height: 50px;
    margin-right: 36px;
    top: 0;
    right: 0;
    margin-top: 36px;
}*/

.changeLangContainer {
   
    border: 1px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 6px -2px #000000;
    height: 31px;
    padding: 4px;
    position: absolute;
    right: 0;
   /* border-right: 0;*/
    transition: all .5s ease 0s;
   
    
}
.changeLangContainer:hover{
    box-shadow: 0 0 6px 0 #ffffff;
    border: 1px solid #000;
}
.changeLangContainer.en {
    top: 40px;
    right:10px;
}
.changeLangContainer.ch {
    /*top: 68px;*/
    top: 40px;
    right:70px;
    
    
}
.changeLangContainer.time {
    top: 116px;
}

.side-content > ul {
    margin: 0;
    padding: 0;
}
.side-content > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    list-style: none outside none;
    margin-bottom: 5px;
    padding: 5px;
    transition: all .5s ease 0s;
}
.side-content > ul > li:last-child {
    margin-bottom: 0;
}
.side-content > ul > li:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.18);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.72);
    padding-left: 15px;
}
.border{
    border: 1px solid rgba(0,0,0,.17);
    border-radius: 5px;
    padding: 15px;
}

.form-text{display:block;Width:100%;Height:150px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-mincontrol{display:block;width:100%;height:25px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.side_text
{
    padding:0px 0px 5px;
    }
    
.List_Event
{
    height:35px;background-color:#982c2c;color:#0a5377;
    
}
.Detail_Pading{
    padding: 20px;
}