:root {
    --accent-yellow-color: #f8991e;
}

body {
    background: #fcfdff;
    font-family: 'Open Sans', sans-serif;
}

body a {
    transition: 0.5s all;
}

.header-top {
    background: #113f6c;
}

ul {
    padding: 0;
    margin: 0;
}

.header-top ul {
    float: right;
}

.header-top ul li {
    display: inline-block;
    padding: 1.5em 0.7em 1.2em;
}

.header-top ul li a {
    font-size: 1em;
    text-decoration: none;
    color: #fff;
    vertical-align: top;
}

.header-top ul li span {
    background: url(../images/img-sprite.png) -16px -9px;
    width: 50px;
    height: 22px;
    display: inline-block;
}

.header-top ul li.tele-in span {
    background-position: -54px -9px;
}

.header-bottom {
    background-color: #fff;
    border-bottom: 5px solid var(--accent-yellow-color);
    position: relative;
}

.header-bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.logo {
    max-width: 100%;
    padding: 23px 30px 23px 0;
}

.logo a {
    display: block;
    width: 300px;
    max-width: 100%;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.4;
    color: #113f6c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
}

.logo a:hover {
    text-decoration: none;
}

.logo a img {
    width: 300px;
    max-width: 100%;
}

.top-nav ul li {
    display: inline-block;
    padding: 20px 15px;
}

.top-nav ul li a {
    font-size: 1.1em;
    text-decoration: none;
    color: #333;
    font-weight: 700;
}

.top-nav ul li a:hover {
    color: #113f6c;
}

@media screen and (max-width: 768px) {
    .top-nav ul li a {
        color: #fff;
    }
}

.top-nav span.menu:before {
    content: url(../images/nav-ic.png)no-repeat 0px 0px;
    cursor: pointer;
    width: 100%;
}

.top-nav span.menu {
    display: none;
}

/*--responsive media-quries--*/

@media(max-width:768px) {
    .top-nav ul {
        display: none;
        position: absolute;
        width: 100%;
        z-index: 9999;
        top: 100%;
        left: 0%;
        margin: 0em 0em;
        background: rgba(17, 63, 108, 0.88);
    }

    .top-nav span.menu {
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 25px;
        right: 15px;
        padding: 0;
    }

    .top-nav span.menu .menu-line {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #333;
        margin-top: 5px;
    }

    .top-nav ul li {
        display: block;
        float: none;
        padding: 1em 0.8em;
        text-align: center;
        border-bottom: 1px solid #ffffff;
    }

    .top-nav ul li a,
    .top-nav ul li.active a {
        color: #333;
        border: none;
        padding: 0;
    }

    @media screen and (max-width: 768px) {

        .top-nav ul li a,
        .top-nav ul li.active a {
            color: #fff;
        }
    }

    .top-nav ul li:hover {
        background: #113f6c;
    }

    .top-nav ul li a:hover,
    .top-nav ul li.active a:hover {
        color: #000;
        border: none;
    }
}

.events {
    list-style: none;
}

.slide-text-info h2 {
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    font-size: 1.5em;
    width: 37%;
    margin: 0;
    line-height: 38px;
}

.slide-text-info P {
    width: 29%;
    margin: 0.5em 0 1.5em;
    font-size: 0.7em;
    line-height: 25px;
    text-shadow: 2px 2px #000;
}


a.startnow {
    text-decoration: none;
    color: #fff;
    padding: 10px 20px;
    transition: 0.5s all;
    font-size: 0.8em;
    border: 1px solid #fff;
}

a.startnow:hover {
    border: 1px solid var(--accent-yellow-color);
    background: var(--accent-yellow-color);
}

/*----------------- Breadcrumbs ---------------*/

.breadcrumbs-wrap {
    padding: 10px 15px;
}

.breadcrumbs-list {
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 0;
    margin: 0 0;
}

.breadcrumbs-list li {
    position: relative;
    margin-right: 30px;
}

.breadcrumbs-list li:first-child {
    padding-left: 0;
}

.breadcrumbs-list li:not(:last-child)::after {
    content: "/";
    position: absolute;
    top: 0;
    right: -18px;
}

