/** Variables Start **/
:root {
	--primary-color: #333333; 
  	--d-link-color: #42a7f5;
  	--d-link-hover-color: #ffffff;
	--site-selection-text-color:#fff;
  	--site-selection-bg-color:#42a7f5;
	
  	--text-white: #FFFFFF;
  	--text-black: #000000;
	--sc-1: #42a7f5;
	--sc-2: #ffffff;
	--gray-color: #f3f3f3;

	--sf-r: 'averta-regular';
	--sf-b: 'averta-bold';
	--sf-pm: 'playfairdisplay-medium';
	--sf-pr: 'playfairdisplay-regular';
	--sf-rb: 'roboto-bold';
	--sf-rr: 'roboto-regular';
	--sf-sb: 'averta-semibold';
}

/** Text Color Class **/
.primary-color{color: var(--primary-color);}
.text-white{color: var(--text-white);} 
.text-black{color: var(--text-black);}
.tc-1{color: var(--sc-1);}
.tc-2{color: var(--sc-2);}

/** Background Color Class **/
.bgc-white{background-color: var(--text-white);}
.bgc-black{background-color: var(--text-black);}
.bgc-gray{background-color: var(--gray-color);}
.bgc-1{background-color: var(--sc-1);}
.bgc-2{background-color: var(--sc-2);}

/** Fonts Class **/
.sf-r{font-family: var(--sf-r);}
.sf-b{font-family: var(--sf-b);}
.sf-pm{font-family: var(--sf-pm);}
.sf-pr{font-family: var(--sf-pr);}
.sf-rb{font-family: var(--sf-rb);}
.sf-rr{font-family: var(--sf-rr);}
.sf-sb{font-family: var(--sf-sb);}

/** Font Weight Class **/
.light{font-weight:300;} 
.regular{font-weight:400;}
.medium{font-weight:500;}
.semibold{font-weight:600;}
.bold{font-weight:700;}
.extrabold{font-weight:800;}
.black{font-weight:900;}

/** Font Size Class **/
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-22{font-size: 22px;}
.fs-23{font-size: 23px;}
.fs-24{font-size: 24px;}
.fs-25{font-size: 25px;}
.fs-26{font-size: 26px;}
.fs-27{font-size: 27px;}
.fs-28{font-size: 28px;}
.fs-29{font-size: 29px;}
.fs-30{font-size: 30px;}

/** Letter Spacing Class **/
.ls-05{letter-spacing: 0.5px;}
.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}
.ls-3{letter-spacing: 3px;}
.ls-4{letter-spacing: 4px;}
.ls-5{letter-spacing: 5px;}

/** Line Height Class **/
.lh-1{line-height: 1;}
.lh-2{line-height: 1.2;}
.lh-3{line-height: 1.3;}
.lh-4{line-height: 1.4;}
.lh-5{line-height: 1.5;}
.lh-6{line-height: 1.6;}
.lh-7{line-height: 1.7;}
.lh-8{line-height: 1.8;}
.lh-9{line-height: 1.9;}
.lh-10{line-height: 2;}

body {
	background: #fff;
	font-family: var(--sf-r);
	color: var(--primary-color);
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
}
a{text-decoration: none !important;transition: all 0.3s ease-in-out;color: var(--sc-1);}
a:hover{color: var(--sc-2);}

::selection {color: var(--site-selection-text-color);background-color: var(--site-selection-bg-color);}
::-moz-selection {color:var(--site-selection-text-color);background-color: var(--site-selection-bg-color);}
::-webkit-selection {color:var(--site-selection-text-color);background-color: var(--site-selection-bg-color);}

h1,h2,h3,h4,h5,h6{font-family: var(--sf-b);}

h1{font-size: 50px;}
h2{font-size: 45px;}
h3{font-size: 35px;}
h4{font-size: 30px;}
h5{font-size: 25px;line-height: 1.3;}
h6{font-size: 20px;line-height: 1.3;}

ol {list-style: decimal;margin-left: 30px;}
ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
sub {vertical-align: sub !important;}
sup {vertical-align: sup !important;}
img {border: 0px;max-width: 100%;height: auto;}
* :focus {outline: none;}

img{
	border: 0px;
    max-width: 100%;
    height: auto;
}
.FParagraph p{margin-bottom: 15px;}
.FParagraph1 p{margin-bottom: 20px;}
.FParagraph p:last-child,p:last-child,.FParagraph1 p:last-child{margin-bottom: 0;}

ul {list-style-type: none;margin: 0px;padding: 0px;}
ul li {
	background-image: url(../images/bullet-1.png);
	background-position:3px 9px;/*R T*/
	background-repeat: no-repeat;
	margin: 0px;
	padding: 1px 0px;
	padding-left: 20px;
}
.NoBullet li {
	background-image: none;
	background-position: 0px;/*R T*/
	background-repeat: no-repeat;
	margin: 0px; /*T R B L*/
	padding: 0px;/*T R B L*/
}
/*---9 .EditorText default UL-OL css---*/
.EditorText ul {
  display: flow-root;
}
.EditorText h1,.EditorText h2,.EditorText h3,.EditorText h4,.EditorText h5,.EditorText h6{
	margin-bottom: 10px;
}
.EditorText ul + h1,.EditorText ul + h2,.EditorText ul + h3,.EditorText ul + h4,.EditorText ul + h5,.EditorText ul + h6,
.EditorText ul + p{
	margin-top: 20px;
}
.EditorText ul li {
	background-image: url(../images/bullet-1.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 20px;/*T R B L*/
	border: 0px solid;
	display: block;
	text-align: left;
}
.EditorText ol li {
	display: list-item;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	text-align: left;
	background-repeat: no-repeat;
	background-image: none !important;
	cursor: text;
	width: auto !important;
	list-style: decimal;	
	border: 0px;	
	text-align: left;
}
.EditorText hr {margin: 0px;border-bottom: 1px solid #999;height: 1px;width: 100%;}
.EditorText table {
  max-width: 500px !important;
  width: 100% !important;
  border-collapse: collapse !important;
}
.EditorText table tr td {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 5px 15px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}
.EditorText sup {vertical-align: super;font-size: smaller;}
.EditorText sub {vertical-align: sub;font-size: smaller;}
.EditorText blockquote {padding-left: 20px;}

/*--- social icons Start---*/
ul.SocialIcons{
	list-style: none;
}
.FSocialIcon {margin:0 auto;text-align:center;}
.SocialIcons li{
	background-image:none;
	padding:0px;
	margin:0px 0px;
	display:inline-block;
	vertical-align:top;
}
.SocialIcons .fa-stack {width:40px;height:40px;line-height:40px;}
.SocialIcons .fa-stack-2x {top:0px;font-size:40px;}
.SocialIcons .fa-lg {font-size:20px;line-height:40px;}
.SocialIcons a{color:var(--sc-2);transition:all 0.3s ease-in-out;}
.SocialIcons a:hover{color:var(--sc-1);}
.SocialIcons a .fa-inverse{color:#fff;transition:all 0.3s ease-in-out;}
.SocialIcons a:hover .fa-inverse{color:#fff;}
/*--- social icons End ---*/

/** Create New Page and Error Page CSS Start **/
.create-a-new-page-wrapper .row > .col{
	padding: 0;
}
.create-a-new-page-wrapper .row > .col h2.title{
	color: var(--sc-1);
	font-size: 40px;
	font-family: var(--sf-pr);
}
/** Create New Page and Error Page CSS End **/