/*==========General Settings==========*/ .color-1{ background:#252839; } .title{ color:#252839; } h1,h2,h3,h4,h5,h6{ color:#; } .text-lines { color:#333333; } /*========Home Section===========*/ .welcome-note{ color:#; } /*=====Team Members(About Section)======*/ #about { background: #eae5e5; } /*=======Parallax Section======*/ #parallax-1{ background: url(/assets/themes/styzo/images/paralax.jpg) fixed; } .quote1{ color:#; } .quote2{ color:#; } /*===========Navigation section======*/ .nav li a{ color: #; } .nav li a:hover{ background: #252839; color:#; transition-duration: 1s; -webkit-transition-duration: 1s; /* Safari */ } .nav .active a{ background: #252839; color:#fff; } .nav .active a:hover{ background: #252839; color:#fff; } /*==========Services Section==============*/ #services{ background:#eae5e5; } .services-area h2{ color:#1f2329; } .services-area p{ color:#333333; } /*==========Video Section============*/ #video{ background: url("assets/images/background_video.jpg") 0 0 repeat fixed; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 5px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 50%; height: 50%; } .small{ margin: auto; height: 90%; } /*==============Teachers Section=========*/ #teachers{ background:#ffffff; padding-bottom:50px; } .team_block{ text-align: center; } .team { background: #fa4456; margin-left: auto; margin-right: auto; } .name{ color:#; } .position{ color:#; } .cbp1headinghover{ color:#ffffff; } .cbp1headingdesc{ color:#777777; } .cbp-popup-lightbox-title{ color:#eeeeee; } .cbp-l-filters-alignRight .cbp-filter-item{ color:#8B8B8B; } .cbp-l-filters-alignRight .cbp-filter-item:hover{ color:#2B3444; } .cbp-l-filters-alignRight .cbp-filter-item-active{ background-color:#3C3C3C; border-color:#3C3C3C; } /*==============Portfolio Section=========*/ #portfolio{ background:#ffffff; text-align:center; padding-bottom:50px; } .cbp1headinghover{ color:#ffffff; } .cbp1headingdesc{ color:#777777; } .cbp-popup-lightbox-title{ color:#eeeeee; } .cbp-l-filters-alignRight .cbp-filter-item{ color:#8B8B8B; } .cbp-l-filters-alignRight .cbp-filter-item:hover{ color:#2B3444; } .cbp-l-filters-alignRight .cbp-filter-item-active{ background-color:#3C3C3C; border-color:#3C3C3C; } /*============ Portfolio additional Section==========*/ .card{ box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2); max-width: 480px; background-color: #fff; } .card__header{ position: relative; } .card__header:before{ content: ""; width: 100%; height: 100%; background-image: -webkit-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .6) 70%, rgba(0, 0, 0, .7)); background-image: linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, .6) 70%, rgba(0, 0, 0, .7)); position: absolute; left: 0; bottom: 0; } .card__title{ font-size: 2.2rem; font-weight: 400; color: #fff; text-transform: uppercase; line-height: 1.5; padding-left: 2rem; padding-right: 2rem; margin-top: 0; margin-bottom: 0; position: absolute; bottom: 2rem; left: 0; } .card__link{ color: inherit; text-decoration: none; } .card__preview{ max-width: 100%; display: block; } .card__body{ padding: 3rem 2.5rem 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .card__content{ -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .card__footer{ font-size: 1.4rem; border-top: 1px solid #f0f0f0; margin-top: 3rem; padding-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .card__readmore{ text-transform: uppercase; color: #512da8; } .card__meta{ -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card__meta-label{ display: inline-block; padding-left: 2.2rem; background-repeat: no-repeat; background-size: 1.6rem; background-position: 1% center; } .card__meta-label:not(:first-child){ margin-left: 1.5rem; } .card__meta-comments{ background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjEyMTIxIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTIxLjk5IDRjMC0xLjEtLjg5LTItMS45OS0ySDRjLTEuMSAwLTIgLjktMiAydjEyYzAgMS4xLjkgMiAyIDJoMTRsNCA0LS4wMS0xOHpNMTggMTRINnYtMmgxMnYyem0wLTNINlY5aDEydjJ6bTAtM0g2VjZoMTJ2MnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==); background-position: 1% 75%; } .card__meta-likes{ background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjEyMTIxIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgMjEuMzVsLTEuNDUtMS4zMkM1LjQgMTUuMzYgMiAxMi4yOCAyIDguNSAyIDUuNDIgNC40MiAzIDcuNSAzYzEuNzQgMCAzLjQxLjgxIDQuNSAyLjA5QzEzLjA5IDMuODEgMTQuNzYgMyAxNi41IDMgMTkuNTggMyAyMiA1LjQyIDIyIDguNWMwIDMuNzgtMy40IDYuODYtOC41NSAxMS41NEwxMiAyMS4zNXoiLz48L3N2Zz4=); } /* * demo page */ @media screen and (min-width: 768px){ html{ font-size: 62.5%; } } @media screen and (max-width: 767px){ html{ font-size: 50%; } } .main_insted_of_body{ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Open Sans, Ubuntu, Fira Sans, Helvetica Neue, sans-serif; font-size: 1.6rem; color: #222; margin: 0; } .page_portfolio{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; } .page__demo{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .main-container{ max-width: 1200px; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } .page__container{ margin: auto; } .footer_portfolio{ padding-top: 1rem; padding-bottom: 1rem; text-align: center; font-size: 1.4rem; } .footer__link{ color: #fff; } @media screen and (min-width: 361px){ .footer__container{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 360px){ .melnik909{ display: none; } } /*============ Clients Section==========*/ #parallax-2{ background: url(/assets/themes/styzo/images/bg-3.jpg) fixed; padding-bottom:80px; } .clients{ margin-top:0px; margin-bottom:0px; } /*===========Pricing Section===========*/ #pricing{ background: url(/assets/themes/styzo/images/patterns/triangular.png) 0 0 repeat fixed; } .pricing-box-alt .pricing-terms{ background-color:#f44a56; } .btn{ background: #333333; } .btn:hover{ background:#f44a56; } .pricing-box-alt .pricing-heading h3{ color:#000000; } /*================Blog Section===========*/ #blog{ background: #EAE5E5; } #blog-single-post{ background: #eae5e5; } .media-body h3 a{ color:#1f2329; } .media-body .media-heading1 { color:#1f2329; } .media-body h3 a:hover{ color:#2a6496; } .blog-icons a{ color:#1f2329; } .blog-icons{ color:#1f2329; } .blog-icons a:hover{ color:#2a6496; } .media-body p{ color:#333333; } .pager li a{ background:#f5f5f5; color:#333333; } .pager li a:hover{ color:#2a6496; } .pagi{ list-style:none; width:100%; } .pagi li{ float:left; } #quip-add-comment-qcom .quip-add-comment input[type=text]{ border-color:#d0d6da; width:60%; margin-bottom:15px; } #quip-add-comment-qcom .quip-add-comment textarea{ border-color:#d0d6da; width:99%; } #quip-add-comment-qcom .quip-add-comment p{ margin-top:10px; } #quip-add-comment-qcom button{ background:#f44a56; border:none; color:#fff; display:inline-block; width:70px; height:40px; margin-top:10px; margin-right:5px; } .blog-top-bar{ background-color:rgba(0, 0, 0, 0.6); } .blog-top-bar img{ float:left; padding:15px 0px 15px 0px; } .blog-top-bar .back-btn{ float:right; padding-right:10%; color:#ffffff; margin-top:20px; font-size:18px; } /*============Contact Section===========*/ #contact{ background: url(/assets/themes/styzo/images/patterns/geometry.png) 0 0 repeat fixed; } #contact-form .submit{ background: #E0E0E0; color:#55606A; } #contact-form .submit:hover { background: #f44a56; color:#ffffff; } .contact-details ul li{ color:#55606A; } /*=========Footer=========*/ #footer{ background: url(/assets/themes/styzo/images/patterns/triangular.png) 0 0 repeat fixed; } .pagi{ border-radius:4px; display:inline-block; margin:20px 0; padding-left:0; } .pagi li a{ background-color:#ffffff; border-color:#dddddd; border-image:none; border-style:none; float:left; border-width:1px 1px 1px 0; padding: 4px 12px; text-decoration:none; line-height:1.42857; } /*===========Custom CSS from Theme Settigs======*/