/*

Designed and Coded by Saman Soltani (samansoltani.com)

*/

/*

@font-face{font-family:'RobotoRegular';src:url('../font/Roboto-Regular-webfont.eot');src:url('../font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/Roboto-Regular-webfont.woff') format('woff'),
url('../font/Roboto-Regular-webfont.ttf') format('truetype'),
url('../font/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'RobotoBold';src:url('../font/Roboto-Bold-webfont.eot');src:url('../font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/Roboto-Bold-webfont.woff') format('woff'),
url('../font/Roboto-Bold-webfont.ttf') format('truetype'),
url('../font/Roboto-Bold-webfont.svg#RobotoBold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'RobotoBoldCondensed';src:url('../font/Roboto-BoldCondensed-webfont.eot');src:url('../font/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/Roboto-BoldCondensed-webfont.woff') format('woff'),
url('../font/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
url('../font/Roboto-BoldCondensed-webfont.svg#RobotoBold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'RobotoCondensed';src:url('../font/Roboto-Condensed-webfont.eot');src:url('../font/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/Roboto-Condensed-webfont.woff') format('woff'),
url('../font/Roboto-Condensed-webfont.ttf') format('truetype'),
url('../font/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'RobotoThin';src:url('../font/Roboto-Thin-webfont.eot');src:url('../font/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/Roboto-Thin-webfont.woff') format('woff'),
url('../font/Roboto-Thin-webfont.ttf') format('truetype'),
url('../font/Roboto-Thin-webfont.svg#RobotoThin') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'RobotoBlack';src:url('../font/Roboto-Black-webfont.eot');src:url('../font/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/Roboto-Black-webfont.woff') format('woff'),
url('../font/Roboto-Black-webfont.ttf') format('truetype'),
url('../font/Roboto-Black-webfont.svg#RobotoBlack') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'RobotoBlackItalic';src:url('../font/Roboto-BlackItalic-webfont.eot');src:url('../font/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/Roboto-BlackItalic-webfont.woff') format('woff'),
url('../font/Roboto-BlackItalic-webfont.ttf') format('truetype'),
url('../font/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic') format('svg');font-weight:normal;font-style:normal;}

*/

html,body{margin: 0;padding: 0;width: 100%;height: 100%; }
body{color: #161719;background: #FEFEFF;font:15px/25px 'RobotoRegular';/* background: #fff url('../img/bag.jpg') repeat-x fixed  */}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal
}
a{text-decoration: none}
a, a:focus,button {outline:none;text-decoration:none;padding: 0;margin: 0;/*  -webkit-transition: 0.1s;-moz-transition: 0.1s;-ms-transition: 0.1s;-o-transition: 0.1s;transition: 0.1s;  */}

ul,li,input,button,p{margin: 0;padding: 0}
input:focus{outline: none;}
.left{float: left;}
.right {float: right;}

.line {
    background-color: #f6a50b;
    height: 2px;
    width: 100%;
    margin-top: 22px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #BCC3CA;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #BCC3CA;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #BCC3CA;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #BCC3CA;
}

.header{width: 100%;}
.header-inside{width: 940px;margin: 25px auto;position: relative;text-align: center}
.header .logo{margin:0 auto;}
.header .logo img{}
.search {position: absolute;top: 50px; right: 10px;width: 200px}
.search input{font:13px 'RobotoRegular';padding: 7px 25px 7px 7px;background: #fff; border: 1px solid #BCC3CA;border-radius: 5px;width: 70px;-webkit-animation: search-anim 1s; animation: search-anim 1s;}
.search button {background: 0;border: 0;position: absolute;right: 47px;top:4px}
.search input:focus{-webkit-animation: search-input-anim 1s; animation: search-input-anim 1s;width: 100px}
#search {float:right;}
#language {float:right;margin-left: 10px;position: relative;width: 30px;height: 30px;}
#language>a{cursor: pointer;}
#language img{cursor: pointer}
#language>a:hover{opacity: 0.5}
#language ul {position: absolute;left:0;display: none}
#language ul,li{list-style: none;padding: 0;margin: 0}

#language ul.de {
    top: 5px;
}
#language ul.en{top:-20px;}
#language ul.fa{top:-45px;}
#language ul a{color: #ddd}
#language ul a:hover{color:#fff}
#language ul a.active{color: #fff}
#language li{margin-left: 5px;}

