/*
Theme Name: Techrato New
Theme URI: http://techrato.com/
Author: Parsa Kafi
Author URI: http://parsa.ws
Description:
Version: 1.0
*/

@import "assets/css/fontiran.css";
@import "assets/css/theme-my-login.css";
@import "assets/css/bootstrap.module.css";
@import "assets/css/bootstrap-slider.css";
/*@import "assets/flowplayer/flowplayer.css";*/
@import "assets/css/owl.carousel.min.css";
/*@import "assets/css/font-awesome.min.css";*/
@import "assets/css/jQuery.verticalCarousel.css";

.wp-embedded-content {
    display: block;
    margin: 0 auto;
}

body {
    color: #2f2f2f;
    background-color: #f3f3f3;
    line-height: 2em;
    /*direction: rtl;*/
    /*overflow-y: hidden;*/
}

body, h1, h2, h3, h4, h5, h6, input, textarea, select {
    font-family: iranyekan, Tahoma, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body, input, textarea, select {
    font-size: 0.9em !important
}

.sticky_sharing {
    margin: -31px 0 30px;
    padding: 5px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: sticky;
    top: 55px;
    bottom: 0;
    background: white;
    z-index: 100;
}

.whatsapp {
    color: #075e54;
    font-weight: bold;
    font-size: 16px;
}

.telegram {
    color: #0088cc;
    font-weight: bold;
    font-size: 16px;
}

.twitter {
    color: #00acee;
    font-weight: bold;
    font-size: 16px;
}

.header-ads {
    text-align: center;
    margin-top: 15px;
}

.main-header-ads {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 40px;
}

.ads {
    display: inline-block;
    margin-bottom: 5px;
}

.ads-cpc {
    display: inline-block;
    margin-bottom: -28px;
}

.ads-cpc1, .ads-cpc2 {
    width: 49%;
    display: inline-block;
    margin-top: -8px;
    margin-bottom: -28px;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.7em;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1em;
}

img {
    max-width: 100%;
    height: auto;
}

hr {
    border-top-color: #e6e6e6;
}

p {
    line-height: 2.4em;
}

blockquote {
    color: #20bdbe;
    margin: 20px 10px;
    padding-right: 15px;
    border-right: 2px solid #20bdbe;
}

input[type="text"], input[type="password"], input[type="email"], textarea {
    border: 1px solid #dfdfdf;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

::-webkit-input-placeholder { /* Chrome */
    color: #929396 !important;
    opacity: 1 !important;
    transition: opacity 250ms ease-in-out;
}

:focus::-webkit-input-placeholder {
    opacity: 0.3 !important;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #929396 !important;
    opacity: 1 !important;
    transition: opacity 250ms ease-in-out;
}

:focus:-ms-input-placeholder {
    opacity: 0.3 !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #929396 !important;
    opacity: 1 !important;
    transition: opacity 250ms ease-in-out;
}

:focus::-moz-placeholder {
    opacity: 0.3 !important;
}

:-moz-placeholder { /* Firefox 4 - 18 */
    color: #929396 !important;
    opacity: 1 !important;
    transition: opacity 250ms ease-in-out;
}

:focus:-moz-placeholder {
    opacity: 0.3 !important;
}

input.ltr {
    text-align: left;
    direction: ltr;
}

input[type=number].input-number–noSpinners {
    -moz-appearance: textfield;
}

input[type=number].input-number–noSpinners::-webkit-inner-spin-button,
input[type=number].input-number–noSpinners::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

a, a:visited {
    color: #434343;
    text-decoration-color: #b3b3b3;
    outline: 0;
}

a:hover, a:active {
    color: #21bcbe;
    text-decoration-color: #1b9597;
    /*color: #000;*/
}

/* Carousel */
.carousel {
    position: relative;
}

.carousel .owl-nav > div {
    position: absolute;
    top: 28%;
    display: block;
    width: 50px;
    color: #fff;
}

.carousel .owl-nav .fa:hover {
    color: #21bdbc;
}

.carousel .owl-nav .owl-prev {
    float: left;
    left: 15px;
    text-align: left;
}

.carousel .owl-nav .owl-next {
    float: right;
    right: 15px;
}

.carousel .item h2 {
    font-size: 1.04em;
    font-weight: bold;
}

.carousel .item h2.small-font {
    font-size: 1.3em;
}

.carousel .owl-nav > div .fa {
    color: #cdcdcd;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    border-radius: 50%;
    font-size: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 4px;
    font-weight: 100;
}

.carousel .owl-nav > div.disabled .fa {
    cursor: default;
}

.carousel .owl-nav > div .fa-chevron-right::before {
    margin-left: 4px;
}

.carousel .owl-nav > div .fa-chevron-left::before {
    margin-right: 4px;
}

/* /Carousel */

/* Public */
.modal {
    background-color: rgba(0, 0, 0, .8);
}

.modal-dialog {
    /*margin-top: 60px;*/
}

.navbar-toggler {
    padding: 0;
}

.floating_alert {
    position: fixed;
    top: 60px;
    z-index: 5000;
    left: 20px;
    opacity: 0.8;
}

.alert {
    color: #fff !important;
    opacity: .9 !important;
}

.alert-danger {
    background-color: #e74d4d;
}

.alert-success {
    background-color: #00d977;
}

.alert-info {
    background-color: #08f;
}

.alert-warning {
    background-color: #ffa100;
}

.custom-select {
    background: #f2f2f2 url("assets/images/arrow-down.png") no-repeat right .75rem center;
    background-size: 8px 6px;
    border: none;
    border-bottom: 2px solid #e6e6e6;
}

.tc-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 30px;
    color: #fff !important;
    font-weight: bold;
    background: rgba(71, 237, 171, 1);
    background: -moz-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    /*background: -webkit-gradient(left top, right top, color-stop(0%, rgba(71, 237, 171, 1)), color-stop(100%, rgba(44, 191, 198, 1)));*/
    background: -webkit-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: -o-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: -ms-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: linear-gradient(to right, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47edab', endColorstr='#2cbfc6', GradientType=1);
    border: none;
    cursor: pointer;
}

.tc-btn * {
    margin: 0 5px;
}

.tc-btn:hover, .tc-btn:focus, .tc-btn:active, .tc-btn.active:not([disabled]):not(.disabled), .tc-btn:active:not([disabled]):not(.disabled) {
    color: #fff !important;
    background: rgb(66, 219, 158);
    background: -moz-linear-gradient(left, rgba(66, 219, 158, 1) 0%, rgba(44, 191, 198, 1) 100%);
    /*background: -webkit-gradient(left top, right top, color-stop(0%, rgba(66, 219, 158, 1)), color-stop(100%, rgba(44, 191, 198, 1)));*/
    background: -webkit-linear-gradient(left, rgba(66, 219, 158, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: -o-linear-gradient(left, rgba(66, 219, 158, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: -ms-linear-gradient(left, rgba(66, 219, 158, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: linear-gradient(to right, rgba(66, 219, 158, 1) 0%, rgba(44, 191, 198, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42DB9E', endColorstr='#2cbfc6', GradientType=1);
    border: none;
}

.none-btn {
    color: #afafaf;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.avatar {
    border-radius: 50%;
}

.sprite-bg {
    background: url("assets/images/sprite-bg.png");
}

.cover-layer::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 200px;
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 70%);
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 70%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 70%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 70%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 70%);
    opacity: .85;
}

.cover-layer.cover-layer-hover:hover:before {
    opacity: 1;
}

.cover {
    background: no-repeat 50% 50%;
    background-size: cover;
    position: relative;
}

.green-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(71, 237, 171, 1);
    background: -moz-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    /*background: -webkit-gradient(left top, right top, color-stop(0%, rgba(71, 237, 171, 1)), color-stop(100%, rgba(44, 191, 198, 1)));*/
    background: -webkit-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: -o-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: -ms-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: linear-gradient(to right, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47edab', endColorstr='#2cbfc6', GradientType=1);
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
}

.text-shadow {
    text-shadow: 1px 1px 2px #000000;
}

.time-icon {
    background-position: -127px -5px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.time2-icon {
    background-position: -242px -5px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.eye-icon {
    background-position: -206px -5px;
    display: inline-block;
    width: 28px;
    height: 16px;
}

.comment-icon {
    background-position: -269px -5px;
    display: inline-block;
    width: 21px;
    height: 16px;
}

.comment2-icon {
    background-position: -45px -71px;
    display: inline-block;
    width: 31px;
    height: 26px;
}

.quotation-icon {
    background-position: -1px -62px;
    display: inline-block;
    width: 40px;
    height: 40px;
}

.arrow-icon {
    background-position: -178px -3px;
    display: inline-block;
    width: 22px;
    height: 20px;
}

.arrow-icon2 {
    background-position: -421px -3px;
    display: inline-block;
    width: 22px;
    height: 20px;
}

.arrow-rev-icon {
    background-position: -178px -3px;
    display: inline-block;
    width: 22px;
    height: 20px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.share-icon {
    background-position: -298px -3px;
    display: inline-block;
    width: 22px;
    height: 20px;
}

.share-icon2 {
    background-position: -298px -3px;
    display: inline-block;
    width: 22px;
    height: 20px;
}

.play-icon {
    background-position: -333px -6px;
    display: inline-block;
    width: 14px;
    height: 14px;
}

.techtionary-icon {
    background-position: -86px -64px;
    display: inline-block;
    width: 37px;
    height: 37px;
}

.techtionary-mini-icon {
    background-size: 320px;
    background-position: -55px -40px;
    display: inline-block;
    width: 20px;
    height: 26px;
    vertical-align: text-bottom;
}

.techtionary-black-icon {
    background-position: -288px -68px;
    display: inline-block;
    width: 24px;
    height: 27px;
}

.compare-icon {
    background-position: -133px -71px;
    display: inline-block;
    width: 27px;
    height: 27px;
}

.compare-icon2 {
    background-position: -172px -71px;
    display: inline-block;
    width: 27px;
    height: 27px;
}

.order-icon {
    background-position: -392px -2px;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.filter-icon {
    background-position: -211px -71px;
    display: inline-block;
    width: 27px;
    height: 27px;
}

.user-icon {
    background-position: -248px -69px;
    display: inline-block;
    width: 27px;
    height: 27px;
}

.trash-red-icon {
    background-position: -505px -33px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

.trash-black-icon {
    background-position: -565px -33px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

.upload-icon {
    background-position: -622px -31px;
    display: inline-block;
    width: 25px;
    height: 25px;
}

.red {
    color: #fd6967;
}

.last-border {
    border-bottom: 2px solid #e6e6e6;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* /Public */

/* Gallery */

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    display: inline-block;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/* /Gallery */

/* wp-caption */
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

.wp-caption, figure[class2~="wp-caption"], div[class2~="wp-caption"] {
    border: 1px solid #E6E6E6;
    text-align: center;
    background-color: #F3F3F3;
    padding: 5px;
    margin: 0.5em 1em 0.5em 1em;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption.alignleft, figure[class2$="wp-caption alignleft"], div[class2$="wp-caption alignleft"] {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.wp-caption.alignright, figure[class2$="wp-caption alignright"], div[class2$="wp-caption alignright"] {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

.wp-caption.aligncenter, figure[class2$="wp-caption aligncenter"], div[class2$="wp-caption aligncenter"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption img,
figure[class2~="wp-caption"] img,
div[class2~="wp-caption"] img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text,
.wp-caption figcaption,
figure[class2~="wp-caption"] figcaption,
div[class2~="wp-caption"] p.wp-caption-text {
    margin: 10px;
    font-style: italic;
}

/* /wp-caption */

/* Header */
#header {
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
}

.first-menu {
    border-bottom: 1px solid #efefef;
    padding: 15px 0;
}

.logo {
    background: url("assets/images/logo.png") no-repeat;
    width: 182px;
    height: 43px;
    display: inline-block;
    float: right;
}

.logo2 {
    background: url("assets/images/logo2.png") no-repeat center;
    width: 100%;
    height: 47px;
    background-size: contain;
    display: block;
}

#menu-contact li {
    margin-left: 20px;
}

#menu-contact .contact-us > a {
    background-color: #f8f8f8;
    border: 1px solid #ededed;
    width: 150px;
    text-align: right;
    position: relative;
    margin-left: 5px;
    font-size: .9em;
    padding: 2px 10px;
}

#menu-contact .contact-us:hover > a {
    background-color: #fbfbfb;
}

#menu-contact .contact-us > a.dropdown-toggle:after {
    border: none;
    background: url("assets/images/sprite-bg.png") no-repeat -69px -5px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 5px;
    top: 8px;
}

.d-icon-1 {
    height: 35px;
    width: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.search-btn {
    border: none;
    background-position: 3px 3px;
    cursor: pointer;
    margin-top: 2px;
}

.icon-hover:hover {
    background-color: #f8f8f8;
}

.user-btn {
    background-position: -29px 3px;
}

.user-btn > a {
    color: transparent;
}

.search-form {
    margin-left: 10px;
}

.search-form.active {
    position: absolute;
    height: 35px;
    width: 55px;
    left: 0;
    top: 20px;
}

.search-form input[name="s"] {
    display: none;
}

.search-form.active input[name="s"], .second-menu .search-form input[name="s"] {
    background-color: #f5f5f5;
    padding: 10px;
    position: absolute;
    left: -5px;
    top: -2px;
    width: 400px;
    z-index: 2;
    display: block;
}

.search-form.active .search-btn {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    z-index: 3;
}

.search-form.active .search-btn.icon-hover {
    background-color: inherit;
}

.tiny-radius {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#navbar-toggler-icon2 {
    width: 35px;
    height: 27px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: inline-block;
}

#navbar-toggler-icon2 span {
    display: block;
    position: absolute;
    height: 6px;
    width: 50%;
    background: #2f2f2f;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#navbar-toggler-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

#navbar-toggler-icon2 span:nth-child(odd) {
    left: 0;
    border-radius: 9px 0 0 9px;
}

#navbar-toggler-icon2 span:nth-child(1), #navbar-toggler-icon2 span:nth-child(2) {
    top: 0;
}

#navbar-toggler-icon2 span:nth-child(3), #navbar-toggler-icon2 span:nth-child(4) {
    top: 10px;
}

#navbar-toggler-icon2 span:nth-child(5), #navbar-toggler-icon2 span:nth-child(6) {
    top: 20px;
}

#navbar-toggler-icon2.active span:nth-child(1), #navbar-toggler-icon2.active span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#navbar-toggler-icon2.active span:nth-child(2), #navbar-toggler-icon2.active span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#navbar-toggler-icon2.active span:nth-child(1) {
    left: 3px;
    top: 4px;
}

#navbar-toggler-icon2.active span:nth-child(2) {
    left: calc(50% - 4px);
    top: 4px;
}

#navbar-toggler-icon2.active span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

#navbar-toggler-icon2.active span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

#navbar-toggler-icon2.active span:nth-child(5) {
    left: 3px;
    top: 15px;
}

#navbar-toggler-icon2.active span:nth-child(6) {
    left: calc(50% - 4px);
    top: 15px;
}

.dropdown-item.active, .dropdown-item:active {
    background: rgba(71, 237, 171, 1);
}

.second-menu {
    padding: 0;
    line-height: 1.7em;
}

.second-menu .menu-item {
    margin: 0 2px;
    padding: .5rem 0;
    font-weight: bold;
}

.second-menu .navbar-nav li a.nav-link {
    padding: .1rem .5rem .3rem;
}

.second-menu .navbar-nav li:hover:not(.special-menu) a.nav-link,
.second-menu .navbar-nav li:not(.special-menu) a.nav-link:focus,
.second-menu .navbar-nav li.active:not(.special-menu) a.nav-link {
    background: rgba(71, 237, 171, 1);
    background: -moz-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    /*background: -webkit-gradient(left top, right top, color-stop(0%, rgba(71, 237, 171, 1)), color-stop(100%, rgba(44, 191, 198, 1)));*/
    background: -webkit-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: -o-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: -ms-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: linear-gradient(to right, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47edab', endColorstr='#2cbfc6', GradientType=1);
    color: #fff;
}

.special-menu > a {
    color: #3dc1c3;
}

.special-menu:hover > a {
    color: #319a9c;
}

.technical-specifications-menu > a {
    background: url("assets/images/tick.png") no-repeat 100% 50%;
    padding-right: 1.5rem !important;
    margin-right: .5rem;
}

.featured-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 275px;
    font-size: 0.8em;
    line-height: 1.9em;
}

.featured-thumb:hover .green-circle {
    background: rgb(134, 237, 3)
}

.featured-thumb .image {
    width: 75px;
    height: 40px;
    border: 1px solid #b5b5b5;
    margin-left: 20px;
}

.featured-thumb .image .green-circle {
    position: absolute;
    left: -10px;
    top: 8px;
}

.featured-thumb .title-date {
    width: 180px;
}

.featured-thumb .title {
    white-space: nowrap;
}

.featured-thumb .date {
    color: #b5b5b5;
    white-space: nowrap;
}

.mega-dropdown {
    position: static;
}

.mega-dropdown-menu {
    padding: 0;
    width: 100%;
    direction: rtl;
    text-align: right;
    margin-top: 0;
}

.mega-dropdown-menu > * {
    padding: 25px 20px 35px;
}

.mega-dropdown-menu:before {
    content: " ";
    width: 100%;
    height: 5px;
    display: block;
    background: rgba(71, 237, 171, 1);
    background: -moz-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    /*background: -webkit-gradient(left top, right top, color-stop(0%, rgba(71, 237, 171, 1)), color-stop(100%, rgba(44, 191, 198, 1)));*/
    background: -webkit-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: -o-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: -ms-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: linear-gradient(to right, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47edab', endColorstr='#2cbfc6', GradientType=1);
}

.mega-dropdown-menu .dropdown-header {
    font-size: 1.1em;
    color: #404040;
    line-height: 30px;
    padding: 0;
    font-weight: bold;
    margin-bottom: 15px;
    margin-right: 15px;
}

.mega-dropdown-menu .child-menu {
    width: 33%;
    float: right;
    padding: 0 15px;
}

.mega-dropdown-menu .child-menu a {
    border-bottom: 1px solid #e6e6e6;
    display: block;
    padding: 10px 0;
}

.mega-dropdown-menu .child-menu .count {
    float: left;
}

/* /Header */

/* Main */
main > * {
    margin-top: 15px;
}

/* link-thumb */
.link-thumb {
    display: flex;
    align-items: center;
    width: 100%;
}

.link-thumb .image {
    /*max-width: 90px;*/
    height: 65px;
    width: 35%;
    float: right;
}

.link-thumb .title {
    width: 60%;
    padding: 0 10px;
    font-size: .9em;
    line-height: 1.9em;
    float: right;
}

.link-thumb .meta {
    color: #acacac;
    display: block;
}

/* /link-thumb */

/* featured-posts */
.featured-posts {
    display: flex;
}

.featured-posts .cover-layer::before {
    height: 150px;
}

.featured-posts .item, .featured-posts .half-item {
    position: relative;
}

.featured-posts .item > a > div {
    height: 380px;
}

.featured-posts .half-item > a > div {
    height: 185px;
}

.featured-posts .half-item:first-child {
    margin-bottom: 10px;
}

.featured-posts .post-info {
    bottom: 0;
    right: 0;
    position: absolute;
    display: block;
    width: 100%;
}

.featured-posts .title {
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
}

.featured-posts .human_time span {
    margin-left: 5px;
}

.featured-posts .human_time {
    color: #d9d9d9;
    display: flex;
    align-items: center;
}

.featured-posts.archive .archive-name {
    background-image: url("assets/images/tax-bg.png");
}

/* /featured-posts */

/* editor-suggestion */

.editor-suggestion .header {
    background: transparent url("assets/images/editor-suggestion.png") repeat-x;
    height: 18px;
    width: 100%;
    content: " ";
    display: block;
}

.editor-suggestion .body {
    background-color: #fff;
    width: 100%;
    padding: 10px 20px;
    overflow: hidden;
}

.editor-suggestion .header-title {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.3em;
}

.header-title-line:after {
    background-color: #e6e6e6;
    content: '\a0';
    flex-grow: 1;
    height: 1px;
    position: relative;
    top: 5px;
    margin-right: 15px;
}

.line-both {
    line-height: 0.5;
    text-align: center;
}

.line-both span {
    display: inline-block;
    position: relative;
}

.line-both span:before,
.line-both span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #e1e1e1;
    top: 10px;
    width: 600px;
}

.line-both span:before {
    right: 100%;
}

.line-both span:after {
    left: 100%;
}

.editor-suggestion .item {
    cursor: pointer;
}

.editor-suggestion .item > div {
    height: 140px;
    margin-bottom: 15px;
}

.editor-suggestion a:hover {
    color: #21bdbc;
}

/* /editor-suggestion */

/* post-side */
.post-side {
    display: flex;
}

.post-side > div, .featured-posts > div {
    padding: 0;
    margin-bottom: 10px;
}

h4.main-list-header {
    font-size: 1.7em;
    font-weight: bold;
}

/* /post-side */

/* posts-list */
.posts-list {
    background-color: #fff;
    padding: 20px 15px 20px;
    overflow: hidden;
}

.posts-list article {
    padding: 25px 5px 0
}

.posts-list article:after {
    content: " ";
    display: block;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 25px;
}

.posts-list article:last-child:after {
    border: none;
}

.posts-list .featured-image-c {
    height: 140px;
}

.posts-list .title > * {
    font-size: 1.1em;
    font-weight: bold;
}

.posts-list p {
    color: #808080;
}

.post-meta {
    color: #a1a1a1;
    font-size: .8em;
}

.post-meta a {
    color: #a1a1a1;
}

.post-meta a:hover {
    color: #8e8e8e;
}

.separator {
    color: #1fbdc0;
    font-size: 4px;
}

.post-categories {
    display: inline;
    margin-left: 10px;
}

.post-categories li {
    display: inline-block;
}

.post-categories a {
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    border-radius: 15px;
    display: block;
}

.post-categories a:hover {
    border-color: #d6d6d6;
}

.taxonomy-description, .taxonomy-description p {
    color: #86bbbb;
}

/* /posts-list */

/* SideBar */
.sidebar {
    position: relative;
}

.widget {
    background-color: #fff;
    margin-bottom: 10px;
    border-bottom: 2px solid #e6e6e6;
    padding: 15px;
    width: 100%;
}

.widget.sticky {
    position: absolute;
    display: table;
}

.right-sidebar .widget.sticky {
    left: 10px;
}

.ads-300x250 {
    margin-bottom: 12px;
}

.left-sidebar .widget.sticky {
    right: 10px;
}

/*.sidebar .widget:last-child {
    position: absolute;
    transition: 200ms;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
}*/

.widget > .title {
    font-weight: bold;
    margin: 5px 0 30px;
    font-size: 1.5em;
}

.widget.widget_sp_image {
    padding: 2px;
    background-color: #f1f2f4;
    border: 1px solid #e6e6e6;
}

.widget.widget_sp_image img {
    margin: 0 auto;
    display: block;
}

.techrato_mailerlite_widget .title {
    text-align: center;
}

.techrato_mailerlite_widget .body {
    color: #b1b1b1;
}

.techrato_mailerlite_widget input[type="email"] {
    border-radius: 50px;
    border: none;
    padding: 10px 50px 10px 10px;
    background: #ededed url("assets/images/mailerlite-input.png") no-repeat center right;
    background-position: right 15px center;
    max-width: 95%;
}

.techrato_mailerlite_widget .subscribe-form > .horizontal {
    float: right;
    width: 80%;
}

.techrato_mailerlite_widget .subscribe-form > .ml-button-position {
    width: 20%;
}

.techrato_mailerlite_widget .body span {
    font-size: 0.9em !important;
}

.technical-specifications-widget {
    background: #fff url("assets/images/technical-specifications.png") no-repeat 0 0;
    min-height: 250px;
    position: relative;
    text-align: center;
}

.technical-specifications-widget > div {
    position: absolute;
    right: 20px;
    top: 20px;
}

.technical-specifications-widget .btn {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 20px;
    width: 300px;
    max-width: 100%;
    color: #fff;
}

.widget_views .body li {
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}

.widget_views ul {
    counter-reset: section;
}

.widget_views ul li {
    position: relative;
}

.widget_views ul li:before {
    counter-increment: section;
    content: counters(section, "");
    z-index: 1;
    color: #f4f4f4;
    font-size: 5em;
    position: absolute;
    left: 0;
    top: 29px;
}

.widget_views ul li:first-child:before {
    top: 10px;
}

.widget_views .body li:first-child {
    padding-top: 0;
}

.widget_views .body li:last-child {
    border: none;
}

.widget_views .body a,
.techrato_post_widget .body a {
    display: block;
    z-index: 2;
}

.widget_views .body a > div,
.techrato_post_widget .body a > div {
    float: right;
    display: block;
}

.widget_views .body .cover,
.techrato_post_widget .body .cover {
    max-width: 90px;
    height: 65px;
    width: 35%;
}

.widget_views .body .title,
.techrato_post_widget .body .title {
    width: 60%;
    padding: 0 10px;
    font-size: .9em;
    line-height: 1.9em;
}

.widget_views .body .meta {
    color: #acacac;
}

.techrato_post_widget .body a {
    margin: 15px 0;
}

.techrato_post_widget .body a:first-child {
    margin-top: 0;
}

.techrato_post_widget .more-post {
    color: #21bcbe;
}

.techrato_video_widget .body a.image {
    height: 140px;
    position: relative;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    padding-top: 10px;
}

.techrato_video_widget .body a:hover {
    /*color: #87e5e7;*/
}

.techrato_video_widget .body .cover-layer::before {
    height: 70px;
}

.techrato_video_widget .body .title {
    position: absolute;
    bottom: 0;
    margin: 10px 15px;
}

.techrato_video_widget .body .time {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 0 5px;
    right: 15px;
    top: 15px;
}

.techrato_video_widget .body .time .play-icon {
    margin-right: 5px;
}

.techrato_video_widget .body hr:last-child {
    display: none;
}

.techrato_taxonomy_widget {
    padding-bottom: 50px;
}

.techrato_taxonomy_widget a {
    padding: 15px 0 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

.techrato_taxonomy_widget a:hover {
    border-bottom-color: #cbcbcb;
}

.techrato_taxonomy_widget a:first-child {
    padding-top: 0;
}

.techrato_taxonomy_widget img {
    max-width: 120px;
    max-height: 40px;
    width: auto;
    float: left;
    align-self: left;
}

/* /SideBar */

/* top-year */
.top-year {
    background-color: #fff;
    border-bottom: 2px solid #e6e6e6;
    max-height: 450px;
    margin-bottom: 65px;
}

.top-year > .title {
    margin: 30px auto 20px;
    padding: 0 10px;
}

.top-year .cover {
    height: 400px;
}

.top-year .cover-layer::before {
    height: 150px;
}

.top-year .item .title {
    color: #fff;
    padding: 15px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.top-year-carousel {
    padding: 0 80px;
}

.top-year-carousel .owl-nav .owl-prev,
.top-year-carousel .owl-nav .owl-next {
    top: 45%;
}

.top-year-carousel .owl-nav .owl-prev {
    left: 30px;
}

.top-year-carousel .owl-nav .owl-next {
    right: 30px;
}

/* /top-year */

/* categories-tab */
.categories-tab {
    margin: 30px 0 15px;
    background-color: #fff;
    border-bottom: 2px solid #e6e6e6;
}

.categories-tab > * {
    margin-top: 40px;
    margin-bottom: 40px;
}

.categories-tab .item {
    padding-right: 5px;
    padding-left: 5px;
    min-height: 100px;
}

.categories-tab .item > * {
    float: right;
}

.categories-tab .cover {
    height: 65px;
    width: 40%;
    max-width: 90px;
    margin: 5px 0 0 10px;
}

.categories-tab .title {
    width: 60%;
    font-size: .9em;
}

.categories-tab .more {
    background: url("assets/images/cat-more.png") no-repeat;
    width: 20px;
    height: 32px;
    display: inline-block;
}

.categories-tab .more span {
    display: none;
}

.categories-tab .count {
    float: left;
}

.categories-tab .nav-tabs {
    border: none;
    padding: 0 15px;
    border-left: 1px solid #e6e6e6;
}

.categories-tab .tab-content {
    padding: 0 15px;
}

.categories-tab .tab-content .in-load {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.categories-tab .tab-content > .tab-pane {
    height: 100%;
}

.categories-tab .tab-content a:hover,
.videos-cats a:hover {
    color: #1fbdbe;
}

.categories-tab .nav-tabs .nav-item,
.videos-cats .nav-item {
    margin-bottom: 10px;
}

.categories-tab .nav-pills .nav-link,
.videos-cats .nav-link {
    background-color: #f1f1f1;
    border: none;
    border-radius: 20px;
    padding: 5px 20px;
}

.categories-tab .nav-pills .nav-link:hover,
.videos-cats .nav-link:hover {
    background-color: #e3e3e3;
    color: #000;
}

.categories-tab .nav-pills .nav-link.active,
.videos-cats .nav-link.active {
    color: #fff;
    font-weight: bold;
    background: rgba(71, 237, 171, 1);
    background: -moz-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    /*background: -webkit-gradient(left top, right top, color-stop(0%, rgba(71, 237, 171, 1)), color-stop(100%, rgba(44, 191, 198, 1)));*/
    background: -webkit-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: -o-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: -ms-linear-gradient(left, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    background: linear-gradient(to right, rgba(71, 237, 171, 1) 0%, rgba(44, 191, 198, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47edab', endColorstr='#2cbfc6', GradientType=1);
}

/* /categories-tab */

/* pagination */

.pagination-nav {
    display: block;
    padding: 20px;
    border-top: 1px solid #e6e6e6;
    background-color: #fff;
}

.pagination-nav > * {
    display: inline-block;
}

.pagination h2, .pagination-nav h2 {
    display: none !important;
}

.pagination-nav .total {
    color: #c6c6c6;
    float: left;
}

.pagination .dots, .pagination-nav .dots {
    color: #a1a1a1;
}

.pagination .current, .pagination-nav .current {
    border-radius: 50%;
    background-color: #2e2e2e;
    color: #fff;
}

.pagination .page-numbers, .pagination-nav .page-numbers {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
}

.pagination .page-numbers > span, .pagination-nav .page-numbers > span {
    display: none;
}

/* /pagination */

/* single-post */
.single-post-child {
    background-color: #fff;
    padding: 20px;
    border-bottom: 2px solid #e6e6e6;
}

.single-post-child .featured-image {
    position: relative;
}

.single-post-child .post-categories {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.single-post-child .post-categories a {
    color: #21bcbe;
    background-color: #fff;
    border: none;
    font-size: .9em;
}

.single-post-child .post-categories a:hover {
    background-color: #eeeeee;
}

.single-post-child .post-meta {
    margin: 10px 0 30px;
    padding: 5px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.single-post-child .post-meta > div {
    display: inline-flex;
    align-items: center;
    margin-left: 15px;
    position: relative;
}

.views {
    display: none !important;
}

.single-post-child .post-meta .human-time span.title {
    margin-right: 20px;
}

.single-post-child .post-meta .views span.title {
    margin-right: 30px;
}

.single-post-child .post-meta .comments-count span.title {
    margin-right: 23px;
}

.single-post-child .post-meta span.icon {
    margin-left: 5px;
    position: absolute;
    right: 0;
    top: 7px;
}

.single-post-child .post-meta > div.author-name {
    display: inline;
}

.single-post-child .avatar {
    border-radius: 50%;
    margin-left: 7px;
    width: 35px;
}

.single-post-child .content {
    /*color: #666666;*/
    color: #000;
    margin-bottom: 30px;
}

.single-post-child .content img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.single-post-child .content ul,
.single-post-child .content ol,
.archive-techtionary .content ul,
.archive-techtionary .content ol {
    margin: 0 1em 1.5em;
    padding: 0;
}

.single-post-child .content ul, .archive-techtionary .content ul {
    list-style: none;
}

.single-post-child .content ul li:before,
.single-post-child .content ol li:before, .archive-techtionary .content ul li:before,
.archive-techtionary .content ol li:before {
    color: #20bdbe;
}

.single-post-child .content ul li:before, .archive-techtionary .content ul li:before {
    content: "•";
    font-weight: 800;
    margin-right: -1.1em;
    position: absolute;
}

.single-post-child .content ol, .archive-techtionary .content ol {
    counter-reset: item;
}

.single-post-child .content ol li, .archive-techtionary .content ol li {
    display: block;
    position: relative;
}

.single-post-child .content ol li:before, .archive-techtionary .content ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    font-weight: 800;
    margin-right: -1.1em;
    position: absolute;
}

.single-post-child .content li > ul,
.single-post-child .content li > ol,
.archive-techtionary .content li > ul,
.archive-techtionary .content li > ol {
    margin-bottom: 0;
    margin-right: 1.5em;
}

.single-post-child .content > ol,
.single-post-child .content > ul,
.archive-techtionary .content > ol,
.archive-techtionary .content > ul {
    margin-right: 25px;
}

.single-post-child .content a, .archive-techtionary .content a {
    /*text-decoration: underline;*/
    /*border-bottom: 1px solid #b3b3b3;*/
    border-bottom: 1px solid #46dadd;
}

.single-post-child .content a:hover, .archive-techtionary .content a:hover {
    border-bottom: 1px solid #46dadd;
}

.post-none {
    background-color: #fff;
    padding: 30px 15px;
    width: 100%;
}

.next-prev-posts {
    margin-bottom: 30px;
}

.next-prev-posts > div {
    padding: 0 5px;
}

.next-prev-posts .next .link-thumb {
    text-align: left;
}

.tags-nav {
    display: inline;
}

.tags-nav a {
    background-color: #666666;
    color: #fefefe;
    padding: 1px 10px 2px;
    margin-left: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.tags-nav a:hover {
    background-color: #404040;
}

.tags-nav a:before {
    content: "#";
}

.share-tags .share-link {
    float: left;
}

.share-link {
    width: 200px;
    height: 40px;
    color: #fff !important;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.share-link:hover {
    color: #fff;
}

.share-link * {
    margin: 0 5px;
}

.share-link .fa {
    font-size: 12px;
    margin-left: 10px;
}

.popover {
    border: none;
    -webkit-box-shadow: 0px 0px 14px -4px rgba(80, 198, 198, 1);
    -moz-box-shadow: 0px 0px 14px -4px rgba(80, 198, 198, 1);
    box-shadow: 0px 0px 14px -4px rgba(80, 198, 198, 1);
    max-width: 350px;
}

.popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, .popover.bs-popover-bottom .arrow::before {
    border-bottom-color: transparent;
}

.popover.bs-popover-auto[x-placement^="top"] .arrow::before, .popover.bs-popover-top .arrow::before {
    border-top-color: transparent;
}

.popover-body {
    padding: .75rem;
    text-align: right;
    direction: rtl;
}

.wpu_sharing {
    margin: 0;
}

.wpu_sharing a {
    margin-bottom: 0;
}

strong.header-title {
    font-size: 1.7em;
}

.related-posts {
    margin: 30px 0;
    position: relative;
    padding-top: 15px;
    border-top: 1px solid #e6e6e6;
}

.related-posts .title {
    margin-top: 10px;
}

.related-posts .carousel {
    margin-top: 20px;
}

.related-posts .image {
    height: 140px;
}

.related-posts .carousel .owl-nav .owl-next,
.related-posts .carousel .owl-nav .owl-prev {
    top: -50px;
    width: 30px;
}

.related-posts .carousel .owl-nav > div .fa {
    border: none;
    color: #656565;
}

.related-posts .carousel .owl-nav > div.disabled .fa {
    color: #9f9f9f;
}

.related-posts .carousel .owl-nav .owl-next {
    left: 20px;
    right: auto;
}

.related-posts .carousel .owl-nav .owl-prev {
    left: 60px;
}

.clickyab-native-ad {
    background-color: #ffffff;
    margin-top: 10px;
}

.image-gallery .modal-header .close, .image-gallery .modal-content {
    background-color: #2f2f2f;
    color: #c9c9c9;
}

.image-gallery .modal-header {
    border: none;
}

.image-gallery .modal-body {
    padding: 0;
}

.image-gallery .large-image {
    min-height: 400px;
}

.image-gallery .large-image img {
    max-height: 400px;
    display: block;
    margin: 0 auto;
}

.image-gallery .thumb-images {
    padding: 10px;
}

.image-gallery .thumb-images a {
    display: inline-flex;
    margin: 0 5px 0 0;
    padding: 2px;
    border: 1px solid transparent;
}

.image-gallery .thumb-images a.active {
    border-color: #20bebd;
}

.image-gallery .thumb-images .image {
    height: 65px;
    width: 90px;
    display: inline-block;
}

/* /single-post */

/* Comments */

.comments-area {
    margin: 10px 0 10px;
    padding: 20px 15px;
    background-color: #fff;
    border-bottom: 2px solid #e6e6e6;
}

.comments-area .form-control {
    border-radius: 0;
    padding: 15px 30px;
}

.comments-area h2 {
    margin: 0;
}

.comments-area .says {
    display: none;
}

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

.comment-meta {
    padding: 13px;
}

.comment-meta a {
    color: #fff;
}

.comment-meta a:hover, .comment-meta a:focus, .comment-meta a:active {
    color: #ffd6a8;
}

.comment-meta > * {
    width: 50%;
    float: right;
}

.comment-meta-item {
    text-align: left;
}

.comment-content {
    padding: 13px;
    margin-right: 40px;
    color: #5a5a5a;
}

.comments-list > .comment {
    border-bottom: 1px solid #e6e6e6;
}

.comments-list > .comment:last-child {
    border-bottom: none;
}

.comments-list .comment {
    overflow: hidden;
    margin-bottom: 20px;
}

.comment-waited {
    color: #999;
    display: block;
    font-size: 90%;
}

.comments-list .comment .comment {
    background-color: #f8f8f8;
    margin: 10px;
}

.comments-list .comment .comment .comment {
    background-color: #fff;
    margin: 10px;
}

.comment-reply-link, .comment-edit-link {
    color: #5ad5a7;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    padding: 4px 10px 8px;
    float: left;
    margin-left: 20px;
    line-height: 1em;
}

.comment-edit-link {
    float: right;
}

.comment-reply-link:hover {
    color: #52c197;
    border: 1px solid #d6d6d6;
}

.comments-note {
    font-weight: bold;
    padding: 13px;
    display: flex;
}

.comments-note .icon {
    margin-left: 10px;
}

.comment-respond {
    margin-bottom: 20px;
}

.comment-form > * {
    margin-bottom: 10px;
}

.form-submit .btn {
    background-color: #0f93e9;
    border: none;
    padding: 12px 20px;
    float: left;
    margin-left: 10px;
}

#cancel-comment-reply-link {
    margin-right: 10px;
}

.cld-like-dislike-wrap {
    float: left;
}

.cld-like-dislike-wrap .cld-common-wrap {
    font-weight: bold;
}

.cld-dislike-wrap .cld-count-wrap,
.vortex-p-dislike-counter-comment, .vortex-p-dislike-active-comment {
    color: #fe4e51;
}

.cld-like-wrap .cld-count-wrap,
.vortex-p-like-counter-comment, .vortex-p-like-active-comment {
    color: #50c8c7;
}

.vortex-p-like-counter-comment, .vortex-p-dislike-counter-comment {
    font-size: 12px;
}

.cld-count-wrap {
    float: right;
}

.cld-like-dislike-wrap .cld-common-wrap {
    margin-right: 0;
}

.vortex-container-vote-comment {
    float: left;
}

.vortex-container-like-comment, .vortex-container-dislike-comment {
    font-size: 1.4em;
}

.vortex-container-vote-comment > div > p {
    display: none;
}

/* /Comments */

/* videos-archive */
.flowplayer {
    direction: ltr;
    border-radius: 0;
    background-color: #000;
}

.flowplayer > a {
    /*display: none !important;*/
    visibility: hidden;
}

.videos-archive {

}

.videos-archive .row {
    width: 100%;
}

.first-video {
    background-color: #2f2f2f;
    color: #c3c3c3;
    width: 100%;
    padding: 20px;
    margin-left: 20px;
    min-height: 465px;
}

.first-video .title {
    color: #fff;
}

.first-video .more {
    color: #21b0ae;
}

.first-video .content {
    padding: 25px;
}

.first-video .excerpt p {
    display: inline;
}

.first-video a {
    color: #767676;
}

.first-video .share-meta {
    margin-top: 50px;
    color: #767676;
}

.first-video .share-meta > *, .first-video .videos-cat a {
    margin-bottom: 10px;
}

.first-video .share-meta > div {
    float: left;
}

.first-video .share-link {
    background-color: #525252;
    float: right;
}

.first-video .share-link:hover, .first-video .share-link:focus {
    background-color: #696969;
}

.first-video .videos-cat {
    display: inline;
}

.first-video .videos-cat a {
    border: 1px solid #767676;
    color: #767676;
    border-radius: 20px;
    display: inline-block;
    padding: 6px 15px 8px;
    margin-left: 10px;
    line-height: 1em;
}

.first-video .video-player {
    position: relative;
}

.first-video .video-player .flowplayer {
    position: absolute;
    left: -40px;
    top: 0;
    min-height: 420px;
    max-height: 420px;
    background-color: #000;
}

.videos-cats li {
    width: 100%;
}

.videos-cats .count {
    float: left;
}

.videos-cats .nav-link {
    background-color: #dcdcdc;
}

.videos-archive .header-title {
    font-weight: bold;
    margin-bottom: 30px;
}

.videos-wrap {
    width: 100%;
    margin: 20px 0 0;
    padding-bottom: 50px;
    border-bottom: 1px solid #dcdcdc;
}

.videos-wrap .next-page, .videos-wrap .previous-page {
    width: 160px;
    padding: 15px;
    float: right;
}

.videos-wrap .next-page {
    float: left;
}

.videos-list > div {
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 12px;
}

.videos-list .image {
    height: 195px;
    display: block;
}

.videos-list a {
    color: #fff;
}

.videos-list .title {
    position: absolute;
    bottom: 0;
    margin: 20px 15px;
}

.videos-list .time {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    padding: 0 5px;
    right: 15px;
    top: 15px;
}

.videos-list .time .play-icon {
    margin-right: 5px;
}

/* /videos-archive */

/* page-wrap */
.page-wrap {
    padding: 30px 0;
    line-height: 2em;
}

.page-wrap p {
    font-size: 1.1em;
    line-height: 2em;
}

.page-wrap .header-title-line:after {
    background-color: #cdcdcd;
}

.page-list a {
    border-bottom: 2px solid #dcdcdc;
    display: block;
    padding: 15px 10px;
    font-weight: bold;
}

.page-list a.active {
    color: #22bcbe;
    border-color: #1fbdbe;
}

.stats-wrap {
    margin: 60px 0;
}

.stats-circle {
    border: 5px solid #fff;
    text-align: center;
    border-radius: 50%;
    width: 180px;
    height: 180px;

    -webkit-box-shadow: 0 3px 0 #d0d0d0, inset 0 3px 0 #d0d0d0;
    -moz-box-shadow: 0 3px 0 #d0d0d0, inset 0 3px 0 #d0d0d0;
    -o-box-shadow: 0 3px 0 #d0d0d0, inset 0 3px 0 #d0d0d0;
    box-shadow: 0 3px 0 #d0d0d0, inset 0 3px 0 #d0d0d0;
    margin: 0 auto 20px;
}

.stats-circle > * {
    display: block;
    width: 100%;
}

.stats-circle .number {
    color: #1fbdc0;
    font-size: 2.1em;
    margin-bottom: 10px;
}

.about-wrap .header-title {
    font-size: 1.4em;
}

.techrato-admin {
    margin: 50px 0;
}

.techrato-admin > div {
    margin-bottom: 50px;
}

.techrato-admin > div > * {
    float: right;
}

.techrato-admin img {
    border-radius: 50%;
    width: 35%;
}

.techrato-admin .info {
    width: 60%;
    padding: 0 10px;
}

.techrato-admin h2 {
    margin: 0;
}

.techrato-admin .title {
    color: #20b7bb;
    margin-bottom: 5px;
}

.techrato-admin .social a {
    color: #fff;
    -webkit-text-fill-color: #fff; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #575757;
    font-size: 1.4em;
    margin-left: 10px;
}

.techrato-admin .social a:hover {
    -webkit-text-stroke-width: 0;
}

.techrato-admin .social a:hover i.fa-twitter {
    color: #1da1f2;
    -webkit-text-fill-color: #1da1f2;
}

.techrato-admin .social a:hover i.fa-facebook {
    color: #3b579d;
    -webkit-text-fill-color: #3b579d;
}

.techrato-admin .social a:hover i.fa-linkedin:hover {
    color: #007bb6;
    -webkit-text-fill-color: #007bb6;
}

/* /page-wrap */

/* techtionary */
.archive-techtionary .techtionary-icon {
    margin-left: 15px;
}

.archive-techtionary .search-wrap {
    border-right: 1px solid #e6e6e6;
}

.archive-techtionary .header {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgb(225, 225, 225);
    -moz-box-shadow: 0 2px 5px 0 rgb(225, 225, 225);
    box-shadow: 0 2px 5px 0 rgb(225, 225, 225);
    width: 100%;
    padding: 15px 10px;
    z-index: 2;
}

.archive-techtionary .header > div {
    display: flex;
    align-items: center;
}

.archive-techtionary .header h1 {
    margin: 0;
}

.search-nav {
    position: relative;
    width: 100%;
}

.search-nav .search-input {
    width: 100%;
    padding: 10px;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    border-radius: 0;
}

.search-nav .search-input:focus {
    border-color: #d6d6d6;
}

.search-nav .search-btn {
    position: absolute;
    left: 5px;
    top: 1px;
    height: 30px;
    width: 30px;
}

.archive-techtionary .list {
    width: 100%;
}

.archive-techtionary .words-wrap {
    min-height: 400px;
    background-color: #fff;
}

.archive-techtionary .words-wrap .share-tags {
    margin-top: 50px;
}

.archive-techtionary .words {
    color: #636363;
    padding: 50px 40px;
}

.archive-techtionary .words > div.word {
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 0;
}

.archive-techtionary .words > div.word:last-child {
    border-bottom: none;
}

.archive-techtionary .words > .title {
    color: #21bcbe;
    border: 2px solid #21bcbe;
    width: 70px;
    height: 70px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-size: 2.3em;
    font-weight: bold;
}

.archive-techtionary .words h2 {
    display: inline-block;
}

.archive-techtionary .words .more {
    float: left;
    border: 1px solid #35d1bb;
    color: #35d1bb;
    padding: 5px 15px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    line-height: 1.4em;
}

.archive-techtionary .words .more span {
    margin-left: 5px;
}

.archive-techtionary .words .more i {
    font-size: .6em;
    font-weight: 300;
    margin-top: 3px;
}

.archive-techtionary .words .more:hover {
    border: 1px solid #2aa695;
    color: #2aa695;
}

.archive-techtionary .words .post-none {
    padding: 30px 0;
}

.archive-techtionary .cat-list {
    background-color: #ebebeb;
    padding: 0 0 30px 0;
}

.archive-techtionary .cat-list .title {
    margin: 30px 0;
    text-align: center;
}

.archive-techtionary .cat-list ul {
    width: 25%;
    text-align: center;
    float: right;
    border-left: 1px solid #c5c5c5;
}

.archive-techtionary .cat-list ul:last-child {
    border-left: none;
}

.archive-techtionary .cat-list a {
    width: 35px;
    height: 35px;
    display: inline-block;
}

.archive-techtionary .cat-list li.active a {
    color: #fff;
    background-color: #1fbdbe;
    border-radius: 50%;
}

.archive-techtionary .pagination-nav {
    border: none;
}

.archive-techtionary .related-posts {
    border: none;
    background-color: #fff;
    padding: 20px;
}

.techtionary .gallery .item {
    padding: 0 5px;
}

.techtionary .gallery div.image {
    height: 140px;
}

.techtionary .gallery .google-col-offset {
    width: calc(100% - 200px + 15px * 2);
    float: right;
}

.techtionary .gallery .google-col-fixed {
    width: 150px;
    float: right;
    margin-right: 5px;
}

.techtionary-tooltip {
    color: #707070;
    margin: 5px;
    display: block;
}

.techtionary-tooltip > * {
    display: block;
    margin-bottom: 10px;
}

.techtionary-tooltip .techtionary-black-icon {
    margin-left: 10px;
}

.techtionary-tooltip .title {
    color: #50c6c6;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.techtionary-tooltip .excerpt {
    font-size: 1em;
}

.techtionary-tooltip .more {
    float: left;
    font-size: 1em;
    color: #707070;
}

.techtionary-tooltip .more:hover {
    color: #50c6c6;
}

/* /techtionary */

/* mobile */
.mobile-wrap {
    font-size: .9em;
}

.mobile-wrap .overview {
    background: #fff url("assets/images/mobile-overview.png") no-repeat left bottom;
    border-bottom: 2px solid #e6e6e6;
}

.mobile-wrap .overview > div {
    padding: 30px 30px 50px;
}

.mobile-wrap .overview .shots {
    border-left: 1px solid #e5e5e5;
}

.mobile-wrap .overview .title {
    font-size: 1.2em;
    font-weight: bold;
}

.mobile-wrap .overview .title2 {
    font-weight: normal;
    font-size: .7em;
    display: inline-block;
}

.mobile-wrap .overview .brand-rating {
    color: #9f9f9f;
    display: flex;
    align-items: center;
}

.mobile-wrap .overview .brand-rating a {
    color: #9f9f9f;
}

.mobile-wrap .brand-rating > * {
    width: auto;
    margin-left: 20px;
}

.post-ratings {
    display: inline-block;
    width: auto;
}

.post-ratings-text {
    display: none !important;
}

.post-ratings img, .post-ratings-loading img, .post-ratings-image img {
    float: right;
}

.mobile-wrap .content {
    margin: 50px 0 40px;
}

.mobile-wrap .content-hide {
    display: none;
}

.mobile-wrap .more-content {
    text-decoration: underline;
}

.mobile-wrap .excerpt p {
    display: inline;
}

.mobile-wrap .technical-options {
    margin-bottom: 30px;
}

.mobile-wrap .technical-options li {
    display: flex;
    align-items: center;
    width: 33%;
    float: right;
    margin-bottom: 7px;
}

i.term-color {
    height: 20px;
    width: 20px;
    display: inline-block;
    border: 2px solid #eee;
    border-radius: 100%;
    margin-left: 5px;
}

.mobile-wrap .price .description {
    font-size: .9em;
    color: #a7a7a7;
}

.mobile-wrap .price-value {
    font-size: 1.5em;
}

.mobile-wrap .compare {
    display: flex;
    align-items: center;
    float: left;
    color: #aeaeae;
}

.mobile-wrap .compare .compare-icon {
    margin-left: 10px;
}

.mobile-wrap .compare.active, .mobile-wrap .compare:hover, .mobile-wrap .share:hover {
    color: #8b8b8b;
}

.mobile-wrap .compare.active .compare-icon, .mobile-wrap .compare:hover .compare-icon {
    background-position: -173px -71px;
}

.mobile-wrap .wpulike {
    float: right;
    margin-top: -8px;
    margin-left: 15px;
}

.mobile-wrap .wpulike .count-box, .mobile-wrap .wpulike g.Group g {
    display: none;
}

.wpulike-robeen svg {
    width: 43px;
}

.mobile-wrap .share {
    color: #aeaeae;
    font-size: 1.3em;
    float: right;
}

.mobile-wrap .mobile-images {
    min-height: 300px;
    margin-top: 30px;
}

.mobile-wrap .mobile-images .thumb-images img {
    max-width: 70px;
    display: block;
    margin: 0 auto 10px;
}

.mobile-wrap .mobile-images .thumb-images img {
    opacity: .5;
}

.mobile-wrap .mobile-images .thumb-images a.active {
    cursor: default;
}

.mobile-wrap .mobile-images .thumb-images li.active img {
    opacity: 1;
}

.mobile-wrap .mobile-images .large-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-wrap .mobile-images .large-image img {
    max-height: 320px;
}

.mobile-wrap .mobile-images .vc_go {
    text-align: center;
    font-size: 2em;
    color: #909090;
}

.mobile-wrap .mobile-images .vc_list, .mobile-wrap .mobile-images .vc_container {
    height: 100%;
    min-height: 320px;
    max-height: 320px;
    width: 100%;
}

.technical-options-wrap {
    margin-top: 20px;
}

.technical-options-wrap .left-sidebar {
    padding-left: 0;
}

.technical-options-wrap .left-sidebar .widget_sp_image img {
    display: block;
    margin: 0 auto;
}

.technical-options-wrap .tabs-list {
    padding: 0;
}

.technical-options-wrap .nav-tabs {
    border: none;
}

.technical-options-wrap .nav-tabs .nav-item.show .nav-link,
.technical-options-wrap .nav-tabs .nav-link.active {
    border-top: 2px solid #e6e6e6;
    background-color: #fff;
    color: #3dc1c3;
    cursor: default;
}

.technical-options-wrap .nav-tabs .nav-link {
    background-color: #e3e3e3;
    color: #2e2e2e;
    border: none;
    border-top: 2px solid #f3f3f3;
    border-radius: 0;
    font-size: 1.2em;
    padding: 15px 25px;
    font-weight: bold;
}

.technical-options-wrap .nav-tabs .nav-link:not(.active):hover {
    background-color: #d7d7d7;
}

.technical-options-wrap .tab-content {
    background-color: #fff;
    padding: 30px 30px 50px;
    border-bottom: 2px solid #e6e6e6;
}

.technical-options-wrap .option-head {
    font-weight: bold;
    margin: 10px 0 20px;
    cursor: pointer;
}

.technical-options-wrap .option-head:hover {
    color: #666;
}

.technical-options-wrap .option-head:before {
    content: "+";
    width: 10px;
    display: inline-block;
    margin-left: 5px;
}

.technical-options-wrap .option-head.active:before {
    content: "-";
}

.technical-options-wrap .option-head:first-child {
    margin-top: 0;
}

.technical-options-wrap .option-childs {
    margin-bottom: 30px;
    display: none;
}

.technical-options-wrap .option-childs.active {
    display: block;
}

.technical-options-wrap .option-title span, .technical-options-wrap .option-value {
    padding: 5px 10px;
    border: 1px solid transparent;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    min-height: 40px;
}

.technical-options-wrap .option-title {
    padding: 0 0 0 5px;
}

.technical-options-wrap .option-title span {
    background-color: #f2f2f2;
}

.technical-options-wrap .option-value {
    border-color: #e6e6e6;
}

.technical-options-wrap .comments-area {
    border: none;
}

.mobile-wrap .related-posts {
    background-color: #fff;
    border: none;
    padding: 25px 30px;
    margin: 15px 0 0;
    border-bottom: 2px solid #e6e6e6;
}

.mobile-wrap .image-gallery .modal-title {
    display: none;
}

.mobile-wrap .image-gallery .modal-header {
    height: 50px;
}

.mobile-wrap .image-gallery .modal-header .close,
.mobile-wrap .image-gallery .modal-content {
    background-color: transparent;
    border: none;
}

.mobile-wrap .image-gallery .modal-body {
    background-color: #fff;
    padding-top: 20px;
}

.mobile-wrap .image-gallery .thumb-images {
    background-color: #eeeeee;
    margin-top: 20px;
}

.mobile-wrap .image-gallery .thumb-images a {
    border: 2px solid transparent;
    padding: 0;
}

.mobile-wrap .image-gallery .thumb-images a.active {
    border-color: #c8c8c8;
}

.mobile-wrap .image-gallery .thumb-images .image {
    background-color: #fff;
}

.mobile-wrap .categories-tab {
    margin-top: 15px;
}

/* /mobile */

/* Mobile Brands/Archive */
.brand-header {
    height: 300px;
    background-color: #fff;
}

.brand-header .cover {
    height: 225px;
}

.brand-header .image-wrap {
    position: relative;
}

.brand-header .image-wrap .image {
    position: absolute;
    top: -125px;
    background-color: #fff;
    width: 12vw;
    height: 12vw;
    max-width: 170px;
    max-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    left: 20px;
    -webkit-box-shadow: 0px 0px 63px -23px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 63px -23px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 63px -23px rgba(0, 0, 0, 0.75);
}

.brand-header .image-wrap .image img {
    max-height: 100%;
}

.brand-header .meta-wrap {
    padding: 15px 0;
    font-size: 1.1em;
    line-height: 1.5em;
    max-width: 170px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.brand-header .meta-wrap:after {
    content: " ";
    display: block;
    border-left: 1px solid #e6e6e6;
    width: 1px;
    height: 30px;
}

.brand-header .meta-wrap:last-child:after {
    display: none;
}

.brand-header .meta-wrap .meta {
    display: block;
    color: #9b9b9b;
    font-size: 1.4em;
}

.brand-header .title-wrap {
    margin-top: 140px;
}

.brand-header .title {
    color: #fff;
    margin: 0;
}

.brand-header .title1 {
    font-size: 1.5em;
    font-weight: bold;
}

.mobile-parent .col1 {
    padding: 0;
}

.mobile-parent .col2 {
    padding-left: 0;
}

.mobile-parent > div {
    margin-top: 20px;
}

.mobile-parent .tools {
    display: flex;
    align-items: center;
    justify-content: left;
}

.mobile-parent .tools > * {
    margin-left: 10px;
}

.mobile-parent .tools > *:last-child {
    margin-left: 0;
}

.mobile-parent .tools .material-switch {
    margin-left: 15px;
}

.mobile-parent .tools .custom-select {
    border: 1px solid #d9d9d9;
}

.mobile-parent .search-nav .search-input {
    border: none;
    border-top: 1px solid #c1c1c1;
    background-color: #fff;
}

.order-icon-action {
    background-color: #f8f8f8;
    border: 1px solid #d9d9d9;
    width: calc(2.25rem + 2px);
    height: calc(2.25rem + 2px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-icon-action.active {
    background-color: #fff;
}

.mobile-parent .sidebar {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 37px -14px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 37px -14px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 37px -14px rgba(0, 0, 0, 0.75);
    padding: 30px;
}

.mobile-parent .sidebar > .title {
    color: #3ec2c4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    font-size: 1.2em;
    font-weight: bold;
}

.mobile-parent .sidebar > .title .icon {
    margin-left: 10px;
}

.mobile-parent .slider.slider-horizontal {
    width: 100%;
}

.slider.slider-horizontal .slider-track {
    height: 2px;
}

.slider-track-low, .slider-track-high {
    background-color: #e1e1e1;
}

.slider-selection {
    background: #3cc2c3;
}

.slider-handle {
    background: #3cc2c1;
    border: 2px solid #fff;
    box-shadow: none;
    top: -2px;
    width: 17px;
    height: 17px;
    cursor: move;
}

.slider .tooltip.top {
    opacity: 1;
}

.mobile-parent .filter .title {
    margin-bottom: 10px;
}

.mobile-parent .filter {
    margin-bottom: 20px;
    font-weight: bold;
}

.mobile-parent .filter .min-value, .mobile-parent .filter .max-value {
    color: #878787;
    float: right;
}

.mobile-parent .filter .max-value {
    float: left;
}

.mobile-parent .filter .custom-select {
    width: 100%;
}

.mobile-parent form button {
    padding: 5px 15px;
    float: left;
}

.mobile-list .item {
    padding: 0 10px;
    margin-bottom: 20px;
}

.mobile-list .item > div {
    padding: 15px;
    background-color: #fff;
}

.mobile-list .item img {
    max-height: 150px;
    display: block;
    margin: 0 auto 20px;
}

.mobile-list .item .title {
    font-size: 1em;
    margin-bottom: 30px;
}

.unavailable {
    color: #eb5755;
}

.mobile-list .item a.compare {
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 30px;
    padding: 7px 9px;
    display: inline-block;
    line-height: 1em;
}

.mobile-list .item a.compare:hover {
    border: 1px solid #8b8b8b;
}

.mobile-list .item a.compare.active {
    border-color: transparent;
    color: #fff;
    background: rgba(59, 195, 193, 1);
    background: -moz-linear-gradient(left, rgba(59, 195, 193, 1) 0%, rgba(60, 194, 195, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(59, 195, 193, 1) 0%, rgba(60, 194, 195, 1) 100%);
    background: -o-linear-gradient(left, rgba(59, 195, 193, 1) 0%, rgba(60, 194, 195, 1) 100%);
    background: -ms-linear-gradient(left, rgba(59, 195, 193, 1) 0%, rgba(60, 194, 195, 1) 100%);
    background: linear-gradient(to right, rgba(59, 195, 193, 1) 0%, rgba(60, 194, 195, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3bc3c1', endColorstr='#3cc2c3', GradientType=1);
}

.mobile-list .item a.compare.active:hover {
    color: rgba(255, 255, 255, .8);
}

.mobile-list .item a.compare .fa {
    width: 11px;
}

.compare-layer {
    background-image: radial-gradient(
            circle at bottom center,
            transparent 50%,
            rgba(0, 0, 0, .9) 100%
    );
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    display: none;
}

.compare-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    color: #cacaca;
    display: none;
}

.compare-wrap .handle {
    background-color: #2f2f2f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    position: fixed;
    right: 50px;
    bottom: 0;
    padding: 10px 15px;
    width: 240px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: rtl;
}

.compare-wrap .handle .fa {
    float: left;
    color: #3dc1c3;
    font-weight: bold;
    font-size: 1.4em;
}

.compare-wrap .compare-list {
    background-color: #2f2f2f;
    width: 100%;
    display: none;
    height: 290px;
    -webkit-box-shadow: 0px 0px 37px -14px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 37px -14px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 37px -14px rgba(0, 0, 0, 0.75);
}

.compare-wrap .compared {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 30px;
    color: #2f2f2f;
    width: 150px;
}

.compare-wrap .compared:hover {
    background-color: #e5e5e5;
}

.compare-wrap .compared .icon {
    margin-left: 10px;
}

.compare-wrap .item-wrap,
.compare-wrap .container, .compare-wrap .row {
    height: 100%;
}

.compare-wrap .item-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.compare-wrap .item {
    background-color: #3f3f3f;
    width: 120px;
    height: 120px;
    padding: 5px;
    position: relative;
    margin: 0 auto 10px auto;
}

.compare-wrap .item.active {
    background-color: #fff;
}

.compare-wrap .item img {
    max-height: 100%;
    margin: 0 auto;
    display: block;
}

.compare-wrap .remove-item {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.2em;
    color: #333;
    cursor: pointer;
}

/* /Mobile Brands/Archive */

/* Compare Page */
.compare-page-wrap .compare-space {
    display: none;
}

.compare-page-wrap .header {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 5px 0 rgb(225, 225, 225);
    -moz-box-shadow: 0 5px 5px 0 rgb(225, 225, 225);
    box-shadow: 0 5px 5px 0 rgb(225, 225, 225);
    width: 100%;
    z-index: 2;
}

.compare-page-wrap .header .item {
    text-align: center;
    border-left: 1px solid #e6e6e6;
    margin: 10px 0;
    height: 340px;
}

.compare-page-wrap .header .item:last-child {
    border-left: none;
}

.compare-page-wrap .header .item .remove-item {
    font-size: 1.3em;
    display: inherit;
    margin-top: 40px;
    color: #838383;
}

.compare-page-wrap .header .item img {
    max-height: 140px;
    margin: 20px;
}

.compare-page-wrap .header .item a {
    color: #1fbdbe;
    text-decoration: underline;
}

.compare-page-wrap .header .item .meta {
    margin-bottom: 40px;
}

.compare-page-wrap .header .item-none {
    padding-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row-reverse wrap;
    display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
    flex-direction: column;
}

.compare-page-wrap .header .image-placeholder {
    width: 100px;
    height: 100px;
    background-color: #f2f2f2;
    margin: 20px;
}

.compare-page-wrap .search-input {
    border: none;
    border-top: 1px solid #c2c2c2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.compare-page-wrap .search-nav {
    max-width: 80%;
}

.compare-page-wrap .technical-options {

    padding: 40px 15px;
}

.compare-page-wrap {
    background-color: #fff;
}

.compare-page-wrap .option-head {
    font-weight: bold;
    margin: 10px 0 20px;
    cursor: pointer;
}

.compare-page-wrap .option-head:hover {
    color: #666;
}

.compare-page-wrap .option-head:before {
    content: "+";
    width: 10px;
    display: inline-block;
    margin-left: 5px;
}

.compare-page-wrap .option-head.active:before {
    content: "-";
}

.compare-page-wrap .option-head:first-child {
    margin-top: 0;
}

.compare-page-wrap .option-childs {
    margin-bottom: 30px;
    display: none;
}

.compare-page-wrap .option-childs.active {
    display: block;
}

.compare-page-wrap .option-title, .compare-page-wrap .option-value {
    padding: 0 0 0 10px;
}

.compare-page-wrap .option-title span, .compare-page-wrap .option-value span {
    padding: 5px 10px;
    border: 1px solid transparent;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    min-height: 40px;
}

.compare-page-wrap .option-title span {
    background-color: #f2f2f2;
}

.compare-page-wrap .option-value span {
    border-color: #e6e6e6;
}

.compare-page-wrap .option-none span {
    border-color: transparent;
    background-color: #f2f2f2;
}

.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    text-align: right;
    direction: rtl;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}

.autocomplete-group {
    padding: 2px 5px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}

/* /Compare Page */

/* Profile Page */
.profile-wrap > div {
    padding: 0 5px;
}

.profile-wrap > div > div {
    background-color: #fff;
}

.profile-wrap .user-info {
    padding: 50px 0;
}

.profile-wrap .user-info a {
    color: #8a8a8a;
}

.profile-wrap .user-info a:hover {
    color: #747474;
}

.profile-wrap .user-info > * {
    margin: 0 auto 20px auto;
    display: table;
}

.profile-wrap .user-info .avatar {
    border-radius: 50%;
}

.profile-wrap .user-info .avatar-wrap {
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 19px 58px -32px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 19px 58px -32px rgba(0, 0, 0, 0.75);
    box-shadow: 0 19px 58px -32px rgba(0, 0, 0, 0.75);
    width: 120px;
    height: 120px;
}

.profile-wrap .user-info .display-name {
    font-size: 1.2em;
}

.profile-wrap .upload-avatar a {
    display: flex;
    align-items: center;
}

.profile-wrap .upload-avatar .icon {
    margin-left: 7px;
}

.profile-wrap .upload-info {
    color: #9f9f9f;
    font-size: .8em;
    max-width: 80%;
    text-align: center;
}

.profile-wrap .file-upload {
    position: relative;
}

.profile-wrap .file-upload input {
    opacity: 0;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}

.profile-wrap .tab-content {
    margin-top: 20px;
}

.profile-wrap .loader {
    display: none;
    color: #bdbdbd;
}

.profile-content {
    padding: 40px;
}

.profile-content .nav-tabs {
    border-bottom-color: #dcdcdc;
}

.profile-content .nav-tabs .nav-item {
    font-size: 1.2em;
}

.profile-content .nav-tabs .nav-link {
    padding-bottom: 20px;
    color: #a9a9a9;
}

.profile-content .nav-tabs .nav-item.show .nav-link, .profile-content .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 2px solid #21bcbe;
    color: #1fbdbc;
}

.profile-content .nav-tabs .nav-link:focus, .profile-content .nav-tabs .nav-link:hover {
    border-color: transparent transparent #21bcbe transparent;
}

.profile-comment-list .comment {
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}

.profile-comment-list .comment:last-child {
    border-bottom: none;
}

.profile-comment-list .comment .status {
    float: left;
}

.profile-comment-list .comment .status.fa-eye {
    color: #1fbdbc;
}

.profile-comment-list .comment .status.fa-eye-slash {
    color: #a1a1a1;
}

.profile-comment-list .comment .content {
    margin-left: 40px;
}

.profile-comment-list .meta {
    font-size: .8em;
    color: #a1a1a1;
    margin-top: 30px;
}

.profile-comment-list .meta a {
    display: inline-block;
    color: #a1a1a1;
    text-decoration: underline;
}

.profile-comment-list .pagination,
.profile-favorites-list .pagination {
    margin-top: 50px;
}

.profile-comment-list .pagination .next, .profile-comment-list .pagination .prev,
.profile-favorites-list .pagination .next, .profile-favorites-list .pagination .prev {
    display: none
}

.profile-favorites-list > div {
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 12px;
}

.profile-favorites-list .image {
    height: 140px;
    margin-bottom: 10px;
}

.profile-favorites-list .unlike {
    cursor: pointer;
    margin: 0 auto 10px;
    display: block;
}

.profile-favorites-list .fa-spinner {
    margin: 0 auto 18px;
    display: block;
}

.profile-favorites-list .unlike:hover {
    background-position: -592px -33px;
}

.profile-user-fields select {
    padding: 15px 25px;
    height: auto !important;
}

.profile-user-fields select.form-control:focus {
    background-color: #F2F2F2;
}

.profile-user-fields .pw-weak {
    display: none;
}

#pass-strength-result.short {
    color: #b64614;
}

#pass-strength-result.bad {
    color: #b62825;
}

#pass-strength-result.good {
    color: #3b6fb6;
}

#pass-strength-result.strong {
    color: #17963c;
}

.password-input-wrapper:not(.show-password) input[type="text"],
.password-input-wrapper.show-password input[type="password"] {
    display: none;
}

/* /Profile Page */

/* wpcf7-form */
.wpcf7-form {
    margin-top: 40px;
}

.wpcf7-form input:not([type="submit"]), .wpcf7-form textarea {
    padding: 20px;
    font-size: 1.2em;
    border-radius: 0;
    border: none;
}

.wpcf7-form .row > div [class^="col-"] {
    padding: 0;
}

.wpcf7-form .btn {
    padding: 10px 20px;
    float: left;
}

.wpcf7-form .col-form-label {
    margin-bottom: 10px;
}

/* /wpcf7-form */

/* /Main */

/* Footer */
#footer {
    background-color: #2f2f2f;
    margin-top: 60px;
    color: #d4d4d4;
}

p.footer-about-techrato {
    font-size: 0.8em;
}

#footer .container {
    padding: 30px 20px;
}

#footer a {
    color: #969696;
}

#footer a:hover {
    color: #fff;
}

#footer .logo-copyright {
    padding: 50px 0;
}

#footer .logo-copyright .logo2 {
    margin-bottom: 50px;
}

#footer .widget_nav_menu a:hover {
    color: #969696;
    border-bottom: 1px solid #969696;
}

#footer .widget {
    background-color: inherit;
    border: none;
    color: #d4d4d4;
    padding: 0;
}

#footer .widget > .title {
    margin: 15px 0;
}

#footer .row > div:not(.logo-copyright) {
    padding: 0 5px;
}

.top-comments-widget .item {
    padding-right: 5px;
    padding-left: 5px;
    min-height: 80px;
}

.top-comments-widget .item > * {
    float: right;
}

.top-comments-widget .body .cover {
    height: 65px;
    width: 35%;
    max-width: 90px;
    margin: 5px 0 0 10px;
}

.top-comments-widget .body .title {
    width: 59%;
    font-size: 1em;
    margin: 0;
}

.social-nav {
    display: block;
    width: 100%;
    text-align: center;
}

.social-nav a {
    margin: 0 1px;
    width: 35px;
    display: inline-block;
    height: 35px;
}

.social-nav .telegram {
    background-position: -2px -117px
}

.social-nav .instagram {
    background-position: -44px -117px
}

.social-nav .linkedin {
    background-position: -85px -117px
}

.social-nav .aparat {
    background-position: -129px -117px
}

.social-nav .twitter {
    background-position: -171px -117px
}

.social-nav .facebook {
    background-position: -211px -117px
}

.social-nav .googleplus {
    background-position: -248px -117px
}

.social-nav .telegram:hover, .social-nav .telegram:active {
    background-position: -2px -157px
}

.social-nav .instagram:hover, .social-nav .instagram:active {
    background-position: -44px -157px
}

.social-nav .linkedin:hover, .social-nav .linkedin:active {
    background-position: -85px -157px
}

.social-nav .aparat:hover, .social-nav .aparat:active {
    background-position: -129px -157px
}

.social-nav .twitter:hover, .social-nav .twitter:active {
    background-position: -171px -157px
}

.social-nav .facebook:hover, .social-nav .facebook:active {
    background-position: -211px -157px
}

.social-nav .googleplus:hover, .social-nav .googleplus:active {
    background-position: -248px -157px
}

#footer .design-copyright, #footer .copyright {
    font-size: .8em;
    color: #7b7b7b;
    text-align: center;
    margin-top: 15px;
}

#footer .copyright a {
    color: #fff;
}

