ok
Direktori : /home2/selectio/www/pvmatricschool.com/old/assets/css/ |
Current File : /home2/selectio/www/pvmatricschool.com/old/assets/css/index3.css |
h2 { color: #6cbe03; } h2 span { color: #222222; } /*-------------------------------------------------------------------------------------------*/ /* Main Banner ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .b-line { position: relative; width: 60px; height: 3px; background: #6cbe03; display: block; margin: 0 auto; } /*about*/ .l-left { margin: 0; } .bott-center { margin: 0 auto; } .main-banner { height: auto; } .main-banner .banner-text .sub-text { font-weight: 600; color: #ffffff; font-size: 16px; display: block; margin-bottom: 5px; font-family: 'Raleway', sans-serif; text-transform: uppercase; letter-spacing: 2px; line-height: 1; } .main-banner .banner-text h2 { font-size: 60px; color: #ffffff; font-weight: 800; margin-bottom: 10px; line-height: 1.3; text-transform: capitalize; padding: 10px 0; } .main-banner .banner-text h2 span { color: #ff0033; } .main-banner .banner-text p { font-family: 'Lato', serif; color: #ffffff; font-size: 15px; margin-bottom: 20px; line-height: 1.8; } .main-banner .more-btn { background: #ff0033; line-height: 30px; padding-left: 38px; padding-right: 38px; font-weight: 700; color: #fff; } .main-banner li .btn-text { line-height: 60px; padding-left: 38px; padding-right: 38px; font-size: 13px; font-weight: 700; margin-bottom: 100px; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } #wrapper .main-banner .tp-bullets { top: auto; left: 52%; display: block; visibility: visible; opacity: 1; bottom: 66px; } .main-banner .tp-bullet { width: 26px; height: 3px; background: #8f8f8f; } .main-banner .tp-bullet.selected { background: #6cbe03; } .tparrows.tp-leftarrow, .tparrows.tp-rightarrow { border: 1px solid #999999; z-index: 99; cursor: pointer; background: #999999; visibility: hidden; border-radius: 50%; } .main-banner:hover .tparrows.tp-leftarrow, .main-banner:hover .tparrows.tp-rightarrow { visibility: visible; } .tparrows.tp-leftarrow:hover, .tparrows.tp-rightarrow:hover { background: #6cbe03; border: 1px solid #6cbe03; } .slotholder:before { border-top: none; border-bottom: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.36); content: ''; } @media (max-width: 480px) { .main-banner .banner-text h2 { font-size: 18px; } .main-banner .banner-text p { line-height: 1.2; font-size: 15px; } } .main-banner li .btn-text { line-height: 44px !important; } @media (max-width: 767px) { .main-banner li .btn-text { margin-bottom: 10px; } } .btn-text { min-width: 150px; margin: 0 5px; font-size: 14px; color: #fff; font-family: 'Raleway', sans-serif; line-height: 41px; border: 2px solid #6aaf08; padding: 0 22px; border-radius: 0px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; background: #6aaf08; height: 44px; text-align: center; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .green-bg { border: 2px solid #6cbe03; background: #6cbe03; } .btn-text:hover { background: none; color: #6cbe03; text-decoration: none; } .green-bg:hover { color: #6cbe03; } .creative_heading p { margin: 0px; } /*top_clume*/ @media (max-width: 991px) { .navbar-collapse.collapse.mobile__nav { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .analyzed_wrap__block { margin-top: 0px; } } @media (max-width: 767px) { .analyzed_wrap__block { margin-top: 0px; } } .analyzed_wrap__block .styl_box { background: rgba(0, 0, 0, 0.54) url(../images/project/project-img1.jpg); background-size: cover; margin: 0; padding: 0; background-blend-mode: overlay; } .single_analize__block { color: #ffffff; padding: 40px 25px; } .single_analize__block h2 { color: #fff; font-size: 24px; } .btn_new:hover { background: #fff; border-color: #fff; } .analyzed_wrap__block .dubble_bg { background: rgba(0, 0, 0, 0.54) url(../images/project/project-img3.jpg); background-size: cover; background-blend-mode: overlay; } .analyzed_wrap__block .icon__block i.fa { display: inline-block; font-size: 60px; margin-bottom: 35px; color: #daa106; } .promor_wrap__block > p { color: #777777; } .promor_wrap__block h2 { font-size: 30px; } .promor_wrap__block h3 { font-size: 14px; color: #444; } p.blue_text__block { color: #3f8ffb; } .busines_promo_wrapper__block img { width: 100%; } .box_content__block { margin: 15px 0; min-height: 65px; position: relative; } .box_content__block i.fa { background: #6cbe03; border-radius: 5px; font-size: 20px; height: 60px; left: 0; line-height: 60px; margin-top: -39px; position: absolute; text-align: center; top: 50%; width: 60px; color: #fff; } .box_content__block h2 { font-size: 20px; margin-left: 73px; } .box_content__block h2 span { color: #444; display: block; font-size: 70%; } /*about_US*/ #project-section .about-block .box-title h3 a { color: #333; } /*Service*/ .about-block p { line-height: 2; } .about-block { -webkit-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; overflow: hidden; } #project-section .about-block:hover .box-title h3 a, #project-section .about-block:hover p, #project-section .about-block:hover .donate-price { color: #fff; } .hover-bg:hover { background: #6cbe03; } .fl { float: left; } .half-width { overflow: hidden; } .box-title h3 { margin-top: 0px !important; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 17px; font-weight: 500; line-height: 1.1; } .about-block p { line-height: 1.5; } .donate-price { background: #f2184f; padding: 5px 17px; color: #fff; border-radius: 10px; margin-top: 10px; } #project-section .about-block:hover .donate-price { background: #fff; } @media (max-width: 1199px) and (min-width: 992px) { #project-section .about-block .padding-20 { padding: 6px 20px; } } @media (max-width: 767px) { .half-width { width: 100%; } .img-responsive { width: 100%; } } @media (max-width: 767px) { .plr-xs-15 { padding-right: 15px !important;; padding-left: 15px !important; } } /*-------------------------------------------------------------------------------------------*/ /* Team ||---------------------------- */ /*-------------------------------------------------------------------------------------------*/ .team-block { color: #ffffff; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; background: #333; padding: 30px 0; } .box-hover:hover .team-block { background: #6cbe03; } .box-hover:hover * { color: #323232; } .box-hover:hover .small-divider { border-color: #323232; } .team-block strong { display: block; font-size: 18px; font-weight: 800; margin-bottom: 5px; } .team-block span { font-family: raleway; font-size: 13px; font-style: normal; color: #b8bcc6; } .team-block .small-divider { margin-bottom: 15px; margin-top: 15px; width: 36px; border-color: rgba(255,255,255,0.2); } .social-icons { padding-left: 0; } .team-block .social-icons > li { margin: 0 7px; display: inline-block; } .team-block .social-icons .fa { font-size: 16px; } .team-block .social-icons .fa { color: #fff; } .box-hover:hover .fa { color: #323232; } /*home_Project*/ .width-25per { width: 25%; } .width-75per, .tab-respons { width: 75%; } .dark-bg { background: #323232; color: #fff; } @media (max-width: 767px) { .width-25per { width: 100%; } .width-75per, .tab-respons { width: 100%; } } /* =========================================================== 22. recent-causes =========================================================== */ #project-section .block-title h2 span { color: #fff; } .tab-respons { background: #fff; } .recent-causes { padding: 100px 0px 50px; } .style-two { padding: 100px 0px 50px; } .section-title { text-align: center; } .recent-causes .recent-causes-carousel { } .item { position: relative; } .item .bg-area { position: relative; background: #fff; margin-bottom: 0px; z-index: 99; } .item .content-box { padding: 25px 30px; border: 1px solid #ececec; position: relative; } .content-box .donate-price { font-size: 12px; color: #2b2b2b; font-family: "Montserrat", sans-serif; margin-bottom: 15px; } .content-box .donate-price b { font-size: 22px; color: #e2b43a; } .content-box .donate-price span { font-size: 12px; color: #989797; font-weight: 700; } .content-box h4 { font-weight: 700; font-size: 17px; text-transform: uppercase; color: #222222; } .content-box h4 span { color: #6aaf08; } .content-box p { margin: 15px 0px; color: #555555; } .item .image-box { display: block; overflow: hidden; position: relative; } .item .image-box a { width: 100%; } .item .image-box img { transform: scale(1); transition: all 0.5s ease 0s; width: 100%; } .item:hover .image-box img { transform: scale(1.1); } .item .overlay { background-color: rgba(226, 180, 58, 0.51); text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; opacity: 0; filter: alpha(opacity=0); transition: all 450ms ease-out 0s; transform: rotateY(180deg) scale(0.5,0.5); } .item:hover .image-box .overlay { opacity: 1; filter: alpha(opacity=100); transform: rotateY(0deg) scale(1,1); } .item .overlay .box { display: table; height: 100%; width: 100%; } .item .overlay .box .content { display: table-cell; text-align: center; vertical-align: middle; } .item .image-box .overlay .box .content a i { background: #e2b43a; border-radius: 50%; color: #ffffff; display: inline-block; font-size: 16px; height: 45px; line-height: 48px; transition: all 500ms ease 0s; width: 45px; } .item .image-box .overlay .box .content a:hover i { background: #e2b43a; } /*causes-details*/ .project-info .progress-box { position: static; margin-left: 0px; } .project-info .progress-box .progress { height: 25px; } .project-info .progress-box .progress-bar { line-height: 25px; } .project-info .donate-price { font-weight: bold; font-size: 20px; } .form-donet { text-align: center; border: 1px solid #000; margin-top: 20px; } .form-donet .done-title { background: #000; padding: 5px; } .form-donet .done-title h3 { margin: 0px; } .form-donet .form-field .form-full { margin-bottom: 30px; } .form-donet form { padding: 30px; } #related-project .owl-nav .owl-prev, #related-project .owl-nav .owl-next { top: 30%; position: absolute; border: 2px solid #e2b43a; color: #ffffff; background: #e2b43a; border-radius: 3px; font-size: 22px; height: 1.8em; line-height: 1.6em; padding: 0; text-align: center; width: 1.8em; margin-right: 0; margin-left: 0; opacity: 1; } #related-project .owl-nav .owl-prev { left: 0px; } #related-project .owl-nav .owl-next { right: 0 } #project-section .owl-prev, #project-section .owl-next { position: absolute; height: 40px; width: 40px; border: 1px solid #6aaf08; bottom: 50px; opacity: 1; text-align: center; top: auto; background: transparent; color: #6aaf08; } @media (min-width: 768px) and (max-width: 991px) { #project-section .owl-prev, #project-section .owl-next { position: static; display: inline-block; text-align: center; border: 1px solid #6aaf08; padding-top: 0px; margin: 0px 0px 0px 5px; } #project-section .owl-controls .owl-nav { position: absolute; right: 9px; bottom: 0px; } } #project-section .owl-next { left: -112px; } #project-section .owl-prev { left: -160px; } @media (min-width: 768px) and (max-width: 991px) { #project-section .owl-nav i { line-height: 37px; position: static; } } @media (max-width: 767px) { #project-section .owl-prev, #project-section .owl-next { position: static; display: inline-block; text-align: center; border: 1px solid #6aaf08; padding-top: 0px; margin: 0px 0px 0px 5px; } #project-section .owl-controls .owl-nav { position: absolute; right: 9px; bottom: 0px; } #project-section .owl-nav i { line-height: 37px; position: static; } } /*Blog*/ .new-blog .blog-post { padding: 20px; background: #fff; } /*Choose_Sec*/ .secondary_bg { background: #f2f2f2; } .overflow_hidden { overflow: hidden; position: relative; } .light-color h2 { word-wrap: break-word; font-weight: 800; } #choose_us .creative_heading p { color: #323232; } #choose_us .fontsize_28 { font-size: 28px; } .icon_choose { float: left; width: 60px; line-height: 64px; text-align: center; padding-right: 10px; } .icon_choose i { color: #f2184f; } #choose_us .media-body { } #choose_us .choose_box { background: #ffffff; padding: 17px 17px 4px; } #choose_us { color: #333; } #choose_us .choose_box .media-body h4, #choose_us .choose_box .media-body h4 a { margin: 0px; color: #333; } #choose_us .choose_box .media-body h4 { font-size: 15px; } @media (min-width: 768px) and (max-width: 991px) { #choose_us .image_cover { display: none; } } .choose-us h4 { font-size: 20px; margin-bottom: 0; } .choose-us .media { overflow: visible; } .image_cover_right { width: 34%; } @media (max-width: 767px) { .image_cover { position: static; width: 100%; height: 300px; margin-top: 0px; } } @media (min-width: 991px) and (max-width: 1199px) { .width-25per { width: 35%; } .tab-respons { width: 65%; } }