/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* DEFAULTS
----------------------------------------------------------*/

@font-face 
{
	 font-family: 'BYekan';
	 src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */ 
	 url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
	 url('fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face 
{
	 font-family: 'BNaznnBd';
	 src: url('fonts/BNaznnBd.eot?#') format('eot'),  /* IE6–8 */ 
	 url('fonts/BNaznnBd.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
	 url('fonts/BNaznnBd.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face 
{
	 font-family: 'BTitrBd';
	 src: url('fonts/BTitrBd.eot?#') format('eot'),  /* IE6–8 */ 
	 url('fonts/BTitrBd.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
	 url('fonts/BTitrBd.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face 
{
	 font-family: 'BKoodkBd';
	 src: url('fonts/BKoodkBd.eot?#') format('eot'),  /* IE6–8 */ 
	 url('fonts/BKoodkBd.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
	 url('fonts/BKoodkBd.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


/* Global Styles */

.Font_Yekan { font-family:BYekan; }
.Font_Nazanin { font-family:BNaznnBd; }
html,
body {
    height: 100%;
    text-align:justify;
    font-family: Tahoma;
    background-image: url('../Images/bg.jpg');
}
h2 { font-family:BYekan; }
a { transition: 0.5s ease; }
a:hover { text-decoration:none; color: #3399FF; }

.btn, .alert, .modal-body { font-family:BYekan; }
.panel { font-family:BKoodkBd; }
#Modal > .modal-dialog >.modal-content > .modal-header {
    background-color: #FFCC00;
    color: white !important;
}
.tooltip.bottom .tooltip-inner 
{
	width:auto;
    background-color: #CCFFCC;
    font-family: BYekan;
    font-size: 11px;
    color: #000000;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #CCFFCC;
}

body {
  
    /*direction:rtl;*/ /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

h1 { font-family: BYekan; }

#News_Thumb 
{   
	-webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

#News_Thumb:hover 
{  
	border-radius: 50%;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); 
}
#Members_Thumb 
{   
	-webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
#Members_Thumb:hover 
{  
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); 
}

.panel ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

.news-item
{
    padding:4px 4px;
    margin:0px;
    border-bottom:1px dotted #555; 
}

.news-item h4, .news-item h1 { color: #0099CC; margin-top:0px; font-size: 16px; font-family:BYekan; }
.news-item, .carousel p, reCarousel { margin-top: 0px; font-size: 11.5px; font-family: Tahoma; }
.panel-body h4, .panel-body h1 { color: #0099CC; margin-top:0px; font-size: 16px; font-family:BYekan; }
.panel-body p { margin-top: 0px; font-size: 11.5px; font-family: Tahoma; }
.page-header { color:#336699; }

.panel-heading h4 { color:#336699; font-family:BYekan; }

/* Navbar */
#custom-bootstrap-menu { margin-top:0px; }
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}

#custom-bootstrap-menu.navbar-default {
    font-size: 17px;
    font-family:Tahoma;
    background-color: rgba(0, 149, 65, 1);
    border-radius:0;
    padding:0 1px 0 2px;
}

#custom-bootstrap-menu.navbar-default .navbar-nav > li > ul > li > hr
{	
	margin: 4px;
}

#custom-bootstrap-menu.navbar-default .navbar-nav > li > a
{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 149, 65, 1);
	font-family: BYekan;
	font-size: 16px;
}

#custom-bootstrap-menu.navbar-default .navbar-nav > li > ul > li > a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav > li > ul > li:hover { background-color: rgba(132, 169, 176, 1); }

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #469beb;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #469beb;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #469beb;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #6eb6e6;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
#bottom-menu 
{ 
	background-color: #F3F3F3; 
	margin:0px; 
	-webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.75);
	
}
#bottom-menu .navbar-collapse .navbar-nav {	float:left; }
#bottom-menu .navbar-collapse .navbar-nav > li > a { padding:10px; }

.imgGal
 {    
 	-webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease; 
 }
.imgGal:hover { opacity:0.6 }

/* Home Page Carouselefe;*/
.carousel-caption 
{
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0px;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  text-shadow: none;
  & .btn {
    text-shadow: none; // No shadow for button elements in carousel-caption
  }	 
}

.sliderinfo { text-align:none; }

.carousel {
    position: relative;
      
}

.controllers {
    position: absolute;
    top: 0px;
}

.carousel-control.left, 
.carousel-control.right {
    background-image: none;
}


/* 404 Pe Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}
#footer { border-top: 4px solid #747474; margin-top:20px; background-image: url('../Images/bg-footer.png'); }

.mg-image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
    max-width: 100%;
}
.mg-image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
     opacity:0.6;
}

/* just apply some height and width to the wrapper.*/
.mg-image {  
  overflow: hidden;
}

.camera_caption a { color:#FFF; }
.camera_caption a:hover { color: #0066CC; }
.camera_wrap img { max-height: 400px; }
.camera_wrap { height: 350px !important; }
#closemodal { padding:2px 7px 5px 7px; border:1px solid gray; position:absolute; opacity:0.7; border-radius:50px; background-color:red; color:white; }
#closemodal:hover { opacity:1; }
.galleryul { padding:0 0 0 0; margin:0 0 0 0; }
.galleryli { list-style:none; margin-bottom:25px;  }
.galleryli img { cursor: pointer; }
.gallerymod .modal-body { padding:0 !important; }
.gallerymod .modal-dialog { max-width:500px; padding-top: 90px; }
.gallerymod .modal-dialog img { text-align:center; margin:0 auto; }
.controls{          
    width:50px;
    display:block;
    font-size:11px;
    padding-top:8px;
    font-weight:bold;          
}
.next {
    float:right;
    text-align:right;
}

.panel-min-height { min-height:450px; }
.profilecap { font-family:BYekan; font-size:medium; }
.profilecap span { color: #006666; }
/*.necsof li:hover { background-color:#E5E5E5; box-shadow: 10px 10px 5px #E5E5E5; border:5px solid #E5E5E5; }*/
.necsof li { margin-bottom:5px; }
.necsof li a { color:#0086C6; font-family:BNaznnBd; font-size:11.5px; }

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.thumbnail { transition:all 2s; }
.hvr-wobble-horizontal:hover .thumbnail { background-color:#BBE9FF; }

/* Responsive Styles */

@media (max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
    /* navbar collapsing */

    .navbar-header {
       float: none;
    }
    .navbar-toggle {
       display: block;
    }
    .navbar-collapse {
       border-top: 1px solid transparent;
       box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
       display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    #bottom-menu .navbar-collapse.collapse {
    display: block!important;
}
    #bottom-menu .navbar-collapse .navbar-nav > li {
	float:none;
    display:inline-block;
}
#lblDateTime { float:none; font-size:11px; }
}
#map { width:49%; height:400px; }

@media (max-width:767px) 
{
	#mainwrapper .box img { width:100%; }
    .img-portfolio {
        margin-bottom: 15px;
    }
    header.carousel .carousel {
        height: 70%;
    }
    #map { float:none; width:100%; }
    .text-left {
            text-align: center;
    } 
}

#My-Thumb-Img { cursor: pointer; }

#My-Thumb-Img {
    margin-bottom: 30px;
    transition: 1s ease;
}

#My-Thumb-Img:hover 
{
    opacity: 0.7;
}
#txtUsername { margin:0px; color:Red; }
#txtPassword { margin:0px; }

 .progressbar {
  width:300px;
  height:21px;
}
.progressbarlabel {
  width:300px;
  height:21px;
  position:absolute;
  text-align:center;
  font-size:small;
}