@font-face {
    font-family: 'Yekan';
    src: url('../font/Yekan.eot');
    src: url('../font/Yekan.eot#iefix') format('embedded-opentype'),
         url('../font/Yekan.woff') format('woff'),
         url('../font/Yekan.ttf') format('truetype'),
         url('../font/Yekan.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mitra';
    src: url('../font/Mitra.eot');
    src: url('../font/Mitra.eot#iefix') format('embedded-opentype'),
         url('../font/Mitra.woff') format('woff'),
         url('../font/Mitra.ttf') format('truetype'),
         url('../font/Mitra.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Mitra;
    src: url(../font/Mitra.ttf);
}
@font-face {
    font-family: BMitra;
    src: url(../font/BMitra.ttf);
}
@import url(../../fonts.googleapis.com/css@family=Raleway_3A400,700);
/* normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;direction:rtl;}a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.animateall *{-webkit-transition-property:font-size,margin,padding;-moz-transition-property:font-size,margin,padding;-o-transition-property:font-size,margin,padding;transition-property:font-size,margin,padding;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.animate{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.animateWidth{-webkit-transition-property:width;-moz-transition-property:width;-o-transition-property:width;transition-property:width;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-25px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(25px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-25px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(25px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-ms-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-25px)}100%{opacity:1;-ms-transform:translateY(0)}}
@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeInUp{0%{opacity:0;-ms-transform:translateY(25px)}100%{opacity:1;-ms-transform:translateY(0)}}
@-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-25px)}100%{opacity:1;-ms-transform:translateY(0)}}
@-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-keyframes fadeInUp{0%{opacity:0;-transform:translateY(25px)}100%{opacity:1;-transform:translateY(0)}}
body,html{width:100%;height:100%;padding:0px;margin:0px}
p,li,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px}
ul{margin:0px;padding:0px}
li{padding:0px;margin:0px;list-style:none}
form{padding:0px;margin:0px}
a img{border:none}
.clear{clear:both}
a{color:inherit}
a:active,a:link{outline:none}
a,a:link{text-decoration:none}
a:hover{text-decoration:underline}
a{color:#4bb8d2}
body{font-family:'Mitra', sans-serif;font-size:62.5%;color:#434343;-webkit-animation:fadeIn 1s .1s ease both;-moz-animation:fadeIn 1s .1s ease both;-ms-animation:fadeIn 1s .1s ease both;-o-animation:fadeIn 1s .1s ease both;animation:fadeIn 1s .1s ease both}
p,li{font-size:1.7em;font-family:Yekan,Arial;color:#5c5c5c;line-height:1.5em;padding:9px 20px;text-align:justify;}
ul{padding:9px 0}
li{line-height:1.5em;padding:0px 20px}
h1{color:#fff;font-size:7em;font-weight:bold;line-height:0.8em}
h2{text-align:center;padding:12px 20px;font-size:3em;font-weight:bold}
h2.grey-large{font-size:5.2em;color:#ccc}
h3{padding:20px 20px 0;font-size:1.8em;font-weight:bold}
#menu{width:600px;padding-top:20px;position:absolute;top:0;left:50%;margin-left:-300px;z-index:3;text-align:center;-webkit-animation:fadeInDown .6s 0.5s ease both;-moz-animation:fadeInDown .6s 0.5s ease both;-ms-animation:fadeInDown .6s 0.5s ease both;-o-animation:fadeInDown .6s 0.5s ease both;animation:fadeInDown .6s 0.5s ease both}
#logo{width:235px;height:110px;position:absolute;left:50%;margin-left:-117.5px;background:url("../images/logo.png") no-repeat;background-size:100%;text-indent:100%;white-space:nowrap;overflow:hidden}
#nav{display:none;margin-top:89px}
#nav a{-webkit-animation:slam .6s 0.5s ease both;margin:0 4% 0;display:inline;font-size:1.7em;text-decoration:none;color:#fff;font-weight:700}
#header{display:table;width:100%;height:700px;position:fixed;top:0;left:0;background:#4bb8d2;background:url("../images/header.jpg") no-repeat center;z-index:1}
#header h1{font-size:8em;display:table-cell;vertical-align:middle;text-align:center;-webkit-animation:fadeInUp .6s .5s ease both;-moz-animation:fadeInUp .6s .5s ease both;-ms-animation:fadeInUp .6s .5s ease both;-o-animation:fadeInUp .6s .5s ease both;animation:fadeInUp .6s .5s ease both}
#header h1 span{color:#363636;font-size:0.40em}
#contentContainer{width:100%;margin-top:700px;background:#fff;position:relative;z-index:2;-webkit-box-shadow:rgba(35,35,50,0.8) 0px 0px 11px -2px;-moz-box-shadow:rgba(35,35,50,0.8) 0px 0px 11px -2px;box-shadow:rgba(35,35,50,0.8) 0px 0px 11px -2px}
#work{display:none;colpadding-bottom:124px;width:960px;margin:0 auto}
#work h2{padding-top:75px;padding-bottom:50px}
#workSelector{display:none;font-family:Arial;font-size:1.7em;color:#585858;text-align:center;padding:55px 0 65px}
#workSelector a{font-weight:bold;color:#585858;margin:0 5px}
#workPreview{min-width:360px !important;margin:0 auto;margin-top:30px;position:relative}
.workItem{-webkit-transition-property:background-size;-moz-transition-property:background-size;-o-transition-property:background-size;transition-property:background-size;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;float:left;display:table-block;text-align:center;margin:5px;cursor:pointer;overflow:hidden;background-position:50% 50%;background-size:100% 100%;background-repeat:no-repeat;-webkit-transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;-webkit-perspective:1000}
.workItem .workItemTable{display:table;width:100%;height:100%}
.workItem.hover{background-size:104% 104%}
.workItem img,.workItem .mask{z-index:1;position:absolute;top:0;left:0}
.workItem .mask{z-index:2;display:none}
.workItem .mask .nerv{display:block;width:79px;height:27px;background:url("../images/nervlogo.png") no-repeat center;position:absolute;right:5px;bottom:5px}
.workItem .info{display:none;vertical-align:middle;position:relative;z-index:3;color:#fff !important}
.workItem .info p,.workItem .info li,.workItem .info a{color:#fff !important;text-shadow:1px 1px 1px rgba(35,35,50,0.2)}
.workItem .mask{width:100%;height:100%;background:#62a2bb;opacity:0.8}
#about{width:100%;height:495px;overflow:hidden;background:#f5f4f4}
#about .col{float:left;}
#about .col.left{height:100%;width:48%;margin-left:5%;overflow:hidden}
#about .col.right{width:40%;padding-left:7%}
#about img{width:100%;min-width:500px;position:relative;text-align:center;}
#about h2{font-family:mitra; padding:30px 0 0 0;text-align:right;font-size:4.5em;font-weight:bold;line-height:0.9em}
#about h3{padding:20px 0 0 0;text-align:right;font-size:2.6em;line-height:0.9em}
#about h4{padding:15px 0 0 0;text-align:right;font-size:1.8em;line-height:0.9em}
#about p,#about li{padding:0px 0 0 0;text-align:right;font-size:1.8em;line-height:1.4em;color:#969696}
#contact{width:100%;max-width:960px;margin:0 auto}
#contact .article{float:left;width:48%}
#contact .artc2{width:38%;padding-left:10%}
#contact h2{text-align:right;}
#contact{padding:40px 0}
.contactWrapper{width:100%;background:#181818;background:url("../images/dark_texture.jpg") repeat}
.contactWrapper p,.contactWrapper li{color:#6d6d6d !important;padding-top:2px}
.contactWrapper a{font-weight:bold;letter-spacing:1px}
.contactWrapper h2,.contactWrapper h3{color:#8e8e8e !important}
.footer{background:#181818;background:url("../images/dark_texture.jpg") repeat;width:100%;padding:20px 0;font-size:1.7em;font-family:helvetica , Arial;color:#6d6d6d;text-align:center}
@media (max-width: 1279px){#about{height:427px}
#about h2{font-size:4.5em;line-height:1.1em;padding:20px 0 0 0;}
#about h3{font-size:2.5em;line-height:1.1em;padding:5px 0 0 0;}
#about h4{font-size:2em;line-height:1.8em;padding:0 0 0 0;}
#about p,#about li{padding:0px 0 0 0;font-size:1.6em}}
@media (max-width: 1108px){
#about img{margin-top:7%;}}
}
@media (max-width: 1024px){#work{width:100%}
#about{height:380px}
#about .col.right{width:45%;padding-right:0%}
#about h2{font-size:4.5em;line-height:1.1em}
#about h3{font-size:3.3em;line-height:1.1em}
#about h4{font-size:2.3em;line-height:1.1em}
#about p,#about li{padding:0px 0 0 0;font-size:1.3em}}
@media (max-width: 1056px){#about{height: 440px;}
#about img{margin-top:7%;}}
@media (max-width: 1024px){#work{width:100%}#about{height:400px}
#about .col.right{width:40%;padding-right:0%}
#about h2{font-size:3em;line-height:1.1em;padding:10px 0 0 0;}
#about h3{font-size:2.5em;line-height:1.1em;padding:2px 0 0 0;}
#about h4{font-size:2em;line-height:1.1em;padding:10px 0 0 0;}
#about p,#about li{padding:0px 0 0 0;font-size:1.3em}}
@media (max-width: 767px){h1{font-size:3em}
h2.grey-large{font-size:4em}
#about{width:100%;height:auto;}
#about .col{float:none}
#about .col.left{height:100%;width:100%;overflow:hidden}
#about .col.right{width:100%}
#about img{width:100%;margin-top:0;min-width:0;position:relative;text-align:center;}
#about h2{font-size:3.5em;padding:30px 0 5px 0;text-align:center;}
#about h3{padding:10px;text-align:center;}
#about h4{padding:5px;text-align:center;}
#about p,#about li{padding:0 20px 5px;font-size:1.7em;text-align:center;}}
@media (max-width: 750px){body,#contentContainer{width:100%;overflow-x:hidden;text-align:center !important}	
	h1{line-height:1.2em;font-size:3em;padding:10px 0 0 0;}
	h2.grey-large{font-size:3em}
	h2{text-align:center !important;font-size:3.2em;padding:10px 0 0 0;}
	h3.grey-large{font-size:2em}
	h3{text-align:center !important;font-size:2.2em;padding:10px 0 0 0;}
	h4.grey-large{font-size:1.8em}
	h4{text-align:center !important;font-size:1.8em;padding:10px 0 0 0;}
	p,li{text-align:center !important}
	#menu{width:100%;padding-top:10px;left:0;margin:0}
	#logo{width:154px;height:70px;left:0;margin:0 20px 0}
	#mobileMenu{cursor:pointer;margin-top:0;display:none;width:28px;height:28px;position:absolute;top:20px;right:20px;background:url("../images/mobilemenu.png") no-repeat}
	#nav{display:none}
	#header{position:absolute;height:300px}
	#header h1 span{line-height:0;font-size:0.4em}
	#work h2{padding-top:38px;padding-bottom:20px}
	#work h3{padding-top:38px;padding-bottom:20px}
	#workSelector{padding:24px 0 16px}	
	#about h2{padding:40px 10px 10px;font-size:3em}
	#about h3{padding:10px 10px 15px;font-size:2.8em}
	#about h4{padding:5px 10px 5px;font-size:2em}
	#about p,#about li{padding-bottom:10px}
	.article{padding:15px 0 !important;float:none !important;width:100% !important}
	#contact p,#contact li{padding:5px 20px}
}
@media (max-width: 450px){h1{line-height:1.2em;font-size:3em}
#header h1 span{padding:10px 30px;line-height:2em;display:block;font-size:0.4em}
#workPreview{min-width:300px !important}
.workItem{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%}}