/*==============================================

[Main stylesheet style.css]



Author:	AimanDesign

Version:	1.0

Created:	19 / 07 / 2017

Template: Macha - Mobile Web APP Template

================================================*/





/*

[Table of Contents]



1.general

2.index

3.shop categories

4.product v1

5.productv2

6.prouctv3

7.product-details

8.analytiques

9.cart

10.checkout

11.blog

12.blogv2

13.single post

14.login/signup/forgot-psw

15.profile

16.gallery

17.contact

18.panels

19.pages-list

*/





/*general*/



body {

    color: #000;

    font-family: 'Rubik', sans-serif;

    font-size: 14px !important;

    background-color: #fff !important;

}



.navbar {

    background: #fff;

    height: 39px;

}

.navbar-spec {

  background: #212121 ;

}

.navbar-spec-v {

    background: #fff;

}

.navbar-spec-vt {

    background: #1f4ba4;

    color: #fff;

}

.navbar-spec-vt a.link, .navbar-spec-vt a.link, .toolbar a.link {

        color: #fff !important;

}

.navbar .left a+a, .navbar .right a+a {

    margin-left: 0px;

}



.firstlink {

    margin-left: 15px;

}

.navbar a.icon-only, .subnavbar a.icon-only, .toolbar a.icon-only {

    height: 39px;

}

.navbar a.link, .subnavbar a.link, .toolbar a.link {

    color: #000;

}

.navbar-spec a.link, .navbar-spec a.link, .toolbar a.link {

    color: #fff;

}

.navbar-spec .center.sliding {

    color : #fff ;

}

.center ,.right a, .left a{

    height: 39px;

}

.navbar .left {

    margin-right: 0px !important;

}

.center.sliding {

    font-size: 12px;

}

.page {

    background: #fff;

}



h1, h2, h3, h4, h5, h6 {

    color: #000;

    margin: 0;

    font-family: 'Rubik', sans-serif;

}



p {

    margin: 0px !important;

    font-size: 14px;

    font-family: 'Nunito Sans', sans-serif;

    color: #000;

    line-height: 1.714;

    letter-spacing: .65px;

}



a {

    color: #c6c6c6;

}



img {

    height: 100%;

}



.content-block {

    margin: 0;

}



.text-left {

    text-align: left;

}



.text-right {

    text-align: right;

}



.text-center {

    text-align: center;

}



.margin-right-auto {

    margin-right: auto !important;

}



.margin-left-auto {

    margin-left: auto !important;

}



.margin-top-15 {

    margin-top: 15px !important;

}



.margin-top-5 {

    margin-top: 5px !important;

}



.margin-top-10 {

    margin-top: 10px !important;

}



.margin-top-20 {

    margin-top: 20px !important;

}



.margin-top-30 {

    margin-top: 30px !important;

}



.margin-top-35 {

    margin-top: 35px !important;

}



.margin-top-40 {

    margin-top: 40px !important;

}



.margin-bottom-5 {

    margin-bottom: 5px !important;

}



.margin-bottom-10 {

    margin-bottom: 10px !important;

}



.margin-bottom-15 {

    margin-bottom: 15px !important;

}

.margin-bottom-20 {

    margin-bottom: 20px !important;

}

.margin-bottom-30 {

    margin-bottom: 30px !important;

}



.margin-bottom-35 {

    margin-bottom: 35px !important;

}



.margin-bottom-40 {

    margin-bottom: 40px !important;

}



.offeset-bottom-75 {

    margin-bottom: 75px !important;

}



.offeset-top-75 {

    margin-top: 75px !important;

}

.navbar-fixed .page-content, .navbar-through .page-content {

    padding-top: 39px;

}

.shop-icon sup {

    top: 7px;

    left: 24px;

    position: absolute;

    background-color: #1f4ba4;

    color: #fff ;

    border-radius: 100%;

    font-size: 9px;

    line-height: 15px;

    padding: 0 5px;

}



/*main page*/

.main-slider-section .card-header {

    height: 300px;

    background-size: cover;

    background-position: center;

    border-radius: 0;

    padding: 40px 15px;

}

