body {
color: #757575;
background: #edf3f4;
font-family: "Tajawal", sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.5;
-ms-word-wrap: break-word;
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #222222;
font-family: "Tajawal", sans-serif;
}
input,
textarea,
select {
border-radius: 3px;
}
input.form-control,
textarea.form-control,
select.form-control {
border: none;
background: #edf3f4;
box-shadow: none;
}
input,
textarea,
select,
button,
.btn {
font-family: "Tajawal", sans-serif;
}
a {
color: #222222;
text-decoration: none;
transition: 0.3s ease;
}
a:focus,
a:hover {
color: #a7a7a7;
text-decoration: none;
cursor: pointer !important;
}
address {
font-style: normal;
}
p {
margin-top: 0;
}
iframe {
display: block;
border: none;
}
p,
ul,
ol,
pre,
h1,
h2,
h3,
h4,
h5,
h6,
table,
form {
margin-bottom: 20px;
line-height: 1.786em;
}
h1,
h2,
h3 {
font-weight: normal;
line-height: 1.35;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
ins {
text-decoration: none;
}
pre {
background: none;
}
embed,
iframe,
object {
max-width: 100%;
} blockquote {
position: relative;
margin: 10px 0;
margin: 10px 0;
padding: 0;
border: none;
color: #a7a7a7;
}
blockquote p {
margin-bottom: 30px !important;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
blockquote cite {
display: block;
color: #999999;
font-size: 0.6em;
font-style: normal;
} img {
display: inline-block;
max-width: 100%;
height: auto;
}
img[class*="wp-image-"] {
margin-top: 10px;
margin-bottom: 10px;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignnone {
margin: 5px 0 20px 20px;
}
a img.alignleft {
float: right;
margin: 5px 0 20px 20px;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%;
margin-bottom: 20px;
padding: 0;
border-radius: 4px;
}
.wp-caption.aligncenter {
margin-bottom: 20px;
}
.wp-caption img {
display: block;
margin-top: 5px;
}
.wp-caption .wp-caption-text {
margin: 10px 0;
font-size: 13px;
text-align: center;
}
.wp-caption .wp-caption-text img {
display: inline;
margin-top: 0;
border-radius: 0;
}
.alignleft {
display: inline;
float: right;
margin-left: 1.5em;
}
.alignright {
display: inline;
float: left;
margin-right: 1.5em;
}
.aligncenter {
display: block;
clear: both;
margin: 0 auto;
} .gallery {
margin-bottom: 20px;
}
.gallery .thumbnail {
margin-bottom: 10px;
}
.gallery .thumbnail img {
width: 100%;
border-radius: 2px;
}
.gallery .caption,
.gallery-caption {
margin-bottom: 20px;
font-size: 12px;
text-align: center;
}
@media (min-width: 768px) {
.gallery-col-5 .col-sm-2 {
width: 20%;
}
.gallery-col-7 .col-sm-1 {
width: 14.28571428571429%;
}
.gallery-col-8 .col-sm-1 {
width: 12.5%;
}
.gallery-col-9 .col-sm-1 {
width: 11.11111111111111%;
}
} .clear {
clear: both;
} .screen-reader-text {
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
width: 1px;
height: 1px;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
display: block;
clip: auto !important;
z-index: 100000;
top: 5px;
right: 5px;
width: auto;
height: auto;
padding: 15px 23px 14px;
border-radius: 3px;
color: #21759b;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font-size: 14px;
font-weight: bold;
line-height: normal;
text-decoration: none; }
.btn {
padding-left: 30px;
padding-right: 30px;
border-radius: 20px;
}
.btn.btn-default {
border-color: #2f2b35;
color: #ffffff;
background: #2f2b35;
}
.btn.btn-default:hover {
border-color: #5a5462;
color: #ffffff;
background: #5a5462;
}
.btn.btn-primary {
border: #2f2b35;
color: #ffffff;
background: #2f2b35;
font-family: "Tajawal", sans-serif;
}
.btn.btn-primary:hover {
border-color: #5a5462;
color: #ffffff;
background: #5a5462;
} .search-form-box {
position: relative;
}
.search-form-box .search-field {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
border: 1px solid #cccccc;
border-radius: 4px;
color: #555555;
background-color: #ffffff;
background-image: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
font-size: 14px;
line-height: 1.42857143;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.search-form-box .search-field:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.search-form-box .search-field::-moz-placeholder {
opacity: 1;
color: #999999;
}
.search-form-box .search-field:-ms-input-placeholder {
color: #999999;
}
.search-form-box .search-field::-webkit-input-placeholder {
color: #999999;
}
.search-form-box .search-submit {
display: none;
} .social-connect [class*="facebook"] {
color: #3b5998;
}
.social-connect [class*="twitter"] {
color: #55acee;
}
.social-connect [class*="google"] {
color: #e02f2f;
}
.social-connect [class*="instagram"] {
color: #974518;
}
.social-connect [class*="rss"] {
color: #f26522;
}
.social-connect [class*="envelope"] {
color: #757575;
}
.social-connect [class*="youtube"] {
color: #e02b28;
}
.social-connect [class*="flickr"] {
color: #0063db;
}
.social-connect [class*="linkedin"] {
color: #007bb5;
}
.social-connect [class*="pinterest"] {
color: #cc2127;
}
.social-connect [class*="dribbble"] {
color: #e94c89;
}
.social-connect [class*="github"] {
color: #000000;
}
.social-connect [class*="lastfm"] {
color: #da001c;
}
.social-connect [class*="vimeo"] {
color: #1ab7ea;
}
.social-connect [class*="tumblr"] {
color: #44546a;
}
.social-connect [class*="soundcloud"] {
color: #ff4700;
}
.social-connect [class*="behance"] {
color: #111111;
}
.social-connect [class*="deviantart"] {
color: #536551;
}
.row-height {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.col-height {
display: table-cell;
float: none;
height: 100%;
}
.col-top {
vertical-align: top;
}
.col-middle {
vertical-align: middle;
}
.col-bottom {
vertical-align: bottom;
}
.inside {
margin-top: 20px;
margin-bottom: 20px;
}
.inside-full-height {
height: 100%;
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 480px) {
.row-xs-height {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.col-xs-height {
display: table-cell;
float: none;
height: 100%;
}
.col-xs-top {
vertical-align: top;
}
.col-xs-middle {
vertical-align: middle;
}
.col-xs-bottom {
vertical-align: bottom;
}
}
@media (min-width: 768px) {
.row-sm-height {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.col-sm-height {
display: table-cell;
float: none;
height: 100%;
}
.col-sm-top {
vertical-align: top;
}
.col-sm-middle {
vertical-align: middle;
}
.col-sm-bottom {
vertical-align: bottom;
}
}
@media (min-width: 992px) {
.row-md-height {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.col-md-height {
display: table-cell;
float: none;
height: 100%;
}
.col-md-top {
vertical-align: top;
}
.col-md-middle {
vertical-align: middle;
}
.col-md-bottom {
vertical-align: bottom;
}
}
@media (min-width: 1200px) {
.row-lg-height {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.col-lg-height {
display: table-cell;
float: none;
height: 100%;
}
.col-lg-top {
vertical-align: top;
}
.col-lg-middle {
vertical-align: middle;
}
.col-lg-bottom {
vertical-align: bottom;
}
} .section-site-header {
position: relative;
}
.site-header {
z-index: 999;
height: 130px;
padding: 0;
background: #2f2b35;
font-size: 22px;
line-height: 28px;
}
@media screen and (max-width: 767px) {
.site-header {
height: auto;
text-align: center;
}
}
.site-header .site-brand {
margin: 0;
padding: 0;
}
@media screen and (max-width: 767px) {
.site-header .site-brand.pull-left {
float: none !important;
}
}
.site-header .navbar-brand {
height: auto;
margin: 0;
padding: 0;
}
@media screen and (max-width: 767px) {
.site-header .navbar-brand {
float: none;
}
}
.site-header .site-logo-text {
padding-top: 35px;
color: #ffffff;
font-family: "Tajawal", sans-serif;
font-size: 38px;
line-height: 40px;
}
@media screen and (max-width: 767px) {
.site-header .site-logo-text {
padding-top: 10px;
}
}
.site-header .site-logo-image {
line-height: 130px;
}
@media screen and (max-width: 767px) {
.site-header .site-logo-image {
padding: 10px 0;
line-height: normal;
}
}
.site-header .site-logo-image img {
width: auto;
height: 60px;
}
@media screen and (max-width: 767px) {
.site-header .site-logo-image img {
height: 60px !important;
}
}
.site-header .site-description {
margin: 5px 0 0 0;
color: #ffffff;
font-size: 15px;
line-height: 21px;
}
.site-header .site-quicknav {
padding-top: 35px;
}
@media screen and (max-width: 767px) {
.site-header .site-quicknav {
padding-top: 0;
}
.site-header .site-quicknav.pull-right {
float: none !important;
}
.site-header .site-quicknav .header-minicart {
position: absolute;
left: 15px;
}
}
.site-header .site-quicknav .navbar-right {
margin-top: 0;
margin-left: 0 !important;
}
.site-header .site-quicknav .dropdown {
display: inline-block;
float: right;
}
.site-header .site-quicknav .dropdown .dropdown-toggle {
height: 60px;
padding: 0 20px 0 0;
color: #ffffff;
background: none !important;
line-height: 60px;
}
@media screen and (max-width: 767px) {
.site-header .site-quicknav .dropdown .dropdown-toggle {
padding: 0;
}
}
.site-header .site-quicknav .dropdown .dropdown-toggle:hover,
.site-header .site-quicknav .dropdown .dropdown-toggle:focus {
background: none !important;
}
.site-header .site-quicknav .dropdown .dropdown-toggle i {
float: right;
font-size: 24px;
line-height: 60px;
vertical-align: middle;
}
.site-header .site-quicknav .dropdown .dropdown-toggle .topnav-label {
float: right;
padding-left: 5px;
font-weight: 600;
line-height: 60px;
}
.site-header .site-quicknav .dropdown .dropdown-toggle .topnav-label .amount {
padding-top: 3px;
}
.site-header .site-quicknav .dropdown .dropdown-menu {
z-index: 999;
left: 0;
right: auto;
min-width: 250px;
margin-top: 0;
border-radius: 0;
}
.site-header .site-quicknav .dropdown .dropdown-menu.empty-content {
padding: 20px;
color: #ffffff;
background: #28cdf0;
text-align: center;
}
.site-header .site-quicknav .dropdown .dropdown-menu.empty-content .button.wc-forward {
display: inline-block;
border: 1px solid #ffffff;
border-radius: 20px;
color: #ffffff;
font-weight: normal;
letter-spacing: 0;
}
.site-header .site-quicknav .dropdown .dropdown-menu.empty-content .button.wc-forward:hover {
background: none;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown {
padding: 20px 20px 0;
color: #ffffff;
background: #28cdf0;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart {
padding: 0;
background: #28cdf0;
font-size: 12px;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart li.empty {
margin: 0;
padding: 0 0 0 15px;
text-align: center;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .buttons {
margin: 0;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .buttons a {
z-index: 9999;
border: 1px solid #ffffff;
background: none;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .widget_shopping_cart_content a,
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .widget_shopping_cart_content span.amount {
color: #ffffff;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .widget_shopping_cart_content .total {
color: #ffffff;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .widget_shopping_cart_content .total .amount {
color: #ffffff;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
margin: 0;
}
.site-header .site-quicknav .dropdown .topnav-search-dropdown {
margin: 0;
padding: 0;
}
.site-header .site-quicknav .dropdown .topnav-search-dropdown form {
margin: 0;
}
.site-header .site-quicknav .dropdown .topnav-search-dropdown form .search-field {
border: none;
}
.site-header .site-quicknav .dropdown .topnav-search-dropdown form .search-submit {
border: none;
background: #28cdf0;
}
.site-header div.site-menu {
padding-top: 35px;
background: none;
}
@media (max-width: 991px) {
.site-header div.site-menu {
float: none !important;
clear: both;
margin: 0;
padding: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.site-header div.site-menu .navbar-nav {
position: relative;
z-index: 999;
margin: 20px 0 40px;
padding: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
background: #2f2b35;
}
.site-header div.site-menu .navbar-nav li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.site-header div.site-menu .navbar-nav li :last-of-type {
border-bottom: none;
}
.site-header div.site-menu .navbar-nav li a {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.site-header div.site-menu .navbar-nav .dropdown-menu {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: inherit;
}
.site-header div.site-menu .navbar-nav .dropdown-menu > .active > a,
.site-header div.site-menu .navbar-nav .dropdown-menu > .active > a:hover,
.site-header div.site-menu .navbar-nav .dropdown-menu > .active > a:focus {
background: #28cdf0;
}
.site-header div.site-menu .navbar-nav.sm-collapsible .caret,
.site-header div.site-menu .navbar-nav.sm-collapsible ul .caret {
margin-left: 5px;
border: none;
}
.site-header div.site-menu .navbar-nav.sm-collapsible .caret:before {
font-family: "FontAwesome";
font-weight: normal;
content: "\f104";
}
.site-header div.site-menu .navbar-nav.sm-collapsible .open > a > .caret:before {
content: "\f107";
}
.site-header div.site-menu .navbar-nav .open > a,
.site-header div.site-menu .navbar-nav .open > a:hover,
.site-header div.site-menu .navbar-nav .open > a:focus {
background: none;
}
.site-header div.site-menu .navbar-nav .navbar-toggle:hover,
.site-header div.site-menu .navbar-nav .navbar-toggle:focus {
background: none !important;
}
}
@media (min-width: 992px) {
.site-header div.site-menu {
height: 60px !important;
text-align: center;
}
.site-header div.site-menu .navbar-nav {
display: inline-block;
float: none;
}
.site-header div.site-menu .navbar-nav li.current-menu-item > a:after {
visibility: visible;
z-index: 1;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.site-header div.site-menu .navbar-nav li a {
color: #ffffff;
background: none;
line-height: 30px;
text-transform: uppercase;
}
.site-header div.site-menu .navbar-nav li a:after {
display: block;
position: relative;
bottom: 0;
width: 100%;
height: 1px;
opacity: 0;
background: #28cdf0;
content: "";
transition: 0.3s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.site-header div.site-menu .navbar-nav li a:focus,
.site-header div.site-menu .navbar-nav li a:hover {
color: #ffffff;
background: none !important;
}
.site-header div.site-menu .navbar-nav li a:focus:after,
.site-header div.site-menu .navbar-nav li a:hover:after {
visibility: visible;
z-index: 1;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.site-header div.site-menu .navbar-nav li .dropdown-menu {
display: block;
min-width: 200px;
border: none;
border-radius: 0;
opacity: 0;
background: rgba(40, 205, 240, 0.95);
transition: 0.3s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.site-header div.site-menu .navbar-nav li .dropdown-menu a {
padding-top: 7px;
padding-bottom: 7px;
font-size: 16px;
line-height: 20px;
}
.site-header div.site-menu .navbar-nav li .dropdown-menu .dropdown-menu {
top: 0;
margin-right: 100%;
}
.site-header div.site-menu .navbar-nav li .dropdown-menu .active a {
background: none;
}
.site-header div.site-menu .navbar-nav li:hover > .dropdown-menu {
visibility: visible;
z-index: 99;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.site-header div.site-menu .navbar-nav li.open a {
background: none;
}
}
body.header_absolute .section-site-header {
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 100%;
}
body.header_absolute.admin-bar .section-site-header {
top: 32px;
}
@media screen and (max-width: 782px) {
body.header_absolute.admin-bar .section-site-header {
top: 46px;
}
}
body.header_absolute .site-header {
background: none;
}
.page-title {
padding: 65px 0;
background-color: #515570;
background-size: cover;
text-align: center;
}
.page-title h1,
.page-title h2 {
margin: 0;
padding: 5px 0;
color: #ffffff;
font-size: 45px;
font-weight: normal;
line-height: 50px;
text-transform: capitalize;
}
.page-title .breadcrumbs,
.woocommerce .page-title .woocommerce-breadcrumb {
margin: 0;
padding: 10px 0 5px;
color: #ffffff;
background: none;
font-size: 15px;
font-weight: normal;
font-style: normal;
line-height: 20px;
}
.page-title .breadcrumbs li.active span,
.woocommerce .page-title .woocommerce-breadcrumb li.active span {
color: #ffffff;
}
.page-title .breadcrumbs a,
.woocommerce .page-title .woocommerce-breadcrumb a {
color: #ffffff;
}
.page-title .breadcrumbs a:hover,
.woocommerce .page-title .woocommerce-breadcrumb a:hover {
color: #28cdf0;
} .main-content-container {
padding-top: 60px;
padding-bottom: 60px;
}
@media (max-width: 768px) {
.main-content-container {
padding-top: 30px;
padding-bottom: 30px;
}
}
#content {
position: relative;
margin: 0;
padding: 0;
}
.entry {
position: relative;
margin-bottom: 30px;
padding: 45px 50px 25px;
border-radius: 6px;
background: #ffffff;
}
@media (max-width: 500px) {
.entry {
margin-bottom: 20px;
padding: 20px 20px 5px;
}
}
.page #content,
.single #content,
.error404 #content {
padding-left: 50px;
padding-right: 50px;
border-radius: 6px;
background: #ffffff;
}
.page #content .entry,
.single #content .entry,
.error404 #content .entry {
margin: 0;
padding-left: 0;
padding-right: 0;
background: none;
}
@media (max-width: 500px) {
.page #content,
.single #content,
.error404 #content {
padding: 0 15px;
}
}
.entry:before,
.entry:after {
display: table;
content: " ";
}
.entry:after {
clear: both;
}
.entry .entry-header {
margin-bottom: 30px;
}
.entry .entry-meta-time {
display: block;
margin-bottom: 10px;
font-family: "Tajawal", serif;
}
.entry .entry-meta-time a {
font-size: 16px;
}
.entry .entry-meta-time a time {
color: #a7a7a7;
}
.entry .entry-meta-time .updated {
display: none;
}
.entry .entry-meta-time .updated.published {
display: inline;
}
.entry .entry-title {
margin: 0 0 5px;
padding: 0;
color: #222222;
font-size: 30px;
font-weight: 300;
}
.entry .entry-title a,
.entry .entry-title a:visited {
color: #222222;
}
.entry .entry-meta {
font-family: "Tajawal", serif;
font-size: 13px;
font-style: normal;
}
.entry .entry-meta .entry-meta-item a,
.entry .entry-meta .entry-meta-item a:visited {
color: #757575;
}
.entry .entry-meta .entry-meta-item a:hover,
.entry .entry-meta .entry-meta-item a:visited:hover {
color: #222222;
}
.entry .entry-meta .entry-meta-item .updated {
display: none;
}
.entry .entry-meta .entry-meta-item .updated.published {
display: inline;
}
.entry .entry-content {
padding: 0;
}
.entry .entry-content .wp-caption {
position: relative;
}
.entry .entry-content .pagination > li > a,
.entry .entry-content .pagination > li a > span {
color: #ecad25;
}
.entry .entry-content .pagination > li > a:hover,
.entry .entry-content .pagination > li > a:focus,
.entry .entry-content .pagination > li a > span:hover,
.entry .entry-content .pagination > li a > span:focus {
color: #28cdf0;
}
.entry .read-more-link {
color: #28cdf0;
}
.entry.sticky .sticky-label {
position: absolute;
top: -1px;
left: 50px;
width: 30px;
min-width: 30px;
max-width: 100px;
padding: 5px 12px 0;
border-radius: 0;
border-radius: 0;
color: #ffffff;
background: #ef2e5e;
font-size: 10px;
font-weight: bold;
line-height: 10px;
text-align: center;
text-transform: uppercase;
}
.entry.sticky .sticky-label:before {
position: absolute;
bottom: -20px;
right: 0;
width: 0;
height: 0;
border-width: 10px 15px 10px;
border-style: solid;
border-color: #ef2e5e #ef2e5e transparent #ef2e5e;
content: "";
}
.entry-footer {
font-family: "Tajawal", serif;
font-size: 12px;
text-transform: uppercase;
}
.entry-footer .entry-meta-tags {
display: inline-block;
margin-bottom: 10px;
}
.entry-footer .entry-meta-label {
position: relative;
margin-left: 40px;
}
.entry-footer .entry-meta-label:after {
position: absolute;
top: 8px;
left: -30px;
width: 20px;
max-width: 50px;
height: 1px;
background: #e5e5e5;
content: "";
}
.entry-footer .entry-meta-label i {
margin-left: 10px;
font-size: 18px;
line-height: 30px;
vertical-align: middle;
}
.entry-footer .entry-meta-content {
color: #28cdf0;
}
.entry-footer .entry-meta-content a,
.entry-footer .entry-meta-content a:visited {
color: #28cdf0;
} .paging-navigation {
position: relative;
width: 100%;
margin: 60px 0 0;
padding: 30px 0 0;
border-top: 1px dashed #e5e5e5;
font-family: "Tajawal", serif;
text-align: center;
}
.paging-navigation ul.pagination {
display: inline-block;
position: relative;
min-width: 100%;
margin: 0;
padding: 0;
}
.paging-navigation ul.pagination li {
display: inline-block;
padding: 0;
list-style: none;
}
.paging-navigation ul.pagination li.pagination-list:first-child.active span:before {
visibility: hidden;
}
.paging-navigation ul.pagination li.pagination-list a {
position: relative;
}
.paging-navigation ul.pagination li.pagination-list a:before {
position: absolute;
right: 0;
content: ".";
}
.paging-navigation ul.pagination li.pagination-list .page-numbers {
padding: 6px 12px;
border: none;
color: #1b1b1b;
background: none;
font-size: 20px;
text-transform: uppercase;
}
.paging-navigation ul.pagination li.pagination-list .page-numbers:focus,
.paging-navigation ul.pagination li.pagination-list .page-numbers:hover {
outline: none;
color: #a7a7a7;
background: none;
}
.paging-navigation ul.pagination li.pagination-list.active span:before {
position: absolute;
right: 0;
content: ".";
}
.paging-navigation ul.pagination li.pagination-list.active .page-numbers {
color: #222222;
background: none;
font-weight: bold;
}
.paging-navigation ul.pagination li.pagination-prev a {
position: absolute;
top: 0;
right: 0;
padding: 0 0 0 3px;
}
.paging-navigation ul.pagination li.pagination-next a {
position: absolute;
top: 0;
left: 0;
padding: 0 3px 0 0;
}
.paging-navigation ul.pagination li.pagination-prev a,
.paging-navigation ul.pagination li.pagination-next a {
display: block;
width: 28px;
height: 28px;
border: none;
border-radius: 50%;
color: #ffffff !important;
background: #2f2b35 !important;
font-size: 12px;
line-height: 28px;
text-align: center;
}
.paging-navigation ul.pagination li.pagination-prev a:before,
.paging-navigation ul.pagination li.pagination-next a:before {
display: none;
}
.paging-navigation ul.pagination li.pagination-prev a:hover,
.paging-navigation ul.pagination li.pagination-next a:hover {
background: #5a5462 !important;
}
.paging-navigation ul.pagination li.pagination-dots + .pagination-list a:before,
.paging-navigation ul.pagination li.pagination-prev + .pagination-list a:before {
visibility: hidden;
}
.paging-navigation ul.pagination li.pagination-dots.disabled span {
border-color: transparent;
background-color: transparent;
} .navigation.post-navigation {
position: relative;
margin: 0;
padding: 45px 0;
border-top: 1px dashed #e5e5e5;
}
.navigation.post-navigation:before,
.navigation.post-navigation:after {
display: table;
content: " ";
}
.navigation.post-navigation:after {
clear: both;
}
.navigation.post-navigation .nav-previous,
.navigation.post-navigation .nav-next {
font-size: 18px;
text-transform: inherit;
}
.navigation.post-navigation .nav-previous a,
.navigation.post-navigation .nav-next a {
color: #222222;
font-size: 18px;
}
.navigation.post-navigation .nav-previous span,
.navigation.post-navigation .nav-next span {
display: block;
line-height: 18px;
}
.navigation.post-navigation .nav-previous span.post-title:hover,
.navigation.post-navigation .nav-next span.post-title:hover {
color: #a7a7a7;
}
.navigation.post-navigation .nav-previous span.post-date,
.navigation.post-navigation .nav-next span.post-date {
color: #a7a7a7;
font-family: "Tajawal", serif;
font-size: 13px;
}
.navigation.post-navigation .nav-previous .desc-control,
.navigation.post-navigation .nav-next .desc-control {
margin: 0;
padding: 0;
}
.navigation.post-navigation .nav-previous .desc-control .icon-label,
.navigation.post-navigation .nav-next .desc-control .icon-label {
position: absolute;
top: 0;
width: 14px;
height: 10px;
color: #28cdf0;
}
.navigation.post-navigation .nav-previous .desc-control .icon-label {
right: -25px;
}
.navigation.post-navigation .nav-next .desc-control .icon-label {
left: -25px;
}
@media (min-width: 768px) {
.navigation.post-navigation .nav-previous {
font-size: 24px;
}
.navigation.post-navigation .nav-previous .desc-control {
padding: 0 30px;
}
.navigation.post-navigation .nav-previous .desc-control .icon-label {
right: 0;
}
.navigation.post-navigation .nav-next {
font-size: 24px;
}
.navigation.post-navigation .nav-next .desc-control {
padding: 0 30px;
border-right: 1px solid #e8e8e8;
text-align: left;
}
.navigation.post-navigation .nav-next .desc-control .icon-label {
left: 0;
}
}
.sharrre {
position: absolute;
top: 50px;
left: 0;
width: 45px;
border-bottom: 2px solid #28cdf0;
}
.sharrre .share-box {
padding-top: 0;
padding-bottom: 10px;
}
.sharrre .share-box ul {
margin: 0;
padding: 0;
}
.sharrre .share-box ul li {
list-style: none;
}
.sharrre .share-box ul li:hover {
cursor: pointer;
}
.sharrre .share-box ul li a {
display: block;
padding: 5px 16px;
color: #757575;
font-weight: bold;
}
.sharrre .share-box ul li a:hover {
color: #ffffff;
}
.sharrre .share-box ul li a:hover.facebook {
background: #3b5998;
}
.sharrre .share-box ul li a:hover.twitter {
background: #55acee;
}
.sharrre .share-box ul li a:hover.googleplus {
background: #e02f2f;
}
.sharrre .share-box ul li a:hover.linkedin {
background: #007bb5;
}
.sharrre .share-box ul li a:hover.pinterest {
background: #cc2127;
} .entry-media {
border-radius: 2px;
}
.entry-media-wrap {
position: relative;
text-align: center;
}
.entry-media-wrap > *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.entry-media-wrap .wp-caption {
display: inline-block;
} .entry-media-standard {
margin-top: 35px;
background: #f5f5f5;
text-align: center;
}
.entry-media-standard img {
width: 100%;
} .entry-media-image {
margin: 5px 0 40px;
background: #f5f5f5;
}
.entry-media-image img {
width: 100%;
margin: 0;
padding: 0;
}
.entry-media-image .thumbnail,
.entry-media-image .wp-caption {
padding: 0;
border: 0;
border-radius: 0;
}
.entry-media-image .thumbnail a,
.entry-media-image .wp-caption a {
display: block;
}
.entry-media-image .thumbnail a img,
.entry-media-image .wp-caption a img {
margin: 0 auto;
}
.entry-media-image .wp-caption .wp-caption-text {
margin: 0;
padding: 10px 10px;
} .entry-media-gallery {
margin: 5px 0 10px;
padding: 0;
background: none;
}
.entry-media-gallery .gallery {
margin: 0;
padding: 0;
}
.entry-media-gallery .gallery .thumbnail {
margin-bottom: 30px;
padding: 0;
border: none;
background: none;
}
.entry-media-gallery .gallery .caption {
display: none;
} .entry-media-audio {
margin: 5px 0 40px;
}
.entry-media-audio iframe {
width: 100%;
} .entry-media-video {
margin: 5px 0 40px;
}
.video-container {
overflow: hidden;
position: relative;
height: 0;
padding-top: 30px;
padding-bottom: 56.25%;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.video-player {
width: 100% !important;
}
.videopress-placeholder {
margin: 0 auto;
} .chat-transcript {
margin-bottom: 20px;
}
.chat-row {
clear: both;
position: relative;
}
.chat-row:before,
.chat-row:after {
display: table;
content: " ";
}
.chat-row:after {
clear: both;
}
.chat-author span {
display: none;
}
.chat-author cite {
padding: 20px;
color: #9a9a9a;
font-size: 12px;
font-style: normal;
text-align: right;
}
.chat-speaker-1 .chat-author {
text-align: right;
}
.chat-speaker-2 .chat-author {
text-align: left;
} .chat-text {
position: relative;
margin-bottom: 20px;
padding: 10px 20px;
border-radius: 25px;
}
.chat-speaker-1 .chat-text,
.chat-speaker-3 .chat-text,
.chat-speaker-5 .chat-text,
.chat-speaker-7 .chat-text,
.chat-speaker-9 .chat-text {
float: right;
margin-left: 30px;
color: #333333;
background: #e5e5ea;
}
.chat-speaker-1 .chat-text:before,
.chat-speaker-3 .chat-text:before,
.chat-speaker-5 .chat-text:before,
.chat-speaker-7 .chat-text:before,
.chat-speaker-9 .chat-text:before {
right: -7px;
border-right: 20px solid #e5e5ea;
border-bottom-left-radius: 16px 14px;
}
.chat-speaker-1 .chat-text:after,
.chat-speaker-3 .chat-text:after,
.chat-speaker-5 .chat-text:after,
.chat-speaker-7 .chat-text:after,
.chat-speaker-9 .chat-text:after {
right: 4px;
border-bottom-left-radius: 10px;
}
.chat-speaker-2 .chat-text,
.chat-speaker-4 .chat-text,
.chat-speaker-6 .chat-text,
.chat-speaker-8 .chat-text,
.chat-speaker-10 .chat-text {
float: left;
margin-right: 30px;
color: white;
background: #28cdf0;
}
.chat-speaker-2 .chat-text:before,
.chat-speaker-4 .chat-text:before,
.chat-speaker-6 .chat-text:before,
.chat-speaker-8 .chat-text:before,
.chat-speaker-10 .chat-text:before {
left: -7px;
border-left: 20px solid #28cdf0;
border-bottom-right-radius: 16px 14px;
}
.chat-speaker-2 .chat-text:after,
.chat-speaker-4 .chat-text:after,
.chat-speaker-6 .chat-text:after,
.chat-speaker-8 .chat-text:after,
.chat-speaker-10 .chat-text:after {
left: -56px;
border-bottom-right-radius: 10px;
} .format-link .blockquote,
.format-status .blockquote,
.format-quote .blockquote {
margin: 0;
}
.format-link .entry-meta-time,
.format-status .entry-meta-time,
.format-quote .entry-meta-time {
display: inherit;
text-align: center;
}
.format-link .entry-meta-time a,
.format-status .entry-meta-time a,
.format-quote .entry-meta-time a {
color: #9d9c9c;
font-weight: normal;
letter-spacing: 0;
}
.format-link .entry-content,
.format-status .entry-content,
.format-quote .entry-content {
font-size: 20px;
line-height: 1.7em;
text-align: center;
}
.format-link .entry-content i,
.format-status .entry-content i,
.format-quote .entry-content i {
font-size: 32px;
} .entry.format-aside .entry-meta-time a {
color: #9d9c9c;
font-weight: normal;
letter-spacing: 0;
} .twitter-tweet.twitter-tweet-rendered {
margin: 0 auto !important;
} .comment {
font-size: 13px;
list-style: none;
}
.comment-body .avatar {
border-radius: 50%;
}
.comment-body img {
background: #eeeeee;
}
.comment-body cite {
font-size: 14px;
font-weight: bold;
font-style: normal;
}
.comment-body .comment-meta {
font-size: 13px;
text-transform: capitalize;
}
.bypostauthor .comment-body {
border-radius: 4px;
}
.comment .children {
padding-right: 20px;
}
@media (min-width: 768px) {
.comment .children {
padding-right: 60px;
}
}
#comments {
margin: 0;
padding: 0; }
#comments:before,
#comments:after {
display: table;
content: " ";
}
#comments:after {
clear: both;
}
#comments .comments-area-inner {
margin: 0;
padding: 40px 0 20px;
border-top: 1px dashed #e5e5e5;
}
#comments .comments-title {
margin: 0 0 30px;
color: #222222;
font-size: 24px;
font-style: normal;
}
#comments p.no-comments {
color: red;
}
#comments .comment-navigation .pager {
margin: 0 0 30px;
}
#comments ol {
margin: 0;
padding-right: 0;
}
#comments ol li {
position: relative !important;
}
#comments ol li .comment-body {
position: relative;
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
#comments ol li .comment-body .comment-meta .comment-author {
position: relative;
padding-right: 80px;
}
#comments ol li .comment-body .comment-meta .comment-author img {
position: absolute;
top: 0;
right: 0;
}
#comments ol li .comment-body .comment-meta .comment-author h3 {
margin: 10px 0;
font-size: 14px;
line-height: 30px;
}
#comments ol li .comment-body .comment-meta .comment-author a {
color: #2b2727;
font-size: 13px;
font-weight: 600;
}
#comments ol li .comment-body .comment-meta .comment-metadata {
position: relative;
top: -10px;
padding-right: 80px;
}
#comments ol li .comment-body .comment-meta .comment-metadata a {
color: #a7a7a7;
font-family: "Tajawal", serif;
font-size: 11px;
line-height: 12px;
}
#comments ol li .comment-body .comment-content {
padding-right: 80px;
}
#comments ol li .comment-body .comment-content p {
position: relative;
font-size: 14px;
line-height: 25px;
}
#comments ol li .comment-body .comment-content p i {
position: absolute;
top: 0;
right: -30px;
color: #747474;
font-size: 16px;
}
#comments ol li .comment-body .reply {
padding-bottom: 20px;
padding-right: 80px;
}
#comments ol li .comment-body .reply a {
display: block;
padding-bottom: 20px;
border-bottom: 1px dashed #e5e5e5;
color: #28cdf0;
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
#comments ol li:last-child .reply {
border-bottom: none;
}
#comments ol li:last-child .comment-body .reply a {
border-bottom: none;
}
#comments ol li.pingback {
margin: 15px 0;
}
#comments .comment-respond {
margin: 0 0 30px 0;
padding: 30px 0 0;
border-top: 1px dashed #e5e5e5;
}
#comments .comment-respond .comment-reply-title {
margin: 0 0 30px;
color: #222222;
font-size: 24px;
font-style: normal;
}
#comments .comment-respond .form-allowed-tags {
display: none;
}
@media (min-width: 768px) {
#comments .comment-respond .comment-form-author {
float: right;
width: 33.3333333%;
padding-left: 5px;
}
#comments .comment-respond .comment-form-email {
float: right;
width: 33.3333333%;
padding-left: 5px;
padding-right: 5px;
}
#comments .comment-respond .comment-form-url {
float: right;
width: 33.3333333%;
padding-right: 5px;
}
}
#comments .comment-respond .form-submit {
clear: both;
margin: 0;
padding: 10px 0 20px;
}
#comments .comment-respond .form-submit .btn.btn-primary {
padding-left: 30px;
padding-right: 30px;
border-color: #2f2b35;
border-radius: 20px;
color: #ffffff;
background: #2f2b35;
font-size: 12px;
line-height: 20px;
letter-spacing: 0;
text-transform: uppercase;
}
#comments .comment-respond .form-submit .btn.btn-primary:hover {
border-color: #5a5462;
color: #ffffff;
background: #5a5462;
} .footer-banner {
position: relative;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.footer-banner:after {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(53, 43, 80, 0.7);
content: "";
}
.footer-banner .container {
position: relative;
z-index: 2;
padding: 100px 0;
}
.footer-banner p {
position: relative;
margin: 0 auto;
color: #ffffff;
font-size: 36px;
font-style: normal;
line-height: 40px;
}
.footer-banner a {
display: block;
position: relative;
margin-top: 20px;
color: #ffffff;
text-transform: uppercase;
}
.site-footer {
padding: 80px 0 70px;
background: #2f2b35;
text-align: center;
}
.footer-social {
margin: 0;
padding: 15px 0;
}
.footer-social ul {
margin: 0;
padding: 0;
}
.footer-social ul li {
display: inline-block;
padding: 0 10px;
list-style: none;
}
.footer-social a {
color: white;
font-size: 20px;
}
.footer-social a:hover i.fa-facebook {
color: #3b5998;
}
.footer-social a:hover i.fa-twitter {
color: #55acee;
}
.footer-social a:hover i.fa-instagram {
color: #974518;
}
.footer-social a:hover i.fa-pinterest-p {
color: #cc2127;
}
.footer-social a:hover i.fa-google-plus {
color: #e02f2f;
}
.footer-social a:hover i.fa-rss {
color: #f26522;
}
.footer-social a:hover i.fa-envelope-o {
color: #28cdf0;
}
.footer-social a:hover i.fa-youtube {
color: #e02b28;
}
.footer-social a:hover i.fa-flickr {
color: #0063db;
}
.footer-social a:hover i.fa-linkedin {
color: #007bb5;
}
.footer-social a:hover i.fa-pinterest {
color: #cc2127;
}
.footer-social a:hover i.fa-dribbble {
color: #e94c89;
}
.footer-social a:hover i.fa-github {
color: #000000;
}
.footer-social a:hover i.fa-lastfm {
color: #da001c;
}
.footer-social a:hover i.fa-vimeo-square {
color: #1ab7ea;
}
.footer-social a:hover i.fa-tumblr {
color: #44546a;
}
.footer-social a:hover i.fa-soundcloud {
color: #ff4700;
}
.footer-social a:hover i.fa-behance {
color: #111111;
}
.footer-social a:hover i.fa-deviantart {
color: #536551;
}
.footer-menu-wrap {
display: inline-block;
text-align: center;
}
.footer-menu-wrap ul {
display: inline-block;
}
.footer-menu-wrap ul li a {
color: white;
font-size: 17px;
text-transform: capitalize;
}
.footer-menu-wrap ul li a:focus,
.footer-menu-wrap ul li a:hover {
color: #a7a7a7;
background: none;
}
.footer-menu-wrap ul li a .caret {
display: block;
}
.footer-menu-wrap .navbar-nav > li {
float: right;
}
.footer-menu-wrap .navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
.footer-credit {
color: white;
}
.footer-credit a {
color: white;
}
.footer-credit p {
margin: 0;
padding: 15px 0 15px 0;
} .sidebar {
margin: 0;
padding: 0;
}
@media (min-width: 992px) {
.sidebar.sidebar-blog {
padding-right: 20px;
}
}
@media (max-width: 991px) {
.sidebar {
padding-top: 60px;
}
}
.widget {
margin-bottom: 20px;
padding: 0 0 20px;
padding: 20px;
border-radius: 6px;
background: #ffffff;
font-family: "Tajawal", sans-serif;
font-size: 13px;
}
.widget:before,
.widget:after {
display: table;
content: " ";
}
.widget:after {
clear: both;
}
.widget .widget-title {
margin: 14px 0 20px 0;
color: #222222;
font-size: 19px;
font-weight: normal;
letter-spacing: 0;
text-transform: uppercase;
}
.widget .form-control {
margin: 20px 0;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul li {
margin: 10px 0;
padding: 0;
text-transform: capitalize;
}
.widget ul ul {
margin: 0 20px 0 0;
} .widget .tagcloud a,
.widget .tagcloud a:visited {
display: inline-block;
margin-left: 10px;
margin-bottom: 10px;
padding: 2px 10px;
border: 0;
border-radius: 2px;
color: white;
background: #28cdf0;
font-size: 13px;
font-size: inherit !important;
}
.widget .tagcloud a:hover {
background: #2f2b35;
text-decoration: none;
} .widget.widget_rss .widget-title i {
line-height: inherit;
}
.widget.widget_rss li {
padding-bottom: 10px;
font-size: 13px;
}
.widget.widget_rss li a {
font-weight: bold;
}
.widget.widget_rss li cite {
display: block;
font-weight: bold;
}
.widget.widget_rss li .rss-date {
display: block;
font-style: normal;
} .widget.widget_calendar #wp-calendar {
margin: 20px 0;
}
.widget.widget_calendar #wp-calendar caption {
padding: 8px 0;
border: 1px solid #dddddd;
border-bottom-width: 0;
color: #222222;
background: #ffffff;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.widget.widget_calendar #wp-calendar > thead > tr > th {
border-bottom-width: 1px;
}
.widget.widget_calendar #wp-calendar th,
.widget.widget_calendar #wp-calendar td {
background: #ffffff;
}  .page-template-page_visual_composer .main-content-container {
padding-top: 0;
padding-bottom: 0;
}
.page-template-page_visual_composer #content {
margin: 0;
padding: 0;
background: none;
}
.page-template-page_visual_composer #content .entry {
margin: 0;
padding: 0;
background: none;
}
.error404 #content {
text-align: center;
}
.error404 #content .search-form-box {
display: inline-block;
width: 300px;
max-width: 100%;
} .section-contact-form h2 {
margin: 0 0 30px;
line-height: 1.2;
}
#contact-map {
height: 300px;
margin: 0;
background: #dddddd;
}
#contact-map h2 {
margin: 0;
font-size: 18px;
}
#contact-map p {
margin: 0;
} .owl-carousel.owl-loaded {
direction: ltr;
text-align: right;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: right;
}
.pull-left {
float: right  !important;
}
.pull-right {
float:  left !important;
}
.dropdown-menu {
text-align: right;
}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
left: 0;
right: auto;
margin: -3px 0 0 15px;
}
.navbar-nav.sm-collapsible a.has-submenu {
padding-left: 50px;
padding-right: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
font-size: 1.4em;
}
.vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
float: right;
}
.vc_custom_heading.bookie-label,
.vc_custom_heading{
font-family: Tajawal !important;
}
.vc_custom_heading {
font-family: Tajawal !important;
font-size: 29px !important;
}
.flex-viewport {
direction: ltr;
}
th {
text-align: right;
font-weight: normal !important;
color: #000;
}
.woocommerce table.shop_attributes td {
font-style: normal;
}
label {
font-weight: normal;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 1.1em;
}
.woocommerce .widget_price_filter .price_slider_amount {
font-size: 1em !important;
}
.radio label, .checkbox label {
padding-right: 20px;
padding-left: 0;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
margin-right: -20px;
margin-left: 0;
}
.woocommerce-cart-form__contents thead tr th{
color: #fff;
}
.rtl .woocommerce .col2-set .col-1, .rtl .woocommerce-page .col2-set .col-1 {
float: right;
}
.rtl .woocommerce .col2-set .col-2, .rtl .woocommerce-page .col2-set .col-2 {
float: left;
}
.woocommerce-privacy-policy-text {
display: none;
}
.dropdown-menu {
right: 0;
left: auto;
float: right;
text-align: right;
}
.navbar-nav.sm-collapsible .caret::before {
content: '\f107';
font-family: fontawesome;
font-weight: normal;
}
.navbar-toggle {
border: none !important;
}
.navbar-toggle {
display: contents;
}
.navbar-nav.sm-collapsible a.has-submenu {
padding-left: 15px;
padding-right: 15px;
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail .toko-slide-desc {
color: #333;
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail .toko-slide-title {
color: #333;
text-shadow: none;
}
thead tr th.product-name,
thead tr th.product-total,
tfoot tr.order-total th{
color: #fff;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
clear: left;
}
@media only screen and (min-width: 990px) {  
.navbar-nav > li {
float: right;
}
}
@media only screen and (max-width: 650px) {  
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: none;
}
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, .vc_section.vc_section-has-fill + .vc_section {
padding-top: 0px;
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail .toko-slide-title {
font-size: 40px !important;
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail .toko-slide-title {
padding: 14px 0 18px;
}
body .vc_custom_1453112775660 {
padding-right: 15px !important;
}
}.toko-banner {
overflow: hidden;
position: relative;
min-height: 200px;
margin: 30px 0;
background: #ffffff;
background-repeat: no-repeat;
background-size: cover;
}
.toko-banner:after {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(53, 43, 80, 0.7);
content: "";
}
.toko-banner .toko-banner-detail {
position: absolute;
z-index: 5;
top: 50%;
width: 100%;
padding: 10px 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.toko-banner .toko-banner-detail p.paragraf1 {
margin: 0;
color: #ffffff;
font-size: 14px;
line-height: 25px;
}
.toko-banner .toko-banner-detail a.button {
display: inline-block;
margin-bottom: 0;
padding: 6px 20px;
line-height: 20px;
}
.toko-banner .toko-banner-detail h2 {
margin-top: 0;
}
.toko-banner .toko-banner-detail h3 {
display: block;
margin: 0;
color: #ffffff;
font-size: 24px;
line-height: 30px;
text-transform: capitalize;
}
.toko-banner .toko-banner-detail h3.text-big {
font-size: 36px;
font-weight: normal;
line-height: 45px;
}
.toko-banner .toko-banner-detail .paragraf2 {
margin: 0;
color: #ffffff;
font-size: 13px;
font-style: normal;
line-height: 30px;
text-transform: capitalize;
}
.toko-banner.toko-banner-center {
background-position: center center;
}
.toko-banner.toko-banner-center .toko-banner-detail {
text-align: center;
}
.toko-banner.toko-banner-left {
background-position: right center;
}
.toko-banner.toko-banner-left .toko-banner-detail {
left: 0;
text-align: left;
}
.toko-banner.toko-banner-right {
background-position: left center;
}
.toko-banner.toko-banner-right .toko-banner-detail {
right: 0;
text-align: right;
} .toko-cta {
padding: 100px 0;
}
.toko-cta h2.title-home {
color: #222222;
font-size: 36px;
line-height: 40px;
}
.toko-cta .toko-cta-description {
margin: 0;
color: #ffffff;
font-size: 18px;
font-weight: lighter;
line-height: 30px;
}
.toko-cta .toko-cta-title {
position: relative;
z-index: 9;
margin: 0;
color: #ffffff;
font-size: 36px;
line-height: 40px;
}
.toko-cta .toko-cta-title span {
font-weight: bold;
}
.toko-cta.text-center .toko-cta-title {
margin: 0 auto;
}
@media (max-width: 992px) {
.toko-cta.text-center .toko-cta-title {
width: 70%;
}
}
.toko-cta a.toko-cta-link {
display: block;
position: relative;
margin-top: 20px;
color: #ffffff;
font-size: 14px;
letter-spacing: 0;
text-transform: uppercase;
}
.toko-cta a.toko-cta-link:after {
margin-right: 10px;
font-family: "FontAwesome";
content: "\f177";
}
.toko-cta a.toko-cta-link:hover {
color: #2a2a2a;
text-decoration: none;
}
.toko-cta a.toko-cta-button {
display: inline-block;
margin: 30px 0 0;
padding: 0 40px;
border: 2px solid #28cdf0;
border: none;
border-radius: 40px;
color: #ffffff;
background: #2f2b35;
font-size: 14px;
font-weight: 400;
line-height: 40px;
text-align: center;
}
.toko-cta a.toko-cta-button:hover {
color: #ffffff !important;
background: #5a5462;
} .toko-divider {
position: relative;
}
.toko-divider h2.toko-section-title {
color: #222222;
}
.toko-divider .toko-section-title {
margin: 0;
}
.toko-divider .toko-section-title span {
margin: 0 10px 0 0;
}
.toko-divider.line-yes .divider-inner:after {
display: none;
}
.toko-divider .divider-inner {
margin: 0;
padding: 10px 0;
}
.toko-divider .divider-inner h3 {
display: inline-block;
position: relative;
margin-top: 0;
font-size: 35px;
}
.toko-divider .divider-inner p.paragraf {
margin: 0;
color: #969595;
font-size: 12px;
font-weight: 400;
}
.toko-divider.line-no {
padding: 10px 0;
}
.toko-divider.line-yes:before {
position: absolute;
z-index: 1;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background: #28cdf0;
content: " ";
}
.toko-divider.line-yes .divider-inner {
display: inline-block;
position: relative;
z-index: 10;
padding: 0 30px;
}
.toko-divider.line-yes .divider-inner span {
font-size: 24px;
}
.toko-divider.line-yes.text-left.icon-left .divider-inner,
.toko-divider.line-yes.text-left.icon-right .divider-inner,
.toko-divider.line-yes.text-left.icon-no .divider-inner,
.toko-divider.line-yes.text-no.icon-left .divider-inner {
padding-left: 2px;
}
.toko-divider.line-yes.text-left.icon-left .toko-section-title span,
.toko-divider.line-yes.text-left.icon-right .toko-section-title span,
.toko-divider.line-yes.text-left.icon-no .toko-section-title span,
.toko-divider.line-yes.text-no.icon-left .toko-section-title span {
margin-left: 0;
}
.toko-divider.line-yes.text-right.icon-right .divider-inner,
.toko-divider.line-yes.text-right.icon-left .divider-inner,
.toko-divider.line-yes.text-right.icon-no .divider-inner,
.toko-divider.line-yes.text-no.icon-right .divider-inner {
padding-right: 2px;
}
.toko-divider.line-yes.text-right.icon-right .toko-section-title span,
.toko-divider.line-yes.text-right.icon-left .toko-section-title span,
.toko-divider.line-yes.text-right.icon-no .toko-section-title span,
.toko-divider.line-yes.text-no.icon-right .toko-section-title span {
margin-left: 0;
}
.toko-divider.line-yes.text-no.icon-no {
padding: 20px 0;
} .toko-brands-wrap.toko-no-carousel .toko-brand {
float: left;
margin: 0 0 10px;
text-align: center;
}
.toko-brands-wrap.toko-no-carousel.columns-5 .toko-brand {
width: 20%;
}
.toko-brands-wrap.toko-no-carousel.columns-4 .toko-brand {
width: 25%;
}
.toko-brands-wrap.toko-no-carousel.columns-3 .toko-brand {
width: 33.33333%;
}
.toko-brands-wrap.toko-no-carousel.columns-2 .toko-brand {
width: 50%;
}
.toko-brands-wrap.toko-no-carousel.columns-1 .toko-brand {
width: 100%;
}
@media (max-width: 991px) {
.toko-brands-wrap.toko-no-carousel .toko-brand {
width: 50% !important;
}
}
@media (max-width: 500px) {
.toko-brands-wrap.toko-no-carousel .toko-brand {
width: 100% !important;
}
}
.toko-brands-wrap .owl-carousel .owl-item {
text-align: center;
}
.toko-brands-wrap .owl-carousel .owl-item img {
display: inline-block;
width: auto;
max-width: 100%;
}
.toko-brands-wrap .owl-carousel .owl-controls {
padding: 20px 0;
text-align: center;
}
.toko-brands-wrap .owl-carousel .owl-nav {
padding: 20px 0;
text-align: center;
}
.toko-brands-wrap .owl-carousel .owl-nav .owl-prev,
.toko-brands-wrap .owl-carousel .owl-nav .owl-next {
display: inline-block;
width: 20px;
width: 30px;
height: 30px;
margin: 0 2px;
padding: 4px;
border: 1px solid #dddddd;
background: transparent;
line-height: 22px;
-webkit-transition: background 1s;
-moz-transition: background 1s;
transition: background 1s;
}
.toko-brands-wrap .owl-carousel .owl-nav .owl-prev:hover,
.toko-brands-wrap .owl-carousel .owl-nav .owl-next:hover {
border-color: #28cdf0;
background: #28cdf0;
}
.toko-brands-wrap .owl-carousel .owl-nav .owl-prev:hover i,
.toko-brands-wrap .owl-carousel .owl-nav .owl-next:hover i {
color: #ffffff;
} .toko-posts-grid .toko-post {
margin: 0 0 20px;
}
.toko-posts-grid .toko-post-image {
margin: 0 0 20px;
}
.toko-posts-grid .toko-post-image a img {
width: 100%;
}
.toko-posts-grid .toko-post-detail .post-title {
overflow: hidden;
margin: 0 0 10px;
padding: 0;
font-size: 18px;
line-height: 1.2em;
white-space: nowrap;
text-overflow: ellipsis;
}
.toko-posts-grid .toko-post-detail .post-date {
display: block;
margin: 0 0 20px;
padding: 0;
font-family: "Tajawal", serif;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
}
.toko-posts-grid .toko-post-detail p {
margin: 0 0 20px;
padding: 0;
font-size: 14px;
font-weight: normal;
} @media (min-width: 768px) {
.woocommerce.toko-carousel {
margin-right: -20px;
}
}
.woocommerce.toko-carousel ul.products.owl-loaded li.product {
width: 100% !important;
padding-top: 10px;
}
.woocommerce.toko-carousel .owl-carousel .owl-controls {
padding: 20px 0;
text-align: center;
}
.woocommerce.toko-carousel .owl-carousel .owl-nav {
text-align: center;
}
.woocommerce.toko-carousel .owl-carousel .owl-nav .owl-prev,
.woocommerce.toko-carousel .owl-carousel .owl-nav .owl-next {
display: inline-block;
width: 20px;
width: 30px;
height: 30px;
margin: 0 2px;
padding: 4px;
border: 1px solid #dddddd;
background: transparent;
line-height: 22px;
-webkit-transition: background 1s;
-moz-transition: background 1s;
transition: background 1s;
}
.woocommerce.toko-carousel .owl-carousel .owl-nav .owl-prev:hover,
.woocommerce.toko-carousel .owl-carousel .owl-nav .owl-next:hover {
border-color: #28cdf0;
background: #28cdf0;
}
.woocommerce.toko-carousel .owl-carousel .owl-nav .owl-prev:hover i,
.woocommerce.toko-carousel .owl-carousel .owl-nav .owl-next:hover i {
color: #ffffff;
}
.woocommerce .product-category li:hover a img {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-filter: none !important;
} .toko-slider-wrap {
background: #2f2b35;
}
.toko-slider-wrap .toko-slides .toko-slide {
display: none;
background-position: center left !important;
background-size: cover;
}
.toko-slider-wrap .toko-slides .toko-slide:first-of-type {
display: block;
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner {
margin: 0 auto;
padding: 200px 50px;
}
@media (max-width: 991px) {
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner {
text-align: center;
}
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail {
display: inline-block;
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail .toko-slide-desc {
margin: 0;
color: #222;
font-family: "Tajawal", serif;
font-size: 21px;
font-style: normal;
line-height: 1;
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail .toko-slide-title {
margin: 0;
padding: 4px 0 18px;
color: #222 !important;
font-size: 80px;
font-weight: normal;
line-height: 1;
text-transform: capitalize;
text-shadow: none;
}
@media (max-width: 992px) {
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail .toko-slide-title {
font-size: 60px;
}
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail a.toko-slide-button {
display: inline-block;
margin: 20px 0;
padding: 10px 30px;
border-radius: 24px;
color: #ffffff;
background: #2f2b35;
font-family: "Tajawal", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 25px;
text-transform: capitalize;
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail a.toko-slide-button:hover {
color: #ffffff !important;
background: #5a5462;
}
.toko-slider-wrap .toko-slides .owl-dots {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
}
.toko-slider-wrap .toko-slides .owl-dots .owl-dot {
display: inline-block;
margin: 0 5px;
}
.toko-slider-wrap .toko-slides .owl-dots .owl-dot span {
display: block;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #cccccc;
-ms-border-radius: 50%;
}
.toko-slider-wrap .toko-slides .owl-dots .owl-dot span:hover {
background: #ffffff;
}
.toko-slider-wrap .toko-slides .owl-dots .owl-dot.active span {
background: #28cdf0;
}
.toko-slider-wrap .toko-slides .owl-nav [class*=owl-],
.toko-slider-wrap .toko-slides .owl-prev,
.toko-slider-wrap .toko-slides .owl-next {
position: absolute !important;
top: 50% !important;
width: 30px !important;
height: 80px !important;
margin: -40px 0 0 0 !important;
opacity: 0 !important;
color: #ffffff !important;
background: rgba(0, 0, 0, 0.5) !important;
font-size: 18px !important;
line-height: 80px !important;
text-align: center !important;
}
.toko-slider-wrap .toko-slides .owl-prev {
left: 0 !important;
}
.toko-slider-wrap .toko-slides .owl-next {
right: 0 !important;
}
.toko-slider-wrap .toko-slides:hover .owl-nav [class*=owl-],
.toko-slider-wrap .toko-slides:hover .owl-prev,
.toko-slider-wrap .toko-slides:hover .owl-next {
opacity: 1 !important;
}
body.has_slider .toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner {
padding: 250px 50px 150px;
}
@media (min-width: 992px) {
body.has_slider .toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner {
width: 970px;
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
body.has_slider .toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner {
width: 1170px;
padding-right: 15px;
padding-left: 15px;
}
} .toko-featured-book .book-label {
margin: 0;
color: #a7a7a7;
font-size: 18px;
}
.toko-featured-book .book-title {
margin: 20px 0 0;
color: #222222;
font-size: 24px;
line-height: 30px;
}
.toko-featured-book .book-author-name {
font-family: "Tajawal", serif;
font-size: 13px;
font-style: normal;
}
.toko-featured-book .inside-book-cover {
position: relative;
text-align: center;
}
.toko-featured-book .inside-book-cover .book-button-wrap {
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
.toko-featured-book .inside-book-cover .btn.btn-primary {
padding-right: 30px;
padding-left: 30px;
border-color: #2f2b35;
border-radius: 20px;
color: #ffffff;
background: #2f2b35;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
}
.toko-featured-book .inside-book-cover .btn.btn-primary:hover {
border-color: #5a5462;
color: #ffffff;
background: #5a5462;
}
.toko-featured-book .inside-book-description {
font-family: "Tajawal", serif;
font-size: 15px;
}
.toko-featured-book-category > .inside {
position: relative;
}
.toko-featured-book-category > .inside img {
width: 100%;
border-radius: 8px;
}
.toko-featured-book-category > .inside .inside-detail {
position: absolute;
left: 0;
width: 100%;
padding: 20px;
}
.toko-featured-book-category > .inside .inside-detail .book-badge {
padding: 2px 10px;
border-radius: 6px;
font-size: 14px;
letter-spacing: 0;
text-transform: uppercase;
}
.toko-featured-book-category > .inside .inside-detail .book-title {
margin: 10px 0 0;
margin: 10px 0;
color: #ffffff;
font-size: 18px;
line-height: 24px;
}
.toko-featured-book-category > .inside .inside-detail .inside-book-description {
margin: 0;
color: #ffffff;
font-family: "Tajawal", serif;
font-size: 14px;
}
.toko-featured-book-category > .inside .inside-detail .book-button-wrap a {
padding: 2px 20px;
font-size: 13px;
line-height: 20px;
}
.toko-featured-book-category.style-1 > .inside .inside-detail {
bottom: -50px;
text-align: center;
}
.toko-featured-book-category.style-1 > .inside .inside-detail .book-title {
letter-spacing: 0;
}
.toko-featured-book-category.style-2 > .inside .inside-detail {
bottom: 10px;
text-align: right;
}
.toko-featured-book-category.style-3 > .inside img {
margin-bottom: 20px;
}
.toko-featured-book-category.style-3 > .inside .inside-detail {
position: static;
padding: 0;
}
.toko-featured-book-category.style-3 > .inside .inside-detail .book-title {
color: #2f2b35;
}
.toko-featured-book-category.style-3 > .inside .inside-detail .inside-book-description {
color: #757575;
}
.toko-featured-book-category.style-3 > .inside .inside-detail .book-button-wrap a {
padding: 4px 20px;
border: 1px solid #cdcdcd;
color: #2f2b35;
background: none;
font-size: 10px;
letter-spacing: 0;
text-transform: uppercase;
}
.toko-featured-book-category.style-3 > .inside .inside-detail .book-button-wrap a:hover {
border: 1px solid #2f2b35;
color: #ffffff;
background: #2f2b35;
}
.home-subscribe-form {
padding: 40px 0;
}
.home-subscribe-form .subscribe-icon {
display: inline-block;
margin-right: 30px;
vertical-align: middle;
}
@media (max-width: 992px) {
.home-subscribe-form .subscribe-icon {
width: 100%;
margin: 0;
text-align: center;
}
}
.home-subscribe-form .subscribe-icon i {
color: #ffffff;
font-size: 80px;
}
@media (max-width: 1200px) {
.home-subscribe-form .subscribe-icon i {
font-size: 30px;
}
}
.home-subscribe-form .subscribe-heading {
display: inline-block;
vertical-align: middle;
}
@media (max-width: 992px) {
.home-subscribe-form .subscribe-heading {
width: 100%;
text-align: center;
}
}
.home-subscribe-form .subscribe-heading h2 {
margin: 0;
color: #ffffff;
font-size: 26px;
line-height: 26px;
}
.home-subscribe-form .subscribe-heading p {
margin-bottom: 0;
color: #d2eff5;
font-family: "Tajawal", serif;
font-size: 18px;
font-style: normal;
line-height: 20px;
}
.home-subscribe-form form {
margin: 0;
padding: 25px 0;
}
@media (max-width: 1200px) {
.home-subscribe-form form {
padding: 0;
}
}
@media (max-width: 992px) {
.home-subscribe-form form {
margin: 20px 0;
text-align: center;
}
}
.home-subscribe-form form div p {
display: inline-block;
margin: 0;
}
@media (min-width: 768px) {
.home-subscribe-form form div p:first-child {
width: 50%;
}
}
@media (max-width: 500px) {
.home-subscribe-form form div p:first-child {
display: block;
margin: 20px 0;
}
}
.home-subscribe-form form div p input {
width: 100%;
padding: 2px 10px;
border: 1px solid #ffffff;
font-family: "Tajawal", sans-serif;
font-size: 14px;
}
.home-subscribe-form form div p input[type="submit"] {
margin-left: 10px;
padding: 2px 20px;
border: none;
border-radius: 15px;
color: #ffffff;
background: #2f2b35;
}
.home-subscribe-form form div p input[type="submit"]:hover {
background: #5a5462;
}
@media (max-width: 500px) {
.home-subscribe-form form div p input[type="submit"] {
margin: 0;
}
}
.home-subscribe-form form div p ::-webkit-input-placeholder {
color: #8f9394;
font-size: 12px;
}
.home-subscribe-form form div p :-moz-placeholder {
color: #8f9394;
font-size: 12px;
}
.home-subscribe-form form div p ::-moz-placeholder {
color: #8f9394;
font-size: 12px;
}
.home-subscribe-form form div p :-ms-input-placeholder {
color: #8f9394;
font-size: 12px;
}
.home-subscribe-form form .mc4wp-response {
color: #ffffff;
font-size: 11px;
}
.home-subscribe-form form .mc4wp-response .mc4wp-alert p {
width: 100%;
}