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

DATE CREATED	:	15-02-2019
DATE-EDITED		:	28-1-2020
					09-1-2023
					
VERSION			:	14.0	

CHANGE			:	image watermark black & white round
					add tab hover active & color change
					line -weight style-double
					font added
					table changes
					pending comment
					circle-1, circle-2
					superscript
					margin & padding small height & width
					margin pad bug fix after top.left,right 6-10
					rounded border r-1 to r-5
					border color added white
					tooltip
					new font added
					margin pad small
					watermark 1,2,..10
					Tab button
					center circle and navbar
					CIRCLE MOVED IN NEW CSS SHAPES AND RENAMED TO ROUND
					non bold class added
					st-logo, sd-logo class name renamed to st-color
					background hover
					anchor link hover
					hove color added
					tick bullet added in ul tag
					Flexslider hide removed
					Offer text color and background
					removed 80% height and width of vide-container
					Flexboxslider property seperated for border and shadow
					
BASE (MOBILE) SIZE
==================
**************************************************************/



 

/*VARIABLE DEFINITION START
=========================*/


:root {


	--main-topnav-bgcolor:rgba(51,51,51,.9);
	
	--main-trans-bgcolor:transparent;
	
	--main-default-color:rgb(0,0,0); 
	--main-graydarkest-color:rgb(26, 26, 26);
	--main-graydarker-color:rgb(51, 51, 51);
	--main-graydark-color:rgb(102, 102, 102);
	--main-graylight-color:rgb(153, 153, 153);
	--main-graylighter-color:rgb(204, 204, 204);  
	--main-graylightest-color:rgb(242, 242, 242); 

	
	/*margin padding height*/
	 --height-s1:0.1em;
	 --height-s2:0.2em;
	 --height-s3:0.3em;
	 --height-s4:0.4em;
	 --height-s5:0.5em;
	 --height-s6:0.6em;
	 --height-s7:0.7em;
	 --height-s8:0.8em;
	 --height-s9:0.9em;		  
	 --height-s10:1em;
	 --height-s11:1.1em;
	 --height-s12:1.2em;
	 --height-s13:1.3em;
	 --height-s14:1.4em;
	 --height-s15:1.5em;
	 --height-s16:1.6em;
	 --height-s17:1.7em;
	 --height-s18:1.8em;
	 --height-s19:1.9em;
	 --height-s20:2em;
	
	 --height0:0em;	
	 --height1:1em;
	 --height2:2em;
	 --height3:3em;
	 --height4:4em;
	 --height5:5em;
	 --height6:6em;
	 --height7:7em;
	 --height8:8em;
	 --height9:9em;		  
	 --height10:10em;
	 --height11:11em;
	 --height12:12em;
	 --height13:13em;
	 --height14:14em;
	 --height15:15em;
	 --height16:16em;
	 --height17:17em;
	 --height18:18em;
	 --height19:19em; 	 
	 --height20:20em;
	 --height30:30em;
	 --height40:40em;
	 --height50:50em;
	 --height60:60em;
	 --height70:70em;
	 --height80:80em;
	 
	 
	
	/*margin padding width*/
	
	 --width-s1:0.1em;
	 --width-s2:0.2em;
	 --width-s3:0.3em;
	 --width-s4:0.4em;
	 --width-s5:0.5em;
	 --width-s6:0.6em;
	 --width-s7:0.7em;
	 --width-s8:0.8em;
	 --width-s9:0.9em;		  
	 --width-s10:1em;
	 --width-s11:1.1em;
	 --width-s12:1.2em;
	 --width-s13:1.3em;
	 --width-s14:1.4em;
	 --width-s15:1.5em;
	 --width-s16:1.6em;
	 --width-s17:1.7em;
	 --width-s18:1.8em;
	 --width-s19:1.9em;
	 --width-s20:2em;
	
	
		
	
	 --width0:0em;
	 --width1:1em;
	 --width2:2em;
	 --width3:3em;
	 --width4:4em;
	 --width5:5em;
	 --width6:6em;
	 --width7:7em;
	 --width8:8em;
	 --width9:9em;
	 --width10:10em;
	 --width11:11em;
	 --width12:12em;
	 --width13:13em;
	 --width14:14em;
	 --width15:15em;
	 --width16:16em;
	 --width17:17em;
	 --width18:18em;
	 --width19:19em;
	 --width20:20em;
	 --width30:30em;
	 --width40:40em;
	 --width50:50em;
	 --width60:60em;
	 --width70:70em;
	 --width80:80em;

}
	


	

/*VARIABLE DEFINITION END
=========================*/

html{
	
	 font-size: calc(1em + 2vw);
}

/*BOX SIZING START
=================*/
*{	box-sizing:border-box;
	-moz-box-sizing:border-box;}
	
/*BOX SIZING END
=================*/	



/*BODY
======*/
body{
	font-family:'Montserrat','Ubuntu', Arial, Helvetica, sans-serif;	
	font-size:0.5em;
	line-height:1.2em; 
	font-weight:normal;
	/* height:100%; */
}

/*H TAGS
========*/

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	font-family:'Montserrat','Ubuntu', Arial, Helvetica, sans-serif; 
	padding:0;
} 


/*LINKS START
==============*/
a,
a:visited,
a:active {color:var(--main-graydark-color);}
a:hover{color:var(--main-graydarkest-color);}
a:hover{ text-decoration:none;}
a:link {text-decoration: none;}


/*HEADER START
==============*/

header{ 
	padding:15px 0;
}



/*PARA START
============*/