.breadcrumbs-list li a {
    color: #E74C3C;
}

/*----------------- Breadcrumbs end -----------*/

/*--content--*/
.about-left {
    float: left;
    width: 68%;
}

.about-left h3 {
    font-size: 1.8em;
    margin: 0;
    color: var(--accent-yellow-color);
    text-transform: uppercase;
}

.red {
    float: left;
}

.left-about {
    float: right;
    width: 46%;
}

.left-about h4 {
    font-size: 1.8em;
    margin: 0 0 1em;
    color: #113f6c;
    width: 74%;
    font-weight: 700;
}

.left-about span {
    font-size: 0.9em;
    color: #113f6c;
    font-weight: 700;
}

.left-about p {
    margin: 1.5em 0 2.5em;
    font-size: 1em;
    color: #46738a;
    width: 77%;
}

a.now {
    color: #49a2c8;
    border: 2px solid #49a2c8;
    font-size: 1.1em;
}

a.now:hover {
    color: #fff;
}

.last {
    width: 32%;
}

ul.sony {
    padding: 0 0 3em;
}

ul.sony li {
    display: inline-block;
}

.about {
    padding: 3em 0;
}

.about-left-left {
    padding: 2em 0;
}

.now-left {
    float: right;
}

/*----*/
.blog-left {
    float: left;
    width: 62%;
}

.blog-left h3 {
    font-size: 1.8em;
    margin: 0;
    color: var(--accent-yellow-color);
    text-transform: uppercase;
}

.left-blog {
    float: right;
    width: 61%;
}

.red-left {
    float: left;
    border-radius: 5px;
}

.last-blog {
    width: 38%;
    padding: 0 0em 0 6em;
}

.left-blog h6,
.col-mt h6 {
    font-size: 1.1em;
    margin: 0 0 7px;
    color: #49a2c8;
    font-weight: 700;
}

.left-blog p {
    margin: 0em 0;
    font-size: 0.96em;
    color: #999999;
    line-height: 19px;
    text-align: justify;
}

a.click {
    color: #49a2c8;
    font-size: 0.9em;
    text-decoration: none;
    float: right;
}

.blog-left-right {
    border-bottom: 1px solid #e2e1e1;
    padding: 3em 0;
}

.col-mt {
    float: left;
    width: 33%;
    margin: 0 55px 0 0;
}

.col-mt img {
    border-radius: 5px;
    text-align: center;
}

.col-mt h6 {
    margin: 1em 0px;
    font-size: 12px;
    text-align: center;
}

.col-t {
    width: 25.5%;
}

.blog-left-bottom {
    padding: 3em 0;
}

.black-grid {
    margin: 0;
}

.men-grid {
    float: left;
}

.men-left {
    float: right;
    width: 77%;
}

.men-left h5 {
    margin: 0em;
    font-size: 1.1em;
    color: #49a2c8;
    border-bottom: 1px solid #e2e1e1;
    padding: 0 0 5px;
}

.right-side-blog {
    border-bottom: 1px solid #e2e1e1;
    padding: 2.7em 0 4em
}

.men-left p {
    margin: 0em;
    font-size: 1em;
    color: #767676;
}

.men-left span {
    font-size: 1em;
    color: #f89d2a;
}

.m3-blog {
    border-bottom: none;
}

.blog {
    padding: 2em 0 6em;
}

/*--about-us--*/
.about-men {
    float: left;
    border: 1px solid #34495e;
}

.grid-about-top {
    float: right;
    width: 58%;
}

.grid-about-top h4 {
    margin: 0;
    font-size: 1.5em;
    color: #34495e;
    font-weight: 600;
}

.grid-about-top p {
    margin: 1em 0;
    font-size: 14px;
    color: #34495e;
    text-align: justify;
    line-height: 23px;
}

p.para {
    margin: 0.5em 0px 3.5em;
}

.top-about-grid {
    float: left;
    width: 51%;
}

.about-men-top {
    float: right;
    border: 1px solid #7ea6ba;
}

.team-about h6 {
    color: #34495e;
    font-size: 1.6em;
    margin: 0 0 1.5em;
    font-weight: 700;
}