#footer .design-copyright {
    color: #525252;
}

/* /Footer */
.f-nav {
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
    padding: 5px 15px;
}

@media (max-width: 1339px) {
    .container {
        max-width: 100%;
        /*   padding-right: 30px;
           padding-left: 30px;*/
    }
}

@media (max-width: 1199px) {
    .technical-specifications-widget .btn {
        width: 190px;
    }

    .categories-tab .item > * {
        width: 100%;
        overflow: hidden;
        max-height: 42px;
    }

    .categories-tab .cover {
        margin: 10px auto;
    }
}

@media (min-width: 992px) {
    .featured-posts .col2, .post-side .col2 {
        max-width: 55%;
        flex: 0 0 55%;
    }

    .featured-posts .col3, .post-side .col3 {
        max-width: 20%;
        flex: 0 0 20%;
    }
}

@media (max-width: 991px) {
    .featured-thumb {
        display: none;
    }

    .post-side .col1 {
        order: 2;
        padding-left: 0;
    }

    .post-side .col2 {
        order: 1;
    }

    .post-side .col3 {
        order: 2;
    }

    #footer .logo-copyright {
        margin-top: 20px;
    }

    .image-gallery .large-image {
        min-height: 300px;
    }

    .image-gallery .thumb-images {
        padding: 10px;
    }

    .image-gallery .thumb-images a {
        margin: 0 5px 5px;
    }

    .image-gallery .modal-header .close {
        background-color: #020202;
    }
}