.nav{height: 30px;width: 100%;text-align: center;margin: 30px 0;}
/* .nav .line{background:#397AC9; height: 2px;} */
.menu{display: inline-block}
.menu a{color: #161719; font:17px/25px 'RobotoRegular'; text-transform: uppercase;padding: 0 5px;float: left;border-radius: 10px;}
.menu a:hover{color: #fff;background: -webkit-linear-gradient(#f6a50b 0%, #f18142 100%);}
.menu li{display: inline;position: relative;list-style: none;}
.menu>ul>li{float: left;margin: 0 10px}
.menu .menu-sub ul{position: absolute;background-color: #ffffff;top:25px;z-index: 999;left: 0;min-width: 100%;display: none;border-radius: 10px;}
.menu .menu-sub li{display: list-item;}
.menu .menu-sub li>a {border-radius: 10px;font-size: 15px;width: 100%;box-sizing: border-box; text-transform: none;padding: 0 13px;word-break: keep-all;-ms-word-break: keep-all;white-space: nowrap;}
.menu .menu-sub>a:after{
	color: #000;
    /*border: solid transparent;*/
	content: " ";
	height: 0;
	width: 0;
	display: inline-block;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #fff;
	border-width: 5px;
	margin-left: 10px;
	vertical-align: middle;
}

.slider{position: relative;}
.slider #slogan{position: absolute;bottom: 40px;left: 70px;z-index: 9999;width: 500px}
.slider #slogan p{height: 50px;float:right;font: bold 30px 'RobotoRegular';background-color: rgba(241,129,66,0.5);margin-bottom: 3px;color: #fff;padding: 0 3px;}
.slider .img{background: url('../img/arrow.png') no-repeat;height: 170px;width: 52px;position: absolute;top: 170px;opacity: 0.0;}
.slider-item{height: 520px;width: 100%; background-size: cover;position: absolute;border-bottom: 3px solid #fbd9c6}
.cycle-prev,.cycle-next{position: absolute;width: 50%;height: 100%;top:0;z-index: 101;font-size: 40px;opacity: 1;text-align: center;cursor: pointer}
.cycle-prev{left:0;}
.cycle-next{right:0}
.cycle-prev .img{background-position: 0 0;left: 25px}
.cycle-next .img{background-position: -53px 0;right: 25px;}
#progress { position: absolute; bottom: 0; height: 3px; width: 0px; background: #f49a1c; z-index: 500; }

.cycle-prev:hover .img{-webkit-animation: prev-anim 1s; animation: prev-anim 1s;opacity: 0.5}
.cycle-next:hover .img{-webkit-animation: next-anim 1s; animation: next-anim 1s;opacity: 0.5}
#cycle-pager > * {outline:none;text-decoration:none;padding: 0;margin: 0;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
#cycle-pager{position: absolute;bottom:20px;left:0;right:0;z-index: 101;text-align: center;line-height: 1em;}
#cycle-pager span.cycle-pager-active {background: -webkit-linear-gradient(#f6a50b 0%, #f18142 100%)}
#cycle-pager span {opacity: 0.5;cursor: pointer; background-color: #fff ;display: inline-block;width: 13px; height: 13px;border-radius: 50%;margin: 0 3px;vertical-align: middle;}
#cycle-pager span:hover{background-color:#f0eeed;}


.page-img{width: 100%;height: calc(100% - 179px); }
.page-img-single {position: relative;width: 100%; height: 100%; background-attachment: fixed;background-size: cover}
.scroll-demo{position:absolute;bottom:20px;left:50%;margin-left:-55px;text-align:center;width:110px;height:55px;font: 20px/20px 'RobotoThin' ;color:#b2b2b2;animation:scroller 0.6s linear 4s 1;-webkit-animation:scroller 0.6s linear 4s 1; z-index: 998}
.scroll-demo .arrow-down{width:15px;height:24px;margin:9px auto 0;background:url('../img/arrow-down.png') no-repeat 0 -24px; z-index: 999}

.scroll-demo:hover{bottom: 15px;}


.feature{height: auto;width: 100%;margin-top: 10px}

.feature-inside {
    width: 940px;
    margin: 0 auto;
    padding: 30px 0;
    position: relative
}
/* .feature-inside h5{font:25px/45px 'RobotoThin';text-align: center;margin-bottom: 20px;} */
.feature .box {width: 230px;display: inline-block;padding: 0;margin: 30px 0;}
.feature .box .f{height:185px ;width:185px ;border-radius: 50%;margin: 0 auto 15px; border: 15px solid #f0f0f0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.feature .box p{text-align: center}
.feature .box .f:hover{border-color: #ffa981}

.content {width: 100%;}
.content-gray{background: #f0eeed}
.content-inside{width: 940px; margin: 0 auto;padding: 30px;position: relative}
.content-inside h4{color: #424242;font: normal 18px/47px 'RobotoRegular'  !important}
.content-inside p{color: #424242 ;font:normal 15px/24px 'RobotoRegular'}
.gallery-albums p{color: #eee !important}

.content .page-title, .blog-post-header {
    color: #424242;
    height: 150px;
    vertical-align: middle;
    background: #FAFAFA;
}
.blog-post-header-inside,.blog-post-content {width: 940px;margin: 0 auto;}
.blog-post-header-inside{padding: 30px 20px; box-sizing: border-box;background: #FAFAFA;}

.blog-post-content {
    box-sizing: border-box;
    padding: 20px
}

.blog-post {
    width: 940px;
    margin: 60px auto 30px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
}

.blog-post-cover {
    overflow: hidden;
    height: 220px
}
.blog-post-cover img{margin:0 auto;width:940px;}

.content a{color: #F18142}
.content a:hover{text-decoration: underline}
.continueofmemo,.continueofmemo:focus,.continueofmemo:active{float: left;color: #424242;margin-top: 20px;}
.content .blog-post-header h3 a{font:normal 26px 'IRANSans-web';color: #424242;}
.content .page-title h3{font:normal 56px/47px 'RobotoThin';width: 940px;margin: 0 auto;padding: 50px 0;}


.content .calender-inside .calender {width: 200px;float: right;margin-left: 30px;}
.content .calender-inside .calender-title{height: 30px;background: #ffcb00;text-align: center;width: 100%;padding: 0}
.content .calender-inside .calender-body{height: 200px;background:-webkit-linear-gradient(#f5f5f5 0%, #e8e8e8 100%);}
.content .calender-inside .calender-day{font: bold 100px/170px 'IRANSans-web';text-align: center;width: 100%;padding: 0}
.content .calender-inside .calender-month{font: 300 20px/1px 'IRANSans-web';text-align: center;width: 100%;padding: 0}
.content .last-workshop{float: right;margin-left: 30px;}
.content .last-workshop.semi{width: 475px;}
.content .last-workshop.full{width: 675px;}
.content .last-workshop p{font: 200 16px 'IRANSans-web';}
.content .last-workshop-poster{float: right}
.content .last-workshop-poster img{height: 200px;border: 1px solid #eee}
.content .new-events{width: 60%;margin-left: 5%;height: 300px;}

.content .new-events ul {
    margin: 10px 10px 0 0;
}

.content .new-events li {
    list-style: none
}
.content .new-events a:link,.content .new-events a:visited{color: rgba(0,0,0,0.9)}
.content .new-events a:hover{color: #f18142}

.content .new-events span {
    background-color: #f6a50b;
    font-size: 12px;
    padding: 0 3px;
    color: #fff;
    margin-left: 5px
}
.content .new-calender{width: 35%;height: 300px;margin-top: 10px}
.calender-title{width: 100%;background: #FFC945;font-weight: bold;text-align: center;padding: 5px 0;font-size: 18px;}

.content .last-pic {
    padding-top: 40px;
}
.content .last-pic div{position: relative;width: 48%;height: 300px;background-size: cover;margin-bottom: 35px}
.content .last-pic span{position: absolute;background: #f6a50b;padding:  0 10px;right: 10px;top: -15px;}
.content .last-pic p{color: #fff}
.content .last-pic img{width: 100%;height: 100%;opacity: 0}

.fatfooter{width: 100%;background: #f18142;height: 350px;}
.fatfooter-inside{width: 940px;margin: 0 auto;padding:30px 0;}
.fatfooter .box {width: 280px;float: left;padding: 0;margin: 10px 15px 0}

.fatfooter .aboutus li {
    display: inline;
}

.fatfooter .aboutus img {
    width: 75px;
}

.fatfooter li {
    list-style: none;
}
.fatfooter p, .fatfooter a, .fatfooter label {font-size:13px;text-align: left}
.fatfooter a:hover{color: #eee}
.fatfooter h3{color:#f0eeed;font-size:15px;/* border-bottom: 1px solid #2C2D2F */;font-weight: normal;padding: 0;margin: 0 0 25px}
.fatfooter p, .fatfooter a, .fatfooter h4{color: #fff}
.fatfooter h4 {font-weight: normal;color: #FEFEFF}
.fatfooter .aboutus img{margin-bottom: 10px;}
.fatfooter .contactus {color: #FEFEFF}
.fatfooter .contactus .phone label{float: left; display: inline}
.fatfooter .contactus .phone p{float: right; display: inline}
.fatfooter .contactus-inside {}
.fatfooter .contactus-inside > div {position: relative;margin-bottom: 15px;width: 100%;float: left}
.fatfooter .contactus .phone-icon{
	position: absolute;
	left: -30px;
	top: 10px;
	background: url('../img/social.png') no-repeat 0 0;
	width: 16px;
	height: 22px;
}

.fatfooter .contactus .map-icon{
	left: -30px;
	top: 10px;
	position: absolute;
	background: url('../img/social.png') no-repeat -15px 0;
	width: 15px;
	height: 22px;
}

.fatfooter .social {height: 50px;position: relative !important}
.fatfooter .social a{float: right;margin-left: 15px;	width: 22px;height: 22px;}

.fatfooter .contactus .twitter-icon {
/*
	left: -30px;
	top: 2px;
	position: absolute;
*/
	background: url('../img/social.png') no-repeat -33px -3px;
	width: 19px;
	height: 17px;
}


.fatfooter .contactus .facebook-icon  {
/*
	left: -28px;
	top: 25px;
	position: absolute;
*/
	background: url('../img/social.png') no-repeat -56px 0;
	width: 12px;
	height: 21px;
}


.footer{width: 100%;background: #161719;border-top: 1px solid #2C2D2F}
.footer-inside{height: 50px;width: 940px;margin: 0 auto;padding-top: 15px}
.footer .copyright {float: right; direction: ltr !important}
.footer p,.footer a{color: #BCC3CA; font:14px/35px 'RobotoThin';}
.footer .extra-links {float: left;}
.footer .extra-links li{display: inline;}
.footer .extra-links a{padding: 0 8px}
.footer .extra-links li:after{content: ".";margin-left: 1px;color:#6B737B;}
.footer a:hover{color: #327CCB}


.albums li {display: inline-block; margin: 25px 25px 15px;}
.gallery-albums {border: 1px solid rgba(0,0,0,0.4);float: left;width: 256px; height: 170px; background: url('') no-repeat center center; background-size: cover;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;}
.gallery-albums:hover {border: 1px solid black}

.gallery-albums p {
    background: rgba(0, 0, 0, 0.4);
    color: #c1c1c1;
    text-shadow: 0 0 #333;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    padding: 5px 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.gallery-albums:hover > p { background: rgba(0,0,0,0.8); color: #fff;}

.person {
    width: 200px;
    margin: 0 0 25px 25px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.person img {
    border-radius: 50%;
    width: 185px;
    border: 15px solid #f0f0f0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.person p, .person h4 {
    text-align: center;
}

.person:hover img {
    border-color: #ffa981
}


#lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; display:none;}
#closeButton{ top: 5px; right: 5px;}
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay {
    background-image: url(../img/overlay.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod=scale);
}
.clear{clear: both}
hr{border-bottom: 1px solid #f6a50b;border-top: none;width: 100%;}
.hr{padding: 0 5px; background: #fff;position: absolute;left: 0;right: 0;margin: auto;width: 130px;font-size:14px;top:25px;text-align: center}
.pull-left{float: left}
.pull-right{float: right}
.rtl{direction: rtl;}
.ltr{direction: ltr}
/**** ANIMATIONS *****/

/*
@-webkit-keyframes logo-anim {
    from {left: 0;opacity: 0}
    to {left: 10px;opacity: 1}
    
}

@keyframes logo-anim {
    from {left: 0;opacity: 0}
    to {left: 10px;opacity: 1}
}

*/
@-webkit-keyframes search-anim {
  from {width: 100px;}
    to {width: 70px;}
    
}

@keyframes search-anim {
  from {width: 100px;}
    to {width: 70px;}
    
}

@-webkit-keyframes prev-anim {
   from {left: 50px;opacity: 0}
    to {left: 25px;opacity: 0.5}
    
}

@keyframes prev-anim {
   from {left: 50px;opacity: 0}
    to {left: 25px;opacity: 0.5}
}

@-webkit-keyframes next-anim {
   from {right: 50px;opacity: 0}
    to {right: 25px;opacity: 0.5}
    
}

@keyframes next-anim {
   from {right: 50px;opacity: 0}
    to {right: 25px;opacity: 0.5}
}


@-webkit-keyframes search-input-anim {
   from {width: 70px;}
    to {width: 100px;}
    
}

@keyframes search-input-anim {
    from {width: 70px;}
    to {width: 100px;}
}