.team-about p,
.grid-team p {
    color: #34495e;
    font-size: 1.1em;
    margin: 0.5em 0;
    font-weight: 700;
}

.team-about span,
.grid-team span {
    color: #34495e;
    font-size: 0.9em;
}

.grid-team {
    float: left;
    width: 16.56%;
}

.team-about,
.team-about-grid,
.grid-about-icon {
    text-align: center;
}

.team-about-grid {
    padding: 3em 0 1em;
}

.grid-about-icon {
    width: 50%;
    margin: 0 auto;
    padding: 3em 0;
}

.about-us {
    padding: 7em 0;
}

.women {
    border: 1px solid #7ea6ba;
    margin: 0 auto;
}

.women-grid {
    margin: 0 1em;
    width: 28%;
}

span.in-line-in {
    background: url(../images/line1.png) 0px -21px;
    width: 700px;
    height: 191px;
    margin: 0 auto;
    display: block;
}

span.in-in-line {
    background: url(../images/line.png) 0px 0px;
    width: 700px;
    height: 202px;
    margin: 0 auto;
    display: block;
}

span.ser-in {
    background: url(../images/line2.png) 0px 0px;
    width: 700px;
    height: 219px;
    margin: 0 0em 0 7.6em;
    display: block;
}

span.ser-in-in {
    background: url(../images/line3.png) 0px -119px;
    width: 700px;
    height: 98px;
    margin: 0 0em 0 7.9em;
    display: block;
}

.content {
    padding-top: 60px;
}

@media screen and (max-width: 768px) {
    .content {
        padding-top: 40px;
    }
}

ul#filters {
    padding: 0px;
}

#filters {
    margin: 1.5% 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

#filters li {
    display: inline-block;
}

#filters li label {
    margin: 0;
    padding: 0.5em;
    font-size: 1.3em;
    color: #113f6c;
}

#filters li span {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #113f6c;
    cursor: pointer;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}

