/* CSS Document */

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

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


/* ============ Reset CSS ========== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------*/


::selection {
background-color:#b48323;
color:#fff;
}
a {
text-decoration:none !important;
}

.btn {
border:0;
border-radius:0;
}
.label {
font-size:14px;
color:#333;
font-weight:normal;
}
img {
max-width:100%;
}
.padd-15-0 {
padding:15px 0;
}
.margin-t-15 {
margin-top:15px;
}

.margin-b-30 {
margin-bottom:30px;
}
.inset-bordered {
box-shadow:inset 0 0 0 1px #ccc;
}
body {
direction:rtl;
font:normal 13px iransans_medium, tahoma;

}

body > section {
margin-bottom:30px;
}

.slider{
line-height:0;
}

.float-left{
float:left;
}
.navbar {
margin-bottom:0;
}
.navbar .dropdown .dropdown-toggle::after {
display:none;
}
.navbar-right{
margin-left:0;
}
.navbar-brand {
height:auto;
padding:0;
margin-left:15px;
}

header a {
color:#444;
}
.top-left-items a {
font-size:13px;
}
.top-left-items span{
display:inline-block;
vertical-align:middle;
font-size:14px;
}
.brand-img {
max-height:50px;
}
.service-box {
min-height:250px;
background-color:#eee;
background-size:cover;
background-position:center top;
position:relative;
}


.slider{
position:relative;
}

.slider-title{
position:absolute;
width:50%;
height:60%;
top:20%;
left:25%;
padding:45px;
text-align:center;
background-color:rgba(255,255,255,.85);
color:#333;
line-height:normal;
}
.slider-title h1 {
font-size:35px;
line-height:35px;
margin-bottom:25px;
font-weight:700;
color:#444;


}




