@font-face {
    font-family: 'yekan';
    src: url('byekan.ttf');
    /* IE9 Compat Modes */
    src: url('byekan.ttf') format('truetype'), /* IE6-IE8 */
}


/* start style top-header */

.top-header {
    background-color: #0912B9;
    width: 100%;
    height: 40px;
}

.link-top-header {
    margin-bottom: 0px !important;
}

.link-top-header li {
    display: inline-block;
    padding: 5px 0px 5px 0px;
}
.link-top-header li a {
    color: #fff;
    background-color: #2659B4;
    padding: 8px;
    font-size: 17px;
}
.link-top-header li a:hover{
    background-color: #004cd4;
    transition: 1s;
}
.col-date {
    float: right;
    padding: 5px 0px 5px 0px;
    direction: rtl;
}

.text-date {
    font-family: yekan;
    color: #FFFF05;
}

.day-date {
    font-family: yekan;
    color: #FFFF05;
    padding-right: 10px;
}

.col-img-logo {
    position: relative;
    z-index: 1;
    clear: both;
    float: right;
    direction: rtl;
    padding-right: 20px;
}

.img-logo {
    position: absolute;
    float: right;
}
.col-search{
    float: right;
        position: relative;
    left: 79px;
    bottom: 28px;
    clear: both;
    display: inline-block;
}
.search-input {
    border: none !important;
    padding: 6px;
    font-family: yekan;
    width: 250px;
    direction: rtl;
    text-indent: 5px;
}
.hide-form{
    position: relative;
    bottom: 32px;
    left: 110px;
}
.hide-form1 {
    display: none;
}
.input-form-style{
    border: none;
    padding: 4px;
    font-family: yekan;
    direction: rtl;
    text-indent: 2px;
}
.col-img-logo-text{
        float: right;
    direction: rtl;
    text-align: right;
    font-size: 14px;
    font-family: yekan;
    color: #efff12;
    padding: 0px;
    display: none;
}
.col-img-logo-text p{
        padding: 0px 36px 0px 0px;
}
/* end style top-header */


/*  start img header and moj and meune  */

.col-img-headre {
    padding: 0px;
}

.img-header {
    width: 100%;
    height: 90%;
}

.img-moje {
    width: 100%;
}

.col-nav-style {
    clear: both !important;
    background-color: #0129AD;
    border-radius: 0px !important;
    border: none !important;
    position: relative;
    
}

.font-style {
    direction: rtl !important;
    text-align: center !important;
    float: right !important;
}

.font-style li a {
    font-family: yekan;
    color: #E3EF2D !important;
    /*width: 188px;*/
}

.font-style li a:hover {
    background-color: #1852BD !important;
    transition: 0.5s;
}
active1{
    padding-right: 70px;
}

.col-img-moje {
    position: absolute;
    top: 453px !important;
    padding: 0px;
}
/*  end img header and moj and meune  */


/* start text-slider */
.col-style-news{
    float: right;
    background-color: #0099FF;
    color: #fff;
    font-size: 17px;
    padding: 5px;
    text-align: center;
    font-family: yekan;
}
.col-body-slider{
    float: right;
    padding: 7px;
    background-color: #EAEAEA;
  width: 91.6%;
}
.style-carousel-ctrl{
    background-image:none !important;
    background-color: #029AFF;
    width: 30px;
    padding: 5px;
    opacity: inherit;
}
.right-crrl{
    left:32px !important;
}
.text-slider{
    direction: rtl;
    font-size: 15px;
    font-family: yekan;
    padding-right: 10px;
}
.icon-text-slider{
    position: relative !important;
    bottom:3px !important;
}

/* end text-slider */