@media (min-width: 768px ) and ( max-width: 991px ) {
    #secondNav {
        font-size: 0.8em;
    }
    
    .brand-header .image-wrap .image {
        width: 15vw;
        height: 15vw;
        left: 40px;
    }

    .post-side .col3 {
        display: none;
    }
}

@media (min-width: 576px ) and ( max-width: 991px ) {
    .featured-posts {
        font-size: 0.8em;
    }

    .featured-posts .title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 768px) {
    .featured-posts > div, .post-side > div {
        padding-left: 10px;
        padding-right: 0;
    }

    .second-menu .search-form, .second-menu #menu-contact {
        display: none;
    }
}

@media (max-width: 767px) {
    main.container {
        padding: 0;
    }
    
    .sticky_sharing {
        top: 77px;
    }

    .first-menu .navbar-nav {
        display: none;
    }

    .first-menu {
        border: none;
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    .second-menu {
        display: block;
    }

    .second-menu .dropdown-toggle {
        position: relative;
    }

    .second-menu .dropdown-toggle:after {
        position: absolute;
        left: 10px;
        top: 40%;
    }

    .mega-dropdown-menu .child-menu {
        width: 100%;
    }

    .archive-techtionary .header .title-wrap {
        margin-bottom: 10px;
    }

    .archive-techtionary .search-wrap {
        border: none;
    }

    #menu-contact li {
        margin-left: 0;
    }

    .second-menu .user-btn {
        background: none;
    }

    .second-menu .user-btn > a {
        color: inherit;
    }

    .second-menu #menu-contact .d-icon-1 {
        width: auto;
        height: auto;
    }

    #menu-contact .contact-us > a {
        background-color: inherit;
        border: inherit;
        width: auto;
        margin-left: auto;
        font-size: inherit;
        padding: .1rem .5rem .3rem;
    }

    #menu-contact .contact-us > a.dropdown-toggle::after {
        background: inherit;
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        width: 0;
        height: 0;
        margin-right: 0.3em;
        left: 10px;
        top: 40%;
    }

    .second-menu {
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 500px;
        padding-left: 30px;
        margin-left: -15px;
    }

    .second-menu > div {
        padding-bottom: 50px;
    }

    .second-menu .search-form {
        position: relative;
        margin: 20px 0;
    }

    .second-menu .search-form input[name="s"] {
        position: inherit;
        width: 100%;
        z-index: 0;
        padding: 20px;
    }

    .second-menu .search-form .search-btn {
        position: absolute;
        left: 0;
        top: 10px;
    }

    #footer {
        margin-top: 15px;
    }

    #footer .row > div:not(.logo-copyright) {
        padding: 15px 0;
    }

    .col-lg-5 {
        display: none;
    }

    .next-prev-posts .next {
        margin-top: 20px;
    }

    .next-prev-posts .next .link-thumb {
        text-align: right;
    }

    .next-prev-posts .next .link-thumb .title {
        order: 2;
    }

    body.home .post-categories, body.archive .post-categories {
        display: none;
    }

    .first-video, .page-wrap {
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    .first-video .video-player, .page-wrap .page-content {
        order: 1;
    }

    .first-video .content, .page-wrap .page-list {
        order: 2;
    }

    .first-video .video-player .flowplayer {
        position: relative;
        left: auto;
    }

    .brand-header .meta-wrap {
        font-size: 90%;
    }

    .mobile-parent {
        display: flex;
    }

    .mobile-parent .tools, .mobile-parent .search {
        padding: 0 15px;
    }

    .mobile-parent .tools .material-switch {
        flex: auto;
    }

    .mobile-parent .mobile-list {
        order: 1;
        padding: 0;
    }

    .mobile-list .item {
        padding: 0 5px;
    }

    .mobile-parent .sidebar {
        order: 2;
        margin-top: 0;
    }

    .mobile-wrap .technical-options li {
        width: 50%;
    }

    .technical-options-wrap .left-sidebar {
        margin-top: 15px;
    }

    .page-wrap .page-content, .page-wrap .page-list {
        padding: 0;
    }

    #theme-my-login {
        padding: 0;
    }

    .wp-social-login-provider, .wp-social-login-provider-list a, #theme-my-login a.wp-social-login-provider {
        width: 49%;
    }

    .wp-social-login-provider .fa {
        font-size: 1em;
    }

    /* Compare */
    .compare-page-wrap .technical-options {
        overflow: auto;
        overflow-y: hidden;
        white-space: nowrap;
        position: relative;
    }

    .compare-page-wrap .option-childs, .compare-page-wrap .option-head {
        width: 1200px;
    }

    .compare-page-wrap .option-childs > div {
        position: relative;
        min-height: 45px;
    }

    .compare-page-wrap .option-childs > div > div {
        width: 300px;
        max-width: none;
        display: inline-block;
        float: none;
        position: absolute;
        top: 0;
    }

    .compare-list {
        width: 1200px;
        height: 390px;
        overflow: auto;
        overflow-y: hidden;
        white-space: nowrap;
        position: relative;
    }

    .compare-page-wrap .header .item, .compare-page-wrap .compare-space {
        width: 300px;
        height: 350px;
        margin: 20px 10px;
        display: inline-block;
        float: none;
        position: absolute;
        top: 0;
        max-width: none;
    }

    .compare-page-wrap .compare-space {
        display: flex;
    }

    .compare-page-wrap .header .item .remove-item {
        display: block;
        margin-top: 0;
    }

    .compare-page-wrap .header .item-none {
        padding-top: 92px;
    }

    .compare-page-wrap .header .image-placeholder {
        margin: 20px auto;
    }

    .compare-page-wrap .search-nav {
        margin: 0 auto;
    }

    /* /Compare */
}

