/*===================================================================*/
 
 /* IranianSans
 ===================================================================*/
@font-face {
    font-family: 'IRANSansWeb';
    src: url('fonts/iransans/IRANSansWeb.eot');
	src: url('fonts/iransans/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
    url('fonts/iransans/IRANSansWeb.woff') format('woff'),
    url('fonts/iransans/IRANSansWeb.woff2') format('woff2'),
    url('fonts/iransans/IRANSansWeb.ttf') format('truetype');
    font-weight: normal;
} 
@font-face {
    font-family: 'IRANSansWeb_bold';
    src: url('fonts/iransans/IRANSansWeb_Bold.eot');
	src: url('fonts/iransans/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/iransans/IRANSansWeb_Bold.woff') format('woff'),
    url('fonts/iransans/IRANSansWeb_Bold.woff2') format('woff2'),
    url('fonts/iransans/IRANSansWeb_Bold.ttf') format('truetype');
    font-weight: bold;
}  
@font-face {
    font-family: 'IRANSansWeb_Medium';
    src: url('fonts/iransans/IRANSansWeb_Medium.eot');
	src: url('fonts/iransans/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/iransans/IRANSansWeb_Medium.woff') format('woff'),
    url('fonts/iransans/IRANSansWeb_Medium.woff2') format('woff2'),
    url('fonts/iransans/IRANSansWeb_Medium.ttf') format('truetype');
    font-weight: bold;
}
body {
    /*padding-top: 141px;*/
    font-family: 'IRANSansWeb', sans-serif;
}
h1,h2,h3,h4{
	font-family: 'IRANSansWeb_Bold';
}
a{
	font-family: 'IRANSansWeb_Medium';
}
body.rtl {
    background-color: #eeeeee;
}
pre {
    background: #f7f7f9
}
footer{
	background-color:#00988b;
}
#navbarColor02 a{
	color:white;
}
#RegisterLink {
    color: #009888;
    margin-left: 1em;
    margin-right: 0px;
	font-weight: bold;
    font-size: 0.95em;
}

#LoginBtn {
    background-color: #ffcb05;
    border-radius: 0.4em;
    padding:0rem 0.5rem .1rem 0.5rem;
    height: 30px;
	border-color: rgba(0,0,0,0);
	font-size: 0.80em;
    padding-top: 0.3em;
}
#LoginBtn:hover{
	background-color:#e0a800;
}
.btn-outline-success:hover{
	background-color:#00988b;
	border-color:#00988b;
}
.search-form {
    margin-bottom: 0px;
    margin-left: 1em;
}

#SearchBtn {
    background-image: url('../images/search-icon.png');
    background-position: center left calc(.375em + .1875rem);
    padding-left: calc(1.5em + .75rem);
    padding-right: 0.5em;
    width: 6.5em;
    transition: width 1s;
    margin: auto;
	height:30px;
	color:#c9c9c9;
	border-color:#00988b;
	font-size:0.7em;
	margin-left:0px;
}


.carousel-item.active img{
	cursor:pointer;
}

    #SearchBtn:focus {
        width: 100%;
		box-shadow:none;
		content:'';
    }
.carousel-indicators li {
    opacity: 1;
    width: 10px;
    height: 10px;
    background-color: #ede8e4;
    border-top: none;
    border-bottom: none;
    border-radius: 5px;
}
    .carousel-indicators li.active {
        background-color: #ffcb05;
    }
.carousel-control-prev-icon {
   /* background-image:url("data: image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/></svg>");*/
	background-image:none!important;
}
.carousel-control-next-icon {
/*    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/></svg>");*/
	background-image:none!important;
}
.form-control {
    border-radius: 0.5rem;
}

.rtl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), [dir=rtl] .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 .5rem .5rem 0;
}

.rtl .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, [dir=rtl] .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-radius: .5rem 0 0 .5rem;
}

.container.marketing {
    background-color: #eeeeee;
    padding-top:0.5em;
	padding-bottom:2em;
}

.FirstThreeColumns {
    text-align: center;
}


        .FirstThreeColumns .the-col:before {
            content: ' ';
            height: 6em;
            border-top-left-radius: 1em;
            border-top-right-radius: 1em;
            background-color: #00988b;
            display: block;
        }
		.Events .the-col:before{
			box-shadow: 5px 5px 9px 3px #888888;	
			height:6em;
		}


        .FirstThreeColumns .the-col img.main{
            object-fit:cover;
            height: 11em;
        }
		
		.Events img.main{
			border-top-right-radius:1em!important;
			border-top-left-radius:1em!important;
			border-bottom-left-radius:0px!important;
			border-bottom-right-radius:0px!important;
		}