/* PREFIXED CSS */
.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after,
.dropdown .carat,
.dropdown .carat:after,
.dropdown .selected::after,
.dropdown:after {
    transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after {
    pointer-events: none;
}

/* WRAPPER */
.dropdown {
    position: relative;
    width: 153px;
    cursor: pointer;
    background: none;
    padding: 11px;
    color: #113f6c;
    border: 2px solid #113f6c;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.dropdown.open {
    z-index: 2;
}

/* CARAT */
.dropdown .carat,
.dropdown .carat:after {
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -3px;
    z-index: 1;
    -webkit-transform-origin: 50% 20%;
    -moz-transform-origin: 50% 20%;
    -ms-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
}

.dropdown.open .carat {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* OLD SELECT (HIDDEN) */
.dropdown .old {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

.dropdown select {
    position: absolute;
    left: 0px;
    top: 0px;
}

.dropdown.touch select {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

/* SELECTED FEEDBACK ITEM */
.dropdown .selected,
.dropdown li {
    display: block;
    font-size: 1.3em;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
    border: none;
}

.dropdown .selected::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
}

/* DROP DOWN WRAPPER */
.dropdown div {
    position: absolute;
    height: 0;
    left: -1%;
    top: 107%;
    background: #fcfdff;
    overflow: hidden;
    opacity: 0;
    color: #113f6c;
    width: 153px;
    border: 2px solid #113f6c;
}

/* Height is adjusted by JS on open */
.dropdown.open div {
    opacity: 1;
    z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */
.dropdown.scrollable div::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
}

.dropdown.scrollable.bottom div::after {
    opacity: 0;
}

/* DROP DOWN LIST */
.dropdown ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    list-style: none;
    overflow: hidden;
    padding: 0;
    background: #fcfdff;
}

.dropdown.scrollable.open ul {
    overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */
.dropdown li {
    list-style: none;
    padding: 8px;
}

.dropdown li:last-child {
    border-bottom: 0;
}

/* .focus class is also added on hover */
.dropdown li.focus {
    position: relative;
    z-index: 3;
}

.dropdown li:hover {
    background: var(--accent-yellow-color);
    color: #fff;
}

.down-top img.arrow {
    position: absolute;
    top: 9px;
    right: 0;
}

.down-top {
    float: right;
    background: #fff;
    position: relative;
    margin: 0 0 3em;
}

/*-------------------------- top content --------------------- */

.top-content {
	padding: 20px 0;
}

.top-content h1 {
	font-size: 40px;
    line-height: 1.4;
  	margin: 0 0 10px 0;
}

@media screen and (max-width: 768px) {
	.top-content h1 {
        font-size: 36px;
    }
}

.top-content h2 {
	font-size: 36px;
    line-height: 1.4;
  	margin: 0 0 15px 0;
}

@media screen and (max-width: 768px) {
	.top-content h2 {
        font-size: 30px;
        margin: 0 0 10px 0;
    }
}

.top-content p {
	line-height: 1.4;
}

/*------------------------- top content end ----------------- */

.single-grid {
    border: 1px solid #EAE0E0;
    padding-bottom: 20px;
    margin: 0 0 20px 0;
    background: #fff;
}

.single-grid-image {
    position: relative;
}

.single-grid-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-grid-image .meta-date {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: var(--accent-yellow-color);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px 10px;
}

.lone-line {
    padding: 10px 20px 20px 20px;
}

.single-grid h2 {
    margin: 0 0 10px 0;
}

@media screen and (min-width: 992px) {
    .single-grid h2 {
        min-height: 55px;
    }
}

.single-grid h2 a {
    font-weight: 600;
    font-size: 24px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.single-grid h2 a:hover {
    text-decoration: none;
    color: #E74C3C;
}

.lone-line p {
    font-size: 16px;
    color: #c1c0c0;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0 0 10px 0;
}

ul.sin-grid {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 10px 0;
}

ul.sin-grid li a {
    text-decoration: underline;
    font-size: 14px;
    color: #E74C3C;
}

ul.sin-grid li span {
    background: url(../images/img-sprite.png) -8px -54px;
    width: 15px;
    height: 17px;
    display: inline-block;
    margin: 0 4px;
}

ul.sin-grid li span.comment {
    background-position: -32px -53px;
}

ul.sin-grid li span.share {
    background-position: -58px -53px;
}

a.single-now {
    background: var(--accent-yellow-color);
    font-size: 1.2em;
    border-radius: 5px;
    border: none;
}

a.single-now:hover {
    background: #113f6c;
    border: none;
}

p.due {
    color: #000;
    padding: 1.3em 0 2em;
}

.grid-categories h4 {
    margin: 0 0;
    font-size: 1.4em;
    background: var(--accent-yellow-color);
    color: #fff;
    padding: 0.5em 1em;
}

ul.popular,
.cate-img,
.cate-cate {
    border: 1px solid #EAE0E0;
    background: #fff;
}

.cate-img {
    padding: 15px;
}

ul.popular li {
    padding: 0.5em 0;
    list-style: none;
}

ul.popular li span.dot,
h6 span.dot {
    background: url(../images/dot.png) no-repeat -9px -5px;
    width: 10px;
    height: 13px;
    display: inline-block;
    margin: 0 5px;
}

h6 span.dot {
    margin: 0 10px 0 0;
}

ul.popular li a {
    text-decoration: none;
    font-size: 1em;
    color: #c1c1c1;
    transition: 0.5s all;
}

ul.popular li a:hover {
    color: #f8991a;
}

.cate-top {
    padding: 0em 0 2.8em;
}

.cate-cate h6 {
    margin: 0 0 10px 0;
    font-size: 1.2em;
    color: #c1c1c1;
}

.cate-cate p {
    margin: 0 0 24px 27px;
    font-size: 0.85em;
    color: #c1c1c1;
    text-align: justify;
    line-height: 17px;
}

.head-sin {
    padding: 0px 19px 0px 12px;
}

ul.popular {
    padding: 13px 15px;
}

.blog-grid h1 {
    margin: 0 0 30px 0;
}

.cate-cate {
    padding: 21px 0 6px;
}

.cate-in p {
    margin: 21px;
}

.cate-in {
    padding: 0;
}

/*------------------------ blog-post-styles ------------------------*/

.single-post-text img {
    margin: 15px 0 10px 0;
}

.single-post-text h2 {
    font-size: 28px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.single-post-text h3 {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.single-post-text p {
    margin: 0 0 10px 0;
}

.single-post-text a {
    color: #E74C3C;
}

.single-post-text ol {
    padding-left: 15px;
}

.single-post-text ol li {
    padding: 5px 0;
}

.single-post-text ul {
    list-style: none;
    padding-left: 15px;
}

.single-post-text ul li {
    padding: 5px 0;
}

.single-post-text ul li,
.single-post-text ul li a {
    color: #000;
}

.single-post-text blockquote {
    font-style: italic;
    padding: 10px 20px;
    margin: 10px 0 20px 0;
    font-size: 17.5px;
    border-left: 5px solid #ddd;
}

.single-post-text table {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
    border-collapse: collapse;
    margin: 15px 0;
}

.single-post-text table,
.single-post-text td,
.single-post-text th {
    border: 1px solid #ddd;
    border-collapse: collapse;
    padding: 10px 15px;
}

.single-post-text td,
.single-post-text th {
    border: 1px solid #ddd;
    border-collapse: collapse;
    padding: 10px 15px;
}

/*---------------------- blog-post-styles end ----------------------*/

/*---------------------- post-tags ----------------------*/

.post-tags-wrap {
	display: flex;
  	flex-wrap: wrap;
  	column-gap: 5px;
    padding: 10px 0;
}

.post-tags-wrap .post-tags-title {
	display: block;
    font-weight: 700;
  	font-size: 18px;
  	line-height: 1.4;
    margin: 0;
}

.post-tags-wrap .post-tags-item {
  	display: inline-block;
	text-decoration: none;
  	font-size: 14px;
  	color: #fff;
    line-height: 1.2;
    border-radius: 3px;
  	border: 1px solid var(--accent-yellow-color);
  	background-color: var(--accent-yellow-color);
  	padding: 5px 10px;
  	margin-bottom: 5px;
  	transition: all .3s ease;
}

.post-tags-wrap .post-tags-item:hover {
	color: #333;
  	border: 1px solid var(--accent-yellow-color);
  	background-color: #fff;
}

/*-------------------- post-tags end --------------------*/

/*--------------Related Posts------------*/

.related-posts {
    border: 1px solid #EAE0E0;
    background: #fff;
    padding: 30px 20px 20px 20px;
    margin-bottom: 20px;
}

.related-posts-title {
    display: block;
    font-weight: 600;
    font-size: 24px;
    color: #333;
    margin: 0 0 10px 0;
}

.entry__img-holder img {
    max-width: 100%;
}

.related-posts .entry__body {
    margin-bottom: 20px;
}

.related-posts .entry__body-date {
    display: inline-block;
    font-size: 14px;
    color: #777;
    line-height: 2;
}

.related-posts .entry__title {
    display: block;
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 10px 0;
}

.related-posts .entry__title a {
    color: #333;
    transition: all .3s ease;
}

.related-posts .entry__title a:hover {
    text-decoration: none;
    color: #E74C3C;
}

.related-posts .read-more {
    color: #E74C3C;
}

/*--------------Related Posts------------*/

.contact {
    padding: 7em 0 4em;
}

p.class-para {
    font-size: 1.4em;
    margin: 0;
    line-height: 1.6em;
}

.grid-contact {
    padding: 0 0 1.5em;
}

img.sale-arrow {
    border-left: 1px solid #8d8d8d;
    margin: 5px 0 0;
}

p.msg-para {
    margin: 0 1.2em;
}

.send {
    padding: 3em 1em;
}

/*---------------------------- Coments block ------------------------- */

.comments-block-wrap {
    border: 1px solid #EAE0E0;
    background-color: #fff;
    padding: 30px 20px;
    margin-bottom: 30px;
}

.comments-title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    line-height: 1.2;
    margin-top: 0;
    padding-bottom: 7px;
    margin-bottom: 30px;
}

.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment-list__item {
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.comment-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.comment-info__author {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1200px) {
    .comment-info__author {
        margin-bottom: 15px;
    }
}

.comment-author-image {
    min-width: 80px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.comment-author-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comment-author-name {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}

.comment-date {
    font-weight: 500;
    color: #999999;
    font-size: 14px;
}

.comment-stat {
    display: block;
    color: #777;
}

.comment-content {
    color: #2b2e3f;
}

.comment-form-wrap {
    padding-top: 20px;
}

.comment-form-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.comment-form-input {
    width: 49%;
    font-size: 14px;
    color: #777777;
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 13px 20px;
    margin-bottom: 15px;
}

@media screen and (max-width: 520px) {
    .comment-form-input {
        width: 100%;
    }
}

.comment-form-textarea {
    width: 100%;
    min-height: 190px;
    resize: none;
    font-size: 14px;
    color: #777777;
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 13px 20px;
    margin-bottom: 15px;
}

.comment-form-bottom {
    display: flex;
    align-items: center;
}

.button-submit {
    color: #fff;
    border: 1px solid var(--accent-yellow-color);
    background-color: var(--accent-yellow-color);
    letter-spacing: 0.48px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    margin: 0;
    padding: 13px 30px;
}

/*------------------------- Coments block  ------------------------ */

/*------------------------ blog-articles -----------------------*/

.blog-articles {
    border-top: 1px solid #ddd;
    padding-top: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.blog-articles h2 {
    font-weight: 500;
    font-size: 30px;
    color: #333;
    margin-bottom: 10px;
}

.blog-articles h3 {
    font-weight: 500;
    font-size: 28px;
    color: #333;
    margin-bottom: 10px;
}

.blog-articles p {
    margin: 0 0 10px 0;
}

/*------------------------ blog-articles -----------------------*/

/*----*/
.footer {
    background: #113f6c;
    padding: 30px 0;
}

.footer p {
    margin: 1em 0;
    font-size: 0.9em;
    color: #fff;
}

p.footer-grid a {
    color: #fff;
}

p.footer-grid a:hover {
    color: var(--accent-yellow-color);
}

.footer a {
    text-decoration: none;
}

.footer-links h3 {
    font-size: 20px;
    color: #fff;
}

.footer-links ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.footer-links ul li {
    padding: 5px 0;
}

.footer-links ul li a {
    color: #fff;
}

.class-footer {
    float: left;
}

.class-footer ul li {
    display: inline-block;
}

.class-footer ul li a {
    font-size: 1em;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
}

.class-footer ul li a:hover {
    color: var(--accent-yellow-color);
}

.class-footer ul li span {
    padding: 0 14px 0;
    color: #fff;
    font-size: 1em;
}

.footer-class {
    padding: 2em 0 5em;
}

@media(max-width:1024px) {
    .top-nav ul li {
        padding: 2em 0.8em;
    }

    .slide-text-info h2 {
        width: 45%;
    }

    .slide-text-info P {
        width: 46%;
    }

    .left-about {
        width: 36%;
    }

    .about-left {
        width: 61%;
    }

    .left-about h4 {
        width: 74%;
        font-size: 1.5em;
    }

    .left-about p {
        margin: 0.5em 0 2.5em;
        width: 91%;
        height: 58px;
        overflow: hidden;
    }

    .last {
        width: 39%;
    }

    .left-blog {
        width: 54%;
    }

    .left-blog p {
        height: 154px;
        overflow: hidden;
    }

    .col-mt {
        margin: 0px 45px 0 0;
    }

    .men-left h5 {
        font-size: 1em;
        line-height: 1.5em;
        height: 43px;
        overflow: hidden;
    }

    .men-left {
        width: 70%;
    }

    .right-side-blog {
        padding: 2.7em 0 3em;
    }

    .grid-about-top {
        width: 49%;
    }

    .grid-about-top p {
        height: 203px;
        overflow: hidden;
    }

    p.para {
        height: 96px;
        margin: 0.5em 0px 1em;
    }

    .grid-about-top {
        width: 50%;
    }

    .grid-team {
        width: 14.57%;
        margin: 0 0.7em;
    }

    .grid-about-icon {
        width: 57%;
    }

    .women-grid {
        margin: 0 0.7em;
        width: 25%;
    }

    span.ser-in {
        width: 636px;
        height: 197px;
        background-size: 639px;
    }

    span.ser-in-in {
        width: 628px;
        height: 79px;
        background-size: 633px;
    }

    .cate-cate p {
        height: 133px;
        overflow: hidden;
    }

    .cate-cate h6 {
        font-size: 1.1em;
    }

    .class-footer ul li a span {
        padding: 0 6px 0;
    }

    .down-top {
        margin: 0 0 2em;
    }
}

@media(max-width:768px) {
    .header-top ul {
        float: none;
        text-align: center;
    }

    .slide-text-info h2 {
        font-size: 1.2em;
        width: 49%;
        line-height: 27px;
    }

    .slide-text-info P {
        width: 52%;
        height: 50px;
        overflow: hidden;
    }

    .about-left,
    .last,
    .blog-left,
    .last-blog,
    .grid-about-top {
        width: 100%;
    }

    .left-about {
        width: 43%;
    }

    .left-blog {
        width: 62%;
    }

    .left-blog p {
        width: 98%;
    }

    .col-mt {
        margin: 0px 38px 0 0;
    }

    .last-blog {
        padding: 0;
    }

    .men-left {
        width: 86%;
    }

    .about {
        padding: 3em 0 0;
    }

    .blog {
        padding: 1em 0 3em;
    }

    .class-footer {
        float: none;
    }

    .footer-class {
        text-align: center;
    }

    .about-men,
    .about-men-top {
        float: none;
        margin: 0 auto;
    }

    span.in-in-line,
    span.in-line-in,
    span.ser-in,
    span.ser-in-in {
        display: none;
    }

    .grid-team {
        width: 13.9%;
    }

    .team-about p,
    .grid-team p {
        font-size: 1em;
    }

    .about-us {
        padding: 3em 0;
    }

    .team-about {
        padding: 2em 0 0;
    }

    #filters li span {
        font-size: 16px;
    }

    .cate-cate p {
        height: 33px;
    }

    .women-grid {
        width: 25%;
    }

    .grid-about-top {
        padding: 2em 0 0;
    }

    .grid-about-top p {
        height: 180px;
    }

    p.para {
        height: 85px;
    }

    .top-nav ul li {
        padding: 1em 0.8em;
    }
}

@media(max-width:640px) {

    .slide-text-info h2 {
        font-size: 1.1em;
        width: 53%;
        line-height: 25px;
    }

    .slide-text-info p {
        height: 25px;
        margin: 0.5em 0 1em;
    }

    .left-about {
        width: 37%;
    }

    .left-about h4 {
        width: 97%;
        font-size: 1.5em;
    }

    ul.sony {
        padding: 0 2em 3em;
    }

    .now-left {
        float: none;
    }

    .other-left {
        text-align: center;
    }

    .left-blog {
        width: 55%;
    }

    .col-mt {
        margin: 0px 31px 0 0;
    }

    .class-footer ul li a span {
        padding: 0 14px 0;
    }

    .class-footer ul li {
        padding: 0.5em 0;
    }

    .grid-team {
        width: 13.3%;
    }

    .women-grid {
        width: 25%;
    }

    .contact {
        padding: 4em 0;
    }

    p.class-para {
        font-size: 1.2em;
    }
}

@media(max-width:480px) {
    .slide-text-info h2 {
        font-size: 1em;
        width: 84%;
        line-height: 19px;
        margin: 0 0 0.9em;
    }

    .slide-text-info p {
        display: none;
    }

    .left-about,
    .left-blog {
        width: 100%;
        float: none;
        margin: 1em 0 0;
    }

    .left-about h4 {
        font-size: 1.3em;
        margin: 0 0 0.5em;
    }

    .red-left {
        float: none;
        margin: 0 auto;
    }

    .left-blog {
        padding: 0;
    }

    .col-mt {
        margin: 0px 22px 0 0;
    }

    .men-left {
        width: 81%;
    }

    .grid-about-top p {
        height: 72px;
    }

    .grid-team {
        width: 28.7%;
    }

    .grid-about-icon {
        width: 100%;
        padding: 1em 0;
    }

    .women-grid {
        width: 28.7%;
    }

    #filters li span {
        font-size: 14px;
    }

    .dropdown .selected,
    .dropdown li {
        font-size: 1em;
    }
}

@media(max-width:320px) {
    .header-top ul li {
        padding: 0.1em 0 0;
    }

    .header-top ul {
        padding: 0.5em 0;
    }

    .slide-text-info h2 {
        font-size: 1em;
        margin: 0 0 0.7em;
        height: 16px;
        overflow: hidden;
    }

    .about-left h3,
    .blog-left h3 {
        font-size: 1.4em;
    }

    .left-about h4 {
        font-size: 1.1em;
    }

    .left-about p {
        font-size: 0.9em;
        margin: 0.5em 0 1em;
    }

    ul.sony {
        padding: 0px 0em 1em;
    }

    .about-left-left {
        padding: 1em 0;
    }

    .blog-left-right {
        padding: 1em 0;
    }

    .col-mt {
        width: 100%;
        margin: 0px 5px 0 0;
    }

    .col-t {
        width: 47%;
    }

    .men-left {
        width: 70%;
    }

    .men-left p {
        font-size: 0.9em;
    }

    .right-side-blog {
        padding: 1.7em 0 2em;
    }

    .class-footer ul li a {
        font-size: 0.9em;
    }

    .class-footer ul li a span {
        padding: 0 5px 0;
    }

    .grid-about-top h4 {
        font-size: 1.2em;
    }

    .grid-about-top p {
        font-size: 13px;
    }

    .grid-about-top {
        padding: 1em 0 0;
    }

    .women-grid,
    .grid-team {
        width: 25.7%;
    }

    .left-blog p {
        height: 60px;
    }

    .blog-left-bottom {
        padding: 1.5em 0;
    }

    .class-footer ul li {
        padding: 0.3em 0;
    }

    #filters li span {
        font-size: 11px;
    }

    #filters li label {
        padding: 0.3em 0;
    }

    .lone-line {
        padding: 1em;
    }

    ul.sin-grid li a {
        font-size: 0.9em;
    }

    ul.sin-grid li {
        padding: 0.3em 0.1em 0 0;
    }

    ul.popular li a {
        font-size: 0.9em;
        padding: 5px 8px;
    }

    .blog {
        padding: 1em 0 0em;
    }

    .grid-categories h4 {
        font-size: 1.2em;
    }

    .cate-top {
        padding: 0em 0 1em;
    }

    p.class-para {
        font-size: 1em;
        height: 42px;
        overflow: hidden;
    }

    .contact {
        padding: 2em 0;
    }

    .send {
        padding: 1em 1em;
    }

    .grid-contact {
        padding: 0 0 0.5em;
    }

    p.msg-para {
        margin: 0 1.2em;
    }

    .down-top img.arrow {
        top: 3px;
    }

    .dropdown {
        width: 132px;
        padding: 7px;
    }

    .footer-class {
        padding: 1em 0 3em;
    }

    .top-nav ul li a {
        font-size: 0.9em;
    }

    .about {
        padding: 1.5em 0 0;
    }
}

/*style for templates*/

ul.sin-grid li {
    font-size: 14px;
    color: #c1c0c0;
}

.single-grid p {
    margin: 0;
}

.post-wrap-content {
    padding: 20px;
}

.single-grid-btn {
    padding: 5px 20px;
}

a.single-now {
    font-size: 14px;
}

.cate-top ul.popular li a {
    width: 100%;
    display: flex;
    align-items: center;
}

.cate-top.tags ul {
    padding: 13px 15px;
}

.cate-top.tags li {
    display: inline-block;
}

.cate-top.tags li a {
    font-weight: 500;
    color: #f8991a;
}

.pagination-list {
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 30px 0;
}

.pagination-list a {
    display: inline-block;
    min-width: 40px;
    height: 40px;
    font-weight: 500;
    text-align: center;
    line-height: 2.6;
    color: #f8991a;
    border-radius: 5px;
    border: 1px solid #f8991a;
    background-color: #fff;
    padding: 0 10px;
    margin: 0 3px;
}

.pagination-list a:hover {
    text-decoration: none;
    border: 1px solid #f8991a;
    background-color: #f8991a;
    color: #fff;
}

.pagination-list li.active a {
    border: 1px solid #f8991a;
    background-color: #f8991a;
    color: #fff;
}