p{ 
font-size:1em;
line-height:1.5em;
}

/*PARA END
===========*/
.non-bold{
	font-weight:normal;
}

/*TOOLTIP STYLE START
====================*/

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 10em;
  background-color: var(--main-graydark-color);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 2px 2px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  /* left: 50%; */
  margin-left: -58px;
  font-size:0.5em;
  line-height:1.5em;
}

 


 
 
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;

}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/*TOOLTIP STYLE END
===================*/



/*TABLE START
=============*/

 table 
 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    /* border: 0.01em solid var(--main-graylighter-color); */
 }


  
 table th, td {
	padding: 16px;			
	}
	
/*TABLE END
===========*/



/*ASIDE
=======*/

aside { 
	margin:40px 0;
}


/*HOME PAGE HERO START
=====================*/


#hhero
{
	color:#ffffff;
	background-color:var(--main-graydarkest-color);
	padding-top:var(--height8);
	padding-bottom:var(--height8);
}


#hhero h1
{ 
	color:#ffffff;
	font-family:Ramabhadra;
    font-size:5em;
	line-height:0.4em;
	margin-bottom:0;

	}
	
	
#hhero h2{ 

	color:var(--main-graylighter-color);
	font-size:1.2em;
	line-height:0.4em;
	margin-bottom:0;
	margin-top:1.5em;	
	}

	
	

/*HOME PAGE HERO END
====================*/






/*HERO AREA START
=================*/
	
#hero
{
	height:auto;
}

#hero,
#page-header{
	color:var(--main-txt-color);
	/* padding:0 0;	 */
}

#hero h1{ 
	color:var(--main-txt-color);
	line-height:1.2em;
	margin-top:0;
	margin-bottom:0;
	}

		
	
/* .flexslider{
	display:none;
} */


/*FLEXSLIDER START
================*/

.flexslider{
display:block;
/*demo 1 slider theme*/	
margin: 0 0 60px; 
background: #fff; 
/* color:#000; */
/* border: 4px solid #fff; */ 
/* -webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
-o-border-radius: 4px;  */
/* border-radius: 4px; 
box-shadow: 0 1px 4px rgba(0,0,0,.2);  */
/* -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2); */
}


.flexslider.border
{
border: 4px solid #fff; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
--o-border-radius: 4px; 
 border-radius: 4px; 
}


.flexslider.shadow
{
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
--o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}



/*FLEXSLIDER END
================*/

/*HERO AREA END
================*/



/*FONT NAME
===========*/
.font
{
	font-family:'Montserrat', serif;
}


.font.f-1
{
	font-family:'Ubuntu', serif;
}

.font.f-2
{
	font-family:Arial; 
}

.font.f-3
{
	font-family:'Helvetica', serif; 
}

.font.f-4
{
	font-family: sans-serif;
}

.font.f-5
{
	font-family: 'Ramabhadra', serif;
}

.font.f-6
{
	font-family: 'Open Sans', serif;
}


.font.f-7
{
	font-family: 'Rosario', serif;
}


.font.f-8
{
	font-family: 'Lato', serif;
}

.font.f-9
{
	font-family: 'Merriweather', serif;
}


.font.f-10
{
	font-family: 'Amaranth', serif;
}


.font.f-11
{
	font-family: 'Engagement', serif;
}

.font.f-12
{
font-family: 'Farsan', cursive;
}
/*TEXT FONT SIZE START
====================*/


/*font size for numbers
======================*/
.n1{
	font-size:10em;
	line-height:1.5em;
}




/*font size for text
====================*/



.p1{ 
font-size:4em;
line-height:1.5em;
}

.p2{ 
font-size:2.5em;
line-height:1.5em;
}


.p3{ 
font-size:2em;
line-height:1.5em;
}

.p4{ 
font-size:1.5em;
line-height:1.5em;
}

.p5{ 
font-size:1em;
line-height:1.5em;

}

.p6{ 
font-size:0.8em;
line-height:1.5em;

}

.p7{ 
font-size:0.6em;
line-height:1.5em;

}

.p8{ 
font-size:0.5em;
line-height:1.5em;

}

.p9{ 
font-size:0.4em;
line-height:1.5em;

}
.p10{ 
font-size:0.3em;
line-height:1.5em;

}

.no-spacing
{
line-height:0em;	
}



/*PRODUCT LOGO FONT START
========================*/




.plogo a{ 
	font-family:'Montserrat','Ubuntu', Arial, Helvetica, sans-serif;	
	font-size:1.5em;
	line-height:1em; 
	font-weight:900;
	color:#000000;
}









/*PRODUCT END
=============*/



/*FONT, MARGIN, PADDING, ALIGNMENT, BORDER, RESPONSIVE FOR ELEMENTS START
========================================================================*/






/*MARGIN CLASS START
====================*/


/*MARGIN TOP CLASS START
========================*/
.margin
{
	margin:0;
}


.margin.top0{margin-top:var(--height0);}
.margin.top1{ margin-top:var(--height1);}
.margin.top2{ margin-top:var(--height2);}
.margin.top3{ margin-top:var(--height3);}
.margin.top4{ margin-top:var(--height4);}
.margin.top5{ margin-top:var(--height5);}
.margin.top6{ margin-top:var(--height6);}
.margin.top7{ margin-top:var(--height7);}
.margin.top8{ margin-top:var(--height8);}
.margin.top9{ margin-top:var(--height9);}
.margin.top10{ margin-top:var(--height10);} 