.swiper-button-next, .swiper-button-prev {

    background: rgba(0, 0, 0, 0.5) ;

    color: #fff;

    line-height: 29px;

    height: 27px;

    top: 55%;

	   text-align: center;

}

.main-slide-text {

    text-align: center;

}

.main-slide-text h2 {

    text-transform: uppercase;

    color: #fff;

}

.main-slide-text p {

    color: #fff;

}

.slide-btn h5 {

    border: 1px solid #1f4ba4;

    width: 133px;

    background: #1f4ba4;

    margin: 0 auto;

    color: #fff;

    font-weight: 100;

    height: 25px;

    line-height: 25px;

}

.section-title h2 {

    font-weight: 400;

    text-align: center;

}

.section-content p {

    text-align: center;

}

.features-slide {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.features-slide .swiper-slide h4 {

    text-align: center;

    font-size: 12px;

    font-weight: 400;

}

.features-slide .swiper-slide {

    text-align: center;

}

.features-slide .swiper-slide span {

    font-size: 40px;

}

.features-slide .swiper-button-next,.features-slide .swiper-button-prev {

    background: transparent;

    color: #000;

    line-height: 29px;

    height: 27px;

    text-align: right;

    right: 0 ;

}

.features-slide .swiper-button-prev {

  text-align: left ;

  left: 0;

}



.features-slide {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.product-slide .swiper-slide h4 {

    text-align: center;

    font-size: 12px;

    font-weight: 400;

}

.product-slide .swiper-slide {

    text-align: center;

}

.product-slide .swiper-slide span {

    font-size: 40px;

}

.product-slide .swiper-button-next,.product-slide .swiper-button-prev {

    background: transparent;

    color: #000;

    line-height: 29px;

    height: 27px;

    text-align: right;

    right: 0 ;

}

.product-slide .swiper-button-prev {

  text-align: left ;

  left: 0;

}



.blue-section .card-header {

    height: 200px;

    padding: 40px 15px ;

    background-size: cover;

    background-position: center;

    border-radius: 0;

    background: #1f4ba4;

}

.blue-section h2 {

    text-transform: uppercase;

    color: #fff;

    font-weight: 400;

}

.blue-section h5 {

    border: 1px solid #fff;

    height: 30px;

    line-height: 30px;

    width: 150px;

    color: #fff;

    font-weight: 400;

    margin: 0 auto;

}

.section-btn h5 {

    border: 1px solid #1f4ba4;

    width: 150px;

    height: 25px;

    line-height: 25px;

    color: #fff;

    margin: 0 auto;

    font-weight: 400;

    background: #1f4ba4;

    text-align: center;

    box-shadow: 0px 3px 15px #888888;

}

.mainpg-blog .card-header {

    height: 250px;

    background-size: cover;

    background-position: center;

    border-radius: 0;

    align-items: flex-end;

}

.article-text p {

    text-align: left;

    color: #fff;

    font-size: 12px;

}

.article-text h2 {

    color: #fff;

}

.article-text {

    padding: 40px;

}

.client-slide {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    z-index: 1;

    line-height: 0px;

}

.client-slide img {

    max-width: 100%;

    height: auto;

    width: auto;

}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {

    width: 100%;

    left: 0;

    margin-top: 10px;

    line-height: 0px;

}



span.swiper-pagination-bullet {

    margin: 0 3px;

    border-radius: 0;

    width: 15px;

    height: 3px;

}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: #1f4ba4;

}

.testimonials-slide {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    z-index: 1;

    line-height: 0px;

}

.testimonials-section {

    margin-top: 47px;

    background-image: linear-gradient(rgba(31, 75, 164, 0.35),rgba(31, 75, 164, 0.35)),url(https://wirelessunits.com/content/wirelesstower.png);

    padding-top: 40px;

    padding-bottom: 40px;

    background-size: cover;

    background-position: center;

}

.testimonials-pagination.swiper-pagination-clickable.swiper-pagination-bullets {

    width: 100%;

    left: 0;

    margin-top: 10px;

    line-height: 0px;

    text-align: center;

}

.testimonials-section .section-title h2 {

    color: #fff;

}

.testimonials-section p {

    color: #fff;

}

.testimonials-section span.swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: #fff;

}

.socials ul {

    padding: 0;

    margin: 0;

}



.socials {

    text-align: center;

}

.socials ul li {

    list-style: none;

    display: inline-block;

    margin: 0 10px;

    color: #fff;

}

.footer-secion h4 {

    text-align: center;

    font-size: 12px;

    color: #fff;

    font-weight: 500;

}

.footer-secion {

    padding: 20px 0;

    background: #1f4ba4;

}

/*shop style*/

.list-block.accordion-list {

    margin: 0;

}

.shop-page .list-block .item-title {

    min-width: 100%;

    text-align: center;

}

.shop-page .item-title h4 {

    font-weight: 400;

}

.list-block .item-link .item-inner, .list-block .list-button .item-inner {

    background: transparent;

    padding-right : 0 ;

}

.list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row, .list-block .accordion-item-expanded.media-item>.item-link .item-title-row, .list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row, .list-block.media-list .accordion-item-expanded>.item-link .item-title-row, .list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner, .list-block:not(.media-list) .accordion-item-expanded:not(.media-item)>.item-link .item-inner {

    background: transparent;

}

.list-block .item-content  {

  padding-left : 0 ;

}

.shop-page .card-header {

    height: 150px;

    background-size: cover;

    background-position: 100% 0%;

    border-radius: 0;

}

.categ-text {

    text-align: center;

    margin: 0 auto;

}

.categ-text h3 {

    color: #fff;

}

.categ-text p {

    color: #fff;

}

.shop-page .card-spec {

    background-position: 100% -38px;

}

/*product*/

.searchbar-cancel {

    color: #000;

    margin-right: 12px !important;

}

.navbar-fixed .page>.searchbar, .navbar-fixed>.searchbar, .navbar-through .page>.searchbar, .navbar-through>.searchbar {

    top: 39px;

}

.searchbar {

    background: #fff;

}

.searchbar input[type=search] {

    background-color: transparent;

    color: #000;

}

.navbar-fixed .page>.searchbar~.page-content, .navbar-fixed>.searchbar~.page-content, .navbar-through .page>.searchbar~.page-content, .navbar-through>.searchbar~.page-content {

    padding-top: 83px;

}

.product-page .list-block {

    margin: 0 ;

}

.shop-menu-page .card-header {

    height: 150px;

    background-size: cover;

    background-position: center;

    border-radius: 0;

}



.shop-menu-page a h6 {

    border: 1px solid #212121;

    width: 40px;

    text-align: center;

}



.shop-items h6 span {

    color: red;

    text-decoration: line-through;

    margin-left: 6px;

}



.shop-menu-page .item-link.item-content {

    padding: 0;

}



.shop-menu-page .list-block {

    margin: 0;

    font-size: 14px;

}



.shop-menu-page .list-block.media-list .item-link .item-title-row {

    padding-right: 0;

    background: transparent;

}



.shop-menu-page .item-media {

    padding: 0 !important;

}



.shop-menu-page .item-inner {

    padding: 0 !important;

}



.shop-menu-page .list-block .item-text {

    max-height: 75px;

}

html.ios-gt-8 .list-block li.media-item .item-title, html.ios-gt-8 .list-block.media-list .item-title {

    line-height: 2;

    font-size: 11px ;

    color: #000;

}

.list-block .item-after {

    line-height: 16px;

    font-weight: 500;

}

.list-block .item-after {

    color: #000;

}

.item-title-row {

    margin-top: 22px;

}

.shop-menu-page .list-block .item-text {

    max-height: 75px;

    font-size: 11px;

}

.list-block .swipeout-actions-left a, .list-block .swipeout-actions-right a {

    background: linear-gradient(-90deg, #fbd2ce, #f6cca2);

}

.swipeout-actions-right span {

    font-size: 25px;

    padding: 0 18px;

}

.notifications li.notification-item .item-inner {

    padding-top: 0;

    padding: 0;

}

.notifications .item-title-row {

    margin: 0 !important;

}

.notifications .item-after {

    margin-right: 10px;

}

.notifications .item-after a{

    line-height: 10px ;

}

.notifications .item-title {

    text-align: center;

    margin: 0 auto;

    width: 100% !important;

    margin-left: 35px;

}

.notification-item .item-content .item-inner .item-title-row .item-title{

    line-height: 35px;

    font-size: 11px;

    color: #000;

    font-weight: 500;

}

.notifications .item-title-row:before {

    background: #fbd2ce;

}

.notifications .close-notification {

    opacity: 1;

}

.notification-item .item-text {

    padding: 10px;

}

/*product v2*/

.button {

    color: #fff;

    border: none;

    font-size: 11px;

    overflow: visible;

}

.buttons-row .button:first-child {

    border-radius: 0;

    border-left-width: 0;

    border-left-style: none;

}

.button.active {

    background: none;

    border-bottom: 1px dotted #fff;

}

.buttons-row .button:last-child {

    border-radius: 0;

}



textarea {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;



    width: 100%;

}

#searchBox{

	position:relative;

	display:inline-block;

	margin:4px 2px;

	width:100%;

	vertical-align:center

}

#searchBox label{

	position:absolute!important;

	clip:rect(1px 1px 1px 1px);

	clip:rect(1px,1px,1px,1px)

}

