@font-face { font-family: 'pfbeausanspro-reg'; src: url('/static/fonts/PFBeauSansPro-Regular/PFBeauSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/PFBeauSansPro-Regular/PFBeauSansPro-Regular.woff') format('woff'), url('/static/fonts/PFBeauSansPro-Regular/PFBeauSansPro-Regular.ttf') format('truetype'), url('/static/fonts/PFBeauSansPro-Regular/PFBeauSansPro-Regular.svg#PFBeauSansPro-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pfbeausanspro-thin'; src: url('/static/fonts/PFBeauSansPro-Thin/PFBeauSansPro-Thin.eot?#iefix') format('embedded-opentype'), url('/static/fonts/PFBeauSansPro-Thin/PFBeauSansPro-Thin.woff') format('woff'), url('/static/fonts/PFBeauSansPro-Thin/PFBeauSansPro-Thin.ttf') format('truetype'), url('/static/fonts/PFBeauSansPro-Thin/PFBeauSansPro-Thin.svg#PFBeauSansPro-Thin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pfdintextcomppro-regular'; src: url('/static/fonts/PFDinTextCompPro-Regular/PFDinTextCompPro-Regular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/PFDinTextCompPro-Regular/PFDinTextCompPro-Regular.woff') format('woff'), url('/static/fonts/PFDinTextCompPro-Regular/PFDinTextCompPro-Regular.ttf') format('truetype'), url('/static/fonts/PFDinTextCompPro-Regular/PFDinTextCompPro-Regular.svg#PFDinTextCompPro-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Arial-MT-Regular'; src: url('/static/fonts/Arial-MT-Regular/Arial-MT-Regular.eot'); src: url('/static/fonts/Arial-MT-Regular/Arial-MT-Regular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/Arial-MT-Regular/Arial-MT-Regular.woff') format('woff'), url('/static/fonts/Arial-MT-Regular/Arial-MT-Regular.ttf') format('truetype'), url('/static/fonts/Arial-MT-Regular/Arial-MT-Regular.svg#Arial-MT-Regular') format('svg'); font-weight: normal; font-style: normal; } body, html { height: 100%; position: relative; } a, a:hover, a:focus, a:active { text-decoration: none !important; } ul li { list-style: none !important; list-style-image: url(data:0) !important; list-style-type: none !important; } /* MAIN CLASSES */ .disTab { display: table; } .box-sizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .container { width: 1170px !important; } .mainContainer { width: 100%; background: url('/media/images/main.jpg') no-repeat center; background-size: cover; } .topMain { margin: 0 auto; } .wrTop { width: 100%; background-color: black; } .logo { width: 211px; height: 36px; background: url('/media/img/logo.png') no-repeat center; background-size: cover; float: left; margin: 18px 0 21px 8px; cursor: pointer; } .mainMenu { float: left; margin: 26px 0 0 0; } .mainMenu li { float: left; position: relative; padding-right: 30px; } .mainMenu li:before, .activeMM:before { content: ''; position: absolute; height: 23px; left: 0; top: -1px; } .mainMenu li:first-child:before { width: 26px; background: url('/media/img/listMain.png') no-repeat left; background-size: cover; background-position: 0 0; } .mainMenu li:nth-child(2):before { width: 22px; background: url('/media/img/listMain.png') no-repeat left; background-size: cover; background-position: -26px 0; } .mainMenu li:last-child:before { width: 24px; background: url('/media/img/listMain.png') no-repeat left; background-size: cover; background-position: -48px 0 } .activeMM:first-child:before { width: 26px; background: url('/media/img/listMain2.png') no-repeat left !important; background-size: cover; background-position: 0 0 !important; } .activeMM:nth-child(2):before { width: 22px; background: url('/media/img/listMain2.png') no-repeat left !important; background-size: cover; background-position: -26px 0 !important; } .activeMM:nth-child(3):before { width: 26px !important; background: url('/media/img/listMain2.png') no-repeat left !important; background-size: cover; background-position: -49px 0 !important; } .mainMenu li:last-child { padding-right: 0; } .mainMenu li a { color: white; font-size: 18px; padding: 30px 0px 11% 40px; font-family: 'pfbeausanspro-reg', sans-serif; } .activeMM a { border-bottom: 3px solid #ff0029; } .reg, .reg:link, .reg:visited { color: #fb1818; font-size: 16px; text-transform: uppercase; float: left; line-height: 75px; font-family: 'pfdintextcomppro-regular', sans-serif; letter-spacing: 4px; } .lock { width: 75px; height: 75px; background: url('/media/img/lock.png') no-repeat center, white; float: right; cursor: pointer; margin: 0 -15px 0 0; } .welcomeMain { width: 100%; float: left; font-size: 48px; text-align: center; padding: 54px 0 39px 0; font-family: 'pfbeausanspro-thin', sans-serif; } .changeBlock { width: 485px; height: 424px; overflow: hidden; padding: 113px 0 0 0; text-align: center; position: relative; } .changeBlock1 { float: right; margin-right: -15px; background-color: rgba(0,0,0,0.7); } .changeBlock2 { float: left; margin-left: -15px; background-color: rgba(255,0,6,0.7); } .changeBlock > a { border: none; cursor: pointer; width: 200px; height: 40px; border-radius: 40px; font-size: 20px; text-transform: uppercase; font-family: 'pfdintextcomppro-regular', sans-serif; letter-spacing: 4px; } .changeBlock1 > a, .changeBlock1 > a:link, .changeBlock1 > a:visited { background: url('/media/img/button1.png') no-repeat 25px , white; color: black; padding: 24px 26px 20px 72px; } .changeBlock2 > a, .changeBlock2 > a:link, .changeBlock2 > a:visited { background: url('/media/img/button2.png') no-repeat 27px, black; color: white; padding: 24px 26px 20px 72px; } .changeBlock p { font-size: 16px; width: 63%; margin: 71px auto 0 auto; text-align: left; line-height: 24px; position: relative; font-family: 'Arial-MT-Regular', sans-serif; } .changeBlock1 p { color: white; } .changeBlock2 p { color: black; } .changeBlock p:after { content: ''; position: absolute; width: 66px; height: 1px; bottom: -52px; left: 50%; margin-left: -30px; background-color: white; } .square { width: 46px; height: 46px; position: absolute; right: -23px; top: 100px; z-index: 9; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); background-color: #DCDCDD; } .insetSquare { width: 100%; height: 100%; position: relative; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); background: url('/media/img/arrow.png') no-repeat center; } .youtube { width: 80px; height: 80px; margin: 80px auto; border-radius: 100%; cursor: pointer; background: url('/media/img/youtube.png') no-repeat center, #FF0029; } .imgProfile { width: 75px; height: 75px; background: url('/media/img/profile.jpg') no-repeat center; background-size: cover; float: left; margin: 0 0 0 -60px; } .infoProfile { float: left; } .infoProfile .btn-group .btn { width: 75px; height: 75px; float: left; border-radius: 0 !important; background-color: black; border: none; } .infoProfile .btn-group .btn span { color: white; font-size: 26px; } .infoProfile .btn-group .dropdown-toggle:hover, .infoProfile .btn-group .dropdown-toggle:active, .infoProfile .btn-group .dropdown-toggle:focus { -webkit-box-shadow: inset 0 3px 5px rgba(255,0,39,0.99); -moz-box-shadow: inset 0 3px 5px rgba(255,0,39,0.99); box-shadow: inset 0 3px 5px rgba(255,0,39,0.99); background-color: rgb(255,0,39); } .rating { width: 46px; height: 46px; float: left; border-radius: 100%; background-color: #4D4D4D; margin: 15px 0 0 10px; position: relative; } .ratingInset { width: 50px; height: 45px; border-radius: 100%; background-color: #FF0027; position: absolute; left: -2px; bottom: 3px; clip: rect(0, 22px, 50px, 0); transform: rotate(-90deg); } .iconRating { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url('/media/img/button12.png') no-repeat center; } .ratingPer { color: #ff2c2c; font-size: 18px; font-family: 'pfdintextcomppro-regular', sans-serif; float: left; margin: 28px 0 0 15px; cursor: pointer; } .mainScore { position: relative; } .mainScore > .row { border-right: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; } .titleScore { width: 100%; text-align: center; float: left; font-family: 'pfbeausanspro-thin', sans-serif; font-size: 36px; margin: 48px 0 45px 0; letter-spacing: 2px; } .scoreButtons { width: 100%; background-color: #F2F2F2; position: relative; margin-bottom: 140px; } .scoreButtons > p { width: 100%; float: left; text-align: center; font-size: 30px; color: #fb2c2d; font-family: 'Arial-MT-Regular', sans-serif; margin: 67px 0 38px 0; letter-spacing: 1px; } .scoreButtons > p i { color: #B6B6B6; } .linkS { border-radius: 40px; font-family: 'pfdintextcomppro-regular', sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 52px; } .linkS1, .linkS1:link, .linkS1:visited { float: right; color: white; background-color: #FE0029; padding: 18px 74px; } .linkS2, .linkS2:link, .linkS2:visited { float: left; background-color: black; color: white; padding: 18px 47px; } .scoreButtons table { width: 100%; border-collapse: collapse; border: 1px solid #E3E2E2; } .scoreButtons table tr { border-bottom: 1px solid #E3E2E2; } .scoreButtons table tr th, .scoreButtons table tr td { font-size: 15px; text-align: center; vertical-align: middle; } .scoreButtons table tr th { background-color: #E3E2E2; color: #2c2c2c; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; padding: 25px 0; } .scoreButtons table tr td { font-family: 'Arial-MT-Regular', sans-serif; padding: 31px 0; background-color: white; } .scoreButtons table tr:nth-child(odd) td { background-color: #F6F6F6; } .scoreButtons table tr th:first-child, .scoreButtons table tr td:first-child { width: 15%; } .scoreButtons table tr th:nth-child(2), .scoreButtons table tr td:nth-child(2) { width: 50%; } .scoreButtons table tr th:nth-child(3), .scoreButtons table tr td:nth-child(3) { width: 16%; } .scoreButtons table tr th:last-child, .scoreButtons table tr td:last-child { width: 19%; } .scoreButtons table tr td b { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; } .scoreButtons table tr td:nth-child(3) { font-size: 22px; color: #fb2c2d; letter-spacing: 1px; } .scoreButtons table tr td i { color: #B6B6B6; } .scoreButtons table tr td:last-child { font-size: 22px; letter-spacing: 1px; } .triangle1 { position: absolute; border: 30px solid transparent; border-top: 17px solid white; top: 0; left: 50%; margin-left: -30px; } footer { width: 100%; position: relative; background-color: #F7F7F7; } footer:after { content: ''; position: absolute; left: 0; top: 0; width: 300px; height: 3px; background-color: black; } .logoF { width: 209px; height: 36px; background: url('/media/img/logoF.png') no-repeat center; background-size: cover; float: left; margin: 41px 0 0 27px; cursor: pointer; } .linksSoc { width: 100%; float: left; margin: 32px 0 0 0; padding: 0 0 0 23px; } .linksSoc > a, .linksSoc > a:link, .linksSoc > a:visited { width: 46px; height: 46px; opacity: 0.2; display: block; float: left; margin-right: 10px; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } .linksSoc > a:first-child { background: url('/media/img/socSprite.png') no-repeat left; background-position: 0 0; } .linksSoc > a:nth-child(2) { background: url('/media/img/socSprite.png') no-repeat left; background-position: -46px 0; } .linksSoc > a:nth-child(3) { background: url('/media/img/socSprite.png') no-repeat left; background-position: -92px 0; } .linksSoc > a:nth-child(4) { background: url('/media/img/socSprite.png') no-repeat left; background-position: -138px 0; } .linksSoc > a:last-child { background: url('/media/img/socSprite.png') no-repeat left; background-position: -184px 0; margin-right: 0; } .linksSoc > a:hover { opacity: 1; } .copy-rights { float: left; font-size: 16px; font-family: 'pfdintextcomppro-regular', sans-serif; text-transform: uppercase; letter-spacing: 2px; margin: 34px 0 42px 31px; color: #aaa; } .listF1 p { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; color: #2c2c2c; font-weight: bold; margin: 46px 0 20px 0; } .listF1 ul li { margin-bottom: 6px; } .listF1 ul li:last-child { margin-bottom: 0; } .listF1 ul li a, .listF1 ul li a:link, .listF1 ul li a:visited { font-family: 'Arial-MT-Regular', sans-serif; color: #6c6c6c; font-size: 15px; } .officeList:before { content: ''; position: absolute; width: 27px; height: 24px; left: -35px; top: 0; background: url('/media/img/list4.png') no-repeat center !important; background-size: cover !important; } .profileTabs { width: 100% !important; margin: 13px -1px 0 -1px; float: left; } .profileTabs ul li { position: relative; } .profileTabs ul li a, .profileTabs ul li a:link, .profileTabs ul li a:visited { border-radius: 0 !important; font-size: 17px; color: black; font-family: 'pfbeausanspro-reg', sans-serif; position: relative; text-align: left; padding: 22px; } .profileTabs ul .active a:after { content: ''; position: absolute; width: 100%; height: 3px; top: -1px; left: 0; background-color: black; } .desPresent { position: absolute; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: italic; color: #898989; bottom: 8px; left: 22px; } .profileTabs ul li:first-child { width: 1%; } .profileTabs ul li:first-child a { padding: 22px 22px 22px 90px; } .profileTabs ul li:first-child a:before { content: ''; position: absolute; width: 22px; height: 21px; background: url('/media/img/list2-a.png') no-repeat center; background-size: cover; left: 53px; top: 23px; } .roundsCount { position: absolute; left: 50%; top: 16px; height: 32px; } .profileTabs ul li:nth-child(3) .roundsCount, .profileTabs ul li:last-child .roundsCount { left: 65%; } .roundsCount > div { width: 32px; height: 32px; border-radius: 100%; text-align: center; line-height: 32px; font-family: 'Arial-MT-Regular', sans-serif; float: left; overflow: hidden; } .countR { background-color: #FF0027; color: white; margin-right: 2px; } .countG { color: black; background-color: #ccc; } .buttonGP { width: 100%; float: left; margin: 43px 0 0 0; } .valProject { float: left; margin: 0 0 0 62px; } .valProject2 { float: left; margin: 0 0 0 28px; } .valProject button { padding: 14px 20px; } .valProject2 button { padding: 14px 20px; } .valProject button, .valProject2 button { border-radius: 40px; font-size: 15px; font-family: 'Arial-MT-Regular', sans-serif; } .valProject button:focus, .valProject button:active, .valProject2 button:focus, .valProject2 button:active { outline: none; background-color: black; color: white; } .valProject2 button span mark { background: none; color: #ff2c2c; } .valProject2 button > span { padding-left: 11px; } .projectsBlock { width: 100%; float: left; margin: 43px 0 0 0; } .projectPro { width: 100%; float: left; margin-bottom: -1px; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; background-color: white; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .projectPro:hover { transform: scale(1.02); box-shadow: 0 0 10px rgba(0,0,0,0.7); cursor: pointer; } .projectPro:hover .titlePro { color: #fb2c2d; text-decoration: underline; } .projectPro:hover .leftPro:before { background-color: #fb2c2d; } .leftPro { padding: 0 0 0 62px; position: relative; z-index: 99; } .leftPro:before { content: ''; position: absolute; width: 100px; height: 3px; background-color: black; left: 62px; top: 0; z-index: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .titlePro { font-size: 24px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; float: left; width: 100%; margin: 52px 0 0 0; position: relative; word-spacing: 6px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .desPro { float: left; margin: 28px 0 0 40px; } .desPro li { float: left; color: #2c2c2c; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: italic; margin: 0 96px 0 0; position: relative; } .desPro li:before { content: ''; position: absolute; left: -37px; top: -5px; height: 26px; } .desPro li:first-child:before { width: 24px; background: url('/media/img/desPro.png') no-repeat left; background-size: cover; background-position: 0 0; } .desPro li:last-child:before { width: 26px; background: url('/media/img/desPro.png') no-repeat left; background-size: cover; background-position: -24px 0; } .desPro li:first-child { font-size: 16px; } .desPro li:last-child { font-size: 14px; margin-right: 0; } .textPro { width: 100%; float: left; font-size: 16px; font-family: 'Arial-MT-Regular', sans-serif; color: #2c2c2c; margin: 24px 0 0 0; line-height: 24px; } .listPro { float: left; margin: 24px 0 63px 35px; } .listPro li { float: left; position: relative; font-size: 14px; font-family: 'Arial-MT-Regular', sans-serif; color: #2c2c2c; margin: 0 79px 0 0; } .listPro li:last-child { margin-right: 0; } .listPro li:before { content: ''; position: absolute; height: 20px; left: -32px; top: -2px; } .listPro li:first-child:before { width: 19px; background: url('/media/img/listPro.png') no-repeat left; background-size: cover; background-position: 0 0; } .listPro li:nth-child(2):before { width: 24px; background: url('/media/img/listPro.png') no-repeat left; background-size: cover; background-position: -19px 0; } .listPro li:nth-child(3):before { width: 20px; background: url('/media/img/listPro.png') no-repeat left; background-size: cover; background-position: -41px 0; } .listPro li:last-child:before { width: 20px; background: url('/media/img/listPro.png') no-repeat left; background-size: cover; background-position: -61px 0; } .rightPro { padding: 0 55px 0 0; } .cenaPro { width: 100%; float: left; text-align: left; font-size: 30px; color: #fb2c2d; font-family: 'Arial-MT-Regular', sans-serif; margin: 42px 0px 0 0; letter-spacing: 1px; border-bottom: 1px solid #CFCFCF; padding: 0 0 28px 0px; } .cenaPro i { color: #B6B6B6; } .rightPro ul { float: left; margin: 26px 0 0 50px; } .rightPro ul li { position: relative; font-size: 15px; color: #2c2c2c; font-family: 'Arial-MT-Regular', sans-serif; margin: 0 0 26px 0; } .rightPro ul li:last-child { margin-bottom: 0; } .rightPro ul li:before { content: ''; position: absolute; width: 21px; left: -39px; top: -3px; } .rightPro ul li:first-child:before { height: 26px; background: url('/media/img/cenaList.png') no-repeat left; background-size: cover; background-position: 0 0; } .rightPro ul li:nth-child(2):before { height: 21px; background: url('/media/img/cenaList.png') no-repeat left; background-size: cover; background-position: 0 -26px; } .rightPro ul li:last-child:before { height: 22px; background: url('/media/img/cenaList.png') no-repeat left; background-size: cover; background-position: 0 -46px; } .pagin { text-align: center; margin: 30px 0 30px 0; } .pagin nav { display: inline-block; } .pagin nav ul li { float: left; margin-right: 26px; padding: 0 0; line-height: 50px; } .pagin nav ul li a { background-color: none; color: black; font-size: 20px; line-height: 50px; font-family: 'pfdintextcomppro-regular', sans-serif; border: none; border-radius: 100%; } .pagin nav ul .active a { color: white; background-color: #2c2c2c; padding: 20px !important; line-height: 10px; } .pagin nav ul li a { padding: 20px 0 !important; line-height: 10px; width: 50px !important; height: 50px !important; text-align: center; } .pagin nav ul li a:hover, .pagin nav ul li a:active { color: black; color: white; background-color: #2c2c2c; border-color: #2c2c2c; } .pagin nav li a span { margin-top: -10px; } .pagin nav ul li:last-child a:hover, .pagin nav ul li:first-child a:hover { background: none !important; color: #2c2c2c; opacity: 0.8; } .filter { width: 100%; float: left; background-color: #F2F2F2; position: relative; padding: 30px 0 0 0; } .titleF1 { margin: 0 0 23px 0; } .titleF1, .polsF1, .searchF1, .resSearchF1, .sro { width: 100%; float: left; padding: 0 30px; } .titleF1 > div { font-size: 15px; font-family: 'Arial-MT-Regular', sans-serif; font-weight: bold; color: #2c2c2c; } .polsF1 .btn-group .btn { width: 100% !important; padding: 15px 105px 15px 18px; border-radius: 0 !important; border: none; font-size: 15px; color: #2c2c2c; position: relative; font-family: 'Arial-MT-Regular', sans-serif; background-color: white; } .polsF1 .btn-info { background-color: white; } .polsF1 .btn:active { box-shadow: none !important; } .polsF1 .btn-group.open .dropdown-toggle { box-shadow: none !important; outline: 1px solid #FF0029; } .polsF1 .btn:hover, .polsF1 .btn:focus { background: white !important; outline: none; } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; color: #D2D3D5; right: 10px; font-size: 15px; } .bootstrap-select.btn-group .dropdown-toggle:focus .caret, .bootstrap-select.btn-group .dropdown-toggle:active .caret { color: #FF0029; } .open .caret { color: #FF0029 !important; } .caret { margin-top: 2px !important; border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; } span.caret:after { content: "\e253"; position: absolute; font-family: 'Glyphicons Halflings'; right: -6.5px; top: -21px; font-size: 12px; } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active { outline-offset: 0 !important; outline: 1px solid #FF0029 !important; } .polsF1 .filter-option { font-size: 15px; color: #2c2c2c; position: relative; font-family: 'Arial-MT-Regular', sans-serif; } .polsF1 .btn .glyphicon-triangle-top { top: 15px; } .polsF1 .btn .glyphicon-triangle-bottom { top: 25px; } .polsF1 .btn:focus span, .polsF1 .btn:active span { color: #FF0029; } .polsF1 .dropdown-menu { width: 100%; margin-top: 2px; border-radius: 0 !important; outline: 1px solid #FF0029; } .bootstrap-select.btn-group .dropdown-menu { margin-bottom: -7px !important; } .polsF1 .dropdown-menu li { margin-bottom: 0; } .polsF1 .dropdown-menu li:first-child { margin-top: -6px; } .polsF1 .dropdown-menu li:last-child { margin-bottom: 2px; } .polsF1 .dropdown-menu li a { font-size: 15px; font-family: 'Arial-MT-Regular', sans-serif; color: #2c2c2c; padding-top: 10px; padding-bottom: 10px; } .polsF1 .dropdown-menu li a:focus { outline: none !important; background: none; } .searchF1 { margin: 18px 0 0 0; } .searchInp { width: 100%; height: 51px; padding: 0 15px; font-size: 15px; background-color: white; color: #9c9c9c; font-family: 'Arial-MT-Regular', sans-serif; border: none !important; } .otInp { width: 90px; height: 51px; padding: 0 15px; font-size: 15px; background-color: white; color: #9c9c9c; float: left; margin-right: 26px; font-family: 'Arial-MT-Regular', sans-serif; border: none !important; } .valul .btn { font-size: 20px !important; padding: 11px 46px 11px 15px !important; } .valul .btn span { color: #aaa; } .findReal, .findReal:link, .findReal:visited { float: left; color: white; font-size: 16px; font-family: 'pfdintextcomppro-regular', sans-serif; background: url('/media/img/list2.png') no-repeat 21px, #FF0029; padding: 17px 68px 17px 59px; border-radius: 40px; text-transform: uppercase; } .clearSearch, .clearSearch:link, .clearSearch:visited { font-size: 15px; font-family: Arial, Verdana, Helvetica, sans-serif; float: left; position: relative; color: #8a8989; font-style: italic; margin: 14px 0 0 39px; } .clearSearch:before { content: ''; position: absolute; width: 21px; height: 22px; background: url('/media/img/cenaList.png') no-repeat left; background-size: cover; background-position: 0 -46px; left: -33px; top: -3px; } .resSearchF1 { margin: 30px 0 23px 0; } .titleResF1 { font-size: 15px; font-family: 'Arial-MT-Regular', sans-serif; font-weight: bold; color: #2c2c2c; float: left; } .resButtonF1 { width: 50px; height: 50px; background-color: white; border: 1px solid #CFCFCF; color: #FF0029; text-align: center; font-size: 16px; float: left; border-radius: 100%; margin: -15px 0 0 28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .resButtonF1:focus { outline: none; } .resSearchF1 .col-lg-9 { padding-left: 15px !important; } .borderS1 { width: 100%; float: left; margin: 10px 0 0 0; border-top: 1px solid #CFCFCF; } .slideRes { width: 100%; float: left; } .sro { margin: 33px 0 28px 0; } label { width: 23px; height: 23px; display: block; position: relative; float: left; } input[type="checkbox"] + span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/media/img/check.png') no-repeat center; background-position: 0 0; background-size: cover; cursor: pointer; } .sro input[type="checkbox"] { opacity: 0; } input[type="checkbox"]:checked + span { background-position: 0 -23px; } .sro p { font-size: 15px; font-family: 'Arial-MT-Regular', sans-serif; font-weight: bold; color: #2c2c2c; float: left; margin: 2px 0 0 18px; } .linkSort { width: 100%; float: left; padding: 0 30px; margin: 46px 0 28px 0; } .linkSort p { font-size: 14px; font-family: 'Arial-MT-Regular', sans-serif; float: left; color: #6b6b6b; margin: 10px 14px 0 0; } .linkSort a, .linkSort a:link, .linkSort a:visited { font-size: 14px; font-family: 'Arial-MT-Regular', sans-serif; float: left; color: #6b6b6b; padding: 11px 23px; border-radius: 40px; margin-right: 6px; border: 1px solid white; } .linkSort a span { color: #bbb; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .linkSort a:last-child { margin-right: 0; } .linkSort a:focus, .linkSort a:active { border-color: #6b6b6b; } .linkSort a:focus span, .linkSort a:active span { color: #6b6b6b; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .activeSort { border-color: #6b6b6b !important; } .activeSort span { color: #6b6b6b !important; } .polsF2 { margin-bottom: 28px; } .titleF2 { margin: 17px 0 0 0; } .galleryWork { width: 100%; float: left; margin: 91px 0 0 0; border-bottom: 1px solid #cfcfcf; } .galleryWork > div:hover { cursor: pointer; } .insetCol { background-color: #F2F2F2; padding: 15px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .insetCol, .insetCol2 { width: 100%; float: left; margin-top: 15px; position: relative; } .imgGal { width: 100%; height: 224px; background: url('/media/img/gal.jpg') no-repeat center; background-size: cover; float: left; position: relative; } .cenaImg { width: 100%; position: absolute; bottom: 0; left: 0; padding: 0 30px; } .cenaImgInset { width: 100%; font-size: 19px; color: #fb2c2d; font-family: 'Arial-MT-Regular', sans-serif; text-align: center; background-color: #FEFEFE; padding: 10px 0; line-height: 17px; } .cenaImgInset i { color: #8B8B8B; font-size: 17px; } .insetCol2 { padding: 5px 30px; background-color: white; } .insetCol2 > p { font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-align: center; line-height: 19px; margin-bottom: 44px; } .buttonsImg { position: relative; width: 100%; text-align: center; left: 0; bottom: -5px; background-color: white; z-index: 99; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .insetBI { width: 45px; height: 45px; display: inline-block; vertical-align: top; line-height: 45px; text-align: center; font-size: 18px; } .insetBI > i { color: white; } .insetBI1 { background-color: black; margin-right: -5px; } .insetBI2 { background-color: #FF0027; } .galleryWork .col-lg-3, .galleryWork2 .col-lg-4 { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .galleryWork .col-lg-3:hover, .galleryWork2 .col-lg-4:hover { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); transform: scale(1.04); box-shadow: 0 0 10px rgba(0,0,0,0.7); background-color: white; } .galleryWork .col-lg-3:hover .buttonsImg, .galleryWork2 .col-lg-4:hover .buttonsImg { opacity: 1; } .galleryWork .col-lg-3:hover .insetCol, .galleryWork2 .col-lg-4:hover .insetCol { background-color: white; } .galleryWork .col-lg-3:hover .imgFigure, .galleryWork2 .col-lg-4:hover .imgFigure { opacity: 1; } .imgFigure { position: absolute; width: 50px; height: 50px; border-radius: 100%; top: 50%; left: 50%; margin: -25px 0 0 -25px; background: url('/media/img/img.png') no-repeat center, rgba(211,211,211,0.8); opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mainBlock2 > .row { padding: 27px 0 0 0; } .avatar { width: 100%; padding: 20px 15px; float: left; margin: 0 0 0 0; background-color: #F1F1F1; } .avatarInset { width: 100%; height: 224px; background: url('/media/img/profile.jpg') no-repeat center; background-size: cover; } .menuUser { width: 100%; float: left; margin: 0 0 0 0; } .menuUser ul { float: left; } .menuUser ul li { width: 101%; margin-top: 1px; position: relative; background-color: #F1F1F1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .menuUser ul li a, .menuUser ul li a:link, .menuUser ul li a:visited { color: #595959; font-size: 16px; font-family: 'pfdintextcomppro-regular', sans-serif; padding: 26px 23px 26px 65px; position: relative; text-transform: uppercase; letter-spacing: 2px; display: block; width: 100%; } .menuUser ul li:before { content: ''; position: absolute; width: 30px; left: 15px; top: 22px; z-index: 999; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .menuUser ul li:first-child:before { height: 21px; background: url('/media/img/menuUser.png') no-repeat left; background-size: cover; background-position: 0 0; } .menuUser ul li:nth-child(2):before { height: 22px; background: url('/media/img/menuUser.png') no-repeat left; background-size: cover; background-position: 0 -21px; } .menuUser ul li:nth-child(3):before { height: 16px; background: url('/media/img/menuUser.png') no-repeat left; background-size: cover; background-position: 0 -53px; } .menuUser ul li:last-child:before { height: 26px; background: url('/media/img/menuUser.png') no-repeat left; background-size: cover; background-position: 0px -69px; } .menuUser ul li:hover { background-color: white; box-shadow: 0 0 10px rgba(0,0,0,0.8); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); z-index: 999; } .menuUser ul li:first-child:hover:before { height: 21px; background: url('/media/img/menuUser2.png') no-repeat left !important; background-size: cover; background-position: 0 0 !important; } .menuUser ul li:nth-child(2):hover:before { height: 22px; background: url('/media/img/menuUser2.png') no-repeat left !important; background-size: cover; background-position: 0 -21px !important; } .menuUser ul li:nth-child(3):hover:before { height: 16px; background: url('/media/img/menuUser2.png') no-repeat left !important; background-size: cover; background-position: 0 -53px !important; } .menuUser ul li:last-child:hover:before { height: 26px; background: url('/media/img/menuUser2.png') no-repeat left !important; background-size: cover; background-position: 0px -69px !important; } .divCol3 { padding: 10px; } .divCol9 { padding: 20px 0; } .nameUser, .cityUser, .navv { width: 100%; float: left; } .nameUser { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 22px; line-height: 26px; margin: 0 0 0 0; font-weight: bold; } .cityUser, .navv { font-family: 'Arial-MT-Regular', sans-serif; font-size: 15px; color: #5a5a5a; } .cityUser { text-transform: uppercase; margin: 12px 0 5px 0; } .navv { margin: 0 0 0 0; } .statusUser { padding: 7px 16px; letter-spacing: 2px; font-size: 15px; position: relative; float: left; background-color: #00BB7B; color: white; font-family: 'pfdintextcomppro-regular', sans-serif; text-transform: uppercase; margin: 16px 0 0 0; } .statusUser:after { content: ''; position: absolute; border: 7px solid transparent; border-left: 7px solid #00BB7B; border-top: 7px solid #00BB7B; left: 0; bottom: -11px; } .showCon, .showCon:link, .showCon:visited { border-radius: 40px; font-family: 'pfdintextcomppro-regular', sans-serif; color: black; font-size: 16px; padding: 17px 33px 17px 56px; background: url('/media/img/showCon.png') no-repeat 16px, white; float: left; margin: 25px 0 0 0; border: 1px solid #DFDFDF; text-transform: uppercase; letter-spacing: 2px; } .dashedCol4 { width: 100%; display: table; border: 1px dashed #B7B7B7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: -11px 0 0 0; padding: 26px 24px 50px 24px; } .specUser { width: 100%; float: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0px 0 26px 0; } .insetSpec { float: left; width: 100%; margin: 0px 0 6px 0; } .insetSpec span { color: #5a5a5a; font-size: 15px; font-family: 'Arial-MT-Regular', sans-serif; } .insetSpec span:first-child { float: left; } .insetSpec span:nth-child(2) { float: right; } .rettList { width: 100%; padding: 30px 0 15px 0; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; float: left; margin-top: -10px; } .rettList li, .rettList li a, .rettList li a:link, .rettList li a:visited { color: #2c2c2c; font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; position: relative; } .rettList li { margin: 0 0 18px 40px; } .rettList li:before { content: ''; position: absolute; width: 24px; left: -40px; top: -2px; } .restList3 { border: none !important; } .restList3 li a, .restList3 li a small { font-size: 13px !important; } .rettList li:first-child:before { height: 19px; background: url('/media/img/rett.png') no-repeat left; background-size: cover; background-position: 0 0; } .rettList li:nth-child(2):before { height: 25px; background: url('/media/img/rett.png') no-repeat left; background-size: cover; background-position: 0 -19px; } .rettList li:last-child:before { height: 26px; background: url('/media/img/rett.png') no-repeat left; background-size: cover; background-position: 0 -44px; } .rettList li span { color: #00BB7B; padding-left: 10px; } .rettList li small { font-size: 16px; color: #757575; padding-left: 10px; } .rettList li mark { background: none; color: #ff0029; padding-left: 10px; } .sroUser { width: 100%; float: left; border-bottom: 1px solid #EBEBEB; padding: 27px 0 30px 0; } .sroUser p { color: #3a3939; font-size: 15px; font-family: 'Arial-MT-Regular', sans-serif; float: left; margin: 2px 0 0 17px; } .iconSRO { width: 19px; height: 23px; float: left; background: url('/media/img/sro.png') no-repeat center; background-size: cover; } .profileTabs2 { width: 100%; margin: 0 0 -1px 0; float: left; } .profileTabs2 ul li { position: relative; } .profileTabs2 ul li a, .profileTabs2 ul li a:link, .profileTabs2 ul li a:visited { border-radius: 0 !important; font-size: 17px; color: black; font-family: 'pfbeausanspro-reg', sans-serif; position: relative; text-align: left; padding: 22px 21px 22px 21px; } .profileTabs2 ul .active a:after { content: ''; position: absolute; width: 100%; height: 3px; top: -1px; left: 0; background-color: black; } .addWork { float: left; font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #5a5a5a; position: relative; margin: 0 0 0 48px; font-style: italic; padding: 21px 0 31px 0; } .addWork:before { content: ''; position: absolute; width: 24px; height: 23px; background: url('/media/img/plus.png') no-repeat center; background-size: cover; left: -38px; top: 20px; } .galleryWork2 { width: 75%; float: left; } .galleryWork2 .col-lg-4:hover { cursor: pointer; } .linkElse { text-align: center; margin: 50px 0 75px 0; } .showElse, .showElse:link, .showElse:visited { display: inline-block; border-radius: 40px; font-family: 'pfdintextcomppro-regular', sans-serif; color: #aaa; font-size: 16px; padding: 17px 43px 17px 66px; background: url('/media/img/img2.png') no-repeat 16px, white; border: 1px solid #DFDFDF; text-transform: uppercase; letter-spacing: 2px; } .polsF3 { margin-bottom: 23px; } .mLeft { float: left; } .polsSearch { width: 25% !important; } .polsSearch .btn { padding-right: 65px !important; border: 1px solid #ccc !important; } .executorBlock { width: 100%; float: left; margin: 20px 0 -21px 0; border-top: 1px solid #CFCFCF; position: relative; } .imgExecutor { width: 100%; height: 100%; position: relative; background: url('/media/img/profile.jpg') no-repeat center; background-size: cover; } .aLinkExe { width: 35%; height: 125px; display: block; float: left; margin: 32px 22px 0 0; } .nameExecutor { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; line-height: 21px; margin: 33px 0 12px 0; font-weight: bold; float: left; width: 58%; } .nameExecutor a:link, .nameExecutor:visited, .nameExecutor a { color: black; } .navv2 { font-family: 'Arial-MT-Regular', sans-serif; font-size: 15px; color: #5a5a5a; float: left; width: 55%; } .navv2 { margin: 0 0 0 0; } .statusUser { padding: 7px 16px; letter-spacing: 2px; font-size: 15px; position: relative; float: left; background-color: #00BB7B; color: white; font-family: 'pfdintextcomppro-regular', sans-serif; text-transform: uppercase; margin: 16px 0 0 0; } .valProject2 { margin-left: 15px !important; } .restList2 { border: none; margin: 9px 0 0 40px; } .restList2 li, .restList2 li a { font-size: 13px !important; font-family: 'Arial-MT-Regular', sans-serif; margin-bottom: 12px; } .restList2 li, .restList2 li a small { font-size: 13px !important; } .sroExecutor { border: none; padding: 0 0 0 0; margin: -12px 0 0 40px; } .dashedCol44 { width: 87%; padding: 17px 0px 0 18px; margin: 31px 0px 0 69px; position: relative; } .dashedCol44 p { font-size: 14px !important; margin: 0 0 10px 0; } .dashedCol44 > div span { font-size: 13px !important; } .dashedCol44 > div span:nth-child(2) { margin-right: 30px; } .showSpec { width: 100%; float: left; display: none; } .retts { position: relative; z-index: 1; padding-left: 0; } .showPress { position: absolute; right: 9px; top: 100px; cursor: pointer; border: none; width: 11px; height: 6px; z-index: 9999; background: url('/media/img/showPress.png') no-repeat center; background-size: cover; } .showPress:focus, .showPress:active { outline: none !important; } .gallMini { width: 100%; float: left; margin: 17px 0 63px 0; position: relative; } .linkInsetCol { display: block; } .executorBlock:before { width: 125px; height: 3px; background-color: black; position: absolute; left: 15px; top: 0; } .listExecutor { float: left; margin: 37px 0 0 47px; } .listExecutor li { margin-bottom: 24px; } .listExecutor li:last-child { margin-bottom: 0; } .listExecutor li a { color: #595959; font-size: 15px; text-transform: uppercase; font-family: 'pfdintextcomppro-regular', sans-serif; position: relative; } .listExecutor li a:before { content: ''; position: absolute; width: 22px; left: -40px; top: -3px; } .listExecutor li:first-child a:before { height: 18px; background: url('/media/img/listExecutor.png') no-repeat left; background-size: cover; background-position: 0 0; } .listExecutor li:nth-child(2) a:before { height: 22px; background: url('/media/img/listExecutor.png') no-repeat left; background-size: cover; background-position: 0 -18px; } .listExecutor li:last-child a:before { height: 19px; background: url('/media/img/listExecutor.png') no-repeat left; background-size: cover; background-position: 0 -47px; } .doneBlock { width: 100%; float: left; margin: 0 0 1px 0; background-color: #F3F3F3; position: relative; padding: 15px 0; min-height: 180px; } .doneBlock:before { content: ''; width: 125px; height: 3px; background-color: black; position: absolute; left: 15px; top: 0; } .restList3 { width: 55%; margin: -14px 0 0 0; } .dashedColColor { background-color: #F9F9F9; padding-bottom: 23px; } .desListPro { float: left; margin: 34px 0 0 123px; } .desListPro li { position: relative; font-size: 14px; color: #393939; font-family: 'Arial-MT-Regular', sans-serif; margin-bottom: 21px; letter-spacing: 0px; } .desListPro li:last-child { margin-bottom: 0; } .desListPro li:before { content: ''; position: absolute; width: 25px; left: -34px; top: -3px; } .desListPro li:first-child:before { height: 20px; background: url('/media/img/desProject.png') no-repeat left; background-size: cover; background-position: 0 0; } .desListPro li:nth-child(2):before { height: 25px; background: url('/media/img/desProject.png') no-repeat left; background-size: cover; background-position: 0 -20px; } .sroPro { margin: 24px 0 0 91px; } .infoProjectBlock { width: 100%; height: 100px; float: left; background-color: #F3F3F3; margin: 0 0 0 0; position: relative; } .listProjectIn { float: left; margin: 40px 0 0 57px; } .listProjectIn li { float: left; color: #3a3939; font-size: 14px; padding-right: 23px; font-family: 'Arial-MT-Regular', sans-serif; letter-spacing: 1px; } .listProjectIn li:last-child { padding-right: 0; } .listProjectIn li span { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; } .textProIn { width: 90%; float: left; margin: 38px 0 0 54px; font-size: 14px; font-family: 'Arial-MT-Regular', sans-serif; line-height: 24px; color: #3a3939; } .linkProIn, .linkProIn:link, .linkProIn:visited { border-radius: 40px; color: #4c4c4c; font-family: 'pfdintextcomppro-regular', sans-serif; font-size: 16px; float: left; padding: 19px 58px 17px 75px; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .linkProIn:hover { background-color: white; } .linkProIn1 { background: url('/media/img/linkProIn1.png') no-repeat 40px; margin: 32px 0 50px 57px; } .linkProIn2 { background: url('/media/img/linkProIn2.png') no-repeat 40px; margin: 32px 0 50px 4px; } .triangle2 { position: absolute; border: 30px solid transparent; border-top: 17px solid #F3F3F3; bottom: -47px; left: 50%; margin-left: -30px; } .exBigBlock { width: 100%; float: left; margin: 0 0 0 0; background-color: white; } .titleEx { font-size: 36px; font-family: 'pfbeausanspro-thin', sans-serif; text-align: center; padding: 67px 0 0 0; letter-spacing: 2px; } .exButton { margin: 43px 0 20px 0; text-align: center; } .exButton .btn-group { float: none; display: inline-block; } .exButton .btn-group .btn { border-radius: 40px; font-size: 15px; font-family: 'pfbeausanspro-reg', sans-serif; padding: 15px 21px 13px 81px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .exButton .btn-group .btn:hover { background-color: white; } .exButton .btn-group .btn:focus { outline: none; color: white; } .exButton .btn-group .btn:active { box-shadow: none !important; color: white; } .exButton .btn-group .btn span { font-family: Arial. Verdana, Helvetica, sans-serif; font-weight: bold; } .exButton .btn-group .btn:first-child { background: url('/media/img/btn1.png') no-repeat 29px 14px, white; } .exButton .btn-group .btn:nth-child(2) { background: url('/media/img/btn2.png') no-repeat 22px 14px, white; } .exButton .btn-group .btn:last-child { background: url('/media/img/btn3.png') no-repeat 22px 17px, white; } .exButton .btn-group .btn:first-child:active, .exButton .btn-group .btn:first-child:focus { background-color: #FF0000 !important; border-color: #FF0000; background: url('/media/img/btn11.png') no-repeat 29px 14px, white; } .exButton .btn-group .btn:nth-child(2):active, .exButton .btn-group .btn:nth-child(2):focus { background-color: #00BB7B !important; border-color: #00BB7B; background: url('/media/img/btn22.png') no-repeat 22px 14px, white; } .exButton .btn-group .btn:last-child:active, .exButton .btn-group .btn:last-child:focus { background-color: #8c8c8c !important; background: url('/media/img/btn33.png') no-repeat 22px 17px, white; } .compareBlock { margin: 10px 0 0 0; } .compareBlock p { font-size: 15px; font-family: 'Arial-MT-Regular', sans-serif; text-align: center; margin: 0 0 0 0; position: relative; letter-spacing: 0px; } .compareBlock p:before { content: ''; position: absolute; width: 22px; height: 20px; background: url('/media/img/para.png') no-repeat center; background-size: cover; left: -31px; top: -1px; } .exNew p { font-size: 24px; font-family: 'pfbeausanspro-thin', sans-serif; text-align: center; letter-spacing: 2px; padding: 44px 0 31px 0; } .imgExecutor2 { width: 100%; height: 100%; background: url('/media/img/des.jpg') no-repeat center; background-size: cover; float: left; position: relative; } .candidateBlock { width: 100%; float: left; margin: 0 0 0 0; } .candidate { width: 100%; float: left; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; position: relative; margin: -1px 0 0 0; } .candLink, .candLink:link, .candLink:visited { border-radius: 40px; float: left; font-size: 15px; font-family: 'pfdintextcomppro-regular', sans-serif; color: #595959; letter-spacing: 2px; text-transform: uppercase; border: 1px solid white; } .candLink:hover { border-color: #BEBEBE; } .candLink1 { background: url('/media/img/btn2.png') no-repeat 31px 13px, white; padding: 15px 95px 15px 68px; margin: 24px 0 0 0; } .candLink2 { background: url('/media/img/btn44.png') no-repeat 25px 14px, white; padding: 15px 27px 15px 66px; } .candLink3 { background: url('/media/img/btn3.png') no-repeat 34px 15px, white; padding: 15px 120px 15px 67px; } .listCens p { font-size: 13px; color: #2c2c2c; font-family: 'Arial-MT-Regular', sans-serif; width: 100%; float: left; margin-left: -24px !important; margin-bottom: 13px; } .listCens p:first-child { margin: 34px 0 11px 0px; } .listCens p:first-child span { font-size: 24px; color: #fb2c2d; padding-left: 15px } .listCens p:first-child i { font-size: 24px; color: #8C8C8C; } .listCens p:nth-child(2) span { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; } .listCens p:last-child { margin-bottom: 0; } .commBlock44 { width: 100%; float: left; margin: 6px 0 0 0; } .comm44 { width: 100%; float: left; margin: 0 0 35px 0; } .nameComm { font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; margin: 0 64px 0 52px; float: left; } .dateComm44 { font-family: 'Arial-MT-Regular', sans-serif; font-size: 14px; position: relative; float: left; } .dateComm44:before { content: ''; position: absolute; width: 25px; left: -34px; top: -3px; height: 20px; background: url('/media/img/desProject.png') no-repeat left; background-size: cover; background-position: 0 0; } .stars { width: 100%; float: left; margin: 19px 0 0 0; padding: 0 0 0 52px; } .stars span { float: left; font-size: 18px; color: #D1D1D1; margin-right: 5px; } .starAct, .nameCommAct { color: #00BA7B !important; } .textComm44 { width: 90%; float: left; margin: 20px 0 0 54px; font-size: 14px; font-family: 'Arial-MT-Regular', sans-serif; line-height: 24px; } .answerComm, .answerComm:link, .answerComm:visited { border-radius: 40px; float: left; font-size: 15px; font-family: 'pfdintextcomppro-regular', sans-serif; color: #595959; letter-spacing: 2px; text-transform: uppercase; border: 1px solid #BEBEBE; background: url('/media/img/answer.png') no-repeat 31px 13px, white; padding: 19px 65px 15px 68px; margin: 52px 0 14px 54px; } .candidate:before { content: ''; width: 125px; height: 3px; background-color: black; position: absolute; left: 15px; top: 0; } .titleBlockComparison { width: 100%; float: left; margin: 0 0 0 0; position: relative; } .titleBlockComparison p { font-size: 30px; line-height: 30px; font-family: 'pfbeausanspro-thin', sans-serif; text-align: center; padding: 55px 0 49px 0; background-color: #F3F3F3; } .compTable { width: 100%; float: left; margin-bottom: 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .compTable tr { border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; border-left-color: white; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: move; } .compTable tr:hover:not(:first-child) { z-index: 999; display: flex; position: relative; -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); box-shadow: 0 0 10px rgba(0,0,0,0.8); } .compTable tr:hover td:first-child { color: #ff0000; } .compTable tr:hover td:nth-child(2) { text-decoration: underline; } .compTable tr td { background-color: white; } .compTable tr:first-child { border-top: 1px solid #DAD9D9 !important; border-bottom: 1px solid #DAD9D9 !important; } .compTable tr th, .compTable tr td { display: block; float: left; text-align: center; } .compTable tr th:first-child, .compTable tr td:first-child { width: 5%; } .compTable tr th:nth-child(2), .compTable tr td:nth-child(2) { width: 15%; } .compTable tr th:nth-child(3), .compTable tr td:nth-child(3) { width: 10%; } .compTable tr th:nth-child(4), .compTable tr td:nth-child(4) { width: 10%; } .compTable tr th:nth-child(5), .compTable tr td:nth-child(5) { width: 10%; } .compTable tr th:nth-child(6), .compTable tr td:nth-child(6) { width: 15%; } .compTable tr th:nth-child(7), .compTable tr td:nth-child(7) { width: 17%; } .compTable tr th:last-child, .compTable tr td:last-child { width: 18%; } .compTable tr th { background-color: #DAD9D9; font-size: 15px; font-weight: bold; color: #2c2c2c; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 24px 0; } .compTable tr td:first-child { font-size: 24px; color: #898989; font-family: 'Arial-MT-Regular', sans-serif; padding: 58px 0 65px 0; } .compTable tr td:nth-child(2) { font-size: 15px; font-weight: bold; color: #2c2c2c; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 47px 0; } .compTable tr td:nth-child(3) { font-size: 16px; font-weight: bold; color: #fb2c2d; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 58px 0; } .compTable tr td:nth-child(3) i { color: #8C8C8C; } .compTable tr td:nth-child(4) { font-size: 15px; font-weight: bold; color: #4b4b4b; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 48px 0; line-height: 16px; } .compTable tr td:nth-child(4) span { color: #858585; font-size: 13px; font-family: 'Arial-MT-Regular', sans-serif; } .compTable tr td:nth-child(5) span { color: #8A8A8A; font-size: 24px; padding: 52px 0; } .compTable tr td:nth-child(6) ul { float: left; margin: 29px 0 0 72px; } .compTable tr td:nth-child(6) ul li { font-size: 14px; color: #767676; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; margin-bottom: 12px; position: relative; text-align: left; } .compTable tr td:nth-child(6) ul li span { color: #43b476; } .compTable tr td:nth-child(6) ul li small { color: #ff2c2c; font-size: 14px; } .compTable tr td:nth-child(6) ul li:before { content: ''; position: absolute; width: 20px; left: -28px; top: 0px; } .compTable tr td:nth-child(6) ul li:first-child:before { height: 18px; background: url('/media/img/listTable.png') no-repeat center; background-size: cover; background-position: 0 0; } .compTable tr td:nth-child(6) ul li:nth-child(2):before { height: 20px; background: url('/media/img/listTable.png') no-repeat center; background-size: cover; background-position: 0 -17px; } .compTable tr td:nth-child(6) ul li:last-child:before { height: 21px; background: url('/media/img/listTable.png') no-repeat center; background-size: cover; background-position: 0 -39px; } .compTable tr td:nth-child(7) { color: #858585; font-size: 13px; font-family: 'Arial-MT-Regular', sans-serif; line-height: 14px; padding: 36px 0; } .compTable tr td:nth-child(7) span { color: #43b476; font-size: 14px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; position: relative; margin-bottom: 20px; position: relative; width: 100%; float: left; } .compTable tr td:nth-child(7) span:before { content: ''; position: absolute; width: 21px; left: 60px; top: -8px; height: 26px; background: url('/media/img/cenaList.png') no-repeat left; background-position: 0 0; } .compTable tr td:nth-child(8) { padding: 20px 0; } .tableButtons { width: 50%; margin: 0 auto; cursor: pointer; } .btnTab { width: 50px; height: 50px; border: 1px solid #DDD; float: left; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .btnTab1 { background: url('/media/img/btnTab11.png') no-repeat center, white; } .btnTab2 { background: url('/media/img/btnTab22.png') no-repeat center, white; margin-left: -1px; } .btnTab3 { background: url('/media/img/btnTab33.png') no-repeat center, white; margin-top: -1px; } .btnTab4 { background: url('/media/img/btnTab44.png') no-repeat center, white; margin: -1px 0 0 -1px; } .tableButtons:hover .btnTab1 { border-color: #00BD7F; background: url('/media/img/btnTab111.png') no-repeat center, #00BD7F; } .tableButtons:hover .btnTab2 { border-color: #222; background: url('/media/img/btnTab222.png') no-repeat center, #222; } .tableButtons:hover .btnTab3 { border-color: #FF0000; background: url('/media/img/btnTab333.png') no-repeat center, #FF0000; } .tableButtons:hover .btnTab4 { border-color: #A7A7A7; background: url('/media/img/btnTab444.png') no-repeat center, #A7A7A7; } .allProjects { position: relative; } .all { width: 100px; top: 43px; position: absolute; text-align: center; cursor: pointer; } .all:hover { opacity: 0.8; } .all1 { left: 20px; background: url('/media/img/prev.png') no-repeat top center; } .all2 { right: 20px; background: url('/media/img/next.png') no-repeat top center; } .all p { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #5a5a5a; font-style: italic; padding: 30px 0 0 0; } .btnReadyBlock { width: 100%; float: left; margin: 0 0 0 0; padding: 51px 0 0 0; background: #F3F3F3; position: relative; } .cenaReady { color: #fb2c2d; font-size: 30px; font-family: 'Arial-MT-Regular', sans-serif; text-align: center; padding: 13px 0; } .cenaReady i { color: #B6B6B6; } .linkReady, .linkReady:link, .linkReady:visited { font-family: 'pfdintextcomppro-regular', sans-serif; color: #4c4c4c; letter-spacing: 2px; text-transform: uppercase; border-radius: 40px; float: left; margin: 0 0 48px 0; } .LR1 { background: url('/media/img/linkReady1.png') no-repeat 70px 15px, white; padding: 19px 93px 17px 109px; } .LR2 { background: url('/media/img/btnTab22.png') no-repeat 22px 13px, white; padding: 19px 52px 17px 54px; } .LR3 { background: url('/media/img/btnTab44.png') no-repeat 19px 15px, white; padding: 19px 39px 17px 47px; } .desReadyBlock { width: 100%; float: left; margin: 1px 0 0 0; background-color: #F3F3F3; } .titleReady { color: #3a3939; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 16px; margin: 49px 0 0 64px; float: left; } .textReady { color: #3c1a06; font-family: 'Arial-MT-Regular', sans-serif; font-size: 14px; float: left; margin: 23px 0 63px 67px; line-height: 24px; } .sliderReady { float: left; height: 788px; margin: 0 0 0 0; position: relative; } .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; margin-top: 14px !important; } .gallery-top { height: 80%; width: 100%; } .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; } .gallery-thumbs .swiper-slide { width: 25%; height: 100%; position: relative; cursor: pointer; } .gallery-thumbs .swiper-slide.is-selected:after { content: ''; position: absolute; width: 100%; height: 3px; background-color: #ff0000; top: -24px; left: 0; z-index: 999; } .arr { width: 50px; height: 50px; cursor: pointer; margin: 10px 0; } .arr:hover { opacity: 0.8; } .arr1 { background: url('/media/img/prev2.png') no-repeat center; float: left; } .arr2 { background: url('/media/img/next2.png') no-repeat center; float: right; } .sibl { font-size: 30px; font-family: 'pfbeausanspro-thin', sans-serif; padding: 82px 0 42px 0; text-align: center; } .arroww { width: 60px; height: 60px; position: absolute; top: 37%; z-index: 999; cursor: pointer; } .prev3 { background: url('/media/img/prev3.png') no-repeat center, black; left: -45px; } .next3 { background: url('/media/img/next3.png') no-repeat center, black; right: -45px; } .tabsChat a { border: none !important; text-align: center !important; } .tabsChat .active a { border: none !important; } .chatBlock { width: 100%; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA; margin: 18px 0 80px; 0; float: left; } .commChat { border-right: 1px solid #DADADA; border-left: 1px solid #DADADA; } .insetCommChat { width: 100%; float: left; margin: 20px 0 -7px 0; } .topCommChat{ width: 100%; float: left; } .youChat { background-color: #E9FFF8; } .nameCommChat { float: left; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin: 18px 20px 0 0; } .topCommChat span { font-size: 13px; color: #2c2c2c; font-family: 'Arial-MT-Regular', sans-serif; float: left; margin: 18px 0 0 0; } .textCommChat { width: 84%; float: left; margin: 11px 0 30px 0; font-size: 14px; font-family: 'Arial-MT-Regular', sans-serif; color: #3c1a06; line-height: 25px; } .greenNCC { color: #00A66E; } #chat { width: 100%; height: 110px; border: 1px solid #cdcdcd; resize: none; padding: 10px 15px; color: #3c1a06; font-family: 'Arial-MT-Regular', sans-serif; font-size: 14px; float: left; margin: 33px 0 0 0; } .bunChat { width: 100%; float: left; margin: 19px 0 49px 0; } .setChat { width: 40%; float: left; padding: 0 0 0 45px; background: url('/media/img/set.png') no-repeat 10px 0; } .setChat p { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: italic; font-size: 16px; float: left; margin: 0 0 0 0; color: #5a5a5a; cursor: pointer; } .setChat span { width: 90%; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: italic; font-size: 12px; float: left; margin: 6px 0 0 0; line-height: 16px; color: #919191; } .bunChat a, .bunChat a:link, .bunChat a:visited { float: right; border-radius: 40px; font-family: 'pfdintextcomppro-regular', sans-serif; letter-spacing: 2px; color: #373737; font-size: 15px; border: 1px solid #BEBEBE; padding: 17px 46px; text-transform: uppercase; } .wrTAB { padding: 0; } .textAreaBlock2 { width: 100%; float: left; margin: 24px 0 0 0; padding: 0 15px; border-bottom: 1px solid #BEBEBE; text-align: center; } .textAreaBlock2 p { font-size: 13px; font-family: 'Arial-MT-Regular', sans-serif; color: #2c2c2c; float: left; width: 100%; text-align: left; } #chat2 { width: 100%; height: 110px; border: 1px solid #cdcdcd; resize: none; padding: 10px 15px; color: #3c1a06; font-family: 'Arial-MT-Regular', sans-serif; font-size: 14px; float: left; text-align: left; margin: 10px 0 20px 0; } .textAreaBlock2 a, .textAreaBlock2 a:link, .textAreaBlock2 a:visited { font-family: 'pfdintextcomppro-regular', sans-serif; letter-spacing: 2px; text-transform: uppercase; border: 1px solid #BEBEBE; border-radius: 40px; display: inline-block; color: #373737; padding: 12px 30px; font-size: 15px; margin-bottom: 20px; } .linkChatB { width: 100%; float: left; margin: 40px 0 0 0; text-align: center; } .linkChatB a, .linkChatB a:link, .linkChatB a:visited { border-radius: 40px; display: inline-block; font-family: 'pfdintextcomppro-regular', sans-serif; letter-spacing: 2px; color: #373737; font-size: 15px; border: 1px solid #BEBEBE; padding: 17px 27px 17px 56px; text-transform: uppercase; background: url('/media/img/chat.png') no-repeat 20px 13px; } .wrMessages { padding: 0; background-color: #F7F7F7; } .messageBlock { width: 100%; float: left; margin: 0 0 0 0; padding: 0 0; } .messageBlock > p { width: 100%; float: left; font-size: 24px; font-family: 'pfbeausanspro-reg', sans-serif; margin: 26px 0 20px 15px; } .message { width: 100%; float: left; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 15px 0; margin-bottom: -1px; position: relative; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .imgMess { width: 60px; height: 60px; float: left; margin: 0 15px 0 15px; background: url('/media/img/mess.png') no-repeat center; background-size: cover; } .nameMess { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; float: left; margin: 0 0 0 0; } .conMess, .conMess:link, .conMess:visited { color: #5a5a5a; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; position: relative; float: left; margin: 11px 0 0 30px; font-style: italic; } .deleteMess, .deleteMess:link, .deleteMess:visited { color: #5a5a5a; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; position: relative; float: left; margin: 51px 0 0 -45%; font-style: italic; display: none; } .conMess:after { content: ''; position: absolute; width: 17px; height: 22px; background: url('/media/img/btnTab44.png') no-repeat center; background-size: cover; left: -31px; top: -2px; } .deleteMess:after { content: ''; position: absolute; width: 13px; height: 13px; background: url('/media/img/btn3.png') no-repeat center; background-size: cover; left: -30px; top: 2px; } .message span { width: 35px; height: 35px; border-radius: 100%; background-color: #EBEBEB; line-height: 35px; text-align: center; font-size: 14px; font-family: 'Arial-MT-Regular', sans-serif; position: absolute; right: 15px; top: 35px; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .message:hover { z-index: 999; background-color: white; -webkit-transform: scale(1.02); -moz-transform: scale(1.02); transform: scale(1.02); box-shadow: 0 0 10px rgba(0,0,0,0.7); } .message:hover span { background-color: #FF0027; color: white; } .message:hover .deleteMess { display: block; } .wrChat1 { padding: 0; } .wrChat1 .message { border: none; } .startChat { float: float; margin: 0 0 0 0; } .insetSC1 { width: 100%; float: left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #2c2c2c; margin: 0 0 10px 0; } .insetSC1 span { float: right; margin-right: 30px; } .insetSC2 { width: 100%; float: left; font-family: "Arial-MT-Regular", sans-serif; font-size: 13px; color: #2c2c2c; margin: 0 0 0 0; } .insetSC2 span { color: #ff2c2c; float: right; margin-right: 60px; } .documentsChat { width: 100%; float: left; } .documentsChat > p { width: 100%; float: left; font-size: 24px; font-family: 'pfbeausanspro-reg', sans-serif; margin: 26px 0 20px 0; } .documentsChat ul { float: left; margin: 4px 0 0 32px; } .documentsChat ul li { color: #737373; font-size: 13px; font-family: 'Arial-MT-Regular', sans-serif; margin-bottom: 10px; position: relative; } .documentsChat ul li:before { content: ''; position: absolute; width: 19px; height: 18px; background: url('/media/img/imgDoc.png') no-repeat center; background-size: cover; left: -32px; top: 0; } .documentsChat ul li div { position: absolute; width: 11px; height: 11px; background: url('/media/img/delDoc.png') no-repeat center; background-size: cover; right: -40px; top: 2px; cursor: pointer; } .documentsChat ul li:last-child { margin-bottom: 0; } .documentsChat ul li span { float: right; margin: 0 0 0 30px; } .documentsChat a, .documentsChat a:link, .documentsChat a:visited { color: #5a5a5a; border-radius: 40px; border: 1px solid #BEBEBE; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: italic; padding: 10px 21px 10px 32px; background: url('/media/img/btnDoc.png') no-repeat 10px 6px; float: left; margin: 19px 0 -10px 0; } .wrChat1 .textAreaBlock2 { border: none; } .closeChat { width: 100%; float: left; padding: 30px 0 0 0; text-align: center; } .closeChat1 { margin: 10px 0 30px 0; background: url('/media/img/closeChat1.png') no-repeat top center; } .closeChat2 { background: url('/media/img/closeChat2.png') no-repeat top center; } .closeChat a, .closeChat a:link, .closeChat a:visited { color: #5a5a5a; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; text-align: center; display: inline-block; margin: 0 0 0 0; font-style: italic; } .orderBlock { width: 100%; float: left; margin-bottom: -1px; padding: 15px; background-color: #F7F7F7; border-top: 1px solid #72767C; border-bottom: 1px solid #72767C; position: relative; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .orderBlock:hover { background-color: white; border-top: 1px solid black; border-bottom: 1px solid black; -webkit-transform: scale(1.03); -moz- transform: scale(1.03); transform: scale(1.03); box-shadow: 0 0 10px rgba(0,0,0,0.7); z-index: 999; } .titleOB { width: 100%; float: left; font-family: 'Arial-MT-Regular', sans-serif; font-size: 18px; color: #2c2c2c; margin: 0 0 0 0; line-height: 20px; } .pOB { width: 100%; float: left; font-family: 'Arial-MT-Regular', sans-serif; font-size: 15px; color: #2c2c2c; margin: 10px 0 10px 0; } .pOB span { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; } .listChat1 { float: left; margin: 0 0 0 20px; } .listChat1 li { color: #737373; font-family: 'Arial-MT-Regular', sans-serif; font-size: 13px; margin-bottom: 4px; } .listChat1 li:last-child { margin-bottom: 0; } .linkChat11, .linkChat11:link, .linkChat11:visited { font-family: Arial, Verdana, Helvetica, sans-serif; color: #5a5a5a; font-size: 14px; font-style: italic; float: left; margin: 10px 0 10px 0; text-decoration: underline; display: block; } .linkChat11 span { font-size: 24px; float: left; margin: -4px 10px 0 0; } .hideOBB { width: 100%; float: left; display: none; } .dimovChat { position: absolute; right: 15px; top: 15px; cursor: pointer; z-index: 999; border: 7px solid transparent; border-left: 7px solid #72767C; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .wrstepschat { float: left; padding: 0; } .wrstepschat > p { width: 100%; float: left; font-size: 24px; font-family: 'pfbeausanspro-reg', sans-serif; margin: 26px 15px 20px 15px; color: black; } .stepssBlock { width: 100%; float: left; padding: 15px; border-top: 1px solid black; border-bottom: 1px solid black; z-index: 9; position: relative; margin-bottom: -1px; } .titleStepss { width: 100%; float: left; font-size: 18px; font-family: 'Arial-MT-Regular', sans-serif; margin: 0 0 15px 0; color: #2c2c2c; } .textStepss { width: 100%; float: left; font-size: 14px; line-height: 17px; font-family: 'Arial-MT-Regular', sans-serif; color: #575757; } .numberStepp { width: 100%; float: left; border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: 15px; cursor: pointer; margin-bottom: -15px; background-color: white; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .numberStepp:hover { z-index: 999; border-top-color: black; border-bottom-color: black; -webkit-transform: scale(1.02); -moz-transform: scale(1.02); transform: scale(1.02); box-shadow: 0 0 10px rgba(0,0,0,0.7); } .numberStepp:hover .insetNumStepp { border-color: white; } .insetNumStepp { width: 100%; float: left; padding-top: 15px; border-bottom: 1px solid #DADADA; margin-bottom: -1px; } .insetNumStepp:first-child { margin-top: -18px; } .titleNumStepp { width: 100%; float: left; font-family: 'Arial-MT-Regular', sans-serif; font-size: 13px; color: #464646; line-height: 14px; } .titleNumStepp span { font-size: 14px; text-transform: uppercase; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; float: left; margin-right: 14px; } .textNumStepp { width: 100%; float: left; font-size: 12px; color: #525252; font-family: 'Arial-MT-Regular', sans-serif; margin: 10px 0; } .insetNumStepp > div { width: 100%; float: left; margin-bottom: 15px; } .insetNumStepp > div p { float: left; font-size: 12px; color: #525252; font-family: 'Arial-MT-Regular', sans-serif; } .insetNumStepp > div span { color: #ff2c2c; float: right; font-size: 12px; font-family: 'Arial-MT-Regular', sans-serif; } .insetNumStepp > div span i { color: #848484; } .FFD { border-bottom: 0; margin-top: 15px; } .stepssBlock ul { float: left; margin: 10px 0 0 30px; } .stepssBlock ul li { font-size: 12px; color: #525252; font-family: 'Arial-MT-Regular', sans-serif; margin-bottom: 8px; position: relative; } .stepssBlock ul li:before { content: ''; position: absolute; left: -30px; top: 2px; } .stepssBlock ul li:first-child:before { width: 13px; height: 14px; background: url('/media/img/reserved.png') no-repeat center; background-size: cover; } .stepssBlock ul li:last-child:before { width: 17px; height: 16px; background: url('/media/img/reserved2.png') no-repeat center; background-size: cover; } .infoProfile .dropdown-menu { border-radius: 0; background-color: black; left: -174px; margin: -1px 100% 0 0; float: left; width: 250px; height: 300px; padding: 30px 20px 15px 40px; border-top: 3px solid #ff2c2c; } .infoProfile .dropdown-menu li { margin-bottom: 10px; } .infoProfile .dropdown-menu li:last-child { margin-bottom: 0; } .infoProfile .dropdown-menu li a, .infoProfile .dropdown-menu li a:link, .infoProfile .dropdown-menu li a:visited { color: white; font-size: 17px; font-family: 'pfbeausanspro-reg', sans-serif; position: relative; } .infoProfile .dropdown-menu li a:hover, .infoProfile .dropdown-menu li a:active { background-color: black !important; color: #ff2c2c; } .infoProfile .dropdown-menu li a:before { content: ''; position: absolute; width: 20px; left: -18px; top: 4px; } .infoProfile .dropdown-menu li:first-child a:before { height: 20px; background: url('/media/img/menu.png') no-repeat center; background-size: cover; background-position: 0 0; } .infoProfile .dropdown-menu li:nth-child(2) a:before { height: 22px; background: url('/media/img/menu.png') no-repeat center; background-size: cover; background-position: 0 -20px; } .infoProfile .dropdown-menu li:nth-child(3) a:before { height: 13px; background: url('/media/img/menu.png') no-repeat center; background-size: cover; background-position: 0 -42px; top: 6px; } .infoProfile .dropdown-menu li:nth-child(4) a:before { height: 20px; background: url('/media/img/menu.png') no-repeat center; background-size: cover; background-position: 0 -55px; } .infoProfile .dropdown-menu li:nth-child(5) a:before { height: 20px; background: url('/media/img/menu.png') no-repeat center; background-size: cover; background-position: 0 -75px; } .infoProfile .dropdown-menu li:last-child a:before { height: 20px; background: url('/media/img/menu.png') no-repeat center; background-size: cover; background-position: 0 -95px; } .infoProfile .dropdown-menu li:first-child a:hover:before { height: 22px; background: url('/media/img/menu2.png') no-repeat center !important; background-size: cover !important; background-position: 0 0px !important; } .infoProfile .dropdown-menu li:nth-child(2) a:hover:before { height: 22px; background: url('/media/img/menu2.png') no-repeat center; background-size: cover; background-position: 0 -20px; } .infoProfile .dropdown-menu li:nth-child(3) a:hover:before { height: 13px; background: url('/media/img/menu2.png') no-repeat center; background-size: cover; background-position: 0 -42px; } .infoProfile .dropdown-menu li:nth-child(4) a:hover:before { height: 20px; background: url('/media/img/menu2.png') no-repeat center; background-size: cover; background-position: 0 -55px; } .infoProfile .dropdown-menu li:nth-child(5) a:hover:before { height: 20px; background: url('/media/img/menu2.png') no-repeat center; background-size: cover; background-position: 0 -75px; } .infoProfile .dropdown-menu li:last-child a:hover:before { height: 20px; background: url('/media/img/menu2.png') no-repeat center; background-size: cover; background-position: 0 -95px } /* CHAT'S MODAL FORMS */ #modal_form1 { width: 600px; height: 400px; display: table; position: fixed; top: 50%; left: 50%; margin: -200px 0 0 -300px; background-color: white; box-shadow: 0 0 15px rgba(0,0,0,0.8); border-top: 3px solid #ff2c2c; z-index: 9999; display: none; } .insetModalForm1 { width: 100%; height: 100%; float: left; position: relative; padding: 70px 50px 20px 50px; } .closeMF1 { width: 45px; height: 45px; background-color: #ff2c2c; line-height: 45px; cursor: pointer; text-align: center; position: absolute; right: 0; top: 0; } .closeMF1 span { font-size: 16px; color: white; } .insetModalForm1 p { width: 100%; float: left; font-family: 'Arial-MT-Regular', sans-serif; } .titleMF1 { font-size: 26px; margin: 0 0 40px 0; } .textMF1 { font-size: 14px; line-height: 18px; color: #3c1a06; } #modal_form2 { width: 300px; height: 160px; min-height: 160px; display: table; position: fixed; right: 0; top: 50%; margin-top: -100px; background-color: white; padding: 15px 15px 0 15px; border-top: 3px solid #ff2c2c; box-shadow: 0 0 10px rgba(0,0,0,0.7); display: none; } .insetMF2 { width: 100%; height: 100%; float: left; position: relative; } .titleMF2 { width: 100%; float: left; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0 0 15px 0; font-weight: bold; } .textMF2 { width: 100%; float: left; font-family: 'Arial-MT-Regular', sans-serif; font-size: 14px; line-height: 18px; color: #3c1a06; margin: 0 0 15px 0; } .insetMF2 a, .insetMF2 a:link, .insetMF2 a:visited { font-family: 'pfdintextcomppro-regular', sans-serif; letter-spacing: 2px; text-transform: uppercase; border: 1px solid #BEBEBE; border-radius: 40px; color: #373737; padding: 9px 26px; font-size: 15px; float: left; margin-right: 10px; margin-bottom: 15px; } .later { border-color: #ccc !important; color: #ccc !important; margin-right: 0 !important; } .closeMF2 { font-size: 16px; cursor: pointer; position: absolute; top: 0; right: 0; color: #BEBEBE; } .topMain { width: 1300px; } .PT22 li:nth-child(3) { width: 1.3%; } /* MEDIA QUERIES */ @media screen and (max-width: 1300px) { .topMain { width: 1200px; } .topMain .col-lg-7 { width: 55%; } .topMain .col-lg-2 { width: 19%; } .mainMenu li { padding-right: 25px; } .mainMenu li a { font-size: 15px; } } @media screen and (max-width: 1200px) { .topMain { width: 1170px; } .topMain .col-lg-7 { width: 52%; } .topMain .col-lg-2 { width: 22%; } .imgProfile { margin-left: -20px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .compTable { margin-top: -10px; } .compTable tr td:first-child { padding: 58px 0 50px 0; } }