@media (min-width: 544px) and (max-width: 767px) {
    .brand-header .image-wrap .image {
        width: 22vw;
        height: 22vw;
        left: 50px;
    }

    .post-side .col1 {
        padding-left: 10px;
    }

    .next-prev-posts .link-thumb .image {
        width: 20%;
    }

    .next-prev-posts .link-thumb .title {
        width: 79%;
    }
}

@media (min-width: 576px) {
    .featured-posts > div:last-child, .post-side > div:last-child {
        padding-left: 0;
    }
}

@media (max-width: 575px) {
    .featured-posts .col1 {
        order: 3;
    }

    .ads-cpc {
        display: inline-block;
        margin-bottom: -10px;
    }
    
    .ads-cpc1 {
        width: 100%;
        margin-top: -8px;
    }
    
    .ads-cpc2 {
        display: none;
        width: 100%;
        margin-top: 10px;
    }
    
    .ads-cpc-post {
        /* display: inline-block; */
    }

    .featured-posts .col2 {
        order: 1;
    }

    .featured-posts .col3 {
        order: 2;
    }

    .featured-posts .item > a > div, .featured-posts .half-item > a > div {
        height: 180px;
    }

    .editor-suggestion .item > div {
        height: 160px;
    }

    .brand-header .meta-wrap {
        width: 33%;
        font-size: 90%;
    }

    .brand-header .image-wrap {
        width: 100%;
    }

    .brand-header .image-wrap .image {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 20vw;
        height: 20vw;
        top: -200px;
    }

    .brand-header .title-wrap {
        text-align: center;
    }

    .widget.widget_sp_image {
        border: none;
    }

    .posts-list .title {
        margin-top: 0;
        display: block;
    }

    .posts-list .featured-image-c {
        height: 80px;
        width: 30%;
    }

    .posts-list .post-content {
        width: 70%;
    }

    .posts-list .post-content > p {
        display: none;
    }

    .categories-tab .nav-tabs {
        border-left: none;
    }

    .categories-tab > * {
        margin: 20px 0 0;
    }

    .categories-tab .more span {
        display: block;
    }

    .categories-tab .more {
        margin-bottom: 20px;
        width: 105px;
        color: #cdcdcd;
        background-size: 15px;
        background-position-y: 3px;
    }

    #footer .widget {
        padding: 0;
    }

    .categories-tab .item > * {
        float: right;
        max-height: 200px;
    }

    .categories-tab .cover {
        width: 35%;
        margin: 5px 0 0 10px;
    }

    .categories-tab .title {
        width: 60%;
    }

    .tags-nav {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    .share-tags .share-link {
        float: none;
        margin: 0 auto 20px;
    }

    .mobile-wrap .technical-options li {
        width: 100%;
    }

    .technical-options-wrap .nav-tabs .nav-link {
        padding: 10px 15px;
    }

    .tml-rememberme-submit-wrap {
        display: block;
    }

    .tml-rememberme-submit-wrap .tml-action-links, .tml-rememberme-submit-wrap .tml-rememberme-wrap {
        float: right;
    }

    .top-year {
        max-height: none;
        padding-bottom: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .top-year-carousel {
        padding: 0 20px;
    }

    .top-year-carousel .owl-nav .owl-next {
        right: 35px;
    }

    .top-year-carousel .owl-nav .owl-prev {
        left: 35px;
    }

    .top-year-carousel .owl-nav .owl-prev, .top-year-carousel .owl-nav .owl-next {
        top: 35%;
    }

    .top-year .cover {
        height: 180px;
    }

    .categories-tab {
        margin-top: 15px;
        display: none;
    }

    .profile-wrap .user-info {
        padding: 20px 0;
    }

    .profile-content {
        padding: 0 15px;
    }

    .profile-content .nav-tabs .nav-link {
        padding: 10px;
    }
}