/* Box-sizing border-box */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; direction: rtl;}


html {
    font-family: iranyekan !important;
    font-weight: 500;
    font-size: .7em;
}

a {
    text-decoration: none;
}
body {
    margin: 0;
    background: #fff9df  url(/images/bar.jpg) right top repeat-x;

}

button:focus {outline:0;}

/*aboutcontent*/

.content
{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: row;

}
.content .maincontent
{
    width: 817px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: justify;
    margin-top: 50px;

}
.content .maincontent .maincontent__header
{
    color: #3a2013;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 20px;
}
.content .maincontent .maincontent__header2
{
    color: #3a2013;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
}

.content .maincontent .maincontentall
{
    flex-basis: 577px;
    padding-top: 50px;
}

.content .maincontent .maincontentall p
{
    line-height: 1.7em;
    font-size: 1.1em;
}
.content .maincontent span
{
    line-height: 1.8em;
    font-size: 1.1em;
    font-weight: 500;

}

.content .maincontent .imagecontainer3
{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;

}
.content .maincontent .imagecontainer2
{
    display: flex;
    /*width: 315px;*/
    margin: 4px;
    height: 260px;
    /*width: 200px;*/

}
.img4
{
    width: 315px;
    margin: 4px;
    height: 160px;

}
.img1
{
    width: 220px;
    margin: 10px;
    height: 209px;
   
    margin: 16px;
    box-shadow: 6px 2px 20px 2px rgba(61, 35, 20, 0.58);
    border: 10px solid #ecebe7;

}
.img2
{
    width: 220px;
    margin: 10px;
    height: 209px;
 
    margin: 16px;
    box-shadow: 6px 2px 20px 2px rgba(61, 35, 20, 0.58);
    border: 10px solid #ecebe7;

}

.img3
{
    width: 243px;
    margin: 10px;
    height: 315px;
    box-shadow: 6px 2px 20px 2px rgba(61, 35, 20, 0.58);
    border: 10px solid #ecebe7;
}

.img11
{
    width: 302px;
    margin: 10px;
    height: 215px;
    box-shadow: 6px 2px 20px 2px rgba(61, 35, 20, 0.58);
    border: 10px solid #ecebe7;
}

.content .maincontent .imagecontainer1
{
    float: left;
    border: 3px solid #ecebe7;
    border-style: solid;
    transform: rotate(-4deg);
    margin: 16px;
    box-shadow: 6px 2px 20px 2px rgba(61, 35, 20, 0.58);

}

.content .sidebar
{
    width: 237px;
    height: 400px;
    display: flex;
    margin-top: 260px;
    margin-right: 50px;
    margin-bottom: 50px;
}


.content .sidebar .sidebar__moving
{
    display: flex;
   
    justify-content: center;
    align-items: center;
    flex-direction: column;

    position: fixed;
    margin-top: -121px;
    background: #ccdb2936;
    border-radius: 5px;
    padding: 2px;
    border: 1px;
    border-style: solid;
    border-color: #05683929;


}
.content .sidebar .sidebar__afkhamproduct
{
    width: 100%;
    height: 95px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border-bottom: none;
    color: white;
    border-bottom: 1px solid;

}

.content .sidebar .sidebar__afkhamproduct:hover
{
    opacity: .8;

}


.content .sidebar .sidebar__afkhamproduct i
{
   font-size: 4em;
    color: #a5c337;
    padding: 10px;
    padding-bottom: 0;
}

.content .sidebar .sidebar__afkhamproduct span
{
    color: #032f1a;
    font-size: 1.1em;
    padding: 5px;
}
.content .sidebar .sidebar__socialmedia
{
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*border:1px solid rgb(166,124,82);*/
    border-radius: 2px;
    /*box-shadow: -8px 6px 20px 2px rgba(61, 35, 20, 0.58);*/
}
.content .sidebar .sidebar__socialmedia   a:hover
{
    opacity: .8;
}

.content .sidebar .sidebar__socialmedia i
{
    color: #a5c337;
    font-size: 1.2em;
    padding: 7px;
}
@media only screen and (max-width: 505px) {
    .content .maincontent {
        margin-top:50px;
    }
}
@media only screen and (max-width: 728px) and  (min-width : 401px ) {
    .maincontentall img
    {
        width:400px !important;
    }
}
@media only screen and (max-width: 400px) {
    .maincontentall img
    {
        width:300px !important;
    }
}
@media only screen and (max-width: 325px) {
 .img11
    {
        width: 260px;

        height: 193px;
    }

    .img1
    {
        width: 202px;

        height: 114px;
    }
    .img2
    {
        width: 198px;

        height: 139px;
    }
}

