/* font */ @import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap'); @font-face { font-family: 'PT Sans', sans-serif; } @font-face { font-family: "Neris-Bold"; src: url('../fonts/Neris-Bold.eot'); src: url('../fonts/Neris-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Neris-Bold.otf') format('opentype'), url('../fonts/Neris-Bold.svg'), url('../fonts/Neris-Bold.woff') format('woff'), url('../fonts/Neris-Bold.ttf') format('truetype'); } /* body */ html, body { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; text-indent:0; text-align:center; line-height:24px; width:100%; min-width:1180px; height:100%; margin:0 auto; padding:0; color:#737373; background:#f7f7f7; -webkit-text-size-adjust: none; position:relative; } @media all and (max-width: 1200px) { html, body { min-width:1010px; } } @media all and (max-width: 1020px) { html, body { min-width:710px; } } @media all and (max-width: 720px) { html, body { min-width:400px; } } ::-webkit-scrollbar {width:10px; height:10px;} ::-webkit-scrollbar-button {width:0; height:0; background:#ffffff; } ::-webkit-scrollbar-track {background:#ffffff;} ::-webkit-scrollbar-track-piece {background:#ffffff;} ::-webkit-scrollbar-thumb {height:5px; background:#008dd2;} ::-webkit-scrollbar-corner {background:#ffffff;} ::-webkit-resizer {background:#ffffff;} ::selection {color:#ffffff; background:#008dd2;} ::-moz-selection {color:#ffffff; background:#008dd2;} body img {border:none;} a {text-decoration:none;} a:link {color:#737373;} a:visited {color:#737373;} a:hover {color:#737373;} a:active {color:#737373;} a:hover, a:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .clear {clear:both;} ul { margin:0; padding:0; } ul li { padding:0; margin:0; list-style-type: none; } /* page */ #page { width:100%; max-width:1920px; overflow:hidden; padding:0; margin:0 auto; position:relative; background:#f7f7f7; } .error-text p{ text-align: center!important; } /* top */ #top-w { width:100%; padding:0; margin:0; position:relative; background:#008dd2; z-index:7; } #top-w::after { content:''; width:100%; height:100px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:11; background:url('../images/people-1.png') no-repeat top center; } #top { width:1140px; min-height:110px; padding:30px 0 140px 0; margin:0 auto; position:relative; text-align:center; z-index:10; } #top a.logo { width:220px; height:200px; padding:0; margin:0; background:url('../images/logo.png') no-repeat center 30px; -webkit-background-size: 180px auto; -moz-background-size: 180px auto; -o-background-size: 180px auto; background-size: 180px auto; position:absolute; top:0; left:calc(50% - 110px); z-index:10; border-top-right-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; -khtml-border-top-right-radius:0; border-top-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; -khtml-border-top-left-radius:0; border-bottom-right-radius:110px; -webkit-border-bottom-right-radius:110px; -moz-border-bottom-right-radius:110px; -khtml-border-bottom-right-radius:110px; border-bottom-left-radius:110px; -webkit-border-bottom-left-radius:110px; -moz-border-bottom-left-radius:110px; -khtml-border-bottom-left-radius:110px; -moz-box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); } .lang { width:80px; height:40px; padding:0; margin:0; position:relative; float:left; } .lang-box { width:48px; min-height:38px; padding:0 15px 0 15px; margin:0; border:1px solid rgba(255,255,255,0.5); background:url('../images/arrow.svg') no-repeat calc(100% - 15px) 17px #008dd2; position:absolute; top:0; left:0; z-index:999; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .lang-box:hover { opacity:1; } .lang-box:hover, .lang-box:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .lang span { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:40px; text-indent:0; text-align:left; width:100%; height:38px; padding:0; margin:0; color:#ffffff; float:left; cursor:default; } .lang a { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:40px; text-indent:0; text-align:left; width:100%; height:38px; padding:0; margin:0; color:#ffffff; border-top:1px solid rgba(255,255,255,0.5); float:left; cursor:pointer; display:none; } .lang a:hover { color:rgba(255,255,255,0.5); } .search { width:180px; margin:0; padding:0; text-align:left; position:relative; float:right; } .search input { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:20px; text-indent:0; text-align:left; width:125px; height:20px; padding:9px 40px 9px 15px; border:1px solid rgba(255,255,255,0.5); margin:0; color:#ffffff; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background:none; } .search input:hover, .search input:focus { border:1px solid rgba(255,255,255,1); } .search input:hover, .search input:not(:hover), .search input:focus, .search input:not(:focus) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .search input:-moz-placeholder {color:rgba(255,255,255,0.5); } .search input::-webkit-input-placeholder { color:rgba(255,255,255,0.5); } .search input.error:-moz-placeholder { color:#bb2409; } .search input.error::-webkit-input-placeholder { color:#bb2409; } .search input.error { color:#bb2409; border-color:#bb2409; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .search .submit { width:40px; padding:0; margin:0; border:none; outline:none; background:none; position:absolute; top:0; right:0; z-index:20; } .search .submit input { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:40px; width:100%; height:40px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:url('../images/search.svg') no-repeat center center; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; opacity:0.5; } .search .submit input:hover { opacity:1; } .search .submit input:hover, .search .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .top-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:1px; text-transform:uppercase; line-height:52px; width:180px; height:50px; padding:0; margin:20px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:left; } .top-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .top-button:hover, .top-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .link-box { padding:0; margin:0; position:absolute; top:30px; left:80px; z-index:10; } .link-box h5 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:18px; line-height:24px; padding:0; margin:0; color:#ffffff; cursor:default; position:relative; display:none; } .link-box a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:38px; height:38px; border:1px solid rgba(255,255,255,0.5); padding:0 50px 0 15px; margin:0 0 0 15px; color:rgba(255,255,255,0.5); cursor:pointer; float:left; position:relative; z-index:10; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .link-box a.halyk { background-repeat: no-repeat; background-position: calc(100% - 1px) center; -webkit-background-size: 34px 34px; -moz-background-size: 34px 34px; -o-background-size: 34px 34px; background-size: 34px 34px; } .link-box a.kaspi { background-repeat: no-repeat; background-position: calc(100% - 1px) center; -webkit-background-size: 34px 34px; -moz-background-size: 34px 34px; -o-background-size: 34px 34px; background-size: 34px 34px; } .link-box a:hover { border:1px solid rgba(255,255,255,1); color:rgba(255,255,255,1); } .tp-1 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:16px; line-height:20px; padding:0; margin:0; color:rgba(255,255,255,0.5); cursor:default; position:absolute; top:105px; right:calc(50% + 160px); z-index:auto; } .tp-2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:0; color:rgba(255,255,255,0.5); cursor:default; position:absolute; top:105px; left:calc(50% + 160px); z-index:auto; } #top .social { width:195px; padding:0; margin:20px 0 0 0; position:relative; float:right; } #top .social a { width:48px; height:48px; border:1px solid #ffffff; padding:0; margin:0 0 0 15px; position:relative; float:left; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; opacity:0.5; } #top .social a:hover { opacity:1; } #top .social a.instagram { background:url('../images/instagram.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #top .social a.youtube { background:url('../images/youtube.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #top .social a.facebook { background:url('../images/facebook.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } @media all and (max-width: 1200px) { #top-w { width:100%; padding:0; margin:0; position:relative; background:#008dd2; z-index:7; } #top-w::after { content:''; width:100%; height:100px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:11; background:url('../images/people-1.png') no-repeat top center; } #top { width:960px; min-height:110px; padding:30px 0 140px 0; margin:0 auto; position:relative; text-align:center; z-index:10; } #top a.logo { width:220px; height:200px; padding:0; margin:0; background:url('../images/logo.png') no-repeat center 30px; -webkit-background-size: 180px auto; -moz-background-size: 180px auto; -o-background-size: 180px auto; background-size: 180px auto; position:absolute; top:0; left:calc(50% - 110px); z-index:10; border-top-right-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; -khtml-border-top-right-radius:0; border-top-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; -khtml-border-top-left-radius:0; border-bottom-right-radius:110px; -webkit-border-bottom-right-radius:110px; -moz-border-bottom-right-radius:110px; -khtml-border-bottom-right-radius:110px; border-bottom-left-radius:110px; -webkit-border-bottom-left-radius:110px; -moz-border-bottom-left-radius:110px; -khtml-border-bottom-left-radius:110px; -moz-box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); } .lang { width:80px; height:40px; padding:0; margin:0; position:relative; float:left; } .lang-box { width:48px; min-height:38px; padding:0 15px 0 15px; margin:0; border:1px solid rgba(255,255,255,0.5); background:url('../images/arrow.svg') no-repeat calc(100% - 15px) 17px #008dd2; position:absolute; top:0; left:0; z-index:999; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .lang-box:hover { opacity:1; } .lang-box:hover, .lang-box:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .lang span { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:40px; text-indent:0; text-align:left; width:100%; height:38px; padding:0; margin:0; color:#ffffff; float:left; cursor:default; } .lang a { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:40px; text-indent:0; text-align:left; width:100%; height:38px; padding:0; margin:0; color:#ffffff; border-top:1px solid rgba(255,255,255,0.5); float:left; cursor:pointer; display:none; } .lang a:hover { color:rgba(255,255,255,0.5); } .search { width:180px; margin:0; padding:0; text-align:left; position:relative; float:right; } .search input { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:20px; text-indent:0; text-align:left; width:125px; height:20px; padding:9px 40px 9px 15px; border:1px solid rgba(255,255,255,0.5); margin:0; color:#ffffff; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background:none; } .search input:hover, .search input:focus { border:1px solid rgba(255,255,255,1); } .search input:hover, .search input:not(:hover), .search input:focus, .search input:not(:focus) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .search input:-moz-placeholder {color:rgba(255,255,255,0.5); } .search input::-webkit-input-placeholder { color:rgba(255,255,255,0.5); } .search input.error:-moz-placeholder { color:#bb2409; } .search input.error::-webkit-input-placeholder { color:#bb2409; } .search input.error { color:#bb2409; border-color:#bb2409; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .search .submit { width:40px; padding:0; margin:0; border:none; outline:none; background:none; position:absolute; top:0; right:0; z-index:20; } .search .submit input { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:40px; width:100%; height:40px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:url('../images/search.svg') no-repeat center center; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; opacity:0.5; } .search .submit input:hover { opacity:1; } .search .submit input:hover, .search .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .top-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:1px; text-transform:uppercase; line-height:52px; width:180px; height:50px; padding:0; margin:15px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:left; } .top-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .top-button:hover, .top-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .link-box { padding:0; margin:15px 0 0 0; position:relative; top:auto; left:auto; z-index:10; } .link-box a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:38px; height:38px; border:1px solid rgba(255,255,255,0.5); padding:0 50px 0 15px; margin:0 15px 0 0; color:rgba(255,255,255,0.5); cursor:pointer; float:left; position:relative; z-index:10; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .link-box a.halyk { background-repeat: no-repeat; background-position: calc(100% - 1px) center; -webkit-background-size: 34px 34px; -moz-background-size: 34px 34px; -o-background-size: 34px 34px; background-size: 34px 34px; } .link-box a.kaspi { background-repeat: no-repeat; background-position: calc(100% - 1px) center; -webkit-background-size: 34px 34px; -moz-background-size: 34px 34px; -o-background-size: 34px 34px; background-size: 34px 34px; } .link-box a:hover { border:1px solid rgba(255,255,255,1); color:rgba(255,255,255,1); } .tp-1 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:20px; padding:0; margin:0; color:rgba(255,255,255,0.5); cursor:default; position:absolute; top:40px; right:calc(50% + 140px); z-index:auto; } .tp-2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:0; color:rgba(255,255,255,0.5); cursor:default; position:absolute; top:40px; left:calc(50% + 140px); z-index:auto; } #top .social { width:195px; padding:0; margin:20px 0 0 0; position:relative; float:right; } #top .social a { width:48px; height:48px; border:1px solid #ffffff; padding:0; margin:0 0 0 15px; position:relative; float:left; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; opacity:0.5; } #top .social a:hover { opacity:1; } #top .social a.instagram { background:url('../images/instagram.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #top .social a.youtube { background:url('../images/youtube.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #top .social a.facebook { background:url('../images/facebook.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } } @media all and (max-width: 1020px) { #top-w { width:100%; padding:0; margin:0; position:relative; background:#008dd2; z-index:7; } #top-w::after { content:''; width:100%; height:100px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:11; background:url('../images/people-1.png') no-repeat top center; } #top { width:660px; min-height:110px; padding:30px 0 140px 0; margin:0 auto; position:relative; text-align:center; z-index:10; } #top a.logo { width:220px; height:200px; padding:0; margin:0; background:url('../images/logo.png') no-repeat center 30px; -webkit-background-size: 180px auto; -moz-background-size: 180px auto; -o-background-size: 180px auto; background-size: 180px auto; position:absolute; top:0; left:calc(50% - 110px); z-index:10; border-top-right-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; -khtml-border-top-right-radius:0; border-top-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; -khtml-border-top-left-radius:0; border-bottom-right-radius:110px; -webkit-border-bottom-right-radius:110px; -moz-border-bottom-right-radius:110px; -khtml-border-bottom-right-radius:110px; border-bottom-left-radius:110px; -webkit-border-bottom-left-radius:110px; -moz-border-bottom-left-radius:110px; -khtml-border-bottom-left-radius:110px; -moz-box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); } .lang { width:80px; height:40px; padding:0; margin:0; position:relative; float:left; } .lang-box { width:48px; min-height:38px; padding:0 15px 0 15px; margin:0; border:1px solid rgba(255,255,255,0.5); background:url('../images/arrow.svg') no-repeat calc(100% - 15px) 17px #008dd2; position:absolute; top:0; left:0; z-index:999; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .lang-box:hover { opacity:1; } .lang-box:hover, .lang-box:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .lang span { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:40px; text-indent:0; text-align:left; width:100%; height:38px; padding:0; margin:0; color:#ffffff; float:left; cursor:default; } .lang a { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:40px; text-indent:0; text-align:left; width:100%; height:38px; padding:0; margin:0; color:#ffffff; border-top:1px solid rgba(255,255,255,0.5); float:left; cursor:pointer; display:none; } .lang a:hover { color:rgba(255,255,255,0.5); } .search { width:180px; margin:0; padding:0; text-align:left; position:relative; float:right; } .search input { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:20px; text-indent:0; text-align:left; width:125px; height:20px; padding:9px 40px 9px 15px; border:1px solid rgba(255,255,255,0.5); margin:0; color:#ffffff; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background:none; } .search input:hover, .search input:focus { border:1px solid rgba(255,255,255,1); } .search input:hover, .search input:not(:hover), .search input:focus, .search input:not(:focus) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .search input:-moz-placeholder {color:rgba(255,255,255,0.5); } .search input::-webkit-input-placeholder { color:rgba(255,255,255,0.5); } .search input.error:-moz-placeholder { color:#bb2409; } .search input.error::-webkit-input-placeholder { color:#bb2409; } .search input.error { color:#bb2409; border-color:#bb2409; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .search .submit { width:40px; padding:0; margin:0; border:none; outline:none; background:none; position:absolute; top:0; right:0; z-index:20; } .search .submit input { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:40px; width:100%; height:40px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:url('../images/search.svg') no-repeat center center; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; opacity:0.5; } .search .submit input:hover { opacity:1; } .search .submit input:hover, .search .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .top-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:1px; text-transform:uppercase; line-height:52px; width:180px; height:50px; padding:0; margin:50px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:left; } .top-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .top-button:hover, .top-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .link-box { max-width:250px; padding:0; margin:10px 0 0 0; position:relative; top:auto; left:auto; z-index:10; } .link-box a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:38px; height:38px; border:1px solid rgba(255,255,255,0.5); padding:0 50px 0 15px; margin:5px 15px 0 0; color:rgba(255,255,255,0.5); cursor:pointer; float:left; position:relative; z-index:10; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .link-box a.halyk { background-repeat: no-repeat; background-position: calc(100% - 1px) center; -webkit-background-size: 34px 34px; -moz-background-size: 34px 34px; -o-background-size: 34px 34px; background-size: 34px 34px; } .link-box a.kaspi { background-repeat: no-repeat; background-position: calc(100% - 1px) center; -webkit-background-size: 34px 34px; -moz-background-size: 34px 34px; -o-background-size: 34px 34px; background-size: 34px 34px; } .link-box a:hover { border:1px solid rgba(255,255,255,1); color:rgba(255,255,255,1); } .tp-1 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:20px; padding:0; margin:0; color:rgba(255,255,255,0.5); cursor:default; position:absolute; top:185px; right:auto; left:calc(50% - 330px); z-index:auto; } .tp-2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:0; color:rgba(255,255,255,0.5); cursor:default; position:absolute; top:185px; left:auto; right:calc(50% - 330px); z-index:auto; } #top .social { width:195px; padding:0; margin:50px 0 0 0; position:relative; float:right; } #top .social a { width:48px; height:48px; border:1px solid #ffffff; padding:0; margin:0 0 0 15px; position:relative; float:left; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; opacity:0.5; } #top .social a:hover { opacity:1; } #top .social a.instagram { background:url('../images/instagram.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #top .social a.youtube { background:url('../images/youtube.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #top .social a.facebook { background:url('../images/facebook.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } } @media all and (max-width: 720px) { #top-w { width:100%; padding:0; margin:0; position:relative; background:#008dd2; z-index:7; } #top-w::after { content:''; width:100%; height:60px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:8; background:url('../images/people-1.png') no-repeat top center; -webkit-background-size: 1300px auto; -moz-background-size: 1300px auto; -o-background-size: 1300px auto; background-size: 1300px auto; } #top { width:360px; min-height:110px; padding:50px 0 70px 0; margin:0 auto; position:relative; text-align:center; z-index:10; } #top a.logo { width:180px; height:150px; padding:0; margin:0 auto; background:url('../images/logo.png') no-repeat center 50px; -webkit-background-size: 90px auto; -moz-background-size: 90px auto; -o-background-size: 90px auto; background-size: 90px auto; position:absolute; top:0; left:calc(50% - 90px); z-index:10; border-top-right-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; -khtml-border-top-right-radius:0; border-top-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; -khtml-border-top-left-radius:0; border-bottom-right-radius:110px; -webkit-border-bottom-right-radius:110px; -moz-border-bottom-right-radius:110px; -khtml-border-bottom-right-radius:110px; border-bottom-left-radius:110px; -webkit-border-bottom-left-radius:110px; -moz-border-bottom-left-radius:110px; -khtml-border-bottom-left-radius:110px; -moz-box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); } .lang { width:100px; height:40px; padding:0; margin:0; position:relative; z-index:15; float:left; } .lang-box { width:68px; min-height:38px; padding:0 15px 0 15px; margin:0; border:1px solid rgba(255,255,255,0.5); background:url('../images/arrow.svg') no-repeat calc(100% - 15px) 17px #008dd2; position:absolute; top:0; left:0; z-index:999; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .lang-box:hover { opacity:1; } .lang-box:hover, .lang-box:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .lang span { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:40px; text-indent:0; text-align:left; width:100%; height:38px; padding:0; margin:0; color:#ffffff; float:left; cursor:default; } .lang a { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:40px; text-indent:0; text-align:left; width:100%; height:38px; padding:0; margin:0; color:#ffffff; border-top:1px solid rgba(255,255,255,0.5); float:left; cursor:pointer; display:none; } .lang a:hover { color:rgba(255,255,255,0.5); } .search { width:100px; margin:0; padding:0; text-align:left; position:relative; z-index:15; float:right; } .search input { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:20px; text-indent:0; text-align:left; width:45px; height:20px; padding:9px 39px 9px 14px; border:1px solid rgba(255,255,255,0.5); margin:0; color:#ffffff; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background:none; } .search input:hover, .search input:focus { border:1px solid rgba(255,255,255,1); } .search input:hover, .search input:not(:hover), .search input:focus, .search input:not(:focus) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .search input:-moz-placeholder {color:rgba(255,255,255,0.5); } .search input::-webkit-input-placeholder { color:rgba(255,255,255,0.5); } .search input.error:-moz-placeholder { color:#bb2409; } .search input.error::-webkit-input-placeholder { color:#bb2409; } .search input.error { color:#bb2409; border-color:#bb2409; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .search .submit { width:40px; padding:0; margin:0; border:none; outline:none; background:none; position:absolute; top:0; right:0; z-index:20; } .search .submit input { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:40px; width:100%; height:40px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:url('../images/search.svg') no-repeat center center; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; opacity:0.5; } .search .submit input:hover { opacity:1; } .search .submit input:hover, .search .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .top-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:1px; text-transform:uppercase; line-height:52px; width:170px; height:50px; padding:0; margin:20px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:left; } .top-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .top-button:hover, .top-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .link-box { max-width:100%; padding:0; margin:80px 0 0 0; position:relative; top:auto; left:auto; z-index:10; } .link-box h5 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:18px; line-height:24px; padding:0; margin:0; color:#ffffff; cursor:default; position:relative; display:block; } .link-box a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:38px; width:calc(50% - 77px); height:38px; border:1px solid rgba(255,255,255,0.5); padding:0 50px 0 15px; margin:10px 0 0 0; color:rgba(255,255,255,0.5); cursor:pointer; float:left; position:relative; z-index:10; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .link-box a.halyk { float:right; background-repeat: no-repeat; background-position: calc(100% - 1px) center; -webkit-background-size: 34px 34px; -moz-background-size: 34px 34px; -o-background-size: 34px 34px; background-size: 34px 34px; } .link-box a.kaspi { float:left; background-repeat: no-repeat; background-position: calc(100% - 1px) center; -webkit-background-size: 34px 34px; -moz-background-size: 34px 34px; -o-background-size: 34px 34px; background-size: 34px 34px; } .link-box a:hover { border:1px solid rgba(255,255,255,1); color:rgba(255,255,255,1); } .tp-1 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:20px; padding:0; margin:0; color:rgba(255,255,255,0.5); cursor:default; position:absolute; top:15px; right:auto; left:calc(50% - 142px); z-index:auto; } .tp-2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:0; color:rgba(255,255,255,0.5); cursor:default; position:absolute; top:15px; left:auto; right:calc(50% - 142px); z-index:auto; } #top .social { width:180px; padding:0; margin:20px 0 0 0; position:relative; float:right; } #top .social a { width:48px; height:48px; border:1px solid #ffffff; padding:0; margin:0 0 0 10px; position:relative; float:left; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; opacity:0.5; } #top .social a:hover { opacity:1; } #top .social a.instagram { background:url('../images/instagram.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #top .social a.youtube { background:url('../images/youtube.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #top .social a.facebook { background:url('../images/facebook.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } } /* menu */ #space { width:100%; padding:0; margin:0; display:block; position:relative; z-index:7; } #menu-w { width:100%; height:40px; padding:0; margin:0; position:relative; background:#b1c0c9; z-index:7; } #menu-box { width:100%; min-height:40px; padding:0; margin:0; top:0; left:0; z-index:50; background:#b1c0c9; } .menu-box-w { position:absolute; } .menu-box-f { position:fixed; } #menu { width:1140px; padding:0; margin:0 auto; position:relative; text-align:center; z-index:10; } #menu > ul > li{ font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:2px; font-size:14px; line-height:42px; height:40px; padding:0; cursor:pointer; margin:0 183px 0 0; float:left; } #menu li a{ color:#ffffff; } #menu li:last-child { margin:0; float:right; } #menu li.menu-item-has-children{margin:0; position:relative;} #menu li.current-menu-item a { color:#008dd2; } #menu ul.sub-menu li.current-menu-item a { color:#ffffff; } #menu li:hover > a, #menu ul.sub-menu li.current-menu-item:hover a { color:#008dd2; } .sub-menu { width:150px; padding:0 30px; margin:0; background:#b1c0c9; position:absolute; top:40px; left:-30px; z-index:20; display:none; } .menu-item-has-children:hover .sub-menu { display:block; } .menu-item-has-children:hover, .menu-item-has-children:not(:hover), .menu-item-has-children:hover .sub-menu, .menu-item-has-children:not(:hover) .sub-menu, .sub-menu:hover, .sub-menu:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .sub-menu li { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:14px; line-height:42px; width:100%; height:40px; padding:0; margin:0; float:right; color:#ffffff; border-top:1px solid rgba(255,255,255,0.5); cursor:pointer; } @media all and (max-width: 1200px) { #menu-w { width:100%; height:40px; padding:0; margin:0; position:relative; background:#b1c0c9; z-index:7; } #menu-box { width:100%; min-height:40px; padding:0; margin:0; top:0; left:0; z-index:50; background:#b1c0c9; } .menu-box-w { position:absolute; } .menu-box-f { position:fixed; } #menu { width:960px; padding:0; margin:0 auto; position:relative; text-align:center; z-index:10; } #menu > ul > li{ font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:2px; font-size:14px; line-height:42px; height:40px; padding:0; color:#ffffff; cursor:pointer; margin:0 138px 0 0; float:left; } #menu li:last-child { margin:0; float:right; } #menu li.menu-item-has-children{margin:0; position:relative;} #menu li.current-menu-item a { color:#008dd2; } #menu li:hover > a { color:#008dd2; } .sub-menu { width:150px; padding:0 30px; margin:0; background:#b1c0c9; position:absolute; top:40px; left:-30px; z-index:20; display:none; } .sub-menu li { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:14px; line-height:42px; width:100%; height:40px; padding:0; margin:0; float:right; color:#ffffff; border-top:1px solid rgba(255,255,255,0.5); cursor:pointer; } } @media all and (max-width: 1020px) { #menu-w { width:100%; height:40px; padding:0; margin:0; position:relative; background:#b1c0c9; z-index:7; } #menu-box { width:100%; min-height:40px; padding:0; margin:0; top:0; left:0; z-index:50; background:#b1c0c9; } .menu-box-w { position:absolute; } .menu-box-f { position:fixed; } #menu { width:660px; padding:0; margin:0 auto; position:relative; text-align:center; z-index:10; } #menu > ul > li{ font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:2px; font-size:13px; line-height:42px; height:40px; padding:0; color:#ffffff; cursor:pointer; margin:0 68px 0 0; float:left; } #menu li:last-child { margin:0; float:right; } #menu li.menu-item-has-children{margin:0; position:relative;} #menu li.current-menu-item a { color:#008dd2; } #menu li:hover > a { color:#008dd2; } .sub-menu { width:150px; padding:0 25px; margin:0; background:#b1c0c9; position:absolute; top:40px; left:-25px; z-index:20; display:none; } .sub-menu li { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:13px; line-height:42px; width:100%; height:40px; padding:0; margin:0; float:right; color:#ffffff; border-top:1px solid rgba(255,255,255,0.5); cursor:pointer; } } .menu-button { display:none; width:30px; height:22px; padding:0; margin:0; position:absolute; top:9px; right:calc(50% - 180px); z-index:auto; cursor:pointer; transition:all .4s; box-sizing:border-box; } .menu-button span { display:inline-block; transition:all .4s; box-sizing:border-box; } .menu-button span { position:absolute; height:1px; border-radius:4px; background-color:#ffffff; } .menu-button span:nth-of-type(1) { width:100%; top:2px; left:0; } .menu-button span:nth-of-type(2) { width:100%; top:11px; right:0; } .menu-button span:nth-of-type(3) { width:100%; top:20px; left:0; } @media all and (max-width: 720px) { .menu-button { display:block; width:30px; height:22px; padding:0; margin:0; position:absolute; top:9px; right:calc(50% - 180px); z-index:auto; cursor:pointer; transition:all .4s; box-sizing:border-box; } #menu-w { width:100%; height:40px; padding:0; margin:0; position:relative; background:#b1c0c9; z-index:7; } #menu-box { width:100%; min-height:40px; padding:0; margin:0; top:0; left:0; z-index:50; background:#b1c0c9; -moz-box-shadow: 0 10px 50px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 10px 50px 0 rgba(0,0,0,0.1); box-shadow: 0 10px 50px 0 rgba(0,0,0,0.1); } .menu-box-w { position:absolute; } .menu-box-f { position:fixed; } #menu { display:none; width:360px; padding:0 calc(50% - 180px) 10px calc(50% - 180px); margin:0; position:absolute; top:40px; left:0; text-align:center; z-index:10; background:#b1c0c9; -moz-box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); box-shadow: 0 100px 100px 0 rgba(0,0,0,0.1); } #menu > ul > li{ font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:2px; font-size:13px; line-height:42px; width:100%; height:40px; padding:0; color:#ffffff; cursor:pointer; border-top:1px solid rgba(255,255,255,0.5); display:block; margin:0; float:none; } #menu li.current-menu-item a { color:#008dd2; } #menu li:hover > a { color:#008dd2; } .menu-item-has-children { width:100%; position:relative; float:none; color:#ffffff; } .sub-menu { width:100%; padding:0; margin:0; background:#b1c0c9; position:relative; top:auto; left:auto; z-index:20; display:block; } .sub-menu li { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:2px; font-size:13px; line-height:42px; width:100%; height:40px; padding:0; margin:0; float:right; color:#ffffff; border-top:1px solid rgba(255,255,255,0.5); cursor:pointer; } } /* projects */ #projects-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #projects-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #projects-parall { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; background:url('../images/icons-2.png') no-repeat top center; opacity:1; } #projects { width:1170px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #projects h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .projects-w { width:100%; padding:0; margin:25px auto 0 auto; position:relative; display:block; } .projects { width:280px; min-height:100px; padding:270px 40px 105px 40px; margin:30px 15px 0 15px; position:relative; text-align:left; display:block; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .projects-2 { min-height:80px; } .projects-img { width:100%; height:240px; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:#ffffff; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .projects-img img { width:100%; padding:0; margin:0; display:block; } .projects h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:1px; font-size:17px; line-height:22px; padding:0; margin:0; color:#008dd2; } .projects p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; } .projects .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:51px; width:calc(100% - 82px); height:48px; padding:0; margin:75px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#008dd2; border:1px solid #008dd2; background:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; position:absolute; left:40px; bottom:35px; z-index:auto; } .projects .button:hover { color:#ffffff; background:#008dd2; outline:none; } .projects .button:hover, .projects .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } @media all and (max-width: 1200px) { #projects-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #projects-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #projects-parall { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; background:url('../images/icons-2.png') no-repeat top center; opacity:1; } #projects { width:990px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #projects h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .projects-w { width:100%; padding:0; margin:25px auto 0 auto; position:relative; display:block; } .projects { width:240px; min-height:100px; padding:230px 30px 105px 30px; margin:30px 15px 0 15px; position:relative; text-align:left; display:block; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .projects-2 { min-height:100px; } .projects-img { width:100%; height:200px; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:#ffffff; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .projects-img img { width:100%; padding:0; margin:0; display:block; } .projects h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:1px; font-size:17px; line-height:22px; padding:0; margin:0; color:#008dd2; } .projects p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; } .projects .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:51px; width:calc(100% - 82px); height:48px; padding:0; margin:75px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#008dd2; border:1px solid #008dd2; background:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; position:absolute; left:40px; bottom:35px; z-index:auto; } .projects .button:hover { color:#ffffff; background:#008dd2; outline:none; } .projects .button:hover, .projects .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } @media all and (max-width: 1020px) { #projects-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #projects-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #projects-parall { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; background:url('../images/icons-2.png') no-repeat top center; opacity:1; } #projects { width:690px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #projects h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .projects-w { width:100%; padding:0; margin:20px auto 0 auto; position:relative; display:block; } .projects { width:255px; min-height:100px; padding:230px 30px 105px 30px; margin:30px 15px 0 15px; position:relative; text-align:left; display:block; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .projects-2 { min-height:80px; } .projects-img { width:100%; height:200px; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:#ffffff; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .projects-img img { width:100%; padding:0; margin:0; display:block; } .projects h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:1px; font-size:17px; line-height:22px; padding:0; margin:0; color:#008dd2; } .projects p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; } .projects .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:51px; width:calc(100% - 82px); height:48px; padding:0; margin:75px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#008dd2; border:1px solid #008dd2; background:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; position:absolute; left:40px; bottom:35px; z-index:auto; } .projects .button:hover { color:#ffffff; background:#008dd2; outline:none; } .projects .button:hover, .projects .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } @media all and (max-width: 720px) { #projects-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #projects-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #projects-parall { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; background:url('../images/icons-2.png') no-repeat top center; opacity:1; } #projects { width:360px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #projects h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .projects-w { width:100%; padding:0; margin:20px auto 0 auto; position:relative; display:block; } .projects { width:300px; min-height:5px; padding:270px 30px 105px 30px; margin:30px 0 0 0; position:relative; text-align:left; display:block; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .projects-2 { min-height:5px; } .projects-img { width:100%; height:240px; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:#ffffff; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .projects-img img { width:100%; padding:0; margin:0; display:block; } .projects h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:1px; font-size:17px; line-height:22px; padding:0; margin:0; color:#008dd2; } .projects p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; } .projects .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:51px; width:calc(100% - 82px); height:48px; padding:0; margin:75px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#008dd2; border:1px solid #008dd2; background:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; position:absolute; left:40px; bottom:35px; z-index:auto; } .projects .button:hover { color:#ffffff; background:#008dd2; outline:none; } .projects .button:hover, .projects .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } /* news-2 */ #news-2-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #news-2-w::before { content:''; width:100%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:1; background:url('../images/shadow-1.png') repeat-x top center; } #news-2-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #news-2 { width:1170px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #news-2 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } @media all and (max-width: 1200px) { #news-2-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #news-2-w::before { content:''; width:100%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:1; background:url('../images/shadow-1.png') repeat-x top center; } #news-2-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #news-2 { width:990px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #news-2 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } } @media all and (max-width: 1020px) { #news-2-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #news-2-w::before { content:''; width:100%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:1; background:url('../images/shadow-1.png') repeat-x top center; } #news-2-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #news-2 { width:690px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #news-2 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } } @media all and (max-width: 720px) { #news-2-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #news-2-w::before { content:''; width:100%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:1; background:url('../images/shadow-1.png') repeat-x top center; } #news-2-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #news-2 { width:360px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #news-2 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } } /* team */ #team-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-1.png') repeat-x top center; } #team { width:1140px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #team h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .team-1 { width:100%; padding:0; margin:55px auto 85px auto; position:relative; text-align:center; z-index:5; } .team-1 img { width:380px; padding:0; margin:0 40px 20px 0; float:left; display:block; position:relative; z-index:5; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .team-1 h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:24px; padding:0; margin:0; color:rgba(115,115,115,0.5); cursor:default; position:relative; } .team-1 h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; font-size:20px; line-height:24px; padding:0; margin:0; color:#008dd2; display:inline-block; } .team-1 p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; position:relative; } .team-1 p span { font-family: 'PT Sans', sans-serif; font-weight:700; } .team-2 { width:1160px; padding:0; margin:0 0 0 -10px; position:relative; text-align:center; z-index:5; } .team { width:calc(25% - 30px); padding:0; margin:55px 15px 0 15px; position:relative; text-align:left; float:left; } .team img { width:100%; padding:0; margin:0; display:block; position:relative; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .team h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:18px; padding:0; margin:30px 0 0 0; color:rgba(115,115,115,0.5); cursor:default; position:relative; } .team h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; font-size:18px; line-height:24px; padding:0; margin:0 0 5px 0; color:#008dd2; display:inline-block; } .team p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:15px; line-height:22px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; position:relative; } .team p span { font-family: 'PT Sans', sans-serif; font-weight:700; } .clear660 { display:none; } @media all and (max-width: 1200px) { #team { width:960px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #team h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .team-1 { width:100%; padding:0; margin:55px auto 85px auto; position:relative; text-align:center; z-index:5; } .team-1 img { width:380px; padding:0; margin:0 40px 20px 0; float:left; display:block; position:relative; z-index:5; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .team-1 h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:24px; padding:0; margin:0; color:rgba(115,115,115,0.5); cursor:default; position:relative; } .team-1 h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; font-size:20px; line-height:24px; padding:0; margin:0; color:#008dd2; display:inline-block; } .team-1 p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; position:relative; } .team-1 p span { font-family: 'PT Sans', sans-serif; font-weight:700; } .team-2 { width:980px; padding:0; margin:0 0 0 -10px; position:relative; text-align:center; z-index:5; } .team { width:calc(25% - 20px); padding:0; margin:55px 10px 0 10px; position:relative; text-align:left; float:left; } .team img { width:100%; padding:0; margin:0; display:block; position:relative; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .team h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:18px; padding:0; margin:30px 0 0 0; color:rgba(115,115,115,0.5); cursor:default; position:relative; } .team h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; font-size:18px; line-height:24px; padding:0; margin:0 0 5px 0; color:#008dd2; display:inline-block; } .team p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:15px; line-height:22px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; position:relative; } .team p span { font-family: 'PT Sans', sans-serif; font-weight:700; } .clear660 { display:none; } } @media all and (max-width: 1020px) { #team { width:660px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #team h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .team-1 { width:100%; padding:0; margin:55px auto 85px auto; position:relative; text-align:center; z-index:5; } .team-1 img { width:260px; padding:0; margin:0 40px 20px 0; float:left; display:block; position:relative; z-index:5; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .team-1 h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:24px; padding:0; margin:0; color:rgba(115,115,115,0.5); cursor:default; position:relative; } .team-1 h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; font-size:20px; line-height:24px; padding:0; margin:0; color:#008dd2; display:inline-block; } .team-1 p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; position:relative; } .team-1 p span { font-family: 'PT Sans', sans-serif; font-weight:700; } .team-2 { width:690px; padding:0; margin:0 0 0 -15px; position:relative; text-align:center; z-index:5; } .team { width:calc(50% - 30px); padding:0; margin:55px 15px 0 15px; position:relative; text-align:left; float:left; } .team img { width:100%; padding:0; margin:0; display:block; position:relative; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .team h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:18px; padding:0; margin:30px 0 0 0; color:rgba(115,115,115,0.5); cursor:default; position:relative; } .team h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; font-size:18px; line-height:24px; padding:0; margin:0 0 5px 0; color:#008dd2; display:inline-block; } .team p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:15px; line-height:22px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; position:relative; } .team p span { font-family: 'PT Sans', sans-serif; font-weight:700; } .clear660 { display:block; } } @media all and (max-width: 720px) { #team { width:360px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #team h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .team-1 { width:100%; padding:0; margin:50px auto 85px auto; position:relative; text-align:center; z-index:5; } .team-1 img { width:360px; padding:0; margin:0 0 30px 0; float:none; display:block; position:relative; z-index:5; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .team-1 h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:24px; padding:0; margin:0 0 20px 0; color:rgba(115,115,115,0.5); cursor:default; position:relative; } .team-1 h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; font-size:20px; line-height:24px; padding:0; margin:0; color:#008dd2; display:inline-block; } .team-1 p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; position:relative; } .team-1 p span { font-family: 'PT Sans', sans-serif; font-weight:700; } .team-2 { width:100%; padding:0; margin:0; position:relative; text-align:center; z-index:5; } .team { width:100%; padding:0; margin:50px 0 0 0; position:relative; text-align:left; float:left; } .team img { width:100%; padding:0; margin:0; display:block; position:relative; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .team h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:30px 0 0 0; color:rgba(115,115,115,0.5); cursor:default; position:relative; } .team h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; font-size:18px; line-height:24px; padding:0; margin:0 0 5px 0; color:#008dd2; display:inline-block; } .team p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:15px; line-height:22px; padding:0; margin:20px 0 0 0; color:#737373; cursor:default; position:relative; } .team p span { font-family: 'PT Sans', sans-serif; font-weight:700; } .clear660 { display:block; } } /* history */ #history-w { width:100%; padding:0; margin:0; position:relative; background:#008dd2; } #history-parall { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; background:url('../images/icons-4.png') repeat top center; opacity:1; } #history { width:1140px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #history h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#ffffff; cursor:default; position:relative; } .history-nav-w { width:100%; padding: 0; margin:45px auto 0 auto; position:relative; text-align:center; z-index:5; } .history-nav { font-family: "Neris-Bold"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:16px; line-height:22px; padding:10px 15px; margin:10px 5px 0 5px; color:#737373; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; cursor:pointer; position:relative; display:inline-block; } .history-nav-active { color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); } .history-nav-active::after { content:''; width:30px; height:10px; padding:0; margin:0; background:url('../images/tr.svg') no-repeat bottom center; position:absolute; left:calc(50% - 15px); bottom:-10px; z-index:auto; } .history { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:40px; margin:30px 0 0 0; color:#737373; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; cursor:default; position:relative; display:none; } .history-2022 { display:block; } .history span { font-family: 'PT Sans', sans-serif; font-weight:700; } @media all and (max-width: 1200px) { #history { width:960px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #history h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#ffffff; cursor:default; position:relative; } .history-nav-w { width:100%; padding: 0; margin:45px auto 0 auto; position:relative; text-align:center; z-index:5; } .history-nav { font-family: "Neris-Bold"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:16px; line-height:22px; padding:10px 10px; margin:10px 3px 0 3px; color:#737373; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; cursor:pointer; position:relative; display:inline-block; } .history-nav-active { color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); } .history-nav-active::after { content:''; width:30px; height:10px; padding:0; margin:0; background:url('../images/tr.svg') no-repeat bottom center; position:absolute; left:calc(50% - 15px); bottom:-10px; z-index:auto; } .history { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:40px; margin:30px 0 0 0; color:#737373; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; cursor:default; position:relative; display:none; } .history-2020 { display:block; } .history span { font-family: 'PT Sans', sans-serif; font-weight:700; } } @media all and (max-width: 1020px) { #history { width:660px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #history h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#ffffff; cursor:default; position:relative; } .history-nav-w { width:100%; padding: 0; margin:45px auto 0 auto; position:relative; text-align:center; z-index:5; } .history-nav { font-family: "Neris-Bold"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:16px; line-height:22px; width:calc(20% - 10px); padding:10px 0; margin:10px 5px 0 5px; color:#737373; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; cursor:pointer; position:relative; display:inline-block; float:left; } .history-nav-active { color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); } .history-nav-active::after { content:''; width:30px; height:10px; padding:0; margin:0; background:url('../images/tr.svg') no-repeat bottom center; position:absolute; left:calc(50% - 15px); bottom:-10px; z-index:auto; display:none; } .history { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:40px; margin:30px 0 0 0; color:#737373; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; cursor:default; position:relative; display:none; } .history-2020 { display:block; } .history span { font-family: 'PT Sans', sans-serif; font-weight:700; } } @media all and (max-width: 720px) { #history { width:360px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #history h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#ffffff; cursor:default; position:relative; } .history-nav-w { width:100%; padding: 0; margin:45px auto 0 auto; position:relative; text-align:center; z-index:5; } .history-nav { font-family: "Neris-Bold"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:16px; line-height:22px; width:calc(20% - 10px); padding:10px 0; margin:10px 5px 0 5px; color:#737373; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; cursor:pointer; position:relative; display:inline-block; float:left; } .history-nav-active { color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); } .history-nav-active::after { content:''; width:30px; height:10px; padding:0; margin:0; background:url('../images/tr.svg') no-repeat bottom center; position:absolute; left:calc(50% - 15px); bottom:-10px; z-index:auto; display:none; } .history { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:40px; margin:30px 0 0 0; color:#737373; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; cursor:default; position:relative; display:none; } .history-2020 { display:block; } .history span { font-family: 'PT Sans', sans-serif; font-weight:700; } } /* smi */ #smi-w { width:100%; padding:0; margin:0; position:relative; } #smi { width:1140px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #smi h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .smi { width:280px; padding:270px 40px 30px 40px; margin:0; position:relative; text-align:left; display:block; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); opacity:0.2; } .smi-img { width:100%; height:240px; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:#ffffff; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .smi-img img { width:100%; padding:0; margin:0; display:block; } .smi h6 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; } .smi h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:19px; line-height:23px; padding:0; margin:15px 0 0 0; color:#737373; } .smi p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; } .smi .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:15px 0 0 0; color:#008dd2; display:inline-block; } .smi .button:hover { opacity:0.5; } .button:hover, .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #smi .swiper-container { width:1140px; min-height:505px; margin:60px 0 0 -90px; padding:0 90px; position:relative; } #smi .swiper-container .swiper-slide-prev .smi, #smi .swiper-container .swiper-slide-next .smi, #smi .swiper-container .swiper-slide-active .smi { opacity:1; } #smi .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #smi .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:215px; left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #smi .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #smi .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:215px; right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #smi .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #smi .swiper-button-prev:hover { opacity:0.5; } #smi .swiper-button-next:hover { opacity:0.5; } #smi .swiper-button-prev:hover, #smi .swiper-button-prev:not(:hover), #smi .swiper-button-next:hover, #smi .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #smi .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #smi .swiper-pagination-fraction, #smi .swiper-pagination-custom, #smi .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #smi .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #smi .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } @media all and (max-width: 1360px) { #smi .swiper-container { width:1140px; min-height:505px; margin:60px 0 0 -25px; padding:0 25px; position:relative; } } @media all and (max-width: 1200px) { #smi { width:960px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #smi h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .smi { width:280px; padding:270px 40px 30px 40px; margin:0; position:relative; text-align:left; display:block; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); opacity:0.2; } .smi-img { width:100%; height:240px; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:#ffffff; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .smi-img img { width:100%; padding:0; margin:0; display:block; } .smi h6 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; } .smi h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:19px; line-height:23px; padding:0; margin:15px 0 0 0; color:#737373; } .smi p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; } .smi .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:15px 0 0 0; color:#008dd2; display:inline-block; } .smi .button:hover { opacity:0.5; } .button:hover, .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #smi .swiper-container { width:750px; min-height:505px; margin:60px auto 0 auto; padding:0 105px; position:relative; } #smi .swiper-container .swiper-slide-prev .smi { opacity:0.2; } #smi .swiper-container .swiper-slide-next .smi, #smi .swiper-container .swiper-slide-active .smi { opacity:1; } #smi .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #smi .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:215px; left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #smi .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #smi .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:215px; right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #smi .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #smi .swiper-button-prev:hover { opacity:0.5; } #smi .swiper-button-next:hover { opacity:0.5; } #smi .swiper-button-prev:hover, #smi .swiper-button-prev:not(:hover), #smi .swiper-button-next:hover, #smi .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #smi .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #smi .swiper-pagination-fraction, #smi .swiper-pagination-custom, #smi .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #smi .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #smi .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } } @media all and (max-width: 1020px) { #smi { width:660px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #smi h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .smi { width:280px; padding:270px 40px 30px 40px; margin:0; position:relative; text-align:left; display:block; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); opacity:0.2; } .smi-img { width:100%; height:240px; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:#ffffff; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .smi-img img { width:100%; padding:0; margin:0; display:block; } .smi h6 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; } .smi h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:19px; line-height:23px; padding:0; margin:15px 0 0 0; color:#737373; } .smi p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; } .smi .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:15px 0 0 0; color:#008dd2; display:inline-block; } .smi .button:hover { opacity:0.5; } .button:hover, .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #smi .swiper-container { width:360px; min-height:505px; margin:60px auto 0 auto; padding:0 120px; position:relative; } #smi .swiper-container .swiper-slide-prev .smi, #smi .swiper-container .swiper-slide-next .smi { opacity:0.2; } #smi .swiper-container .swiper-slide-active .smi { opacity:1; } #smi .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #smi .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:215px; left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #smi .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #smi .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:215px; right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #smi .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #smi .swiper-button-prev:hover { opacity:0.5; } #smi .swiper-button-next:hover { opacity:0.5; } #smi .swiper-button-prev:hover, #smi .swiper-button-prev:not(:hover), #smi .swiper-button-next:hover, #smi .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #smi .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #smi .swiper-pagination-fraction, #smi .swiper-pagination-custom, #smi .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #smi .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #smi .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } } @media all and (max-width: 720px) { #smi { width:360px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #smi h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .smi { width:280px; padding:270px 40px 30px 40px; margin:0; position:relative; text-align:left; display:block; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); opacity:0.2; } .smi-img { width:100%; height:240px; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:#ffffff; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .smi-img img { width:100%; padding:0; margin:0; display:block; } .smi h6 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; } .smi h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:19px; line-height:23px; padding:0; margin:15px 0 0 0; color:#737373; } .smi p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; } .smi .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:15px 0 0 0; color:#008dd2; display:inline-block; } .smi .button:hover { opacity:0.5; } .button:hover, .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #smi .swiper-container { width:360px; min-height:505px; margin:60px 0 0 -25px; padding:0 25px; position:relative; } #smi .swiper-container .swiper-slide-prev .smi, #smi .swiper-container .swiper-slide-next .smi { opacity:0.2; } #smi .swiper-container .swiper-slide-active .smi { opacity:1; } #smi .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #smi .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:215px; left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #smi .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #smi .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:215px; right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #smi .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #smi .swiper-button-prev:hover { opacity:0.5; } #smi .swiper-button-next:hover { opacity:0.5; } #smi .swiper-button-prev:hover, #smi .swiper-button-prev:not(:hover), #smi .swiper-button-next:hover, #smi .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #smi .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #smi .swiper-pagination-fraction, #smi .swiper-pagination-custom, #smi .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #smi .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #smi .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } } /* contacts */ #contacts { width:100%; padding:60px 0 250px 0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #contacts::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #contacts-box { width:680px; padding:60px 60px 60px 60px; margin:0 auto; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); text-align:center; z-index:5; } #contacts-box::before { content:''; width:100%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; text-align:center; z-index:3; } #contacts-box::after { content:''; width:1140px; height:calc(100% - 60px); padding:0; margin:0; position:absolute; top:30px; left:calc(50% - 570px); background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); text-align:center; z-index:2; opacity:0.5; } #contacts-box h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; z-index:10; } .contacts { width:50%; padding:0; margin:50px 0 0 0; position:relative; z-index:10; float:left; } .contacts p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:0 0 0 30px; color:#737373; cursor:default; position:relative; } .cp-1 { margin:0; background:url('../images/pin.svg') no-repeat 0 0; } .cp-2 { margin:15px 0 0 0; background:url('../images/phone.svg') no-repeat 0 3px; } .cp-3 { margin:15px 0 0 0; background:url('../images/email.svg') no-repeat 0 3px; } .contacts p span { font-family: 'PT Sans', sans-serif; font-weight:700; text-transform:uppercase; } .contacts p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:0; margin:0; color:#737373; cursor:pointer; position:relative; } .contacts p a:hover { color:#008dd2; } .contact-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:300px; height:50px; padding:0; margin:55px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:left; position:relative; z-index:10; } .contact-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .contact-button:hover, .contact-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #contacts-box .social { width:195px; padding:0; margin:55px 0 0 0; position:relative; z-index:10; float:right; } #contacts-box .social a { width:48px; height:48px; border:1px solid #008dd2; padding:0; margin:0 15px 0 0; position:relative; float:left; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #contacts-box .social a:hover { opacity:0.5; } #contacts-box .social a.instagram { background:url('../images/instagram-2.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #contacts-box .social a.youtube { background:url('../images/youtube-2.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #contacts-box .social a.facebook { background:url('../images/facebook-2.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } @media all and (max-width: 1200px) { #contacts-box::after { content:''; width:960px; height:calc(100% - 60px); padding:0; margin:0; position:absolute; top:30px; left:calc(50% - 480px); background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); text-align:center; z-index:2; opacity:0.5; } } @media all and (max-width: 1020px) { #contacts-box { width:540px; padding:60px 60px 60px 60px; margin:0 auto; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); text-align:center; z-index:5; } #contacts-box::before { display:none; content:''; width:100%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; text-align:center; z-index:3; } #contacts-box::after { display:none; content:''; width:1140px; height:calc(100% - 60px); padding:0; margin:0; position:absolute; top:30px; left:calc(50% - 570px); background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); text-align:center; z-index:2; opacity:0.5; } #contacts-box h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; z-index:10; } .contacts { width:50%; padding:0; margin:50px 0 0 0; position:relative; z-index:10; float:left; } .contacts p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:0 0 0 30px; color:#737373; cursor:default; position:relative; } .cp-1 { margin:0; background:url('../images/pin.svg') no-repeat 0 0; } .cp-2 { margin:15px 0 0 0; background:url('../images/phone.svg') no-repeat 0 3px; } .cp-3 { margin:15px 0 0 0; background:url('../images/email.svg') no-repeat 0 3px; } .contacts p span { font-family: 'PT Sans', sans-serif; font-weight:700; text-transform:uppercase; } .contacts p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:0; margin:0; color:#737373; cursor:pointer; position:relative; } .contacts p a:hover { color:#008dd2; } .contact-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:300px; height:50px; padding:0; margin:55px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:left; position:relative; z-index:10; } .contact-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .contact-button:hover, .contact-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #contacts-box .social { width:195px; padding:0; margin:55px 0 0 0; position:relative; z-index:10; } #contacts-box .social a { width:48px; height:48px; border:1px solid #008dd2; padding:0; margin:0 15px 0 0; position:relative; float:left; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #contacts-box .social a:hover { opacity:0.5; } #contacts-box .social a.instagram { background:url('../images/instagram-2.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #contacts-box .social a.youtube { background:url('../images/youtube-2.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #contacts-box .social a.facebook { background:url('../images/facebook-2.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } } @media all and (max-width: 720px) { #contacts-box { width:280px; overflow:hidden; padding:50px 40px 50px 40px; margin:0 auto; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); text-align:center; z-index:5; } #contacts-box h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .contacts { width:100%; padding:0; margin:30px 0 0 0; position:relative; float:left; } .contacts p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:0 0 0 30px; color:#737373; cursor:default; position:relative; } .cp-1 { margin:0; background:url('../images/pin.svg') no-repeat 0 0; } .cp-2 { margin:15px 0 0 0; background:url('../images/phone.svg') no-repeat 0 3px; } .cp-3 { margin:15px 0 0 0; background:url('../images/email.svg') no-repeat 0 3px; } .contacts p span { font-family: 'PT Sans', sans-serif; font-weight:700; text-transform:uppercase; } .contacts p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:0; margin:0; color:#737373; cursor:pointer; position:relative; } .contacts p a:hover { color:#008dd2; } .contact-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:45px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:none; } .contact-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .contact-button:hover, .contact-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #contacts-box .social { width:195px; padding:0; margin:35px auto 0 auto; position:relative; float:none; } #contacts-box .social a { width:48px; height:48px; border:1px solid #008dd2; padding:0; margin:0 15px 0 0; position:relative; float:left; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #contacts-box .social a:hover { opacity:0.5; } #contacts-box .social a.instagram { background:url('../images/instagram-2.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #contacts-box .social a.youtube { background:url('../images/youtube-2.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #contacts-box .social a.facebook { background:url('../images/facebook-2.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } } /* about */ #about-w { width:100%; padding:0; margin:0; position:relative; } #about-parall { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; background:url('../images/icons-2.png') no-repeat top center; opacity:1; } #about { width:1140px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #about h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .about-img-1 { width:380px; height:520px; overflow:hidden; padding:0; margin:55px 0 0 40px; float:right; position:relative; text-align:center; z-index:5; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .about-img-2 { width:380px; height:520px; overflow:hidden; padding:0; margin:55px 40px 0 0; float:left; position:relative; text-align:center; z-index:5; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .about-img-1 img, .about-img-2 img { width:100%; padding:0; margin:0; display:block; } .about-img-1::after { content:''; width:150px; height:105px; padding:0; margin:0; background:url('../images/logo.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; position:absolute; top:calc(50% - 52px); left:calc(50% - 75px); z-index:10; } .about-img-2::after { content:''; width:150px; height:105px; padding:0; margin:0; background:url('../images/logo.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; position:absolute; left:calc(50% - 75px); bottom:60px; z-index:10; } .about-img-1::before { content:''; width:100%; height:100%; padding:0; margin:0; background:url('../images/shadow-3.png') no-repeat top center; position:absolute; top:0; left:0; z-index:8; } .about-img-2::before { content:''; width:100%; height:100%; padding:0; margin:0; background:url('../images/shadow-4.png') no-repeat bottom center; position:absolute; top:0; left:0; z-index:8; } .about { width:calc(100% - 420px); padding:0; margin:55px 0 0 0; position:relative; float:left; } .about p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0; color:#737373; cursor:default; position:relative; } .about li{ text-align: left; margin: 0 0 0 20px; position: relative; } .about p { margin:15px 0 0 0; } .about b { font-family: 'PT Sans', sans-serif; font-weight:700; } .about-sp-2 { padding:0 0 0 40px; display:inline-block; position:relative; } .about li:before { content:''; width:6px; height:6px; padding:0; margin:0; border:1px solid #008dd2; position:absolute; top:8px; left:-16px; z-index:auto; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #about h5 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:40px; margin:60px 0 0 0; color:#008dd2; cursor:default; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .about-sp-3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0 0 0 40px; margin:0; color:#737373; display:inline-block; cursor:default; position:relative; } .about-sp-3 a { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0; margin:0; color:#008dd2; display:inline-block; cursor:pointer; position:relative; } .about-sp-3 a:hover { opacity:0.5; } .about-sp-3::after { content:''; width:6px; height:6px; padding:0; margin:0; border:1px solid #008dd2; position:absolute; top:8px; left:16px; z-index:auto; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } @media all and (max-width: 1200px) { #about { width:960px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } } @media all and (max-width: 1020px) { #about { width:660px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #about h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .about-img-1 { width:380px; height:520px; overflow:hidden; padding:0; margin:55px auto 0 auto; float:none; position:relative; text-align:center; z-index:5; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .about-img-2 { width:380px; height:520px; overflow:hidden; padding:0; margin:55px auto 0 auto; float:none; position:relative; text-align:center; z-index:5; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .about-img-1 img, .about-img-2 img { width:100%; padding:0; margin:0; display:block; } .about-img-1::after { content:''; width:150px; height:105px; padding:0; margin:0; background:url('../images/logo.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; position:absolute; top:calc(50% - 52px); left:calc(50% - 75px); z-index:10; } .about-img-2::after { content:''; width:150px; height:105px; padding:0; margin:0; background:url('../images/logo.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; position:absolute; left:calc(50% - 75px); bottom:60px; z-index:10; } .about-img-1::before { content:''; width:100%; height:100%; padding:0; margin:0; background:url('../images/shadow-3.png') no-repeat top center; position:absolute; top:0; left:0; z-index:8; } .about-img-2::before { content:''; width:100%; height:100%; padding:0; margin:0; background:url('../images/shadow-4.png') no-repeat bottom center; position:absolute; top:0; left:0; z-index:8; } .about { width:100%; padding:0; margin:55px 0 0 0; position:relative; float:none; } .about p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0; color:#737373; cursor:default; position:relative; } .about p { margin:15px 0 0 0; } .about b { font-family: 'PT Sans', sans-serif; font-weight:700; } .about-sp-2 { padding:0 0 0 40px; display:inline-block; position:relative; } .about-sp-2::after { content:''; width:6px; height:6px; padding:0; margin:0; border:1px solid #008dd2; position:absolute; top:8px; left:16px; z-index:auto; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #about h5 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:40px 30px; margin:55px 0 0 0; color:#008dd2; cursor:default; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .about-sp-3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0 0 0 40px; margin:0; color:#737373; display:inline-block; cursor:default; position:relative; } .about-sp-3 a { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0; margin:0; color:#008dd2; display:inline-block; cursor:pointer; position:relative; } .about-sp-3 a:hover { opacity:0.5; } .about-sp-3::after { content:''; width:6px; height:6px; padding:0; margin:0; border:1px solid #008dd2; position:absolute; top:8px; left:16px; z-index:auto; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } } @media all and (max-width: 720px) { #about { width:360px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #about h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .about-img-1 { width:360px; height:480px; overflow:hidden; padding:0; margin:55px auto 0 auto; float:none; position:relative; text-align:center; z-index:5; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .about-img-2 { width:360px; height:480px; overflow:hidden; padding:0; margin:55px auto 0 auto; float:none; position:relative; text-align:center; z-index:5; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .about-img-1 img, .about-img-2 img { width:100%; padding:0; margin:0; display:block; } .about-img-1::after { content:''; width:150px; height:105px; padding:0; margin:0; background:url('../images/logo.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; position:absolute; top:calc(50% - 52px); left:calc(50% - 75px); z-index:10; } .about-img-2::after { content:''; width:150px; height:105px; padding:0; margin:0; background:url('../images/logo.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; position:absolute; left:calc(50% - 75px); bottom:60px; z-index:10; } .about-img-1::before { content:''; width:100%; height:100%; padding:0; margin:0; background:url('../images/shadow-3.png') no-repeat top center; position:absolute; top:0; left:0; z-index:8; } .about-img-2::before { content:''; width:100%; height:100%; padding:0; margin:0; background:url('../images/shadow-4.png') no-repeat bottom center; position:absolute; top:0; left:0; z-index:8; } .about { width:100%; padding:0; margin:30px 0 0 0; position:relative; float:none; } .about p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0; color:#737373; cursor:default; position:relative; } .about p { margin:15px 0 0 0; } .about b { font-family: 'PT Sans', sans-serif; font-weight:700; } .about-sp-2 { padding:0 0 0 40px; display:inline-block; position:relative; } .about-sp-2::after { content:''; width:6px; height:6px; padding:0; margin:0; border:1px solid #008dd2; position:absolute; top:8px; left:16px; z-index:auto; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #about h5 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:40px; margin:55px 0 0 0; color:#008dd2; cursor:default; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .about-sp-3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0 0 0 20px; margin:10px 0 0 0; color:#737373; display:inline-block; cursor:default; position:relative; } .about-sp-3 a { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:24px; padding:0; margin:0; color:#008dd2; display:inline-block; cursor:pointer; position:relative; } .about-sp-3 a:hover { opacity:0.5; } .about-sp-3::after { content:''; width:6px; height:6px; padding:0; margin:0; border:1px solid #008dd2; position:absolute; top:8px; left:0; z-index:auto; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } .about-sp-4 { display:none; } .about-sp-3 a { display:block; } } /* reports */ #reports-w { width:100%; padding:0 0 190px 0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #reports-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #reports-parall { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; background:url('../images/icons-3.png') no-repeat top center; opacity:1; } #reports { width:1170px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #reports h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .reports-box-1 { width:calc(100% - 510px); min-height:462px; padding:0 0 0 510px; margin:55px auto 0 auto; position:relative; text-align:center; z-index:5; } .reports-box-2 { width:calc(100% - 510px); min-height:467px; padding:60px 0 0 510px; margin:60px auto 0 auto; position:relative; text-align:center; z-index:5; border-top:1px solid #dcdcdc; } .reports-box img { padding:0; margin:0; display:block; position:absolute; left:0; z-index:auto; } .reports-box-1 img { top:0; width:464px; } .reports-box-2 img { top:60px; width:470px; } .reports-tabl { width:100%; padding:0; margin:20px auto 0 auto; position:relative; text-align:left; display:block; } .reports-tabl h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:15px 55px 13px 20px; margin:0; color:#737373; cursor:pointer; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); display:block; z-index:7; } .reports-tabl-active h3 { color:#ffffff; background:#008dd2; } .reports-tabl h3 .op { content:""; position:absolute; right:20px; top:27px; width:7px; height:7px; border-bottom: 2px solid #737373; border-right: 2px solid #737373; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; display:none; cursor:pointer; } .reports-tabl-active h3 .op { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; } .reports-tabl h3 .cl { content:""; position:absolute; right:20px; top:22px; width:7px; height:7px; border-top: 2px solid #737373; border-left: 2px solid #737373; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; cursor:pointer; } .reports-tabl h3:hover, .reports-tabl h3:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .reports-tabl-active h3 .cl { border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; } .reports-tabl-text { width:calc(100% - 100px); padding:20px 30px; margin:0 auto; position:relative; background:#ffffff; border-top-right-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; -khtml-border-top-right-radius:0; border-top-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; -khtml-border-top-left-radius:0; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px; border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; text-align:left; display:none; z-index:6; } .pr-1 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:12px; line-height:16px; width:calc(100% - 151px); padding:10px 20px 10px 0; margin:0; color:rgba(115,115,115,0.5); border-right:1px solid #dcdcdc; cursor:default; float:left; } .pr-2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:2px; font-size:12px; line-height:16px; width:130px; padding:10px 0 10px 0; margin:0; color:rgba(115,115,115,0.5); cursor:default; float:left; } .pr-3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; width:calc(100% - 151px); padding:10px 20px 10px 0; margin:0; color:rgba(115,115,115,1); border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; cursor:default; float:left; } .pr-4 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:22px; width:130px; padding:10px 0 10px 0; margin:0; color:rgba(115,115,115,1); border-top:1px solid #dcdcdc; cursor:default; float:left; } .pr-5 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:12px; line-height:22px; width:calc(100% - 151px); padding:10px 20px 5px 0; margin:0; color:rgba(115,115,115,0.5); border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; cursor:default; float:left; } .pr-6 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:22px; width:130px; padding:10px 0 5px 0; margin:0; color:#008dd2; border-top:1px solid #dcdcdc; cursor:default; float:left; } .reports-pdf { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; width:calc(100% - 150px); padding:15px 130px 13px 20px; margin:20px auto 0 auto; color:#737373; cursor:pointer; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); display:block; z-index:7; } .reports-pdf span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:10px; line-height:10px; padding:0; margin:0; color:#737373; cursor:pointer; display:inline-block; position:absolute; top:20px; right:60px; z-index:auto; } .reports-pdf span::after { content:''; width:100%; height:1px; padding:0; margin:0; background:#737373; opacity:0.5; position:absolute; bottom:-1px; left:0; z-index:auto; } .reports-pdf span:hover { color:#008dd2; } .reports-pdf span:hover::after { height:0; } .reports-pdf span:hover, .reports-pdf span:not(:hover), .reports-pdf span:hover::after, .reports-pdf span:not(:hover)::after { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .reports-pdf::after { content:''; width:23px; height:30px; padding:0; margin:0; background:url('../images/pdf.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; position:absolute; top:calc(50% - 15px); right:20px; z-index:auto; } @media all and (max-width: 1200px) { #reports { width:960px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #reports h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .reports-box-1 { width:calc(100% - 440px); min-height:400px; padding:0 0 0 440px; margin:55px auto 0 auto; position:relative; text-align:center; z-index:5; } .reports-box-2 { width:calc(100% - 440px); min-height:400px; padding:60px 0 0 440px; margin:60px auto 0 auto; position:relative; text-align:center; z-index:5; border-top:1px solid #dcdcdc; } .reports-box img { padding:0; margin:0; display:block; position:absolute; left:0; z-index:auto; } .reports-box-1 img { top:0; width:400px; } .reports-box-2 img { top:60px; width:400px; } .reports-tabl { width:100%; padding:0; margin:20px auto 0 auto; position:relative; text-align:left; display:block; } .reports-tabl h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:15px 55px 13px 20px; margin:0; color:#737373; cursor:pointer; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); display:block; z-index:7; } .reports-tabl-active h3 { color:#ffffff; background:#008dd2; } .reports-tabl h3 .op { content:""; position:absolute; right:20px; top:27px; width:7px; height:7px; border-bottom: 2px solid #737373; border-right: 2px solid #737373; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; display:none; cursor:pointer; } .reports-tabl-active h3 .op { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; } .reports-tabl h3 .cl { content:""; position:absolute; right:20px; top:22px; width:7px; height:7px; border-top: 2px solid #737373; border-left: 2px solid #737373; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; cursor:pointer; } .reports-tabl h3:hover, .reports-tabl h3:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .reports-tabl-active h3 .cl { border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; } .reports-tabl-text { width:calc(100% - 100px); padding:20px 30px; margin:0 auto; position:relative; background:#ffffff; border-top-right-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; -khtml-border-top-right-radius:0; border-top-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; -khtml-border-top-left-radius:0; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px; border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; text-align:left; display:none; z-index:6; } .pr-1 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:12px; line-height:16px; width:calc(100% - 151px); padding:10px 20px 10px 0; margin:0; color:rgba(115,115,115,0.5); border-right:1px solid #dcdcdc; cursor:default; float:left; } .pr-2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:2px; font-size:12px; line-height:16px; width:130px; padding:10px 0 10px 0; margin:0; color:rgba(115,115,115,0.5); cursor:default; float:left; } .pr-3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; width:calc(100% - 151px); padding:10px 20px 10px 0; margin:0; color:rgba(115,115,115,1); border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; cursor:default; float:left; } .pr-4 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:22px; width:130px; padding:10px 0 10px 0; margin:0; color:rgba(115,115,115,1); border-top:1px solid #dcdcdc; cursor:default; float:left; } .pr-5 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:12px; line-height:22px; width:calc(100% - 151px); padding:10px 20px 5px 0; margin:0; color:rgba(115,115,115,0.5); border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; cursor:default; float:left; } .pr-6 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:22px; width:130px; padding:10px 0 5px 0; margin:0; color:#008dd2; border-top:1px solid #dcdcdc; cursor:default; float:left; } .reports-pdf { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; width:calc(100% - 150px); padding:15px 130px 13px 20px; margin:20px auto 0 auto; color:#737373; cursor:pointer; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); display:block; z-index:7; } .reports-pdf span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:10px; line-height:10px; padding:0; margin:0; color:#737373; cursor:pointer; display:inline-block; position:absolute; top:20px; right:60px; z-index:auto; } .reports-pdf span::after { content:''; width:100%; height:1px; padding:0; margin:0; background:#737373; opacity:0.5; position:absolute; bottom:-1px; left:0; z-index:auto; } .reports-pdf span:hover { color:#008dd2; } .reports-pdf span:hover::after { height:0; } .reports-pdf span:hover, .reports-pdf span:not(:hover), .reports-pdf span:hover::after, .reports-pdf span:not(:hover)::after { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .reports-pdf::after { content:''; width:23px; height:30px; padding:0; margin:0; background:url('../images/pdf.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; position:absolute; top:calc(50% - 15px); right:20px; z-index:auto; } } @media all and (max-width: 1020px) { #reports { width:660px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #reports h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .reports-box-1 { width:100%; min-height:10px; padding:0; margin:55px auto 0 auto; position:relative; text-align:center; z-index:5; } .reports-box-2 { width:100%; min-height:10px; padding:60px 0 0 0; margin:60px auto 0 auto; position:relative; text-align:center; z-index:5; border-top:1px solid #dcdcdc; } .reports-box img { padding:0; margin:0 auto 40px auto; display:block; position:relative; left:auto; z-index:auto; } .reports-box-1 img { top:auto; width:464px; } .reports-box-2 img { top:auto; width:470px; } .reports-tabl { width:100%; padding:0; margin:20px auto 0 auto; position:relative; text-align:left; display:block; } .reports-tabl h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:15px 55px 13px 20px; margin:0; color:#737373; cursor:pointer; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); display:block; z-index:7; } .reports-tabl-active h3 { color:#ffffff; background:#008dd2; } .reports-tabl h3 .op { content:""; position:absolute; right:20px; top:27px; width:7px; height:7px; border-bottom: 2px solid #737373; border-right: 2px solid #737373; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; display:none; cursor:pointer; } .reports-tabl-active h3 .op { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; } .reports-tabl h3 .cl { content:""; position:absolute; right:20px; top:22px; width:7px; height:7px; border-top: 2px solid #737373; border-left: 2px solid #737373; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; cursor:pointer; } .reports-tabl h3:hover, .reports-tabl h3:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .reports-tabl-active h3 .cl { border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; } .reports-tabl-text { width:calc(100% - 100px); padding:20px 30px; margin:0 auto; position:relative; background:#ffffff; border-top-right-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; -khtml-border-top-right-radius:0; border-top-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; -khtml-border-top-left-radius:0; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px; border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; text-align:left; display:none; z-index:6; } .pr-1 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:12px; line-height:16px; width:calc(100% - 151px); padding:10px 20px 10px 0; margin:0; color:rgba(115,115,115,0.5); border-right:1px solid #dcdcdc; cursor:default; float:left; } .pr-2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:2px; font-size:12px; line-height:16px; width:130px; padding:10px 0 10px 0; margin:0; color:rgba(115,115,115,0.5); cursor:default; float:left; } .pr-3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; width:calc(100% - 151px); padding:10px 20px 10px 0; margin:0; color:rgba(115,115,115,1); border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; cursor:default; float:left; } .pr-4 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:22px; width:130px; padding:10px 0 10px 0; margin:0; color:rgba(115,115,115,1); border-top:1px solid #dcdcdc; cursor:default; float:left; } .pr-5 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:12px; line-height:22px; width:calc(100% - 151px); padding:10px 20px 5px 0; margin:0; color:rgba(115,115,115,0.5); border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; cursor:default; float:left; } .pr-6 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:22px; width:130px; padding:10px 0 5px 0; margin:0; color:#008dd2; border-top:1px solid #dcdcdc; cursor:default; float:left; } .reports-pdf { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; width:calc(100% - 150px); padding:15px 130px 13px 20px; margin:20px auto 0 auto; color:#737373; cursor:pointer; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); display:block; z-index:7; } .reports-pdf span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:10px; line-height:10px; padding:0; margin:0; color:#737373; cursor:pointer; display:inline-block; position:absolute; top:20px; right:60px; z-index:auto; } .reports-pdf span::after { content:''; width:100%; height:1px; padding:0; margin:0; background:#737373; opacity:0.5; position:absolute; bottom:-1px; left:0; z-index:auto; } .reports-pdf span:hover { color:#008dd2; } .reports-pdf span:hover::after { height:0; } .reports-pdf span:hover, .reports-pdf span:not(:hover), .reports-pdf span:hover::after, .reports-pdf span:not(:hover)::after { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .reports-pdf::after { content:''; width:23px; height:30px; padding:0; margin:0; background:url('../images/pdf.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; position:absolute; top:calc(50% - 15px); right:20px; z-index:auto; } } @media all and (max-width: 720px) { #reports { width:360px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #reports h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .reports-box-1 { width:100%; min-height:10px; padding:0; margin:55px auto 0 auto; position:relative; text-align:center; z-index:5; } .reports-box-2 { width:100%; min-height:10px; padding:40px 0 0 0; margin:40px auto 0 auto; position:relative; text-align:center; z-index:5; border-top:1px solid #dcdcdc; } .reports-box img { padding:0; margin:0 auto 40px auto; display:block; position:relative; left:auto; z-index:auto; } .reports-box-1 img { top:auto; width:250px; } .reports-box-2 img { top:auto; width:250px; } .reports-tabl { width:100%; padding:0; margin:20px auto 0 auto; position:relative; text-align:left; display:block; } .reports-tabl h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:15px 55px 13px 20px; margin:0; color:#737373; cursor:pointer; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); display:block; z-index:7; } .reports-tabl-active h3 { color:#ffffff; background:#008dd2; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .reports-tabl h3 .op { content:""; position:absolute; right:20px; top:27px; width:7px; height:7px; border-bottom: 2px solid #737373; border-right: 2px solid #737373; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; display:none; cursor:pointer; } .reports-tabl-active h3 .op { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; } .reports-tabl h3 .cl { content:""; position:absolute; right:20px; top:22px; width:7px; height:7px; border-top: 2px solid #737373; border-left: 2px solid #737373; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; cursor:pointer; } .reports-tabl h3:hover, .reports-tabl h3:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .reports-tabl-active h3 .cl { border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; } .reports-tabl-text { width:100%; padding:20px 0 20px 0; margin:0 auto 0 auto; position:relative; background:#ffffff; border-top-right-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; -khtml-border-top-right-radius:0; border-top-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; -khtml-border-top-left-radius:0; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px; border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; text-align:left; display:none; z-index:6; } .pr-1 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:1px; font-size:12px; line-height:16px; width:calc(100% - 161px); padding:10px 20px 10px 20px; margin:0; color:rgba(115,115,115,0.5); border-right:1px solid #dcdcdc; cursor:default; float:left; } .pr-2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:1px; font-size:12px; line-height:16px; width:120px; padding:10px 0 10px 0; margin:0; color:rgba(115,115,115,0.5); cursor:default; float:right; } .pr-3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; width:calc(100% - 161px); padding:10px 20px 10px 20px; margin:0; color:rgba(115,115,115,1); border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; cursor:default; float:left; } .pr-4 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:22px; width:120px; padding:10px 0 10px 0; margin:0; color:rgba(115,115,115,1); border-top:1px solid #dcdcdc; cursor:default; float:right; } .pr-5 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:1px; font-size:12px; line-height:22px; width:calc(100% - 161px); padding:10px 20px 5px 20px; margin:0; color:rgba(115,115,115,0.5); border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; cursor:default; float:left; } .pr-6 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:22px; width:120px; padding:10px 0 5px 0; margin:0; color:#008dd2; border-top:1px solid #dcdcdc; cursor:default; float:right; } .reports-pdf { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; width:calc(100% - 150px); padding:15px 130px 13px 20px; margin:20px auto 0 auto; color:#737373; cursor:pointer; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); display:block; z-index:7; } .reports-pdf span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:10px; line-height:10px; padding:0; margin:0; color:#737373; cursor:pointer; display:inline-block; position:absolute; top:calc(50% - 5px); right:60px; z-index:auto; } .reports-pdf span::after { content:''; width:100%; height:1px; padding:0; margin:0; background:#737373; opacity:0.5; position:absolute; bottom:-1px; left:0; z-index:auto; } .reports-pdf span:hover { color:#008dd2; } .reports-pdf span:hover::after { height:0; } .reports-pdf span:hover, .reports-pdf span:not(:hover), .reports-pdf span:hover::after, .reports-pdf span:not(:hover)::after { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .reports-pdf::after { content:''; width:23px; height:30px; padding:0; margin:0; background:url('../images/pdf.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; position:absolute; top:calc(50% - 15px); right:20px; z-index:auto; } } /* news */ #news-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #news-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #news-parall { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; background:url('../images/icons-1.png') no-repeat top center; opacity:1; } #news { width:1170px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #news h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .news-w { width:100%; padding:0; margin:25px auto 0 auto; position:relative; display:block; } .news { width:280px; padding:270px 40px 30px 40px; margin:30px 15px 0 15px; position:relative; text-align:left; display:block; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .news-img { width:100%; height:240px; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:#ffffff; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .news-img img { width:100%; padding:0; margin:0; display:block; } .news h6 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; } .news h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:19px; line-height:23px; min-height:100px; padding:0; margin:15px 0 0 0; color:#737373; } .news .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:15px 0 0 0; color:#008dd2; display:inline-block; } .news .button:hover { opacity:0.5; } .button:hover, .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .pagination{ margin:60px auto 0 auto; text-align:center; width: 100%; } .page-numbers { display: inline-block; padding:0; position:relative; z-index:5; } .page-numbers li{ float:left; } .page-numbers a, .page-numbers span { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; text-transform:uppercase; font-size:16px; line-height:52px; width:50px; height:50px; padding:0; margin:0 5px; color:#b1c0c9; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; cursor:pointer; float:left; position:relative; -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.03); -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.03); box-shadow: 0 5px 20px 0 rgba(0,0,0,0.03); } .page-numbers span.current { color:#ffffff; background:#008dd2; } .page-numbers a:hover { color:#ffffff; background:#008dd2; } .page-numbers a:hover::before, .page-numbers a:not(:hover)::before { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } @media all and (max-width: 1200px) { #news-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #news-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #news-parall { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; background:url('../images/icons-1.png') no-repeat top center; opacity:1; } #news { width:990px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #news h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .news-w { width:100%; padding:0; margin:25px auto 0 auto; position:relative; display:block; } .news { width:240px; padding:230px 30px 30px 30px; margin:30px 15px 0 15px; position:relative; text-align:left; display:block; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .news-img { width:100%; height:200px; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:#ffffff; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .news-img img { width:100%; padding:0; margin:0; display:block; } .news h6 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; } .news h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:17px; line-height:23px; min-height:70px; padding:0; margin:15px 0 0 0; color:#737373; } .news .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:15px 0 0 0; color:#008dd2; display:inline-block; } .news .button:hover { opacity:0.5; } .button:hover, .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } @media all and (max-width: 1020px) { #news-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #news-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #news-parall { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; background:url('../images/icons-1.png') no-repeat top center; opacity:1; } #news { width:690px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #news h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .news-w { width:100%; padding:0; margin:20px auto 0 auto; position:relative; display:block; } .news { width:255px; padding:230px 30px 30px 30px; margin:30px 15px 0 15px; position:relative; text-align:left; display:block; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .news-img { width:100%; height:200px; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:#ffffff; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .news-img img { width:100%; padding:0; margin:0; display:block; } .news h6 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; } .news h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:17px; line-height:23px; min-height:70px; padding:0; margin:15px 0 0 0; color:#737373; } .news .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:15px 0 0 0; color:#008dd2; display:inline-block; } .news .button:hover { opacity:0.5; } .button:hover, .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } @media all and (max-width: 720px) { #news-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #news-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #news-parall { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; background:url('../images/icons-1.png') no-repeat top center; opacity:1; } #news { width:360px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #news h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .news-w { width:100%; padding:0; margin:20px auto 0 auto; position:relative; display:block; } .news { width:300px; padding:270px 30px 30px 30px; margin:30px 0 0 0; position:relative; text-align:left; display:block; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .news-img { width:100%; height:240px; overflow:hidden; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:#ffffff; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .news-img img { width:100%; padding:0; margin:0; display:block; } .news h6 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; } .news h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:19px; line-height:23px; min-height:10px; padding:0; margin:15px 0 0 0; color:#737373; } .news .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:15px 0 0 0; color:#008dd2; display:inline-block; } .news .button:hover { opacity:0.5; } .button:hover, .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .page-numbers { padding:0; position:relative; z-index:5; } .page-numbers a, .page-numbers span { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; text-transform:uppercase; font-size:16px; line-height:52px; width:40px; height:50px; padding:0; margin:0 5px; color:#b1c0c9; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; cursor:pointer; float:left; position:relative; -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.03); -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.03); box-shadow: 0 5px 20px 0 rgba(0,0,0,0.03); } .page-numbers span.current { color:#ffffff; background:#008dd2; } .page-numbers a:hover { color:#ffffff; background:#008dd2; } .page-numbers a:hover::before, .page-numbers a:not(:hover)::before { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } /* we-help-page */ #we-help-page-w { width:100%; padding:0; margin:0; position:relative; } .we-help-parall { width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; opacity:1; } .we-help-parall-1 { background:url('../images/icons-5.png') repeat top center; } .we-help-parall-2 { background:url('../images/icons-6.png') repeat top center; } .we-help-parall-3 { background:url('../images/icons-6.png') repeat top center; } .we-help-parall-4 { background:url('../images/icons-7.png') repeat top center; } #we-help-page { width:1140px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #we-help-page .back-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:0; color:#008dd2; display:inline-block; position:absolute; top:20px; left:0; z-index:auto; } #we-help-page .back-button:hover { opacity:0.5; } #we-help-page h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .we-help-box { width:calc(100% - 80px); padding:40px; margin:50px auto 0 auto; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .we-help-box::after { content:''; width:80px; height:80px; padding:0; margin:0; position:absolute; top:30px; right:40px; z-index:auto; background:url('../images/q.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } .we-help-box h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:15px; line-height:19px; padding:0 160px 0 0; margin:0; color:#737373; cursor:default; } .we-help-box h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; font-size:17px; line-height:24px; padding:0; margin:0 0 5px 0; color:#008dd2; cursor:default; display:inline-block; } .we-help-box p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } .we-help-all { width:100%; position:relative; display:none; padding:0; margin:0 0 60px 0; } .we-help-all-button { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:17px; line-height:21px; padding:0; margin:55px auto 0 auto; color:#008dd2; border-bottom:1px solid #008dd2; cursor:pointer; display:inline-block; } .we-help-all-button:hover { border-bottom:1px solid rgba(0,0,0,0); opacity:0.5; } .we-help-all-button:hover, .we-help-all-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .we-help-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:280px; height:50px; padding:0; margin:25px auto 0 auto; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .we-help-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .we-help-button:hover, .we-help-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } @media all and (max-width: 1200px) { #we-help-page { width:960px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } .we-help-box::after { content:''; width:80px; height:80px; padding:0; margin:0; position:absolute; top:30px; right:40px; z-index:auto; background:url('../images/q.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } } @media all and (max-width: 1020px) { #we-help-page { width:660px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } } @media all and (max-width: 720px) { #we-help-page { width:360px; padding:90px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #we-help-page .back-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:20px; width:100%; padding:0; margin:0; color:#008dd2; display:inline-block; position:absolute; top:30px; left:0; z-index:auto; } #we-help-page .back-button:hover { opacity:0.5; } #we-help-page h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; position:relative; } .we-help-box { width:calc(100% - 60px); padding:30px; margin:30px auto 0 auto; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .we-help-box::after { content:''; width:60px; height:60px; padding:0; margin:0; position:absolute; top:25px; right:20px; z-index:auto; background:url('../images/q.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } .we-help-box h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:15px; line-height:19px; padding:0 30px 0 0; margin:0; color:#737373; cursor:default; } .we-help-box h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; font-size:17px; line-height:24px; max-width:230px; padding:0; margin:0 0 5px 0; color:#008dd2; cursor:default; display:inline-block; } .we-help-box p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } .we-help-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:280px; height:50px; padding:0; margin:25px auto 0 auto; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .we-help-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .we-help-button:hover, .we-help-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } /* project-page */ #project-page-w { width:100%; padding:0; margin:0; position:relative; } #project-page { width:1140px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:left; z-index:5; } #project-page .back-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:0; color:#008dd2; display:inline-block; position:absolute; top:20px; left:0; z-index:auto; } #project-page .back-button:hover { opacity:0.5; } #project-page h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0 0 55px 0; color:#008dd2; cursor:default; position:relative; } .project-page-img { width:360px; height:360px; overflow:hidden; padding:0; margin:0 40px 25px 0; position:relative; float:left; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .project-page-img.project-page-img-video { background:#000000; } .project-page-img img { width:100%; padding:0; margin:0; display:block; } .project-page-img.project-page-img-video img { width:100%; padding:0; margin:0; display:block; opacity:0.5; } .project-page-img .play-w { width:100%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:3; cursor:pointer; } .project-page-img .play { width:90px; height:90px; padding:0; margin:0; background:url('../images/play.svg') no-repeat 39px center; position:absolute; top:calc(50% - 45px); left:calc(50% - 45px); z-index:6; cursor:pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } .project-page-img .play-circle-1 { width:90px; height:90px; padding:0; margin:0; background:rgba(255,255,255,0.2); position:absolute; top:calc(50% - 45px); left:calc(50% - 45px); z-index:4; cursor:pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } .project-page-img .play-circle-2 { width:109px; height:109px; padding:0; margin:0; border:1px solid rgba(255,255,255,0.2); position:absolute; top:calc(50% - 55px); left:calc(50% - 55px); z-index:5; cursor:pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } .project-page-text { padding:0; margin:0; display:inline; } #project-page h4 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; font-size:17px; line-height:24px; padding:0; margin:0; color:#008dd2; display:block; cursor:default; } .project-page-text p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } .project-page-text li { font-size: 17px; } .project-page-text li:before { color: #008dd2; content: "• "; } .project-page-text p a, .error-text p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:17px; padding:0; margin:0; color:#008dd2; border-bottom:1px solid #008dd2; cursor:pointer; display:inline; } .project-page-text b { font-family: 'PT Sans', sans-serif; font-weight:700; } .sp-ppt-2 { color:#008dd2; } .project-page-text-img { width:calc(100% - 400px); padding:0; margin:-15px 0 0 0; float:left; } .ppt-img { width:calc(33.33% - 20px); padding:0; float:left; text-align:center; overflow: hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .ppt-img-1 { margin:40px 30px 0 0; } .ppt-img-2 { margin:40px 30px 0 0; } .ppt-img-3 { margin:40px 0 0 0; } .ppt-img img { width:100%; padding:0; margin:0; display:block; } .project-page-text-book { width:calc(100% - 400px); padding:0; margin:-15px 0 0 0; float:left; } .book-link { width:33.33%; padding:0; margin:40px 0 0 0; float:left; text-align:center; } .book-link img { width:200px; padding:0; margin:0 auto; display:block; mix-blend-mode:multiply; } .book-link a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; text-decoration:underline; font-size:15px; line-height:20px; max-width:220px; padding:0; margin:10px auto 0 auto; color:#008dd2; cursor:pointer; display:inline-block; position:relative; } .book-link a:hover { text-decoration:none; opacity:0.5; } .project-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:180px; height:50px; padding:0; margin:35px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .project-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .project-button:hover, .project-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .projects-page-w { width:1170px; padding:0; margin:30px 0 0 -15px; position:relative; display:block; } @media all and (max-width: 1200px) { #project-page-w { width:100%; padding:0; margin:0; position:relative; } #project-page { width:960px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:left; z-index:5; } #project-page .back-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:0; color:#008dd2; display:inline-block; position:absolute; top:20px; left:0; z-index:auto; } #project-page .back-button:hover { opacity:0.5; } #project-page h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0 0 55px 0; color:#008dd2; cursor:default; position:relative; } .project-page-img { width:360px; height:360px; overflow:hidden; padding:0; margin:0 40px 25px 0; position:relative; float:left; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .project-page-img img { width:100%; padding:0; margin:0; display:block; } .project-page-text { padding:0; margin:0; display:inline; } #project-page h4 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; font-size:17px; line-height:24px; padding:0; margin:0; color:#008dd2; display:block; cursor:default; } .project-page-text p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } .sp-ppt-1 { font-family: 'PT Sans', sans-serif; font-weight:700; } .project-page-text-img { width:calc(100% - 400px); padding:0; margin:-15px 0 0 0; float:left; } .ppt-img { width:calc(33.33% - 20px); padding:0; float:left; text-align:center; overflow: hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .ppt-img-1 { margin:40px 30px 0 0; } .ppt-img-2 { margin:40px 30px 0 0; } .ppt-img-3 { margin:40px 0 0 0; } .ppt-img img { width:100%; padding:0; margin:0; display:block; } .project-page-text-book { width:calc(100% - 400px); padding:0; margin:0; float:left; } .book-link { width:33.33%; padding:0; margin:40px 0 0 0; float:left; text-align:center; } .book-link img { width:160px; padding:0; margin:0 auto; display:block; mix-blend-mode:multiply; } .book-link a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; text-decoration:underline; font-size:15px; line-height:20px; max-width:220px; padding:0; margin:10px auto 0 auto; color:#008dd2; cursor:pointer; display:inline-block; position:relative; } .book-link a:hover { text-decoration:none; opacity:0.5; } .project-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:180px; height:50px; padding:0; margin:35px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .project-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .project-button:hover, .project-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .projects-page-w { width:990px; padding:0; margin:30px 0 0 -15px; position:relative; display:block; } } @media all and (max-width: 1020px) { #project-page-w { width:100%; padding:0; margin:0; position:relative; } #project-page { width:660px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:left; z-index:5; } #project-page .back-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:0; color:#008dd2; display:inline-block; position:absolute; top:20px; left:0; z-index:auto; } #project-page .back-button:hover { opacity:0.5; } #project-page h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; max-width:550px; margin:0 auto 55px auto; color:#008dd2; cursor:default; position:relative; } .project-page-img { width:260px; height:260px; overflow:hidden; padding:0; margin:0 40px 20px 0; position:relative; float:left; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .project-page-img img { width:100%; padding:0; margin:0; display:block; } .project-page-text { padding:0; margin:0; display:inline; } #project-page h4 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; font-size:17px; line-height:24px; padding:0; margin:0; color:#008dd2; display:block; cursor:default; } .project-page-text p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } .sp-ppt-1 { font-family: 'PT Sans', sans-serif; font-weight:700; } .project-page-text-img { width:100%; padding:0; margin:-15px 0 0 0; float:left; } .ppt-img { width:calc(33.33% - 20px); padding:0; float:left; text-align:center; overflow: hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .ppt-img-1 { margin:40px 30px 0 0; } .ppt-img-2 { margin:40px 30px 0 0; } .ppt-img-3 { margin:40px 0 0 0; } .ppt-img img { width:100%; padding:0; margin:0; display:block; } .project-page-text-book { width:100%; padding:0; margin:0; float:none; display:block; } .book-link { width:33.33%; padding:0; margin:40px 0 0 0; float:left; text-align:center; } .book-link img { width:160px; padding:0; margin:0 auto; display:block; mix-blend-mode:multiply; } .book-link a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; text-decoration:underline; font-size:15px; line-height:20px; max-width:220px; padding:0; margin:10px auto 0 auto; color:#008dd2; cursor:pointer; display:inline-block; position:relative; } .book-link a:hover { text-decoration:none; opacity:0.5; } .project-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:180px; height:50px; padding:0; margin:35px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .project-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .project-button:hover, .project-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .projects-page-w { width:690px; padding:0; margin:30px 0 0 -15px; position:relative; display:block; } } @media all and (max-width: 720px) { #project-page-w { width:100%; padding:0; margin:0; position:relative; } #project-page { width:360px; padding:90px 0 60px 0; margin:0 auto; position:relative; text-align:left; z-index:5; } #project-page .back-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:20px; width:100%; padding:0; margin:0; color:#008dd2; display:inline-block; position:absolute; top:30px; left:0; z-index:auto; } #project-page .back-button:hover { opacity:0.5; } #project-page h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; max-width:550px; margin:0 auto 35px auto; color:#008dd2; cursor:default; position:relative; } .project-page-img { width:360px; height:360px; overflow:hidden; padding:0; margin:0; position:relative; float:none; display:block; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .project-page-img img { width:100%; padding:0; margin:0; display:block; } .project-page-text { padding:0; margin:30px 0 0 0; display:block; } #project-page h4 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; font-size:17px; line-height:24px; padding:0; margin:0; color:#008dd2; display:block; cursor:default; } .project-page-text p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } .sp-ppt-1 { font-family: 'PT Sans', sans-serif; font-weight:700; } .project-page-text-img { width:100%; padding:0; margin:-15px 0 0 0; float:left; } .ppt-img { width:100%; padding:0; float:left; text-align:center; overflow: hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .ppt-img-1 { margin:40px 0 0 0; } .ppt-img-2 { margin:40px 0 0 0; } .ppt-img-3 { margin:40px 0 0 0; } .ppt-img img { width:100%; padding:0; margin:0; display:block; } .project-page-text-book { width:100%; padding:0; margin:0; float:none; display:block; } .book-link { width:100%; padding:0; margin:40px 0 0 0; float:left; text-align:center; } .book-link img { width:200px; padding:0; margin:0 auto; display:block; mix-blend-mode:multiply; } .book-link a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; text-decoration:underline; font-size:15px; line-height:20px; max-width:320px; padding:0; margin:10px auto 0 auto; color:#008dd2; cursor:pointer; display:inline-block; position:relative; } .book-link a:hover { text-decoration:none; opacity:0.5; } .project-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:180px; height:50px; padding:0; margin:35px auto 0 auto; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .project-button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .project-button:hover, .project-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .projects-page-w { width:360px; padding:0; margin:20px 0 0 0; position:relative; display:block; } } /* news-page */ #news-page-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #news-page-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #news-page { width:1140px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:left; z-index:5; } #news-page .back-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:0; color:#008dd2; display:inline-block; position:absolute; top:20px; left:0; z-index:auto; } #news-page .back-button:hover { opacity:0.5; } #news-page h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0 0 55px 0; color:#008dd2; cursor:default; position:relative; } .news-page-img { width:360px; height:auto; overflow:hidden; padding:0; margin:0 40px 30px 0; position:relative; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .news-page-img img { width:100%; height:auto; padding:0; margin:0; display:block; } .news-page-text { padding:0; margin:0; display:inline; } #news-page h6 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; display:block; cursor:default; } #news-page p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } #news-page p span { font-family: 'PT Sans', sans-serif; font-weight:700; } #news-page .swiper-container { width:960px; min-height:240px; margin:60px auto 0 auto; padding:0 90px; position:relative; } .news-page-slider-img { width:300px; height:240px; overflow:hidden; padding:0; margin:0; position:relative; cursor:pointer; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; opacity:0.2; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .news-page-slider-img img { width:100%; padding:0; margin:0; display:block; } .news-page-slider-img:hover, .news-page-slider-img:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #news-page .swiper-container .swiper-slide-prev .news-page-slider-img, #news-page .swiper-container .swiper-slide-next .news-page-slider-img, #news-page .swiper-container .swiper-slide-active .news-page-slider-img { opacity:1; } #news-page .swiper-container .swiper-slide-prev .news-page-slider-img:hover, #news-page .swiper-container .swiper-slide-next .news-page-slider-img:hover, #news-page .swiper-container .swiper-slide-active .news-page-slider-img:hover { opacity:0.5; } #news-page .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #news-page .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #news-page .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #news-page .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #news-page .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #news-page .swiper-button-prev:hover { opacity:0.5; } #news-page .swiper-button-next:hover { opacity:0.5; } #news-page .swiper-button-prev:hover, #news-page .swiper-button-prev:not(:hover), #news-page .swiper-button-next:hover, #news-page .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #news-page .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #news-page .swiper-pagination-fraction, #news-page .swiper-pagination-custom, #news-page .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #news-page .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #news-page .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } @media all and (max-width: 1200px) { #news-page-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #news-page-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #news-page { width:960px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:left; z-index:5; } #news-page .back-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:0; color:#008dd2; display:inline-block; position:absolute; top:20px; left:0; z-index:auto; } #news-page .back-button:hover { opacity:0.5; } #news-page h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0 0 55px 0; color:#008dd2; cursor:default; position:relative; } .news-page-img { width:360px; height:auto; overflow:hidden; padding:0; margin:0 40px 30px 0; position:relative; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .news-page-img img { width:100%; height:auto; padding:0; margin:0; display:block; } .news-page-text { padding:0; margin:0; display:inline; } #news-page h6 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; display:block; cursor:default; } #news-page p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } #news-page p span { font-family: 'PT Sans', sans-serif; font-weight:700; } #news-page .swiper-container { width:630px; min-height:240px; margin:60px auto 0 auto; padding:0 110px; position:relative; } .news-page-slider-img { width:300px; height:240px; overflow:hidden; padding:0; margin:0; position:relative; cursor:pointer; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; opacity:0.2; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .news-page-slider-img img { width:100%; padding:0; margin:0; display:block; } .news-page-slider-img:hover, .news-page-slider-img:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #news-page .swiper-container .swiper-slide-prev .news-page-slider-img { opacity:0.2; } #news-page .swiper-container .swiper-slide-next .news-page-slider-img, #news-page .swiper-container .swiper-slide-active .news-page-slider-img { opacity:1; } #news-page .swiper-container .swiper-slide-prev .news-page-slider-img:hover { opacity:0.2; } #news-page .swiper-container .swiper-slide-next .news-page-slider-img:hover, #news-page .swiper-container .swiper-slide-active .news-page-slider-img:hover { opacity:0.5; } #news-page .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #news-page .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #news-page .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #news-page .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #news-page .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #news-page .swiper-button-prev:hover { opacity:0.5; } #news-page .swiper-button-next:hover { opacity:0.5; } #news-page .swiper-button-prev:hover, #news-page .swiper-button-prev:not(:hover), #news-page .swiper-button-next:hover, #news-page .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #news-page .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #news-page .swiper-pagination-fraction, #news-page .swiper-pagination-custom, #news-page .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #news-page .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #news-page .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } } @media all and (max-width: 1020px) { #news-page-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #news-page-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #news-page { width:660px; padding:60px 0 250px 0; margin:0 auto; position:relative; text-align:left; z-index:5; } #news-page .back-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; margin:0; color:#008dd2; display:inline-block; position:absolute; top:20px; left:0; z-index:auto; } #news-page .back-button:hover { opacity:0.5; } #news-page h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; max-width:500px; margin:0 auto 55px auto; color:#008dd2; cursor:default; position:relative; } .news-page-img { width:260px; height:auto; overflow:hidden; padding:0; margin:0 40px 30px 0; position:relative; float:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .news-page-img img { width:100%; height:auto; padding:0; margin:0; display:block; } .news-page-text { padding:0; margin:0; display:inline; } #news-page h6 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; display:block; cursor:default; } #news-page p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } #news-page p span { font-family: 'PT Sans', sans-serif; font-weight:700; } #news-page .swiper-container { width:630px; min-height:240px; margin:60px 0 0 -10px; padding:0 25px; position:relative; } .news-page-slider-img { width:300px; height:240px; overflow:hidden; padding:0; margin:0; position:relative; cursor:pointer; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; opacity:0.2; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .news-page-slider-img img { width:100%; padding:0; margin:0; display:block; } .news-page-slider-img:hover, .news-page-slider-img:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #news-page .swiper-container .swiper-slide-prev .news-page-slider-img { opacity:0.2; } #news-page .swiper-container .swiper-slide-next .news-page-slider-img, #news-page .swiper-container .swiper-slide-active .news-page-slider-img { opacity:1; } #news-page .swiper-container .swiper-slide-prev .news-page-slider-img:hover { opacity:0.2; } #news-page .swiper-container .swiper-slide-next .news-page-slider-img:hover, #news-page .swiper-container .swiper-slide-active .news-page-slider-img:hover { opacity:0.5; } #news-page .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #news-page .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #news-page .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #news-page .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #news-page .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #news-page .swiper-button-prev:hover { opacity:0.5; } #news-page .swiper-button-next:hover { opacity:0.5; } #news-page .swiper-button-prev:hover, #news-page .swiper-button-prev:not(:hover), #news-page .swiper-button-next:hover, #news-page .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #news-page .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #news-page .swiper-pagination-fraction, #news-page .swiper-pagination-custom, #news-page .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #news-page .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #news-page .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } } @media all and (max-width: 720px) { #news-page-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #news-page-w::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #news-page { width:360px; padding:90px 0 250px 0; margin:0 auto; position:relative; text-align:left; z-index:5; } #news-page .back-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:20px; width:100%; padding:0; margin:0; color:#008dd2; display:inline-block; position:absolute; top:30px; left:0; z-index:auto; } #news-page .back-button:hover { opacity:0.5; } #news-page h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; max-width:500px; margin:0 auto 35px auto; color:#008dd2; cursor:default; position:relative; } .news-page-img { width:360px; height:auto; overflow:hidden; padding:0; margin:0; position:relative; float:none; display:block; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .news-page-img img { width:100%; height:auto; padding:0; margin:0; display:block; } .news-page-text { padding:0; margin:30px 0 0 0; display:block; } #news-page h6 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; display:block; cursor:default; } #news-page p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } #news-page p span { font-family: 'PT Sans', sans-serif; font-weight:700; } #news-page .swiper-container { width:300px; min-height:240px; margin:60px auto 0 auto; padding:0 25px; position:relative; } .news-page-slider-img { width:300px; height:240px; overflow:hidden; padding:0; margin:0; position:relative; cursor:pointer; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; opacity:0.2; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .news-page-slider-img img { width:100%; padding:0; margin:0; display:block; } .news-page-slider-img:hover, .news-page-slider-img:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #news-page .swiper-container .swiper-slide-prev .news-page-slider-img, #news-page .swiper-container .swiper-slide-next .news-page-slider-img { opacity:0.2; } #news-page .swiper-container .swiper-slide-active .news-page-slider-img { opacity:1; } #news-page .swiper-container .swiper-slide-prev .news-page-slider-img:hover, #news-page .swiper-container .swiper-slide-next .news-page-slider-img:hover { opacity:0.2; } #news-page .swiper-container .swiper-slide-active .news-page-slider-img:hover { opacity:0.5; } #news-page .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #news-page .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #news-page .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #news-page .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #news-page .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #news-page .swiper-button-prev:hover { opacity:0.5; } #news-page .swiper-button-next:hover { opacity:0.5; } #news-page .swiper-button-prev:hover, #news-page .swiper-button-prev:not(:hover), #news-page .swiper-button-next:hover, #news-page .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #news-page .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #news-page .swiper-pagination-fraction, #news-page .swiper-pagination-custom, #news-page .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #news-page .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #news-page .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } } /* header */ #header-w { width:100%; padding:0; margin:0; position:relative; } #header-parall { width:100%; height:710px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; background-repeat:no-repeat; background-position:top center; opacity:1; } #header { width:520px; padding:120px 0 120px 620px; margin:0 auto; position:relative; text-align:left; z-index:5; } #header h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } #header h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; text-transform:uppercase; font-size:22px; line-height:32px; padding:0; margin:20px 0 0 0; color:#737373; cursor:default; } #header a { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:18px; padding:0; margin:20px 0 0 0; color:#008dd2; cursor:pointer; display:inline-block; } #header a:hover { opacity:0.5; } @media all and (max-width: 1200px) { #header-w { width:100%; padding:0; margin:0; position:relative; } #header-parall { width:100%; height:710px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:1; opacity:1; } #header { width:480px; padding:120px 0 120px 480px; margin:0 auto; position:relative; text-align:left; z-index:5; } #header h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } #header h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; text-transform:uppercase; font-size:22px; line-height:32px; padding:0; margin:20px 0 0 0; color:#737373; cursor:default; } #header a { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:18px; padding:0; margin:20px 0 0 0; color:#008dd2; cursor:pointer; display:inline-block; } #header a:hover { opacity:0.5; } } @media all and (max-width: 1020px) { #header-w { width:100%; padding:0; margin:0; position:relative; } #header-parall { width:100%; height:710px; padding:0; margin:0; position:absolute; bottom:0; left:0; z-index:1; opacity:1; } #header { width:660px; padding:60px 0 380px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #header h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0 auto; color:#008dd2; cursor:default; } #header h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; text-transform:uppercase; font-size:22px; line-height:32px; padding:0; margin:20px auto 0 auto; color:#737373; cursor:default; } #header a { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:20px auto 0 auto; color:#008dd2; cursor:pointer; display:inline-block; } #header a:hover { opacity:0.5; } } @media all and (max-width: 720px) { #header-w { width:100%; padding:0; margin:0; position:relative; } #header-parall { width:100%; height:600px; padding:0; margin:0; position:absolute; bottom:0; left:0; z-index:1; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; opacity:1; } #header { width:360px; padding:60px 0 280px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #header h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0 auto; color:#008dd2; cursor:default; } #header h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; text-transform:uppercase; font-size:16px; line-height:26px; padding:0; margin:20px auto 0 auto; color:#737373; cursor:default; } #header h3 br { display:none; } #header a { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:20px auto 0 auto; color:#008dd2; cursor:pointer; display:inline-block; } #header a:hover { opacity:0.5; } } /* standart Swiper slider */ .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin:0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width:100%; height:100%; position: relative; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } /* figures */ #figures-w { width:100%; padding:0; margin:0; position:relative; } #figures { width:1140px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #figures h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } .figures { width:260px; padding:25px 20px 25px 20px; margin:0; position:relative; text-align:center; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); opacity:0.3; } .figures h3 { font-family: "Neris-Bold"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:60px; line-height:60px; padding:0; margin:5px 0 15px 0; color:#737373; cursor:default; } .figures p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; height:40px; padding:0; margin:0; color:#737373; cursor:default; } .figures p span { font-family: 'PT Sans', sans-serif; font-weight:700; } #figures .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:280px; height:50px; padding:0; margin:60px auto 0 auto; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:#008dd2; border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; position:relative; } #figures::after { content:''; width:100px; height:40px; padding:0; margin:0; position:absolute; right:calc(50% - 270px); bottom:65px; z-index:auto; background:url('../images/kpmg.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } #figures .button:hover { opacity:0.5; } #figures .button:hover, #figures .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #figures .swiper-container { width:960px; min-height:210px; margin:55px auto 0 auto; padding:0 90px; position:relative; } #figures .swiper-container .swiper-slide-prev .figures, #figures .swiper-container .swiper-slide-next .figures, #figures .swiper-container .swiper-slide-active .figures { opacity:1; } #figures .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #figures .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #figures .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #figures .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #figures .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #figures .swiper-button-prev:hover { opacity:0.5; } #figures .swiper-button-next:hover { opacity:0.5; } #figures .swiper-button-prev:hover, #figures .swiper-button-prev:not(:hover), #figures .swiper-button-next:hover, #figures .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #figures .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #figures .swiper-pagination-fraction, #figures .swiper-pagination-custom, #figures .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #figures .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #figures .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } @media all and (max-width: 1200px) { #figures-w { width:100%; padding:0; margin:0; position:relative; } #figures { width:960px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #figures h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } .figures { width:260px; padding:25px 20px 25px 20px; margin:0; position:relative; text-align:center; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); opacity:0.3; } .figures h3 { font-family: "Neris-Bold"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:60px; line-height:60px; padding:0; margin:5px 0 15px 0; color:#737373; cursor:default; } .figures p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; height:40px; padding:0; margin:0; color:#737373; cursor:default; } .figures p span { font-family: 'PT Sans', sans-serif; font-weight:700; } #figures .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:280px; height:50px; padding:0; margin:60px auto 0 auto; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:#008dd2; border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; position:relative; } #figures::after { content:''; width:100px; height:40px; padding:0; margin:0; position:absolute; right:calc(50% - 270px); bottom:65px; z-index:auto; background:url('../images/kpmg.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } #figures .button:hover { opacity:0.5; } #figures .button:hover, #figures .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #figures .swiper-container { width:630px; min-height:210px; margin:55px auto 0 auto; padding:0 90px; position:relative; z-index:10; } #figures .swiper-container .swiper-slide-prev .figures { opacity:0.3; } #figures .swiper-container .swiper-slide-next .figures, #figures .swiper-container .swiper-slide-active .figures { opacity:1; } #figures .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #figures .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #figures .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #figures .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #figures .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #figures .swiper-button-prev:hover { opacity:0.5; } #figures .swiper-button-next:hover { opacity:0.5; } #figures .swiper-button-prev:hover, #figures .swiper-button-prev:not(:hover), #figures .swiper-button-next:hover, #figures .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #figures .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #figures .swiper-pagination-fraction, #figures .swiper-pagination-custom, #figures .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #figures .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #figures .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } } @media all and (max-width: 1020px) { #figures-w { width:100%; padding:0; margin:0; position:relative; } #figures { width:660px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #figures h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } .figures { width:260px; padding:25px 20px 25px 20px; margin:0; position:relative; text-align:center; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); opacity:0.3; } .figures h3 { font-family: "Neris-Bold"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:60px; line-height:60px; padding:0; margin:5px 0 15px 0; color:#737373; cursor:default; } .figures p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; height:40px; padding:0; margin:0; color:#737373; cursor:default; } .figures p span { font-family: 'PT Sans', sans-serif; font-weight:700; } #figures .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:280px; height:50px; padding:0; margin:60px auto 0 auto; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:#008dd2; border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; position:relative; } #figures::after { content:''; width:100px; height:40px; padding:0; margin:0; position:absolute; right:calc(50% - 270px); bottom:65px; z-index:auto; background:url('../images/kpmg.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } #figures .button:hover { opacity:0.5; } #figures .button:hover, #figures .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #figures .swiper-container { width:630px; min-height:210px; margin:55px 0 0 -10px; padding:0 25px; position:relative; z-index:10; } #figures .swiper-container .swiper-slide-prev .figures { opacity:0.3; } #figures .swiper-container .swiper-slide-next .figures, #figures .swiper-container .swiper-slide-active .figures { opacity:1; } #figures .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #figures .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #figures .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #figures .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #figures .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #figures .swiper-button-prev:hover { opacity:0.5; } #figures .swiper-button-next:hover { opacity:0.5; } #figures .swiper-button-prev:hover, #figures .swiper-button-prev:not(:hover), #figures .swiper-button-next:hover, #figures .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #figures .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #figures .swiper-pagination-fraction, #figures .swiper-pagination-custom, #figures .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #figures .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #figures .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } } @media all and (max-width: 720px) { #figures-w { width:100%; padding:0; margin:0; position:relative; } #figures { width:360px; padding:60px 0 120px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #figures h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; max-width:270px; padding:0; margin:0 auto; color:#008dd2; cursor:default; } .figures { width:260px; padding:25px 20px 25px 20px; margin:0; position:relative; text-align:center; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); opacity:0.3; } .figures h3 { font-family: "Neris-Bold"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:60px; line-height:60px; padding:0; margin:5px 0 15px 0; color:#737373; cursor:default; } .figures p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; height:40px; padding:0; margin:0; color:#737373; cursor:default; } .figures p span { font-family: 'PT Sans', sans-serif; font-weight:700; } #figures .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:280px; height:50px; padding:0; margin:60px auto 0 auto; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:#008dd2; border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; position:relative; } #figures::after { content:''; width:100px; height:40px; padding:0; margin:0; position:absolute; right:calc(50% - 50px); bottom:60px; z-index:auto; background:url('../images/kpmg.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } #figures .button:hover { opacity:0.5; } #figures .button:hover, #figures .button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #figures .swiper-container { width:300px; min-height:210px; margin:55px auto 0 auto; padding:0 25px; position:relative; z-index:10; } #figures .swiper-container .swiper-slide-prev .figures, #figures .swiper-container .swiper-slide-next .figures { opacity:0.3; } #figures .swiper-container .swiper-slide-active .figures { opacity:1; } #figures .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #figures .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #figures .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #figures .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #figures .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #figures .swiper-button-prev:hover { opacity:0.5; } #figures .swiper-button-next:hover { opacity:0.5; } #figures .swiper-button-prev:hover, #figures .swiper-button-prev:not(:hover), #figures .swiper-button-next:hover, #figures .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #figures .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #figures .swiper-pagination-fraction, #figures .swiper-pagination-custom, #figures .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #figures .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #figures .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } } /* news-1 */ #news-1-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-1.png') no-repeat top center; } #news-1 { width:1140px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #news-1 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0 0 55px 0; color:#008dd2; cursor:default; } .news-1-left { width:570px; height:450px; overflow:hidden; padding:0; margin:0; position:relative; text-align:left; background:#000000; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:left; } .news-1-left img { width:100%; height:auto; padding:0; margin:0; position:absolute; top:0; left:0; z-index:2; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; opacity:0.6; } .news-1-left:hover img { opacity:0.8; } .news-1-left:hover, .news-1-left:not(:hover), .news-1-left:hover img, .news-1-left:not(:hover) img { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } .news-1-left p { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; width:calc(100% - 40px); padding:15px 20px 10px 20px; margin:0; color:#ffffff; background:rgba(0,141,210,0.8); cursor:default; position:absolute; left:0; bottom:0; z-index:4; } .news-1-left p span { font-family: 'PT Sans', sans-serif; font-weight:400; } .news-1-left .play-w { width:100%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:3; cursor:pointer; } .news-1-left .play { width:90px; height:90px; padding:0; margin:0; background:url('../images/play.svg') no-repeat 39px center; position:absolute; top:140px; left:calc(50% - 45px); z-index:6; cursor:pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } .news-1-left .play-circle-1 { width:90px; height:90px; padding:0; margin:0; background:rgba(255,255,255,0.2); position:absolute; top:140px; left:calc(50% - 45px); z-index:4; cursor:pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } .news-1-left .play-circle-2 { width:109px; height:109px; padding:0; margin:0; border:1px solid rgba(255,255,255,0.2); position:absolute; top:130px; left:calc(50% - 55px); z-index:5; cursor:pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } .news-1-right { width:530px; padding:0; margin:0; position:relative; float:right; } .news-1 { width:calc(100% - 80px); padding:40px 40px 35px 40px; margin:0 0 20px 0; position:relative; text-align:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:left; display:block; cursor:pointer; } .news-1:hover { background:#f7f7f7; } .n-1-p1 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; } .n-1-p2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:10px 0 5px 0; color:#737373; } .n-1-p3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:0; color:#737373; } .news-1-right a.button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:0; color:#008dd2; cursor:pointer; float:left; } .news-1-right a.button:hover { opacity:0.5; } @media all and (max-width: 1200px) { #news-1-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-1.png') no-repeat top center; } #news-1 { width:960px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #news-1 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0 0 55px 0; color:#008dd2; cursor:default; } .news-1-left { width:470px; height:371px; overflow:hidden; padding:0; margin:0; position:relative; text-align:left; background:#000000; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:left; } .news-1-left img { width:100%; height:auto; padding:0; margin:0; position:absolute; top:0; left:0; z-index:2; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; opacity:0.6; } .news-1-left:hover img { opacity:0.8; } .news-1-left:hover, .news-1-left:not(:hover), .news-1-left:hover img, .news-1-left:not(:hover) img { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } .news-1-left p { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; width:calc(100% - 40px); padding:15px 20px 10px 20px; margin:0; color:#ffffff; background:rgba(0,141,210,0.8); cursor:default; position:absolute; left:0; bottom:0; z-index:4; } .news-1-left p span { font-family: 'PT Sans', sans-serif; font-weight:400; font-size: 13px; } .news-1-right { width:470px; padding:0; margin:0; position:relative; float:right; } .news-1 { width:calc(100% - 60px); padding:30px 30px 25px 30px; margin:0 0 20px 0; position:relative; text-align:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:left; display:block; cursor:pointer; } .news-1:hover { background:#f7f7f7; } .n-1-p1 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; } .n-1-p2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:10px 0 5px 0; color:#737373; } .n-1-p3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:0; color:#737373; } .news-1-right a.button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:0; color:#008dd2; cursor:pointer; float:left; } .news-1-right a.button:hover { opacity:0.5; } } @media all and (max-width: 1020px) { #news-1-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-1.png') no-repeat top center; } #news-1 { width:660px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #news-1 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0 0 55px 0; color:#008dd2; cursor:default; } .news-1-left { width:660px; height:521px; overflow:hidden; padding:0; margin:0; position:relative; text-align:left; background:#000000; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:left; } .news-1-left img { width:100%; height:auto; padding:0; margin:0; position:absolute; top:0; left:0; z-index:2; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; opacity:0.6; } .news-1-left:hover img { opacity:0.8; } .news-1-left:hover, .news-1-left:not(:hover), .news-1-left:hover img, .news-1-left:not(:hover) img { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } .news-1-left p { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; width:calc(100% - 40px); padding:15px 20px 10px 20px; margin:0; color:#ffffff; background:rgba(0,141,210,0.8); cursor:default; position:absolute; left:0; bottom:0; z-index:4; } .news-1-left p span { font-family: 'PT Sans', sans-serif; font-weight:400; } .news-1-right { width:100%; padding:0; margin:20px 0 0 0; position:relative; float:right; } .news-1 { width:calc(100% - 80px); padding:40px 40px 35px 40px; margin:0 0 20px 0; position:relative; text-align:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:left; display:block; cursor:pointer; } .news-1:hover { background:#f7f7f7; } .n-1-p1 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; } .n-1-p2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:10px 0 5px 0; color:#737373; } .n-1-p3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:0; color:#737373; } .news-1-right a.button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:17px; line-height:22px; padding:0; margin:0 auto; color:#008dd2; cursor:pointer; float:none; display:inline-block; } .news-1-right a.button:hover { opacity:0.5; } } @media all and (max-width: 720px) { #news-1-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-1.png') no-repeat top center; } #news-1 { width:360px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #news-1 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0 0 55px 0; color:#008dd2; cursor:default; } .news-1-left { width:360px; height:284px; overflow:hidden; padding:0; margin:0; position:relative; text-align:left; background:#000000; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:left; } .news-1-left img { width:100%; height:auto; padding:0; margin:0; position:absolute; top:0; left:0; z-index:2; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; opacity:0.6; } .news-1-left:hover img { opacity:0.8; } .news-1-left:hover, .news-1-left:not(:hover), .news-1-left:hover img, .news-1-left:not(:hover) img { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } .news-1-left p { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; width:calc(100% - 40px); padding:15px 20px 10px 20px; margin:0; color:#ffffff; background:rgba(0,141,210,0.8); cursor:default; position:absolute; left:0; bottom:0; z-index:4; } .news-1-left p span { font-family: 'PT Sans', sans-serif; font-weight:400; display: none; } .news-1-right { width:100%; padding:0; margin:20px 0 0 0; position:relative; float:right; } .news-1 { width:calc(100% - 60px); padding:30px 30px 25px 30px; margin:0 0 20px 0; position:relative; text-align:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:left; display:block; cursor:pointer; } .news-1:hover { background:#f7f7f7; } .n-1-p1 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; opacity:0.5; } .n-1-p2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:10px 0 5px 0; color:#737373; } .n-1-p3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:0; color:#737373; } .news-1-right a.button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:17px; line-height:22px; padding:0; margin:0 auto; color:#008dd2; cursor:pointer; float:none; display:inline-block; } .news-1-right a.button:hover { opacity:0.5; } } /* we-help */ #we-help-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #we-help-w2 { width:100%; padding:0 0 190px 0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #we-help-w2::before { content:''; width:100%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:1; background:url('../images/shadow-1.png') repeat-x top center; } #we-help-w2::after { content:''; width:100%; height:190px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x top center; } #we-help-w::after { content:''; width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x bottom center; } #we-help { width:1160px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #we-help h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } .we-help { width:230px; min-height:230px; padding:350px 20px 70px 20px; margin:55px 10px 0 10px; position:relative; text-align:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:left; } .we-help-img { width:100%; height:320px; overflow:hidden; padding:0; margin:0; background:#737373; position:absolute; top:0; left:0; z-index:auto; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .we-help-img img { width:100%; padding:0; margin:0; display:block; } .we-help h4 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; letter-spacing:1px; text-transform:uppercase; font-size:12px; line-height:12px; padding:0; margin:0; color:#737373; cursor:default; opacity:0.5; } .we-help h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:18px; padding:0; margin:15px 0 0 0; color:rgba(115,115,115,0.5); cursor:default; } .we-help h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:14px; line-height:22px; padding:0; margin:0; color:#737373; cursor:default; display:inline-block; } .we-help p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } .we-help a.button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:0; color:#008dd2; display:inline-block; cursor:pointer; position:absolute; left:30px; bottom:30px; z-index:auto; } .we-help a.button:hover { opacity:0.5; } @media all and (max-width: 1200px) { #we-help-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #we-help-w::after { content:''; width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x bottom center; } #we-help { width:980px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #we-help h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } .we-help { width:calc(25% - 60px); min-height:275px; padding:285px 20px 60px 20px; margin:55px 10px 0 10px; position:relative; text-align:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:left; } .we-help-img { width:100%; height:260px; overflow:hidden; padding:0; margin:0; background:#737373; position:absolute; top:0; left:0; z-index:auto; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .we-help-img img { width:100%; padding:0; margin:0; display:block; } .we-help h4 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; letter-spacing:1px; text-transform:uppercase; font-size:12px; line-height:16px; padding:0; margin:0; color:#737373; cursor:default; opacity:0.5; } .we-help h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:18px; padding:0; margin:10px 0 0 0; color:rgba(115,115,115,0.5); cursor:default; } .we-help h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:0; color:#737373; cursor:default; display:inline-block; } .we-help p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; cursor:default; } .we-help a.button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:0; color:#008dd2; display:inline-block; cursor:pointer; position:absolute; left:30px; bottom:25px; z-index:auto; } .we-help a.button:hover { opacity:0.5; } } @media all and (max-width: 1020px) { #we-help-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #we-help-w::after { content:''; width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x bottom center; } #we-help { width:680px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #we-help h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0 0 25px 0; color:#008dd2; cursor:default; } .we-help { width:calc(50% - 80px); min-height:220px; padding:350px 30px 60px 30px; margin:30px 10px 0 10px; position:relative; text-align:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:left; } .we-help-img { width:100%; height:320px; overflow:hidden; padding:0; margin:0; background:#737373; position:absolute; top:0; left:0; z-index:auto; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .we-help-img img { width:100%; padding:0; margin:0; display:block; } .we-help h4 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; letter-spacing:1px; text-transform:uppercase; font-size:12px; line-height:16px; padding:0; margin:0; color:#737373; cursor:default; opacity:0.5; } .we-help h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:18px; padding:0; margin:10px 0 0 0; color:rgba(115,115,115,0.5); cursor:default; } .we-help h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:0; color:#737373; cursor:default; display:inline-block; } .we-help p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; cursor:default; } .we-help a.button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:0; color:#008dd2; display:inline-block; cursor:pointer; position:absolute; left:30px; bottom:25px; z-index:auto; } .we-help a.button:hover { opacity:0.5; } } @media all and (max-width: 720px) { #we-help-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/shadow-2.png') no-repeat bottom center; } #we-help-w::after { content:''; width:100%; height:100%; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-2.png') repeat-x bottom center; } #we-help { width:360px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #we-help h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0 0 25px 0; color:#008dd2; cursor:default; } .we-help { width:calc(100% - 60px); min-height:20px; padding:350px 30px 60px 30px; margin:30px 0 0 0; position:relative; text-align:left; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:left; } .we-help-img { width:100%; height:320px; overflow:hidden; padding:0; margin:0; background:#737373; position:absolute; top:0; left:0; z-index:auto; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; } .we-help-img img { width:100%; padding:0; margin:0; display:block; } .we-help h4 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; letter-spacing:1px; text-transform:uppercase; font-size:12px; line-height:16px; padding:0; margin:0; color:#737373; cursor:default; opacity:0.5; } .we-help h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:18px; padding:0; margin:10px 0 0 0; color:rgba(115,115,115,0.5); cursor:default; } .we-help h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:0; color:#737373; cursor:default; display:inline-block; } .we-help p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; cursor:default; } .we-help a.button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:0; color:#008dd2; display:inline-block; cursor:pointer; position:absolute; left:30px; bottom:25px; z-index:auto; } .we-help a.button:hover { opacity:0.5; } } /* projects-1 */ #projects-1-w { width:100%; padding:0; margin:0; position:relative; } #projects-1 { width:1140px; padding:60px 0 20px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #projects-1 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } a.projects-1 { width:250px; padding:0; margin:0; position:relative; text-align:center; opacity:0.15; display:block; } .projects-1-img { width:230px; height:230px; overflow:hidden; padding:0; margin:0 auto; position:relative; text-align:center; background:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .projects-1-img img { width:100%; height: auto; padding:0; margin:0; display:block; cursor:pointer; } a.projects-1 h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; font-size:17px; line-height:22px; padding:0; margin:20px auto 0 auto; color:#008dd2; cursor:pointer; } a.projects-1 p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; cursor:pointer; } #projects-1 .swiper-container { width:910px; min-height:350px; margin:55px auto 0 auto; padding:0 65px; position:relative; } #projects-1 .swiper-container .swiper-slide-prev a.projects-1, #projects-1 .swiper-container .swiper-slide-next a.projects-1, #projects-1 .swiper-container .swiper-slide-active a.projects-1 { opacity:1; } #projects-1 .swiper-container .swiper-slide-prev a.projects-1:hover, #projects-1 .swiper-container .swiper-slide-next a.projects-1:hover, #projects-1 .swiper-container .swiper-slide-active a.projects-1:hover { opacity:0.5; } #projects-1 .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #projects-1 .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:90px; left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #projects-1 .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #projects-1 .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:90px; right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #projects-1 .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #projects-1 .swiper-button-prev:hover { opacity:0.5; } #projects-1 .swiper-button-next:hover { opacity:0.5; } #projects-1 .swiper-button-prev:hover, #projects-1 .swiper-button-prev:not(:hover), #projects-1 .swiper-button-next:hover, #projects-1 .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #projects-1 .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #projects-1 .swiper-pagination-fraction, #projects-1 .swiper-pagination-custom, #projects-1 .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #projects-1 .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #projects-1 .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } @media all and (max-width: 1200px) { #projects-1-w { width:100%; padding:0; margin:0; position:relative; } #projects-1 { width:960px; padding:60px 0 20px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #projects-1 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } a.projects-1 { width:250px; padding:0; margin:0; position:relative; text-align:center; opacity:0.15; display:block; } .projects-1-img { width:230px; height:230px; overflow:hidden; padding:0; margin:0 auto; position:relative; text-align:center; background:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .projects-1-img img { width:100%; padding:0; margin:0; display:block; cursor:pointer; } a.projects-1 h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; font-size:17px; line-height:22px; padding:0; margin:20px auto 0 auto; color:#008dd2; cursor:pointer; } a.projects-1 p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; cursor:pointer; } #projects-1 .swiper-container { width:810px; min-height:350px; margin:55px auto 0 auto; padding:0 70px; position:relative; } #projects-1 .swiper-container .swiper-slide-prev a.projects-1, #projects-1 .swiper-container .swiper-slide-next a.projects-1, #projects-1 .swiper-container .swiper-slide-active a.projects-1 { opacity:1; } #projects-1 .swiper-container .swiper-slide-prev a.projects-1:hover, #projects-1 .swiper-container .swiper-slide-next a.projects-1:hover, #projects-1 .swiper-container .swiper-slide-active a.projects-1:hover { opacity:0.5; } #projects-1 .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #projects-1 .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:90px; left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #projects-1 .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #projects-1 .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:90px; right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #projects-1 .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #projects-1 .swiper-button-prev:hover { opacity:0.5; } #projects-1 .swiper-button-next:hover { opacity:0.5; } #projects-1 .swiper-button-prev:hover, #projects-1 .swiper-button-prev:not(:hover), #projects-1 .swiper-button-next:hover, #projects-1 .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #projects-1 .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #projects-1 .swiper-pagination-fraction, #projects-1 .swiper-pagination-custom, #projects-1 .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #projects-1 .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #projects-1 .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } } @media all and (max-width: 1020px) { #projects-1-w { width:100%; padding:0; margin:0; position:relative; } #projects-1 { width:660px; padding:60px 0 20px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #projects-1 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } a.projects-1 { width:250px; padding:0; margin:0; position:relative; text-align:center; opacity:0.15; display:block; } .projects-1-img { width:230px; height:230px; overflow:hidden; padding:0; margin:0 auto; position:relative; text-align:center; background:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .projects-1-img img { width:100%; padding:0; margin:0; display:block; cursor:pointer; } a.projects-1 h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; font-size:17px; line-height:22px; padding:0; margin:20px auto 0 auto; color:#008dd2; cursor:pointer; } a.projects-1 p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; cursor:pointer; } #projects-1 .swiper-container { width:520px; min-height:350px; margin:55px auto 0 auto; padding:0 60px; position:relative; } #projects-1 .swiper-container .swiper-slide-prev a.projects-1 { opacity:0.15; } #projects-1 .swiper-container .swiper-slide-next a.projects-1, #projects-1 .swiper-container .swiper-slide-active a.projects-1 { opacity:1; } #projects-1 .swiper-container .swiper-slide-prev a.projects-1:hover { opacity:0.15; } #projects-1 .swiper-container .swiper-slide-next a.projects-1:hover, #projects-1 .swiper-container .swiper-slide-active a.projects-1:hover { opacity:0.5; } #projects-1 .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #projects-1 .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:90px; left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #projects-1 .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #projects-1 .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:90px; right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #projects-1 .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #projects-1 .swiper-button-prev:hover { opacity:0.5; } #projects-1 .swiper-button-next:hover { opacity:0.5; } #projects-1 .swiper-button-prev:hover, #projects-1 .swiper-button-prev:not(:hover), #projects-1 .swiper-button-next:hover, #projects-1 .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #projects-1 .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #projects-1 .swiper-pagination-fraction, #projects-1 .swiper-pagination-custom, #projects-1 .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #projects-1 .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #projects-1 .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } } @media all and (max-width: 720px) { #projects-1-w { width:100%; padding:0; margin:0; position:relative; } #projects-1 { width:360px; padding:60px 0 20px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #projects-1 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } a.projects-1 { width:250px; padding:0; margin:0; position:relative; text-align:center; opacity:0.15; display:block; } .projects-1-img { width:230px; height:230px; overflow:hidden; padding:0; margin:0 auto; position:relative; text-align:center; background:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .projects-1-img img { width:100%; padding:0; margin:0; display:block; cursor:pointer; } a.projects-1 h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; font-size:17px; line-height:22px; padding:0; margin:20px auto 0 auto; color:#008dd2; cursor:pointer; } a.projects-1 p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#737373; cursor:pointer; } #projects-1 .swiper-container { width:250px; min-height:350px; margin:55px auto 0 auto; padding:0 55px; position:relative; } #projects-1 .swiper-container .swiper-slide-prev a.projects-1, #projects-1 .swiper-container .swiper-slide-next a.projects-1 { opacity:0.15; } #projects-1 .swiper-container .swiper-slide-active a.projects-1 { opacity:1; } #projects-1 .swiper-container .swiper-slide-prev a.projects-1:hover, #projects-1 .swiper-container .swiper-slide-next a.projects-1:hover { opacity:0.15; } #projects-1 .swiper-container .swiper-slide-active a.projects-1:hover { opacity:0.5; } #projects-1 .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #projects-1 .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:90px; left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #projects-1 .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #projects-1 .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:90px; right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #projects-1 .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #projects-1 .swiper-button-prev:hover { opacity:0.5; } #projects-1 .swiper-button-next:hover { opacity:0.5; } #projects-1 .swiper-button-prev:hover, #projects-1 .swiper-button-prev:not(:hover), #projects-1 .swiper-button-next:hover, #projects-1 .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #projects-1 .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #projects-1 .swiper-pagination-fraction, #projects-1 .swiper-pagination-custom, #projects-1 .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #projects-1 .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #projects-1 .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } } /* how-it-works */ #how-it-works-w { width:100%; padding:0; margin:0; position:relative; } #how-it-works { width:1140px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #how-it-works h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } #how-it-works img { width:100%; padding:0; margin:55px auto 0 auto; display:block; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } @media all and (max-width: 1200px) { #how-it-works { width:960px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } } @media all and (max-width: 1020px) { #how-it-works { width:660px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } } @media all and (max-width: 720px) { #how-it-works { width:360px; padding:60px 0 30px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } } /* logos */ #logos-w { width:100%; padding:0; margin:0; position:relative; } #logos-w::after { content:''; width:100%; height:207px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-1.png') no-repeat top center; } #logos { width:1140px; padding:60px 0 260px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #logos h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } #logos h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:44px; line-height:54px; padding:0; margin:30px 0 0 0; color:#737373; cursor:default; } #logos h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:70px; line-height:54px; padding:0; margin:0; color:#e11f24; cursor:default; } .logos { width:150px; height:150px; padding:0; margin:0; position:relative; text-align:center; background:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .logos img { width:100%; padding:0; margin:0; display:block; cursor:pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } .logos:hover img { opacity:0.5; } .logos:hover, .logos:not(:hover), .logos:hover img, .logos:not(:hover) img { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #logos .swiper-container { width:910px; min-height:150px; margin:55px auto 0 auto; padding:0 115px; position:relative; } #logos .swiper-container::after { content:''; width:497px; height:220px; margin:0; padding:0; background:#f7f7f7; position:absolute; top:-40px; left:-400px; z-index:6; } #logos .swiper-container::before { content:''; width:497px; height:220px; margin:0; padding:0; background:#f7f7f7; position:absolute; top:-40px; right:-400px; z-index:6; } #logos .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #logos .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #logos .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #logos .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #logos .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #logos .swiper-button-prev:hover { opacity:0.5; } #logos .swiper-button-next:hover { opacity:0.5; } #logos .swiper-button-prev:hover, #logos .swiper-button-prev:not(:hover), #logos .swiper-button-next:hover, #logos .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #logos .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #logos .swiper-pagination-fraction, #logos .swiper-pagination-custom, #logos .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #logos .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #logos .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } #box-8 p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:24px; padding:0; margin:0; color:#737373; cursor:default; } .pop-logos { display:none; width:520px; padding:40px 40px 30px 40px; margin:0; position:fixed; top:calc(50% - 165px); left:calc(50% - 300px); z-index:106; background: #ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .pop-logos h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } .pop-logos p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } @media all and (max-width: 1200px) { #logos-w { width:100%; padding:0; margin:0; position:relative; } #logos-w::after { content:''; width:100%; height:207px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-1.png') no-repeat top center; } #logos { width:960px; padding:60px 0 260px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #logos h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } #logos h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:44px; line-height:54px; padding:0; margin:30px 0 0 0; color:#737373; cursor:default; } #logos h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:64px; line-height:54px; padding:0; margin:0; color:#e11f24; cursor:default; } .logos { width:150px; height:150px; padding:0; margin:0; position:relative; text-align:center; background:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .logos img { width:100%; padding:0; margin:0; display:block; cursor:pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } .logos:hover img { opacity:0.5; } .logos:hover, .logos:not(:hover), .logos:hover img, .logos:not(:hover) img { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #logos .swiper-container { width:720px; min-height:150px; margin:55px auto 0 auto; padding:0 115px; position:relative; } #logos .swiper-container::after { content:''; width:497px; height:220px; margin:0; padding:0; background:#f7f7f7; position:absolute; top:-40px; left:-400px; z-index:6; } #logos .swiper-container::before { content:''; width:497px; height:220px; margin:0; padding:0; background:#f7f7f7; position:absolute; top:-40px; right:-400px; z-index:6; } #logos .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #logos .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #logos .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #logos .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #logos .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #logos .swiper-button-prev:hover { opacity:0.5; } #logos .swiper-button-next:hover { opacity:0.5; } #logos .swiper-button-prev:hover, #logos .swiper-button-prev:not(:hover), #logos .swiper-button-next:hover, #logos .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #logos .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #logos .swiper-pagination-fraction, #logos .swiper-pagination-custom, #logos .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #logos .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #logos .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } #box-8 p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:24px; padding:0; margin:0; color:#737373; cursor:default; } .pop-logos { display:none; width:520px; padding:40px 40px 30px 40px; margin:0; position:fixed; top:calc(50% - 165px); left:calc(50% - 300px); z-index:106; background: #ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .pop-logos h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } .pop-logos p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } } @media all and (max-width: 1020px) { #logos-w { width:100%; padding:0; margin:0; position:relative; } #logos-w::after { content:''; width:100%; height:207px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-1.png') no-repeat top center; } #logos { width:660px; padding:60px 0 260px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #logos h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } #logos h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:36px; line-height:46px; padding:0; margin:30px 0 0 0; color:#737373; cursor:default; } #logos h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:50px; line-height:54px; padding:0; margin:0; color:#e11f24; cursor:default; } .logos { width:150px; height:150px; padding:0; margin:0; position:relative; text-align:center; background:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .logos img { width:100%; padding:0; margin:0; display:block; cursor:pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } .logos:hover img { opacity:0.5; } .logos:hover, .logos:not(:hover), .logos:hover img, .logos:not(:hover) img { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #logos .swiper-container { width:530px; min-height:150px; margin:55px auto 0 auto; padding:0 65px; position:relative; } #logos .swiper-container::after { content:''; width:497px; height:220px; margin:0; padding:0; background:#f7f7f7; position:absolute; top:-40px; left:-450px; z-index:6; } #logos .swiper-container::before { content:''; width:497px; height:220px; margin:0; padding:0; background:#f7f7f7; position:absolute; top:-40px; right:-450px; z-index:6; } #logos .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #logos .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #logos .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #logos .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #logos .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #logos .swiper-button-prev:hover { opacity:0.5; } #logos .swiper-button-next:hover { opacity:0.5; } #logos .swiper-button-prev:hover, #logos .swiper-button-prev:not(:hover), #logos .swiper-button-next:hover, #logos .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #logos .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #logos .swiper-pagination-fraction, #logos .swiper-pagination-custom, #logos .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #logos .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #logos .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } #box-8 p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:24px; padding:0; margin:0; color:#737373; cursor:default; } .pop-logos { display:none; width:520px; padding:40px 40px 30px 40px; margin:0; position:fixed; top:calc(50% - 165px); left:calc(50% - 300px); z-index:106; background: #ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .pop-logos h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } .pop-logos p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0; margin:15px 0 0 0; color:#737373; cursor:default; } } @media all and (max-width: 720px) { #logos-w { width:100%; padding:0; margin:0; position:relative; } #logos-w::after { content:''; width:100%; height:140px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:2; background:url('../images/people-1.png') no-repeat top center; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; } #logos { width:360px; padding:60px 0 200px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #logos h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } #logos h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:24px; line-height:30px; padding:0; margin:30px 0 0 0; color:#737373; cursor:default; } #logos h3 span { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:34px; line-height:34px; padding:0; margin:0 0 5px 0; display:inline-block; color:#e11f24; cursor:default; } .logos { width:150px; height:150px; padding:0; margin:0; position:relative; text-align:center; background:#ffffff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .logos img { width:100%; padding:0; margin:0; display:block; cursor:pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } .logos:hover img { opacity:0.5; } .logos:hover, .logos:not(:hover), .logos:hover img, .logos:not(:hover) img { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #logos .swiper-container { width:150px; min-height:150px; margin:55px auto 0 auto; padding:0 85px; position:relative; } #logos .swiper-container::after { content:''; width:497px; height:220px; margin:0; padding:0; background:#f7f7f7; position:absolute; top:-40px; left:-450px; z-index:6; } #logos .swiper-container::before { content:''; width:497px; height:220px; margin:0; padding:0; background:#f7f7f7; position:absolute; top:-40px; right:-450px; z-index:6; } #logos .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #logos .swiper-button-prev { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); left:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #logos .swiper-button-prev::before { content: ""; display: block; position: absolute; right:14px; top:25px; width:7px; height:7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #logos .swiper-button-next { width:50px; height:50px; padding:0; margin:0; position:absolute; top:calc(50% - 25px); right:0; z-index:41; border:none; background:#008dd2; color:#ffffff; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } #logos .swiper-button-next::before { content: ""; display: block; position: absolute; right:17px; top:25px; width:7px; height:7px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } #logos .swiper-button-prev:hover { opacity:0.5; } #logos .swiper-button-next:hover { opacity:0.5; } #logos .swiper-button-prev:hover, #logos .swiper-button-prev:not(:hover), #logos .swiper-button-next:hover, #logos .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #logos .swiper-pagination { position: absolute; text-align:center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #logos .swiper-pagination-fraction, #logos .swiper-pagination-custom, #logos .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #logos .swiper-pagination-bullet { width:30px; height:2px; margin:0 5px; padding:0; background:rgba(255,255,255,0.2); display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #logos .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } #box-8 p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:24px; padding:0; margin:0; color:#737373; cursor:default; } .pop-logos { display:none; width:400px; height:calc(100% - 70px); overflow:auto; padding:40px calc(50% - 200px) 30px calc(50% - 200px); margin:0; position:fixed; top:0; left:0; z-index:106; background:#ffffff; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; } .pop-logos h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:30px; padding:0 20px; margin:0; color:#008dd2; cursor:default; } .pop-logos p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:22px; padding:0 20px; margin:15px 0 0 0; color:#737373; cursor:default; } } /* support */ #support-w { width:100%; padding:0; margin:0; position:relative; } #support { width:1140px; padding:60px 0 0 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #support h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } #support h2 span { color:#737373; } #support h4 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:40px 0 0 0; max-width:710px; color:#737373; cursor:default; float:left; } #support h4 span { font-style:italic; } #support a.support-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:12px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:340px; height:50px; padding:0; margin:35px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:#b1c0c9; border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:right; } #support a.support-button:hover { background:#008dd2; outline:none; } #support a.support-button:hover, #support a.support-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .support-left { width:640px; padding:0; margin:50px 0 0 0; position:relative; text-align:center; float:left; } .support-box { width:150px; overflow:hidden; padding:0; margin:10px 10px 0 0; position:relative; text-align:center; float:left; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .support-box img { width:170px; padding:0; margin:0 0 0 -10px; display:block; } .support-box p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:12px; line-height:16px; width:calc(100% - 20px); padding:10px 10px 10px 10px; margin:0; color:#ffffff; background:rgba(0,141,210,0.8); cursor:default; position:absolute; left:0; bottom:0; z-index:4; } .support-box p span { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:16px; display:inline-block; } .support-right { width:390px; min-height:300px; padding:40px 40px 150px 40px; margin:60px 0 0 0; text-align:left; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:right; } .support-right::after { content:''; width:155px; height:103px; padding:0; margin:0; position:absolute; right:40px; bottom:40px; z-index:auto; background:url('../images/q.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } .support-right h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:20px; line-height:24px; padding:0; margin:0; color:#737373; cursor:default; } .support-right p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:20px 0 0 0; color:#737373; cursor:default; } .support-right p span { font-family: 'PT Sans', sans-serif; font-weight:700; color:#e11f24; } #support h5 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:24px; line-height:30px; padding:30px 40px 30px 40px; margin:40px auto 0 auto; color:#ffffff; background:#b1c0c9; cursor:default; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } #support h5 span { font-family: 'PT Sans', sans-serif; font-weight:700; } @media all and (max-width: 1200px) { #support-w { width:100%; padding:0; margin:0; position:relative; } #support { width:960px; padding:60px 0 0 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #support h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:24px; padding:0; margin:0; color:#008dd2; cursor:default; } #support h2 span { color:#737373; } #support h4 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:30px 0 0 0; max-width:530px; color:#737373; cursor:default; float:left; } #support h4 span { font-style:italic; } #support a.support-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:12px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:340px; height:50px; padding:0; margin:35px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:#b1c0c9; border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:right; } #support a.support-button:hover { background:#008dd2; outline:none; } #support a.support-button:hover, #support a.support-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .support-left { width:480px; padding:0; margin:50px 0 0 0; position:relative; text-align:center; float:left; } .support-box { width:150px; overflow:hidden; padding:0; margin:10px 10px 0 0; position:relative; text-align:center; float:left; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .support-box img { width:170px; padding:0; margin:0 0 0 -10px; display:block; } .support-box p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:12px; line-height:16px; width:calc(100% - 20px); padding:10px 10px 10px 10px; margin:0; color:#ffffff; background:rgba(0,141,210,0.8); cursor:default; position:absolute; left:0; bottom:0; z-index:4; } .support-box p span { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:16px; display:inline-block; } .support-right { width:390px; min-height:550px; padding:40px 40px 150px 40px; margin:60px 0 0 0; text-align:left; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:right; } .support-right::after { content:''; width:155px; height:103px; padding:0; margin:0; position:absolute; right:40px; bottom:40px; z-index:auto; background:url('../images/q.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } .support-right h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:20px; line-height:24px; padding:0; margin:0; color:#737373; cursor:default; } .support-right p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:20px 0 0 0; color:#737373; cursor:default; } .support-right p span { font-family: 'PT Sans', sans-serif; font-weight:700; color:#e11f24; } #support h5 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:20px; line-height:26px; padding:30px 40px 30px 40px; margin:40px auto 0 auto; color:#ffffff; background:#b1c0c9; cursor:default; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } #support h5 br { display:none; } #support h5 span { font-family: 'PT Sans', sans-serif; font-weight:700; } } @media all and (max-width: 1020px) { #support-w { width:100%; padding:0; margin:0; position:relative; } #support { width:660px; padding:60px 0 0 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #support h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:34px; padding:0; margin:0 auto; max-width:550px; color:#008dd2; cursor:default; } #support h2 span { color:#737373; } #support h4 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:30px auto 0 auto; max-width:530px; color:#737373; cursor:default; float:none; } #support h4 span { font-style:italic; } #support a.support-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:12px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:340px; height:50px; padding:0; margin:35px auto 0 auto; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:#b1c0c9; border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:none; display:block; } #support a.support-button:hover { background:#008dd2; outline:none; } #support a.support-button:hover, #support a.support-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .support-left { width:100%; padding:0; margin:50px 0 0 0; position:relative; text-align:center; float:left; } .support-box { width:calc(25% - 10px); overflow:hidden; padding:0; margin:10px 5px 0 5px; position:relative; text-align:center; float:left; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .support-box img { width:170px; padding:0; margin:0 0 0 -8px; display:block; } .support-box p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:12px; line-height:16px; width:calc(100% - 20px); padding:10px 10px 10px 10px; margin:0; color:#ffffff; background:rgba(0,141,210,0.8); cursor:default; position:absolute; left:0; bottom:0; z-index:4; } .support-box p span { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:16px; display:inline-block; } .support-right { width:calc(100% - 80px); min-height:50px; padding:40px 40px 150px 40px; margin:40px 0 0 0; text-align:left; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:right; } .support-right::after { content:''; width:155px; height:103px; padding:0; margin:0; position:absolute; right:40px; bottom:40px; z-index:auto; background:url('../images/q.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } .support-right h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:20px; line-height:24px; padding:0; margin:0; color:#737373; cursor:default; } .support-right p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:20px 0 0 0; color:#737373; cursor:default; } .support-right p span { font-family: 'PT Sans', sans-serif; font-weight:700; color:#e11f24; } #support h5 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:24px; padding:30px 40px 30px 40px; margin:40px auto 0 auto; color:#ffffff; background:#b1c0c9; cursor:default; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } #support h5 br { display:none; } #support h5 span { font-family: 'PT Sans', sans-serif; font-weight:700; } } @media all and (max-width: 720px) { #support-w { width:100%; padding:0; margin:0; position:relative; } #support { width:360px; padding:60px 0 0 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #support h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; letter-spacing:2px; text-transform:uppercase; font-size:24px; line-height:34px; padding:0; margin:0 auto; max-width:550px; color:#008dd2; cursor:default; } #support h2 span { color:#737373; } #support h4 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:20px auto 0 auto; max-width:530px; color:#737373; cursor:default; float:none; } #support h4 span { font-style:italic; } #support a.support-button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:12px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:340px; height:50px; padding:0; margin:30px auto 0 auto; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:#b1c0c9; border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:none; display:block; } #support a.support-button:hover { background:#008dd2; outline:none; } #support a.support-button:hover, #support a.support-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .support-left { width:100%; padding:0; margin:40px 0 0 0; position:relative; text-align:center; float:left; } .support-box { width:calc(50% - 10px); overflow:hidden; padding:0; margin:10px 5px 0 5px; position:relative; text-align:center; float:left; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .support-box img { width:170px; padding:0; margin:0; display:block; } .support-box p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:12px; line-height:16px; width:calc(100% - 20px); padding:10px 10px 10px 10px; margin:0; color:#ffffff; background:rgba(0,141,210,0.8); cursor:default; position:absolute; left:0; bottom:0; z-index:4; } .support-box p span { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:16px; display:inline-block; } .support-right { width:calc(100% - 60px); min-height:50px; padding:30px 30px 160px 30px; margin:40px 0 0 0; text-align:left; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); float:right; } .support-right::after { content:''; width:155px; height:103px; padding:0; margin:0; position:absolute; right:40px; bottom:40px; z-index:auto; background:url('../images/q.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } .support-right h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:20px; line-height:24px; padding:0; margin:0; color:#737373; cursor:default; } .support-right p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:17px; line-height:21px; padding:0; margin:20px 0 0 0; color:#737373; cursor:default; } .support-right p span { font-family: 'PT Sans', sans-serif; font-weight:700; color:#e11f24; } #support h5 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:24px; padding:30px 30px 30px 30px; margin:40px auto 0 auto; color:#ffffff; background:#b1c0c9; cursor:default; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } #support h5 br { display:none; } #support h5 span { font-family: 'PT Sans', sans-serif; font-weight:700; } } /* subscription */ #subscription-w { width:100%; padding:0; margin:0; position:relative; } #subscription { width:1140px; padding:90px 0 90px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } .subscription { width:100%; overflow:hidden; padding:0; margin:0 auto; text-align:center; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .subscription::after { content:''; width:100%; height:10px; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:url('../images/line.png') repeat top center; } .subscription::before { content:''; width:100%; height:10px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:auto; background:url('../images/line.png') repeat top center; } .subscription-left { width:calc(50% - 120px); padding:60px 60px 60px 60px; margin:0; text-align:center; position:relative; float:left; } .subscription-left h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:30px; line-height:36px; padding:0; margin:0; max-width:360px; color:#008dd2; cursor:default; } .subscription-left h4 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:20px; line-height:26px; padding:0; margin:25px 0 0 0; max-width:360px; color:#737373; cursor:default; } .subscription-right { width:calc(50% - 120px); padding:60px 60px 60px 60px; margin:0; text-align:center; position:relative; float:right; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .subscription-right h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:30px; line-height:36px; padding:0; margin:0; color:#008dd2; cursor:default; } .step-w { width:100%; min-height:80px; padding:0; margin:30px 0 0 0; text-align:center; position:relative; } .step-w::after { content:''; width:100%; height:0; border-bottom:2px dashed #b1c0c9; padding:0; margin:0; position:absolute; top:25px; left:0; z-index:1; } .step { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:0; color:#737373; cursor:default; display:block; position:absolute; top:0; z-index:2; } .step-1 { left:0; } .step-2 { left:calc(50% - 30px); } .step-3 { right:0; } .step span { width:50px; height:50px; font-family: "Neris-Bold"; font-weight:normal; font-style:normal; text-align:center; font-size:26px; line-height:50px; padding:0; margin:0 0 5px 0; color:#ffffff; display:inline-block; background:#b1c0c9; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:default; } .step-active span { background:#008dd2; } .subscription-right .radiobox-w { width:100%; padding:0; margin:20px 0 0 0; text-align:center; position:relative; background:#f1f3f5; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } .subscription-right .radio-bg { width:50%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:1; background:#008dd2; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } body:not(#Foo) input[type=radio] { display:none; } body:not(#Foo) .radiobox-w input[type=radio] + label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:50px; width:50%; height:50px; padding:0; margin:0; display:inline-block; color:#737373; cursor:pointer; position:relative; float:left; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; z-index:5; } body:not(#Foo) .radiobox-w input[type=radio]:checked + label { /*background:#008dd2;*/ color:#ffffff; } .subscription-right a.step-link { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:20px 0 0 30px; float:left; color:#737373; border-bottom:1px solid #737373; cursor:pointer; position:relative; } .subscription-right a.step-link:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-right .checkbox-w { width:calc(100% - 60px); padding:0 30px; margin:10px 0 0 0; text-align:center; position:relative; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } .subscription-right .checkbox-w .radiobox { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; width:50%; margin:20px 0 0 0; float:left; color:#737373; cursor:default; position:relative; } body:not(#Foo) .checkbox-w input[type=radio] + label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0 0 0 30px; margin:0; color:#737373; cursor:pointer; position:relative; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label { } body:not(#Foo) .checkbox-w input[type=radio] + label::after { content:''; display:block; outline:none; width:16px; height:16px; position:absolute; left:0; top:-1px; z-index:11; margin:0; cursor:pointer; background:none; border:1px solid #b2b4b3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label::after { border:1px solid #008dd2; background:#008dd2; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label::before { content:''; cursor:pointer; display:block; position:absolute; z-index:12; top:7px; left:9px; width:5px; height:5px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } .subscription-right .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:30px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .subscription-right .button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .subscription-right .back { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:14px; padding:0; margin:10px auto 0 auto; color:#737373; border-bottom:1px solid #737373; display:inline-block; cursor:pointer; } .subscription-right .back:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-right .button:hover, .subscription-right .button:not(:hover), .subscription-right .back:hover, .subscription-right .back:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .subscription-right .checkbox { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:20px auto 0 auto; display:inline-block; color:#737373; cursor:default; position:relative; } .subscription-right .checkbox input[type=checkbox] { display:none; } .subscription-right .checkbox label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0 0 0 30px; margin:0; color:#737373; cursor:pointer; position:relative; } .subscription-right .checkbox label a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; border-bottom:1px solid #737373; cursor:pointer; position:relative; display:inline; } .subscription-right .checkbox label a:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-right .checkbox label::after { content:''; display:block; outline:none; width:16px; height:16px; position:absolute; left:0; top:-1px; z-index:11; margin:0; cursor:pointer; background:none; border:1px solid #b2b4b3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; } .subscription-right .checkbox input[type=checkbox]:checked + label::after { border:1px solid #008dd2; background:#008dd2; } .subscription-right .checkbox input[type=checkbox]:checked + label::before { content:''; cursor:pointer; display:block; position:absolute; z-index:12; top:7px; left:9px; width:5px; height:5px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } .subscription-right input { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height: 20px; text-indent:0; text-align:left; width:calc(100% - 40px); height:20px; padding:15px 20px 15px 20px; border:none; margin:20px 0 0 0; float:left; color:#737373; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background:#f1f3f5; } .subscription-right input:-moz-placeholder {color:#737373; } .subscription-right input::-webkit-input-placeholder { color:#737373; } .subscription-right input.error:-moz-placeholder { color:#db264c; } .subscription-right input.error::-webkit-input-placeholder { color:#db264c; } .subscription-right input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .subscription-right .submit { width:100%; padding:0; margin:30px 0 0 0; float:left; border:none; outline:none; background:none; } .subscription-right .submit input { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .subscription-right .submit input:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .subscription-right .submit input:hover, .subscription-right .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #subscription .step-pay-img { width:100%; height:200px; padding:0; margin:20px auto 0 auto; position:relative; background:url('../images/ill-3.png') no-repeat top center; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .step-box { display:none; } .step-box-1 { display:block; } @media all and (max-width: 1200px) { #subscription-w { width:100%; padding:0; margin:0; position:relative; } #subscription { width:960px; padding:90px 0 90px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } .subscription { width:100%; overflow:hidden; padding:0; margin:0 auto; text-align:center; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .subscription::after { content:''; width:100%; height:10px; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:url('../images/line.png') repeat top center; } .subscription::before { content:''; width:100%; height:10px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:auto; background:url('../images/line.png') repeat top center; } .subscription-left { width:calc(50% - 120px); padding:60px 60px 60px 60px; margin:0; text-align:center; position:relative; float:left; } .subscription-left h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:30px; line-height:36px; padding:0; margin:0; max-width:360px; color:#008dd2; cursor:default; } .subscription-left h4 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:20px; line-height:26px; padding:0; margin:25px 0 0 0; max-width:360px; color:#737373; cursor:default; } .subscription-right { width:calc(50% - 120px); padding:60px 60px 60px 60px; margin:0; text-align:center; position:relative; float:right; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .subscription-right h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:30px; line-height:36px; padding:0; margin:0; color:#008dd2; cursor:default; } .step-w { width:100%; min-height:80px; padding:0; margin:30px 0 0 0; text-align:center; position:relative; } .step-w::after { content:''; width:100%; height:0; border-bottom:2px dashed #b1c0c9; padding:0; margin:0; position:absolute; top:25px; left:0; z-index:1; } .step { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:0; color:#737373; cursor:default; display:block; position:absolute; top:0; z-index:2; } .step-1 { left:0; } .step-2 { left:calc(50% - 30px); } .step-3 { right:0; } .step span { width:50px; height:50px; font-family: "Neris-Bold"; font-weight:normal; font-style:normal; text-align:center; font-size:26px; line-height:50px; padding:0; margin:0 0 5px 0; color:#ffffff; display:inline-block; background:#b1c0c9; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:default; } .step-active span { background:#008dd2; } .subscription-right .radiobox-w { width:100%; padding:0; margin:20px 0 0 0; text-align:center; position:relative; background:#f1f3f5; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } .subscription-right .radio-bg { width:50%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:1; background:#008dd2; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } body:not(#Foo) input[type=radio] { display:none; } body:not(#Foo) .radiobox-w input[type=radio] + label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:50px; width:50%; height:50px; padding:0; margin:0; display:inline-block; color:#737373; cursor:pointer; position:relative; float:left; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; z-index:5; } body:not(#Foo) .radiobox-w input[type=radio]:checked + label { /*background:#008dd2;*/ color:#ffffff; } .subscription-right a.step-link { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:20px 0 0 0; float:left; color:#737373; border-bottom:1px solid #737373; cursor:pointer; position:relative; } .subscription-right a.step-link:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-right .checkbox-w { width:100%; padding:0; margin:10px 0 0 0; text-align:center; position:relative; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } .subscription-right .checkbox-w .radiobox { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; width:50%; margin:20px 0 0 0; float:left; color:#737373; cursor:default; position:relative; } body:not(#Foo) .checkbox-w input[type=radio] + label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0 0 0 30px; margin:0; color:#737373; cursor:pointer; position:relative; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label { } body:not(#Foo) .checkbox-w input[type=radio] + label::after { content:''; display:block; outline:none; width:16px; height:16px; position:absolute; left:0; top:-1px; z-index:11; margin:0; cursor:pointer; background:none; border:1px solid #b2b4b3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label::after { border:1px solid #008dd2; background:#008dd2; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label::before { content:''; cursor:pointer; display:block; position:absolute; z-index:12; top:7px; left:9px; width:5px; height:5px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } .subscription-right .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:30px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .subscription-right .button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .subscription-right .back { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:14px; padding:0; margin:10px auto 0 auto; color:#737373; border-bottom:1px solid #737373; display:inline-block; cursor:pointer; } .subscription-right .back:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-right .button:hover, .subscription-right .button:not(:hover), .subscription-right .back:hover, .subscription-right .back:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .subscription-right .checkbox { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:20px auto 0 auto; display:inline-block; color:#737373; cursor:default; position:relative; } .subscription-right .checkbox input[type=checkbox] { display:none; } .subscription-right .checkbox label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0 0 0 30px; margin:0; color:#737373; cursor:pointer; position:relative; } .subscription-right .checkbox label a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; border-bottom:1px solid #737373; cursor:pointer; position:relative; display:inline; } .subscription-right .checkbox label a:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-right .checkbox label::after { content:''; display:block; outline:none; width:16px; height:16px; position:absolute; left:0; top:-1px; z-index:11; margin:0; cursor:pointer; background:none; border:1px solid #b2b4b3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; } .subscription-right .checkbox input[type=checkbox]:checked + label::after { border:1px solid #008dd2; background:#008dd2; } .subscription-right .checkbox input[type=checkbox]:checked + label::before { content:''; cursor:pointer; display:block; position:absolute; z-index:12; top:7px; left:9px; width:5px; height:5px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } .subscription-right input { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height: 20px; text-indent:0; text-align:left; width:calc(100% - 40px); height:20px; padding:15px 20px 15px 20px; border:none; margin:20px 0 0 0; float:left; color:#737373; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background:#f1f3f5; } .subscription-right input:-moz-placeholder {color:#737373; } .subscription-right input::-webkit-input-placeholder { color:#737373; } .subscription-right input.error:-moz-placeholder { color:#db264c; } .subscription-right input.error::-webkit-input-placeholder { color:#db264c; } .subscription-right input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .subscription-right .submit { width:100%; padding:0; margin:30px 0 0 0; float:left; border:none; outline:none; background:none; } .subscription-right .submit input { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .subscription-right .submit input:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .subscription-right .submit input:hover, .subscription-right .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #subscription .step-pay-img { width:100%; height:200px; padding:0; margin:20px auto 0 auto; position:relative; background:url('../images/ill-3.png') no-repeat top center; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .step-box { display:none; } .step-box-1 { display:block; } } @media all and (max-width: 1020px) { #subscription-w { width:100%; padding:0; margin:0; position:relative; } #subscription { width:660px; padding:90px 0 90px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } .subscription { width:100%; overflow:hidden; padding:0; margin:0 auto; text-align:center; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .subscription::after { content:''; width:100%; height:10px; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:url('../images/line.png') repeat top center; } .subscription::before { content:''; width:100%; height:10px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:auto; background:url('../images/line.png') repeat top center; } .subscription-left { width:calc(100% - 120px); padding:60px 60px 60px 60px; margin:0; text-align:center; position:relative; float:left; } .subscription-left h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:30px; line-height:36px; padding:0; margin:0 auto; max-width:470px; color:#008dd2; cursor:default; } .subscription-left h4 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:20px; line-height:26px; padding:0; margin:25px auto 0 auto; max-width:560px; color:#737373; cursor:default; } .subscription-right { width:calc(100% - 120px); padding:60px 60px 60px 60px; margin:0; text-align:center; position:relative; float:right; -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); } .subscription-right h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:30px; line-height:36px; padding:0; margin:0; color:#008dd2; cursor:default; } .step-w { width:100%; min-height:80px; padding:0; margin:30px 0 0 0; text-align:center; position:relative; } .step-w::after { content:''; width:100%; height:0; border-bottom:2px dashed #b1c0c9; padding:0; margin:0; position:absolute; top:25px; left:0; z-index:1; } .step { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:0; color:#737373; cursor:default; display:block; position:absolute; top:0; z-index:2; } .step-1 { left:0; } .step-2 { left:calc(50% - 30px); } .step-3 { right:0; } .step span { width:50px; height:50px; font-family: "Neris-Bold"; font-weight:normal; font-style:normal; text-align:center; font-size:26px; line-height:50px; padding:0; margin:0 0 5px 0; color:#ffffff; display:inline-block; background:#b1c0c9; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:default; } .step-active span { background:#008dd2; } .subscription-right .radiobox-w { width:100%; padding:0; margin:20px 0 0 0; text-align:center; position:relative; background:#f1f3f5; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } .subscription-right .radio-bg { width:50%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:1; background:#008dd2; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } body:not(#Foo) input[type=radio] { display:none; } body:not(#Foo) .radiobox-w input[type=radio] + label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:50px; width:50%; height:50px; padding:0; margin:0; display:inline-block; color:#737373; cursor:pointer; position:relative; float:left; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; z-index:5; } body:not(#Foo) .radiobox-w input[type=radio]:checked + label { /*background:#008dd2;*/ color:#ffffff; } .subscription-right .checkbox-w { width:100%; padding:0; margin:10px 0 0 0; text-align:center; position:relative; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } .subscription-right .checkbox-w .radiobox { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; width:50%; margin:20px 0 0 0; float:left; color:#737373; cursor:default; position:relative; } body:not(#Foo) .checkbox-w input[type=radio] + label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0 0 0 30px; margin:0; color:#737373; cursor:pointer; position:relative; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label { } body:not(#Foo) .checkbox-w input[type=radio] + label::after { content:''; display:block; outline:none; width:16px; height:16px; position:absolute; left:0; top:-1px; z-index:11; margin:0; cursor:pointer; background:none; border:1px solid #b2b4b3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label::after { border:1px solid #008dd2; background:#008dd2; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label::before { content:''; cursor:pointer; display:block; position:absolute; z-index:12; top:7px; left:9px; width:5px; height:5px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } .subscription-right .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:30px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .subscription-right .button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .subscription-right .back { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:14px; padding:0; margin:10px auto 0 auto; color:#737373; border-bottom:1px solid #737373; display:inline-block; cursor:pointer; } .subscription-right .back:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-right .button:hover, .subscription-right .button:not(:hover), .subscription-right .back:hover, .subscription-right .back:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .subscription-right .checkbox { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:20px auto 0 auto; display:inline-block; color:#737373; cursor:default; position:relative; } .subscription-right .checkbox input[type=checkbox] { display:none; } .subscription-right .checkbox label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0 0 0 30px; margin:0; color:#737373; cursor:pointer; position:relative; } .subscription-right .checkbox label a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; border-bottom:1px solid #737373; cursor:pointer; position:relative; display:inline; } .subscription-right .checkbox label a:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-right .checkbox label::after { content:''; display:block; outline:none; width:16px; height:16px; position:absolute; left:0; top:-1px; z-index:11; margin:0; cursor:pointer; background:none; border:1px solid #b2b4b3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; } .subscription-right .checkbox input[type=checkbox]:checked + label::after { border:1px solid #008dd2; background:#008dd2; } .subscription-right .checkbox input[type=checkbox]:checked + label::before { content:''; cursor:pointer; display:block; position:absolute; z-index:12; top:7px; left:9px; width:5px; height:5px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } .subscription-right input { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height: 20px; text-indent:0; text-align:left; width:calc(100% - 40px); height:20px; padding:15px 20px 15px 20px; border:none; margin:20px 0 0 0; float:left; color:#737373; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background:#f1f3f5; } .subscription-right input:-moz-placeholder {color:#737373; } .subscription-right input::-webkit-input-placeholder { color:#737373; } .subscription-right input.error:-moz-placeholder { color:#db264c; } .subscription-right input.error::-webkit-input-placeholder { color:#db264c; } .subscription-right input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .subscription-right .submit { width:100%; padding:0; margin:30px 0 0 0; float:left; border:none; outline:none; background:none; } .subscription-right .submit input { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .subscription-right .submit input:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .subscription-right .submit input:hover, .subscription-right .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #subscription .step-pay-img { width:100%; height:200px; padding:0; margin:20px auto 0 auto; position:relative; background:url('../images/ill-3.png') no-repeat top center; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .step-box { display:none; } .step-box-1 { display:block; } } @media all and (max-width: 720px) { #subscription-w { width:100%; padding:0; margin:0; position:relative; } #subscription { width:360px; padding:90px 0 90px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } .subscription { width:100%; overflow:hidden; padding:0; margin:0 auto; text-align:center; position:relative; background:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .subscription::after { content:''; width:100%; height:10px; padding:0; margin:0; position:absolute; top:0; left:0; z-index:auto; background:url('../images/line.png') repeat top center; } .subscription::before { content:''; width:100%; height:10px; padding:0; margin:0; position:absolute; left:0; bottom:0; z-index:auto; background:url('../images/line.png') repeat top center; } .subscription-left { width:calc(100% - 60px); padding:40px 30px 30px 30px; margin:0; text-align:center; position:relative; float:left; } .subscription-left h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:24px; line-height:30px; padding:0; margin:0 auto; max-width:470px; color:#008dd2; cursor:default; } .subscription-left h4 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:22px; padding:0; margin:10px auto 0 auto; max-width:560px; color:#737373; cursor:default; } .subscription-right { width:calc(100% - 60px); padding:30px 30px 40px 30px; margin:0; text-align:center; position:relative; float:right; -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); } .subscription-right h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; } .step-w { width:100%; min-height:80px; padding:0; margin:30px 0 0 0; text-align:center; position:relative; } .step-w::after { content:''; width:100%; height:0; border-bottom:2px dashed #b1c0c9; padding:0; margin:0; position:absolute; top:25px; left:0; z-index:1; } .step { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:20px; padding:0; margin:0; color:#737373; cursor:default; display:block; position:absolute; top:0; z-index:2; } .step-1 { left:0; } .step-2 { width:60px; left:calc(50% - 30px); } .step-3 { right:0; } .step span { width:50px; height:50px; font-family: "Neris-Bold"; font-weight:normal; font-style:normal; text-align:center; font-size:26px; line-height:50px; padding:0; margin:0 0 5px 0; color:#ffffff; display:inline-block; background:#b1c0c9; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:default; } .step-active span { background:#008dd2; } .subscription-right .radiobox-w { width:100%; padding:0; margin:20px 0 0 0; text-align:center; position:relative; background:#f1f3f5; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } .subscription-right .radio-bg { width:50%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:1; background:#008dd2; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } body:not(#Foo) input[type=radio] { display:none; } body:not(#Foo) .radiobox-w input[type=radio] + label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:50px; width:50%; height:50px; padding:0; margin:0; display:inline-block; color:#737373; cursor:pointer; position:relative; float:left; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; z-index:5; } body:not(#Foo) .radiobox-w input[type=radio]:checked + label { /*background:#008dd2;*/ color:#ffffff; } .subscription-right a.step-link { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; display:inline-block; margin:20px auto 0 auto; float:none; color:#737373; border-bottom:1px solid #737373; cursor:pointer; position:relative; } .subscription-right a.step-link:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-right .checkbox-w { width:100%; padding:0; margin:10px 0 0 0; text-align:center; position:relative; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } .subscription-right .checkbox-w .radiobox { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0; width:50%; margin:10px 0 0 0; float:left; color:#737373; cursor:default; position:relative; } body:not(#Foo) .checkbox-w input[type=radio] + label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0 0 0 30px; margin:0; color:#737373; cursor:pointer; position:relative; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label { } body:not(#Foo) .checkbox-w input[type=radio] + label::after { content:''; display:block; outline:none; width:16px; height:16px; position:absolute; left:0; top:-1px; z-index:11; margin:0; cursor:pointer; background:none; border:1px solid #b2b4b3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label::after { border:1px solid #008dd2; background:#008dd2; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label::before { content:''; cursor:pointer; display:block; position:absolute; z-index:12; top:7px; left:9px; width:5px; height:5px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } .subscription-right .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:30px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .subscription-right .button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .subscription-right .back { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:14px; padding:0; margin:10px auto 0 auto; color:#737373; border-bottom:1px solid #737373; display:inline-block; cursor:pointer; } .subscription-right .back:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-right .button:hover, .subscription-right .button:not(:hover), .subscription-right .back:hover, .subscription-right .back:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .subscription-right .checkbox { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:12px; line-height:18px; padding:0; margin:20px auto 0 auto; display:inline-block; color:#737373; cursor:default; position:relative; } .subscription-right .checkbox input[type=checkbox] { display:none; } .subscription-right .checkbox label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:12px; line-height:18px; padding:0 0 0 25px; margin:0; color:#737373; cursor:pointer; position:relative; } .subscription-right .checkbox label a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:12px; line-height:14px; padding:0; margin:0; color:#737373; border-bottom:1px solid #737373; cursor:pointer; position:relative; display:inline; } .subscription-right .checkbox label a:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-right .checkbox label::after { content:''; display:block; outline:none; width:16px; height:16px; position:absolute; left:0; top:-3px; z-index:11; margin:0; cursor:pointer; background:none; border:1px solid #b2b4b3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; } .subscription-right .checkbox input[type=checkbox]:checked + label::after { border:1px solid #008dd2; background:#008dd2; } .subscription-right .checkbox input[type=checkbox]:checked + label::before { content:''; cursor:pointer; display:block; position:absolute; z-index:12; top:5px; left:9px; width:5px; height:5px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } .subscription-right input { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height: 20px; text-indent:0; text-align:left; width:calc(100% - 40px); height:20px; padding:15px 20px 15px 20px; border:none; margin:20px 0 0 0; float:left; color:#737373; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background:#f1f3f5; } .subscription-right input:-moz-placeholder {color:#737373; } .subscription-right input::-webkit-input-placeholder { color:#737373; } .subscription-right input.error:-moz-placeholder { color:#db264c; } .subscription-right input.error::-webkit-input-placeholder { color:#db264c; } .subscription-right input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .subscription-right .submit { width:100%; padding:0; margin:30px 0 0 0; float:left; border:none; outline:none; background:none; } .subscription-right .submit input { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .subscription-right .submit input:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .subscription-right .submit input:hover, .subscription-right .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #subscription .step-pay-img { width:100%; height:200px; padding:0; margin:20px auto 0 auto; position:relative; background:url('../images/ill-3.png') no-repeat top center; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .step-box { display:none; } .step-box-1 { display:block; } } /* bottom */ #bottom-w { width:100%; padding:0; margin:0; position:relative; background:#b1c0c9; } #bottom { width:1140px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:left; z-index:5; } #bottom a.logo { width:180px; height:126px; padding:0; margin:0 50px 0 0; background:url('../images/logo.png') no-repeat top center; -webkit-background-size: 180px auto; -moz-background-size: 180px auto; -o-background-size: 180px auto; background-size: 180px auto; display:block; cursor:pointer; float:right; } .bottom-1 { width:230px; padding:0; margin:0; position:relative; float:left; } .bottom-2 { width:330px; padding:0; margin:0; position:relative; float:left; } .bottom-3 { width:330px; padding:0; margin:0; position:relative; float:left; } #bottom li:first-child a { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:18px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:pointer; display:inline-block; } #bottom a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:pointer; display:inline-block; } #bottom a:hover { color:#008dd2; } #bottom h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:default; } #bottom p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:default; } #bottom p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:pointer; } #bottom p a:hover { color:#008dd2; } @media all and (max-width: 1200px) { #bottom-w { width:100%; padding:0; margin:0; position:relative; background:#b1c0c9; } #bottom { width:960px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:left; z-index:5; } #bottom a.logo { width:180px; height:126px; padding:0; margin:0 30px 0 0; background:url('../images/logo.png') no-repeat top center; -webkit-background-size: 180px auto; -moz-background-size: 180px auto; -o-background-size: 180px auto; background-size: 180px auto; display:block; cursor:pointer; float:right; } .bottom-1 { width:180px; padding:0; margin:0; position:relative; float:left; } .bottom-2 { width:270px; padding:0; margin:0; position:relative; float:left; } .bottom-3 { width:270px; padding:0; margin:0; position:relative; float:left; } #bottom a.ba-1 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; font-size:18px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:pointer; display:inline-block; } #bottom a.ba-2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:pointer; display:inline-block; } #bottom a.ba-1:hover, #bottom a.ba-2:hover { color:#008dd2; } #bottom h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:left; text-transform:uppercase; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:default; } #bottom p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:default; } #bottom p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:pointer; } #bottom p a:hover { color:#008dd2; } } @media all and (max-width: 1020px) { #bottom-w { width:100%; padding:0; margin:0; position:relative; background:#b1c0c9; } #bottom { width:660px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:left; z-index:5; } #bottom a.logo { width:180px; height:126px; padding:0; margin:0 auto 0 auto; background:url('../images/logo.png') no-repeat top center; -webkit-background-size: 180px auto; -moz-background-size: 180px auto; -o-background-size: 180px auto; background-size: 180px auto; display:block; cursor:pointer; float:none; } .bottom-1 { width:33.33%; padding:0; margin:40px 0 0 0; position:relative; float:left; text-align:center; } .bottom-2 { width:33.33%; padding:0; margin:40px 0 0 0; position:relative; float:left; text-align:center; } .bottom-3 { width:33.33%; padding:0; margin:40px 0 0 0; position:relative; float:left; text-align:center; } #bottom a.ba-1 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:18px; line-height:22px; padding:0; margin:0 auto; color:#ffffff; cursor:pointer; display:inline-block; } #bottom a.ba-2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:22px; padding:0; margin:0 auto; color:#ffffff; cursor:pointer; display:inline-block; } #bottom a.ba-1:hover, #bottom a.ba-2:hover { color:#008dd2; } #bottom h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:default; } #bottom p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:default; } #bottom p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:pointer; } #bottom p a:hover { color:#008dd2; } } @media all and (max-width: 720px) { #bottom-w { width:100%; padding:0; margin:0; position:relative; background:#b1c0c9; } #bottom { width:360px; padding:60px 0 60px 0; margin:0 auto; position:relative; text-align:left; z-index:5; } #bottom a.logo { width:180px; height:126px; padding:0; margin:0 auto 0 auto; background:url('../images/logo.png') no-repeat top center; -webkit-background-size: 180px auto; -moz-background-size: 180px auto; -o-background-size: 180px auto; background-size: 180px auto; display:block; cursor:pointer; float:none; } .bottom-1 { width:100%; padding:0; margin:40px 0 0 0; position:relative; float:left; text-align:center; } .bottom-2 { width:100%; padding:0; margin:40px 0 0 0; position:relative; float:left; text-align:center; } .bottom-3 { width:100%; padding:0; margin:40px 0 0 0; position:relative; float:left; text-align:center; } #bottom a.ba-1 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:18px; line-height:22px; padding:0; margin:0 auto; color:#ffffff; cursor:pointer; display:inline-block; } #bottom a.ba-2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:22px; padding:0; margin:0 auto; color:#ffffff; cursor:pointer; display:inline-block; } #bottom a.ba-1:hover, #bottom a.ba-2:hover { color:#008dd2; } #bottom h3 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; text-transform:uppercase; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:default; } #bottom p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:default; } #bottom p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:pointer; } #bottom p a:hover { color:#008dd2; } } /* footer */ #footer-w { width:100%; padding:0; margin:0; position:relative; background:#95a6b0; } #footer { width:1140px; padding:20px 0 20px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #footer .social { width:195px; padding:0; margin:0; position:relative; float:left; } #footer .social a { width:48px; height:48px; border:1px solid #ffffff; padding:0; margin:0 15px 0 0; position:relative; float:left; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; opacity:0.5; } #footer .social a:hover { opacity:1; } #footer .social a.instagram { background:url('../images/instagram.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #footer .social a.youtube { background:url('../images/youtube.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #footer .social a.facebook { background:url('../images/facebook.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #footer a.old-site { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:12px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:280px; height:50px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:#b1c0c9; border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:right; } #footer a.old-site:hover { background:#008dd2; outline:none; } #footer a.old-site:hover, #footer a.old-site:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #footer p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:17px auto 0 auto; color:#ffffff; cursor:default; display:inline-block; } #footer p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:16px; padding:0; margin:0; color:#ffffff; border-bottom:1px solid rgba(255,255,255,0.5); cursor:pointer; display:inline-block; } #footer p a:hover { color:#008dd2; border-bottom:1px solid rgba(255,255,255,0); } @media all and (max-width: 1200px) { #footer-w { width:100%; padding:0; margin:0; position:relative; background:#95a6b0; } #footer { width:960px; padding:20px 0 20px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #footer .social { width:195px; padding:0; margin:0; position:relative; float:left; } #footer .social a { width:48px; height:48px; border:1px solid #ffffff; padding:0; margin:0 15px 0 0; position:relative; float:left; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; opacity:0.5; } #footer .social a:hover { opacity:1; } #footer .social a.instagram { background:url('../images/instagram.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #footer .social a.youtube { background:url('../images/youtube.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #footer .social a.facebook { background:url('../images/facebook.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #footer a.old-site { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:12px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:280px; height:50px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:#b1c0c9; border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:right; } #footer a.old-site:hover { background:#008dd2; outline:none; } #footer a.old-site:hover, #footer a.old-site:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #footer p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:17px auto 0 auto; color:#ffffff; cursor:default; display:inline-block; } #footer p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:16px; padding:0; margin:0; color:#ffffff; border-bottom:1px solid rgba(255,255,255,0.5); cursor:pointer; display:inline-block; } #footer p a:hover { color:#008dd2; border-bottom:1px solid rgba(255,255,255,0); } } @media all and (max-width: 1020px) { #footer-w { width:100%; padding:0; margin:0; position:relative; background:#95a6b0; } #footer { width:660px; padding:40px 0 45px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #footer .social { width:195px; padding:0; margin:0 auto; position:relative; float:none; } #footer .social a { width:48px; height:48px; border:1px solid #ffffff; padding:0; margin:0 15px 0 0; position:relative; float:left; cursor:pointer; display:block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; opacity:0.5; } #footer .social a:hover { opacity:1; } #footer .social a.instagram { background:url('../images/instagram.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #footer .social a.youtube { background:url('../images/youtube.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #footer .social a.facebook { background:url('../images/facebook.png') no-repeat center center; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; background-size: 22px auto; } #footer a.old-site { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:12px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:280px; height:50px; padding:0; margin:0 auto; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background:#b1c0c9; border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; float:none; display:block; } #footer a.old-site:hover { background:#008dd2; outline:none; } #footer a.old-site:hover, #footer a.old-site:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #footer p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:20px auto 20px auto; color:#ffffff; cursor:default; display:inline-block; } #footer p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:16px; padding:0; margin:0; color:#ffffff; border-bottom:1px solid rgba(255,255,255,0.5); cursor:pointer; display:inline-block; } #footer p a:hover { color:#008dd2; border-bottom:1px solid rgba(255,255,255,0); } } @media all and (max-width: 720px) { #footer { width:360px; padding:40px 0 45px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } } /* noone */ .noone { width:0; height:0; overflow:hidden; position:absolute; top:0; left:0; z-index:0; } /* wrapper */ .wrapper { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.75); z-index:100; } /* close */ .close { width:40px; height:40px; overflow:hidden; padding:0; margin:0; cursor:pointer; outline:none; position:absolute; top:-20px; right:-20px; z-index:207; background:#008dd2; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } .close::after { content:''; position:absolute; width:18px; height:2px; background:#ffffff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:19px; left:11px; z-index:208; } .close::before { content:''; position:absolute; width:18px; height:2px; background:#ffffff; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:19px; left:11px; z-index:208; } .close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .close:hover, .close:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } @media all and (max-width: 720px) { .close { width:40px; height:40px; overflow:hidden; padding:0; margin:0; cursor:pointer; outline:none; position:fixed; top:10px; right:10px; z-index:207; background:#008dd2; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; } } /* thnx */ .thnx { display:none; width:450px; padding:50px 60px 50px 60px; margin:0; position:fixed; left:calc(50% - 285px); top:calc(50% - 180px); z-index:106; background: #ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .thnx h2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:24px; line-height:30px; padding:0; margin:0; color:#737373; cursor:default; } .thnx h2 span { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:36px; line-height:30px; padding:0; margin:0 0 5px 0; color:#737373; cursor:default; display:inline-block; } @media all and (max-width: 1200px) { } @media all and (max-width: 1020px) { } @media all and (max-width: 720px) { } /* z */ .z-box-2 { display:none; width:450px; padding:50px 60px 50px 60px; margin:0; position:fixed; left:calc(50% - 285px); top:calc(50% - 180px); z-index:106; background: #ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .z-box-2 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:30px; line-height:36px; padding:0; margin:0; color:#008dd2; cursor:default; } .z-box-2 input { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height: 20px; text-indent:0; text-align:left; width:calc(100% - 40px); height:20px; padding:15px 20px 15px 20px; border:none; margin:20px 0 0 0; float:left; color:#737373; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background:#f1f3f5; } .z-box-2 input:-moz-placeholder {color:#737373; } .z-box-2 input::-webkit-input-placeholder { color:#737373; } .z-box-2 input.error:-moz-placeholder { color:#db264c; } .z-box-2 input.error::-webkit-input-placeholder { color:#db264c; } .z-box-2 input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .z-box-2 .submit { width:100%; padding:0; margin:30px 0 0 0; float:left; border:none; outline:none; background:none; } .z-box-2 .submit input { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .z-box-2 .submit input:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .z-box-2 .submit input:hover, .z-box-2 .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } @media all and (max-width: 1200px) { } @media all and (max-width: 1020px) { } @media all and (max-width: 720px) { .z-box-2 { display:none; width:340px; height:calc(100% - 100px); padding:50px 10px 50px 10px; margin:0; position:fixed; left:calc(50% - 180px); top:0; z-index:106; background:#ffffff; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; } .z-box-2::after { content:''; width:400px; height:100%; padding:0; margin:0; position:absolute; top:0; left:-390px; z-index:106; background:#ffffff; } .z-box-2::before { content:''; width:400px; height:100%; padding:0; margin:0; position:absolute; top:0; right:-390px; z-index:106; background:#ffffff; } .z-box-2 h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:30px; line-height:36px; padding:0; margin:0 0 10px 0; color:#008dd2; cursor:default; } } /* z */ .z-box { display:none; width:570px; padding:0; margin:0; position:fixed; left:calc(50% - 285px); top:calc(50% - 300px); z-index:106; background: #ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .subscription-pop { width:calc(100% - 120px); min-height:480px; padding:50px 60px 50px 60px; margin:0; text-align:center; position:relative; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05); } .subscription-pop h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:30px; line-height:36px; padding:0; margin:0; color:#008dd2; cursor:default; } .subscription-pop .radiobox-w { width:100%; padding:0; margin:20px 0 0 0; text-align:center; position:relative; background:#f1f3f5; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } .subscription-pop .radio-bg { width:50%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:1; background:#008dd2; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } body:not(#Foo) input[type=radio] { display:none; } body:not(#Foo) .radiobox-w input[type=radio] + label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:50px; width:50%; height:50px; padding:0; margin:0; display:inline-block; color:#737373; cursor:pointer; position:relative; float:left; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; z-index:5; } body:not(#Foo) .radiobox-w input[type=radio]:checked + label { /*background:#008dd2;*/ color:#ffffff; } .subscription-pop a.step-link { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:20px 0 0 30px; float:left; color:#737373; border-bottom:1px solid #737373; cursor:pointer; position:relative; } .subscription-pop a.step-link:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-pop .checkbox-w { width:calc(100% - 60px); padding:0 30px; margin:10px 0 0 0; text-align:center; position:relative; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } .subscription-pop .checkbox-w .radiobox { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; width:50%; margin:20px 0 0 0; float:left; color:#737373; cursor:default; position:relative; } body:not(#Foo) .checkbox-w input[type=radio] + label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0 0 0 30px; margin:0; color:#737373; cursor:pointer; position:relative; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label { } body:not(#Foo) .checkbox-w input[type=radio] + label::after { content:''; display:block; outline:none; width:16px; height:16px; position:absolute; left:0; top:-1px; z-index:11; margin:0; cursor:pointer; background:none; border:1px solid #b2b4b3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label::after { border:1px solid #008dd2; background:#008dd2; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label::before { content:''; cursor:pointer; display:block; position:absolute; z-index:12; top:7px; left:9px; width:5px; height:5px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } .subscription-pop .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:30px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .subscription-pop .button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .subscription-pop .back { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:14px; padding:0; margin:10px auto 0 auto; color:#737373; border-bottom:1px solid #737373; display:inline-block; cursor:pointer; } .subscription-pop .back:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-pop .button:hover, .subscription-pop .button:not(:hover), .subscription-pop .back:hover, .subscription-pop .back:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .subscription-pop .checkbox { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:20px auto 0 auto; display:inline-block; color:#737373; cursor:default; position:relative; } .subscription-pop .checkbox input[type=checkbox] { display:none; } .subscription-pop .checkbox label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:20px; padding:0 0 0 30px; margin:0; color:#737373; cursor:pointer; position:relative; } .subscription-pop .checkbox label a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:14px; padding:0; margin:0; color:#737373; border-bottom:1px solid #737373; cursor:pointer; position:relative; display:inline; } .subscription-pop .checkbox label a:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-pop .checkbox label::after { content:''; display:block; outline:none; width:16px; height:16px; position:absolute; left:0; top:-1px; z-index:11; margin:0; cursor:pointer; background:none; border:1px solid #b2b4b3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; } .subscription-pop .checkbox input[type=checkbox]:checked + label::after { border:1px solid #008dd2; background:#008dd2; } .subscription-pop .checkbox input[type=checkbox]:checked + label::before { content:''; cursor:pointer; display:block; position:absolute; z-index:12; top:7px; left:9px; width:5px; height:5px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } .subscription-pop input { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height: 20px; text-indent:0; text-align:left; width:calc(100% - 40px); height:20px; padding:15px 20px 15px 20px; border:none; margin:20px 0 0 0; float:left; color:#737373; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background:#f1f3f5; } .subscription-pop input:-moz-placeholder {color:#737373; } .subscription-pop input::-webkit-input-placeholder { color:#737373; } .subscription-pop input.error:-moz-placeholder { color:#db264c; } .subscription-pop input.error::-webkit-input-placeholder { color:#db264c; } .subscription-pop input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .subscription-pop .submit { width:100%; padding:0; margin:30px 0 0 0; float:left; border:none; outline:none; background:none; } .subscription-pop .submit input { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .subscription-pop .submit input:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .subscription-pop .submit input:hover, .subscription-pop .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .subscription-pop .step-pay-img { width:100%; height:200px; padding:0; margin:20px auto 0 auto; position:relative; background:url('../images/ill-3.png') no-repeat top center; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } @media all and (max-width: 1200px) { } @media all and (max-width: 1020px) { } @media all and (max-width: 720px) { .z-box { display:none; width:360px; height:100%; padding:0; margin:0; position:fixed; left:calc(50% - 180px); top:0; z-index:106; background:#ffffff; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; } .z-box::after { content:''; width:400px; height:100%; padding:0; margin:0; position:absolute; top:0; left:-390px; z-index:106; background:#ffffff; } .z-box::before { content:''; width:400px; height:100%; padding:0; margin:0; position:absolute; top:0; right:-390px; z-index:106; background:#ffffff; } .subscription-pop { width:calc(100% - 60px); height:calc(100% - 60px); min-height:10px; padding:30px 30px 30px 30px; margin:0; text-align:center; position:relative; -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0); -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0); box-shadow: 0 10px 30px 0 rgba(0,0,0,0); } .subscription-pop h2 { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:24px; line-height:30px; padding:0; margin:0; color:#008dd2; cursor:default; } .subscription-pop .radiobox-w { width:100%; padding:0; margin:20px 0 0 0; text-align:center; position:relative; background:#f1f3f5; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } .subscription-pop .radio-bg { width:50%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:1; background:#008dd2; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } body:not(#Foo) input[type=radio] { display:none; } body:not(#Foo) .radiobox-w input[type=radio] + label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:18px; line-height:50px; width:50%; height:50px; padding:0; margin:0; display:inline-block; color:#737373; cursor:pointer; position:relative; float:left; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; z-index:5; } body:not(#Foo) .radiobox-w input[type=radio]:checked + label { /*background:#008dd2;*/ color:#ffffff; } .subscription-pop a.step-link { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:20px auto 0 auto; float:none; display:inline-block; color:#737373; border-bottom:1px solid #737373; cursor:pointer; position:relative; } .subscription-pop a.step-link:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-pop .checkbox-w { width:100%; padding:0; margin:10px 0 0 0; text-align:center; position:relative; border-radius:10px; -webkit-border-radius:30px; -moz-border-radius:30px; -khtml-border-radius:30px; } .subscription-pop .checkbox-w .radiobox { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; width:50%; margin:20px 0 0 0; float:left; color:#737373; cursor:default; position:relative; } body:not(#Foo) .checkbox-w input[type=radio] + label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0 0 0 30px; margin:0; color:#737373; cursor:pointer; position:relative; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label { } body:not(#Foo) .checkbox-w input[type=radio] + label::after { content:''; display:block; outline:none; width:16px; height:16px; position:absolute; left:0; top:-1px; z-index:11; margin:0; cursor:pointer; background:none; border:1px solid #b2b4b3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label::after { border:1px solid #008dd2; background:#008dd2; } body:not(#Foo) .checkbox-w input[type=radio]:checked + label::before { content:''; cursor:pointer; display:block; position:absolute; z-index:12; top:7px; left:9px; width:5px; height:5px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } .subscription-pop .button { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:30px 0 0 0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; display:block; } .subscription-pop .button:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .subscription-pop .back { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:14px; padding:0; margin:10px auto 0 auto; color:#737373; border-bottom:1px solid #737373; display:inline-block; cursor:pointer; } .subscription-pop .back:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-pop .button:hover, .subscription-pop .button:not(:hover), .subscription-pop .back:hover, .subscription-pop .back:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .subscription-pop .checkbox { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:20px auto 0 auto; display:inline-block; color:#737373; cursor:default; position:relative; } .subscription-pop .checkbox input[type=checkbox] { display:none; } .subscription-pop .checkbox label { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:12px; line-height:20px; padding:0 0 0 25px; margin:0; color:#737373; cursor:pointer; position:relative; } .subscription-pop .checkbox label a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:12px; line-height:12px; padding:0; margin:0; color:#737373; border-bottom:1px solid #737373; cursor:pointer; position:relative; display:inline; } .subscription-pop .checkbox label a:hover { color:#008dd2; border-bottom:1px solid rgba(0,0,0,0); } .subscription-pop .checkbox label::after { content:''; display:block; outline:none; width:16px; height:16px; position:absolute; left:0; top:-3px; z-index:11; margin:0; cursor:pointer; background:none; border:1px solid #b2b4b3; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; } .subscription-pop .checkbox input[type=checkbox]:checked + label::after { border:1px solid #008dd2; background:#008dd2; } .subscription-pop .checkbox input[type=checkbox]:checked + label::before { content:''; cursor:pointer; display:block; position:absolute; z-index:12; top:5px; left:9px; width:5px; height:5px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg); transition: opacity .35s; } .subscription-pop input { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height: 20px; text-indent:0; text-align:left; width:calc(100% - 40px); height:20px; padding:15px 20px 15px 20px; border:none; margin:20px 0 0 0; float:left; color:#737373; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background:#f1f3f5; } .subscription-pop input:-moz-placeholder {color:#737373; } .subscription-pop input::-webkit-input-placeholder { color:#737373; } .subscription-pop input.error:-moz-placeholder { color:#db264c; } .subscription-pop input.error::-webkit-input-placeholder { color:#db264c; } .subscription-pop input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .subscription-pop .submit { width:100%; padding:0; margin:30px 0 0 0; float:left; border:none; outline:none; background:none; } .subscription-pop .submit input { font-family: 'PT Sans', sans-serif; font-weight:700; font-style:normal; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; line-height:52px; width:100%; height:50px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to right, #e51e25, #ef761b); background-image: -webkit-linear-gradient(to right, #e51e25, #ef761b); background-image: -moz-linear-gradient(to right, #e51e25, #ef761b); background-image: -o-linear-gradient(to right, #e51e25, #ef761b); background-image: -ms-linear-gradient(to right, #e51e25, #ef761b); border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } .subscription-pop .submit input:hover { background-image: linear-gradient(to right, #ef761b, #e51e25); background-image: -webkit-linear-gradient(to right, #ef761b, #e51e25); background-image: -moz-linear-gradient(to right, #ef761b, #e51e25); background-image: -o-linear-gradient(to right, #ef761b, #e51e25); background-image: -ms-linear-gradient(to right, #ef761b, #e51e25); outline:none; } .subscription-pop .submit input:hover, .subscription-pop .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .subscription-pop .step-pay-img { width:100%; height:200px; padding:0; margin:20px auto 0 auto; position:relative; background:url('../images/ill-3.png') no-repeat top center; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; } } input.fn { display:none; } input.sum { display:none; } /* animation standart */ .animated { -webkit-animation-duration: .95s; animation-duration: .95s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } /* animation */ .ani-1 { visibility: hidden; } .ani-2 { visibility: hidden; } .ani-3 { visibility: hidden; } .ani-4 { visibility: hidden; } .fadeInUp { visibility: visible; } .fadeInDown { visibility: visible; } .fadeInRight { visibility: visible; } .fadeInLeft { visibility: visible; } .d25s { -webkit-animation-delay: .25s; -moz-animation-delay: .25s; animation-delay: .25s; } .d50s { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s; } .d75s { -webkit-animation-delay: .75s; -moz-animation-delay: .75s; animation-delay: .75s; } .d100s { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } .d125s { -webkit-animation-delay: 1.25s; -moz-animation-delay: 1.25s; animation-delay: 1.25s; } .d150s { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; } .d175s { -webkit-animation-delay: 1.75s; -moz-animation-delay: 1.75s; animation-delay: 1.75s; } .d200s { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; } @media all and (max-width: 1020px) { .d25s, .d50s, .d75s, .d100s, .d125s, .d150s, .d175s, .d200s { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; } } /* end */