/*
danialzameni.com Artwork
All Rights Reserved
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,main, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, main, menu, nav, section{display:block;}
*{-ms-box-sizing:content-box; box-sizing:content-box;-webkit-appearance:none;-webkit-text-size-adjust: none;}
@font-face{font-family:iransans;src:url(../fonts/IRANSans-UltraLight-web.eot);src:url(../fonts/IRANSans-UltraLight-web.eot?#iefix) format("eot"),url(../fonts/IRANSans-UltraLight-web.woff2) format("woff2"),url(../fonts/IRANSans-UltraLight-web.woff) format("woff"),url(../fonts/IRANSans-UltraLight-web.ttf) format("ttf");font-weight:200}
@font-face{font-family:iransans;src:url(../fonts/IRANSans-Light-web.eot);src:url(../fonts/IRANSans-Light-web.eot?#iefix) format("eot"),url(../fonts/IRANSans-Light-web.woff2) format("woff2"),url(../fonts/IRANSans-Light-web.woff) format("woff"),url(../fonts/IRANSans-Light-web.ttf) format("ttf");font-weight:300}
@font-face{font-family:iransans;src:url(../fonts/IRANSans-web.eot);src:url(../fonts/IRANSans-web.eot?#iefix) format("eot"),url(../fonts/IRANSans-web.woff2) format("woff2"),url(../fonts/IRANSans-web.woff) format("woff"),url(../fonts/IRANSans-web.ttf) format("ttf");font-weight:400}
@font-face{font-family:iransans;src:url(../fonts/IRANSans-Medium-web.eot);src:url(../fonts/IRANSans-Medium-web.eot?#iefix) format("eot"),url(../fonts/IRANSans-Medium-web.woff2) format("woff2"),url(../fonts/IRANSans-Medium-web.woff) format("woff"),url(../fonts/IRANSans-Medium-web.ttf) format("ttf");font-weight:500}
@font-face{font-family:iransans;src:url(../fonts/IRANSans-Bold-web.eot);src:url(../fonts/IRANSans-Bold-web.eot?#iefix) format("eot"),url(../fonts/IRANSans-Bold-web.woff2) format("woff2"),url(../fonts/IRANSans-Bold-web.woff) format("woff"),url(../fonts/IRANSans-Bold-web.ttf) format("ttf");font-weight:700}
@charset "utf-8";
body{-webkit-tap-highlight-color:rgba(0,0,0,0);direction:rtl;overflow-x:hidden;margin:0;}
body,input,textarea,select,button{font-family:iransans;}
html,body{height:100%;}
a{text-decoration:none; }
.link{color:white;}

*,*:before,*:after{ box-sizing:border-box; }
.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
::-moz-selection{background:#0009;color:#fff;}
::selection{background:#0009;color:#fff;}
::-moz-selection{background:#0009;color:#fff;}
body{color:#fff;}
.wall{background:url(../img/background.jpg) bottom fixed repeat;background-size:100%;width:100%;height:100%;top:0;right:0;position:fixed;z-index:-1;}
.wall:after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:#080808bd;}
header{position:relative;z-index:1;overflow:hidden;text-align:center;height:50%;background:#fff;width:100%;color:#111;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
header h1{-webkit-transition: .1s;transition:.1s;font-size:30.5px;font-weight:500;color:#000a;}
header h2{-webkit-transition: .2s;transition:.2s;font-size:33px;font-weight:600;color:#334;}
.typography{font-size:13px;font-weight:600;padding:10px;}
.callbus{-webkit-transition: .2s;transition:.2s;font-size:30px;font-weight:600;margin-top:7px;letter-spacing:10px;opacity:.8;color:#000;}
.callbus:before{content:'';float:left;width:45px;height:45px;margin-right:5px;background:url(../img/telephone.svg) center no-repeat;background-size:60%;}
header .wall{background-image:url(../img/header.jpg);position:absolute;top:0;filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="6" /><feFuncG type="linear" slope="6" /><feFuncB type="linear" slope="6" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" intercept="0.25" /><feFuncG type="linear" slope="0.5" intercept="0.25" /><feFuncB type="linear" slope="0.5" intercept="0.25" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:brightness(6) contrast(0.5);filter:brightness(6) contrast(0.5);opacity:8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=800)";background-attachment:unset;background-position:top;}
.services{display:-webkit-box;display:-ms-flexbox;display:flex;height:50vh;padding:10px 5px;position:relative;z-index:1;}
.service{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.service{text-align:center;box-shadow:inset 0 0 0 2px #fff;height:100%;margin:0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;}
.service p{-webkit-transition: .3s ease-in-out;transition:.3s ease-in-out;font-size:13px;font-weight:500;text-align:justify;padding:0 50px;color:#fff9;}
.service h2{-webkit-transition: .1s ease-in-out;transition:.1s ease-in-out;font-size:20px;font-weight:500;padding:20px 0;color:#fff;}
.service:hover h3{-webkit-transform:scale(1.1);transform:scale(1.1);}
.service:hover p{color:#fff;}
.servicewall{background:#5668;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;top:10px;left:50%;height:calc(100% - 20px);width:33.3%;z-index:-1;}
.servicewall .hoverimage{-webkit-transition: .2s ease-in-out;transition:.2s ease-in-out;position:absolute;top:0;bottom:0;margin:auto;right:0;width:100%;height:100%;overflow:hidden;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" /><feFuncG type="linear" slope="0.8" /><feFuncB type="linear" slope="0.8" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" intercept="0.25" /><feFuncG type="linear" slope="0.5" intercept="0.25" /><feFuncB type="linear" slope="0.5" intercept="0.25" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:brightness(0.8) contrast(0.5);filter:brightness(0.8) contrast(0.5);}
.servicewall.onhover1 .hoverimage:nth-child(1),.servicewall.onhover2 .hoverimage:nth-child(2),.servicewall.onhover3 .hoverimage:nth-child(3){opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.servicewall .hoverimage img{width:100%;}
@-webkit-keyframes danial{100%{background-position:100% 0;}}
@keyframes danial{100%{background-position:100% 0;}}
@-webkit-keyframes zameni{100%{background-position:0 100%;}}
@keyframes zameni{100%{background-position:0 100%;}}
footer{-webkit-transition: .1s;transition:.1s;background:#ff5c1b;height:100px;width:100%;margin:auto;padding:0 85px;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;font-size:10px;color:#fffa;}
footer:before{opacity:.3;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";-webkit-animation:50s danial linear infinite;animation:50s danial linear infinite;;content:'';position:absolute;top:0;right:0;width:100%;height:100%;z-index:-2;background:url(../img/cr1.png) 0 0;background-size:400px;}
footer:after{opacity:.4;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";-webkit-animation:100s zameni linear infinite;animation:100s zameni linear infinite;content:'';position:absolute;top:0;right:0;width:100%;height:100%;z-index:-1;background:url(../img/cr2.png) 0 0;background-size:600px;}
footer .copyright{-webkit-transition: .5s;transition:.5s;margin-right:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(../img/cafelead.svg) center repeat-x;background-size:100%;min-width:20px;height:20px;}
footer .copyright span{height:20px;padding:2px 0;background:#335e;color:#fff;-webkit-transition: .2s ease-in-out;transition:.2s ease-in-out;display:inline-block;max-width:0;overflow:hidden;}
footer:hover{color:#fffc;}
footer:hover .copyright span{max-width:100px;padding:2px 5px;color:#fff;}
.advice{z-index:2;top:0;bottom:0;margin:auto;width:100%;padding:50px 0;background:#fff2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.advice h5{font-size:20px;font-weight:500;margin:0;color:#fff;text-align:center;}
.advice h6{transition:.2;font-size:13px;font-weight:500;color:#fff;margin:0 0 30px;text-align:center;}
.advice .callme input{-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;display:block;border:3px solid #00000045;border-radius:5px;background:#fff;width:350px;height:50px;padding:10px;text-align:center;font-size:16px;font-weight:300;margin-bottom:5px;}
.advice .callme input:focus{border-color:#4678ed;}
.advice .callme button{-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;cursor:pointer;display:block;border:1px solid #4fae5b;border-radius:5px;background:#4fae5b;width:350px;height:50px;padding:10px;text-align:center;font-size:12px;font-weight:600;margin-bottom:5px;cursor: pointer;}
.advice .callme button:hover{background:#5c8862;border-color:#5c8862;}
.advice .callme{-webkit-transition:.3s;transition:.3s;height:105px;overflow:hidden;}
.advice.success .callme{height:0;}
.advice.success h6{margin-bottom:0;}
.advice .successMessage{height:0;overflow:hidden;line-height:40px;font-size:13px;font-weight:600;color:#32d076;}
.advice.success .successMessage{height:40px;}
.information .container{padding:30px 50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:30px;font-size:15px;font-weight:500;}
.aboutimg{padding-left:50px;flex:0 1 22%;}
.aboutimg img{width:100%;border-radius:5px;}
.aboutus{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:50px;}
.projects{padding:0;}
.information h4{font-weight:600;opacity:.6;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";margin-bottom:5px;}
.jamoonobaladi{height:200px;position:relative;}
.jamoonobaladi p{position:absolute;top:0;right:0;width:100%;height:100%;font-size:16px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#134016d1;top:0;right:0;}
.jamoonobaladi:hover .map{background-size:120%;}
.map{-webkit-transition: .2s ease-out;transition:.2s ease-out;width:100%;height:100%;background:#fff url(../img/map.jpg) center;background-size:100%;}
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px){
.services{-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;}
.service{-webkit-box-flex:1;-ms-flex:1 0 calc(50% - 10px);flex:1 0 calc(50% - 10px);padding:50px 0;margin-bottom:10px;}
.servicewall{opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.information .container{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:20px;}
.aboutus{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%;margin-bottom:20px;padding-left:0;text-align:justify;}
.projects{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%;}
.aboutimg{padding-left:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;margin-bottom:10px;}
}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px){ 
.service{-webkit-box-flex:1;-ms-flex:1 0 calc(100% - 10px);flex:1 0 calc(100% - 10px);margin-bottom:10px;padding:0px 0 20px;}
.information .container{padding:10px 30px 30px;line-height:25px;font-size:13px;}
.advice{padding:30px 0;}
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
header h1{font-size:17.5px;}
header h2{font-size:19px;}
.callbus{font-size:20px;margin-top:5px;}
.callbus:before{width:35px;height:35px;background-size:60%;}
.service p{padding:0 20px;}
.jamoonobaladi p{font-size:13px;}
.advice .callme input,.advice .callme button{margin:5px auto;width:300px;}
}
@media screen and (orientation:portrait) {
.wall{background-size:auto 100vh;}
header .wall{background-size:auto 100%;}
}