.Events h2:before {
    content: ' ';
    display: inline-block;
    background-image: url(../images/events.png);
    height: 22px;
    width: 18px;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
    right: -5px;
}
.Events .author.price:before {
    content: ' ';
    display: inline-block;
    background-image: url(../images/calendar.png);
    height: 17px;
    width: 17px;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
    right: -5px;
}
.Events .theDays:before {
    content: ' ';
    display: inline-block;
    background-image: url(../images/clock.png);
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
    right: -5px;
}
    .FirstThreeColumns .author {
        width: 80%;
        text-align: right;
        margin: auto;
		margin-top: 5px;
		font-size: 0.8em;		
    }
	.Events .author {
		margin-top: 20px;
	}
    .row.the-details {
        width: 80%;
        margin: auto;
    }




    .row.the-details .theView span {
        position:relative;
        /*top:0.5em;*/
        display: block;
        text-align: center;
		font-size:0.8em;
    }
    .row.the-details .theView{
        text-align: center;
		padding-top:0.5em;
    }
	
	.Events .row.the-details .theView{
		padding:0px;
    }
	.Events .author.price {
		margin-top: 2em;
	}	
	.Events .row.the-details span.days,.Events .author.price{
		font-weight:normal;
		font-size:0.75em;
		margin-bottom:0px;
	}
    .row.the-details .theLike span {
        position: relative;
        display:block;
		font-size:0.8em;
        /*top: 0.3em;*/
    }
    .row.the-details .theLike{
        padding-left:5px;
        text-align:center;
		padding:0px;
		padding-top:0.5em;
    }
    .Events .row.the-details .theLike{
		padding-top:0em;		
	}
    .row.the-details span.days {
        font-weight: bold;
        font-size: 1.3em;
    }

    .row.the-details .theDays {
        padding-right: 0px;
        text-align: right;
    }

.author.price {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.FirstThreeColumns .btn.btn-warning {
    width: 80%;
    color: white;
    border-radius: 0.6em;
    /*padding: .75rem .75rem;*/
    font-weight: bold;
    margin-top: 0.75em;
}
.top-most{
	height:58px;
	padding:0px;
}
.FourColumns .btn-outline-success:after {
    content: '+';
	font-weight:bold;
    display: inline-block;
    margin-right: 10px;
}
img.header-logo{
	height:32px;
}
.container-objects{
	background-color:white;
	padding-bottom:1em;
    border-bottom-right-radius: 1em;
    border-bottom-left-radius: 1em;	
}
.authors .container-objects{
	padding-bottom:2em;	
}
.Events .container-objects{
	box-shadow:5px 5px 9px 3px #888888;	
}
.row.headers-first{
    margin-bottom:0.5em;
    margin-top:3em;
    position:relative;
}
    .row.headers-first h2{
        font-size:1.2em;
        padding-right:2em;
		font-weight:bold;
    }
    .row.headers-first a.btn {
        position: absolute;
        left: 0px;
        color:#8c026c;
        font-weight:bold;
		margin-left:2em;
    }
	.readmore a{
		margin: auto;
		display: inline-block;
		color: #8c026c;
		font-weight: bold;		
	}
	.readmore a:after {
		content: '>';
		display: inline;
		position: relative;
		top: 3px;
		right: 5px;
	}	
	.readmore{
		display:block;
		width:100%;
		padding-top: 1em;	
		text-align:center;		
	}

.FourColumns .the-col:before {
    content: ' ';
    height: 8em;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    background-color: #00988b;
    display: block;
}
.FourColumns .the-col img.main {
    width: 9em;
    position: relative;
    top: -5em;
    border-radius: 5em;
    object-fit: cover;
    height: 9em;
}
.FourColumns h2 {
    font-size: 1em;
    font-weight: bold;
    position:relative;
    margin-top:-4em;
}
.FourColumns .commonFriends{
    position:relative;
    top:-3.5em;
    margin:auto;
}
.FourColumns .btn{
    display:block;
}
.FourColumns .btn-outline-success{
    margin:auto;
    position:relative;
    /*top:-3em;*/
    width:60%;
}

img.medium-img{
    width: 100%;
}
.row.weblogs{
	padding-right:1em;
}


.weblogs .details{
    position: absolute;
    right: 37%;
    width:55%;
}


.weblogs .row.the-details .theDays{
    padding-left: 0px;
}
.weblogs .row.the-details .theDays a.btn{
    border-radius: 0.5em;
    background-color: #00988b;
}
.weblogs .details h2{
    font-size:1em;
    font-weight: bold;
}

.weblogs .details .descriptions img,.weblogs .details .descriptions  table{
	display:none;
	
}
@media (min-width: 768px) {
    body > .navbar-transparent {
        box-shadow: none
    }

        body > .navbar-transparent .navbar-nav > .open > a {
            box-shadow: none
        }

    #navbarSearch {
        flex-grow: 0;
    }
}

