/* Theme Name: mskoleso.ru Description: Лендинг Шиномонтаж Version: 1.0 Author: Веб-студия «ARTSKEY» https://artskey.ru/ */ /* Main styles -------------------------------*/ html { padding: 0; margin: 0; height: 100%; } body { width: 100%; height: 100%; margin: 0px; text-align: center; font-family: 'RalewayLight', 'RalewayRegular'; color: #464646; font-variant-numeric: lining-nums; -moz-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; font-feature-settings: "lnum"; } input, select { font-family: 'RalewayLight', 'RalewayRegular', sans-serif, Tahoma, Arial, Helvetica, sans-serif; } textarea, pre, code { font-family:"Courier New", Courier, monospace; } /* Шаги *******************************/ /* -------------------------------------------#0-------- */ @media screen and (max-width:320px) { /* отступы по бокам */ .baseauto {padding:0 30px;} .basefull{padding: 0 30px;} /* mobile nav */ #navmobile .mobileinfo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .navResponsive nav a{font-size:25px;line-height:40px;} .mobileinfotitle{font-size:25px;line-height:35px;background: #ffffff;border-radius:5px;} #navmobile .mobileinfol{margin:15px 0px 0 0;} /* Head nav */ #headnavigation {} #headpanel .logoblock {} .logonone{display:none;} #headpanel .navigation {display:none;} #headpanel .infoblock {display:none;} .transbg{} #hboxservice{display:none;} /* Full menu */ #fullnavpanel .mobilefpanel{} #fullnavpanel .autofullpanel{display:none;} #closebase{top:42px;right:8px;width:65px;height:50px;} #headpanel .fullnav {margin:27px 0 0 0px;} #fullnavpanel .fullnavpanelbg{display:none;} /* Slider head */ #slider {display:none;} /* Text */ #pageblockitem{font-size:18px;padding:0px 0 0 0;} #blockplan .planline{font-size:18px;margin:0px 0 30px 0;} h2#pagetitle {font-size: 23px;} a.alllink{font-size:15px;letter-spacing:-0.4px;line-height:65px;padding:15px 25px 13px 25px;} /* Call back */ #offservice {width:100%;border-radius:0px;} #offservice .wautoservice{margin:2% auto 6%;padding:20px 20px 0;max-width:408px;} #offservice .fancybox-close-small {right:15px;top:17px;} #results-service .resultsbox{width:100%;margin:15% auto;} #results-service .resultsbox img{width:100%;} /* SERVICES PAGE top menu */ #pagesplnk{} /* About home */ #blockabout .aboutplitmid{font-size:20px;width:100%;padding:0px;z-index:1;} #blockabout .aboutplitmfx{padding:0px 30px 0px;position:relative;top:100px;height: 850px;overflow:hidden;} #blockabout .aboutplii{margin:-40px 0px 0px 0;padding:0 0 100px 0;background:#f7f7f7ed;} #blockabout .aboutplitem {float:left;width:100%;margin:20px 20px;padding:60px 20px 80px;position:relative;z-index:11;} #blockabout .aboutplitem img{width:80px;} #blockabout .aboutplitxt{padding:10px 0 0 0px;font-size:20px;} /* FAQ */ #blfaq{padding:60px 0 80px;} .faq-drawer {padding:0px 0 0;margin:0 auto;width:85%;} #blfaq .blfaqinfo{margin:0 auto;width:85%;} /* Rent spectehnika home */ #hheadrent{padding:101px 0 0 0;} #hheadrent .rentinfo{padding:50px 30px 0px;margin:0 0px;} #hheadrent .rentibox{width:100%;} #hheadrent .rentiboxr{width:100%;font-size:20px;padding:30px 0 0;} .brentq{padding:65px 0;} #blockrent .rentcat{padding:0px 0 100px 0;} #blockrent .rentcatbox{overflow:hidden;padding:0px 0 20px 0;} #blockrent .rentcatbline{padding:50px 30px 0;margin:13px 26px;border-radius:67px;} #blockrent .rentcatbox a{} #blockrent .rentcatblicon{width:130px;float:left;padding: 0 30px 0 0;} #blockrent .rentcatbllist{width:65%;float:left;padding:0px 0 0 0;} #blockrent .rentcatblinfo {position:relative;} #blockrent .rentcatblinfo h2{font-size:20px;line-height:25px;} #blockrent .rentcatbltt{padding:5px 10px 10px 0;} #blockrent .rentcatblbg{border-radius:16px;height:1000px;width:100%;} #blockrent .rentcatblbg img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-height:500px;} #blockrent .rentcatbliteam{position:relative;top:10px;width:95%;} ul#rentcitem {font-size:18px;}ul#rentcitem li{margin:0 0 6px 0;} #rentplus .rentplhead{padding:20px 0px 0px;margin:0 30px;font-size:20px;} #rentplus .rentplhboxl{width:100%;padding:30px 0px 30px 0;} #rentplus .rentplhboxr{width:100%;padding:0 0 20px 0;} #rentplus .rentplhboxln{padding:0px 0 30px 0px;} #rentplus .rentplhboxln h3{padding:0;margin:0 0 10px;} /* Sider METAL & RENT */ #slidetwo .itemf{margin-left:5px;} #slideone .itemf{margin-left:5px;} /* Message block */ #messageblock {padding:0px 0 0;} #messageblock .messblinfo{width:100%;padding:50px 0px 0 0;} #messageblock .messblitname{font-size:25px;line-height:25px;} #messageblock .messblitextq{font-size:20px;line-height:25px;padding:15px 0 0 0;} #formmessage {width:100%;margin:0;} #messagebox {padding:40px 0 0px;} /* Single post & page */ #sideblock{display:none;} #pagecontent{width:100%;padding:40px 0 0px 0;} #pagecontent .pagecontenth{padding:0 30px 30px 30px;} #singlhead h1 {font-size:25px;line-height:25px;} #singlhead .postinfo {padding:20px 0 0;font-size:16px;} #pagecontent p {line-height:27px;font-size:18px;} h2#textformat{font-size:23px;padding:15px 0 0 0;} h3#textformat{font-size:20px;} ul#textlist{line-height:27px;font-size:18px;} /* Page contact */ #headbg .headbgbox {height:1000px;} ul#aboutitem{font-size:18px;} ul#aboutitem li {padding:0 0px 0px 0px;width:100%;} ul#aboutitem li a{} .aboutinfo {height:280px;padding:20px 0 0 0;} .aboutitemq{font-size:28px;} .aboutiph{padding:0 0 10px 0;} .aboutiph a{font-size:22px;} .aboutsmm {position:absolute;bottom:140px;} ul#fpsmmicon li.fpsmmicont {width:100%;padding: 0 0 20px 0;} ul#fpsmmicon li {display:inline-block;width:20%;} /* Page header */ #posthead{height:1000px;margin:-1000px 0 0 0;} #posthead .posthdcont{position:absolute;left:0;top:30%;transform:translate(0, -30%);} /* News */ #catnews{padding:0 20px 0 20px;} #catnews .postnew{width:100%;padding:0 0 50px} #catnews .pnewtumb{width:100%;} #catnews .pnewbg{height:98%;} #catnews .postnew a{font-size:20px;} #catnews .pnewdate{font-size:18px;} /* WORKS PHOTO */ #pworks .pworksimg{padding:0 0 0 5px;} #pworks .item{width:50%;height:300px;} #pworks .pworksimg img{width:100%;height:100%;object-fit:cover;} #slidetwo .itemback{} /* POP COOKIE */ .cookie-content {max-width:1200px;margin:0 auto;align-items:center;} h2#cookiectmat {font-size:30px;line-height:28px;padding:15px 30px 0;} .cookiecttext {padding:3px 30px;font-size:14px;} .cookie-content button { margin:0 0 0 30px;} /* Footer */ #footer .footerbllnk {display:none;} #footer .footerblcat {display:none;} #footer .footerblock {display:none;} #footer .footerblock {width:100%;padding:100px 30px 50px;} #footer .footerblbg {position:relative;} ul#faboutlnk {} ul#faboutlnk li{padding:20px 0 0;} ul#faboutlnk li a{font-size:18px;} ul#fsmmicon {padding:0;text-align:center;} ul#fsmmicon li {display:inline-block;padding:0 35px 0 0;} ul#fcontitem li { margin: 0 0 20px 0px;} ul#fcontitem li a {font-size: 30px;} #footer .footerintro {padding:30px 0 50px;background:#fff;} #footer .footerbllogo{display:inline-block;width:250px;padding:30px 0 0;} #footer .footerbltxt {vertical-align:top;text-align:center;font-size:22px;padding:29px 10px 0 0;} ul#fcontitem {text-align:center;margin:30px 0 0 0px;padding:0 0 0 0px;} #footer .siteinfo{height:100%;overflow:hidden;} #footer .siteinfoa{width:100%;padding:20px 0 20px 0;} #footer .siteinfob{width:100%;padding:20px 0 30px 0;} #footer .siteinfoaif{width:100%;overflow:hidden;} #footer .siteinfoal{width:100%;} #footer .siteinfoar{width:100%;} #footer .siteiaa{padding:10px 0 0px;} /* Scroll landing */ #services{top:0;} #price{top:0;} #shares{top:0;} #contacts{top:0px;} } /* -------------------------------------------#1-------- */ @media screen and (min-width:321px) and (max-width:767px) { /* отступы по бокам */ .baseauto {padding:0 30px;} .basefull{padding: 0 30px;} /* mobile nav */ #navmobile .mobileinfo{position:absolute;top:60%;left:50%;transform:translate(-50%,-60%);} .navResponsive nav a{font-size:25px;line-height:40px;} .mobileinfotitle{font-size:25px;line-height:35px;background: #ffffff;border-radius:5px;} #navmobile .mobileinfol{margin:15px 0px 0 0;} /* Head nav */ #headnavigation {} #headpanel .logoblock {} .logonone{display:none;} #headpanel .navigation {display:none;} #headpanel .infoblock {display:none;} .transbg{} #hboxservice{display:none;} /* Full menu */ #fullnavpanel .mobilefpanel{} #fullnavpanel .autofullpanel{display:none;} #closebase{top:42px;right:8px;width:65px;height:50px;} #headpanel .fullnav {margin:27px 0 0 0px;} #headpanel .mobbgfnav{} #fullnavpanel .fullnavpanelbg{display:none;} /* Slider head */ #slider {display:none;} /* Text */ #pageblockitem{font-size:19px;padding:0px 0 0 0;} #blockplan .planline{font-size:19px;margin:0px 0 30px 0;} h2#pagetitle {font-size: 28px;} a.alllink{font-size:16px;letter-spacing:-0.4px;line-height:65px;padding:15px 25px 13px 25px;} /* Call back */ #offservice {width:100%;border-radius:0px;} #offservice .wautoservice{margin:2% auto 6%;padding:20px 20px 0;max-width:408px;} #offservice .fancybox-close-small {right:15px;top:17px;} #results-service .resultsbox{width:100%;margin:15% auto;} #results-service .resultsbox img{width:100%;} /* SERVICES PAGE top menu */ #pagesplnk{} /* About home */ #blockabout .aboutplitmid{font-size:20px;width:100%;padding:0px;z-index:1;} #blockabout .aboutplitmfx{padding:0px 30px 0px;position:relative;top:100px;height: 850px;overflow:hidden;} #blockabout .aboutplii{margin:-40px 0px 0px 0;padding:0 0 100px 0;background:#f7f7f7ed;} #blockabout .aboutplitem {float:left;width:100%;margin:20px 20px;padding:60px 20px 80px;position:relative;} #blockabout .aboutplitem img{width:80px;} #blockabout .aboutplitxt{padding:10px 0 0 0px;font-size:20px;} /* FAQ */ #blfaq{padding:60px 0 80px;} .faq-drawer {padding:0px 0 0;margin:0 auto;width:85%;} #blfaq .blfaqinfo{margin:0 auto;width:85%;} /* Rent spectehnika home */ #hheadrent{padding:101px 0 0 0;} #hheadrent .rentinfo{padding:50px 30px 0px;margin:0 0px;} #hheadrent .rentibox{width:100%;} #hheadrent .rentiboxr{width:100%;font-size:20px;padding:30px 0 0;} .brentq{padding:65px 0;} #blockrent .rentcat{padding:0px 0 100px 0;} #blockrent .rentcatbox{overflow:hidden;padding:0px 0 20px 0;} #blockrent .rentcatbline{padding:50px 30px 0;margin:13px 26px;border-radius:67px;} #blockrent .rentcatbox a{} #blockrent .rentcatblicon{width:150px;float:left;padding: 0 30px 0 0;} #blockrent .rentcatbllist{width:65%;float:left;padding:0px 0 0 0;} #blockrent .rentcatblinfo {position:relative;} #blockrent .rentcatblinfo h2{font-size:20px;line-height:25px;} #blockrent .rentcatbltt{padding:5px 10px 10px 0;} #blockrent .rentcatblbg{border-radius:16px;height:1000px;width:100%;} #blockrent .rentcatblbg img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-height:500px;} #blockrent .rentcatbliteam{position:relative;top:10px;width:95%;} ul#rentcitem {font-size:18px;}ul#rentcitem li{margin:0 0 6px 0;} #rentplus .rentplhead{padding:20px 0px 0px;margin:0 30px;font-size:20px;} #rentplus .rentplhboxl{width:100%;padding:30px 0px 30px 0;} #rentplus .rentplhboxr{width:100%;padding:0 0 20px 0;} #rentplus .rentplhboxln{padding:0px 0 30px 0px;} #rentplus .rentplhboxln h3{padding:0;margin:0 0 10px;} /* Sider METAL & RENT */ #slidetwo .itemf{margin-left:5px;} #slideone .itemf{margin-left:5px;} /* Message block */ #messageblock {padding:0px 0 0;} #messageblock .messblinfo{width:100%;padding:50px 0px 0 0;} #messageblock .messblitname{font-size:25px;line-height:25px;} #messageblock .messblitextq{font-size:20px;line-height:25px;padding:15px 0 0 0;} #formmessage {width:100%;margin:0;} #messagebox {padding:40px 0 0px;} /* Single post & page */ #sideblock{display:none;} #pagecontent{width:100%;padding:40px 0 0px 0;} #pagecontent .pagecontenth{padding:0 30px 30px 30px;} #singlhead h1 {font-size:25px;line-height:25px;} #singlhead .postinfo {padding:20px 0 0;font-size:16px;} #pagecontent p {line-height:27px;font-size:18px;} h2#textformat{font-size:23px;padding:15px 0 0 0;} h3#textformat{font-size:20px;} ul#textlist{line-height:27px;font-size:18px;} /* Page contact */ #headbg .headbgbox {height:1000px;} ul#aboutitem{font-size:18px;} ul#aboutitem li {padding:0 0px 0px 0px;width:100%;} ul#aboutitem li a{} .aboutinfo {height:280px;padding:20px 0 0 0;} .aboutitemq{font-size:28px;} .aboutiph{padding:0 0 10px 0;} .aboutiph a{font-size:22px;} .aboutsmm {position:absolute;bottom:140px;} ul#fpsmmicon li.fpsmmicont {width:100%;padding: 0 0 20px 0;} ul#fpsmmicon li {display:inline-block;width:20%;} /* Page header */ #posthead{height:1000px;margin:-1000px 0 0 0;} #posthead .posthdcont{position:absolute;left:0;top:30%;transform:translate(0, -30%);} /* News */ #catnews{padding:0 20px 0 20px;} #catnews .postnew{width:100%;padding:0 0 50px} #catnews .pnewtumb{width:100%;} #catnews .pnewbg{height:98%;} #catnews .postnew a{font-size:20px;} #catnews .pnewdate{font-size:18px;} /* WORKS PHOTO */ #pworks .pworksimg{padding:0 0 0 5px;} #pworks .item{width:50%;height:300px;} #pworks .pworksimg img{width:100%;height:100%;object-fit:cover;} #slidetwo .itemback{} /* POP COOKIE */ .cookie-content {max-width:1200px;margin:0 auto;align-items:center;} h2#cookiectmat {font-size:30px;line-height:28px;padding:15px 30px 0;} .cookiecttext {padding:3px 30px;font-size:14px;} .cookie-content button { margin:0 0 0 30px;} /* Footer */ #footer .footerbllnk {display:none;} #footer .footerblcat {display:none;} #footer .footerblock {display:none;} #footer .footerblock {width:100%;padding:100px 30px 50px;} #footer .footerblbg {position:relative;} ul#faboutlnk {} ul#faboutlnk li{padding:20px 0 0;} ul#faboutlnk li a{font-size:18px;} ul#fsmmicon {padding:0;text-align:center;} ul#fsmmicon li {display:inline-block;padding:0 35px 0 0;} ul#fcontitem li { margin: 0 0 15px 0px;} ul#fcontitem li a {font-size: 25px;} #footer .footerintro {padding:30px 0 50px;background:#fff;} #footer .footerbllogo{display:inline-block;width:250px;padding:30px 0 0;} #footer .footerbltxt {vertical-align:top;text-align:center;font-size:22px;padding:29px 10px 0 0;} ul#fcontitem {text-align:center;margin:30px 0 0 0px;padding:0 0 0 0px;} #footer .siteinfo{height:100%;overflow:hidden;} #footer .siteinfoa{width:100%;padding:20px 0 20px 0;} #footer .siteinfob{width:100%;padding:20px 0 30px 0;} #footer .siteinfoaif{width:100%;overflow:hidden;} #footer .siteinfoal{width:100%;} #footer .siteinfoar{width:100%;} #footer .siteiaa{padding:10px 0 0px;} /* Scroll landing */ #services{top:0;} #price{top:0;} #shares{top:0;} #contacts{top:0px;} } /* -------------------------------------------#2-------- */ @media screen and (min-width:768px) and (max-width:920px) { /* отступы по бокам */ .baseauto {padding:0 50px;} .basefull{padding: 0 50px;} /* mobile nav */ #navmobile .mobileinfo{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);} .navResponsive nav a{font-size:25px;line-height:40px;} .mobileinfotitle{font-size:30px;line-height:33px;} #navmobile .mobileinfol{margin:15px 0px 0;} /* Head nav */ #headpanel .navigation {display:none;} nav a {padding:35px 20px 22px; font-size:13px;} #headpanel .infoblock{display:none;} .transbg{background:rgb(219 219 219 / 97%);} #hboxservice{} #hboxservice .hbserviceiteam{font-size:17px;padding:17px 20px 0;height:150px;} #hboxservice .hbserviceiteam img{position:relative;top:11px;width:44px;} #hboxservice .hbserviceicon {padding:0 0 13px;} /* Full menu */ #fullnavpanel .mobilefpanel{} #fullnavpanel .autofullpanel{display:none;} #closebase{top:42px;right:27px;width:65px;height:50px;} #headpanel .fullnav {margin:27px 0 0 60px;} #headpanel .mobbgfnav{display:none;} /* Slider head */ #slider {display:none;} /* Text */ #pageblockitem{font-size:19px;padding:0px 0 0 0;} #blockplan .planline{font-size:19px;margin:0px 0 0px 0;} h2#pagetitle {font-size: 35px;} a.alllink{font-size:17px;letter-spacing:-0.4px;line-height:65px;padding:15px 25px 13px 25px;} /* Call back */ #offservice {width: 620px;border-radius:13px;} #offservice .wautoservice{margin:2% auto 6%;padding:20px 0px 0;width:408px;} #results-service .resultsbox{width:600px;margin:15% auto;} /* SERVICES PAGE top menu */ #pagesplnk{display:none;} /* About home */ #blockabout .aboutplitmid{font-size:20px;width:100%;padding:0px;z-index:1;} #blockabout .aboutplitmfx{padding:0px 30px 0px;position:relative;top:100px;height:650px;overflow:hidden;} #blockabout .aboutplii{margin:-40px 0px 0px 0;padding:0 0 100px 0;background:#f7f7f7ed;} #blockabout .aboutplitem img{float:left;width:100px;} #blockabout .aboutplitem {float:left;width:100%;margin:20px 20px;padding:100px 50px 80px 50px;position:relative;z-index:11;} #blockabout .aboutplitxt{padding:0 0 0 50px;font-size:20px;} /* FAQ */ #blfaq{padding:60px 0 80px;} .faq-drawer {padding:0px 0 0;margin:0 auto;width:80%;} #blfaq .blfaqinfo{margin:0 auto;width:80%;} /* Rent spectehnika home */ #hheadrent{padding:101px 0 0 0;} #hheadrent .rentinfo{padding:50px 30px 0px;margin:0 0px;} #hheadrent .rentibox{float:left;width:35%;} #hheadrent .rentiboxr{float:right;width:65%;font-size:23px;padding:5px 0 0;} .brentq{padding:65px 0;} #blockrent .rentcat{padding:0px 0 100px 0;} #blockrent .rentcatbox{} #blockrent .rentcatl{width:50%;float:left;} #blockrent .rentcatr{width:50%;float:right;} #blockrent .rentcatblinfo{position:absolute;left:30px;top:50%;transform:translate(0%, -50%);} #blockrent .rentcatbline{height:400px;padding:50px 50px 0;margin:13px 26px;border-radius:67px;} #blockrent .rentcatbox a{} #blockrent .rentcatblicon{width:35%;float:left;padding: 0 20px 0 0;} #blockrent .rentcatbllist{width:65%;float:left;padding:30px 0 0 0;} #blockrent .rentcatblinfo h2{font-size:25px;line-height:25px;} #blockrent .rentcatbltt{padding:15px 20px 20px 0;} #blockrent .rentcatblbg{border-radius:16px;height:400px;width:100%;} #blockrent .rentcatblbg img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-height:500px;} #blockrent .rentcatbliteam{position:relative;top:10px;width:95%;} ul#rentcitem {font-size:20px;}ul#rentcitem li{margin:0 0 13px 0;} #rentplus .rentplhead{padding:20px 0px 50px;margin:0 50px;font-size:20px;} #rentplus .rentplhboxl{width:100%;padding:30px 0px 30px 0;} #rentplus .rentplhboxr{width:100%;} #rentplus .rentplhboxln{padding:0px 0 30px 0px;} #rentplus .rentplhboxln h3{padding:0;margin:0 0 10px;} /* Sider METAL & RENT */ #slidetwo .itemf{margin-left:5px;} #slideone .itemf{margin-left:5px;} /* Message block */ #messageblock {padding:0px 0 0;} #messageblock .messblinfo{width:100%;padding:50px 0px 0 0;} #messageblock .messblitname{font-size:35px;line-height:25px;} #messageblock .messblitextq{font-size:25px;line-height:25px;padding:15px 0 0 0;} #formmessage {width:100%;margin:0;} #messagebox {padding:40px 0 0px;} /* Single post & page */ #sideblock{width:35%;float:left;} #sideblock .menusbar{padding:60px 0 30px 10px;} #pagecontent{width:65%;float:right;padding:75px 0 0px 0;} #pagecontent .pagecontenth{padding:0 10% 50px 8%;} #singlhead h1 {font-size:35px;line-height:35px;} #singlhead .postinfo {padding:30px 0 0;font-size:20px;} #pagecontent p {line-height:27px;font-size:18px;} h2#textformat{font-size:30px;padding:15px 0 0 0;} h3#textformat{font-size:23px;} ul#textlist{line-height:27px;font-size:18px;} ul#sbarcat li{padding:15px 25px 13px 25px;} ul#sbarcat li.sbarcatt a{font-size:20px;}ul#sbarcat li.sbarcatn a{font-size:20px;}ul#sbarcat li.sbarcatb a{font-size:20px;} /* Page contact */ #headbg .headbgbox {height:800px;} ul#aboutitem{font-size:20px;} ul#aboutitem li {padding:0 30px 6px 0px;width:50%;float:left;} ul#aboutitem li a{} .aboutinfo {height:280px;padding:40px 0 0 0;} .aboutitemq{font-size:36px;} .aboutiph{padding:0 0 20px 0;} .aboutiph a{font-size:32px;} .aboutsmm {position:absolute;bottom:150px;} ul#fpsmmicon li.fpsmmicont {width:100%;padding: 0 0 20px 0;} ul#fpsmmicon li {display:inline-block;width:20%;} /* Page header */ #posthead{height:800px;margin:-800px 0 0 0;} #posthead .posthdcont{position:absolute;left:0;top:50%;transform:translate(0, -50%);} /* News */ #catnews{padding:0 20px 0 20px;} #catnews .postnew{width:100%;padding:0 0 50px;} #catnews .pnewtumb{width:100%;} #catnews .pnewbg{height:98%;} #catnews .postnew a{font-size:28px;} #catnews .pnewdate{font-size:18px;} /* WORKS PHOTO */ #pworks .item{width:50%;height:400px;} #pworks .pworksimg img{width:100%;height:100%;object-fit:cover;} #slidetwo .itemback{} /* POP COOKIE */ .cookie-content {max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;} h2#cookiectmat {font-size:30px;line-height:28px;padding:15px 0 0 0;} .cookiecttext {padding:0 50px;font-size:14px;} .cookie-content button { margin:0 0 0 50px;} /* Footer */ #footer .footerbllnk {display:none;} #footer .footerblcat {display:none;} #footer .footerblock {display:none;} #footer .footerblock {width:100%;padding:100px 30px 50px;} #footer .footerblbg {position:relative;} ul#faboutlnk {} ul#faboutlnk li{padding:20px 0 0;} ul#faboutlnk li a{font-size:18px;} ul#fsmmicon {padding:0;text-align:center;} ul#fsmmicon li {display:inline-block;padding:0 35px 0 0;} ul#fcontitem li { margin: 0 0 15px 0px;} ul#fcontitem li a {font-size: 25px;} #footer .footerintro {padding:30px 0 50px;background:#fff;} #footer .footerbllogo{display:inline-block;width:250px;padding:30px 0 0;} #footer .footerbltxt {vertical-align:top;text-align:center;font-size:22px;padding:29px 10px 0 0;} ul#fcontitem {text-align:center;margin:30px 0 0 0px;padding:0 0 0 0px;} #footer .siteinfo{height:100%;overflow:hidden;} #footer .siteinfoa{float:left;width:70%;padding:20px 0 20px 0;} #footer .siteinfob{float:right;padding:50px 0 0 0;} #footer .siteinfoaif{width:100%;overflow:hidden;} #footer .siteinfoal{float:left;width:50%;} #footer .siteinfoar{float:left;width:50%;} #footer .siteiaa{padding:10px 0 0px;} /* Scroll landing */ #services{top:0;} #price{top:0;} #shares{top:0;} #contacts{top:0px;} } /* -------------------------------------------#3-------- */ @media screen and (min-width:921px) and (max-width:1023px) { /* отступы по бокам */ .baseauto {padding:0 50px;} .basefull{padding: 0 50px;} /* mobile nav */ #navmobile{display:none;} /* Head nav */ #headpanel .navigation {display:none;} nav a {padding:35px 20px 22px; font-size:13px;} #headpanel .infoblock{margin: 0 0 0 0; padding:7px 0px 0px;} #headpanel .infoblockm a{font-size:17px;padding:15px 25px 13px;} #headpanel .infoblockm{float:left;margin:0 30px 0 0;text-align:left;color:white;} .transbg{background:rgb(219 219 219 / 97%);} #hboxservice{} #hboxservice .hbserviceiteam{font-size:17px;padding:17px 20px 0;height:150px;} #hboxservice .hbserviceiteam img{position:relative;top:11px;width:44px;} #hboxservice .hbserviceicon {padding:0 0 13px;} /* Full menu */ #fullnavpanel .mobilefpanel{display:none;} #fullnavpanel .fullpanelblock{width:100%;} #fullnavpanel .fullplboxl{margin:0 0px;text-align:left; padding:60px 0 0 30px;} #fullnavpanel .fullplbox{margin:0 0px;float:left;width:36%;} #fullnavpanel .fullplboxfa{border-left:1px solid #e9e9e96b;padding:0 30px 0 30px;} #fullnavpanel .fullplbrcont{height:190px;border:0px solid #e9e9e96b;margin:0 0 20px 0;border-radius:20px;position:relative;} #fullnavpanel .fullplbrcontbg{padding:0px 20px 0 30px;position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);} #fullnavpanel .fullplbrcontbg img{position:relative;top:-16px;margin:0 25px 0 0;opacity:0.5;float:left;} #headpanel .fullnav {margin:27px 0 0 60px;} #headpanel .mobbgfnav{display:none;} ul.fullplname{padding:20px 0 0;} ul.fullplname li{position:relative;padding:0 0 10px;} ul.fullplname li a{font-size:28px;padding:15px 0 10px;} #fullnavpanel .fullpltitle{padding:0px 0 10px 0;} #fullnavpanel .fullpltitle a{font-size:25px;padding:10px 0;} #fullnavpanel .fullpltitlex{padding:0px 0 20px 0;font-size:25px;line-height:25px;} #fullnavpanel ul.fullpanelmenu {margin:0 0 30px 0;} ul.fullpanelmenu li a{font-size:16px;padding:8px 0;} #closebase{top:42px;right:27px;width:65px;height:50px;} /* slider */ ul#slidboxtx li{} /* Text */ #pageblockitem{font-size:19px;padding:0px 0 0 0;} #blockplan .planline{font-size:19px;margin:0px 0 0px 0;} h2#pagetitle {font-size: 35px;} a.alllink{font-size:17px;letter-spacing:-0.4px;line-height:65px;padding:15px 25px 13px 25px;} /* Call back */ #offservice {width: 620px;border-radius:13px;} #offservice .wautoservice{margin:2% auto 6%;padding:20px 0px 0;width:408px;} #results-service .resultsbox{width:600px;margin:15% auto;} /* SERVICES PAGE top menu */ #pagesplnk{display:none;} /* About home */ #blockabout .aboutplitmid{font-size:20px;float:left;width:50%;padding:130px 30px 100px;} #blockabout .aboutplitmfx{position:relative;} #blockabout .aboutplii{margin:-40px 0px 0px 0;padding:0 0 100px 0;} #blockabout .aboutplitem img{width:70px;opacity:0.8;} #blockabout .aboutplitem {float:left;width:100%;margin:20px 20px;padding:50px 50px 50px 50px;} #blockabout .aboutplitxt{padding:0px;font-size:20px;} /* FAQ */ #blfaq{padding:60px 0 80px;} .faq-drawer {padding:0px 0 0;margin:0 auto;width:70%;} #blfaq .blfaqinfo{margin:0 auto;width:70%;} /* Rent spectehnika home */ #hheadrent{padding:101px 0 0 0;} #hheadrent .rentinfo{padding:50px 30px 0px;margin:0 0px;} #hheadrent .rentibox{float:left;width:35%;} #hheadrent .rentiboxr{float:right;width:65%;font-size:23px;padding:5px 0 0;} .brentq{padding:65px 0;} #blockrent .rentcat{padding:0px 0 100px 0;} #blockrent .rentcatbox{} #blockrent .rentcatl{width:50%;float:left;} #blockrent .rentcatr{width:50%;float:right;} #blockrent .rentcatblinfo{position:absolute;left:30px;top:50%;transform:translate(0%, -50%);} #blockrent .rentcatbline{height:400px;padding:50px 50px 0;margin:13px 26px;border-radius:67px;} #blockrent .rentcatbox a{} #blockrent .rentcatblicon{width:35%;float:left;padding: 0 30px 0 0;} #blockrent .rentcatbllist{width:65%;float:left;padding:30px 0 0 0;} #blockrent .rentcatblinfo h2{font-size:25px;line-height:25px;} #blockrent .rentcatbltt{padding:15px 20px 20px 0;} #blockrent .rentcatblbg{border-radius:16px;height:400px;width:100%;} #blockrent .rentcatblbg img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-height:500px;} #blockrent .rentcatbliteam{position:relative;top:10px;width:95%;} ul#rentcitem {font-size:20px;}ul#rentcitem li{margin:0 0 13px 0;} #rentplus .rentplhead{padding:20px 0px 50px;margin:0 50px;font-size:20px;} #rentplus .rentplhboxl{width:100%;padding:30px 0px 30px 0;} #rentplus .rentplhboxr{width:100%;} #rentplus .rentplhboxln{padding:0px 0 30px 0px;} #rentplus .rentplhboxln h3{padding:0;margin:0 0 10px;} /* Sider METAL & RENT */ #slidetwo .itemf{margin-left:5px;} #slideone .itemf{margin-left:5px;} /* Message block */ #messageblock {padding:100px 0 0;} #messageblock .messblinfo{width:49%;float:left;padding:129px 30px 0 0;} #messageblock .messblitname{font-size:35px;line-height:25px;} #messageblock .messblitextq{font-size:25px;line-height:25px;padding:15px 0 0 0;} #formmessage {width:50%;float:right;margin:0;} #messagebox {padding:100px 0 0px;} /* Single post & page */ #sideblock{width:35%;float:left;} #sideblock .menusbar{padding:60px 0 30px 30px} #pagecontent{width:65%;float:right;padding:75px 0 0px 0;} #pagecontent .pagecontenth{padding:0 10% 50px 8%;} #singlhead h1 {font-size:35px;line-height:35px;} #singlhead .postinfo {padding:35px 0 0;font-size:20px;} #pagecontent p {line-height:27px;font-size:18px;} h2#textformat{font-size:30px;padding:15px 0 0 0;} h3#textformat{font-size:25px;} ul#textlist{line-height:27px;font-size:18px;} ul#sbarcat li{padding:15px 25px 13px 25px;} ul#sbarcat li.sbarcatt a{font-size:20px;}ul#sbarcat li.sbarcatn a{font-size:20px;}ul#sbarcat li.sbarcatb a{font-size:20px;} /* Page contact */ #headbg .headbgbox {height:800px;} ul#aboutitem{font-size:20px;} ul#aboutitem li {padding:0 30px 6px 0px;width:50%;float:left;} ul#aboutitem li a{} .aboutinfo {height:280px;padding:40px 0 0 0;} .aboutitemq{font-size:36px;} .aboutiph{padding:0 0 20px 0;} .aboutiph a{font-size:32px;} .aboutsmm {position:absolute;bottom:130px;} ul#fpsmmicon li.fpsmmicont {width:30%} ul#fpsmmicon li {display:inline-block;width:10%;} /* Page header */ #posthead{height:800px;margin:-800px 0 0 0;} #posthead .posthdcont{position:absolute;left:0;top:50%;transform:translate(0, -50%);} /* News */ #catnews{padding:0 20px 0 20px;} #catnews .postnew{width:100%;padding:0 0 50px;} #catnews .pnewtumb{width:100%;} #catnews .pnewbg{height:98%;} #catnews .postnew a{font-size:28px;} #catnews .pnewdate{font-size:18px;} /* WORKS PHOTO */ #pworks .item{width:50%;height:400px;} #pworks .pworksimg img{width:100%;height:100%;object-fit:cover;} #slidetwo .itemback{} /* POP COOKIE */ .cookie-content {max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;} h2#cookiectmat {font-size:30px;line-height:28px;padding:15px 0 0 0;} .cookiecttext {padding:0 50px;font-size:14px;} .cookie-content button { margin:0 0 0 50px;} /* Footer */ #footer .footerbllnk {width:24%;float:left;} #footer .footerblcat {width:38%;float:left;border-right:1px solid #ffffff;} #footer .footerblock {width:38%;float:right;} #footer .footerblbg {position:relative;margin:0 0 0 10%;padding:80px 20px 50px 0;} ul#faboutlnk {} ul#faboutlnk li{padding:20px 0 0;} ul#faboutlnk li a{font-size:16px;} ul#faboutlnk li.faboutlnkop {padding:20px 0 0px 0px;} ul#faboutlnk li.faboutlnkopa {padding:10px 0 0px 0px;}ul#faboutlnk li.faboutlnkopa a{font-size:15px;padding:0 0 0 10px;} ul#fsmmicon {padding:0;text-align:left;} ul#fsmmicon li {display:inline-block;padding:0 15px 0 0;} ul.fsmmimob{display:none;} ul#fcontitem li { margin:0 0 15px 0px;} ul#fcontitem li a {font-size:25px;} #footer .footerintro {padding:30px 0 50px;background:#fff;} #footer .footerbllogo{display: inline-block;width:20%;text-align:center;} #footer .footerbltxt {vertical-align:top;text-align:left;font-size:25px;padding:29px 50px 0 0;display:inline-block;width:39%;} ul#fcontitem {text-align:left;margin:30px 0 0 0px;padding:0 0 0 10px;display:inline-block;width:39%;} #footer .siteinfo{height:100%;overflow:hidden;} #footer .siteinfoa{float:left;width:70%;padding:20px 0 20px 0;} #footer .siteinfob{float:right;padding:50px 0 0 0;} #footer .siteinfoaif{width:100%;overflow:hidden;} #footer .siteinfoal{float:left;width:50%;} #footer .siteinfoar{float:left;width:50%;} #footer .siteiaa{padding:10px 0 0px;} /* Scroll landing */ #price{top:-55px;} #shares{top:-55px;} #contacts{top:-70px;} } /* -------------------------------------------#4-------- */ @media screen and (min-width:1024px) and (max-width:1149px) { /* отступы по бокам */ .baseauto {padding:0 50px;} .basefull{padding: 0 50px;} /* mobile nav */ #navmobile{display:none;} /* Head nav */ #headpanel .navigation {display:none;} nav a {padding:35px 20px 22px; font-size:13px;} #headpanel .infoblock{margin: 0 0 0 0; padding:7px 0px 0px;} #headpanel .infoblockm a{font-size:17px;padding:15px 25px 13px;} #headpanel .infoblockm{float:left;margin:0 30px 0 0;text-align:left;color:white;} .transbg{background:rgb(219 219 219 / 97%);} #hboxservice{} #hboxservice .hbserviceiteam{font-size:18px;padding:19px 20px 0;height:150px;} #hboxservice .hbserviceiteam img{position:relative;top:11px;width:44px;} #hboxservice .hbserviceicon {padding:0 0 13px;} /* Full menu */ #fullnavpanel .mobilefpanel{display:none;} #fullnavpanel .fullpanelblock{width:100%;} #fullnavpanel .fullplboxl{margin:0 0px;text-align:left; padding:80px 0 0 30px;} #fullnavpanel .fullplbox{margin:0 0px;float:left;width:36%;} #fullnavpanel .fullplboxfa{border-left:1px solid #e9e9e96b;padding:0 30px 0 30px;} #fullnavpanel .fullplbrcont{height:200px;border:0px solid #e9e9e96b;margin:0 0 20px 0;border-radius:20px;position:relative;} #fullnavpanel .fullplbrcontbg{padding:0px 0 0 30px;position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);} #fullnavpanel .fullplbrcontbg img{position:relative;top:-16px;margin:0 25px 0 0;opacity:0.5;float:left;} #headpanel .fullnav {margin:27px 0 0 60px;} #headpanel .mobbgfnav{display:none;} ul.fullplname{padding:20px 0 0;} ul.fullplname li{position:relative;padding:0 0 10px;} ul.fullplname li a{font-size:30px;padding:15px 0 10px;} #fullnavpanel .fullpltitle{padding:0px 0 20px 0;} #fullnavpanel .fullpltitle a{font-size:25px;padding:10px 0;line-height:45px;} #fullnavpanel .fullpltitlex{padding:0px 0 20px 0;font-size:25px;line-height:28px;} #fullnavpanel ul.fullpanelmenu {margin:0 0 30px 0;} ul.fullpanelmenu li a{font-size:17px;padding:8px 0;} #closebase{top:42px;right:27px;width:65px;height:50px;} /* slider */ ul#slidboxtx li{} /* Text */ #pageblockitem{font-size:19px;padding:0px 0 0 0;} #blockplan .planline{font-size:19px;margin:0px 0 0px 0;} h2#pagetitle {font-size: 35px;} a.alllink{font-size:17px;letter-spacing:-0.4px;line-height:65px;padding:15px 25px 13px 25px;} /* Call back */ #offservice {width: 620px;border-radius:13px;} #offservice .wautoservice{margin:2% auto 6%;padding:20px 0px 0;width:408px;} #results-service .resultsbox{width:600px;margin:15% auto;} /* SERVICES PAGE top menu */ #pagesplnk{display:none;} /* About home */ #blockabout .aboutplitmid{font-size:20px;float:left;width:50%;padding:230px 50px 200px 50px;} #blockabout .aboutplitmfx{position:relative;} #blockabout .aboutplii{margin:-40px 0px 0px 0;padding:0 0 100px 0;} #blockabout .aboutplitem img{width:70px;opacity:0.8;} #blockabout .aboutplitem {float:left;width:100%;margin:20px 20px;padding:50px 50px 50px 50px;} #blockabout .aboutplitxt{padding:10px 0 0;font-size:20px;} /* FAQ */ #blfaq{padding:60px 0 80px;} .faq-drawer {padding:0px 0 0;margin:0 auto;width:70%;} #blfaq .blfaqinfo{margin:0 auto;width:70%;} /* Rent spectehnika home */ #hheadrent{padding:101px 0 0 0;} #hheadrent .rentinfo{padding:50px 50px 0px;margin:0 0px;} #hheadrent .rentibox{float:left;width:35%;} #hheadrent .rentiboxr{float:right;width:65%;font-size:23px;padding:5px 0 0;} .brentq{padding:65px 0;} #blockrent .rentcat{padding:0px 0 100px 0;} #blockrent .rentcatbox{} #blockrent .rentcatl{width:50%;float:left;} #blockrent .rentcatr{width:50%;float:right;} #blockrent .rentcatblinfo{position:absolute;left:30px;top:50%;transform:translate(0%, -50%);} #blockrent .rentcatbline{height:400px;padding:50px 50px 0;margin:13px 26px;border-radius:67px;} #blockrent .rentcatbox a{} #blockrent .rentcatblicon{width:35%;float:left;padding: 0 30px 0 0;} #blockrent .rentcatbllist{width:65%;float:left;padding:30px 0 0 0;} #blockrent .rentcatblinfo h2{font-size:25px;line-height:25px;} #blockrent .rentcatbltt{padding:15px 20px 20px 0;} #blockrent .rentcatblbg{border-radius:16px;height:400px;width:100%;} #blockrent .rentcatblbg img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-height:500px;} #blockrent .rentcatbliteam{position:relative;top:10px;width:95%;} ul#rentcitem {font-size:20px;}ul#rentcitem li{margin:0 0 13px 0;} #rentplus .rentplhead{padding:80px 50px 50px;margin:0 0px;font-size:20px;} #rentplus .rentplhboxl{float:left;width:50%;padding:30px 80px 0 0;} #rentplus .rentplhboxr{float:right;width:50%;} #rentplus .rentplhboxln{padding:0px 0 60px 50px;} #rentplus .rentplhboxln h3{padding:0;margin:0 0 40px;} /* Sider METAL & RENT */ #slidetwo .itemf{margin-left:5px;} #slideone .itemf{margin-left:5px;} /* Message block */ #messageblock {padding:100px 0 0;} #messageblock .messblinfo{width:49%;float:left;padding:129px 30px 0 0;} #messageblock .messblitname{font-size:35px;line-height:25px;} #messageblock .messblitextq{font-size:25px;line-height:25px;padding:15px 0 0 0;} #formmessage {width:50%;float:right;margin:0;} #messagebox {padding:100px 0 0px;} /* Single post & page */ #sideblock{width:35%;float:left;} #sideblock .menusbar{padding:60px 0 30px 50px;} #pagecontent{width:65%;float:right;padding:75px 0 0px 0;} #pagecontent .pagecontenth{padding:0 10% 50px 8%;} #singlhead h1 {font-size:45px;line-height:45px;} #singlhead .postinfo {padding:35px 0 0;font-size:20px;} #pagecontent p {line-height:30px;font-size:19px;} h2#textformat{font-size:30px;padding:15px 0 0 0;} h3#textformat{font-size:25px;} ul#textlist{line-height:27px;font-size:18px;} ul#sbarcat li{padding:15px 25px 13px 25px;} ul#sbarcat li.sbarcatt a{font-size:20px;}ul#sbarcat li.sbarcatn a{font-size:20px;}ul#sbarcat li.sbarcatb a{font-size:20px;} /* Page contact */ #headbg .headbgbox {height:800px;} ul#aboutitem{font-size:20px;} ul#aboutitem li {padding:0 30px 6px 0px;width:50%;float:left;} ul#aboutitem li a{} .aboutinfo {height:280px;padding:40px 0 0 0;} .aboutitemq{font-size:36px;} .aboutiph{padding:0 0 20px 0;} .aboutiph a{font-size:32px;} .aboutsmm {position:absolute;bottom:130px;} ul#fpsmmicon li.fpsmmicont {width:30%} ul#fpsmmicon li {display:inline-block;width:10%;} /* Page header */ #posthead{height:800px;margin:-800px 0 0 0;} #posthead .posthdcont{position:absolute;left:0;top:50%;transform:translate(0, -50%);} /* News */ #catnews{padding:0 20px 0 20px;} #catnews .postnew{width:100%;padding:0 0 50px;} #catnews .pnewtumb{width:100%;} #catnews .pnewbg{height:98%;} #catnews .postnew a{font-size:28px;} #catnews .pnewdate{font-size:18px;} /* WORKS PHOTO */ #pworks .item{width:33%;height:400px;} #pworks .pworksimg img{width:100%;height:100%;object-fit:cover;} #slidetwo .itemback{} /* POP COOKIE */ .cookie-content {max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;} h2#cookiectmat {font-size:30px;line-height:28px;padding:15px 0 0 0;} .cookiecttext {padding:0 50px;font-size:14px;} .cookie-content button { margin:0 0 0 50px;} /* Footer */ #footer .footerbllnk {width:24%;float:left;} #footer .footerblcat {width:38%;float:left;border-right:1px solid #ffffff;} #footer .footerblock {width:38%;float:right;} #footer .footerblbg {position:relative;margin:0 0 0 10%;padding:80px 20px 50px 0;} ul#faboutlnk {} ul#faboutlnk li{padding:20px 0 0;} ul#faboutlnk li a{font-size:16px;} ul#faboutlnk li.faboutlnkop {padding:20px 0 0px 0px;} ul#faboutlnk li.faboutlnkopa {padding:10px 0 0px 0px;}ul#faboutlnk li.faboutlnkopa a{font-size:15px;padding:0 0 0 10px;} ul#fsmmicon {padding:0;text-align:left;} ul#fsmmicon li {display:inline-block;padding:0 15px 0 0;} ul.fsmmimob{display:none;} ul#fcontitem li { margin: 0 0 15px 0px;} ul#fcontitem li a {font-size: 25px;} #footer .footerintro {padding:30px 0 50px;background:#fff;} #footer .footerbllogo{display: inline-block;width:20%;text-align:center;} #footer .footerbltxt {vertical-align:top;text-align:left;font-size:25px;padding:29px 50px 0 0;display:inline-block;width:39%;} ul#fcontitem {text-align:left;margin:30px 0 0 0px;padding:0 0 0 20px;display:inline-block;width:39%;} #footer .siteinfo{height:100%;overflow:hidden;} #footer .siteinfoa{float:left;width:70%;padding:20px 0 20px 0;} #footer .siteinfob{float:right;padding:50px 0 0 0;} #footer .siteinfoaif{width:100%;overflow:hidden;} #footer .siteinfoal{float:left;width:50%;} #footer .siteinfoar{float:left;width:50%;} #footer .siteiaa{padding:10px 0 0px;} /* Scroll landing */ #price{top:-55px;} #shares{top:-55px;} #contacts{top:-70px;} } /* -------------------------------------------#5-------- */ @media screen and (min-width:1150px) and (max-width:1359px) { /* отступы по бокам */ .baseauto {padding:0 50px;} .basefull{padding: 0 50px;} /* mobile nav */ #navmobile{display:none;} /* Head nav */ #headpanel .navigation {margin:0px 0 0 5%;} nav a {padding:35px 23px 22px; font-size:15px;} #headpanel .infoblock{margin: 0 0 0 0; padding:7px 0px 0px;} #headpanel .infoblockm a{font-size:17px;padding:15px 25px 13px;} #headpanel .infoblockm{display:none;float:left;margin:0 30px 0 0;text-align:left;color:white;} .transbg{background:rgb(219 219 219 / 97%);} #hboxservice{} #hboxservice .hbserviceiteam{font-size:19px;padding:33px 20px 0;height:150px;} #hboxservice .hbserviceiteam img{position:relative;top:11px;width:44px;} #hboxservice .hbserviceicon {display:inline-block;} /* Full menu */ #fullnavpanel .mobilefpanel{display:none;} #fullnavpanel .fullpanelblock{width:100%;} #fullnavpanel .fullplboxl{margin:0 0px;text-align:left;padding:100px 0 0 60px;} #fullnavpanel .fullplbox{margin:0 0px;float:left;width:37%;} #fullnavpanel .fullplboxfa{border-left:1px solid #e9e9e96b;padding:0 30px 0 30px;} #fullnavpanel .fullplbrcont{height:220px;border:0px solid #e9e9e96b;margin:0 0 20px 0;border-radius:20px;position:relative;} #fullnavpanel .fullplbrcontbg{padding:0px 0 0 30px;position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);} #fullnavpanel .fullplbrcontbg img{position:relative;top:-16px;margin:0 25px 0 0;opacity:0.5;float:left;} #headpanel .fullnav {margin:27px 0 0 0px;} #headpanel .mobbgfnav{display:none;} ul.fullplname{padding:20px 0 0;} ul.fullplname li{position:relative;padding:0 0 10px;} ul.fullplname li a{font-size:30px;padding:15px 0 10px;} #fullnavpanel .fullpltitle{padding:0px 0 20px 0;} #fullnavpanel .fullpltitle a{font-size:25px;padding:10px 0;line-height:45px;} #fullnavpanel .fullpltitlex{font-size:26px;padding:10px 0;line-height:30px;} #fullnavpanel ul.fullpanelmenu {margin:0 0 30px 0;} ul.fullpanelmenu li a{font-size:20px;padding:8px 0;} #closebase{top:42px;right:27px;width:65px;height:50px;} /* slider */ ul#slidboxtx li{width:260px;} /* Text */ #pageblockitem{font-size:20px;padding:0px 0 0 0;} #blockplan .planline{font-size:20px;margin:0px 0 0px 0;} h2#pagetitle {font-size: 35px;} a.alllink{font-size:17px;letter-spacing:-0.4px;line-height:65px;padding:15px 25px 13px 25px;} /* Call back */ #offservice {width: 620px;border-radius:13px;} #offservice .wautoservice{margin:2% auto 6%;padding:20px 0px 0;width:408px;} #results-service .resultsbox{width:600px;margin:15% auto;} /* SERVICES PAGE top menu */ #pagesplnk{display:none;} /* About home */ #blockabout .aboutplitmid{font-size:20px;float:left;width:50%;padding:230px 50px 200px 50px;} #blockabout .aboutplitmfx{position:relative;} #blockabout .aboutplii{margin:-40px 0px 0px 0;padding:0 0 100px 0;} #blockabout .aboutplitem img{width:70px;opacity:0.8;} #blockabout .aboutplitem {float:left;width:100%;margin:20px 20px;padding:50px 50px 50px 50px;} #blockabout .aboutplitxt{padding:10px 0 0;font-size:20px;} /* FAQ */ #blfaq{padding:60px 0 80px;} .faq-drawer {padding:0px 0 0;margin:0 auto;width:70%;} #blfaq .blfaqinfo{margin:0 auto;width:70%;} /* Rent spectehnika home */ #hheadrent{padding:101px 0 0 0;} #hheadrent .rentinfo{padding:50px 50px 0px;margin:0 0px;} #hheadrent .rentibox{float:left;width:35%;} #hheadrent .rentiboxr{float:right;width:65%;font-size:23px;padding:5px 0 0;} .brentq{padding:65px 0;} #blockrent .rentcat{padding:0px 0 100px 0;} #blockrent .rentcatbox{} #blockrent .rentcatl{width:50%;float:left;} #blockrent .rentcatr{width:50%;float:right;} #blockrent .rentcatblinfo{position:absolute;left:30px;top:50%;transform:translate(0%, -50%);} #blockrent .rentcatbline{height:400px;padding:50px 50px 0;margin:13px 26px;border-radius:67px;} #blockrent .rentcatbox a{} #blockrent .rentcatblicon{width:35%;float:left;padding: 0 30px 0 0;} #blockrent .rentcatbllist{width:65%;float:left;padding:30px 0 0 0;} #blockrent .rentcatblinfo h2{font-size:25px;line-height:25px;} #blockrent .rentcatbltt{padding:15px 20px 20px 0;} #blockrent .rentcatblbg{border-radius:16px;height:400px;width:100%;} #blockrent .rentcatblbg img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-height:500px;} #blockrent .rentcatbliteam{position:relative;top:10px;width:95%;} ul#rentcitem {font-size:20px;}ul#rentcitem li{margin:0 0 13px 0;} #rentplus .rentplhead{padding:80px 50px 50px;margin:0 50px;font-size:20px;} #rentplus .rentplhboxl{float:left;width:50%;padding:30px 80px 0 0;} #rentplus .rentplhboxr{float:right;width:50%;} #rentplus .rentplhboxln{padding:0px 0 60px 50px;} #rentplus .rentplhboxln h3{padding:0;margin:0 0 40px;} /* Sider METAL & RENT */ #slidetwo .itemf{margin-left:5px;} #slideone .itemf{margin-left:5px;} /* Message block */ #messageblock {padding:100px 0 0;} #messageblock .messblinfo{width:49%;float:left;padding:129px 30px 0 0;} #messageblock .messblitname{font-size:35px;line-height:25px;} #messageblock .messblitextq{font-size:25px;line-height:25px;padding:15px 0 0 0;} #formmessage {width:50%;float:right;margin:0;} #messagebox {padding:100px 0 0px;} /* Single post & page */ #sideblock{width:35%;float:left;} #sideblock .menusbar{padding:60px 0 30px 20%;} #pagecontent{width:65%;float:right;padding:75px 0 0px 0;} #pagecontent .pagecontenth{padding:0 10% 50px 8%;} #singlhead h1 {font-size:45px;line-height:45px;} #singlhead .postinfo {padding:35px 0 0;font-size:20px;} #pagecontent p {line-height:33px;font-size:21px;} h2#textformat{font-size:30px;padding:15px 0 0 0;} h3#textformat{font-size:25px;} ul#textlist{line-height:27px;font-size:18px;} ul#sbarcat li{padding:15px 25px 13px 25px;} ul#sbarcat li.sbarcatt a{font-size:22px;}ul#sbarcat li.sbarcatn a{font-size: 22px;}ul#sbarcat li.sbarcatb a {font-size:22px;} /* Page contact */ #headbg .headbgbox {height:800px;} ul#aboutitem{font-size:20px;} ul#aboutitem li {padding:0 30px 6px 0px;width:50%;float:left;} ul#aboutitem li a{} .aboutinfo {height:280px;padding:40px 0 0 0;} .aboutitemq{font-size:36px;} .aboutiph{padding:0 0 20px 0;} .aboutiph a{font-size:32px;} .aboutsmm {position:absolute;bottom:130px;} ul#fpsmmicon li.fpsmmicont {width:30%} ul#fpsmmicon li {display:inline-block;width:10%;} /* Page header */ #posthead{height:800px;margin:-800px 0 0 0;} #posthead .posthdcont{position:absolute;left:0;top:50%;transform:translate(0, -50%);} /* News */ #catnews{padding:0 20px 0 20px;} #catnews .postnew{width:100%;padding:0 0 50px;} #catnews .pnewtumb{width:100%;} #catnews .pnewbg{height:98%;} #catnews .postnew a{font-size:28px;} #catnews .pnewdate{font-size:18px;} /* WORKS PHOTO */ #pworks .item{width:33%;height:400px;} #pworks .pworksimg img{width:100%;height:100%;object-fit:cover;} #slidetwo .itemback{} /* POP COOKIE */ .cookie-content {max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;} h2#cookiectmat {font-size:30px;line-height:28px;padding:15px 0 0 0;} .cookiecttext {padding:0 50px;font-size:14px;} .cookie-content button { margin:0 0 0 50px;} /* Footer */ #footer .footerbllnk {width:24%;float:left;} #footer .footerblcat {width:38%;float:left;border-right:1px solid #ffffff;} #footer .footerblock {width:38%;float:right;} #footer .footerblbg {position:relative;margin:0 0 0 10%;padding:80px 20px 50px 0;} ul#faboutlnk {} ul#faboutlnk li{padding:20px 0 0;} ul#faboutlnk li a{font-size:16px;} ul#faboutlnk li.faboutlnkop {padding:20px 0 0px 10px;} ul#faboutlnk li.faboutlnkopa {padding:10px 0 0px 10px;}ul#faboutlnk li.faboutlnkopa a{font-size:15px;padding:0 0 0 10px;} ul#fsmmicon {padding:0;text-align:left;} ul#fsmmicon li {display:inline-block;padding:0 25px 0 0;} ul.fsmmimob{display:none;} ul#fcontitem li { margin: 0 0 15px 0px;} ul#fcontitem li a {font-size: 25px;} #footer .footerintro {padding:30px 0 50px;background:#fff;} #footer .footerbllogo{display: inline-block;width:20%;text-align:center;} #footer .footerbltxt {vertical-align:top;text-align:left;font-size:25px;padding:29px 50px 0 0;display:inline-block;width:39%;} ul#fcontitem {text-align:left;margin:30px 0 0 0px;padding:0 0 0 50px;display:inline-block;width:39%;} #footer .siteinfo{height:100%;overflow:hidden;} #footer .siteinfoa{float:left;width:70%;padding:20px 0 20px 0;} #footer .siteinfob{float:right;padding:50px 0 0 0;} #footer .siteinfoaif{width:100%;overflow:hidden;} #footer .siteinfoal{float:left;width:50%;} #footer .siteinfoar{float:left;width:50%;} #footer .siteiaa{padding:10px 0 0px;} /* Scroll landing */ #price{top:-55px;} #shares{top:-55px;} #contacts{top:-70px;} } /* -------------------------------------------#6-END--- */ @media screen and (min-width:1360px) { /* отступы по бокам */ .baseauto {padding:0 50px;max-width:1300px} .basefull{padding: 0 50px;} /* mobile nav */ #navmobile{display:none;} /* header */ #headsbg .headsbox img {width: 100%;height:100%;object-fit:cover;} #headbg .headbgbox img {width: 100%;height:100%;object-fit:cover;} /* Head nav */ #headpanel .navigation {margin:0px 0 0 10%;} nav a {padding:35px 20px 22px;font-size:15px;} #headpanel .infoblock{margin: 0 0 0 0; padding:7px 0px 0px;} #headpanel .infoblockm a{font-size:17px;padding:15px 25px 13px;} #headpanel .infoblockm{float:left;margin:0 20px 0 0;text-align:left;color:white;} .transbg{background:rgb(219 219 219 / 97%);} #hboxservice{} #hboxservice .hbserviceiteam{font-size:19px;padding:33px 20px 0;height:150px;} #hboxservice .hbserviceiteam img{position:relative;top:11px;width:48px;} #hboxservice .hbserviceicon {display:inline-block;} /* Full menu */ #fullnavpanel .mobilefpanel{display:none;} #fullnavpanel .fullpanelblock{width:100%;} #fullnavpanel .fullplbox{margin:0 0px;float:left;width:36%;} #fullnavpanel .fullplboxfa{border-left:1px solid #e9e9e96b;padding:0 30px 0 30px;} #fullnavpanel .fullplbrcont{height:220px;border:0px solid #e9e9e96b;margin:0 0 20px 0;border-radius:20px;position:relative;} #fullnavpanel .fullplbrcontbg{padding:0px 0 0 50px;position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);} #fullnavpanel .fullplbrcontbg img{position:relative;top:-16px;margin:0 25px 0 0;opacity:0.5;float:left;} #headpanel .fullnav {margin:27px 0 0 60px;} #headpanel .mobbgfnav{display:none;} ul.fullplname{padding:20px 0 0;} ul.fullplname li{position:relative;padding:0 0 10px;} ul.fullplname li a{font-size:33px;padding:15px 0 10px;} #fullnavpanel .fullpltitle{padding:0px 0 20px 0;} #fullnavpanel .fullpltitle a{font-size:25px;padding:10px 0;line-height:45px;} #fullnavpanel .fullpltitlex{padding:0px 0 20px 0;font-size:30px;padding:10px 0;line-height:34px;} #fullnavpanel ul.fullpanelmenu {margin:0 0 30px 0;} ul.fullpanelmenu li a{font-size:20px;padding:8px 0;} #closebase{top:42px;right:27px;width:65px;height:50px;} /* slider */ ul#slidboxtx li{width:280px;} /* Text */ #pageblockitem{font-size:20px;padding:0px;} #blockplan .planline{font-size:20px;margin:0px 0 0px 0;} h2#pagetitle {font-size: 35px;} a.alllink{font-size:17px;letter-spacing:-0.4px;line-height:65px;padding:15px 25px 13px 25px;} /* Call back */ #offservice {width: 620px;border-radius:13px;} #offservice .wautoservice{margin:2% auto 6%;padding:20px 0px 0;width:408px;} #results-service .resultsbox{width:600px;margin:15% auto;} /* SERVICES PAGE top menu */ #pagesplnk{display:none;} /* About home */ #blockabout .aboutplitmid{font-size:23px;float:left;width:50%;padding:230px 50px 200px 100px;} #blockabout .aboutplitmfx{position:relative;} #blockabout .aboutplii{margin:-40px 0px 0px 0;padding:0 0 100px 0;} #blockabout .aboutplitem img{width:80px;float:left;} #blockabout .aboutplitem {float:left;width:100%;margin:20px 20px;padding:100px 50px 80px 50px;} #blockabout .aboutplitxt{padding:0 0 0 50px;font-size:20px;} /* FAQ */ #blfaq{padding:60px 0 80px;} .faq-drawer {padding:0px 0 0;margin:0 auto;width:70%;} #blfaq .blfaqinfo{margin:0 auto;width:70%;} /* Rent spectehnika home */ #hheadrent{padding:101px 0 0 0;} #hheadrent .rentinfo{padding:80px 50px 50px;margin:0 50px;} #hheadrent .rentibox{float:left;width:35%;} #hheadrent .rentiboxr{float:right;width:65%;font-size:23px;padding:5px 0 0;} .brentq{padding:65px 0;} #blockrent .rentcat{padding:0px 0 100px 0;} #blockrent .rentcatbox{} #blockrent .rentcatl{width:50%;float:left;} #blockrent .rentcatr{width:50%;float:right;} #blockrent .rentcatblinfo{position:absolute;left:30px;top:50%;transform:translate(0%, -50%);} #blockrent .rentcatbline{height:500px;padding:50px 50px 0;margin:13px 26px;border-radius:67px;} #blockrent .rentcatbox a{} #blockrent .rentcatblicon{width:190px;float:left;padding: 0 60px 0 0;} #blockrent .rentcatbllist{float:left;padding:30px 0 0 0;} #blockrent .rentcatblinfo h2{font-size:25px;line-height:25px;} #blockrent .rentcatbltt{padding:15px 20px 20px 0;} #blockrent .rentcatblbg{border-radius:16px;height:500px;width:100%;} #blockrent .rentcatblbg img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-height:500px;} #blockrent .rentcatbliteam{position:relative;top:10px;width:95%;} ul#rentcitem {font-size:25px;}ul#rentcitem li{margin:0 0 13px 0;} #rentplus .rentplhead{padding:80px 50px 50px;margin:0 50px;font-size:23px;} #rentplus .rentplhboxl{float:left;width:50%;padding:30px 80px 0 0;} #rentplus .rentplhboxr{float:right;width:50%;} #rentplus .rentplhboxln{padding:0px 0 60px 50px;} #rentplus .rentplhboxln h3{padding:0;margin:0 0 40px;} /* Sider METAL & RENT */ #slidetwo .itemf{margin-left:100px;} #slideone .itemf{margin-left:100px;} /* Message block */ #messageblock {padding:140px 0 0;} #messageblock .messblinfo{width:49%;float:left;padding:67px 30px 0 0;} #messageblock .messblitname{font-size:35px;line-height:25px;} #messageblock .messblitextq{font-size:25px;line-height:25px;padding:60px 0 0 0;} #formmessage {width:50%;float:right;margin:0;} #messagebox {padding:30px 0 0px;} /* Single post & page */ #sideblock{width:35%;float:left;} #sideblock .menusbar{padding:60px 0 30px 20%;} #pagecontent{width:65%;float:right;padding:75px 0 0px 0;} #pagecontent .pagecontenth{padding:0 10% 50px 8%;} #singlhead h1 {font-size:45px;line-height:45px;} #singlhead .postinfo {padding:35px 0 0;font-size:20px;} #pagecontent p {line-height:33px;font-size:21px;} h2#textformat{font-size:30px;padding:15px 0 0 0;} h3#textformat{font-size:25px;} ul#textlist{line-height:33px;font-size:21px;} ul#sbarcat li{padding:15px 25px 13px 25px;} ul#sbarcat li.sbarcatt a{font-size:25px;}ul#sbarcat li.sbarcatn a{font-size: 25px;}ul#sbarcat li.sbarcatb a {font-size:25px;} /* Page contact */ #headbg .headbgbox {height:800px;} ul#aboutitem{font-size:20px;} ul#aboutitem li {padding:0 30px 6px 0px;width:50%;float:left;} ul#aboutitem li a{} .aboutinfo {height:280px;padding:40px 0 0 0;} .aboutitemq{font-size:36px;} .aboutiph{padding:0 0 20px 0;} .aboutiph a{font-size:32px;} .aboutsmm {position:absolute;bottom:130px;} ul#fpsmmicon li.fpsmmicont {width:30%} ul#fpsmmicon li {display:inline-block;width:10%;} /* Page header */ #posthead{height:800px;margin:-800px 0 0 0;} #posthead .posthdcont{position:absolute;left:0;top:50%;transform:translate(0, -50%);} /* News Blog*/ #catnews{padding:0 5% 0 3%;} #catnews .postnew{width:100%;padding:0 0px 50px;} #catnews .pnewtumb{width:100%;} #catnews .pnewbg{height:98.6%;} #catnews .postnew a{font-size:28px;} /* WORKS PHOTO */ #pworks .item{width:25%;height:400px;} #pworks .pworksimg img{width:100%;height:100%;object-fit:cover;} #pworks .itemback{} /* POP COOKIE */ .cookie-content {max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;} h2#cookiectmat {font-size:30px;line-height:28px;padding:15px 0 0 0;} .cookiecttext {padding:0 50px;font-size:14px;} .cookie-content button { margin:0 0 0 50px;} /* Footer */ #footer .footerbllnk {width:24%;float:left;} #footer .footerblcat {width:38%;float:left;border-right:1px solid #ffffff;} #footer .footerblock {width:38%;float:right;} #footer .footerblbg {position:relative;margin:0 0 0 10%;padding:80px 20px 50px 0;} ul#faboutlnk {} ul#faboutlnk li{padding:20px 0 0;} ul#faboutlnk li a{font-size:18px;} ul#faboutlnk li.faboutlnkop {padding:20px 0 0px 10px;} ul#faboutlnk li.faboutlnkopa {padding:10px 0 0px 10px;}ul#faboutlnk li.faboutlnkopa a{font-size:15px;padding:0 0 0 10px;} ul#fsmmicon {padding:0;text-align:left;} ul#fsmmicon li {display:inline-block;padding:0 35px 0 0;} ul.fsmmimob{display:none;} ul#fcontitem li { margin: 0 0 20px 0px;} ul#fcontitem li a {font-size: 30px;} #footer .footerintro {padding:30px 0 50px;background:#fff;} #footer .footerbllogo{display: inline-block;width:20%;text-align:center;} #footer .footerbltxt {vertical-align:top;text-align:left;font-size:25px;padding:29px 50px 0 0;display:inline-block;width:39%;} ul#fcontitem {text-align:left;margin:30px 0 0 0px;padding:0 0 0 50px;display:inline-block;width:39%;} #footer .siteinfo{height:100%;overflow:hidden;} #footer .siteinfoa{float:left;width:50%;padding:20px 0 20px 0;} #footer .siteinfob{float:right;padding:50px 0 0 0;} #footer .siteinfoaif{width:100%;overflow:hidden;} #footer .siteinfoal{float:left;width:50%;} #footer .siteinfoar{float:left;width:50%;} #footer .siteiaa{padding:10px 0 0px;} /* Scroll landing */ #service{top:-55px;} #rent{top:-40px;} #rentuser{top:10px;} #materials{top:-55px;} #contacts{top:-55px;} } @media only screen and (min-width: 1360px){ #headpanel .fullnav {margin:27px 0 0 0px;} #headpanel .infoblockm a {font-size:13px;padding:15px 15px 13px;} } @media only screen and (min-width: 1460px){ #headpanel .fullnav {margin:27px 0 0 40px;} #headpanel .infoblockm a {font-size:14px;padding:15px 20px 13px;} } /* Sticky fixed */ .stop {position:relative;z-index:9;} .sticky {position:fixed;z-index:9;} /* Base width */ .basefull{ margin:auto; width: 100%; } .baseauto{ margin:auto; max-width: 1300px; } .contentauto{ margin:auto; max-width: 100%; } .baseautopage{ margin:auto; max-width: 1200px; padding: 0px 50px 0 50px; overflow:hidden; } blockquote { margin: 0; background: #f3fbff; color: #131314; padding: 30px 30px 30px 90px; position: relative; font-family: 'Lato', sans-serif; } blockquote:before { content: "\201C"; font-family: serif; position: absolute; top: 20px; left: 16px; color: black; width: 40px; height: 40px; border-radius: 50%; background: white; font-size: 40px; font-weight: bold; text-align: center; line-height: 50px; } blockquote:after { content: ""; width: 4px; background: white; position: absolute; left: 70px; top: 20px; bottom: 20px; } blockquote p { margin-top: 0; font-size: 24px; font-weight: 300; } blockquote cite { font-style: normal; text-transform: uppercase; } h1.basetitle, h2.basetitle { font-size: 45px; padding: 0px 0 0px 0px; color: #333333; text-transform: none; font-family: 'RalewaySemiBold'; } /* Mobile header & menu -------------------------------*/ #navmobile{ position:relative; width: 100%; height: 500px; background-color: rgb(0 0 0 / 9%); border-color: rgba(0, 0, 0, 0); } #navmobile .mobilebg{ background: url(slider/mskoleso.ru_headbg_mob_01.jpg) no-repeat right 0; background-size: cover; width: 100%; height: 100%; position: absolute; z-index: -1; } #navmobile .moblogo{ display: block; margin: 0; padding:0; background-size: contain; position: relative; height: 45px; width:296px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } #navmobile .mobileinfo{ font-size: 18px; line-height: 17px; margin: 0; width: 93%; text-align:left; } .mobileinfotitle { padding: 10px 0px 10px; color: #333333; text-transform: none; font-family: 'RalewaySemiBold'; text-align: left; } #navmobile .mobileinfol{ text-align: left; } #navmobile .mobileinfo a { margin: 0 20px 0 0; white-space: nowrap; } /* Mobile PANELS fixed ------------------------------- */ .defaultmobm{ padding: 40px 0 0 0; height: 85px; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .fixedmobm { position: fixed; top:0; height:70px; } /* MODAL MOBILE FULLSCREEN NAVIGATION -------------------------------*/ #headpanel .fullnav{ position: relative; float: right; padding: 0; width:50px; height:50px; } #headpanel a.linkfullnav { text-decoration: none; outline: none; } #headpanel .fullnavicon{ font-size: 45px; color: #fff; } #headpanel a.linkfullnav:hover .fullnavicon{ color: #de1b1b; } /* hamburger */ .hamburger .line{ width: 28px; height: 3px; background-color: #ecf0f1; display: block; margin: 5px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hamburger:hover{ cursor: pointer; } #hamburger-7.is-active .line:nth-child(1){} #hamburger-7.is-active .line:nth-child(2){} #hamburger-7.is-active .line{background-color:#02a500} #headpanel .mobbgfnav{ position: absolute; padding: 0; width: 50px; height: 50px; background-color: #0003; border-radius: 9px; top: -10px; z-index: -1; } /* CLOSE ALL fancybox*/ #closebase{ position: absolute; } .close { color: #fff; font: 2rem 'Arial', sans-serif; letter-spacing: 1.5px; padding: 15px; position: relative; text-decoration: none; text-transform: uppercase; z-index: 999; } .close:before, .close:after { background-color: #8a8a8a; content: " "; height: 3px; position: absolute; right: 0; top: 24px; transition: background-color .2s ease-in-out,transform .2s ease-in-out; width: 25px; } .close::before { transform: rotate(-45deg);} .close::after {transform: rotate(45deg);} .close:hover::before {background-color: #da2d2d;} .close:hover::after {background-color: #da2d2d;} /* FULLSCREEN PANEL */ #fullnavpanel{ margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; position: relative; left: 2px; cursor: default; } #fullnavpanel .fullnavpanelbg{ width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: #f9f9f9; background: #fff url(img/mskoleso.ru_menubg_01.jpg) no-repeat center center; background-size: cover; opacity: 0.1; } #fullnavpanel .formslogo{ background: url(img/logo.png) no-repeat top center; width: 200px; margin: 0; padding: 0; background-size: contain; position: relative; left: -5px; top: 0px; height: 80px; } #fullnavpanel .autofullpanel{ padding:0; text-align: center; position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); } #fullnavpanel .fullpanelblock{ margin: 0 auto; max-width: 1400px; } #fullnavpanel .fullplboxa{margin:0 0px;display:inline-block;width:23%;vertical-align:top;text-align:left; padding:100px 0 0 60px;} #fullnavpanel .fullplboxl{margin:0 0px;display:inline-block;width:37%;vertical-align:top;text-align:left; padding:100px 0 0 60px;} ul#hpabout{ list-style-type: none; overflow: hidden; padding: 20px 0 0; margin: 0; } ul#hpabout li { padding: 10px 0; margin: 0px 0 10px; } ul#hpabout li a{ color: #565656; text-transform: none; text-decoration: none; font-family: 'RalewayRegular'; font-size: 25px; border-radius: 10px; white-space: nowrap; padding: 15px 25px 13px 25px; background: #ffffff; -webkit-transition: all 0.2s 0.0s ease-out; } ul#hpabout li a:hover{background:#f3f3f3;} ul#hpaboutlnk{ list-style-type: none; overflow: hidden; padding: 20px 0 0; margin: 0; } ul#hpaboutlnk li { padding: 0px 0; margin: 0px 0 10px; } ul#hpaboutlnk li a{ color: #565656; text-transform: none; text-decoration: none; font-family: 'RalewayRegular'; font-size: 16px; border-radius: 10px; padding: 0px; -webkit-transition: all 0.2s 0.0s ease-out; } ul#hpaboutlnk li a:hover{background:#f3f3f3;} ul#hpaboutlnk li a.hpaboutlnkrt{ text-transform: none; text-decoration: none; color: #5e5e5e; font-family: RalewaySemiBold; font-size: 21px; padding: 10px 0px 9px 0px; -webkit-transition: all 0.2s 0.0s ease-out; } ul#hpaboutlnk li a.hpaboutlnkrt:hover{background:#676767;} ul#hpaboutlnk li a.hpaboutlnkml{ color: #a3a3a3; background: #ffffffbf; text-transform: none; text-decoration: none; font-family: 'RalewayRegular'; font-size: 25px; border-radius: 10px; padding: 15px 25px 13px 25px; -webkit-transition: all 0.2s 0.0s ease-out; } .fullpmenutline{ background-image: linear-gradient(to right, #a9a9a9a6 75%, transparent 75%); background-position: -1.09em 1.13em; background-repeat: repeat-x; background-size: 8px 1px; font-weight: 200; letter-spacing: -0.5px; } .fullpanelinfo{ display: none; } /* Panel mobile small */ #fullnavpanel .mobilefpanel{ padding:0; text-align: center; position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); } #fullnavpanel .mobilefplblock{ } #fullnavpanel .mobilefplbox{ margin: 0 auto; width: 80%; text-align: left; } #fullnavpanel .mobilflogo { background: url(img/logo.png) no-repeat top left; margin: 0; padding: 0; background-size: 200px; position: relative; height: 76px; opacity: 0.8; } ul#mobilefplname{ list-style-type: none; overflow: hidden; margin: 10px 0 0; padding: 10px 0 0 0; } ul#mobilefplname li { padding: 10px 0; margin: 0px 0 5px; white-space: nowrap; } ul#mobilefplname li.mbhdcata a{ color: #565656; text-transform: none; text-decoration: none; font-family: 'RalewayRegular'; font-size: 23px; border-radius: 10px; padding: 13px 20px 8px 20px; background: #ffffff; -webkit-transition: all 0.2s 0.0s ease-out; } ul#mobilefplname li a:hover{} ul#mobilefplname li.mbhdcatt a { text-transform: none; text-decoration: none; font-family: 'RalewayRegular'; font-size: 20px; border-radius: 10px; padding: 13px 20px 8px 20px; -webkit-transition: all 0.2s 0.0s ease-out; background: #f3f3f3; color: #262626; } ul#mobilefplname li.mbhdcatb a { color: #a3a3a3; background: #ffffffbf; text-transform: none; text-decoration: none; font-family: 'RalewayRegular'; font-size: 20px; border-radius: 10px; padding: 13px 20px 8px 20px; -webkit-transition: all 0.2s 0.0s ease-out; } /* Slider -------------------------------*/ #slider { width:100%; } .fa-icon-vk{ width:50px; height:50px; } .icondownarrow { background: url(img/downarrow.png) no-repeat center 36%; border-width:1px 1px 1px 1px; outline:none; width:20px; height:20px; opacity: 0.2; } .icondownarrow:hover { opacity: 0.8; } .down-arrow { animation: jump 1.5s infinite; } @keyframes jump { 0% { transform: translateY(0); } 50% { transform: translateY(10px); } 100% { transform: translateY(0); } } h1.slidertitlehb, h2.slidertitlehb { font-size: 45px; padding: 0px 0 0px 0px; color: #333333; text-transform: none; font-family: 'RalewaySemiBold'; } span.slidertitlehb { font-size: 25px; line-height: 20px; padding: 0px 0 0px 0px; color: #fff; position: absolute; top: 64px; text-transform: none; font-family: 'RalewaySemiBold'; } .linkhslid { font-size: 17px; letter-spacing: -0.4px; color: #0e0e0e; font-family: RalewaySemiBold; line-height: 65px; text-decoration: none; padding: 15px 25px 13px 25px; background: #eee; border: 0px solid #eee; border-radius: 30px; -webkit-transition: all 0.4s 0.0s ease-out; } .linkhslid:hover { background: #f2d037; } ul#sldtextlist { text-align: left; position: relative; font-family: RalewaySemiBold; font-style: normal; font-size: 18px; color: #fff; height: 200px; list-style-type: none; } ul#sldtextlist li{ margin: 0 0 5px 0; padding: 0 0px 0px 0px; line-height:25px; } a#sldlink{ display: block; text-decoration: none; } @media only screen and (max-width: 320px){ .fullscreen-container, .fullwidthbanner-container { min-height: 650px !important; } } @media only screen and (max-width: 415px){ .fullscreen-container, .fullwidthbanner-container { min-height: 650px !important; } } @media only screen and (max-width: 768px){ .fullscreen-container, .fullwidthbanner-container { min-height: 550px !important; } } @media only screen and (max-width: 860px){ .fullscreen-container, .fullwidthbanner-container { min-height: 600px !important; } } @media only screen and (max-width: 1024px){ .fullscreen-container, .fullwidthbanner-container { min-height: 600px !important; } } @media only screen and (max-width: 1224px){ .fullscreen-container, .fullwidthbanner-container { min-height: 600px !important; } } .scrolldown{ height: 19px; width: 60px; background: url(img/arrowdown.png) no-repeat 0% 0%; background-size: 100% auto; opacity: 0.7; } .tparrows{display:none;} ul#slidboxtx { text-align: left; position: relative; color: #212121; list-style-type: none; padding: 0; } ul#slidboxtx li{ margin: 0 20px 0px 0; padding: 20px 20px 20px; line-height: 22px; display: inline-block; white-space: normal; background: #ffffff6e; border-radius: 10px; } .slidboxopt{ font-family: 'RalewaySemiBold'; } .slheadtextmob{ font-family: 'RalewayRegular'; font-style: normal; font-size: 16px; color: #777777; padding:9px 0 0; } /* Header NAVIGATION PANEL -------------------------------*/ #headnavigation{ width:100%; position: absolute; top:0px; } #headnavigation .headnavblock{ width: 100%; margin: 0; z-index: 99; position: relative; text-align: center; } #headpanel { text-align: center; z-index: 999; width: 100%; } #headpanel .logoblock { float:left; position: relative; top:17px; width:170px; } #headpanel .logo{ display: block; margin: 0; padding:0; background-size: contain; position: relative; height: 45px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .logosites{background:url(img/logo.png) no-repeat top left;} .logoblack{background:url(img/logo.png) no-repeat top left;} .logowhite{background:url(img/logowhite.png) no-repeat top left;} .logoon{display:block;} #headpanel .navigation { position: relative; float: left; } #headpanel .infoblock{ float: right; } #headpanel .infoblockm a{ letter-spacing: -0.4px; color: #121212; background: #ffffffcc; font-family: RalewaySemiBold; line-height: 65px; text-decoration: none; border: 1px solid #eeeeee6b; border-radius: 30px; -webkit-transition: all 0.4s 0.0s ease-out; white-space: nowrap; } #headpanel .infoblockm a:hover{ background: #fff; } /* PANELS Animation home page ------------------------------- */ .defaultanim{ padding: 10px 0 0 0; height: 85px; position: fixed; top:0; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .transbg { top:0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } /* Phone box animation ------------------------------- */ #headpanel .orderlink{ float:right; padding: 11px 0 0 0; position:relative; } #headpanel a.linkorderservices { } .dws { position: relative; } .phone { position: absolute; font-size: 30px; text-align: center; width: 50px; height: 50px; line-height: 57px; animation: phone 0.9s ease-in-out infinite; } .phone i { transition: 0.5s ease-in-out; } .text { position: 0; position: absolute; text-transform: uppercase; font-weight: 700; top: 20px; left: -4px; font-size: 15px; transform: scaleX(-1); transition: 0.5s ease-in-out; opacity: 0; } /* MENU DROP NAV -------------------------------*/ .sub-menu-parent { position: relative; } .sub-menu { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 205px; transform: translateZ(0); transform: translateY(10%); transition: all 0.2s ease 0s, visibility 0s linear 0.6s; /* the last value is the transition-delay for visibility */ background: #efefef; padding: 20px 20px 20px 20px; text-align: left; } .sub-menu-parent:hover .sub-menu { visibility: visible; opacity: 1; transform: translateX(0%); transition-delay: 0s; / } .sub-menu a{ color: #6b6b6b; padding: 5px 20px 10px 20px; } nav a { display: block; color: #212121; text-decoration: none; font-family: RalewaySemiBold; } a.linknavhhome { padding: 24px 20px 22px; font-size: 19px; } a.linknoactive {pointer-events:none;cursor:pointer;} nav a:hover {color:#02a500;} nav ul, nav ul li { list-style-type: none; padding: 0; margin: 0; } nav > ul { text-align: left; position: relative; } nav > ul > li { display: inline-block; } nav > ul > li:first-child { border-left: none; } .slidertextgreen { color: rgb(116, 160, 78); } .block:hover h1{ color: blue; } .sub-menu li:hover a.linkactive { color: rgb(116, 160, 78); } .sub-menu:hover > nav > ul > li > a.linkactive { background: #f5f5f5; } .tp-bgimg.defaultimg{background-position: 50% 50% !important;} .tp-bgimg.defaultimg { z-index:-1; } /* call back buttons ------------------------------- */ #callback { } .messenger { display: block; position: fixed; right: 5%; bottom: 10%; width: 60px; height: 60px; z-index: 9999; } .messenger-btn { padding: 14px; display: block; width: 60px; height: 60px; border-radius: 60px; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 2; outline: 0; } .messenger-btn i{ width: 60px; height: 60px; font-size: 32px; color: #fff; padding: 2px 25px 0 0; z-index:1; outline: 0; } .pulse { display: block; width: 60px; height: 60px; border-radius: 50%; background: #02a500; cursor: pointer; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); animation: callpulse 1.6s infinite; position: absolute; top: 0; right: 0; z-index:-1; } .messenger-btn:hover .pulse { animation: none; } .messenger-links.show:hover{} @-webkit-keyframes callpulse { 0% { -webkit-box-shadow: 0 0 0 0 #ffde586b; } 80% { -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } 100% { -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); } } .messenger-links { position: absolute; left: -9px; top: -90px; width: 40px; transform: scale(0); transform-origin: 100% 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 0; } .messenger-links.show { left: 9px; top: -170px; transform: scale(1); } .messenger-links a { line-height: 45px; } .messenger-links i { width: 40px; height: 40px; font-size: 21px; color: #2b2b2b; background: #ffde58; border-radius: 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 9px 0 0 0; outline: 0; } .messenger-links a:hover i { transform: scale(1.1); text-decoration: none; } .cbacklabel{ position: absolute; right: 65px; font-size: 18px; color: black; background: #fff; padding: 5px 10px; margin: -40px 0 0 0; line-height: 20px; display: none; min-width:150px; border-radius: 4px; } .messenger-links a:hover .cbacklabel{ display:block; } /* Head block service -------------------------------*/ #hboxservice { margin:-150px 0 0px 0; padding:0px 0 0px 0; position:absolute; z-index:3; width:100%; } #hboxservice a{ margin:0; padding:0; } #hboxservice a:hover .hbserviceiteam { background:#00000014; } #hboxservice .hbserviceiteam { width: 25%; float: left; margin: 0; border-top: 1px solid #eeeeee1a; border-right: 1px solid #eeeeee1a; color: white; -webkit-transition: all 0.4s 0.0s ease-out; } #hboxservice .hbserviceiteam img{ margin: 0 15px 0 0; filter: invert(100%); } #hboxservice .hbserviceiteam span{ border-bottom: 2px solid #c5c5c5; border-top:0; border-left:0; border-right:0; /* border: 0; */ border-style: dashed; } /* CONTENT -------------------------------*/ #content { margin:0px 0 0px 0; padding:0px 0 0px 0; background: #fff; } /* Landing HOME page *******************************/ #pageblock{ text-align: left; padding: 0px 0 0 0; font-size: 21px; position: relative; } #pageblockitem{ text-align: left; position:relative; overflow:hidden; } .itemprice{ background: #313131; } #service{position:absolute;} #materials{position:absolute;} #contacts{position:absolute;} /* Page text *******************************/ h2#pagetitle { color: #676767; padding: 5px 0 0 0; text-align: center; letter-spacing: 0; } h2#pagetitlewhite { text-align: left; letter-spacing: 0; } h2#pagetitleblack { color: #e2e2e2; padding: 0px 0 0 0; margin:0; text-align: left; letter-spacing: 0; font-size: 35px; } h2#textformat{ color: #515151; text-align: left; letter-spacing: 0; } ul#textlist { margin: 0 0 5px 0; text-align: left; padding-left: 35px; } ul#textlist li { margin: 0; padding: 0 0px 15px 0px; list-style-type: square; } ol#numberlist { margin: 0 0 5px 0; text-align: left; padding-left: 35px; } ol#numberlist li { margin: 0; padding: 0 0px 24px 16px; } a.postlink { color: #515151; text-transform: none; text-decoration: underline; padding: 3px 0px; } a.linkpostback { color: #515151; text-transform: uppercase; text-decoration: underline; padding: 3px 0px; font-size: 16px; position: absolute; top: -20px; left: 0; } #postblogimg img{ padding:20px 0 40px 0; } .textsizea { font-size: 23px; text-align: justify; font-family: 'RalewayExtraLight', 'RalewayLight', 'RalewayRegular'; } /* HEAD BACKGROUND PAGE SERVICE CREATE -------------------------------*/ #headbg { margin: 0 0 0px; width: 100%; overflow: hidden; } #headbg .headbgbox { margin: 0 0 0px; width: 100%; overflow: hidden; position:relative; z-index:1; -moz-transition: all 0.4s 0.0s ease-out; -o-transition: all 0.4s 0.0s ease-out; -webkit-transition: all 0.4s 0.0s ease-out; } #headbg .headbgbox img { position: absolute; left: 50%; top: 0; height: 100%; transform: translate(-50%, 0); -moz-transition: all 0.4s 0.0s ease-out; -o-transition: all 0.4s 0.0s ease-out; -webkit-transition: all 0.4s 0.0s ease-out; } #headbg .headfon { position: absolute; left: 0; min-height: 100%; width: 100%; top: 0; background: url(img/posthead.png) no-repeat 0px 0px; background-size: cover; opacity: 0.9; } #posthead { position:relative; z-index:3; } #posthead .posthdcont { width: 100%; } #posthead .postname { position: relative; padding: 0px; text-align: left; } #posthead h1 { color: #ffffff; margin: 0; letter-spacing: -0.5px; } #posthead .postinfo { position: relative; text-align: left; color: #fff; } #posthead .posthlink { color: #fff700; margin: 0; letter-spacing: -0.5px; } #posthead .posthlink a { border: 1px solid rgba(255, 255, 255, 0.51); border-radius: 20px; padding: 15px 45px 12px; margin: 0 25px 0 0; color: #fff; font-size: 14px; text-decoration: none; outline: none; } #posthead .posthlt{width:100%;} #posthead .phdplus { text-align: left; color: #fff; } /* STICKY SINGLE & PAGE -------------------------------*/ #autocont{ width:100%; position:relative; overflow: hidden; } .pagecontpad{ width:100%; overflow:hidden; height:100px; } #pagecontent .pagecontenth{ } #sideblock{ background: #fdfdfd; } /* Sidebar CREATE & SERVICE -------------------------------*/ #sideblock .menusbar{ position: relative; margin: 0; } ul#sbarcat { padding: 0; text-align: left; list-style-type: none; } ul#sbarcat li { margin: 5px 20px 5px 0px; background: #fff; border-radius: 10px; width: fit-content; -webkit-transition: all .2s ease-in-out; } ul#sbarcat li a { position: relative; cursor: pointer; text-transform: none; text-decoration: none; color: #5e5e5e; font-family: 'RalewayRegular'; -webkit-transition: all .2s ease-in-out; padding: 15px 0 13px; } ul#sbarcat li.sbarcatt{ margin: 40px 20px 20px 0px; } ul#sbarcat li.sbarcatt{background:#f3f3f3;} ul#sbarcat li.sbarcatt a {color: #262626;} ul#sbarcat li.sbarcatt:hover {color:#262626;background:#fff;} ul#sbarcat li.sbarcatb a {color: #a3a3a3;} ul#sbarcat li.sbarcatb:hover {color:#262626;background:#f3f3f3;} ul#sbarcat li.sbarcatb:hover a{color:#262626;} ul#sbarcat li.sbarcatn a {color: #565656;} ul#sbarcat li.sbarcatn:hover {color:#262626;background:#f3f3f3;} ul#sbarcat li.sbarcatn{ } ul#sbarcat li.sbarcatsm{ font-size: 15px; line-height:19px; margin:0 0 0; } ul#sbarcat li.sbarcatsm a {color: #565656;} ul#sbarcat li.sbarcatsm:hover {color:#262626;background:#f3f3f3;} .sbarcatnbox{ height:50px; } .sbarcatnbox img{ position: relative; top: 5px; width: 35px; margin: 0 15px 0 0; opacity: 0.7; } /* SERVICES PAGE top menu */ #pagesplnk{ margin: -20px 0 0; } #pagesplnk h3{ color: #232323; margin: 0 0 5px; font-family: RalewaySemiBold; } #pagesplnk ul{margin:0;text-align:left;padding:0;list-style-type: none;} #pagesplnk ul li{display:inline-block;margin:0 0 3px;font-family:'RalewayRegular';} #pagesplnk a{ font-size: 12px; color: #232323; font-weight: normal; line-height: 20px; background: #7b7b7b0a; text-decoration: none; padding: 5px 10px 4px; margin: 0 3px 0 0px; border-radius: 20px; transition: all .30s ease; -webkit-transition: all .30s ease; } #pagesplnk a:hover{color:#ffffff;background:#2b2b2b;} /* Block home service -------------------------------*/ #blockservice{ text-align: left; padding: 0; overflow: hidden; font-size: 18px; background: rgb(233 233 233) url(img/mskoleso.ru_bckd_01.jpg) no-repeat top right; } #blockservice .blservicehead{ padding: 80px 0 60px; } #blockservice .blservicedesc{ font-size: 23px; width:50%; } #blockservice .blservice{ width:100%; } #blockservice .blserviceiteam{ width:33%; height:350px; display:inline-block; background: #efefefeb; position:relative; border-radius: 19px; } #blockservice .blserviceibox{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; } /* Block home FAQ -------------------------------*/ #blockfaq{} #blfaq{} .faq-drawer { padding: 0px 0 0; margin: 0 auto; } #blfaq .blfaqinfo{} #blfaq .blfaqdesc{ padding: 0 0 30px; } .faq-drawer__content-wrapper { max-height: 0px; overflow: hidden; transition: 0.25s ease-in-out; } .faq-drawer__title { cursor: pointer; display: block; font-size: 33px; font-family: RalewaySemiBold; font-weight: 700; padding: 30px 60px 30px 0; position: relative; margin-bottom: 0; transition: all 0.25s ease-out; outline: none; } .faq-drawer__title::after { content: " "; display: inline-block; height: 25px; position: absolute; right: 2px; top: 35%; vertical-align: top; width: 25px; background: url(img/logoiconm.png) no-repeat center center; } /* OPTIONAL HOVER STATE */ .faq-drawer__title:hover { color: #4E4B52 ; } .faq-drawer__trigger:checked + .faq-drawer__title + .faq-drawer__content-wrapper { max-height: 2069px; } .faq-drawer__trigger:checked + .faq-drawer__title::after { transform: rotate(-45deg); transition: 0.25s ease-in-out; opacity: 0; } #blfaq input[type="checkbox"] { display: none; outline: none; } @media only screen and (max-width: 600px) { .container { padding: 80px; } } .faq-drawer__content img{width:100%;} .faqdred{color:#7fc700;} /* HEAD BACKGROUND SINGLE -------------------------------*/ #headsbg { margin: 0 0 0px; width: 100%; overflow: hidden; } #headsbg .headsbox { margin: 0 0 0px; width: 100%; height: 350px; overflow: hidden; position:relative; } #headsbg .headsbox img { position: absolute; left: 50%; height:800px; top: 50%; transform: translate(-50%, -50%); } #headsbg .headsfon { position: absolute; left: 0; min-height: 100%; width: 100%; top: 0; background: url(img/posthead.png) no-repeat 0px 0px; opacity:0.9; } #singlhead { position:relative; height: 350px; margin: -350px 0 0 0; z-index:1; } #singlhead .posthdcont { position: absolute; width: 100%; left: 0; top: 65%; transform: translate(0, -65%); } #singlhead .posthdl { width:100%; } #singlhead .postname { position: relative; padding: 0px; text-align: center; } #singlhead .categoryname { position: relative; padding: 0px; text-align: left; } #singlhead h1 { color: #ffffff; text-decoration: none; z-index: 3; position: relative; margin: 0; } #singlhead .postinfo { position: relative; color: #ffffff87; text-align: left; } #singlhead .spoststat { position: absolute; width: 100%; margin: 0px 0 0px 0; bottom: 24px; left: 0; } #singlhead .spostcat { position: relative; margin: 0px 30px 0px 0; float: left; } #singlhead .spostcat a { font-size: 12px; color: #ededed; font-family: 'RalewayRegular'; line-height: 35px; text-decoration: none; padding: 8px 20px 6px; border: 1px solid #f3f3f338; border-radius: 20px; transition: all .30s ease; -webkit-transition: all .30s ease; white-space: nowrap; } #singlhead .spostdate { font-size: 11px; color: #b5b5b5; line-height: 35px; text-decoration: none; padding: 0 0 0 3px; white-space: nowrap; position: relative; } /* LINK -------------------------------*/ a.alllink { font-family: RalewaySemiBold; text-decoration: none; border: 0px solid #eeeeee6b; border-radius: 30px; -webkit-transition: all 0.2s 0.0s ease-out; } a.alllinkact {color:#000;background:#fff;} a.alllinkact:hover {color:#fff;background:#02a500;} a.alllinka {color:#fff;background:#dd2a1a;} a.alllinka:hover {background:#02a500;color:#fff;} /* Block about home -------------------------------*/ #blockabout{ padding:0px 0 0px 0 } #blockabout .aboutplus{ width:100%; position:relative; overflow:hidden; text-align: left; background: #fbfbfb; } #blockabout .aboutplitmid{ position: relative; margin: 0px 0px 0px 0; } #blockabout .aboutplitmid a{ font-family: RalewaySemiBold; text-decoration: none; border: 0px solid #eeeeee6b; border-radius: 30px; -webkit-transition: all 0.2s 0.0s ease-out; font-size: 17px; letter-spacing: -0.4px; line-height: 65px; padding: 15px 25px 13px 25px; color: #3b3b3b; background: #ffffff; position: relative; top: 50px; } #blockabout .aboutplitmid a:hover{background:#02a500;color:#fff;} #blockabout .aboutplitmid h2{ font-family: 'RalewaySemiBold'; font-size: 35px; } #blockabout .aboutplii{ position: relative; border-bottom: 1px solid #f9f9f9; z-index: 2; overflow: hidden; } #blockabout .aboutplii:hover .aboutplibg{ left: 0; } #blockabout .aboutplitem { background: #ffffff; border-radius: 10px; } #blockabout .aboutplitxt{ overflow: hidden; } #blockabout .aboutplitt{ font-size: 23px; font-family: RalewaySemiBold; padding: 0 0 20px 0; } #blockabout .aboutplibg{ margin: 0 0 0px; width: 100%; overflow: hidden; position: absolute; left: 100%; top: 0; height: 100%; background: #3979bb45 url(img/msc-ts.com_bglogowsml.png) no-repeat center center; z-index: -1; -webkit-transition: all 0.4s 0.0s ease-out; } #blockabout .aboutpliq{margin:0px 0px 0px 0;} #blockabout .aboutplitnumb{ font-size: 30px; padding: 0px 0px 30px 0px; margin: 0; color: #ebebeb; } #blockabout .aboutplittxt{ width: 100%; padding: 20px 0px 0px 0px; margin:0; font-family: 'RalewayLight', 'RalewayRegular'; } /* METAL HOME -------------------------------*/ #blockwork{ position: relative; overflow: hidden; min-height:1000px; } #blockwork .workitema{ width:100%; overflow:hidden; } /* Slider METAL */ #rentplus .rentplslid{ position: relative; overflow: hidden; margin:0; } #slideone .item{ padding: 0px 0px; color: #FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative; overflow:hidden; background: black; } #slideone .item:hover img{opacity:1;} #slideone .item img{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity:0.5; -webkit-transition: all 0.4s 0.0s ease-out; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; height: 100%; width: auto; } #slideone .item{height:500px;width:375px;} #slideone .item img{} #slideone .itemback{ width:100%; height:100%; background:#252525cf; letter-spacing: -0.5px; font-family: 'RalewaySemiBold'; font-size: 35px; line-height: 35px; color:#fff; -webkit-transition: all 0.4s 0.0s ease-out; } #slideone .itembackfx{ overflow:hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } a#islbacklnk:hover .itemback{ background:#edededcf; } /* Slider NONE */ #blockmetal .blmetalslid{ position: relative; overflow: hidden; margin:0; padding: 40px 0 0; width: 100%; } #slidetwo .item{ padding: 0px 0px; color: #FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative; overflow:hidden; background: black; } #slidetwo .item:hover img{opacity:1;} #slidetwo .item img{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity:0.5; -webkit-transition: all 0.4s 0.0s ease-out; width: 150%; } #slidetwo .item{height:400px;width:500px;} #slidetwo .item img{} /* Rent post*/ #blockrent .rentpost{ } #blockrent .rtpostitem{ position:relative; padding: 0 0 13px; } #blockrent .rtpostibg{ } #blockrent .rtpostibox{ } #blockrent .rtpostibox h3{ padding:0; margin:0; color: #fff; font-size: 16px; line-height: 20px; } /* Project single*/ #autoprojects { width: 100%; position: relative; overflow: hidden; padding: 0 0 130px; } #projectsingle{ padding: 60px 0 0px; } #projectsingle .pjtsinglbox{ } #projectsingle .pjtsinglbox img{ width:100%; margin: 30px 0; min-width: 600px; } ul#pjtsllist { margin: 0 0 5px 0; text-align: left; padding-left: 35px; font-size: 25px; } ul#pjtsllist li{ margin: 0 0 10px 0; } #projectsblock{ min-height:1200px; position: relative; overflow: hidden; margin: 0px 0 0; } .scolorq{background:#f98f45;color:#242424;} .scolorw{background:#f7f7f7;} .scolore{background:#f1f1f1;} .spaddq{padding: 100px 0 180px;} /* FORM CONTACT MESSAGE ------------------------------- */ #messageblock { clear:both; overflow:hidden; position:relative; width:100%; text-align:left; color: #4c4c4c; } .cbeautybg{ } #messageblock h2{ text-align: center; color: #4c4c4c; font-size: 40px; } #messageblock .messblinfo{ position: relative; text-align: left; color: #4c4c4c; } #messageblock .messblitext{ } #messageblock .messblitname{ letter-spacing: -0.5px; font-family: 'RalewaySemiBold'; } #messageblock .messblitextq{ letter-spacing: -0.1px; } ul#fcontitem { color: rgb(203 203 203); font-size: 20px; list-style-type: none; } ul#fcontitem li { position: relative; } ul#fcontitem li a { text-decoration: none; text-transform: none; color: rgb(70 70 70); letter-spacing: -0.6px; } #formmessage{ overflow: hidden; padding:0; } #messagebox { overflow: hidden; z-index: 1; } #messagebox input[type="text"],#messagebox input[type="tel"] { cursor: pointer; font-weight: 200; color: #505050; width: 100%; border: 0; border-bottom: 1px solid #DBDBDB; background: #ffffff00; display: block; font-size: 19px; line-height: 40px; outline: none; margin: 25px 0; padding: 0 20px; font-family: sans-serif; } #messagebox input::-moz-placeholder {color:#505050;} #messagebox input::-webkit-input-placeholder { color:#505050;} #messagebox textarea { font-size: 17px; cursor: pointer; color: #ffffff; background: rgba(255, 255, 255, 0); border: 1px solid rgba(255, 255, 255, 0.35); margin: 0px 0px 0px 0; padding: 15px 20px 13px 20px; width: 100%; height:140px; outline:none; font-family: 'RalewayRegular', Tahoma, Arial, Helvetica, sans-serif; } #messagebox textarea::-moz-placeholder { color: #505050; } #messagebox textarea::-webkit-input-placeholder { color: #505050; } #messagebox input[type="submit"] { margin: 16px 0px 10px 0px; width: 170px; font-size: 17px; letter-spacing: -0.4px; padding: 15px 25px 13px 25px; border: 0px solid #eeeeee00; border-radius: 60px; cursor: pointer; color: #000; background: #b5b5b51f; text-transform: none; text-decoration: none; font-family: 'RalewaySemiBold'; outline: none; -webkit-transition: all 0.2s 0.0s ease-out; } #messagebox input[type="submit"]:hover { color: #fff; background: #02a500; } #messagebox input[type="checkbox"] { cursor: pointer; margin: 0px 0px 0px 0; outline: none; } #messagebox label { color: #b1b1b1; font-size: 13px; margin: 0 0 0 5px; position: relative; top: -2px; } #messagebox .errormin { width: 100%; margin: -26px 0 0 0; vertical-align: middle; border: 0; border-bottom: 1px solid #a91818; position: relative; } #messagebox .privacypolicy a{ color: #b1b1b1; text-decoration: underline; font-size: 13px; } #messagebox .messageboxname{ font-size: 23px; padding: 30px 0 10px 0; font-family: 'RalewaySemiBold'; color: #4c4c4c; } #messagebox .messageboxbox{ padding: 0px 0 0px 0; margin: 0 auto; } #messagebox .messageboxcat{ font-size: 15px; color: #4c4c4c; padding: 0px 0 0px 0; text-align: left; } #messagebox .errorservices { width: 100%; height: 51px; margin: -51px 0 0 0; display: inline-block; vertical-align: middle; border: 2px solid #dd4b46; } #results-message { overflow: hidden; font-size: 20px; color: #4c4c4c; text-align: left; margin: 80px 0 90px; } #results-message .resultscontactbox{ padding:90px 15px 80px 15px; } #results-message a{ color: #4c4c4c; text-decoration: underline; line-height: 40px; font-size: 18px; } /* MODAL FORM PHONE -------------------------------*/ #offservice { margin: 0; padding: 0; overflow: hidden; position: relative; left: 2px; cursor: default; background: #fff; } #offservice .offservicebg{ background: #fff0 url(img/bgcbsend.jpg) no-repeat left center; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.2; } #offservice .wautoservice{z-index:2;position:relative;} #offservice .logoforder{ text-align:center; } #offservice .logoforder img{ margin: 0 0 0 -4px; width: 220px; opacity: 1; } #offservice .orderservicestitle{ text-align: center; padding: 20px 0 0px 0; color: #505050; font-size: 30px; font-family: 'RalewayRegular'; } #offservice .formorderdesc{ text-align: center; font-size: 16px; padding: 0px 0 0px 0px; color: #505050; } #formservice{ } #formorder{ margin:0 auto; padding:0px 0px; overflow: hidden; } #formorder input[type="text"],#formorder input[type="tel"] { font-size: 16px; cursor: pointer; font-weight: 200; color: #000; width: 100%; border: 0; border-bottom: 1px solid #DBDBDB; display: block; font-size: 19px; line-height: 40px; outline: none; margin: 25px 0; background: #fff0; } #formorder .errorservice { width: 100%; margin: -70px 0 0 0; padding: 0 0 8px 0; vertical-align: middle; border: 0; border-bottom: 37px solid #d96a1140; position: relative; line-height: 30px; } #formorder input::-moz-placeholder { color: #5E5E5E; } #formorder input::-webkit-input-placeholder { color: #5E5E5E; } #formorder input[type="date"] { font-size: 16px; cursor: pointer; font-weight: 200; color: #000; border: 1px solid #DBDBDB; margin: 0px 0px 0px 0; padding: 13px 20px 11px 20px; width: 100%; outline:none; } #formorder input[type="submit"] { font-size: 16px; color: #2c2c2c; font-family: RalewaySemiBold; text-decoration: none; padding: 13px 26px 13px 25px; background: #ffde58; border-radius: 30px; transition: all .2s ease-in-out; width: 100%; border: 0px; cursor: pointer; font-weight: 400; outline: 0; } #formorder input[type="submit"]:hover { background: #02a500; color: #fff; } p.privacypolicy{ margin: 25px 0; padding:0; text-align: left; line-height: 15px; } #formorder input[type="checkbox"] { cursor: pointer; margin: 0px 0px 0px 0; outline: none; } #formorder label { color: #888787; font-size: 11px; margin: 0 0 0 5px; position: relative; top: -2px; } #formorder a{ color: #000; text-decoration: underline; font-size: 11px; } #results-service { padding: 0; font-size: 18px; } #results-service .resultsbox{ padding: 0px 0px; } #results-service a{ color: #000; text-decoration: underline; line-height: 30px; font-size: 18px; position: relative; top: 10px; } #results-service a.backlink{ color: #5f5f5f; text-decoration: underline; line-height: 30px; font-size: 15px; } /* Page contact -------------------------------*/ .infoitem { position:relative; width:100%; padding:0px; text-align:left; color: #EFEFEF; } .aboutinfo{ position: relative; width: 100%; } .aboutitprime{ padding: 0px 0 20px 0; } .aboutitadres{ padding: 38px 0 0px 0; } ul#aboutitem{ margin: 0px 0 0 0px; padding:0; color: rgb(203 203 203); text-align: left; list-style-type: none; } ul#aboutitem li{ margin: 0 0 0 0px; position: relative; } ul#aboutitem li a{ text-decoration: none; text-transform:none; color: rgb(203 203 203); letter-spacing: -0.6px; } ul#aboutitem li a:hover{color:#02a500;} .aboutitemq{ font-family: RalewaySemiBold; } a.aboutitemdash { color: #fff; background: #2d2d2d; font-family: RalewaySemiBold; text-decoration: none; border: 0px solid #eeeeee6b; border-radius: 30px; -webkit-transition: all 0.2s 0.0s ease-out; } .aboutitsmm { padding: 0 0 22px 0; } .aboutsmm { width: 100%; } .aboutitelnk{ margin: 0 0 20px; } ul#fpsmmicon { text-transform: uppercase; width: 100%; overflow: hidden; position: absolute; top: 0%; padding:0; } ul#fpsmmicon li { position: relative; margin: 0 0; text-align: center; } ul#fpsmmicon li.fpsmmicont { text-align: left; text-transform: none; color: rgb(149 149 149); font-size: 20px; } ul#fpsmmicon li a{ color: #fff; } ul#fpsmmicon li a:hover{ color: #fff788; } ul#fpsmmicon li a.fsmmiconact{ color: #fff788; } .messblitcontact{ padding: 0px 0 0px 0; font-size: 34px; line-height: 45px; } /* IMG POST ------------------------------- */ #postimg { position:relative; margin:50px 0 20px; } #postimg img{ width:100%; border-radius:10px; } /* News Blog ------------------------------- */ #catnews{ } #catnews .postnew{ position: relative; overflow: hidden; } #catnews .postnew h2{padding:0;margin:0;} #catnews .pnewtumb{ width: 100%; position: relative; overflow: hidden; } #catnews .pnewtumb img{ width: 100%; border-radius: 15px; } #catnews .postnew a{ position: relative; cursor: pointer; text-decoration: none; color: #5e5e5e; -webkit-transition: color .2s ease-in-out; } #catnews .postnew a:hover .pnewbg{ background: #ffffff26; z-index: 1; } #catnews .pnewbg{ background: #00000038; width: 100%; position: absolute; left: 0%; top: 0%; z-index: 1; -webkit-transition: all 0.2s 0.0s ease-out; border-radius: 15px } #catnews .pnewcont{ padding:20px 0 0 0; } #catnews .postnew{ } /* Blog slider ------------------------------- */ #postcarusel { position: relative; overflow: hidden; min-height:300px; margin: 0px 0 0 0; padding: 80px 10px 70px; background: #26232d; } #postcarusel .blockpstcarl{position: relative;} #postcarusel .owl-item img {width:auto;} #postcarusel .item{ color: #FFF; position: relative; overflow:hidden; margin: 0px; line-height: 14px; } #postcarusel .pstcarlinfo { text-align: left; line-height: 24px; } #postcarusel a.pstcarltitle { color: #f5f5f5; text-decoration: none; z-index: 3; position: relative; font-family: RalewaySemiBold; font-weight: normal; padding: 0px 0 0px 3px; margin: 0; letter-spacing: -0.4px; font-size: 22px; } #postcarusel a.pstcarltitle:hover { color: #00a800; } #postcarusel .pstcarlinfo h2{ margin:0; padding:0; } #postcarusel .pstcarltumb { padding: 0; position: relative; left:-3px; } #postcarusel .pstcarltumb img { width: 100%; object-fit: cover; max-height: 400px; border-radius: 6px; margin: 0 0 10px; } #postcarusel .pstcarlcat { position: absolute; top: 50px; left: 6%; z-index: 9; } #postcarusel .pstcarlcat a { font-size: 11px; color: #ffffff9e; background: #00000024; font-family: 'RalewayRegular'; line-height: 30px; text-decoration: none; padding: 6px 10px 4px; border: 0px solid #ffffff3b; border-radius: 20px; transition: all .30s ease; -webkit-transition: all .30s ease; } #postcarusel .pstcarlcat a:hover { color: #ffffffe6; border: 0px solid #ffffff8c; } /* Open contact ------------------------------- */ .spoiler > input + .box > blockquote{ display: none; } .spoiler > input:checked + .box > blockquote { display: block; } .spoiler > input[type="checkbox"] { cursor: pointer; border-color:transparent!important; border-style:none!important; background:transparent none!important; position:relative;z-index:1; margin:5px 0 0px -250px; } .spoiler > input[type="checkbox"]:focus { outline:none; /* Убираем обводку в ИЕ8 при "фокусе" */ } .spoiler span.closejcontact, .spoiler span.open{ color: #535353; background: #efefef8a; font-family: RalewaySemiBold; text-decoration: none; border: 0px solid #eeeeee6b; border-radius: 30px; -webkit-transition: all 0.2s 0.0s ease-out; font-size: 17px; letter-spacing: -0.4px; line-height: 65px; padding: 15px 25px 13px 25px; z-index: 0; } .spoiler > input + .box > span.closejcontact { display: none; } .spoiler > input:checked + .box > span.closejcontact { display: inline; } .spoiler > input:checked + .box > span.open { display: none; } .spoiler > input + .box > span.open { display: inline; } .spoiler blockquote, .spoiler{ } .spoiler { overflow-x:hidden; } .spoiler blockquote { margin: 0; background: #f3fbff; color: #131314; padding: 30px 30px 30px 90px; position: relative; font-family: 'Lato', sans-serif; } .spoiler blockquote:before { content: "\f007"; font-family: 'FontAwesome'; font-size: 18px; color: #777; font-weight: normal; line-height:40px; } .box{ margin: -57px 0 0 0; } /* WORKS PHOTO ------------------------------- */ #pworks{ } #pworks .pworksbx{ } #pworks .pworksimg{ width:100%; overflow:hidden; } #pworks .item{ padding: 0 5px 5px 0; float:left; } /* MAPS MAPS MAPS ------------------------------- */ #mainblockmaps { width:100%; margin: 0; padding:0; overflow: hidden; position: relative; } #mainblockmaps .mainblockmapsbox { position: relative; } /* Footer -------------------------------*/ #footer { clear:both; overflow:hidden; position:relative; width:100%; bottom: 0; padding:0px; background: #f5f5f578; text-align:left; } #footer .footerbox{ position:relative; display: flex; } #footer .footerbllnk { position:relative; border-bottom: 0px solid #ffffff; padding: 0px; background: #fdfdfd; } #footer .footerblcat { position:relative; padding: 0px; } ul#faboutlnk { overflow: hidden; position: relative; text-align: left; text-decoration:none; text-transform:none; margin: 0; padding:0; } ul#faboutlnk li { position: relative; margin:0; list-style-type: none; } ul#faboutlnk li.faboutlnkbr {color:#5e5e5e;font-family: RalewaySemiBold;font-size: 25px;} ul#faboutlnk li a{ color: #5e5e5e; text-decoration:none; } ul#faboutlnk li a:hover{ color: #02a500; } #footer .footerblock { position:relative; } #footer .logo { display: block; margin: 0; padding: 0; background-size: contain; position: relative; height: 65px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } #footer .footerintro{ position: relative; text-align: center; } #footer .footerbllogo{ } #footer .footerbltxt{ } ul#fsmmicon { text-transform: uppercase; overflow: hidden; position:relative; margin: 60px 0 0; } ul#fsmmicon li { position: relative; margin:0; text-align: center; list-style-type: none; } ul#fsmmicon li a{ font-size: 28px; color: #636363; } ul#fsmmicon li a:hover{ color: #376fc3; } ul#fsmmicon li a.fsmmiconact{ color: #376fc3; } #footer .siteinfo{ width: 100%; background:#fff; font-size: 13px; color: rgb(115, 114, 114); font-family: 'RalewayRegular'; } #footer .siteinfo a{ font-size: 13px; color: rgb(115, 114, 114); font-family: 'RalewayRegular'; } #footer .siteinfob a{text-decoration:none;} /* PAGE NAVIGATION -------------------------------*/ #content .navigation { overflow:hidden; width: 100%; font-size: 16px; font-family: 'RalewayRegular'; padding: 0 0 50px 0; } #content .navigation > a { float: left; width: 32px; line-height: 35px; padding: 0; margin: 0; text-align: center; color: #515151; text-decoration: none; font-size: 16px; } #content .navigation > a:hover { text-decoration: underline; } #content .navigation > .current { float: left; width: 32px; padding: 0; margin: 0; line-height: 35px; text-align: center; border-radius: 30px; color: #ffffff; font-family: 'RalewaySemiBold'; background: rgb(0 168 0); } #content .navigation > .prev, #content .navigation > .next { color: #6b6b6b; position: relative; top: 1px; } #content .navigation > .prev:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 21px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f104"; } #content .navigation > .next:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 21px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f105"; } #content .navigation > .prev:hover, #content .navigation > .next:hover { opacity: 1; } #content .navigation > .dots { float: left; width: 32px; text-align: center; color: #c4c8cc; padding-top: 10px; } /* POP COOKIE -------------------------------*/ .cookie-notice { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #ffffff; border-top: 1px solid #f9f9f9; padding: 15px; box-sizing: border-box; display: none; z-index: 1000; } .cookie-content { text-align: left; } h2#cookiectmat { color: #515151; text-align: left; letter-spacing: 0; margin: 0; font-family: RalewaySemiBold; } .cookiecttext { margin: 0; } .cookie-content button { padding: 13px 20px; font-size: 14px; border-radius: 30px; border: 0; cursor: pointer; } /* MAP BLACK */ .ymaps-layers-pane { filter: invert(90%)!important; -ms-filter: invert(90%)!important; -webkit-filter: invert(90%) !important; -moz-filter: invert(90%)!important; -o-filter: invert(90%)!important;} /* technical work sute -------------------------------*/ #sitereconst{ Width: 420px; padding: 100px 20px; border-radius: 30px; } /* Font -------------------------------*/ @charset "UTF-8"; /* font-family: "RalewayRegular"; */ @font-face { font-family: "RalewayRegular"; src: url("css/fonts/Raleway/RalewayRegular.eot"); src: url("css/fonts/Raleway/RalewayRegular.eot?#iefix")format("embedded-opentype"), url("css/fonts/Raleway/RalewayRegular.woff") format("woff"), url("css/fonts/Raleway/RalewayRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RalewayThin"; */ @font-face { font-family: "RalewayThin"; src: url("css/fonts/Raleway/RalewayThin.eot"); src: url("css/fonts/Raleway/RalewayThin.eot?#iefix")format("embedded-opentype"), url("../fonts/Raleway/RalewayThin.woff") format("woff"), url("../fonts/Raleway/RalewayThin.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RalewayExtraLight"; */ @font-face { font-family: "RalewayExtraLight"; src: url("css/fonts/Raleway/RalewayExtraLight.eot"); src: url("css/fonts/Raleway/RalewayExtraLight.eot?#iefix")format("embedded-opentype"), url("css/fonts/Raleway/RalewayExtraLight.woff") format("woff"), url("css/fonts/Raleway/RalewayExtraLight.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RalewayLight"; */ @font-face { font-family: "RalewayLight"; src: url("css/fonts/Raleway/RalewayLight.eot"); src: url("css/fonts/Raleway/RalewayLight.eot?#iefix")format("embedded-opentype"), url("css/fonts/Raleway/RalewayLight.woff") format("woff"), url("css/fonts/Raleway/RalewayLight.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RalewayMedium"; */ @font-face { font-family: "RalewayMedium"; src: url("../fonts/Raleway/RalewayMedium.eot"); src: url("../fonts/Raleway/RalewayMedium.eot?#iefix")format("embedded-opentype"), url("../fonts/Raleway/RalewayMedium.woff") format("woff"), url("../fonts/Raleway/RalewayMedium.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RalewaySemiBold"; */ @font-face { font-family: "RalewaySemiBold"; src: url("css/fonts/Raleway/RalewaySemiBold.eot"); src: url("css/fonts/Raleway/RalewaySemiBold.eot?#iefix")format("embedded-opentype"), url("css/fonts/Raleway/RalewaySemiBold.woff") format("woff"), url("css/fonts/Raleway/RalewaySemiBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RalewayBold"; */ @font-face { font-family: "RalewayBold"; src: url("../fonts/Raleway/RalewayBold.eot"); src: url("../fonts/Raleway/RalewayBold.eot?#iefix")format("embedded-opentype"), url("../fonts/Raleway/RalewayBold.woff") format("woff"), url("../fonts/Raleway/RalewayBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RalewayExtraBold"; */ @font-face { font-family: "RalewayExtraBold"; src: url("css/fonts/Raleway/RalewayExtraBold.eot"); src: url("css/fonts/Raleway/RalewayExtraBold.eot?#iefix")format("embedded-opentype"), url("css/fonts/Raleway/RalewayExtraBold.woff") format("woff"), url("css/fonts/Raleway/RalewayExtraBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "RalewayBlack"; */ @font-face { font-family: "RalewayBlack"; src: url("../fonts/Raleway/RalewayBlack.eot"); src: url("../fonts/Raleway/RalewayBlack.eot?#iefix")format("embedded-opentype"), url("../fonts/Raleway/RalewayBlack.woff") format("woff"), url("../fonts/Raleway/RalewayBlack.ttf") format("truetype"); font-style: normal; font-weight: normal; }