/* start slider-img text-shahrdar img-select */
.col-img-baner{
    float: right;
}
.img-baner{
        width: 269px;
    height: 400px;
    padding: 10px;
    background-color: #F4F2F3;
    margin-top: 10px;
}
.slidre-img{
    float: right;
    margin-top: 10px;
    padding: 0px !important;
}
.img-slider-size{
    height: 397px !important;
    width: 569px !important;
    position: relative; 
}
.carousel-caption-style{
    background-color: #0129ad;
    opacity: 0.7;
    padding: 10px;
    width: 100%;
    position: relative;
    bottom: 58px;
    clear: both;
    display: inline-block;

}
.text-slider-two{
    font-family: yekan;
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.btn-left-img-slider{
    background-image:none !important;
 opacity: 1 !important;
    padding-left: 10px;
    margin-top: 10PX;
        width: 0% !important;
}
.btn-right-img-slider{
      background-image:none !important;
        left: 30px !important;
      opacity: 1 !important;
    margin-top: 10PX;
        padding-left: 10px;
    width: 0% !important;
}
.icon-left-img-slider{
        background-color: #C4C4C4;
    padding: 6px;
    border-radius:3px;
     
}
.icon-right-img-slider{
        background-color: #C4C4C4;
    padding: 6px;
    border-radius:3px;
}
.img-shardar{
    width: 100%;
       height: 180px;
}
.col-img-shardar{
    padding-left: 0px !important;
    margin-top: 10px;
}
.col-style-bk-text
{
    padding: 10px;
    background-color: #EAEAEA;
    height: 172px;
    overflow: auto;
}
.style-bk-text-shardar{
    color: #445FBA;
    background-color: #EAEAEA;
    font-family: yekan;
    direction: rtl;
    padding: 4px;
    height: 172px;
    overflow:auto;
}
 /* end slider-img text-shahrdar img-select */
/* start top header img and texs */
.col-top-header{
   /* margin-top: 40px;*/
}
.border-bottom-header{
    border-bottom: 1px solid #64D0FF;
        padding: 0px !important;
}
.right-top-header{
    width: 20px;
    height: 40px;
    background-color: #64D0FF;
    float: right;
     
}
.left-top-header{
    
        padding: 4px 10px 1px 10px;
    color: red;
    font-size: 25px;
    font-family: yekan;
    background-color: #EAEAEA;
    direction: rtl;
    float: right;
    position: relative;
}
.arrow-left {
width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 42px solid #EAEAEA;
        float: right;
}
.img-border-bottom-header{
    position: relative;
    top: 14px;
}
/* end top header img and texs */
/* start project */
.col-progect {
    background-color: #E7E7E7;
    padding: 0px !important;
    margin-top: 10px;
    border: 1px solid #C4EDFF;
    width: 270px;
    margin-right: 5px;
}
.col-proggect {
    background-color: #E7E7E7;
    padding: 0px !important;
    margin-top: 10px;
    border: 1px solid #C4EDFF;
    width: 150px;
    margin-right: 5px;
}

.img-project {
    width: 268px;
    height: 200px;
    filter: grayscale(100%);
}

.text-project {
    text-align: center;
    font-family: yekan;
    direction: rtl;
    padding: 5px;
    color: #00249A;
    clear: both;
}

.col-dat-project {
    background-color: #BAEAFF;
    direction: rtl;
    padding: 5px;
    text-align: center;
    font-family: yekan;
}

.col-link-project {
    background-color: #0029AE;
    padding: 5px;
    height: 40px
}

.col-link-project a {
    text-align: center;
    font-family: yekan;
    color: #fff;
}

.col-progect:hover .img-project {
    filter: grayscale(0%);
    transition: 0.5s;
}

.col-link-project a:hover {
    text-decoration: none;
}

.col-progect:hover {
    border: 1px solid #D5B369;
}

.col-progect:hover .text-project {
    color: red;
    transition: 0.5s;
}

.col-progect:hover .col-link-project {
    background-color: #D5B369;
    transition: 0.5s;
}



/* end project */
/* start news and dastresi and etla resani */
/*  start etla resani */
.margin-top-news{
    margin-top: 30px;
}
.col-etla-resani ,.col-etla-resani1{
    padding: 0px !important;
}
.text-etla-resani{
    font-family: yekan;
    direction: rtl;
    color:#fff;
    background-color: #1853BD;
    padding: 10px;
}
.baner-etla-resani{
        width: 285px;
    height: 300px;
    padding: 10px;
    background-color: #EAEAEA;
}
    .baner-etla-resani img
    {
        width:100%;
        max-height:100%;
    }
/*  end etla resani  */
/*  start mozayedhe */
.col-mozayedhe {
    padding: 0px !important;
    margin-top: 20px;
}

.mozayedhe-link ul {
    padding: 0px;
}

.mozayedhe-link ul li {
    list-style: none;
    padding: 10px;
    background-color: #F6F6F6;
    margin-top: 5px;
    font-family: yekan;
    direction: rtl;
    text-align: center;
    /*font-weight:700;*/
    height: 55px;
    border-radius: 4px;
}

.mozayedhe-link ul li:hover {
    transition: 1s;
}

.mozayedhe-link ul li a {
    color: #0029AE;
}

.mozayedhe-link ul li:hover {
    background-color: #0029AE;
    text-decoration: none;
}

.mozayedhe-link ul li:hover a {
    color: #fff;
    text-decoration: none;
}

/*  end mozayedhe */
/* start project */
.col-project {
    background-color: #F6F6F6;
    margin-top: 10px;
    padding: 0;
    border-radius: 5px;
    border: 1px solid #fff;
}
.col-col-img-project{
    float: right;
}
.col-img-project{
    width: 143px;
    height: 108px;
    border-radius: 0px 5px 5px 0px;
    filter: grayscale(100%);
}
.col-texter-project{
    float: right;
     padding: 0px !important;
}
.col-link-projects{
    float: left;
    background-color: #1853BD;
}
.date-texter-project{
    float: right;
    font-family:yekan;
}
.date-texter-project{
    padding: 5px;
}
.col-texter-project p{
    font-size: 17px;
    direction: rtl;
    text-align: right;
    font-family: yekan;
    padding: 10px;
    color: #0029AE;
    clear: both;
}
.title-personel p{
    font-size: 17px;
    direction: rtl;
    text-align: right;
    font-family: yekan;
    padding: 10px;
    color: #0029AE;
    clear: both;
}
.col-link-projects {
    padding: 10px;
    height: 108px;
    border-radius: 5px 0px 0px 5px;
}
.a-link-projects{
    font-size: 40px;
       color:#fff;
        position: relative;
    top: 20px;
}
.col-project:hover{
    border: 1px solid #D5B369; 
     transition: 0.5s;
   border-radius: 5px;
}
.col-project:hover  .col-img-project{
     filter: grayscale(0%);
   transition: 0.5s;
   
}
.col-project:hover .col-texter-project p{
    color:red;
    transition: 0.5s;
}
.col-project:hover .col-link-projects{
    background-color: #D5B369;
    transition: 0.5s;
}
.col-link-projects a:hover{
    color:#fff;
}
.news-link{
        margin-top: 10px;
    padding: 10px;
    background-color: #EAEAEA;
    border-radius: 6px;
    text-align: center;
    height: 55px;
}
.news-link:hover{
    transition: 1s;
    
}
.link-news-link{
        direction: rtl;
    font-size: 16px;
    padding: 10px;
    font-family: yekan;
    color: #0029AE;
}
.news-link:hover{
    background-color: #0029AE;
}
.news-link:hover .link-news-link{
    color: #fff;
    text-decoration: none;
}
/*end project */
/* start fast-dastresi */
.col-fast-dastresi{
    padding: 0px !important;
}
.padding-fast-dastresi{
    padding: 0px !important;
}
.text-header-fast-dastresi{
    background-color: #0029AE;
    padding: 10px;
    font-family: yekan;
    direction: rtl;
    float: right;
    color: #fff;
        width: 100%;
    margin-bottom: 5px;
}
.padding-fast-dastresi ul{
    background-color: #F6F6F6;
        padding: 0px !important;
}
.padding-fast-dastresi ul li{
    list-style: none;
    direction: rtl;
    padding: 10px;
    text-align: right;
     clear: both;
   
}
.link-drop-down{
    color:#0029AE;
    margin-top: 5px;
    clear: both;
}
.link-drop-down:hover{
    color:#fff;
}
.padding-fast-dastresi ul li a{
    font-family: yekan;
      color: #0029AE; 
}
.icon-link-drop-down{
    text-indent: 10px;
}
.link-style-fast-dastresi  li:hover {
    
    background-color: #0029AE;
    transition: 0.5s;
    
}
.link-style-fast-dastresi li:hover a{
    color: #fff;
    text-decoration: none;
}
.open-link-drop-down li:hover {
 background-color: #BAEAFF;
}

  /* start fast-dastresi */
/* start text-bozorgan */
.text-bozorgan{
    padding: 0px !important;
     background-color: #EAEAEA;
    margin-bottom: 10px;
}
.name-text-bozorgan{
        padding: 10px;
    direction: rtl;
    font-family: yekan;
}
    .name-text-bozorgan img
    {
        width: 100%;
        max-height: 100%;
    }
.text-text-bozorgan{
    font-size: 16px;
    padding: 0px 10px 10px 0px;
    direction: rtl;
    font-family: yekan;
    color: blue;
}

/* end text-bozorgan */
/* start see-website */
.see-website{
    padding: 0px !important;
    background-color: #EAEAEA;
}
.col-see-website{
    direction: rtl;
    font-family: yekan;
    padding: 7px;
}


/* end see-website */
/* end news and dastresi and etla resani */

/* start galerry img */
.col-galerry-img {
    background-color:#0029AE;
    padding: 10px !important;
        border-top-left-radius: 48em 4.5em;
    border-top-right-radius: 48em 4.5em;
        border-bottom-right-radius: 48em 4.5em;
    border-bottom-left-radius: 48em 4.5em;
       box-shadow: 1px 7px 17px 3px;
    z-index: 1005;
   top: 113px;
    
}
.img-size-molty-slider{
    width: 250px;
    height: 300px;
    border-radius: 10px;
}
/* ------------------------------- Start General ----------------------------------------- */
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
ul, ol {
    list-style: none
}
.rotate{
    height: 414px !important;
}
/* ------------------------------- End General ------------------------------------------- */
/* ------------------------------- Start rotate ----------------------------------------- */
.parent {
    margin: 50px auto;
}
.rotate .rotate-ul {
    position: relative;
}
    .rotate .rotate-ul .rotate-ul-li
    {
        position: absolute;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        opacity: .3;
        border-radius: 5px;
    }
        .rotate .rotate-ul .rotate-ul-li:hover
        {
            cursor: pointer;
            opacity: 1 !important;
            transition: opacity .3s;
            z-index: 9999999 !important;
        }
.rotate .rotate-ul .rotate-ul-li:first-of-type {background-image: url()}
.rotate .rotate-ul .rotate-ul-li:nth-of-type(2) {background-image: url())}
.rotate .rotate-ul .rotate-ul-li:nth-of-type(3) {background-image: url()}
.rotate .rotate-ul .rotate-ul-li:nth-of-type(4) {background-image: url()}
.rotate .rotate-ul .rotate-ul-li:nth-of-type(5) {background-image: url()}
.rotate .rotate-ul .rotate-ul-li:nth-of-type(6) {background-image: url()}
.rotate .rotate-ul .rotate-ul-li:nth-of-type(7) {background-image: url()}
.rotate .rotate-ul .rotate-ul-li:last-of-type {background-image: url()}
/* ------------------------------- End rotate ------------------------------------------ */
/* ------------------------------- Start Mediaquery ------------------------------------- */
@media(min-width: 100px) and (max-width: 767px) { /* X Small Screen */
    .parent { width: 95% }
}
@media(min-width: 768px) and (max-width: 991px) { /* Small Screen */
    .parent { width: 85% }
}
@media(min-width: 992px) and (max-width: 1199px) { /* Medium Screen */
    .parent { width: 75% }
}
@media(min-width: 1200px) { /* Larg Screen */
    .parent { width: 65% }
}


