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

DATE CREATED	:	15-02-2019
DATE-EDITED		:	28-1-2020
VERSION			:	12.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
					
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 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-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:80%;
	height:80%;
}

/*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-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-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; }
}