#searchBox input[type=search]{

	-webkit-appearance:none;

	-moz-appearance:none;

	appearance:none;

	width:264px;

	height:32px;

	padding:0 50px 0 10px;

	font:14px Arial,sans-serif;

	border:none;

	border-radius:4px;

	background:#fff;

	vertical-align:middle

}

#searchBox button{

	position:absolute;

	right:3px;

	top:3px;

	height:26px;

	padding:0 6px;

	color:#fff;

	font:bold 15px Proxima-Nova,Arial,sans-serif;

	text-transform:uppercase;

	text-decoration:none;

	background:#1F4BA4;

	border:none;

	border-radius:2px;

	vertical-align:middle;

	cursor:pointer;

	-webkit-appearance:none;

	-moz-appearance:none;

	appearance:none

}

#searchBox button:hover{

	background:#000

}

.single-art .card-header {

    height: 150px;

    background-size: cover;

    background-position: 100% 0%;

    border-radius: 3px 3px 0px 0px;

}

.productvtwo-page {

    padding-top: 82px !important;

}

.tabs .page-content{

    padding-top: 0px;

}

.single-art-text {

    background: #fbd2ce;

    border-radius: 0 0 3px 3px;

    padding: 10px;

    text-align: center;

}

.single-art-text h4 {

    font-weight: 400;

}