@media (min-width: 1199px) {
	.container{
		max-width:1200px;
		margin-top: 10px;		
	}
    .navbar-expand-lg .navbar-nav {
        margin-right: auto !important;
        width: 1200px;
		padding-right:16px;
    }

	
}




@media (min-width: 992px) {

	.weblogs .col-lg-6{
		border-right:6em solid #00988b;
		border-radius: 1em;
		margin-top: 1em;
		padding-left:3.5em;
	}
	.Events .the-col img.main {
		object-fit: cover;
		height: 9em;
		width: 14em;
		margin-top: -4.8em;
	}

	.weblogs img.main{
		width:100%;
		height: 13em;
		border-radius: 50%;
		border:0.2em solid #ffcb05;
		position: relative;
		top:25%;
	}
	.weblogs .row.the-details{
		padding-right: 0px;
		padding-left: 0px;
		margin-left: 0px;
		padding-top: 0px;
		margin-right:1em;
	}	

	.weblogs .main-img{
		position: relative;
		right: -10%;
		height: 100%;
		width: 45%;
		display: block;
		top: 10%;    
	}

	.weblogs .row{
		padding-top: 2em;
		padding-bottom: 2em;
		border-top-left-radius: 1em;
		border-bottom-left-radius: 1em;	
	}

	.weblogs .details .descriptions{
		height: 6em;
		line-height: 1.5em;
		color:#00988b;
		overflow:hidden;    
		text-align: justify;    
		padding-left:3em;
		font-size:0.85em;
	}	
	.weblogs .details h2{
		padding-left:2em;
	}	
	.FourColumns .the-col{
		text-align: center;
		padding-right: 1em;
		padding-left: 0em;
	}
    .row.the-details .theView img, .row.the-details .theLike img {
        width: 1.5em;
    }	
	.row.the-details .theLike img {
		width:1.3em;
	}	
	span.remains {
		font-size: 0.8em;
	}	
	
    .FirstThreeColumns .the-col {
		padding-right: 3em;
		padding-left: 3em;        
    }	
.Events .the-col {
    padding-right: 1em;
    padding-left: 2em;
}	
        .FirstThreeColumns .the-col img.main, .FirstThreeColumns .the-col h2 {
            width: 80%;
            position: relative;
            /*top: -2em;*/
            border-radius: 0.5em;
			margin-top:-4em;
        }


		        .FirstThreeColumns .the-col h2 {
            top: 0.3em;
            width: 80%;
            text-align: right;
            margin: auto;
            font-size: 1em;
            font-weight: bold;
			height:2em;
        } 	
    .authors{
        
    }
	.main-menu-top{
		height:40px;
	}	
    .navbar-expand-lg .navbar-nav {
        margin-right: auto !important;
		padding-right:16px;
    }

    .rtl .navbar-nav .nav-item + .nav-item, [dir=rtl] .navbar-nav .nav-item + .nav-item {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 12px;
        padding-left: 12px;
		font-size:13px;
		font-weight:bold;
		color:white;
    }
	#navbarColor02 .nav-item:first-child a{
		padding-right:0px;
	}
	.top-most .container{
		padding-right:0px;
	}
	.top-most .container a.navbar-brand{
		
	}
	
	footer .address{
		padding:3em;
		color:white;
		margin-right:2em;
		position:relative;
		right:3em;
	}	
	footer .white-logo{
		float:right;
		padding-top:1em;
	}	
	
	footer .enamad{
		text-align:left;
	}	
	footer .social.row{
		position: relative;
		height: 10px;
	}
	
	.the-links {
		position: absolute;
		left: 0;
		top: -35px;
	}	
	.the-links a img{
		
		width:2em;
	}
	
	.enamad img {
	    max-width: 5em;
	    margin-top: 2em;
	}	
	
	img.big-slide {
		width: 100%;
		margin-top: -100px;
	}	
	
	
	
	
	
	
	
}