.m-top-s1{margin-top:var(--height-s1);}
.m-top-s2{margin-top:var(--height-s2);}
.m-top-s3{margin-top:var(--height-s3);}
.m-top-s4{margin-top:var(--height-s4);}
.m-top-s5{margin-top:var(--height-s5);}
.m-top-s6{margin-top:var(--height-s6);}
.m-top-s7{margin-top:var(--height-s7);}
.m-top-s8{margin-top:var(--height-s8);}
.m-top-s9{margin-top:var(--height-s9);}
.m-top-s10{margin-top:var(--height-s10);}
.m-top-s11{margin-top:var(--height-s11);}
.m-top-s12{margin-top:var(--height-s12);}
.m-top-s13{margin-top:var(--height-s13);}
.m-top-s14{margin-top:var(--height-s14);}
.m-top-s15{margin-top:var(--height-s15);}
.m-top-s16{margin-top:var(--height-s16);}
.m-top-s17{margin-top:var(--height-s17);}
.m-top-s18{margin-top:var(--height-s18);}
.m-top-s19{margin-top:var(--height-s19);}
.m-top-s20{margin-top:var(--height-s20);}









/*MARGIN BOTTOM CLASS START
===========================*/

.margin.bottom0{ margin-bottom:var(--height0);}
.margin.bottom1{ margin-bottom:var(--height1);}
.margin.bottom2{ margin-bottom:var(--height2);}
.margin.bottom3{ margin-bottom:var(--height3);}
.margin.bottom4{ margin-bottom:var(--height4);}
.margin.bottom5{ margin-bottom:var(--height5);}
.margin.bottom6{ margin-bottom:var(--height6);}
.margin.bottom7{ margin-bottom:var(--height7);}
.margin.bottom8{ margin-bottom:var(--height8);}
.margin.bottom9{ margin-bottom:var(--height9);}
.margin.bottom10{ margin-bottom:var(--height10);}


.m-bottom-s1{margin-bottom:var(--height-s1);}
.m-bottom-s2{margin-bottom:var(--height-s2);}
.m-bottom-s3{margin-bottom:var(--height-s3);}
.m-bottom-s4{margin-bottom:var(--height-s4);}
.m-bottom-s5{margin-bottom:var(--height-s5);}
.m-bottom-s6{margin-bottom:var(--height-s6);}
.m-bottom-s7{margin-bottom:var(--height-s7);}
.m-bottom-s8{margin-bottom:var(--height-s8);}
.m-bottom-s9{margin-bottom:var(--height-s9);}
.m-bottom-s10{margin-bottom:var(--height-s10);}
.m-bottom-s11{margin-bottom:var(--height-s11);}
.m-bottom-s12{margin-bottom:var(--height-s12);}
.m-bottom-s13{margin-bottom:var(--height-s13);}
.m-bottom-s14{margin-bottom:var(--height-s14);}
.m-bottom-s15{margin-bottom:var(--height-s15);}
.m-bottom-s16{margin-bottom:var(--height-s16);}
.m-bottom-s17{margin-bottom:var(--height-s17);}
.m-bottom-s18{margin-bottom:var(--height-s18);}
.m-bottom-s19{margin-bottom:var(--height-s19);}
.m-bottom-s20{margin-bottom:var(--height-s20);}




/*MARGIN LEFT CLASS START
=========================*/
.margin.left0{ margin-left:var(--width0);}
.margin.left1{ margin-left:var(--width1);}
.margin.left2{ margin-left:var(--width2);}
.margin.left3{ margin-left:var(--width3);}
.margin.left4{ margin-left:var(--width4);}
.margin.left5{ margin-left:var(--width5);}
.margin.left6{ margin-left:var(--width6);}
.margin.left7{ margin-left:var(--width7);}
.margin.left8{ margin-left:var(--width8);}
.margin.left9{ margin-left:var(--width9);}
.margin.left10{ margin-left:var(--width10);}




.m-left-s1{ margin-left:var(--width-s1);}
.m-left-s2{ margin-left:var(--width-s2);}
.m-left-s3{ margin-left:var(--width-s3);}
.m-left-s4{ margin-left:var(--width-s4);}
.m-left-s5{ margin-left:var(--width-s5);}
.m-left-s6{ margin-left:var(--width-s6);}
.m-left-s7{ margin-left:var(--width-s7);}
.m-left-s8{ margin-left:var(--width-s8);}
.m-left-s9{ margin-left:var(--width-s9);}
.m-left-s10{ margin-left:var(--width-s10);}
.m-left-s11{ margin-left:var(--width-s11);}
.m-left-s12{ margin-left:var(--width-s12);}
.m-left-s13{ margin-left:var(--width-s13);}
.m-left-s14{ margin-left:var(--width-s14);}
.m-left-s15{ margin-left:var(--width-s15);}
.m-left-s16{ margin-left:var(--width-s16);}
.m-left-s17{ margin-left:var(--width-s17);}
.m-left-s18{ margin-left:var(--width-s18);}
.m-left-s19{ margin-left:var(--width-s19);}
.m-left-s20{ margin-left:var(--width-s20);}




/*MARGIN RIGHT CLASS START
==========================*/
.margin.right0{ margin-right:var(--width0);}
.margin.right1{ margin-right:var(--width1);}
.margin.right2{ margin-right:var(--width2);}
.margin.right3{ margin-right:var(--width3);}
.margin.right4{ margin-right:var(--width4);}
.margin.right5{ margin-right:var(--width5);}
.margin.right6{ margin-right:var(--width6);}
.margin.right7{ margin-right:var(--width7);}
.margin.right8{ margin-right:var(--width8);}
.margin.right9{ margin-right:var(--width9);}
.margin.right10{ margin-right:var(--width10);}

		


