@charset "utf-8";
/*
Theme Name: KSA Group
Theme URI: 
Description: 
Version: 1.0
Author: Zeckro Design
Author URI: 
Tags: Black, custom header, fixed width

*/

/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700,900');

/***************************************************************************************/


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }

body { line-height: 1; }

ol,
ul { list-style: none; }

b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 700; }

em { font-style: italic; }

blockquote,
q { quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; border: solid 1px #e7e7e7; }

th { font-weight: bold; text-align: left; }

td { vertical-align: middle; padding: 8px 10px 8px 10px !important; border: solid 1px #e7e7e7 !important; }

select { border: 0px; margin: 0px; padding: 0px; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #000;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #000;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #000;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
 color:    #000;
}

*,
*:before,
*:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

a img { border: none; }

/* [General css]
********************************************************************/

img.alignleft { float: left; margin-right: 15px; }

img.alignright { float: right; margin-left: 15px; }

img.aligncenter { display: block; margin: 0 auto; }

.alignright { float: right; }

.fR { float: right; }

.fL { float: left; }

.center { text-align: center; }

.clear { clear: both; }

.noborder { border: none !important; }

.nobg { background: none !important; }

.nomargin { margin: 0px !important; }

.nopadding { padding: 0px !important; }

.bmargin { margin-bottom: 0px; }

.bold { font-weight: bold; }

.middle { display: inline; vertical-align: middle; }

.underline { text-decoration: underline; }

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

.clearfix { clear: both; }

.spacer20,
.sp20 { height: 20px; display: block; clear: both; }

/* [Typography css]
********************************************************************/

h1,
h2,
h3,
h4,
h5,
h6 { color: #1F1B47 !important; font-weight: 700 !important; margin-bottom: 15px; font-family: 'Montserrat', sans-serif !important; margin-top: 0px !important; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: #1F1B47 !important; }

h1 { font-size: 36px; line-height: 30px; }

h2 { font-size: 34px; line-height: 20px; }

h3 { font-size: 20px; line-height: 20px; }

h4 { font-size: 18px; line-height: 20px; }

h5 { font-size: 16px; line-height: 20px; }

h6 { font-size: 12px; line-height: 20px; }

p { margin-top: 18px !important; margin-bottom: 18px !important; line-height: 20px !important; }

a { color: #ee028b; }

a:hover { color: #ee028b !important; text-decoration: none !important; }

/*p { line-height:28px !important;}*/
/* [Layout css]
********************************************************************/

body { font-family: 'Montserrat', sans-serif !important; font-size: 14px !important; line-height: 20px !important; margin: 0px; padding: 0px; color: #1F1B47 !important; text-align: left; }

.wrapper { text-align: left; margin: 0 auto; }

.container { max-width: 1170px !important; margin: 0 auto; }

.container-full { max-width: 100%; margin: 0 auto; background-size: cover; }

/****************************************************/

.top-head { min-height: 60px; background-color: #ee028b; /*background-image:linear-gradient( to left, #ee028b, #ee028b );*/
background: linear-gradient(168.01deg, #ee028b 0%, #ee028b 100%); padding-top: 16px; padding-bottom: 14px; }

.social-ico-top { margin-top: 2px; }

.social-ico-top img { background: #fff; border-radius: 50%; margin-right: 10px; }

.social-ico-top .fa-twitter { background: #fff; border-radius: 50%; width: 30px; height: 30px; margin-right: 10px; font-size: 18px; color: #1da1f2; line-height: 1.8; text-align: center; }

.social-ico-top .fa-x-twitter { background: #fff; border-radius: 50%; width: 30px; height: 30px; margin-right: 10px; font-size: 18px; color: #1da1f2; line-height: 1; text-align: center; padding:8px; }
.social-ico-top .fa-x-twitter svg { fill:#3c5a99;  }
.social-ico-top .fa-facebook { background: #fff; border-radius: 50%; display: inline-block; width: 30px; height: 30px; margin-right: 10px; font-size: 18px; color: #3c5a99; line-height: 1.8; text-align: center; }

.social-ico-top .fa-google-plus { background: #fff; border-radius: 50%; display: inline-block; width: 30px; height: 30px; margin-right: 10px; font-size: 17px; color: #f05649; line-height: 1.8; text-align: center; }

.top-contact-info { font-size: 16px; font-weight: 700; color: #fff; text-align: right; padding-top: 5px; }

.top-contact-info a { color: #fff; text-decoration: none; }

.top-contact-info a:hover { color: #fff !important; text-decoration: none !important; }

.top-contact-info .fa { font-size: 20px; margin-right: 6px; vertical-align: middle; color: #fff; }

.top-contact-info .fa-phone { font-size: 22px; }

.top-contact-info .fa-envelope { margin-left: 15px; vertical-align: top; }

/****************************************************************************/

.header { min-height: 130px; margin: 0 auto; padding-top: 30px; padding-bottom: 20px; /*border-bottom:solid 1px #ccc;*/
box-shadow: 0 4px 4px 0 rgba(0,0,0,0.12); /*box-shadow: 0px 0px 18px 0px #c3c3c3;*/
position: relative; z-index: 9999; }

#logo { text-align: left; /*padding-left:40px;*/
}

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

/**********************************************************/

.top-nav { text-align: right; padding-top: 30px; display: inline-block; padding-left: 10px; }

.top-nav ul { margin: 0px; padding: 0px; }

.top-nav ul li { list-style: none; display: inline-block; padding-left: 10px; padding-right: 10px; }

.top-nav ul li.last { padding-right: 0px; }

.top-nav ul li.client-portal { display: none !important; }

.top-nav ul li a { color: #1F1B47; text-decoration: none; font-size: 14px; font-weight: 700; text-align: right; color: #1F1B47 !important; font-family: 'Montserrat', sans-serif; }

.top-nav ul li a:hover { border-bottom: solid 3px #ee028b; padding-bottom: 3px; }

.top-nav ul li.current-menu-item a { border-bottom: solid 3px #ee028b; padding-bottom: 3px; }

.last-nav { background-color: #ee028b; background: linear-gradient(90deg, #ee028b 0%, #ee028b 100%); display: inline-block; width: 130px; height: 40px; text-align: center; margin: 0 auto; border-radius: 50px; padding-bottom: 10px; line-height: 2.8; font-weight: 700; color: #fff; margin-top: 20px; font-size: 14px; margin-left: 10px !important; float: right; }

.last-nav:hover { background: linear-gradient(90deg, #3D38B7 0%, #292759 100%); color: #fff !important; }

/*************Mobile Nav*****************************/

/*#mobile-nav {
	display: none;
	padding: 0px;
}
#mobilemenu {
	height: 0;
	-webkit-transition: height 0.15s ease-out;
	-moz-transition: height 0.15s ease-out;
	-ms-transition: height 0.15s ease-out;
	-o-transition: height 0.15s ease-out;
	transition: height 0.15s ease-out;
	visibility: hidden;
}
#mobilemenu.active {
	height: auto;
	visibility: visible;
	-webkit-transition: height 0.25s ease-in;
	-moz-transition: height 0.25s ease-in;
	-ms-transition: height 0.25s ease-in;
	-o-transition: height 0.25s ease-in;
	transition: height 0.25s ease-in;
}
#mobilemenu, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#mobilemenu li {
	display: block;
	border-top: solid 1px #fff;
}
#mobilemenu li a {
	color: #868686 !important;
	font-size: 12px;
	padding: 10px 20px;
	display: block;
	font-family: 'Montserrat', sans-serif;
}
#mobilemenu > li > a:hover, #mobilemenu > li.current-menu-item > a {
	color: #868686;
}
#mobilemenu li li a {
	padding: 10px 40px;
}
.btn-mobile-menu {
	display: none;
	width: 100%;
	padding: 10px 20px;
	color: #fff !important;
	font-size: 16px;
	cursor: pointer;
	background: #c1c5b9;
}
.btn-mobile-menu span {
	float: right;
	width: 30px;
}
.btn-mobile-menu span i {
	display: block;
	height: 1px;
	background: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
}*/

.navbar-content-mobile { position: fixed; display: block; overflow: hidden; background-color: rgba(250,219,94,1); width: 100%; height: 100%; opacity: .99; z-index: 99999999 !important; color: #333; -webkit-overflow-scrolling: touch; -webkit-transition: right 0.2s; -moz-transition: right 0.2s; -ms-transition: right 0.2s; transition: right 0.2s; right: -100%; }

.navbar-mobile-close-link { padding: 22px 30px; outline: 0; font-size: 50px!important; background: none; border: none; cursor: pointer; color: #333; }

.navbar-content-mobile ul { position: relative; top: 50px; background-color: rgba(250,219,94,0.9); margin: 0; width: 100%; top: 0px; }

div.mobile-nav { height: 90%; overflow: scroll; }

.navbar-content-mobile ul li.active>a { color: #fff!important; background-color: #fff!important }

.nuspine-navbar-content-mobile ul li { background-color: rgba(250,219,94,0.9); width: 100% }

.navbar-content-mobile ul li a { font-size: 16px; font-weight: 700; padding: 10px 10px 10px 20px; width: 100%; display: block; color: #333; }

.navbar-content-mobile ul li:last-child { border: solid 1px #000; padding: 10px; text-align: center; margin-left: 10px; margin-right: 10px; border-radius: 50px; }

.navbar-content-mobile ul li a:active,
.navbar-content-mobile ul li a:focus,
.-navbar-content-mobile ul li a:visited { background-color: rgba(250,219,94,0.9); outline: 0 }

.navbar-content-mobile ul li a:hover { background-color: rgba(250,219,94,0.9); outline: 0; text-decoration: none; color: #ee028b !important; }

.mob-nav-active .navbar-content-mobile { right: 0; }

/**********************************************************************************/

.hbanner { background-size: cover; /*-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);*/
margin: 0 auto; position: relative; z-index: 1 !important; }

.banner img { width: 100%; height: auto; display: block; background-size: cover; }

/*.banner img { box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);}*/
/******************************************************************/

.nav-sec-wrapper { overflow: inherit !important; z-index: 999 !important; }

.nav-sec { max-width: 100%; margin: 0 auto; background-size: cover; border-top: solid 1px #D8D8D8; border-bottom: solid 1px #D8D8D8; min-height: 66px; padding-left: 50px; padding-right: 50px; margin-bottom: 35px; }

.nav-sec ul { margin: 0px; padding: 0px; }

.nav-sec ul li { list-style: none; display: inline-block; width: 24%; text-align: center; box-sizing: border-box; border-left: solid 1px #ee028b; height: 50px; margin-top: 7px; margin-bottom: 3px; }

.nav-sec ul li:last-child { border-right: solid 1px #ee028b; }

.nav-sec ul li a { color: #1F1B47; font-size: 17px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-decoration: none; line-height: 3.2; width: 100%; height: 65px; display: block; position: relative; }

.nav-sec ul li a:hover { color: #1F1B47 !important; }

.nav-sec ul li a:hover:before { background: url(images/hover.png) top center no-repeat; position: absolute; content: ""; top: -29px; height: 22px; width: 100%; left: 0px; right: 0px; color: #1F1B47 !important; }

.nav-sec ul li.selected a:hover:before { background: url(images/hover.png) top center no-repeat; position: absolute; content: ""; top: -29px; height: 22px; width: 100%; color: #1F1B47 !important; }

/**********************************************************************************/

.bottom { background: #f4f4f4; padding-bottom: 15px; padding-top: 15px; }

.bottom .fa { font-size: 55px; }

.bottom a { color: #1F1B47 !important; text-decoration: none !important; }

.bottom a:hover { color: #ee028b !important; text-decoration: none !important; }

.bottom h4 { padding-top: 20px; padding-bottom: 6px; color: #ee028b; font-size: 18px; }

.bottom h4 a { color: #1F1B47 !important; text-decoration: none !important; }

.bottom h4 a:hover { color: #ee028b !important; text-decoration: none !important; }

.yellow-divider { height: 1px; width: 100%; background: #ee028b; }

.h-form { width: 100%; }

.h-form label { color: #ee028b; }

.blog-bottom { background: #f4f4f4; padding-bottom: 15px; padding-top: 50px; }

.blog-bottom a { color: #1F1B47 !important; text-decoration: none !important; }

.blog-bottom a:hover { color: #ee028b !important; text-decoration: none !important; }

.blog-bottom .fa { font-size: 55px; }

.blog-bottom h4 { padding-top: 20px; padding-bottom: 6px; color: #ee028b; font-size: 18px; }

.blog-bottom h4 a { color: #1F1B47 !important; text-decoration: none !important; }

.blog-bottom h4 a:hover { color: #ee028b !important; text-decoration: none !important; }

.txt-box1 { width: 100%; height: 38px; margin-bottom: 12px !important; padding-left: 6px; padding-right: 6px; border: solid 1px #D8D8D8; }

.txtarea1 { width: 100%; min-height: 266px; padding: 6px; border: solid 1px #D8D8D8; }

.send-btn1 { background: linear-gradient(90deg, #ee028b 0%, #ee028b 100%); width: 130px; height: 36px; text-align: center; border-radius: 50px; line-height: 2.0; color: #fff; margin-top: 10px; font-size: 17px; border: none; }

.send-btn1:hover { background: linear-gradient(90deg, #3D38B7 0%, #292759 100%); }

.bottom-nav { text-align: left; }

.bottom-nav h4 { margin-top: 0px; margin-bottom: 20px; }

.bottom-nav ul { margin: 0px; padding: 0px; }

.bottom-nav ul li { list-style: none; line-height: 1.7; }

.bottom-nav ul li a { color: #404040; font-size: 14px; text-decoration: none; }

.footer { background: #f4f4f4; padding-bottom: 20px; padding-top: 20px; }

.footer h4 { color: #ee028b; font-size: 18px; }

.copyright { margin-top: 20px !important; }

.copyright a { color: #48FFC9; text-decoration: none; }

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

.copyright p { margin-bottom: 0px; }

/****************************************************************************/

.wy-box-wrapper > .vc_column-inner > .wpb_wrapper { position: relative; }

.yw-box-wrapper > .vc_column-inner > .wpb_wrapper { position: relative; }

.white-box { width: 80%; border: solid 1px #f4f4f4; /*box-shadow: 0px 0px 15px 2px #f4f4f4;*/
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15); padding: 10px 30px 20px 30px; position: relative; }

.white-box h2 { margin-top: 20px !important; }
.yellow-box h2 {color:#fff !important;}
.yellow-box { box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15); padding: 25px 25px 20px 25px; background: linear-gradient(139.29deg, #ee028b 0%, #ee028b 100%); max-width: 320px; position: absolute; right: 0px; top: 140px; float: right; color: #fff; }

.yellow-box ul { margin: 0px; padding: 0px; }

.yellow-box ul li { list-style: none; padding-left: 35px; margin-bottom: 18px !important; position: relative; color:#fff; }

.yellow-box ul li a { color: #fff !important; text-decoration: none; font-size: 14px; }

.yellow-box ul li:before { content: "\f144"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */ color: #fff; position: absolute; font-size: 30px; left: 0px; top: 3px; }

.heading-1 { font-size: 40px; font-weight: bold; font-family: 'Montserrat', sans-serif; }

.team-box { position: relative; }

.team-box .team-info * { display: block; }

.team-box .wpb_single_image { margin-bottom: 0px; }

.team-box .vc_figure,
.team-box .vc_figure * { display: block; width: 100%; height: 100%; }

.team-box .vc_figure br { display: none; }

.team-box .wpb_single_image p { margin: 0 !important; padding: 0 !important; }

.team-info { position: absolute; background: rgba(42, 40, 84, 0.7); z-index: 9999; color: #fff; width: 100%; height: 100%; top: 0px; padding-top: 0px; display: none; font-size: 12px; }

.team-info a { display: block; top: 0px; width: 100%; position: absolute; text-align: center; height: 100%; padding-top: 30px; color: #fff !important;}

.team-info strong { font-size: 14px; font-weight: bold; }

.team-box:hover .team-info { display: block; }

.team-info p:empty { display: none; }

.team-box > .vc_column-inner > .wpb_wrapper { position: relative; overflow: hidden; margin-bottom: 35px; }

.banner-nav { width: 100%; position: relative; z-index: 9999; padding-top: 0px; }

.white-box2 { /*box-shadow: 0px 0px 15px 0px #e1e1e1;*/
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15); padding: 10px 25px 20px 25px; width: 320px; position: absolute; right: 0px; top: 140px; float: right; background: #fff; }

.white-box2 h2 { margin-top: 20px !important; }

.white-box2 ul { margin: 0px; padding: 0px; padding-top: 20px; }

.white-box2 ul li { list-style: none; padding-right: 25px; margin-bottom: 18px !important; position: relative; }

.white-box2 ul li a { color: #393939; text-decoration: none; font-size: 18px; }

.white-box2 ul li:before { content: "\f04b"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */ color: #ee028b; position: absolute; font-size: 18px; right: 0px; top: 3px; }

.yellow-box2 { width: 80%; box-shadow: 0px 0px 5px 2px #f4f4f4; padding: 10px 30px 20px 30px; position: relative; background: #ee028b; /*background-image:linear-gradient( to left, #ee028b, #ee028b );*/
background: linear-gradient(135deg, #ee028b 0%, #ee028b 100%); color: #fff; font-size: 14px; }

.yellow-box2 h2 { margin-top: 20px !important; }
.yellow-box2 h1, .yellow-box2 p, .yellow-box2 a:hover { color:#fff !important;}
.padding-fright { padding-right: 150px; }

h2.banner-heading { font-size: 36px !important; font-weight: bold; color: #ee028b !important; }

a.about-btn { width: 115px; height: 35px; border-radius: 50px; text-align: center; line-height: 2.5; color: #fff; font-size: 14px; background-image: linear-gradient( to left, #2a285e, #3d38b5 ); display: block; }

a.about-btn:hover { text-decoration: none; }

a.blue-btn { width: 115px; height: 35px; border-radius: 50px; text-align: center; line-height: 2.5; color: #fff; font-size: 14px; /*background-image:linear-gradient( to left, #2a285e, #3d38b5 );*/
background: linear-gradient(90deg, #3D38B7 0%, #292759 100%); display: block; }

a.blue-btn:hover { color: #ee028b; text-decoration: none; }

a.learnmore-btn { width: 145px; height: 40px; border-radius: 50px; text-align: center; line-height: 2.2; color: #292759; font-size: 16px; font-weight: bold; background: #fff; border: solid 2px #ee028b; display: inline-block; margin: 0 auto; margin-top: 20px; text-decoration: none; }

.learnmore-btn a:hover { color: #292759; text-decoration: none; }

.office-area h4 { margin-bottom: 0px; margin-top: 0px; }

.office-area p { margin-top: 0px !important; }

.office-area .yellow { color: #ee028b; }

.service-box { background: #fff; border-radius: 5px; box-shadow: 0px 0px 18px 2px #e7e7e7; padding: 30px 20px 20px 20px; }

.service-box h3 { margin-top: 10px !important; }

.service-box p { margin-top: 10px !important; margin-bottom: 10px !important; }

.service-box .learnmore-btn { margin-top: 10px !important; color: #1F1B47 !important; }

.service-box:hover { background-image: linear-gradient( to bottom, #534f92, #292759 ); color: #fff !important; }

.service-box:hover h3 { color: #fff !important; margin-top: 10px !important; }

.service-box:hover .learnmore-btn { background-image: linear-gradient( to left, #ee028b, #ee028b ); }

.service-box:hover a.learnmore-btn { color: #fff !important; }

.expert-box { background: #fff; border-radius: 5px; box-shadow: 0px 0px 18px 2px #e7e7e7; padding: 30px 20px 30px 20px; }

.expert-box h3 { margin-top: 15px !important; font-size: 20px !important; margin-bottom: 5px !important; }

.expert-box p { display: none; }

.yellow { color: #ee028b; }

/******************************************Blog Css**************************************************************/

.post-row { background: #f5f5f5 !important; display: table; width: 100%; margin-bottom: 20px; }

.post-row .blog-item-thumb a { position: relative; display: block; }

.post-row .blog-item-thumb img { display: block; }

.post-row .blog-item-thumb a:hover:before { background: rgba(252,162,0,0.5); width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; content: ""; }

.blog-item-details { padding-top: 25px !important; padding-bottom: 25px !important; padding-right: 25px !important; }

.blog-item-thumb { padding-left: 0px !important; }

.blog-item-title a { color: #1F1B47 !important; font-size: 20px !important; font-weight: bold !important; }

.post-row .blog-item-title a:hover { color: #ee028b !important; }

.post-row .post-read-more a:hover { color: #1F1B47 !important; }

.post-read-more a { color: #ee028b !important; text-decoration: none; }

.post-read-more a:hover { color: #1F1B47 !important; }

.blog-item-title2 a { color: #1F1B47 !important; font-size: 30px !important; font-weight: bold !important; line-height: 1.6; }

.blog-item-date { color: #ee028b !important; font-size: 14px !important; font-weight: bold !important; }

.single-post { text-align: left; }

.artical-area { box-shadow: 0px 0px 15px 0px #e1e1e1; padding: 25px 50px 25px 50px !important; margin-top: 30px; }

.artical-area ul { margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px; }

.artical-area ul li { list-style: disc; margin-bottom: 15px; }

.artical-area2 { box-shadow: 0px 0px 15px 0px #e1e1e1; padding: 0px 25px 15px 25px !important; margin-top: 30px; margin-bottom: 50px; }

.nav-sec p { display: none; }

.fa-circle { margin-right: 12px !important; color: #ee028b !important; }

.style-list ul { margin: 0px; padding: 0px; padding-left: 15px; padding-right: 15px; }

.style-list ul li { list-style: disc; margin-bottom: 15px; }

.style-list ol { margin: 0px !important; padding: 0px !important; padding-left: 15px !important; padding-right: 20px !important; }

.style-list ol li { list-style: decimal !important; margin-bottom: 15px !important; }

.ksa-login-wrapper { max-width: 500px; margin: 0 auto 20px; }

.user-error { padding: 10px; }

.login-form { margin: 0 auto; border: solid 1px #ccc; box-shadow: 0px 0px 15px 5px #d1d1d1; padding: 50px; border-radius: 10px; }

legend { padding-bottom: 10px !important; font-size: 20px !important; }

/*#wpmem_login { width:50% !important; margin:0 auto !important; box-shadow:0px 0px 15px 5px #d1d1d1; padding:50px; border-radius:10px;}
*/

#wpmem_reg .div_text { border: none !important; border-bottom: solid 1px #ee028b !important; width: 100% !important; }

#wpmem_reg .div_text input,
.login-field { border: none !important; border-bottom: solid 1px #ee028b !important; }

#wpmem_reg input[type="text"],
#wpmem_login input[type="password"],
.login-field { background: #fff !important; width: 100% !important; }

.req-text { display: inline-block !important; float: left !important; margin-top: 8px !important; }

.button_div { display: inline-block !important; text-align: left !important; float: left !important; }

.button_div .buttons,
#lost-submit { height: 40px; border-radius: 50px; text-align: center; line-height: 2.0; color: #fff; font-size: 14px; background-image: linear-gradient( to left, #2a285e, #3d38b5 ) !important; padding-left: 25px; padding-right: 25px; border: none; }

#lost-submit { display: inline-block; }

#wpmem_login p { font-size: 14px !important; text-align: left !important; }

#wpmem_login .div_text { width: 100% !important; text-align: left !important; }

#wpmem_login .div_text input { border: none !important; border-bottom: solid 1px #ee028b; }

#wpmem_login input[type="text"],
#wpmem_login input[type="password"] { background: #fff; width: 100% !important; border-bottom: solid 1px #ee028b !important; }

#wpmem_login .buttons { height: 35px; border-radius: 50px; text-align: center; line-height: 2.5; color: #fff; font-size: 14px; background-image: linear-gradient( to left, #2a285e, #3d38b5 ) !important; padding-left: 25px; padding-right: 25px; border: none; display: inline-block; }

#wpmem_login .link-text { width: 100%; text-align: left !important; display: inline-block; }

.client-portal { margin: 0 auto; }

.client-portal ul { margin: 0px; padding: 0px; }

.client-portal ul li { list-style: none; display: inline-block; margin-right: 10px; }

.client-portal ul li a { text-decoration: none; height: 45px; border-radius: 50px; text-align: center; line-height: 3.2; font-weight: bold; color: #fff; font-size: 14px; display: block; background-image: linear-gradient( to left, #ee028b, #ee028b ); padding-left: 25px; padding-right: 25px; border: solid 1px #ee028b; }

.client-portal ul li a:hover { color: #fff !important; text-decoration: none !important; }

.nvbar-toggle { display: none; z-index: 9999; top: 22px; }

.client-portal { display: none !important; }

.signup-wrapper { width: 100%; background: linear-gradient(180deg, #534F92 0%, #292759 100%); text-align: center; border-radius: 9px; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.22); max-width: 960px; margin: 50px auto; padding: 20px; }

.signup-wrapper .sign-up-title { color: #fff !important; font-size: 34px; }
.signup-wrapper a { color: #fff;}
.signup-info { color: #fff; margin-top: 0px !important; }

.signup-wrapper input[type="submit"] { display: none; }

.signup-wrapper input[type="email"] { width: 100%; padding: 6px; }

.client-portal-content { max-width: 780px; border-radius: 9px; background: linear-gradient(180deg, #534F92 0%, #292759 100%); box-shadow: 0 2px 10px 0 rgba(0,0,0,0.22); margin: 0 auto 50px; padding: 20px; color: #fff; }

/*********************************Royal slider css*****************************************************/


.rsThumbs { background: none !important; color: #333 !important; border-bottom: solid 1px #ccc !important; top: -22px; }

.rsUni .rsThumb.rsNavSelected { background: none !important; color: #333; }

.rsHomeTempl { background: #fff !important; }

.rsOverflow { border-bottom: solid 1px #ccc !important; }

.rsUni.rsWithThumbsHor .rsThumbsContainer { max-width: 1170px !important; width: 100% !important; margin: 0 auto !important; transform: translate3d(0px, 0px, 0px) !important; }

.new-royalslider-1 .rsThumbsHor,
.new-royalslider-1 .rsThumb { height: 70px !important; }

.new-royalslider-1 .rsThumb { width: 25% !important; position: relative; padding-top: 23px; }

.rsHomeTempl .rsThumb:first-child .rsTmb { border-left: solid 1px #ccc !important; }

.rsHomeTempl .rsTmb { margin-top: 0px !important; border-right: solid 1px #ccc !important; padding-top: 14px; padding-bottom: 12px; }

.new-royalslider-1 .rsThumb:hover:before,
.new-royalslider-1 .rsThumb.rsNavSelected:before { background: url(/wp-content/uploads/2025/01/img-arrow-home.png) top center no-repeat; position: absolute; content: ""; top: 0px; left: 0px; right: 0px; width: 100%; height: 23px; }

.breadcrumbs { margin-top: 0px !important; margin-bottom: 30px !important; }

ul.breadcrumbs { margin: 0px; padding: 0px; }

ul.breadcrumbs li { display: inline; margin-right: 10px; font-weight: bold; color: #ee028b !important; text-transform: capitalize; }

ul.breadcrumbs li a { color: #1F1B47 !important; text-decoration: none; text-transform: capitalize; }

ul.breadcrumbs li a:after { font-family: FontAwesome; content: "\f054"; display: inline-block; padding-left: 10px; vertical-align: middle; font-size: 11px; font-weight: normal; }

.breadcrumb-area { margin-top: 40px !important; margin-bottom: 0px !important; }

.page-id-13 .breadcrumb-area { display: none; }

.page-id-13 .breadcrumbs { display: none; }

.page-id-13 h2.heading-1 { display: none; }

.page-id-219 h2.heading-1 { display: none; }

.page-id-396 h2.heading-1 { display: none; }

.page-id-406 h2.heading-1 { display: none; }

.page-id-408 h2.heading-1 { display: none; }

.page-id-410 h2.heading-1 { display: none; }

.page-id-412 h2.heading-1 { display: none; }

.page-id-416 h2.heading-1 { display: none; }

.page-id-424 h2.heading-1 { display: none; }

.page-id-428 h2.heading-1 { display: none; }

.page-id-431 h2.heading-1 { display: none; }

.page-id-434 h2.heading-1 { display: none; }

.page-id-437 h2.heading-1 { display: none; }

/*.page-id-5 h2.heading-1 { display:none;}*/

.page-id-319 .breadcrumb-area { display: none; }

.page-id-320 .breadcrumb-area { display: none; }

.vc_col-xs-4 .block-call-us a { color: #1F1B47 !important; text-decoration: none; }

.vc_col-xs-4 .block-call-us a:hover { color: #1F1B47 !important; text-decoration: none; }

.header .col-sm-10 { text-align: right !important; }
/*****************************************Mobile Css****************************************************/
@media (max-width: 1199px) {

.top-nav { padding-left: 0px !important; }

.top-nav ul li { padding-left: 5px; padding-right: 6px; }
}
@media (max-width: 1024px) {

.top-nav { padding-left: 20px !important; }

.top-nav ul li { padding-left: 5px; padding-right: 5px; }

.last-nav { margin-left: 0px !important; }
}
@media (max-width: 996px) {

.top-nav { display: none; float: none; }
.header .col-sm-9 { display: none; }
	.header .col-sm-3 { width:80vw !important; }
.nvbar-toggle { display: block; width: 40px; position: absolute; right: 15px; top: 50%; margin-top:-22px; background: none; border: none; padding: 0px; cursor: pointer; }
.icon-bar { display: block; height: 4px; width: 100%; margin: 8px 0px; background: #000; }
.container {position:relative;}
}
@media (max-width: 768px) {
}
@media (max-width: 767px) {

.top-nav { display: none; float: none; }

.header .col-sm-9 { display: none; }

/*#mobile-nav {
	display: block;
	clear: both;
	position: absolute;
	right: 0px;
	z-index: 9999;
	width: 100%;
	top: 140px;
}

.btn-mobile-menu {
	display: block;
}*/


.white-box2 { padding: 10px 25px 20px 25px; width: 100%; top: 140px; position: inherit; float: left; margin-bottom: 100px !important; }

.padding-fright { padding-right: 0px; }

.nav-sec { display: none; }

.white-box { width: 100%; }

.yellow-box { position: inherit; max-width: 100%; float: none; margin-bottom: 215px !important; }

.yellow-box2 { width: 100% !important; }

.nvbar-toggle { display: block; width: 40px; position: absolute; right: 15px;  top: 50%; margin-top:-22px; background: none; border: none; padding: 0px; cursor: pointer; }

.icon-bar { display: block; height: 4px; width: 100%; margin: 8px 0px; background: #000; }

.mobile-nav ul li.client-portal { display: block !important; }

.top-head-left { width: 100%; text-align: center; }

.top-head-right { width: 100%; text-align: center; }

.top-contact-info { text-align: center; margin-top: 10px; }

.last-nav { display: none; }

.h-banner { display: none !important; }
}
@media (max-width: 640px) {

.top-head-left { width: 100%; text-align: center; }

.top-head-right { width: 100%; text-align: center; }

.top-contact-info { text-align: center; margin-top: 10px; }

.bottom-nav { margin-bottom: 10px; }

#nav_menu-2 { margin-top: 15px; }
}
 @media (max-width: 414px) {

.vc_col-xs-4 block-call-us { width: 100% !important; }

.vc_col-xs-4 block-email { width: 100% !important; }

.vc_col-xs-4 block-visit { width: 100% !important; }

.last-nav { display: none; }

.white-box h2 { font-size: 25px !important; }

.about-img-in,
.wpb_single_image .vc_figure { width: 100% !important; }

.about-img-in,
.wpb_single_image .vc_single_image-wrapper { width: 100% !important; }

.about-img-in,
.wpb_single_image img { text-align: left !important; width: 100% !important; height: 100% !important; }

.team-info a { font-size: 16px; padding-top: 100px; }

.team-info strong { font-size: 20px !important; font-weight: bold !important; margin-bottom: 5px !important; }
}
@media (max-width: 380px) {

.top-contact-info { text-align: center; }

.top-contact-info span { display: block; width: 100%; margin-bottom: 8px; margin-top: 8px; }

.top-contact-info span .fa-envelope { margin-left: 0px; }

.top-nav { padding-left: 0px; text-align: left; }

.top-nav .last-nav { text-align: centr; margin: 0px; margin-top: 10px; }

#logo { text-align: center; }

.social-ico-top { text-align: center; }
}
@media (max-width: 360px) {
}
@media (max-width: 320px) {
}

.pagination { text-align:center; width:100%; }
.pagination a, .pagination span.current { display:inline-block; padding:5px 10px; background:#ccc; margin-left:2px; margin-right:2px; color:#000; }
.pagination a:hover { color:#000; }
 .pagination span.current { background:#ee028b; color:#fff; }

.post-password-form:after {content:"If you do not have a password contact us for access"; display:block; margin-top:10px; color:red; }