/*
Template by: Cafelead.agency | Danial Zameni
All Rights Reserved
*/
@charset "utf-8";
@font-face{font-family:raleway;src:url(../fonts/Raleway-Light.ttf);font-weight:100;}
@font-face{font-family:raleway;src:url(../fonts/Raleway-Regular.ttf);font-weight:200;}
@font-face{font-family:raleway;src:url(../fonts/Raleway-Medium.ttf);font-weight:300;}
@font-face{font-family:raleway;src:url(../fonts/Raleway-SemiBold.ttf);font-weight:400;}
@font-face{font-family:raleway;src:url(../fonts/Raleway-Bold.ttf);font-weight:500;}
@font-face{font-family:raleway;src:url(../fonts/Raleway-ExtraBold.ttf);font-weight:600;}
@font-face{font-family:raleway;src:url(../fonts/Raleway-Heavy.ttf);font-weight:700;}
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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; box-sizing:content-box;-webkit-appearance:none;}
input[type="button"]::-moz-focus-inner,button::-moz-focus-inner{border:0;}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:hidden;}
body,html{height:100%;}
body,button,input,textarea{font-family:raleway;}
a{text-decoration:none!important;outline:none;}
*,*:before,*:after{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
html{opacity:0;transition:0.3;}
html.fp-enabled,html.areahtml{opacity:1;}
#fullpage,#area{position:relative;z-index:2;}
.section.header{transition:.7s;background:url('../images/header.jpg') fixed;background-position:0 0;z-index:1;background-size:auto 100%;position:relative;}
.section.header:after{content:'';position:absolute;z-index:-1;top:0;right:0;height:100%;width:calc(100% - 400px);background:rgba(255,255,255,.5);}
.lefterberg{background-color:rgba(255,255,25,.5);width:400px;height:100%;top:0;left:0;position:absolute;}
.section.header .lefterberg:after{transition:.7s;content:'';background:url('../images/header.jpg') fixed;background-position:0 0;background-size:auto 100%;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
.header h1{position:absolute;left:430px;font-weight:600;font-size:50px;line-height:60px;}
.header h1 span{display:block;font-size:70px;color:#0f2699;}
#menuactiver{cursor:pointer;background:rgba(15,38,153,.5);transition:.3s;height:100%;width:80px;top:0;right:0;position:fixed;z-index:4;display:flex;justify-content:center;align-content:center;flex-direction:column;}
#menuactiver .menuicon{width:30px;height:23px;direction:rtl;display:flex;justify-content:space-between;align-content:center;flex-direction:column;margin:auto;}
#menuactiver .menuicon span{transition:.65s;display:block;width:100%;height:2px;border-radius:50px;background:#fff;}
.scrolldown{width:70px;margin:auto;position:absolute;bottom:10px;right:0;left:0;}
.scrolldown .mouse{height:100px;width:5px;background:#000;margin:auto;margin-bottom:15px;}
.scrolldown .mouse:after{content:'';position:absolute;top:0;width:20px;height:40px;top:15px;right:0;left:0;margin:auto;background:#ffff19;}
.scrolldown span{display:block;text-align:center;position:relative;font-weight:600;line-height:17px;color:#141519;}
.section.about .lefterberg{transition:.7s;background:url('../images/about.jpg') center;background-size:auto 100%;background-position:0 0;}
.section.about .content{background:#eee;width:calc(100% - 400px);padding-left:50px;display:flex;justify-content:center;align-content:center;flex-direction:column;height:100%;top:0;right:0;position:absolute;}
.section.about .content p{display:block;width:80%;font-size:22px;font-weight:600;line-height:29px;}
.more{background:#0f2699;text-align:center;color:#fff;font-size:30px;height:60px;width:200px;line-height:56px;font-weight:600;position:absolute;bottom:0;right:calc(80px + 15%);}
.section.about .aboutheader{margin-bottom:50px;}
.section.about .aboutheader h3{background:#ffff19;display:inline-block;padding:10px;font-size:30px;font-weight:700;}
.section.about .aboutheader h2{display:block;font-size:47px;font-weight:600;color:#141519;}
.fp-viewing-1 .section.header{background-position:0 300px;}
.fp-viewing-1 .section.header .lefterberg:after{background-position:0 100px;}
.fp-viewing-0 .section.about .lefterberg{background-position:0 -100px;}
.fp-viewing-2 .section.about .lefterberg{background-position:0 100px;}
.section.products .container{padding:100px;width:calc(100% - 80px);}
.section.products h2{display:block;font-size:47px;font-weight:600;color:#141519;display:flex;margin-bottom:100px;}
.section.products h2 .more{background:#eee;color:#0f2699;margin-left:15px;position:relative;right:0;display:inline-block;}
.productitems{display:flex;justify-content:space-between;}
.productitems .productitem h3{background:#ffff19;font-size:25px;font-weight:600;padding:10px 20px;display:inline-block;}
.productitems .productitem .productitemimg{background:#eee;width:100%;height:auto;position:relative;}
.productitems .productitem .productitemimg:after{content:'';width:100%;padding-top:100%;display:block;}
.productitems .productitem .productitemimg img{position:absolute;margin:auto;width:auto;height:auto;max-width:50%;max-height:50%;bottom:0;top:0;right:0;left:0;}
.productitems .productitem .productitemimg img:nth-child(1){z-index:2;}
.productitems .productitem .productitemimg img:nth-child(2){z-index:1;filter:brightness(0) blur(4px);opacity:.2;transform:scale(1.1);}
.productitems .productitem .getmore{background:#0f2699;color:#fff;font-size:20px;font-weight:500;padding:5px 15px;float:right;}
.owl-carousel .owl-nav.disabled{display:block;}
.owl-carousel{position:relative;width:calc(100% - 100px);margin:auto;}
.owl-nav{position:absolute;z-index:1;top:0;width:100%;height:100%;}
.owl-stage-outer{position:relative;z-index:2;}
.owl-nav .owl-prev,.owl-nav .owl-next{position:absolute;background:url('../images/arrow.svg') right center no-repeat !important;background-size:30px!important;height:100%;width:50px;outline:none;border:none;}
.owl-nav span{display:none;}
.owl-nav .owl-next{left:-50px;transform:rotateZ(180deg);}
.owl-nav .owl-prev{right:-50px;}

.projectinfo{background:#ffff19;position:absolute;z-index:2;right:0;top:0;height:100%;width:45%;}
.projectinfo .inner{transition:.3s;position:absolute;opacity:0;top:0;right:-100%;width:100%;height:100%;display:flex;justify-content:center;align-content:center;flex-direction:column;}
.projectinfo .inner.active{right:0;opacity:1;}
.projectinfo .container{width:calc(100% - 140px);margin-left:30px;}
.projectgallery{background:#ddd;position:absolute;left:0;top:0;height:100%;width:55%;}
.projectgallery .innergallery{transition:.8s ease-in-out;position:absolute;top:0;right:-100%;width:100%;height:100%;}
.projectgallery .innergallery.active{right:0;}
.projectgallery .innergallery img{transition:.8s ease-in-out;position:absolute;top:0;right:-100%;width:100%;height:100%;}
.projectgallery .innergallery img.active{right:0;}
.section.projects h2{display:block;font-size:47px;font-weight:600;color:#141519;display:flex;margin-bottom:0;}
.section.projects h2 .more{background:#fff;background:#0f2699;margin-left:0;margin-top:20px;position:relative;right:0;display:inline-block;}
.section.projects h2 span{background:#fff;color:#0f2699;padding:10px 15px;}
.section.projects p{background: #fff;width: calc(100% + 90px);padding: 0;transform: translateX(-90px);padding: 60px;font-size: 20px;font-weight: 600;line-height: 30px;color: #141519;}
.section.projects h3{font-size:20px;color:#000;}
.section.projects h3{font-size:55px;color:#000;font-weight: 600;margin: 40px 0;}
.nextproject{cursor:pointer;position:relative;font-size:35px;font-weight:600;background:#0f2699;color:#fff;padding:0 20px;line-height:65px;height:65px;display:inline-block;float:right;margin-top:30px;margin-right:70px;}
.nextproject:before{content:'';position:absolute;right:-70px;background:#0f2699 url('../images/whitearrow.svg') center no-repeat;background-size:30px;width:65px;height:65px;}
.projectgallery .projectcontroller{display:flex;justify-content:space-between;width:130px;height:100px;position:absolute;bottom:0;right:0;left:0;margin:auto;}
.projectgallery .projectcontroller .prevgallery,.projectgallery .projectcontroller .nextgallery{cursor:pointer;width:60px;height:60px;background:#fff url('../images/arrow.svg') center no-repeat;background-size:30px;}
.projectgallery .projectcontroller .prevgallery:hover,.projectgallery .projectcontroller .nextgallery:hover{background-color:#ffff19;}
.projectgallery .projectcontroller .prevgallery{transform:rotateZ(180deg);}
.section.news{background:#eee;}
.section.news .container{width:calc(100% - 80px);padding:0 100px;}
.section.news h2{display:block;font-size:47px;font-weight:600;color:#141519;display:flex;margin-bottom:70px;}
.section.news h2 .more{background:#fff;color:#0f2699;margin-left:15px;position:relative;right:0;display:inline-block;}
.newsitem{background:#fff;position:relative;z-index:1;width:100%;margin-top:15px;margin-left:15px;}
.newsitem:after{content:'';position:absolute;z-index:-1;width:100%;height:100%;top:-15px;left:-15px;background:#ffff19;}
.newsitem .newsitemimg{width:100%;}
.newsitem .newsitemimg img{width:100%;}
.newsitem .newsitemcontainer{padding:25px;background:#fff;margin-top: -5px;}
.newsitem h4{font-size: 22px;font-weight: 600;margin-bottom: 20px;}
.newsitem p{font-size: 13px;font-weight: 600;font-size: 16px;line-height: 24px;color: #898a8c;}
.newsitem .newsitemfooter{height:50px;}
.newsitem .newsitemfooter .more{font-size:25px;height:50px;width:170px;line-height:48px;font-weight:600;right:0;}
.footernav{position:absolute;bottom:0;right:0;width:100%;height:80px;background:#eee;display:flex;justify-content:center;}
.footernav a{transition:.3s;background:#eee;font-size:20px;font-weight:600;line-height:80px;padding:0 60px;color:#141519;}
.footernav a:hover{background:#fff;}
.footer .footerheader{height:calc(100% - 80px);top:0;width:calc(100% - 80px);display:flex;position:absolute;}
.footer .footerheader.fullversion{width:100%;}
#area .container{padding:50px;}
#area header{background:#eeeeee;height:80px;padding:0 60px;display:flex;justify-content:space-between;align-content:space-between; kk kkk kkk kkk kkk kkk kk kkk  k  kk kkk kkk kkk kkk kkk kkk kkkkkkk kkk kk kkk kkk kkk  kkk kkkkk kflex-direction:column;}
#area header .left{display:flex;padding:15px 0;}
#area header .logo{background:url(../images/logo.png) center no-repeat;background-size:100%;width:50px;height:50px;}
#area header .left h1{font-size:25px;font-weight:600;color:#ffff19;margin-left:50px;line-height:50px;}
#area header .right{padding:15px 0;display:flex;}
#area header .right .searchbox{display:flex;}
#area header .right .searchbox input{background:#fff;border:none;padding:0 20px;height:50px;width:250px;font-size:20px;font-weight:600;color:#0f2699;}
#area header .right .searchbox input::placeholder{opacity:1;}
#area header .right .searchbox .searchbutton{height:50px;width:50px;background:#0f2699 url(../images/search.svg) center no-repeat;background-size:20px;margin-left:5px;cursor:pointer;}
.footer .footerform{height:100%;width:40%;background:#0f2699;display:flex;justify-content:center;align-content:center;flex-direction:column;}
.footer .footerform .container{padding:10%;}
.footer .footerform input,.footer .footerform textarea,.footer .footerform button{transition:.3s;background:#fff;border:none;width:100%;font-size:25px;font-weight:600;height:90px;padding:30px;margin:0;}
.footer .footerform button{cursor:pointer;background:#ffff19;color:#000;width:auto;float:right;height:80px;line-height:15px;}
.footer .footerform textarea{height:200px;}
.footer .footerform input:focus,.footer .footerform textarea:focus{background:#eee;}
.footeraddress{position:relative;height:100%;width:35%;background:#ffff19;display:flex;justify-content:center;align-content:center;flex-direction:column;}
.footeraddress .container{padding:10%;}
.footeraddress .footeraddresstab{display:flex;margin-bottom:40px;font-size:16px;font-weight:600;line-height:25px;}
.footeraddress .footeraddresstab .icon{background-position:center;background-repeat:no-repeat;background-size:20px;margin-right:10px;width:25px;height:25px;}
.footeraddress .footeraddresstab .icon.map{background-size:25px;background-image:url(../images/icon-map.svg);}
.footeraddress .footeraddresstab .icon.phone{background-image:url(../images/icon-phone.svg);}
.footeraddress .footeraddresstab .icon.fax{background-image:url(../images/icon-fax.svg);}
.footeraddress .footeraddresstab .icon.email{background-image:url(../images/icon-email.svg);}
.footer .footermap{height:100%;width:25%;background:#fff url('../images/map.jpg') center no-repeat;background-size:auto 100%}
.footer h2{display:block;font-size:47px;font-weight:600;color:#fff;display:flex;margin-bottom:50px;}
.footer .footeraddress .more{top:7vh;right:0;background:#fff;color:#0f2699;}
.socialmedias{width:100%;position:absolute;bottom:50px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap;}
.footer .footeraddress .socialmedias h5{flex:1 0 100%;font-size:20px;font-weight:600;}
.socialmedias .icon{width:25px;height:25px;background-position:center;background-repeat:no-repeat;background-size:25px;margin:20px 20px 0;}
.socialmedias .icon.googleplus{background-size:30px;width:30px;background-image:url(../images/icon-google.svg);}
.socialmedias .icon.telegram{background-image:url(../images/icon-telegram.svg);}
.socialmedias .icon.twitter{background-image:url(../images/icon-twitter.svg);}
.socialmedias .icon.instagram{background-image:url(../images/icon-instagram.svg);}
header .socialmedias{bottom:0;position:relative;margin-right:25px;}
header .socialmedias .icon{width:20px;height:20px;margin:15px 20px 0;background-size:20px;}
header .socialmedias .icon.googleplus{background-size:25px;width:25px;}
.gallerysliderarea{height: calc(100vh - 180px);margin-bottom:50px;position:relative;width:100%;}
.gallerysliderarea .galleryslider{transition:1s height;position:absolute;overflow:hidden;top:0;right:0;height:0;width:100%;display:flex;}
.gallerysliderarea .galleryslider.active{height:100%;z-index:2;}
.gallerysliderarea .galleryslider.unactive{height:100%;z-index:1;}
.gallerysliderarea .galleryslider .gallerycenter{position:relative;overflow:hidden;height:calc(100vh - 180px);margin:0 50px;flex:1 0 calc(60% - 100px);}
.gallerysliderarea .galleryslider .gallerycenter h2{position:absolute;bottom:50px;left:0;background:#ffff19;padding:15px;font-size:20px;font-weight:600;}
.gallerysliderarea .galleryslider .galleryleft{overflow:hidden;height:calc(100vh - 180px);flex:1 0 20%;}
.gallerysliderarea .galleryslider .galleryright{overflow:hidden;height:calc(100vh - 180px);flex:1 0 20%;}
.gallerysliderarea .galleryslider img{height:100%;}
.gallerysliderarea .nextslider,.gallerysliderarea .prevslider{cursor:pointer;width:60px;height:60px;position:absolute;right:0;bottom:0;top:0;margin:auto;z-index:3;background:#ffff19 url('../images/arrow.svg') center no-repeat;background-size:30px;}
.gallerysliderarea .prevslider{right:auto;left:0;transform:rotateZ(180deg);}
.areaheader{display:flex;justify-content:space-between;position:relative;width:100%;}
.sorter{transition:.3s;cursor:pointer;position:absolute;z-index:2;right:0;top:0;font-size:20px;font-weight:600;background:#eee;height:50px;overflow:hidden;width:150px;text-align:left;line-height:50px;}
.sorter .sorterheader{padding:0 20px;display:block;height:50px;width:100%;}
.sorter .sorterheader:before{transition:.3s;content:'';background:url('../images/arrow.svg') center no-repeat;transform:rotateZ(90deg);background-size:15px;float:right;display:inline-block;width:20px;height:50px;}
.sorter.active{height:150px;}
.sorter.active:before{transform:rotateZ(-90deg);}
.sorter span{display:block;text-align:center;transition:.3s;padding:0 20px;}
.sorter span:hover{color:#0f2699;}
.innerarea h2{display:block;font-size:47px;font-weight:600;color:#141519;display:flex;margin-bottom:70px;}
.innerarea .newsitems,.innerarea .productitems{display:flex;flex-wrap:wrap;}
.innerarea .newsitems .newsitem{flex:0 0 calc(25% - 40px);margin:20px;}
.innerarea .productitems .productitem{flex:0 0 calc(25% - 40px);margin:20px;}
.innerarea .newsitems .newsitem .newsitemcontainer{background:#eee;}
.pagination{display:flex;justify-content:center;padding:50px 0;width:100%;}
.pagination a{height:50px;width:50px;margin:0 5px;text-align:center;font-size:27px;font-weight:600;line-height:45px;color:#fff;background:#0f2699;}
.pagination a.active{background:#ffff19;color:#000;}
.pagination a:nth-child(1),.pagination a:nth-last-child(1){background:#eee;color:#000;width:auto;padding:0 15px;line-height:50px;}
.pagination a:nth-child(1):before{content:'';background:url('../images/arrow.svg') center no-repeat;transform:rotateZ(180deg);background-size:20px;float:left;display:inline-block;margin-right:10px;width:20px;height:50px;}
.pagination a:nth-last-child(1):after{content:'';background:url('../images/arrow.svg') center no-repeat;background-size:20px;float:right;display:inline-block;margin-left:10px;width:20px;height:50px;}
footer{background:#eee;}
footer .footeraddress{background:transparent;justify-content:space-around;display:flex;padding:100px 0;flex-direction:row;width:100%;}
footer .footeraddress .footeraddresstab{margin-bottom:0px;}
footer .footernav{position:relative;background:#fff;}
footer .footernav a{background:#fff;}
footer .footernav a:hover{background:#eee;}
.innerarea{padding:20px 0 0;display:flex;flex-wrap:wrap;}
.innerarea .category{flex:1 0 calc(25% - 50px);margin-right:50px;}
.innerarea .content{flex:1 0 75%;}
.categorylist a{transition:.3s;background:#eee;width:100%;height:70px;text-align:center;line-height:70px;font-size:20px;font-weight:600;display:block;color:#0f2699;}
.categorylist a:hover{background:#fff;color:#ffff19;}
.blogposts{display:flex;flex-wrap:wrap;justify-content:space-between;}
.blogposts .blogpost{flex:0 0 calc(50% - 10px);margin-bottom:20px;display:flex;background:#ddd;}
.blogposts .blogpost .blogpostimg{flex:1 0 50%;display:flex;}
.blogposts .blogpost .blogpostimg img{width:100%;}
.blogposts .blogpost .blogpostcontent{flex:1 0 50%;position:relative;}
.blogposts .blogpost h4{background:#ffff19;font-size:19px;font-weight:600;padding:15px 20px;}
.blogposts .blogpost .more{font-size:25px;height:50px;width:170px;line-height:48px;font-weight:600;right:0;}
.blogposts .blogpost p{padding:22px 20px;font-weight:600;font-size:15px;line-height:24px;color:#898a8c;}
#fullpage{transition:.3s ease-in-out;}
body.menuactive #fullpage{filter:blur(25px);}
body.menuactive #menuactiver{background:rgba(15,38,153,1);}
#fullmenu{transition:.3s ease-in-out;opacity:0;right:-230px;position:fixed;display:flex;justify-content:center;align-content:center;flex-direction:column;z-index:3;top:0;width:200px;height:100%;}
#fullmenu a{transition:.2s;position:relative;display:block;width:100%;text-align:center;font-size:25px;line-height:11vh;height:11vh;margin:1px 0;font-weight:600;color:#141519;}
#fullmenu a:after{transition:.3s ease-in-out;content:'';position:absolute;background:#0f2698;right:-50px;width:15px;height:10px;margin:auto;top:0;bottom:0;}
#fullmenu a:hover:after{transform:scaleX(4);background:#ffff19;}
#fullmenu a:hover{font-size:35px;}
body.menuactive #fullmenu{right:230px;opacity:1;}
.fullmenucloser{position:absolute;z-index:3;width:100%;height:100%;top:0;right:-100%;}
body.menuactive .fullmenucloser{right:0;}
@media (min-width:1700px){
.lefterberg{width:30%;}
.section.about .content,.section.header::after{width:70%;}
.section.header::after{width:70%;}
.header h1{left:33%;}
}