.m-right-s1{ margin-right:var(--width-s1);}
.m-right-s2{ margin-right:var(--width-s2);}
.m-right-s3{ margin-right:var(--width-s3);}
.m-right-s4{ margin-right:var(--width-s4);}
.m-right-s5{ margin-right:var(--width-s5);}
.m-right-s6{ margin-right:var(--width-s6);}
.m-right-s7{ margin-right:var(--width-s7);}
.m-right-s8{ margin-right:var(--width-s8);}
.m-right-s9{ margin-right:var(--width-s9);}
.m-right-s10{ margin-right:var(--width-s10);}
.m-right-s11{ margin-right:var(--width-s11);}
.m-right-s12{ margin-right:var(--width-s12);}
.m-right-s13{ margin-right:var(--width-s13);}
.m-right-s14{ margin-right:var(--width-s14);}
.m-right-s15{ margin-right:var(--width-s15);}
.m-right-s16{ margin-right:var(--width-s16);}
.m-right-s17{ margin-right:var(--width-s17);}
.m-right-s18{ margin-right:var(--width-s18);}
.m-right-s19{ margin-right:var(--width-s19);}
.m-right-s20{ margin-right:var(--width-s20);}


/*MARGIN CLASS END
==================*/







/*PADDING CLASS START
====================*/


/*PADDING ALL CLASS START
========================*/
/*top right bottom left*/


/*PADDING TOP CLASS START
========================*/

.pad{
	padding:0;
}

.pad.top0{ padding-top:var(--height0);}
.pad.top1{ padding-top:var(--height1);}
.pad.top2{ padding-top:var(--height2);}
.pad.top3{ padding-top:var(--height3);}
.pad.top4{ padding-top:var(--height4);}
.pad.top5{ padding-top:var(--height5);}
.pad.top6{ padding-top:var(--height6);}
.pad.top7{ padding-top:var(--height7);}
.pad.top8{ padding-top:var(--height8);}
.pad.top9{ padding-top:var(--height9);}
.pad.top10{ padding-top:var(--height10);}
.pad.top11{ padding-top:var(--height11);}
.pad.top12{ padding-top:var(--height12);}
.pad.top13{ padding-top:var(--height13);}
.pad.top14{ padding-top:var(--height14);}
.pad.top15{ padding-top:var(--height15);}
.pad.top16{ padding-top:var(--height16);}
.pad.top17{ padding-top:var(--height17);}
.pad.top18{ padding-top:var(--height18);}
.pad.top19{ padding-top:var(--height19);}
.pad.top20{ padding-top:var(--height20);}



.p-top-s1{padding-top:var(--height-s1);}
.p-top-s2{padding-top:var(--height-s2);}
.p-top-s3{padding-top:var(--height-s3);}
.p-top-s4{padding-top:var(--height-s4);}
.p-top-s5{padding-top:var(--height-s5);}
.p-top-s6{padding-top:var(--height-s6);}
.p-top-s7{padding-top:var(--height-s7);}
.p-top-s8{padding-top:var(--height-s8);}
.p-top-s9{padding-top:var(--height-s9);}
.p-top-s10{padding-top:var(--height-s10);}
.p-top-s11{padding-top:var(--height-s11);}
.p-top-s12{padding-top:var(--height-s12);}
.p-top-s13{padding-top:var(--height-s13);}
.p-top-s14{padding-top:var(--height-s14);}
.p-top-s15{padding-top:var(--height-s15);}
.p-top-s16{padding-top:var(--height-s16);}
.p-top-s17{padding-top:var(--height-s17);}
.p-top-s18{padding-top:var(--height-s18);}
.p-top-s19{padding-top:var(--height-s19);}
.p-top-s20{padding-top:var(--height-s20);}





/*PADDING BOTTOM CLASS START
===========================*/
.pad.bottom0{ padding-bottom:var(--height0);}
.pad.bottom1{ padding-bottom:var(--height1);}
.pad.bottom2{ padding-bottom:var(--height2);}
.pad.bottom3{ padding-bottom:var(--height3);}
.pad.bottom4{ padding-bottom:var(--height4);}
.pad.bottom5{ padding-bottom:var(--height5);}
.pad.bottom6{ padding-bottom:var(--height6);}
.pad.bottom7{ padding-bottom:var(--height7);}
.pad.bottom8{ padding-bottom:var(--height8);}
.pad.bottom9{ padding-bottom:var(--height9);}
.pad.bottom10{ padding-bottom:var(--height10);}
.pad.bottom11{ padding-bottom:var(--height11);}
.pad.bottom12{ padding-bottom:var(--height12);}
.pad.bottom13{ padding-bottom:var(--height13);}
.pad.bottom14{ padding-bottom:var(--height14);}
.pad.bottom15{ padding-bottom:var(--height15);}
.pad.bottom16{ padding-bottom:var(--height16);}
.pad.bottom17{ padding-bottom:var(--height17);}
.pad.bottom18{ padding-bottom:var(--height18);}
.pad.bottom19{ padding-bottom:var(--height19);}
.pad.bottom20{ padding-bottom:var(--height20);}