#home {
    padding-top: 0px
}

    #home .navbar {
        transition: box-shadow 200ms ease-in
    }

    #home .navbar-brand .nav-link {
        display: inline-block;
        margin-right: -30px
    }

    #home .navbar-brand img {
        display: inline-block;
        margin: 0 10px;
        width: 30px
    }

    #home .btn {
        padding: 0.6em 0.7em;
        box-shadow: none;
        font-size: 0.7rem
    }

.bs-docs-section {
    margin-top: 4em
}

    .bs-docs-section .page-header h1 {
        padding: 2rem 0;
        font-size: 3rem
    }

.dropdown-menu.show[aria-labelledby="themes"] {
    display: flex;
    width: 420px;
    flex-wrap: wrap
}

    .dropdown-menu.show[aria-labelledby="themes"] .dropdown-item {
        width: 33.333%
    }

        .dropdown-menu.show[aria-labelledby="themes"] .dropdown-item:first-child {
            width: 100%
        }

.bs-component {
    position: relative
}

    .bs-component + .bs-component {
        margin-top: 1rem
    }

    .bs-component .card {
        margin-bottom: 1rem
    }

    .bs-component .modal {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        z-index: 1;
        display: block
    }

    .bs-component .modal-dialog {
        width: 90%
    }

    .bs-component .popover {
        position: relative;
        display: inline-block;
        width: 220px;
        margin: 20px
    }

#source-button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    font-weight: bold
}

.nav-tabs {
    margin-bottom: 15px
}

.progress {
    margin-bottom: 10px
}

footer .thefooter{
	width:100%;
	background-color:#c9c9c9;
	max-width:100%;
}



footer nav{
		background-color:#00988b!important;
}
.footer-main{
	height:6em;
}
#footer {
    margin: 5em 0
}

    #footer li {
        float: left;
        margin-right: 1.5em;
        margin-bottom: 1.5em
    }

    #footer p {
        clear: left;
        margin-bottom: 0
    }

.splash {
    padding: 12em 0 6em;
    background-color: #2196F3;
    color: #fff;
    text-align: center
}

    .splash .logo {
        width: 160px
    }

    .splash h1 {
        font-size: 3em;
        color: #fff
    }

    .splash #social {
        margin: 2em 0 6em
    }

    .splash .alert {
        margin: 2em 0;
        border: none
    }

    .splash .sponsor a {
        color: #fff
    }

.section-tout {
    padding: 6em 0 1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #eaf1f1
}

    .section-tout .fa {
        margin-right: 0.2em
    }

    .section-tout p {
        margin-bottom: 5em
    }

.section-preview {
    padding: 4em 0 4em
}

    .section-preview .preview {
        margin-bottom: 4em;
        background-color: #eaf1f1
    }

        .section-preview .preview img {
            max-width: 100%
        }

        .section-preview .preview .image {
            position: relative
        }

            .section-preview .preview .image:before {
                box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: "";
                pointer-events: none
            }

        .section-preview .preview .options {
            padding: 2em;
            border: 1px solid rgba(0, 0, 0, 0.05);
            border-top: none;
            text-align: center
        }

            .section-preview .preview .options p {
                margin-bottom: 2em
            }

    .section-preview .dropdown-menu {
        text-align: left
    }

    .section-preview .lead {
        margin-bottom: 2em
    }

@media (max-width: 767px) {
    .section-preview .image img {
        width: 100%
    }
}

.sponsor img {
    max-width: 100%
}

.sponsor #carbonads {
    max-width: 240px;
    margin: 0 auto
}

.sponsor .carbon-text {
    display: block;
    margin-top: 1em;
    font-size: 12px
}

.sponsor .carbon-poweredby {
    float: right;
    margin-top: 1em;
    font-size: 10px
}

