@charset "UTF-8";
@font-face {
font-family: 'Janna LT';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://components.alarab.com/assets/fonts/JannaLT-Bold.woff2) format('woff2');
}
.cookie_wrapper IMG{
max-width: 30%;
max-height: 100%;
border-radius: 3px;
}
.cookie_wrapper{
display:none;
position: FIXED;
bottom: 30px;
left: 30px;
max-width: 365px;
background: #fff;
padding: 25px 25px 30px 25px;
border-radius: 15px;
box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.15);
text-align: center;
z-index:12
}
::selection{
color: #fff;
background: #FCBA7F;
}
.wrapper_we img{
max-width: 90px;
}
.content header{
font-size: 25px;
font-weight: 600;
}
.content{
margin-top: 10px;
}
.content p{
color: #858585;
margin: 5px 0 20px 0;
}
.content .buttons{
display: flex;
align-items: center;
justify-content: center;
}
.buttons button{
padding: 10px 20px;
border: none;
outline: none;
color: #fff;
font-size: 16px;
font-weight: 500;
border-radius: 5px;
background: #171cf2;
cursor: pointer;
transition: all 0.3s ease;
}
.buttons button:hover{
transform: scale(0.97);
}
.buttons .item{
margin: 0 10px;
}
.buttons a{
color: #171cf2;
}
::selection{
color: #fff;
background: #7d2ae8;
}
.popup{
position: fixed;
left: 50%;
}
button{
outline: none;
cursor: pointer;
font-weight: 500;
border-radius: 4px;
border: 2px solid transparent;
transition: background 0.1s linear, border-color 0.1s linear, color 0.1s linear;
}
.view-modal{
z-index:10;
outline: none;
cursor: pointer;
font-weight: 500;
border-radius: 4px;
border: 0px solid transparent;
transition: background 0.1s linear, border-color 0.1s linear, color 0.1s linear;
background:none;
padding:0
}
.popup{
background: #fff;
padding: 20px;
border-radius: 2px;
top: -150%;
max-width: 380px;
width: 100%;
opacity: 0;
pointer-events: none;
box-shadow: 0px 10px 15px rgb(0 0 0 / 10%);
transform: translate(-50%, -50%) scale(1.2);
transition: top 0s 0.2s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
z-index: 12;
direction: rtl;
border: 8px #dbdbfd solid;
}
.popup.show{
top: 50%;
opacity: 1;
pointer-events: auto;
transform:translate(-50%, -50%) scale(1);
transition: top 0s 0s ease-in-out,
opacity 0.2s 0s ease-in-out,
transform 0.2s 0s ease-in-out;
}
.opc{
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(120deg, #000, #333);
opacity: .7;
z-index:9
}
.popup :is(header, .icons, .field){
display: flex;
align-items: center;
justify-content: space-between;
}
.popup header{
padding-bottom: 15px;
border-bottom: 1px solid #ebedf9;
}
header span{
font-size: 21px;
font-weight: 900;
font-family: 'Tajawal';
}
header .close, .icons a{
display: flex;
align-items: center;
border-radius: 50%;
justify-content: center;
transition: all 0.3s ease-in-out;
}
header .close{
color: #878787;
font-size: 17px;
background: #f2f3fb;
height: 33px;
width: 33px;
cursor: pointer;
}
header .close:hover{
background: #ebedf9;
}
.popup .content{
margin: 20px 0;
}
.popup .icons{
margin: 15px 0 20px 0;
padding:0
}
.content p{
font-size: 16px;
color:#757575;
font-family: 'Janna LT';
}
.content .icons a{
height: 50px;
width: 50px;
font-size: 20px;
text-decoration: none;
border: 1px solid transparent;
}
.icons a i{
transition: transform 0.3s ease-in-out;
}
.icons a:nth-child(1){
color: #1877F2;
border-color: #b7d4fb;
}
.icons a:nth-child(1):hover{
background: #1877F2;
}
.icons a:nth-child(2){
color: #46C1F6;
border-color: #b6e7fc;
}
.icons a:nth-child(2):hover{
background: #46C1F6;
}
.icons a:nth-child(3){
color: #e1306c;
border-color: #f5bccf;
}
.icons a:nth-child(3):hover{
background: #e1306c;
}
.icons a:nth-child(4){
color: #25D366;
border-color: #bef4d2;
}
.icons a:nth-child(4):hover{
background: #25D366;
}
.icons a:nth-child(5){
color: #0088cc;
border-color: #b3e6ff;
}
.icons a:nth-child(5):hover{
background: #0088cc;
}
.icons a:hover{
color: #fff;
border-color: transparent;
}
.icons a:hover i{
transform: scale(1.2);
}
.content .field{
margin: 12px 0 -5px 0;
height: 45px;
border-radius: 4px;
border: 1px solid #e1e1e1;
}
.field.active{
border-color: #7d2ae8;
}
.field i{
width: 50px;
font-size: 18px;
text-align: center;
}
.field.active i{
color: #7d2ae8;
}
.field input{
width: 100%;
height: 100%;
border: none;
outline: none;
font-size: 15px;
}
.field button{
color: #fff;
padding: 5px 10px;
background: #171cf2;
width:40%;
font-family: 'Janna LT';
}
.field button:hover{
background: #8d39fa;
}
/*================================
CSS LISTING:>
==============================
1.BASE CSS
==============================
2.HEDAER AREA CSS
==============================
3.FOOTER AREA CSS
==============================
4.HEDAER AREA CSS
==============================
5.COMMON CSS
==============================
5.RESPONSIVE CSS
==============================
*/
/*================================
BASE CSS
*/
/*
=====================
font weight
*/
/*DARK VERSION COLORS START*/
/*DARK VERSION COLORS END*/
/*DARK VERSION BACKGROUND START*/
/*DARK VERSION BACKGROUND END*/
/*GRADIENT COLORS START*/
/*GRADINET COLORS END*/
/*SHADOW START*/
/*SHADOW END*/
.ar_icon {
width: 30px;
height: 30px;
}
.card-news {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
background: #dbdbfd;
position: relative;
overflow: hidden;
min-height: 100px;
margin-bottom: 20px;
font-family: arial;
direction:RTL;
}
.card-news .news-title {
background: #f8f9fa;
color: #ff3346;
font-size: 14px;
margin: 0px;
padding: 12px 30px;
height: 60px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
line-height: 30px;
font-weight: 900;
font-family: 'Janna LT';
letter-spacing: -0.5px;
height:130px;
}
.card-news .news-text {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin: 10px 30px 10px 15px;
font-size: 16px;
line-height: 1;
overflow: hidden;
}
.card-news .news-text * {
padding: 0px;
margin: 0px;
}
.card-news .news-text .news-items {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
.card-news .news-text .news-item {
border-right: 1px dashed #404052a6;
padding-right: 20px;
margin-right: 20px;
width:250px;
min-height: 100px;
}
.card-news .news-text .news-item span{
display: block;
font-weight: normal;
font-family: system-ui;
font-size: 14px;
width: 230px;
line-height: 20px;
margin: 10px;
margin-bottom:0;
color:#757575
}
.card-news .news-text .news-item a {
display: block;
font-weight: bold;
font-family: system-ui;
font-size: 14px;
width: 230px;
line-height: 20px;
margin: 10px;
color:#233340
}
.card-news .news-text .news-item a:not(.btn-darkpink) {
color: #233340;
text-decoration: none;
}
.card-news .news-text .news-item a:not(.btn-darkpink):hover, .card-news .news-text .news-item a:not(.btn-darkpink):focus {
color: #3B0D52;
}
.card-news .news-text .news-item a.btn-darkpink {
padding: 5px 10px;
font-size: 13px;
margin-left: 5px;
}
.card-news .news-text .news-item:last-child {
border-right: 0px;
margin-right: 0px;
}
.card-news .news-action {
position: absolute;
left: 171px;
top: 50px;
display:none;
}
.card-news .news-action .btn-news-marquee {
border: 2px solid #757575;
background: #fff;
width: 28px;
height: 28px;
position: relative;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
overflow: hidden;
outline: none;
cursor: pointer;
font-size: 0px;
}
.card-news .news-action .btn-news-marquee::before {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
background-size: 12px;
content: "";
width: 48px;
height: 48px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.card-news .news-action .btn-news-marquee.is-stop::before {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
background-size: 14px;
margin-left: 2px;
}
.card-news .news-action .btn-news-marquee:hover, .card-news .news-action .btn-news-marquee:focus {
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
-webkit-opacity: 0.9;
opacity: 0.9;
}
.d-xl-block {
display: block!important;
}
.theme-input input {
font-size: 16px;
font-weight: 400;
color: #1417ac;
}
.signup_form form input.cbtn, .theme-3 .signup_form form input.cbtn, a.cbtn1,
button.cbtn1,
input.cbtn1 {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px 30px;
background: #1417ac;
border: none;
}
.topbar .social1 ul li a, .theme-3 .topbar .social1 li a, .dark-theme .topbar .social1 ul li a {
width: 20px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
font-style: 14px;
color: #404052;
}
.footer .cta .social2 ul li a {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-style: 14px;
color: #C7CACC;
background: #212C34;
}
.banner {
position: relative;
z-index: 2;
}
.banner:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: #404052;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
}
.inner_overlay {
position: relative;
z-index: 1;
}
.inner_overlay:after {
position: absolute;
z-index: -1;
content: "";
height: 100%;
width: 60%;
background: linear-gradient(to left, transparent, #404052);
left: 0;
top: 0;
}
.category ul li a {
position: relative;
z-index: 2;
}
.category ul li a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
background: #404052;
}
.half_bg1 {
position: relative;
z-index: 2;
}
.half_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #dbdbfd;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg1 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #233340;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg60 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #233340;
left: 0;
top: 0;
z-index: -1;
}
.half_bg60 {
position: relative;
z-index: 2;
}
.half_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #dbdbfd;
left: 0;
top: 0;
z-index: -1;
}
.border_left3 {
border-left: 3px solid #BDC0C2;
}
.comment_form textarea, .comment_form input {
border: 1px solid #C4C7C9;
}
button.cbtn2,
input.cbtn2,
a.cbtn2, .dark-theme button.cbtn2,
.dark-theme input.cbtn2,
.dark-theme a.cbtn2 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: #1417ac;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn2:hover,
input.cbtn2:hover,
a.cbtn2:hover, .dark-theme button.cbtn2:hover,
.dark-theme input.cbtn2:hover,
.dark-theme a.cbtn2:hover {
background: #404052;
color: #FFFFFF;
transition: all 0.3s;
}
.theme-4 button.cbtn4,
.theme-4 input.cbtn4,
.theme-4 a.cbtn4 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
.theme-4 button.cbtn4:hover,
.theme-4 input.cbtn4:hover,
.theme-4 a.cbtn4:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
transition: all 0.3s;
}
button.cbtn3,
input.cbt3,
a.cbtn3 {
padding: 15px 40px;
font-size: 16px;
color: #404052;
border: 1px solid #1417ac;
background: #FFFFFF;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn3:hover,
input.cbt3:hover,
a.cbtn3:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.shadow5 {
box-shadow: 0 72px 20px 0 #fbfbff;
}
/*Define main font on google font*/
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.aligncenter {
display: block;
margin: 0 auto 20px;
}
a {
color: #3e425c;
transition: 0.3s;
}
a:hover {
color: #2095f3;
}
a:focus,
a:hover {
text-decoration: none;
outline: 0;
}
img {
max-width: 100%;
max-height: 100%;
border-radius: 3px;
}
body,
html {
height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Poppins", sans-serif;
font-weight: 700;
margin: 0;
}
p {
margin: 0;
}
.tuc {
text-transform: uppercase;
}
.tct {
text-transform: capitalize;
}
a, a:hover {
text-decoration: none;
}
.font_light {
font-weight: 300;
}
.font_bold {
font-weight: 700;
}
.font_regular {
font-weight: 400;
}
.font_thin {
font-weight: 100;
}
.b {
font-weight: 700;
}
/*
ul{
margin: 0;
padding:0;
}
*
li{
list-style: none;
}
body {
font-size: 16px;
line-height: 27px;
color: #111111;
font-family: 'Karla', sans-serif;
font-weight: 500;
overflow-x: hidden;
}
/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
i {
display:inline}
/*----------------------
ALIGN
-----------------------*/
.center,
.left,
.right {
position: relative;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.dinline li,
.dinline,
.dinline a,
.dinline > div {
display: inline-block;
}
/*-----------------------
FONTS
------------------------*/
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.capitalize {
text-transform: capitalize;
}
.font12 {
font-size: 12px;
}
.font14 {
font-size: 14px;
}
.font16 {
font-size: 16px;
}
.font18 {
font-size: 18px;
}
.font20 {
font-size: 20px;
}
.font22 {
font-size: 22px;
}
.font24 {
font-size: 24px;
}
.font26 {
font-size: 26px;
}
.font28 {
font-size: 28px;
}
.font32 {
font-size: 32px;
}
.font30 {
font-size: 30px;
}
.font36 {
font-size: 36px;
}
.font38 {
font-size: 38px;
}
.font48 {
font-size: 48px;
}
.font42 {
font-size: 42px;
}
.font48 {
font-size: 48px;
}
.font50 {
font-size: 50px;
}
.font52 {
font-size: 52px;
}
.font60 {
font-size: 60px;
}
.font80 {
font-size: 80px;
}
.font120 {
font-size: 120px;
}
.font140 {
font-size: 140px;
}
/*------------------------------
RESPONSIVE
-------------------------------*/
@media only screen and (min-width: 1200px) {
.lg-center {
text-align: center;
}
.lg-left {
text-align: left;
}
.lg-right {
text-align: right;
}
.lg-font12 {
font-size: 12px;
}
.lg-font14 {
font-size: 14px;
}
.lg-font16 {
font-size: 16px;
}
.lg-font18 {
font-size: 18px;
}
.lg-font20 {
font-size: 20px;
}
.lg-font22 {
font-size: 22px;
}
.lg-font24 {
font-size: 24px;
}
.lg-font26 {
font-size: 26px;
}
.lg-font28 {
font-size: 28px;
}
.lg-font32 {
font-size: 32px;
}
.lg-font30 {
font-size: 30px;
}
.lg-font36 {
font-size: 36px;
}
.lg-font38 {
font-size: 38px;
}
.lg-font48 {
font-size: 48px;
}
.lg-font42 {
font-size: 42px;
}
.lg-font48 {
font-size: 48px;
}
.lg-font50 {
font-size: 50px;
}
.lg-font52 {
font-size: 52px;
}
.lg-font60 {
font-size: 60px;
}
.lg-font80 {
font-size: 80px;
}
.lg-font120 {
font-size: 120px;
}
.lg-font140 {
font-size: 140px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.md-center {
text-align: center;
}
.md-left {
text-align: left;
}
.md-right {
text-align: right;
}
.md-font12 {
font-size: 12px;
}
.md-font14 {
font-size: 14px;
}
.md-font16 {
font-size: 16px;
}
.md-font18 {
font-size: 18px;
}
.md-font20 {
font-size: 20px;
}
.md-font22 {
font-size: 22px;
}
.md-font24 {
font-size: 24px;
}
.md-font26 {
font-size: 26px;
}
.md-font28 {
font-size: 28px;
}
.md-font32 {
font-size: 32px;
}
.md-font30 {
font-size: 30px;
}
.md-font36 {
font-size: 36px;
}
.md-font38 {
font-size: 38px;
}
.md-font48 {
font-size: 48px;
}
.md-font42 {
font-size: 42px;
}
.md-font48 {
font-size: 48px;
}
.md-font50 {
font-size: 50px;
}
.md-font52 {
font-size: 52px;
}
.md-font60 {
font-size: 60px;
}
.md-font80 {
font-size: 80px;
}
.md-font120 {
font-size: 120px;
}
.md-font140 {
font-size: 140px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-center {
text-align: center;
}
.sm-left {
text-align: left;
}
.sm-right {
text-align: right;
}
.sm-font12 {
font-size: 12px;
}
.sm-font14 {
font-size: 14px;
}
.sm-font16 {
font-size: 16px;
}
.sm-font18 {
font-size: 18px;
}
.sm-font20 {
font-size: 20px;
}
.sm-font22 {
font-size: 22px;
}
.sm-font24 {
font-size: 24px;
}
.sm-font26 {
font-size: 26px;
}
.sm-font28 {
font-size: 28px;
}
.sm-font32 {
font-size: 32px;
}
.sm-font30 {
font-size: 30px;
}
.sm-font36 {
font-size: 36px;
}
.sm-font38 {
font-size: 38px;
}
.sm-font48 {
font-size: 48px;
}
.sm-font42 {
font-size: 42px;
}
.sm-font48 {
font-size: 48px;
}
.sm-font50 {
font-size: 50px;
}
.sm-font52 {
font-size: 52px;
}
.sm-font60 {
font-size: 60px;
}
.sm-font80 {
font-size: 80px;
}
.sm-font120 {
font-size: 120px;
}
.sm-font140 {
font-size: 140px;
}
}
@media only screen and (max-width: 767px) {
.xs-center {
text-align: center;
}
.xs-left {
text-align: left;
}
.xs-right {
text-align: right;
}
.xs-font12 {
font-size: 12px;
}
.xs-font14 {
font-size: 14px;
}
.xs-font16 {
font-size: 16px;
}
.xs-font18 {
font-size: 18px;
}
.xs-font20 {
font-size: 20px;
}
.xs-font22 {
font-size: 22px;
}
.xs-font24 {
font-size: 24px;
}
.xs-font26 {
font-size: 26px;
}
.xs-font28 {
font-size: 28px;
}
.xs-font32 {
font-size: 32px;
}
.xs-font30 {
font-size: 30px;
}
.xs-font36 {
font-size: 36px;
}
.xs-font38 {
font-size: 38px;
}
.xs-font48 {
font-size: 48px;
}
.xs-font42 {
font-size: 42px;
}
.xs-font48 {
font-size: 48px;
}
.xs-font50 {
font-size: 50px;
}
.xs-font52 {
font-size: 52px;
}
.xs-font60 {
font-size: 60px;
}
.xs-font80 {
font-size: 80px;
}
.xs-font120 {
font-size: 120px;
}
.xs-font140 {
font-size: 140px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.xsl-center {
text-align: center;
}
.xsl-left {
text-align: left;
}
.xsl-right {
text-align: right;
}
.xsl-font12 {
font-size: 12px;
}
.xsl-font14 {
font-size: 14px;
}
.xsl-font16 {
font-size: 16px;
}
.xsl-font18 {
font-size: 18px;
}
.xsl-font20 {
font-size: 20px;
}
.xsl-font22 {
font-size: 22px;
}
.xsl-font24 {
font-size: 24px;
}
.xsl-font26 {
font-size: 26px;
}
.xsl-font28 {
font-size: 28px;
}
.xsl-font32 {
font-size: 32px;
}
.xsl-font30 {
font-size: 30px;
}
.xsl-font36 {
font-size: 36px;
}
.xsl-font38 {
font-size: 38px;
}
.xsl-font48 {
font-size: 48px;
}
.xsl-font42 {
font-size: 42px;
}
.xsl-font48 {
font-size: 48px;
}
.xsl-font50 {
font-size: 50px;
}
.xsl-font52 {
font-size: 52px;
}
.xsl-font60 {
font-size: 60px;
}
.xsl-font80 {
font-size: 80px;
}
.xsl-font120 {
font-size: 120px;
}
.xsl-font140 {
font-size: 140px;
}
}
/*--------------------
WIDTH
---------------------*/
.width50 {
width: 50px;
}
.width60 {
width: 60px;
}
.width70 {
width: 70px;
}
.width80 {
width: 80px;
}
.width90 {
width: 90px;
}
.width100 {
width: 100px;
}
.width110 {
width: 110px;
}
.width120 {
width: 120px;
}
.width50p {
width: 50%;
}
.width70p {
width: 70%;
}
.width80p {
width: 80%;
}
.width90p {
width: 90%;
}
.width100p,
.width100p img {
width: 100%;
}
/*-----------------------
DISPLAY
------------------------*/
.display-table {
display: table;
}
.display-table-cell {
display: table-cell;
}
.vertical-align-middle {
vertical-align: middle;
}
.last-p-mb0 p:last-of-type {
margin-bottom: 0;
}
.first-h4-mb0 h4:first-of-type {
margin-bottom: 0;
}
.font300 {
font-weight: 300;
}
.font400 {
font-weight: 400;
}
.font500 {
font-weight: 500;
}
.font600 {
font-weight: 600;
}
.font700 {
font-weight: 700;
}
.font800 {
font-weight: 800;
}
/*--------------------
CONTENT POSITION
---------------------*/
.fix {
overflow: hidden;
}
.relative {
position: relative;
overflow: hidden;
}
.absulute {
position: absolute;
}
.v-center {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 9;
}
.h-center {
left: 50%;
transform: translateX(-50%);
}
.h-center-reverse {
right: 50%;
transform: translateX(50%);
}
.content-center {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.flex-v-center {
display: flex;
align-items: center;
}
.display-block {
display: block;
}
.social-bookmark li {
display: inline;
}
.social-bookmark li a {
display: inline-block;
margin: 0 2px;
text-align: center;
}
.inline li {
display: inline;
}
.inline-block li {
display: inline-block;
}
.inline-block {
display: inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-width100p {
width: 100%;
}
.flex-v-center {
display: inherit;
}
}
@media only screen and (max-width: 767px) {
.xs-width100p {
width: 100%;
}
.flex-v-center {
align-items: inherit;
display: inherit;
}
}
/*--------------------------
MARGIN CSS
----------------------------*/
.mt100 {
margin-top: 100px;
}
.mt90 {
margin-top: 90px;
}
.mt80 {
margin-top: 80px;
}
.mt70 {
margin-top: 70px;
}
.mt60 {
margin-top: 60px;
}
.mt50 {
margin-top: 50px;
}
.mt40 {
margin-top: 40px;
}
.mt30 {
margin-top: 30px;
}
.mt20 {
margin-top: 20px;
}
.mt10 {
margin-top: 10px;
}
.no-margin {
margin: 0;
}
.mb100 {
margin-bottom: 100px;
}
.mb150 {
margin-bottom: 150px;
}
.mb90 {
margin-bottom: 90px;
}
.mb80 {
margin-bottom: 80px;
}
.mb70 {
margin-bottom: 70px;
}
.mb60 {
margin-bottom: 60px;
}
.mb50 {
margin-bottom: 50px;
}
.mb40 {
margin-bottom: 40px;
}
.mb30 {
margin-bottom: 30px;
}
.mb20 {
margin-bottom: 20px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb0 {
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) {
/*----------------------------------
MEDIUM LAYOUT: 1280px
-----------------------------------*/
.lg-mb0 {
margin-bottom: 0;
}
.lg-mb10 {
margin-bottom: 10px;
}
.lg-mb20 {
margin-bottom: 20px;
}
.lg-mb30 {
margin-bottom: 30px;
}
.lg-mb40 {
margin-bottom: 40px;
}
.lg-mb50 {
margin-bottom: 50px;
}
.lg-mb60 {
margin-bottom: 60px;
}
.lg-mb70 {
margin-bottom: 70px;
}
.lg-mb80 {
margin-bottom: 80px;
}
.lg-mb100 {
margin-bottom: 100px;
}
.lg-mt0 {
margin-top: 0;
}
.lg-mt10 {
margin-top: 10px;
}
.lg-mt20 {
margin-top: 20px;
}
.lg-mt30 {
margin-top: 30px;
}
.lg-mt40 {
margin-top: 40px;
}
.lg-mt50 {
margin-top: 50px;
}
.lg-mt60 {
margin-top: 60px;
}
.lg-mt70 {
margin-top: 70px;
}
.lg-mt80 {
margin-top: 80px;
}
.lg-mt100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
/*----------------------------------
MEDIUM LAYOUT: 1280px
-----------------------------------*/
.md-mb0 {
margin-bottom: 0;
}
.md-mb10 {
margin-bottom: 10px;
}
.md-mb20 {
margin-bottom: 20px;
}
.md-mb30 {
margin-bottom: 30px;
}
.md-mb40 {
margin-bottom: 40px;
}
.md-mb50 {
margin-bottom: 50px;
}
.md-mb60 {
margin-bottom: 60px;
}
.md-mb70 {
margin-bottom: 70px;
}
.md-mb80 {
margin-bottom: 80px;
}
.md-mb100 {
margin-bottom: 100px;
}
.md-mt0 {
margin-top: 0;
}
.md-mt10 {
margin-top: 10px;
}
.md-mt20 {
margin-top: 20px;
}
.md-mt30 {
margin-top: 30px;
}
.md-mt40 {
margin-top: 40px;
}
.md-mt50 {
margin-top: 50px;
}
.md-mt60 {
margin-top: 60px;
}
.md-mt70 {
margin-top: 70px;
}
.md-mt80 {
margin-top: 80px;
}
.md-mt100 {
margin-top: 100px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/*----------------------------------
TABLET LAYOUT: 768px
-----------------------------------*/
.sm-mb0 {
margin-bottom: 0;
}
.sm-mb10 {
margin-bottom: 10px;
}
.sm-mb20 {
margin-bottom: 20px;
}
.sm-mb30 {
margin-bottom: 30px;
}
.sm-mb40 {
margin-bottom: 40px;
}
.sm-mb50 {
margin-bottom: 50px;
}
.sm-mb60 {
margin-bottom: 60px;
}
.sm-mb70 {
margin-bottom: 70px;
}
.sm-mb80 {
margin-bottom: 80px;
}
.sm-mb100 {
margin-bottom: 100px;
}
.sm-mt0 {
margin-top: 0;
}
.sm-mt10 {
margin-top: 10px;
}
.sm-mt20 {
margin-top: 20px;
}
.sm-mt30 {
margin-top: 30px;
}
.sm-mt40 {
margin-top: 40px;
}
.sm-mt50 {
margin-top: 50px;
}
.sm-mt60 {
margin-top: 60px;
}
.sm-mt70 {
margin-top: 70px;
}
.sm-mt80 {
margin-top: 80px;
}
.sm-mt100 {
margin-top: 100px;
}
}
@media only screen and (max-width: 767px) {
/*----------------------------------
MOBILE LAYOUT: 320px
-----------------------------------*/
.xs-mb0 {
margin-bottom: 0;
}
.xs-mb10 {
margin-bottom: 10px;
}
.xs-mb20 {
margin-bottom: 20px;
}
.xs-mb30 {
margin-bottom: 30px;
}
.xs-mb40 {
margin-bottom: 40px;
}
.xs-mb50 {
margin-bottom: 50px;
}
.xs-mb60 {
margin-bottom: 60px;
}
.xs-mb70 {
margin-bottom: 70px;
}
.xs-mb80 {
margin-bottom: 80px;
}
.xs-mb90 {
margin-bottom: 90px;
}
.xs-mb100 {
margin-bottom: 100px;
}
.xs-mt0 {
margin-top: 0;
}
.xs-mt10 {
margin-top: 10px;
}
.xs-mt20 {
margin-top: 20px;
}
.xs-mt30 {
margin-top: 30px;
}
.xs-mt40 {
margin-top: 40px;
}
.xs-mt50 {
margin-top: 50px;
}
.xs-mt60 {
margin-top: 60px;
}
.xs-mt70 {
margin-top: 70px;
}
.xs-mt80 {
margin-top: 80px;
}
.xs-mt100 {
margin-top: 100px;
}
}
/* ----------------------------
PADDING CSS
------------------------------ */
.section-padding {
padding: 100px 0 70px 0;
}
.section-padding2 {
padding: 100px 0;
margin-bottom:25px;
}
.padding-top {
padding-top: 100px;
}
.padding-bottom {
padding-bottom: 100px;
}
.padding5050 {
padding: 50px 0;
}
.padding2020 {
padding: 20px 0;
}
.padding6030 {
padding: 60px 0 30px;
}
.padding15 {
padding: 0px;
}
.nopadd {
padding:0
}
/*-----------------*/
.padding-top-10 {
padding-top: 10px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-top-40 {
padding-top: 40px;
}
.padding-top-50 {
padding-top: 50px;
}
.padding-top-60 {
padding-top: 60px;
}
.padding-top-70 {
padding-top: 70px;
}
.padding-top-80 {
padding-top: 80px;
}
.padding-top-90 {
padding-top: 90px;
}
.padding-top-100 {
padding-top: 100px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.padding-bottom-60 {
padding-bottom: 60px;
}
.padding-bottom-70 {
padding-bottom: 70px;
}
.padding-bottom-80 {
padding-bottom: 80px;
}
.padding-bottom-90 {
padding-bottom: 90px;
}
.padding-bottom-100 {
padding-bottom: 100px;
}
/*--------------------
PADDING
---------------------*/
.padding100 {
padding: 100px;
}
.padding90 {
padding: 90px;
}
.padding80 {
padding: 80px;
}
.padding70 {
padding: 70px;
}
.padding60 {
padding: 60px;
}
.padding50 {
padding: 50px;
}
.padding40 {
padding: 40px;
}
.padding30 {
padding: 30px;
}
.padding20 {
/*padding: 20px !important;*/
}
.padding201 {
padding: 20px !important;
}
.padding10 {
padding: 10px;
}
.no-padding {
padding: 0;
}
.no-paddingbottom {
padding-bottom: 0;
}
/*--------------------------------------
RESPONSIVE
----------------------------------------*/
@media only screen and (min-width: 1200px) {
.lg-padding-top-10 {
padding-top: 10px;
}
.lg-padding-top-20 {
padding-top: 20px;
}
.lg-padding-top-30 {
padding-top: 30px;
}
.lg-padding-top-40 {
padding-top: 40px;
}
.lg-padding-top-50 {
padding-top: 50px;
}
.lg-padding-top-60 {
padding-top: 60px;
}
.lg-padding-top-70 {
padding-top: 70px;
}
.lg-padding-top-80 {
padding-top: 80px;
}
.lg-padding-top-90 {
padding-top: 90px;
}
.lg-padding-top-100 {
padding-top: 100px;
}
.lg-padding-bottom-10 {
padding-bottom: 10px;
}
.lg-padding-bottom-20 {
padding-bottom: 20px;
}
.lg-padding-bottom-30 {
padding-bottom: 30px;
}
.lg-padding-bottom-40 {
padding-bottom: 40px;
}
.lg-padding-bottom-50 {
padding-bottom: 50px;
}
.lg-padding-bottom-60 {
padding-bottom: 60px;
}
.lg-padding-bottom-70 {
padding-bottom: 70px;
}
.lg-padding-bottom-80 {
padding-bottom: 80px;
}
.lg-padding-bottom-90 {
padding-bottom: 90px;
}
.lg-padding-bottom-100 {
padding-bottom: 100px;
}
/*------------------*/
.lg-padding100 {
padding: 100px;
}
.lg-padding90 {
padding: 90px;
}
.lg-padding80 {
padding: 80px;
}
.lg-padding70 {
padding: 70px;
}
.lg-padding60 {
padding: 60px;
}
.lg-padding50 {
padding: 50px;
}
.lg-padding40 {
padding: 40px;
}
.lg-padding30 {
padding: 30px;
}
.lg-padding20 {
padding: 20px;
}
.lg-padding10 {
padding: 10px;
}
.lg-padding0 {
padding: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.md-padding-top-10 {
padding-top: 10px;
}
.md-padding-top-20 {
padding-top: 20px;
}
.md-padding-top-30 {
padding-top: 30px;
}
.md-padding-top-40 {
padding-top: 40px;
}
.md-padding-top-50 {
padding-top: 50px;
}
.md-padding-top-60 {
padding-top: 60px;
}
.md-padding-top-70 {
padding-top: 70px;
}
.md-padding-top-80 {
padding-top: 80px;
}
.md-padding-top-90 {
padding-top: 90px;
}
.md-padding-top-100 {
padding-top: 100px;
}
.md-padding-bottom-10 {
padding-bottom: 10px;
}
.md-padding-bottom-20 {
padding-bottom: 20px;
}
.md-padding-bottom-30 {
padding-bottom: 30px;
}
.md-padding-bottom-40 {
padding-bottom: 40px;
}
.md-padding-bottom-50 {
padding-bottom: 50px;
}
.md-padding-bottom-60 {
padding-bottom: 60px;
}
.md-padding-bottom-70 {
padding-bottom: 70px;
}
.md-padding-bottom-80 {
padding-bottom: 80px;
}
.md-padding-bottom-90 {
padding-bottom: 90px;
}
.md-padding-bottom-100 {
padding-bottom: 100px;
}
/*------------------*/
.md-padding100 {
padding: 100px;
}
.md-padding90 {
padding: 90px;
}
.md-padding80 {
padding: 80px;
}
.md-padding70 {
padding: 70px;
}
.md-padding60 {
padding: 60px;
}
.md-padding50 {
padding: 50px;
}
.md-padding40 {
padding: 40px;
}
.md-padding30 {
padding: 30px;
}
.md-padding20 {
padding: 20px;
}
.md-padding10 {
padding: 10px;
}
.md-padding0 {
padding: 0px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-padding-top-10 {
padding-top: 10px;
}
.sm-padding-top-20 {
padding-top: 20px;
}
.sm-padding-top-30 {
padding-top: 30px;
}
.sm-padding-top-40 {
padding-top: 40px;
}
.sm-padding-top-50 {
padding-top: 50px;
}
.sm-padding-top-60 {
padding-top: 60px;
}
.sm-padding-top-70 {
padding-top: 70px;
}
.sm-padding-top-80 {
padding-top: 80px;
}
.sm-padding-top-90 {
padding-top: 90px;
}
.sm-padding-top-100 {
padding-top: 100px;
}
.sm-padding-bottom-10 {
padding-bottom: 10px;
}
.sm-padding-bottom-20 {
padding-bottom: 20px;
}
.sm-padding-bottom-30 {
padding-bottom: 30px;
}
.sm-padding-bottom-40 {
padding-bottom: 40px;
}
.sm-padding-bottom-50 {
padding-bottom: 50px;
}
.sm-padding-bottom-60 {
padding-bottom: 60px;
}
.sm-padding-bottom-70 {
padding-bottom: 70px;
}
.sm-padding-bottom-80 {
padding-bottom: 80px;
}
.sm-padding-bottom-90 {
padding-bottom: 90px;
}
.sm-padding-bottom-100 {
padding-bottom: 100px;
}
/*------------------*/
.sm-padding100 {
padding: 100px;
}
.sm-padding90 {
padding: 90px;
}
.sm-padding80 {
padding: 80px;
}
.sm-padding70 {
padding: 70px;
}
.sm-padding60 {
padding: 60px;
}
.sm-padding50 {
padding: 50px;
}
.sm-padding40 {
padding: 40px;
}
.sm-padding30 {
padding: 30px;
}
.sm-padding20 {
padding: 20px;
}
.sm-padding10 {
padding: 10px;
}
.sm-padding0 {
padding: 0px;
}
/*-----------------*/
.section-padding {
padding: 80px 0;
}
.padding-top {
padding-top: 80px;
}
.padding-bottom {
padding-bottom: 80px;
}
.padding-100-50 {
padding-top: 80px;
padding-bottom: 30px;
}
.padding-100-70 {
padding-top: 80px;
padding-bottom: 50px;
}
.padding-100-30 {
padding-top: 80px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.xs-padding-top-10 {
padding-top: 10px;
}
.xs-padding-top-20 {
padding-top: 20px;
}
.xs-padding-top-30 {
padding-top: 30px;
}
.xs-padding-top-40 {
padding-top: 40px;
}
.xs-padding-top-50 {
padding-top: 50px;
}
.xs-padding-top-60 {
padding-top: 60px;
}
.xs-padding-top-70 {
padding-top: 70px;
}
.xs-padding-top-80 {
padding-top: 80px;
}
.xs-padding-top-90 {
padding-top: 90px;
}
.xs-padding-top-100 {
padding-top: 100px;
}
.xs-padding-bottom-10 {
padding-bottom: 10px;
}
.xs-padding-bottom-20 {
padding-bottom: 20px;
}
.xs-padding-bottom-30 {
padding-bottom: 30px;
}
.xs-padding-bottom-40 {
padding-bottom: 40px;
}
.xs-padding-bottom-50 {
padding-bottom: 50px;
}
.xs-padding-bottom-60 {
padding-bottom: 60px;
}
.xs-padding-bottom-70 {
padding-bottom: 70px;
}
.xs-padding-bottom-80 {
padding-bottom: 80px;
}
.xs-padding-bottom-90 {
padding-bottom: 90px;
}
.xs-padding-bottom-100 {
padding-bottom: 100px;
}
/*------------------*/
.xs-padding100 {
padding: 100px;
}
.xs-padding90 {
padding: 90px;
}
.xs-padding80 {
padding: 80px;
}
.xs-padding70 {
padding: 70px;
}
.xs-padding60 {
padding: 60px;
}
.xs-padding50 {
padding: 50px;
}
.xs-padding40 {
padding: 40px;
}
.xs-padding30 {
padding: 30px;
}
.xs-padding20 {
padding: 20px;
}
.xs-padding10 {
padding: 10px;
}
.xs-padding0 {
padding: 0px;
}
/*----------------*/
.section-padding {
padding: 50px 0;
}
.padding-top {
padding-top: 50px;
}
.padding-bottom {
padding-bottom: 50px;
}
.padding-100-50 {
padding-top: 50px;
padding-bottom: 0;
}
.padding-100-70 {
padding-top: 50px;
padding-bottom: 20px;
}
.padding-100-30 {
padding-top: 50px;
padding-bottom: 0px;
}
}
/* ----------------------------
BACKGROUND CSS
------------------------------- */
.theme__bg1 {
position: relative;
z-index: 2;
}
.theme__bg1:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #233645;
z-index: -1;
}
.theme__bg2 {
position: relative;
z-index: 2;
}
.theme__bg2:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #EBF5F6;
z-index: -1;
}
.white__bg {
background: #fff;
}
.bgf {
background-attachment: fixed;
}
/* ----------------------------
BORDER CSS
------------------------------ */
.border {
border: 1px solid #dfdfde;
}
.border-left {
border-left: 1px solid #dddddd;
}
.border-right {
border-right: 1px solid #dddddd;
}
.border-bottom {
border-bottom: 1px solid #dddddd;
}
.border-top {
border-top: 1px solid #dddddd;
}
.border-righ-bottom {
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.border_black_1px {
border: 1px solid #222;
}
.border_black_2px {
border: 2px solid #222;
}
.border_black_3px {
border: 3px solid #222;
}
@media only screen and (max-width: 767px) {
.border-xs {
border: 1px solid #dddddd;
}
}
.border-radious3 {
border-radius: 3px;
overflow: hidden;
}
.border-radious4 {
border-radius: 4px;
overflow: hidden;
}
.border-radious5 {
/* border-radius: 5px;*/
overflow: hidden;
}
.border-radious55 {
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.border-radious7 {
border-radius: 7px;
overflow: hidden;
}
.border-radious10 {
border-radius: 10px;
}
.border-radious20 {
border-radius: 20px;
}
.border-radious50 {
border-radius: 50px;
}
.border-_5px_white {
border: 0.5px solid #fff;
}
/*-----------------------
SHADOW CSS
------------------------*/
.shadow {
box-shadow: 0 0 3px #dddddd;
}
.shadow10 {
box-shadow: 0 0 3px #dddddd;
transition: 0.3s;
}
.shadow10:hover,
.shadow:hover {
transform: translateY(-5px);
}
.no-shadow {
box-shadow: 0 0 0 0 transparent;
}
/* ----------------------------
FORM & INPUT CSS
------------------------------ */
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
outline: 0;
}
button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
outline: 0;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
outline: 0;
width: 100%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus,
select:focus {
outline: 0;
}
select {
border: 1px solid #dbdbfd;
}
textarea {
width: 100%;
}
embed,
iframe,
object {
width: 100%;
}
/*==============
COMMON CSS
=================*/
.bg {
background-position: center !important;
background-size: cover !important;
}
/*==============
SPACE CSS
=================*/
.space-100 {
height: 100px;
}
.space-50 {
height: 50px;
}
.space-80 {
height: 80px;
}
.space-40 {
height: 40px;
}
.space-60 {
height: 60px;
}
.space-70 {
height: 70px;
}
.space-30 {
height: 30px;
}
.space-20 {
height: 20px;
}
.space-15 {
height: 15px;
}
.space-10 {
height: 10px;
}
.space-5 {
height: 5px;
}
.theme-1 {
/* Main navigation */
/* Dropdown */
/*-- Dark bg style --*/
/* ===================
// Hheader Search
======================= */
/* magnific pop up modal */
/* animation keyframes list */
/* ===================
// Menu tab
======================= */
/* Header with Menu
================================================== */
/* Responsive styles
================================================== */
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Small Devices Potrait */
/*MENU RIGHT AREA CSS*/
/*MENU RIGHT AREA CSS*/
}
.theme-1 .site-nav-inner {
position: relative;
}
.theme-1 .main-nav {
background: white;
min-height: 70px;
box-shadow: 0 72px 20px 0 #fbfbff;
}
.theme-1 .navbar {
border-radius: 0;
border: 0;
margin-bottom: 0;
padding-top: 0px;
padding-bottom: 0px;
}
.theme-1 .navbar-toggler {
color: #fff;
padding: 8px 15px;
background: #1417ac;
position: absolute;
top: -55px;
z-index: 9;
}
.theme-1 .navbar-toggler-icon {
width: 25px;
}
.theme-1 .navbar-toggle .i-bar {
background: #fff;
}
.theme-1 .navbar-collapse {
padding-left: 0;
}
.theme-1 ul.navbar-nav > li {
float: left;
padding: 0;
position: relative;
}
.theme-1 ul.navbar-nav > li > a {
padding: 0 15px;
line-height: 50px;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
margin: 0;
position: relative;
transition: 350ms;
padding: 10px 22px;
}
.theme-1 ul.navbar-nav > li > a i {
font-weight: 500;
}
.theme-1 ul.navbar-nav > li > a:hover, .theme-1 ul.navbar-nav > li > a:focus {
background: none;
}
.theme-1 ul.navbar-nav > li:hover a::before, .theme-1 ul.navbar-nav > li.active a::before {
border-color: #1417ac;
opacity: 1;
transform: scale(1) translateZ(0);
}
.theme-1 .nav .open > a,
.theme-1 .nav .open > a:hover,
.theme-1 .nav .open > a:focus {
background: transparent;
border: 0;
}
.theme-1 ul.navbar-nav > li.mega-dropdown {
position: static;
}
.theme-1 .dropdown-submenu {
position: relative;
}
.theme-1 .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -2px;
border-radius: 0;
}
.theme-1 .dropdown-submenu > a:after {
display: block;
content: "";
font-family: "Font Awesome 5 pro";
float: right;
margin-top: 3px;
margin-right: -5px;
}
.theme-1 .dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.theme-1 .dropdown-submenu.pull-left {
float: none;
}
.theme-1 .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
border-radius: 6px 0 6px 6px;
}
.theme-1 .dropdown-toggle::after {
display: none;
}
.theme-1 .dropdown-menu {
text-align: left;
background: #fff;
z-index: 100;
min-width: 230px;
border-radius: 0;
border: 0;
border: 0;
box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.15);
margin-top: 0;
padding: 0;
}
.theme-1 .navbar-nav > li > .dropdown-menu {
border-top: 1px solid #dedede;
}
.theme-1 .navbar-nav > li > .dropdown-menu.mega-menu-content {
border-top: 0;
}
.theme-1 .dropdown-menu-large {
min-width: 400px;
}
.theme-1 .dropdown-menu-large > li > ul {
padding: 0;
margin: 0;
list-style: none;
}
.theme-1 .dropdown-menu-large > li > ul > li > a {
padding-left: 0;
}
.theme-1 .dropdown-menu-large > li > ul > li.active > a {
color: #fc4a00;
}
.theme-1 .navbar-nav > li > .dropdown-menu > a {
background: none;
}
.theme-1 .dropdown-menu li a {
display: block;
font-size: inherit;
font-weight: 400;
line-height: normal;
text-decoration: none;
padding: 15px 25px 15px 25px;
border-bottom: 1px solid #e5e5e5;
color: #333333;
background: #f4f4f4;
text-transform: capitalize;
}
.theme-1 .dropdown-menu li:last-child > a {
border-bottom: 0;
}
.theme-1 .dropdown-menu > .active > a,
.theme-1 .dropdown-menu > .active > a:hover,
.theme-1 .dropdown-menu > .active > a:focus,
.theme-1 .dropdown-menu > .active > .dropdown-menu > .active > a {
background: none;
color: #1417ac;
}
.theme-1 .dropdown-menu > li > a:hover,
.theme-1 .dropdown-menu > li > a:focus {
background: #1417ac;
color: #fff;
}
@media (min-width: 767px) {
.theme-1 ul.nav li.dropdown .dropdown-menu li.dropdown-submenu .dropdown-menu {
left: 100%;
top: 0;
display: none;
}
.theme-1 ul.nav li.dropdown .dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
display: block;
}
}
.theme-1 .mega-menu-content {
width: 1110px;
padding: 0;
}
.theme-1 .mega-menu-content-inner {
padding: 20px 10px;
}
.theme-1 .mega-menu-content .row {
margin: 0;
}
.theme-1 .main-nav.dark-bg > .container > .row {
border: 0;
background: #272727;
margin-left: 0;
margin-right: 0;
}
.theme-1 .dark-bg .navbar-toggler {
margin-left: 6px;
}
.theme-1 .main-nav.dark-bg ul.navbar-nav > li > a {
color: #fff;
}
.theme-1 .main-nav.dark-bg ul.navbar-nav > li > a:before {
border: 0;
}
.theme-1 .main-nav.dark-bg ul.navbar-nav > li.active,
.theme-1 .main-nav.dark-bg ul.navbar-nav > li:hover {
background: #1417ac;
}
.theme-1 .main-nav.dark-bg .nav-search i {
color: #fff;
}
.theme-1 .main-nav {
position: relative;
padding: 0 15px;
}
.theme-1 .main-nav > .container,
.theme-1 .search-area {
position: relative;
}
.theme-1 .search-area {
min-height: 70px;
padding-right: 0;
}
.theme-1 .nav-search {
display: inline-block;
position: relative;
cursor: pointer;
top: 0;
right: 0;
}
.theme-1 .nav-search a {
color: #fff;
display: block;
}
.theme-1 .modal-searchPanel .ts-search-group {
position: relative;
}
.theme-1 .modal-searchPanel .ts-search-group input:not([type=submit]) {
height: 70px;
background-color: transparent;
border-radius: 50px;
border: 2px solid #fff;
color: #fff;
padding: 0 30px;
}
.theme-1 .modal-searchPanel .ts-search-group .search-button {
background-color: transparent;
border: 0px;
padding: 0;
color: #fff;
position: absolute;
right: 0;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 70px;
border-radius: 0 50px 50px 0;
}
.theme-1 .mfp-bg.xs-promo-popup {
background-color: rgba(0, 0, 0, 0.87);
padding-bottom: 100%;
border-radius: 100%;
overflow: hidden;
animation: menu-animation 0.8s ease-out forwards;
}
@keyframes menu-animation {
0% {
opacity: 0;
transform: scale(0.04) translateY(300%);
}
40% {
transform: scale(0.04) translateY(0);
transition: ease-out;
}
40% {
transform: scale(0.04) translateY(0);
}
60% {
opacity: 1;
transform: scale(0.02) translateY(0px);
}
61% {
opacity: 1;
transform: scale(0.04) translateY(0px);
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%;
}
100% {
opacity: 1;
transform: scale(2) translateY(0px);
height: 100%;
padding-bottom: 0;
border-radius: 0;
}
}
.theme-1 .menu-tab .nav.nav-tabs {
border-right: 1px solid #dedede;
padding: 20px 0;
padding-right: 0;
min-height: 250px;
margin-top: 0;
}
.theme-1 .menu-tab .nav.nav-tabs > li > a {
border: 1px solid transparent;
border-radius: 0;
font-weight: 400;
padding: 14px 16px 14px 30px;
background: #fff;
text-transform: initial;
font-size: 14px;
}
.theme-1 .menu-tab .nav.nav-tabs > li > a.active {
background: #dedede;
margin-right: -1px;
border: 1px solid #dedede;
border-right: 0;
color: #fc4a00;
cursor: pointer;
}
.theme-1 .menu-tab .tab-content > .tab-pane {
padding: 25px 0;
min-height: 250px;
}
.theme-1 .menu-tab .tab-content > .tab-pane .col-md-3 {
padding-right: 10px;
padding-left: 10px;
}
.theme-1 .header.header-menu {
padding: 0;
}
.theme-1 .header.header-menu .logo {
padding: 12px 0;
}
.theme-1 .header.header-menu > .container > .row {
border-bottom: 1px solid #dedede;
margin-left: 0;
margin-right: 0;
}
.theme-1 .header.header-menu ul.navbar-nav > li > a {
line-height: 70px;
}
.theme-1 .header.header-menu ul.navbar-nav > li.mega-dropdown,
.theme-1 .site-nav-inner {
position: static;
width: 100%;
}
.theme-1 .header.header-menu .mega-menu-content {
min-width: 1145px;
left: -43%;
}
.theme-1 .nav-social-wrap {
position: absolute;
right: 0;
top: 0;
padding: 0;
}
.theme-1 .navbar {
position: absolute;
top: 70px;
width: 100%;
background: #f8f8f8;
z-index: 9;
padding: 0;
}
@media (min-width: 992px) {
.theme-1 .navbar {
position: static;
top: 70px;
width: 100%;
background: transparent;
}
.theme-1 ul.navbar-nav > li > a {
color: #404052;
padding: 0 22px;
}
.theme-1 .header.header-menu ul.navbar-nav > li.mega-dropdown,
.theme-1 .site-nav-inner {
position: static;
width: 100%;
}
}
.theme-1 ul.navbar-nav > li:after {
position: absolute;
content: "";
height: 0;
width: 100%;
background: #1417ac;
bottom: 0;
left: 0;
z-index: 2;
transition: all 0.3s;
}
.theme-1 ul.navbar-nav > li:hover:after {
height: 2px;
transition: all 0.3s;
}
@media (min-width: 992px) {
.theme-1 .header {
min-height: 70px;
}
.theme-1 .main-nav ul.navbar-nav > li > a {
padding: 0 15px;
line-height: 70px;
display: inline-block;
}
.theme-1 .main-nav ul.navbar-nav > li {
position: relative;
z-index: 2;
transition: all 0.3s;
}
.theme-1 .main-nav ul.navbar-nav > li:before {
position: absolute;
content: "";
height: 0;
width: 100%;
background: #F3F3F4;
z-index: -1;
left: 0;
top: 0;
transition: all 0.3s;
}
.theme-1 .main-nav ul.navbar-nav > li:hover:before {
height: 100%;
transition: all 0.3s;
}
.theme-1 .main-nav ul.navbar-nav > li:hover:after {
width: 100%;
transition: all 0.3s;
}
.theme-1 .main-nav ul.navbar-nav > li:hover > a {
color: #1417ac;
transition: all 0.3s;
}
.theme-1 .main-nav ul.navbar-nav > li > a::before {
position: absolute;
left: 0;
content: "";
width: 1px;
height: 20px;
background: rgba(255, 255, 255, 0.2);
top: 0;
bottom: 0;
margin: auto;
}
.theme-1 .main-nav ul.navbar-nav > li > a::after {
position: absolute;
content: "";
width: 100%;
border-right: 1px solid rgba(255, 255, 255, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.2);
height: 100%;
background: rgba(255, 255, 255, 0.2);
top: 0;
bottom: 0;
right: 0;
left: auto;
transition: all 0.4s ease;
opacity: 0;
}
.theme-1 .main-nav ul.navbar-nav > li > a:hover::after {
opacity: 1;
}
.theme-1 blockquote {
padding: 45px 120px 30px;
}
}
@media (min-width: 1200px) {
.theme-1 {
/* Header */
}
.theme-1 .navbar-nav li:hover .dropdown-menu {
display: block;
}
.theme-1 .navbar-collapse {
padding-right: 0;
}
.theme-1 .nav-style-boxed .navbar-collapse {
padding-left: 15px;
}
.theme-1 .header.header-menu .mega-menu-content {
min-width: 1095px;
margin-left: -27px;
}
.theme-1 .main-nav ul.navbar-nav > li > a {
padding: 0px 15px 10px;
}
.theme-1 .sidebar {
margin-left: 40px;
}
.theme-1 .sidebar.sidebar-left {
margin-left: 0;
margin-right: 40px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.theme-1 {
/* Header */
/* Subscribe */
/* Action box */
/* Footer */
}
.theme-1 .navbar-nav li:hover .dropdown-menu {
display: block;
}
.theme-1 ul.navbar-nav > li {
padding: 0 6px;
}
.theme-1 ul.navbar-nav > li a {
font-size: inherit;
}
.theme-1 .dropdown-menu li a {
font-size: inherit;
}
.theme-1 .header .header-menu .mega-menu-content {
min-width: 1095px;
margin-left: -11px;
}
.theme-1 .newsletter-form input {
min-width: 340px;
}
.theme-1 .action-box-text {
font-size: 13px;
}
.theme-1 #back-to-top.affix {
bottom: 35px;
}
.theme-1 .mega-menu-content {
max-width: 940px;
}
}
@media (min-width: 575px) {
.theme-1 .main-nav {
padding: 0;
}
.theme-1 .nav-social-wrap {
padding: 0 15px;
}
.theme-1 .navbar-toggler {
left: 15px;
}
.theme-1 .navbar {
width: 98%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.theme-1 {
/* top info */
/* Header */
/* Navigation breakpoint */
/* Navigation */
/* Featured area */
/* Sidebar */
/* Footer */
}
.theme-1 ul.top-info li {
padding-right: 12px;
}
.theme-1 .navbar-fixed {
position: relative;
animation: none;
box-shadow: none;
}
.theme-1 .logo {
padding: 13px 0;
}
.theme-1 .logo img {
width: 100%;
}
.theme-1 .navbar-toggle {
display: block;
z-index: 1;
}
.theme-1 .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.theme-1 .navbar-collapse.collapse.show {
display: block;
}
.theme-1 .navbar-collapse ul.navbar-nav {
float: none !important;
margin-top: 0px;
width: 100%;
}
.theme-1 ul.navbar-nav > li {
float: none;
display: block;
}
.theme-1 .collapse.in {
display: block !important;
}
.theme-1 .navbar-collapse.in {
overflow-y: auto;
}
.theme-1 ul.nav li.dropdown:hover ul.dropdown-menu {
display: none;
}
.theme-1 ul.nav li.dropdown.open ul.dropdown-menu {
display: block;
}
.theme-1 .navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.theme-1 .navbar-collapse {
background: none;
width: 100%;
}
.theme-1 ul.navbar-nav > li:hover > a:after,
.theme-1 ul.navbar-nav > li.active > a:after {
content: "";
}
.theme-1 ul.navbar-nav > li > a:before {
border-bottom: 0;
}
.theme-1 ul.navbar-nav > li,
.theme-1 .nav-style-boxed ul.navbar-nav > li {
display: block;
}
.theme-1 .navbar-nav .open .dropdown-menu > li {
padding-left: 0;
}
.theme-1 .navbar-nav .open .dropdown-menu > li > a {
line-height: 30px;
padding: 5px 15px 10px 10px;
}
.theme-1 .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 10px 10px;
}
.theme-1 ul.navbar-nav {
padding: 0 0 10px;
}
.theme-1 ul.navbar-nav li {
float: none;
}
.theme-1 ul.navbar-nav li a {
line-height: normal !important;
color: #333;
border-top: 1px solid #f1f1f1 !important;
border-bottom: 0;
padding: 10px 20px;
display: block;
min-width: 350px;
}
.theme-1 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu a i {
margin-top: -22px;
}
.theme-1 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
left: 0;
position: relative;
}
.theme-1 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu a {
padding-left: 50px;
}
.theme-1 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu li a {
padding-left: 35px !important;
}
.theme-1 ul.navbar-nav .dropdown-menu {
float: none;
position: relative;
border: 0;
margin: 0;
padding: 0;
box-shadow: none;
border-top: 0;
background: none;
}
.theme-1 ul.navbar-nav .dropdown-menu li a {
padding-left: 20px !important;
}
.theme-1 ul.navbar-nav > li.nav-search,
.theme-1 ul.navbar-nav > li.header-get-a-quote {
display: none;
}
.theme-1 ul.navbar-nav li a i,
.theme-1 .dropdown-submenu > a:after {
float: right;
width: 36px;
height: 28px;
line-height: 28px;
margin-top: -5px;
text-align: center;
color: #000;
}
.theme-1 .dropdown-submenu > a:after {
margin-right: 0;
}
.theme-1 .navbar-nav > li > .dropdown-menu.mega-menu-content {
display: none !important;
}
.theme-1 .featured-post-area .pad-r {
padding-right: 15px;
}
.theme-1 .featured-post-area .pad-l {
padding-left: 15px;
}
.theme-1 .sidebar-right {
margin-top: 50px;
}
.theme-1 .sidebar-right .widget {
margin-left: 0;
}
.theme-1 .block.color-aqua,
.theme-1 .block.color-violet {
margin-top: 40px;
}
.theme-1 .footer-widget {
display: inline-block;
margin-bottom: 30px;
}
.theme-1 .newsletter-form input {
width: 90%;
}
.theme-1 .footer-info-content {
padding: 50px 100px 0;
}
.theme-1 #back-to-top.affix {
bottom: 78px;
}
}
@media (max-width: 767px) {
.theme-1 {
/* Top bar */
/* Header */
/* Navigation breakpoint */
/* Dart bg */
/* Search */
/* Featured area */
/* Block */
/* Sidebar */
/* Footer */
/* Block title */
/* Category style */
}
.theme-1 .boxed-layout .body-inner {
margin: 0 auto;
}
.theme-1 .trending-bar {
padding: 20px 0;
}
.theme-1 .trending-bar .trending-title {
float: none;
border: none;
}
.theme-1 .trending-bar .post-title.title-small {
padding: 10px 0;
}
.theme-1 .ts-date {
padding: 0;
border-right: 0;
display: block;
}
.theme-1 .top-nav {
display: block;
margin: 10px 0;
}
.theme-1 .top-bar {
text-align: center;
}
.theme-1 .top-social ul li a {
padding: 0 10px;
}
.theme-1 .navbar-fixed {
position: relative;
animation: none;
box-shadow: none;
}
.theme-1 .logo {
padding: 13px 0 25px;
text-align: center;
}
.theme-1 .navbar-toggle {
display: block;
z-index: 1;
}
.theme-1 .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.theme-1 .navbar-collapse.collapse.show {
display: block;
}
.theme-1 .navbar-collapse.collapse:after {
display: block;
content: "";
clear: both;
}
.theme-1 .navbar-collapse,
.theme-1 .site-nav-inner {
background: none;
width: 100%;
}
.theme-1 ul.navbar-nav > li:hover > a:after,
.theme-1 ul.navbar-nav > li.active > a:after {
content: "";
}
.theme-1 ul.navbar-nav > li > a:before {
border-bottom: 0;
}
.theme-1 .navbar-nav .open .dropdown-menu > li > a,
.theme-1 .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 10px 15px 10px 10px;
}
.theme-1 ul.navbar-nav > li {
display: block;
}
.theme-1 .navbar-nav .open .dropdown-menu > li > a {
line-height: 30px;
}
.theme-1 ul.navbar-nav > li.nav-search,
.theme-1 ul.navbar-nav > li.header-get-a-quote {
display: none;
}
.theme-1 ul.navbar-nav {
width: 100%;
padding: 0 0 10px;
}
.theme-1 ul.navbar-nav > li {
float: none;
}
.theme-1 ul.navbar-nav li a {
line-height: normal !important;
color: #333;
border-top: 1px solid #f1f1f1 !important;
border-bottom: 0;
padding: 7px 20px;
display: block;
background: transparent;
}
.theme-1 ul.navbar-nav .dropdown-menu > li > a {
padding-left: 15px;
}
.theme-1 ul.navbar-nav .dropdown-menu {
float: none;
position: relative;
border: 0;
margin: 0;
padding: 0;
}
.theme-1 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
left: 0;
position: relative;
}
.theme-1 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu a i {
margin-top: -22px;
}
.theme-1 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu li a {
padding-left: 20px;
}
.theme-1 ul.navbar-nav .dropdown-menu {
box-shadow: none;
border-top: 0;
background: none;
padding-left: 15px;
}
.theme-1 ul.navbar-nav li a i,
.theme-1 .dropdown-submenu > a:after {
color: #333;
float: right;
line-height: 28px;
margin-top: -5px;
margin-right: 10px;
text-align: center;
}
.theme-1 .dropdown-submenu > a:after {
margin-right: 0;
}
.theme-1 .navbar-nav > li > .dropdown-menu.mega-menu-content {
display: none !important;
}
.theme-1 .main-nav.dark-bg {
margin-bottom: 20px;
}
.theme-1 .main-nav.dark-bg > .container > .row {
padding: 0 20px;
}
.theme-1 .main-nav.dark-bg ul.navbar-nav > li.active,
.theme-1 .main-nav.dark-bg ul.navbar-nav > li:hover {
background: none;
}
.theme-1 .main-nav.dark-bg ul.navbar-nav li a {
color: #404052;
}
.theme-1 .header-top-social {
margin-bottom: 20px;
}
.theme-1 .search-block {
width: 220px;
}
.theme-1 .header.header-menu {
position: relative;
margin-bottom: 20px;
}
.theme-1 .search-area {
position: absolute;
right: 0;
top: 50px;
}
.theme-1 .featured-post-area .pad-r,
.theme-1 .pad-r-small {
padding-right: 15px;
padding-right: 15px;
}
.theme-1 .featured-post-area .pad-l,
.theme-1 .pad-l-small {
padding-left: 15px;
}
.theme-1 .post-title {
font-size: 18px;
line-height: 26px;
}
.theme-1 .block.color-orange .post-overaly-style.last {
margin-top: 40px;
}
.theme-1 .sidebar-right {
margin-top: 50px;
}
.theme-1 .sidebar-right .widget {
margin-left: 0;
}
.theme-1 .block.color-aqua,
.theme-1 .block.color-violet {
margin-top: 40px;
}
.theme-1 .social-icon li a i {
margin-bottom: 10px;
}
.theme-1 .post-block-style.post-float-half .post-thumb img {
max-width: 100%;
min-height: 100%;
margin-bottom: 20px;
}
.theme-1 .footer-widget {
display: inline-block;
margin-bottom: 30px;
}
.theme-1 .newsletter-form input {
width: 90%;
}
.theme-1 .footer-info-content {
padding: 50px 20px 0;
}
.theme-1 .footer-social li a i {
margin-bottom: 10px;
}
.theme-1 #back-to-top.affix {
bottom: 78px;
}
.theme-1 .featured-tab .nav-tabs {
margin: 20px 0;
position: static;
}
.theme-1 .footer-menu .nav {
display: inline-block;
}
.theme-1 #back-to-top {
bottom: 0;
right: 20px;
}
.theme-1 .block-title > span {
padding: 9px 10px;
}
.theme-1 .featured-tab .nav-tabs > li > a {
font-size: 12px;
}
.theme-1 .category-style2 .post-thumb {
margin-bottom: 20px;
}
.theme-1 .ts-author-comments::after {
display: none;
}
.theme-1 .single-post .post-navigation {
padding: 30px 0;
}
.theme-1 .single-post .post-navigation .post-next,
.theme-1 .single-post .post-navigation .post-previous {
width: 100%;
border: none;
margin: 10px 0;
}
}
@media (max-width: 991px) {
.theme-1 .featured-slider .item .featured-post .post-content {
padding: 20px;
}
.theme-1 .post-video .post-video-content {
padding: 0 20px 10px;
}
.theme-1 .post-video .post-video-content h3 {
font-size: 18px;
}
}
.theme-1 h2.post-title.title-small, .theme-1 h2.post-title.title-small a {
font-size: 16px;
color: #404052;
margin-top: 10px;
font-weight: 500;
}
.theme-1 .post-thumb {
position: relative;
z-index: 2;
}
.theme-1 a.popup {
position: absolute;
left: 50%;
top: 50%;
height: 70px;
width: 70px;
margin-left: -35px;
text-align: center;
margin-top: -35px;
line-height: 70px;
font-size: 20px;
color: #404052;
background: #fff;
border-radius: 50%;
}
.theme-1 .menu_right {
display: flex;
align-items: center;
justify-content: flex-end;
}
.theme-1 .users_area {
position: relative;
z-index: 2;
}
.theme-1 .search_form {
position: absolute;
height: 100%;
width: 200px;
left: -130px;
top: -95px;
background: #fff;
display: none;
visibility: hidden;
opacity: 0;
transition: all 0.4s;
}
.theme-1 .search_form.active {
visibility: visible;
opacity: 1;
display: block;
transition: all 0.4s;
}
.theme-1 .search_form input {
border: none;
padding: 15px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
.theme-1 .featured-slider .item .featured-post .post-content {
padding: 20px;
}
.theme-1 .post-video .post-video-content {
padding: 0 20px 10px;
}
.theme-1 .post-video .post-video-content h3 {
font-size: 18px;
}
}
.theme-1 h2.post-title.title-small, .theme-1 h2.post-title.title-small a {
font-size: 16px;
color: #404052;
margin-top: 10px;
font-weight: 500;
}
.theme-1 .post-thumb {
position: relative;
z-index: 2;
}
.theme-1 a.popup {
position: absolute;
left: 50%;
top: 50%;
height: 70px;
width: 70px;
margin-left: -35px;
text-align: center;
margin-top: -35px;
line-height: 70px;
font-size: 20px;
color: #404052;
background: #fff;
border-radius: 50%;
}
.theme-1 .menu_right {
display: flex;
align-items: center;
justify-content: flex-end;
}
.theme-1 .users_area {
position: relative;
z-index: 2;
}
.theme-1 .search_form {
position: absolute;
height: 100%;
width: 200px;
left: -130px;
top: -95px;
background: #fff;
display: none;
visibility: hidden;
opacity: 0;
transition: all 0.4s;
}
.theme-1 .search_form.active {
visibility: visible;
opacity: 1;
display: block;
transition: all 0.4s;
}
.theme-1 .search_form input {
border: none;
padding: 15px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.theme-1 .temp_wap {
position: relative;
z-index: 2;
padding-left: 70px;
}
.theme-1 .temp_wap p {
font-size: 12px;
opacity: 0.6;
line-height: 17px;
}
.theme-1 .temp_icon {
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
position: absolute;
left: 15px;
}
.theme-1 h3.temp_count {
position: relative;
z-index: 2;
display: inline-block;
font-size: 20px;
font-weight: 500;
margin-left: 10px;
}
.theme-1 h3.temp_count:after {
position: absolute;
content: "";
height: 30px;
width: 30px;
background: url(../img/icon/s.png);
background-repeat: no-repeat;
right: -35px;
}
.theme-1 .lang {
padding-left: 15px;
}
.theme-1 .lang ul {
margin: 0;
padding: 0;
}
.theme-1 .lang ul li {
list-style: none;
position: relative;
z-index: 2;
transition: all 0.3s;
}
.theme-1 .lang ul li a {
display: inline-block;
padding: 7px;
}
.theme-1 .lang ul li:hover ul {
visibility: visible;
opacity: 1;
top: 40px;
transition: all 0.3s;
}
.theme-1 .lang ul li ul {
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: auto;
background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
visibility: hidden;
top: 70px;
padding: 10px 0;
transition: all 0.3s;
width: 120px;
opacity: 0;
}
.theme-1 .lang ul li ul li {
list-style: none;
}
.theme-1 .lang ul li ul li a {
padding: 5px 15px;
}
.theme-1 .lang ul li a {
opacity: 0.75;
color: #404052;
}
.theme-1 .lang ul li a i {
opacity: 1;
}
.theme-1 .users_area ul {
margin: 0;
padding: 0;
}
.theme-1 .users_area ul li {
font-weight: 500;
padding: 0 4px;
font-size: 18px;
color: #8A8F94;
cursor: pointer;
}
.theme-1 .menu_right > div {
position: relative;
z-index: 2;
padding-right: 15px;
}
.theme-1 .menu_right > div:after {
position: absolute;
content: "";
height: 25px;
width: 2px;
background: #B9BCBF;
right: -2px;
top: 50%;
margin-top: -12.5px;
}
.theme-1 .menu_right > div:last-child {
padding-right: 0;
}
.theme-1 .menu_right > div:last-child:after {
display: none;
}
.theme-1 li.new-item {
position: relative;
z-index: 2;
transition: all 0.3s;
}
.theme-1 li.new-item:after {
position: absolute;
content: "New";
height: 30px;
width: 30px;
border-radius: 50%;
font-size: 11px;
right: 10px;
top: 50%;
margin-top: -15px;
color: #FFdbdbfd5;
transition: all 0.3s;
}
.theme-1 li.new-item:hover:after {
color: #fff;
transition: all 0.3s;
}
/*
=====================
font weight
*/
/*DARK VERSION COLORS START*/
/*DARK VERSION COLORS END*/
/*DARK VERSION BACKGROUND START*/
/*DARK VERSION BACKGROUND END*/
/*GRADIENT COLORS START*/
/*GRADINET COLORS END*/
/*SHADOW START*/
/*SHADOW END*/
.theme-input input {
font-size: 16px;
font-weight: 400;
color: #1417ac;
}
.signup_form form input.cbtn, .theme-3 .signup_form form input.cbtn, a.cbtn1,
button.cbtn1,
input.cbtn1 {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px 30px;
background: #1417ac;
border: none;
}
.topbar .social1 ul li a, .theme-3 .topbar .social1 li a, .dark-theme .topbar .social1 ul li a {
width: 20px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
font-style: 14px;
color: #404052;
}
.footer .cta .social2 ul li a {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-style: 14px;
color: #C7CACC;
background: #212C34;
}
.banner {
position: relative;
z-index: 2;
}
.banner:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: #404052;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
}
.inner_overlay {
position: relative;
z-index: 1;
}
.inner_overlay:after {
position: absolute;
z-index: -1;
content: "";
height: 100%;
width: 60%;
background: linear-gradient(to left, transparent, #404052);
left: 0;
top: 0;
}
.category ul li a {
position: relative;
z-index: 2;
}
.category ul li a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
background: #404052;
}
.half_bg1 {
position: relative;
z-index: 2;
}
.half_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #dbdbfd;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg1 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #233340;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg60 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #233340;
left: 0;
top: 0;
z-index: -1;
}
.half_bg60 {
position: relative;
z-index: 2;
}
.half_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #404052;
left: 0;
top: 0;
z-index: -1;
}
.border_left3 {
border-left: 3px solid #BDC0C2;
}
.comment_form textarea, .comment_form input {
border: 1px solid #C4C7C9;
}
button.cbtn2,
input.cbtn2,
a.cbtn2, .dark-theme button.cbtn2,
.dark-theme input.cbtn2,
.dark-theme a.cbtn2 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: #1417ac;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn2:hover,
input.cbtn2:hover,
a.cbtn2:hover, .dark-theme button.cbtn2:hover,
.dark-theme input.cbtn2:hover,
.dark-theme a.cbtn2:hover {
background: #404052;
color: #FFFFFF;
transition: all 0.3s;
}
.theme-4 button.cbtn4,
.theme-4 input.cbtn4,
.theme-4 a.cbtn4 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
.theme-4 button.cbtn4:hover,
.theme-4 input.cbtn4:hover,
.theme-4 a.cbtn4:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
transition: all 0.3s;
}
button.cbtn3,
input.cbt3,
a.cbtn3 {
padding: 15px 40px;
font-size: 16px;
color: #404052;
border: 1px solid #1417ac;
background: #FFFFFF;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn3:hover,
input.cbt3:hover,
a.cbtn3:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.shadow5 {
box-shadow: 0 72px 20px 0 #fbfbff;
}
.inner_bg {
background: url(../img/bg/inner_bg.jpg);
}
.wlc_overlay {
position: relative;
z-index: 2;
}
.wlc_overlay:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
background: linear-gradient(to top, #000, transparent);
z-index: -1;
opacity: 0.6;
}
/*
=====================
font weight
*/
/*DARK VERSION COLORS START*/
/*DARK VERSION COLORS END*/
/*DARK VERSION BACKGROUND START*/
/*DARK VERSION BACKGROUND END*/
/*GRADIENT COLORS START*/
/*GRADINET COLORS END*/
/*SHADOW START*/
/*SHADOW END*/
.theme-input input {
font-size: 16px;
font-weight: 400;
color: #1417ac;
}
.signup_form form input.cbtn, .theme-3 .signup_form form input.cbtn, a.cbtn1,
button.cbtn1,
input.cbtn1 {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px 30px;
background: #1417ac;
border: none;
}
.topbar .social1 ul li a, .theme-3 .topbar .social1 li a, .dark-theme .topbar .social1 ul li a {
width: 20px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
font-style: 14px;
color: #404052;
}
.footer .cta .social2 ul li a {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-style: 14px;
color: #C7CACC;
background: #212C34;
}
.banner {
position: relative;
z-index: 2;
}
.banner:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: #404052;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
}
.inner_overlay {
position: relative;
z-index: 1;
}
.inner_overlay:after {
position: absolute;
z-index: -1;
content: "";
height: 100%;
width: 60%;
background: linear-gradient(to left, transparent, #404052);
left: 0;
top: 0;
}
.category ul li a {
position: relative;
z-index: 2;
}
.category ul li a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
background: #404052;
}
.half_bg1 {
position: relative;
z-index: 2;
}
.half_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #404052;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg1 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #233340;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg60 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #233340;
left: 0;
top: 0;
z-index: -1;
}
.half_bg60 {
position: relative;
z-index: 2;
}
.half_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #404052;
left: 0;
top: 0;
z-index: -1;
}
.border_left3 {
border-left: 3px solid #BDC0C2;
}
.comment_form textarea, .comment_form input {
border: 1px solid #C4C7C9;
}
button.cbtn2,
input.cbtn2,
a.cbtn2, .dark-theme button.cbtn2,
.dark-theme input.cbtn2,
.dark-theme a.cbtn2 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: #1417ac;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn2:hover,
input.cbtn2:hover,
a.cbtn2:hover, .dark-theme button.cbtn2:hover,
.dark-theme input.cbtn2:hover,
.dark-theme a.cbtn2:hover {
background: #404052;
color: #FFFFFF;
transition: all 0.3s;
}
.theme-4 button.cbtn4,
.theme-4 input.cbtn4,
.theme-4 a.cbtn4 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
.theme-4 button.cbtn4:hover,
.theme-4 input.cbtn4:hover,
.theme-4 a.cbtn4:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
transition: all 0.3s;
}
button.cbtn3,
input.cbt3,
a.cbtn3 {
padding: 15px 40px;
font-size: 16px;
color: #404052;
border: 1px solid #1417ac;
background: #FFFFFF;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn3:hover,
input.cbt3:hover,
a.cbtn3:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.shadow5 {
box-shadow: 0 72px 20px 0 #fbfbff;
}
a.readmore,
button.readmore,
input.readmore {
font-size: 14px;
font-weight: 400 !important;
color: #404052;
padding: 10px 18px;
border: 1px solid #50585F;
line-height: 20px !important;
}
a.readmore:hover,
button.readmore:hover,
input.readmore:hover {
background: #1417ac;
color: #FFFFFF !important;
border-color: transparent;
}
.download_btn .widget-title {
margin-bottom: 10px;
}
.download_btn .download_btn_group a.app_btn {
position: relative;
z-index: 2;
display: inline-block;
font-size: 12px;
padding-left: 39px;
border: 1px solid #4E575E;
padding: 13px 20px 13px 40px;
background: #F2F6F8;
border-radius: 3px;
color: #4E575E;
line-height: 12px;
transition: all 0.3s;
}
.download_btn .download_btn_group a.app_btn span {
display: block;
line-height: 10px;
color: #404052;
font-size: 15px;
margin-top: 10px;
text-transform: uppercase;
transition: all 0.3s;
}
.download_btn .download_btn_group a.app_btn i {
position: absolute;
left: 10px;
top: 50%;
font-size: 20px;
text-align: center;
height: 30px;
width: 30px;
color: #1417ac;
line-height: 30px;
margin-top: -15px;
transition: all 0.3s;
}
.download_btn .download_btn_group a.app_btn:last-child {
margin-left: 15px;
}
.download_btn .download_btn_group a.app_btn:hover {
background: #1417ac;
border-color: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.download_btn .download_btn_group a.app_btn:hover i {
color: #FFFFFF;
transition: all 0.3s;
}
.download_btn .download_btn_group a.app_btn:hover span {
color: #FFFFFF;
transition: all 0.3s;
}
.download_btn.v4 .apps_desc {
position: relative;
z-index: 2;
padding-left: 20px;
}
.download_btn.v4 .apps_desc .apps_title {
font-size: 24px;
text-transform: capitalize;
font-weight: 500;
}
.download_btn.v4 .apps_desc:before {
position: absolute;
content: "";
height: 100%;
width: 5px;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
top: 0;
left: 0;
}
.download_btn.v4 .download_btn_group a.app_btn {
position: relative;
z-index: 2;
display: inline-block;
font-size: 12px;
padding-left: 39px;
border: 1px solid transparent;
padding: 13px 20px 13px 40px;
background: linear-gradient(90deg, #FEEDEE, #F7EEFD);
border-radius: 3px;
color: #4E575E;
line-height: 12px;
transition: all 0.3s;
}
.download_btn.v4 .download_btn_group a.app_btn span {
display: block;
line-height: 10px;
color: #404052;
font-size: 15px;
margin-top: 10px;
font-weight: 500;
text-transform: uppercase;
transition: all 0.3s;
}
.download_btn.v4 .download_btn_group a.app_btn i {
position: absolute;
left: 10px;
top: 50%;
font-size: 20px;
text-align: center;
height: 30px;
width: 30px;
color: #1417ac;
line-height: 30px;
margin-top: -15px;
transition: all 0.3s;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.download_btn.v4 .download_btn_group a.app_btn:last-child {
margin-left: 15px;
}
.download_btn.v4 .download_btn_group a.app_btn:hover {
background: #1417ac;
border-color: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.download_btn.v4 .download_btn_group a.app_btn:hover i {
color: #FFFFFF;
transition: all 0.3s;
}
.download_btn.v4 .download_btn_group a.app_btn:hover span {
color: #FFFFFF;
transition: all 0.3s;
}
.gbtn4 {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
}
a.showmore,
button.showmore,
input.showmore {
font-size: 14px;
color: #1417ac;
background: #F2F9FF;
border: 1px solid #BADFFF;
border-radius: 5px;
width: 100%;
padding: 5px;
text-align: center;
}
a.readmore3,
button.readmore3,
input.readmore3 {
font-size: 14px !important;
color: #747A80 !important;
border-radius: 5px !important;
display: inline-block;
text-transform: uppercase;
}
a.readmore3 img,
button.readmore3 img,
input.readmore3 img {
opacity: 0.35;
}
a.readmore4,
button.readmore4,
input.readmore4 {
font-size: 14px !important;
font-weight: 500;
text-transform: uppercase;
color: #FFdbdbfd5 !important;
position: relative;
z-index: 2;
}
a.readmore4:after,
button.readmore4:after,
input.readmore4:after {
position: absolute;
content: "";
height: 2px;
width: 100%;
bottom: 0;
left: 0;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
}
/*
=====================
font weight
*/
/*DARK VERSION COLORS START*/
/*DARK VERSION COLORS END*/
/*DARK VERSION BACKGROUND START*/
/*DARK VERSION BACKGROUND END*/
/*GRADIENT COLORS START*/
/*GRADINET COLORS END*/
/*SHADOW START*/
/*SHADOW END*/
.theme-input input {
font-size: 16px;
font-weight: 400;
color: #1417ac;
}
.signup_form form input.cbtn, .theme-3 .signup_form form input.cbtn, a.cbtn1,
button.cbtn1,
input.cbtn1 {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px 30px;
background: #1417ac;
border: none;
}
.topbar {
background: #dedede1a;
border: 1px #dbdbfd38 solid;
padding:6px;
}
.topbar .social1 ul li a, .theme-3 .topbar .social1 li a, .dark-theme .topbar .social1 ul li a {
width: 20px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
font-style: 14px;
color: #404052;
}
.footer .cta .social2 ul li a {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-style: 14px;
color: #C7CACC;
background: #212C34;
}
.banner {
position: relative;
z-index: 2;
}
.banner:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: #404052;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
}
.inner_overlay {
position: relative;
z-index: 1;
}
.inner_overlay:after {
position: absolute;
z-index: -1;
content: "";
height: 100%;
width: 60%;
background: linear-gradient(to left, transparent, #404052);
left: 0;
top: 0;
}
.category ul li a {
position: relative;
z-index: 2;
}
.category ul li a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
background: #404052;
}
.half_bg1 {
position: relative;
z-index: 2;
}
.half_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #404052;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg1 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #233340;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg60 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #233340;
left: 0;
top: 0;
z-index: -1;
}
.half_bg60 {
position: relative;
z-index: 2;
}
.half_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #404052;
left: 0;
top: 0;
z-index: -1;
}
.border_left3 {
border-left: 3px solid #BDC0C2;
}
.comment_form textarea, .comment_form input {
border: 1px solid #C4C7C9;
}
button.cbtn2,
input.cbtn2,
a.cbtn2, .dark-theme button.cbtn2,
.dark-theme input.cbtn2,
.dark-theme a.cbtn2 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: #1417ac;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn2:hover,
input.cbtn2:hover,
a.cbtn2:hover, .dark-theme button.cbtn2:hover,
.dark-theme input.cbtn2:hover,
.dark-theme a.cbtn2:hover {
background: #404052;
color: #FFFFFF;
transition: all 0.3s;
}
.theme-4 button.cbtn4,
.theme-4 input.cbtn4,
.theme-4 a.cbtn4 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
.theme-4 button.cbtn4:hover,
.theme-4 input.cbtn4:hover,
.theme-4 a.cbtn4:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
transition: all 0.3s;
}
button.cbtn3,
input.cbt3,
a.cbtn3 {
padding: 15px 40px;
font-size: 16px;
color: #404052;
border: 1px solid #1417ac;
background: #FFFFFF;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn3:hover,
input.cbt3:hover,
a.cbtn3:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.shadow5 {
box-shadow: 0 72px 20px 0 #fbfbff;
}
.inner {
height: 500px;
display: flex;
align-items: center;
position: relative;
z-index: 2;
}
.inner .inner_scroll {
position: absolute;
bottom: 50px;
animation: updown alternate linear 1s infinite;
}
.categories_title h5 {
font-size: 24px;
font-weight: 500;
margin-bottom: 30px;
}
.categories_title h5 a {
font-size: 24px;
font-weight: 500;
color: #404052;
}
@keyframes updown {
0% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.title_inner h6 {
color: #FFFFFF;
font-size: 15px;
font-weight: 500;
margin-bottom: 30px;
text-transform: capitalize;
}
.title_inner h1 {
color: #FFFFFF;
font-size: 44px;
font-weight: 700;
text-transform: capitalize;
}
.box {
padding: 0px;
padding-top: 20px;
border: 1px rgb(0 0 0 / 12%) solid;
padding: 13px;
border-radius: 3px;
direction: rtl;
/* box-shadow: 0px 2px 0px 0px #67758973; */
}
.gg_bb {
border: 0px #dbdbfd solid;
background:#FFF;
box-shadow: none;
padding:0;
}
.gallery_ad {
position: fixed;
bottom: 0;
height: 100px;
z-index: 15;
width: 100%;
text-align: center;
margin: 0 auto;
background: rgb(0 0 0 / 42%);
}
.topbotbor {
padding-top: 0px;
padding-bottom: 0px;
}
.single_contact_box {
margin-bottom: 30px;
padding-left: 50px;
}
.single_contact_box .contact_title {
position: relative;
z-index: 2;
}
.single_contact_box .contact_title:before {
position: absolute;
content: "";
height: 8px;
width: 8px;
background: #1417ac;
left: -20px;
top: 50%;
margin-top: -4px;
}
.single_contact_box .contact_title h3 {
font-size: 20px;
color: #404052;
font-weight: 500;
}
.single_contact_box .contact_details {
position: relative;
z-index: 2;
margin-top: 10px;
}
.single_contact_box .contact_details p {
font-size: 14px;
font-weight: 500;
color: #8B9095;
margin-bottom: 5px;
}
.single_contact_box .contact_details h6 {
font-size: 16px;
line-height: 26px;
}
.single_contact_box .contact_details .contact_details_icon {
position: absolute;
left: -20px;
font-size: 12px;
height: 10px;
width: 10px;
color: #A7A7A7;
}
.single_contact_box .contact_details .contact_details_icon img {
max-height: 100%;
max-width: 100%;
}
.author_about img {
border-radius: 50%;
}
.contacts.v4 .contact_title:before {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
}
.author_about img {
padding: 15px;
}
.author img {
padding: 7px;
}
.cotact_form h3 {
font-size: 30px;
line-height: 36px;
margin-bottom: 30px;
}
.cotact_form .row .row div {
padding: 0 5px;
}
/*PAGINATION CSS*/
.cpagination li {
margin-right: 10px;
}
.cpagination li:last-child {
margin-right: 0;
}
.cpagination li a {
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
padding: 0;
font-size: 24px;
font-weight: 500;
color: #404052;
border: none;
background: #E4E5E6;
border-radius: 0 !important;
}
.cpagination li a:hover {
color: #fff;
background: #1417ac;
}
/*PAGINATION CSS*/
.cpagination.v3 li a {
background: #FFFFFF;
}
.cpagination.v3 li a:hover {
color: #fff;
background: #1417ac;
}
/*PAGINATION CSS*/
.cpagination.v4 li a {
background: #E4E5E6;
}
.cpagination.v4 li a:hover {
color: #fff;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
}
/*INNER TABLE AREA CSS*/
.inner_table .table_content ul li {
margin-bottom: 7px;
}
.inner_table .table_content ul li a {
color: #404052;
}
.inner_table .table_content ul li .active {
color: #1417ac;
font-weight: 500;
}
.inner_table .table_content ul li:last-child {
margin-bottom: 0;
}
.inner_table .table_content .yearList ul li a {
color: #39424A;
}
/*ABOUT AUTHOR*/
.author_about {
position: relative;
z-index: 2;
padding-left: 150px;
}
.author_about .author_img {
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
overflow: hidden;
height: 115px;
width: 115px;
text-align: center;
line-height: 112px;
border: 2px solid #E4E5E6;
}
.author_about ul li {
color: #73797F;
font-size: 15px;
margin-right: 7px;
}
.author_about ul li:last-child {
margin-right: 0;
}
/*POINTS*/
.points li {
font-weight: 500;
margin-bottom: 5px;
position: relative;
z-index: 2;
padding-left: 15px;
}
.points li:last-child {
margin-bottom: 0;
}
.points li:before {
position: absolute;
content: "";
height: 6px;
width: 6px;
background: #404052;
left: 0;
top: 50%;
margin-top: -3px;
}
.points li:hover {
text-decoration: underline;
}
/*SINGLE POST STYLE*/
.page_comments li {
color: #888E92;
font-size: 15px;
font-weight: 500;
margin-right: 10px;
}
.page_comments li i {
padding: 5px;
}
.page_comments li:last-child {
margin-right: 0;
}
.single_post_heading h1 {
font-size: 30px;
line-height: 40px;
font-weight: 900;
font-family: 'Janna LT';
letter-spacing: -0.5px;
font-size: 33px;
line-height: 40px;
font-weight: 800;
letter-spacing: -0.5px;
}
.archives h3 {
font-size: 24px;
font-weight: 500;
}
span.img_desc {
color: #888E92;
font-size: 15px;
margin-top: 10px;
display: inline-block;
}
.qhote p {
padding: 20px 0;
}
.page_category h4,
li.page_category {
font-size: 16px;
color: #1973f9;
font-size: 15px;
font-weight: 700;
font-family: 'Janna LT';
letter-spacing: -0.5px;
}
.page_category a{
color: #1973f9;
}
/*TAGS*/
.tags li.tag_list {
font-size: 15px;
text-align: center;
padding: 9px 15px;
border: 1px solid #E4E5E6;
background: #E4E5E6;
}
.tags li {
margin-right: 5px;
}
.tags li a {
font-size: 15px;
text-align: center;
padding: 9px 15px;
border: 1px solid #E4E5E6;
color: #404052;
font-weight: 500;
}
.tags li a:hover {
background: #E4E5E6;
}
.tags li:last-child {
margin-right: 0;
}
/*NEXT PREV POST CSS*/
.next_prv_single {
padding-left: 20px;
}
.next_prv_single p {
color: #8A8F94;
font-weight: 500;
font-size: 15px;
margin-bottom: 5px;
}
.next_prv_single a {
font-size: 20px;
font-weight: 500;
color: #404052;
}
.comment_form input {
background: #FFFFFF;
margin-bottom: 15px;
}
.comment_form textarea {
background: #FFFFFF;
}
.comment_form input.cbtn {
margin-bottom: 0;
border: none;
}
.comment_form2 input {
margin-bottom: 15px;
}
.comment_form2 input.cbtn {
margin-bottom: 0;
border: none;
}
.next_prv_single3:hover {
background: #1417ac !important;
}
.comment_list h3 {
font-size: 24px;
margin-bottom: 30px;
}
.single_comment {
padding-left: 60px;
position: relative;
z-index: 2;
}
.single_comment a {
font-size: 18px;
color: #404052;
font-weight: 500;
}
.single_comment p {
font-size: 17px;
font-weight: 300;
}
.single_comment .comment_img {
position: absolute;
left: 0;
top: 0;
height: 45px;
width: 45px;
}
.single_comment .replay a {
text-transform: capitalize;
color: #1417ac;
font-size: 16px;
}
.comment_list2 .single_comment {
padding: 20px;
padding-left: 80px;
position: relative;
z-index: 2;
margin-bottom: 15px;
}
.comment_list2 .single_comment a {
font-size: 18px;
color: #404052;
font-weight: 500;
}
.comment_list2 .single_comment p {
font-size: 17px;
font-weight: 300;
}
.comment_list2 .single_comment .comment_img {
position: absolute;
left: 20px;
top: 20px;
height: 45px;
width: 45px;
}
.comment_list2 .single_comment .replay a {
text-transform: capitalize;
color: #1417ac;
font-size: 16px;
}
.inner_cm {
margin-left: 30px;
}
.back4040 h3 {
font-size: 30px;
}
.bridcrumb {
padding: 20px 0;
}
.author_content ul {
margin: 0;
padding: 0;
}
.author_img_wrap {padding:0}
.author_img_wrap img,
.comment_img img {
border-radius: 50%;padding:0; border: 0px #cccccca6 solid;
}
.author_content {
margin-bottom: 20px;
}
.author_content a {
font-size: 30px;
font-weight: 500;
color: #404052;
}
.quote_type2 {
padding: 30px;
}
/*VIDEO IMG CSS*/
.video_img {
position: relative;
z-index: 2;
}
.video_img_icon {
position: absolute;
top: 50%;
left: 50%;
background: #FFdbdbfd5;
width: 80px;
height: 80px;
text-align: center;
line-height: 80px;
font-size: 28px;
border-radius: 50%;
color: #FFFFFF;
margin-left: -40px;
margin-top: -40px;
transition: all 0.3s;
}
.video_img_icon:hover {
transform: scale(1.1);
transition: all 0.3s;
color: #FFFFFF;
}
p.video_img_text {
position: absolute;
bottom: 15px;
left: 15px;
color: #FFFFFF;
font-size: 20px;
}
.next_prv_single3 {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s;
background: #FFFFFF;
}
.next_prv_single3:hover {
background: #1417ac;
transition: all 0.3s;
}
.next_prv_single3:hover p {
color: #FFFFFF;
}
.next_prv_single3:hover a {
color: #FFFFFF;
}
.iv a.single_social {
display: inline-block;
padding: 13px 13px 13px 40px;
width: calc(50% - 10px);
}
/*
=====================
font weight
*/
/*DARK VERSION COLORS START*/
/*DARK VERSION COLORS END*/
/*DARK VERSION BACKGROUND START*/
/*DARK VERSION BACKGROUND END*/
/*GRADIENT COLORS START*/
/*GRADINET COLORS END*/
/*SHADOW START*/
/*SHADOW END*/
.theme-input input {
font-size: 16px;
font-weight: 400;
color: #1417ac;
}
.signup_form form input.cbtn, .theme-3 .signup_form form input.cbtn, a.cbtn1,
button.cbtn1,
input.cbtn1 {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px 30px;
background: #1417ac;
border: none;
}
.topbar .social1 ul li a, .theme-3 .topbar .social1 li a, .dark-theme .topbar .social1 ul li a {
width: 20px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
font-style: 14px;
color: #404052;
}
.footer .cta .social2 ul li a {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-style: 14px;
color: #C7CACC;
background: #212C34;
}
.banner {
position: relative;
z-index: 2;
}
.banner:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: #404052;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
}
.inner_overlay {
position: relative;
z-index: 1;
}
.inner_overlay:after {
position: absolute;
z-index: -1;
content: "";
height: 100%;
width: 60%;
background: linear-gradient(to left, transparent, #404052);
left: 0;
top: 0;
}
.category ul li a {
position: relative;
z-index: 2;
}
.category ul li a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
background: #404052;
}
.half_bg1 {
position: relative;
z-index: 2;
}
.half_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #404052;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg1 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #233340;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg60 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #233340;
left: 0;
top: 0;
z-index: -1;
}
.half_bg60 {
position: relative;
z-index: 2;
}
.half_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #404052;
left: 0;
top: 0;
z-index: -1;
}
.border_left3 {
border-left: 3px solid #BDC0C2;
}
.comment_form input, .comment_form textarea {
border: 1px solid #C4C7C9;
}
button.cbtn2,
input.cbtn2,
a.cbtn2, .dark-theme button.cbtn2,
.dark-theme input.cbtn2,
.dark-theme a.cbtn2 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: #1417ac;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn2:hover,
input.cbtn2:hover,
a.cbtn2:hover, .dark-theme button.cbtn2:hover,
.dark-theme input.cbtn2:hover,
.dark-theme a.cbtn2:hover {
background: #404052;
color: #FFFFFF;
transition: all 0.3s;
}
.theme-4 button.cbtn4,
.theme-4 input.cbtn4,
.theme-4 a.cbtn4 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
.theme-4 button.cbtn4:hover,
.theme-4 input.cbtn4:hover,
.theme-4 a.cbtn4:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
transition: all 0.3s;
}
button.cbtn3,
input.cbt3,
a.cbtn3 {
padding: 15px 40px;
font-size: 16px;
color: #404052;
border: 1px solid #1417ac;
background: #FFFFFF;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn3:hover,
input.cbt3:hover,
a.cbtn3:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.shadow5 {
box-shadow: 0 72px 20px 0 #fbfbff;
}
.dark-theme {
/* Main navigation */
/* Dropdown */
/*-- Dark bg style --*/
/* magnific pop up modal */
/* animation keyframes list */
/* ===================
// Menu tab
======================= */
/* Header with Menu
================================================== */
/* Responsive styles
================================================== */
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Small Devices Potrait */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/*MENU RIGHT AREA CSS*/
}
.dark-theme .site-nav-inner {
position: relative;
}
.dark-theme .main-nav {
background: #233340;
}
.dark-theme .navbar {
border-radius: 0;
border: 0;
margin-bottom: 0;
padding-top: 0px;
padding-bottom: 0px;
}
.dark-theme .navbar-toggler {
color: #fff;
padding: 8px 15px;
background: #e74907;
position: absolute;
top: -55px;
z-index: 9;
}
.dark-theme .navbar-toggler-icon {
width: 25px;
}
.dark-theme .navbar-toggle .i-bar {
background: #fff;
}
.dark-theme .navbar-collapse {
padding-left: 0;
}
.dark-theme ul.navbar-nav > li {
float: left;
padding: 0;
position: relative;
}
.dark-theme ul.navbar-nav > li > a {
padding: 0 15px;
line-height: 50px;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
margin: 0;
position: relative;
transition: 350ms;
padding: 10px 22px;
}
.dark-theme ul.navbar-nav > li > a i {
font-weight: 500;
}
.dark-theme ul.navbar-nav > li > a:hover, .dark-theme ul.navbar-nav > li > a:focus {
background: none;
}
.dark-theme ul.navbar-nav > li:hover a::before, .dark-theme ul.navbar-nav > li.active a::before {
border-color: #1417ac;
opacity: 1;
transform: scale(1) translateZ(0);
}
.dark-theme .nav .open > a,
.dark-theme .nav .open > a:hover,
.dark-theme .nav .open > a:focus {
background: transparent;
border: 0;
}
.dark-theme .lang {
padding-left: 15px;
}
.dark-theme .lang ul {
margin: 0;
padding: 0;
}
.dark-theme .lang ul li {
list-style: none;
position: relative;
z-index: 2;
transition: all 0.3s;
}
.dark-theme .lang ul li a {
display: inline-block;
padding: 7px;
}
.dark-theme .lang ul li:hover ul {
visibility: visible;
opacity: 1;
top: 40px;
transition: all 0.3s;
}
.dark-theme .lang ul li ul {
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: auto;
background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
visibility: hidden;
top: 70px;
padding: 10px 0;
transition: all 0.3s;
width: 120px;
opacity: 0;
}
.dark-theme .lang ul li ul li a {
padding: 5px 15px;
}
.dark-theme .lang ul li a {
opacity: 0.75;
}
.dark-theme .lang ul li a i {
opacity: 1;
}
.dark-theme ul.navbar-nav > li.mega-dropdown {
position: static;
}
.dark-theme .dropdown-submenu {
position: relative;
}
.dark-theme .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -2px;
border-radius: 0;
}
.dark-theme .dropdown-submenu > a:after {
display: block;
content: "";
font-family: "Font Awesome 5 pro";
float: right;
margin-top: 3px;
margin-right: -5px;
}
.dark-theme .dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.dark-theme .dropdown-submenu.pull-left {
float: none;
}
.dark-theme .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
border-radius: 6px 0 6px 6px;
}
.dark-theme .dropdown-toggle::after {
display: none;
}
.dark-theme .dropdown-menu {
text-align: left;
background: #fff;
z-index: 100;
min-width: 230px;
border-radius: 0;
border: 0;
border: 0;
box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.15);
margin-top: 0;
padding: 0;
}
.dark-theme .navbar-nav > li > .dropdown-menu {
border-top: 1px solid #dedede;
}
.dark-theme .navbar-nav > li > .dropdown-menu.mega-menu-content {
border-top: 0;
}
.dark-theme .dropdown-menu-large {
min-width: 400px;
}
.dark-theme .dropdown-menu-large > li > ul {
padding: 0;
margin: 0;
list-style: none;
}
.dark-theme .dropdown-menu-large > li > ul > li > a {
padding-left: 0;
}
.dark-theme .dropdown-menu-large > li > ul > li.active > a {
color: #fc4a00;
}
.dark-theme .navbar-nav > li > .dropdown-menu > a {
background: none;
}
.dark-theme .dropdown-menu li a {
display: block;
font-size: 12px;
font-weight: 700;
line-height: normal;
text-decoration: none;
padding: 15px 25px 15px 25px;
border-bottom: 1px solid #404052;
color: #FFFFFF;
background: #29333C;
text-transform: capitalize;
}
.dark-theme .dropdown-menu li:last-child > a {
border-bottom: 0;
}
.dark-theme .dropdown-menu > .active > a,
.dark-theme .dropdown-menu > .active > a:hover,
.dark-theme .dropdown-menu > .active > a:focus,
.dark-theme .dropdown-menu > .active > .dropdown-menu > .active > a {
background: #404052;
color: #1417ac;
}
.dark-theme .dropdown-menu > li > a:hover,
.dark-theme .dropdown-menu > li > a:focus {
background: #404052;
color: #fff;
}
@media (min-width: 767px) {
.dark-theme ul.nav li.dropdown .dropdown-menu li.dropdown-submenu .dropdown-menu {
left: 100%;
top: 0;
display: none;
}
.dark-theme ul.nav li.dropdown .dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
display: block;
}
}
.dark-theme .mega-menu-content {
width: 1110px;
padding: 0;
}
.dark-theme .mega-menu-content-inner {
padding: 20px 10px;
}
.dark-theme .mega-menu-content .row {
margin: 0;
}
.dark-theme .main-nav.dark-bg > .container > .row {
border: 0;
background: #272727;
margin-left: 0;
margin-right: 0;
}
.dark-theme .dark-bg .navbar-toggler {
margin-left: 6px;
}
.dark-theme .main-nav.dark-bg ul.navbar-nav > li > a {
color: #fff;
}
.dark-theme .main-nav.dark-bg ul.navbar-nav > li > a:before {
border: 0;
}
.dark-theme .main-nav.dark-bg ul.navbar-nav > li.active,
.dark-theme .main-nav.dark-bg ul.navbar-nav > li:hover {
background: #fc4a00;
}
.dark-theme .main-nav.dark-bg .nav-search i {
color: #fff;
}
.dark-theme .main-nav {
position: relative;
padding: 0 15px;
}
.dark-theme .mfp-bg.xs-promo-popup {
background-color: rgba(0, 0, 0, 0.87);
padding-bottom: 100%;
border-radius: 100%;
overflow: hidden;
animation: menu-animation 0.8s ease-out forwards;
}
@keyframes menu-animation {
0% {
opacity: 0;
transform: scale(0.04) translateY(300%);
}
40% {
transform: scale(0.04) translateY(0);
transition: ease-out;
}
40% {
transform: scale(0.04) translateY(0);
}
60% {
opacity: 1;
transform: scale(0.02) translateY(0px);
}
61% {
opacity: 1;
transform: scale(0.04) translateY(0px);
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%;
}
100% {
opacity: 1;
transform: scale(2) translateY(0px);
height: 100%;
padding-bottom: 0;
border-radius: 0;
}
}
.dark-theme .menu-tab .nav.nav-tabs {
border-right: 1px solid #dedede;
padding: 20px 0;
padding-right: 0;
min-height: 250px;
margin-top: 0;
}
.dark-theme .menu-tab .nav.nav-tabs > li > a {
border: 1px solid transparent;
border-radius: 0;
font-weight: 400;
padding: 14px 16px 14px 30px;
background: #fff;
text-transform: initial;
font-size: 14px;
}
.dark-theme .menu-tab .nav.nav-tabs > li > a.active {
background: #dedede;
margin-right: -1px;
border: 1px solid #dedede;
border-right: 0;
color: #fc4a00;
cursor: pointer;
}
.dark-theme .menu-tab .tab-content > .tab-pane {
padding: 25px 0;
min-height: 250px;
}
.dark-theme .menu-tab .tab-content > .tab-pane .col-md-3 {
padding-right: 10px;
padding-left: 10px;
}
.dark-theme .header.header-menu {
padding: 0;
}
.dark-theme .header.header-menu .logo {
padding: 12px 0;
}
.dark-theme .header.header-menu > .container > .row {
border-bottom: 1px solid #dedede;
margin-left: 0;
margin-right: 0;
}
.dark-theme .header.header-menu ul.navbar-nav > li > a {
line-height: 70px;
}
.dark-theme .header.header-menu ul.navbar-nav > li.mega-dropdown,
.dark-theme .site-nav-inner {
position: static;
width: 100%;
}
.dark-theme .header.header-menu .mega-menu-content {
min-width: 1145px;
left: -43%;
}
.dark-theme .nav-social-wrap {
position: absolute;
right: 0;
top: 0;
padding: 0;
}
.dark-theme .navbar {
position: absolute;
top: 70px;
width: 100%;
background: #f8f8f8;
z-index: 9;
padding: 0;
}
@media (min-width: 992px) {
.dark-theme .navbar {
position: static;
top: 70px;
width: 100%;
background: transparent;
}
.dark-theme ul.navbar-nav > li > a {
color: #FFFFFF;
padding: 0 22px;
}
.dark-theme .header.header-menu ul.navbar-nav > li.mega-dropdown,
.dark-theme .site-nav-inner {
position: static;
width: 100%;
}
}
.dark-theme ul.navbar-nav > li:after {
position: absolute;
content: "";
height: 0;
width: 100%;
background: #1417ac;
bottom: 0;
left: 0;
z-index: 2;
transition: all 0.3s;
}
.dark-theme ul.navbar-nav > li:hover:after {
height: 2px;
transition: all 0.3s;
}
@media (min-width: 992px) {
.dark-theme .header {
min-height: 70px;
}
.dark-theme .main-nav ul.navbar-nav > li:hover > a {
color: #FFFFFF;
}
.dark-theme .main-nav ul.navbar-nav > li:before {
position: absolute;
content: "";
height: 0;
width: 100%;
background: #2E3D4A;
z-index: -1;
left: 0;
top: 0;
transition: all 0.3s;
}
.dark-theme .main-nav ul.navbar-nav > li:hover:before {
height: 100%;
transition: all 0.3s;
}
.dark-theme .main-nav ul.navbar-nav > li > a:hover::after {
opacity: 1;
}
.dark-theme blockquote {
padding: 45px 120px 30px;
}
}
@media (min-width: 1200px) {
.dark-theme {
/* Header */
}
.dark-theme .navbar-nav li:hover .dropdown-menu {
display: block;
}
.dark-theme .navbar-collapse {
padding-right: 0;
}
.dark-theme .nav-style-boxed .navbar-collapse {
padding-left: 15px;
}
.dark-theme .header.header-menu .mega-menu-content {
min-width: 1095px;
margin-left: -27px;
}
.dark-theme .main-nav ul.navbar-nav > li > a {
padding: 0px 15px 10px;
}
.dark-theme .sidebar {
margin-left: 40px;
}
.dark-theme .sidebar.sidebar-left {
margin-left: 0;
margin-right: 40px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.dark-theme {
/* Header */
/* Subscribe */
/* Action box */
/* Footer */
}
.dark-theme .navbar-nav li:hover .dropdown-menu {
display: block;
}
.dark-theme ul.navbar-nav > li {
padding: 0 6px;
}
.dark-theme ul.navbar-nav > li a {
font-size: 12px;
}
.dark-theme .dropdown-menu li a {
font-size: 12px;
}
.dark-theme .header .header-menu .mega-menu-content {
min-width: 1095px;
margin-left: -11px;
}
.dark-theme .newsletter-form input {
min-width: 340px;
}
.dark-theme .action-box-text {
font-size: 13px;
}
.dark-theme #back-to-top.affix {
bottom: 35px;
}
.dark-theme .mega-menu-content {
max-width: 940px;
}
}
@media (min-width: 575px) {
.dark-theme .main-nav {
padding: 0;
}
.dark-theme .nav-social-wrap {
padding: 0 15px;
}
.dark-theme .navbar-toggler {
left: 15px;
}
.dark-theme .navbar {
width: 98%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.dark-theme {
/* top info */
/* Header */
/* Navigation breakpoint */
/* Navigation */
/* Featured area */
/* Sidebar */
/* Footer */
}
.dark-theme ul.top-info li {
padding-right: 12px;
}
.dark-theme .navbar-fixed {
position: relative;
animation: none;
box-shadow: none;
}
.dark-theme .logo {
padding: 13px 0;
}
.dark-theme .logo img {
width: 100%;
}
.dark-theme .navbar-toggle {
display: block;
z-index: 1;
}
.dark-theme .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.dark-theme .navbar-collapse.collapse.show {
display: block;
}
.dark-theme .navbar-collapse ul.navbar-nav {
float: none !important;
margin-top: 0px;
width: 100%;
}
.dark-theme ul.navbar-nav > li {
float: none;
display: block;
}
.dark-theme .collapse.in {
display: block !important;
}
.dark-theme .navbar-collapse.in {
overflow-y: auto;
}
.dark-theme ul.nav li.dropdown:hover ul.dropdown-menu {
display: none;
}
.dark-theme ul.nav li.dropdown.open ul.dropdown-menu {
display: block;
}
.dark-theme .navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.dark-theme .navbar-collapse {
background: none;
width: 100%;
}
.dark-theme ul.navbar-nav > li:hover > a:after,
.dark-theme ul.navbar-nav > li.active > a:after {
content: "";
}
.dark-theme ul.navbar-nav > li > a:before {
border-bottom: 0;
}
.dark-theme ul.navbar-nav > li,
.dark-theme .nav-style-boxed ul.navbar-nav > li {
display: block;
}
.dark-theme .navbar-nav .open .dropdown-menu > li {
padding-left: 0;
}
.dark-theme .navbar-nav .open .dropdown-menu > li > a {
line-height: 30px;
padding: 5px 15px 10px 10px;
}
.dark-theme .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 10px 10px;
}
.dark-theme ul.navbar-nav {
padding: 0 0 10px;
}
.dark-theme ul.navbar-nav li {
float: none;
}
.dark-theme ul.navbar-nav li a {
line-height: normal !important;
color: #333;
border-top: 1px solid #f1f1f1 !important;
border-bottom: 0;
padding: 10px 20px;
display: block;
min-width: 350px;
}
.dark-theme ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu a i {
margin-top: -22px;
}
.dark-theme ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
left: 0;
position: relative;
}
.dark-theme ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu a {
padding-left: 50px;
}
.dark-theme ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu li a {
padding-left: 35px !important;
}
.dark-theme ul.navbar-nav .dropdown-menu {
float: none;
position: relative;
border: 0;
margin: 0;
padding: 0;
box-shadow: none;
border-top: 0;
background: none;
}
.dark-theme ul.navbar-nav .dropdown-menu li a {
padding-left: 20px !important;
}
.dark-theme ul.navbar-nav > li.nav-search,
.dark-theme ul.navbar-nav > li.header-get-a-quote {
display: none;
}
.dark-theme ul.navbar-nav li a i,
.dark-theme .dropdown-submenu > a:after {
float: right;
width: 36px;
height: 28px;
line-height: 28px;
margin-top: -5px;
text-align: center;
color: #000;
}
.dark-theme .dropdown-submenu > a:after {
margin-right: 0;
}
.dark-theme .navbar-nav > li > .dropdown-menu.mega-menu-content {
display: none !important;
}
.dark-theme .featured-post-area .pad-r {
padding-right: 15px;
}
.dark-theme .featured-post-area .pad-l {
padding-left: 15px;
}
.dark-theme .sidebar-right {
margin-top: 50px;
}
.dark-theme .sidebar-right .widget {
margin-left: 0;
}
.dark-theme .block.color-aqua,
.dark-theme .block.color-violet {
margin-top: 40px;
}
.dark-theme .footer-widget {
display: inline-block;
margin-bottom: 30px;
}
.dark-theme .newsletter-form input {
width: 90%;
}
.dark-theme .footer-info-content {
padding: 50px 100px 0;
}
.dark-theme #back-to-top.affix {
bottom: 78px;
}
}
@media (max-width: 767px) {
.dark-theme {
/* Top bar */
/* Header */
/* Navigation breakpoint */
/* Dart bg */
/* Search */
/* Featured area */
/* Block */
/* Sidebar */
/* Footer */
/* Block title */
/* Category style */
}
.dark-theme .boxed-layout .body-inner {
margin: 0 auto;
}
.dark-theme .trending-bar {
padding: 20px 0;
}
.dark-theme .trending-bar .trending-title {
float: none;
border: none;
}
.dark-theme .trending-bar .post-title.title-small {
padding: 10px 0;
}
.dark-theme .ts-date {
padding: 0;
border-right: 0;
display: block;
}
.dark-theme .top-nav {
display: block;
margin: 10px 0;
}
.dark-theme .top-bar {
text-align: center;
}
.dark-theme .top-social ul li a {
padding: 0 10px;
}
.dark-theme .navbar-fixed {
position: relative;
animation: none;
box-shadow: none;
}
.dark-theme .logo {
padding: 13px 0 25px;
text-align: center;
}
.dark-theme .navbar-toggle {
display: block;
z-index: 1;
}
.dark-theme .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.dark-theme .navbar-collapse.collapse.show {
display: block;
}
.dark-theme .navbar-collapse.collapse:after {
display: block;
content: "";
clear: both;
}
.dark-theme .navbar-collapse,
.dark-theme .site-nav-inner {
background: none;
width: 100%;
}
.dark-theme ul.navbar-nav > li:hover > a:after,
.dark-theme ul.navbar-nav > li.active > a:after {
content: "";
}
.dark-theme ul.navbar-nav > li > a:before {
border-bottom: 0;
}
.dark-theme .navbar-nav .open .dropdown-menu > li > a,
.dark-theme .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 10px 15px 10px 10px;
}
.dark-theme ul.navbar-nav > li {
display: block;
}
.dark-theme .navbar-nav .open .dropdown-menu > li > a {
line-height: 30px;
}
.dark-theme ul.navbar-nav > li.nav-search,
.dark-theme ul.navbar-nav > li.header-get-a-quote {
display: none;
}
.dark-theme ul.navbar-nav {
width: 100%;
padding: 0 0 10px;
}
.dark-theme ul.navbar-nav > li {
float: none;
}
.dark-theme ul.navbar-nav li a {
line-height: normal !important;
color: #333;
border-top: 1px solid #f1f1f1 !important;
border-bottom: 0;
padding: 7px 20px;
display: block;
background: transparent;
}
.dark-theme ul.navbar-nav .dropdown-menu > li > a {
padding-left: 15px;
}
.dark-theme ul.navbar-nav .dropdown-menu {
float: none;
position: relative;
border: 0;
margin: 0;
padding: 0;
}
.dark-theme ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
left: 0;
position: relative;
}
.dark-theme ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu a i {
margin-top: -22px;
}
.dark-theme ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu li a {
padding-left: 20px;
}
.dark-theme ul.navbar-nav .dropdown-menu {
box-shadow: none;
border-top: 0;
background: none;
padding-left: 15px;
}
.dark-theme ul.navbar-nav li a i,
.dark-theme .dropdown-submenu > a:after {
color: #333;
float: right;
line-height: 28px;
margin-top: -5px;
margin-right: 10px;
text-align: center;
}
.dark-theme .dropdown-submenu > a:after {
margin-right: 0;
}
.dark-theme .navbar-nav > li > .dropdown-menu.mega-menu-content {
display: none !important;
}
.dark-theme .main-nav.dark-bg {
margin-bottom: 20px;
}
.dark-theme .main-nav.dark-bg > .container > .row {
padding: 0 20px;
}
.dark-theme .main-nav.dark-bg ul.navbar-nav > li.active,
.dark-theme .main-nav.dark-bg ul.navbar-nav > li:hover {
background: none;
}
.dark-theme .main-nav.dark-bg ul.navbar-nav li a {
color: #404052;
}
.dark-theme .header-top-social {
margin-bottom: 20px;
}
.dark-theme .search-block {
width: 220px;
}
.dark-theme .header.header-menu {
position: relative;
margin-bottom: 20px;
}
.dark-theme .search-area {
position: absolute;
right: 0;
top: 50px;
}
.dark-theme .featured-post-area .pad-r,
.dark-theme .pad-r-small {
padding-right: 15px;
padding-right: 15px;
}
.dark-theme .featured-post-area .pad-l,
.dark-theme .pad-l-small {
padding-left: 15px;
}
.dark-theme .post-title {
font-size: 18px;
line-height: 26px;
}
.dark-theme .block.color-orange .post-overaly-style.last {
margin-top: 40px;
}
.dark-theme .sidebar-right {
margin-top: 50px;
}
.dark-theme .sidebar-right .widget {
margin-left: 0;
}
.dark-theme .block.color-aqua,
.dark-theme .block.color-violet {
margin-top: 40px;
}
.dark-theme .social-icon li a i {
margin-bottom: 10px;
}
.dark-theme .post-block-style.post-float-half .post-thumb img {
max-width: 100%;
min-height: 100%;
margin-bottom: 20px;
}
.dark-theme .footer-widget {
display: inline-block;
margin-bottom: 30px;
}
.dark-theme .newsletter-form input {
width: 90%;
}
.dark-theme .footer-info-content {
padding: 50px 20px 0;
}
.dark-theme .footer-social li a i {
margin-bottom: 10px;
}
.dark-theme #back-to-top.affix {
bottom: 78px;
}
.dark-theme .featured-tab .nav-tabs {
margin: 20px 0;
position: static;
}
.dark-theme .footer-menu .nav {
display: inline-block;
}
.dark-theme #back-to-top {
bottom: 0;
right: 20px;
}
.dark-theme .block-title > span {
padding: 9px 10px;
}
.dark-theme .featured-tab .nav-tabs > li > a {
font-size: 12px;
}
.dark-theme .category-style2 .post-thumb {
margin-bottom: 20px;
}
.dark-theme .ts-author-comments::after {
display: none;
}
.dark-theme .single-post .post-navigation {
padding: 30px 0;
}
.dark-theme .single-post .post-navigation .post-next,
.dark-theme .single-post .post-navigation .post-previous {
width: 100%;
border: none;
margin: 10px 0;
}
}
@media (max-width: 991px) {
.dark-theme .featured-slider .item .featured-post .post-content {
padding: 20px;
}
.dark-theme .post-video .post-video-content {
padding: 0 20px 10px;
}
.dark-theme .post-video .post-video-content h3 {
font-size: 18px;
}
}
.dark-theme h2.post-title.title-small, .dark-theme h2.post-title.title-small a {
font-size: 16px;
color: #404052;
margin-top: 10px;
font-weight: 500;
}
.dark-theme .post-thumb {
position: relative;
z-index: 2;
}
.dark-theme a.popup {
position: absolute;
left: 50%;
top: 50%;
height: 70px;
width: 70px;
margin-left: -35px;
text-align: center;
margin-top: -35px;
line-height: 70px;
font-size: 20px;
color: #404052;
background: #fff;
border-radius: 50%;
}
.dark-theme .menu_right {
display: flex;
align-items: center;
justify-content: flex-end;
}
.dark-theme .users_area {
position: relative;
z-index: 2;
}
.dark-theme .search_form {
position: absolute;
height: 100%;
width: 200px;
left: -130px;
top: -95px;
background: #fff;
display: none;
visibility: hidden;
opacity: 0;
transition: all 0.4s;
}
.dark-theme .search_form.active {
visibility: visible;
opacity: 1;
display: block;
transition: all 0.4s;
}
.dark-theme .search_form input {
border: none;
padding: 15px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.dark-theme .temp_wap {
position: relative;
z-index: 2;
padding-left: 70px;
}
.dark-theme .temp_wap p {
color: #9199A0;
font-size: 12px;
line-height: 17px;
}
.dark-theme .temp_icon {
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
position: absolute;
left: 15px;
}
.dark-theme h3.temp_count {
position: relative;
z-index: 2;
color: #C7CBCF;
display: inline-block;
margin-left: 8px;
}
.dark-theme h3.temp_count:after {
position: absolute;
content: "";
height: 30px;
width: 30px;
background: url(../img/icon/s_white.png);
background-repeat: no-repeat;
right: -35px;
}
.dark-theme .lang {
padding-left: 15px;
}
.dark-theme .lang li a {
font-weight: 500;
color: #9199A0;
}
.dark-theme .users_area ul {
margin: 0;
padding: 0;
}
.dark-theme .users_area ul li {
font-weight: 500;
padding: 0 6px;
font-size: 16px;
cursor: pointer;
color: #9199A0;
}
.dark-theme .menu_right > div {
position: relative;
z-index: 2;
padding-right: 15px;
}
.dark-theme .menu_right > div:after {
position: absolute;
content: "";
height: 25px;
width: 2px;
background: #65717A;
right: 0;
top: 50%;
margin-top: -12.5px;
}
.dark-theme .menu_right > div:last-child {
padding-right: 0;
}
.dark-theme .menu_right > div:last-child:after {
display: none;
}
/*
=====================
font weight
*/
/*DARK VERSION COLORS START*/
/*DARK VERSION COLORS END*/
/*DARK VERSION BACKGROUND START*/
/*DARK VERSION BACKGROUND END*/
/*GRADIENT COLORS START*/
/*GRADINET COLORS END*/
/*SHADOW START*/
/*SHADOW END*/
.theme-input input {
font-size: 16px;
font-weight: 400;
color: #1417ac;
}
.signup_form form input.cbtn, .theme-3 .signup_form form input.cbtn, a.cbtn1,
button.cbtn1,
input.cbtn1 {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px 30px;
background: #1417ac;
border: none;
}
.topbar .social1 ul li a, .theme-3 .topbar .social1 li a, .dark-theme .topbar .social1 ul li a {
width: 20px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
font-style: 14px;
color: #404052;
}
.footer .cta .social2 ul li a {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-style: 14px;
color: #C7CACC;
background: #212C34;
}
.banner {
position: relative;
z-index: 2;
}
.banner:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: #404052;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
}
.inner_overlay {
position: relative;
z-index: 1;
}
.inner_overlay:after {
position: absolute;
z-index: -1;
content: "";
height: 100%;
width: 60%;
background: linear-gradient(to left, transparent, #404052);
left: 0;
top: 0;
}
.category ul li a {
position: relative;
z-index: 2;
}
.category ul li a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
background: #404052;
}
.half_bg1 {
position: relative;
z-index: 2;
}
.half_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #404052;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg1 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #233340;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg60 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #233340;
left: 0;
top: 0;
z-index: -1;
}
.half_bg60 {
position: relative;
z-index: 2;
}
.half_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #404052;
left: 0;
top: 0;
z-index: -1;
}
.border_left3 {
border-left: 3px solid #BDC0C2;
}
.comment_form input, .comment_form textarea {
border: 1px solid #C4C7C9;
}
button.cbtn2,
input.cbtn2,
a.cbtn2, .dark-theme button.cbtn2,
.dark-theme input.cbtn2,
.dark-theme a.cbtn2 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: #1417ac;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn2:hover,
input.cbtn2:hover,
a.cbtn2:hover, .dark-theme button.cbtn2:hover,
.dark-theme input.cbtn2:hover,
.dark-theme a.cbtn2:hover {
background: #404052;
color: #FFFFFF;
transition: all 0.3s;
}
.theme-4 button.cbtn4,
.theme-4 input.cbtn4,
.theme-4 a.cbtn4 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
.theme-4 button.cbtn4:hover,
.theme-4 input.cbtn4:hover,
.theme-4 a.cbtn4:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
transition: all 0.3s;
}
button.cbtn3,
input.cbt3,
a.cbtn3 {
padding: 15px 40px;
font-size: 16px;
color: #404052;
border: 1px solid #1417ac;
background: #FFFFFF;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn3:hover,
input.cbt3:hover,
a.cbtn3:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.shadow5 {
box-shadow: 0 72px 20px 0 #fbfbff;
}
body.dark-theme {
color: #FFFFFF;
}
.dark-theme {
background: #404052;
/*DEFAULT POST TYPE*/
/* author css*/
/*TAGS*/
/*NEXT PREV POST CSS*/
/*POINTS*/
}
.dark-theme .categories_title h5 {
color: #FFFFFF;
}
.dark-theme .categories_title h5 a {
color: #FFFFFF;
}
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6 {
color: #FFFFFF;
}
.dark-theme .box.single_contact_box {
background: #29333C;
}
.dark-theme .single_contact_box {
margin-bottom: 30px;
padding-left: 50px;
}
.dark-theme .single_contact_box .contact_title {
position: relative;
z-index: 2;
}
.dark-theme .single_contact_box .contact_title:before {
position: absolute;
content: "";
height: 8px;
width: 8px;
background: #1417ac;
left: -20px;
top: 50%;
margin-top: -4px;
}
.dark-theme .single_contact_box .contact_title h3 {
font-size: 20px;
color: #FFFFFF;
font-weight: 500;
}
.dark-theme .single_contact_box .contact_details {
position: relative;
z-index: 2;
margin-top: 10px;
}
.dark-theme .single_contact_box .contact_details p {
font-size: 14px;
font-weight: 500;
color: #FFFFFF;
margin-bottom: 5px;
}
.dark-theme .single_contact_box .contact_details h6 {
font-size: 16px;
line-height: 26px;
}
.dark-theme .single_contact_box .contact_details .contact_details_icon {
position: absolute;
left: -20px;
font-size: 12px;
height: 10px;
width: 10px;
color: #A7A7A7;
}
.dark-theme .single_contact_box .contact_details .contact_details_icon img {
max-height: 100%;
max-width: 100%;
}
.dark-theme .widget-title {
color: #FFFFFF;
}
.dark-theme .single_post {
position: relative;
z-index: 2;
transition: all 0.3s;
}
.dark-theme .single_post:hover .single_post_text a {
color: #secondary_color;
transition: all 0.3s;
}
.dark-theme .topbar ul {
margin: 0;
padding: 0;
}
.dark-theme .topbar ul li {
font-size: 14px;
opacity: 0.85;
}
.dark-theme .topbar ul .tranding_bar li {
list-style: none;
font-weight: 400;
}
.dark-theme .topbar .top_date_social > div {
display: inline-block;
}
.dark-theme .topbar .top_date_social > div:first-child {
padding-right: 25px;
margin-right: 10px;
position: relative;
z-index: 2;
}
.dark-theme .topbar .top_date_social > div:first-child:after {
position: absolute;
content: "";
height: 15px;
width: 2px;
background: #485057;
opacity: 0.3;
right: 5px;
top: 50%;
margin-top: -7.5px;
}
.dark-theme .topbar .paper_date p {
font-size: 14px;
font-weight: 400;
opacity: 0.85;
}
.dark-theme .topbar .social1 ul {
margin: 0;
padding: 0;
}
.dark-theme .topbar .social1 ul li {
list-style: none;
}
.dark-theme .topbar .social1 ul li a {
opacity: 0.75;
font-size: 14px;
}
.dark-theme .post_type3 .single_post_text .post-p {
color: #FFFFFF;
}
.dark-theme .single_post_text .meta {
color: #1417ac;
text-transform: uppercase;
}
.dark-theme .single_post_text .meta span {
color: #C4C7C9;
text-transform: capitalize;
}
.dark-theme .single_post_text a {
color: #FFFFFF;
font-weight: 500;
}
.dark-theme .single_post_text p {
color: #FFFFFF;
}
.dark-theme .post_img {
position: relative;
z-index: 2;
}
.dark-theme .readmore {
font-size: 14px !important;
}
.dark-theme .nav_style1 .owl-nav {
position: absolute;
right: 0;
top: -48px;
}
.dark-theme .nav_style1 .owl-nav div {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border: 1px solid #dbdbfd;
color: #dbdbfd;
transition: all 0.3s;
}
.dark-theme .nav_style1 .owl-nav div:last-child {
margin-left: 14px;
}
.dark-theme .nav_style1 .owl-nav div:hover {
background: #1417ac;
border-color: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.dark-theme .see_all {
font-weight: 500;
font-size: 15px;
color: #8A8F94;
text-transform: uppercase;
}
.dark-theme .dark-2 {
background: #233340;
}
.dark-theme .nav1_dark_style .owl-nav div {
border: 1px solid #515A60;
color: #515A60;
}
.dark-theme .nav_style2 .owl-nav div {
background: #233340;
color: #FFFFFF;
}
.dark-theme .post_img.number {
background: #29333C;
}
.dark-theme .post_img.number h2 {
color: #6A7177;
}
.dark-theme .widgets_type4 .post_img.number {
background: #29333C;
}
.dark-theme .widgets_type4 .post_img.number h2 {
color: #697076;
}
.dark-theme .signup_form p {
color: #6A7177;
margin-top: 10px;
}
.dark-theme .news_letter {
background: #29333C;
}
.dark-theme .news_letter p {
color: #FFFFFF;
}
.dark-theme .about_post_list ul {
border-bottom: none;
}
.dark-theme .about_post_list li {
margin-right: 10px;
}
.dark-theme .about_post_list li:last-child {
margin-right: 0;
}
.dark-theme .about_post_list li a {
font-size: 24px;
margin-bottom: 20px;
font-weight: 500;
color: #A0A5A8;
}
.dark-theme .about_post_list li a.active {
color: #FFFFFF;
}
.dark-theme .bridcrumb {
color: #C4C7C9;
}
.dark-theme .single_post_text .meta2 {
margin-bottom: 0;
}
.dark-theme .single_post_text .meta2 a {
font-size: 12px;
text-transform: capitalize;
position: relative;
z-index: 2;
line-height: 17px;
margin-bottom: 5px;
font-weight: 400;
}
.dark-theme .single_post_text .meta2 a:first-child {
color: #1417ac;
}
.dark-theme .single_post_text .meta2 a:last-child {
color: #FFFFFF;
opacity: 0.75;
}
.dark-theme .single_post_text .meta2 a:last-child:before {
position: absolute;
content: "/";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #FFFFFF;
opacity: 0.3;
text-align: center;
}
.dark-theme .single_post_text .meta5 {
margin-bottom: 0;
}
.dark-theme .single_post_text .meta5 a {
font-size: 12px;
text-transform: capitalize;
position: relative;
z-index: 2;
line-height: 17px;
margin-bottom: 5px;
color: #FFFFFF;
}
.dark-theme .single_post_text .meta5 a:last-child {
margin-left: 20px;
font-weight: 400;
}
.dark-theme .single_post_text .meta5 a:last-child:before {
position: absolute;
content: "/";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #FFFFFF;
text-align: center;
}
.dark-theme .single_post_text .meta3 {
margin-bottom: 10px;
}
.dark-theme .single_post_text .meta3 a {
font-size: 14px !important;
position: relative;
z-index: 2;
line-height: 17px;
font-weight: 500;
margin-bottom: 5px;
}
.dark-theme .single_post_text .meta3 a:first-child {
color: #1417ac;
}
.dark-theme .single_post_text .meta3 a:last-child {
margin-left: 20px;
color: #FFFFFF;
opacity: 0.75;
}
.dark-theme .single_post_text .meta3 a:last-child:before {
position: absolute;
content: "/";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #FFFFFF;
opacity: 0.3;
text-align: center;
}
.dark-theme .single_post_text .meta4 {
margin-top: 0;
}
.dark-theme .single_post_text .meta4 a {
font-size: 12px !important;
text-transform: capitalize;
position: relative;
z-index: 2;
line-height: 17px;
font-weight: 400;
color: #FFFFFF;
opacity: 0.6;
}
.dark-theme .socail_share {
margin-top: 5px;
margin: 0;
padding: 0;
}
.dark-theme .socail_share li {
position: relative;
z-index: 2;
list-style: none;
}
.dark-theme .socail_share li a {
color: #FFFFFF;
opacity: 0.4;
font-size: 12px;
}
.dark-theme .socail_share li a i {
margin-right: 3px;
}
.dark-theme .socail_share li:last-child {
margin-left: 10px;
padding-left: 10px;
}
.dark-theme .socail_share li:last-child:after {
position: absolute;
content: "";
height: 10px;
width: 2px;
background: #FFFFFF;
left: -5px;
top: 50%;
opacity: 0.4;
margin-top: -5px;
border-radius: 50%;
}
.dark-theme .author a {
color: #FFFFFF;
}
.dark-theme .author ul li {
display: inline-block;
color: #C4C7C9;
font-size: 15px;
}
.dark-theme .author ul li a {
color: #C4C7C9;
}
.dark-theme .tags li.tag_list {
border: 1px solid #1417ac;
background: #1417ac;
color: #FFFFFF;
}
.dark-theme .tags li a {
border: 1px solid #1417ac;
color: #FFFFFF;
font-weight: 500;
}
.dark-theme .tags li a:hover {
background: #1417ac;
}
.dark-theme .next_prv_single {
padding-left: 20px;
}
.dark-theme .next_prv_single p {
color: #8A8F94;
font-weight: 500;
font-size: 15px;
margin-bottom: 5px;
}
.dark-theme .next_prv_single a {
font-size: 20px;
font-weight: 500;
color: #FFFFFF;
}
.dark-theme .next_prv_single a:hover {
color: #1417ac;
}
.dark-theme button.cbtn2:hover,
.dark-theme input.cbtn2:hover,
.dark-theme a.cbtn2:hover {
background: #233340;
}
.dark-theme .points li:before {
background: #FFFFFF;
}
.dark-theme .next_prv_single3:hover a:hover {
color: #FFFFFF;
}
.dark-theme .comment_list2 .single_comment a {
color: #FFFFFF;
}
.dark-theme .comment_form input, .dark-theme .comment_form2 input {
border: none;
background: #29333C;
margin-bottom: 15px;
color: #FFFFFF;
}
.dark-theme .comment_form textarea, .dark-theme .comment_form2 textarea {
border: none;
background: #29333C;
color: #FFFFFF;
}
.dark-theme .comment_form input.cbtn2, .dark-theme .comment_form2 input.cbtn2 {
margin-bottom: 0;
background: #1417ac;
}
.dark-theme .comment_form input.cbtn2:hover, .dark-theme .comment_form2 input.cbtn2:hover {
background: #29333C !important;
}
.dark-theme .widget_tab ul li a {
background: #233340;
color: #FFFFFF;
}
.dark-theme .widget_tab ul li a.active {
color: #FFFFFF;
background: #1417ac;
}
.dark-theme .bold {
background: #404052;
}
/*
=====================
font weight
*/
/*DARK VERSION COLORS START*/
/*DARK VERSION COLORS END*/
/*DARK VERSION BACKGROUND START*/
/*DARK VERSION BACKGROUND END*/
/*GRADIENT COLORS START*/
/*GRADINET COLORS END*/
/*SHADOW START*/
/*SHADOW END*/
.theme-input input {
font-size: 16px;
font-weight: 400;
color: #1417ac;
}
.signup_form form input.cbtn, .theme-3 .signup_form form input.cbtn, a.cbtn1,
button.cbtn1,
input.cbtn1 {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px 30px;
background: #1417ac;
border: none;
}
.topbar .social1 ul li a, .theme-3 .topbar .social1 li a, .dark-theme .topbar .social1 ul li a {
width: 20px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
font-style: 14px;
color: #404052;
}
.footer .cta .social2 ul li a {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-style: 14px;
color: #C7CACC;
background: #212C34;
}
.banner {
position: relative;
z-index: 2;
}
.banner:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: #404052;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
}
.inner_overlay {
position: relative;
z-index: 1;
}
.inner_overlay:after {
position: absolute;
z-index: -1;
content: "";
height: 100%;
width: 60%;
background: linear-gradient(to left, transparent, #404052);
left: 0;
top: 0;
}
.category ul li a {
position: relative;
z-index: 2;
}
.category ul li a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
background: #404052;
}
.half_bg1 {
position: relative;
z-index: 2;
}
.half_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #404052;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg1 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #233340;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg60 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #233340;
left: 0;
top: 0;
z-index: -1;
}
.half_bg60 {
position: relative;
z-index: 2;
}
.half_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #404052;
left: 0;
top: 0;
z-index: -1;
}
.border_left3 {
border-left: 3px solid #BDC0C2;
}
.comment_form input, .comment_form textarea {
border: 1px solid #C4C7C9;
}
button.cbtn2,
input.cbtn2,
a.cbtn2, .dark-theme button.cbtn2,
.dark-theme input.cbtn2,
.dark-theme a.cbtn2 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: #1417ac;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn2:hover,
input.cbtn2:hover,
a.cbtn2:hover, .dark-theme button.cbtn2:hover,
.dark-theme input.cbtn2:hover,
.dark-theme a.cbtn2:hover {
background: #404052;
color: #FFFFFF;
transition: all 0.3s;
}
.theme-4 button.cbtn4,
.theme-4 input.cbtn4,
.theme-4 a.cbtn4 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
.theme-4 button.cbtn4:hover,
.theme-4 input.cbtn4:hover,
.theme-4 a.cbtn4:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
transition: all 0.3s;
}
button.cbtn3,
input.cbt3,
a.cbtn3 {
padding: 15px 40px;
font-size: 16px;
color: #404052;
border: 1px solid #1417ac;
background: #FFFFFF;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn3:hover,
input.cbt3:hover,
a.cbtn3:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.shadow5 {
box-shadow: 0 72px 20px 0 #fbfbff;
}
.theme-3 {
/* Main navigation */
/* Dropdown */
/*-- Dark bg style --*/
/* magnific pop up modal */
/* animation keyframes list */
/* ===================
// Menu tab
======================= */
/* Header with Menu
================================================== */
/* Responsive styles
================================================== */
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Small Devices Potrait */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/*MENU RIGHT AREA CSS*/
}
.theme-3 .site-nav-inner {
position: relative;
}
.theme-3 .main-nav {
background-color: #f21736 ;
}
.theme-3 .navbar {
border-radius: 0;
border: 0;
margin-bottom: 0;
padding-top: 0px;
padding-bottom: 0px;
}
.theme-3 .navbar-toggler {
color: #fff;
padding: 8px 15px;
background: #e74907;
position: absolute;
top: -55px;
z-index: 9;
}
.theme-3 .navbar-toggler-icon {
width: 25px;
}
.theme-3 .navbar-toggle .i-bar {
background: #fff;
}
.theme-3 .navbar-collapse {
padding-left: 0;
}
.theme-3 ul.navbar-nav > li {
float: left;
padding: 0;
position: relative;
}
.theme-3 ul.navbar-nav > li > a {
padding: 0 15px;
line-height: 50px;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
margin: 0;
position: relative;
transition: 350ms;
padding: 10px 22px;
}
.theme-3 ul.navbar-nav > li > a i {
font-weight: 500;
}
.theme-3 ul.navbar-nav > li > a:hover, .theme-3 ul.navbar-nav > li > a:focus {
background: none;
}
.theme-3 ul.navbar-nav > li:hover a::before, .theme-3 ul.navbar-nav > li.active a::before {
border-color: #1417ac;
opacity: 1;
transform: scale(1) translateZ(0);
}
.theme-3 .nav .open > a,
.theme-3 .nav .open > a:hover,
.theme-3 .nav .open > a:focus {
background: transparent;
border: 0;
}
.theme-3 ul.navbar-nav > li.mega-dropdown {
position: static;
}
.theme-3 .dropdown-submenu {
position: relative;
}
.theme-3 .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -2px;
border-radius: 0;
}
.theme-3 .dropdown-submenu > a:after {
display: block;
content: "";
font-family: "Font Awesome 5 pro";
float: right;
margin-top: 3px;
margin-right: -5px;
}
.theme-3 .dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.theme-3 .dropdown-submenu.pull-left {
float: none;
}
.theme-3 .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
border-radius: 6px 0 6px 6px;
}
.theme-3 .navbar-nav > li > .dropdown-menu {
border-top: 1px solid #dedede;
}
.theme-3 .navbar-nav > li > .dropdown-menu.mega-menu-content {
border-top: 0;
}
.theme-3 .dropdown-menu-large > li > ul {
padding: 0;
margin: 0;
list-style: none;
}
.theme-3 .dropdown-menu-large > li > ul > li > a {
padding-left: 0;
}
.theme-3 .dropdown-menu-large > li > ul > li.active > a {
color: #fc4a00;
}
.theme-3 .navbar-nav > li > .dropdown-menu > a {
background: none;
}
.theme-3 .mega-menu-content {
width: 1110px;
padding: 0;
}
.theme-3 .mega-menu-content-inner {
padding: 20px 10px;
}
.theme-3 .mega-menu-content .row {
margin: 0;
}
.theme-3 .main-nav.dark-bg > .container > .row {
border: 0;
background: #272727;
margin-left: 0;
margin-right: 0;
}
.theme-3 .dark-bg .navbar-toggler {
margin-left: 6px;
}
.theme-3 .main-nav.dark-bg ul.navbar-nav > li > a {
color: #fff;
}
.theme-3 .main-nav.dark-bg ul.navbar-nav > li > a:before {
border: 0;
}
.theme-3 .main-nav.dark-bg ul.navbar-nav > li.active,
.theme-3 .main-nav.dark-bg ul.navbar-nav > li:hover {
background: #fc4a00;
}
.theme-3 .main-nav.dark-bg .nav-search i {
color: #fff;
}
.theme-3 .main-nav {
position: relative;
padding: 0 15px;
}
.theme-3 .mfp-bg.xs-promo-popup {
background-color: rgba(0, 0, 0, 0.87);
padding-bottom: 100%;
border-radius: 100%;
overflow: hidden;
animation: menu-animation 0.8s ease-out forwards;
}
@keyframes menu-animation {
0% {
opacity: 0;
transform: scale(0.04) translateY(300%);
}
40% {
transform: scale(0.04) translateY(0);
transition: ease-out;
}
40% {
transform: scale(0.04) translateY(0);
}
60% {
opacity: 1;
transform: scale(0.02) translateY(0px);
}
61% {
opacity: 1;
transform: scale(0.04) translateY(0px);
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%;
}
100% {
opacity: 1;
transform: scale(2) translateY(0px);
height: 100%;
padding-bottom: 0;
border-radius: 0;
}
}
.theme-3 .menu-tab .nav.nav-tabs {
border-right: 1px solid #dedede;
padding: 20px 0;
padding-right: 0;
min-height: 250px;
margin-top: 0;
}
.theme-3 .menu-tab .nav.nav-tabs > li > a {
border: 1px solid transparent;
border-radius: 0;
font-weight: 400;
padding: 14px 16px 14px 30px;
background: #fff;
text-transform: initial;
font-size: 14px;
}
.theme-3 .menu-tab .nav.nav-tabs > li > a.active {
background: #dedede;
margin-right: -1px;
border: 1px solid #dedede;
border-right: 0;
color: #fc4a00;
cursor: pointer;
}
.theme-3 .menu-tab .tab-content > .tab-pane {
padding: 25px 0;
min-height: 250px;
}
.theme-3 .menu-tab .tab-content > .tab-pane .col-md-3 {
padding-right: 10px;
padding-left: 10px;
}
.theme-3 .header.header-menu {
padding: 0;
}
.theme-3 .header.header-menu .logo {
padding: 12px 0;
}
.theme-3 .header.header-menu > .container > .row {
border-bottom: 1px solid #dedede;
margin-left: 0;
margin-right: 0;
}
.theme-3 .header.header-menu ul.navbar-nav > li > a {
line-height: 70px;
}
.theme-3 .header.header-menu ul.navbar-nav > li.mega-dropdown,
.theme-3 .site-nav-inner {
position: static;
width: 100%;
}
.theme-3 .header.header-menu .mega-menu-content {
min-width: 1145px;
left: -43%;
}
.theme-3 .nav-social-wrap {
position: absolute;
right: 0;
top: 0;
padding: 0;
}
.theme-3 .navbar {
position: absolute;
top: 70px;
width: 100%;
background: #f8f8f8;
z-index: 9;
padding: 0;
}
@media (min-width: 992px) {
.theme-3 .navbar {
position: static;
top: 70px;
width: 100%;
background: transparent;
}
.theme-3 ul.navbar-nav > li > a {
color: #FFFFFF;
padding: 0 22px;
}
.theme-3 .header.header-menu ul.navbar-nav > li.mega-dropdown,
.theme-3 .site-nav-inner {
position: static;
width: 100%;
}
}
.theme-3 ul.navbar-nav > li:after {
position: absolute;
content: "";
height: 0;
width: 100%;
background: #1417ac;
bottom: 0;
left: 0;
z-index: 2;
transition: all 0.3s;
}
.theme-3 ul.navbar-nav > li:hover:after {
height: 2px;
transition: all 0.3s;
}
@media (min-width: 992px) {
.theme-3 .header {
min-height: 70px;
}
.theme-3 .main-nav ul.navbar-nav > li > a {
padding: 0 15px;
line-height: 70px;
display: inline-block;
}
.theme-3 .main-nav ul.navbar-nav > li {
position: relative;
z-index: 2;
transition: all 0.3s;
}
.theme-3 .main-nav ul.navbar-nav > li:before {
position: absolute;
content: "";
height: 0;
width: 100%;
background: #1417ac;
z-index: -1;
left: 0;
top: 0;
transition: all 0.3s;
}
.theme-3 .main-nav ul.navbar-nav > li:after {
position: absolute;
content: "";
height: 2px;
width: 0;
background: #FFFFFF;
z-index: -1;
left: 0;
bottom: 0;
transition: all 0.3s;
}
.theme-3 .main-nav ul.navbar-nav > li:hover:before {
height: 100%;
transition: all 0.3s;
}
.theme-3 .main-nav ul.navbar-nav > li:hover:after {
width: 100%;
transition: all 0.3s;
}
.theme-3 .main-nav ul.navbar-nav > li > a:hover::after {
opacity: 1;
}
.theme-3 blockquote {
padding: 45px 120px 30px;
}
}
@media (min-width: 1200px) {
.theme-3 {
/* Header */
}
.theme-3 .navbar-nav li:hover .dropdown-menu {
display: block;
}
.theme-3 .navbar-collapse {
padding-right: 0;
}
.theme-3 .nav-style-boxed .navbar-collapse {
padding-left: 15px;
}
.theme-3 .header.header-menu .mega-menu-content {
min-width: 1095px;
margin-left: -27px;
}
.theme-3 .main-nav ul.navbar-nav > li > a {
padding: 0px 15px 0px;
}
.theme-3 .sidebar {
margin-left: 40px;
}
.theme-3 .sidebar.sidebar-left {
margin-left: 0;
margin-right: 40px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.theme-3 {
/* Header */
/* Subscribe */
/* Action box */
/* Footer */
}
.theme-3 .navbar-nav li:hover .dropdown-menu {
display: block;
}
.theme-3 ul.navbar-nav > li {
padding: 0 6px;
}
.theme-3 ul.navbar-nav > li a {
font-size: 12px;
}
.theme-3 .header .header-menu .mega-menu-content {
min-width: 1095px;
margin-left: -11px;
}
.theme-3 .newsletter-form input {
min-width: 340px;
}
.theme-3 .action-box-text {
font-size: 13px;
}
.theme-3 #back-to-top.affix {
bottom: 35px;
}
.theme-3 .mega-menu-content {
max-width: 940px;
}
}
@media (min-width: 575px) {
.theme-3 .main-nav {
padding: 0;
}
.theme-3 .nav-social-wrap {
padding: 0 15px;
}
.theme-3 .navbar-toggler {
left: 15px;
}
.theme-3 .navbar {
width: 98%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.theme-3 {
/* top info */
/* Header */
/* Navigation breakpoint */
/* Navigation */
/* Featured area */
/* Sidebar */
/* Footer */
}
.theme-3 ul.top-info li {
padding-right: 12px;
}
.theme-3 .navbar-fixed {
position: relative;
animation: none;
box-shadow: none;
}
.theme-3 .logo {
padding: 13px 0;
}
.theme-3 .logo img {
width: 100%;
}
.theme-3 .navbar-toggle {
display: block;
z-index: 1;
}
.theme-3 .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.theme-3 .navbar-collapse.collapse.show {
display: block;
}
.theme-3 .navbar-collapse ul.navbar-nav {
float: none !important;
margin-top: 0px;
width: 100%;
}
.theme-3 ul.navbar-nav > li {
float: none;
display: block;
}
.theme-3 .collapse.in {
display: block !important;
}
.theme-3 .navbar-collapse.in {
overflow-y: auto;
}
.theme-3 ul.nav li.dropdown:hover ul.dropdown-menu {
display: none;
}
.theme-3 ul.nav li.dropdown.open ul.dropdown-menu {
display: block;
}
.theme-3 .navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.theme-3 .navbar-collapse {
background: none;
width: 100%;
}
.theme-3 ul.navbar-nav > li:hover > a:after,
.theme-3 ul.navbar-nav > li.active > a:after {
content: "";
}
.theme-3 ul.navbar-nav > li > a:before {
border-bottom: 0;
}
.theme-3 ul.navbar-nav > li,
.theme-3 .nav-style-boxed ul.navbar-nav > li {
display: block;
}
.theme-3 .navbar-nav .open .dropdown-menu > li {
padding-left: 0;
}
.theme-3 .navbar-nav .open .dropdown-menu > li > a {
line-height: 30px;
padding: 5px 15px 10px 10px;
}
.theme-3 .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 10px 10px;
}
.theme-3 ul.navbar-nav {
padding: 0 0 10px;
}
.theme-3 ul.navbar-nav li {
float: none;
}
.theme-3 ul.navbar-nav li a {
line-height: normal !important;
color: #333;
border-top: 1px solid #f1f1f1 !important;
border-bottom: 0;
padding: 10px 20px;
display: block;
min-width: 350px;
}
.theme-3 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu a i {
margin-top: -22px;
}
.theme-3 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
left: 0;
position: relative;
}
.theme-3 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu a {
padding-left: 50px;
}
.theme-3 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu li a {
padding-left: 35px !important;
}
.theme-3 ul.navbar-nav .dropdown-menu {
float: none;
position: relative;
border: 0;
margin: 0;
padding: 0;
box-shadow: none;
border-top: 0;
background: none;
}
.theme-3 ul.navbar-nav .dropdown-menu li a {
padding-left: 20px !important;
}
.theme-3 ul.navbar-nav > li.nav-search,
.theme-3 ul.navbar-nav > li.header-get-a-quote {
display: none;
}
.theme-3 ul.navbar-nav li a i,
.theme-3 .dropdown-submenu > a:after {
float: right;
width: 36px;
height: 28px;
line-height: 28px;
margin-top: -5px;
text-align: center;
color: #000;
}
.theme-3 .dropdown-submenu > a:after {
margin-right: 0;
}
.theme-3 .navbar-nav > li > .dropdown-menu.mega-menu-content {
display: none !important;
}
.theme-3 .featured-post-area .pad-r {
padding-right: 15px;
}
.theme-3 .featured-post-area .pad-l {
padding-left: 15px;
}
.theme-3 .sidebar-right {
margin-top: 50px;
}
.theme-3 .sidebar-right .widget {
margin-left: 0;
}
.theme-3 .block.color-aqua,
.theme-3 .block.color-violet {
margin-top: 40px;
}
.theme-3 .footer-widget {
display: inline-block;
margin-bottom: 30px;
}
.theme-3 .newsletter-form input {
width: 90%;
}
.theme-3 .footer-info-content {
padding: 50px 100px 0;
}
.theme-3 #back-to-top.affix {
bottom: 78px;
}
}
@media (max-width: 767px) {
.theme-3 {
/* Top bar */
/* Header */
/* Navigation breakpoint */
/* Dart bg */
/* Search */
/* Featured area */
/* Block */
/* Sidebar */
/* Footer */
/* Block title */
/* Category style */
}
.theme-3 .boxed-layout .body-inner {
margin: 0 auto;
}
.theme-3 .trending-bar {
padding: 20px 0;
}
.theme-3 .trending-bar .trending-title {
float: none;
border: none;
}
.theme-3 .trending-bar .post-title.title-small {
padding: 10px 0;
}
.theme-3 .ts-date {
padding: 0;
border-right: 0;
display: block;
}
.theme-3 .top-nav {
display: block;
margin: 10px 0;
}
.theme-3 .top-bar {
text-align: center;
}
.theme-3 .top-social ul li a {
padding: 0 10px;
}
.theme-3 .navbar-fixed {
position: relative;
animation: none;
box-shadow: none;
}
.theme-3 .logo {
padding: 13px 0 25px;
text-align: center;
}
.theme-3 .navbar-toggle {
display: block;
z-index: 1;
}
.theme-3 .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.theme-3 .navbar-collapse.collapse.show {
display: block;
}
.theme-3 .navbar-collapse.collapse:after {
display: block;
content: "";
clear: both;
}
.theme-3 .navbar-collapse,
.theme-3 .site-nav-inner {
background: none;
width: 100%;
}
.theme-3 ul.navbar-nav > li:hover > a:after,
.theme-3 ul.navbar-nav > li.active > a:after {
content: "";
}
.theme-3 ul.navbar-nav > li > a:before {
border-bottom: 0;
}
.theme-3 .navbar-nav .open .dropdown-menu > li > a,
.theme-3 .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 10px 15px 10px 10px;
}
.theme-3 ul.navbar-nav > li {
display: block;
}
.theme-3 .navbar-nav .open .dropdown-menu > li > a {
line-height: 30px;
}
.theme-3 ul.navbar-nav > li.nav-search,
.theme-3 ul.navbar-nav > li.header-get-a-quote {
display: none;
}
.theme-3 ul.navbar-nav {
width: 100%;
padding: 0 0 10px;
}
.theme-3 ul.navbar-nav > li {
float: none;
}
.theme-3 ul.navbar-nav li a {
line-height: normal !important;
color: #333;
border-top: 1px solid #f1f1f1 !important;
border-bottom: 0;
padding: 7px 20px;
display: block;
background: transparent;
}
.theme-3 ul.navbar-nav .dropdown-menu > li > a {
padding-left: 15px;
}
.theme-3 ul.navbar-nav .dropdown-menu {
float: none;
position: relative;
border: 0;
margin: 0;
padding: 0;
}
.theme-3 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
left: 0;
position: relative;
}
.theme-3 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu a i {
margin-top: -22px;
}
.theme-3 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu li a {
padding-left: 20px;
}
.theme-3 ul.navbar-nav .dropdown-menu {
box-shadow: none;
border-top: 0;
background: none;
padding-left: 15px;
}
.theme-3 ul.navbar-nav li a i,
.theme-3 .dropdown-submenu > a:after {
color: #333;
float: right;
line-height: 28px;
margin-top: -5px;
margin-right: 10px;
text-align: center;
}
.theme-3 .dropdown-submenu > a:after {
margin-right: 0;
}
.theme-3 .navbar-nav > li > .dropdown-menu.mega-menu-content {
display: none !important;
}
.theme-3 .main-nav.dark-bg {
margin-bottom: 20px;
}
.theme-3 .main-nav.dark-bg > .container > .row {
padding: 0 20px;
}
.theme-3 .main-nav.dark-bg ul.navbar-nav > li.active,
.theme-3 .main-nav.dark-bg ul.navbar-nav > li:hover {
background: none;
}
.theme-3 .main-nav.dark-bg ul.navbar-nav li a {
color: #404052;
}
.theme-3 .header-top-social {
margin-bottom: 20px;
}
.theme-3 .search-block {
width: 220px;
}
.theme-3 .header.header-menu {
position: relative;
margin-bottom: 20px;
}
.theme-3 .search-area {
position: absolute;
right: 0;
top: 50px;
}
.theme-3 .featured-post-area .pad-r,
.theme-3 .pad-r-small {
padding-right: 15px;
padding-right: 15px;
}
.theme-3 .featured-post-area .pad-l,
.theme-3 .pad-l-small {
padding-left: 15px;
}
.theme-3 .post-title {
font-size: 18px;
line-height: 26px;
}
.theme-3 .block.color-orange .post-overaly-style.last {
margin-top: 40px;
}
.theme-3 .sidebar-right {
margin-top: 50px;
}
.theme-3 .sidebar-right .widget {
margin-left: 0;
}
.theme-3 .block.color-aqua,
.theme-3 .block.color-violet {
margin-top: 40px;
}
.theme-3 .social-icon li a i {
margin-bottom: 10px;
}
.theme-3 .post-block-style.post-float-half .post-thumb img {
max-width: 100%;
min-height: 100%;
margin-bottom: 20px;
}
.theme-3 .footer-widget {
display: inline-block;
margin-bottom: 30px;
}
.theme-3 .newsletter-form input {
width: 90%;
}
.theme-3 .footer-info-content {
padding: 50px 20px 0;
}
.theme-3 .footer-social li a i {
margin-bottom: 10px;
}
.theme-3 #back-to-top.affix {
bottom: 78px;
}
.theme-3 .featured-tab .nav-tabs {
margin: 20px 0;
position: static;
}
.theme-3 .footer-menu .nav {
display: inline-block;
}
.theme-3 #back-to-top {
bottom: 0;
right: 20px;
}
.theme-3 .block-title > span {
padding: 9px 10px;
}
.theme-3 .featured-tab .nav-tabs > li > a {
font-size: 12px;
}
.theme-3 .category-style2 .post-thumb {
margin-bottom: 20px;
}
.theme-3 .ts-author-comments::after {
display: none;
}
.theme-3 .single-post .post-navigation {
padding: 30px 0;
}
.theme-3 .single-post .post-navigation .post-next,
.theme-3 .single-post .post-navigation .post-previous {
width: 100%;
border: none;
margin: 10px 0;
}
}
@media (max-width: 991px) {
.theme-3 .featured-slider .item .featured-post .post-content {
padding: 20px;
}
.theme-3 .post-video .post-video-content {
padding: 0 20px 10px;
}
.theme-3 .post-video .post-video-content h3 {
font-size: 18px;
}
}
.theme-3 h2.post-title.title-small, .theme-3 h2.post-title.title-small a {
font-size: 16px;
color: #404052;
margin-top: 10px;
font-weight: 500;
}
.theme-3 .post-thumb {
position: relative;
z-index: 2;
}
.theme-3 a.popup {
position: absolute;
left: 50%;
top: 50%;
height: 70px;
width: 70px;
margin-left: -35px;
text-align: center;
margin-top: -35px;
line-height: 70px;
font-size: 20px;
color: #404052;
background: #fff;
border-radius: 50%;
}
.theme-3 .menu_right {
display: flex;
align-items: center;
justify-content: flex-end;
}
.theme-3 .users_area {
position: relative;
z-index: 2;
}
.theme-3 .search_form {
position: absolute;
height: 100%;
width: 200px;
left: -130px;
top: -95px;
background: #fff;
display: none;
visibility: hidden;
opacity: 0;
transition: all 0.4s;
}
.theme-3 .search_form.active {
visibility: visible;
opacity: 1;
display: block;
transition: all 0.4s;
}
.theme-3 .search_form input {
border: none;
padding: 15px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.theme-3 .temp_wap {
position: relative;
z-index: 2;
padding-right: 70px;
}
.theme-3 .temp_wap p {
color: #9199A0;
}
.theme-3 .temp_icon {
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
position: absolute;
right: 0px;
}
.theme-3 h3.temp_count {
position: relative;
z-index: 2;
color: #404052;
display: inline-block;
}
.theme-3 h3.temp_count:after {
position: absolute;
content: "";
height: 30px;
width: 30px;
background: url(../img/icon/s.png);
background-repeat: no-repeat;
right: -35px;
}
.theme-3 .lang {
padding-left: 15px;
}
.theme-3 .lang li a {
font-weight: 500;
color: #9199A0;
}
.theme-3 .users_area li {
font-weight: 500;
padding: 0 4px;
font-size: 16px;
cursor: pointer;
color: #9199A0;
}
.theme-3 .menu_right > div {
position: relative;
z-index: 2;
padding-right: 15px;
}
.theme-3 .menu_right > div:after {
position: absolute;
content: "";
height: 25px;
width: 2px;
background: #65717A;
right: 0;
top: 50%;
margin-top: -12.5px;
}
.theme-3 .menu_right > div:last-child {
padding-right: 0;
}
.theme-3 .menu_right > div:last-child:after {
display: none;
}
.theme-3 .date3 {
padding: 0px;
color: #fff;
text-align: center;
font-size:12px;
}
.theme-3 .main-menu .row {
padding: 0;
margin: 0;
}
.theme-3 .main-menu .col-lg-3 {
padding: 0;
margin: 0;
}
/*
=====================
font weight
*/
/*DARK VERSION COLORS START*/
/*DARK VERSION COLORS END*/
/*DARK VERSION BACKGROUND START*/
/*DARK VERSION BACKGROUND END*/
/*GRADIENT COLORS START*/
/*GRADINET COLORS END*/
/*SHADOW START*/
/*SHADOW END*/
.theme-input input {
font-size: 16px;
font-weight: 400;
color: #1417ac;
}
.signup_form form input.cbtn, .theme-3 .signup_form form input.cbtn, a.cbtn1,
button.cbtn1,
input.cbtn1 {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px 30px;
background: #1417ac;
border: none;
}
.topbar .social1 ul li a, .theme-3 .topbar .social1 li a, .dark-theme .topbar .social1 ul li a {
width: 20px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
font-style: 14px;
color: #404052;
}
.footer .cta .social2 ul li a {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-style: 14px;
color: #C7CACC;
background: #212C34;
}
.banner {
position: relative;
z-index: 2;
}
.banner:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: #404052;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
}
.inner_overlay {
position: relative;
z-index: 1;
}
.inner_overlay:after {
position: absolute;
z-index: -1;
content: "";
height: 100%;
width: 60%;
background: linear-gradient(to left, transparent, #404052);
left: 0;
top: 0;
}
.category ul li a {
position: relative;
z-index: 2;
}
.category ul li a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
background: #404052;
}
.half_bg1 {
position: relative;
z-index: 2;
}
.half_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #404052;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg1 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #233340;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg60 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #233340;
left: 0;
top: 0;
z-index: -1;
}
.half_bg60 {
position: relative;
z-index: 2;
}
.half_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #404052;
left: 0;
top: 0;
z-index: -1;
}
.border_left3 {
border-left: 3px solid #BDC0C2;
}
.comment_form input, .comment_form textarea {
border: 1px solid #C4C7C9;
}
button.cbtn2,
input.cbtn2,
a.cbtn2, .dark-theme button.cbtn2,
.dark-theme input.cbtn2,
.dark-theme a.cbtn2 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: #1417ac;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn2:hover,
input.cbtn2:hover,
a.cbtn2:hover, .dark-theme button.cbtn2:hover,
.dark-theme input.cbtn2:hover,
.dark-theme a.cbtn2:hover {
background: #404052;
color: #FFFFFF;
transition: all 0.3s;
}
.theme-4 button.cbtn4,
.theme-4 input.cbtn4,
.theme-4 a.cbtn4 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
.theme-4 button.cbtn4:hover,
.theme-4 input.cbtn4:hover,
.theme-4 a.cbtn4:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
transition: all 0.3s;
}
button.cbtn3,
input.cbt3,
a.cbtn3 {
padding: 15px 40px;
font-size: 16px;
color: #404052;
border: 1px solid #1417ac;
background: #FFFFFF;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn3:hover,
input.cbt3:hover,
a.cbtn3:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.shadow5 {
box-shadow: 0 72px 20px 0 #fbfbff;
}
.theme-3 {
/*GLOBAL STYLE*/
/*OTHERS STYLE*/
/*================================
RESPONSIVE CSS
*/
/*================================
HEIGH LARGE DEVICE
*/
/*================================
EXTRA LARGE DEVICE
*/
/*================================
SMALL LEPTOP DEVICE
*/
/*================================
MEDIUM DEVICE
*/
/*================================
LARGE MOBILE DEVICE
*/
/*================================
MOBILE LANDSCAPE DEVICE
*/
/*================================
MOBILE PORTRAIT DEVICE
*/
}
.theme-3 .container {
max-width: 1235px;
}
.theme-3 .signup_form form {
background: #ECEDEE;
position: relative;
z-index: 2;
border-radius: 5px;
overflow: hidden;
direction:rtl;
}
.theme-3 .signup_form form input.signup {
padding: 15px;
width: 65%;
margin: 0;
background: #ECEDEE;
}
.theme-3 .signup_form form input.cbtn {
position: absolute;
left: 0;
top: 0px;
padding: 15px 20px;
}
.theme-3 .user3 {
position: relative;
z-index: 2;
padding-right: 25px;
}
.theme-3 .user3:after {
position: absolute;
content: "";
height: 15px;
width: 2px;
background: #B9BCBF;
right: 10.5px;
top: 50%;
margin-top: -7.5px;
}
.theme-3 .topbar .tranding_bar li {
font-size: 14px;
font-weight: 400;
color: #39424A;
}
.theme-3 .topbar li.tranding {
background: #FFE5E5;
padding: 12px 20px;
font-weight: 600;
color: #FFdbdbfd5;
margin-right: 10px;
}
.theme-3 .topbar .top_date_social > div {
display: inline-block;
position: relative;
top: 0px;
float:left
}
.theme-3 .topbar .top_date_social > div:first-child {
padding-right: 10px;
margin-right: 10px;
position: relative;
z-index: 2;
}
.theme-3 .topbar .top_date_social > div:first-child:after {
position: absolute;
content: "";
height: 15px;
width: 2px;
right: -3.5px;
top: 50%;
margin-top: -7.5px;
}
.theme-3 .topbar .paper_date p {
font-size: 14px;
font-weight: 400;
color: #39424A;
}
.theme-3 .topbar .social1 {
margin: 0;
padding: 0;
}
.theme-3 .topbar .social1 li {
list-style: none;
}
.theme-3 .topbar .social1 li a {
color: #39424A;
font-size: 14px;
}
.theme-3 .type19 .single_post_text p {
font-size: 17px;
line-height: 23px;
font-weight: 400;
color: #404052;
font-weight: 900;
font-family: 'Janna LT', sans-serif;
font-size: 15px;
outline: none !important;
-moz-outline-style: none;
-webkit-tap-highlight-color: transparent !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
overflow: hidden;
-webkit-line-clamp: 2;
}
.theme-3 .post_type6 .meta {
position: relative;
z-index: 2;
}
.theme-3 .post_type6 .meta:before {
position: absolute;
content: "";
height: 18px;
width: 2px;
background: #FFF;
z-index: 9;
right: -10px;
top: 50%;
margin-top: -10px;
display:none
}
.theme-3 .footer {
padding: 80px 0 0 0;
}
.theme-3 .footer .single_contact3 {
display: inline-block;
width: 32.33%;
position: relative;
z-index: 2;
padding-left: 20px;
}
.theme-3 .footer .single_contact3 h6 {
font-size: 18px;
font-weight: 400;
margin-bottom: 5px;
position: relative;
z-index: 2;
}
.theme-3 .footer .single_contact3 h6:before {
position: absolute;
content: "";
height: 6px;
width: 6px;
background: #1417ac;
left: -15px;
top: 50%;
margin-top: -3px;
}
.theme-3 .footer .single_contact3 p {
color: #404052;
font-size: 15px;
font-weight: 500;
}
.theme-3 .footer .single_contact3 a {
color: #404052;
font-size: 15px;
font-weight: 500;
}
.theme-3 .footer .more_newss {
padding-left: 20px;
border-left: 1px solid #E7E8E9;
}
.theme-3 .footer .single_footer_nav ul li a {
color: #404052;
}
.theme-3 .footer .single_fcontact {
position: relative;
z-index: 2;
padding-left: 30px;
margin-bottom: 15px;
}
.theme-3 .footer .single_fcontact:last-child {
margin-bottom: 0;
}
.theme-3 .footer .single_fcontact a {
color: #404052;
}
.theme-3 .footer .single_fcontact .fcicon {
height: 30px;
width: 30px;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
line-height: 30px;
}
.theme-3 .footer .widget-title2 {
font-size: 20px;
color: #404052;
font-weight: 400;
margin-bottom: 30px;
background: linear-gradient(to right, #ff0c4f, #d21212, #ff3346);
}
.theme-3 .footer .twitter_feeds .single_twitter_feed {
position: relative;
z-index: 2;
padding-left: 30px;
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.theme-3 .footer .twitter_feeds .single_twitter_feed:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.theme-3 .footer .twitter_feeds .single_twitter_feed h6 {
color: #404052;
}
.theme-3 .footer .twitter_feeds .single_twitter_feed h6 span {
color: #1417ac;
}
.theme-3 .footer .twitter_feeds .single_twitter_feed p {
font-size: 14px;
color: #404052;
margin-top: 3px;
}
.theme-3 .footer .twitter_feeds .single_twitter_feed .twitter_feed_icon {
height: 20px;
width: 20px;
color: #1417ac;
position: absolute;
left: 0;
top: 0;
}
.theme-3 .footer .single_more_news {
position: relative;
z-index: 2;
}
.theme-3 .footer .single_more_news:before {
position: absolute;
content: "";
height: 15px;
width: 15px;
background: #fff;
border-radius: 50%;
left: -27.5px;
top: 0;
}
.theme-3 .footer .single_more_news:after {
position: absolute;
content: "";
height: 5px;
width: 5px;
background: #1417ac;
border-radius: 50%;
left: -22.5px;
top: 5.5px;
}
.theme-3 .footer .extra_newss .single_extra_news {
margin-bottom: 15px;
padding-bottom: 30px;
padding-right: 60px;
position: relative;
z-index: 2;
}
.theme-3 .footer .extra_newss .single_extra_news:nth-child(6) {
margin-bottom: 0;
padding-bottom: 0;
}
.theme-3 .footer .extra_newss .single_extra_news p {
color: #1417ac;
font-size: 12px;
}
.theme-3 .footer .extra_newss .single_extra_news p span {
color: #747A80;
}
.theme-3 .footer .extra_newss .single_extra_news a {
color: #404052;
}
.theme-3 .footer .extra_newss .single_extra_news span.news_counter {
color: #747A80;
height: 40px;
display: inline-block;
width: 40px;
text-align: center;
line-height: 40px;
font-size: 36px;
position: absolute;
top: 50%;
right: 0;
margin-top: -25px;
}
.theme-3 .footer .extra_newss .single_fcontact {
position: relative;
z-index: 2;
padding-left: 30px;
margin-bottom: 15px;
}
.theme-3 .footer .extra_newss .single_fcontact:last-child {
margin-bottom: 0;
}
.theme-3 .footer .extra_newss .single_fcontact a {
color: #404052;
}
.theme-3 .footer .extra_newss .single_fcontact .fcicon {
height: 30px;
width: 30px;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
line-height: 30px;
}
.theme-3 .footer .single_more_news a {
color: #404052;
font-size: 18px;
font-weight: 500;
}
.theme-3 .footer .single_more_news p.meta {
color: #1417ac;
font-weight: 500;
font-size: 12px;
}
.theme-3 .footer .single_more_news p {
font-size: 15px;
font-weight: 300;
color: body_color;
line-height: 23px;
margin-top: 10px;
}
.theme-3 .footer .copyright {
background: #ECEDEE;
margin-top: 30px;
padding: 15px 0;
}
.theme-3 .footer .copyright p {
color: #747A80;
}
.theme-3 .footer .copyright ul li a {
color: #404052;
padding: 0 10px;
}
.theme-3 .footer .copyright ul li a:hover {
color: #404052;
}
.theme-3 .lang-3 a {
color: #404052;
font-family: system-ui;
line-height: 1;
padding: 0;
font-size: 12px;
margin-left: 2px;
font-weight:500;
display: inline-block !important;
}
.theme-3 .lang-3 a::before {
}
.theme-3 .single_post_text .meta2 {
margin-bottom: 0;
}
.theme-3 .single_post_text .meta2 a {
font-size: 12px;
text-transform: capitalize;
position: relative;
z-index: 2;
line-height: 17px;
margin-bottom: 5px;
}
.theme-3 .single_post_text .meta2 a:first-child {
line-height: 17px;
font-weight: 500;
color: #757575;
opacity: 0.9;
font-family: system-ui;}
.theme-3 .single_post_text .meta2 a:last-child {
color: #8ca0af;
opacity: 1;
}
.theme-3 .single_post_text .meta2 a:last-child:before {
position: absolute;
content: "|";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #404052;
opacity: 0.3;
text-align: center;
}
.theme-3 .single_post_text .meta5 {
margin-bottom: 0;
}
.theme-3 .single_post_text .meta5 a {
font-size: 13px;
text-transform: capitalize;
position: relative;
z-index: 2;
line-height: 17px;
margin-bottom: 5px;
color: #f0f0f0;
}
.theme-3 .single_post_text .meta5 a:last-child {
margin-left: 20px;
font-weight: 400;
}
.theme-3 .single_post_text .meta5 a:last-child:before {
position: absolute;
content: "";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
background: #000;
margin-top: -10px;
line-height: 20px;
color: #FFFFFF;
text-align: center;
}
.theme-3 .single_post_text .meta3 {
margin-bottom: 0;
position: relative;
z-index: 2;
}
.theme-3 .single_post_text .meta3:before {
position: absolute;
content: "";
height: 15px;
width: 2.5px;
background: #e2e2f3;
right: -10px;
top: 50%;
margin-top: -7.5px;
}
.theme-3 .single_post_text .meta3 a {
font-size: 14px !important;
position: relative;
z-index: 2;
line-height: 17px;
font-weight: 500;
margin-left:8px;
margin-bottom: 0;
}
.theme-3 .single_post_text .meta3 a:first-child {
line-height: 17px;
font-weight: 500;
color: #757575;
opacity: 0.9;
font-family: system-ui;
}
.theme-3 .single_post_text .meta3 a:last-child {
margin-left: 20px;
color: #404052;
opacity: 0.75;
}
.theme-3 .single_post_text .meta3 a:last-child:before {
position: absolute;
content: " ";
height: 20px;
width: 150px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #404052;
opacity: 0.3;
text-align: center;
}
.theme-3 .single_post_text .meta {
margin-bottom: 0;
}
.theme-3 .single_post_text .meta a {
font-size: 14px;
text-transform: capitalize;
position: relative;
z-index: 2;
}
.theme-3 .single_post_text .meta a:last-child {
margin-left: 20px;
}
.theme-3 .single_post_text .meta a:last-child:before {
position: absolute;
content: "|" !important;
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
text-align: center;
}
.theme-3 .single_post_text .meta4 {
margin-top: 0;
}
.theme-3 .single_post_text .meta4 a {
font-size: 12px !important;
text-transform: capitalize;
position: relative;
z-index: 2;
color: #757575;
opacity: 0.9;
font-family: system-ui;
}
.theme-3 .trancarousel_area .nav_style1 .owl-nav {
position: absolute;
right: -20%;
top: 50%;
margin-top: -11.5px;
}
.theme-3 .trancarousel_area .nav_style1 .owl-nav div {
border-radius: 3px;
height: 23px;
width: 23px;
line-height: 23px;
}
.theme-3 .trancarousel_area .nav_style1 .owl-nav div:last-child {
margin-left: 7px;
}
.theme-3 .trancarousel_area p.trand {
float: right;
margin-left: 10px;
padding: 12px 20px;
background: #f3f3f3;
font-size: 14px;
font-weight: 500;
color: #fb0f05;
line-height: 17px;
font-family: 'Janna LT', sans-serif;
letter-spacing: -0.5px;
font-weight: 900;
direction:rtl;
margin-right:0
}
.theme-3 .trancarousel_area {
width: 80%;
float:right;
}
.theme-3 .trancarousel_area .trancarousel_item {
padding: 12px;
font-size: 14px;
line-height: 17px;
opacity: 0.85;
}
.theme-3 .trancarousel_area .trancarousel_item a {
color: #404052;
opacity: 0.85;
word-break: break-word;
}
.theme-3 .trancarousel_area .trancarousel_item p {
color: #404052;
opacity: 0.85;
word-break: break-word;
}
.theme-3 .nav_style1 .owl-nav {
position: absolute;
left: 10px;
width: 80px;
top: -44px;
}
.theme-3 .most_widget3 .nav_style1 .owl-nav {
position: absolute;
left: 10px;
top: -39px;
}
.theme-3 .most_widget3 .nav_style1 .owl-nav div {
-webkit-box-shadow: -10px 0px 13px -7px #363ad6, 10px 0px 13px -7px #363ad6, 0px -10px 15px -7px rgba(0,0,0,0);
box-shadow: -10px 0px 13px -7px #363ad6, 10px 0px 13px -7px #363ad6, 0px -10px 15px -7px rgba(0,0,0,0);
display: inline-block;
width: 22px;
height: 22px;
text-align: center;
line-height: 20px;
border-radius: 3px;
border: 1px solid #ac1a2f;
background: #ac1a2f;
color: #dbdbfd ;
transition: all 0.3s;
}
.theme-3 .nav_style1 .owl-nav div {
-webkit-box-shadow: -10px 0px 13px -7px #363ad6, 10px 0px 13px -7px #363ad6, 0px -10px 15px -7px rgba(0,0,0,0);
box-shadow: -10px 0px 13px -7px #363ad6, 10px 0px 13px -7px #363ad6, 0px -10px 15px -7px rgba(0,0,0,0);
display: inline-block;
width: 22px;
height: 22px;
text-align: center;
line-height: 20px;
border-radius: 3px;
border: 1px solid #ac1a2f;
background: #ac1a2f;
color: #dbdbfd ;
transition: all 0.3s;
}
.theme-3 .nav_style1 .owl-nav div:last-child {
margin-left: 14px;
}
.theme-3 .nav_style1 .owl-nav div:hover {
border: 0px solid #d4564f;
color: #FFFFFF;
transition: all 0.3s;
}
.theme-3 ul.like_cm {
margin: 0;
padding: 0;
}
.theme-3 ul.like_cm li {
display: inline-block;
margin-right: 20px;
position: relative;
z-index: 2;
}
.theme-3 ul.like_cm li:after {
position: absolute;
content: "";
height: 12px;
width: 2px;
background: #B9BCBF;
right: -12px;
top: 50%;
margin-top: -6px;
}
.theme-3 ul.like_cm li:last-child:after {
display: none;
}
.theme-3 ul.like_cm li a {
font-weight: 500;
font-size: 17px !important;
color: #747A80;
}
.theme-3 ul.like_cm li a i {
color: #70BDFF;
}
.theme-3 ul.like_cm li:last-child {
margin-right: 0;
}
.theme-3 .type143 {
padding-right: 0px;
padding-left: 155px;
min-height: 100px;
border-bottom: 1px rgb(0 0 0 / 12%) solid;
margin-bottom: 15px;
}
.theme-3 .type14 {
padding-right: 85px;
min-height: 60px;
}
.theme-3 .type144 {
padding-right: 0px;
min-height: 60px;
margin-bottom: 15px;
background: #dbdbfd96;
}
.attr {
position: absolute;
right: 4px;
bottom: 4px;
font-size: 11px;
line-height: 15px;
font-weight: 700;
font-family: 'cairo';
color: #FFF;
padding: 1px;
padding-left: 3px;
padding-right: 3px;
border-radius: 4px;
line-height: 14px;
border: 1px #FFFFFF2e solid;
box-shadow:1px 1px 1px #ccc;
text-shadow:1px 1px 1px #000;
z-index:5;
}
.theme-3 .type144 .post_img {
height: 59px;
width: 75px;
}
.theme-3 .type144 .post_img1 {
color: #fff;
background: #74b9ff;
}
.theme-3 .type14 .post_img {
border-radius: 5px;
overflow: hidden;
max-height: 59px;
max-width: 75px;
}
.theme-3 .type14 .single_post_text .meta {
color: #737A7F;
}
.theme-3 .type144 .single_post_text {
padding-right:85px;
}
.theme-3 .type16 {
padding-right: 160px;
min-height: 120px;
margin-bottom: 10px;
}
.theme-3 .type16:first-child {
padding-top:0;
margin-top:0;
}.theme-3 .type16:last-child {
margin-bottom:0
}
.theme-3 .type16 .post_img {
border-radius: 5px;
max-height: 120px;
min-width: 150px;
}
.theme-3 .type16 .post_img img {
/* border-radius: 5px;*/
}
.theme-3 .post_type15 .single_post_text {
padding-left: 11%;
padding-right: 2%;
padding-bottom:0
}
.theme-3 .post_type15 .single_post_text a {
font-size: 24px;
line-height: 35px;
font-weight: 900;
}
.theme-3 .post_type15 .single_post_text a.headlines_titles {
font-size: 18px;
line-height: 28px;
font-weight: 900;
}
.theme-3 .post_type15 .single_post_text a.secondry_title {
font-size: 20px;
line-height: 30px;
font-weight: 900;
color:#2f2f2f;
-webkit-tap-highlight-color: transparent !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
overflow: hidden;
-webkit-line-clamp: 2;
}
.theme-3 .meta.before:before {
position: absolute;
content: "";
height: 20px;
width: 2px;
background: #1417ac;
left: -20px;
}
.theme-3 .border_tranding {
height: 32px;
width: 32px;
line-height: 29px;
left: 5px;
top: 68%;
}
.theme-3 .tranding3 .post_type15 .single_post_text {
padding-bottom: 0;
}/*
.theme-3 .type17 {
padding-right: 20px;
}*/
.theme-3 .type17 .post_img {
height: 52px;
width: 75px;
border-radius: 5px;
}
.theme-3 .type17 .post_img .img_wrap {
border-radius: 5px;
}
.theme-3 .type17 .post_img img {
border-radius: 5px;
}
.theme-3 .type18 .single_post_text {
padding-top: 20px;
}
.theme-3 .type18 .single_post_text a {
font-size: 17px;
font-family: 'Tajawal';
font-weight: 700;
line-height: 23px;
}
}
.theme-3 .type18 .post_img img {
border-radius: 2px;
}
.theme-3 span.batch3.date {
position: absolute;
left: 0;
top: 20px;
height: 36px;
background: #1417ac;
display: flex;
align-items: center;
padding: 18px 12px;
color: #fff;
font-size: 12px;
border-radius: 0 30px 30px 0;
}
.theme-3 .feature3 .nav_style1 .owl-nav {
position: absolute;
right: 20px;
top: -70px;
}
.theme-3 .type20 .post_img {
width: 42%;
}
.theme-3 .type20 .post_img .tranding {
height: 30px;
width: 30px;
font-size: 12px;
line-height: 30px;
left: 10px;
top: 10px;
}
.theme-3 .type20 .single_post_text {
width: 57%;
}
.theme-3 .type20 .single_post_text a {
font-size: 24px;
margin-bottom: 10px;
line-height: 29px;
}
.theme-3 .type20 .single_post_text li a {
margin-bottom: 0;
}
.theme-3 .type20 .single_post_text .post-p {
font-size: 15px;
color: #39424A;
}
.theme-3 .type20 .single_post_text .meta_col {
margin-bottom: 15px;
}
.theme-3 .type20 .single_post_text .meta_col p {
color: #404052;
opacity: 0.4;
font-weight: 500;
}
.theme-3 ul.meta_share li {
margin-right: 7px;
}
.theme-3 ul.meta_share li:last-child {
margin-right: 0;
}
.theme-3 ul.meta_share li a {
font-size: 14px !important;
color: #CAdbdbfdE;
}
.theme-3 .post_type21 .post_img:after {
position: absolute;
content: "";
height: 40%;
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent);
left: 0;
bottom: 0;
}
.theme-3 .post_type21 .post_img .social_share {
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
}
.theme-3 .post_type21 .post_img .social_share li a {
color: #FFFFFF;
}
.theme-3 .post_type21 .post_img .sport_meta_ab {
position: absolute;
bottom: 20px;
left: 20px;
z-index: 2;
}
.theme-3 .post_type21 .post_img .sport_meta_ab li {
font-size: 14px;
font-weight: 500;
color: #FFFFFF;
margin-right: 10px;
position: relative;
z-index: 2;
}
.theme-3 .post_type21 .post_img .sport_meta_ab li:after {
position: absolute;
content: "";
height: 12px;
width: 2px;
right: -8px;
top: 50%;
margin-top: -6px;
background: #FFFFFF;
}
.theme-3 .post_type21 .post_img .sport_meta_ab li:last-child {
margin-right: 0;
}
.theme-3 .post_type21 .post_img .sport_meta_ab li:last-child:after {
display: none;
}
.theme-3 .post_type21 .post_img .sport_meta_ab li a {
font-size: 14px;
font-weight: 500;
color: #FFFFFF;
}
.theme-3 .post_type21 .single_post_text {
padding-bottom: 0;
}
.theme-3 .post_type21 .single_post_text a {
font-size: 24px;
line-height: 32px;
}
.theme-3 .post_type21 .single_post_text ul.like_cm li a {
font-size: 14px !important;
}
.theme-3 .type22 {
padding-right: 120px;
min-height: 60px;
}
.theme-3 .type22 .post_img {
border-radius: 5px;
overflow: hidden;
max-height: 56.25px;
max-width: 100px;
}
.theme-3 .type22 .single_post_text .meta {
color: #1417ac;
}
.theme-3 .tab3 .widgets_small {
padding-right: 0px;
min-height: 64px;
padding-right: 86px;
}
.theme-3 .tab3 ul {
margin-bottom: 0;
padding-bottom: 10px;
}
.theme-3 .tab3 ul li {
margin-right: 0px;
width: 33%;
}
.theme-3 .tab3 ul li a {
padding: 16px 0px;
}
.theme-3 .opinion .single_post_text {
padding-bottom: 0;
}
.theme-3 .international_news .single_international a {
font-size: 20px;
font-weight: 500;
color: #404052;
}
.theme-3 .international_news .single_international .view_author a {
font-size: 12px !important;
color: #515960;
}
.theme-3 .international_news .single_international p {
font-size: 15px;
}
.theme-3 .international_news .single_international .like_cm li a {
font-size: 12px !important;
}
.theme-3 .international_news .single_international img {
border-radius: 5px;
}
.theme-3 .international_news .meta {
margin-bottom: 5px;
font-weight: 500;
font-size: 14px;
color: #1417ac;
text-transform: uppercase;
position: relative;
z-index: 2;
}
.theme-3 .view_author_details .view_author i {
color: #1417ac;
}
.theme-3 .view_author_details .view_author a {
font-size: 12px !important;
color: #515960;
}
.theme-3 .view_author_details p {
color: #515960;
font-size: 12px;
}
.theme-3 a.single_social {
display: inline-block;
padding: 13px;
font-size: 18px;
font-weight: 500;
position: relative;
z-index: 2;
padding-left: 35px;
background: #3B5998;
margin: 4px 3px;
color: #FFFFFF;
overflow: hidden;
width: 104px;
line-height: 12px;
border-radius: 4px;
}
.theme-3 a.single_social span.follow_icon {
position: absolute;
left: 0;
font-size: 12px;
height: 100%;
width: 30px;
text-align: center;
top: 0;
margin-top: 0;
display: flex;
align-items: center;
justify-content: center;
background: #334D82;
}
.theme-3 a.single_social span.icon_text {
display: block;
line-height: 10px;
font-size: 11px;
margin-top: 5px;
}
.theme-3 a.social_twitter {
background: #1DA1F2;
}
.theme-3 a.social_twitter span.follow_icon {
background: #1B87CA;
}
.theme-3 a.social_youtube {
background: #FF5050;
}
.theme-3 a.social_youtube span.follow_icon {
background: #D04648;
}
.theme-3 a.social_instagram {
background: #9B45D5;
}
.theme-3 a.social_instagram span.follow_icon {
background: #803DB3;
}
.theme-3 a.social_vimeo {
background: #1AB7EA;
}
.theme-3 a.social_vimeo span.follow_icon {
background: #1999C3;
}
.theme-3 a.social_medium {
background: #00AB6C;
}
.theme-3 a.social_medium span.follow_icon {
background: #048F5E;
}
.theme-3 .news_letter p {
color: #39424A;
font-size: 17px;
font-weight: 300;
}
.theme-3 .news3bg {
background: #F2F6F8;
}
.theme-3 .sociai_style3 a.single_social {
width: 142px;
padding-left: 45px;
}
.theme-3 .sociai_style3.inner_socail4 a.single_social {
width: 46%;
padding-left: 45px;
}
@media screen and (max-width: 1024px) and (max-width: 1300px) {
.theme-3 .trancarousel_area .nav_style1 .owl-nav {
position: absolute;
right: -15%;
top: 50%;
margin-top: -11.5px;
}
.theme-3 .temp_wap p {
font-style: 10px;
}
}
@media screen and (min-width: 767px) and (max-width: 990px) {
.theme-3 .post_type15 .post_img img {
width: 354px;
}
.theme-3 a.single_social {
display: inline-block;
padding: 13px;
font-size: 16px;
font-weight: 500;
position: relative;
z-index: 2;
padding-left: 35px;
margin: 4px 3px;
color: #FFFFFF;
overflow: hidden;
width: 96px;
line-height: 12px;
border-radius: 4px;
}
.theme-3 .post_type6 .post_img img {
width: 800px;
}
.theme-3 .trancarousel_area .nav_style1 .owl-nav {
display: none;
}
}
@media screen and (max-width: 990px) {
.theme-3 .logo4 {
margin: 0 auto;
margin-bottom: 20px;
}
.theme-3 .topbar .tranding_bar li {
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.theme-3 .topbar {
text-align: center;
margin-top: 20px;
}
.theme-3 .v3datentemp {
text-align: center !important;
}
.theme-3 .social4.text-right {
text-align: center !important;
margin-bottom: 20px;
}
.theme-3 .top_date_social.text-right {
text-align: center !important;
}
.theme-3 .v3datentemp > div {
width: 100%;
float: unset;
margin-bottom: 10px;
text-align: center !important;
}
.theme-3 .welcome_txt h1 {
font-size: 26px;
}
.theme-3 .signup_form {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.theme-3 .type20 .post_img {
width: 100%;
}
.theme-3 .type20 .single_post_text {
width: 100%;
}
.theme-3 .type20 .single_post_text a {
font-size: 20px;
line-height: 24px;
}
.theme-3 .type20 .single_post_text p {
font-size: 12px;
}
}
/*Theme area end bracket*/
@media screen and (min-width: 768px) and (max-width: 960px) {
.theme-3 .type20 .single_post_text {
width: 100%;
}
.theme-3 .type20 .post_img {
width: 100%;
}
}
/*
=====================
font weight
*/
/*DARK VERSION COLORS START*/
/*DARK VERSION COLORS END*/
/*DARK VERSION BACKGROUND START*/
/*DARK VERSION BACKGROUND END*/
/*GRADIENT COLORS START*/
/*GRADINET COLORS END*/
/*SHADOW START*/
/*SHADOW END*/
.theme-input input {
font-size: 16px;
font-weight: 400;
color: #1417ac;
}
.signup_form form input.cbtn, a.cbtn1,
button.cbtn1,
input.cbtn1, .theme-3 .signup_form form input.cbtn {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px 30px;
background: linear-gradient(
90deg, #FFdbdbfd5, #AB50EF);
position: absolute;
right: 0;
top: 0px; border: none;
}
.topbar .social1 ul li a, .dark-theme .topbar .social1 ul li a, .theme-3 .topbar .social1 li a {
width: 30px;
display: block;
text-align: center;
font-size: 17px;
color: #212529;
line-height: 32px;
}
.footer .cta .social2 ul li a {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-style: 14px;
color: #C7CACC;
background: #212C34;
}
.banner {
position: relative;
z-index: 2;
}
.banner:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: #404052;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
}
.inner_overlay {
position: relative;
z-index: 1;
}
.inner_overlay:after {
position: absolute;
z-index: -1;
content: "";
height: 100%;
width: 60%;
background: linear-gradient(to left, transparent, #404052);
left: 0;
top: 0;
}
.category ul li a {
position: relative;
z-index: 2;
}
.category ul li a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
background: #404052;
}
.half_bg1 {
position: relative;
z-index: 2;
}
.half_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #404052;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg1 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #233340;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg60 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #233340;
left: 0;
top: 0;
z-index: -1;
}
.half_bg60 {
position: relative;
z-index: 2;
}
.half_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #404052;
left: 0;
top: 0;
z-index: -1;
}
.border_left3 {
border-left: 3px solid #BDC0C2;
}
.comment_form input, .comment_form textarea {
border: 1px solid #C4C7C9;
}
button.cbtn2,
input.cbtn2,
a.cbtn2, .dark-theme button.cbtn2,
.dark-theme input.cbtn2,
.dark-theme a.cbtn2 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: #1417ac;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn2:hover,
input.cbtn2:hover,
a.cbtn2:hover, .dark-theme button.cbtn2:hover,
.dark-theme input.cbtn2:hover,
.dark-theme a.cbtn2:hover {
background: #404052;
color: #FFFFFF;
transition: all 0.3s;
}
.theme-4 button.cbtn4,
.theme-4 input.cbtn4,
.theme-4 a.cbtn4 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
.theme-4 button.cbtn4:hover,
.theme-4 input.cbtn4:hover,
.theme-4 a.cbtn4:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
transition: all 0.3s;
}
button.cbtn3,
input.cbt3,
a.cbtn3 {
padding: 15px 40px;
font-size: 16px;
color: #404052;
border: 1px solid #1417ac;
background: #FFFFFF;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn3:hover,
input.cbt3:hover,
a.cbtn3:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.shadow5 {
box-shadow: 0 72px 20px 0 #fbfbff;
}
.theme-4 {
/* Main navigation */
/* Dropdown */
/*-- Dark bg style --*/
/* magnific pop up modal */
/* animation keyframes list */
/* ===================
// Menu tab
======================= */
/* Header with Menu
================================================== */
/* Responsive styles
================================================== */
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Small Devices Potrait */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/*MENU RIGHT AREA CSS*/
}
.theme-4 .search4 {
color: white;
cursor: pointer;
}
.theme-4 .searching_area {
position: fixed;
height: 100%;
width: 100%;
background: #404052;
z-index: 9999;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
transition: all 0.3s;
}
.theme-4 .searching_area.active {
visibility: visible;
opacity: 1;
transition: all 0.3s;
}
.theme-4 .searching_area_wrap {
position: relative;
z-index: 2;
transition: all 0.3s;
}
.theme-4 .search4_close {
position: fixed;
right: 30px;
top: 20px;
color: #fff;
font-size: 30px;
transition: all 0.3s;
}
.theme-4 .site-nav-inner {
position: relative;
}
.theme-4 .main-nav {
background: #404052;
min-height: 70px;
}
.theme-4 .navbar {
border-radius: 0;
border: 0;
margin-bottom: 0;
padding-top: 0px;
padding-bottom: 0px;
}
.theme-4 .navbar-toggler {
color: #fff;
padding: 8px 15px;
background: #e74907;
position: absolute;
top: -55px;
z-index: 9;
}
.theme-4 .navbar-toggler-icon {
width: 25px;
}
.theme-4 .navbar-toggle .i-bar {
background: #fff;
}
.theme-4 .navbar-collapse {
padding-left: 0;
}
.theme-4 ul.navbar-nav > li {
float: left;
padding: 0;
position: relative;
}
.theme-4 ul.navbar-nav > li > a {
padding: 0 15px;
line-height: 50px;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
margin: 0;
position: relative;
transition: 350ms;
padding: 10px 22px;
}
.theme-4 ul.navbar-nav > li > a i {
font-weight: 500;
}
.theme-4 ul.navbar-nav > li > a:hover, .theme-4 ul.navbar-nav > li > a:focus {
background: none;
}
.theme-4 ul.navbar-nav > li:hover a::before, .theme-4 ul.navbar-nav > li.active a::before {
border-color: #1417ac;
opacity: 1;
transform: scale(1) translateZ(0);
}
.theme-4 .nav .open > a,
.theme-4 .nav .open > a:hover,
.theme-4 .nav .open > a:focus {
background: transparent;
border: 0;
}
.theme-4 ul.navbar-nav > li.mega-dropdown {
position: static;
}
.theme-4 .dropdown-submenu {
position: relative;
}
.theme-4 .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -2px;
border-radius: 0;
}
.theme-4 .dropdown-submenu > a:after {
display: block;
content: "";
font-family: "Font Awesome 5 pro";
float: right;
margin-top: 3px;
margin-right: -5px;
}
.theme-4 .dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.theme-4 .dropdown-submenu.pull-left {
float: none;
}
.theme-4 .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
border-radius: 6px 0 6px 6px;
}
.theme-4 .dropdown-toggle::after {
display: none;
}
.theme-4 .dropdown-menu {
text-align: left;
background: #fff;
z-index: 100;
min-width: 230px;
border-radius: 0;
border: 0;
border: 0;
box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.15);
margin-top: 0;
padding: 0;
}
.theme-4 .navbar-nav > li > .dropdown-menu {
border-top: 1px solid #dedede;
}
.theme-4 .navbar-nav > li > .dropdown-menu.mega-menu-content {
border-top: 0;
}
.theme-4 .dropdown-menu-large {
min-width: 400px;
}
.theme-4 .dropdown-menu-large > li > ul {
padding: 0;
margin: 0;
list-style: none;
}
.theme-4 .dropdown-menu-large > li > ul > li > a {
padding-left: 0;
}
.theme-4 .dropdown-menu-large > li > ul > li.active > a {
color: #fc4a00;
}
.theme-4 .navbar-nav > li > .dropdown-menu > a {
background: none;
}
.theme-4 .dropdown-menu li a {
display: block;
font-size: 12px;
font-weight: 700;
line-height: normal;
text-decoration: none;
padding: 15px 25px 15px 25px;
border-bottom: 1px solid #404052;
color: #FFFFFF;
background: #29333C;
}
.theme-4 .dropdown-menu li:last-child > a {
border-bottom: 0;
}
.theme-4 .dropdown-menu > .active > a,
.theme-4 .dropdown-menu > .active > a:hover,
.theme-4 .dropdown-menu > .active > a:focus,
.theme-4 .dropdown-menu > .active > .dropdown-menu > .active > a {
color: #FFdbdbfd5;
}
.theme-4 .dropdown-menu > li > a:hover,
.theme-4 .dropdown-menu > li > a:focus {
color: #FFdbdbfd5;
}
@media (min-width: 767px) {
.theme-4 ul.nav li.dropdown .dropdown-menu li.dropdown-submenu .dropdown-menu {
left: 100%;
top: 0;
display: none;
}
.theme-4 ul.nav li.dropdown .dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
display: block;
}
}
.theme-4 .mega-menu-content {
width: 1110px;
padding: 0;
}
.theme-4 .mega-menu-content-inner {
padding: 20px 10px;
}
.theme-4 .mega-menu-content .row {
margin: 0;
}
.theme-4 .main-nav.dark-bg > .container > .row {
border: 0;
background: #272727;
margin-left: 0;
margin-right: 0;
}
.theme-4 .dark-bg .navbar-toggler {
margin-left: 6px;
}
.theme-4 .main-nav.dark-bg ul.navbar-nav > li > a {
color: #fff;
}
.theme-4 .main-nav.dark-bg ul.navbar-nav > li > a:before {
border: 0;
}
.theme-4 .main-nav.dark-bg ul.navbar-nav > li.active,
.theme-4 .main-nav.dark-bg ul.navbar-nav > li:hover {
background: #fc4a00;
}
.theme-4 .main-nav.dark-bg .nav-search i {
color: #fff;
}
.theme-4 .main-nav {
position: relative;
padding: 0 15px;
}
.theme-4 .mfp-bg.xs-promo-popup {
background-color: rgba(0, 0, 0, 0.87);
padding-bottom: 100%;
border-radius: 100%;
overflow: hidden;
animation: menu-animation 0.8s ease-out forwards;
}
@keyframes menu-animation {
0% {
opacity: 0;
transform: scale(0.04) translateY(300%);
}
40% {
transform: scale(0.04) translateY(0);
transition: ease-out;
}
40% {
transform: scale(0.04) translateY(0);
}
60% {
opacity: 1;
transform: scale(0.02) translateY(0px);
}
61% {
opacity: 1;
transform: scale(0.04) translateY(0px);
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%;
}
100% {
opacity: 1;
transform: scale(2) translateY(0px);
height: 100%;
padding-bottom: 0;
border-radius: 0;
}
}
.theme-4 .menu-tab .nav.nav-tabs {
border-right: 1px solid #dedede;
padding: 20px 0;
padding-right: 0;
min-height: 250px;
margin-top: 0;
}
.theme-4 .menu-tab .nav.nav-tabs > li > a {
border: 1px solid transparent;
border-radius: 0;
font-weight: 400;
padding: 14px 16px 14px 30px;
background: #fff;
text-transform: initial;
font-size: 14px;
}
.theme-4 .menu-tab .nav.nav-tabs > li > a.active {
background: #dedede;
margin-right: -1px;
border: 1px solid #dedede;
border-right: 0;
color: #fc4a00;
cursor: pointer;
}
.theme-4 .menu-tab .tab-content > .tab-pane {
padding: 25px 0;
min-height: 250px;
}
.theme-4 .menu-tab .tab-content > .tab-pane .col-md-3 {
padding-right: 10px;
padding-left: 10px;
}
.theme-4 .header.header-menu {
padding: 0;
}
.theme-4 .header.header-menu .logo {
padding: 12px 0;
}
.theme-4 .header.header-menu > .container > .row {
border-bottom: 1px solid #dedede;
margin-left: 0;
margin-right: 0;
}
.theme-4 .header.header-menu ul.navbar-nav > li > a {
line-height: 70px;
}
.theme-4 .header.header-menu ul.navbar-nav > li.mega-dropdown,
.theme-4 .site-nav-inner {
position: static;
width: 100%;
}
.theme-4 .header.header-menu .mega-menu-content {
min-width: 1145px;
left: -43%;
}
.theme-4 .nav-social-wrap {
position: absolute;
right: 0;
top: 0;
padding: 0;
}
.theme-4 .navbar {
position: absolute;
top: 70px;
width: 100%;
background: #f8f8f8;
z-index: 9;
padding: 0;
}
@media (min-width: 992px) {
.theme-4 .navbar {
position: static;
top: 70px;
width: 100%;
background: transparent;
}
.theme-4 ul.navbar-nav > li > a {
color: #FFFFFF;
padding: 0 22px;
}
.theme-4 ul.navbar-nav > li:hover > a {
color: #FFdbdbfd5;
}
.theme-4 .header.header-menu ul.navbar-nav > li.mega-dropdown,
.theme-4 .site-nav-inner {
position: static;
width: 100%;
}
}
.theme-4 ul.navbar-nav > li:after {
position: absolute;
content: "";
height: 0;
width: 100%;
background: #1417ac;
bottom: 0;
left: 0;
z-index: 2;
transition: all 0.3s;
}
.theme-4 ul.navbar-nav > li:hover:after {
height: 2px;
transition: all 0.3s;
}
@media (min-width: 992px) {
.theme-4 .header {
min-height: 70px;
}
.theme-4 .main-nav ul.navbar-nav > li > a {
padding: 0 15px;
line-height: 70px;
display: inline-block;
}
.theme-4 .main-nav ul.navbar-nav > li {
position: relative;
z-index: 2;
transition: all 0.3s;
}
.theme-4 .main-nav ul.navbar-nav > li:before {
position: absolute;
content: "";
height: 0;
width: 100%;
background: #FFFFFF;
z-index: -1;
left: 0;
top: 0;
transition: all 0.3s;
}
.theme-4 .main-nav ul.navbar-nav > li:after {
position: absolute;
content: "";
height: 3px;
width: 0;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
z-index: -1;
left: 0;
bottom: 0;
transition: all 0.3s;
}
.theme-4 .main-nav ul.navbar-nav > li:hover:before {
height: 100%;
transition: all 0.3s;
}
.theme-4 .main-nav ul.navbar-nav > li:hover:after {
width: 100%;
transition: all 0.3s;
}
.theme-4 .main-nav ul.navbar-nav > li > a:hover::after {
opacity: 1;
}
.theme-4 blockquote {
padding: 45px 120px 30px;
}
}
@media (min-width: 1200px) {
.theme-4 {
/* Header */
}
.theme-4 .navbar-nav li:hover .dropdown-menu {
display: block;
}
.theme-4 .navbar-collapse {
padding-right: 0;
}
.theme-4 .nav-style-boxed .navbar-collapse {
padding-left: 15px;
}
.theme-4 .header.header-menu .mega-menu-content {
min-width: 1095px;
margin-left: -27px;
}
.theme-4 .main-nav ul.navbar-nav > li > a {
padding: 0px 15px 0px;
}
.theme-4 .sidebar {
margin-left: 40px;
}
.theme-4 .sidebar.sidebar-left {
margin-left: 0;
margin-right: 40px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.theme-4 {
/* Header */
/* Subscribe */
/* Action box */
/* Footer */
}
.theme-4 .navbar-nav li:hover .dropdown-menu {
display: block;
}
.theme-4 ul.navbar-nav > li {
padding: 0 6px;
}
.theme-4 ul.navbar-nav > li a {
font-size: 12px;
}
.theme-4 .dropdown-menu li a {
font-size: 12px;
}
.theme-4 .header .header-menu .mega-menu-content {
min-width: 1095px;
margin-left: -11px;
}
.theme-4 .newsletter-form input {
min-width: 340px;
}
.theme-4 .action-box-text {
font-size: 13px;
}
.theme-4 #back-to-top.affix {
bottom: 35px;
}
.theme-4 .mega-menu-content {
max-width: 940px;
}
}
@media (min-width: 575px) {
.theme-4 .main-nav {
padding: 0;
}
.theme-4 .nav-social-wrap {
padding: 0 15px;
}
.theme-4 .navbar-toggler {
left: 15px;
}
.theme-4 .navbar {
width: 98%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.theme-4 {
/* top info */
/* Header */
/* Navigation breakpoint */
/* Navigation */
/* Featured area */
/* Sidebar */
/* Footer */
}
.theme-4 ul.top-info li {
padding-right: 12px;
}
.theme-4 .navbar-fixed {
position: relative;
animation: none;
box-shadow: none;
}
.theme-4 .logo {
padding: 13px 0;
}
.theme-4 .logo img {
width: 100%;
}
.theme-4 .navbar-toggle {
display: block;
z-index: 1;
}
.theme-4 .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.theme-4 .navbar-collapse.collapse.show {
display: block;
}
.theme-4 .navbar-collapse ul.navbar-nav {
float: none !important;
margin-top: 0px;
width: 100%;
}
.theme-4 ul.navbar-nav > li {
float: none;
display: block;
}
.theme-4 .collapse.in {
display: block !important;
}
.theme-4 .navbar-collapse.in {
overflow-y: auto;
}
.theme-4 ul.nav li.dropdown:hover ul.dropdown-menu {
display: none;
}
.theme-4 ul.nav li.dropdown.open ul.dropdown-menu {
display: block;
}
.theme-4 .navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.theme-4 .navbar-collapse {
background: none;
width: 100%;
}
.theme-4 ul.navbar-nav > li:hover > a:after,
.theme-4 ul.navbar-nav > li.active > a:after {
content: "";
}
.theme-4 ul.navbar-nav > li > a:before {
border-bottom: 0;
}
.theme-4 ul.navbar-nav > li,
.theme-4 .nav-style-boxed ul.navbar-nav > li {
display: block;
}
.theme-4 .navbar-nav .open .dropdown-menu > li {
padding-left: 0;
}
.theme-4 .navbar-nav .open .dropdown-menu > li > a {
line-height: 30px;
padding: 5px 15px 10px 10px;
}
.theme-4 .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 10px 10px;
}
.theme-4 ul.navbar-nav {
padding: 0 0 10px;
}
.theme-4 ul.navbar-nav li {
float: none;
}
.theme-4 ul.navbar-nav li a {
line-height: normal !important;
color: #333;
border-top: 1px solid #f1f1f1 !important;
border-bottom: 0;
padding: 10px 20px;
display: block;
min-width: 350px;
}
.theme-4 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu a i {
margin-top: -22px;
}
.theme-4 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
left: 0;
position: relative;
}
.theme-4 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu a {
padding-left: 50px;
}
.theme-4 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu li a {
padding-left: 35px !important;
}
.theme-4 ul.navbar-nav .dropdown-menu {
float: none;
position: relative;
border: 0;
margin: 0;
padding: 0;
box-shadow: none;
border-top: 0;
background: none;
}
.theme-4 ul.navbar-nav .dropdown-menu li a {
padding-left: 20px !important;
}
.theme-4 ul.navbar-nav > li.nav-search,
.theme-4 ul.navbar-nav > li.header-get-a-quote {
display: none;
}
.theme-4 ul.navbar-nav li a i,
.theme-4 .dropdown-submenu > a:after {
float: right;
width: 36px;
height: 28px;
line-height: 28px;
margin-top: -5px;
text-align: center;
color: #000;
}
.theme-4 .dropdown-submenu > a:after {
margin-right: 0;
}
.theme-4 .navbar-nav > li > .dropdown-menu.mega-menu-content {
display: none !important;
}
.theme-4 .featured-post-area .pad-r {
padding-right: 15px;
}
.theme-4 .featured-post-area .pad-l {
padding-left: 15px;
}
.theme-4 .sidebar-right {
margin-top: 50px;
}
.theme-4 .sidebar-right .widget {
margin-left: 0;
}
.theme-4 .block.color-aqua,
.theme-4 .block.color-violet {
margin-top: 40px;
}
.theme-4 .footer-widget {
display: inline-block;
margin-bottom: 30px;
}
.theme-4 .newsletter-form input {
width: 90%;
}
.theme-4 .footer-info-content {
padding: 50px 100px 0;
}
.theme-4 #back-to-top.affix {
bottom: 78px;
}
}
@media (max-width: 767px) {
.theme-4 {
/* Top bar */
/* Header */
/* Navigation breakpoint */
/* Dart bg */
/* Search */
/* Featured area */
/* Block */
/* Sidebar */
/* Footer */
/* Block title */
/* Category style */
}
.theme-4 .boxed-layout .body-inner {
margin: 0 auto;
}
.theme-4 .trending-bar {
padding: 20px 0;
}
.theme-4 .trending-bar .trending-title {
float: none;
border: none;
}
.theme-4 .trending-bar .post-title.title-small {
padding: 10px 0;
}
.theme-4 .ts-date {
padding: 0;
border-right: 0;
display: block;
}
.theme-4 .top-nav {
display: block;
margin: 10px 0;
}
.theme-4 .top-bar {
text-align: center;
}
.theme-4 .top-social ul li a {
padding: 0 10px;
}
.theme-4 .navbar-fixed {
position: relative;
animation: none;
box-shadow: none;
}
.theme-4 .logo {
padding: 13px 0 25px;
text-align: center;
}
.theme-4 .navbar-toggle {
display: block;
z-index: 1;
}
.theme-4 .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.theme-4 .navbar-collapse.collapse.show {
display: block;
}
.theme-4 .navbar-collapse.collapse:after {
display: block;
content: "";
clear: both;
}
.theme-4 .navbar-collapse,
.theme-4 .site-nav-inner {
background: none;
width: 100%;
}
.theme-4 ul.navbar-nav > li:hover > a:after,
.theme-4 ul.navbar-nav > li.active > a:after {
content: "";
}
.theme-4 ul.navbar-nav > li > a:before {
border-bottom: 0;
}
.theme-4 .navbar-nav .open .dropdown-menu > li > a,
.theme-4 .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 10px 15px 10px 10px;
}
.theme-4 ul.navbar-nav > li {
display: block;
}
.theme-4 .navbar-nav .open .dropdown-menu > li > a {
line-height: 30px;
}
.theme-4 ul.navbar-nav > li.nav-search,
.theme-4 ul.navbar-nav > li.header-get-a-quote {
display: none;
}
.theme-4 ul.navbar-nav {
width: 100%;
padding: 0 0 10px;
}
.theme-4 ul.navbar-nav > li {
float: none;
}
.theme-4 ul.navbar-nav li a {
line-height: normal !important;
color: #333;
border-top: 1px solid #f1f1f1 !important;
border-bottom: 0;
padding: 7px 20px;
display: block;
background: transparent;
}
.theme-4 ul.navbar-nav .dropdown-menu > li > a {
padding-left: 15px;
}
.theme-4 ul.navbar-nav .dropdown-menu {
float: none;
position: relative;
border: 0;
margin: 0;
padding: 0;
}
.theme-4 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
left: 0;
position: relative;
}
.theme-4 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu a i {
margin-top: -22px;
}
.theme-4 ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu li a {
padding-left: 20px;
}
.theme-4 ul.navbar-nav .dropdown-menu {
box-shadow: none;
border-top: 0;
background: none;
padding-left: 15px;
}
.theme-4 ul.navbar-nav li a i,
.theme-4 .dropdown-submenu > a:after {
color: #333;
float: right;
line-height: 28px;
margin-top: -5px;
margin-right: 10px;
text-align: center;
}
.theme-4 .dropdown-submenu > a:after {
margin-right: 0;
}
.theme-4 .navbar-nav > li > .dropdown-menu.mega-menu-content {
display: none !important;
}
.theme-4 .main-nav.dark-bg {
margin-bottom: 20px;
}
.theme-4 .main-nav.dark-bg > .container > .row {
padding: 0 20px;
}
.theme-4 .main-nav.dark-bg ul.navbar-nav > li.active,
.theme-4 .main-nav.dark-bg ul.navbar-nav > li:hover {
background: none;
}
.theme-4 .main-nav.dark-bg ul.navbar-nav li a {
color: #404052;
}
.theme-4 .header-top-social {
margin-bottom: 20px;
}
.theme-4 .search-block {
width: 220px;
}
.theme-4 .header.header-menu {
position: relative;
margin-bottom: 20px;
}
.theme-4 .search-area {
position: absolute;
right: 0;
top: 50px;
}
.theme-4 .featured-post-area .pad-r,
.theme-4 .pad-r-small {
padding-right: 15px;
padding-right: 15px;
}
.theme-4 .featured-post-area .pad-l,
.theme-4 .pad-l-small {
padding-left: 15px;
}
.theme-4 .post-title {
font-size: 18px;
line-height: 26px;
}
.theme-4 .block.color-orange .post-overaly-style.last {
margin-top: 40px;
}
.theme-4 .sidebar-right {
margin-top: 50px;
}
.theme-4 .sidebar-right .widget {
margin-left: 0;
}
.theme-4 .block.color-aqua,
.theme-4 .block.color-violet {
margin-top: 40px;
}
.theme-4 .social-icon li a i {
margin-bottom: 10px;
}
.theme-4 .post-block-style.post-float-half .post-thumb img {
max-width: 100%;
min-height: 100%;
margin-bottom: 20px;
}
.theme-4 .footer-widget {
display: inline-block;
margin-bottom: 30px;
}
.theme-4 .newsletter-form input {
width: 90%;
}
.theme-4 .footer-info-content {
padding: 50px 20px 0;
}
.theme-4 .footer-social li a i {
margin-bottom: 10px;
}
.theme-4 #back-to-top.affix {
bottom: 78px;
}
.theme-4 .featured-tab .nav-tabs {
margin: 20px 0;
position: static;
}
.theme-4 .footer-menu .nav {
display: inline-block;
}
.theme-4 #back-to-top {
bottom: 0;
right: 20px;
}
.theme-4 .block-title > span {
padding: 9px 10px;
}
.theme-4 .featured-tab .nav-tabs > li > a {
font-size: 12px;
}
.theme-4 .category-style2 .post-thumb {
margin-bottom: 20px;
}
.theme-4 .ts-author-comments::after {
display: none;
}
.theme-4 .single-post .post-navigation {
padding: 30px 0;
}
.theme-4 .single-post .post-navigation .post-next,
.theme-4 .single-post .post-navigation .post-previous {
width: 100%;
border: none;
margin: 10px 0;
}
}
@media (max-width: 991px) {
.theme-4 .featured-slider .item .featured-post .post-content {
padding: 20px;
}
.theme-4 .post-video .post-video-content {
padding: 0 20px 10px;
}
.theme-4 .post-video .post-video-content h3 {
font-size: 18px;
}
}
.theme-4 h2.post-title.title-small, .theme-4 h2.post-title.title-small a {
font-size: 16px;
color: #404052;
margin-top: 10px;
font-weight: 500;
}
.theme-4 .post-thumb {
position: relative;
z-index: 2;
}
.theme-4 a.popup {
position: absolute;
left: 50%;
top: 50%;
height: 70px;
width: 70px;
margin-left: -35px;
text-align: center;
margin-top: -35px;
line-height: 70px;
font-size: 20px;
color: #404052;
background: #fff;
border-radius: 50%;
}
.theme-4 .menu_right {
display: flex;
align-items: center;
justify-content: flex-end;
}
.theme-4 .users_area {
position: relative;
z-index: 2;
}
.theme-4 .search_form {
position: absolute;
height: 100%;
width: 200px;
left: -130px;
top: -95px;
background: #fff;
display: none;
visibility: hidden;
opacity: 0;
transition: all 0.4s;
}
.theme-4 .search_form.active {
visibility: visible;
opacity: 1;
display: block;
transition: all 0.4s;
}
.theme-4 .search_form input {
border: none;
padding: 15px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.theme-4 .date4 {
position: relative;
z-index: 2;
}
.theme-4 .date4:after {
position: absolute;
content: "";
height: 100%;
width: 1.5px;
background: #404052;
right: 0;
top: 0;
opacity: 0.1;
}
.theme-4 .temp_wap {
position: relative;
z-index: 2;
padding-left: 70px;
float: right;
}
.theme-4 .temp_wap p {
font-size: 12px;
font-weight: 500;
opacity: 0.5;
line-height: 12px;
}
.theme-4 .temp_icon {
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
position: absolute;
left: 15px;
}
.theme-4 h3.temp_count {
position: relative;
z-index: 2;
color: #404052;
margin-left: 12px;
display: inline-block;
}
.theme-4 h3.temp_count:after {
position: absolute;
content: "";
height: 30px;
width: 30px;
background: url(../img/icon/s.png);
background-repeat: no-repeat;
right: -35px;
}
.theme-4 .lang {
padding-left: 15px;
}
.theme-4 .lang li a {
font-weight: 500;
color: #9199A0;
}
.theme-4 .users_area li {
font-weight: 500;
padding: 0 4px;
font-size: 16px;
cursor: pointer;
color: #9199A0;
}
.theme-4 .menu_right > div {
position: relative;
z-index: 2;
padding-right: 15px;
}
.theme-4 .menu_right > div:after {
position: absolute;
content: "";
height: 25px;
width: 2px;
background: #65717A;
right: 0;
top: 50%;
margin-top: -12.5px;
}
.theme-4 .menu_right > div:last-child {
padding-right: 0;
}
.theme-4 .menu_right > div:last-child:after {
display: none;
}
.theme-4 .date3 {
background: transparent;
padding: 27px;
color: #fff;
text-align: center;
}
.theme-4 .main-menu .row {
padding: 0;
margin: 0;
}
.theme-4 .main-menu .col-lg-3 {
padding: 0;
margin: 0;
}
.theme-4 .main-menu .col-lg-2 {
padding: 0;
margin: 0;
}
.theme-3 .main-menu {
/*border-top:1px #dbdbfd solid;*/
}
/*
=====================
font weight
*/
/*DARK VERSION COLORS START*/
/*DARK VERSION COLORS END*/
/*DARK VERSION BACKGROUND START*/
/*DARK VERSION BACKGROUND END*/
/*GRADIENT COLORS START*/
/*GRADINET COLORS END*/
/*SHADOW START*/
/*SHADOW END*/
.theme-input input {
font-size: 16px;
font-weight: 400;
color: #1417ac;
}
.signup_form form input.cbtn, a.cbtn1,
button.cbtn1,
input.cbtn1, .theme-3 .signup_form form input.cbtn {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px 30px;
background: #1417ac;
border: none;
}
.topbar .social1 ul li a, .dark-theme .topbar .social1 ul li a, .theme-3 .topbar .social1 li a {
width: 20px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
font-style: 14px;
color: #404052;
}
.footer .cta .social2 ul li a {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-style: 14px;
color: #C7CACC;
background: #212C34;
}
.banner {
position: relative;
z-index: 2;
}
.banner:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: #404052;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
}
.inner_overlay {
position: relative;
z-index: 1;
}
.inner_overlay:after {
position: absolute;
z-index: -1;
content: "";
height: 100%;
width: 60%;
background: linear-gradient(to left, transparent, #404052);
left: 0;
top: 0;
}
.category ul li a {
position: relative;
z-index: 2;
}
.category ul li a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
background: #404052;
}
.half_bg1 {
position: relative;
z-index: 2;
}
.half_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #404052;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg1 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #233340;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg60 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #233340;
left: 0;
top: 0;
z-index: -1;
}
.half_bg60 {
position: relative;
z-index: 2;
}
.half_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #404052;
left: 0;
top: 0;
z-index: -1;
}
.border_left3 {
border-left: 3px solid #BDC0C2;
}
.comment_form input, .comment_form textarea {
border: 1px solid #C4C7C9;
}
button.cbtn2,
input.cbtn2,
a.cbtn2, .dark-theme button.cbtn2,
.dark-theme input.cbtn2,
.dark-theme a.cbtn2 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: #1417ac;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn2:hover,
input.cbtn2:hover,
a.cbtn2:hover, .dark-theme button.cbtn2:hover,
.dark-theme input.cbtn2:hover,
.dark-theme a.cbtn2:hover {
background: #404052;
color: #FFFFFF;
transition: all 0.3s;
}
.theme-4 button.cbtn4,
.theme-4 input.cbtn4,
.theme-4 a.cbtn4 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
.theme-4 button.cbtn4:hover,
.theme-4 input.cbtn4:hover,
.theme-4 a.cbtn4:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
transition: all 0.3s;
}
button.cbtn3,
input.cbt3,
a.cbtn3 {
padding: 15px 40px;
font-size: 16px;
color: #404052;
border: 1px solid #1417ac;
background: #FFFFFF;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn3:hover,
input.cbt3:hover,
a.cbtn3:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.shadow5 {
box-shadow: 0 72px 20px 0 #fbfbff;
}
body.bg4 {
background: #FAFAFA;
}
.theme-4 {
/*================================
RESPONSIVE CSS
*/
/*================================
HEIGH LARGE DEVICE
*/
/*================================
EXTRA LARGE DEVICE
*/
/*================================
EXTRA LARGE DEVICE
*/
/*================================
SMALL LEPTOP DEVICE
*/
/*================================
MEDIUM DEVICE
*/
/*================================
LARGE MOBILE DEVICE
*/
/*================================
MOBILE LANDSCAPE DEVICE
*/
/*================================
MOBILE PORTRAIT DEVICE
*/
}
.theme-4 .container {
max-width: 1230px;
}
.theme-4 .footer_area3 .logo a {
margin-bottom: 15px;
}
.theme-4 a:hover {
color: #FFdbdbfd5;
}
.theme-4 .page_category h4,
.theme-4 li.page_category {
color: #FFdbdbfd5;
}
.theme-4 .welcome_list .slick-track {
margin: 0 0;
}
.theme-4 .welcome_list .slick-list {
padding: 0 30px 0 0 !important;
}
.theme-4 .welcome_list .slick-list {
margin-right: 30px;
}
.theme-4 .logo4 {
display: flex;
align-self: center;
justify-content: center;
padding: 20px;
width: 250px;
height: 150px;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
text-align: center;
}
.theme-4 .v3datentemp > div {
width: 45%;
float: left;
}
.theme-4 .search4 {
color: white;
cursor: pointer;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
display: inline-block;
padding: 21px;
}
.theme-4 .widget-title {
padding-left: 40px;
}
.theme-4 .col-lg-4.align-self-center.fix_width_social {
max-width: 26%;
}
.theme-4 .welcome_list .slick-slide {
padding: 0px 1px;
}
.theme-4 .widget-title:before {
position: absolute;
content: "";
height: 5px;
width: 30px;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
left: 0;
top: 50%;
margin-top: -2.5px;
z-index: -1;
}
.theme-4 .social4 li a {
width: 50px;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
background: #ECEDEE;
font-size: 15px;
color: #404052;
position: relative;
z-index: 2;
overflow: hidden;
transition: all 0.3s;
}
.theme-4 .social4 li a:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: -100%;
z-index: -1;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
transition: all 0.3s;
}
.theme-4 .social4 li a:hover {
color: #FFFFFF;
}
.theme-4 .social4 li a:hover:before {
left: 0;
transition: all 0.3s;
}
.theme-4 .slider_arrow4 {
position: absolute;
top: 0;
left: 0;
background: #fff;
height: 160px;
width: 30px;
line-height: 160px;
text-align: center;
color: #000;
font-size: 21px;
z-index: 99;
transition: all 0.3s;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
.theme-4 .slider_arrow4.arrow_right {
left: auto;
right: 0;
}
.theme-4 .slider_arrow4:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #fff;
transition: all 0.3s;
}
.theme-4 a.showmore, .theme-4 button.showmore, .theme-4 input.showmore {
background: #F8EDF9;
color: #FFdbdbfd5;
border: none;
}
.theme-4 .date4 {
text-align: center;
}
.theme-4 .date4 h5 {
font-size: 18px;
}
.theme-4 .date4 h5 span {
display: block;
font-size: 14px;
font-weight: 400;
margin-top: 5px;
opacity: 0.6;
}
.theme-4 .logo_area {
padding: 0;
}
.theme-4 .welcome_txt .title_meta {
font-weight: 500;
color: #FFFFFF;
position: relative;
z-index: 2;
padding-left: 15px;
}
.theme-4 .welcome_txt .title_meta:before {
position: absolute;
content: "";
height: 20px;
width: 5px;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
left: 0;
top: 50%;
margin-top: -10px;
}
.theme-4 .welcome_txt h1 {
color: #FFFFFF;
font-size: 44px;
text-decoration: underline;
}
.theme-4 .welcome4_area_wrap {
position: relative;
z-index: 1;
}
.theme-4 .welcome4_area {
padding: 250px 0 350px;
position: relative;
z-index: 2;
}
.theme-4 .welcome_news_list .row > div {
padding: 1px;
}
.theme-4 .welcome_news_list .single_news_list {
background: #404052;
padding: 25px;
height: 160px;
transition: all 0.3s;
position: relative;
z-index: 2;
}
.theme-4 .welcome_news_list .single_news_list:after {
position: absolute;
content: "";
height: 5px;
width: 0;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
bottom: 0;
transition: all 0.3s;
left: 0;
}
.theme-4 .welcome_news_list .single_news_list:hover:after {
width: 100%;
transition: all 0.3s;
}
.theme-4 .welcome_news_list .single_news_list a {
color: #fff;
transition: all 0.3s;
font-weight: 400;
font-size: 16px;
line-height: 23px;
margin-top: 10px;
}
.theme-4 .welcome_news_list .single_news_list h4 {
font-weight: 400;
}
.theme-4 .welcome_news_list .single_news_list p {
color: #fff;
transition: all 0.3s;
font-weight: 500;
}
.theme-4 .welcome_news_list .single_news_list p span {
color: #fff;
transition: all 0.3s;
}
.theme-4 .welcome_news_list .single_news_list:hover {
background: #FFFFFF;
}
.theme-4 .welcome_news_list .single_news_list:hover a {
color: #404052;
transition: all 0.3s;
}
.theme-4 .welcome_news_list .single_news_list:hover p {
color: #404052;
transition: all 0.3s;
}
.theme-4 .welcome_news_list .single_news_list:hover p span {
color: #FFdbdbfd5;
transition: all 0.3s;
}
.theme-4 .single_post_text .meta {
color: #FFdbdbfd5;
text-transform: uppercase;
line-height: 17px;
font-size: 12px;
margin-bottom: 5px;
position: relative;
z-index: 2;
}
.theme-4 .single_post_text .meta span {
color: #50585F;
text-transform: capitalize;
}
.theme-4 .single_post_text a {
color: #404052;
font-weight: 500;
}
.theme-4 .wrapper_we_welcome {
position: relative;
z-index: 2;
}
.theme-4 .menu4.home4menu {
position: absolute;
left: 0;
width: 100%;
z-index: 99;
}
.theme-4 .welcome_list {
position: absolute;
bottom: 0;
width: 100%;
}
.theme-4 .single_news_list {
height: 160px;
background: #404052;
padding: 20px;
color: #FFFFFF;
position: relative;
z-index: 2;
transition: all 0.3s;
cursor: pointer;
}
.theme-4 .single_news_list h4 {
color: #FFFFFF;
font-size: 16px;
font-weight: 500;
line-height: 23px;
margin-top: 8px;
}
.theme-4 .single_news_list p {
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
}
.theme-4 .single_news_list:before {
position: absolute;
content: "";
height: 4px;
width: 0;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
bottom: 0;
left: 0;
transition: all 0.3s;
}
.theme-4 .single_news_list:hover {
background: #ffffff;
transition: all 0.3s;
}
.theme-4 .single_news_list:hover p,
.theme-4 .single_news_list:hover h4 {
color: #404052;
transition: all 0.3s;
}
.theme-4 .single_news_list:hover span {
color: #FFdbdbfd5;
transition: all 0.3s;
}
.theme-4 .single_news_list:hover:before {
width: 100%;
transition: all 0.3s;
}
.theme-4 .single_post:hover .single_post_text a {
color: #FFdbdbfd5;
transition: all 0.3s;
}
.theme-4 .user3 i {
color: #404052;
opacity: 0.6;
}
.theme-4 .v3datentemp {
display: flex;
align-items: center;
}
.theme-4 .trancarousel_area .nav_style1 .owl-nav {
position: absolute;
right: -20%;
top: 50%;
margin-top: -15px;
}
.theme-4 .trancarousel_area .nav_style1 .owl-nav div {
height: 30px;
width: 30px;
line-height: 30px;
background: #ECEDEE;
color: #718594;
border: none;
}
.theme-4 .trancarousel_area .nav_style1 .owl-nav div:last-child {
margin-left: 3px;
}
.theme-4 .trancarousel_area p.trand {
float: left;
margin-right: 10px;
padding: 12px 20px;
background: #404052;
font-size: 14px;
font-weight: 500;
color: #FFFFFF;
line-height: 17px;
}
.theme-4 .trancarousel_area .trancarousel_item {
padding: 12px;
font-size: 14px;
line-height: 17px;
opacity: 0.85;
}
.theme-4 .trancarousel_area .trancarousel_item a {
color: #404052;
opacity: 0.85;
word-break: break-word;
}
.theme-4 .trancarousel_area .trancarousel_item p {
color: #404052;
opacity: 0.85;
word-break: break-word;
}
.theme-4 .lang-3 {
margin: 0;
padding: 0;
}
.theme-4 .lang-3 li {
list-style: none;
position: relative;
z-index: 2;
transition: all 0.3s;
}
.theme-4 .lang-3 li a {
display: inline-block;
padding: 7px;
}
.theme-4 .lang-3 li:hover ul {
visibility: visible;
opacity: 1;
top: 40px;
transition: all 0.3s;
}
.theme-4 .lang-3 li ul {
position: absolute;
left: 0;
top: auto;
text-align: left;
background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
visibility: hidden;
top: 70px;
padding: 10px 0;
transition: all 0.3s;
width: 120px;
z-index: 999;
opacity: 0;
}
.theme-4 .lang-3 li ul li a {
padding: 5px 15px;
}
.theme-4 .lang-3 li a {
opacity: 0.75;
color: #404052;
}
.theme-4 .lang-3 li a i {
opacity: 1;
}
.theme-4 .topbar {
margin-top: -10px;
margin-bottom: 3px;
}
.theme-4 .social4 {
position: relative;
z-index: 1;
}
.theme-4 .social4 ul {
margin: 0;
padding: 0;
}
.theme-4 .single_post_text .meta2 {
display:inline-block;
position:relative;
width:100%;
margin-top:5px;
}
.theme-4 .single_post_text .meta2 a {
position: relative;
z-index: 2;
float: right;
width: auto;
font-size: 15px;
font-weight: 600;
margin-top:1px;
color:#757575
}
.theme-4 .single_post_text .meta2 span {
position: relative;
z-index: 2;
float: right;
width:85px;
font-size: 13px;
color:#757575;
line-height:20px;
}
.theme-4 .single_post_text .meta2 span.iconwidth {
width:20px;
margin-right:10px;
float:left;
}
.theme-4 .single_post_text .meta2 span.views {
width:57px;
margin-right:0px;
float:left;
text-align:left
}
.theme-4 .single_post_text .meta2 span:first-child {
margin-top:-1px;
width:30px;
}
.theme-4 .single_post_text .meta2 a:last-child:before {
position: absolute;
content: "|";
height: 20px;
width: 10px;
right: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #404052;
opacity: 0.3;
text-align: center;
}
.theme-4 .single_post_text .meta5 {
margin-bottom: 0;
}
.theme-4 .single_post_text .meta5 a {
font-size: 12px;
text-transform: capitalize;
position: relative;
z-index: 2;
line-height: 17px;
margin-bottom: 5px;
color: #FFFFFF;
}
.theme-4 .single_post_text .meta5 a:last-child {
margin-left: 20px;
font-weight: 400;
}
.theme-4 .single_post_text .meta5 a:last-child:before {
position: absolute;
content: "";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
background: #000;
margin-top: -10px;
line-height: 20px;
color: #FFFFFF;
text-align: center;
}
.theme-4 .single_post_text .meta3 {
margin-bottom: 0;
position: relative;
z-index: 2;
}
.theme-4 .single_post_text .meta3 a {
font-size: 12px !important;
position: relative;
z-index: 2;
line-height: 14px;
font-weight: 500;
margin-bottom: 0;
}
.theme-4 .single_post_text .meta3 a:first-child {
color: #FFdbdbfd5;
}
.theme-4 .single_post_text .meta3 a:last-child {
margin-left: 20px;
color: #404052;
opacity: 0.75;
}
.theme-4 .single_post_text .meta3 a:last-child:before {
position: absolute;
content: "|";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #404052;
opacity: 0.3;
text-align: center;
}
.theme-4 .single_post_text .meta {
margin-bottom: 0;
}
.theme-4 .single_post_text .meta a {
font-size: 14px;
text-transform: capitalize;
position: relative;
z-index: 2;
}
.theme-4 .single_post_text .meta a:last-child {
margin-left: 20px;
}
.theme-4 .single_post_text .meta a:last-child:before {
position: absolute;
content: "|" !important;
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
text-align: center;
}
.theme-4 .single_post_text .meta4 {
margin-top: 0;
}
.theme-4 .single_post_text .meta4 a {
font-size: 12px !important;
text-transform: capitalize;
position: relative;
z-index: 2;
line-height: 17px;
font-weight: 500;
color: #404052;
opacity: 0.6;
}
.theme-4 .type16 {
padding-left: 110px;
margin-right: 0;
min-height: 65px;
margin-bottom: 0;
}
.theme-4 .type16 .post_img {
border-radius: 3px;
overflow: hidden;
max-height: 65px;
max-width: 90px;
}
.theme-4 .scroll_bar::-webkit-scrollbar {
width: 2px;
}
.theme-4 .scroll_bar::-webkit-scrollbar-thumb {
background-color: #A9ACB0;
outline: 1px solid #A9ACB0;
}
.theme-4 .business_carousel {
border-radius: 5px;
}
.theme-4 .share_meta4 ul {
margin: 0;
padding: 0;
}
.theme-4 .share_meta4 ul li a {
font-size: 15px !important;
font-weight: 400;
color: #404052;
opacity: 0.4;
}
.theme-4 .share_meta4 ul li:nth-child(2) {
margin-left: 7px;
}
.theme-4 .nav_style4 .owl-nav > div {
position: absolute;
top: 50%;
left: -21px;
height: 42px;
width: 42px;
background: #ffffff;
border-radius: 50%;
text-align: center;
line-height: 42px;
margin-top: -21px;
border: 1px solid #DCDEDF;
}
.theme-4 .nav_style4 .owl-nav > div:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
}
.theme-4 .nav_style4 .owl-nav > div.owl-next {
position: absolute;
top: 50%;
left: auto;
right: -21px;
height: 42px;
width: 42px;
background: #fff;
border-radius: 50%;
text-align: center;
line-height: 42px;
border: 1px solid #DCDEDF;
}
.theme-4 .nav_style4 .owl-nav > div.owl-next:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
}
.theme-4 .meta.before {
position: relative;
z-index: 2;
padding-left: 25px;
font-weight: 500;
}
.theme-4 .meta.before:before {
position: absolute;
content: "";
height: 3px;
width: 20px;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
left: 0;
top: 50%;
margin-top: -1.5px;
}
.theme-4 .single_international a {
font-size: 20px;
color: #404052;
font-weight: 500;
padding: 15px 0;
}
.theme-4 .single_international img {
border-radius: 3px;
}
.theme-4 .shadow7 {
box-shadow: 0 3px 6px #f1f1f1;
}
.theme-4 .bg4 {
background: #FAFAFA;
}
.theme-4 .finance .single_post_text {
padding: 20px;
}
.theme-4 span.tranding svg{
fill: #FFF;
width: 23px;
height: 23px;
}
.theme-4 .single_post_text .meta2 .video_icon{
width: 19px;
height: 19px;
margin-right: 10px;
fill:171cf2;
}
.theme-4 .single_post_text .meta2 span .video_icon{
width: 19px;
height: 19px;
margin-right: 0px;
margin-left: 10px;
fill:171cf2;
}
.theme-4 span.tranding {
top: 58px;
left: 3px;
}
.theme-4 span.batch3.date {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
position: absolute;
left: 0;
top: 20px;
height: 36px;
display: flex;
align-items: center;
padding: 18px 12px;
color: #fff;
font-size: 12px;
border-radius: 0 30px 30px 0;
}
.theme-4 .popular_items.scroll_bar {
max-height: 430px;
overflow-y: scroll;
}
.theme-4 .type22 {
padding-left: 85px;
margin-right: 0;
min-height: 50px;
margin-bottom: 0;
}
.theme-4 .type22 .post_img {
height: 50px;
width: 75px;
min-height: 50px;
}
.theme-4 .type22 .post_img img {
width: 100%;
height: 100%;
border-radius: 3px;
}
.theme-4 .post_type12 .post_img {
width: 42%;
}
.theme-4 .post_type12 .single_post_text {
width: 58%;
}
.theme-4 .post_type12 .single_post_text a {
font-size: 24px;
line-height: 29px;
}
.theme-4 .post_type12 .single_post_text p {
font-size: 17px;
font-weight: 300;
line-height: 27px;
}
.theme-4 .image_carousel .post_img img {
border-radius: 7px;
height: 452px;
width: 100%;
}
.theme-4 .footer {
padding: 80px 0 0 0;
}
.theme-4 .footer .single_contact3 {
display: inline-block;
width: 32.33%;
position: relative;
z-index: 2;
padding-left: 20px;
}
.theme-4 .footer .single_contact3 h6 {
font-size: 18px;
font-weight: 400;
margin-bottom: 5px;
position: relative;
z-index: 2;
}
.theme-4 .footer .single_contact3 h6:before {
position: absolute;
content: "";
height: 6px;
width: 6px;
background: #FFdbdbfd5;
left: -15px;
top: 50%;
margin-top: -3px;
}
.theme-4 .footer .single_contact3 p {
color: #404052;
font-size: 15px;
font-weight: 500;
}
.theme-4 .footer .single_contact3 a {
color: #404052;
font-size: 15px;
font-weight: 500;
}
.theme-4 .footer .more_newss {
padding-left: 20px;
border-left: 1px solid #E7E8E9;
}
.theme-4 .footer .single_footer_nav ul li a {
color: #404052;
}
.theme-4 .footer .single_fcontact {
position: relative;
z-index: 2;
padding-left: 30px;
margin-bottom: 15px;
}
.theme-4 .footer .single_fcontact:last-child {
margin-bottom: 0;
}
.theme-4 .footer .single_fcontact a {
color: #404052;
}
.theme-4 .footer .single_fcontact .fcicon {
height: 30px;
width: 30px;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
line-height: 30px;
}
.theme-4 .footer .widget-title2 {
font-size: 20px;
color: #404052;
font-weight: 400;
margin-bottom: 30px;
}
.theme-4 .footer .twitter_feeds .single_twitter_feed {
position: relative;
z-index: 2;
padding-left: 30px;
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.theme-4 .footer .twitter_feeds .single_twitter_feed:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.theme-4 .footer .twitter_feeds .single_twitter_feed h6 {
color: #404052;
}
.theme-4 .footer .twitter_feeds .single_twitter_feed h6 span {
color: #1417ac;
}
.theme-4 .footer .twitter_feeds .single_twitter_feed p {
font-size: 14px;
color: #404052;
margin-top: 3px;
}
.theme-4 .footer .twitter_feeds .single_twitter_feed .twitter_feed_icon {
height: 20px;
width: 20px;
color: #1417ac;
position: absolute;
left: 0;
top: 0;
}
.theme-4 .footer .single_more_news {
position: relative;
z-index: 2;
}
.theme-4 .footer .single_more_news:before {
position: absolute;
content: "";
height: 15px;
width: 15px;
background: #ffffff;
border-radius: 50%;
left: -27.5px;
top: 0;
}
.theme-4 .footer .single_more_news:after {
position: absolute;
content: "";
height: 5px;
width: 5px;
background: #FF9999;
border-radius: 50%;
left: -22.5px;
top: 5.5px;
}
.theme-4 .footer .extra_newss .single_extra_news {
margin-bottom: 15px;
padding-bottom: 30px;
padding-right: 60px;
position: relative;
z-index: 2;
}
.theme-4 .footer .extra_newss .single_extra_news:nth-child(6) {
margin-bottom: 0;
padding-bottom: 0;
}
.theme-4 .footer .extra_newss .single_extra_news p {
color: #1417ac;
font-size: 12px;
}
.theme-4 .footer .extra_newss .single_extra_news p span {
color: #747A80;
}
.theme-4 .footer .extra_newss .single_extra_news a {
color: #404052;
}
.theme-4 .footer .extra_newss .single_extra_news span.news_counter {
color: #747A80;
height: 40px;
display: inline-block;
width: 40px;
text-align: center;
line-height: 40px;
font-size: 36px;
position: absolute;
top: 50%;
right: 0;
margin-top: -25px;
}
.theme-4 .footer .extra_newss .single_fcontact {
position: relative;
z-index: 2;
padding-left: 30px;
margin-bottom: 15px;
}
.theme-4 .footer .extra_newss .single_fcontact:last-child {
margin-bottom: 0;
}
.theme-4 .footer .extra_newss .single_fcontact a {
color: #404052;
}
.theme-4 .footer .extra_newss .single_fcontact .fcicon {
height: 30px;
width: 30px;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
line-height: 30px;
}
.theme-4 .footer .single_more_news a {
color: #404052;
font-size: 18px;
font-weight: 500;
}
.theme-4 .footer .single_more_news p.meta {
color: #FFdbdbfd5;
font-weight: 500;
font-size: 12px;
}
.theme-4 .footer .single_more_news p {
font-style: 15px;
font-weight: 300;
color: #3A434B;
margin-top: 10px;
}
.theme-4 .footer .copyright {
background: #ECEDEE;
margin-top: 30px;
padding: 15px 0;
}
.theme-4 .footer .copyright p {
color: #747A80;
}
.theme-4 .footer .copyright ul li a {
color: #404052;
padding: 0 10px;
}
.theme-4 .footer .copyright ul li a:hover {
color: #404052;
}
.theme-4 a.single_social {
display: inline-block;
padding: 13px;
font-size: 18px;
font-weight: 500;
position: relative;
z-index: 2;
padding-left: 35px;
background: #3B5998;
margin: 4px 3px;
color: #FFFFFF;
overflow: hidden;
width: 104px;
line-height: 12px;
border-radius: 4px;
}
.theme-4 a.single_social span.follow_icon {
position: absolute;
left: 0;
font-size: 12px;
height: 100%;
width: 30px;
text-align: center;
top: 0;
margin-top: 0;
display: flex;
align-items: center;
justify-content: center;
background: #334D82;
}
.theme-4 a.single_social span.icon_text {
display: block;
line-height: 10px;
font-size: 11px;
margin-top: 5px;
}
.theme-4 a.social_twitter {
background: #1DA1F2;
}
.theme-4 a.social_twitter span.follow_icon {
background: #1B87CA;
}
.theme-4 a.social_youtube {
background: #FF5050;
}
.theme-4 a.social_youtube span.follow_icon {
background: #D04648;
}
.theme-4 a.social_instagram {
background: #9B45D5;
}
.theme-4 a.social_instagram span.follow_icon {
background: #803DB3;
}
.theme-4 a.social_vimeo {
background: #1AB7EA;
}
.theme-4 a.social_vimeo span.follow_icon {
background: #1999C3;
}
.theme-4 a.social_medium {
background: #00AB6C;
}
.theme-4 a.social_medium span.follow_icon {
background: #048F5E;
}
.theme-4 .post_type6 .single_post_text {
padding: 25px;
}
.theme-4 .post_type6 .single_post_text a {
font-size: 24px;
line-height: 30px;
}
.theme-4 ul.like_cm {
margin: 0;
margin-top: 10px;
padding: 0;
}
.theme-4 ul.like_cm li {
display: inline-block;
margin-right: 20px;
position: relative;
z-index: 2;
}
.theme-4 ul.like_cm li:after {
position: absolute;
content: "";
height: 12px;
width: 2px;
background: #B9BCBF;
right: -12px;
top: 50%;
margin-top: -6px;
}
.theme-4 ul.like_cm li:last-child:after {
display: none;
}
.theme-4 ul.like_cm li a {
font-weight: 500;
font-size: 12px !important;
color: #747A80;
margin: 0;
padding: 0;
}
.theme-4 ul.like_cm li a i {
color: #FF9999;
margin-right: 4px;
}
.theme-4 ul.like_cm li:last-child {
margin-right: 0;
}
.theme-4 .widgets_small ul.like_cm {
margin-top: 0;
}
.theme-4 .post_img img {
border-radius: 3px;
}
.theme-4 .type18 .post_img img {
border-radius: 5px;
}
.theme-4 .type18 .single_post_text a {
font-size: 17px;
line-height: 23px;
}
.theme-4 .type18 .single_post_text p {
font-size: 15px;
font-weight: 300;
opacity: 0.85;
line-height: 23px;
}
.theme-4 .single_post_text.py0 {
padding: 20px 0 0 0;
}
.theme-4 .topbar li.tranding {
background: #404052;
color: #FFFFFF;
}
.theme-4 .category4 ul {
margin: 0;
padding: 0;
}
.theme-4 .category4 ul li {
list-style: none;
margin-bottom: 10px;
}
.theme-4 .category4 ul li:last-child {
margin-bottom: 0;
}
.theme-4 .category4 ul li a {
background: #E8E8EA;
display: block;
border-radius: 3px;
padding: 15px 15px 15px 20px;
font-size: 20px;
font-weight: 400;
color: #404052;
position: relative;
z-index: 2;
}
.theme-4 .category4 ul li a i {
position: absolute;
right: 0;
font-size: 16px;
color: transparent;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
top: 50%;
margin-top: -20px;
}
.theme-4 .category4 ul li a:hover {
color: #FFFFFF;
font-weight: 500;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
}
.theme-4 .category4 ul li a:hover i {
color: #FFFFFF;
}
.theme-4 .tatal_video4 {
padding: 30px;
height: 635px;
position: relative;
z-index: 3;
direction:rtl;
}
.theme-4 .tatal_video4 .video4_content {
bottom: 30px;
right: 30px;
position: absolute;
}
.theme-4 .tatal_video4 .video4_content a {
font-size: 44px;
line-height: 50px;
font-weight: 700;
color: #FFFFFF;
}
.theme-4 .tatal_video4 .video4_video {
display: inline-block;
margin-left: 20px;
position: relative;
z-index: 2;
width: 21%;
margin-top: 20px;
}
.theme-4 .tatal_video4 .video4_video h6 {
color: #FFFFFF;
}
.theme-4 .tatal_video4 .video4_video h6 span {
display: block;
font-weight: 400;
margin-top: 5px;
}
.theme-4 .tatal_video4 .video4_video .video4_icon {
position: absolute;
left: 0;
top: 50%;
height: 56px;
width: 56px;
text-align: center;
line-height: 56px;
margin-top: -28px;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
border-radius: 50%;
color: #FFFFFF;
}
.theme-4 .video4_list {
background: #edecf1;
position: relative;
max-height: 635px;
overflow-y: scroll;
direction:rtl;
overflow-x:hidden
}
.theme-4 .video4_list a {
font-size: 20px;
color: #404052;
font-weight: 400;
font-size: 20px;
line-height: 30px;
font-weight: 900;
color: #2f2f2f;
font-family: 'Janna LT';
letter-spacing: -0.5px;
line-height: 21px;
direction: rtl;
outline: none !important;
-moz-outline-style: none;
-webkit-tap-highlight-color: transparent !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
overflow: hidden;
text-align: right;
-webkit-line-clamp: 2;
font-weight: 900;
font-family: 'Janna LT', sans-serif;
font-size: 16px;
}
.theme-4 .video4_list h4 {
font-size: 20px;
font-weight: 400;
}
.theme-4 .video4_list:before {
width: 0;
height: 0;
border-top: 7px solid transparent;
border-right: 13px solid red;
border-bottom: 7px solid transparent;
position: absolute;
content: "";
left: -12px;
top: 60px;
}
.theme-4 .video4_list:last-child {
margin-bottom: 0;
}
.theme-4 .video4_list .video_list_author {
position: relative;
z-index: 2;
padding-right: 35px;
margin-bottom: 10px;
}
.theme-4 .video4_list .video_list_author i {
position: absolute;
right: 0;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
color: #FE9898;
font-size: 20px;
}
.theme-4 .video4_list .video_list_author h6 {
font-size: 12px;
text-transform: uppercase;
color: ##1417ac;
font-family: 'Janna LT';
letter-spacing: -0.5px;
line-height: 21px;
direction: rtl;
outline: none !important;
-moz-outline-style: none;
-webkit-tap-highlight-color: transparent !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
overflow: hidden;
text-align: right;
-webkit-line-clamp: 2;
font-weight: 900;
font-family: 'Janna LT', sans-serif;
font-size: 15px;
}
.theme-4 .video4_list .video_list_author h6 span {
display: block;
margin-top: 5px;
text-transform: capitalize;
color: #8A8F94;
font-weight: 400;
}
.theme-4 .tatal_videos4 .row > div {
padding: 0;
}
.theme-4 .tatal_videos4 > .row {
border-radius: 5px;
overflow: hidden;
}
.theme-4 .science_news {
background: #FFFFFF;
}
.theme-4 .book_mark {
position: relative;
z-index: 2;
padding-left: 45px;
margin-top: 15px;
display: inline-block;
}
.theme-4 .book_mark .bookmark_icon {
height: 30px;
width: 30px;
position: absolute;
text-align: center;
line-height: 30px;
left: 0;
color: #FFdbdbfd5;
top: 50%;
margin-top: -15px;
border-radius: 50%;
border: 1px solid #FFdbdbfd5;
}
.theme-4 .book_mark h6 {
font-size: 14px;
}
.theme-4 .book_mark h6 span {
display: block;
font-weight: 400;
font-size: 12px;
margin-top: 5px;
}
.theme-4 .science_carousel_items p.post-p {
font-size: 15px;
font-weight: 300;
}
.theme-4 .science_carousel_items .single_post_text a {
font-size: 20px;
}
.theme-4 p.meta.meta_style4 {
position: relative;
z-index: 2;
padding-left: 12px;
}
.theme-4 p.meta.meta_style4:after {
position: absolute;
content: "";
height: 18px;
width: 3px;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
left: 0;
top: 50%;
margin-top: -9px;
}
.theme-4 .dots_style1 .owl-dots {
position: absolute;
top: 10px;
right: 10px;
}
.theme-4 .dots_style1 .owl-dots > div {
height: 10px;
width: 10px;
background: #827A6F;
display: inline-flex;
margin: 2px;
border-radius: 50%;
}
.theme-4 .dots_style1 .owl-dots div.active {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
}
.theme-4 .news_letter.news_letter4 p {
color: #404052;
font-size: 17px;
font-weight: 300;
font-family: system-ui;
letter-spacing: -0.5px;
font-size: 15px;
margin-top:0px
}
.theme-4 .news_letter.news_letter4 p.alrt {
color: #757575;
font-weight: 700;
font-family: 'Tajawal', sans-serif;
letter-spacing: -0.5px;
font-size: 12px;
}
.theme-4 .signup_form form {
background: #ECEDEE;
position: relative;
z-index: 2;
border-radius: 5px;
overflow: hidden;
}
.theme-4 .signup_form form input.signup {
padding: 15px;
width: 65%;
margin: 0;
background: #FFFFFF;
}
.theme-4 .signup_form form input.cbtn {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
position: absolute;
left: 0;
top: 0px;
padding: 15px 20px;
}
.theme-4 .tranding_bar > div {
display: inline-block;
}
.theme-4 .tranding_top {
float: left;
background: red;
padding: 5px 20px;
margin-right: 15px;
}
.theme-4 .top_carousel {
display: inline-block;
vertical-align: middle;
width: auto;
}
.theme-4 .tranding_bar > div {
display: flex !important;
align-items: center;
}
.theme-4 .top_carousel {
padding: 5px 20px 5px 0;
}
.theme-4 .single_comment .replay a {
color: #FFdbdbfd5 !important;
}
.theme-4 .next_prv_single3:hover {
background: #FFdbdbfd5;
}
.theme-4 .author_social li a {
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
background: #ECEDEE;
font-size: 15px;
color: #404052;
position: relative;
z-index: 2;
overflow: hidden;
transition: all 0.3s;
}
.theme-4 .author_social li a:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: -100%;
z-index: -1;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
transition: all 0.3s;
}
.theme-4 .author_social li a:hover {
color: #FFFFFF;
background: transparent;
}
.theme-4 .author_social li a:hover:before {
left: 0;
transition: all 0.3s;
}
.theme-4 .widget_tab ul li a.active {
background: #5357dc;
}
.theme-4 .widget_tab.v4inner ul li a {
line-height: 12px;
padding: 12px 21px;
}
.theme-4 .post_img.number {
display: flex;
align-items: center;
justify-content: center;
background: #FFFFFF;
border: 3px solid #E7E8E9;
border-radius: 50%;
width: 56px;
height: 56px;
top: 15%;
margin-top: 0;
}
.theme-4 .post_img.number h2 {
font-size: 36px;
line-height: 53px;
color: #D1D3D5;
}
.theme-4 .tab4 ul.nav.nav-tabs li a {
font-size: 24px;
font-weight: 500;
color: #A2A7AA;
padding: 12px;
position: relative;
z-index: 2;
transition: all 0.3s;
}
.theme-4 .tab4 ul.nav.nav-tabs li a:after {
position: absolute;
content: "";
height: 3px;
width: 0;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
left: 0;
bottom: 0;
transition: all 0.3s;
}
.theme-4 .tab4 ul.nav.nav-tabs li a:hover {
color: #404052;
transition: all 0.3s;
}
.theme-4 .tab4 ul.nav.nav-tabs li a.active {
color: #404052 !important;
transition: all 0.3s;
}
.theme-4 .tab4 ul.nav.nav-tabs li a.active:after {
width: 100%;
transition: all 0.3s;
}
.theme-4 .tab4 .single_post_text a {
font-size: 20px;
line-height: 28px;
}
.theme-4 .tab4 .single_post_text .meta_col p {
font-size: 12px;
color: #A2A7AA;
}
.theme-4 .type16 ul.like_cm li a {
font-size: 12px !important;
}
.theme-4 .inernational4 .meta {
font-size: 12px;
color: #FFdbdbfd5;
}
.theme-4 .inernational4 .meta span {
color: #747A80;
}
@media screen and (max-width: 1024px) and (max-width: 1300px) {
.theme-4 .col-lg-4.align-self-center.fix_width_social {
max-width: 33%;
}
.theme-4 body {
overflow-x: hidden;
}
.theme-4 .tab4 ul.nav.nav-tabs li a {
font-size: 18px;
}
.theme-4 .tab4 .single_post_text a {
font-size: 14px;
line-height: 21px;
}
.theme-4 .widgets_small .single_post_text a {
line-height: 19px;
font-size: 13px;
}
.theme-4 .single_post_text .meta3 a {
font-size: 10px !important;
}
.theme-4 .temp_wap p {
font-size: 10px;
}
.theme-4 .v3datentemp > div {
width: 50%;
float: left;
}
.theme-4 .logo_area {
overflow-x: hidden;
}
.theme-4 .download_btn.v4 .download_btn_group a.app_btn {
padding: 12px 10px 12px 30px;
}
.theme-4 .download_btn.v4 .download_btn_group a.app_btn i {
left: 7px;
font-size: 20px;
height: 20px;
width: 20px;
line-height: 20px;
margin-top: -10px;
}
}
@media screen and (max-width: 990px) {
.theme-4 .logo4 {
margin: 0 auto;
margin-bottom: 20px;
}
.theme-4 .topbar .tranding_bar li {
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.theme-4 .topbar {
text-align: center;
margin-top: 20px;
}
.theme-4 .v3datentemp {
text-align: center !important;
}
.theme-4 .social4.text-right {
text-align: center !important;
margin-bottom: 20px;
}
.theme-4 .top_date_social.text-right {
text-align: center !important;
}
.theme-4 .v3datentemp > div {
width: 100%;
float: unset;
margin-bottom: 10px;
text-align: center !important;
}
.theme-4 .welcome_txt h1 {
font-size: 26px;
}
.theme-4 .tatal_video4 .video4_content a {
font-size: 24px;
line-height: 28px;
}
.theme-4 .col-lg-4.align-self-center.fix_width_social {
max-width: 100%;
margin-top: 30px;
}
.theme-4 .welcome4_area {
padding: 200px 0 300px;
}
}
@media screen and (max-width: 425px) {
.theme-4 .single_post_text .meta3 {
margin-bottom: 0;
position: relative;
z-index: 2;
}
.theme-4 .single_post_text .meta3 a {
font-size: 12px !important;
position: relative;
z-index: 2;
line-height: 14px;
font-weight: 500;
margin-bottom: 0;
}
.theme-4 .single_post_text .meta3 a:first-child {
color: #FFdbdbfd5;
}
.theme-4 .single_post_text .meta3 a:last-child {
margin-left: 0;
color: #404052;
opacity: 0.75;
}
.theme-4 .single_post_text .meta3 a:last-child:before {
position: absolute;
content: "|";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #404052;
opacity: 0.3;
text-align: center;
display: none;
}
.theme-4 .post_type12 .post_img {
width: 100%;
}
.theme-4 .post_type12 .single_post_text {
width: 100%;
}
.theme-4 .business3.padding30.white_bg.border-radious5.mb30 {
padding: 20px 0;
}
.theme-4 .single_post.mb30.type18 {
text-align: center;
}
.theme-4 .science_mid img {
margin: 20px 0;
}
.theme-4 .book_mark {
text-align: left;
}
.theme-4 .tab4 ul.nav.nav-tabs li a {
font-size: 16px;
}
.theme-4 .widgets_type4 {
padding-left: 0;
}
.theme-4 .widgets_type4 .post_img.number {
display: none;
}
}
.theme-4 .search_form4 input[type=submit] {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #fff;
padding: 15px 35px;
}
@media screen and (min-width: 768px) and (max-width: 960px) {
.theme-4 .post_type12 .single_post_text {
width: 100%;
}
.theme-4 .post_type12 .post_img {
width: 100%;
}
.theme-4 .welcome_list {
margin-left: -15px;
}
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
.theme-4 .welcome_list {
margin-left: -15px;
}
}
.wrapper_we_items {
overflow: hidden;
}
.total3.mb30 {
overflow: hidden;
}
/*
=====================
font weight
*/
/*DARK VERSION COLORS START*/
/*DARK VERSION COLORS END*/
/*DARK VERSION BACKGROUND START*/
/*DARK VERSION BACKGROUND END*/
/*GRADIENT COLORS START*/
/*GRADINET COLORS END*/
/*SHADOW START*/
/*SHADOW END*/
.theme-input input {
font-size: 16px;
font-weight: 400;
color: #1417ac;
}
.signup_form form input.cbtn, a.cbtn1,
button.cbtn1,
input.cbtn1, .theme-3 .signup_form form input.cbtn {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px 30px;
background: #1417ac;
border: none;
}
.topbar .social1 ul li a, .dark-theme .topbar .social1 ul li a, .theme-3 .topbar .social1 li a {
width: 33px;
display: block;
text-align: center;
font-size: 17px;
color: #212529;
line-height: 32px;
}
.footer .cta .social2 ul li a {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-style: 14px;
color: #C7CACC;
background: #212C34;
}
.banner {
position: relative;
z-index: 2;
}
.banner:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: #404052;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
}
.inner_overlay {
position: relative;
z-index: 1;
}
.inner_overlay:after {
position: absolute;
z-index: -1;
content: "";
height: 100%;
width: 60%;
background: linear-gradient(to left, transparent, #404052);
left: 0;
top: 0;
}
.category ul li a {
position: relative;
z-index: 2;
}
.category ul li a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
opacity: 0.6;
left: 0;
top: 0;
z-index: -1;
background: #404052;
}
.half_bg1 {
position: relative;
z-index: 2;
}
.half_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #dbdbfd;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg1 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg1:after {
position: absolute;
content: "";
height: 50%;
width: 100%;
background: #233340;
left: 0;
bottom: 0;
z-index: -1;
}
.dark-theme .half_dark_bg60 {
position: relative;
z-index: 2;
}
.dark-theme .half_dark_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #233340;
left: 0;
top: 0;
z-index: -1;
}
.half_bg60 {
position: relative;
z-index: 2;
}
.half_bg60:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: #dbdbfd;
left: 0;
top: 0;
z-index: -1;
}
.border_left3 {
border-left: 3px solid #BDC0C2;
}
.comment_form input, .comment_form textarea {
border: 1px solid #C4C7C9;
}
button.cbtn2,
input.cbtn2,
a.cbtn2, .dark-theme button.cbtn2,
.dark-theme input.cbtn2,
.dark-theme a.cbtn2 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: #1417ac;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn2:hover,
input.cbtn2:hover,
a.cbtn2:hover, .dark-theme button.cbtn2:hover,
.dark-theme input.cbtn2:hover,
.dark-theme a.cbtn2:hover {
background: #404052;
color: #FFFFFF;
transition: all 0.3s;
}
.theme-4 button.cbtn4,
.theme-4 input.cbtn4,
.theme-4 a.cbtn4 {
padding: 15px 40px;
font-size: 16px;
color: #FFFFFF;
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
.theme-4 button.cbtn4:hover,
.theme-4 input.cbtn4:hover,
.theme-4 a.cbtn4:hover {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
color: #FFFFFF;
transition: all 0.3s;
}
button.cbtn3,
input.cbt3,
a.cbtn3 {
padding: 15px 40px;
font-size: 16px;
color: #404052;
border: 1px solid #1417ac;
background: #FFFFFF;
text-transform: uppercase;
transition: all 0.3s;
font-weight: 400;
}
button.cbtn3:hover,
input.cbt3:hover,
a.cbtn3:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.shadow5 {
box-shadow: 0 72px 20px 0 #fbfbff;
}
.preloader {
position: fixed;
width: 100%;
height: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
background: #1417ac;
z-index: 999;
display:none;
}
.preloader.dark-p {
background: #404052;
}
.preloader.v4 {
background: linear-gradient(90deg, #FFdbdbfd5, #AB50EF);
}
.preloader > div {
width: 300px;
height: 300px;
flex: 0 0 25%;
box-sizing: border-box;
margin: 0;
position: relative;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
/* NO BORDER SPINNER */
.nb-spinner {
width: 75px;
height: 75px;
margin: 0;
background: transparent;
border-top: 4px solid #FFFFFF;
border-right: 4px solid transparent;
border-radius: 50%;
animation: 1s spin linear infinite;
}
/* BORDER TOP SPINNER */
.bt-spinner {
width: 75px;
height: 75px;
border-radius: 50%;
background-color: transparent;
border: 4px solid #222;
border-top-color: #FFFFFF;
animation: 1s spin linear infinite;
}
/* DOUBLE BORDER SPINNER */
.db-spinner {
width: 75px;
height: 75px;
border-radius: 50%;
background-color: transparent;
border: 4px solid #222;
border-top-color: #009688;
border-bottom-color: #009688;
animation: 1s spin linear infinite;
}
/* DOUBLE SPINNER */
.double-spinner {
position: relative;
}
.dbl-spinner {
position: absolute;
width: 75px;
height: 75px;
border-radius: 50%;
background-color: transparent;
border: 4px solid transparent;
border-top: 4px solid #222;
border-left: 4px solid #222;
animation: 2s spin linear infinite;
}
.dbl-spinner--2 {
border: 4px solid transparent;
border-right: 4px solid #009688;
border-bottom: 4px solid #009688;
animation: 1s spin linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
a {
transition: all 0.4s;
color: #1417ac;
display: inline-block;
}
a:hover {
transition: all 0.4s;
color: #1417ac;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Heebo", sans-serif;
font-weight: 700;
margin: 0;
color: #404052;
}
body {
font-size: 16px;
line-height: 27px;
color: #404052;
font-family: "Heebo", sans-serif;
font-weight: 400;
overflow-x: hidden;
}
.owl-carousel .owl-item img {
display: inline-block;
width: auto;
}
/*================================
HEADER AREA CSS CSS
*/
.topbar ul {
margin: 0;
padding: 0;
}
.topbar ul li {
font-size: 14px;
opacity: 0.85;
}
.topbar ul .tranding_bar li {
list-style: none;
font-weight: 400;
}
.topbar .top_date_social > div {
display: inline-block;
}
.topbar .top_date_social > div:first-child {
padding-right: 25px;
margin-right: 10px;
position: relative;
z-index: 2;
}
.topbar .top_date_social > div:first-child:after {
position: absolute;
content: "";
height: 15px;
width: 2px;
background: #404052;
opacity: 0.3;
right: 5px;
top: 50%;
margin-top: -7.5px;
}
.topbar .paper_date p {
font-size: 14px;
font-weight: 400;
opacity: 0.85;
}
.topbar .social1 ul {
margin: 0;
padding: 0;
}
.topbar .social1 ul li {
list-style: none;
display: inline-block;
}
.topbar .social1 ul li a {
opacity: 1;
font-size: 18px;
}
.trancarousel_area .nav_style1 .owl-nav {
position: absolute;
right: -9%;
top: 50%;
margin-top: -15px;
}
.trancarousel_area .nav_style1 .owl-nav div {
height: 23px;
width: 23px;
line-height: 23px;
}
.trancarousel_area .nav_style1 .owl-nav div:last-child {
margin-left: 7px;
}
.trancarousel_area p.trand {
float: left;
margin-right: 10px;
padding: 12px 20px;
background: #FFdbdbfd5;
font-size: 14px;
font-weight: 500;
color: #FFFFFF;
line-height: 17px;
}
.trancarousel_area .trancarousel_item {
padding: 12px;
font-size: 14px;
line-height: 17px;
opacity: 0.85;
}
.trancarousel_area .trancarousel_item a {
color: #404052;
opacity: 0.85;
word-break: break-word;
}
.trancarousel_area .trancarousel_item p {
color: #404052;
opacity: 0.85;
word-break: break-word;
}
a.up_btn {
height: 70px;
width: 50px;
text-align: center;
line-height: 70px;
background: #FFdbdbfd5;
color: #fff;
border-radius: 50px;
position: fixed;
z-index: 9999;
bottom: 10%;
right: 2%;
visibility: hidden;
opacity: 0;
transition: all 0.3s;
}
.sticky a.up_btn {
visibility: visible;
opacity: 1;
bottom: 7%;
transition: all 0.3s;
}
.logo_area {
padding: 0px 0px 10px 0px;
}
.logo a{
position:relative
}
.logo {
right: 11px;
width: 36%;
float: right;
}
.logo-text {
margin: 0;
padding: 0;
margin-top: 52px;
font-family: 'Janna LT';
font-size: 11px;
font-weight: 900;
letter-spacing: -0.9px;
color: #343a40;
display:none
}
.banner {
padding: 20px 30px;
background: url(../img/bg/banner.jpg);
}
.banner a.cbtn1,
.banner button {
padding: 10px;
font-weight: 500;
}
.banner .add {
position: relative;
z-index: 2;
}
.banner .add:after {
position: absolute;
content: "";
height: 20px;
width: 2px;
background: #fff;
right: 0;
top: 50%;
margin-top: -8px;
}
.banner .add h3 {
font-size: 20px;
color: #FFFFFF;
font-weight: 700;
}
.banner .add h3 span {
display: block;
font-size: 14px;
margin-top: 5px;
}
.banner .add_details p {
color: #FFFFFF;
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
}
.searching {
position: fixed;
height: 100%;
width: 100%;
background: #404052;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
transition: all 0.3s;
}
.searching .v1search_form input {
width: 80%;
float: left;
margin: 0;
}
.searching .v1search_form button {
width: 20%;
float: left;
}
.searching .close_btn {
position: absolute;
top: 20px;
right: 32px;
height: 40px;
width: 40px;
background: #1417ac;
text-align: center;
line-height: 40px;
font-size: 20px;
color: #FFFFFF;
cursor: pointer;
}
.searching.active {
visibility: visible;
opacity: 1;
transition: all 0.3s;
}
/*================================
WIDGETS AREA CSS
*/
.slider_arrow {
position: absolute;
top: 0;
left: 0;
background: #fff;
height: 66px;
width: 30px;
line-height: 66px;
text-align: center;
color: #000;
font-size: 21px;
z-index: 99;
transition: all 0.3s;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
.slider_arrow.arrow_right {
left: auto;
right: 0;
}
.slider_arrow:hover {
background: #1417ac;
color: #fff;
transition: all 0.3s;
}
.widget-title-flat {
padding-right: 35px;
margin-bottom: 10px;
font-weight: 500;
text-transform: capitalize;
position: relative;
z-index: 2;
display: inline-block;
font-size: 18px;
line-height: 40px;
font-weight: 700;
font-family: 'Tajawal';
letter-spacing: -0.5px;
color: #6c757d;
margin-top: 0px;
margin-bottom: 15px;
line-height: 25px;
}
.moretitle-flat {
text-transform: capitalize;
position: relative;
z-index: 2;
display: inline-block;
font-size: 18px;
line-height: 40px;
letter-spacing: -0.5px;
line-height: 25px;
float:left;
font-family: system-ui;
font-size: 15px;
margin: 10px;
color:#171cf2
}
.nonthemed .metaongoing {
display: inline-block;
position: absolute;
width: 100%;
margin-top: 5px;
top: 0px;
background: linear-gradient(to top, rgba(12,12,0,0) 10%, #0c0c0c6b );
width: 165px;
left: 0px;
border: 0px rgb(0 0 0 / 8%) solid;
border-bottom: none;
border-radius: 3px;
padding: 8px;
height: 60px;
font-family:system-ui;
z-index: 2;
width: 100%;
margin:0;
text-shadow:1px 1px 1px rgb(0 0 0 / 82%);
font-weight:600
}
.nonthemed .metaongoing a {
position: relative;
z-index: 2;
float: right;
width: auto;
font-size: 15px;
font-weight: 600;
margin-top:1px;
color:#FFF
}
.nonthemed .metaongoing span {
position: relative;
z-index: 2;
float: right;
width:85px;
font-size: 13px;
color:#FFF;
line-height:20px;
}
.nonthemed .metaongoing span.iconwidth {
margin-right: 5px;
float: left;
width: auto;
}
.metatag{
position: absolute;
top: 130px;
right: 11px;
color: #006cff;
background: none;
background-color: #f21736;
color: #FFF;
font-family: system-ui;
padding-left: 10px;
padding-right: 10px;
border-radius: 3px;
line-height: 25px;
font-size: 12px;
display: grid;
width:auto !important;
top: 85%;
}
.nonthemed .metatag {top :130px}
.nonthemed .metaongoing span.views {
width: 35px;
margin-right: 0px;
float: left;
text-align: left;
}
.nonthemed .metaongoing span:first-child {
margin-top:-1px;
width:80px;
}
.nonthemed .metaongoing a:last-child:before {
position: absolute;
content: "|";
height: 20px;
width: 10px;
right: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #404052;
opacity: 0.3;
text-align: center;
}
.href-w-ic {
position: relative;
display: inline-block;
letter-spacing: -0.5px;
line-height: 25px;
font-family: system-ui;
margin-top:10px;
float:left
}
.href-w-ic span {
}
.href-w-ic span:first-child {
float: right;
font-size: 15px;
color: #0d6efd;
font-weight: 600;
}
.href-w-ic span:last-child {
float: left;
padding-top: 3px;
margin-right: 8px;
color: #000;
}
.widget-title-flat .ar_icon {
right: 0;
display: block;
position: absolute;
top: 0px;
z-index: 1;
color: #5357dc9c;
font-size: 25px;
}
.widget-title-flat .ar_icon embed svg {
width: 30px;
height: 30px;
}
form input.cbtn {
background: linear-gradient(
90deg, #FFdbdbfd5, #AB50EF);
position: absolute;
right: 0;
top: 0px;
padding: 15px 20px;
}
.widget-title2 {
font-size: 17px;
margin-bottom: 0px;
font-weight: 700;
text-transform: capitalize;
z-index: 2;
display: inline-block;
/*color:#FFFFFF;*/
letter-spacing:-0.51px;
min-width:100px;
/*background:#ff0d01;*/
padding:5px 15px;
display:block;
text-align:right;
font-family: 'Janna LT';
letter-spacing: -0.5px;
}
.widget-title5 {
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
z-index: 2;
display: inline-block;
color: #233340;
letter-spacing: -0.51px;
min-width: 100px;
/* background: #ff0d01; */
/* color: #fff; */
padding: 5px 0px 10px 1px;
display: block;
text-align: right;
font-family: 'Janna LT', sans-serif;
letter-spacing: -0.5px;
border-bottom: 1px #dbdbfd solid;
line-height: 1.3;
padding: 5px 10px;
margin-bottom: 5px;
/* background-image: linear-gradient(to left, #dbdbfd 31%, #f4f4f5 61%);*/
font-weight: bold;
overflow: hidden;
/*background: #EFEFBB; /* fallback for old browsers
background: linear-gradient(to right, #3422d4, #5414bb);
background: -webkit-linear-gradient(to right, #D4D3DD, #EFEFBB); */
}
.widget-title99 {
font-size: 26px;
font-weight: 700;
text-transform: capitalize;
z-index: 2;
display: inline-block;
/* color: #FFFFFF; */
letter-spacing: -0.51px;
min-width: 100px;
/* background: #ff0d01; */
color: #757575;
padding: 5px 0px 10px 1px;
display: block;
text-align: right;
font-family: 'Janna LT', sans-serif;
letter-spacing: -0.5px;
line-height: 1.3;
padding: 5px 10px;
margin-bottom: 15px;
padding-right:55px;
}
.widget-title99:before {
content: '';
right: 0;
display: block;
border-top: 6px solid #2f2a60;
border-bottom: 6px solid #ff2424;
width: 36px;
height: 16px;
position: absolute;
top: 15px;
}
.term_name {
}
.widget-titleADS {
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
z-index: 2;
display: inline-block;
/* color: #FFFFFF; */
letter-spacing: -0.51px;
min-width: 100px;
/* background: #ff0d01; */
color: #65676b;
padding: 5px 0px 10px 1px;
display: block;
text-align: right;
font-family: 'Janna LT', sans-serif;
letter-spacing: -0.5px;
border-bottom: 0px #dbdbfd solid;
line-height: 1.3;
padding: 5px 10px;
margin-bottom: 15px;
background-color: #FFF;
font-weight: bold;
overflow: hidden;
padding-right:0;
padding-left:0;
}
.widget-titleADS:before {
content: '';
display: block;
border-top: 10px solid #f90f05;
/* border-bottom: 6px solid #fff;*/
width: 10px;
height: 4px;
margin: 5px 0px 0px 8px;
float:right;
display:inline-flex
}
/*.widget-titleADS:after {
content: '';
display: block;
border-top: 3px solid #f0f0f0;
width: 69%;
height: 4px;
margin: 0px 0px 0px 0px;
float:left;
display:inline-flex
}*/
.widget-title2 {
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
z-index: 2;
display: inline-block;
/* color: #FFFFFF; */
letter-spacing: -0.51px;
min-width: 100px;
/* background: #ff0d01; */
color: #FFF;
padding: 5px 0px 10px 1px;
display: block;
text-align: right;
font-family: 'Janna LT', sans-serif;
letter-spacing: -0.5px;
line-height: 1.3;
padding: 5px 10px;
margin-bottom: 15px;
background-image:linear-gradient(to left, #1417ac 31%, #003d6f 61%);
font-weight: bold;
overflow: hidden;
background: linear-gradient(to right, #ff0c4f, #d21212, #ff3346);
}
.widget-title8 {
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
z-index: 2;
display: inline-block;
/* color: #FFFFFF; */
letter-spacing: -0.51px;
min-width: 100px;
/* background: #ff0d01; */
color: #FFF;
padding: 5px 0px 10px 1px;
display: block;
text-align: right;
font-family: 'Janna LT', sans-serif;
letter-spacing: -0.5px;
border-bottom: 1px #dbdbfd solid;
line-height: 1.3;
padding: 5px 10px;
margin-bottom: 15px;
background-color: #0d7bf1;
font-weight: bold;
overflow: hidden;
}
.feature3_carousel {
margin-top:10px;
}
.widget-title {
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
z-index: 2;
display: inline-block;
/* color: #FFFFFF; */
letter-spacing: -0.51px;
min-width: 100px;
/* background: #ff0d01; */
color: #FFF;
padding: 5px 0px 10px 1px;
display: block;
text-align: right;
font-family: 'Janna LT', sans-serif;
letter-spacing: -0.5px;
border-bottom: 1px #dbdbfd solid;
line-height: 1.3;
padding: 5px 10px;
margin-bottom: 15px;
background-color: #ff192e;
font-weight: bold;
overflow: hidden;
}
.widget-title4 {
font-size: 25px;
margin-bottom: 0px;
font-weight: 900;
z-index: 2;
display: inline-block;
color:#000;
letter-spacing:-0.51px;
min-width:100px;
background:none;
padding:5px 15px;
display:block;
text-align:center;
font-family: 'Janna LT';
font-size: 20px;
}
.about_post_list ul {
margin: 0;
padding: 0;
}
.about_post_list ul li {
list-style: none;
margin-right: 10px;
}
.about_post_list ul li:last-child {
margin-right: 0;
}
.about_post_list ul li a {
font-size: 24px;
margin-bottom: 20px;
font-weight: 500;
color: #A0A5A8;
}
.about_post_list ul li a.active {
color: #404052;
}
a.single_social {
display: inline-block;
padding: 12px;
font-size: 18px;
font-weight: 500;
position: relative;
z-index: 2;
padding-left: 35px;
background: #3B5998;
margin: 4px 3px;
color: #FFFFFF;
width: 104px;
line-height: 12px;
}
a.single_social span.follow_icon {
position: absolute;
left: 8px;
font-size: 12px;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
top: 50%;
margin-top: -10px;
}
a.single_social span.icon_text {
display: block;
line-height: 10px;
font-size: 11px;
margin-top: 5px;
}
.inner_socail4 a.single_social {
display: inline-block;
padding: 13px;
font-size: 18px;
font-weight: 500;
position: relative;
z-index: 2;
padding-left: 45px;
margin: 4px 3px;
color: #FFFFFF;
overflow: hidden;
width: 46%;
line-height: 12px;
border-radius: 4px;
}
.inner_socail4 a.single_social span.follow_icon {
position: absolute;
left: 0;
font-size: 12px;
height: 100%;
width: 30px;
text-align: center;
top: 0;
margin-top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.inner_socail4 a.single_social span.icon_text {
display: block;
line-height: 10px;
font-size: 11px;
margin-top: 5px;
}
a.social_twitter {
background: #1DA1F2;
}
a.social_youtube {
background: #FF5050;
}
a.social_instagram {
background: #9B45D5;
}
a.social_vimeo {
background: #1AB7EA;
}
a.social_medium {
background: #00AB6C;
}
.news_letter p {
color: #39424A;
font-size: 17px;
font-weight: 300;
}
.news_letter2 {
background: #FFFFFF;
}
.news_letter2 input.signup {
background: #E9EAEB !important;
}
/*DEFAULT POST TYPE*/
.single_post {
position: relative;
z-index: 2;
transition: all 0.3s;
margin-bottom:0
}
.single_post .single_post_text a:hover {
color: #1417ac;
transition: all 0.3s;
}
.gradient1 {
position: relative;
z-index: 2;
}
/*
.gradient1:after {
position: absolute;
content: "";
height: 60%;
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 1), transparent);
left: 0;
bottom: 0;
}
*/
.single_post_text .meta {
color: #1417ac;
text-transform: uppercase;
line-height: 24px;
margin-bottom: 5px;
position: relative;
z-index: 2;
}
.single_post_text .meta span {
color: #50585F;
text-transform: capitalize;
}
.single_post_text a {
color: #404052;
font-weight: 500;
}
.single_post_text h4 {
color: #404052;
line-height: 21px;
font-weight: 900;
font-family: 'Tajawal';
letter-spacing:-0.5px
}
.single_post_text h4 a {
color: #404052;
font-weight: 500;
}
.post_img {
position: relative;
z-index: 2;
}
.post_img img {
object-fit: cover;
border-radius:3px;
}
.readmore {
font-size: 14px !important;
}
.nav_style1 .owl-nav {
position: absolute;
right: 0;
top: -48px;
text-align: left;
}
.nav_style1 .owl-nav div {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border: 1px solid #dbdbfd;
color: #dbdbfd;
transition: all 0.3s;
}
.nav_style1 .owl-nav div:last-child {
margin-left: 14px;
}
.nav_style1 .owl-nav div:hover {
background: #1417ac;
border-color: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.see_all {
font-weight: 500;
font-size: 15px;
color: #8A8F94;
text-transform: uppercase;
}
.post_size1 {
min-height: 77px;
}
.post_size1 .post_img {
height: 77px;
width: 100px;
}
.post_size3 {
min-height: 64px;
}
.post_size3 .post_img {
height: 64px;
width: 80px;
}
.post_size4 {
min-height: 56.25px;
}
.post_size4 .post_img {
height: 56.25px;
width: 100px;
}
.tranding_border {
border: 1px solid #FFFFFF;
}
span.tranding.tranding_border {
line-height: 20px;
}
/*POST TYPE-1*/
.widgets_small {
padding-right: 90px;
min-height: 80px;
}
.widgets_small.related {
padding-right: 90px;
min-height: 150px;
}
.widgets_small .post_img {
position: absolute;
right: 0;
top: 0px;
height: 80px;
width: 80px;
}
.widgets_small .post_img.related {
position: absolute;
right: 0;
top: 3px;
height: 139px;
width: 250px;
}
.widgets_small .post_img img {
width: 100%;
height: 100%;
transition: all 0.3s;
object-fit: cover;
overflow: hidden;
border:1px #ebebeb solid
}
.widgets_small:hover .post_img img {
transform: scale(1.05);
transition: all 0.3s;
}
.widgets_small .tranding img {
height: 12px;
width: 6px;
padding-top: 2px;
}
.single_post_text {
direction:rtl;
text-align:right;
}
.single_post_text.related{
padding-right:170px
}
.widgets_small .single_post_text a {
line-height: 20px;
direction: rtl;
outline: none !important;
-moz-outline-style: none;
-webkit-tap-highlight-color: transparent !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
overflow: hidden;
text-align: right;
-webkit-line-clamp: 3;
font-family: 'Tajawal';
font-size: 15px;
margin-bottom: 0px;
color: #333;
font-weight: 700;
}
.type144 .single_post_text a {
line-height: 1.4;
direction: rtl;
outline: none !important;
-moz-outline-style: none;
-webkit-tap-highlight-color: transparent !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
overflow: hidden;
text-align: right;
-webkit-line-clamp: 2;
font-weight: 700;
font-size: 14px;
color: #404052;
font-family: system-ui;
width: 80%;
}
.type144 .single_post_text p {
color:#757575;
font-size:12px
}
.type144 .single_post_text b {
color: #141414;
display:none;
}
.widgets_small .single_post_text .meta {
font-size: 12px;
line-height: 20px;
}
.img_wrap {
overflow: hidden;
/*height: -webkit-fill-available;
width: -webkit-fill-available;
*/
}
.widget_tab ul {
margin: 0;
padding: 0;
margin-bottom: 25px;
border: none;
}
.widget_tab ul li {
list-style: none;
margin-left: 10px;
width:48%;
}
.widget_tab ul li:last-child {
margin-left: 0;
}
.widget_tab ul li a {
font-weight: 500;
color: #404052;
text-transform: uppercase;
line-height: 12px;
padding: 6px;
padding-left: 16px;
padding-right: 16px;
width: 100%;
text-align: center;
font-family: 'Tajawal', sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 700;
letter-spacing: -0.5px;
border-radius: 5px;
background: #e9ecef;
border-radius: 5px;
}
.widget_tab ul li a.active {
color: #FFF;
}
.tab-pane.fade.active.show {
transform: translateX(0px);
transition: all 0.3s;
}
.tab-pane.fade {
transform: translateX(-50px);
transition: all 0.3s;
}
/*POST TYPE-2*/
span.tranding {
display: inline-block;
position: absolute;
}
span.tranding2 {
}
/* box-shadow: 1px 1px 1px #000;
}
@keyframes tranding_an {
0% {color: #e9eef2;border:2px #e9eef2 solid;}
50% {color: #fff;border:2px #fff solid;}
100% {color: #e9eef2;border:2px #e9eef2 solid;}
}
.single_post2_carousel {
margin-top: 10px;
}
/*POST TYPE-3*/
.post_type3 .post_img span.tranding {
left: 15px;
top: 68%;
}
.post_type3 .single_post_text {
padding: 20px 0;
}
.post_type3 .single_post_text .meta {
margin-bottom: 5px;
font-weight: 500;
text-transform: unset;
font-size: 14px;
}
.post_type3 .single_post_text .post-p {
opacity: 0.85;
font-size: 15px;
line-height: 22px;
-webkit-tap-highlight-color: transparent !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
overflow: hidden;
-webkit-line-clamp: 2;
}
.post_type3 .single_post_text a {
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
/*POST TYPE-4*/
.post_img.number {
display: flex;
align-items: center;
justify-content: center;
background: #E9EAEB;
border-radius: 50%;
width: 50px;
height: 50px;
top: 50%;
margin-top: -30px;
left: 0;
}
.post_img.number h2 {
color: #A9ADB1;
font-size: 24px;
font-weight: 500;
}
.widgets_type4 {
padding-left: 70px;
}
.about_post_list .nav-tabs {
border-bottom: none;
}
.socail_share {
margin-top: 5px;
margin: 0;
padding: 0;
}
.socail_share li {
position: relative;
z-index: 2;
list-style: none;
}
.socail_share li a {
color: #404052;
opacity: 0.3;
font-size: 12px;
}
.socail_share li a i {
margin-right: 3px;
}
.socail_share li:last-child {
margin-left: 10px;
padding-left: 10px;
}
.socail_share li:last-child:after {
position: absolute;
content: "";
height: 10px;
width: 2px;
background: #A9ADB1;
left: -5px;
top: 50%;
margin-top: -5px;
border-radius: 50%;
}
.users_area ul {
margin: 0;
padding: 0;
}
.users_area ul li {
list-style: none;
font-weight: 500;
padding: 0 6px;
font-size: 18px;
color: #8A8F94;
cursor: pointer;
}
/*POST TYPE-5*/
.post_type5 {
margin-right: 20px;
padding-left: 95px;
}
.post_type5 .single_post_text p {
font-size: 15px;
font-weight: 300;
opacity: 0.85;
line-height: 21px;
margin-top: 5px;
}
.post_type5 .post_img {
width: 80px;
height: 70px;
}
.post_type5 .post_img img {
width: 80px;
height: 70px;
}
.nav_style2 .owl-nav div {
position: absolute;
height: 100%;
width: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
right: 0;
top: 0;
background: #FFFFFF;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
z-index: 9;
color: #404052;
transition: all 0.3s;
}
.nav_style2 .owl-nav div:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
.nav_style2 .owl-nav div.owl-prev {
right: auto;
left: 0;
}
/*POST TYPE-6*/
.post_type6 span.tranding {
top:15px;
left:15px
}
.post_type6 .single_post_text {
position: absolute;
bottom: 0;
z-index: 9;
padding: 10px;
padding-bottom: 10px;
width:100%
}
.post_type6 .single_post_text p.post-p {
font-size: 15px;
line-height: 21px;
font-weight: 400;
}
.post_type6 .single_post_text .meta {
font-weight: 500;
font-size: 14px;
}
.post_type6 .single_post_text .meta span {
color: #FFFFFF;
}
.post_type6 .single_post_text p {
color: #FFFFFF;
}
.post_type6 .single_post_text a {
color: #FFFFFF;
line-height: 30px;
font-weight: 700;
font-size: 16px;
line-height: 30px;
font-weight: 700;
font-family: 'Janna LT';
text-shadow:1px 2px 2px #000
}
.post_type6 .single_post_text .meta {
margin-bottom: 0;
line-height: 17px;
font-weight: 500;
color: #FFF;
opacity: 0.9;
font-family: system-ui;
}
.post_type6 .single_post_text .meta a {
font-size: 14px;
text-transform: capitalize;
position: relative;
z-index: 2;
}
.post_type6 .single_post_text .meta a:last-child {
margin-left: 20px;
}
.post_type6 .single_post_text .meta a:last-child:before {
position: absolute;
content: "/";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
display:none;
text-align: center;
}
/*POST TYPE-7*/
.post_type7 .single_post_text {
position: absolute;
bottom: 0;
z-index: 9;
padding: 40px 20px 20px 20px;
}
.post_type7 .single_post_text .meta {
font-weight: 500;
font-size: 12px;
}
.post_type7 .single_post_text .meta span {
color: #FFFFFF;
}
.post_type7 .single_post_text a {
color: #FFFFFF;
font-size: 18px;
line-height: 27px;
font-family: 'Janna LT';
outline: none !important;
-moz-outline-style: none;
-webkit-tap-highlight-color: transparent !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
overflow: hidden;
text-align: right;
-webkit-line-clamp: 2;
font-weight: 900;
font-family: 'Janna LT', sans-serif;
font-size: 16px;
}
}
/*POST TYPE-7*/
.type8 {
padding-left: 00px;
min-height: 64px;
padding-right: 100px;
}
.type8 .post_img {
height: 64px;
width: 80px;
}
.type8_count {
height: 50px;
width: 30px;
text-align: center;
position: absolute;
right: 0;
top: 50%;
margin-top: -25px;
}
.type8_count h2 {
line-height: 50px;
color: #CED0D2;
font-size: 36px;
font-weight: 500;
}
/*POST TYPE-9*/
.post_type9 .tranding.left {
right: auto;
left: 15px;
}
.post_type9 .tranding.left img {
width: 8px;
height: 15px;
}
.nav_style3 .owl-nav div {
position: absolute;
background: #ffffff;
width: 30px;
height: 70px;
text-align: center;
line-height: 70px;
font-weight: 700;
color: #000;
top: 50%;
right: 0;
margin-top: -35px;
transition: all 0.3s;
}
.nav_style3 .owl-nav div:hover {
background: #1417ac;
color: #FFFFFF;
transition: all 0.3s;
}
.nav_style3 .owl-nav div.owl-prev {
right: auto;
left: 0;
}
.mix_carousel {
background: #FCFCFC;
padding: 30px;
}
/*POST TYPE-10*/
.type10 .widgets_small {
min-height: 56.25px;
}
.type10 .post_img {
height: 120px;
}
.type10 .meta.meta2 {
color: #71787D;
}
.type10 span.tranding.tranding_border {
border: 1px solid #FFFFFF;
top: -12px;
font-weight: 600;
}
/*POST TYPE-11*/
.margintop-60- {
margin-top: -60px;
}
.post_type11 a.youtube_middle {
position: absolute;
left: 50%;
top: 50%;
height: 60px;
width: 70px;
text-align: center;
line-height: 60px;
font-size: 60px;
margin-top: -30px;
margin-left: -35px;
color: #FFdbdbfd5;
}
.post_type11 .padding30 {
padding: 30px;
}
/*POST TYPE-12*/
.post_type12 {
display: inline-block;
}
.post_type12 .post_img {
width: 48%;
float: left;
}
.post_type12 .single_post_text {
width: 49%;
float: left;
padding: 0;
padding-left: 30px;
}
/*POST TYPE-13*/
.post_type13 {
display: flex;
align-items: center;
height: 60px;
padding-left: 100px;
}
.post_type13 .circle_match_time {
position: absolute;
right: 0;
}
.post_type13 .playing_teams {
font-size: 18px;
}
.post_type13 .playing_teams span {
color: #8A8F94;
}
.post_type13 .post_img {
height: 60px;
width: 80px;
margin-top: 7px;
}
.post_type13 .meta.macth_meta {
color: #8A8F94;
font-size: 15px;
text-transform: capitalize;
font-weight: 500;
}
.post_type13 .meta.macth_meta span {
color: #1417ac;
}
/*CATEGORY*/
.category ul {
margin: 0;
padding: 0;
}
.category ul li {
list-style: none;
margin-bottom: 15px;
}
.category ul li:last-child {
margin-bottom: 0;
}
.category ul li a {
display: block;
padding: 21px;
position: relative;
z-index: 2;
text-align: left;
font-weight: 500;
font-size: 20px;
color: #FFFFFF;
transform: scale(1);
}
.category ul li a span {
width: 80%;
display: inline-block;
}
.category ul li a:hover {
transform: scale(1.03);
}
.single_post_text .meta2 {
margin-bottom: 0;
}
.single_post_text .meta2 a {
font-size: 12px;
text-transform: capitalize;
position: relative;
z-index: 2;
line-height: 17px;
margin-bottom: 5px;
font-weight: 400;
}
.single_post_text .meta2 a:first-child {
color: #1417ac;
}
.single_post_text .meta2 a:last-child {
color: #404052;
opacity: 0.75;
}
.single_post_text .meta2 a:last-child:before {
position: absolute;
content: "/";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #404052;
opacity: 0.3;
text-align: center;
}
.single_post_text .meta5 {
margin-bottom: 0;
}
.single_post_text .meta5 a {
font-size: 12px;
text-transform: capitalize;
position: relative;
z-index: 2;
line-height: 17px;
margin-bottom: 5px;
color: #FFFFFF;
}
.single_post_text .meta5 a:last-child {
margin-left: 20px;
font-weight: 400;
}
.single_post_text .meta5 a:last-child:before {
position: absolute;
content: "/";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #FFFFFF;
text-align: center;
}
.single_post_text .meta3 {
margin-bottom: 10px;
}
.single_post_text .meta3 a {
font-size: 14px !important;
position: relative;
z-index: 2;
line-height: 17px;
font-weight: 500;
margin-bottom: 5px;
}
.single_post_text .meta3 a:first-child {
color: #1417ac;
}
.single_post_text .meta3 a:last-child {
margin-left: 20px;
color: #404052;
opacity: 0.75;
}
.single_post_text .meta3 a:last-child:before {
position: absolute;
content: "/";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #404052;
opacity: 0.3;
text-align: center;
}
.single_post_text .meta4 {
margin-top: 0;
}
.single_post_text .meta4 a {
font-size: 12px !important;
text-transform: capitalize;
position: relative;
z-index: 2;
line-height: 17px;
font-weight: 500;
color: #404052;
opacity: 0.6;
}
/*================================
VIDEO AREA CSS
*/
.viceo_posts_wrap {
background: #FCFCFC;
padding: 30px;
}
.popular_items {
margin-top: 0x;
}
.video_posts .container {
max-width: 1200px;
}
/*================================
SPORTS AREA CSS
*/
.sports_carousel_item {
margin-top: 10px;
}
/*================================
MIX AREA CSS
*/
.mix_area .container {
max-width: 1200px;
}
/*================================
FOOTER AREA CSS
*/
.footer .cta {
padding: 70px 0 40px;
}
.footer .cta .social2 {
margin-top: 35px;
}
.footer .cta .social2 ul {
margin: 0;
padding: 0;
}
.footer .cta .social2 ul li {
list-style: none;
}
.footer .cta .social2 ul li a:hover {
background: #1417ac;
color: #FFFFFF;
}
.footer .single_footer_nav ul {
margin: 0;
padding: 0;
}
.footer .single_footer_nav ul li {
list-style: none;
margin-bottom: 7px;
}
.footer .single_footer_nav ul li a {
color: #FFFFFF;
font-weight: 300;
}
.footer .single_footer_nav ul li a:hover {
color: #1417ac;
}
.footer .single_footer_nav ul li:last-child {
margin-bottom: 0;
}
.footer .widget-title2 {
font-size: 20px;
color: #FFFFFF;
font-weight: 400;
margin-bottom: 30px;
}
.footer .twitter_feeds .single_twitter_feed {
position: relative;
z-index: 2;
padding-left: 30px;
margin-bottom: 30px;
padding-bottom: 30px;
}
.footer .twitter_feeds .single_twitter_feed:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.footer .twitter_feeds .single_twitter_feed h6 {
font-weight: 400;
color: #FFFFFF;
line-height: 21px;
font-size: 16px;
}
.footer .twitter_feeds .single_twitter_feed h6 span {
color: #1417ac;
}
.footer .twitter_feeds .single_twitter_feed p {
font-size: 14px;
color: #747A80;
margin-top: 3px;
}
.footer .twitter_feeds .single_twitter_feed .twitter_feed_icon {
height: 20px;
width: 20px;
color: #1417ac;
position: absolute;
left: 0;
top: 0;
}
.footer .extra_newss .single_extra_news {
margin-bottom: 15px;
padding-bottom: 30px;
padding-right: 60px;
position: relative;
z-index: 2;
}
.footer .extra_newss .single_extra_news:nth-child(6) {
margin-bottom: 0;
padding-bottom: 0;
}
.footer .extra_newss .single_extra_news p {
color: #1417ac;
font-size: 12px;
}
.footer .extra_newss .single_extra_news p span {
color: #747A80;
}
.footer .extra_newss .single_extra_news a {
color: #FFFFFF;
}
.footer .extra_newss .single_extra_news span.news_counter {
color: #747A80;
height: 40px;
display: inline-block;
width: 40px;
text-align: center;
line-height: 40px;
font-size: 36px;
position: absolute;
top: 50%;
right: 0;
margin-top: -25px;
}
.footer .extra_newss .single_fcontact {
position: relative;
z-index: 2;
padding-left: 30px;
margin-bottom: 15px;
}
.footer .extra_newss .single_fcontact:last-child {
margin-bottom: 0;
}
.footer .extra_newss .single_fcontact a {
color: #FFFFFF;
}
.footer .extra_newss .single_fcontact .fcicon {
height: 30px;
width: 30px;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
line-height: 30px;
}
.footer .copyright {
background: #232D36;
margin-top: 30px;
padding: 15px 0;
}
.footer .copyright p {
color: #747A80;
}
.footer .copyright ul {
margin: 0;
padding: 0;
}
.footer .copyright ul li {
list-style: none;
}
.footer .copyright ul li a {
color: #747A80;
padding: 0 10px;
}
.footer .copyright ul li a:hover {
color: #FFFFFF;
}
.signup_form form {
background: #FFFFFF;
position: relative;
z-index: 2;
}
.signup_form form input.signup {
padding: 15px;
width: 65%;
margin: 0;
background: #FFFFFF;
}
.signup_form form input.cbtn {
position: absolute;
right: 0;
top: -2px;
padding: 17px 15px;
}
@media screen and (max-width: 1024px) {
.signup_form form input.signup {
font-size: 14px;
}
}
/*================================
COMMON CSS
*/
input,
textarea {
padding: 15px;
}
input,
textarea {
padding: 15px;
border: none;
background: #E9EAEB;
}
input::placeholder,
textarea::placeholder {
color: #80868B;
}
.border_black2 {
border-bottom: 1px solid #ECF3FF;
}.border_black {
border-bottom: 1px solid #ECF3FF;
}
.inline li {
display: inline-block;
}
.primay_bg {
background: #404052;
}
.border_white {
border-bottom: 1px solid #dee2e6;}
.border_white_left {
border-left: 1px dashed #3A434B;
}
.border_white_right {
border-right: 1px dashed #3A434B;
}
.border_white_bottom {
border-bottom: 1px dashed #3A434B;
}
.border_black_left {
border-left: 1px dashed #DCDEDF;
}
.margin0 {
margin: 0;
}
.white h2 {
color: #FFFFFF;
}
.fourth_bg {
background: #F0F0F1;
}
.secondary_bg {
background: #1417ac;
}
.fifth_bg {
background: #FCFCFC;
}
.theme3_bg {
/*background: #F0F0F1;*/
}
.shadow3 {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.white_bg {
/*background: #FFFFFF !important;*/
position:relative;
text-align:right;
/* box-shadow: 0 1px 2px rgb(0 0 0 / 20%);*/
background:none;
}
.white {
color: #FFFFFF !important;
}
.white a {
color: #FFFFFF !important;
}
.white p {
color: #FFFFFF !important;
}
.white h1 {
color: #FFFFFF !important;
}
.white h2 {
color: #FFFFFF !important;
}
.white h3 {
color: #FFFFFF !important;
}
.white h4 {
color: #FFFFFF !important;
}
.white h5 {
color: #FFFFFF !important;
}
.white h6 {
color: #FFFFFF !important;
}
.white li {
color: #FFFFFF !important;
}
.white li a {
color: #FFFFFF !important;
}
/* author social css*/
.author_social ul {
margin: 0;
padding: 0;
}
.author_social ul li {
list-style: none;
float:left
}
.author_social ul li a {
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
background: transparent;
color: #000;
margin-left:10px;
border-radius: 50%;
font-size: 25px;
}
.author_social ul li a:hover {
background: #1417ac;
color: #FFFFFF;
}
.author_social p {
font-size: 15px;
}
.print_pddf ul {
margin: 0;
padding: 0;
}
.print_pddf ul li {
list-style: none;
float:left
}
.print_pddf ul li a {
text-align: center;
background: transparent;
color: #000;
margin-left:10px;
border-radius: 50%;
font-size: 25px;
}
.print_pddf ul li a:hover {
background: #1417ac;
color: #FFFFFF;
}
.print_pddf p {
font-size: 15px;
}
/* author css*/
.author {
position: relative;
z-index: 2;
padding-right: 60px;
display: inline-block;
text-align: right;
}
.author a {
font-size: 15px;
line-height: 15px;
font-weight: 600;
font-family: system-ui;
color: #171cf2;
}
.author .author_img {
right: 0;
position: absolute;
top: 50%;
height: 50px;
width: 50px;
margin-top: -25px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #E4E5E6;
border-radius: 50%;
overflow: hidden;
}
.author ul {
margin: 0;
padding: 0;
}
.author ul li {
list-style: none;
display: inline-block;
color: #73797F;
font-size: 15px;
}
.author ul li a {
color: #757575;
font-weight: 400;
font-size: 13px;
font-family: system-ui;
}
.video-container {
position: relative;
padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
height: 0;
overflow: hidden;
margin-bottom:18px;
}
.parallax-container {
position: relative;
padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.shadow6 {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.bold {
font-weight: 700;
background: #DADCDD;
}
.button_group a {
margin-right: 10px;
}
.button_group a:last-child {
margin-right: 0;
}
.border4 {
border-bottom: 1px solid #ECEDEE;
}
.layout3 .container {
max-width: 1110px;
}
.theme-1 {
background: #FCFCFC;
}
/*================================
RESPONSIVE CSS
*/
/*================================
HEIGH LARGE DEVICE
*/
/*================================
EXTRA LARGE DEVICE
*/
@media screen and (max-width: 1024px) and (max-width: 1300px) {
.download_btn .download_btn_group a.app_btn {
padding: 12px 10px 12px 30px;
}
.download_btn .download_btn_group a.app_btn i {
left: 7px;
font-size: 20px;
height: 20px;
width: 20px;
line-height: 20px;
margin-top: -10px;
}
.widget_tab ul li a {
padding: 12px 19px;
}
.widgets_small .single_post_text a {
line-height: 21px;
font-size: 13px;
}
.single_post_text .meta2 a {
font-size: 10px;
}
.type8 {
padding-right: 30px;
}
.ldnane {
display: none;
}
.post_type13 .meta.macth_meta {
font-size: 12px;
}
.main-nav ul.navbar-nav > li > a {
font-size: 13px;
}
.widget_tab {
margin-top: 30px;
}
.widget_tab ul li {
width: 32.3%;
}
}
/*================================
SMALL LEPTOP DEVICE
*/
@media screen and (min-width: 990px) and (max-width: small__leptop) {
.slider_demo1 {
margin-bottom: 30px;
}
.widget_tab ul li {
width: 32.3%;
}
.mt-md-60 {
margin-top: 60px;
}
}
/*================================
MEDIUM DEVICE
*/
@media screen and (min-width: 767px) and (max-width: 990px) {
.md-mt-30 {
margin-top: 30px;
}
.topbar .top_date_social > div:first-child {
padding-right: 0;
margin-right: 0;
}
.topbar .top_date_social > div:first-child:after {
display: none;
}
.trancarousel_area .nav_style1 .owl-nav {
right: -20%;
}
.mt-md-60 {
margin-top: 60px;
}
}
/*================================
LARGE MOBILE DEVICE
*/
@media screen and (max-width: 990px) {
.single_post_heading h1 {
font-size: 24px;
line-height: 32px;
}
.next_prv_single {
margin-bottom: 30px;
}
.tags li {
margin: 5px;
}
.menu_right {
float: right;
margin-top: 8px;
}
.footer .single_contact3 {
width: 100% !important;
margin-bottom: 30px !important;
}
.date3 {
width: 60%;
float: right;
}
}
/*================================
MOBILE LANDSCAPE DEVICE
*/
@media screen and (max-width: 767px) {
.copyright_menus.text-right {
text-align: left !important;
margin-top: 10px;
}
.signup_form {
margin-top: 40px;
}
.top_date_social.text-right {
text-align: left !important;
padding: 10px 0;
}
.right_btn.text-right {
text-align: left !important;
margin-top: 12px;
}
.post_type6 {
background: #404052;
}
.post_type6 .single_post_text {
padding: 20px;
position: relative;
}
.post_type6 .single_post_text a {
margin-top: 10px;
color: #fff;
font-size: 22px;
line-height: 24px;
font-weight: 700;
}
.post_type12 .single_post_text {
width: 100%;
float: unset;
padding: 0;
padding-left: 0;
padding: 20px;
}
.post_type12 .post_img {
width: 100%;
float: unset;
}
.single_post_heading h1 {
font-size: 20px;
line-height: 30px;
}
.author_about {
padding-left: 0;
}
.author_about .author_img {
position: relative;
margin-bottom: 30px;
}
.date3 {
width: 80%;
float: right;
}
.date3 p {
font-size: 12px;
}
.signup_form {
margin-bottom: 20px;
}
.download_btn .download_btn_group a.app_btn:last-child {
margin-left: 0;
margin-top: 15px;
}
.download_btn_group {
margin-top: 30px;
}
.topbar {
text-align: center;
margin-top: 20px;
}
.v3datentemp {
text-align: center !important;
}
.social4.text-right {
text-align: center !important;
margin-bottom: 20px;
}
.top_date_social.text-right {
text-align: center !important;
}
.v3datentemp > div {
width: 100%;
float: unset;
margin-bottom: 10px;
text-align: center !important;
}
.topbar {
display: none;
}
.single_post_text .meta5 {
margin-bottom: 0;
}
.single_post_text .meta5 a {
font-size: 12px;
text-transform: capitalize;
position: relative;
z-index: 2;
line-height: 17px;
margin-bottom: 5px;
color: #FFFFFF;
}
.single_post_text .meta5 a:last-child {
margin-left: 20px;
font-weight: 400;
}
.single_post_text .meta5 a:last-child:before {
position: absolute;
content: "/";
height: 20px;
width: 10px;
left: -18px;
top: 50%;
margin-top: -10px;
line-height: 20px;
color: #FFFFFF;
text-align: center;
}
.type8 {
padding-right: 0;
}
.type8 .type8_count {
display: none;
}
.viceo_posts_wrap {
padding: 10px;
}
.slider_demo1 {
margin-bottom: 50px;
}
}
/*================================
MOBILE PORTRAIT DEVICE
*/
@media screen and (max-width: 425px) {
.widget_tab ul li {
margin-right: 0;
}
.post_type13 {
height: auto;
}
p.video_img_text {
display: none;
}
.next_prv_single a {
font-size: 16px;
line-height: 26px;
}
.next_prv_single p {
font-size: 13px;
}
.replay.text-right {
text-align: left !important;
}
.tranding_bar li:last-child {
margin-top: 20px;
}
.post_type13 {
padding-left: 60px;
}
.post_type13 .post_img {
height: 45px;
width: 55px;
margin-top: 12px;
}
.post_type3 .single_post_text a {
font-size: 16px;
font-weight: 700;
line-height: 26px;
}
.post_type11 .padding30 {
padding: 10px;
}
.widget-title {
font-size: 20px;
}
.button_group a {
margin-right: 0;
margin-bottom: 15px;
}
.button_group a:last-child {
margin-bottom: 0;
}
.widget_tab ul li a {
padding: 12px 20px;
}
.single_post_text .meta2 a {
margin-left: 0 !important;
}
.cpagination li a {
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
padding: 0;
font-size: 20px;
font-weight: 500;
border: none;
border-radius: 0 !important;
}
.cpagination.v3.padding5050 {
padding: 0 0 30px 0;
}
.slider_arrow {
height: 70px;
}
.carousel_posts1 .post_type5 .single_post_text p {
display: none;
}
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
.archives .widget_tab ul li {
width: 30.3%;
}
a.single_social {
width: 30.3%;
font-size: 12px;
}
a.single_social span.icon_text {
font-size: 9px;
}
.trancarousel_area .nav_style1 .owl-nav {
right: 0;
}
.topbar .top_date_social > div:first-child {
padding-right: 20px;
margin-right: 10px;
}
.margin_lg_top_0 {
margin-top: 0;
}
.space-lg-30 {
height: 30px;
}
.theme-3 a.single_social,
.theme-4 a.single_social {
width: 30.3%;
}
}
.popular_items.mt0 {
margin-top: 0;
}
@media screen and (min-width: 1000px) {
.welcome_list .slick-track {
max-width: 990px !important;
width: 990px !important;
}
.welcome_list .slick-track .slick-slide {
width: 247px !important;
}
}
@media screen and (min-width: 1200px) {
.welcome_list .slick-track {
max-width: 1220px !important;
width: 1220px !important;
}
.welcome_list .slick-track .slick-slide {
width: 305px !important;
}
}
@media screen and (max-width: 767px) {
.searching .v1search_form input {
width: 100%;
float: none;
}
.searching .v1search_form button {
width: auto;
float: none;
margin-top: 20px;
}
.widget_tab ul li {
width: 30.3%;
}
.author_social.text-right {
text-align: left !important;
margin-top: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 960px) {
a.single_social {
width: 30.3%;
}
.archives .widget_tab ul li {
width: 30.3%;
}
.post_type12 .single_post_text {
width: 100%;
float: unset;
padding: 0;
padding-left: 0;
padding: 20px;
}
.post_type12 .post_img {
width: 100%;
float: unset;
}
}
.page_comments ul {
margin: 0;
padding: 0;
}
.home-player-icon {
position: absolute;
top: 24%;
opacity: .9;
/*text-shadow: 0px 0px 30px rgb(0 0 0 / 30%);*/
width: 30%;
display: flex;
top: 20%;
left: 35%;
}
.home-player-icon svg {
fill: rgba(255, 255, 255, 0.8);
}
.home-player-icon-sec {
position: absolute;
top: 15%;
font-size: 45px;
opacity: .9;
/*text-shadow: 0px 0px 30px rgb(0 0 0 / 30%);*/
font-size: 120px;
width: 30%;
display: flex;
left: 35%;
font-size: 100%;
}
.home-player-icon-sec svg {
fill: rgba(255, 255, 255, 0.9);
width:50px;
height:50px;
}
@-webkit-keyframes aitf {
0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; }
}
.status {
position: absolute;
width: auto;
color: white;
bottom: 10px;
right: 10px;
z-index: 1;
background-image: linear-gradient(90deg, #ff0d01, #de1a1a);
background-size: 400% 400%;
animation: animate 7.5s ease-in-out infinite;
text-align: center;
padding: 0 0px;
line-height: 1.1;
height: auto;
font-family: 'Cairo';
border-radius: 5px;
font-size: 15px;
line-height: 1;
padding: 8px;
font-weight: 600;
}
.main-logo-icon-image {
height: 40px;
}
.main-logo-icon-image path {
fill:#ff2424;
}
.main-logo-icon-image svg {
/* Similar syntax to box-shadow */
}
.local-logo-icon-image {
height: 15px;
filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .1));
}
.w_row .w_desc_{
height: 14px;
font-family: 'Janna LT';
font-size: 12px;
color: #404052;
float:right;
display: inline-block;
margin-left: 12px;
}
.w_row .w_desc_ span {
margin-right: 0px;
color: #404052;
font-weight: 600;
width: 100%;
display: inline-block;
font-family: system-ui;
line-height: 20px;
float: right;
width: auto;
}
.w_row .w_desc_ span svg {
fill:#bdbdbd;
width:20px;
height:20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
text-align: center;
vertical-align: top;
margin-left: 5px;
overflow: hidden;
}
.alarab_loc {
color: #404052;
font-size: 14px;
margin-left: 10px;
}
.local-logo-icon-image path {
fill:#f0f0f0;
}.local-logo-icon-image svg {
/* Similar syntax to box-shadow */
}
.sr-widget {
display:inline-block;
width:100%;
padding:1%;
}
.sr-bb {
font-family: "Roboto", "Noto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
background: none;
}
.sr-bb .sr-bb {
background: none;
}
.sr-bb .srt-base-1 {
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active {
background-color: #f5e4e6;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-2 {
background-color: #e6e6e6;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-hoverable:hover {
background-color: #f5e4e6;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-primary {
background-color: #fff;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-home-1 {
background-color: #fff;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-away-1 {
background-color: #fff;
color: #c96a78;
border-color: #c96a78;
}
.sr-bb .srt-base-1-home-2 {
background-color: #fff;
color: #AC1A2F;
border-color: #640f1b;
}
.sr-bb .srt-base-1-away-2 {
background-color: #fff;
color: #c96a78;
border-color: #640f1b;
}
.sr-bb .srt-base-1-home-3 {
background-color: #fff;
color: #AC1A2F;
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-away-3 {
background-color: #fff;
color: #c96a78;
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-home-4 {
background-color: #fff;
color: #c55f6d;
border-color: #c55f6d;
}
.sr-bb .srt-base-1-away-4 {
background-color: #fff;
color: #d997a1;
border-color: #d997a1;
}
.sr-bb .srt-base-1-home-5 {
background-color: #fff;
color: #70111f;
border-color: #70111f;
}
.sr-bb .srt-base-1-away-5 {
background-color: #fff;
color: #83454e;
border-color: #83454e;
}
.sr-bb .srt-base-1-background {
background-color: #fff;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-2 {
background-color: #fff;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-2-is-active {
background-color: #f5e4e6;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-2-is-hoverable:hover {
background-color: #f5e4e6;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3 {
background-color: #f5e4e6;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3-is-active {
background-color: #f2dade;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3-is-hoverable:hover {
background-color: #f2dade;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3-background {
background-color: #f5e4e6;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-4 {
background-color: #fbf4f5;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-5-is-active {
background-color: #e9c3c9;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-5-is-hoverable:hover {
background-color: #e9c3c9;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-primary-1 {
background-color: #AC1A2F;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-1-is-active {
background-color: #8a1526;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-1-is-hoverable:hover {
background-color: #8a1526;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-1-is-disabled {
background-color: #b1283b;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-2 {
background-color: #AC1A2F;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-3 {
background-color: #781221;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-4 {
background-color: #781221;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-5 {
background-color: #c96a78;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-5-is-hoverable:hover {
background-color: #AC1A2F;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-6 {
background-color: #AC1A2F;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-7 {
background-color: #AC1A2F;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-8 {
background-color: #AC1A2F;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-8-is-active-1 {
background-color: #8a1526;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-8-is-active-2 {
background-color: #8a1526;
color: #fff;
border-color: #fff;
}
.sr-bb .srt-primary-9 {
background-color: #e6bac1;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-primary-10 {
background-color: #bd4859;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-11 {
background-color: #c96a78;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-12 {
background-color: #AC1A2F;
color: #fff;
border-color: #fff;
}
.sr-bb .srt-base-1-primary-1 {
background-color: #fff;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-primary-2 {
background-color: #fff;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-primary-3 {
background-color: #fff;
color: #781221;
border-color: #781221;
}
.sr-bb .srt-base-1-primary-4 {
background-color: #fff;
color: #781221;
border-color: #781221;
}
.sr-bb .srt-base-1-primary-5 {
background-color: #fff;
color: #c96a78;
border-color: #c96a78;
}
.sr-bb .srt-base-1-primary-6 {
background-color: #fff;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-primary-7 {
background-color: #fff;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-primary-8 {
background-color: #fff;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-primary-9 {
background-color: #fff;
color: #e6bac1;
border-color: #e6bac1;
}
.sr-bb .srt-base-1-primary-10 {
background-color: #fff;
color: #bd4859;
border-color: #bd4859;
}
.sr-bb .srt-base-1-primary-11 {
background-color: #fff;
color: #c96a78;
border-color: #c96a78;
}
.sr-bb .srt-base-1-neutral-1 {
background-color: #fff;
color: #dbdbfd;
border-color: #dbdbfd;
}
.sr-bb .srt-base-1-neutral-2 {
background-color: #fff;
color: #1b1b1b;
border-color: #1b1b1b;
}
.sr-bb .srt-base-1-neutral-3 {
background-color: #fff;
color: rgba(0, 0, 0, 0.12);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-neutral-4 {
background-color: #fff;
color: #595959;
border-color: #595959;
}
.sr-bb .srt-base-1-neutral-5 {
background-color: #fff;
color: #404040;
border-color: #404040;
}
.sr-bb .srt-base-1-neutral-6 {
background-color: #fff;
color: #c2c2c2;
border-color: #c2c2c2;
}
.sr-bb .srt-base-1-neutral-7 {
background-color: #fff;
color: #595959;
border-color: #595959;
}
.sr-bb .srt-base-1-neutral-8 {
background-color: #fff;
color: #dedede;
border-color: #dedede;
}
.sr-bb .srt-base-1-neutral-9 {
background-color: #fff;
color: #f5f5f5;
border-color: #f5f5f5;
}
.sr-bb .srt-base-1-neutral-10 {
background-color: #fff;
color: rgba(0, 0, 0, 0.12);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-neutral-11 {
background-color: #fff;
color: #999;
border-color: #999;
}
.sr-bb .srt-base-1-neutral-12 {
background-color: #fff;
color: #4d4d4d;
border-color: #4d4d4d;
}
.sr-bb .srt-base-1-neutral-13 {
background-color: #fff;
color: #e6e6e6;
border-color: #e6e6e6;
}
.sr-bb .srt-base-1-is-active-primary {
background-color: #f5e4e6;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-home-1 {
background-color: #f5e4e6;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-away-1 {
background-color: #f5e4e6;
color: #c96a78;
border-color: #c96a78;
}
.sr-bb .srt-base-1-is-active-home-2 {
background-color: #f5e4e6;
color: #AC1A2F;
border-color: #640f1b;
}
.sr-bb .srt-base-1-is-active-away-2 {
background-color: #f5e4e6;
color: #c96a78;
border-color: #640f1b;
}
.sr-bb .srt-base-1-is-active-home-3 {
background-color: #f5e4e6;
color: #AC1A2F;
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-away-3 {
background-color: #f5e4e6;
color: #c96a78;
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-home-4 {
background-color: #f5e4e6;
color: #c55f6d;
border-color: #c55f6d;
}
.sr-bb .srt-base-1-is-active-away-4 {
background-color: #f5e4e6;
color: #d997a1;
border-color: #d997a1;
}
.sr-bb .srt-base-1-is-active-home-5 {
background-color: #f5e4e6;
color: #70111f;
border-color: #70111f;
}
.sr-bb .srt-base-1-is-active-away-5 {
background-color: #f5e4e6;
color: #83454e;
border-color: #83454e;
}
.sr-bb .srt-base-1-is-active-primary-1 {
background-color: #f5e4e6;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-primary-2 {
background-color: #f5e4e6;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-primary-3 {
background-color: #f5e4e6;
color: #781221;
border-color: #781221;
}
.sr-bb .srt-base-1-is-active-primary-4 {
background-color: #f5e4e6;
color: #781221;
border-color: #781221;
}
.sr-bb .srt-base-1-is-active-primary-5 {
background-color: #f5e4e6;
color: #c96a78;
border-color: #c96a78;
}
.sr-bb .srt-base-1-is-active-primary-6 {
background-color: #f5e4e6;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-primary-7 {
background-color: #f5e4e6;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-primary-8 {
background-color: #f5e4e6;
color: #AC1A2F;
border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-primary-9 {
background-color: #f5e4e6;
color: #e6bac1;
border-color: #e6bac1;
}
.sr-bb .srt-base-1-is-active-primary-10 {
background-color: #f5e4e6;
color: #bd4859;
border-color: #bd4859;
}
.sr-bb .srt-base-1-is-active-primary-11 {
background-color: #f5e4e6;
color: #c96a78;
border-color: #c96a78;
}
.sr-bb .srt-base-1-is-active-neutral-1 {
background-color: #f5e4e6;
color: #dbdbfd;
border-color: #dbdbfd;
}
.sr-bb .srt-base-1-is-active-neutral-2 {
background-color: #f5e4e6;
color: #1b1b1b;
border-color: #1b1b1b;
}
.sr-bb .srt-base-1-is-active-neutral-3 {
background-color: #f5e4e6;
color: rgba(0, 0, 0, 0.12);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-neutral-4 {
background-color: #f5e4e6;
color: #595959;
border-color: #595959;
}
.sr-bb .srt-base-1-is-active-neutral-5 {
background-color: #f5e4e6;
color: #404040;
border-color: #404040;
}
.sr-bb .srt-base-1-is-active-neutral-6 {
background-color: #f5e4e6;
color: #c2c2c2;
border-color: #c2c2c2;
}
.sr-bb .srt-base-1-is-active-neutral-7 {
background-color: #f5e4e6;
color: #595959;
border-color: #595959;
}
.sr-bb .srt-base-1-is-active-neutral-8 {
background-color: #f5e4e6;
color: #dedede;
border-color: #dedede;
}
.sr-bb .srt-base-1-is-active-neutral-9 {
background-color: #f5e4e6;
color: #f5f5f5;
border-color: #f5f5f5;
}
.sr-bb .srt-base-1-is-active-neutral-10 {
background-color: #f5e4e6;
color: rgba(0, 0, 0, 0.12);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-neutral-11 {
background-color: #f5e4e6;
color: #999;
border-color: #999;
}
.sr-bb .srt-base-1-is-active-neutral-12 {
background-color: #f5e4e6;
color: #4d4d4d;
border-color: #4d4d4d;
}
.sr-bb .srt-base-1-is-active-neutral-13 {
background-color: #f5e4e6;
color: #e6e6e6;
border-color: #e6e6e6;
}
.sr-bb .srt-home-1 {
background-color: #AC1A2F;
color: #fff;
border-color: #AC1A2F;
}
.sr-bb .srt-away-1 {
background-color: #c96a78;
color: #fff;
border-color: #c96a78;
}
.sr-bb .srt-home-2 {
background-color: #AC1A2F;
color: #fff;
border-color: #640f1b;
}
.sr-bb .srt-away-2 {
background-color: #c96a78;
color: #fff;
border-color: #640f1b;
}
.sr-bb .srt-home-3 {
background-color: #AC1A2F;
color: #fff;
border-color: #fff;
}
.sr-bb .srt-away-3 {
background-color: #c96a78;
color: #fff;
border-color: #fff;
}
.sr-bb .srt-home-4 {
background-color: #c55f6d;
color: #fff;
border-color: #c55f6d;
}
.sr-bb .srt-away-4 {
background-color: #d997a1;
color: #fff;
border-color: #d997a1;
}
.sr-bb .srt-home-5 {
background-color: #70111f;
color: #fff;
border-color: #70111f;
}
.sr-bb .srt-away-5 {
background-color: #83454e;
color: #fff;
border-color: #83454e;
}
.sr-bb .srt-neutral-1 {
background-color: #dbdbfd;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-2 {
background-color: #1b1b1b;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-3 {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-4 {
background-color: #595959;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-5 {
background-color: #404040;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-6 {
background-color: #c2c2c2;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-7 {
background-color: #595959;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-8 {
background-color: #dedede;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-9 {
background-color: #f5f5f5;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-10 {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-11 {
background-color: #999;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-12 {
background-color: #4d4d4d;
color: #fff;
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-13 {
background-color: #e6e6e6;
color: rgba(0, 0, 0, 0.82);
border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-win {
background-color: #4CAF50;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-draw {
background-color: #FDD763;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-lose {
background-color: #FB445A;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-text-secondary {
opacity: .7;
}
.sr-bb .srt-text-disabled {
opacity: .35;
}
.sr-bb .srt-text-tertiary {
opacity: .54;
}
.sr-bb .srt-icon {
opacity: .33;
}
.sr-bb .srt-elevation-1 {
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.sr-bb .srt-elevation-2 {
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.23), 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-elevation-3 {
box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.26), 0px 10px 20px 0px rgba(0, 0, 0, 0.19);
}
.sr-bb .srt-elevation-center-2 {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.23), 0 1px 5px rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-inset-top-1 {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-1 {
box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-2 {
box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-2 {
box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-3 {
box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-3 {
box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-fill-soccer-yellow-card {
fill: #ffbf00;
}
.sr-bb .srt-stroke-soccer-yellow-card {
stroke: #ffbf00;
}
.sr-bb .srt-fill-soccer-red-card {
fill: #e43b3b;
}
.sr-bb .srt-stroke-soccer-red-card {
stroke: #e43b3b;
}
.sr-bb .srt-stroke-soccer-substitution-in {
stroke: #4fbe30;
fill: transparent;
}
.sr-bb .srt-fill-soccer-substitution-in {
fill: #4fbe30;
}
.sr-bb .srt-stroke-soccer-substitution-out {
stroke: #e43b3b;
fill: transparent;
}
.sr-bb .srt-fill-soccer-substitution-out {
fill: #e43b3b;
}
.sr-bb .srt-stroke-soccer-own-goal {
stroke: #e43b3b;
fill: transparent;
}
.sr-bb .srt-fill-soccer-own-goal {
fill: #e43b3b;
}
.sr-bb .srt-fill-soccer-relegation-1 {
fill: #fdd835;
}
.sr-bb .srt-stroke-soccer-relegation-1 {
stroke: #fdd835;
}
.sr-bb .srt-fill-soccer-relegation-2 {
fill: #ffb848;
}
.sr-bb .srt-stroke-soccer-relegation-2 {
stroke: #ffb848;
}
.sr-bb .srt-fill-soccer-relegation-3 {
fill: #ef6c00;
}
.sr-bb .srt-stroke-soccer-relegation-3 {
stroke: #ef6c00;
}
.sr-bb .srt-fill-soccer-relegation-4 {
fill: #e93a34;
}
.sr-bb .srt-stroke-soccer-relegation-4 {
stroke: #e93a34;
}
.sr-bb .srt-fill-soccer-relegation-5 {
fill: #FB445A;
}
.sr-bb .srt-stroke-soccer-relegation-4 {
stroke: #941d1d;
}
.sr-bb .srt-fill-soccer-promotion-1 {
fill: #4B688C;
}
.sr-bb .srt-stroke-soccer-promotion-1 {
stroke: #004682;
}
.sr-bb .srt-fill-soccer-promotion-2 {
fill: #4CAF50;
}
.sr-bb .srt-stroke-soccer-promotion-2 {
stroke: #FB445A;
}
.sr-bb .srt-fill-soccer-promotion-3 {
fill: #51d151;
}
.sr-bb .srt-stroke-soccer-promotion-3 {
stroke: #51d151;
}
.sr-bb .srt-fill-soccer-promotion-4 {
fill: #1976d2;
}
.sr-bb .srt-stroke-soccer-promotion-4 {
stroke: #1976d2;
}
.sr-bb .srt-fill-soccer-promotion-5 {
fill: #64b5f6;
}
.sr-bb .srt-stroke-soccer-promotion-5 {
stroke: #64b5f6;
}
.sr-bb .srt-nfl-timeout-1 {
background-color: #f5a623;
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-nfl-timeout-2 {
background-color: rgba(245, 166, 35, 0.3);
color: #fff;
border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-nfl-penalty {
background-color: #f4a621;
color: #fff;
border-color: #f4a621;
}
.sr-bb .srt-nfl-negative-yards-1 {
background-color: #ac182e;
color: #fff;
border-color: #ac182e;
}
.sr-bb .srt-nfl-negative-yards-2 {
background-color: #ac182e;
color: #fff;
border-color: #ac182e;
}
.sr-bb .srt-nfl-first-line {
background-color: #4b90de;
color: #fff;
border-color: #4b90de;
}
.sr-bb .srt-nfl-ten-line {
background-color: #f5a623;
color: #fff;
border-color: #f5a623;
}
.sr-bb .srt-fill-nfl-penalty {
fill: #f4a621;
}
.sr-bb .srt-stroke-nfl-penalty {
stroke: #f4a621;
}
.sr-bb .srt-fill-nfl-negative-yards-1 {
fill: #ac182e;
}
.sr-bb .srt-stroke-nfl-negative-yards-1 {
stroke: #ac182e;
}
.sr-bb .srt-fill-nfl-negative-yards-2 {
fill: #ac182e;
}
.sr-bb .srt-stroke-nfl-negative-yards-2 {
stroke: #ac182e;
}
.sr-bb .srt-fill-nfl-first-line {
fill: #4b90de;
}
.sr-bb .srt-stroke-nfl-first-line {
stroke: #4b90de;
}
.sr-bb .srt-fill-nfl-ten-line {
fill: #f5a623;
}
.sr-bb .srt-stroke-nfl-ten-line {
stroke: #f5a623;
}
.sr-bb .srt-fill-change-increase {
fill: #4CAF50;
}
.sr-bb .srt-stroke-change-increase {
stroke: #FB445A;
}
.sr-bb .srt-fill-change-decrease {
fill: #e43b3b;
}
.sr-bb .srt-stroke-change-decrease {
stroke: #e43b3b;
}
.sr-bb .srt-fill-text {
fill: rgba(0, 0, 0, 0.82);
}
.sr-bb .srt-fill-text-invert {
fill: #fff;
}
.sr-bb .srt-fill-text-secondary {
fill-opacity: .7;
}
.sr-bb .srt-fill-text-disabled {
fill-opacity: .35;
}
.sr-bb .srt-fill-base-1 {
fill: #fff;
}
.sr-bb .srt-stroke-base-1 {
stroke: #fff;
}
.sr-bb .srt-fill-base-1-active {
fill: #f5e4e6;
}
.sr-bb .srt-stroke-base-1-active {
stroke: #f5e4e6;
}
.sr-bb .srt-fill-base-1-active-2 {
fill: #e6e6e6;
}
.sr-bb .srt-stroke-base-1-active-2 {
stroke: #e6e6e6;
}
.sr-bb .srt-fill-base-1-primary {
fill: #fff;
}
.sr-bb .srt-stroke-base-1-primary {
stroke: #fff;
}
.sr-bb .srt-fill-base-1-home {
fill: #fff;
}
.sr-bb .srt-stroke-base-1-home {
stroke: #fff;
}
.sr-bb .srt-fill-base-1-away {
fill: #fff;
}
.sr-bb .srt-stroke-base-1-away {
stroke: #fff;
}
.sr-bb .srt-fill-base-2 {
fill: #fff;
}
.sr-bb .srt-stroke-base-2 {
stroke: #fff;
}
.sr-bb .srt-fill-base-2-active {
fill: #f5e4e6;
}
.sr-bb .srt-stroke-base-2-active {
stroke: #f5e4e6;
}
.sr-bb .srt-fill-base-2-hover {
fill: #f5e4e6;
}
.sr-bb .srt-stroke-base-2-hover {
stroke: #f5e4e6;
}
.sr-bb .srt-fill-base-3 {
fill: #f5e4e6;
}
.sr-bb .srt-stroke-base-3 {
stroke: #f5e4e6;
}
.sr-bb .srt-fill-base-3-active {
fill: #f2dade;
}
.sr-bb .srt-stroke-base-3-active {
stroke: #f2dade;
}
.sr-bb .srt-fill-base-3-hover {
fill: #f2dade;
}
.sr-bb .srt-stroke-base-3-hover {
stroke: #f2dade;
}
.sr-bb .srt-fill-primary-1 {
fill: #AC1A2F;
}
.sr-bb .srt-stroke-primary-1 {
stroke: #AC1A2F;
}
.sr-bb .srt-fill-primary-2 {
fill: #AC1A2F;
}
.sr-bb .srt-stroke-primary-2 {
stroke: #AC1A2F;
}
.sr-bb .srt-fill-primary-3 {
fill: #781221;
}
.sr-bb .srt-stroke-primary-3 {
stroke: #781221;
}
.sr-bb .srt-fill-primary-4 {
fill: #781221;
}
.sr-bb .srt-stroke-primary-4 {
stroke: #781221;
}
.sr-bb .srt-fill-primary-5 {
fill: #c96a78;
}
.sr-bb .srt-stroke-primary-5 {
stroke: #c96a78;
}
.sr-bb .srt-fill-primary-6 {
fill: #AC1A2F;
}
.sr-bb .srt-stroke-primary-6 {
stroke: #AC1A2F;
}
.sr-bb .srt-fill-primary-7 {
fill: #AC1A2F;
}
.sr-bb .srt-stroke-primary-7 {
stroke: #AC1A2F;
}
.sr-bb .srt-fill-primary-8 {
fill: #AC1A2F;
}
.sr-bb .srt-stroke-primary-8 {
stroke: #AC1A2F;
}
.sr-bb .srt-fill-primary-8-is-active-1 {
fill: #8a1526;
}
.sr-bb .srt-stroke-primary-8-is-active-1 {
stroke: #8a1526;
}
.sr-bb .srt-fill-primary-8-is-active-2 {
fill: #8a1526;
}
.sr-bb .srt-stroke-primary-8-is-active-2 {
stroke: #8a1526;
}
.sr-bb .srt-fill-primary-9 {
fill: #e6bac1;
}
.sr-bb .srt-stroke-primary-9 {
stroke: #e6bac1;
}
.sr-bb .srt-fill-primary-10 {
fill: #bd4859;
}
.sr-bb .srt-stroke-primary-10 {
stroke: #bd4859;
}
.sr-bb .srt-fill-primary-11 {
fill: #c96a78;
}
.sr-bb .srt-stroke-primary-11 {
stroke: #c96a78;
}
.sr-bb .srt-fill-primary-12 {
fill: #AC1A2F;
}
.sr-bb .srt-stroke-primary-12 {
stroke: #AC1A2F;
}
.sr-bb .srt-fill-home-1 {
fill: #AC1A2F;
}
.sr-bb .srt-stroke-home-1 {
stroke: #AC1A2F;
}
.sr-bb .srt-fill-home-2 {
fill: #AC1A2F;
}
.sr-bb .srt-stroke-home-2 {
stroke: #AC1A2F;
}
.sr-bb .srt-fill-home-3 {
fill: #AC1A2F;
}
.sr-bb .srt-stroke-home-3 {
stroke: #AC1A2F;
}
.sr-bb .srt-fill-home-4 {
fill: #c55f6d;
}
.sr-bb .srt-stroke-home-4 {
stroke: #c55f6d;
}
.sr-bb .srt-fill-home-5 {
fill: #70111f;
}
.sr-bb .srt-stroke-home-5 {
stroke: #70111f;
}
.sr-bb .srt-fill-away-1 {
fill: #c96a78;
}
.sr-bb .srt-stroke-away-1 {
stroke: #c96a78;
}
.sr-bb .srt-fill-away-2 {
fill: #c96a78;
}
.sr-bb .srt-stroke-away-2 {
stroke: #c96a78;
}
.sr-bb .srt-fill-away-3 {
fill: #c96a78;
}
.sr-bb .srt-stroke-away-3 {
stroke: #c96a78;
}
.sr-bb .srt-fill-away-4 {
fill: #d997a1;
}
.sr-bb .srt-stroke-away-4 {
stroke: #d997a1;
}
.sr-bb .srt-fill-away-5 {
fill: #83454e;
}
.sr-bb .srt-stroke-away-5 {
stroke: #83454e;
}
.sr-bb .srt-fill-neutral-1 {
fill: #dbdbfd;
}
.sr-bb .srt-stroke-neutral-1 {
stroke: #dbdbfd;
}
.sr-bb .srt-fill-neutral-2 {
fill: #1b1b1b;
}
.sr-bb .srt-stroke-neutral-2 {
stroke: #1b1b1b;
}
.sr-bb .srt-fill-neutral-3 {
fill: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-stroke-neutral-3 {
stroke: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-fill-neutral-4 {
fill: #595959;
}
.sr-bb .srt-stroke-neutral-4 {
stroke: #595959;
}
.sr-bb .srt-fill-neutral-5 {
fill: #404040;
}
.sr-bb .srt-stroke-neutral-5 {
stroke: #404040;
}
.sr-bb .srt-fill-neutral-6 {
fill: #c2c2c2;
}
.sr-bb .srt-stroke-neutral-6 {
stroke: #c2c2c2;
}
.sr-bb .srt-fill-neutral-7 {
fill: #595959;
}
.sr-bb .srt-stroke-neutral-7 {
stroke: #595959;
}
.sr-bb .srt-fill-neutral-8 {
fill: #dedede;
}
.sr-bb .srt-stroke-neutral-8 {
stroke: #dedede;
}
.sr-bb .srt-fill-neutral-9 {
fill: #f5f5f5;
}
.sr-bb .srt-stroke-neutral-9 {
stroke: #f5f5f5;
}
.sr-bb .srt-fill-neutral-10 {
fill: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-stroke-neutral-10 {
stroke: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-fill-neutral-11 {
fill: #999;
}
.sr-bb .srt-stroke-neutral-11 {
stroke: #999;
}
.sr-bb .srt-fill-neutral-12 {
fill: #4d4d4d;
}
.sr-bb .srt-stroke-neutral-12 {
stroke: #4d4d4d;
}
.sr-bb .srt-fill-neutral-13 {
fill: #e6e6e6;
}
.sr-bb .srt-stroke-neutral-13 {
stroke: #e6e6e6;
}
.sr-bb .srt-fill-win {
fill: #781221;
}
.sr-bb .srt-stroke-win {
stroke: #781221;
}
.sr-bb .srt-fill-draw {
fill: #AC1A2F;
}
.sr-bb .srt-stroke-draw {
stroke: #AC1A2F;
}
.sr-bb .srt-fill-lose {
fill: #d8939d;
}
.sr-bb .srt-stroke-lose {
stroke: #d8939d;
}
.sr-bb .srt-stop-base-1 {
stop-color: #fff;
}
.sr-bb .srt-stop-primary-1 {
stop-color: #AC1A2F;
}
.sr-bb .srt-stop-primary-2 {
stop-color: #AC1A2F;
}
.sr-bb .srt-stop-primary-3 {
stop-color: #781221;
}
.sr-bb .srt-stop-primary-4 {
stop-color: #781221;
}
.sr-bb .srt-stop-primary-5 {
stop-color: #c96a78;
}
.sr-bb .srt-stop-primary-6 {
stop-color: #AC1A2F;
}
.sr-bb .srt-stop-primary-7 {
stop-color: #AC1A2F;
}
.sr-bb .srt-stop-primary-8 {
stop-color: #AC1A2F;
}
.sr-bb .srt-stop-primary-9 {
stop-color: #e6bac1;
}
.sr-bb .srt-stop-primary-10 {
stop-color: #bd4859;
}
.sr-bb .srt-stop-primary-11 {
stop-color: #c96a78;
}
.sr-bb .srt-stop-primary-12 {
stop-color: #AC1A2F;
}
.sr-bb .srt-stop-home-1 {
stop-color: #AC1A2F;
}
.sr-bb .srt-stop-away-1 {
stop-color: #c96a78;
}
.sr-bb .srt-fill-neutral-14 {
fill: #fff;
}
.sr-bb .srt-stroke-neutral-14 {
stroke: #fff;
}
.sr-bb .srt-logo-powered-by-light {
display: inline-block;
}
.sr-bb .srt-logo-powered-by-dark {
display: none;
}
.sr-bb .sr-error__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 80px;
text-align: center
}
.sr-bb .sr-error__container.srm-message-only,
.sr-bb .sr-error__container.srm-no-height-limit {
min-height: 0;
min-height: auto
}
.sr-bb .sr-error__message-wrapper {
font-weight: 300;
line-height: 24px;
padding-bottom: 16px
}
.sr-bb .sr-error__message-wrapper.srm-is-small {
padding-bottom: 8px
}
.sr-bb .sr-error__message-wrapper.srm-message-only {
padding-bottom: 0
}
.sr-bb .sr-error__message {
font-size: 14px
}
.sr-bb .sr-error__message.srm-is-small {
line-height: 16px
}
.sr-bb .sr-error__message-dev {
font-size: 12px
}
.sr-bb .sr-error__icon-wrapper {
padding: 16px 0;
position: relative
}
.sr-bb .sr-error__icon-wrapper.srm-is-small {
padding: 8px 0
}
.sr-bb .sr-error__icon {
height: 88px;
width: 88px;
fill: currentColor
}
.sr-bb .sr-error__icon.srm-is-small {
height: 24px;
width: 24px
}
.sr-bb .sr-error__license-center {
width: 0;
position: absolute;
top: 50%;
left: 50%
}
.sr-bb .sr-error__license-txt {
position: absolute;
top: 7px;
left: -5px;
font-weight: 700
}
.sr-bb {
line-height: normal
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
}
.sr-bb * {
box-sizing: border-box;
position: static;
min-height: auto;
z-index: auto
}
.sr-bb table {
border-collapse: inherit;
border-spacing: inherit
}
.sr-bb ol,
.sr-bb ul {
list-style: none
}
.sr-bb a,
.sr-bb audio,
.sr-bb b,
.sr-bb body,
.sr-bb code,
.sr-bb div,
.sr-bb footer,
.sr-bb form,
.sr-bb h1,
.sr-bb h2,
.sr-bb h3,
.sr-bb h4,
.sr-bb h5,
.sr-bb h6,
.sr-bb header,
.sr-bb html,
.sr-bb iframe,
.sr-bb img,
.sr-bb label,
.sr-bb li,
.sr-bb ol,
.sr-bb p,
.sr-bb pre,
.sr-bb span,
.sr-bb svg,
.sr-bb table,
.sr-bb tbody,
.sr-bb td,
.sr-bb tfoot,
.sr-bb th,
.sr-bb thead,
.sr-bb tr,
.sr-bb ul,
.sr-bb video {
margin: 0;
padding: 0;
border: 0;
font-size: inherit;
font: inherit;
vertical-align: inherit;
text-align: inherit;
border-color:#f1f1f1;
color: inherit;
text-shadow: none;
text-indent: 0
}
.sr-bb section {
border: inherit
}
.sr-bb a {
background-color: transparent;
text-decoration: none
}
.sr-bb a:active,
.sr-bb a:hover {
outline: 0;
text-decoration: none
}
.sr-bb abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
.sr-bb b,
.sr-bb strong {
font-weight: inherit;
font-weight: bolder
}
.sr-bb sub,
.sr-bb sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
.sr-bb sup {
top: -.5em
}
.sr-bb sub {
bottom: -.25em
}
.sr-bb img {
border: 0;
border-color:#f1f1f1;
border-radius: inherit;
max-width: none
}
.sr-bb svg:not(:root) {
overflow: hidden
}
.sr-bb hr {
box-sizing: content-box;
height: 0
}
.sr-bb button,
.sr-bb hr {
overflow: visible
}
.sr-bb button,
.sr-bb select {
text-transform: none
}
.sr-bb button,
.sr-bb input[type=button],
.sr-bb input[type=reset],
.sr-bb input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
.sr-bb button[disabled],
.sr-bb input[disabled] {
cursor: default
}
.sr-bb button::-moz-focus-inner,
.sr-bb input::-moz-focus-inner {
border: 0;
padding: 0
}
.sr-bb button:-moz-focusring,
.sr-bb input:-moz-focusring {
outline: 1px dotted ButtonText
}
.sr-bb input {
line-height: normal
}
.sr-bb input[type=checkbox],
.sr-bb input[type=radio] {
padding: 0
}
.sr-bb input[type=number]::-webkit-inner-spin-button,
.sr-bb input[type=number]::-webkit-outer-spin-button {
height: auto
}
.sr-bb input[type=search] {
-webkit-appearance: textfield
}
.sr-bb input[type=search]::-webkit-search-cancel-button,
.sr-bb input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
.sr-bb textarea {
overflow: auto
}
.sr-bb * {
-webkit-text-stroke: 1px transparent
}
.sr-bb {
font-size: 12px
}
.sr-bb.sr-rtl {
direction: rtl
}
.sr-bb.srm-fit-to-parent,
.sr-bb.srm-fit-to-parent>.sr-loader__container,
.sr-bb.srm-fit-to-parent>.sr-loader__container>.sr-error__container {
height: 100%
}
.sr-bb .srm-is-transparent {
background: transparent !important
}
.sr-bb .sr-aria-table-cell__wrapper {
height: 100%;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.sr-bb .sr-aria-table-cell__focus-wrapper {
outline: none;
border-width: 1px;
border-style: solid;
border-color: transparent !important
}
.sr-bb .sr-aria-table-cell__focus-wrapper:focus {
border-color: inherit !important
}
.sr-bb .sr-header {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
height: 16px;
text-align: center;
overflow: hidden;
padding: 0 8px 0 4px
}
.sr-bb .sr-header,
.sr-bb .sr-header__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.sr-bb .sr-header__wrapper {
max-width: 100%
}
.sr-bb .sr-header__label {
text-align: left;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.sr-bb .sr-header__round {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
.sr-bb .sr-header__round span {
padding: 0 2px
}
.sr-bb .sr-header__round>span:last-child {
margin-left: 2px
}
.sr-rtl.sr-bb .sr-header__round>span:last-child {
margin-left: 0;
margin-right: 2px
}
.sr-bb .sr-header__icon {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin: 0 4px;
width: 12px;
height: 12px
}
.sr-bb .sr-header__svg-icon {
margin-bottom: 2px
}
.sr-bb .sr-header.srm-has-border {
padding-bottom: 1px;
border-bottom-width: 1px;
border-bottom-style: solid
}
.sr-bb .sr-header__breaker {
margin: 0 2px;
text-align: center
}
.sr-bb .sr-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 48px;
z-index: 0;
outline: 0;
border-top-style: solid;
border-top-width: 1px
}
.sr-bb .sr-footer__main {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-align: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
overflow: hidden;
position: relative
}
.sr-bb .sr-footer__banner,
.sr-bb .sr-footer__main {
-webkit-box-flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.sr-bb .sr-footer__banner {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-align: center
}
.sr-bb .sr-footer__banner img {
max-width: 100%;
max-height: 47px;
display: block
}
.sr-bb .sr-footer__share-label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 12px;
padding-left: 4px
}
.sr-bb .sr-footer__share-label:first-letter {
text-transform: uppercase
}
.sr-rtl.sr-bb .sr-footer__share-label {
padding-left: 0;
padding-right: 4px
}
.sr-bb .sr-footer__share {
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.sr-bb .sr-footer__share-icon {
width: 18px;
margin: 0 16px
}
.sr-bb .sr-footer__popup {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
position: absolute;
z-index: 1;
height: 100%;
left: 0;
right: 0;
top: 0;
-webkit-transform: translateX(101%);
transform: translateX(101%);
-webkit-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
transition-timing-function: cubic-bezier(0, 0, .2, 1);
-webkit-transition-property: all;
transition-property: all;
will-change: transform;
padding: 0 8px
}
.sr-rtl.sr-bb .sr-footer__popup {
-webkit-transform: translateX(-101%);
transform: translateX(-101%)
}
.sr-bb .sr-footer__provider {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
text-decoration: none;
padding: 0 8px;
color: inherit
}
.sr-bb .sr-footer__provider-icon {
display: block;
fill: currentcolor
}
.sr-bb .sr-footer__provider-label {
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0 8px
}
.sr-bb .sr-footer.srm-social-open .sr-footer__popup {
-webkit-transform: none;
transform: none
}
.sr-bb .sr-footer-widgets {
border-top-width: 1px;
border-top-style: solid
}
.sr-bb .sr-footer-widgets.srm-no-border {
border-top-width: 0
}
.sr-bb .sr-poweredby__wrapper {
line-height: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.sr-bb .sr-poweredby__link {
display: inline-block
}
.sr-bb .sr-poweredby__logo {
width: 209px;
height: 20px
}
.sr-bb .sr-poweredby__logo.srm-lite {
width: 163.84px
}
.sr-bb .sr-poweredby__logo.srm-small {
width: 125.4px;
height: 12px
}
.sr-bb .sr-poweredby__logo.srm-small.srm-lite {
width: 98.3px
}
.sr-bb .sr-poweredby__logo.srm-large {
width: 334.4px;
height: 32px
}
.sr-bb .sr-poweredby__logo.srm-large.srm-lite {
width: 262.14px
}
.sr-bb .sr-poweredby__logo-margin {
margin: 16px 16px 16px auto
}
.sr-bb .sr-poweredby__logo-margin.srm-no-top-padding {
margin-top: 0
}
.sr-rtl.sr-bb .sr-poweredby__logo-margin {
margin-left: 16px;
margin-right: auto
}
.sr-bb .sr-poweredby__logo-black {
fill: #000
}
.sr-bb .sr-poweredby__logo-white {
fill: #fff
}
.sr-bb.sr-ad {
text-align: center
}
.sr-bb .sr-ad__banner {
text-align: center;
position: relative;
overflow: hidden
}
.sr-bb .sr-ad__banner,
.sr-bb .sr-ad__banner img {
margin-left: auto;
margin-right: auto;
max-width: 100%
}
.sr-bb .sr-ad__banner img {
height: auto;
display: block
}
.sr-bb .sr-ad__close-wrapper {
position: absolute;
top: 4px;
right: 4px
}
.sr-bb .sr-ad__close {
width: 20px;
height: 20px;
cursor: pointer;
display: block
}
.sr-bb .sr-livebadge {
width: 6px;
height: 14px;
position: relative
}
.sr-bb .sr-livebadge__tooltip {
display: none;
position: absolute;
top: -6px;
height: 24px;
padding: 0 3px;
border-radius: 3px;
border-width: 1px;
border-style: solid
}
.sr-bb .sr-livebadge__tooltip.srm-tooltip-pos-left {
right: 15px
}
.sr-bb .sr-livebadge__tooltip.srm-tooltip-pos-right {
left: 15px
}
.sr-bb .sr-livebadge__tooltip-result,
.sr-bb .sr-livebadge__tooltip-separator,
.sr-bb .sr-livebadge__tooltip-team {
display: inline-block;
line-height: 23px
}
.sr-bb .sr-livebadge__tooltip-result,
.sr-bb .sr-livebadge__tooltip-team {
padding: 0 3px
}
.sr-bb .sr-livebadge__tooltip-result {
font-weight: 500
}
.sr-bb .sr-livebadge__tooltip:after,
.sr-bb .sr-livebadge__tooltip:before {
content: "";
position: absolute;
top: 50%;
margin-top: -6px;
border-width: 6px;
border-style: solid;
display: none
}
.sr-bb .sr-livebadge__tooltip:before {
border-color: transparent transparent transparent #dbdbfd;
left: 100%
}
.sr-bb .sr-livebadge__tooltip:after {
border-color: transparent #dbdbfd transparent transparent;
right: 100%
}
.sr-bb .sr-livebadge:focus .sr-livebadge__tooltip,
.sr-bb .sr-livebadge:focus .sr-livebadge__tooltip.srm-tooltip-pos-left:before,
.sr-bb .sr-livebadge:focus .sr-livebadge__tooltip.srm-tooltip-pos-right:after,
.sr-bb .sr-livebadge:hover .sr-livebadge__tooltip,
.sr-bb .sr-livebadge:hover .sr-livebadge__tooltip.srm-tooltip-pos-left:before,
.sr-bb .sr-livebadge:hover .sr-livebadge__tooltip.srm-tooltip-pos-right:after {
display: block
}
.sr-bb .sr-lachart__chart-container {
width: 100%;
height: 100%;
font-size: 14px;
position: relative
}
.sr-bb .sr-lachart__content-wrap {
height: 100%
}
.sr-bb .sr-lachart__svg-chart {
height: 100%;
width: 100%
}
.sr-bb .sr-lachart__labels {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 1px
}
.sr-bb .sr-lachart__addComponent {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end
}
.sr-bb .sr-lachart__addComponent,
.sr-bb .sr-lachart__right-legend {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.sr-bb .sr-lachart__right-legend {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.sr-bb .sr-lachart__legends {
bottom: 8px;
line-height: 14px;
position: absolute;
width: 100%
}
.sr-bb .sr-lachart__legends-container {
position: relative;
text-align: center;
height: inherit
}
.sr-bb .sr-lachart__legends-content {
display: inline-block
}
.sr-bb .sr-lachart__legend {
float: left
}
.sr-bb .sr-lachart__legend-box {
border-radius: 2px;
display: block;
float: left;
height: 16px;
margin-left: 16px;
margin-right: 8px;
width: 16px
}
.sr-bb .sr-lachart__label {
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.sr-bb .sr-lachart__xlabel {
overflow: hidden;
line-height: 25px
}
.sr-bb .sr-lachart__xlabel:first-child {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.sr-bb .sr-lachart__xlabel:first-child:before {
left: 0
}
.sr-bb .sr-lachart__xlabel:nth-child(2n) {
display: none
}
.sr-bb .sr-lachart__ylabel {
border-radius: 0 3px 3px 0;
line-height: 20px;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px
}
.sr-bb .sr-lachart__ylabel:first-child {
border-bottom-right-radius: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.sr-bb .sr-lachart__ylabel:nth-child(2n) {
display: none
}
.sr-bb .sr-lachart__ylabel-proc-top:last-child {
border-top-right-radius: 0;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.sr-bb .sr-lachart__label-span {
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.sr-bb .sr-lachart__label-span:last-child {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.sr-bb .sr-lachart__ylabels {
bottom: 0;
left: 0;
position: absolute;
top: 0
}
.sr-bb .sr-lachart__grid_x:nth-child(2n) {
stroke-dasharray: 3, 3
}
.sr-bb .sr-lachart__circle-empty,
.sr-bb .sr-lachart__line {
fill: none;
stroke-width: 2
}
.sr-bb .sr-lachart__grid {
stroke-width: 1
}
.sr-bb .sr-lachart__dashed-line {
stroke-dasharray: 5, 3
}
.sr-bb .sr-lachart__circle-circle-border {
stroke-width: 2
}
.sr-bb .sr-season-standings-one-team__main-title {
font-size: 14px;
text-transform: uppercase;
padding: 21px 16px 3px;
font-weight: 400;
text-align: left
}
.sr-rtl.sr-bb .sr-season-standings-one-team__main-title {
text-align: right
}
.sr-bb .sr-season-standings-one-team__content-wrap {
position: relative
}
.sr-ltr.sr-bb .sr-season-standings-one-team__content-wrap {
padding: 18px 24px 5px 56px
}
.sr-rtl.sr-bb .sr-season-standings-one-team__content-wrap {
padding: 18px 56px 5px 24px
}
.sr-bb .sr-season-standings-one-team__ylabel-wrap {
float: left;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.sr-rtl.sr-bb .sr-season-standings-one-team__ylabel-wrap {
float: right
}
.sr-bb .sr-season-standings-one-team__ylabel-element {
float: right;
-webkit-transform: translateX(50%);
transform: translateX(50%);
font-size: 12px
}
.sr-rtl.sr-bb .sr-season-standings-one-team__ylabel-element {
float: left;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.sr-bb .sr-season-standings-one-team__chart-labels {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-weight: 300
}
.sr-bb .sr-season-standings-one-team__chart-labels-numbers {
position: absolute;
top: 0;
bottom: 0;
left: 6px;
right: 6px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 20px
}
.sr-bb .sr-season-standings-one-team__chart-labels-round {
text-transform: uppercase;
text-align: center;
padding-top: 5px;
font-weight: 300
}
.sr-ltr.sr-bb .sr-season-standings-one-team__chart-labels-round {
margin-left: -28px
}
.sr-rtl.sr-bb .sr-season-standings-one-team__chart-labels-round {
margin-right: -28px
}
.sr-bb .sr-season-standings-one-team__chart-labels-position {
text-transform: uppercase;
text-align: center;
position: absolute;
width: 0;
font-weight: 300
}
.sr-ltr.sr-bb .sr-season-standings-one-team__chart-labels-position {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.sr-rtl.sr-bb .sr-season-standings-one-team__chart-labels-position {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.sr-bb .sr-season-standings-one-team__chart-labels-position-wrapper {
position: absolute;
top: 0;
bottom: 0;
width: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.sr-ltr.sr-bb .sr-season-standings-one-team__chart-labels-position-wrapper {
left: 23px
}
.sr-rtl.sr-bb .sr-season-standings-one-team__chart-labels-position-wrapper {
right: 23px
}
.sr-bb .sr-season-standings-one-team__chart-labels-position-inner {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.sr-bb .sr-season-standings-one-team__chart-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding-top: 5px;
padding-bottom: 4px
}
.sr-rtl.sr-bb .sr-season-standings-one-team__chart-content {
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
.sr-bb .sr-season-standings-one-team__chart-content .sr-lachart__line {
stroke-width: 2px
}
.sr-bb .sr-season-standings-one-team__content-chart-table {
position: relative
}
.sr-bb .sr-season-standings-one-team__lines-wrapper {
position: absolute;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.sr-bb .sr-season-standings-one-team__lines-label {
width: 30px;
font-size: 12px;
font-weight: 300;
line-height: 10px
}
.sr-ltr.sr-bb .sr-season-standings-one-team__lines-label {
margin-left: -40px;
margin-right: 10px;
text-align: right
}
.sr-rtl.sr-bb .sr-season-standings-one-team__lines-label {
margin-right: -40px;
margin-left: 10px;
text-align: left
}
.sr-bb .sr-season-standings-one-team__lines-line {
border-bottom: 1px solid;
margin-top: auto;
margin-bottom: auto;
height: 1px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.sr-bb .sr-season-standings-one-team__lines-line-vertical {
position: absolute;
top: 0;
bottom: 0;
border-right-style: dotted;
border-right-width: 1px
}
.sr-bb .sr-season-standings-one-team__last-next-match-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 8px;
margin: auto
}
.sr-bb .sr-season-standings-one-team__last-next-match-item-wrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 8px;
max-width: 400px
}
.sr-bb .sr-season-standings-one-team__last-next-match-labels {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
text-transform: uppercase;
font-size: 10px;
padding-bottom: 3px
}
.sr-bb .sr-season-standings-one-team__last-next-match-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 32px
}
.sr-bb .sr-season-standings-one-team__last-next-match-content-left {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.sr-rtl.sr-bb .sr-season-standings-one-team__last-next-match-content-left {
text-align: right
}
.sr-bb .sr-season-standings-one-team__last-next-match-content-center {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 10px 0;
line-height: 12px
}
.sr-bb .sr-season-standings-one-team__last-next-match-content-right {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.sr-ltr.sr-bb .sr-season-standings-one-team__last-next-match-content-right {
text-align: right
}
.sr-rtl.sr-bb .sr-season-standings-one-team__last-next-match-content-right {
text-align: left
}
.sr-bb .sr-season-standings-one-team__last-next-match-content-result-bold {
font-weight: 700
}
.sr-bb .sr-season-standings-one-team__last-next-match-content-result-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.sr-bb .sr-season-standings-one-team__last-next-match-content-result-wrapper>div {
padding-left: 1px;
padding-right: 1px
}
.sr-bb .sr-season-standings-one-team__last-next-match-content-crest {
margin: 8px;
height: 16px;
width: 16px
}
.sr-bb .sr-season-standings-one-team__last-next-match-content-team-name {
margin: 10px 0;
line-height: 12px;
white-space: nowrap
}
.sr-bb .sr-season-standings-one-team__last-next-match-content-team-abbr {
display: none
}
.sr-bb .sr-season-standings-one-team__last-next-match-content.srm-is-clickable {
cursor: pointer
}
.sr-season-standings-one-team.sr-medium .sr-season-standings-one-team__last-next-match-content-team-abbr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 10px 0;
line-height: 12px
}
.sr-season-standings-one-team.sr-medium .sr-season-standings-one-team__last-next-match-content-team-name {
display: none
}
.sr-season-standings-one-team.sr-medium .sr-lachart__line {
stroke-width: 1px
}
.sr-season-standings-one-team.sr-small .sr-season-standings-one-team__last-next-match-content-team-abbr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 10px 0;
line-height: 12px
}
.sr-season-standings-one-team.sr-small .sr-season-standings-one-team__last-next-match-content-team-name {
display: none
}
.sr-season-standings-one-team.sr-small .sr-season-standings-one-team__last-next-match-content-crest {
margin-left: 5px;
margin-right: 5px
}
.sr-season-standings-one-team.sr-small .sr-lachart__line {
stroke-width: 1px
}
.sr-season-standings-one-team .sr-bb .sr-lachart__svg-chart {
padding-bottom: 1px
}