/*==========================================================================
Template Name: Raloza - eCommerce Bootstrap Template
Version: 1.0
CSS INDEX
===========================================================================
# google Fonts
01. Theme Default CSS (body, link color, section etc)
01.1. Color codes
02. header-area css
03. header-mid-area css
03.1. mini-cart-wrap css
04. main-menu-wrap css
04.1. dropdown_menu css
04.2. sub_menu css
04.3. search-wrapper css
05. slider-main-area css
05.1. slider-wrapper-3 css
06. banner-area css
07. section-title css
08. product-area css
09. our-brand-area css
10. testimonial-area css
11. product-category css
12. footer-area css
13. modal-wrapper css
14. our-service-area css
15. shop-page css
15.01 shop-top-bar css
17. Blog-page css
16. single-product-page css
18. blog-sidebar-wrap css
19. blog-details-page css
20. checkout css
21. wishlist-page css
22. faequently-questions css
23. error-404 css
24. about-page css
25. contact-page css
26. My Account Page Css
=============================================================================*/
/*------------------------
# google Fonts
-----------------------*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Playfair+Display:400,700,900');
@font-face {
font-family: GESS;
src: url(fonts/GESSTEMM.ttf);
}
@font-face {
font-family: Helvetica;
src: url(fonts/HelveticaNeueLTArabic-Roman.ttf);
}
@font-face {
font-family: Recoleta;
src: url(fonts/RecoletaAlt-Regular.ttf);
}
@font-face {
font-family: FrutigerLTArabic;
src: url(fonts/FrutigerLTArabic-55Roman.ttf);
}
@font-face {
font-family: NotoKufiArabic-Light;
src: url(../fonts/NotoKufiArabic-Light.ttf);
}
@font-face {
font-family: NotoKufiArabic-SemiBold;
src: url(../fonts/NotoKufiArabic-SemiBold.ttf);
}
@font-face {
font-family: NotoKufiArabic-Regular;
src: url(../fonts/NotoKufiArabic-Regular.ttf);
}
*{font-family: FrutigerLTArabic;}
.subscribe-btn-area input,
.tab-pane input,
#ctl00_ContentPlaceHolder1_DropDownList1,
.contact-inner input{
font-family: FrutigerLTArabic;
}
.breadcrumb-title{
text-align:right;
float: right;
}
/*----------------------------------------*/
/*------------------------
# IE Style
-----------------------*/
.hiddenz{
display: -ms-flexbox!important;
}
/*------------------------
-----------------------*/
/*-------------------
01. Theme Default CSS (body, link color, section etc)
---------------------*/
html, body {height: 100%;text-align: right}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px; font-size:14px !important; text-align:right;}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 10px;
color: #4A4F54;
line-height: 1.35;
text-align:right;
}
a {-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;text-decoration:none;color: #fff;font-size: 12px;
/*font-weight: bold;*/}
.smalla{
/*font-size: 18px;*/
font-weight: bold;
color: #4A4F54;
}
a:active, a:hover {
outline: 0 none;
}
button:focus, input:focus,textarea:focus{outline: none;}
button{
cursor: pointer;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0;
text-align: right;
}
.clear{clear:both}
body {
color: #4A4F54;
font-family: 'FrutigerLTArabic',sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.42857;
direction: rtl;
}
.padding14{
padding: 14px !important;
}
.padding23{
padding: 12px 1px 16px 0px;
}
.ptb-10{
padding: 10px 0;
}
.ptb-20{
padding: 20px 0;
}
.ptb-30{
padding: 30px 0;
}
.ptb-40{
padding: 40px 0;
}
.ptb-50{
padding: 50px 0;
}
.ptb-60{
padding: 60px 0;
}
.ptb-70{
padding: 70px 0;
}
.centertop{
text-align:center;
}
.centerbott{
text-align:center;
font-size: 19px !important;
}
.ptb-80{
padding: 80px 0;
}
.pb-10{
padding-bottom: 10px;
}
.pb-20{
padding-bottom: 20px;
}
.pb-30{
padding-bottom: 30px;
}
.pb-50{
padding-bottom: 50px;
}
.pb-60{
padding-bottom: 60px;
}
.pb-70{
padding-bottom: 70px;
}
.pb-80{
padding-bottom: 80px;
}
.pt-20{
padding-top: 20px;
}
.pt-30{
padding-top: 30px;
}
.pt-40{
padding-top: 40px;
}
.pt-50{
padding-top: 50px;
}
.pt-60{
padding-top: 60px;
}
.pt-70{
padding-top: 70px;
}
.pt-80{
padding-top: 80px;
}
.mtb-20{
margin: 20px 0;
}
.mtb-30{
margin: 30px 0;
}
.mtb-40{
margin: 40px 0;
}
.mtb-50{
margin: 50px 0;
}
.mtb-60{
margin: 60px 0;
}
.mtb-70{
margin: 70px 0;
}
.mtb-80{
margin: 80px 0;
}
.mt-10{
margin: 10px 0 0 0;
}
.mt-20{
margin: 20px 0 0 0;
}
.mt-30{
margin: 30px 0 0 0;
}
.mt-40{
margin: 40px 0 0 0;
}
.mt-50{
margin: 50px 0 0 0;
}
.mt-60{
margin: 60px 0 0 0;
}
.mb-20{
margin: 0 0 20px 0;
}
.mb-30{
margin: 0 0 30px 0;
}
.mb-60{
margin: 0 0 60px 0;
}
.mb-80{
margin: 0 0 80px 0;
}
.mb-90{
margin: 0 0 90px 0;
}
.max{
max-width:100%;
padding:0;
overflow:hidden;
}
.centerz{
margin: 0 auto;
text-align: center;
}
.FixedDiv{
position:fixed;
z-index: 100000;
width:100%;
box-shadow: 0px 0px 7px 0px #3333334d;
}
.bgnav{
background: #fff;
}
/*----------------------
01.1. Color codes
------------------------*/
.bg-gray{
background: #F0F0F0;
}
.bg-blue{
background: #0879C9
}
.bg-white{
background: #fff;
border-bottom: 1px solid #a4c1f5;
box-shadow: 1px 1px 7px;
}
.bg-black{
background: #D6D1CA;
background-color: #D6D1CA!important;
}
.bg-orange{
background: #FF6A00;
}
.bg-yellow{
background: #FFC833;
}
.bg-brown{
background: #E54545;
}
.border-all {
border: 2px solid #dedede;
}
.border-btm {
border-bottom: 1px solid #fff;
}
#scrollUp {
background: #D6D1CA none repeat scroll 0 0;
bottom: 30px;
color: #ffffff;
font-size: 18px;
height: 40px;
line-height: 38px;
right: 20px;
text-align: center;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
width: 40px;
}
#scrollUp:hover {
background: #FE5F38;
}
#myBtn {
display: none; /* Hidden by default */
position: fixed; /* Fixed/sticky position */
bottom: 20px; /* Place the button at the bottom of the page */
left: 30px; /* Place the button 30px from the right */
z-index: 99; /* Make sure it does not overlap */
border: none; /* Remove borders */
outline: none; /* Remove outline */
background-color: red; /* Set a background color */
color: white; /* Text color */
cursor: pointer; /* Add a mouse pointer on hover */
padding: 15px; /* Some padding */
border-radius: 10px; /* Rounded corners */
font-size: 18px; /* Increase font size */
}
#myBtn:hover {
background-color: #555; /* Add a dark-grey background on hover */
}
/*------------------------------------
02. header-area css
--------------------------------------*/
.header-left-area {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.language-currency-wrapper > ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.language-currency-wrapper .drodown-show {
border-right: 1px solid #4e4e4e;
line-height: 40px;
padding: 0 20px;
position: relative;
}
.language-currency-wrapper .drodown-show:first-child {
border-left: 1px solid #4e4e4e;
}
.language-currency-wrapper .drodown-show a img {
margin-right: 5px;
}
.language-currency-wrapper .drodown-show > a {
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.language-currency-wrapper .drodown-show > a:hover {
color: #FE5F38
}
.mb20{
margin-bottom:20px;
}
.language-currency-wrapper .open-dropdown {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #ffffff none repeat scroll 0 0;
border-color: #fe5f38 #e5e5e5 #e5e5e5;
-o-border-image: none;
border-image: none;
border-radius: 0;
border-style: solid;
border-width: 2px 1px 1px;
left: auto;
margin: 0;
min-width: 120px;
overflow: hidden;
padding: 10px;
position: absolute;
right: 0;
top: 100%;
z-index: 99;
display: none;
}
.language-currency-wrapper .open-dropdown li a {
color: #636363;
font-size: 12px;
line-height: 22px;
padding: 0 10px;
display: block;
}
.language-currency-wrapper .open-dropdown li.active a,.language-currency-wrapper .open-dropdown li a:hover {
background: #fe5f38 none repeat scroll 0 0;
color: #ffffff;
-webkit-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
}
/*-- top-social-warraper css --*/
.top-social-warraper > ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.top-social-warraper li a {
border-right: 1px solid #4e4e4e;
color: #ffffff;
display: block;
font-size: 18px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.top-social-warraper li a:hover {
color: #FE5F38;
}
.largebox{
border: 1px solid #ccc;
background: #D6D1CA;
padding: 15px;
border-radius: 13px;
min-height: 339px;
box-shadow: 2px 3px 6px 3px #ccc;
}
/*-- user-info-top --*/
.user-info-top > ul {
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;
}
.user-info-top > ul li {
padding: 0px 20px;
}
.user-info-top > ul li {
border-right: 1px solid #4e4e4e;
padding: 0 20px;
}
.user-info-top > ul li:first-child {
border-left: 1px solid #4e4e4e;
}
.user-info-top > ul li a {
color: #fff;
font-size: 13px;
text-transform: uppercase;
line-height: 40px;
}
.user-info-top > ul li a:hover {
color: #FE5F38;
}
.user-info-top > ul li a i{
margin-right: 10px
}
.grid{
display: grid;
padding-left: 30px;
}
.centerimg{
margin: 0 auto;
}
.iconz{
font-size: 14px;
font-family: 'FrutigerLTArabic';
color: #292929;
}
.inline{
display: -webkit-inline-box;
}
/*---------------------------------
03. header-mid-area css
-----------------------------------*/
.logo-mid{
text-align: center;
}
.header-mid-area {
padding: 5px 0;
}
.shoping-mini-cart-wrapper {
float: right;
margin-top: 25px;
}
.leftblue{
text-align: right;
color: #0047BA;
font-size: 26px !important;
}
.lineheig{
line-height: 30px;
font-size: 14px !important;
}
.headerzz{
background: #d8d8d8;
padding: 10px;
border-radius: 13px;
font-size: 27px !important;
font-weight: bold !important;
margin-bottom: 41px;
}
.boxes {
margin-bottom: 31px;
border-radius: 11px;
box-shadow: 0px 0px 0px 1px #ddd;
}
.shoping-mini-cart-wrapper .mini-cart {
display: inline-block;
padding: 8px 0 0 50px;
position: relative;
}
.minhe{
min-height: 38px;
}
.mini-cart > a {
display: inline-block;
position: relative;
color: #333;
}
.mini-cart > a i {
font-size: 32px;
}
.righttext{
text-align:right !important;
}
.headerz{
background: #d8d8d8;
padding: 10px;
border-radius: 13px;
font-size: 27px !important;
font-weight: bold !important;
margin-bottom: 41px;
color: #0047BA !important;
}
.mini-cart > a .item_count {
background: #fe5f38 none repeat scroll 0 0;
border-radius: 100%;
color: #ffffff;
display: block;
font-size: 12px;
font-weight: 700;
height: 20px;
left: -12px;
line-height: 19px;
overflow: hidden;
position: absolute;
text-align: center;
top: 4px;
width: 20px;
}
.hader-mid-two .search-wrapper {
margin-top: 25px;
position: static;
right: 0;
top: 0;
}
.search-bar.search-bar-2 input {
background: #414141 none repeat scroll 0 0;
border: 1px solid #414141;
color: #fff;
}
.search-bar.search-bar-2 button {
color: #ffffff;
}
/*-----------------------------
03.1. mini-cart-wrap css
-------------------------------*/
.mini-cart-wrap {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #ffffff none repeat scroll 0 0;
border-color: #fe5f38 #e5e5e5 #e5e5e5;
-o-border-image: none;
border-image: none;
border-style: solid;
border-width: 2px 1px 1px;
left: auto;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 120%;
width: 310px;
z-index: 9999;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.shoping-mini-cart-wrapper .mini-cart:hover .mini-cart-wrap{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 100%;
}
.mini-cart-wrap ul {
max-height: 260px;
overflow: auto;
padding: 0 20px;
}
.mini-cart-wrap li {
border-bottom: 1px solid #e5e5e5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
}
.mini-cart-wrap li .img_content {
position: relative;
}
.mini-cart-wrap li .img_content .product-quantity {
background: #fe5f38 none repeat scroll 0 0;
border-radius: 100%;
color: #ffffff;
display: inline-block;
font-size: 14px;
left: 5px;
line-height: 25px;
min-width: 25px;
padding: 0;
position: absolute;
text-align: center;
top: 5px;
}
.mini-cart-wrap li .content-right .product-name {
color: #4A4F54;
display: block;
font-size: 16px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
white-space: nowrap;
word-wrap: break-word;
}
.mini-cart-wrap li {
position: relative;
}
.mini-cart-wrap .content-right {
padding-left: 15px;
}
.mini-cart-wrap li .content-right .price-box {
color: #fe5f38;
display: block;
margin: 10px 0 0;
}
.mini-cart-wrap li .content-right > a {
position: absolute;
right: 0;
top: 15px;
}
.price_content {
padding: 20px;
}
.price_content p {
margin-bottom: 5px;
text-align: left;
}
.price_content p:last-child {
margin-bottom: 0px;
}
.price_content p span {
font-weight: 600;
}
.mini-cart-wrap .cart-checkout {
padding: 20px;
border-top: 1px solid #ddd;
}
.more{
color: #3b55bd !important;
}
.mini-cart-wrap .cart-checkout a {
background: #2c2e3d none repeat scroll 0 0;
box-shadow: none;
color: #ffffff;
display: block;
font-size: 14px;
font-weight: 600;
padding: 10px 20px;
text-transform: capitalize;
text-align: center;
}
.mini-cart-wrap .cart-checkout a:hover {
background: #FE5F38;
}
.mini-cart.mini-cart-2 > a {
color: #ffffff;
}
/*--- top-store-info css ---*/
.top-store-info {
border-right: 1px solid #e5e5e5;
display: inline-block;
float: right;
margin-top: 20px;
padding-right: 36px;
text-align: right;
}
.top-store-info .phone {
color: #4A4F54;
font-size: 18px;
font-weight: 700;
}
.top-store-info .phone i {
color: #fe5f38;
margin-right: 13px;
}
.top-store-info .time-up {
color: #444;
font-size: 16px;
margin: 15px 0 0;
}
/*-----------------------------------
04. main-menu-wrap css
------------------------------------*/
.sticky-header.sticky {
-webkit-animation: 400ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 400ms ease-in-out 0s normal none 1 running fadeInDown;
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
left: 0;
margin: auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
.sticky .main-menu ul > li > a {
padding: 20px 15px;
}
.main-menu ul > li {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.main-menu ul > li > a {
color: #4A4F54;
display: block;
font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
padding: 30px 15px;
text-transform: uppercase;
}
.main-menu ul > li > a:hover {
color: #FE5F38;
}
.main-menu ul > li:first-child a {
padding-left: 0;
}
.main-menu.main-menu-2 ul > li > a {
color: #ffffff;
}
.main-menu.main-menu-2 ul > li > a:hover {
color: #FE5F38;
}
.sticky .main-menu.main-menu-2 ul > li > a {
color: #000000;
}
/*-------------------------------
04.1. dropdown_menu css
---------------------------------*/
.dropdown_menu {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
left: 0;
padding: 20px;
position: absolute;
top: 120%;
width: 200px;
z-index: 10;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-menu ul > li .dropdown_menu > li {
display: block;
text-align: left;
}
.main-menu ul > li .dropdown_menu > li > a {
color: #4A4F54;
display: block;
font-size: 13px;
letter-spacing: 1px;
margin-bottom: 8px;
padding: 0;
text-transform: c;
}
.main-menu ul > li .dropdown_menu > li:last-child > a {
margin-bottom: 0px;
}
/*-------------------------------------
04.2. sub_menu css
--------------------------------------*/
.main-menu li .sub_menu {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
left: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
padding: 20px;
position: absolute;
text-align: left;
top: 120%;
visibility: hidden;
width: 800px;
z-index: 10;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-menu li:hover .sub_menu,.main-menu li:hover .dropdown_menu {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 100%;
}
.main-menu li .sub_menu > li {
display: block;
width: 25%;
float: left;
}
.main-menu li .sub_menu > li > a {
display: block;
padding: 0;
color: #fe5f38;
font-size: 14px;
font-weight: 600;
line-height: 35px;
text-transform: capitalize;
}
.main-menu li ul.sub_menu li ul li {
display: block;
}
.main-menu li ul.sub_menu li ul > li > a {
padding: 0;
color: #2c2e3d;
font-size: 13px;
font-weight: 400;
line-height: 30px;
text-transform: capitalize;
letter-spacing: 0;
}
.main-menu li ul.sub_menu li ul > li > a:hover {
color: #FE5F38;
}
.main-menu li .sub_menu.sub-menu-2 {
width: 600px;
}
.main-menu li .sub_menu.sub-menu-2 > li {
width: 33.333%;
}
/*------------------------------
04.3. search-wrapper css
--------------------------------*/
.search-wrapper {
position: absolute;
right: 15px;
top: 119px;
z-index: 99;
}
.search-bar {
position: relative;
}
.search-bar > form {
position: relative;
}
.search-bar input {
border: 1px solid #e5e5e5;
height: 42px;
min-width: 255px;
padding: 10px 40px 10px 10px;
width: 100%;
}
.search-bar button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
cursor: pointer;
font-size: 22px;
height: 40px;
padding: 0 10px;
position: absolute;
right: 0;
top: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search-bar button:hover {
color: #FE5F38;
}
/*------------------------------------
05. slider-main-area css
-------------------------------------*/
.slider-wrapper {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center !important;
align-items: center;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 730px;
}
.slider-active .owl-nav button {
background: #4A4F54 none repeat scroll 0 0 !important;
border-radius: 50%;
color: #ffffff !important;
font-size: 24px !important;
height: 50px;
position: absolute;
top: 50%;
width: 50px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
.slider-active .owl-nav button:hover {
background: #FE5F38 !important;
}
.slider-active .owl-nav button.owl-prev {
left: 0px;
}
.slider-active .owl-nav button.owl-next {
right: 0px;
}
.slider-active:hover .owl-nav button {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.slider-active:hover .owl-nav button.owl-prev {
left: 15px;
}
.slider-active:hover .owl-nav button.owl-next {
right: 15px;
}
.slider-text-info.style-1 .title-1 {
color: #ffffff;
font-size: 50px;
font-weight: 300;
letter-spacing: 0.25em;
line-height: 40px;
margin-bottom: 23px;
margin-top: 0;
text-transform: uppercase;
}
.slider-text-info.style-1 .title-2 {
color: #ffffff;
font-size: 50px;
font-weight: 700;
letter-spacing: 0.25em;
line-height: 1;
margin-bottom: 30px;
margin-top: 0;
text-transform: uppercase;
}
.slider-text-info.style-1 .title-3 {
color: #ffffff;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 30px;
}
.slider-text-info.style-1 .title-3 span:first-child {
padding-left: 0;
}
.slider-text-info.style-1 .title-3 span {
padding: 0 15px;
}
.slider-text-info .slier-btn a {
background: #ffffff none repeat scroll 0 0;
color: #4A4F54;
display: inline-block;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2em;
line-height: 60px;
padding: 0 40px;
text-transform: uppercase;
-webkit-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
}
.slider-text-info .slier-btn a:hover {
background: #FE5F38 none repeat scroll 0 0;
color: #fff;
}
.slider-text-info.style-2 .slier-btn a,.slider-text-info.style-3 .slier-btn a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #4A4F54;
color: #4A4F54;
line-height: 56px;
}
.slider-text-info.style-2 .slier-btn a:hover,.slider-text-info.style-3 .slier-btn a:hover {
border: 2px solid #FE5F38;
color: #FE5F38;
}
.slider-text-info.style-2 .title-1 {
color: #4A4F54;
font-size: 46px;
font-weight: 600;
margin-bottom: 25px;
margin-top: 0;
text-transform: capitalize;
}
.slider-text-info.style-2 .title-2 {
color: #777777;
font-size: 25px;
font-weight: 300;
line-height: 1;
margin-bottom: 15px;
margin-top: 0;
text-transform: capitalize;
}
.slider-text-info.style-2 .title-3{
color: #777777;
font-size: 18px;
line-height: 24px;
margin-bottom: 30px;
max-width: 70%;
padding: 0;
}
/*-- slider animations css--*/
.active .slider-wrapper .slider-text-animation * {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.active .slider-wrapper-3 .slider-text-animation * {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-item.active .slider-text-animation h2 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
.owl-item.active .slider-text-animation h3 {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
-webkit-animation-name: rollIn;
animation-name: rollIn;
margin-top:120px;
}
.owl-item.active .slider-text-animation h1 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.9s;
-webkit-animation-name: slideInDown ;
animation-name: slideInDown;
}
.owl-item.active .slider-text-animation p {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.owl-item.active .slider-text-animation .slier-btn {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.owl-item.active .slider-text-animation .slier-btn-1 {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/*---------------------------
05.1. slider-wrapper-3 css
-----------------------------*/
.slider-text-info.style-4 h2 {
color: #2a2d30;
font-size: 196px;
font-weight: 300;
letter-spacing: 53px;
margin-top: -76px;
position: absolute;
}
.slider-text-info.style-4 h1 {
color: #ffffff;
font-size: 90px;
font-weight: 600;
letter-spacing: 24px;
margin-left: 80px;
margin-top: -10px;
position: relative;
text-transform: uppercase;
z-index: 1;
}
.slider-text-info.style-4 h1 span {
line-height: 160px;
}
.slider-text-info.style-4 h1 span.font-width {
font-weight: 300;
}
.slider-wrapper-3 {
background-position: center center;
background-size: cover;
height: 700px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-repeat: no-repeat;
}
.slider-text-info.style-3 .title-2 {
color: #555;
font-family: "FrutigerLTArabic",serif;
font-size: 20px;
font-style: italic;
font-weight: 300;
margin-bottom: 20px;
margin-top: 0;
text-transform: capitalize;
}
.slider-text-info.style-3 .title-1 {
color: #4A4F54;
font-size: 60px;
font-weight: 900;
line-height: 1;
margin-bottom: 26px;
margin-top: 0;
text-transform: uppercase;
}
.slider-text-info.style-3 .title-3 {
color: #555;
font-size: 16px;
line-height: 24px;
margin-bottom: 25px;
padding: 0;
}
.slider-text-info.style-3.color-style .title-2 {
color: #fff;
}
.slider-text-info.style-3.color-style .title-1 {
color: #fff;
}
.slider-text-info.style-3.color-style .title-3 {
color: #fff;
}
.slider-text-info.style-3.color-style .slier-btn a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #fff;
color: #fff;
}
.slider-text-info.style-3.color-style .slier-btn a:hover {
border: 2px solid #FE5F38;
color: #FE5F38;
}
/*----------------------------------
06. banner-area css
------------------------------------*/
.singel-banner > a {
display: block;
overflow: hidden;
}
.singel-banner:hover a img {
opacity: 0.85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.singel-banner > a img{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.banner-text {
margin-top: 46px;
text-align: center;
}
.banner-text h2 {
color: #363636;
font-size: 24px;
letter-spacing: 0.2em;
text-transform: uppercase;
font-weight: 600;
}
.banner-text h2 span.text-color {
color: #fe5f38;
}
.banner-text p {
color: #555;
font-size: 16px;
margin: 10px 0 0;
}
/*-------------------------------------
07. section-title css
---------------------------------------*/
.section-title {
margin-bottom: 50px;
}
.section-title h2 {
color: #4A4F54;
display: inline-block;
font-size: 30px;
font-weight: 900;
line-height: 30px;
margin: 0;
padding: 0 20px;
position: relative;
text-transform: uppercase;
}
.section-title h2:before {
background: #0047BA none repeat scroll 0 0;
content: "";
display: block;
height: 12px;
left: -90px;
position: absolute;
top: 0px;
width: 90px;
z-index: 1;
}
.section-title h2:after {
background: #0047BA none repeat scroll 0 0;
content: "";
display: block;
height: 12px;
position: absolute;
right: -90px;
bottom: 0px;
width: 90px;
z-index: 1;
}
.section-title p {
color: #999999;
font-family: "FrutigerLTArabic",serif;
font-size: 20px;
font-style: italic;
font-weight: 700;
margin: 20px 0 0;
text-transform: capitalize;
}
.tabs-categorys-list .nav {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.font17{
font-size: 17px !important;
color:#0047BA !important;
}
.arabiclogo{
position: unset;
padding: 5px 20px;
/* z-index: 1000000; */
direction: ltr;
float: left;
text-align: right;
display: -webkit-box;
background: #fff;
}
.tabs-categorys-list li a {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #555;
color: #555;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2em;
line-height: 36px;
margin: 0 10px;
padding: 0 20px;
position: relative;
text-transform: uppercase;
-webkit-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
z-index: 2;
}
.tabs-categorys-list li a:hover,.tabs-categorys-list li a.active {
border-color: #FE5F38;
color: #FE5F38;
}
/*-----------------------------------------
08. product-area css
--------------------------------------------*/
.product-two-area .single-product-wrap {
margin-top: 40px;
}
.single-product-wrap:hover .product-action {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.single-product-wrap:hover .product-thumbnail > a:before ,.single-product-wrap:hover .second-image{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.product-thumbnail > a:before {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.product-thumbnail {
position: relative;
}
.product-thumbnail > a .second-image {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.label-sale {
background: #fe5f38 none repeat scroll 0 0;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-weight: 700;
line-height: 26px;
padding: 0 15px;
position: absolute;
text-transform: capitalize;
top: 6px;
z-index: 3;
left: 6px;
}
.label-sale.discount {
display: inline-block;
left: auto;
right: 6px;
}
.product-action {
background: #ffffff none repeat scroll 0 0;
bottom: 10px;
color: #4A4F54;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 24px;
height: 40px;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
left: 0;
line-height: 40px;
margin: 0 auto;
max-width: 140px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
right: 0;
text-align: center;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
z-index: 3;
}
.single-product-wrap .product-content {
padding: 20px 0 0;
}
.newmargin{
margin: 0 0 5px !important;
}
.bluebold{
font-size: 23px !important;
color: #0047BA;
}
.size17{
font-size: 17px !important;
}
.centertext{
text-align:center !important;
}
.product-content .product-name {
color: #444444;
display: block;
font-size: 14px;
font-weight: 700;
line-height: 18px;
overflow: hidden;
text-transform: uppercase;
}
.single-product-wrap .price-box, .product-layout-list .price-box{
font-size: 14px;
font-weight: 600;
margin-bottom: 0;
}
.single-product-wrap .price-box .old-price, .product-layout-list .price-box .old-price {
color: #999999;
margin-right: 8px;
text-decoration: line-through;
font-weight: 400;
}
.single-product-wrap .price-box .new-price, .product-layout-list .price-box .new-price {
color: #fe5f38;
}
.countdown-deals {
bottom: 10px;
display: inline-block;
position: absolute;
text-align: center;
width: 100%;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.countdown-deals .cdown {
background: #4A4F54 none repeat scroll 0 0;
border-radius: 5px;
color: #ffffff;
display: inline-block;
height: 70px;
line-height: 44px;
text-align: center;
width: 70px;
}
.countdown-deals .time-count {
font-size: 16px;
font-weight: 600;
}
.countdown-deals .cdown p {
font-size: 12px;
line-height: 0;
margin: 0;
text-transform: uppercase;
}
.single-product-wrap:hover .countdown-deals{
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.product-active-2 .owl-nav button,.product-active-3 .owl-nav button,.latest-blog-active .owl-nav button,.category-item-active .owl-nav button,.latest-blog-active-2 .owl-nav button {
background: #4A4F54 !important;
border-radius: 100%;
color: #ffffff !important;
cursor: pointer;
font-size: 0;
height: 30px;
line-height: 30px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
width: 30px;
z-index: 8;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.product-active-2:hover .owl-nav button,.product-active-3:hover .owl-nav button,.category-item-active:hover .owl-nav button,.latest-blog-active:hover .owl-nav button,.latest-blog-active-2:hover .owl-nav button {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.product-active-2 .owl-nav button.owl-next,.product-active-3 .owl-nav button.owl-next, .category-item-active .owl-nav button.owl-next,.latest-blog-active .owl-nav button.owl-next, .latest-blog-active-2 .owl-nav button.owl-next {
right: 0;
}
.singel-banner img {
width: 100%;
}
/*--------------------------------
09. our-brand-area css
-----------------------------------*/
.single-brand img {
width: auto !important;
}
.single-brand {
border: 2px solid #e5e5e5;
margin-left: -1px;
overflow: hidden;
padding: 60px 0;
}
.our-barand-area-2 .single-brand {
border: medium none;
margin-left: 0;
padding: 20px 0;
}
/*---------------------------------
10. testimonial-area css
-------------------------------------*/
.section-title-2 {
margin-bottom: 50px;
}
.range-holder{
margin: 3em auto;
padding: 200px 0 70px 0;
width: 1024px;
background: url("https://dl.dropboxusercontent.com/u/4277345/codepen/pr-plan-scale.png") bottom center no-repeat;
}
.dragdealer {
position: relative;
height: 30px;
background: #FFF;
border-radius: 8px;
border: 1px solid #a7a7a7;
}
.dragdealer .handle {
position: absolute;
top: 0;
left: 0;
}
.stripe{
background: #ddd url("https://dl.dropboxusercontent.com/u/4277345/codepen/stripe-bg.png") top left repeat;
position: absolute;
top: 0;
left: 0;
margin: 3px;
height: 24px;
border-radius: 8px;
}
#green-highlight{position: absolute; top:0; left: 67px; height: 24px; opacity: .5; background: #8dc63f; display: none;}
#orange-highlight{position: absolute; top:0; left: 381px; height: 24px; opacity: .5; background: #e07c00; display: none;}
#blue-highlight{position: absolute; top:0; left: 814px; height: 24px; opacity: .5; background: #008da8; display: none;}
.square{
position: absolute;
top: 0;
left: 0;
margin-top: -13px;
margin-left: -10px;
cursor: pointer;
width: 50px;
height: 48px;
background: #505054;
border-radius: 8px;
color: #FFF;
font-size: 14px;
line-height: 30px;
text-align: center;
padding-top: 13px;
}
.menu-line{width: 50%; margin: 2px auto; height: 5px; background: #FFF; display: block;}
.infobox{
position: absolute;
top: 0;
left: 0;
margin-top: -194px;
margin-left: -117px;
width: 260px;
height: 160px;
background: #FFF;
padding: 0px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: #008da8 solid 2px;
}
.infobox:after {
content: '';
position: absolute;
border-style: solid;
border-width: 20px 23px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -20px;
left: 107px;
}
.infobox:before {
content: '';
position: absolute;
border-style: solid;
border-width: 21px 24px 0;
border-color: #008da8 transparent;
display: block;
width: 0;
z-index: 0;
bottom: -23px;
left: 106px;
}
.whitetext{
color:#fff !important;
}
.titlebar{
background: #008da8;
color: #FFF;
padding: .5em;
line-height: 1.5em;
font-size: 15px;
}
#plan-holder{font-weight: bold;}
.innerbox{
padding: 5px 4px 3px 21px;
}
.info-price{ color: #0047BA;
font-size: 26px;
line-height: 1.8em;}
.annual-label{
color: #505054; font-size: 14px; font-weight: bold; width: 110px; line-height: 1.8em;}
.annual-price{color: #10bd66;
font-size: 20px;
width: 240px;
font-weight: bold;}
.section-title-2 h2 {
color: #4A4F54;
display: inline-block;
font-size: 30px;
font-weight: 900;
line-height: 30px;
margin: 0;
position: relative;
text-transform: uppercase;
}
.img_testimonial img {
width: auto !important;
}
.section-area-2 .img_testimonial {
display: inline-block;
}
.content_test {
margin-top: 30px;
}
.des_namepost {
margin: 0;
}
.content_test span {
color: #fe5f38;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.content_test .des_email {
color: #999999;
font-size: 14px;
font-weight: 400;
margin: 9px 0 0;
text-transform: capitalize;
}
.content_test .des_testimonial {
color: #4A4F54;
font-size: 17px;
font-style: italic;
line-height: 28px;
margin: 20px 0 0;
max-width: 90%;
}
.latest-blog-cont h4 {
margin: 0;
}
.latest-blog-cont a {
color: #4A4F54;
display: block;
font-size: 16px;
font-weight: 600;
line-height: 20px;
padding: 20px 0;
position: relative;
text-transform: capitalize;
margin: 0;
}
.latest-blog-cont a:hover {
color: #FE6338;
}
.latest-blog-img{
position: relative;
}
.latest-blog-img a:after {
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
left: 0;
top: 0;
content: "";
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.latest-blog-img:hover :after{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.testimonials-item .owl-dots {
margin-top: 20px;
}
.testimonials-item .owl-dots .owl-dot {
background: #999 none repeat scroll 0 0;
border-radius: 50px;
height: 10px;
margin-right: 8px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 10px;
}
.testimonials-item .owl-dots .owl-dot.active,.testimonials-item .owl-dots .owl-dot:hover {
background: #FE5F38 none repeat scroll 0 0;
}
.section-area-2 .testimonials-item .owl-dots {
margin-top: 20px;
text-align: center;
}
/*--------------------------------
11. product-category css
----------------------------------*/
.category-title h3 {
font-size: 16px;
font-weight: 600;
padding: 0;
text-transform: uppercase;
margin-bottom: 20px;
}
.single-category-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
border-bottom: 1px solid #e5e5e5
}
.single-category-item:last-child {
border-bottom: medium none;
padding-bottom: 0;
}
.single-category-item .product-thumbnail {
display: inline-block;
width: 69px;
}
.single-category-item:hover .product-thumbnail > a:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.category-single-wrap {
margin-top: 60px;
}
.single-category-item .product-content {
padding-left: 12px;
padding-top: 16px;
}
.single-category-item .product-content h3 {
font-weight: 700;
margin-bottom: 15px;
}
.single-category-item .product-content a {
color: #444444;
display: block;
font-size: 14px;
line-height: 18px;
overflow: hidden;
text-transform: uppercase;
}
.single-category-item .product-content a:hover{
color: #FE5F38;
}
.single-category-item .price-box {
font-size: 14px;
font-weight: 600;
}
.category-item-area .price-box .old-price {
color: #999999;
font-weight: 400;
margin-right: 8px;
text-decoration: line-through;
}
.category-item-area .price-box .new-price {
color: #fe5f38;
}
/*-----------------------------
12. footer-area css
-------------------------------*/
.newsletter-area {
text-align: center;
}
.newsletter-title h2 {
color: #4A4F54;
font-size: 24px;
font-weight: 600;
line-height: 25px;
text-transform: capitalize;
}
.newsletter-title p {
color: #414141;
font-size: 18px;
margin: 12px 0 0;
}
.newsletter-inner .newsletter-input input {
border: 1px solid #e5e5e5;
height: 60px;
padding: 8px 260px 9px;
position: relative;
width: 100%;
}
.newsletter-inner p {
color: #4A4F54;
font-family: "FrutigerLTArabic",sans-serif;
font-size: 16px;
font-weight: 700;
height: 60px;
line-height: 60px;
margin: 0;
padding-left: 20px;
position: absolute;
text-transform: uppercase;
z-index: 1;
}
.subscribe-btn {
background:#0047BA none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
color: #ffffff;
display: block;
font-size: 16px;
font-weight: 700;
height: 60px;
line-height: 30px;
padding: 0 42px;
position: absolute;
left: 15px;
text-transform: uppercase;
top: 0px;
-webkit-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
}
.centro{
text-align: center;
margin: 0 auto;
}
.subscribe-btn:hover {
background: #4A4F54;
}
.footer-content .footer-title {
color: #4A4F54;
/*cursor: pointer;*/
font-size: 16px;
font-weight: 700;
margin: 0 0 20px;
padding-bottom: 17px;
position: relative;
text-transform: uppercase;
}
.footer-content .footer-title:after {
background: #0047BA none repeat scroll 0 0;
bottom: 0;
content: "";
height: 5px;
right: 0;
position: absolute;
width: 25px;
}
.footer-content .footer_list li a {
color: #4A4F54;
display: block;
font-size: 15px;
line-height: 32px;
position: relative;
-webkit-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
}
.footer-content .footer_list li a:hover {
color: #333;
}
.footer-content {
margin-top: 60px;
}
.footer-content .footer_list_info li {
color: #4A4F54;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 15px;
line-height: 26px;
}
.footer-content .footer_list_info li i {
font-size: 18px;
line-height: 26px;
margin-left: 8px;
}
.footer-bottom-inner {
padding: 40px 0;
text-align: center;
}
.copyright {
color: #444;
font-size: 16px;
line-height: 1;
margin-bottom: 20px;
}
/*--- drak-footer css ---*/
.drak-footer .newsletter-title h2 {
color: #ffffff;
}
.drak-footer .newsletter-title p {
color: #fff;
}
.drak-footer .newsletter-inner .newsletter-input input {
background: #414141 none repeat scroll 0 0;
border: 1px solid #414141;
color: #ffffff;
}
.drak-footer .newsletter-inner p {
color: #ffffff;
}
.drak-footer .footer-content .footer-title {
color: #4A4F54;
}
.drak-footer .footer-content .footer_list_info li {
color: #4A4F54;
}
.drak-footer .footer-content .footer_list_info li a{
color: #fff;
}
.drak-footer .footer-content .footer_list_info li a:hover{
color: #FE5F38;
}
.drak-footer .footer-content .footer_list li a:hover {
color: #fff;
}
.drak-footer .copyright {
color: #4A4F54;
}
.drak-footer .copyright a {
color: #ffffff;
}
.drak-footer .copyright a:hover {
color: #0047BA;
}
/*--------------------------------
13. modal-wrapper css
----------------------------------*/
.modal-dialog {
max-width: 1024px;
}
.modal-wrapper .modal-body {
padding: 30px 15px;
}
.modal-wrapper button.close {
font-size: 24px;
padding: 0;
position: absolute;
right: 10px;
top: 5px;
}
.modal-wrapper .modal {
display: inline-block !important;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
z-index: -9;
}
.modal-wrapper .modal.show {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
z-index: 99950;
}
.modal-product-tab {
float: left;
padding-right: 15px;
position: relative;
width: 90px;
}
.large-thum-image {
float: right;
width: calc(100% - 90px);
}
.product-small-thum li {
margin-bottom: 14px;
}
.product-small-thum li a {
display: block;
}
.slick-arrow {
background: #4A4F54 none repeat scroll 0 0;
border-radius: 50%;
color: #ffffff;
height: 20px;
line-height: 20px;
text-align: center;
width: 20px;
cursor: pointer;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.slick-arrow:hover {
background: #FE5F38;
}
.arrow-prv.slick-arrow {
bottom: 0;
position: absolute;
right: 0;
}
.quick-view-content h2 {
color: #444444;
font-size: 24px;
font-weight: 700;
line-height: 24px;
margin: 0 0 20px;
text-transform: uppercase;
}
.price-box {
margin-bottom: 20px;
}
.quick-view-content .new-price{
color: #fe5f38;
font-size: 24px;
font-weight: 700;
line-height: 27px;
}
.quick-view-content .old-price {
font-size: 16px;
font-weight: 600;
margin-left: 10px;
text-decoration: line-through;
}
.quick-view-content .product-info > p {
font-size: 16px;
margin-bottom: 20px;
}
.cart-plus-minus-box {
border: 1px solid #dddddd;
color: #4A4F54;
height: 44px;
text-align: center;
width: 48px;
}
.modal-cart .quantity label {
display: block;
}
.cart-plus-minus {
float: left;
margin-right: 5px;
position: relative;
width: 76px;
}
.dec.qtybutton {
bottom: 0;
right: 0;
}
.inc.qtybutton {
right: 0;
top: 0;
}
.dec.qtybutton, .inc.qtybutton {
background: #ffffff none repeat scroll 0 0;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
color: #4A4F54;
cursor: pointer;
height: 23px;
line-height: 20px;
position: absolute;
text-align: center;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 28px;
border-right: 1px solid #ddd;
}
.quick-view-content .quick-add-to-btn {
background: #4A4F54 none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
color: #ffffff;
font-size: 16px;
font-weight: 400;
height: 44px;
line-height: 44px;
margin-left: 10px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
padding: 0 36px;
position: relative;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.quick-view-content .quick-add-to-btn:hover {
background: #FE5F38;
}
.social-sharing > h4 {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.social-sharing {
margin-top: 20px;
}
.social-sharing ul li {
display: inline-block;
}
.social-sharing ul li a {
background: #4A4F54 none repeat scroll 0 0;
color: #ffffff;
display: block;
font-size: 16px;
height: 35px;
line-height: 35px;
margin-right: 5px;
text-align: center;
width: 40px;
}
.social-sharing ul li a:hover {
background: #FE5F38;
}
/*-----------------------------------
14. our-service-area css
-----------------------------------*/
.singel-service {
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;
}
.singel-service i {
color: #fe5f38;
display: inline-block;
font-size: 28px;
margin-right: 12px;
}
.singel-service p {
color: #6d604c;
display: inline-block;
font-size: 14px;
margin: 6px 0 0;
text-transform: uppercase;
vertical-align: top;
}
.singel-service {
border-left: 1px solid #e5e5e5;
padding: 16px 0;
text-align: center;
width: 100%;
padding-left: 30px;
}
.our-service-section .col-lg-4:last-child .singel-service, .our-service-section-2 .col-lg-4:last-child .singel-service {
border-right: 1px solid #e5e5e5;
}
.our-service-section-2 .singel-service {
display: block;
padding-top: 0;
padding-bottom: 0;
}
.our-service-section-2 .singel-service span {
background: #fe5f38 none repeat scroll 0 0;
border-radius: 100%;
display: inline-block;
height: 80px;
line-height: 98px;
text-align: center;
width: 80px;
}
.our-service-section-2 .singel-service span i {
color: #ffffff;
font-size: 40px;
margin: 0;
}
.our-service-section-2 .service-info {
padding-top: 20px;
}
.our-service-section-2 .singel-service .service-info h3 {
color: #4A4F54;
font-size: 20px;
margin-bottom: 0;
}
/*----------------------------------
15. shop-page css
-----------------------------------*/
.breadcramb-bg {
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.breadcramb-bg1 {
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.breadcramb-bg2 {
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.breadcramb-bg3 {
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.breadcramb-bg4 {
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.breadcramb-bg5 {
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.breadcramb-bg6 {
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.breadcramb-bg7 {
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.breadcramb-bg8 {
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.breadcramb-bg9 {
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}.breadcramb-elite {
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.breadcramb-bg-FI {
/*background: url(../img/slider/FI_image.png);*/
background: url(../img/benner/FI_image.jpg);
/*background-position: 50% 35%;*/
background-size: cover;
background-position: center;
}
.botbor{
border: 1px solid #0047BA;
padding: 7px;
}
.benfits{
/*font-size: 18px !important;*/
color: #0047BA !important;
/*font-weight: 500;*/
}
.padding9{
padding:9px;
}
.detailz{
text-align: right;
padding: 6px 0px 4px 2px;
}
.breadcrumb-area .breadcrumb-title {
color: #4A4F54;
display: inline-block;
font-size: 22px;
font-weight: 700;
line-height: 1;
margin: 0;
position: relative;
text-transform: uppercase;
margin-top: 100px;
}
.blue{
color: #0047BA !important;
font-size: 14px !important;
}
.backblue{
background:#70acce !important;
}
.bold{
font-weight:bold;
font-size:17px;
}
.date{
font-size: 40px !important;
font-weight: bolder !important;
}
.breadcrumb-item + .breadcrumb-item:before {
color: #ffffff;
content: "|";
font-family: "FontAwesome";
font-size: 20px;
margin: 0 20px;
}
.breadcrumb-list {
margin-top: 20px;
}
.breadcrumb-area .breadcrumb-list li {
color: #FE5F38;
display: inline-block;
font-size: 16px;
font-weight: 700;
position: relative;
text-transform: uppercase;
}
.breadcrumb-area .breadcrumb-list li a {
color: #fff;
}
.breadcrumb-area .breadcrumb-list li a:hover {
color: #FE5F38;
}
/*-- sidebar-wrap css --*/
.sidebar-wrap {
background: #F2F2F2 none repeat scroll 0 0;
margin-bottom: 30px;
padding: 20px;
}
.sidebar-title h2 {
border-bottom: 1px solid #e5e5e5;
color: #4A4F54;
display: block;
font-size: 20px;
font-weight: 600;
line-height: 24px;
margin-bottom: 15px;
padding: 0 0 15px;
position: relative;
text-transform: uppercase;
}
.category-sub-menu > li {
display: inline-block;
width: 100%;
}
.category-sub-menu > li > a {
border: medium none;
color: #4A4F54;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 30px;
margin: 0;
padding: 0;
text-transform: capitalize;
}
.category-sub-menu > li > a:hover {
color: #FE5F38;
cursor: pointer;
}
.category-sub-menu > li > a:before {
content: "ï‚–";
display: block;
float: left;
font-family: "FontAwesome";
font-size: 13px;
font-weight: 400;
line-height: 30px;
padding: 0 7px 0 1px;
}
.category-sub-menu > li > ul {
display: none;
}
.category-sub-menu > li > ul li a {
display: block;
font-size: 12px;
line-height: 30px;
margin: 0;
padding: 0 10px;
}
.category-sub-menu li.has-sub > a:after {
color: #4A4F54;
content: "";
font-family: "Ionicons";
font-size: 18px;
position: absolute;
right: 40px;
}
.category-sub-menu li.has-sub.open > a:after {
content: "ï‹´";
}
.btn-clear-all {
background: #4A4F54 none repeat scroll 0 0;
border: medium none;
box-shadow: none;
color: #ffffff;
font-size: 14px;
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
line-height: 20px;
margin-bottom: 30px;
padding: 5px 15px;
text-transform: lowercase;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.btn-clear-all:hover {
background: #FE5F38;
color: FE5F38
}
.price-checkbox input {
margin-right: 15px;
}
.price-checkbox li {
font-size: 14px;
margin-bottom: 10px;
}
.sidebar-banner > a {
display: block;
position: relative;
}
.sidebar-banner > a:before {
background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
content: "";
bottom: 0;
left: 50%;
position: absolute;
right: 50%;
top: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.sidebar-banner > a:after {
background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
bottom: 50%;
content: "";
left: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: absolute;
right: 0;
top: 50%;
}
.sidebar-banner:hover a:before {
left: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
right: 0;
-webkit-transition: all 900ms ease-in 0s;
transition: all 900ms ease-in 0s;
}
.sidebar-banner:hover a:after {
bottom: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
top: 0;
-webkit-transition: all 900ms ease-in 0s;
transition: all 900ms ease-in 0s;
}
.sidebar-tag a {
border: 1px solid #e5e5e5;
color: #555555;
display: inline-block;
float: left;
font-size: 14px;
line-height: 15px;
margin-bottom: 10px;
margin-right: 10px;
padding: 10px 18px;
}
.sidebar-tag a:hover {
border: 1px solid #FE5F38;
color: #fff;
background: #FE5F38;
}
/*----------------------------------
15.01 shop-top-bar css
-----------------------------------*/
.shop-top-bar {
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;
border: 1px solid #ccc;
padding: 10px 20px;
}
.product-short {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.product-short > p {
font-size: 14px;
font-weight: 600;
margin: 0 15px 0 0;
}
.product-short .nice-select {
height: 32px;
line-height: 28px;
width: 200px;
border-radius: 0;
}
.product-short .nice-select .list {
width: 100%;
}
.product-view-mode {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.product-view-mode > p {
font-weight: 600;
margin: 4px 30px 0 0;
}
.shop-item-filter-list {
margin-top: 5px;
}
.shop-item-filter-list li {
margin-left: 15px;
}
.shop-item-filter-list li a {
text-transform: capitalize;
}
.shop-item-filter-list li a.active {
color: #FE5F38;
}
.shop-item-filter-list li a i {
margin-right: 5px;
font-size: 16px;
}
.product-thumbnail > a img {
width: 100%;
}
.product-layout-list{
margin-top: 30px;
}
.product-layout-list:hover .product-action {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.product-layout-list .product-content p{
color: #555;
display: block;
font-size: 16px;
line-height: 25px;
margin: 34px 0 0;
padding: 0;
}
.sidebar-banner img {
width: 100%;
}
/*-- paginatoin-area css ---*/
.paginatoin-area {
border: 1px solid #cccccc;
margin-top: 50px;
padding: 15px 20px;
}
.pagination-box {
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;
}
.pagination-box > li {
display: inline-block
}
.pagination-box > li a {
color: #4A4F54;
display: block;
padding: 0 8px;
}
.pagination-box > li a:hover {
color: #FE5F38;
}
.pagination-box > li.active a {
color: #FE5F38;
}
.paginatoin-area p{
margin: 0
}
/*----------------------------------
16. single-product-page css
------------------------------------*/
.discription-tab-menu{
margin-bottom: 30px;
padding: 12px 0;
background: #f5f7fa none repeat scroll 0 0;
display: block;
}
.discription-tab-menu .nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.discription-tab-menu ul li{
margin-right: 10px;
}
.discription-tab-menu li a {
display: inline-block;
font-size: 16px;
font-weight: 600;
padding: 12px 25px;
text-transform: uppercase;
}
.discription-content p {
font-size: 16px;
margin-bottom: 10px;
}
.description-content > p {
font-size: 16px;
line-height: 24px;
margin-bottom: 0;
}
.discription-tab-menu li a.active {
color: #FE5F38;
}
.form-review .table-striped li {
display: inline-block;
margin-right: 7px;
}
.table-name {
width: 50%;
}
.review-wrap {
margin-top: 30px;
}
.review-wrap > h2 {
font-size: 24px;
margin-bottom: 20px;
}
.review-wrap .control-label:before {
color: #ff0000;
content: "* ";
font-weight: bold;
}
.form-control:focus {
box-shadow: none;
outline: 0 none;
}
.review-wrap .help-block {
margin: 10px 0 0;
}
.button-review {
background: #FE5F38 none repeat scroll 0 0;
border: medium none;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
height: 40px;
padding: 0 25px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.button-review:hover {
background: #333;
}
.sinlge-product-wrap .tab-content .tab-pane.active {
display: block;
}
.sinlge-product-wrap .tab-content .tab-pane {
display: none;
height: auto;
}
/*------------------------------
17. Blog-page css
--------------------------------*/
.single-blog-area {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #ddd;
margin: 0 0 30px;
padding: 20px;
text-align: center;
}
.post-thumbnail img {
width: 100%;
}
.post-category li {
display: inline-block;
color: #FE5F38;
}
.post-category a {
color: #FE5F38;
font-size: 14px;
padding: 0 5px;
text-decoration: underline;
}
.post-category a:hover{
color: #4c4c4c;
}
.blog-titel h1 {
font-size: 30px;
letter-spacing: 0.05em;
margin: 10px 0;
}
.blog-titel.blog-image h1:before {
color: #fe5f38;
content: "ï‚";
display: inline-block;
font-family: "FontAwesome";
font-size: 26px;
margin-right: 20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.blog-titel h1 a {
color: #4A4F54;
}
.blog-titel h1 a:hover {
color: #FE5F38;
}
.post-separator {
margin: 0 5px;
}
.post-author, .post-date {
color: #4A4F54;
font-size: 14px;
letter-spacing: 0.05em;
}
.blog-content .post-separator {
color: #333;
display: inline-block;
margin: 0 10px;
vertical-align: middle;
}
.post-thumbnail {
margin: 20px 0 30px;
overflow: hidden;
position: relative;
}
.postinfo-wrapper .readmore.button {
background: #333 none repeat scroll 0 0;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-size: 0.857em;
height: 45px;
letter-spacing: 0.2em;
line-height: 45px;
margin-bottom: 30px;
padding: 0 50px;
text-align: center;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.postinfo-wrapper .readmore.button:hover {
background: #FE5F38 none repeat scroll 0 0;
}
.social-comment .social-sharing {
float: left;
margin: 0;
}
.social-sharing .social-title {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #4A4F54;
float: left;
font-size: 14px;
line-height: 26px;
margin: 0 20px 0 0;
width: auto;
}
.social-icons {
float: left;
}
.social-comment .social-icons > li {
display: inline-block;
}
.social-comment {
overflow: hidden;
}
.social-sharing .social-icons li a {
background: #f7f7f7 none repeat scroll 0 0;
border-radius: 100%;
color: #353535;
display: inline-block;
font-size: 14px;
height: 26px;
line-height: 26px;
margin-bottom: 10px;
margin-right: 10px;
text-align: center;
width: 26px;
}
.social-sharing .social-icons li a:hover {
background: #FE5F38;
color: #fff;
}
.social-comment .blog-comment {
color: #333;
float: right;
font-size: 0.857em;
font-weight: bold;
}
.social-comment .blog-comment:hover {
color: #FE5F38;
}
.post-thumbnail iframe {
width: 100%;
}
.post-slider .owl-nav button {
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
border-radius: 50%;
color: #ffffff !important;
font-size: 20px !important;
height: 40px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.post-slider .owl-nav button:hover {
background: #FE5F38 !important;
}
.post-slider .owl-nav .owl-next {
right: 10px;
margin: auto;
}
.post-slider .owl-nav .owl-prev {
left: 10px;
}
.post-slider .owl-dots {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 20%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
.post-slider .owl-dots .owl-dot {
background: #0D1718;
border: 3px solid #0D1718;
border-radius: 100%;
display: inline-block;
height: 14px;
margin: 0 4px;
width: 14px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.post-slider .owl-dots .owl-dot:hover {
background: #ffffff none repeat scroll 0 0;
border: 3px solid #0D1718;
}
.post-slider .owl-dots .owl-dot.active {
background: #ffffff none repeat scroll 0 0;
border: 3px solid #96a1a3;
}
.post-slider:hover .owl-dots,.post-slider:hover .owl-nav button {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-audio iframe {
vertical-align: middle;
border: none;
width: 100%;
min-height: 300px;
}
.postinfo-wrapper p {
font-size: 15px;
line-height: 24px;
text-align: left;
}
/*------------------------
18. blog-sidebar-wrap css
--------------------------*/
.blog-sidebar-wrap {
border: 1px solid #dddddd;
margin-bottom: 30px;
overflow: hidden;
padding: 20px;
}
.single-categories-blog li a {
border: 0 none;
color: #4A4F54;
display: block;
font-size: 15px;
line-height: 18px;
margin-bottom: 16px;
text-transform: capitalize;
}
.single-categories-blog li:last-child a {
margin: 0;
}
.single-categories-blog li a:before {
border: 1px solid #777777;
border-radius: 0;
color: rgba(0, 0, 0, 0);
content: "";
display: inline-block;
font-family: "ionicons";
height: 14px;
line-height: 14px;
margin-right: 10px;
text-align: center;
width: 14px;
}
.single-categories-blog li a:hover:before {
color: #FE5F38;
}
.blog-search-form .form-input .input-text {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #dddddd;
color: #4A4F54;
font-size: 14px;
height: 34px;
padding: 0 40px 0 15px;
width: 100%;
}
.blog-search-form .form-input .blog-search-button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #4A4F54;
cursor: pointer;
height: 34px;
outline: medium none;
padding: 0 10px;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.blog-search-form .form-input .blog-search-button:hover {
color: #FE5F38;
}
.blog-search-form {
position: relative;
}
/*-------------------------------
19. blog-details-page css
----------------------------------*/
.postinfo-wrapper .post-info blockquote {
border-left: 5px solid #FE5F38;
color: #666666;
font-size: 17px;
font-style: italic;
line-height: 26px;
margin: 30px 0;
padding: 0 0 0 10px;
}
.post-commet {
float: right;
}
.comments-area > h3 {
font-size: 17px;
font-weight: 700;
line-height: 22px;
margin-bottom: 20px;
text-transform: uppercase;
}
.comments-area .commentlist li .single-comment {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #dddddd;
margin: 0 0 20px;
padding: 30px;
width: 100%;
}
.comments-area .commentlist li .comment-avatar {
float: left;
margin-right: 20px;
}
.commentlist {
padding: 0;
}
.comments-area .commentlist li .comment-info {
border: medium none;
overflow: hidden;
position: relative;
}
.commentlist li {
list-style: outside none none;
}
.comments-area .commentlist .comment-info a {
color: #4A4F54;
display: block;
font-size: 14px;
font-weight: 700;
}
.comments-area .commentlist .comment-info span.date {
color: #4A4F54;
display: block;
font-size: 13px;
font-style: italic;
line-height: 19px;
margin-bottom: 15px;
}
.comments-area .commentlist li .comment-info .reply {
display: inline-block;
float: right;
position: absolute;
right: 0;
top: 0;
}
.comments-area .commentlist li .comment-info .reply a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #FE5F38;
border-radius: 500px;
box-shadow: none;
color: #FE5F38;
display: inline-block;
font-size: 11px;
font-weight: 700;
height: 28px;
line-height: 26px;
padding: 0 20px;
text-shadow: none;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
.comments-area .commentlist li .comment-info .reply a:hover {
background: #FE5F38;
color: #fff;
}
.comments-area.comments-reply-area {
margin-top: 40px;
}
.comment-form-author,.comment-form-email,.comment-form-url {
float: left;
padding: 0 10px;
width: 33.3333%;
}
.comment-input {
margin: 0 -10px;
}
.comment-form-comment > label, .comment-input label {
color: #333;
display: block;
font-size: 14px;
margin: 0 0 5px;
}
.comment-form-comment textarea {
border: 1px solid #e5e5e5;
font-size: 14px;
height: 130px;
padding: 10px;
width: 100%;
}
.comment-input input{
border: 1px solid #e5e5e5;
height: 42px;
width: 100%;
padding: 0 0 0 10px;
font-size: 14px;
}
.comment-form-submit .comment-submit {
background: #4A4F54 none repeat scroll 0 0;
border: medium none;
color: #ffffff;
font-size: 15px;
height: 50px;
line-height: 50px;
margin-top: 10px;
padding: 0 20px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.comment-form-submit .comment-submit:hover {
background: #FE5F38;
}
/*------------------------------------
20. checkout css
--------------------------------------*/
.coupon-accordion h3:before {
color: #1e85be;
content: "";
display: inline-block;
font-family: "fontawesome";
left: 1.5em;
position: absolute;
top: 1em;
}
.coupon-accordion > h3 {
background: #f6f6f6 none repeat scroll 0 0;
border-top: 3px solid #1e85be;
color: #515151;
font-size: 14px;
font-weight: 400;
margin: 0 0 30px;
padding: 1em 2em 1em 3.5em;
position: relative;
text-transform: capitalize;
}
.coupon-accordion h3 span.coupon {
color: #ff5c00;
cursor: pointer;
}
.coupon-accordion h3 span.coupon:hover {
color: #FE5F38;
}
.coupon-content, .login-Register-info {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #d3ced2;
border-radius: 3px;
margin-bottom: 30px;
padding: 20px;
}
.customer-login-register > h3 {
line-height: 24px;
margin-bottom: 30px;
}
.coupon-content {
display: none;
}
.coupon-info p.coupon-input {
margin: 0 0 10px;
}
.coupon-info p.form-row-first{
float: left;
width: 47%;
}
.coupon-info p.form-row-last {
float: right;
width: 47%;
}
.coupon-info p.coupon-input > label {
display: block;
line-height: 2;
margin-bottom: 5px;
}
.coupon-input > input,.checkout-coupon > input,.single-form-row > input,.single-form-row textarea {
border: 1px solid #e5e5e5;
height: 42px;
padding: 0 0 0 10px;
width: 100%;
}
.single-form-row textarea {
height: 100px;
padding: 10px;
line-height: 1.5;
}
.coupon-input .required {
color: #ff0000;
}
.coupon-info .button-login,.login-Register-info .button-login{
margin: 5px 10px 0 0;
}
.coupon-info label span,.login-Register-info label span {
margin-left: 5px;
}
.checkout-coupon {
margin: 0;
}
.checkout-coupon > input {
width: auto;
}
.checkout-coupon .button-apply-coupon {
background: #4A4F54 none repeat scroll 0 0;
border: medium none;
color: #ffffff;
cursor: pointer;
line-height: 42px;
margin-left: 5px;
padding: 0 25px;
}
.checkout-coupon .button-apply-coupon:hover {
background: #1a1a1a none repeat scroll 0 0;
}
.nice-select {
float: inherit;
}
.account-create .creat-pass {
color: #aa0000;
}
.account-create input.input-text {
border-color: #aa0000;
}
.account-create,.ship-box-info {
display: none;
}
.login-Register-info .button-login {
background: #4A4F54 none repeat scroll 0 0;
border: medium none;
border-radius: 3px;
color: #ffffff;
height: 40px;
padding: 0 20px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.login-Register-info .button-login:hover{
background: #FE5F38;
}
.lost-password {
float: right;
margin: 12px 0 0;
color: #E64545;
}
.coupon-accordion .button-login {
background: #4A4F54 none repeat scroll 0 0;
border: medium none;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
height: 40px;
padding: 0 25px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.coupon-accordion .button-login:hover {
background: #FE5F38;
}
.login-register-area {
padding: 60px 0 30px;
}
.checkout-page .lost-password {
float: inherit;
}
/*-- checkbox-form --*/
.checkout-area h3.shoping-checkboxt-title {
border-bottom: 1px solid #e7e4dd;
font-size: 24px;
font-weight: 400;
margin: 0 0 20px;
padding-bottom: 10px;
text-transform: none;
width: 100%;
}
.checkbox-form .single-form-row {
margin: 0 0 30px;
}
.single-form-row .required {
border: 0 none;
color: #ff0000;
font-weight: 700;
cursor: help;
}
.checkbox-form .nice-select{
border-radius: 0;
}
.single-form-row.checkout-area {
margin-bottom: 5px;
}
table.checkout-review-order-table {
width: 100%;
}
.checkout-review-order-table thead th,.checkout-review-order-table tbody td,
.checkout-review-order-table tfoot tr th,.checkout-review-order-table tfoot tr td {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: 1px solid #dcd8ce;
border-right: medium none;
border-top: medium none;
font-size: 14px;
padding: 15px 0;
text-align: center;
}
.checkout-review-order-table tfoot tr td {
font-weight: 700;
}
.checkout-review-order-table tfoot tr.order-total td,.checkout-review-order-table tfoot tr.order-total th {
border-bottom: medium none;
font-size: 18px;
}
.checkout-review-order-table tfoot tr.order-total td span {
color: #E85757;
}
.payment_methods {
margin-top: 15px;
}
.payment_methods > p {
font-size: 15px;
margin: 0;
}
.payment_methods label {
font-size: 15px;
margin: 0;
}
.checkout-review-order {
background: #f6f6f6 none repeat scroll 0 0;
padding: 30px;
}
.checkout-payment .button-continue-payment {
background: #4A4F54 none repeat scroll 0 0;
border: medium none;
border-radius: 5px;
color: #ffffff;
height: 40px;
margin-top: 30px;
padding: 0 20px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.checkout-payment .button-continue-payment:hover {
background: #FE5F38;
}
/*-------------------------------------
21. wishlist-page css
---------------------------------------*/
.table-content table {
background: #ffffff none repeat scroll 0 0;
border-color: #ebebeb;
border-radius: 0;
border-style: solid;
border-width: 1px 0 0 1px;
margin-bottom: 0;
text-align: center;
width: 100%;
}
.table-content table {
text-align: center;
}
thead {
background-color: #f6f6f6;
}
.table-content table th {
border-top: medium none;
font-size: 15px;
font-weight: 500;
padding: 20px 10px;
text-align: center;
text-transform: capitalize;
vertical-align: middle;
white-space: nowrap;
}
.table-content table td.plantmore-product-remove {
font-size: 20px;
}
.table-content table td {
border-top: medium none;
font-size: 13px;
padding: 20px 10px;
vertical-align: middle;
}
.table-content table th, .table-content table td {
border-bottom: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
}
.table-content table td {
font-size: 15px;
}
.plantmore-product-quantity > input {
text-align: center;
width: 48px;
}
.cart-table .coupon-all {
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;
margin-top: 60px;
}
.cart-table .coupon input {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #dddddd;
border-radius: 0;
color: #4A4F54;
font-size: 13px;
height: 42px;
padding: 10px;
width: 120px;
margin-right: 10px;
}
.cart-table .coupon-all input.button {
background-color: #4A4F54;
border: 0 none;
border-radius: 2px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 500;
height: 42px;
letter-spacing: 1px;
line-height: 42px;
padding: 0 25px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: inherit;
}
.cart-table .coupon-all input.button:hover {
background-color: #FE5F38;
}
.cart-page-total {
padding-top: 0;
text-align: center;
}
.cart-page-total > h2 {
font-size: 25px;
font-weight: 700;
margin-bottom: 20px;
text-transform: capitalize;
}
.cart-page-total > ul {
border: 1px solid #dddddd;
}
.cart-page-total > ul > li {
border-bottom: 1px solid #ebebeb;
color: #252525;
font-family: 'FrutigerLTArabic',sans-serif;
font-size: 15px;
font-weight: 700;
list-style: outside none none;
padding: 10px 30px;
}
.cart-page-total ul > li > span {
float: right;
}
.cart-page-total li:last-child {
border-bottom: 0 none;
}
.cart-page-total > a {
background-color: #0047BA;
border: 1px solid #0047BA;
color: #ffffff;
display: inline-block;
margin-top: 30px;
padding: 10px 20px;
border-radius: 5px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: normal;
}
.cart-page-total > a:hover {
background-color: #386b88;
border: 1px solid #386b88;
}
.plantmore-product-stock-status span.in-stock,.plantmore-product-stock-status span.out-stock {
color: #30b878;
font-size: 12px;
text-transform: capitalize;
}
.plantmore-product-stock-status span.out-stock {
color: #FE5F38;
}
.plantmore-product-add-cart > a {
background: #4A4F54 none repeat scroll 0 0;
border-radius: 5px;
color: #ffffff;
display: inline-block;
font-size: 14px;
height: 41px;
line-height: 40px;
padding: 0 20px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 180px;
}
.plantmore-product-add-cart > a:hover {
background: #FE5F38;
}
/*---------------------------------------
22. faequently-questions css
----------------------------------------*/
.feequently-about-content {
margin-bottom: 80px;
}
.feequently-about-content > p {
font-size: 15px;
line-height: 24px;
margin: 0;
}
.feequently-about-content > h4 {
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
}
.faequently-accordion h4 a:before, .faequently-tab-menu ul li a:before {
color: #333;
content: "ï§";
font-family: fontawesome;
font-size: 12px;
position: absolute;
right: 20px;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
}
.faequently-accordion h4.open a:after, .faequently-tab-menu ul li.active a:before {
color: #333;
content: "ï¨";
font-family: fontawesome;
font-size: 12px;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
}
.faequently-accordion h4.open a:before {
display: none;
}
.faequently-accordion h4 {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #cccccc;
line-height: 1.5;
margin: 0 0 10px;
padding: 0;
text-transform: uppercase;
}
.faequently-accordion h4 a {
color: #333;
display: block;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
padding: 15px 10px 15px 25px;
position: relative;
}
.faequently-description {
border-color: #e7e4dd #FE5F38 #FE5F38;
border-style: solid;
border-width: 1px;
padding: 20px 25px;
margin-bottom: 10px;
}
.faequently-accordion h4.open {
border-color: #FE5F38 #FE5F38 #FE5F38;
margin-bottom: 0;
}
.faequently-accordion h4.open a {
color: #FE5F38;
}
.faequently-description > p {
color: #4A4F54;
font-size: 15px;
line-height: 24px;
margin-bottom: 0;
}
/*---------------------------------------
23. error-404 css
----------------------------------------*/
.search-error-wrapper {
padding: 80px 0;
text-align: center;
}
.error404 .search-error-wrapper h1 {
color: #fe5f38;
font-size: 160px;
font-weight: 800;
letter-spacing: 8px;
line-height: 122px;
margin: 0 0 60px;
}
.error404 .search-error-wrapper h2 {
font-size: 30px;
text-transform: uppercase;
}
.error404 .search-error-wrapper p {
font-size: 16px;
font-weight: 400;
margin: 20px auto 30px;
text-align: center;
width: 60%;
}
.error404 .search-error-wrapper .error-form .error-form-input {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e9e9e9;
border-radius: 30px;
height: 45px;
margin: 0 auto;
position: relative;
width: 450px;
}
.error404 .search-error-wrapper .error-form .error-form-input .error-input-text {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
height: 100%;
outline: medium none;
padding-left: 20px;
padding-right: 80px;
width: 100%;
}
.error404 .search-error-wrapper .error-form .error-form-input .error-s-button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
color: #4f4f4f;
font-size: 18px;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 50px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.error404 .search-error-wrapper .error-form .error-form-input .error-s-button:hover {
color: #FE5F38;
}
.error404 .search-error-wrapper a.home-bacck-button {
background: #FE5F38 none repeat scroll 0 0;
border-radius: 35px;
box-shadow: none;
color: #ffffff;
display: inline-block;
font-size: 12px;
font-weight: bold;
height: 40px;
line-height: 40px;
margin-top: 30px;
padding: 0 30px;
text-shadow: none;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
.error404 .search-error-wrapper a.home-bacck-button:hover {
background: #333;
}
/*--------------------------------------
24. about-page css
----------------------------------------*/
.about-info-wrapper > h2 {
font-size: 20px !important;
font-weight: bold;
}
.about-info-wrapper > p {
font-size: 14px;
}
.section-titel-three {
margin: 0px 0 20px;
text-align: center;
}
.section-titel-three > h2 {
font-size: 28px;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
text-align: center;
}
.read-more-btn > a {
background: #4A4F54 none repeat scroll 0 0;
color: #ffffff;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 20px;
border-radius: 5px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.read-more-btn > a:hover {
background: #FE5F38;
}
.single-our-team {
margin-top: 30px;
}
.our-team-image > img {
width: 100%;
height: auto;
}
.About-us-team-area {
padding: 30px 0;
}
.our-team-image {
position: relative;
overflow: hidden;
}
.team-social-link {
bottom: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
padding: 10px 0;
position: absolute;
text-align: center;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
visibility: hidden;
width: 100%;
}
.team-social-link li {
display: inline-block;
margin: 0 3px;
}
.team-social-link li a {
background: #0047BA none repeat scroll 0 0;
border-radius: 100%;
color: #ffffff;
display: block;
font-size: 14px;
height: 38px;
line-height: 38px;
width: 38px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.overview{
background: #f1f1f1;
/*padding: 10px;*/
padding: 4px 10px;
margin: 12px 0;
}
.team-social-link li a:hover {
background: #333;
}
.font20{
font-size: 20px !important;
}
.left30{
margin-right:30px;
}
.our-team-info {
background: #D6D1CA none repeat scroll 0 0;
padding: 10px 7px;
text-align: center;
}
.our-team-info > h3 {
color: #4A4F54;
font-size: 16px;
margin-bottom: 5px;
text-align: center;
}
.our-team-info > p {
font-size: 14px!important;
margin: 0;
line-height: 22px;
}
.section-titel-three > p {
margin: 0;
text-align: center;
}
.single-our-team:hover .team-social-link{
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
/*-- testimonial ---*/
.about-page .testimonials-area {
padding: 80px 0;
}
.single-testimonial p {
font-size: 18px;
font-style: italic;
margin: 20px 0 30px;
}
.single-testimonial h4 {
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
margin: 0;
}
.single-testimonial span {
color: #666666;
font-size: 14px;
font-style: italic;
font-weight: 400;
text-transform: uppercase;
}
.owl-carousel .owl-item .single-testimonial img {
display: block;
margin: 0 auto;
width: auto;
}
.about-page .brand-logo-active {
border-top: medium none;
}
#about .about-us-img{
box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%)
}
/*-------------------------------------
25. contact-page css
----------------------------------------*/
.contact-title > h3 {
font-size: 24px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 30px;
}
.contact-input {
display: block;
margin: 0 -10px;
overflow: hidden;
}
.contact-inner {
float: right;
margin: 0 0 18px;
padding: 0 10px;
width: 50%;
}
.contact-form .contact-form-info {
padding: 20px 0;
}
.contact-inner.contact-message textarea,.contact-inner.contact-message {
width: 100%;
}
.contact-page-form .contact-inner > input, .contact-inner.contact-message textarea, .riSingle.RadInput.RadInput_Default input {
border: 1px solid #dddddd;
color: #4A4F54;
font-size: 14px;
height: 45px;
padding-left: 15px!important;
width: 100%!important;
}
.contact-inner.contact-message textarea {
height: 135px;
padding: 15px;
}
.form-messege.error {
color: #ff0000;
font-style: italic;
margin-top: 10px;
}
.form-messege.success {
color: #008000;
font-style: italic;
margin-top: 10px;
}
.contact-submit-btn .submit-btn {
background: #4A4F54 none repeat scroll 0 0;
border: 0 none;
border-radius: 3px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
height: 40px;
line-height: 40px;
padding: 0 25px;
text-transform: capitalize;
-webkit-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
font-family: inherit;
}
.contact-submit-btn .submit-btn:hover {
background: #FE5F38;
}
.table-hover tbody tr:hover {
background-color: #F6F6F6;
}
.contact-infor {
background: #D6D1CA none repeat scroll 0 0;
padding: 20px 30px;
}
.contact-form-info {
padding: 20px 30px;
}
.contact-dec > p{
margin-bottom: 30px;
}
.contact-address {
margin-bottom: 10px;
}
.contact-address > ul {
max-width: 380px;
}
.contact-address li {
border-top: 1px solid #e4e4e4;
font-size: 14px;
padding: 10px 0;
}
.contact-address ul li i {
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.work-hours > h3 {
font-size: 24px;
margin: 0 0 5px;
}
.ContactUs h3{
font-size: 24px !important;
border-bottom: 1px solid #ccc;
line-height: 24px;
margin-bottom: 25px;
padding-bottom: 15px;
text-transform: capitalize;
font-weight: 500;
}
.ContactUs .single-our-team {
margin-top: 0;
}
.ContactUs .our-team-info{
padding: 20px;
}
.ContactUs .our-team-info img{
margin-left: 5px;
}
/*----------------------------------------
26. My Account Page Css
----------------------------------------*/
.dashboard-upper-info {
border-bottom: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
margin-bottom: 60px;
}
.dashboard-content .tab-pane:not(.active) {
display: none;
}
.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
border-right: 1px solid #ebebeb;
padding: 30px 20px;
}
.user-name{
position: relative;
}
.user-name:before {
color: #4A4F54;
content: "\f05d";
font-family: FontAwesome;
font-size: 18px;
left: -20px;
position: absolute;
top: 0;
}
.account-dashboard p {
font-size: 14px !important;
margin: 0;
}
.d-single-info a, .account-login-form a {
color: #333;
}
.d-single-info a:hover, .account-login-form a:hover {
color: #FE5F38;
}
.dashboard-upper-info a.view-cart,
.view {
color: #fff;
font-size: 14px;
padding: 5px 12px;
background: #FE5F38;
text-transform: capitalize;
}
.dashboard-upper-info a.view-cart:hover,
.view:hover{
background: #4A4F54;
color: #fff;
}
.view-cart {
display: inline-block;
font-size: 14px;
padding-left: 5px;
text-transform: capitalize;
}
.view-cart > i {
margin-right: 5px;
}
.user-name span {
color: #303030;
font-size: 15px;
font-weight: 600;
}
.dashboard-list li a {
border-bottom: 1px solid #4A4F54;
color: #1b1718;
display: block;
font-size: 18px;
padding: 12px 0;
text-transform: capitalize;
font-weight: 500;
}
.dashboard-list li a.active,.dashboard-list li a:hover,.view-cart:hover,.dashboard-upper-info a:hover {
color: #0047BA;
}
.dashboard-list li a.active:after{
content: "\f104";
font-family: FontAwesome;
margin-right: 5px;
-webkit-transition: 0.10s;
transition: 0.10s;
}
.dashboard-content {
border: 1px solid #ebebeb;
padding: 30px;
float: right;
width: 100%;
}
.dashboard-content h3{
text-transform: capitalize;
}
.dashboard-content h3 {
border-bottom: 1px solid #ebebeb;
font-size: 24px;
line-height: 24px;
margin-bottom: 25px;
padding-bottom: 15px;
text-transform: capitalize;
font-weight: 700;
}
.dashboard-content .table-responsive .table > tbody > tr > td,
.dashboard-content .table-responsive .table > tbody > tr > th,
.dashboard-content .table-responsive .table > tfoot > tr > td,
.dashboard-content .table-responsive .table > tfoot > tr > th,
.dashboard-content .table-responsive .table > thead > tr > td,
.dashboard-content .table-responsive .table > thead > tr > th{
border: none;
}
.dashboard-content .table-responsive > .table > thead {
background: #f6f6f6 none repeat scroll 0 0;
border-bottom: 1px solid #ebebeb;
}
.dashboard-content .table-responsive .table > thead > tr > th {
font-size: 14px;
font-weight: 600;
}
.dashboard-content .table-responsive .table > tbody > tr > td {
color: #4A4F54;
font-size: 13px;
}
#dashboard a{
color: #4A4F54;
text-transform: capitalize;
}
#dashboard a:hover{
color: #FE5F38;
}
.billing-address {
font-size: 16px;
font-weight: 700;
margin-top: 25px;
}
#address .view {
display: inline-block;
margin: 5px 0;
font-size: 14px;
}
.register-form {
padding: 40px;
}
.login-form-container {
background: #ffffff none repeat scroll 0 0;
box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
}
.login-form-container {
padding: 40px 60px;
box-shadow: 2px 2px 11px 0 rgba(0,0,0,.1);
background: #fff;
border: 1px solid rgba(0,0,0,.125);
padding-bottom: 20px;
}
.input-radio .custom-radio input {
width: auto;
height: 11px;
}
.account-login-form input {
background: #ebebeb none repeat scroll 0 0;
border: 0 none;
color: #7d7d7d;
height: 35px;
margin-bottom: 20px;
padding: 8px 15px;
width: 100%;
}
.example {
display: block;
color: #878787;
font-size: 14px;
margin-bottom: 20px;
}
.custom-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.login-form-container input[type="checkbox"] {
margin: 0;
position: relative;
top: 3px;
width: auto;
height: 15px;
margin-right: 10px;
}
.default-btn {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
background: #434343;
color: #fff;
border: 0;
padding: 8px 20px;
cursor: pointer;
margin: 20px 0;
text-align: auto;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: inline-block;
}
.default-btn:hover {
background: #FE5F38;
color: #fff;
}
.account-login-form label {
font-size: 15px;
color: #333;
}
/*-------------- END -----------*/
#dashboard .single-our-team .subscribe-btn,
#orders .single-our-team .subscribe-btn,
#downloads .single-our-team .subscribe-btn,
#address .single-our-team .subscribe-btn{
width: 100%;
position: relative;
right: auto;
top: auto;
}
#menu img,#ctl00_ImageButton20 {
max-width: unset;
height: auto;
width: 45px;
padding-left: 12px;
vertical-align: middle;
margin-bottom: 9px;
margin-left: 0px;
}
#menu li{
border-bottom:1px solid #cccccc11;
padding: 10px;
}
#search li{
padding-left: 10px;
padding-right: 10px;
}
#menu li a,#search li a{
font-size: 12px;color: #fff;
}
.linkText{
color: #0047BA;
font-size: 12px;
}
.linkText:hover{
color: #333;
}
.team-social-link{
display: none;
}
#menu,#search {
transition: width 2.5s;
white-space: nowrap;
width: 2.5em;
cursor: pointer;
}
#menu:hover {
width: 12em!important;
}
#search:hover {
width: 20em!important;
}
.item:hover {
background-color: #4A4F54;
}
.hide{
display: none;
}
.hidebox {
display: none;
}
#nav-tab,
#nav-tabContent{
direction: ltr;
}
#modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
}
#nav-tab, #nav-tabContent ul {
display: flex !important;
flex-direction: row-reverse;
}
.FixedDiv .col-lg-12 {
background: #ffffff;
}
.FixedDiv nav {
background: #4A4F54;
}
/******************************
=== LOAN CALCULATOR ===
******************************/
#loan-calculator .input-group,
#loan-calculator .input-group-addon{
/*background-color: white;*/
border-style: none;
border: none;
}
.input-group-addon:first-child {
border: none;
}
em {
color: blue;
}
.ui-slider-input {
display: none !important;
}
.marginator {
margin: 5% 5% 5% 5%;
}
.padme {
padding: 2% 0% 2% 0%;
}
a.ui-slider-handle.ui-btn.ui-shadow {
position: absolute;
top: 0;
left: 0;
margin-top: -13px;
margin-left: -10px;
cursor: pointer;
width: 50px;
height: 48px;
background: #505054;
border-radius: 8px;
color: #FFF;
font-size: 22px;
line-height: 20px;
text-align: center;
padding-top: 13px;
font-weight: 100;
}
/*-------------- END -----------*/
a.ui-slider-handle.ui-btn.ui-shadow::after{
content: "\f0c9";
font-family: FontAwesome;
}
.ui-slider-track{
position: relative;
height: 30px;
background-color: #FFF !important;
border-radius: 8px;
border: 1px solid #a7a7a7;
}
span.input-group-addon{
padding: 3px;
background: #3871c0;
text-shadow: none;
color: white;
width: 60px;
line-height: 2em;
border-radius: 4px !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
a.ui-slider-handle.ui-btn.ui-shadow {
position: absolute;
top: 0;
left: 0;
margin-top: -11px;
margin-left: -10px;
cursor: pointer;
width: 30px;
height: 28px;
background: #505054;
border-radius: 4px;
color: #FFF;
font-size: 100%;
line-height: 20px;
text-align: center;
padding-top: 3px;
font-weight: 100;
}
.ui-slider-track {
height: 10px;
}
.ui-slider-track.ui-corner-all{
border-radius: .2125em;
}
.col-xs-3 p,.col-xs-3 h4{
color: white;
}
#loan-calculator .ui-input-text {
margin: 0em 0;
}
#loan-calculator p{
width: 100%;
color: white;
text-shadow: none;
}
*{
text-shadow: none !important;
}
.ui-mobile label, .ui-controlgroup-label {
padding: 1em 0;
}
.pt_20{
padding-top: 2em;
}
.pb-60{
padding-bottom: 60px;
}
input[type=range] {
-webkit-appearance: none;
width: 100%;
margin: 13.8px 0;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 8.4px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #3071a9;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #acffff;
cursor: pointer;
-webkit-appearance: none;
margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #367ebd;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 8.4px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #3071a9;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #acffff;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 8.4px;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #2a6495;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
background: #3071a9;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #acffff;
cursor: pointer;
height: 8.4px;
}
input[type=range]:focus::-ms-fill-lower {
background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
background: #367ebd;
}
.form-control.amount,
.form-control.period{
border-radius: .25rem!important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
text-align: center;
}
#mySelect {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: right !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
}
.reset {
background: #0047BA none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
color: #ffffff;
display: block;
font-size: 10px;
font-weight: 400;
height: 30px;
line-height: 15px;
padding: 0 30px;
position: relative;
text-transform: uppercase;
/*top: 30px;*/
font-family: inherit;
}
.popupunder{
direction: rtl;
text-align: right;
}
.popupunder.alert.alert-success {
font-size: 12px;
font-weight: 400;
background: transparent;
border-color: #ccc;
color: #ccc;
}
pre {
color: #ffffff;
background: transparent;
border: 0;
}
.table.table-hover a.link {
color: #0047BA;
}
.tab-content > .active {
/* margin: 0px !important; */
/* margin-right: 120px !important; */
}
#nav-tabContent{
/* direction: rtl; */
}
#mySelect{
float:right;
}
.table.table-hover a.link {
color: #0047BA;
}
.tab-content > .active {
/* margin: 0px !important; */
}
/* Define the background color for all the ODD background rows *//*
.table.table-hover tr:nth-child(odd){
background: #b8d1f3;
}
/* Define the background color for all the EVEN background rows */
.table.table-hover tr:nth-child(even){
background: #dae5f4;
}
.table.table-hover tr:nth-child(even){
background: #eee;
}
.table.table-hover>thead>tr>th {
border-bottom: 0px solid #eee;
}
.table-hover thead th,
.table-hover td,
.table-hover tr {
text-align:center;
}
.table-hover th {
text-align:right;
}
.table-hover th img{
margin-left:1em;
}
.time {
font-size: small !important;
color: inherit !important;
}
.section-titel-three p{
text-align:right;}
.section-titel-three p span{
text-align:right;}
thead,
thead th {
background-color: #0047ba;
color: #fff;
}
.table>thead>tr>th {
border-left: 1px solid #ddd;
}
.table>tbody>tr>td {
border-right: 1px solid #ddd;
font-size: 14px;
}
.table-hover tbody tr:hover {
background-color: #dae5f4!important;
/* color: white;*/
}
.no-rl-border {
border-left: 0!important;
border-right: 0!important;
}
.arabiclogo{
width: 200px;
}
.navbar-brand {
float: right;
height: auto;
padding: initial;
font-size: initial;
line-height: initial;
margin-right: inherit;
}
.logo {
padding: 2px 20px 2px 0;
background: white;
z-index: 9999;
max-width: 200px;
}
.mobile-menu::before {
color: #ffffff;
content: "menu";
display: inline-block;
font-size: 18px;
font-weight: 500;
left: 15px;
line-height: 52px;
position: absolute;
text-transform: uppercase;
top: 0;
z-index: 9997;
background: url(img/logo/logo.png) right;
background-size: contain;
background-repeat: no-repeat;
content: "";
width: 50%;
height: 50px;
}
.mean-container a.meanmenu-reveal span {
background: #0047BA none repeat scroll 0 0;
}
.mean-container .mean-bar {
background: #fff none repeat scroll 0 0;
}
.mean-container a.meanmenu-reveal {
box-shadow: 0px 0px 1px 1px #0047BA;
margin-top: 3px;
left: 15px !important;
}
.mean-container a.meanmenu-reveal {
color: #0047BA;
}
.mean-container a.meanmenu-reveal:hover {
color: #0047BA;
}
.mean-container a.meanmenu-reveal:hover span{
background: #0047BA;
}
.slider-wrapper-3 {
background-size: contain;
}
/******************
******************
******************/
.RangeSlider_ParticipantName {
padding-bottom: 10px;
display: block;
}
.RangeSlider {
}
.RangeSlider_ClickArea {
position: relative;
padding: 20px 0 15px 0;
margin-top: -20px;
outline: 1px dashed #fff; /* to show clickarea */
user-select: none;
}
.RangeSlider_ParticipantName {
font-size: 12px;
color: #ddd;
text-align: center;
height: 49px;
line-height: 49px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.RangeSlider_Track {
border: 1px solid #5e5e5e;
background-color: #757575;
position: relative;
transition: all .3s;
}
.RangeSlider_TrackFill {
position: relative;
width: 0%;
height: 5px;
background-color: #189670;
/* transition: width .4s cubic-bezier(0,1,.5,1.25); */
transition: width .1s ease-in;
}
/* when thumb is being dragged, remove the transition */
.RangeSlider_TrackFill.RangeSlider_TrackFill-stopAnimation {
transition: none;
}
.RangeSlider_Thumb {
position: absolute;
top: 0;
right: 0;
width: 15px;
height: 15px;
background: #ddd;
border-radius: 50%;
cursor: pointer;
transform: translate(50%, -33.33%);
}
/* when thumb is being dragged, increase the size so the cursor can come outside of it slightly */
.RangeSlider_TrackFill-stopAnimation .RangeSlider_Thumb:before {
content: "";
display: block;
width: 1000px;
height: 1000px;
position: absolute;
top: -500px;
left: -500px;
border-radius: 50%;
/* background: rgba(255,255,255,0.1); */
}
.RangeSlider_Points {
display: flex;
align-items: flex-end;
justify-content: space-between;
padding-top: 4px;
margin: 0 -8px 0 -8px;
}
.RangeSlider_Point {
font-size: 11px;
color: initial;
cursor: default;
width: 34px;
text-align: center;
}
.RangeSlider_Point:hover {
font-size: 14px;
}
.RangeSlider_Point:before {
content: "";
display: block;
height: 5px;
width: 1px;
background-color: #666;
margin: 0 auto;
}
.RangeSlider_Point.RangeSlider_PointActive {
color: #FFDF1B;
}
#modalContainer {
background-color:rgba(0, 0, 0, 0.3);
position:absolute;
top:0;
width:100%;
height:100%;
left:0px;
z-index:10000;
background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}
#alertBox {
position:relative;
width:33%;
min-height:100px;
max-height:400px;
margin-top:50px;
border:1px solid #fff;
background-color:#fff;
background-repeat:no-repeat;
top:30%;
}
#modalContainer > #alertBox {
position:fixed;
}
#alertBox h1 {
margin:0;
font:bold 1em Raleway,arial;
background-color:#0047BA;
color:#FFF;
border-bottom:1px solid #0047BA;
padding:10px 0 10px 5px;
}
#alertBox p {
height:50px;
padding-left:5px;
padding-top:30px;
text-align:center;
vertical-align:middle;
}
#alertBox #closeBtn {
display:block;
position:relative;
margin:10px auto 10px auto;
padding:7px;
border:0 none;
width:70px;
text-transform:uppercase;
text-align:center;
color:#FFF;
background-color:#0047BA;
border-radius: 0px;
text-decoration:none;
outline:0!important;
font-size: 10px;
}
#mContainer {
position:relative;
width:600px;
margin:auto;
padding:5px;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
}
h1,h2 {
margin:0;
padding:4px;
}
code {
font-size:1.2em;
color:#069;
}
#credits {
position:relative;
margin:25px auto 0px auto;
width:350px;
font:0.7em verdana;
border-top:1px solid #000;
border-bottom:1px solid #000;
height:90px;
padding-top:4px;
}
#credits img {
float:left;
margin:5px 10px 5px 0px;
border:1px solid #000000;
width:80px;
height:79px;
}
.important {
background-color:#F5FCC8;
padding:2px;
}
@media (max-width: 600px) {
#alertBox {
position: relative;
width: 90%;
top: 30%;
}
}
#loan-calculator .input-group,
#loan-calculator .input-group-addon{
/*background-color: white;*/
border-style: none;
border: none;
}
.input-group-addon:first-child {
border: none;
}
em {
color: blue;
}
.ui-slider-input {
display: none !important;
}
.marginator {
margin: 5% 5% 5% 5%;
}
.padme {
padding: 2% 0% 2% 0%;
}
a.ui-slider-handle.ui-btn.ui-shadow {
position: absolute;
top: 0;
left: 0;
margin-top: -13px;
margin-left: -10px;
cursor: pointer;
width: 50px;
height: 48px;
background: #505054;
border-radius: 8px;
color: #FFF;
font-size: 22px;
line-height: 20px;
text-align: center;
padding-top: 13px;
font-weight: 100;
}
/*-------------- END -----------*/
a.ui-slider-handle.ui-btn.ui-shadow::after{
content: "\f0c9";
font-family: FontAwesome;
}
.ui-slider-track{
position: relative;
height: 30px;
background-color: #FFF !important;
border-radius: 8px;
border: 1px solid #a7a7a7;
}
span.input-group-addon{
padding: 3px;
background: #0047BA;
text-shadow: none;
color: white;
width: 60px;
line-height: 2em;
}
a.ui-slider-handle.ui-btn.ui-shadow {
position: absolute;
top: 0;
left: 0;
margin-top: -11px;
margin-left: -10px;
cursor: pointer;
width: 30px;
height: 28px;
background: #505054;
border-radius: 4px;
color: #FFF;
font-size: 100%;
line-height: 20px;
text-align: center;
padding-top: 3px;
font-weight: 100;
}
.ui-slider-track {
height: 10px;
}
.ui-slider-track.ui-corner-all{
border-radius: .2125em;
}
/*
.col-xs-3 p,.col-xs-3 h4{
color: white;
}
*/
#loan-calculator .ui-input-text {
margin: 0em 0;
}
#loan-calculator p{
width: 100%;
color: white;
text-shadow: none;
}
*{
text-shadow: none !important;
}
.ui-mobile label, .ui-controlgroup-label {
padding: 1em 0;
}
.pt_20{
padding-top: 2em;
}
.pb-60{
padding-bottom: 60px;
}
input[type=range] {
-webkit-appearance: none;
width: 100%;
margin: 13.8px 0;
background: transparent;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 8.4px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #0047BA;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
/*background: #acffff;*/
background: #fff;
cursor: pointer;
-webkit-appearance: none;
margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #367ebd;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 8.4px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #3071a9;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #acffff;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 8.4px;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #2a6495;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
background: #3071a9;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #acffff;
cursor: pointer;
height: 8.4px;
}
input[type=range]:focus::-ms-fill-lower {
background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
background: #367ebd;
}
.popupunder.alert.alert-success{
/* font-size: 12px; */
/* font-weight: 400; */
/* background: transparent; */
/* border-color: #ccc; */
color: #333;
/* margin-bottom: 8px; */
/* box-shadow: 0 12px 24px 0 rgba(0,0,0,.1); */
}
.main-content-warpper,
.wrapper {
background: #fff;
}
@keyframes outline {
from {
stroke-dasharray: 0, 345.576px;
}
to {
stroke-dasharray: 345.576px, 345.576px;
}
}
#outline {
animation: .58s ease-in outline;
transform: rotate(0deg);
transform-origin: center;
}
@keyframes circle {
from {
transform: scale(1);
}
to {
transform: scale(0);
}
}
#white-circle {
animation: .55s ease-in .55s forwards circle;
transform: none;
transform-origin: center;
}
@keyframes check {
from {
stroke-dasharray: 0, 75px;
}
to {
stroke-dasharray: 75px, 75px;
}
}
#check {
animation: .9s cubic-bezier(0.65, 0, 1, 1) 1s forwards check;
stroke-dasharray: 0, 75px;
}
@keyframes check-group {
from {
transform: scale(1);
}
50% {
transform: scale(1.09);
}
to {
transform: scale(1);
}
}
#check-group {
animation: 1s ease-in-out 1.2s check-group;
transform-origin: center;
}
.banner {
overflow: hidden;
height: 100%;
position: relative;
/*background: linear-gradient(90deg, #77cef9, #233567);*/
background: linear-gradient(90deg, #ddd, #fff);
background-size: 200% 200%;
-webkit-animation: bannerbg ease 8s infinite;
animation: bannerbg ease 8s infinite;
}
.banner div h2 {
font-weight: bold;
color: rgba(255,255,255,0.5);
text-align: center;
font-family: 'Kaushan Script', cursive;
font-size: 3.5rem;
}
.bubbles {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
color: #fff;
}
#modal{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
}
.hide{
display: none;
}
.hidebox {
display: none;
}
/*.our-team-image > img{
height: 295px;
width: 370px;
}*/
#nav-tabContent{
/* width: 80%; */
/* float: right; */
}
.FixedDiv .col-lg-12{
background: #FFF;
}
#ctl00_ContentPlaceHolder1_GridView1 th{
text-align: center;
}
pre {
/*color: #ffffff;*/
background: transparent;
border: 0;
}
.col-lg-4 .popupunder{
float: left;
margin-top: 3em;
}
#loan-calculator h4{
font-size: 1.2rem;
font-weight: 500;
}
#reduceAmount,
#increaseAmount,
#reducePeriod,
#increasePeriod{
background: #0047BA;
color: #ffffff
}
.form-control.amount, .form-control.period {
text-align: center;
}
.col-xs-3 p, .col-xs-3 h4 {
color: inherit;
}
.reset {
cursor: pointer;
outline: none;
border: none;
}
.reset:hover {background-color: #3871c0}
.reset:active {
background-color: #3871c0;
transform: translateY(2px);
}
#nan {
color: initial;
}
#cal {
padding:20px;
border: 1px solid transparent;
border-radius: .25rem;
border-color: #ccc;
margin-bottom: 8px;
box-shadow: 0 12px 24px 0 rgba(0,0,0,.1);
}
.badge {
font-size: 100%;
background: #0047BA;
color:#fff !important;
}
@media (max-width: 767px)
{
.slider-wrapper-3 {
height: auto!important;
margin-top: 70px;
}
}
.list-group-item>.badge {
float: left;
}
.mobile-menu::before {
color: #ffffff;
display: inline-block;
font-size: 18px;
font-weight: 500;
right: 15px;
position: absolute;
text-transform: uppercase;
margin-top: 4px;
z-index: 9997;
background: url(img/logo/logo.png) right;
background-size: contain;
background-repeat: no-repeat;
content: "";
width: 50%;
height: 45px;
padding: 5px 0;
}
.mean-container a.meanmenu-reveal {
color: #0047BA;
}
@media (max-width: 992px){
.mean-container .mean-nav ul li a {
border-top: 1px solid #ccc;
color: #0c1923;
}
}
.smalla.active {
border: 1px solid #0047BA;
padding: 7px;
color: #0047ba;
}
#menu li:last-child {
border-bottom: none;
}
#ctl00_ContentPlaceHolder1_LinkButton1{
background-image: url('../images/en.png');
background-repeat: no-repeat;
background-size: auto;
background-position: right center;
padding-right: 20px;
font-family: Recoleta!important;
}
#ctl00_ContentPlaceHolder1_MainMenuAr_LinkButton1{
background-image: url('../images/en.png');
background-repeat: no-repeat;
background-size: auto;
background-position: right center;
padding-right: 20px;
font-family: Recoleta!important;
}
.nice-select{
text-align:right!important;
}
.news img{
width: 100%;
height: auto;
max-height: 246px;
}
.slider-wrapper-3 a{
width: -moz-available;
display: contents;
}
.submit-btn{
background-color: #0047BA;
border: 1px solid #0047BA;
color: #ffffff !important;
}
.submit-btn:hover{
background-color: #386b88;
border: 1px solid #386b88;
}
.LH-23{
line-height: 23px;
}
#menu .active,#search .active{
color: #38a1da!important;
text-decoration: underline!important;
font-size: medium!important;
}
.phone i,
.phone span{
color: #4A4F54!important;
font-size: xx-large!important;
line-height: 1!important;
}
.phone p{
color: #4A4F54!important;
font-size: x-large!important;
line-height: 1!important;
padding: 0;
margin: 0;
margin-top: 1em;
}
.phone a{
color: #4A4F54!important;
line-height: 1!important;
padding: 0;
margin: 0;
margin-top: 1em;
}
li p.left30::before {
content: "\f111";
font: normal normal normal 5px/1 FontAwesome;
margin-right: 5px
}
.table>thead>tr>th{
vertical-align:middle
}
.fa.fa-circle.fa-x{
font: normal normal normal 5px/1 FontAwesome;
margin-left: 5px;
}
#captcha div{
float: left;
}
#ctl00_ContentPlaceHolder1_FeedBack_radiolstOurCustomer input,
#ctl00_ContentPlaceHolder1_RBLIs_Bank_Customer input,
#ctl00_ContentPlaceHolder1_RBL_Is_Loan_Inrested input,
#ctl00_ContentPlaceHolder1_FeedBack_radiolsAttach input
{
margin: 20px;
float: right;
}
#ctl00_ContentPlaceHolder1_FeedBack_radiolstOurCustomer label,
#ctl00_ContentPlaceHolder1_FeedBack_radiolsAttach label{
margin: 20px 0;
}
#complaint select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 9px);
border-radius: initial;
}
#complaint{
border: 1px solid #ebebeb;
padding: 0px 30px;
border-radius: 8px;
}
#complaint table{
border: none !important;
}
.contact-title{
text-align: right;
}
a:hover {
text-decoration: none !important;
}
.larger{
font-size: large !important;
}
.x-large{
font-size: x-large !important;
}
#low p,
#middle p{
line-height: 21pt;
}
/*********
==========
*********/
.mean-bar .meanmenu-reveal{
left: 15px !important;
right: auto !important;
}
.mean-expand.mean-clicked{
background: #0047ba !important;
}
.required{
color: red
}
#search{
position: fixed;
left: 0;
top: 40%;
margin-top: -2.5em;
background: #4A4F54;
/*padding: 19px 8px;*/
padding: 0 5px;
z-index: 100;
border-radius: 0px 6px 6px 0px;
box-shadow: -1px 4px 9px #313131;
color: #fff;
text-align: right;
}
.social-icon {
width: 30px;
height: 30px;
font-size: 15px;
background-color: blue;
color: #fff;
text-align: center;
margin-right: 10px;
padding-top: 7px;
border-radius: 50%;
}
.footer-social li{
float:right;
}
.instagram{
background: rgb(125,57,176);
background: linear-gradient(205deg, rgba(125,57,176,1) 25%, rgba(242,12,0,1) 50%, rgba(247,216,123,1) 75%);
}
.facebook{
background-color:#3b5998;
}
.twitter{
background-color:#1da1f2;
}
.google{
background-color:#f63e28;
}
.youtube{
background-color:#f70000;
}
.linkedin{
background-color:#0270ad;
}
.footer-social a:hover{
opacity:.8;
}
.our-team-info.text-right .txt::before{
display: block;
content: "\f0e3";
content: url(img/li.png);
float: right;
margin-left: 9px;
}
#scrollUp{
display: none !important;
}
#ctl00_ContentPlaceHolder1_GridView1,
#ctl00_ContentPlaceHolder1_GridView1 td{
border: 0!important;
}
#ctl00_ContentPlaceHolder1_GridView1 h3{
color: #0047BA;
text-align: right;
}
.iban{
background: #0047BA;
}
.iban a{
color: white;
font-size: 14px;
}
/******************
******************
******************/
@media (max-width: 991px)
{
#pc {
display: none!important;
}
.header-top.bg-black {
background: #fff;
}
.mean-container .mean-nav ul li a {
border-top: 1px solid #ccc;
color: #0c1923;
}
.mean-container .mean-nav {
background: #fff none repeat scroll 0 0;
}
#menu,#search {
width: 2.5em ;
}
#menu li,#search li {
padding: 0;
}
#menu img,#search img {
width: 35px;
margin-right: initial;
}
#ctl00_ImageButton20{
width:35px;
}
}
#search img {
max-width: unset;
height: auto;
width:45px;
padding-left: 12px;
vertical-align: middle;
margin-bottom: 9px;
/*margin-right: 10px;*/
margin-right: 0;
}
#search .contact-inner{
margin: 0;
padding: 0;
}
#search #ctl00_ImageButton20{
border-width: 0px;
padding-top: 10px;
}
#ctl00_ContentPlaceHolder1_RBL_Is_Loan_Inrested{
margin-bottom: 20px;
}
.sm-font li{
font-size: 12px;
}
.breadcramb-bg-neqaty {
/*background: url(../img/pages/Accounts/New_img.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
padding: 140px 0;*/
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.sm-circle{
font-size:5px;
}
blockquote {
padding: 5px 20px;
margin: 0 0 15px;
font-size: 12px;
border-right: 2px solid #d4d2d2;
color: initial;
text-align: right;
}
/*==========================================================================
Remove style after general assembly meeting
===========================================================================
@media (min-width: 991px){
#mob {
display: none!important;
}
.slider-main-area{
padding-top: 100px !important;
}
}
@media (max-width: 991px){
#desktop{
display: none!important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.container {
width: 100%!important;
}
}
#search{
top: 50%!important;
}
#menu{
top: 60%!important;
}
@media (max-width: 767px){
.header-top {
padding: 0!important;
}
}
/*==========================================================================
E L I T E P R O G R A M
===========================================================================*/
#accordionExample .bg-white,
#accordionExample2 .bg-white,
#accordionExample3 .bg-white,
#accordionExample3 .bg-white,
#accordionExample4 .bg-white,
#accordionExample5 .bg-white,
#accordionExample6 .bg-white,
#accordionExample7 .bg-white
{
/*box-shadow: none;*/
background: #fff;
border-bottom: 3px solid #dfdfdf;
box-shadow: 0px 1px 1px #dfdfdf;
}
#accordionExample .accordion a.active,
#accordionExample .accordion a:hover,
#accordionExample .accordion:hover,
#accordionExample .card:hover,
#accordionExample .card-header a:hover,
#accordionExample2 .accordion a.active,
#accordionExample2 .accordion a:hover,
#accordionExample2 .accordion:hover,
#accordionExample2 .card:hover,
#accordionExample2 .card-header a:hover,
#accordionExample3 .accordion a.active,
#accordionExample3 .accordion a:hover,
#accordionExample3 .accordion:hover,
#accordionExample3 .card:hover,
#accordionExample3 .card-header a:hover,
#accordionExample4 .accordion a.active,
#accordionExample4 .accordion a:hover,
#accordionExample4 .accordion:hover,
#accordionExample4 .card:hover,
#accordionExample4 .card-header a:hover,
#accordionExample5 .accordion a.active,
#accordionExample5 .accordion a:hover,
#accordionExample5 .accordion:hover,
#accordionExample5 .card:hover,
#accordionExample5 .card-header a:hover,
#accordionExample6 .accordion a.active,
#accordionExample6 .accordion a:hover,
#accordionExample6 .accordion:hover,
#accordionExample6 .card:hover,
#accordionExample6 .card-header a:hover,
#accordionExample7 .accordion a.active,
#accordionExample7 .accordion a:hover,
#accordionExample7 .accordion:hover,
#accordionExample7 .card:hover,
#accordionExample7 .card-header a:hover
{
color: #2c2c2c;
background-color: #FFF;
}
#accordionExample .accordion a.active,
#accordionExample .accordion a:hover,
#accordionExample .card-header a:hover,
#accordionExample2 .accordion a.active,
#accordionExample2 .accordion a:hover,
#accordionExample2 .card-header a:hover,
#accordionExample3 .accordion a.active,
#accordionExample3 .accordion a:hover,
#accordionExample3 .card-header a:hover,
#accordionExample4 .accordion a.active,
#accordionExample4 .accordion a:hover,
#accordionExample4 .card-header a:hover,
#accordionExample5 .accordion a.active,
#accordionExample5 .accordion a:hover,
#accordionExample5 .card-header a:hover,
#accordionExample7 .accordion a.active,
#accordionExample7 .accordion a:hover,
#accordionExample7 .card-header a:hover{
color: #c99747 !important;
background-color: #FFF;
}
#accordionExample.accordion a,
#accordionExample2.accordion a,
#accordionExample3.accordion a,
#accordionExample4.accordion a,
#accordionExample5.accordion a,
#accordionExample6.accordion a,
#accordionExample7.accordion a {
border-bottom: 0;
}
#accordionExample .card,
#accordionExample2 .card,
#accordionExample3 .card,
#accordionExample4 .card,
#accordionExample5 .card,
#accordionExample6 .card,
#accordionExample7 .card
{
margin-bottom: 5px;
}
#elite .our-team-info{
background: #cea25c1a none repeat scroll 0 0;
}
.sparkle{
width: 12px;
vertical-align: middle;
}
#accordionExample table,
#accordionExample2 table,
#accordionExample3 table,
#accordionExample4 table,
#accordionExample5 table,
#accordionExample6 table,
#accordionExample7 table{
background: #e0e9f105;
/*border-radius: 7px;*/
border: solid 1px #e8d5b5;
overflow: hidden;
}
.nav-tabs .nav-item.elite.show .nav-link, .nav-tabs .nav-link.active.elite {
color: #c99747;
border-bottom: 7px solid #c99747 !important;
}
.elite {
}
.elite.boxes {
box-shadow: 0px 0px 0px 1px #e8d5b5;
}
.elite.our-team-info {
background-color: #faf6ee;
}
.elite.smalla {
color: #d4ac68;
border-color: #e8d5b5;
}
.text-capitalize {
text-transform: capitalize!important;
}
#elite thead, #elite thead th {
background-color: #c99747;
}
#elite .dashboard-list li a {
border-bottom: 1px solid #c99747;
}
#elite .dashboard-list li a.active, #elite .dashboard-list li a:hover, #elite .view-cart:hover, #elite .dashboard-upper-info a:hover {
color: #c99747;
}
#elite .largebox {
box-shadow: 0px 0px 0px 1px #e8d5b5;
background-color: #faf6ee;
}
.elite.our-team-info {
background-color: #faf6ee;
}
.goldenHead{
border-bottom: solid 2px #c99747;
width: fit-content;
font-weight: bold;
}
.golden {
color: #c99747 !important
}
#elite .overview {
background: #faf6ee;
}
.collapsible-link::before {
content: '';
width: 14px;
height: 2px;
background: #0047BA;
position: absolute;
top: calc(50% - 1px);
left: 1rem;
display: block;
transition: all 0.3s;
}
.collapsible-link::after {
content: '';
width: 2px;
height: 14px;
background: #0047BA;
position: absolute;
top: calc(50% - 7px);
left: calc(1rem + 6px);
display: block;
transition: all 0.3s;
}
.collapsible-link[aria-expanded='true']::before {
transform: rotate(
180deg);
}
.collapsible-link[aria-expanded='true']::after {
transform: rotate(
90deg) translateX(-1px);
}
#elite .collapsible-link::after,
#elite .collapsible-link::before {
background: #c99747;
}
ol li{
font-size: 14px !important;
margin: 0 0 5px !important;
}
.elite.smalla:active {
border-color: #e8d5b5!important;
}
iframe{
display: block; /* iframes are inline by default */
/*background: #000;*/
border: none; /* Reset default border */
height: 100vh; /* Viewport-relative units */
width: 100%;
/*min-height: 10em;*/
}
/*
.service-32 .btn-info-gradiant {
background: #188ef4;
background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
border: 0px;
color: #ffffff;
}
.service-32 .btn-info-gradiant:hover {
background: #316ce8;
background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #188ef4 100%);
background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#188ef4));
background: -webkit-linear-gradient(left, #316ce8 0%, #188ef4 100%);
background: -o-linear-gradient(left, #316ce8 0%, #188ef4 100%);
background: linear-gradient(to right, #316ce8 0%, #188ef4 100%);
}
.service-32 .btn-md {
padding: 15px 45px;
font-size: 16px;
}
*/
/* SEARCH STYLE */
tr td table tbody tr td{
font-size:20pt;
float: left;
}
/*tr:last-child{
padding: 8px;
display: block;
margin-top: 20px;
}*/
tr td table tbody tr td a{
color: black;
text-decoration: none;
padding: 8px 16px;
}
tr td table tbody tr td span{
text-decoration: none;
background-color: #0047BA;
color: white;
padding: 8px 16px;
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all
{
/*border: 1px solid rgb(70 70 70);*/
border-radius: 0px;
}
.ui-menu-item a:hover{
/*background:#4eaade;*/
}
@media (min-width: 1024px) and (max-width: 1600px) {
#pad90{
padding-top: 250px;
}
}
/*================*/
#search:hover {
transition: width 2.5s!important;
}
.max-width{
width:20em!important;
}
.min-width{
width:2.5em!important;
}
ul li .left30::before{
display:none
}
/*====================*/
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.text-muted {
color: #6c757d!important;
}
.card-footer {
padding: 0;
background-color: rgba(0,0,0,.03);
border-top: 1px solid rgba(0,0,0,.125);
}
.left-border{
border-left: solid 1px #ffffff90;
}
.right-border{
border-right: solid 1px #9e9e9e2e;
}
/*.col{
padding: initial;
}*/
.beyond .col a{
padding: 0.75rem 0.25rem;
display: block;
color:#666
}
.card-footer.text-muted .row{
padding: 0;
margin: 0;
}
.card.text-center img{
width: 208px;
height: 208px;
margin: 0 auto;
padding: 20px;
background: white;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(1.334em) translateZ(0);
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(1.334em) translateZ(0);
}
100% {
opacity: 1;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(1.334em) translateZ(0);
-moz-transform: translateX(1.334em) translateZ(0);
-ms-transform: translateX(1.334em) translateZ(0);
-o-transform: translateX(1.334em) translateZ(0);
transform: translateX(1.334em) translateZ(0);
}
100% {
opacity: 1;
}
}
.card-footer.text-muted .social {
margin: 60px auto;
}
/* ============================ */
/* SOCIAL ICONS */
/* ============================ */
.card-footer.text-muted .social-icon {
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
transition-timing-function: ease;
background-color: #c4c4c4;
text-align: center;
display: inline-block;
width: 40px;
height: 38px;
padding: 9px 0px;
color: white;
margin: 2px;
/* Color each button differently */
}
.card-footer.text-muted .social-icon:nth-child(1) {
/* Animation */
-webkit-animation: fadeInRight 0.6s 0.25s forwards;
animation: fadeInRight 0.6s 0.25s forwards;
opacity: 0;
/* Color */
}
.card-footer.text-muted .social-icon:nth-child(1):hover, .social-icon:nth-child(1):active, .social-icon:nth-child(1):focus {
opacity: 1;
background-color: #00b29a;
}
.card-footer.text-muted .social-icon:nth-child(2) {
/* Animation */
-webkit-animation: fadeInRight 0.6s 0.5s forwards;
animation: fadeInRight 0.6s 0.5s forwards;
opacity: 0;
/* Color */
}
.card-footer.text-muted .social-icon:nth-child(2):hover, .social-icon:nth-child(2):active, .social-icon:nth-child(2):focus {
opacity: 1;
background-color: #00b2af;
}
.card-footer.text-muted .social-icon:nth-child(3) {
/* Animation */
-webkit-animation: fadeInRight 0.6s 0.75s forwards;
animation: fadeInRight 0.6s 0.75s forwards;
opacity: 0;
/* Color */
}
.card-footer.text-muted .social-icon:nth-child(3):hover, .social-icon:nth-child(3):active, .social-icon:nth-child(3):focus {
opacity: 1;
background-color: #00a1b2;
}
.card-footer.text-muted .social-icon:nth-child(4) {
/* Animation */
-webkit-animation: fadeInRight 0.6s 1s forwards;
animation: fadeInRight 0.6s 1s forwards;
opacity: 0;
/* Color */
}
.card-footer.text-muted .social-icon:nth-child(4):hover, .social-icon:nth-child(4):active, .social-icon:nth-child(4):focus {
opacity: 1;
background-color: #008cb2;
}
.card-footer.text-muted .social-icon:nth-child(5) {
/* Animation */
-webkit-animation: fadeInRight 0.6s 1.25s forwards;
animation: fadeInRight 0.6s 1.25s forwards;
opacity: 0;
/* Color */
}
.card-footer.text-muted .social-icon:nth-child(5):hover, .social-icon:nth-child(5):active, .social-icon:nth-child(5):focus {
opacity: 1;
background-color: #0077b2;
}
.card-footer.text-muted .social-icon:nth-child(6) {
/* Animation */
-webkit-animation: fadeInRight 0.6s 1.5s forwards;
animation: fadeInRight 0.6s 1.5s forwards;
opacity: 0;
/* Color */
}
.card-footer.text-muted .social-icon:nth-child(6):hover, .social-icon:nth-child(6):active, .social-icon:nth-child(6):focus {
opacity: 1;
background-color: #0062b2;
}
.card-footer.text-muted .social-icon:nth-child(7) {
/* Animation */
-webkit-animation: fadeInRight 0.6s 1.75s forwards;
animation: fadeInRight 0.6s 1.75s forwards;
opacity: 0;
/* Color */
}
.card-footer.text-muted .social-icon:nth-child(7):hover, .social-icon:nth-child(7):active, .social-icon:nth-child(7):focus {
opacity: 1;
background-color: #004eb2;
}
.card-footer.text-muted .social-icon img {
width: 20px;
}
.beyond .col a:hover{
background: #5bb87f;
color: #fff !important;
cursor: pointer;
}
/* ============================ */
/* TOOLTIP */
/* ============================ */
[data-tooltip] {
position: relative;
/* tooltip arrow */
/* tooltip box */
}
[data-tooltip]:before, [data-tooltip]:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
top: 100%;
left: 50%;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
transition-timing-function: linear;
position: absolute;
left: 50%;
top: 100%;
bottom: 100%;
visibility: hidden;
opacity: 0;
z-index: 9999;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
[data-tooltip]:before {
content: "";
border-color: #323232;
border-style: none;
border: 5px solid transparent;
border-bottom: 6px solid #323232;
margin-top: -4px;
}
[data-tooltip]:after {
content: attr(data-tooltip);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: auto;
height: 22px;
padding: 11px 11px 0 11px;
font-size: 13px;
line-height: 11px;
white-space: nowrap;
background-color: #323232;
color: #ecf0f1;
margin-top: 7px;
}
[data-tooltip]:hover, [data-tooltip]:focus {
background-color: transparent;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
opacity: 1;
visibility: visible;
}
h1{font-size: 20pt !important;color:#78b348}
#ctl00_ContentPlaceHolder1_GridView1 tr td table tbody tr td{
font-size: 10pt;
text-decoration: none;
background-color: transparent;
color: #333;
padding: initial;
}
#ctl00_ContentPlaceHolder1_GridView1 tr td table tbody tr td{
font-size: 10pt;
float: none;
}
#ctl00_ContentPlaceHolder1_GridView1 tr td table tbody tr td span{
text-decoration: none;
background-color: transparent;
color: #333;
padding: initial;
}
li p.bullet::before {
content: "\f111";
font: normal normal normal 5px/1 FontAwesome;
margin-left: 5px;
}
.bolded{
font-weight: bolder!important
}
#beyond .card-body{
padding:0;
}
#beyond .block{
padding: 1.25rem;
border-bottom: 1px solid #eee;
}
#beyond .block:nth-child(even){
background: #eeeeee45;
}
.modal-open {
overflow: auto!important;
}
.custom-separator {
width: 5rem;
height: 3px;
border-radius: 1rem;
background-color: #007bff!important;
}
table{
border: 1px solid #ddd!important;
}
.beyond #accordionExample .accordion a.active,
.beyond #accordionExample .accordion a:hover,
.beyond #accordionExample .card-header a:hover,
.beyond #accordionExample2 .accordion a.active,
.beyond #accordionExample2 .accordion a:hover,
.beyond #accordionExample2 .card-header a:hover,
.beyond #accordionExample3 .accordion a.active,
.beyond #accordionExample3 .accordion a:hover,
.beyond #accordionExample3 .card-header a:hover,
.beyond #accordionExample4 .accordion a.active,
.beyond #accordionExample4 .accordion a:hover,
.beyond #accordionExample4 .card-header a:hover,
.beyond #accordionExample5 .accordion a.active,
.beyond #accordionExample5 .accordion a:hover,
.beyond #accordionExample5 .card-header a:hover,
.beyond #accordionExample7 .accordion a.active,
.beyond #accordionExample7 .accordion a:hover,
.beyond #accordionExample7 .card-header a:hover {
color: #5bb87f !important;
background-color: #FFF;
}
.beyond .collapsible-link::after,
.beyond .collapsible-link::before {
background: #5bb87f;
}
.beyond .collapsible-link::before{
font-family: 'FontAwesome';
content: "\f078";
color: #5bb87f;
width: initial;
height: initial;
background: initial;
position: absolute;
top: calc(50% - 1px);
left: 1rem;
display: block;
transition: all 0.3s;
}
.beyond .collapsible-link::after{
font-family: 'FontAwesome';
color: #5bb87f;
width: initial;
height: initial;
background: initial;
position: absolute;
top: calc(50% - 1px);
right: 1rem;
display: block;
transition: all 0.3s;
}
.beyond li {
border-bottom: 1px solid #bdf5d359;
padding: 10px;
text-align: left;
}
.beyond li:last-child {
border-bottom: none;
}
.bg-green{
width: 5rem;
height: 3px;
border-radius: 1rem;
background-color: #5bb87f!important;
}
.beyond .accordion a {
font-weight: 900;
text-shadow: none!important;
font-size: 14px !important;
}
.beyond.smalla {
color: #d4ac68;
border-color: #00ab7f!important;
}
.beyond h3 {
background: #00ab7f;
color: white;
padding: 10px;
border: solid 1px #000;
font-size: inherit;
}
.beyond.smalla.active{
padding: 12px!important;
}
.beyond .dashboard-content {
border: none;
}
.main-content-warpper.top-bg{
/*background-image: url(../img/beyond/top.png),url(../img/beyond/bottom.png);*/
background-repeat: no-repeat;
/*background-position: center top,center bottom;*/
background-position:center -250px,center bottom;
background-size: contain;
}
.beyond .container{
overflow-x: hidden;
overflow-y: clip;
}
.beyond .font-14{
font-size:14pt;
}
.breadcramb-bg-beyond{
/*background: url(../img/pages/Beyond/Internal_Tab.JPG);
background-position: center 0px;
background-repeat: no-repeat;
background-size: cover;
padding: 115px;*/
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.green{color: #00ab7f !important;}
.beyond .big-logo{
width: 355px;
margin: 0 auto;
/*margin-top:-60px;*/
margin-top: 50px;
}
table{
border: 1px solid #ddd!important;
}
#islamic #accordionExample.accordion a{
color: #0173b9!important;
background: transparent;
font-size: inherit!important;
}
#islamic .collapsible-link::before,
#islamic .collapsible-link::after {
background: #0047BA;
}
#islamic #accordionExample .card-header:hover {
background-color: #f1f3f4!important;
}
#islamic #accordionExample .card{
border: 0;
}
#islamic #accordionExample .card-header{
border-bottom: 0;
background-color:transparent;
}
#islamic .card-body {
background: #f1f3f4;
}
#islamic .card:has(> div.show)
{background-color: #f1f3f4!important;}
#islamic1 #accordionExample .card{
background-color: #90caf9 !important;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
border: 0;
}
#islamic .table>tbody>tr>td,
#islamic .table>tbody>tr>th,
#islamic .table>tfoot>tr>td,
#islamic .table>tfoot>tr>th,
#islamic .table>thead>tr>td,
#islamic .table>thead>tr>th {
padding: 8px 0px;
font-size: 15px;
}
/*#islamic h6::before{
content: "";
width: 7px;
height: 100%;
background-color: #0047BA ;
position: absolute;
right: 0;
}*/
#islamic .card-body {
padding: 0.3rem 1rem;
}
#captcha img{
margin-top: -15px;
height: 21px;
}
.riSingle.RadInput.RadInput_Default{
width: 100%!important;
}
.modal-header {
padding: 0.3rem 1rem;
}
.modal-header {
background: #0047BA;
color: white;
}
.modal {
z-index: 999999;
}
.modal .list-group-item{
border: none;
}
.Inclusion .bor-right{
border-right: 5px solid #0047BA;
padding: 0;
padding-right: 20px;
font-size: 16px !important;
margin-bottom: 20px;
}
.Inclusion .title {
background: #0047BA;
color: #ffffff;
font-size: 14px !important;
padding: 2px 10px;
display: inline-block;
margin-bottom: 12px;
border-radius: 20px;
font-weight: 600;
}
.Inclusion .fa-check {
color: #0047BA;
margin-left: 5px;
}
.Inclusion ol li{
background:transparent!important;
font-size: 12px!important;
}
.Inclusion ol {
margin-right: 20px
}
.Inclusion ul li,
.Inclusion ul li p{
padding: .5em .75em;
font-size: 12px!important;
}
.Inclusion ul li:nth-child(even){
background:#f5f1f154;
}
.Inclusion .resume-box ul li{
background:#fff;
}
.Inclusion .radius-10 {
border-radius: 10px !important;
}
.Inclusion .border-info {
border-right: 5px solid #0047BA !important;
}
.Inclusion .border-danger {
border-right: 5px solid #fd3550 !important;
}
.Inclusion .border-success {
border-right: 5px solid #15ca20 !important;
}
.Inclusion .border-warning {
border-right: 5px solid #ffc107 !important;
}
.Inclusion .card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0px solid rgba(0, 0, 0, 0);
border-radius: .25rem;
margin-bottom: 1.5rem;
box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}
.Inclusion .bg-gradient-scooter {
background: #0047BA!important;
}
.Inclusion .widgets-icons-2 {
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
background-color: #ededed;
font-size: 27px;
border-radius: 10px;
}
.Inclusion .rounded-circle {
border-radius: 50%!important;
}
.Inclusion .text-white {
color: #fff!important;
}
.Inclusion .ms-auto {
margin-right: auto!important;
}
/*.Inclusion .bor-right:after {
content: '';
display: block;
width: 80px;
height: 2px;
background: #0047BA;
margin-top: 10px;
margin-bottom: 15px;
-moz-transition-duration: .4s;
-ms-transition-duration: .4s;
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-duration: .4s;
}*/
.Inclusion .card-body {
padding: 0.75rem 0;
}
.Inclusion .collapsible-link::before {
display:none;
}
.Inclusion .collapsible-link::after {
display:none;
}
.Inclusion #accordionExample.accordion a i {
/*background: linear-gradient( 45deg , #17ead9, #6078ea)!important;*/
background: #0047BA!important;
color: #fff;
padding: 5px;
border-radius: 50%;
margin-left: 10px;
width: 25px;
height: 25px;
text-align: center;
}
.Inclusion #accordionExample.accordion a{
border-bottom: 0;
font-size: 14px;
}
.Inclusion #accordionExample .accordion a.active,
.Inclusion #accordionExample .accordion a:hover,
.Inclusion #accordionExample .card-header:hover{
color: #0047BA !important;
/*background-color: #f9f6f669;*/
}
.Inclusion #accordionExample .card-header a:hover{
color: #0047BA !important;
background-color: transparent;
}
.Inclusion #accordionExample .card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0px solid rgba(0, 0, 0, 0);
border-radius: 0.25rem;
margin-bottom: 0;
box-shadow: none;
/*background-color: rgba(0, 0, 0, .01);*/
box-shadow: 0px 0px 10px -4px #ccc;
height: 100%;
}
.Inclusion .blue_bb{
border-bottom: 2px solid #0047BA;
font-weight: bold;
}
.Inclusion .gray:hover{
color:#0047BA!important;
}
.Inclusion ul#myTab li:nth-child(even){
background: transparent;
}
.Inclusion .collapsible-link[aria-expanded='true'] i {
transform: rotate(180deg);
transition: all 0.3s;
}
.Inclusion .collapsible-link[aria-expanded='false'] i {
transform: rotate(0deg);
transition: all 0.3s;
}
.Inclusion .col a {
padding: 0;
}
.border-info {
border-color: #0047BA !important;
}
.pb-40 {
padding-bottom: 40px;
}
dd{
background-color: rgba(0, 0, 0, .01);
border-bottom: 1px solid rgba(0, 0, 0, .125);
}
/*=====================
=======================
=======================*/
.Inclusion .section {
padding: 100px 0;
position: relative;
}
.gray-bg {
background-color: #f5f5f5;
}
.Inclusion1 .section-title h2 {
font-weight: 700;
color: #20247b;
font-size: 45px;
margin: 0 0 15px;
border-left: 5px solid #0047BA;
padding-left: 15px;
}
.Inclusion1 .section-title {
padding-bottom: 45px;
}
.Inclusion1 .section-title p {
margin: 0;
font-size: 18px;
}
/* Resume Box
---------------------*/
.resume-box {
background: #ffffff;
box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.08);
border-radius: 10px;
}
.resume-box ul {
margin: 0;
padding: 30px 20px;
list-style: none;
}
.resume-box li {
position: relative;
padding: 0 60px 0 20px !important;
margin: 0 0 30px;
}
.resume-box li:last-child {
margin-bottom: 0;
}
.resume-box li:after {
content: "";
position: absolute;
top: 0px;
right: 20px;
border-right: 1px dashed #0047BA;
bottom: 0;
}
.resume-box .icon {
width: 40px;
height: 40px;
position: absolute;
left: 0;
right: 0;
color: #0047BA;
line-height: 40px;
background: #ffffff;
text-align: center;
z-index: 1;
border: 1px dashed;
border-radius: 50%;
}
.resume-box .time {
background: #0047BA;
color: #ffffff !important;
font-size: 10px;
padding: 2px 10px;
display: inline-block;
margin-bottom: 12px;
border-radius: 20px;
font-weight: 600;
}
.resume-box h5 {
font-weight: 700;
font-size: 16px;
margin-bottom: 10px;
}
.resume-box p {
margin: 0;
}
.Inclusion .mb p{
margin-bottom:0;
}
.gray-bg {
background-color: #f5f5f5;
}
.Inclusion .mr-bt{
margin-bottom:10px!important;
}
.Inclusion .timeline h6 a{
font-size:large
}
.Inclusion .timeline h5 {
font-size: 1.10rem;
}
.Inclusion .timeline-label h6 {
color: #fff;
}
.Inclusion .timeline .timeline-label{
/*background: #0047BA;*/
color: #ffffff !important;
font-size: 20px;
padding: 2px 10px;
display: inline-block;
margin-bottom: 12px;
border-radius: 40px;
font-weight: 600;
padding: 5px 35px;
}
.Inclusion .timeline h4{
background: #0047BA;
width: fit-content;
padding: 10px 50px;
color:#FFF;
border-radius: 40px;
font-size: medium!important;
}
.Inclusion .timeline-panel:hover{
box-shadow: 1px 1px 10px 5px #ddd;
background: #eee;
transition: ease-in-out .2s all;
}
.Inclusion .timeline-panel:hover .card{
background: #eee;
transition: ease-in-out .2s all;
}
.Inclusion .timeline-panel:hover:after{
border-left-color: #eee;
border-right-color: #eee;
transition: ease-in-out .2s all;
}
.Inclusion .card.radius-10.border-start.border-0.border-3.border-info .card-body {
padding: 0.75rem;
}
.collapse .card-body h3.title{
margin-right: 0.75rem;
}
/*===========================================================================================================================
=============================================================================================================================
================================================== Migration Bootstrap 5 ====================================================
=============================================================================================================================
===========================================================================================================================*/
.nav.flex-column.dashboard-list li:hover{
cursor: pointer;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #0047BA;
background-color: transparent;
font-size: 15px;
font-weight: bold;
border-bottom: 7px solid #0047BA !important;
border: none;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border: none;
}
.bg-black .nav-link:focus, .nav-link:hover {
color: #fff;
}
span.input-group-addon{
border-radius: 4px !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
text-align: center;
}
.table.table-hover>thead>tr>th {
border-top: 1px solid #eee;
border-bottom: none;
background: #4a4f54;
color:#FFF;
}
.table.table-hover>thead>tr:nth-child(2)>th:first-child {
border-left: 1px solid #eee!important;
}
.table.table-hover>thead>tr:nth-child(2)>th{
background: #4a4f54!important;
color:#fff
}
.table-hover thead th, .table-hover td, .table-hover tr {
/*color: initial;*/
color:#4A4F54;
}
.table>tbody {
color: transparent;
}
#elite table th{
color: initial;
}
#elite .table>thead>tr>th {
border-left: 1px solid #b98a41;
}
.tab-pane.active ul li a:active {
border: none;
padding: 7px;
}
#ctl00_ContentPlaceHolder1_GridView1 .our-team-info{
text-align:left;
}
.text-left {
text-align: left!important
}
.text-right {
text-align: right!important
}
.text-center {
text-align: center!important
}
.modal-open{
padding-right: initial !important;
}
#nav-tabContent ul{
display: -webkit-inline-box!important;
direction: rtl!important;
}
.text-left {
text-align: left!important
}
.text-right {
text-align: right!important
}
.text-center {
text-align: center!important
}
.col-auto.d-lg-block img{
height: 260px;
/*width:180px*/
}
/*************************
**************************
**************************
**************************
**************************
**************************
*************************/
/* Laptop Device :1200 */
@media (min-width: 1200px) and (max-width: 2300px){
}
/* Normal desktop :992px */
@media (min-width: 992px) and (max-width: 1199px) {
.main-menu ul > li > a {
padding: 30px 12px;
}
.slider-wrapper {
height: 560px;
}
.slider-text-info.style-1 .title-1 {
font-size: 43px;
letter-spacing: 0.2em;
}
.slider-text-info.style-1 .title-2 {
font-size: 48px;
letter-spacing: 0.20em;
}
.slider-text-info.style-1 .title-3 {
font-size: 15px;
}
.countdown-deals .cdown {
height: 62px;
width: 62px;
}
.slider-text-info.style-2 .title-1 {
font-size: 40px;
}
.slider-text-info.style-4 h2 {
font-size: 164px;
}
.slider-text-info.style-4 h1 {
font-size: 82px;
}
.slider-text-info.style-4 h1 span {
line-height: 125px;
}
}
/* Tablet desktop :768px */
@media (min-width: 768px) and (max-width: 991px) {
.t-mb-80{
margin-bottom: 80px;
}
.sticky-header.sticky {
position: inherit;
}
.language-currency-wrapper .drodown-show {
padding: 0 8px;
border-right: medium none;
}
.language-currency-wrapper .drodown-show:first-child {
border-left: none;
padding-left: 0;
}
.top-social-warraper li a {
font-size: 16px;
width: 32px;
border-right: medium none;
}
.user-info-top > ul li {
padding: 0 8px;
border: none;
}
.user-info-top > ul li:last-child {
padding-right: 0;
}
.user-info-top > ul li:first-child {
border: none;
}
.logo {
text-align: center;
}
.top-store-info {
float: left;
padding-right: 20px;
}
.top-store-info .phone {
font-size: 16px;
}
.top-store-info .time-up {
font-size: 14px;
}
.search-wrapper {
margin-top: 30px;
position: absolute;
right: 80px;
top: 0;
}
.header-bottom-area {
padding-bottom: 20px;
}
.slider-wrapper {
height: 450px;
}
.slider-text-info.style-1 .title-1 {
font-size: 38px;
letter-spacing: 0.10em;
margin-bottom: 10px;
}
.slider-text-info.style-1 .title-2 {
font-size: 44px;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
.slider-text-info.style-1 .title-3 {
font-size: 14px;
line-height: 15px;
margin-bottom: 25px;
}
.slider-text-info .slier-btn a {
line-height: 50px;
padding: 0 30px;
}
.slider-text-info.style-2 .title-1 {
font-size: 36px;
margin-bottom: 15px;
}
.slider-text-info.style-2 .title-3 {
font-size: 15px;
margin-bottom: 20px;
}
.slider-text-info.style-2 .slier-btn a {
line-height: 46px;
}
.slider-text-info.style-4 h2 {
font-size: 120px;
letter-spacing: 25px;
margin-top: -42px;
}
.slider-text-info.style-4 h1 {
font-size: 65px;
letter-spacing: 15px;
margin-left: 40px;
margin-top: -10px;
}
.slider-text-info.style-4 h1 span {
line-height: 100px;
}
.slider-wrapper-3 {
height: 450px;
background-position: center center;
}
.slider-text-info.style-3 .title-1 {
font-size: 50px;
margin-bottom: 15px;
}
.slider-text-info.style-3 .title-2 {
font-size: 18px;
margin-bottom: 15px;
}
.section-title-2 {
text-align: center;
}
.testimonial-inner {
text-align: center;
}
.testimonials-item .owl-dots {
text-align: center;
}
.img_testimonial {
display: inline-block;
text-align: center;
}
.content_test .des_testimonial {
max-width: 100%;
}
.singel-service {
display: block;
}
.singel-service {
border-left: medium none;
}
.our-service-section .col-lg-4:last-child .singel-service,.our-service-section-2 .col-lg-4:last-child .singel-service {
border-right: medium none;
}
.our-service-section {
padding: 20px 0;
}
.banner-text {
margin-top: 25px;
}
.newsletter-title {
margin-bottom: 30px;
}
.modal-product-tab {
float: left;
margin-top: 10px;
padding-right: 0;
width: 100%;
}
.large-thum-image {
float: right;
width: calc(100% - 0px);
}
.product-small-thum li {
margin-bottom: 0;
margin-right: 10px;
}
.slider-vertical .slick-list {
margin-right: -8px;
}
.slick-arrow {
position: absolute;
top: 50%;
z-index: 9;
}
.contact-form .contact-form-info {
padding: 0 0 60px;
}
.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
border-right: medium none;
padding: 0 0 20px 0;
}
.dashboard-upper-info {
border-bottom: none;
border-top: none;
margin-bottom: 50px;
}
.dashboard-content {
border: medium none;
margin-top: 60px;
padding: 0;
}
.user-name::before {
display: none;
}
.dashboard-content #orders .table-responsive .table > tbody > tr > td {
min-width: 130px;
}
.dashboard-content #downloads .table-responsive .table > tbody > tr > td {
min-width: 273px;
}
.lost-password {
display: block;
float: inherit;
}
}
/* small mobile :320px */
@media (max-width: 767px) {
.container {width:100%}
.m-mt-30{
margin-top: 30px;
}
.sticky-header.sticky {
position: inherit;
}
.header-bottom-area {
padding-bottom: 25px;
}
.header-mid-area {
padding: 25px 0;
}
.header-top {
padding: 10px 0;
}
.header-left-area {
display: inherit;
}
.shoping-mini-cart-wrapper {
margin-top: 20px;
}
.language-currency-wrapper > ul,.user-info-top > ul,.top-social-warraper > ul {
justify-content: center;
}
.language-currency-wrapper .drodown-show {
border-right: medium none;
}
.language-currency-wrapper .drodown-show:first-child {
border-left: none;
}
.top-social-warraper li a {
border-right: medium none;
}
.user-info-top > ul li {
border-right: medium none;
padding: 0 8px;
}
.user-info-top > ul li a {
font-size: 13px;
}
.user-info-top > ul li a i {
margin-right: 5px;
}
.user-info-top > ul li:first-child {
border-left: medium none;
padding-left: 0;
}
.user-info-top li:last-child {
padding-right: 0;
}
.mini-cart-wrap {
left: 0;
margin: 0 auto;
right: 0;
transform: translateX(-45%);
width: 280px;
}
.logo {
text-align: center;
}
.shoping-mini-cart-wrapper {
float: inherit;
text-align: center;
}
.shoping-mini-cart-wrapper .mini-cart {
padding: 8px 0 0 0px;
}
.top-store-info {
border-right: medium none;
float: inherit;
margin-top: 20px;
text-align: center;
padding-right: 0;
}
.search-wrapper {
position: inherit;
margin-top: 20px;
}
.top-store-info .phone {
font-size: 15px;
}
.slider-wrapper {
height: 420px;
}
.slider-text-info.style-1 .title-1 {
font-size: 22px;
letter-spacing: 0.12em;
margin-bottom: 6px;
}
.slider-text-info.style-1 .title-2 {
font-size: 26px;
letter-spacing: 0.15em;
margin-bottom: 15px;
}
.slider-text-info.style-1 .title-3 {
font-size: 13px;
margin-bottom: 20px;
}
.slider-text-info.style-1 .title-3 span {
padding: 0 8px;
}
.slider-text-info .slier-btn a {
line-height: 45px;
padding: 0 15px;
}
.slider-text-info.style-2 .slier-btn a, .slider-text-info.style-3 .slier-btn a {
line-height: 42px;
}
.slider-active .owl-nav button {
display: none;
}
.slider-text-info.style-2 .title-1 {
font-size: 22px;
margin-bottom: 12px;
}
.slider-text-info.style-2 .title-2 {
font-size: 18px;
margin-bottom: 12px;
}
.slider-text-info.style-2 .title-3 {
font-size: 14px;
line-height: 24px;
margin-bottom: 20px;
max-width: 100%;
}
.slider-text-info.style-2 .slier-btn a {
line-height: 43px;
}
.slider-text-info.style-4 h2 {
font-size: 85px;
letter-spacing: 20px;
margin-top: -30px;
}
.slider-text-info.style-4 h1 {
font-size: 38px;
letter-spacing: 2px;
margin-left: 34px;
margin-top: -10px;
}
.slider-text-info.style-4 h1 span {
line-height: 60px;
}
.slider-text-info.style-3 .title-2 {
font-size: 16px;
margin-bottom: 10px;
}
.slider-text-info.style-3 .title-1 {
font-size: 35px;
margin-bottom: 15px;
}
.slider-wrapper-3 {
height: 440px;
background-position: center center;
}
.section-title p {
font-size: 16px;
margin: 11px 0 0;
}
.quick-view-content h2 {
margin-top: 30px;
}
.section-title h2 {
font-size: 20px;
}
.section-title h2::before {
left: -10px;
width: 20px;
}
.section-title h2::after {
right: -10px;
width: 20px;
}
.tabs-categorys-list li a {
line-height: 32px;
margin: 0 10px 10px 0;
padding: 0 12px;
}
.countdown-deals .cdown {
height: 60px;
line-height: 38px;
width: 60px;
}
.section-title-2 h2 {
font-size: 20px;
}
.section-title-2 {
text-align: center;
}
.testimonial-inner {
text-align: center;
}
.testimonials-area {
margin-bottom: 60px;
}
.testimonials-item .owl-dots{
text-align: center;
}
.img_testimonial {
display: inline-block;
text-align: center;
}
.newsletter-inner p {
padding: 0;
position: inherit;
text-align: left;
}
.newsletter-inner .newsletter-input input {
height: 50px;
padding: 8px 15px;
}
.content_test .des_testimonial {
font-size: 15px;
margin: 25px 0 0;
max-width: 100%;
}
.subscribe-btn {
position: inherit;
margin-top: 20px;
height: 50px;
padding: 0 30px;
}
.product-area.ptb-80 {
padding: 60px 0;
}
.product-two-area.pb-80 {
padding-bottom: 60px;
}
.single-brand {
padding: 30px 0;
}
.section-area.ptb-80 {
padding: 60px 0;
}
.category-wrap.pb-80 {
padding-bottom: 60px;
}
.category-wrap.pt-20 {
padding-top: 0px;
}
.footer-logo.ptb-80 {
padding: 60px 0;
}
.footer-middle.pb-80 {
padding-bottom: 60px;
}
.footer-middle.pt-20 {
padding-top: 0;
}
.latest-blog-area.ptb-80 {
padding: 60px 0;
}
.section-area-2.ptb-80 {
padding: 60px 0 0;
}
.newsletter-title h2 {
font-size: 20px;
}
.newsletter-title p {
font-size: 15px;
}
.footer-top.ptb-80 {
padding: 60px 0;
}
.footer-logo.pt-80 {
padding-top: 60px;
}
.footer-main-content.pt-20 {
padding-top: 0;
}
.hader-mid-two .header-mid-content {
flex-direction: column;
}
.product-two-area.ptb-80 {
padding: 60px 0;
}
.hader-mid-two .shoping-mini-cart-wrapper {
margin-top: 0;
}
.singel-service {
display: block;
padding-left: 0;
}
.singel-service {
border-left: medium none;
}
.our-service-section {
padding: 20px 0;
}
.banner-text {
margin-top: 25px;
}
.banner-text h2 {
font-size: 18px;
letter-spacing: 0.1em;
}
.banner-area.pt-80 {
padding-top: 60px;
}
.our-service-section-2.ptb-80 {
padding: 60px 0 30px;
}
.our-service-section-2 .singel-service {
padding-bottom: 30px;
padding-left: 0;
}
.our-service-section .col-lg-4:last-child .singel-service, .our-service-section-2 .col-lg-4:last-child .singel-service {
border-right: none;
}
.shop-product-wrap.pt-80 {
padding-top: 60px;
}
.shop-sidebar-wrap.pt-80 {
padding-top: 60px;
}
.footer-area.pt-80 {
padding-top: 60px;
}
.pagination-box {
justify-content: center;
margin-top: 10px;
}
.paginatoin-area {
text-align: center;
}
.product-layout-list .product-content {
margin-top: 30px;
}
.product-layout-list .product-content p {
margin: 20px 0 0;
}
.shop-top-bar {
flex-direction: column;
padding: 10px;
}
.product-view-mode > p {
margin: 4px 0 0;
}
.product-view-mode {
justify-content: space-between;
margin-top: 10px;
}
.shop-item-filter-list li {
margin-left: 12px;
}
.breadcrumb-area.ptb-80 {
padding: 60px 0;
}
.breadcrumb-area .breadcrumb-title {
font-size: 30px;
}
.breadcrumb-list {
margin-top: 15px;
}
.main-content-warpper.pt-80 {
padding-top: 60px;
}
.product-info-detailed.ptb-80 {
padding: 60px 0;
}
.discription-tab-menu li a {
padding: 12px 10px;
}
.modal-product-tab {
float: left;
margin-top: 10px;
padding-right: 0;
width: 100%;
}
.large-thum-image {
float: right;
width: calc(100% - 0px);
}
.product-small-thum li {
margin-bottom: 0;
margin-right: 10px;
}
.slider-vertical .slick-list {
margin-right: -8px;
}
.slick-arrow {
position: absolute;
top: 50%;
z-index: 9;
}
.blog-sidebar-wrapper.pt-80 {
padding-top: 60px;
}
.blog-content-wrapper.pt-80 {
padding-top: 60px;
}
.blog-titel h1 {
font-size: 26px;
}
.social-comment .blog-comment {
float: inherit;
}
.social-comment .social-sharing {
display: flex;
flex-direction: column;
float: inherit;
}
.social-sharing .social-title {
margin: 0 0 10px;
}
.post-commet {
float: inherit;
margin-bottom: 10px;
}
.comments-area .commentlist .comment-info a {
margin-bottom: 15px;
}
.comments-area .commentlist li .comment-avatar {
margin-right: 12px;
}
.comments-area > ol > li > ol {
margin-left: 15px;
padding: 0;
}
.blog-details-area.pt-80 {
padding-top: 60px;
}
.comment-form-author, .comment-form-email, .comment-form-url {
width: 100%;
}
.checkout-review-order {
margin-top: 60px;
}
.feequently-about-content > h4 {
font-size: 18px;
line-height: 28px;
}
.feequently-about-content {
margin-bottom: 60px;
}
.faequently-accordion h4 a {
font-size: 14px;
padding: 10px 32px 10px 15px;
}
.search-error-wrapper {
padding: 60px 0;
}
.error404 .search-error-wrapper .error-form .error-form-input {
width: 290px;
}
.error404 .search-error-wrapper p {
width: 100%;
}
.error404 .search-error-wrapper h1 {
font-size: 80px;
line-height: 62px;
margin: 0 0 30px;
}
.error404 .search-error-wrapper h2 {
font-size: 22px;
}
.cart-table .coupon-all {
flex-direction: column;
}
.cart-table .coupon2 {
margin-top: 20px;
}
.cart-table .coupon-all input.button {
padding: 0 18px;
}
.about-info-wrapper > h2 {
margin-top: 20px;
}
.About-us-team-area {
padding: 60px 0;
}
.about-page .testimonials-area {
padding: 60px 0 0;
}
.section-titel-three > h2 {
font-size: 22px;
}
.contact-form .contact-form-info {
padding: 0 0 45px 0;
}
.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
border-right: medium none;
padding: 0 0 20px 0;
}
.dashboard-upper-info {
border-bottom: none;
border-top: none;
margin-bottom: 50px;
}
.dashboard-content {
border: medium none;
margin-top: 60px;
padding: 0;
}
.user-name::before {
display: none;
}
.dashboard-content #orders .table-responsive .table > tbody > tr > td {
min-width: 130px;
}
.dashboard-content #downloads .table-responsive .table > tbody > tr > td {
min-width: 273px;
}
.login-form-container {
padding: 20px 20px 0;
}
.footer-content {
margin-top: 45px;
}
/* Large Mobile :480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
.slider-text-info.style-4 h2 {
font-size: 100px;
letter-spacing: 20px;
margin-top: -30px;
}
.slider-text-info.style-4 h1 {
font-size: 50px;
letter-spacing: 2px;
margin-left: 34px;
margin-top: -10px;
}
.slider-text-info.style-4 h1 span {
line-height: 80px;
}
}
.header-top.bg-black{
background: #fff !important;
}
}
/*************************
**************************
**************************
******** ESTATEMENT ******
**************************
**************************
*************************/
.steps {
padding: 0;
margin: 0;
list-style: none;
display: flex;
overflow-x: auto;
}
.steps .step:first-child {
margin-right: auto;
}
.steps .step:last-child {
margin-left: auto;
}
.step:first-of-type .step-circle::before {
display: none;
}
.step:last-of-type .step-content {
padding-right: 0;
}
.step-content {
box-sizing: content-box;
display: flex;
align-items: center;
flex-direction: column;
width: 5rem;
min-width: 5rem;
max-width: 5rem;
padding-top: 0.5rem;
padding-left: 1rem;
}
.step-circle {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
color: #adb5bd;
border: 2px solid #adb5bd;
border-radius: 100%;
background-color: #fff;
}
.step-circle::before {
content: "";
display: block;
position: absolute;
top: 50%;
right: -2px;
width: calc(5rem + 1rem - 1.5rem);
height: 2px;
transform: translate(100%, 50%);
color: #adb5bd;
background-color: currentColor;
}
.step-text {
color: #adb5bd;
word-break: break-all;
margin-top: 0.25em;
font-size: 12px;
}
.step-active .step-circle {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.step-active .step-circle::before {
color: #007bff;
}
.step-active .step-text {
color: #007bff;
}
.step-error .step-circle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.step-error .step-circle::before {
color: #dc3545;
}
.step-error .step-text {
color: #dc3545;
}
.step-success .step-circle {
color: #007bff;
background-color: #007bff;
border-color: #007bff;
}
.step-success .step-circle::before {
color: #007bff;
}
.step-success .step-text {
color: #007bff;
}
.modal-header {
background: #0047BA;
color: white;
padding: 0.3rem 1rem;
}
.modal {
z-index: 999999;
}
.list-group {
padding-right: 0;
padding-left: initial;
}
.modal-header .btn-close {
margin: -0.5rem auto -0.5rem -0.5rem;
}
/*.list-group-numbered>li::before{
background: #dc392d;
width: 32px;
height: 32px;
display: block;
border-radius: 50%;
text-align: center;
color: white;
font-family: 'FontAwesome';
content: "\f061";
line-height: 2;
float: left;
}*/
.list-group-numbered li p{
margin-left: 40px;
}
/*
.steps {
padding: 0;
margin: 0;
list-style: none;
display: flex;
overflow-x: auto;
}
.steps .step:first-child {
margin-left: auto;
}
.steps .step:last-child {
margin-right: auto;
}
.step:first-of-type .step-circle::before {
display: none;
}
.step:last-of-type .step-content {
padding-right: 0;
}
.step-content {
box-sizing: content-box;
display: flex;
align-items: center;
flex-direction: column;
width: 5rem;
min-width: 5rem;
max-width: 5rem;
padding-top: 0.5rem;
padding-right: 1rem;
}
.step-circle {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
color: #adb5bd;
border: 2px solid #adb5bd;
border-radius: 100%;
background-color: #adb5bd;
}
.step-circle::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: -2px;
width: calc(5rem + 1rem - 1.5rem);
height: 2px;
transform: translate(-100%, -50%);
color: #adb5bd;
background-color: currentColor;
}
.step-text {
color: #adb5bd;
word-break: break-all;
margin-top: 0.25em;
}
.step-active .step-circle {
color: #007bff;
background-color: #007bff;
border-color: #007bff;
}
.step-active .step-circle::before {
color: #007bff;
}
.step-active .step-text {
color: #007bff;
}
.step-error .step-circle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.step-error .step-circle::before {
color: #dc3545;
}
.step-error .step-text {
color: #dc3545;
}
.step-success .step-circle {
color: #007bff;
background-color: #007bff;
border-color: #007bff;
}
.step-success .step-circle::before {
color: #007bff;
}
.step-success .step-text {
color: #007bff;
}*/
#estatement li a{
padding-left: 10px;
}
li.active{
background: #fff;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
box-shadow: -3px 2px 2px 1px #cccccc82;
position: relative;
}
.bg-gray{
background:#efefef;
}
#estatement li a,
#estatement .dashboard-content{
border:0;
}
#estatement .col-md-12.col-lg-9.ps-0{
border-bottom-right-radius: 15px;
border-left: 0;
}
#estatement .bottom-border {
border-top: 1px solid #ccc;
margin-top: 25px;
padding-top: 15px;
}
#estatement .input-group input,
#estatement .riSingle.RadInput.RadInput_Default input{
margin-left: 1px !important;
}
#estatement .contact-infor.mt-100{
border-radius: 1.25rem;
padding: 20px 20px;
border: solid 1px #ddd;
}
#estatement .carousel-indicators {
position: relative;
}
#estatement .carousel-indicators [data-bs-target] {
width: 10px;
height: 10px;
border-radius: 50%;
}
#estatement .contact-infor.mt-100 p {
font-family: Ubuntu;
font-size: 14px!important;
margin: 0 0 3px;
}
#estatement .contact-infor.mt-100 h3 {
font-family: Ubuntu;
}
#estatement .contact-title h3 {
border-bottom: 1px solid #ccc;
font-size: 24px;
line-height: 24px;
margin-bottom: 25px;
padding-bottom: 15px;
text-transform: capitalize;
font-weight: 500;
}
.no-border{
border:0px !important;
}
.style1 a.active{
background: #0047BA;
color: white;
}
.style1 .nav-link.text-uppercase.font-weight-bold.rounded-0{
background: #ccc;
border-bottom: 0px solid #ccc!important;
border-bottom-right-radius: 10px!important;
border-bottom-left-radius: 10px!important;
color:#fff;
}
.style1 .nav-tabs .nav-link.active{
background: #0047BA!important;
color:#fff;
}
.style1 .row{
background: #ccc;
border-top-right-radius: 17px;
border-top-left-radius: 17px;
}
.style1 ul{
width:75%;
margin: 0 auto;
}
.style1 .with-arrow .nav-link.active::after{
display:none;
}
.style2 a{
color: #fff!important;
padding: 14px 0;
}
.style2 a.blue{
color: #0047BA!important;
}
.style2 .nav-tabs .nav-link.active{
border-bottom: 0 !important;
}
/*
*
* ==========================================
* FOR TEST PURPOSE
* ==========================================
*
*/
.with-arrow .nav-link.active::after {
position: absolute;
display: block;
display: inline-block;
left: 0;
background: rgba(0, 0, 0, 0.15);
border-top-right-radius: 60px;
padding: 8px 24px 8px 16px;
box-shadow: 2px 0px 0px 0px rgb(78 72 72 / 40%);
font-size: 30px;
bottom: 0px;
font: normal normal normal 30px/1 FontAwesome;
width: 25%;
height: 100%;
overflow: hidden;
}
.with-arrow .nav-link.active#home1::after {
content: "\f0fe";
}
.with-arrow .nav-link.active#home2::after {
content: "\f14b";
}
.with-arrow .nav-link.active#home3::after {
content: "\f146";
}
#estatement .nav-link:hover{
background:rgb(18 131 195 / 80%);
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
white-space: normal!important;
cursor: pointer;
box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}
#estatement .carousel-indicators [data-bs-target] {
background-color: #007bff;
transition: opacity .6s ease;
}
/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*
*/
.langBtn {
position: absolute;
z-index: 9998;
text-align: left;
width: 7em!important;
top: 11px;
left: 70px;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
padding: 7px 8px 8px;
background-image: url('../images/en.png');
background-repeat: no-repeat;
background-size: auto;
background-position: 57px center;
text-decoration: none;
color: #0047BA;
box-shadow: 0px 0px 1px 1px #0047BA;
font-family: initial;
font-size: small;
font-family: FrutigerLTArabic;
}
.nav-link {
color: #fff;
}
.closeBtn{
position: absolute;
right: 130px;
top: 40px;
}
.modal-body img{
max-height: 90vh;
}
.modal-content {
background-color: transparent;
border: 0;
}
/*
*
* ==========================================
* Instapay
* ==========================================
*
*/
.insta .card-header{
background-color: #D6D1CA;
}
.insta .card-header a{
color: #0047BA!important;
}
.insta .collapsible-link::after, .collapsible-link::before {
background: #0047BA;
}
.insta #accordionExample .card-header a:hover{
color: initial!important;
background-color: initial;
}
#estatement li a{
padding-left: 10px;
}
li.active{
background: #fff;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
box-shadow: -3px 2px 2px 1px #cccccc82;
position: relative;
}
.bg-gray{
background:#efefef;
}
#estatement li a,
#estatement .dashboard-content{
border:0;
}
#estatement .col-md-12.col-lg-9.ps-0{
border-bottom-right-radius: 15px;
/*border: 1px solid #efefef;*/
border-left: 0;
}
/*
#estatement li a.active:after {
font-family: FontAwesome;
margin-left: 5px;
-webkit-transition: 0.10s;
transition: 0.10s;
content: '\f138';
font-size: x-large;
color: #007bff;
}
*/
#estatement .bottom-border {
border-top: 1px solid #ccc;
margin-top: 25px;
padding-top: 15px;
}
#estatement .input-group input,
#estatement .riSingle.RadInput.RadInput_Default input{
margin-left: 1px !important;
}
#estatement .contact-infor.mt-100{
border-radius: 1.25rem;
/*background: #0047BA;*/
/*box-shadow: 0 12px 24px 0 rgb(0 0 0 / 10%);*/
/*color: white;*/
padding: 20px 20px;
border: solid 1px #ddd;
}
#estatement .carousel-indicators {
position: relative;
}
#estatement .carousel-indicators [data-bs-target] {
width: 10px;
height: 10px;
border-radius: 50%;
}
#estatement .contact-infor.mt-100 p {
/*font-family: Cairo;*/
/*font-family: Comfortaa;*/
/*font-family: Quicksand;*/
font-family: Ubuntu;
font-size: 14px!important;
margin: 0 0 3px;
}
#estatement .contact-infor.mt-100 h3 {
/*font-family: Cairo;*/
/*font-family: Comfortaa;*/
/*font-family: Quicksand;*/
font-family: Ubuntu;
/*color:#fff;*/
}
#estatement .contact-title h3 {
border-bottom: 1px solid #ccc;
font-size: 24px;
line-height: 24px;
margin-bottom: 25px;
padding-bottom: 15px;
text-transform: capitalize;
font-weight: 500;
}
.no-border{
border:0px !important;
}
.style1 a.active{
background: #0047BA;
color: white;
}
.style1 .nav-link.text-uppercase.font-weight-bold.rounded-0{
background: #ccc;
border-bottom: 0px solid #ccc!important;
border-bottom-right-radius: 10px!important;
border-bottom-left-radius: 10px!important;
color:#fff;
}
.style1 .nav-tabs .nav-link.active{
background: #0047BA!important;
color:#fff;
}
.style1 .row{
background: #ccc;
border-top-right-radius: 17px;
border-top-left-radius: 17px;
}
.style1 ul{
width:75%;
margin: 0 auto;
}
.style1 .with-arrow .nav-link.active::after{
display:none;
}
/*
.style2 ul#myTab1{
background: #4A4F54;
}
*/
.style2 a{
color: #fff!important;
padding: 14px 0;
}
.style2 a.blue{
color: #0047BA!important;
}
/*
.style2 ul#myTab1 li{
border-right: 1px solid #333;
border-left: 1px solid #555;
}
*/
.style2 .nav-tabs .nav-link.active{
border-bottom: 0 !important;
}
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
/* Rounded tabs */
@media (min-width: 576px) {
.rounded-nav {
border-radius: 50rem !important;
}
}
@media (min-width: 576px) {
.rounded-nav .nav-link {
border-radius: 50rem !important;
}
}
/* With arrow tabs */
.with-arrow .nav-link.active {
position: relative;
background: #0047BA;
}
/*.with-arrow .nav-link.active::after {
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #0047BA;
position: absolute;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
display: block;
}*/
/* lined tabs */
.lined .nav-link {
border: none;
border-bottom: 3px solid transparent;
}
.lined .nav-link:hover {
border: none;
border-bottom: 3px solid transparent;
}
.lined .nav-link.active {
background: none;
color: #555;
border-color: #2b90d9;
}
/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*
*/
/*.langBtn{
position: absolute;
z-index: 9998;
box-shadow: -1px 0px 4px #313131;
color: #fff;
text-align: right;
width: 7em!important;
top: 11px;
left: 70px;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
padding: 5px 10px 6px;
background-image: url(images/ar.png);
background-repeat: no-repeat;
background-size: auto;
background-position: 12px center;
text-decoration: none;
color: #0047BA;
box-shadow: 0px 0px 1px 1px #0047BA;
font-family: GESS;
}*/
.nav-link {
color: #4A4F54;
}
.closeBtn{
position: absolute;
right: 130px;
top: 40px;
}
.modal-body img{
max-height: 90vh;
}
.modal-content {
background-color: transparent;
border: 0;
}
/*
*
* ==========================================
* FOR TEST PURPOSE
* ==========================================
*
*/
.with-arrow .nav-link.active::after {
position: absolute;
display: block;
display: inline-block;
left: 0;
background: rgba(0, 0, 0, 0.15);
border-top-right-radius: 60px;
padding: 8px 24px 8px 16px;
box-shadow: 2px 0px 0px 0px rgb(78 72 72 / 40%);
font-size: 30px;
bottom: 0px;
font: normal normal normal 30px/1 FontAwesome;
width: 25%;
height: 100%;
overflow: hidden;
}
.with-arrow .nav-link.active#home1::after {
content: "\f0fe";
}
.with-arrow .nav-link.active#home2::after {
content: "\f14b";
}
.with-arrow .nav-link.active#home3::after {
content: "\f146";
}
#estatement .nav-link:hover{
background:rgb(18 131 195 / 80%);
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
white-space: normal!important;
cursor: pointer;
box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}
#estatement .carousel-indicators [data-bs-target] {
background-color: #007bff;
transition: opacity .6s ease;
}
.gray{
color: #4A4F54 !important;
}
.pdf{
color:#d51c00;
font-weight: 900;
}
/*
*
* ==========================================
* Remove Telerik
* ==========================================
*
*/
table#ctl00_ContentPlaceHolder1_GridView1{
width:100% !important;
}
table#ctl00_ContentPlaceHolder1_GridView1 tbody tr:nth-child(odd){
background: #fff;
}
table#ctl00_ContentPlaceHolder1_GridView1 table{
border: 0!important
}
table#ctl00_ContentPlaceHolder1_GridView1 tbody tr:nth-child(even) tr{
background: #f1f1f1;
}
.btn.btn-medium.info{
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
.btn.btn-medium.info:hover{
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
.WCC .our-team-image img,
.CCC .our-team-image img{
width:415px;
}
/*
*
* ==========================================
* Summer_Offers
* ==========================================
*
*/
.Summer_Offers .card-hover-with-icon {
cursor: pointer;
transition: box-shadow .25s ease;
}
.Summer_Offers .card {
border: 0;
box-shadow: 0 1px 3px rgba(17,24,39,.09);
border-radius: 0.5rem;
/*padding: 1.5rem 1rem;*/
word-wrap: break-word;
}
.Summer_Offers .card-body {
/*color: #754ffe;*/
flex: 1 1 auto;
padding: 1.5rem;
}
.Summer_Offers .nav-pills .nav-link.active .card-hover-with-icon,
.Summer_Offers .nav-pills .nav-link .card-hover-with-icon:focus,
.Summer_Offers .nav-pills .nav-link .card-hover-with-icon:hover {
border-top-color: #0047BA!important;
box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;
transition: 1s ease;
}
.Summer_Offers .nav-pills .nav-link .card-hover-with-icon.active .card-icon,
.Summer_Offers .nav-pills .nav-link .card-hover-with-icon:focus .card-icon,
.Summer_Offers .nav-pills .nav-link .card-hover-with-icon:hover .card-icon {
background-color: #d7e7f3!important;
color: #0047BA!important;
}
.Summer_Offers .nav-pills .nav-link.active .card-hover-with-icon .text-inherit svg,
.Summer_Offers .nav-pills .nav-link .card-hover-with-icon:hover .text-inherit svg
{
color: #1986c5;
}
.Summer_Offers .rounded-circle {
border-radius: 50%!important;
float: right;
}
.Summer_Offers .icon-shape {
align-items: center;
display: inline-flex;
justify-content: center;
text-align: center;
vertical-align: middle;
}
.Summer_Offers .text-inherit {
color: #1e293b;
}
.Summer_Offers .rtl-flex{
flex-direction: row;
float: right;
width: 100%;
}
.Summer_Offers .bg-light {
background-color: #f1f5f9!important;
}
.Summer_Offers .icon-lg {
height: 4rem;
line-height: 4rem;
width: 4rem;
}
.Summer_Offers .nav-pills .nav-link.active, .Summer_Offers .nav-pills .show>.nav-link {
color: initial;
background-color: transparent;
}
.Summer_Offers .nav-link {
padding-right: 0;
padding-left: 0;
}
.Summer_Offers .rotate-180 svg{
transform: rotateY(180deg);
}
.Summer_Offers .nav-pills .nav-link.active .icon-shape{
background-color: #d7e7f3!important;
color: #0047BA !important;
}
.Summer_Offers blockquote {
border-right: 2px solid #0047BA;
}
.Summer_Offers .tab-content{
/*background: #f2f2f2 none repeat scroll 0 0;*/
border-radius: 10px;
padding: 10px 15px;
border-radius: 1.25rem;
box-shadow: 0 12px 24px 0 rgb(0 0 0 / 10%);
padding: 20px 20px;
border: solid 1px #ddd;
}
.Summer_Offers h4{
font-size:24px!important;
border-bottom: 1px solid #ccc;
font-size: 24px;
line-height: 24px;
margin-bottom: 25px;
padding-bottom: 15px;
text-transform: capitalize;
font-weight: 500;
}
.Summer_Offers .tab-content .border-top{
border-top: 1px solid #ccc!important;
}
.Summer_Offers .tab-pane .icon-shape{
float:none;
}
.Summer_Offers .contact-title > h3 {
margin-bottom: 10px;
}
.Summer_Offers .contact-title p {
margin-bottom: 30px;
}
.Summer_Offers .alert-warning{
color: #664d03;
background-color: #fff3cd;
border-color: #c1b07f;
border-radius:.75em
}
.Summer_Offers .alert-info{
border-color: #0551607d;
border-radius:.75em
}
.Summer_Offers-bg{
background: url(img/2bdd6b03-b77d-474b-9507-b4f5278e5ee3.jpg) 50% 160%;
padding: 140px 0;
}
.Summer_Offers-bg h2{
color: transparent !important;
}
.Summer_Offers_icon{
width: 48px;
height: 48px;
}
/*
*
* ==========================================
* SCB Payroll Offers
* ==========================================
*
*/
.PayrollOffers .card .col-8{
display: flex;
align-items: center;
}
/*
/*
*
* ==========================================
* Terms & Conditions
* ==========================================
*
*/
.terms .card,
.installment .card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0px solid rgba(0, 0, 0, 0);
border-radius: 0.25rem;
margin-bottom: 1.5rem;
box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}
.terms .widgets-icons-2 {
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
font-size: 27px;
border-radius: 10px;
border: 1px #ff1b0e2b solid;
padding: 14px;
}
.installment .widgets-icons-2 {
display: flex;
align-items: center;
justify-content: center;
font-size: 27px;
border-radius: 10px;
border: 1px #0047BA solid;
padding: 4px;
}
.terms .border-end,
.installment .border-end {
border-color: #0047BA !important;
}
.terms .flex-grow-1 a,
.installment .flex-grow-1 a{
margin: auto;
display: inline-block;
top: 30%;
position: relative;
}
.terms strong,
.installment strong{
color: #333;
}
.rounded-circle {
border-radius: 50%!important;
width: 30px;
height: 30px;
float: left;
}
/************************************/
.heading{
color: #333;
padding: 10px;
}
.sm-container{
display: grid;
grid-template-columns: 3fr 1fr;
gap:15px;
align-items: flex-start;
/*padding: 5px 5%;*/
/*direction: rtl;*/
}
.sm-container .main-video{
background-color: #fff;
border-radius: 5px;
/* padding: 10px;*/
}
.sm-container .main-video video{
width: 100%;
border-radius: 5px;
}
.sm-container .main-video .vid-title{
color: #333;
padding-top: 15px;
padding-bottom: 15px;
}
.sm-container .video-list{
background: #fff;
border-radius: 5px;
height: 545px;
overflow-y: scroll;
}
.sm-container .video-list::-webkit-scrollbar{
width: 7px;
}
.sm-container .video-list::-webkit-scrollbar-track{
background-color: #ccc;
border-radius: 50px;
}
.sm-container .video-list::-webkit-scrollbar-thumb{
background-color: #666;
border-radius: 50px;
}
.sm-container .video-list .vid video{
width: 60px;
border-radius: 5px;
border: solid 1px #ddd;
}
.sm-container .video-list .vid{
display: flex;
align-items: center;
gap: 15px;
background: #FFF;
border-radius: 5px;
margin: 10px;
padding: 10px;
border: solid 1px rgba(0,0,0,.1);
cursor: pointer;
}
.sm-container .video-list .vid:hover{
background-color: #eee;
}
.sm-container .video-list .vid.active{
background-color: #0047BA;
}
.sm-container .video-list .vid.active .vid-title{
color: #fff;
}
.sm-container .video-list .vid .vid-title{
color: #333;
direction: rtl;
}
@media(max-width:991px){
.sm-container{
grid-template-columns: 1.5fr 1fr;
padding: 10px;
}
}
@media(max-width:768px){
.sm-container{
grid-template-columns: 1fr;
padding: 10px;
}
}
/*
*
* ==========================================
* New Digital Banking
* ==========================================
*
*/
:root {
--white-color: #ffffff;
--primary-color: #13547a;
--secondary-color: #80d0c7;
--section-bg-color: #f0f8ff;
--custom-btn-bg-color: #80d0c7;
--custom-btn-bg-hover-color: #13547a;
--dark-color: #000000;
--p-color: #717275;
--border-color: #7fffd4;
--link-hover-color: #13547a;
--body-font-family: 'Open Sans', sans-serif;
--title-font-family: 'Montserrat', sans-serif;
--h1-font-size: 58px;
--h2-font-size: 46px;
--h3-font-size: 32px;
--h4-font-size: 28px;
--h5-font-size: 24px;
--h6-font-size: 22px;
--p-font-size: 20px;
--menu-font-size: 14px;
--btn-font-size: 18px;
--copyright-font-size: 16px;
--border-radius-large: 100px;
--border-radius-medium: 20px;
--border-radius-small: 10px;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
}
.custom-block {
border-radius: var(--border-radius-medium);
position: relative;
overflow: hidden;
padding: 30px;
transition: all 0.3s ease;
height: 100%;
}
.custom-block > a {
display: inline-block;
color: var(--primary-color);
text-decoration: none;
width: 100%;
}
.custom-block-image {
display: block;
width: 100%;
height: 200px;
object-fit: cover;
margin-top: 35px;
}
.custom-block .rounded-pill {
border-radius: 5px !important;
display: flex;
justify-content: center;
text-align: center;
width: 30px;
height: 30px;
line-height: 20px;
}
.bg-design {
background-color: #00B0FF;
}
.ptb-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.app-area {
background-image: url(img/bg-img/15151445_5559852.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.app-content h2 {
font-size: 28px!important;
margin-bottom: 0;
color: #ffffff;
}
.app-btn .app-store-btn {
border-radius: 3px;
display: inline-block;
position: relative;
padding: 8px 14px 8px 54px;
background-color: #ffffff;
color: #6e727f;
-webkit-transition: 0.5s;
transition: 0.5s;
margin-right: 10px;
text-align: left;
}
.app-btn .play-store-btn {
border-radius: 3px;
display: inline-block;
position: relative;
padding: 8px 14px 8px 54px;
background-color: #ffffff;
color: #6e727f;
-webkit-transition: 0.5s;
transition: 0.5s;
text-align: left;
}
.app-btn .app-store-btn i {
position: absolute;
left: 8px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 50px;
color: #09101f;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.app-btn .play-store-btn i {
position: absolute;
left: 8px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 50px;
color: #09101f;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.app-btn .app-store-btn span {
display: block;
font-size: 20px;
font-weight: 600;
color: #09101f;
margin-top: 5px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.app-btn .play-store-btn span {
display: block;
font-size: 20px;
font-weight: 600;
color: #09101f;
margin-top: 5px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.app-store-btn svg,
.play-store-btn svg{
width:35px;
height:40px;
position: absolute;
left: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 50px;
color: #09101f;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.cta-area.get-start-box {
/*background-image: -webkit-gradient(linear, left top, right top, from(#ff416c), to(#ff4b2b));
background-image: linear-gradient(to right, #ff416c, #ff4b2b);*/
background-image: -webkit-gradient(linear, left top, right top, from(#219ce1), to(#005bea));
background-image: linear-gradient(to right, #219ce1 0%, #005bea 100%);
border-radius: 8px;
-webkit-box-shadow: 0px 17px 43px 1px rgba(3, 169, 244, 0.356);
box-shadow: 0px 17px 43px 1px rgba(3, 169, 244, 0.356);
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 40px 30px;
color: #ffffff;
}
.cta-area.get-start-box p {
font-size:14pt!important;
}
.WCC .our-team-image img,
.CCC .our-team-image img{
width:415px;
}
.digital_banking .accordion-item {
border: none;
}
.digital_banking .accordion-item button{
border-radius: 100px!important;
color:#13547a;
font-weight:bold;
font-size:12pt;
}
.accordion-button:focus {
box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.digital_banking .card {
border: none;
}
.digital_banking .collapsible-link::before {
display:none!important;
}
.digital_banking .collapsible-link::after {
display:none!important;
}
.digital_banking .card {
border: 0;
box-shadow: 0 1px 3px rgba(17,24,39,.09);
border-radius: 0.5rem;
}
.p-6 {
padding: 2.5rem !important;
}
.bg-light {
background-color: #f1f5f9 !important;
}
.digital_banking .modal-content {
background-color: #FFF;
border: 0;
}
.digital_banking .modal-header {
/*background: linear-gradient(90deg, rgb(238, 9, 121) 0%, rgb(255, 106, 0) 100%);*/
background: linear-gradient(to right, #00c6fb 0%, #005bea 100%);
}
.digital_banking .modal-header h2{
color: #FFF;
}
.digital_banking.modal {
z-index: -1;
}
.digital_banking.modal.show {
z-index: 999999;
}
.app-content li{
color:#FFF;
}
.ctp-protec-card {
background-color: #ffffff;
box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.05);
border-radius: 15px;
padding: 15px 12px 15px 0;
margin-bottom: 25px;
transition: 0.5s;
}
.ctp-protec-card .content {
position: relative;
padding-left: 75px;
}
.ctp-protec-card .content .number {
display: inline-block;
width: 60px;
height: 60px;
line-height: 65px;
background: #E5F6F0;
text-align: center;
position: absolute;
left: 0;
top: 0;
}
.ctp-protec-card .content .number span {
display: inline-block;
font-size: 20px;
font-family: "Raleway", sans-serif;
font-weight: bold;
background: linear-gradient(90deg, rgb(238, 9, 121) 0%, rgb(255, 106, 0) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
/*transform: rotate(-90deg);*/
}
.ctp-protec-card .content h3 {
font-size: 20px;
color: #212529;
font-weight: 600;
margin-bottom: 15px;
}
.ctp-protec-card .content p {
color: #57647C;
font-family: "Raleway", sans-serif;
margin-bottom: 0;
font-size: 16px;
}
.trnsfr .ctp-protec-card .content{
padding-left: 40px;
}
.trnsfr .ctp-protec-card{
box-shadow: 0px 0px 5px #00000036;
border: solid 1px #00000036;
}
.trnsfr .card{
box-shadow: 0px 0px 5px #00000036;
border: solid 1px #00000036;
background-color: #ffffff;
box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.05);
border-radius: 15px;
margin-bottom: 25px;
transition: 0.5s;
overflow: hidden;
}
.digital_banking .trnsfr .card-header{
/*background-color: #D6D1CA;*/
background-color: #0047ba;
color:#fff;
padding:1.3rem;
}
.digital_banking *{
font-family:'FrutigerLTArabic'!important
}
.digital_banking i{
font-family:'FontAwesome'!important
}
.digital_banking .circle{
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background-image: -webkit-gradient(linear, left top, right top, from(#ff416c), to(#ff4b2b));
background-image: linear-gradient(to right, #ff416c, #ff4b2b);
color: #fff;
border-radius: 50%;
font-size: 18px;
}
.digital_banking .text-dark i {
color: #0047BA !important;
}
.digital_banking .text-dark-light i::before {
background: #0047BA;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/*.digital_banking i {
font-family: "Font Awesome 5 Pro" !important;
}*/
.digital_banking .card-header{
background-color: #D6D1CA;
}
/*.digital_banking .card-header a{
color: #0047BA!important;
}*/
.digital_banking .collapsible-link::after, .collapsible-link::before {
background: #0047BA;
}
.digital_banking #accordionExample .card-header a:hover{
color: initial!important;
background-color: initial;
}
.digital_banking .title{
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
line-height: 2;
background: #0047BA;
color: #ffffff;
font-size: 14px !important;
border-radius: 20px;
}
#accordionExample1 .accordion a {
border-bottom: 1px solid #0047BA;
}
.breadcramb.digital_banking {
/*background: url(../img/pages/Ebanking/Ebanking_ar.jpg);
background-position: 50% -10%;
/*background-size: cover;
position: relative;
top: 126px;*/
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
/*================================================ App Download Area CSS =================================================*/
.app-image {
position: relative;
z-index: 1;
text-align: left;
}
.app-image .main-image img:nth-child(2) {
position: absolute;
right: 20px;
top: 0;
}
.app-image .main-mobile-image {
display: none;
}
.app-image .circle-img {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-55%);
z-index: -1;
right: 0;
margin: 0 auto;
}
.app-image .circle-img img {
animation-name: rotateMe;
animation-duration: 35s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.app-download-content {
padding-left: 20px;
}
.app-download-content h2 {
/*margin-bottom: 0;
font-size: 40px;
font-weight: 600;*/
}
.app-download-content .bar {
height: 5px;
width: 90px;
background: #cdf1d8;
margin: 20px 0 25px;
position: relative;
border-radius: 30px;
}
.app-download-content .bar::before {
content: '';
position: absolute;
left: 0;
top: -2.7px;
height: 10px;
width: 10px;
border-radius: 50%;
background: #cdf1d8;
animation-duration: 3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-name: MOVE-BG;
}
.app-download-content p {
margin-bottom: 0;
}
.app-download-content .btn-box {
margin-top: 25px;
}
.app-download-content .btn-box .app-store-btn {
border-radius: 3px;
display: inline-block;
position: relative;
z-index: 1;
color: white !important;
padding: 12px 25px 12px 60px;
font-size: 12px;
}
.app-download-content .btn-box .app-store-btn i {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
}
.app-download-content .btn-box .app-store-btn i::before {
font-size: 35px;
}
.app-download-content .btn-box .app-store-btn span {
display: #FFF;
font-size: 18px;
font-weight: 500;
}
.app-download-content .btn-box .app-store-btn::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 3px;
z-index: -1;
background: #0047BA;
transition: 0.5s;
}
.app-download-content .btn-box .app-store-btn::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 3px;
z-index: -1;
background: #0047BA;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.app-download-content .btn-box .app-store-btn:hover {
color: white;
}
.app-download-content .btn-box .app-store-btn:hover::after {
opacity: 1;
visibility: visible;
}
.app-download-content .btn-box .app-store-btn:hover::before {
opacity: 0;
visibility: hidden;
}
.app-download-content .btn-box .play-store-btn {
margin-left: 12px;
border-radius: 3px;
display: inline-block;
position: relative;
z-index: 1;
color: white;
padding: 12px 25px 12px 60px;
font-size: 12px;
}
.app-download-content .btn-box .play-store-btn i {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
}
.app-download-content .btn-box .play-store-btn i::before {
font-size: 35px;
}
.app-download-content .btn-box .play-store-btn span {
display: block;
font-size: 18px;
font-weight: 500;
}
.app-download-content .btn-box .play-store-btn::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 3px;
z-index: -1;
background: #0047BA;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.app-download-content .btn-box .play-store-btn::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 3px;
z-index: -1;
background: #0047BA;
transition: 0.5s;
}
.app-download-content .btn-box .play-store-btn:hover {
color: white;
}
.app-download-content .btn-box .play-store-btn:hover::after {
opacity: 0;
visibility: hidden;
}
.app-download-content .btn-box .play-store-btn:hover::before {
opacity: 1;
visibility: visible;
}
@keyframes rotateMe {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.list.my-3 i{
background: #0047BA;
color: white;
}
.app-download-content .btn-box .app-store-btn {
border-radius: 3px;
display: inline-block;
position: relative;
z-index: 1;
color: white;
padding: 12px 25px 12px 60px;
font-size: 12px;
}
.tab-content .step-btn {
border-radius: 3px;
display: inline-block;
position: relative;
padding: 8px 14px 8px 54px;
background-color: #ffffff;
color: #6e727f;
-webkit-transition: 0.5s;
transition: 0.5s;
margin-right: 10px;
text-align: left;
}
.tab-content .step-btn::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 3px;
z-index: -1;
background: #0047BA;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.tab-content .app-download-content .btn-box .app-store-btn:hover{
cursor: pointer;
}
/*
*
* ==========================================
* Allianz
* ==========================================
*
*/
.allianz .card-hover-with-icon {
cursor: pointer;
transition: box-shadow .25s ease;
}
.allianz .card {
border: 0;
box-shadow: 0 1px 3px rgba(17,24,39,.09);
border-radius: 0.5rem;
/*padding: 1.5rem 1rem;*/
word-wrap: break-word;
}
.allianz .card-body {
/*color: #754ffe;*/
flex: 1 1 auto;
padding: 1.5rem;
}
.allianz .nav-pills .nav-link.active .card-hover-with-icon,
.allianz .nav-pills .nav-link .card-hover-with-icon:focus,
.allianz .nav-pills .nav-link .card-hover-with-icon:hover {
border-top-color: #0047BA!important;
box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;
transition: 1s ease;
}
.allianz .nav-pills .nav-link .card-hover-with-icon.active .card-icon,
.allianz .nav-pills .nav-link .card-hover-with-icon:focus .card-icon,
.allianz .nav-pills .nav-link .card-hover-with-icon:hover .card-icon {
background-color: #d7e7f3!important;
color: #0047BA!important;
}
.allianz .nav-pills .nav-link.active .card-hover-with-icon .text-inherit svg,
.allianz .nav-pills .nav-link .card-hover-with-icon:hover .text-inherit svg
{
color: #1986c5;
}
.allianz .rounded-circle {
border-radius: 50%!important;
float: right;
}
.allianz .icon-shape {
align-items: center;
display: inline-flex;
justify-content: center;
text-align: center;
vertical-align: middle;
}
.allianz .text-inherit {
color: #1e293b;
}
.allianz .rtl-flex{
flex-direction: row;
float: right;
width: 100%;
}
.allianz .bg-light {
background-color: #f1f5f9!important;
}
.allianz .icon-lg {
height: 4rem;
line-height: 4rem;
width: 4rem;
}
.allianz .nav-pills .nav-link.active, .allianz .nav-pills .show>.nav-link {
color: initial;
background-color: transparent;
}
.allianz .nav-link {
padding-right: 0;
padding-left: 0;
}
.allianz .rotate-180 svg{
transform: rotateY(180deg);
}
.allianz .nav-pills .nav-link.active .icon-shape{
background-color: #d7e7f3!important;
color: #0047BA !important;
}
.allianz blockquote {
border-right: 2px solid #0047BA;
}
.allianz .tab-content{
background: #f2f2f2 none repeat scroll 0 0;
border-radius: 10px;
padding: 10px 15px;
border-radius: 1.25rem;
box-shadow: 0 12px 24px 0 rgb(0 0 0 / 10%);
padding: 20px 20px;
border: solid 1px #ddd;
}
.allianz h4{
font-size:24px!important;
border-bottom: 1px solid #ccc;
font-size: 24px;
line-height: 24px;
margin-bottom: 25px;
padding-bottom: 15px;
text-transform: capitalize;
font-weight: 500;
}
.allianz .tab-content .border-top{
border-top: 1px solid #ccc!important;
}
.allianz .tab-pane .icon-shape{
float:none;
}
.allianz .contact-title > h3 {
margin-bottom: 10px;
}
.allianz .contact-title p {
margin-bottom: 30px;
}
.allianz .alert-warning{
color: #664d03;
background-color: #fff3cd;
border-color: #c1b07f;
border-radius:.75em
}
.allianz .alert-info{
border-color: #0551607d;
border-radius:.75em
}
.allianz-bg{
/*background: url(../img/1bdd6b03-b77d-474b-9507-b4f5278e5ee3.jpg) 50% 160%;
padding: 140px 0;*/
background: url(../img/separator.png);
background-size: contain;
background-position-y: bottom;
background-repeat: no-repeat;
}
.allianz-bg h2{
/*color: transparent !important;*/
}
.app-area {
background-image: url(../img/bg-img/app-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.app-btn .app-store-btn {
border-radius: 3px;
display: inline-block;
position: relative;
padding: 12px 25px 12px 80px;
background-color: #ffffff;
color: #6e727f;
-webkit-transition: 0.5s;
transition: 0.5s;
margin-right: 20px;
text-align: left;
}
.app-btn .app-store-btn i {
position: absolute;
left: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 50px;
color: #09101f;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.app-btn .app-store-btn span {
display: block;
font-size: 20px;
font-weight: 600;
color: #09101f;
margin-top: 5px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.digital_banking .section-title.text-center a {
color: #0047BA;
text-decoration: underline !important;
}
.digital_banking h3 a{
font-size: 13.2pt !important;
}
ul.card-body li{
display:flex;
}
/*
.allianz .rounded-circle {
float: none;
}*/
/*
*
* ==========================================
* ESG
* ==========================================
*
*/
.ESG .text-center.headerz{
color: #baeb40 !important;
background: linear-gradient(to right, #4695c4, #67bef3);
font-size: xxx-large !important;
text-shadow: 0px 0px 2px #4A4F54 !important;
}
.ESG_Reports .collapsible-link::before,
.ESG_Reports .collapsible-link::after {
display:none;
}
.ESG_Reports #accordionExample .card-header a:hover{
background: transparent;
}
.ESG .card-body {
padding: 0.75rem 0;
}
.ESG .collapsible-link::before {
display:none;
}
.ESG .collapsible-link::after {
display:none;
}
.ESG #accordionExample.accordion a i {
/*background: linear-gradient( 45deg , #17ead9, #6078ea)!important;*/
background: #0047BA!important;
color: #fff;
padding: 5px;
border-radius: 50%;
margin-left: 10px;
width: 25px;
height: 25px;
text-align: center;
}
.ESG #accordionExample.accordion a{
border-bottom: 0;
font-size: 14px;
}
.ESG #accordionExample .accordion a.active,
.ESG #accordionExample .accordion a:hover,
.ESG #accordionExample .card-header:hover{
color: #0047BA !important;
background-color: #f9f6f669;
}
.ESG #accordionExample .card-header a:hover{
color: #0047BA !important;
background-color: transparent;
}
.ESG #accordionExample .card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0px solid rgba(0, 0, 0, 0);
border-radius: 0.25rem;
margin-bottom: 0;
box-shadow: none;
/*background-color: rgba(0, 0, 0, .01);*/
box-shadow: 0px 0px 10px -4px #ccc;
}
.ESG .blue_bb{
border-bottom: 2px solid #0047BA;
font-weight: bold;
}
.ESG .gray:hover{
color:#0047BA!important;
}
.ESG .fa-check {
color: #0047BA;
margin-left: 5px;
}
.ESG .timeline u {
background: #8abd26;
width: fit-content;
padding: 10px 50px;
color: #FFF;
border-radius: 40px;
font-size: medium !important;
}
.ESG .accordion a {
border-bottom: 1px solid #0047BA;
color: #1b1718;
display: block;
font-size: 18px;
padding: 12px 0;
text-transform: capitalize;
font-weight: 500;
}
.ESG .collapsible-link[aria-expanded='true'] i {
transform: rotate(180deg);
transition: all 0.3s;
}
.ESG .collapsible-link[aria-expanded='false'] i {
transform: rotate(0deg);
transition: all 0.3s;
}
.copyright,.drak-footer .copyright a span.benfits{
font-family: Recoleta!important;
}
.about-info-wrapper p{
font-family:GESS;
}
h1,h2,h3,h4,h5,h6{
font-family:Helvetica;
}
/*******************************************************************
************************rebranding**********************************
*******************************************************************/
.bg-gr-dark{
background:#4A4F54;
background-Color:#4A4F54;
}
.bg-gr-light{
background:#D6D1CA;
background-Color:#D6D1CA;
}
.footer-middle .footer-content .logo{
padding: 0;
background: transparent;
}
.footer-middle .footer-content .footer-title:after {
display:none;
}
.footer-middle .footer-content .footer-title{
padding-bottom: 0;
margin-bottom: 10px;
font-size: 14pt !important;
}
.footer-bottom .footer-content .footer-title,
.footer-bottom .footer-content .footer-description {
color: #D6D1CA;
}
.footer-bottom .footer-content .footer-title{
padding-bottom: 0;
margin-bottom: 10px;
font-size: 14pt !important;
}
.footer-bottom .footer-content .footer-description {
font-size: 10pt !important;
}
.footer-bottom .footer-content{
margin-top: 30px;
margin-bottom: 30px;
}
.footer-bottom .footer-content .footer-title:after {
display:none;
}
.footer-bottom .left-divider {
border-left: 5px solid #D6D1CA;
}
.single-our-team,
.singel-banner,
.about-us-img
{
box-shadow: 0px 0px 4px 1px #99999982;
}
.our-team-info {
background: #fff none repeat scroll 0 0;
text-align: right;
}
.our-team-info .benfits {
color: #4A4F54 !important;
margin-bottom: 5px;
}
.our-team-info .detailz {
padding: 5px 0px 2px 0;
}
.our-team-info img {
margin-right: 5px;
}
.our-team-info h3 {
padding: 5px 0px 2px 0;
margin-bottom: 10px;
font-size: 16pt !important;
font-weight: 700;
color: #4A4F54;
text-align: right;
}
.our-team-info .cart-page-total {
padding-top: 0;
text-align: right;
margin-top: 25px;
}
.our-team-info .cart-page-total > a {
background-color: #fff;
border: none;
color: #0047BA;
display: inline;
margin-top: initial;
padding: initial;
border-radius: 0;
text-transform: initial;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-weight: normal;
font-size: small;
}
.our-team-info .cart-page-total > a::after {
content: "\f060";
font: normal normal normal 14px / 1 FontAwesome;
margin-right: 10px;
}
.our-team-image{
height: 275px;
}
.our-team-image > img{
height: 275px;
}
.footer-social{
display: flex;
justify-content: flex-start;
}
.social-icon {
width: 35px;
height: 35px;
font-size: 20px;
background: #333;
background-color: #333;
color: #fff;
text-align: center;
margin-right: 10px;
padding-top: 8px;
border-radius: 10px;
}
.section-title.no-after-or-before h2:before,
.section-title.no-after-or-before h2:after{
display: none;
}
.new-box{
border: solid #0047BA 10px;
padding: 0;
}
.modal-fullscreen-xl-down .modal-content,
.modal-fullscreen-xl-down .btn-close {
background-color: #fff;
}
.modal-fullscreen-xl-down .modal-title {
color: #fff;
}
.contact-us-area .singel-banner{
box-shadow: none;
}
.btn-default{
background: #0047BA;
color: #fff;
}
.contact-us-area text{
letter-spacing: 2px;
}
.contact-us-area h2{
font-size: 50px !important;
color: #4A4F54;
display: inline-block;
width: auto;
}
.contact-us-area h3{
font-size: 40px !important;
line-height: 2;
color: #6c757d;
display: inline-block;
width: auto;
}
.contact-us-area p{
font-size: 2em !important;
display: inline-block;
width: auto;
}
.contact-us-area img{
display: inline-block;
width: 130px;
}
.divider-old {
width: 100%;
margin: 30px 0; /* space above and below */
}
.divider {
width: 100%;
background: url(../img/separator.png) no-repeat;
/*padding: 15px 0;
background-size: cover;*/
height: 117px;
background-size: contain;
background-position: center;
}
.divider img {
display: block;
width: 100%; /* full width like
*/
height: auto; /* keeps the aspect ratio */
}
.divider-reverse {
width: 100%;
background: url(../img/separator.png) no-repeat;
height: 50px;
background-size: contain;
background-position: center;
bottom: 90px;
position: relative;
z-index: -1;
/*transform: rotate(180deg);*/
}
.divider-reverse img {
display: block;
width: 100%; /* full width like
*/
height: auto; /* keeps the aspect ratio */
}
.divider2 {
background-image: url(../img/wave2.png);
background-size: contain;
width: 100%;
padding: 10px;
background-repeat: no-repeat;
margin-top: -20px;
/* position: relative; */
/* left: 0; */
background-position: right top;
}
.copyright{
color: #D6D1CA;
}
/*.slider-main-area{
position: relative;
top: 120px;
}*/
/*.owl-carousel .owl-item img {
top: 120px;
position: relative;
}*/
.section-title h2:before,
.section-title h2:after{
display: none;
}
.empty-txt{
height: 30px;
}
tbody, td, tfoot, th, thead, tr, table {
border: none !important;
}
.contact-input table {
height: 45px;
}
table td{
font-weight: bold;
}
#elite .our-team-image, #elite .our-team-image > img {
height: auto;
}
/* Re-branding Style*/
.team-social-link{
display: block;
bottom: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
padding: 10px 0;
position: absolute;
text-align: center;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(0%);
-webkit-transition: all 0.3s
ease-in-out 0s;
transition: all 0.3s
ease-in-out 0s;
visibility: visible;
width: 100%;
background: #000000a8;
}
.team-social-link h3{
color: white;
}
.no-shadow{
box-shadow: none;
}
#elite .big-logo{
width: 355px;
margin: 0 auto;
/*margin-top:-60px;*/
margin-top: 50px;
}
#neqaty .big-logo{
width: 355px;
margin: 0 auto;
/*margin-top:-60px;*/
margin-top: 50px;
}
.islamic-other .card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0px solid rgba(0, 0, 0, 0);
border-radius: .25rem;
margin-bottom: 1.5rem;
box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}
.cash .card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0px solid rgba(0, 0, 0, 0);
border-radius: .25rem;
margin-bottom: 1.5rem;
box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}
.sme .card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0px solid rgba(0, 0, 0, 0);
border-radius: .25rem;
margin-bottom: 1.5rem;
box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}
#Facilities .card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0px solid rgba(0, 0, 0, 0);
border-radius: .25rem;
margin-bottom: 1.5rem;
box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}
#Facilities .dashboard-content h3{
text-transform: initial !important;
}
.dashboard-content h3 {
border-bottom: initial !important;
font-size: initial !important;
line-height: initial !important;
margin-bottom: initial !important;
padding-bottom: initial !important;
text-transform: initial !important;
/*font-weight: 700;*/
}
.team-social-link h3{
text-align: center;
}
.figma.services .our-team-image > img{
height: 275px !important;
object-fit: cover !important;
}
/*************************************
********Re-branding-Campaign**********
*************************************/
@media (min-width: 1255px) and (max-width: 2400px) {
.slider-wrapper-3{
height: 100%;
padding-top: 110px;
}
}
@media (min-width: 1070px) and (max-width: 1256px) {
.slider-wrapper-3{
height: 100%;
padding-top: 120px;
}
}
@media (min-width: 991px) and (max-width: 1069px) {
.slider-wrapper-3{
height: 100% !important;
padding-top: 160px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.slider-wrapper-3{
height: 100% !important;
padding-top: 55px;
}
}
@media (min-width: 360px) and (max-width: 990px) {
.slider-wrapper-3{
height: 100% !important;
/*padding-top: 55px;*/
}
.footer-bottom .left-divider {
border-left: 0;
}
}
li p.left30::before {
content: "\f111";
font: normal normal normal 5px/1 FontAwesome;
margin-left: 5px;
}
.card-new .our-team-image {
height: 100%;
}
.card-new .our-team-image > img{
height: 100%;
width: 100%;
}