.box-title-horizontal .dropdown-menu>li>a {
padding:7px 15px;
font-size:13px;
}
.slider-title .btn {
padding:10px 20px;
}
.help-link{
margin-top: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.dropdown-menu>li>a {
padding: 7px 15px;
font-size:13px;
}
.dropdown-header {
padding: 7px 15px;
}
.box-title {
    position: absolute;
    background-color: rgba(255,255,255,.8);
    left: 10%;
    top: 10%;
    /* BORDER: 1px solid #9d9d9b; */
    width: 80%;
    height: 80%;
	color:#333;
	text-align:center;
	padding:25px;
	transition:all ease .3s;
}
.alt-box-title {
font-size:20px;
}
.alt-box-title-h4 {
font-size:16px;
}
.alt-box-title-h5 {
font-size:14px;
}

.box-title.top-box h2 {
font-size:30px;
}
.box-title.top-box h3 {
font-size:20px;
}
.box-title.top-box h4 {
font-size:16px;
color:#666;
}
.service-box.home-box-bg-1{
background-image: url(../images/box-bg-1.jpg)
}
.service-box.home-box-bg-2{
background-image: url(../images/box-bg-2.jpg)
}
.service-box.home-box-bg-3{
background-image: url(../images/box-bg-3.jpg)
}
.service-box.home-box-bg-4{
background-image: url(../images/box-bg-4.jpg)
}
.service-box.home-box-bg-5{
background-image: url(../images/box-bg-5.jpg)
}
.service-box.home-box-bg-6{
background-image: url(../images/box-bg-6.jpg)
}
.service-box.alt-service-box {
min-height:140px;
}
.stat-chart {


}
.login-wrapper {
margin-top:100px;
}
.login-wrapper header img{
max-height:50px;
}
.login-box {

padding:45px;
margin-top:15px;
font-size:13px;
border:0;
}

.login-box .input-group{
margin-bottom:15px;
width:100%;
}
.login-box .input-group input{
height:auto;
padding: 10px;
box-shadow:none;
border-color:#d5d5d5;
direction:ltr;
font-family:tahoma;
}
.copyright{
font-size:12px;
color:#888;
margin-top:15px;
display:block
}
.f-logo {
max-height:35px;
filter:grayscale(100);
}
.gray{
color:#777
}
.login-box .input-group input::placeholder{
color:#ccc;
}
.login-box .input-group input:focus{
box-shadow:inset 0 0 0 2px #eee;
}
.custom-btn {
padding:10px;
}
.stmaat-chart .padd-45{
padding:45px;

}
footer{
background-color:#e9e9e9;
font-size:13px;
}
footer a {
color:#666;
font-size:13px;
}
.top-footer {

padding:20px 0;
    padding: 20px 0;
    background: #ecb61e url(../images/footer-bg-img.jpg) no-repeat;
  background-position:center;
    background-size: cover;
}
.top-footer li a {
margin:5px 0;
display:inline-block;
color:#222;
font-size:14px;
}

.top-footer li a:hover{
color:#555;
}
    
.follow-us .fa{
font-size:20px;
margin:0 10px;
}
.follow-us a {
color:#888;
}
.follow-us a:hover {
color:#666;
}
.footer-content{
padding:20px;
text-align:center;
color:#666;
}

.counter {
background-color:#f9f9f9;
text-align:center;
padding:25px;
vertical-align:top;
}

.count-box {
display:inline-block;
margin:0 25px;
text-align:center;
}
.internal .counter {
border:1px solid #ddd;
}
.internal .count-box {
margin-top:25px;
margin-bottom:25px;
}
.count-box:nth-of-type(1) .numscroller {
border-color:#ca5c5a;
}
.count-box:nth-of-type(2) .numscroller {
border-color:#e98f1d;
}
.count-box:nth-of-type(3) .numscroller {
border-color:#ec6b1d;
}
.count-box:nth-of-type(4) .numscroller{}
.count-box:nth-of-type(5) .numscroller{
border-color:#d2bb09;
}
.numscroller  {
border:7px solid #ecb61d;
display:block;
font-size:30px;
text-align:center;
border-radius:100%;
padding:45px 0;
width:150px;
height:150px;
font-family:BYekan;
margin-bottom:15px;

}
.box-title-horizontal {
position:relative;
border:0;
padding:15px;
background-color:#eee;
color:#333;
text-align:center;
background-position: top;
background-repeat:no-repeat;
background-size:cover;

}

.box-back-1{
background-image:url(../images/box-bg-5.jpg)
}

.box-back-2{
background-image:url(../images/box-bg-3.jpg)
}
.box-back-3{
background-image:url(../images/box-bg-4.jpg)
}
.light-text-color {
color:#fff;
}
.padd-25 {
padding:25px;
}
.box-title-margin {
margin:-25px -25px 0 -25px;
}
.box-title-horizontal .btn {
padding:10px 15px;
min-width:90px;
}
.box-title-horizontal .fa {
margin-bottom:10px;
}
.box-title-horizontal h3 {
font-size:14px;
width:100%
}

.box-title-horizontal .dropdown-menu {
padding:15px;
}
.dropdown-menu > ul li a {
padding:5px 10px;
display:block;
}
.dropdown-menu > ul li a i {
font-size:10px;
}
.box-title-horizontal .dropdown  .btn,.box-title-horizontal .dropdown  .dropdown-menu{
width:100%;
text-align:right;
padding:12px;
border:1px solid #ccc;
}
.box-title-horizontal > .title {
margin-bottom:25px;
padding-top:0;
font-size:16px;
color:#222;
border-bottom:2px solid #eee;
position:relative;
padding:15px;
}

.box-title-bg-1{
background-color:#f0cc00;
background-image:url(../images/dark-circles.png)
}
.box-title-bg-2{
background-color:#ff9900;
background-image:url(../images/dark-circles.png)
}
.box-title-bg-3{
background-color:#ffb810;
background-image:url(../images/dark-circles.png)
}
.a-block {
display:block;
position:absolute;
left:0;
top:0;
z-index:5;
width:100%;
height:100%;
transition:all ease .3s; 
background-color:rgba(255,255,255,.2)
}
.a-block:hover {
box-shadow: inset 0 0 0 5px #ecb61e;
background-color:rgba(255,255,255,0);

}
.box-title-horizontal > .title::before{
content:"";
position:absolute;
border:8px solid transparent;
border-bottom-color:#eee;
bottom:0;
right:40px;
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    left: 10px;
    position: absolute;
    top: 20px;
    font-size: 20px;
}
.dropdown {
margin-bottom:15px;
}
.box-bg-1 {
/*background-image:url(../images/oiladvisor.jpg);*/
}
.box-bg-2 {
/*background-image:url(../images/equivalentfinder.jpg);*/
}
.box-bg-3 {
/*background-image:url(../images/specsfinder.jpg);*/
}
.float-none{
float:none;
}
header {


transition:all ease-out .5s;
}
span.txt {
font-size:13px;
margin-bottom:15px;
display:inline-block;
width:100%;
text-align:justify;
}
.navbar-toggle {
border:1px solid #999;
}
.sticky {
position:fixed;
width:100%;
background-color:#fff;
border-bottom:1px solid #ddd;
z-index:10;
}
.default-list {
padding:15px;
}
.default-list.user {
color:#009933
}

.badge {
    font-size: 14px;
    line-height: 12px;
    font-family: byekan;
    font-weight: normal;
}
.badge-default {
background-color:#17a2b8;
color:#fff;
}
.alert-badge i {
font-size: 18px;
vertical-align:middle;


}
.logout {
font-size:18px;
    line-height: 18px;
    vertical-align: middle;
}

.fixed-footer {
position:fixed;
bottom:0;
left:0;
width:100%;
}

.internal-header-items {
line-height:0;
}
.breadcrumb {
    font-size: 11px;
    padding: 20px 15px;
margin:0;
    border-radius: 0;
	border-bottom:1px solid #ddd;
	
	
}
.breadcrumb a {
font-size: 11px;
}
.boxed-type1{
border:1px solid #bbb;
padding:12px 15px;
font-size:16px;
    border-right: 4px solid #f0cc00;
}
.list-type1 li {
list-style:circle;
list-style-position:inside;
}

.list-type1 li a {
padding:10px 0;
display:inline-block;
font-size:14px;
}
.m-t-20 {
margin-top:20px;
}
.search-group {
margin-bottom:30px;

}
.search-input {
padding:10px;
height:auto;
width:calc(100% - 60px);
display:inline-block;
border-radius:0;
background-color:#f9f9f9;
}
.search-input:focus {
background-color:#fff;
}
.search-input::placeholder{
color:#ccc;
font-weight:normal;
}
.search-btn {
display:inline-block;
min-width:60px;
height:42px;
border-radius:5px;
line-height:0;
border-radius:0;
margin-right:-4px;
}
.search-btn i{
font-size:18px;
}

[class^="tabs"] {
  margin: 0;
  position: relative;
  background: #fff;
  border:1px solid #ccc;
  width: 100%;
  direction:rtl;
  display:inline-block;
 line-height:0;
  
}

[class^="tabs"] *{
line-height:initial;
}
[class^="tabs"] .nav-wrapper {
   line-height:0;
   display:inline-block;
    width: 100%;
	
}
[class^="tabs"] nav {
 

  align-items: stretch;
  background: #eee;
  color: #333;
display:inline-block;
  width: 100%;
 
}

[class^="tabs"] nav > a {
  
  text-align: center;
  width: auto;
  cursor: pointer;
  color:#333;
  text-align:right;
  display:inline-block;
  padding:12px 15px;
  border-left:1px solid #ddd;
  float:right;
  
}
[class^="tabs"] nav a:last-child {
border-bottom:0;
}
[class^="tabs"] nav a:hover {
background-color:#e5e5e5;

}
[class^="tabs"] nav a.selected {
  background: #fff;
  color: #333;
cursor:default;
  box-shadow:inset 0 5px 0 -2px #f0cc00;
  
}

[class^="tabs"] [class^="content"] {
    padding: 20px 0px;  
    width: 100%;
    vertical-align: top;
    color: #666;
    text-align: justify;
   
    height: 100%;
    display: none;
    transition: opacity 0.4s linear 0s;
  
}

[class^="tabs"] [class^="content"].visible {
  padding: 20px;
  width: 100%;
  
  display:inline-block;
}

[class^="tabs"] [class^="content"] p { padding-bottom: 2px; }

[class^="tabs"] [class^="content"] p:last-of-type { padding-bottom: 0px; }


/* ------------------- */

.overview-box-title {
background-color:#eee;
margin:-15px -15px 15px -15px;
padding:12px 15px;
color:#444;
font-size:16px;
    border-right: 3px solid #f0cc00;
}
.overview-box-content {
    word-break: break-word;
}
.overview-box-content .list-type1 li {
margin-bottom:10px;
}
.overview-box-content .list-type1 li:last-child {
margin-bottom:0;
}


.overview-box {
border:1px solid #ddd;
padding:15px;


}
.popup {
display:inline;
color:#d17f04;
position:relative;
border-bottom:1px dashed ;

}

.popup > span {
width:300px;
max-height:200px;
overflow:auto;
font-size:12px;
overflow:auto;
position:absolute;
right:0;
background-color:#333;
color:#eee;
padding:15px;
z-index:20;
display:none;

direction:rtl;word-break: break-word;
box-shadow: -5px 5px 0 0 #ccc;
}
.popup.bottom > span {
border-top:5px solid #f0cc00;
}
.popup.top > span {
border-bottom:5px solid #f0cc00;
box-shadow: -5px -5px 0 0 #ccc;
}
.popup.right > span {
border-left:5px solid #f0cc00;
}
.popup.left > span {
border-right:5px solid #f0cc00;
}


.select-dropdown {
padding:10px;
border-color:1px solid #ddd;
width:100%;
}

/* ---------------------------*/

.accordion-panel {
border:1px solid #ddd;
}

.accordion-panel .item {
border-bottom:1px solid #ddd;
}
.accordion-panel .item:last-child {
border-bottom:0;
}
.accordion-panel .item .title-row {
position:relative;
padding:12px 15px;
clear:both;
cursor:pointer;
transition:all ease .4s;
}
.accordion-panel .item:nth-child(odd) .title-row{
background-color:#f2f2f2;
    box-shadow: inset -5px 0 0 -2px #f0cc00;
}
.accordion-panel .item:nth-child(odd) .title-row:hover {
background-color:#eee;
}
.accordion-panel .item:nth-child(even) .title-row{
background-color:#f9f9f9;
box-shadow: inset -5px 0 0 -2px #ff9900;
}
.accordion-panel .item:nth-child(even) .title-row:hover {
background-color:#f5f5f5;
}
.accordion-panel .item .item-content {
display:none;
padding:15px;
}
.selected-item {
background-color:#666 !important;
color:#fff
}
.show-popup {
position:absolute;
height:100%;
width:25px;
text-align:center;
transition:all ease .3s;
left:0;
top:0;
z-index:5;
}
.mask-layer {

width:100%;
height:100%;
left:0;
top:0;
position:absolute;


}
.show-popup i {
font-size: 28px;
    color: #666;
    line-height: 50px;
}
.show-popup:hover {
background-color:#ddd;

}
.show-popup:hover i {
color:#444;
}

.show-popup .popup-content {
position:absolute;
width:300px;
height:200px;
overflow:auto;
padding:15px;
direction:rtl;
display:none;
background-color:#333;
    word-break: break-word;
    box-shadow: 5px 5px 0 0 #ccc;
color:#fff;
z-index:10;
left:25px;
top:0;
text-align:right;
font-size:11px;
    border-left: 5px solid #f0cc00;
	cursor:default;

}
.popup-content a {
color:#f0cc00;
}
.popup-content a:hover {
color:#ff9900;
}
.selected-item i {
color:#eee;
}
.selected-item .show-popup:hover {
background-color:#555;
color:#eee;
}
.selected-item .show-popup:hover i {

color:#eee;
}
nav .sidebar {
background-color:#f7f7f7;
    box-shadow: inset -5px 0 0 -1px #ddd;
	border:1px solid #ddd;
	border-right:0;
}
nav .sidebar li {
clear:both;
border-bottom:1px solid #eaeaea;

}
nav .sidebar li a {
display:block;
padding:10px 15px;
color:#333;
position:relative;

}
nav .sidebar li a:hover {
background-color:#f2f2f2;
 box-shadow: inset -5px 0 0 -1px #d0d0d0;
}
.sidebar li.selected-item a {
background-color:#666;
color:#fff;
    box-shadow:inset -5px 0 0 -1px #f0cc00;
}
.sidebar li.selected-item a:hover {
background-color:#606060;
 box-shadow:inset -5px 0 0 -1px #f0cc00;
}
.sidebar li.selected-item a::before {
border:7px solid transparent;
border-left-color:#fff;
content:"";
position:absolute;
left:-1px;
top:calc(50% - 7px);
}


.search-results {


}
.search-result-item > * {
clear:both;
display:inline-block;
width:100%;
}
.search-results-info{

}
.search-result-item {
padding:15px;
border:1px solid #ddd;
border-radius:3px;
background-color:#fafafa;
margin-bottom:15px;
}
.search-result-item:last-child {
margin-bottom:0;
}
.search-result-item .title{

font-size:16px;
color:#337ab7;
}
.search-result-item .link a{ font:normal 12px arial; color:#FF6600}
.search-result-item .result-content{}
 .search-result-item .result-footer{
 text-align:left;
 font-size:12px;
 margin-top:15px;
 }
 .search-result-item .result-footer > a {
 display:inline-block;
 border:1px solid #ddd;
 padding:10px;
 margin-right:10px;
 font-size:12px;
 border-radius:3px;
 }
  .search-result-item .result-footer > a i {
  font-size:16px;
  vertical-align:middle;
  margin-left:3px;
  
  }
   .search-result-item .result-footer > a i.fa-phone {
  transform: rotate(-100deg);
  }
 .pagination {
 line-height:46px;
 width:100%;
 text-align:center;
 margin:0;
 direction:ltr;
 }
 .pagination ul > li {
 display:inline-block;
 margin:0 5px;
 float:none;
 
 
 
 }
 .pagination ul > li > a {
 padding:10px 15px 8px 15px;
 border:1px solid #ddd;
 font-size:14px;
color:#666;
border-radius:3px;
 }
  .pagination ul > li > a:hover {
  border-color:#337ab7;
  }
  .pagination ul > li.selected a {
  background-color:#337ab7;
  border-color:#337ab7;
  color:#fff;
  }
  
  .side-menu {
  position:fixed;
  width:50px;
  
  top:400px;
  left:0;
  z-index:150;
  }
  .side-menu ul{
  position:absolute;
  left:0;
  top:0;
  }
  .side-menu ul > li {
  float:left;
  clear:both;
  width:40px;
   background-color:#444;
  border-bottom:1px solid #555;
  border-right:3px solid #bbb;
  transition:all ease .3s;
 
 
  transition:all ease .4s;
  }
  .side-menu ul > li:last-child {
  border-bottom:0;
  }
  .side-menu ul > li:hover {
  
  transition:all ease .4s;
  
  }
  .side-menu ul > li > a {
  padding:10px;
  display:block;
  
   text-align:center;
   color:#fff;
   transition:all ease .5s;
  }
  .side-menu ul > li > a:hover {
  background-color:#3a3a3a;
  }
  .content-right > a {
  text-align:right !important;
  }
  
 .side-menu .side-menu-selected {
     border-right-color: #f0cc00;
  }
  .side-menu-show {
  display:none;
  
  }
  .side-menu-show i,.side-menu-close i {
  font-size:16px;
  position:relative;
  top:3px;
  }
  .default-container-height {
  min-height:430px;
  }
  .form-control:focus {
  outline:none;
  box-shadow:inset 0 0 0 1px #f0cc00;
  border-color:#f0cc00;
  
  }
  
  .tel {
  padding: 15px;
    font-family: byekan;
    font-size: 15px;
    font-weight: 600;
color:#666;
letter-spacing:1px;
line-height:20px;
  }
  .tel i {
  vertical-align:middle;
  margin-right:3px;
  }
  
  .about {
	  display:none;
	  text-align:justify;
	  
  }
  .tabcontainer {
	  border:1px solid gray;
	  //border-radius:3px 3px 0px 0px;
  }
  .tablinks {
	  width:50%;
	  border:0px solid gray;
	  text-align:center;
	  float:right;
	  padding:15px 0px;
	  background-color:#eee;
	  font:tahoma iransans_medium;
	  //font-size:16px;
  }
  .selected {
	  border-bottom:0px;
	  background-color:#f0cc00;
  }
  .box-sub-2 {
	padding:15px;
}
.articles-list {
	clear: both
}
ul.items li {
	clear: both;
	list-style: none;
	border-bottom: 1px solid #ddd
}
ul.items li:last-child {
	border-bottom: 0
}
ul.items li a {
	padding: 7px 7px 9px 7px;
	display: block
}
ul.items li a:hover {
	background-color: #f5f5f5
}
.title-bar {
	font-family: BYekan;
	font-size: 16px;
	color: #006;
	padding-bottom: 10px;
}
.title-bar.custom {
	padding: 7px 15px;
	border-bottom: 2px solid #FFB810;
}
.title-bar {
	padding: 7px 15px;
}
@media screen and (max-width:1599px) and (min-width:1400px){
.slider-title {
  
    height: 70%;
    top: 15%;
   
}
}
@media screen and (max-width:1399px){
.slider-title {
height:auto !important;
padding:25px;
}

}
@media screen and (max-width:1399px) and (min-width:992px){
.slider-title {
  
    height: 60%;
    top: 20%;
   
}
.slider-title h2 {
font-size:14px;
margin-bottom:0;
//display:none;
}
.slider-title h1 {
font-size:25px;
margin-bottom:0;
}


}


@media screen and (min-width:992px){

.box-title:hover{
width:100%;
height:100%;
top:0;
left:0;
}
.box-title:hover .btn{
width: initial;
    height: initial;
    line-height: normal;
    font-size: initial;
    padding: 7px 10px;
	min-width:130px;
	opacity:1;
}
.box-title:hover [class^="alt-box"] {

opacity:0;
transition:all ease .3s;
animation:move1 ease .4s;
}
.alt-service-box .box-title:hover .btn {

margin-top:-50px;

}
.default-height {
min-height:280px;
}
.service-box .btn {
width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    padding: 0;
	transition:all ease .35s;
	opacity:0;
}
}


@media screen and (max-width:1199px){


.navbar-collapse .dropdown {
margin-bottom:auto;
}
.navbar-header {
padding-bottom:15px;

}
.top-left-items > li {
display:inline-block;
}
.sticky-wrapper {
height:auto !important;
}
.navbar-collapse {
padding-right:0;
}
}
@media screen and (max-width:991px){
.box-title {
position:relative;
left:0;
width:100%;
}
.last-item {
margin-bottom:0 !important;
}
.top-footer + .container div {
text-align:center;
}
.follow-us {
margin:15px 0;
}
.box-title {
background-color:rgba(255,255,255,.7);
}
.navbar-nav.top-left-items {
        float: none;
    clear: both;
    margin: 0;
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    text-align: center;
	border-top:1px solid #ddd;
}

.service-box {
margin-bottom:30px;
}
.last-item {
margin-bottom:0;
}
.box-title-horizontal {
margin-bottom:30px;
}
.slider-title {
  width:70%;
  left:15%;
    height: 60%;
    top: 20%;
	padding:15px;
   
}
.slider-title h2 {
font-size:12px;
margin-bottom:0;
//display:none;
}
.slider-title h1 {
font-size:22px;
margin-bottom:0;
}
.box-title .btn {
display:inline-block !important;
}
.top-footer *{
text-align:center !important; 
}
.top-footer li a{
margin: 7px 0;
}
.box-2 {
	padding-right:0px;
	margin-top:15px;	
}

}


@media screen and (max-width:991px) and (min-width:768px){

.m-b-0 {
margin-bottom:0
}
}

@media screen and (min-width:768px){
.close-btn,.navbar-toggle {
display:none !important;
}

.navbar-collapse  {
width:auto !important;
opacity: 1!important;
}

}

@media screen and (max-width:767px){
body {
overflow-x:hidden;
}
.sidebar {
margin-bottom:15px;
}
#sticker {
position:static !important;
}
.mobile-mode {
position:absolute;
overflow:hidden;

left:0;
opacity:0;
overflow:hidden;
z-index:10;
padding:0;
min-height:200px;


background-color:#555;

}
.mobile-mode a {
color:#fff;
white-space:nowrap
}
.mobile-mode a:hover {

background-color:#444 !important;
}
.mobile-mode .navbar-nav {
margin:0;
}
.mobile-mode .navbar-nav .open a{

color:#fff;
}
.nav .open>a, .nav .open>a:hover {
background-color:#333 !important;
}
.navbar-nav .open .dropdown-menu {
background-color:#404040;
}
.mobile-mode .dropdown-menu .divider {
background-color:#666;
}

}
@media screen and (max-width:640px){


.slider-title > h1 {
font-size:18px;
}
.slider-title h2 {
//display:none;
}
.about {
display:block;
}
.slider-title {
padding:15px;
height:auto;
}
.slider-title .help-link {
//display:none;
}
.slider-title .btn {
//display:none;
}
.box-title.top-box h2 {
font-size:25px;
}
.box-title.top-box h3 {
font-size:18px;
}
.box-title.top-box h4 {
font-size:14px;
}
}
@media screen and (max-width:420px){
section.slider{
//display:none;
}
.brand-img {
max-height:43px;
}
.slider-title h1 {
font-size:14px;
margin-bottom:0;
}
}

/* -----------------------------*/
@keyframes move1 {
0%{ 
transform:scale(1)
}

100%{
transform:scale(0);

}
}



/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: right;
  border: none;
  outline: none;
  transition: 0.2s;
  margin-bottom:3px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: left;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}