.single-art-text i {

    margin-top: -185px;

    right: 30px;

    position: absolute;

    color: #da404a;

    border-radius: 100%;

    font-weight: 900;

    font-size: 18px;

    line-height: 15px;

    padding: 0 5px;

}

.single-art .spec-cards-art {

    height: 150px;

    background-size: cover;

    background-position: 100% -86px;

    border-radius: 3px 3px 0px 0px;

}

.spec-footer {

    background: #212121;

}

/*product v3*/

.shop-slide {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.shop-pagination.swiper-pagination-clickable.swiper-pagination-bullets {

    width: 100%;

    left: 0;

    margin-top: 10px;

    line-height: 0px;

    text-align: center;

}

.shopvtwo-page .card-header {

    height: 300px;

    background-size: cover;

    background-position: center;

    border-radius: 0;

}

.shopvtwo-page .shopvt-banner {

    height: 150px;

    background-size: cover;

    background-position: center;

    background-image: linear-gradient(rgb(31, 75, 164),rgb(31, 75, 164));

    border-radius: 0;

}

.shopvt-banner .slider-item-caption.content-block {

    margin: 0 auto;

    font-size: 60px;

    opacity: 0.5;

}

.shopvtwo-page .card-article{

    height: 150px;

    background-size: cover;

    background-position: center;

    border-radius: 3px 3px 0px 0px;

}

.shopvtwo-page .single-art-text i {

    margin-top: -208px;

    right: inherit;

    margin-left: 40px !important;

    position: absolute;

    color: #da404a;

    border-radius: 100%;

    font-weight: 900;

    font-size: 18px;

    line-height: 15px;

    padding: 0 5px;

}

/*product-details*/

.details-slide {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    z-index: 1;

    height: 300px ;

}

.details-pagination.swiper-pagination-clickable.swiper-pagination-bullets {

    width: 100%;

    left: 0;

    margin-top: 10px;

    line-height: 0px;

    text-align: center;

}

.details-slide .card-header {

    height: 300px;

    background-size: cover;

    background-position: 0px 0px;

    border-radius: 0;

}

.swiper-container-vertical>.swiper-pagination-bullets {

    right: 10px;

    margin-left: 10px;

    top: 47%;

}

.details-slide span.swiper-pagination-bullet {

    border-radius: 100% !important;

    height: 8px !important;

    width: 8px !important;

}

.details-page .list-block ul:after {

    background-color: transparent;

}

.product-info h5.tag {

    height: 20px;

    border: 1px solid #1f4ba4;

    width: 91px;

    line-height: 20px;

    text-align: center;

    background: #1f4ba4;

    border-radius: 100px;

    color: #fff;

    font-weight: 400;

}

.product-info h3 {

    font-weight: 500;

}

.old-price {

    color: #696969;

    font-weight: 500;

    text-decoration: line-through;

    color: #000 !important;

    margin-right: 10px ;

}

h5.product-prices span {

    color: #da404a;

}

ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

li {

    font-size: 12px;

    color: #000;

}

li.discrip::before {

    content: "• ";

    color: #1f4ba4;

    margin-right: 10px;

    font-size: 20px;

}

.item-color-size .list-block.inputs-list {

    margin: 0 !important;

}



.item-color-size .item-inner {

    padding: 0 !important;

    margin: 0 !important;

}



.item-color-size .item-content {

    padding: 0 !important;

}



.item-color-size .item-content {

    min-height: 20px !important;

}



.item-color-size .item-inner, .item-color-size .item-inner.not-empty-state {

    min-height: 20px !important;

}



.list-block .item-input {

    min-height: 20px;

    margin: 0 !important;

}



.item-color-size .list-block input[type="text"] {

    min-height: 28px;

    font-size: 12px;

    border: 1px solid #e2e2e2;

    border-radius: 100px 0px 0px 100px;

    text-align: center;

    height: 28px;

}

.item-color-size .list-block .size {

    border-radius: 0px 100px 100px 0px !important;

    border-left: 0 !important;

}

.focus-state .input-field::after, .focus-state .item-input-field::after, .input-field.focus-state::after, .input-field.not-empty-state::after, .item-input-field.focus-state::after, .item-input-field.not-empty-state::after, .not-empty-state .input-field::after, .not-empty-state .item-input-field::after {

    background: #212121;

}



.picker-modal .toolbar {

    background: #fbd2ce;

}

.toolbar a.link {

    color: #000;

}

.list-block {

    margin: 0;

}

.list-block ul:before {

    background-color: transparent;

}

.review-sec {

    padding-top: 20px;

    padding-bottom: 20px;

    background: #f8f8f8 ;

}

.ratings i {

    text-align: center;

    margin: 0 3px;

    color: #1f4ba4;

}

.ratings {

    text-align: center;

}

.reviewers .col-80 h4 {

    color: #909090;

    letter-spacing: 2px;

font-weight: 400;

}

.reviewers .col-80 h4 span {

    color: #000;

}

.reviewers .card-header.color-white.no-border {

    background-size: cover;

        border-radius: 100%;

}

.row.single-review {

    border-bottom: 1px solid #e0e0e0;

    padding-bottom: 15px;

    padding-top: 15px;

}

.stars-text h3 {

    font-weight: 500;

    letter-spacing: 3px;

}

.client-form-rev .item-inner {

    padding: 0 !important;

}

.client-form-rev textarea {

    padding: 8px 10px !important;

    font-size: 14px !important;

    text-align: center;

    line-height: 84px;

}

.stars-text {

    text-align: center;

}

.list-block ul:after {

    background-color: transparent;

}

.picker-modal.picker-columns.remove-on-close.modal-in {

    background: #fff;

}

/*analytiques*/

.navbar-spec-v .button {

    color: #000 !important;

}

.navbar-spec-v .button.active {

    background: none;

    border-bottom: 1px dotted #000;

}

canvas {

    width: auto;

    max-width: 100%;

}

.page-content.analyti-page {

    padding-top: 82px;

}

.analyti-page .card {

    margin: 0;

}

.analyti-page  .card-header h4 {

    margin: 0 auto;

    font-weight: 500;

    color: #fff;

}

.analyti-page .card-header {

    background: #1f4ba4;

}

.analyti-page .card-content {

    padding: 10px;

}

/*cart*/

.cart-page .card-header.color-white.no-border {

    width: 85px;

    height: 85px;

    background-size: cover;

    box-shadow: 10px 8px 8px #888888;

}

.cart-page .col-70 h4 {

    font-size: 12px;

}

.cart-page .col-70 p {

    font-size: 12px;

    color: #aaa;

}

.col-70 {

    padding-left: 26px;

}

.single-item {

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 20px;

}

.ttl-price h4 {

    text-align: right;

}

.ttl-txt h4 {

    color: #1f4ba4;

    font-weight: 500;

}

/*checkout*/

.checkout-page .item-inner {

    border-bottom: 1px solid #fff;

}

.checkout-page .label h4 {

    color: #1f4ba4;

    font-weight: 500;

}

.list-block input[type=text] {

    color: #000;

    font-weight: 500;

    font-size: 14px;

    font-family: inherit;

    text-align: right;

}

/*blog*/

.blog-page .card-header{

    height: 200px;

    background-size: cover;

    align-items: baseline ;

    padding-left: 0;

}

.top-post-prev .date-post {

    border: 1px solid #1f4ba4;

    background: #1f4ba4;

    width: 70px;

    text-align: center;

    color: #fff;

    font-weight: 400;

    padding: 5px 0;

    top: 0 !important;

    position: absolute;

}

h5.categ-post {

    color: #1f4ba4;

    font-weight: 500;

}

.blog-tabs .button {

    color: #1f4ba4;

    border: none;

    font-size: 12px;

    font-weight: 500;

    overflow: visible;

}

.blog-tabs .button.active {

    background: none;

    border-bottom: 1px solid #1f4ba4;

}

.fashion-cat-content  .card-header.color-white.no-border {

    height: 122px;

    background-size: cover;

    align-items: flex-end;

}

.first-side .card-header.color-white.no-border {

    height: 244px;

}

.fashion-cat-content .article-text {

    padding: 22px 22px 0px 22px;

}

.fashion-cat-content .article-text h4 {

    color: #fff;

}

.views {

    display: inline;

}

.likes {

    display: inline-block;

}

.post-info {

    font-size: 11px;

    color: #aaa;

}

/*blog v2*/

.blogvt-page .card-header.color-white.no-border {

    height: 200px;

    background-size: cover;

    background-position: center;

}

.post-info h5 {

    color: #aaa;

    font-weight: 400;

}

.post-info h5 span {

    color: #fff;

    border: 1px solid #1f4ba4;

    background: #1f4ba4;

    padding: 3px 10px;

    text-align: center;

    border-radius: 100px;

    margin-right: 10px;

}

.post-info h2.margin-top-10 {

    font-weight: 500;

}

.post-info h4.margin-top-15 {

    color: #aaa;

    font-weight: 400;

}

/*single post*/

.single-post-top .card-header {

    height: 300px;

    background-size: cover;

    border-radius: 0;

}

.single-info h5 {

    border: 1px solid #1f4ba4;

    width: 85px;

    margin: 0 auto;

    padding: 3px 0;

    color: #fff;

    background: #1f4ba4;

    border-radius: 100px;

    font-size: 12px;

    font-weight: 400;

}

.single-info h3 {

    color: #fff;

    font-weight: 400;

}

.single-info p {

    color: #aaa;

}

.single-info {

    text-align: center;

}

.share-bkmrk span {

    margin: 0 10px;

    color: #f1f1f1;

    border: 1px solid #aaa;

    padding: 5px;

    border-radius: 100%;

}

.single-content p {

    font-size: 12px;

    color: #000;

    font-weight: 700;

}

.single-content .card-header.color-white.no-border {

    height: 150px;

    background-size: cover;

}

p.img-des.margin-top-15 {

    font-size: 11px;

    color: #aaa;

}

.author-sec .card-header.color-white.no-border {

    background-size: cover;

    border-radius: 100%;

}

.author-name h5 {

    color: #aaa;

    font-weight: 400;

}



.author-sec h4 {

    font-weight: 500;

}



.author-name {

    line-height: 20px;

}

.follow-author h4 {

    border: 1px solid #1f4ba4;

    text-align: center;

    border-radius: 100px;

    width: 73px;

    margin-top: 10px;

    font-weight: 400;

    color: #1f4ba4;

}

.sociale-share ul {

    text-align: center;

}

.sociale-share li {

    display: inline-block;

    margin: 0 10px;

}

.sociale-share li span {

    margin-right: 10px;

}

.sociale-share ul {

    text-align: center;

    border: 1px solid #dedede;

    border-radius: 100px;

}

.sociale-share ul li.chosene-one {

  border-right: 1px solid #dedede;

  padding-top: 10px;

      padding-bottom: 10px;

      padding-right: 24px;

}

/*log pages*/

.page-content.log-page {

    background-image: linear-gradient(#212121,#212121,rgba(33, 33, 33, 0.75),rgba(0, 0, 0, 0)),url(../img/macha/6.jpg);

    background-size: cover;

}

.macha-logo h2{

  text-align: center ;

  color : #fff ;

}

.log-page .list-block input {

    text-align: left;

    padding-left: 15px;

    font-size: 14px;

    color: #fff;

    border: 1px solid rgba(170, 170, 170, 0.39);

    font-weight: 400 !important;

}

.log-page .item-inner {

    padding: 0;

}

.log-page .list-block ul {

    background: transparent;

}

.log-page .list-block ul:after , .log-page .list-block .item-inner:after{

        background-color: transparent;

}

.log-content {

    padding: 0 20px;

    top: 21%;

    right: 0;

    left: 0;

    position: absolute;

}

.label-radio .item-inner {

    margin-left: 0 !important;

    min-height: 30px;

    width: 30px;

    max-width: 30px;

}

label.label-radio.item-content {

    border: 1px solid rgba(170, 170, 170, 0.39);

    height: 30px;

    width: 30px;

    min-height: 30px !important;

}

.forgot-psw .col-40 h4 {

    line-height: 34px;

    color: #fff;

    font-weight: 300;

}

.frgt-pg {

  text-align: right;

}

.log-btn a h4 {

    border: 1px solid #1f4ba4;

    text-align: center;

    background: #1f4ba4;

    color: #fff;

    height: 44px;

    line-height: 44px;

    font-weight: 500;

}

.not-reg a h5 {

    text-align: center;

    font-size: 13px;

    color: #fff;

    font-weight: 400;

    margin-top: 10px;

}

/*sign up*/

.sign-content {

    padding: 0 20px;

    top: 16%;

    right: 0;

    left: 0;

    position: absolute;

}

/*profile */

.profile-cover .card-header {

    background-size: cover;

    height: 300px;

    align-items: flex-end;

}

.profile-info {

    text-align: center;

    margin: 0 auto;

    padding-bottom: 20px;

}

.profile-info h4 {

    color: #fff;

    font-weight: 400;

    letter-spacing: 3px;

}

.profile-info p {

    color: #fff;

}

.profile-btn h5 {

    border: 1px solid #1f4ba4;

    background: #1f4ba4;

    color: #fff;

    height: 23px;

    line-height: 23px;

    font-weight: 400;

}

.followers p {

    font-size: 12px;

    font-weight: 700;

    text-align: center;

    color: #828282;

}

.followers {

    border-bottom: 1px solid #f1f1f1;

}

.followers .col-33 {

    text-align: center;

    padding: 5px 0;

    border-right: 1px solid #f1f1f1;

        font-weight: 700;

}

.followers .last-col {

    border-right: none;

}

.posts-profile .card-header.color-white.no-border {

    height: 150px;

    background-size: cover;

}

.posts-profile .fashion-cat-content .card-header.color-white.no-border {

    height: 122px;

    background-size: cover;

}

.posts-profile .fashion-cat-content .first-side .card-header.color-white.no-border {

    height: 244px;

    background-size: cover;

}

/*gallery*/

.gallery-tabs .button {

    font-size: 14px;

    color: #aaa !important;

}

.gallery-tabs .button.active {

    color: #1f4ba4 !important;

    border: none;

    font-size: 25px;

}

.page-content.gallery-page {

    padding-top: 82px;

}

.wide-section .card-header.color-white.no-border {

    height: 150px;

    background-size: cover;

    border-radius: 0;

    background-position: center;

}

.wide-section .card-header.color-white.no-border h4 {

    text-align: center;

    margin: 0 auto;

    color: #fff;

}

.grid-content .card-header.color-white.no-border {

    background-size: cover;

    height: 150px;

    background-position: center;

}

.grid-content .card-header.color-white.no-border h4{

  text-align: center;

  margin: 0 auto;

  color: #fff;

}

img.single-img-content {

    margin: 0px!important;

    max-width: 100%;

    height: auto;

    border-radius: 100%;

}

/*contact*/

.single-contact-info span {

    font-size: 35px;

    color: #1f4ba4;

}

.single-contact-info h3 {

    font-weight: 500;

    letter-spacing: 3px;

}

.single-contact-info {

    text-align: center;

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 20px;

}

.contact-content .list-block input[type=text] {

    color: #000;

    font-weight: 500;

    font-size: 14px;

    font-family: inherit;

    text-align: left;

    padding: 5px ;

}

.contact-content textarea {

    padding: 5px;

}

/*panels*/

.panel.panel-left.panel-cover.active {

    background: #212121;

}

.panel-left .navbar .left {

    margin-right: 37px !important;

}

.panel-user {

    text-align: center;

}

.panel-user img {

    border-radius: 100%;

    width: 70px;

    text-align: center;

    margin: 0 auto;

}

.panel-user h4 {

    color: #fff;

    font-weight: 500;

}

.panel-user h5 {

    color: #fff;

    border: 1px solid #1f4ba4;

    background: #1f4ba4;

    width: 94px;

    padding: 3px 0;

    margin: 0 auto;

        font-weight: 500;

}

.panel-list h4 {

    text-align: center;

    font-size: 17px;

    color: #fff;

    font-weight: 400;

}

.panel-toolbar li {

    display: inline;

    text-align: center;

    margin: 0 19px;

}

.panel-toolbar span{

    border: 1px solid #1f4ba4;

    background: #1f4ba4;

    color: #fff ;

    padding: 10px;

    border-radius: 100%;



}

.panel-toolbar {

  margin-bottom: 30px ;

}

.panel-toolbar ul {

    text-align: center;

}

.panel-list h4 span {

    border: 1px solid #1f4ba4;

    border-radius: 100%;

    padding: 3px;

    font-size: 12px;

    background: #1f4ba4;

}

.pages-list-side {

  padding-left: 24px;

}

/*pages-list*/

.pages-list-page .item-title h4 {

    font-size: 14px;

    color: #212121;

    font-weight: 400;

}

.pages-list-page .item-media span {

    font-size: 16px;

    color: #000;

}

.list-block ul:after {

    background-color: #c8c7cc;

}

.pages-list-page h4.title {

    color: #000;

    font-size: 16px;

}