/* end galerry img */
/* start about  */
.col-about{
    position: relative;
    padding: 0px !important;
    z-index: 999;
        top: 55px;
}
.img-respansive-about
{
    width: 100%;
    height: 60%;
    border-bottom-right-radius: 48em 4.5em;
    border-bottom-left-radius: 48em 4.5em;
    box-shadow: 1px 7px 17px 3px;
}
.text-about{
    position: absolute;
    top: 260px;
    right: 30px;
    text-align: center;
    font-family: yekan;
    padding: 10px;
    background-color: #3C6438;
    opacity: 0.9;
    color: #fff;
    width: 500px;
    /*height: 140px;*/
    direction: rtl;
    float: right;
}
.icon-text-about{
    padding-left: 5px;
    color:#0029AE;
    font-size: 20px;
}
/* end about  */
/* start footer */

.col-footer{
    background-color: #1853BD;
}
.col-style-titr{
        float: right !important;
    direction: rtl;
    padding: 10px;
    margin-top: 60px;
}
.style-titr-links{
        padding: 10px;
    font-size: 17px;
    font-family: yekan;
    color: #FBF905;
}
.style-link-payvand{
        padding-right: 20px;
}
.style-link-payvand li{
    padding: 0px;
}
.style-link-payvand li a{
text-decoration: none;
    font-family: yekan;
    font-size: 15px;
    color: #fff;
    direction: rtl; 
}
.style-link-payvand li a:hover{
    transition: 1s;
    color:darkgoldenrod;
}
.icon-link-pyvand{
        padding: 5px;
}
.col-style-tel-me{
           float: right !important;
    direction: rtl;
    padding: 10px;
    margin-top: 60px;
}
.style-text-tel-me{
     padding: 3px;
    direction: rtl;
}
.style-text-tel-me span {
    font-family: yekan;
    color: #fff;
    display:inline !important;
    max-width: 0% !important;
    margin-bottom: 0px !important;
    font-weight: 0 !important;
    font-size: 15px;
}
.img-logo-footer{
    float: right;
    width: 210px;
    height: 203px;
    margin-top: 35px;
}
.helal-footer{
          border-top-left-radius: 48em 4.5em;
    border-top-right-radius: 48em 4.5em;
        border-bottom-right-radius: 48em 4.5em;
    border-bottom-left-radius: 48em 4.5em;
}
.col-logo-footer{
    margin-top: 60px;
}

/* end footer */
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: none !important;
}
.dropdown-toggle{
      background-color:#0129AD !important;
}
.dropdown-menu {
    left: none !important;
    right: 0px !important;
    background-color:#0129AD !important;
	width:280px;
}
.dropdown-menu li{
    float: right;
    padding:5px;
    background-color: #0129AD !important;
    width:98%;
    text-align:right;
}
.dropdown-menu li a{
    direction: rtl;
    width: 100%;
    font-family: yekan;
}
.titr-text-shahrdar {
    padding: 10px 5px 10px 5px;
    font-family: yekan;
    font-size: 15px;
    text-align: center;
}

.MultiCarousel {
    float: left;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item > div {
    text-align: center;
    padding: 10px;
    margin: 10px;
    background: #f1f1f1;
    color: #666;
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    top: calc(32% - 20px);
}

.MultiCarousel .leftLst {
    left:17px;
    font-size: 30px;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
    opacity: 0.5;
}

.MultiCarousel .rightLst {
  right: 20px;
    font-size: 30px;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
    opacity: 0.5;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
    pointer-events: none;
    background: #ccc;
}
.col-projeck-one{
    padding: 0px !important;
}