.p-bottom-s1{padding-bottom:var(--height-s1);}
.p-bottom-s2{padding-bottom:var(--height-s2);}
.p-bottom-s3{padding-bottom:var(--height-s3);}
.p-bottom-s4{padding-bottom:var(--height-s4);}
.p-bottom-s5{padding-bottom:var(--height-s5);}
.p-bottom-s6{padding-bottom:var(--height-s6);}
.p-bottom-s7{padding-bottom:var(--height-s7);}
.p-bottom-s8{padding-bottom:var(--height-s8);}
.p-bottom-s9{padding-bottom:var(--height-s9);}
.p-bottom-s10{padding-bottom:var(--height-s10);}
.p-bottom-s11{padding-bottom:var(--height-s11);}
.p-bottom-s12{padding-bottom:var(--height-s12);}
.p-bottom-s13{padding-bottom:var(--height-s13);}
.p-bottom-s14{padding-bottom:var(--height-s14);}
.p-bottom-s15{padding-bottom:var(--height-s15);}
.p-bottom-s16{padding-bottom:var(--height-s16);}
.p-bottom-s17{padding-bottom:var(--height-s17);}
.p-bottom-s18{padding-bottom:var(--height-s18);}
.p-bottom-s19{padding-bottom:var(--height-s19);}
.p-bottom-s20{padding-bottom:var(--height-s20);}





/*PADDING LEFT CLASS START
=========================*/

.pad.left0{	padding-left:var(--width0);}
.pad.left1{	padding-left:var(--width1);}
.pad.left2{	padding-left:var(--width2);}
.pad.left3{	padding-left:var(--width3);}
.pad.left4{	padding-left:var(--width4);}
.pad.left5{	padding-left:var(--width5);}
.pad.left6{ padding-left:var(--width6);}
.pad.left7{ padding-left:var(--width7);}
.pad.left8{ padding-left:var(--width8);}
.pad.left9{ padding-left:var(--width9);}
.pad.left10{ padding-left:var(--width10);}
.pad.left11{ padding-left:var(--width11);}
.pad.left12{ padding-left:var(--width12);}
.pad.left13{ padding-left:var(--width13);}
.pad.left14{ padding-left:var(--width14);}
.pad.left15{ padding-left:var(--width15);}
.pad.left16{ padding-left:var(--width16);}
.pad.left17{ padding-left:var(--width17);}
.pad.left18{ padding-left:var(--width18);}
.pad.left19{ padding-left:var(--width19);}
.pad.left20{ padding-left:var(--width20);}




.p-left-s1{padding-left:var(--width-s1);}
.p-left-s2{padding-left:var(--width-s2);}
.p-left-s3{padding-left:var(--width-s3);}
.p-left-s4{padding-left:var(--width-s4);}
.p-left-s5{padding-left:var(--width-s5);}
.p-left-s6{padding-left:var(--width-s6);}
.p-left-s7{padding-left:var(--width-s7);}
.p-left-s8{padding-left:var(--width-s8);}
.p-left-s9{padding-left:var(--width-s9);}
.p-left-s10{padding-left:var(--width-s10);}
.p-left-s11{padding-left:var(--width-s11);}
.p-left-s12{padding-left:var(--width-s12);}
.p-left-s13{padding-left:var(--width-s13);}
.p-left-s14{padding-left:var(--width-s14);}
.p-left-s15{padding-left:var(--width-s15);}
.p-left-s16{padding-left:var(--width-s16);}
.p-left-s17{padding-left:var(--width-s17);}
.p-left-s18{padding-left:var(--width-s18);}
.p-left-s19{padding-left:var(--width-s19);}
.p-left-s20{padding-left:var(--width-s20);}


/*PADDING RIGHT CLASS START
==========================*/
.pad.right0{ padding-right:var(--width0);}
.pad.right1{ padding-right:var(--width1);}
.pad.right2{ padding-right:var(--width2);}
.pad.right3{ padding-left:var(--width3);}
.pad.right4{ padding-left:var(--width4);}
.pad.right5{ padding-right:var(--width5);}
.pad.right6{ padding-right:var(--width6);}
.pad.right7{ padding-right:var(--width7);}
.pad.right8{ padding-right:var(--width8);}
.pad.right9{ padding-right:var(--width9);}
.pad.right10{ padding-right:var(--width10);}
.pad.right11{ padding-right:var(--width11);}
.pad.right12{ padding-right:var(--width12);}
.pad.right13{ padding-right:var(--width13);}
.pad.right14{ padding-right:var(--width14);}
.pad.right15{ padding-right:var(--width15);}
.pad.right16{ padding-right:var(--width16);}
.pad.right17{ padding-right:var(--width17);}
.pad.right18{ padding-right:var(--width18);}
.pad.right19{ padding-right:var(--width19);}
.pad.right20{ padding-right:var(--width20);}






.p-right-s1{padding-right:var(--width-s1);}
.p-right-s2{padding-right:var(--width-s2);}
.p-right-s3{padding-right:var(--width-s3);}
.p-right-s4{padding-right:var(--width-s4);}
.p-right-s5{padding-right:var(--width-s5);}
.p-right-s6{padding-right:var(--width-s6);}
.p-right-s7{padding-right:var(--width-s7);}
.p-right-s8{padding-right:var(--width-s8);}
.p-right-s9{padding-right:var(--width-s9);}
.p-right-s10{padding-right:var(--width-s10);}
.p-right-s11{padding-right:var(--width-s11);}
.p-right-s12{padding-right:var(--width-s12);}
.p-right-s13{padding-right:var(--width-s13);}
.p-right-s14{padding-right:var(--width-s14);}
.p-right-s15{padding-right:var(--width-s15);}
.p-right-s16{padding-right:var(--width-s16);}
.p-right-s17{padding-right:var(--width-s17);}
.p-right-s18{padding-right:var(--width-s18);}
.p-right-s19{padding-right:var(--width-s19);}
.p-right-s20{padding-right:var(--width-s20);}	