@media (max-width: 991px) {
    .splash {
        padding-top: 8em
    }

        .splash .logo {
            width: 100px
        }

        .splash h1 {
            font-size: 2em
        }

    #banner {
        margin-bottom: 2em;
        text-align: center
    }
	
	
	.FirstThreeColumns .the-col:before {
		content: ' ';
		height: 5em;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 0.5em;
		background-color: #00988b;
		display: block;
	}	
	.FirstThreeColumns .the-col img.main {
		object-fit: cover;
		height: 10em;
	}
.FirstThreeColumns .the-col h2 {
		margin-top:0.5em;
	}
.FirstThreeColumns .the-col img.main, .FirstThreeColumns .the-col h2 {
    width: 90%;
    position: relative;
    top: -3em;
    border-radius: 0.5em;
    margin-right: 5%;
    margin-left: 5%;
	font-size:1.2em;
	text-align:right;
}
	.row.the-details span.days {
		font-weight: bold;
		font-size: 0.7em;
	}
	.row.the-details .theDays {
    padding-right: 0px;
    text-align: right;
    font-size: 0.9em;
    padding-top: 0.5em;
	}	
	
	span.remains {
		font-size: 0.7em;
	}	
	.author.price {
		margin-top: 0.25em;
		margin-bottom: 0.25em;
		font-size: 0.8em;
		margin-top: 0px!important;		
	}	
	.FirstThreeColumns .author {
		width: 90%;
		text-align: right;
		margin: auto;
		font-size: 0.7em;
		margin-top:-4.2em;	
	}	
	.FirstThreeColumns .btn.btn-warning {
		width: 80%;
		color: white;
		border-radius: 0.5em;
		/*padding: .5rem .5rem;*/
		font-weight: bold;
		margin-top: 0.5em;
		font-size: 0.85em;
	}	
	.the-col{
		padding-right:2em;
		padding-left:2em;
	}
	.row.the-details {
		width: 90%;
		margin: auto;
	}
	.row.headers-first a.btn{
		/*top:2em;*/
		display:none;

	}	
	.FirstThreeColumns .the-col {
		margin-top: 1em;
	}	
	.FourColumns .the-col {
		text-align: center;
		margin-top: 1em;
	}	
    .row.the-details .theView img, .row.the-details .theLike img {
        width: 1em;
    }	
	.FourColumns .the-col {
		text-align: center;
		padding-right: 4em;
		padding-left: 4em;	
		padding-bottom: 2em;	
	}	
	.weblogs img.main {
		width: 100%;
		height: 12em;
		border-radius: 50%;
		border: 0.2em solid #ffcb05;
		position: relative;
		top: 25%;
	}	
	.Events .the-col {
		padding-right: 2em;
		padding-left: 2em;
	}	
	.weblogs .col-lg-6 {
		border-right: 6em solid #00988b;
		border-radius: 1em;
		margin-top: 1em;
		padding-left: 2em;
	}	
	.weblogs .row.the-details{
		padding-right: 0px;
		padding-left: 0px;
		margin-left: 0px;
		padding-top: 0px;
		margin-right:0em;
	}	
	.weblogs .main-img {
		position: relative;
		right: -29%;
		height: 100%;
		width: 65%;
		display: block;
		top: 10%;
	}
	.weblogs .row {
		padding-top: 2em;
		padding-bottom: 2em;
		border-top-left-radius: 1em;
		border-bottom-left-radius: 1em;
	}	
	.weblogs .details .descriptions {
		height: 6em;
		line-height: 1em;
		color: #00988b;
		overflow: hidden;
		text-align: justify;
		padding-left: 1em;
	}	
	.weblogs p.bloger{
		margin-bottom:0px;
	}
	footer .the-address{
		text-align:center;
	}
	footer .enamad{
		text-align:center;
	}	
	#navbarColor02 a {
		color: white;
		margin: auto;
	}	
	footer .row.social{
		display: block;
		text-align: center;		
	}
	.the-links img {
		width: 2em;
		margin-bottom: 1em;
	}
		.enamad img {
		width: 5em;
	}
	footer .address {
		color: white;
	}
	.rtl .navbar-nav .nav-item+.nav-item, [dir=rtl] .navbar-nav .nav-item+.nav-item{
		margin-right:0px;
	}
	
	img.big-slide {
		width: 100%;
		margin-top: -100px;
	}	

}