diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..c602870
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,2365 @@
+/*
+Template Name: Meghna Responsive HTML5/CSS3 Business Template
+Author: Themefisher
+Author URI: www.Themefisher.com
+Description: Meghna Responsive HTML5/CSS3 Portfolio Template
+Version: 1.3
+Tags: one-page, single-page, portfolio, custom-colors, post-formats, responsive, html5, css3
+*/
+/*=== MEDIA QUERY ===*/
+@import url("https://fonts.googleapis.com/css?family=Anaheim|Quattrocento+Sans:400,700");
+@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,400,600");
+
+html {
+ background-color: #353b43;
+ color: #737f8a;
+}
+
+body {
+ background-color: #353b43;
+ font-family: "Anaheim", sans-serif;
+ color: #737f8a;
+ -webkit-font-smoothing: antialiased;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-weight: 400;
+ font-family: "Quattrocento Sans", sans-serif;
+ color: #afbac4;
+}
+
+p {
+ font-family: "Quattrocento Sans", sans-serif;
+}
+
+[scroll-behavior=smooth] {
+ scroll-behavior: smooth;
+}
+
+pre {
+ color: #afbac4;
+}
+
+/*=================================================================
+ Basic Setup
+==================================================================*/
+::-moz-selection {
+ /* Code for Firefox */
+ color: #fff;
+ background: #57cbcc;
+}
+
+::selection {
+ color: #fff;
+ background: #57cbcc;
+}
+
+hr {
+ border-top: 1px solid rgba(255,255,255,.1);
+}
+
+figure {
+ margin: 0;
+}
+
+a {
+ color: #fff;
+ transition: all .3s ease-in 0s;
+}
+
+iframe {
+ border: 0;
+}
+
+a,
+a:focus,
+a:hover {
+ text-decoration: none;
+ outline: 0;
+}
+
+a:focus,
+a:hover {
+ color: #6CB670;
+}
+
+.kill-margin-bottom {
+ margin-bottom: 0 !important;
+}
+
+.padding-0 {
+ padding: 0 !important;
+}
+
+.mb-50{
+ margin-bottom: 50px;
+}
+
+.btn {
+ background-color: transparent;
+ color: #fff;
+ padding: 10px 30px;
+ border-radius: 0;
+ transition: all .3s ease-in 0s;
+}
+
+.btn:focus {
+ color: #ddd;
+}
+
+.btn-transparent {
+ border: 1px solid #4e595f;
+}
+
+.btn-transparent:hover,
+.btn-transparent:focus {
+ background-color: #57cbcc;
+ border: 1px solid transparent;
+ color: #fff;
+}
+
+#loading-mask {
+ background: #333439;
+ height: 100%;
+ left: 0;
+ opacity: 1;
+ filter: alpha(opacity=100);
+ position: fixed;
+ text-align: center;
+ top: 0;
+ width: 100%;
+ z-index: 999999999;
+}
+
+.loading-img {
+ height: 100%;
+ left: 0;
+ position: fixed;
+ top: 50%;
+ width: 100%;
+}
+
+.border-meghna {
+ border-top: 2px solid rgba(236, 239, 241, 0.07);
+ height: 1px;
+ margin: 15px auto 0;
+ position: relative;
+ width: 30%;
+}
+
+.border-meghna:before {
+ background-color: #fff;
+ content: '';
+ height: 6px;
+ left: 50%;
+ margin-left: -20px;
+ position: absolute;
+ top: -4px;
+ width: 50px;
+ background-color: #57cbcc;
+}
+
+.color {
+ color: #6CB670;
+}
+
+.sub-title {
+ padding: 0 0 50px;
+}
+
+.sub-title>h3 {
+ border-left: 3px solid #ddd;
+ border-right: 3px solid #ddd;
+ display: inline-block;
+ padding: 5px 25px;
+ text-transform: uppercase;
+}
+
+.btn.active:focus,
+.btn:active:focus,
+.btn:focus {
+ outline: 0;
+}
+
+.bg-one {
+ background-color: #353b43;
+}
+
+.bg-dark {
+ background: #242930;
+}
+
+.parallax-section {
+ background-attachment: fixed !important;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+
+.no-padding {
+ padding: 0 !important;
+}
+
+.inline-block {
+ display: inline-block;
+}
+
+
+figure {
+ margin: 0;
+}
+
+a {
+ transition: all .2s ease-in 0s;
+}
+
+iframe {
+ border: 0;
+}
+
+a,
+a:focus,
+a:hover {
+ text-decoration: none;
+ outline: 0;
+}
+
+a:focus,
+a:hover {
+ color: #57cbcc;
+}
+
+.btn-main {
+ background: #57cbcc;
+ color: #fff;
+ display: inline-block;
+ font-size: 14px;
+ letter-spacing: 1px;
+ padding: 10px 35px;
+ text-transform: uppercase;
+}
+
+.btn-main:hover {
+ background: #2c9091;
+ color: #fff;
+}
+
+.mt-20 {
+ margin-top: 20px;
+}
+
+.section {
+ padding: 100px 0;
+}
+
+@media (max-width: 480px) {
+ .section {
+ padding: 50px 0;
+ }
+}
+
+@media (max-width: 768px) {
+ .section {
+ padding: 80px 0;
+ }
+}
+
+.section-sm {
+ padding: 70px 0;
+}
+
+.section-xs {
+ padding: 50px 0;
+}
+
+.btn:focus {
+ color: #ddd;
+}
+
+#home {
+ position: relative;
+}
+
+.btn.active:focus,
+.btn:active:focus,
+.btn:focus {
+ outline: 0;
+}
+
+.parallax-section {
+ background-attachment: fixed;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+
+#preloader {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: #fff;
+ z-index: 999;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.sk-cube-grid {
+ width: 40px;
+ height: 40px;
+ margin: 100px auto;
+}
+
+.sk-cube-grid .sk-cube {
+ width: 33%;
+ height: 33%;
+ background-color: #57cbcc;
+ float: left;
+ -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
+ animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
+}
+
+.sk-cube-grid .sk-cube1 {
+ -webkit-animation-delay: 0.2s;
+ animation-delay: 0.2s;
+}
+
+.sk-cube-grid .sk-cube2 {
+ -webkit-animation-delay: 0.3s;
+ animation-delay: 0.3s;
+}
+
+.sk-cube-grid .sk-cube3 {
+ -webkit-animation-delay: 0.4s;
+ animation-delay: 0.4s;
+}
+
+.sk-cube-grid .sk-cube4 {
+ -webkit-animation-delay: 0.1s;
+ animation-delay: 0.1s;
+}
+
+.sk-cube-grid .sk-cube5 {
+ -webkit-animation-delay: 0.2s;
+ animation-delay: 0.2s;
+}
+
+.sk-cube-grid .sk-cube6 {
+ -webkit-animation-delay: 0.3s;
+ animation-delay: 0.3s;
+}
+
+.sk-cube-grid .sk-cube7 {
+ -webkit-animation-delay: 0s;
+ animation-delay: 0s;
+}
+
+.sk-cube-grid .sk-cube8 {
+ -webkit-animation-delay: 0.1s;
+ animation-delay: 0.1s;
+}
+
+.sk-cube-grid .sk-cube9 {
+ -webkit-animation-delay: 0.2s;
+ animation-delay: 0.2s;
+}
+
+@-webkit-keyframes sk-cubeGridScaleDelay {
+
+ 0%,
+ 70%,
+ 100% {
+ -webkit-transform: scale3D(1, 1, 1);
+ transform: scale3D(1, 1, 1);
+ }
+
+ 35% {
+ -webkit-transform: scale3D(0, 0, 1);
+ transform: scale3D(0, 0, 1);
+ }
+}
+
+@keyframes sk-cubeGridScaleDelay {
+
+ 0%,
+ 70%,
+ 100% {
+ -webkit-transform: scale3D(1, 1, 1);
+ transform: scale3D(1, 1, 1);
+ }
+
+ 35% {
+ -webkit-transform: scale3D(0, 0, 1);
+ transform: scale3D(0, 0, 1);
+ }
+}
+
+.title {
+ padding-bottom: 60px;
+}
+
+.title h2 {
+ text-transform: capitalize;
+ font-weight: 700;
+ font-size: 38px;
+ color: #fff;
+}
+
+.title h2 span {
+ color: #57cbcc;
+}
+
+.title p {
+ color: #666;
+}
+
+.title.title-white h2 {
+ color: #fff;
+}
+
+.bg-gray {
+ background: #f9f9f9;
+}
+
+.section-bg {
+ background: #292F36;
+}
+
+.overly {
+ position: relative;
+}
+
+.overly:before {
+ content: '';
+ background: rgba(0, 0, 0, 0.096);
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.header-bradcrumb {
+ background: transparent;
+}
+
+.header-bradcrumb a,
+.header-bradcrumb .active {
+ color: #cfcfcf;
+ font-weight: 200;
+ font-family: "Quattrocento Sans", sans-serif;
+}
+
+.header-bradcrumb a:hover {
+ color: #57cbcc;
+}
+
+.slick-slide {
+ outline: none;
+}
+
+/* CSS mfp-with-zoom class */
+.mfp-with-zoom .mfp-container,
+.mfp-with-zoom.mfp-bg {
+ opacity: 0;
+ transition: all 0.3s ease-out;
+}
+
+.mfp-with-zoom.mfp-ready .mfp-container {
+ opacity: 1;
+}
+
+.mfp-with-zoom.mfp-ready.mfp-bg {
+ opacity: 0.8;
+}
+
+.mfp-with-zoom.mfp-removing .mfp-container,
+.mfp-with-zoom.mfp-removing.mfp-bg {
+ opacity: 0;
+}
+
+.logo {
+ margin-top: 10px;
+ display: inline-block;
+}
+
+.single-page-header {
+ background-image: url("../images/about/about-header.jpg");
+ background-size: cover;
+ padding: 140px 0 70px;
+ text-align: center;
+ color: #fff;
+ position: relative;
+}
+
+.single-page-header:before {
+ background: rgba(0, 0, 0, 0.5);
+ position: absolute;
+ content: '';
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+}
+
+/*=================================================================
+ Navigation
+==================================================================*/
+.navigation {
+ background-color: #1d2024;
+ width: 100%;
+ margin-bottom: 0;
+}
+
+.navigation .logo {
+ padding: 0;
+}
+
+.navigation .navigation-menu li a.active {
+ color: #57cbcc;
+}
+
+.navigation .navigation-menu li a {
+ font-size: 16px;
+ color: #737f8a;
+}
+
+.navigation .navigation-menu li a:hover,
+.navigation .navigation-menu li a:focus {
+ background: transparent;
+ color: #57cbcc;
+}
+
+.navigation .navbar-toggler {
+ color: rgba(255,255,255,.5);
+ border-color: rgba(255,255,255,.1);
+ border-radius: 0;
+}
+
+.navigation .navbar-collapse {
+ padding: 10px;
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
+ border-top: 5px solid transparent;
+}
+
+@media (min-width: 768px) {
+ .navigation .navbar-collapse {
+ box-shadow: none;
+ border-top: none;
+ }
+}
+
+.navbar-toggler:focus {
+ outline-color: #57cbcc;
+}
+
+.bg-1 {
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+
+.bg-2 {
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-attachment: fixed;
+}
+
+.hero-area {
+ background-size: cover;
+ height: 100vh;
+ position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.hero-area:before {
+ content: '';
+ background: rgba(0, 0, 0, 0.63);
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.hero-area .block {
+ text-align: center;
+ z-index: 99;
+}
+
+.hero-area .block .video-button {
+ background: #fff;
+ color: #57cbcc;
+ display: inline-block;
+ height: 60px;
+ width: 60px;
+ border-radius: 50px;
+}
+
+.hero-area .block .video-button i {
+ line-height: 60px;
+ font-size: 20px;
+ margin-left: 3px;
+}
+
+.hero-area .block h1 {
+ font-size: 90px;
+ color: #fff;
+ text-transform: capitalize;
+ font-weight: 700;
+ margin-bottom: 20px;
+}
+
+@media (max-width: 480px) {
+ .hero-area .block h1 {
+ font-size: 60px;
+ }
+}
+
+.hero-area .block p {
+ color: #fff;
+ font-size: 20px;
+ width: 70%;
+ margin: 0 auto;
+}
+
+.hero-area .block .btn-transparent {
+ margin-top: 40px;
+ border-color: #fff;
+ padding: 14px 50px;
+ font-size: 18px;
+ font-size: 16px;
+ font-weight: bold;
+ letter-spacing: 1px;
+}
+
+.hero-area-video {
+ height: 100vh;
+ position: inherit !important;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.hero-area-video .block {
+ color: #fff;
+ text-align: center;
+}
+
+.hero-area-video .block h1 {
+ font-size: 60px;
+ font-weight: 700;
+ margin-bottom: 20px;
+}
+
+.hero-area-video .block p {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 12px;
+ letter-spacing: 3px;
+ margin-bottom: 20px;
+}
+
+.hero-area-video .block .btn-main {
+ margin-top: 20px;
+}
+
+.dark-bg {
+ background: rgba(0, 0, 0, 0.7);
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ z-index: -1;
+}
+
+/*=================================================================
+ About us section
+==================================================================*/
+.about .block {
+ background: #242930;
+ padding: 30px;
+ border-bottom: 2px solid transparent;
+ transition: .5s all;
+ margin-bottom: 20px;
+}
+
+.about .block:hover {
+ border-bottom: 2px solid #57cbcc;
+}
+
+.about .block:hover .icon-box {
+ -webkit-transform: translateY(-10px);
+ transform: translateY(-10px);
+}
+
+.about .block .icon-box {
+ position: relative;
+ width: 160px;
+ height: 92.38px;
+ background-color: transparent;
+ margin: 46.19px auto 60px;
+ padding: 20px 0;
+ border-left: 2px solid rgba(236, 239, 241, 0.07);
+ border-right: 2px solid rgba(236, 239, 241, 0.07);
+ font-size: 50px;
+ -webkit-transform: translateZ(0px);
+ transform: translateZ(0px);
+ transition-duration: 0.3s;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+}
+
+.about .block .icon-box:after,
+.about .block .icon-box:before {
+ content: "";
+ position: absolute;
+ z-index: 1;
+ width: 113.14px;
+ height: 113.14px;
+ background-color: inherit;
+ left: 20.4315px;
+ -webkit-transform: scaleY(0.5774) rotate(-45deg);
+ transform: scaleY(0.5774) rotate(-45deg);
+}
+
+.about .block .icon-box:before {
+ top: -56.5685px;
+ border-top: 2px solid rgba(236, 239, 241, 0.07);
+ border-right: 2px solid rgba(236, 239, 241, 0.07);
+}
+
+.about .block .icon-box:after {
+ bottom: -56.5685px;
+ border-bottom: 2px solid rgba(236, 239, 241, 0.07);
+ border-left: 2px solid rgba(236, 239, 241, 0.07);
+}
+
+.about .block .icon-box h3 {
+ color: #afbac4;
+}
+
+/*=================================================================
+ About us 2 section
+==================================================================*/
+.about-2 .content-block {
+ padding: 40px;
+}
+
+.about-2 .content-block .media {
+ margin-top: 25px;
+}
+
+.about-2 .content-block .media .pull-left {
+ padding-right: 15px;
+}
+
+.about-2 .content-block .media i {
+ font-size: 30px;
+ color: #57cbcc;
+}
+
+.about-2 .content-block .media h4 {
+ font-size: 16px;
+ font-weight: 600;
+}
+
+/*=================================================================
+ Call To Action 1
+==================================================================*/
+.call-to-action {
+ background-attachment: fixed;
+}
+
+.call-to-action h2 {
+ font-weight: 700;
+ color: #444;
+}
+
+.call-to-action p {
+ font-size: 16px;
+ color: #666;
+}
+
+.call-to-action .btn-main {
+ margin-top: 20px;
+}
+
+/*=================================================================
+ Call To Action 2
+==================================================================*/
+.call-to-action-2 {
+ padding: 100px 0;
+ background-image: url("../images/call-to-action/call-to-action-bg.jpg");
+ background-size: cover;
+ color: #fff;
+}
+
+.call-to-action-2 h2 {
+ line-height: 1.5;
+}
+
+.call-to-action-2 p {
+ color: #fff;
+}
+
+.call-to-action-2 .btn-main {
+ margin-top: 20px;
+}
+
+.contact-us {
+ padding-top: 50px;
+}
+
+@media (max-width: 768px)
+{
+ .contact-us {
+ padding-top: 80px;
+ }
+}
+
+.contact-form {
+ margin-bottom: 60px;
+}
+
+.form-meghna .form-control {
+ background-color: transparent;
+ border-radius: 0;
+ padding: 5px 10px;
+ color: #ddd;
+ border: 1px solid rgba(236, 239, 241, 0.07);
+}
+
+.form-meghna .form-control:focus
+{
+ border-color: none;
+ box-shadow: none;
+}
+
+.form-meghna input:hover,
+.form-meghna textarea:hover,
+#contact-submit:hover {
+ border-color: #57cbcc;
+}
+
+.form-meghna ::placeholder
+{
+ color: #ddd !important;
+}
+
+#contact-submit {
+ border: 1px solid rgba(236, 239, 241, 0.07);
+ background: #57cbcc;
+ padding: 12px 0;
+ width: 100%;
+ margin: 0;
+}
+
+.google-map #map-canvas {
+ height: 400px;
+}
+
+.contact-info p {
+ margin-bottom: 25px;
+}
+
+.con-info {
+ margin-bottom: 20px;
+}
+
+.con-info i,
+.con-info span {
+ padding-right: 5px;
+}
+
+.error {
+ display: none;
+ padding: 10px;
+ color: #D8000C;
+ border-radius: 4px;
+ font-size: 13px;
+ background-color: #FFBABA;
+}
+
+.success {
+ background-color: #6cb670;
+ border-radius: 4px;
+ color: #fff;
+ display: none;
+ font-size: 13px;
+ padding: 10px;
+}
+
+#map {
+ height: 370px;
+ width: 100%;
+}
+
+/*=================================================================
+ Item counter section
+==================================================================*/
+.counters-item {
+ padding: 25px 0;
+ margin-bottom: 10px;
+ background: #292F36;
+}
+
+.counters-item i {
+ margin-bottom: 10px;
+ font-size: 40px;
+ display: inline-block;
+}
+
+.counters-item span {
+ display: block;
+ font-weight: bold;
+ font-size: 35px;
+ line-height: 50px;
+}
+
+.counters-item h3 {
+ font-size: 20px;
+ margin: 0;
+}
+
+/*=================================================================
+ Pricing section
+==================================================================*/
+.price-item {
+ border: 1px solid rgba(236, 239, 241, 0.07);
+ padding-bottom: 30px;
+ margin-bottom: 15px;
+}
+
+.price-title {
+ background-color: #292F36;
+ padding: 30px 0 20px;
+}
+
+.price-title h3 {
+ color: #57cbcc;
+ margin: 0 0 10px;
+ text-transform: uppercase;
+}
+
+.price-title p {
+ font-size: 18px;
+ font-weight: 400;
+}
+
+.price-title .value {
+ color: #57cbcc;
+ font-size: 30px;
+}
+
+.pricing ul, .skill-bar {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+
+.pricing li {
+ padding: 10px 0;
+}
+
+.pricing li:last-child {
+ border-bottom: 1px solid rgba(236, 239, 241, 0.07);
+ margin-bottom: 20px;
+}
+
+.pricing li:nth-child(2n) {
+ background-color: #292F36;
+}
+
+.pricing li .btn {
+ text-transform: uppercase;
+ margin: 20px 0;
+}
+
+/*=================================================================
+ Portfolio section
+==================================================================*/
+.portfolio-filter {
+ margin-bottom: 40px;
+ text-align: center;
+}
+
+.portfolio-filter button {
+ border: none;
+ outline: none;
+ border: 1px solid rgba(236, 239, 241, 0.07);
+ background: transparent;
+ display: inline-block;
+ font-size: 16px;
+ padding: 6px 20px;
+ font-weight: 700;
+ color: #737f8a;
+ transition: .3s all;
+}
+
+.portfolio-filter button.mixitup-control-active {
+ border: 1px solid #57cbcc;
+ color: #57cbcc;
+}
+
+.portfolio-items-wrapper .mix {
+ padding: 5px;
+}
+
+.portfolio-block {
+ position: relative;
+}
+
+.portfolio-block:before {
+ transition: all 0.3s ease-in-out;
+ background: white;
+ opacity: 0;
+ top: 20px;
+ right: 20px;
+ bottom: 20px;
+ left: 20px;
+ position: absolute;
+ content: '';
+}
+
+.portfolio-block img {
+ width: 100%;
+ height: auto;
+}
+
+.portfolio-block:hover:before {
+ opacity: 1;
+}
+
+.portfolio-block:hover .caption h4 {
+ top: 45%;
+}
+
+.portfolio-block:hover .caption {
+ opacity: 1;
+ top: 55%;
+}
+
+.portfolio-block .caption {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ opacity: 0;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ z-index: 9;
+ transition: all 0.2s ease-in-out;
+ text-align: center;
+}
+
+.portfolio-block .caption h4 {
+ font-size: 16px;
+ font-weight: 600;
+}
+
+.portfolio-block .caption h4 a {
+ color: #555;
+}
+
+.portfolio-block .caption .search-icon {
+ background: #57cbcc;
+ width: 50px;
+ height: 50px;
+ color: #fff;
+ display: inline-block;
+ font-size: 20px;
+ border-radius: 30px;
+}
+
+.portfolio-block .caption .search-icon i {
+ line-height: 50px;
+}
+
+/*=================================================================
+ Services section
+==================================================================*/
+.service-block {
+ padding: 60px 20px;
+ border-left: 1px solid rgba(236, 239, 241, 0.07);
+ border-top: 1px solid rgba(236, 239, 241, 0.07);
+ margin-bottom: 40px;
+ box-shadow: 2px 2px 5px rgba(44, 44, 44, 0.3), 13px 13px 0 rgba(255, 255, 255, 0.7);
+}
+
+.service-block .service-icon {
+ margin-bottom: 10px;
+ font-size: 50px;
+}
+
+/*=================================================================
+ Services section 2
+==================================================================*/
+.service-2 .service-item {
+ border: 1px solid #eee;
+ margin-bottom: 30px;
+ padding: 50px 20px;
+ transition: all 0.3s ease 0s;
+}
+
+.service-2 .service-item:hover {
+ box-shadow: 0 5px 65px 0 rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 5px 65px 0 rgba(0, 0, 0, 0.15);
+}
+
+.service-2 .service-item:hover i {
+ background: #fff;
+ color: #57cbcc;
+}
+
+.service-2 .service-item i {
+ font-size: 30px;
+ display: inline-block;
+ background: #57cbcc none repeat scroll 0 0;
+ border-radius: 30px;
+ box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
+ color: #fff;
+ height: 55px;
+ line-height: 55px;
+ margin-bottom: 20px;
+ width: 55px;
+ transition: all 0.3s ease 0s;
+}
+
+/*=================================================================
+ Our skills
+==================================================================*/
+.skill-bar p {
+ font-size: 18px;
+ margin-bottom: 0;
+}
+
+.skill-bar p span {
+ font-style: italic;
+ font-size: 30px;
+ color: rgba(187, 187, 187, 0.34);
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.skill-bar .progress {
+ height: 6px;
+ border-radius: 0;
+}
+
+.skill-bar .progress .progress-bar {
+ background: #57cbcc;
+}
+
+/*=================================================================
+ Our Team
+==================================================================*/
+.team-member {
+ background-color: #292F36;
+ margin-bottom: 10px;
+}
+
+.team-member:hover .mask {
+ cursor: pointer;
+ opacity: 1;
+ filter: alpha(opacity=100);
+ -webkit-transform: rotateY(0deg) scale(1, 1);
+ transform: rotateY(0deg) scale(1, 1);
+}
+
+.member-photo {
+ overflow: hidden;
+ position: relative;
+}
+
+@media (max-width: 768px) {
+ .member-photo {
+ text-align: center;
+ }
+}
+
+/* .member-photo:hover img { */
+ /* -webkit-transform: scale(1.2); */
+ /* transform: scale(1.2); */
+/* } */
+
+.member-photo img {
+ transition: all 0.4s ease 0s;
+}
+
+@media (max-width: 768px) {
+ .member-photo img {
+ display: inline-block;
+ }
+}
+
+.member-photo .mask {
+ background-color: rgba(87, 203, 204, 0.7);
+ position: absolute;
+ text-align: center;
+ height: 100%;
+ width: 100%;
+ left: 0;
+ top: 0;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ transition: all .5s ease-out 0s;
+ -webkit-transform: rotateY(180deg) scale(0.5, 0.5);
+ transform: rotateY(180deg) scale(0.5, 0.5);
+}
+
+.member-photo .mask ul {
+ text-align: center;
+ position: relative;
+ top: 125px;
+}
+
+.member-photo .mask ul li a {
+ border: 1px solid #fff;
+ color: #fff;
+ display: block;
+ font-size: 20px;
+ height: 35px;
+ line-height: 35px;
+ text-align: center;
+ width: 35px;
+}
+
+.member-photo .mask ul li a:hover {
+ background-color: #fff;
+ color: #57cbcc;
+ border: 1px solid transparent;
+}
+
+.member-meta {
+ padding: 15px;
+}
+
+.member-meta h4 {
+ margin: 0 0 5px;
+}
+
+.member-meta span {
+ font-size: 12px;
+}
+
+/*=================================================================
+ Testimonial section
+==================================================================*/
+.testimonial:before {
+ background: rgba(42, 48, 55, 0.7);
+}
+
+.client-info {
+ margin: 0 auto;
+ width: 45%;
+}
+
+@media (max-width: 768px) {
+ .client-info {
+ width: 90%;
+ }
+}
+
+.client-comment p {
+ color: #afbac4;
+ font-size: 18px;
+}
+
+.client-thumb img {
+ border-radius: 50%;
+ margin: 0 auto;
+ max-width: 115px;
+ width: 100%;
+}
+
+.client-meta {
+ margin: 0 0 10px;
+}
+
+.client-meta h3 {
+ margin: 15px 0 5px .0;
+}
+
+.client-meta span {
+ font-size: 12px;
+}
+
+.owl-pagination,
+.owl-buttons {
+ text-align: center;
+}
+
+.owl-controls .owl-page {
+ display: inline-block;
+}
+
+.owl-controls .owl-page span {
+ background-color: transparent;
+ border: 2px solid #fff;
+ border-radius: 50px;
+ display: block;
+ height: 13px;
+ margin: 0 4px;
+ width: 13px;
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+
+.owl-controls .owl-page.active span,
+.owl-controls .owl-page:hover span {
+ background-color: #57cbcc;
+ border: 2px solid transparent;
+}
+
+.our-clients {
+ margin: 30px 0 0;
+}
+
+#our-clietns .item img {
+ max-width: 150px;
+ width: 100%;
+}
+
+#our-clietns .owl-next,
+#our-clietns .owl-prev {
+ border: 1px solid #ddd;
+ border-radius: 50px;
+ display: inline-block;
+ margin: 45px 0 0;
+ padding: 3px 15px;
+ position: relative;
+ text-align: center;
+}
+
+#our-clietns .owl-next i,
+#our-clietns .owl-prev i {
+ line-height: 34px;
+}
+
+#our-clietns .owl-prev {
+ margin-right: 15px;
+}
+
+#our-clients .item {
+ margin: 10px;
+}
+
+/*=================================================================
+ Latest Posts
+==================================================================*/
+.note {
+ background-color: #292F36;
+ border: 1px solid #4e595f;
+}
+
+.post-block {
+ background-color: #292F36;
+ margin-bottom: 10px;
+}
+
+.post-block .content {
+ padding: 20px;
+}
+
+.post-block .content h3 {
+ margin: 0 0 6px;
+ font-size: 20px;
+ line-height: 1.5;
+ text-transform: capitalize;
+}
+
+.note .media-wrapper {
+ border-bottom: 1px solid #4e595f;
+}
+
+.note .excerpt h3 {
+ font-size: 20px;
+ line-height: 1.5;
+ text-transform: capitalize;
+}
+
+.all-post {
+ margin-top: 50px;
+}
+
+/*=================================================================
+ Single Blog Page
+==================================================================*/
+#blog-banner {
+ padding-bottom: 100px;
+ padding-top: 150px;
+}
+
+#blog-page {
+ margin: 0 0 40px;
+}
+
+.post-meta {
+ font-size: 13px;
+ margin: 20px 0 0;
+ padding: 0 20px 10px;
+}
+
+.post-meta a {
+ color: #57cbcc;
+}
+
+.post-meta>span {
+ color: #666;
+ border-right: 1px solid #dedede;
+ display: inline-block;
+ font-size: 13px;
+ margin: 10px 10px 0 0;
+ padding-right: 10px;
+}
+
+.post-meta>span:last-child {
+ border-right: 0;
+}
+
+.post-meta>span i {
+ margin-right: 5px;
+}
+
+.post-excerpt {
+ padding: 0 20px;
+ margin-bottom: 60px;
+}
+
+.post-excerpt h3 a {
+ color: #000;
+}
+
+.post-excerpt blockquote {
+ line-height: 22px;
+ margin: 20px 0;
+ font-size: 16px;
+}
+
+.single-blog {
+ background-color: #fff;
+ margin-bottom: 50px;
+ padding: 20px;
+}
+
+.blog-subtitle {
+ font-size: 15px;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #dedede;
+ margin-bottom: 25px;
+ text-transform: uppercase;
+}
+
+.next-prev {
+ border-bottom: 1px solid #dedede;
+ border-top: 1px solid #dedede;
+ margin: 20px 0;
+ padding: 25px 0;
+}
+
+.next-prev a {
+ color: #000;
+}
+
+.next-prev a:hover {
+ color: #57cbcc;
+}
+
+.next-prev .prev-post i {
+ margin-right: 10px;
+}
+
+.next-prev .next-post i {
+ margin-left: 10px;
+}
+
+.social-profile ul li {
+ margin: 0 10px 0 0;
+ display: inline-block;
+}
+
+.social-profile ul li a {
+ color: #4e595f;
+ display: block;
+ font-size: 16px;
+}
+
+.social-profile ul li a i:hover {
+ color: #57cbcc;
+}
+
+.comments-section {
+ margin-top: 35px;
+}
+
+.author-about {
+ margin-top: 40px;
+}
+
+.post-author {
+ margin-right: 20px;
+}
+
+.post-author>img {
+ border: 1px solid #dedede;
+ max-width: 120px;
+ padding: 5px;
+ width: 100%;
+}
+
+.comment-list ul {
+ margin-top: 20px;
+}
+
+.comment-list ul li {
+ margin-bottom: 20px;
+}
+
+.comment-wrap {
+ border: 1px solid #dedede;
+ border-radius: 1px;
+ margin-left: 20px;
+ padding: 10px;
+ position: relative;
+}
+
+.comment-wrap .author-avatar {
+ margin-right: 10px;
+}
+
+.comment-wrap .media .media-heading {
+ font-size: 14px;
+ margin-bottom: 8px;
+}
+
+.comment-wrap .media .media-heading a {
+ color: #57cbcc;
+ font-size: 13px;
+}
+
+.comment-wrap .media .comment-meta {
+ font-size: 12px;
+ color: #888;
+}
+
+.comment-wrap .media p {
+ margin-top: 15px;
+}
+
+.comment-reply-form {
+ margin-top: 80px;
+}
+
+.comment-reply-form input,
+.comment-reply-form textarea {
+ height: 35px;
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.comment-reply-form input:focus,
+.comment-reply-form textarea:focus {
+ box-shadow: none;
+ border: 1px solid #57cbcc;
+}
+
+.comment-reply-form textarea,
+.comment-reply-form .btn-main {
+ height: auto;
+}
+
+/* Staticman Comments */
+
+#staticman-form:before {
+ display: block;
+ height: 90px;
+ margin-top: -90px;
+ visibility: hidden;
+ content: "";
+}
+
+@media (max-width: 768px) {
+ #staticman-form:before {
+ display: block;
+ height: 80px;
+ margin-top: -80px;
+ visibility: hidden;
+ content: "";
+ }
+}
+
+.post-comment {
+ background-color: #292f36;;
+ padding: 20px;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+.post-comment-header {
+ margin-bottom: 20px;
+}
+
+.post-comment-avatar {
+ display: inline-block;
+ vertical-align: middle;
+ border-radius: 50%;
+}
+
+.post-comment-info {
+ display: inline-block;
+ margin-left: 20px;
+ margin-bottom: 0;
+ vertical-align: middle;
+}
+
+.post-comment-field {
+ display: block;
+ font: inherit;
+ padding: 10px;
+ margin-top: 20px;
+ outline-color: #F76C5E;
+ width: 100%;
+}
+
+.post-comment-name {
+ color: #afbac4;
+ font-weight: 500;
+ font-size: 18px;
+}
+
+.post-time {
+ color: #737f8a;
+}
+
+input#e-mail, #hidden_iframe {
+ display: none;
+}
+
+/*=================================================================
+ Footer section
+==================================================================*/
+.social-icon {
+ padding: 60px 0 35px;
+}
+
+.social-icon ul {
+ text-align: center;
+}
+
+.social-icon ul li {
+ margin-bottom: 4px;
+}
+
+.social-icon ul li a {
+ background-color: #26292e;
+ border: 1px solid transparent;
+ display: block;
+ height: 70px;
+ width: 70px;
+ transition: all 400ms ease-out 0s;
+}
+
+.social-icon ul li a:hover{
+ background: #57cbcc;
+}
+
+.social-icon ul li a:hover i{
+ color: #fff;
+ opacity: 1;
+}
+
+.social-icon ul li a i {
+ color: #55606a;
+ display: inline-block;
+ font-size: 32px;
+ line-height: 70px;
+ margin: 0;
+ opacity: 0.3;
+ transition: all 400ms ease-out 0s;
+}
+
+.copyright {
+ padding: 20px 0;
+ color: #fff;
+}
+
+.copyright img {
+ margin-bottom: 15px;
+}
+
+.copyright p {
+ margin-top: 10px;
+}
+
+#scrollUp {
+ border: 1px solid #4e595f;
+ bottom: 15px;
+ color: #fff;
+ display: none;
+ padding: 8px 12px;
+ position: fixed;
+ right: 20px;
+ z-index: 600;
+}
+
+#scrollUp:hover {
+ background-color: #57cbcc;
+ border: 1px solid #57cbcc;
+}
+
+/*=================================================================
+ Twitter Feed
+==================================================================*/
+
+.twitter-bird span {
+ border: 2px solid #6cb670;
+ border-radius: 50px;
+ color: #6cb670;
+ display: inline-block;
+ margin-bottom: 50px;
+ height: 90px;
+ width: 90px;
+}
+
+.twitter-bird span i {
+ line-height: 90px;
+}
+
+.tweet {
+ margin-bottom: 10px;
+}
+
+.tweet a {
+ color: #6cb670;
+}
+
+/*=================================================================
+ Blog Page
+==================================================================*/
+#blog-banner {
+ padding-bottom: 100px;
+ padding-top: 150px;
+}
+
+.blog-icon {
+ border: 1px solid #6CB670;
+ border-radius: 50%;
+ color: #6CB670;
+ display: inline-block;
+ padding: 16px 20px;
+}
+
+.blog-title h1 {
+ text-transform: uppercase;
+}
+
+#blog-page {
+ margin: 0 0 40px;
+}
+
+.post-item .entry {
+ border: 1px solid #4e595f;
+ margin-bottom: 30px;
+}
+
+.entry .post-excerpt {
+ padding: 0 20px;
+}
+
+#gallery-post .owl-prev,
+#post-thumb .owl-prev,
+#gallery-post .owl-next,
+#post-thumb .owl-next {
+ padding: 5px 17px;
+ position: absolute;
+ top: 45%;
+ transition: all .5s ease-in 0s;
+}
+
+#gallery-post .owl-prev,
+#post-thumb .owl-prev {
+ left: -45px;
+}
+
+#gallery-post .owl-next,
+#post-thumb .owl-next {
+ right: -45px;
+}
+
+#gallery-post:hover .owl-prev,
+#post-thumb:hover .owl-prev {
+ left: 0;
+}
+
+#gallery-post:hover .owl-next,
+#post-thumb:hover .owl-next {
+ right: 0;
+}
+
+#gallery-post,
+#post-thumb {
+ overflow-x: hidden;
+}
+
+#post-thumb .owl-buttons {
+ color: #fff;
+}
+
+.post-meta {
+ background-color: #3d444a;
+ border-top: 1px solid #4e595f;
+ font-size: 13px;
+ margin: 20px 0 0;
+ padding: 0 20px 10px;
+}
+
+.post-meta>span {
+ border-right: 1px solid #4e595f;
+ display: inline-block;
+ font-size: 12px;
+ margin: 10px 10px 0 0;
+ padding-right: 10px;
+}
+
+.post-meta>span:last-child {
+ border-right: 0;
+}
+
+.post-meta>span>i {
+ margin-right: 5px;
+}
+
+.post-meta a:hover {
+ color: #6CB670;
+}
+
+.post-excerpt .more {
+ margin-top: 20px;
+}
+
+.post-excerpt .more a {
+ display: inline-block;
+ font-size: 13px;
+ padding: 10px 25px;
+}
+
+.post-excerpt .more a:hover {
+ background-color: #6CB670;
+ color: #fff;
+}
+
+aside.widget {
+ margin-bottom: 25px;
+}
+
+.widget-title>h3 {
+ color: #fff;
+ margin-bottom: 15px;
+ margin-top: 0;
+ position: relative;
+}
+
+#search-form {
+ position: relative;
+}
+
+#search-submit {
+ background: none;
+ border: 0;
+ color: #C8C8CA;
+ display: block;
+ font-size: 16px;
+ height: 32px;
+ outline: 0;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: 32px;
+}
+
+.widget-content .tab-content {
+ background-color: #2f383d;
+ padding: 20px;
+}
+
+.tab-post-nav {
+ background-color: #4A535A;
+}
+
+.tab-post-nav li {
+ float: left;
+}
+
+.tab-post-nav li.active a {
+ border-top: 3px solid #6cb670;
+ background-color: #2F383D;
+ color: #6CB670;
+}
+
+.tab-pane.active .clearfix:first-child {
+ margin-bottom: 25px;
+}
+
+.tab-excerpt>span {
+ display: block;
+ font-size: 12px;
+ margin-bottom: 10px;
+}
+
+.tab-excerpt h4 a {
+ color: #fff;
+}
+
+.tab-excerpt h4 a:hover {
+ color: #6cb670;
+}
+
+.tab-post-nav li a {
+ border-top: 3px solid transparent;
+ color: #fff;
+ display: block;
+ padding: 13px 18px;
+ text-align: center;
+}
+
+.categories li {
+ margin-bottom: 10px;
+ transition: all .5s ease-in 0s;
+}
+
+.categories>li:hover a {
+ padding-left: 10px;
+ color: #6CB670;
+}
+
+.categories>li:last-child {
+ border-bottom: 0;
+}
+
+.categories li a {
+ padding-left: 5px;
+}
+
+.widget-content .tag {
+ background-color: #2F383D;
+ color: #fff;
+ display: inline-block;
+ margin-bottom: 10px;
+ margin-right: 5px;
+ padding: 5px 13px;
+}
+
+.widget-content .tag:hover {
+ background-color: #6CB670;
+ color: #fff;
+}
+
+.post-pagination {
+ display: inline-block;
+ margin-bottom: 20px;
+}
+
+.post-pagination ul li {
+ margin-right: 5px;
+ float: left;
+}
+
+.post-pagination ul li:last-child {
+ margin-right: 0;
+}
+
+.post-pagination ul li.disabled a {
+ cursor: not-allowed;
+}
+
+.post-pagination ul li.disabled a:hover {
+ background-color: #2E373C;
+ color: #9aa8b3;
+}
+
+.post-pagination ul li a {
+ background-color: #30393e;
+ color: #9aa8b3;
+ display: block;
+ padding: 8px 18px;
+}
+
+.post-pagination ul li a:hover,
+.post-pagination ul li.active a {
+ background-color: #6CB670;
+ color: #fff;
+}
+
+/*=================================================================
+ Single Blog Page
+==================================================================*/
+.single-blog {
+ background-color: #fff;
+ margin-bottom: 50px;
+ padding: 20px;
+}
+
+blockquote {
+ border-left: 5px solid #6cb670;
+ font-style: italic;
+ line-height: 22px;
+ margin: 20px 0;
+}
+
+.next-prev {
+ border-bottom: 1px solid #4e595f;
+ border-top: 1px solid #4e595f;
+ margin: 20px 0;
+ padding: 15px 0 10px;
+}
+
+.next-prev a:hover {
+ color: #6CB670;
+}
+
+.prev-post i {
+ float: left;
+ margin-right: 10px;
+ margin-top: -4px;
+}
+
+.next-post i {
+ float: right;
+ margin-left: 10px;
+ margin-top: -3px;
+}
+
+.post-author {
+ margin-right: 20px;
+}
+
+.post-author>img {
+ border: 1px solid #4e595f;
+ max-width: 120px;
+ padding: 5px;
+ width: 100%;
+}
+
+.comment-reply-form>h3,
+.author-about>h4,
+.comments>h4 {
+ border-bottom: 1px solid #4e595f;
+ margin-bottom: 15px;
+ margin-top: 0;
+ padding-bottom: 10px;
+ position: relative;
+}
+
+.author-bio h5 {
+ display: inline-block;
+}
+
+.post-item .comments-section {
+ margin-top: 35px;
+}
+
+.comment-list ul {
+ margin-top: 20px;
+}
+
+.comment-list li {
+ margin-bottom: 20px;
+}
+
+.comment-wrap {
+ border: 1px solid #4e595f;
+ border-radius: 1px;
+ margin-left: 20px;
+ padding: 10px;
+ position: relative;
+}
+
+.comment-wrap .author-avatar {
+ margin-left: -25px;
+ margin-right: 20px;
+}
+
+.author-comment {
+ margin-bottom: 15px;
+ overflow: hidden;
+}
+
+.author-comment cite a:hover,
+.replay:hover {
+ color: #6CB670;
+ text-decoration: underline;
+}
+
+.author-comment cite {
+ margin-bottom: 2px;
+ padding-top: 4px;
+}
+
+.comment-content {
+ margin-left: 45px;
+}
+
+.comment-list ul li {
+ padding-left: 25px;
+}
+
+.comment-reply-form {
+ margin-top: 80px;
+}
+
+#comment-form {
+ margin-top: 35px;
+}
+
+#comment-form .form-control:hover {
+ border-color: #6CB670;
+}
+
+.form-group:last-child,
+.form-group:last-child input {
+ margin: 0;
+}
+
+.form-control-meghna .form-control {
+ background-color: transparent;
+ padding: 5px 10px;
+ color: #ddd;
+ border: 1px solid rgba(236, 239, 241, 0.07);
+}
+
+.form-control-meghna .form-control:focus
+{
+ border-color: #57cbcc;
+ box-shadow: 0 0 0 0.2rem rgba(0, 174, 255, 0.432);
+}
+
+figure img {
+ display: block;
+ margin: 0 auto 5px;
+}
+
+figcaption {
+ text-align: center;
+}
+
+/*! Social sharing buttons from Sharingbuttons.io */
+.resp-sharing-button__link,
+.resp-sharing-button__icon {
+ display: inline-block
+}
+
+.resp-sharing-button__link {
+ text-decoration: none;
+ color: #fff;
+ margin: 0.5em
+}
+
+.resp-sharing-button {
+ border-radius: 5px;
+ transition: 25ms ease-out;
+ padding: 0.5em 0.75em;
+ font-family: Helvetica Neue,Helvetica,Arial, sans-serif;
+}
+
+.resp-sharing-button__icon svg {
+ width: 1em;
+ height: 1em;
+ margin-right: 0.4em;
+ vertical-align: top
+}
+
+.resp-sharing-button--small svg {
+ margin: 0;
+ vertical-align: middle
+}
+
+/* Non solid icons get a stroke */
+.resp-sharing-button__icon {
+ stroke: #fff;
+ fill: none
+}
+
+/* Solid icons get a fill */
+.resp-sharing-button__icon--solid,
+.resp-sharing-button__icon--solidcircle {
+ fill: #fff;
+ stroke: none
+}
+
+.resp-sharing-button--twitter {
+ background-color: #55acee
+}
+
+.resp-sharing-button--twitter:hover {
+ background-color: #2795e9
+}
+
+.resp-sharing-button--pinterest {
+ background-color: #bd081c
+}
+
+.resp-sharing-button--pinterest:hover {
+ background-color: #8c0615
+}
+
+.resp-sharing-button--facebook {
+ background-color: #3b5998
+}
+
+.resp-sharing-button--facebook:hover {
+ background-color: #2d4373
+}
+
+.resp-sharing-button--tumblr {
+ background-color: #35465C
+}
+
+.resp-sharing-button--tumblr:hover {
+ background-color: #222d3c
+}
+
+.resp-sharing-button--reddit {
+ background-color: #5f99cf
+}
+
+.resp-sharing-button--reddit:hover {
+ background-color: #3a80c1
+}
+
+.resp-sharing-button--google {
+ background-color: #dd4b39
+}
+
+.resp-sharing-button--google:hover {
+ background-color: #c23321
+}
+
+.resp-sharing-button--linkedin {
+ background-color: #0077b5
+}
+
+.resp-sharing-button--linkedin:hover {
+ background-color: #046293
+}
+
+.resp-sharing-button--email {
+ background-color: #777
+}
+
+.resp-sharing-button--email:hover {
+ background-color: #5e5e5e
+}
+
+.resp-sharing-button--xing {
+ background-color: #1a7576
+}
+
+.resp-sharing-button--xing:hover {
+ background-color: #114c4c
+}
+
+.resp-sharing-button--whatsapp {
+ background-color: #25D366
+}
+
+.resp-sharing-button--whatsapp:hover {
+ background-color: #1da851
+}
+
+.resp-sharing-button--hackernews {
+background-color: #FF6600
+}
+.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus { background-color: #FB6200 }
+
+.resp-sharing-button--vk {
+ background-color: #507299
+}
+
+.resp-sharing-button--vk:hover {
+ background-color: #43648c
+}
+
+.resp-sharing-button--facebook {
+ background-color: #3b5998;
+ border-color: #3b5998;
+}
+
+.resp-sharing-button--facebook:hover,
+.resp-sharing-button--facebook:active {
+ background-color: #2d4373;
+ border-color: #2d4373;
+}
+
+.resp-sharing-button--twitter {
+ background-color: #55acee;
+ border-color: #55acee;
+}
+
+.resp-sharing-button--twitter:hover,
+.resp-sharing-button--twitter:active {
+ background-color: #2795e9;
+ border-color: #2795e9;
+}
+
+.resp-sharing-button--google {
+ background-color: #dd4b39;
+ border-color: #dd4b39;
+}
+
+.resp-sharing-button--google:hover,
+.resp-sharing-button--google:active {
+ background-color: #c23321;
+ border-color: #c23321;
+}
+
+
+.resp-sharing-button--email {
+ background-color: #777777;
+ border-color: #777777;
+}
+
+.resp-sharing-button--email:hover,
+.resp-sharing-button--email:active {
+ background-color: #5e5e5e;
+ border-color: #5e5e5e;
+}
+
+.resp-sharing-button--reddit {
+ background-color: #5f99cf;
+ border-color: #5f99cf;
+}
+
+.resp-sharing-button--reddit:hover,
+.resp-sharing-button--reddit:active {
+ background-color: #3a80c1;
+ border-color: #3a80c1;
+}
+
+.resp-sharing-button--whatsapp {
+ background-color: #25D366;
+ border-color: #25D366;
+}
+
+.resp-sharing-button--whatsapp:hover,
+.resp-sharing-button--whatsapp:active {
+ background-color: #1DA851;
+ border-color: #1DA851;
+}
+
+.resp-sharing-button--telegram {
+ background-color: #54A9EB;
+}
+
+.resp-sharing-button--telegram:hover {
+ background-color: #4B97D1;}
+
+/*# sourceMappingURL=maps/style.css.map */
diff --git a/assets/sass/custom.scss b/assets/sass/custom.scss
index fd4c9c3..49996e6 100644
--- a/assets/sass/custom.scss
+++ b/assets/sass/custom.scss
@@ -4,18 +4,6 @@ p, h3, h4 {
font-family: 'Source Sans Pro', sans-serif;
}
-.logo {
- img {
- height: 2em;
- }
-}
-
-.copyright {
- img {
- height: 2em;
- }
-}
-
.bg-1 {
// background-size: contain;
background-size: cover;
@@ -25,10 +13,26 @@ p, h3, h4 {
margin-bottom: 60px;
}
+.about {
+ .block {
+ margin-bottom: 50px;
+ }
+}
+
.client-thumb img {
border-radius: 50%;
}
+.copyright {
+ img {
+ height: 2em;
+ }
+}
+
+.counters-item {
+ margin-bottom: 2em;
+}
+
// .hero-area {
// background-color: blue;
// background-color: #000099;
@@ -38,6 +42,12 @@ p, h3, h4 {
// background-size: contain;
// }
+.logo {
+ img {
+ height: 2em;
+ }
+}
+
.member-meta {
span {
font-size: .8em;
@@ -58,3 +68,12 @@ p, h3, h4 {
padding-bottom: 30px;
}
+#clan-logo {
+ // min-height: 50vh;
+ max-height: 300px;
+ // min-width: 100%;
+ // min-height: 100%;
+ // max-height: 100%;
+ // width: auto;
+ // height: auto;
+}
diff --git a/layouts/partials/about.html b/layouts/partials/about.html
index 72f2671..c1ae11e 100644
--- a/layouts/partials/about.html
+++ b/layouts/partials/about.html
@@ -46,6 +46,11 @@
+
+
+
+
{{"" | safeHTML}}
-
+
{{"" | safeHTML}}
-
+
+
{{ range .socialIcon }}