/*TEXT START
============*/

.textleft {text-align: left;}
.textright{text-align: right;}
.textcenter{text-align: center;}
.textjustify {text-align: justify;}


/*TEXT END
==========*/





/*BORDER START
=============*/
.border
{
	border:1px solid var(--main-default-color);
}

/*BORDER COLOR
==============*/
.border.br-graydarkest
{
	border-color:var(--main-graydarkest-color);
}


.border.br-graydarker
{
	border-color:var(--main-graydarker-color);
}


.border.br-graydark
{
	border-color:var(--main-graydark-color);
}

.border.br-graylight
{
	border-color:var(--main-graylight-color);
}

.border.br-graylighter
{
	border-color:var(--main-graylighter-color);
}

.border.br-graylightest
{
	border-color:var(--main-graylightest-color);
}

.border.br-white
{
	border-color:#ffffff;
}


.border.br-ct
{
	border-color:#008929;
}


.border.br-qt
{
	border-color:rgb(22, 51, 80);
}


.border.br-st
{
	border-color:rgb(22, 51, 80);
}

.border.br-tt
{
	border-color:#de860f;
}

.border.br-sd
{
	border-color:#008929;
}

.border.br-xp
{
	border-color:#801818;
}


.border.br-or
{
	border-color:#550080;
}




/*BORDER WEIGHT
===============*/


.border.w1
{
		border-width:2px;
}



.border.w2
{
		border-width:3px;
}

.border.w3
{
		border-width:4px;
}

.border.w4
{
		border-width:5px;
}

.rounded
{
	border-radius:1em;
}


.rounded.r-1
{
	border-radius:0.1em;
}

.rounded.r-2
{
	border-radius:0.2em;
}

.rounded.r-3
{
	border-radius:0.3em;
}

.rounded.r-4
{
	border-radius:0.4em;
}

.rounded.r-5
{
	border-radius:0.5em;
}


/*FONT, MARGIN, PADDING, ALIGNMENT, BORDER, RESPONSIVE FOR ELEMENTS END
======================================================================*/



 .icon {
  display: none;
}
.content {
  padding: 16px;
}



#logo{ 
	text-align:center;
}

.wrapper{
	width: 92%; 
	margin: 0 auto;
}


#content {  
	margin:40px 0;
}






/*IMAGE START
=============*/


/*RESPONSIVE IMAGES START
========================*/

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


img[disabled]
{
    opacity:0.2;
}

img.baseline {vertical-align: baseline;}

img.texttop {vertical-align: text-top;}

img.textbottom {vertical-align: text-bottom;}

img.sub {vertical-align: sub;}

img.super {vertical-align: super;}
 
img.center {
	display: block;
    margin-left: auto;
    margin-right: auto;
	}

  
img.right {float:right;}

img.left {float:left;}
	
.imginline{display:inline-block;}

img.bw{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
	
img.watermark{
opacity:0.2;
}

img.watermark1{
opacity:0.1;
}

img.watermark2{
opacity:0.2;
}

img.watermark3{
opacity:0.3;
}
	
img.watermark4{
opacity:0.4;
}
	
img.watermark5{
opacity:0.5;
}	

img.watermark6{
opacity:0.6;
}

img.watermark7{
opacity:0.7;
}

img.watermark8{
opacity:0.8;
}

img.watermark9{
opacity:0.9;
}

img.watermark10{
opacity:1;
}


/*RESPONSIVE TEXT IMAGE
=======================*/
	
.responsive {
    max-width: 100%;
    height: auto;
	display: block;
}

/*IMAGE END
============*/



/*TAB START
===========*/
.tab {
    overflow: hidden;
}


/* Style the buttons inside the tab */
.tab button {
    background-color:#ffffff;
	border:0;   
    cursor: pointer;
    padding: 15px 15px;
    transition: 0.3s;
    font-size: 17px;
	/* border-radius:0.1em; */
}

.tab button:hover {
    background-color: var(--main-graylightest-color);
}

/* Create an active/current tablink class */
.tab button.active {
    /* background-color:var(--main-graydarker-color); */
	/* color:#ffffff; */
	 border-bottom: 5px solid  #4592af;
	 font-weight:bold;
	 font-size: 25px;
}


.tabcontent {
    display: none;
   /* background-color:var(--main-graylightest-color); */
    border-top: none;
}


.pricefont{
	color:var(--main-graydarker-color);
	font-family:Engagement;
	font-size:4em;
	}


/*TAB END
=========*/





/*ACCORDIAN START
================*/

.accordion {
  background-color: #ffffff;
  color: var(--main-graydark-color);
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border:none;
  border-bottom: 1px solid var(--main-graylighter-color);
  text-align: left;
  outline: none;
  font-size: 0.8em;
  transition: 0.4s;
}

.accordion:active, .accordion:hover {
  background-color: var(--main-graylightest-color);
}

.accordion:after {
  content: '\002B';
  color: var(--main-graylight-color);
  font-size:1em;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/*ACCORDIAN END
===============*/





/*VIDEO START
=============*/

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:10px;
	height:0;
	overflow:hidden;
}



.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
 	/* width:100%;
	height:100%; */
}

/*VIDEO END
===========*/



/*UNORDERED BULLETS START
=========================*/

