@font-face{font-family:"saina-sans-bold";src:url();src:url(#iefix) format("embedded-opentype"),url(../fonts/saina-sans-bold.woff) format("woff"),url(../fonts/saina-sans-bold.ttf) format("truetype"),url(#saina-sans-bold) format("svg");font-weight:400;font-style:normal}
body{margin:0;padding:0;font-size:14px;font-family:"saina-sans-bold",Arial,Tahoma,sans-serif;background-color:#F9F8F2;overflow-x:hidden;position:relative;direction:rtl}
input,textarea,select{font-family:"saina-sans-bold"}
.darkLayout{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);z-index:99;display:none}
a{text-decoration:none}
ul,li{margin:0;padding:0;list-style:none}
.clear{clear:both}
.yellowColor{color:#FFD400}
.HiddenTags{display:none}
.linked{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
#topcontrol{width:40px;height:40px;z-index:99}
#topcontrol img{width:100%;transform:rotate(180deg)}
.leftMenu{width:110px;height:180px;background:url(../../images/site/Menu-03-01.svg) no-repeat left top;position:fixed;left:0;top:-4px;cursor:pointer;z-index:9999}
#menuBar_01,#menuBar_02,#menuBar_03{position:absolute;width:20px;height:3px;border-radius:2px;left:15px;z-index:99;-webkit-transition:width 2s;transition:width 2s;z-index:99;background-color:#FFF}
#menuBar_01{top:30px}
#menuBar_02{top:36px}
#menuBar_03{top:42px}
.leftMenu:hover #menuBar_01{top:29px}
.leftMenu:hover #menuBar_03{top:43px}
.hiddenMenu{position:fixed;left:-300px;top:0;width:300px;height:110%;background-color:#FFCB06;z-index:200;overflow-x:scroll;direction:ltr;transition:all .3s ease-in-out 0s}
.mainBody{width:100%;min-height:600px;position:relative}
.topLogo{position:absolute;left:75px;top:20px;width:200px;z-index:9}
.topCircle{position:absolute;right:30px;top:20px;width:60px;z-index:9}
.logo{margin:20px auto}
.logo img{margin:0 auto;display:table}
.hiddenMenu ul{position:relative}
.hiddenMenu ul li{border-top:1px solid #F4C000;border-bottom:1px solid #F4C000;font-size:17px;text-align:right;border-right:5px solid #FFF;position:relative;right:-5px;transition:all .3s ease-in-out 0s}
.hiddenMenu ul li:hover,.selectedMenu{right:0!important}
.hiddenMenu ul li:hover a{background-color:#F4C000}
.hiddenMenu ul li a{color:#000;display:block;padding:12px 16px;font-style:normal;font-weight:300;line-height:30px;text-shadow:2px 2px 1px #F4C000}
.hiddenMenu ul li a span{font-size:11px;letter-spacing:1px;display:block;line-height:14px}
.hiddenMenu > p{text-align:right;padding:2px 18px;margin:0}
.marginTop10px{margin-top:10px!important}
.hiddenMenu > p a{color:#777;font-size:15px;opacity:.6}
.hiddenMenu > p a:hover{color:#FFF;text-decoration:underline}
@-webkit-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;visibility:visible;animation-duration:2s;animation-delay:0s;animation-iteration-count:1}
.inc-portfolio01{display:none}
.inc-portfolio01 li{cursor:pointer}
.hideBox,.hideButton01{display:none}
.scroolBox{width:42px;margin:260px auto 0;position:relative}
.icon-scroll,.icon-scroll:before{position:absolute;left:0}
.icon-scroll{width:40px;height:70px;margin:0 auto;box-shadow:inset 0 0 0 1px #fff;border-radius:25px}
.icon-scroll:before{content:'';width:8px;height:8px;background:#fff;margin-left:16px;top:8px;border-radius:4px;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:scroll;animation-name:scroll}
@-webkit-keyframes scroll {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translateY(46px);transform:translateY(46px)}
}
@keyframes scroll {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translateY(46px);transform:translateY(46px)}
}
.paging{padding:40px 0;margin:0 auto;display:table}
.pageNav{display:table;height:30px;margin:0 auto}
.pageNavItem,.pageNavItem_1{color:#777;float:right;margin-left:5px;position:relative;height:30px;line-height:25px;border:1px solid #CCC;text-align:center;border-radius:5px;min-width:30px}
.pageNavItem_1 a,.pageNavItem a{color:#777;display:block;padding:0 10px}
.Proimage_title a{color:#777;padding:0 5px}
.pageNav .selected,.pageNavItem:hover a,.pageNavItem_1:hover a{color:#FFF}
.pageNav .selected,.pageNavItem:hover,.pageNavItem_1:hover{color:#FFF;cursor:pointer;background-color:#000;border:1px solid #000}
.pageNavItem span{padding:0 8px}
.imageBg{height:720px}
.video{position:relative;overflow:hidden;min-height:750px;background-color:#CCC}
#fullscreen-video{width:100%;height:auto;z-index:-100;background:url(../../images/site/polina.jpg) no-repeat;background-size:auto auto;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;transition:1s opacity;display:block}
.box{padding:40px 0;position:absolute;z-index:3;margin:80px auto 0;top:20px;width:100%}
.boxConntent{width:800px;margin:0 auto;text-align:center}
.box h1{text-align:center;font-size:30px;color:#FFD400}
.box p.boxTopTitle{font-size:24px;text-align:center;color:#deddd4;margin:20px 0}
.box p.boxConntent{font-size:15px;text-align:justify;color:#deddd4}
.pick_mini{height:20px;background:url(../../images/site/noghtehatf-logoline.svg) no-repeat center center/220px;margin:20px auto;width:220px;border:none}
.videoBottom{background-image:url(../../images/site/diagonal_mk.png);width:100%;z-index:0;background-repeat:no-repeat;background-position:center top;position:absolute;height:115px;bottom:0;z-index:3}
.texture{background-color:rgba(0,0,0,0.9);opacity:.55;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}
.mainPortfolio .CustomersTop h2{color:#242424}
.mainPortfolio ul{width:100%;margin:60px 0 0}
.marginTop0{margin-top:0!important}
.mainPortfolio ul li{width:25%;height:500px;float:right;position:relative;transition:all 600ms cubic-bezier(.68,-.55,.265,1.55)}
.paddingB40{padding-bottom:40px}
.inc-portfolio li:hover{transform:scale(.9)}
.workShowSelected{transform:scale(.9)!important;cursor:pointer}
.inc-portfolio li:hover .overlay{display:none}
.workShowSelected .overlay{display:none!important}
.inc-portfolio li:hover .image{filter:grayscale(0%);opacity:1}
.workShowSelected .image{filter:grayscale(0%)!important;opacity:1!important}
.inc-portfolio li:hover .overlay{background:transparent}
.workShowSelected .overlay{background:transparent!important}
.inc-portfolio li:hover .overlay .content h4::after{bottom:-34px}
.workShowSelected .overlay .content h4::after{bottom:-34px!important}
.mainPortfolio ul li .image{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;filter:grayscale(100%)}
.mainPortfolio ul li .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(25,25,25,0.75);display:flex;flex-direction:column;justify-content:center;transition:all .3s ease-in-out 0s}
.mainPortfolio ul li .overlay .content{color:#fff;text-align:center}
.mainPortfolio ul li .overlay .content h4{font-size:20px;padding:0 0 8px;width:auto;display:block;font-weight:600;margin:0 auto;position:relative}
.mainPortfolio ul li .overlay .content h4::after{content:"";position:absolute;bottom:-2px;left:25%;width:50%;border-bottom:2px solid #be1522;transition:all 600ms cubic-bezier(.68,-.55,.265,1.55)}
.mainPortfolio ul li .overlay .content p{font-size:16px;padding:8px 0 0;width:auto;display:block;font-weight:600;transition:all 600ms cubic-bezier(.68,-.55,.265,1.55);line-height:1.4em;margin:0 auto}
.mainPortfolio ul li a{position:absolute;width:100%;height:100%;left:0;top:0}
.load{text-align:center;padding:40px 0 10px;display:table;margin:0 auto 60px}
.load01{padding:40px 0 10px;margin-bottom:60px}
#loadingCstm,#loadingPortfolio,#loadingPortfolioRes{width:35px;position:absolute;left:0;top:6px;display:none}
.load a,.load01 a{color:#555;border:2px solid #555;padding:6px 32px 13px;text-decoration:none;border-radius:32px;font-size:15px;transition:ease all .5s;cursor:pointer;position:relative}
.load a:hover,.load01 a:hover{padding-right:50px;padding-left:50px;background-color:#d2202f;color:#FFF;text-decoration:none;cursor:hand}
.video01{width:100%;height:530px;overflow:hidden;position:relative}
.video01 > video{width:100%}
.video01 div.video01Text{position:absolute;top:175px;color:#FFF;font-size:28px;z-index:3;transition:all .3s ease-in-out 0s;width:100%}
.video01 div.video01Text span{display:block;width:150px;padding-right:33px;background:url(../../images/site/video.png) no-repeat right 19px/25px;font-size:28px;margin:0 auto}
.video01 div.video01Text p{font-size:18px;text-align:center;color:#deddd4;margin:0}
.video01 div.video01Text span:hover{background:url(../../images/site/video.png) no-repeat center right/35px;transition:all .3s ease-in-out 0s;padding-right:40px;cursor:pointer}
.mainAbout{height:320px;padding:100px 0;position:relative}
.mainAboutBox{width:56%;margin-left:3%;float:left}
.mainAboutBox .mainAboutTitle{color:#242424;font-size:28px}
.mainAboutBox .mainAboutContent{color:#242424;font-size:15px;line-height:28px;text-align:justify}
.pick_mini01{height:18px;background:url(../../images/site/dotted_hr.svg) no-repeat center center;margin:18px 0 24px;width:200px;border:none}
.mainAboutImage{width:43%;height:600px;position:absolute;right:-2%;top:-135px;background:url(../../images/site/noghtehatf-01.png) no-repeat center center;z-index:3;background-size:70%}
.mainAboutImage_1{width:43%;height:600px;position:absolute;right:-2%;top:-100px;background:url(../../images/site/noghtehatf-02.png) no-repeat center center;z-index:3;background-size:70%}
.btnClass{letter-spacing:1px;border:2px solid #d2202f;color:#d2202f;border-radius:5px;transition:all .5s cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(0.19,1,0.22,1);-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);-moz-transition-timing-function:cubic-bezier(.19,1,.22,1);-o-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);text-align:center;vertical-align:middle;cursor:pointer;white-space:nowrap;padding:6px 12px 10px;font-size:14px;line-height:1.42857143;margin-top:40px;display:inline-block}
.btnClass:hover{padding-right:50px;background-color:#d2202f;color:#f9f8f2;border-color:#d2202f;text-decoration:none}
.btnClass01{margin:40px auto 0;display:table}
#Support{padding:80px 0 0}
.borderRight{border-right:1px solid #FFF}
div.figureWidth1{width:33.25%;height:auto}
div.figureWidth2{width:49.92%;height:600px;margin-top:-3px!important}
div.snip1206{color:#fff;position:relative;float:left;overflow:hidden;margin:0;color:#000;text-align:center}
div.snip1206 *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .6s ease;transition:all .6s ease}
div.snip1206 img{opacity:1;width:100%;-webkit-transition:opacity .35s;transition:opacity .35s}
div.snip1206:after{background:#fff;width:100%;height:100%;position:absolute;left:0;bottom:0;content:'';opacity:.75;-webkit-transform:skew(-45deg) scaleX(0);transform:skew(-45deg) scaleX(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
div.snip1206 .figcaptions{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
div.snip1206 h2,div.snip1206 p{margin:0;width:100%;opacity:0}
div.snip1206 h2{padding:0 30px;display:inline-block;font-weight:400;font-size:28px}
div.snip1206 p{padding:0 50px;font-size:15px;font-weight:500}
div.snip1206 a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}
div.snip1206:hover:after,div.snip1206.hover:after{-webkit-transform:skew(-45deg) scaleX(1);transform:skew(-45deg) scaleX(1);transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275)}
div.snip1206:hover .figcaptions h2,div.snip1206.hover .figcaptions h2,div.snip1206:hover .figcaptions p,div.snip1206.hover .figcaptions p{-webkit-transform:translate3d(0%,0%,0);transform:translate3d(0%,0%,0);-webkit-transition-delay:.2s;transition-delay:.2s}
div.snip1206:hover .figcaptions h2,div.snip1206.hover .figcaptions h2{opacity:1}
div.snip1206:hover .figcaptions p,div.snip1206.hover .figcaptions p{opacity:.7}
.blackRbac{position:absolute;width:100%;height:600px;background-color:rgba(0, 0, 0, 0.4);left:0;top:0}
.blog_box{margin:10px 0 40px}
.blog_row{width:33.33%;float:right}
.blog_rowin{margin:5px;position:relative}
.overlay1{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(25,25,25,0.75);z-index:1;overflow:hidden;transition:all .5s ease-in-out 0s}
#blog_link{display:none}
.overlay1 h2{width:90%;font-size:18px;color:#FFF;line-height:28px;position:absolute;bottom:30px;right:5%;margin:0;transition:all .5s ease-in-out 0s}
.overlay1:hover{background:rgba(25,25,25,0.5)}
.overlay1:hover #blog_link{display:block}
.blog_img{width:100%;position:relative;overflow:hidden}
.blog_img img{width:100%;display:block;overflow:hidden;transition:all .5s ease-in-out 0s}
.post_summary{color:#777;font-size:16px;line-height:30px}
.post_summary p{margin:0 0 10px}
.post_summary img{display:block;max-width:100%}
.notResponse{font-size:16px;margin-bottom:40px;text-align:center}
#Customers{min-height:700px;background-image:url(../../images/site/background_6.jpg);background-size:cover;background-position:50% 50%;padding:80px 0;position:relative}
.CustomersTop{width:800px;margin:0 auto 20px;padding-top:20px}
.CustomersTop h2{font-size:32px;color:#FFF;font-weight:400;text-align:center;margin:0}
.blackColor{color:#242424!important}
.CustomersTop p{color:#FFF;font-size:15px;text-align:center}
.CustomersBottom{width:1160px;height:auto;background-color:#242424;margin:20px auto;opacity:1}
.CustomersBottom_box{width:150px;height:150px;overflow:hidden;float:right;border:1px solid #3F3F3F;padding:40px;position:relative}
.CustomersBottom_img img{opacity:.4}
.CustomersBottom_icon{opacity:0;width:30px;margin:0 auto;-webkit-transition:opacity .2s;transition:opacity .2s}
.CustomersBottom_title{opacity:0;text-align:center;-webkit-transition:opacity .2s;transition:opacity .2s;color:#FFF;position:absolute;width:230px;text-align:center;top:20px;right:0;transition:all .5s ease-in-out 0s}
.CustomersBottom_img{width:150px;height:auto;margin:0 auto;display:table;-webkit-transition:width .2s;transition:all .3s ease-in-out 0s}
.CustomersBottom_img img{width:100%;transition:all .3s ease-in-out 0s}
.CustomersBottom_box:hover{background-color:#292929}
.CustomersBottom_box:hover .CustomersBottom_img{width:120px;height:auto}
.CustomersBottom_box:hover .CustomersBottom_icon,.CustomersBottom_box:hover .CustomersBottom_title{opacity:1}
.CustomersLink{width:200px;height:30px;border:2px solid #d2202f;color:#d2202f;text-align:center;line-height:25px;font-size:14px;margin:40px auto;cursor:pointer}
.CustomersLink a{display:block;width:200px;height:30px;color:#d2202f}
.CustomersLink:hover{background-color:#d2202f}
.CustomersLink:hover a{color:#FFF}
.work-topRight{width:43%;float:right;padding:50px 0 0 2%;border-left:1px solid #EAEAEA;margin-left:60px}
.work-title{font-size:22px;color:#000;font-weight:400;text-align:center;margin:0}
.work-tags{margin:20px 0}
.work-tags span{padding:2px 10px;color:#000;background-color:#f0efe6;border:1px solid #d5d6d1;float:right;margin:0 0 5px 5px}
.work-topLeft{width:51%;float:right;font-size:13px;line-height:26px;color:#777;text-align:justify;padding:47px 3% 0 0}
.work-rowRight{width:58%;float:right;margin-left:2%;padding:40px 0}
.work-rowRight img,.work-rowLeft01 img{width:100%;display:block}
.work-rowLeft{width:38%;float:left;margin-top:120px}
.work-rowLeftContent{font-size:13px;line-height:26px;color:#777;text-align:justify;margin-top:20px}
.work-rowRight01{width:38%;float:right;margin-top:180px;margin-left:2%}
.work-rowLeft01{width:58%;float:left;padding:40px 0}
.borderB1{border-bottom:1px solid #EAEAEA}
.work-bottom{padding:40px 0 80px}
.work-bottomTitle{font-size:18px;color:#d2202f;font-weight:400;text-align:right;margin-bottom:10px;font-weight:700}
.work-bottomBox{height:400px;overflow:hidden;position:relative;cursor:pointer}
.all_link{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:999}
.work-bottomBox:hover .work_hiddenRight{left:0}
.work-bottomBox:hover .work-bottomContent{opacity:0}
.work-bottomBox:hover .work-bottomimg{bottom:40px}
.work-bottomContent{position:absolute;bottom:130px;right:20px;color:#FFF;text-align:right;z-index:99}
.work-bottomContent > p:first-child{margin:0;font-size:24px}
.work-bottomContent > p:last-child{margin:0;font-size:20px}
.work_hiddenRight{width:450px;height:100%;position:absolute;left:-450px;top:0;background:url(../../images/site/worg-bg.jpg) repeat;background-size:100% 100%;z-index:99;-webkit-transform:translate(-20%) skew(-21deg,0);transform:translate(-20%) skew(-21deg,0);transition:all .3s ease-in-out 0s}
.marginRight10{margin-right:10px}
.work_hiddenRight > p{width:300px;line-height:22px;text-align:justify;color:#000;margin:115px 20px 0 0}
.moreClick,.moreClick01{padding:2px 10px 5px;color:#d2202f;text-align:center;font-size:13px;border:2px solid #d2202f;display:table;-webkit-transform:skew(-21deg,0);transform:skew(-21deg,0);transition:all .3s ease-in-out 0s;cursor:pointer}
.moreClick{margin:20px 40px 0 0}
.moreClick01{margin:20px 0 0}
.moreClick:hover,.moreClick01:hover{background-color:#d2202f;color:#FFF;padding-left:30px}
.work-bottomimg{width:290px;position:absolute;right:40px;bottom:-340px;transition:all .3s ease-in-out 0s;overflow:hidden;z-index:99}
.work-bottomimg img{width:100%}
.contactTitle{color:#242424;font-size:28px}
.post_box{padding:20px 0 60px}
.contactBox{padding:80px 0}
.contactForm{width:56%;float:left}
.contactRow{margin-bottom:10px}
.contactRow > span{width:30%;float:right;display:block;font-size:14px;color:#777}
.contactRow > input{width:65%;height:35px;float:right;border:1px solid #ccc;padding-right:5px;border-radius:5px}
.contactRow > textarea{width:65%;height:130px;float:right;border:1px solid #ccc;padding-right:5px;border-radius:5px}
.contactdetails{width:40%;float:right;margin-left:3%}
.footerContact{border-top:3px solid #d2202f;background:#242424 url(../../images/site/bg-footer.png)}
.footerContactRow{width:444px;height:200px;background:linear-gradient(90deg,hsla(0,0%,100%,.01) 0,rgba(0,0,0,.1));margin:0 auto}
.catalog_right,.catalog_left{width:202px;float:right;padding:10px;height:179px}
.catalog_right{background:url(../../images/aboutus/noghtehatf-catalog.png) no-repeat center center/300px}
.catalog_right img{width:100%}
.catalog_left p{text-align:left;font-size:16px;margin:0 0 5px;color:#FFF}
.catalog_text{margin-top:40px}
.catalog_btn{width:175px;height:30px;line-height:26px;border:1px solid #FFD400;color:#FFD400;margin-top:5px;font-size:14px;float:left;text-align:center;cursor:pointer;transition:all .3s ease-in-out 0s}
.catalog_btn:hover{color:#000;background-color:#FFD400}
.arial{font-family:arial}
.arialCatalog{font-family:arial;font-size:13px!important}
.footerContactRow > a{padding:2px 18px 5px;color:#d2202f;text-align:center;font-size:20px;border:2px solid #d2202f;display:table;transition:all .3s ease-in-out 0s;margin:0 auto}
.footerContactRow > a:hover{color:#FFF;background-color:#d2202f}
.nwsletter-row{width:350px;margin:0 auto}
.nwsletter-row > div.sendMail{color:#d2202f;text-align:center;line-height:35px;float:right;width:50px;height:37px;border-top:1px solid #d2202f;border-right:1px solid #d2202f;border-bottom:1px solid #d2202f;font-size:16px;cursor:pointer}
.nwsletter-row > div.sendMail:hover{background-color:#d2202f;color:#FFF}
.nwsletter-row > input{width:290px;height:35px;float:right;border:1px solid #EAEAEA;padding-right:5px}
.about_summary{width:800px;margin:0 auto;text-align:center;color:#777;font-size:16px;line-height:30px}
.about_images{margin:40px 0 0;position:relative}
.about_images .about_img1,.about_images .about_img2,.about_images .about_img3{float:right;height:470px;overflow:hidden;transition:all .3s ease-in-out 0s}
.about_images .about_img1{width:20%}
.about_images .about_img2{width:60%}
.about_images .about_img3{width:20%}
.about_images .about_img1 img,.about_images .about_img2 img,.about_images .about_img3 img{width:100%;opacity:.8;transition:all .3s ease-in-out 0s;cursor:pointer}
.about_images .about_img1 img:hover,.about_images .about_img2 img:hover,.about_images .about_img3 img:hover{opacity:1}
.about_users{background:url(../../images/site/background_6.jpg);min-height:500px;padding:80px 0}
.about_summary01{width:800px;margin:0 auto;text-align:center;color:#FFF;font-size:14px;line-height:26px}
.about_video{margin:40px auto;width:1000px;padding:18px;background-image:url(../../images/site/bg-footer.png);border:1px solid #171717}
.p_service{width:1200px;padding-bottom:20px;margin:0 auto;border-bottom:1px solid #EAEAEA}
.service_box{padding:40px 0;width:900px;margin:0 auto}
.service_boxRight{float:right;width:500px;margin:80px 0 0 60px}
.service_boxRight01{float:right;width:300px;margin:80px 0 0 60px}
.service_boxLeft{float:right;width:300px}
.service_boxLeft01{float:right;width:500px}
.service_boxLeft > p{font-size:24px;color:#d2202f}
.service_Content{font-size:14px;color:#777;line-height:25px}
.service_boxCircle{width:160px;float:right;margin-left:-10px}
.service_boxCircle01{width:160px;position:relative}
.service_boxCircle > p{width:160px;height:160px;border-radius:50%;border:1px solid #D0D0D0}
.service_boxCircle > p > span,.service_boxCircle01 > p > span{width:110px;height:110px;border-radius:50%;border:1px solid #d2202f;display:block;background:url(../../images/site/pen.png) no-repeat center center/40px}
.service_boxCircle > p > span{margin:25px}
.service_boxCircle01 > p > span{margin:0}
.service_boxCircle > div{text-align:center;margin:-36px auto 0;background-color:#F9F8F2;display:table;padding:0 10px}
.service_boxCircle01 > div{position:absolute;right:150px;top:35px;background-color:#F9F8F2;width:150px;font-size:18px}
.servicesBottom{padding:80px 0;background:url(../../images/site/background_6.jpg) center center;background-size:100% 100%}
.contactSocial{margin:80px auto 0;display:table}
.contactSocial > span{width:45px;height:45px;border:2px solid #4b70ab;border-radius:50%;float:right;margin-left:10px;display:block;cursor:pointer;transition:all .3s ease-in-out 0s;position:relative}
.contactSocial > span > a{width:100%;height:100%;position:absolute;top:0;left:0}
.contactSocial > span:hover{background-color:#4b70ab;border:2px solid #FFF}
.contactSocial > span > img{width:20px;margin:12px auto 0;text-align:center;display:table}
@font-face{font-family:'simple-line-icons';src:url(../fonts/Simple-Line-Icons.eot?v=2.4.0);src:url(../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix) format("embedded-opentype"),url(../fonts/Simple-Line-Icons.woff2?v=2.4.0) format("woff2"),url(../fonts/Simple-Line-Icons.ttf?v=2.4.0) format("truetype"),url(../fonts/Simple-Line-Icons.woff?v=2.4.0) format("woff"),url(../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format("svg");font-weight:400;font-style:normal}
.footer{color:#fff;display:table;width:100%}
.footer .newscontact{background:#020202;padding:60px 0;text-align:center;display:table;width:100%}
.container{width:1200px;margin:0 auto}
.footer .newscontact .newsletter{float:left;width:50%}
.footer .newscontact h2{color:#fff;font-size:18px;font-weight:400;padding:0 0 20px}
.footer .newscontact .newsletter .newsletterBox{position:relative;width:400px;margin:0 auto}
.footer .newscontact .newsletter .newsletterBox::before{content:"";font-family:"simple-line-icons";position:absolute;font-size:2em;color:rgba(255,255,255,0.25);left:0}
.footer .newscontact .newsletter .newsletterBox input[type="text"]{color:rgba(255,255,255,0.25);background:transparent;border:0;border-bottom:2px solid rgba(255,255,255,0.25);padding:10px 0;font-size:.9em;width:100%;transition:all 600ms cubic-bezier(.68,-.55,.265,1.55);font-family:"saina-sans-bold",Arial,Tahoma,sans-serif}
.footer .newscontact .newsletter .newsletterBox input[type="text"]:focus{border-color:rgba(255,255,255,0.5);color:#fff;outline:none}
.footer .newscontact .contact{width:50%;margin:0 auto}
.footer .newscontact .contact form{position:relative;width:400px;margin:0 auto}
.footer .newscontact .contact form textarea{color:rgba(255,255,255,0.25);background:transparent;border:0;border-bottom:2px solid rgba(255,255,255,0.25);padding:10px 0;font-size:.9em;width:100%;margin:0 0 10px;transition:all 600ms cubic-bezier(.68,-.55,.265,1.55);font-family:"saina-sans-bold",Arial,Tahoma,sans-serif}
.footer .newscontact .contact form .expand-contact-form{display:none}
.footer .newscontact .contact form input[type="text"],.footer .newscontact .contact form input[type="email"]{color:rgba(255,255,255,0.25);background:transparent;border:0;border-bottom:2px solid rgba(255,255,255,0.25);padding:10px 0;font-size:.9em;width:47%;margin:0 1%}
.footer .newscontact .contact form input[type="text"]:focus,.footer .newscontact .contact form input[type="email"]:focus{border-color:rgba(255,255,255,0.5);color:#fff;outline:none}
.footer .newscontact .contact form textarea:focus{border-color:rgba(255,255,255,0.5);color:#fff;outline:none;height:80px}
.footer .newscontact .contact form button{background:transparent;color:rgba(255,255,255,0.25);border:0;font-size:1.6em;transition:all 600ms cubic-bezier(.68,-.55,.265,1.55);display:block;margin:0 auto;position:absolute;left:0;top:0;cursor:pointer}
.footer .newscontact .contact form button:hover{color:#FFF}
.footer .newscontact p a{color:#999;text-decoration:none}
.footer .newscontact .contact p a{transition:ease all 500ms}
.icon-paper-plane::before{content:"\e094";font-family:'simple-line-icons'}
.footer .newscontact .contact p{padding:15px 0 0}
.footer .newscontact p{color:#777;padding:10px 0 0;font-size:14px}
.footer .copy{padding:40px 0 10px;background:#020202;display:table;width:100%;position:relative}
.footer .copy::before{content:"";position:absolute;width:60%;left:50%;margin-left:-30%;top:0;border-top:1px solid rgba(255,255,255,0.1);font-family:'simple-line-icons'}
.footer .copy ul.h{width:100%;list-style:none}
.footer .copy ul.h li{width:50%;float:left;color:#fff;text-align:center}
.footer .copy ul.h li .offices{width:80%;margin:0 auto;list-style:none}
.footer .copy ul.h li .offices li{float:right;width:48%;margin:0 1% 20px}
.footer .copy ul.h li .offices li h2{color:#fff;font-size:18px;border-bottom:2px solid #fff;font-weight:400;padding:0 0 4px;margin:0 0 16px;display:inline-block;position:relative}
.footer .copy ul.h li .offices li p{font-size:14px;line-height:24px;font-weight:400}
.footer .copy ul.h li .offices li p a{color:#FFF}
.footer .copy ul.h li .partners{margin:0}
.footer .copy ul.h li .partners img{margin:0 15px 10px;transition:ease all 500ms}
.footer .copy ul.h li .partners img:hover{transform:scale(1.2)}
.footer .copy::after{content:"";position:absolute;width:60%;left:50%;margin-left:-30%;bottom:0;border-bottom:1px solid rgba(255,255,255,0.1)}
.footer .last{padding:40px 0;background:#020202;color:#fff;text-align:center}
.footer .last .social a{width:30px;height:30px;color:#fff;text-decoration:none;padding:5px;display:inline-block;transition:all 600ms cubic-bezier(.68,-.55,.265,1.55)}
.footer .last .social a img{width:100%;height:100%;display:block;transition:all .3s ease-in-out 0s}
.footer .last .social a:hover img{width:110%;height:110%}
.icon-social-facebook::before{content:"\e00b";font-family:'simple-line-icons'}
.icon-social-twitter::before{content:"\e009";font-family:'simple-line-icons'}
.icon-social-instagram::before{content:"\e609";font-family:'simple-line-icons'}
.footer .last p{color:#ccc;font-size:.9em;padding:10px 0 5px;margin:0;font-weight:400}
.footer .last .links a{color:#aaa;font-size:.7em;text-decoration:none;margin:4px 12px;font-weight:400}
.footer .last .links a:hover{color:#FFF}
.map{height:450px;position:relative}
.mymap{filter:grayscale(100%)}
.mapColor{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../../images/site/Yellow.jpg);opacity:.5;z-index:0}
#loadingGif{margin:0 auto;height:100vh;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 1.9s cubic-bezier(0.22,0.44,0,1);transition:all 1.9s cubic-bezier(0.22,0.44,0,1);transition:all .3s ease-in-out 0s;background-color:#FFF;position:fixed;z-index:99999;width:100%}
#loadingGif img{margin:0 auto;max-width:100%;display:table}
.modal-open{overflow:hidden}
.modal{display:none}
.no-modal{display:block}
.modal{top:0;left:0;right:0;bottom:0;letter-spacing:normal;overflow:auto;overflow-y:scroll;position:fixed;z-index:99999;-webkit-overflow-scrolling:touch;outline:0;font-size:14px;color:#222;background-color:rgba(0,0,0,0.7)}
.modal h4,.modal1 h4{font-weight:700;color:#FFF;padding:0;margin:0}
.modal.fade .modal-dialog{-moz-transition:transform .3s ease-out;-o-transition:transform .3s ease-out;-webkit-transition:transform .3s ease-out;transition:transform .3s ease-out;-moz-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-dialog{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
.modal-content{position:relative;background-color:#000;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);background-clip:padding-box;outline:none;box-shadow:0 0 10px 2px #BDAC7E}
.modal-backdrop{top:0;left:0;right:0;bottom:0;position:fixed;z-index:1040;background-color:#000}
.modal-backdrop.fade{opacity:0}
.lt-ie9 .modal-backdrop.fade{filter:alpha(opacity=0)}
.modal-backdrop.in{opacity:.5}
.lt-ie9 .modal-backdrop.in{filter:alpha(opacity=50)}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}
.modal-header .close{background-color:transparent;border:0;cursor:pointer;margin-top:-2px;float:left;font-size:22px;color:#FFF}
.modal-title{margin:0;line-height:1.42857143;direction:rtl}
.modal-body{position:relative;padding:20px;direction:rtl;font-size:14px;color:#FFF}
.modal-body p{text-align:right;direction:rtl;font-size:14px;line-height:25px;margin:0}
.modal-body .modalRow{height:60px;margin-bottom:10px;color:#FFF}
.modal-body .modalRow1{height:145px;margin-bottom:10px}
.modal-body .modalRow label,.modal-body .modalRow1 label{display:block;margin-bottom:5px;font-size:14px;direction:rtl}
.modal-body input[type="text"]{height:30px;padding:0 10px;border:1px solid #CCC;font-size:14px;border-radius:5px;margin-top:7px}
.regprof_input{height:30px;padding:0 10px;font-size:14px}
.modal-body input[type="text"]{width:300px;background-color:transparent;color:#FFF;direction:ltr}
.regprof_input{width:325px}
.modal-body textarea{width:480px;height:160px;padding:5px 10px;border:1px solid #CCC;font-size:14px;border-radius:5px;resize:none}
.modal-dialog{width:600px;margin:160px auto 10px}
.modalButtons{width:50%;height:35px}
.modalButtons span{border:1px solid #ccc;color:#000;cursor:pointer;height:35px;line-height:35px;margin-top:10px;padding:0 15px;text-align:center;width:90px;display:block}
.buttonClass_01{width:120px;height:35px;text-align:center;line-height:35px;color:#000;background-color:#BDAC7E;cursor:pointer;border:0;border-radius:5px;margin-top:10px;display:table;float:right}
.buttonClass_01 a{color:#000;display:block;width:100%;height:100%}
.modalButtons span:hover{background-color:#CCC;color:#FFF}
.ErrorBox{height:25px;direction:ltr;text-align:left}
.sendError,.sendError1,.sendError00{color:red;display:none;text-align:right}
.sendSuccess,.sendSuccess1,.sendSuccess00{color:green;display:none;text-align:right}
.modal_row{margin-bottom:10px}
.modal_row label{display:block;margin-bottom:3px}
#downloadBox{display:none;margin-right:10px}
.enamad{width:110px;display:table;margin:20px auto 0}
.enamad img{width:100%}
#allCats{display:table;margin:0 auto}
#allCats a{display:table;padding:3px 30px 8px;font-size:14px;color:#777;border:1px solid #DDD;-webkit-border-radius:18px;-moz-border-radius:18px;-o-border-radius:18px;-ms-border-radius:18px;border-radius:18px;cursor:pointer;margin-left:10px;float:right;transition:all .3s ease-in-out 0s}
#allCats a.catSelected,#allCats a:hover{background-color:#000;border:1px solid #000!important;color:#FFF!important}
@media only screen and (max-width: 768px) {
.modal-dialog{position:relative;width:auto;margin:76px 10px 10px;}
}
@media only screen and (max-width:1500px) and (min-width:1200px) {
.videoBottom{bottom:-40px}
.video{min-height:675px}
}
@media only screen and (max-width:1199px) and (min-width:1024px) {
.videoBottom{bottom:-35px}
.box p.boxTopTitle{font-size:18px}
.scroolBox{margin:100px auto 0}
.video{min-height:510px}
.mainAbout{padding:100px 0 20px}
div.figureWidth2,.blackRbac{height:510px}
div.snip1206 h2{font-size:18px}
div.snip1206 p{font-size:13px}
.CustomersBottom,.container{width:928px}
.partners img{height:80px}
.mainPortfolio ul li .overlay .content p{font-size:14px}
}
@media only screen and (max-width:1023px) and (min-width:900px) {
.videoBottom{bottom:-35px}
.box p.boxTopTitle{font-size:18px}
.scroolBox{margin:100px auto 0}
.video{min-height:510px}
.mainAbout{padding:100px 0 20px}
div.figureWidth2,.blackRbac{height:451px}
div.snip1206 h2{font-size:18px}
div.snip1206 p{font-size:13px}
.CustomersBottom,.container{width:850px}
.partners img{height:80px}
.mainPortfolio ul li .overlay .content p{font-size:14px}
.CustomersBottom_box{width:201px;height:201px}
.mainPortfolio ul li{width:33.3333%}
.imageBg{height:610px}
.video01{height:500px}
}
@media only screen and (max-width:899px) and (min-width:767px) {
.videoBottom{bottom:-40px}
.box p.boxTopTitle{font-size:14px}
.scroolBox{margin:-10px auto 0}
.video{min-height:430px}
.mainAbout{padding:100px 0 20px}
div.figureWidth2,.blackRbac{height:384px}
div.snip1206 h2{font-size:18px}
div.snip1206 p{font-size:13px}
.CustomersBottom,.container,.CustomersTop{width:700px}
.partners img{height:80px}
.mainPortfolio ul li .overlay .content p{font-size:14px}
.CustomersBottom_box{width:151px;height:151px}
.mainPortfolio ul li{width:33.3333%}
.video01 div.video01Text{top:125px}
.video01 div.video01Text p{font-size:14px}
div.figureWidth1{width:33.23%}
.imageBg{height:520px}
.about_summary{width:100%}
.about_summary01{width:auto}
.video01{height:430px}
.hideWhenRes{display:none}
.blog_row{width:50%}
}
@media only screen and (max-width:766px) and (min-width:478px) {
.mainAboutBox{width:90%;margin:0 auto;float:none}
.videoBottom{bottom:-33px}
.box p.boxTopTitle{font-size:14px;margin-top:0}
.scroolBox{margin:-10px auto 0}
.video{min-height:275px}
.mainAboutImage,.mainAboutImage_1{top:100px;background-size:100%;width:250px;height:250px;right:-40px;display:none}
.mainAbout{padding:100px 0 20px}
div.figureWidth2,.blackRbac{height:auto;width:100%}
div.snip1206 h2{font-size:18px;opacity:1!important}
div.snip1206 p{font-size:13px;opacity:1!important}
div.snip1206::after{-webkit-transform:skew(-45deg) scaleX(1);transform:skew(-45deg) scaleX(1);transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275)}
.CustomersBottom,,.CustomersTop{width:420px}
.container{width:80%}
.partners img{height:80px}
.mainPortfolio ul li .overlay .content p{font-size:14px}
.CustomersBottom_box{width:128px;height:128px}
.mainPortfolio ul li{width:100%}
.video01 div.video01Text{top:60px}
.video01 div.video01Text p{font-size:14px}
div.figureWidth1{width:100%}
.box{padding:0;margin:20px auto 0}
.box h1{font-size:18px}
.topLogo{left:85px;top:5px}
.pick_mini{margin:10px auto}
.mainAboutBox .mainAboutContent{font-size:14px}
.footer .newscontact .contact,.footer .newscontact .contact form,.footer .copy ul.h li{width:100%}
.CustomersBottom_img{width:120px}
.CustomersBottom_box:hover .CustomersBottom_img{width:100px}
.imageBg{height:325px}
.about_summary{width:100%}
.about_summary01{width:auto}
.CustomersTop h2{font-size:22px}
.work-topRight{width:100%;float:none;padding:50px 0 0;border-left:none}
.work-topLeft{width:100%;padding:20px 0 0}
.work-rowRight,.work-rowLeft01{width:100%;float:none;margin:0}
.work-rowLeft,.work-rowRight01{width:100%;float:none;margin:0}
.work-bottomBox{height:285px}
.work_hiddenRight{width:270px}
.work_hiddenRight > p{width:185px;margin:50px 20px 0 0;font-size:12px}
.work-bottomimg{right:10px;height:auto;width:210px}
.work-bottomBox:hover .work-bottomimg{bottom:10px}
.contactdetails{width:100%;margin:0 0 35px;float:none;padding-bottom:20px;border-bottom:1px solid #EAEAEA}
.contactForm{width:100%;margin:0 0 20px;float:none}
.video01{height:270px}
.hideWhenRes{display:none}
.marginB10Res{margin-bottom:10px}
.inc-portfolio,.hideButton{display:none!important}
.inc-portfolio01{display:block!important}
.hideButton01{display:table!important;margin:0 auto 40px}
.blog_row{width:50%}
}
@media only screen and (max-width:477px) {
.mainAboutBox{width:90%;margin:0 auto;float:none}
.videoBottom{bottom:-33px}
.box p.boxTopTitle{font-size:13px;margin-top:0}
.scroolBox{margin:-10px auto 0;display:none}
.video{min-height:199px}
.mainAboutImage,.mainAboutImage_1{top:100px;background-size:100%;width:250px;height:250px;right:-40px;display:none}
.mainAbout{padding:100px 0 20px}
div.figureWidth2,.blackRbac{height:auto;width:100%}
div.snip1206 h2{font-size:18px;opacity:1!important}
div.snip1206 p{font-size:13px;opacity:1!important}
div.snip1206::after{-webkit-transform:skew(-45deg) scaleX(1);transform:skew(-45deg) scaleX(1);transition:all 400ms cubic-bezier(0.175,0.885,0.32,1.275)}
.CustomersBottom,.CustomersTop{width:320px}
.container{width:90%}
.partners img{height:80px}
.mainPortfolio ul li .overlay .content p{font-size:14px}
.CustomersBottom_box{width:78px;height:78px}
.mainPortfolio ul li{width:100%}
.video01 div.video01Text{top:20px}
.video01 div.video01Text p{font-size:13px;padding:0 5px}
div.figureWidth1{width:100%}
.box{padding:0;margin:20px auto 0}
.box h1{font-size:18px}
.topLogo{left:85px;top:5px;width:155px}
.topLogo img{width:100%}
.pick_mini{margin:10px auto}
.mainAboutBox .mainAboutContent{font-size:14px}
.footer .newscontact .contact,.footer .newscontact .contact form,.footer .copy ul.h li{width:100%}
.CustomersBottom_img{width:100%}
.CustomersBottom_box:hover .CustomersBottom_img{width:90%}
.topCircle{width:35px;right:10px;top:5px}
.topCircle img{width:100%}
.footer .copy ul.h li .offices li{width:100%;margin:0 0 10px}
.imageBg{height:230px}
.about_summary{width:100%}
.about_summary01{width:auto}
.contactBox{padding:40px 0}
.CustomersTop h2{font-size:22px}
.footerContactRow{width:220px;height:auto}
.catalog_right,.catalog_left{float:none}
.catalog_left{height:120px}
.catalog_text{margin-top:0}
.work-topRight{width:100%;float:none;padding:50px 0 0;border-left:none}
.work-topLeft{width:100%;padding:20px 0 0}
.work-rowRight,.work-rowLeft01{width:100%;float:none;margin:0}
.work-rowLeft,.work-rowRight01{width:100%;float:none;margin:0}
.work-bottomBox{height:285px}
.work_hiddenRight{width:270px}
.work_hiddenRight > p{width:185px;margin:50px 20px 0 0;font-size:12px}
.work-bottomimg{right:10px;height:auto;width:210px}
.work-bottomBox:hover .work-bottomimg{bottom:10px}
.contactdetails{width:100%;margin:0 0 35px;float:none;padding-bottom:20px;border-bottom:1px solid #EAEAEA}
.contactForm{width:100%;margin:0 0 20px;float:none}
.video01{height:190px}
.hideWhenRes{display:none}
.marginB10Res{margin-bottom:10px}
.inc-portfolio,.hideButton{display:none!important}
.inc-portfolio01{display:block!important}
.hideButton01{display:table!important;margin:0 auto 40px}
.blog_row{width:100%}
}