@media only screen and (max-width: 420px)
{
    .content .maincontent .imagecontainer2
    {
       width: auto;
    }

    .img4
    {
        width: 100%;
        height: 135px;
    }
    .img3
    {
        width: 230px;
        margin: 10px;
       
    }
}
@media only screen and (max-width : 728px )
{
    .content .sidebar
    {
        display: none;
    }
    .content .maincontent .maincontentall
    {
        margin-top:60px;
    }
}

@media only screen and (max-width : 640px )
{
   .content .maincontent {
    margin-top: 50px;
    margin-right: 30px;
    margin-left: 29px;
}
}

@media only screen and (max-width : 941px ) and (min-width : 641px )
{
    .content .maincontent
    {
        width: 95%;
        margin-top: 0px;

    }

    .content .sidebar {
       /*margin-top: 100px;*/
    }

    .content .maincontent .maincontentall
    {
       /* flex-basis: 20%;*/
        width:302px;

        padding-left: 10px;
    }

    .content .maincontent .imagecontainer2
    {
        flex-wrap: wrap;
        height: auto;
    }

    .content .sidebar
    {
        margin-right: 10px;
        align-items: center;
        justify-content: flex-start;

        width: 237px;
    }
    .content .sidebar .sidebar__moving
    {
        width: 109px;
    }

}

@media only screen and (max-width : 813px )
{
    .content .sidebar
    {
        display:none;
    }
}


.probootstrap-featured-news-box .probootstrap-media{position:relative;z-index:1}
.probootstrap-featured-news-box .probootstrap-text{position:relative;z-index:2;background:#fffae0;padding:8px 20px;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.05);box-shadow:0 2px 10px 0 rgba(0,0,0,.05);margin-left:10px;margin-right:10px;top:-30px;-webkit-transition:.3s all;transition:.3s all;border-bottom:3px solid #a5c337;direction: rtl;
    box-shadow: 3px 1px 20px 0px rgba(61, 35, 20, 0.58);
}
.probootstrap-featured-news-box .probootstrap-text h3{font-size:18px;margin:0 0 10px;line-height:22px}
.probootstrap-featured-news-box .probootstrap-text p{color:#666}
.probootstrap-featured-news-box:focus,.probootstrap-featured-news-box:hover{outline:0}
.probootstrap-featured-news-box:focus .probootstrap-text,.probootstrap-featured-news-box:hover .probootstrap-text{background:#07693a;top:-40px;-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.1);box-shadow:0 2px 20px 0 rgba(0,0,0,.1)}
.probootstrap-featured-news-box:focus .probootstrap-text h3,.probootstrap-featured-news-box:hover .probootstrap-text h3{font-size:18px;margin:0 0 10px;color:#fff}
.probootstrap-featured-news-box:focus .probootstrap-text p,.probootstrap-featured-news-box:hover .probootstrap-text p{color:rgba(255,255,255,.7)}
.probootstrap-featured-news-box:focus .probootstrap-text .probootstrap-date
,.probootstrap-featured-news-box:focus .probootstrap-text .probootstrap-location
,.probootstrap-featured-news-box:hover .probootstrap-text .probootstrap-date
,.probootstrap-featured-news-box:hover .probootstrap-text .probootstrap-location{color:rgba(255,255,255,.8)}
.probootstrap-featured-news-box:focus .probootstrap-text .probootstrap-date i
,.probootstrap-featured-news-box:focus .probootstrap-text .probootstrap-location i
,.probootstrap-featured-news-box:hover .probootstrap-text .probootstrap-date i
,.probootstrap-featured-news-box:hover .probootstrap-text .probootstrap-location i{color:rgba(255,255,255,.4)}
.probootstrap-media img
{
    display: block;
    max-width: 100%;
    height: auto;
}
figure {
    margin: 0;
}
.probootstrap-text h3
{
    color: #07693a;
}
.gallerycontent {
    margin-top: 50px;
}

.gallery_groupheader {
    font-size: 1.2em;
    margin-bottom: 10px;
    border-radius: 3px;
    font-size: 1.2em;
    margin-bottom: 26px;
    background: gray;
    color: white;
    padding: 9px;
    margin-top: 40px;
}
.sidebar .gall
{
    margin-right: 50px !important;
    margin-bottom: 550px !important;
}