ul.circle{list-style-type:circle;}
ul.square{list-style-type:square;}
ul.disc{list-style-type:disc;}
ul.none{list-style-type:none;}
/* ul.tick{list-style-image: url('../images/tick-24-blue.png');} */

ul.tick {
    list-style-type:none;
}
ul.tick li:before {
    content:"\2713\0020";
    font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
	color:var(--main-graylight-color); 
}


 
/*UNORDERED BULLETS END
=======================*/


 
/*ORDERED BULLETS START
=========================*/

ol.alpha{list-style-type:lower-alpha;}
ol.u-roman{ list-style-type:upper-roman;}
ol.l-roman{ list-style-type:lower-roman;}


 
/*ORDERED BULLETS END
=======================*/
 
 /*CARD START
===========*/


.card {
  padding:0.2em;  
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);

}
  
  
 .card.shadow
 {	 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
 }
  
  
.card.shadow:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	
}


/*CARD END
==========*/

/*BUTTON STYLE START
===================*/

/*superscript
=============*/
sup.slogo {
     top: -0.8em; 

}


a.buttonlink{ 
	background:var(--main-graydarkest-color); 
	border-radius:4px; 
	color:#fff;
	display:block;
	float:left; 
	margin:10px 15px 10px 0; 
	padding:10px 20px;
	text-decoration:none;
	text-align: center;
	font-size:1em;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2), 0 3px 3px 0 rgba(0,0,0,0.01);
	 
}

.buttonlink.right
{
	float:right;
	
}

/* a.buttonlink:hover{
	background:#154e84;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
} */



a.outlinebutton {
    
    border: 2px solid var(--main-graydarkest-color);
    background:white; 
	border-radius:4px; 
	color:var(--main-graydarkest-color);
	display:block;
	float:left; 
	margin:10px 15px 10px 0; 
	padding:8px 18px;
	text-decoration:none;
	text-align: center;
	font-size:1em;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1), 0 3px 3px 0 rgba(0,0,0,0.01); 
  
   
}

.outlinebutton.right
{
	float:right;
	
}


.pendingcomment
{
	color:red;
}

/*black */
/* a.outlinebutton.darkgray {
  background-color:var(--main-graydarkest-color) ;
  border-color: var(--main-graydarkest-color);
  color: white;
} */
/* 
a.outlinebutton.darkgray:hover {
  background-color:var(--main-default-color);
  color: var(--main-graylightest-color);
} */


/*BUTTON STYLE END
===================*/



	



/*STICKY HEADER START
====================*/

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}

.sticky + .content {
  padding-top: 60px;
}

/*STICKY HEADER END
===================*/


/*COLORS & BACKGROUNDS START
============================*/



/*BODY BACKGROUND COLOR 
======================*/

body{
	background:#fff;
}

/*HEADER TEXT COLOR
===================*/
h1, h2, h3, h4, h5, h6{
	color:#333; 
	line-height:0.2em;
}






/*SPACE CLASS START
==================*/

.space
{
	background-color:transparent;
	height:2em;
}

.space.v5{height:5em;}
.space.v10{height:10em;}
.space.v20{height:20em;}
.space.v40{height:40em;}
.space.v50{height:50em;}

/*SPACE CLASS END
===============*/



/* TEXT COLOR
===========*/
.text-color
{
	color:var(--main-default-color);
}

.text-color.t-graydarkest
{
	color:var(--main-graydarkest-color);
}


.text-color.t-graydarker
{
	color:var(--main-graydarker-color);
}


.text-color.t-graydark
{
	color:var(--main-graydark-color);
}

.text-color.t-graylight
{
	color:var(--main-graylight-color);
}

.text-color.t-graylighter
{
	color:var(--main-graylighter-color);
}

.text-color.t-graylightest
{
	color:var(--main-graylightest-color);
}


.text-color.t-white
{
	color:#ffffff;
}


.text-color.t-ct{
	color:#18966c;
}

.text-color.t-qt{
	color:#255484;
}

.text-color.t-st{
	color:#255484;
}

.text-color.t-tt{
	color:#de860f;
}

.text-color.t-sd{
	color:#18966c;
}


.text-color.t-or{
	color:#801818;
}

.text-color.t-xp{
	color:#550080;
}




.text-color.t-offer{
	color:#cc0000;
}


.t-hover-white:hover {
  color:white;
	
}

.t-hover-black:hover {
  color:black;
	
}


.t-hover-graylight:hover {
  color:var(--main-graylight-color);
	
}

.t-hover-graylighter:hover {
  color:var(--main-graylighter-color);
	
}

.t-hover-graylightest:hover {
  color:var(--main-graylightest-color);
	
}


.t-hover-graydark:hover {
  color:var(--main-graydark-color);
	
}

.t-hover-graydarker:hover {
  color:var(--main-graydarker-color);
	
}

.t-hover-graydarkest:hover {
  color:var(--main-graydarkest-color);
	
}




/* BACKGROUND
==============*/

.background
{
	background:var(--main-default-color);
}

.background.b-graydarkest
{
	background:var(--main-graydarkest-color);
}

.background.b-graydarker
{
	background:var(--main-graydarker-color);
}


.background.b-graydark
{
	background:var(--main-graydark-color);
}

.background.b-graylight
{
	background:var(--main-graylight-color);
}

.background.b-graylighter
{
	background:var(--main-graylighter-color);
}

.background.b-graylightest
{
	background:var(--main-graylightest-color);
}

.background.b-white
{
	background:#ffffff;
}


.background.b-black
{
	background:#000000;
}

