@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500&display=swap'); html { scroll-behavior: smooth; } body { font-size: 16px; font-family: 'Poppins', Arial, sans-serif; margin: 0; padding: 0; } h2 { font-size: 30px; font-weight: 500; text-transform: uppercase; } p { color: #636363; font-size: 16px; font-family: 'Roboto', Arial, sans-serif; } section { padding-top: 60px; padding-bottom: 60px; } label { font-weight: 500; } main a, footer a { color: #636363; font-weight: 500; border-bottom: 2px solid #e37827; } main a:hover, footer a:hover { color: #e37827; text-decoration: none; } hr { display: inline-block; width: 100px; height: 5px; border: 0px; margin-top: 20px; margin-bottom: 20px; background-color: #e37827; background-image: -ms-linear-gradient(right, #e37827 0%, #E4B40D 100%); background-image: -moz-linear-gradient(right, #e37827 0%, #E4B40D 100%); background-image: -o-linear-gradient(right, #e37827 0%, #E4B40D 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #e37827), color-stop(100, #E4B40D)); background-image: -webkit-linear-gradient(right, #e37827 0%, #E4B40D 100%); background-image: linear-gradient(to left, #e37827 0%, #E4B40D 100%); } .text-center h1, .text-center h2, .text-center h3, .text-center h4, .text-center h5, .text-center h6, .text-center p, .text-center span { text-align: center; } .btn-primary { color: #fff; font-size: 14px; font-weight: 400; padding: 10px 20px 10px 20px; text-transform: uppercase; background-color: #00a651; border: 0px; border-radius: 0; background-image: -ms-linear-gradient(right, #00a651 0%, #55C524 100%); background-image: -moz-linear-gradient(right, #00a651 0%, #55C524 100%); background-image: -o-linear-gradient(right, #00a651 0%, #55C524 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #00a651), color-stop(100, #55C524)); background-image: -webkit-linear-gradient(right, #00a651 0%, #55C524 100%); background-image: linear-gradient(to left, #00a651 0%, #55C524 100%); } .btn-primary::after { color: #fff; font-family: 'FontAwesome'; font-size: 20px; content: '\f178'; margin-left: 30px; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #00a651 !important; background-image: -ms-linear-gradient(right, #55C524 0%, #00A651 100%) !important; background-image: -moz-linear-gradient(right, #55C524 0%, #00A651 100%) !important; background-image: -o-linear-gradient(right, #55C524 0%, #00A651 100%) !important; background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #55C524), color-stop(100, #00A651)) !important; background-image: -webkit-linear-gradient(right, #55C524 0%, #00A651 100%) !important; background-image: linear-gradient(to left, #55C524 0%, #00A651 100%) !important; } input[type=text], input[type=email], input[type=password], select { padding: 12px 15px; border: 2px solid #d7d7d7; border-radius: 0; } textarea.form-control { font-size: 16px; padding: 12px 15px; height: 120px; border: 2px solid #d7d7d7; border-radius: 0; } .bg-gray-light { background-color: #f8f8f8; } p > .fa { color: #00a651; } .no-padd { padding: 0; } .no-padd-top { padding-top: 0; } .no-padd-bot { padding-bottom: 0; } .padd-top-20 { padding-top: 20px; } .padd-top-40 { padding-top: 40px; } .padd-bot-20 { padding-bottom: 20px; } .padd-bot-40 { padding-bottom: 40px; } .bg-blue { background-color: #325ca5; } .blue-dcurve, .blue-ucurve { color: #fff; background-color: #325ca5; background-image: -ms-linear-gradient(bottom, #3253A5 0%, #326aa5 100%); background-image: -moz-linear-gradient(bottom, #3253A5 0%, #326aa5 100%); background-image: -o-linear-gradient(bottom, #3253A5 0%, #326aa5 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3253A5), color-stop(100, #326aa5)); background-image: -webkit-linear-gradient(bottom, #3253A5 0%, #326aa5 100%); background-image: linear-gradient(to top, #3253A5 0%, #326aa5 100%); } .blue-dcurve .subtitle, .blue-ucurve .subtitle { font-family: 'Poppins', Arial, sans-serif; text-transform: uppercase; } .blue-dcurve h1, .blue-dcurve h2, .blue-dcurve h3, .blue-dcurve h4, .blue-dcurve h5, .blue-dcurve h6, .blue-dcurve p, .blue-dcurve span, .blue-ucurve h1, .blue-ucurve h2, .blue-ucurve h3, .blue-ucurve h4, .blue-ucurve h5, .blue-ucurve h6, .blue-ucurve p, .blue-ucurve span { color: #fff; } .blue-dcurve h2, .blue-ucurve h2 { font-size: 24px; font-weight: 400; line-height: 1.3; } .blue-dcurve h3, .blue-ucurve h3 { font-size: 20px; font-weight: 400; text-transform: uppercase; } .blue-dcurve img, .blue-ucurve img { margin-bottom: 15px; } .blue-dcurve .row > div:nth-child(2) > div, .blue-ucurve .row > div:nth-child(2) > div { margin-bottom: 20px; } #stc-navbar ul a { font-weight: 400; margin-left: 40px; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: transparent; border-bottom: 3px solid #3253a5; } .navbar-brand>img { margin-top: 10px; width: 220px; } .main-banner { text-align: center; padding-top: 150px; padding-bottom: 150px; background-color: #ccc; background-image: url(../images/new-home-217/main-banner-bg.jpg); } .main-banner h1, .main-banner h2, .main-banner h3, .main-banner h4, .main-banner p { color: #fff; text-align: center; } .main-banner h1, .main-banner h3 { font-size: 55px; font-weight: 300; text-shadow: 0px 3px 6px rgba(0,0,0,0.5); } .main-banner h2 { font-size: 65px; font-weight: 500; text-transform: initial; text-shadow: 0px 3px 6px rgba(0,0,0,0.5); } footer { background-color: #3269a5; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer a { color: #fff; } footer h3 { font-size: 20px; font-weight: 400; text-transform: uppercase; } .footer1 { padding-top: 60px; padding-bottom: 40px; background-color: #3253a5; background-image: url(../images/new-home-217/footer-bg.jpg); background-szie: cover; background-repeat: no-repeat; background-position: center center; } .footer1 .container .row > div:nth-child(3) a { display: inline-block; font-weight: 400; padding: 8px 15px; margin-right: 3px; margin-bottom: 7px; border: 2px solid #fff; } .footer2 { padding: 20px 10px; background-color: #173888; } .footer2 p:last-child { text-align: center; margin-bottom: 0px; } .white-box { padding: 15px; margin-bottom: 15px; border-radius: 10px; background-color: #fff; } a.social-link { display: inline-block; color: #fff; font-size: 24px; height: 55px; width: 55px; padding-top: 9px; margin: 20px 5px 10px 0px; text-align: center; border: 0px; border-radius: 100%; background-color: #00a651; background-image: -ms-linear-gradient(right, #00a651 0%, #55C524 100%); background-image: -moz-linear-gradient(right, #00a651 0%, #55C524 100%); background-image: -o-linear-gradient(right, #00a651 0%, #55C524 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #00a651), color-stop(100, #55C524)); background-image: -webkit-linear-gradient(right, #00a651 0%, #55C524 100%); background-image: linear-gradient(to left, #00a651 0%, #55C524 100%); } a.social-link:hover { color: #fff; background-image: -ms-linear-gradient(right, #E4B40D 0%, #E37827 100%); background-image: -moz-linear-gradient(right, #E4B40D 0%, #E37827 100%); background-image: -o-linear-gradient(right, #E4B40D 0%, #E37827 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #E4B40D), color-stop(100, #E37827)); background-image: -webkit-linear-gradient(right, #E4B40D 0%, #E37827 100%); background-image: linear-gradient(to left, #E4B40D 0%, #E37827 100%); } .portfolio img { -webkit-box-shadow: 0px 8px 10px rgba(33, 33, 33, 0.15); -moz-box-shadow: 0px 8px 10px rgba(33, 33, 33, 0.15); box-shadow: 0px 11px 10px rgba(33, 33, 33, 0.15) } .contact-bg { background-image: url(../images/new-home-217/contact-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } .dcurve { height: 445px; background-image: url(../images/new-home-217/dcurve-bg.png); background-size: cover; background-repeat: no-repeat; background-position: bottom center; } .dcurve p, .ucurve p { display: none; } .ucurve { height: 445px; background-image: url(../images/new-home-217/ucurve-bg.png); background-size: cover; background-repeat: no-repeat; background-position: top center; } #stc-navbar ul a { margin-top: 13px; } #stc-navbar ul a:hover { border-bottom: 3px solid #3253a5; } #stc-navbar ul > li:last-child > a { margin-top: 0px; } #stc-navbar .btn-default { color: #fff; font-size: 14px; font-weight: 400; line-height: 28px; padding: 10px 20px 10px 20px; text-transform: uppercase; border: 0px; border-radius: 0; background-color: #00a651; background-image: -ms-linear-gradient(right, #E37827 0%, #E4B40D 100%); background-image: -moz-linear-gradient(right, #E37827 0%, #E4B40D 100%); background-image: -o-linear-gradient(right, #E37827 0%, #E4B40D 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #E37827), color-stop(100, #E4B40D)); background-image: -webkit-linear-gradient(right, #E37827 0%, #E4B40D 100%); background-image: linear-gradient(to left, #E37827 0%, #E4B40D 100%); } #stc-navbar .btn-default:hover { background-image: -ms-linear-gradient(left, #E37827 0%, #E4B40D 100%); background-image: -moz-linear-gradient(left, #E37827 0%, #E4B40D 100%); background-image: -o-linear-gradient(left, #E37827 0%, #E4B40D 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E37827), color-stop(100, #E4B40D)); background-image: -webkit-linear-gradient(left, #E37827 0%, #E4B40D 100%); background-image: linear-gradient(to right, #E37827 0%, #E4B40D 100%); } @media screen and (max-width: 1600px) { .dcurve, .ucurve { height: 375px; } } @media screen and (max-width: 1366px) { .dcurve, .ucurve { height: 315px; } }