/* .background.b-gradientlightgray{
  background-color:  #ffffff; 
  background-image: linear-gradient(to right, var(--main-graylightest-color), #ffffff , var(--main-graylightest-color));
} */

.background.b-graygradientlight{
  background-color:  #ffffff; /*FALLBACK FOR OLD BROWSER */
  background-image: linear-gradient(-90deg,white,var(--main-graylightest-color)); 
}

.background.b-graygradientdark{
  background-color:  #ffffff; /*FALLBACK FOR OLD BROWSER */
  background-image: linear-gradient(90deg,var(--main-graydarkest-color),var(--main-graydarker-color),var(--main-graydark-color),var(--main-graylight-color)); 
}



.background.b-ct{
	background-color:#18966c;
}

.background.b-qt{
	background-color:rgb(22, 51, 80);
}


.background.b-st{
	background-color:rgb(22, 51, 80);
}

.background.b-tt{
	background-color:#de860f;
}

.background.b-sd{
	background-color:#18966c;
}


.background.b-or{
	background-color:#801818;
}

.background.b-xp{
	background-color:#550080;
	
}


.background.b-offer{
	background-color:#cc0000;
}


.b-hover-graylightest:hover {
  background-color:var(--main-graylightest-color);
	
}


/*LINE
======*/






/*  .line{
	   background:	var(--main-default-color);  */
	   /* height:0.1vh; */
	   /* height:0.06em; */
	   
	  /*   display: block;   
    overflow: hidden;
    border-style: inset;
    border-width: 1px; */
 /* }  */
 
 
  .line{
	
	/* height:0.06em; */
	display: block;
	border-bottom: 1px solid var(--main-default-color);
 } 
 
 
 .line.l-graydarkest{
	border-bottom-color: var(--main-graydarkest-color);	
}
 
 
.line.l-graydarker{
	border-bottom-color: var(--main-graydarker-color);	
}

.line.l-graydark{
	border-bottom-color:var(--main-graydark-color);	
}

.line.l-graylight{
	border-bottom-color: var(--main-graylight-color);	
}

.line.l-graylighter{
	border-bottom-color:var(--main-graylighter-color);	
}

.line.l-graylightest{
	border-bottom-color:var(--main-graylightest-color);	
}


  .line.w2{
	
	
	border-bottom-width: 2px;
 } 
 
  .line.w3{
	
	
	border-bottom-width: 3px;
 } 
 
  .line.w4{
	
	
	border-bottom-width: 4px;
 } 
 
   .line.w5{
	
	
	border-bottom-width: 5px;
 } 
 
 .line.double{
	 border-bottom-style: double;
 }
 
/*COLORS & BACKGROUNDS END
============================*/





/*
LARGER MOBILE DEVICES
=====================
This is for mobile devices with a bit larger screens.
====================================================*/

@media only screen and (min-width: 481px) {
	

		
/*MARGIN, PADDING, ALIGNMENT, RESPONSIVE FOR ELEMENTS START
==========================================================*/
#logo{
	float:left;
	text-align:left;
	margin-bottom:-20px;/*this depends on the height of the logo*/
}

	
/*MARGIN, PADDING, ALIGNMENT, RESPONSIVE FOR ELEMENTS END
==========================================================*/


}



/*920px TABLET & SMALLER LAPTOPS
================================
The average viewing window and preferred media query for those is 768px.
========================================================================*/

@media only screen and (min-width: 920px) {

/* html{
	
	 font-size: calc(1em + 2vw);
}
 */
		
/*MARGIN, PADDING, ALIGNMENT, RESPONSIVE FOR ELEMENTS START
==========================================================*/


.wrapper{
	max-width: 1200px; 
	margin: .75em auto;
}

#logo{ 
	float:left; 
	text-align:left;
	margin-bottom:0px;
}

header{
	padding:0;
}

#content {  
	 margin: auto;
	 width:65%;
}

#content.wide-content{
	float:none;
	width:100%;
	
}


aside { 
	float:right;
	width:30%;
}
	
/*MARGIN, PADDING, ALIGNMENT, RESPONSIVE FOR ELEMENTS END
==========================================================*/







/*HERO AREA START
================*/

#hero [class*="grid_"] { margin-bottom:-20px;}

/*HERO AREA END
===============*/




.rightfloat{float:right;}


 
 
 
/* COLUMN, ROW DIVIDER START
============================*/

 .columndivider {	
   border-right: 1px solid #DEDEDE;
   margin-right:-10px; /* size of gutter */
   padding-right:10px; /* size of gutter */  
} 



.rowdivider {
    border-top: 1px solid #DEDEDE;
    margin-top:1px; /* size of gutter */
   padding-top:1px; /* size of gutter */ 

}

 
/* COLUMN, ROW DIVIDER END
==========================*/


}









/*
DESKTOP
=======
This is the average viewing window. So Desktops, Laptops, and
=============================================================
in general anyone not viewing on a mobile device. Here's where
==============================================================
you can add resource intensive styles.
======================================*/


@media only screen and (min-width: 1030px) {

}  





/*
LARGE VIEWING SIZE
==================
This is for the larger monitors and possibly full screen viewers.
================================================================*/

@media only screen and (min-width: 1240px) {

} 








/*
RETINA (2x RESOLUTION DEVICES)
==============================
This applies to the retina iPhone (4s) and iPad (2,3) along with
================================================================
other displays with a 2x resolution.
====================================*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {


} 







/*
iPHONE 5 MEDIA QUERY
====================
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
=======================================================================================*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 

  
}







/*
PRINT STYLESHEET
================*/

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}