/*************************************************
**************************************************
*** This Plugin developed by www.showcase.co.il
*** Author Name 	: Showcase
*** Author  URL 	: http://www.showcase.co.il/;
*** Creating Date 	: 22-AUG-2016
***	©copyright www.showcase.co.il
**************************************************
**************************************************/

@import '../fonts/assistant/sfaccessibility.fonts.css';

/*
font-family: 'Assistant', sans-serif;
*/


/*----------------------/
/-----------------------/
/------ SF Effect-------/
/-----------------------/
/----------------------*/


/*--> [ SF Tab Options ] <--*/

body.sfKeyboardNavigation *:focus{
	background-color: #ffffcc !important;
	box-shadow: 0 0 6px 3px #ffff00, 0 0 2px #333 inset !important;
	border-radius: 5px !important;
	color:#bf1722 !important;
	outline:0 none !important;
	text-shadow: 1px 1px 1px #bbb;
	transition: color 0.2s ease-in 0s, text-shadow 0.2s ease-in 0s;
	
}

/*--> [ SF Blocking Flashes ] <--*/
body.sfBlockingFlashes>:not(#sfWrapper) * {
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -ms-transition:none !important;
	-o-transition:none !important;
    transition:none !important;
	
    -webkit-animation:none !important;
    -moz-animation:none !important;
    -ms-animation:none !important;
    -o-animation:none !important;
    animation:none !important;
}



/*--> [ SF Monochrome ] <--*/
body.sfMonochrome>:not(#sfWrapper){
    -webkit-filter:grayscale(1);
    -moz-filter:grayscale(1);
    -ms-filter:grayscale(1);
    -o-filter:grayscale(1);
    filter:grayscale(1);
}

/*--> [ SF Light Contrast ] <--*/
body.sfLightContrast,
body.sfLightContrast>:not(#sfWrapper) *:not(img){
	background-color:#ffffff !important;
	color:#000000 !important;
}

/*--> [ SF Dark Contrast ] <--*/
body.sfDarkContrast,
body.sfDarkContrast>:not(#sfWrapper) *:not(img){
  background-color:#000000 !important;
  color:#ffffff !important;
}

body.sfLightContrast>:not(#sfWrapper) img,
body.sfDarkContrast>:not(#sfWrapper) img{
	-webkit-filter:invert(1);
    -moz-filter:invert(1);
    -ms-filter:invert(1);
    -o-filter:invert(1);
    filter:invert(1);
}

body.sfLightContrast>:not(#sfWrapper) :focus,
body.sfLightContrast>:not(#sfWrapper) a:hover,
body.sfDarkContrast>:not(#sfWrapper) :focus,
body.sfDarkContrast>:not(#sfWrapper) a:hover{
	background-color:lemonchiffon;
	color:#000000;
	fill:#000000;
	font-weight:700;

	-webkit-filter:contrast(1);
	-moz-filter:contrast(1);
	-ms-filter:contrast(1);
	-o-filter:contrast(1);
	filter:contrast(1);

	-webkit-transition:color 300s, fill 300s;
	-moz-transition:color 300s, fill 300s;
	-ms-transition:color 300s, fill 300s;
	-o-transition:color 300s, fill 300s;
	transition:color 300s, fill 300s;
}


/*--> [ SF Font Readable ] <--*/
body.sfFontReadable>:not(#sfWrapper) i *:not(.fa),
body.sfFontReadable>:not(#sfWrapper) b,
body.sfFontReadable>:not(#sfWrapper) p,
body.sfFontReadable>:not(#sfWrapper) span,
body.sfFontReadable>:not(#sfWrapper) small,
body.sfFontReadable>:not(#sfWrapper) storng,
body.sfFontReadable>:not(#sfWrapper) h1,
body.sfFontReadable>:not(#sfWrapper) h2,
body.sfFontReadable>:not(#sfWrapper) h3,
body.sfFontReadable>:not(#sfWrapper) h4,
body.sfFontReadable>:not(#sfWrapper) h5,
body.sfFontReadable>:not(#sfWrapper) h6,
body.sfFontReadable>:not(#sfWrapper) ol>li,
body.sfFontReadable>:not(#sfWrapper) ul>li,
body.sfFontReadable>:not(#sfWrapper) a,
body.sfFontReadable>:not(#sfWrapper) Address{
	font-family:"Arial",Helvetica,sans-serif !important;
	font-style:normal !important
}

/*--> [ SF Font Size ] <--*/
body.sfFontSize-110>:not(#sfWrapper) h1{font-size:210%}
body.sfFontSize-110>:not(#sfWrapper) h2{font-size:160%}
body.sfFontSize-110>:not(#sfWrapper) h3{font-size:130%}
body.sfFontSize-110>:not(#sfWrapper) h4,
body.sfFontSize-110>:not(#sfWrapper) h5,
body.sfFontSize-110>:not(#sfWrapper) h6,
body.sfFontSize-110>:not(#sfWrapper),
body.sfFontSize-110>:not(#sfWrapper) p,
body.sfFontSize-110>:not(#sfWrapper) a,
body.sfFontSize-110>:not(#sfWrapper) span{font-size:110%}

body.sfFontSize-120>:not(#sfWrapper) h1{font-size:220%}
body.sfFontSize-120>:not(#sfWrapper) h2{font-size:170%}
body.sfFontSize-120>:not(#sfWrapper) h3{font-size:140%}
body.sfFontSize-120>:not(#sfWrapper) h4,
body.sfFontSize-120>:not(#sfWrapper) h5,
body.sfFontSize-120>:not(#sfWrapper) h6,
body.sfFontSize-120>:not(#sfWrapper),
body.sfFontSize-120>:not(#sfWrapper) p,
body.sfFontSize-120>:not(#sfWrapper) a,
body.sfFontSize-120>:not(#sfWrapper) span{font-size:120%}

body.sfFontSize-130>:not(#sfWrapper) h1{font-size:230%}
body.sfFontSize-130>:not(#sfWrapper) h2{font-size:180%}
body.sfFontSize-130>:not(#sfWrapper) h3{font-size:150%}
body.sfFontSize-130>:not(#sfWrapper) h4,
body.sfFontSize-130>:not(#sfWrapper) h5,
body.sfFontSize-130>:not(#sfWrapper) h6,
body.sfFontSize-130>:not(#sfWrapper),
body.sfFontSize-130>:not(#sfWrapper) p,
body.sfFontSize-130>:not(#sfWrapper) a,
body.sfFontSize-130>:not(#sfWrapper) span{font-size:130%}

body.sfFontSize-140>:not(#sfWrapper) h1{font-size:240%}
body.sfFontSize-140>:not(#sfWrapper) h2{font-size:190%}
body.sfFontSize-140>:not(#sfWrapper) h3{font-size:160%}
body.sfFontSize-140>:not(#sfWrapper) h4,
body.sfFontSize-140>:not(#sfWrapper) h5,
body.sfFontSize-140>:not(#sfWrapper) h6,
body.sfFontSize-140>:not(#sfWrapper),
body.sfFontSize-140>:not(#sfWrapper) p,
body.sfFontSize-140>:not(#sfWrapper) a,
body.sfFontSize-140>:not(#sfWrapper) span{font-size:140%}

body.sfFontSize-150>:not(#sfWrapper) h1{font-size:250%}
body.sfFontSize-150>:not(#sfWrapper) h2{font-size:200%}
body.sfFontSize-150>:not(#sfWrapper) h3{font-size:170%}
body.sfFontSize-150>:not(#sfWrapper) h4,
body.sfFontSize-150>:not(#sfWrapper) h5,
body.sfFontSize-150>:not(#sfWrapper) h6,
body.sfFontSize-150>:not(#sfWrapper),
body.sfFontSize-150>:not(#sfWrapper) p,
body.sfFontSize-150>:not(#sfWrapper) a,
body.sfFontSize-150>:not(#sfWrapper) span{font-size:150%}

body.sfFontSize-160>:not(#sfWrapper) h1{font-size:260%}
body.sfFontSize-160>:not(#sfWrapper) h2{font-size:210%}
body.sfFontSize-160>:not(#sfWrapper) h3{font-size:180%}
body.sfFontSize-160>:not(#sfWrapper) h4,
body.sfFontSize-160>:not(#sfWrapper) h5,
body.sfFontSize-160>:not(#sfWrapper) h6,
body.sfFontSize-160>:not(#sfWrapper),
body.sfFontSize-160>:not(#sfWrapper) p,
body.sfFontSize-160>:not(#sfWrapper) a,
body.sfFontSize-160>:not(#sfWrapper) span{font-size:160%}

body.sfFontSize-170>:not(#sfWrapper) h1{font-size:270%}
body.sfFontSize-170>:not(#sfWrapper) h2{font-size:220%}
body.sfFontSize-170>:not(#sfWrapper) h3{font-size:190%}
body.sfFontSize-170>:not(#sfWrapper) h4,
body.sfFontSize-170>:not(#sfWrapper) h5,
body.sfFontSize-170>:not(#sfWrapper) h6,
body.sfFontSize-170>:not(#sfWrapper),
body.sfFontSize-170>:not(#sfWrapper) p,
body.sfFontSize-170>:not(#sfWrapper) a,
body.sfFontSize-170>:not(#sfWrapper) span{font-size:170%}

body.sfFontSize-180>:not(#sfWrapper) h1{font-size:280%}
body.sfFontSize-180>:not(#sfWrapper) h2{font-size:230%}
body.sfFontSize-180>:not(#sfWrapper) h3{font-size:200%}
body.sfFontSize-180>:not(#sfWrapper) h4,
body.sfFontSize-180>:not(#sfWrapper) h5,
body.sfFontSize-180>:not(#sfWrapper) h6,
body.sfFontSize-180>:not(#sfWrapper),
body.sfFontSize-180>:not(#sfWrapper) p,
body.sfFontSize-180>:not(#sfWrapper) a,
body.sfFontSize-180>:not(#sfWrapper) span{font-size:180%}

body.sfFontSize-190>:not(#sfWrapper) h1{font-size:290%}
body.sfFontSize-190>:not(#sfWrapper) h2{font-size:240%}
body.sfFontSize-190>:not(#sfWrapper) h3{font-size:210%}
body.sfFontSize-190>:not(#sfWrapper) h4,
body.sfFontSize-190>:not(#sfWrapper) h5,
body.sfFontSize-190>:not(#sfWrapper) h6,
body.sfFontSize-190>:not(#sfWrapper),
body.sfFontSize-190>:not(#sfWrapper) p,
body.sfFontSize-190>:not(#sfWrapper) a,
body.sfFontSize-190>:not(#sfWrapper) span{font-size:190%}

body.sfFontSize-200>:not(#sfWrapper) h1{font-size:300%}
body.sfFontSize-200>:not(#sfWrapper) h2{font-size:250%}
body.sfFontSize-200>:not(#sfWrapper) h3{font-size:220%}
body.sfFontSize-200>:not(#sfWrapper) h4,
body.sfFontSize-200>:not(#sfWrapper) h5,
body.sfFontSize-200>:not(#sfWrapper) h6,
body.sfFontSize-200>:not(#sfWrapper),
body.sfFontSize-200>:not(#sfWrapper) p,
body.sfFontSize-200>:not(#sfWrapper) a,
body.sfFontSize-200>:not(#sfWrapper) span{font-size:200%}


/*--> [ SF Black Pointer ] <--*/
body.sfBlackPointer{
	cursor:url('../images/sfAccessibility/black_cursor.png'),
	url('../images/sfAccessibility/black_cursor.cur'), auto !important;
}
/*--> [ SF Black Pointer ] <--*/
body.sfWhitePointer{
	cursor:url('../images/sfAccessibility/white_cursor.png'),
	url('../images/sfAccessibility/white_cursor.cur'), auto !important;
} 

/*--> [ SF Magnifier ] <--*/
body.sfMagnifier.sfZoom-150> :not(#sfWrapper){
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-ms-transform:scale(1.5);
	-o-transform:scale(1.5);
	transform:scale(1.5);
}

body.sfMagnifier.sfZoom-200> :not(#sfWrapper){
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
	-ms-transform:scale(2);
	-o-transform:scale(2);
	transform:scale(2);
}
body.sfMagnifier.sfZoom-150> :not(#sfWrapper),
body.sfMagnifier.sfZoom-200> :not(#sfWrapper){
	position:relative;
	
	-webkit-transform-origin:100% 0 0;
	-moz-transform-origin:100% 0 0;
	-ms-transform-origin:100% 0 0;
	-o-transform-origin:100% 0 0;
	transform-origin:100% 0 0;
	
	
	/*
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	-ms-transform-origin:0 0 0;
	-o-transform-origin:0 0 0;
	transform-origin:0 0 0;
	*/
}

/*--> [ SF Link Underline ] <--*/
body.sfLinkUnderline>:not(#sfWrapper) a{text-decoration:underline !important}

/*--> [ SF High Lighting Titles ] <--*/
body.sfHighlightingTitles>:not(#sfWrapper) h1,
body.sfHighlightingTitles>:not(#sfWrapper) h2,
body.sfHighlightingTitles>:not(#sfWrapper) h3,
body.sfHighlightingTitles>:not(#sfWrapper) h4,
body.sfHighlightingTitles>:not(#sfWrapper) h5,
body.sfHighlightingTitles>:not(#sfWrapper) h6{
	text-decoration:underline !important
}





/*--> [ SF COLOR ZONE ] <--*/
#sfBgColor1>button,#sfTxColor1>button,#sfHdColor1>button,
body.sfBackgroundColor.sfBgColor1,
body.sfBackgroundColor.sfBgColor1>:not(#sfWrapper) *,
body.sfBackgroundColor.sfBgColor1> *:not(#sfWrapper){background:#000 !important}
body.sfTextColor.sfTxColor1>:not(#sfWrapper) span,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) b,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) big,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) li,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) q,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) lable,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) button,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) input,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) select,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) textarea,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) td,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) th,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) em,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) samp,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) strong,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) p,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) a,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) i,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) small,
body.sfTextColor.sfTxColor1>:not(#sfWrapper) address,
body.sfHeadingColor.sfHdColor1>:not(#sfWrapper) h1,
body.sfHeadingColor.sfHdColor1>:not(#sfWrapper) h2,
body.sfHeadingColor.sfHdColor1>:not(#sfWrapper) h3,
body.sfHeadingColor.sfHdColor1>:not(#sfWrapper) h4,
body.sfHeadingColor.sfHdColor1>:not(#sfWrapper) h5,
body.sfHeadingColor.sfHdColor1>:not(#sfWrapper) h6{color:#000 !important}


#sfBgColor2>button,#sfTxColor2>button,#sfHdColor2>button,
body.sfBackgroundColor.sfBgColor2,
body.sfBackgroundColor.sfBgColor2>:not(#sfWrapper) *,
body.sfBackgroundColor.sfBgColor2> *:not(#sfWrapper){background:#888888 !important}
body.sfTextColor.sfTxColor2>:not(#sfWrapper) span,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) b,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) big,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) li,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) q,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) lable,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) button,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) input,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) select,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) textarea,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) td,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) th,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) em,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) samp,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) strong,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) p,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) a,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) i,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) small,
body.sfTextColor.sfTxColor2>:not(#sfWrapper) address,
body.sfHeadingColor.sfHdColor2>:not(#sfWrapper) h1,
body.sfHeadingColor.sfHdColor2>:not(#sfWrapper) h2,
body.sfHeadingColor.sfHdColor2>:not(#sfWrapper) h3,
body.sfHeadingColor.sfHdColor2>:not(#sfWrapper) h4,
body.sfHeadingColor.sfHdColor2>:not(#sfWrapper) h5,
body.sfHeadingColor.sfHdColor2>:not(#sfWrapper) h6{color:#888 !important}


#sfBgColor3>button,#sfTxColor3>button,#sfHdColor3>button,
body.sfBackgroundColor.sfBgColor3,
body.sfBackgroundColor.sfBgColor3>:not(#sfWrapper) *,
body.sfBackgroundColor.sfBgColor3> *:not(#sfWrapper){background:#bbb !important}
body.sfTextColor.sfTxColor3>:not(#sfWrapper) span,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) b,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) big,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) li,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) q,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) lable,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) button,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) input,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) select,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) textarea,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) td,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) th,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) em,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) samp,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) strong,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) p,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) a,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) i,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) small,
body.sfTextColor.sfTxColor3>:not(#sfWrapper) address,
body.sfHeadingColor.sfHdColor3>:not(#sfWrapper) h1,
body.sfHeadingColor.sfHdColor3>:not(#sfWrapper) h2,
body.sfHeadingColor.sfHdColor3>:not(#sfWrapper) h3,
body.sfHeadingColor.sfHdColor3>:not(#sfWrapper) h4,
body.sfHeadingColor.sfHdColor3>:not(#sfWrapper) h5,
body.sfHeadingColor.sfHdColor3>:not(#sfWrapper) h6{color:#bbb !important}


#sfBgColor4>button,#sfTxColor4>button,#sfHdColor4>button,
body.sfBackgroundColor.sfBgColor4,
body.sfBackgroundColor.sfBgColor4>:not(#sfWrapper) *,
body.sfBackgroundColor.sfBgColor4> *:not(#sfWrapper){background:#ff0000 !important}
body.sfTextColor.sfTxColor4>:not(#sfWrapper) span,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) b,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) big,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) li,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) q,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) lable,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) button,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) input,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) select,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) textarea,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) td,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) th,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) em,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) samp,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) strong,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) p,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) a,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) i,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) small,
body.sfTextColor.sfTxColor4>:not(#sfWrapper) address,
body.sfHeadingColor.sfHdColor4>:not(#sfWrapper) h1,
body.sfHeadingColor.sfHdColor4>:not(#sfWrapper) h2,
body.sfHeadingColor.sfHdColor4>:not(#sfWrapper) h3,
body.sfHeadingColor.sfHdColor4>:not(#sfWrapper) h4,
body.sfHeadingColor.sfHdColor4>:not(#sfWrapper) h5,
body.sfHeadingColor.sfHdColor4>:not(#sfWrapper) h6{color:#ff0000 !important}




#sfBgColor5>button,#sfTxColor5>button,#sfHdColor5>button,
body.sfBackgroundColor.sfBgColor5,
body.sfBackgroundColor.sfBgColor5>:not(#sfWrapper) *,
body.sfBackgroundColor.sfBgColor5> *:not(#sfWrapper){background:#ff6a00 !important}
body.sfTextColor.sfTxColor5>:not(#sfWrapper) span,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) b,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) big,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) li,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) q,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) lable,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) button,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) input,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) select,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) textarea,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) td,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) th,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) em,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) samp,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) strong,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) p,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) a,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) i,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) small,
body.sfTextColor.sfTxColor5>:not(#sfWrapper) address,
body.sfHeadingColor.sfHdColor5>:not(#sfWrapper) h1,
body.sfHeadingColor.sfHdColor5>:not(#sfWrapper) h2,
body.sfHeadingColor.sfHdColor5>:not(#sfWrapper) h3,
body.sfHeadingColor.sfHdColor5>:not(#sfWrapper) h4,
body.sfHeadingColor.sfHdColor5>:not(#sfWrapper) h5,
body.sfHeadingColor.sfHdColor5>:not(#sfWrapper) h6{color:#ff6a00 !important}



#sfBgColor6>button,#sfTxColor6>button,#sfHdColor6>button,
body.sfBackgroundColor.sfBgColor6,
body.sfBackgroundColor.sfBgColor6>:not(#sfWrapper) *,
body.sfBackgroundColor.sfBgColor6> *:not(#sfWrapper){background:#ffd800 !important}
body.sfTextColor.sfTxColor6>:not(#sfWrapper) span,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) b,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) big,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) li,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) q,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) lable,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) button,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) input,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) select,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) textarea,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) td,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) th,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) em,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) samp,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) strong,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) p,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) a,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) i,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) small,
body.sfTextColor.sfTxColor6>:not(#sfWrapper) address,
body.sfHeadingColor.sfHdColor6>:not(#sfWrapper) h1,
body.sfHeadingColor.sfHdColor6>:not(#sfWrapper) h2,
body.sfHeadingColor.sfHdColor6>:not(#sfWrapper) h3,
body.sfHeadingColor.sfHdColor6>:not(#sfWrapper) h4,
body.sfHeadingColor.sfHdColor6>:not(#sfWrapper) h5,
body.sfHeadingColor.sfHdColor6>:not(#sfWrapper) h6{color:#ffd800 !important}



#sfBgColor7>button,#sfTxColor7>button,#sfHdColor7>button,
body.sfBackgroundColor.sfBgColor7,
body.sfBackgroundColor.sfBgColor7>:not(#sfWrapper) *,
body.sfBackgroundColor.sfBgColor7> *:not(#sfWrapper){background:#00ff21 !important}
body.sfTextColor.sfTxColor7>:not(#sfWrapper) span,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) b,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) big,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) li,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) q,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) lable,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) button,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) input,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) select,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) textarea,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) td,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) th,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) em,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) samp,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) strong,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) p,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) a,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) i,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) small,
body.sfTextColor.sfTxColor7>:not(#sfWrapper) address,
body.sfHeadingColor.sfHdColor7>:not(#sfWrapper) h1,
body.sfHeadingColor.sfHdColor7>:not(#sfWrapper) h2,
body.sfHeadingColor.sfHdColor7>:not(#sfWrapper) h3,
body.sfHeadingColor.sfHdColor7>:not(#sfWrapper) h4,
body.sfHeadingColor.sfHdColor7>:not(#sfWrapper) h5,
body.sfHeadingColor.sfHdColor7>:not(#sfWrapper) h6{color:#00ff21 !important}



#sfBgColor8>button,#sfTxColor8>button,#sfHdColor8>button,
body.sfBackgroundColor.sfBgColor8,
body.sfBackgroundColor.sfBgColor8>:not(#sfWrapper) *,
body.sfBackgroundColor.sfBgColor8> *:not(#sfWrapper){background:#00ffff !important}
body.sfTextColor.sfTxColor8>:not(#sfWrapper) span,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) b,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) big,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) li,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) q,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) lable,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) button,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) input,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) select,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) textarea,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) td,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) th,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) em,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) samp,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) strong,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) p,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) a,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) i,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) small,
body.sfTextColor.sfTxColor8>:not(#sfWrapper) address,
body.sfHeadingColor.sfHdColor8>:not(#sfWrapper) h1,
body.sfHeadingColor.sfHdColor8>:not(#sfWrapper) h2,
body.sfHeadingColor.sfHdColor8>:not(#sfWrapper) h3,
body.sfHeadingColor.sfHdColor8>:not(#sfWrapper) h4,
body.sfHeadingColor.sfHdColor8>:not(#sfWrapper) h5,
body.sfHeadingColor.sfHdColor8>:not(#sfWrapper) h6{color:#00ffff !important}



#sfBgColor9>button,#sfTxColor9>button,#sfHdColor9>button,
body.sfBackgroundColor.sfBgColor9,
body.sfBackgroundColor.sfBgColor9>:not(#sfWrapper) *,
body.sfBackgroundColor.sfBgColor9> *:not(#sfWrapper){background:#0026ff !important}
body.sfTextColor.sfTxColor9>:not(#sfWrapper) span,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) b,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) big,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) li,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) q,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) lable,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) button,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) input,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) select,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) textarea,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) td,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) th,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) em,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) samp,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) strong,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) p,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) a,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) i,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) small,
body.sfTextColor.sfTxColor9>:not(#sfWrapper) address,
body.sfHeadingColor.sfHdColor9>:not(#sfWrapper) h1,
body.sfHeadingColor.sfHdColor9>:not(#sfWrapper) h2,
body.sfHeadingColor.sfHdColor9>:not(#sfWrapper) h3,
body.sfHeadingColor.sfHdColor9>:not(#sfWrapper) h4,
body.sfHeadingColor.sfHdColor9>:not(#sfWrapper) h5,
body.sfHeadingColor.sfHdColor9>:not(#sfWrapper) h6{color:#0026ff !important}



#sfBgColor10>button,#sfTxColor10>button,#sfHdColor10>button,
body.sfBackgroundColor.sfBgColor10,
body.sfBackgroundColor.sfBgColor10>:not(#sfWrapper) *,
body.sfBackgroundColor.sfBgColor10> *:not(#sfWrapper){background:#b200ff !important}
body.sfTextColor.sfTxColor10>:not(#sfWrapper) span,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) b,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) big,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) li,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) q,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) lable,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) button,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) input,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) select,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) textarea,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) td,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) th,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) em,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) samp,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) strong,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) p,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) a,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) i,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) small,
body.sfTextColor.sfTxColor10>:not(#sfWrapper) address,
body.sfHeadingColor.sfHdColor10>:not(#sfWrapper) h1,
body.sfHeadingColor.sfHdColor10>:not(#sfWrapper) h2,
body.sfHeadingColor.sfHdColor10>:not(#sfWrapper) h3,
body.sfHeadingColor.sfHdColor10>:not(#sfWrapper) h4,
body.sfHeadingColor.sfHdColor10>:not(#sfWrapper) h5,
body.sfHeadingColor.sfHdColor10>:not(#sfWrapper) h6{color:#b200ff !important}




#sfBgColor11>button,#sfTxColor11>button,#sfHdColor11>button,
body.sfBackgroundColor.sfBgColor11,
body.sfBackgroundColor.sfBgColor11>:not(#sfWrapper) *,
body.sfBackgroundColor.sfBgColor11> *:not(#sfWrapper){background:#ff00dc !important}
body.sfTextColor.sfTxColor11>:not(#sfWrapper) span,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) b,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) big,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) li,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) q,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) lable,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) button,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) input,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) select,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) textarea,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) td,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) th,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) em,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) samp,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) strong,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) p,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) a,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) i,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) small,
body.sfTextColor.sfTxColor11>:not(#sfWrapper) address,
body.sfHeadingColor.sfHdColor11>:not(#sfWrapper) h1,
body.sfHeadingColor.sfHdColor11>:not(#sfWrapper) h2,
body.sfHeadingColor.sfHdColor11>:not(#sfWrapper) h3,
body.sfHeadingColor.sfHdColor11>:not(#sfWrapper) h4,
body.sfHeadingColor.sfHdColor11>:not(#sfWrapper) h5,
body.sfHeadingColor.sfHdColor11>:not(#sfWrapper) h6{color:#ff00dc !important}

/*--> [ SF ZOOM Controls ] <--*/
html>body.sfDescriptionPhotos>#sfImgAlt.sfImgAlt,
html>body.sfZoomeControler>#sfZoomText.sfZoomText{
	background:rgba(0,0,0,0.8) !important;
	border-radius:2px;
	color:#fff;
	font-family:Arial;
	font-style:normal;
	font-size:24px;
	line-height:105%;
	display:none;
	position:absolute;
	padding:10px 15px;
	max-width:500px;
	z-index:99999999;
	
}
body.sfZoomeControler> *:not(a){cursor:default !important}

/*--> [ SF Animation ] <--*/
body.sfFontSize-110>:not(#sfWrapper) *,
body.sfFontSize-120>:not(#sfWrapper) *,
body.sfFontSize-130>:not(#sfWrapper) *,
body.sfFontSize-140>:not(#sfWrapper) *,
body.sfFontSize-150>:not(#sfWrapper) *,
body.sfFontSize-160>:not(#sfWrapper) *,
body.sfFontSize-170>:not(#sfWrapper) *,
body.sfFontSize-180>:not(#sfWrapper) *,
body.sfFontSize-190>:not(#sfWrapper) *,
body.sfFontSize-200>:not(#sfWrapper) *{
	-webkit-transition:font-size 300ms;
	-moz-transition:font-size 300ms;
	-ms-transition:font-size 300ms;
	-o-transition:font-size 300ms;
	transition:font-size 300ms;
}

body> *:not(#sfWrapper){
	-webkit-transition:transform 600ms;
	-moz-transition:transform 600ms;
	-ms-transition:transform 600ms;
	-o-transition:transform 600ms;
	transition:transform 600ms;
}

body.sfHighlightingTitles>:not(#sfWrapper),
body.sfLinkUnderline>:not(#sfWrapper) a{
	-webkit-transition:all 700ms;
	-moz-transition:all 700ms;
	-ms-transition:all 700ms;
	-o-transition:all 700ms;
	transition:all 700ms;
}




/*----------------------/
/-----------------------/
/------ SF Design ------/
/-----------------------/
/----------------------*/


/*body{position:relative}*/
.sfAccessibility>header,
.sfAccessibility>section,
.sfAccessibility>footer{
	box-sizing:border-box;
	display:block;
	margin:0;
	width:100%
}
.sfClearfix{
	border:0;clear:both;
	margin:0;padding:0;
	height:0;width:0
}
.sfWrapper{
	background-color:#ffffff;
	box-sizing:border-box;
	box-shadow:1px 3px 5px #111;
	font-family:'Assistant', sans-serif;
	position:fixed;
	top:0;
	left:-320px;
	height:100%;
	width:315px;
	z-index:999;
}
.sfWrapper.sfOpen{left:0}
/*--> [ SF Botton ] <--*/
.sfWrapper>.sfButton{
	background:none;
	border:0;
	box-shadow:2px 2px 4px #111;
	cursor:pointer;
	top:100px;
	left:0;
	margin:0;
	padding:0;
	position:fixed;
	height:50px;
	width:50px;
	z-index:9999;
}
.sfButton>img{display:block;left:0;position:absolute;top:0;width:100%}
.sfAccessibility{
	box-sizing:border-box;
	display:none;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	z-index:9999;
}

/*--> [ SF Header ] <--*/
header.sfHeader{
	background-color:#00326f;
	color:#fff;
	font-family:'Assistant', sans-serif;
	line-height:35px;
	padding:5px;
	position:relative;
	height:45px;
}
header.sfHeader>button.sfClose{
	background:none;
	border:0;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-family:"Arial";
	font-size:24px;
    font-weight:400;
	height:35px;
	left:15px;
	line-height:35px;
	padding:0;
	position:absolute;
	text-align:center;
	width:35px
}
header.sfHeader>button.sfClose:hover{color:#ff0000}
header.sfHeader>p{
	font-family:'Assistant', sans-serif;
	font-size:33px;
	margin:0;
	padding:0;
	line-height:29px;
	text-align:center;
	width:100%
}
/*--> [ SF Section ] <--*/
section.sfSectionArea{
	margin:0;
	padding:0;
	position:relative;
	width:100%
}
.sfSection{
	background-color:#ffffff;
	box-sizing:border-box;
	margin:0;
	padding:5px 5px 5px 0;
	position:relative;
	overflow:hidden;
	width:100%
}


/**** Scrollbar Custom ****/
.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-left:15px !important;}









/*--> [ SF Top Menu ] <--*/

ul.sfTopMenu{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%
}
ul.sfTopMenu>li{
	border-bottom:1px solid #cfcfcf;
    box-sizing:border-box;
	margin:0;
	padding:0;
    width:100%
}
ul.sfTopMenu>li>button{
	background:none;
	border:0;
	box-sizing:border-box;
	color:#4c4c4c;
	cursor:pointer;
	display:block;
    font-family:"Assistant",sans-serif;
    font-size:15px;
	font-weight:700;
    line-height:27px;
	text-align:right;
    text-decoration:none;
	margin:0;
	padding:0;
    position:relative;
	text-indent:55px;
	height:49px;
    width:100%;
}

ul.sfTopMenu>li>button:hover,
ul.sfTopMenu>li>button:focus,
ul.sfTopMenu>li>button:active{background-color:rgba(0,50,111,0.1);color:#00326f}
ul.sfTopMenu>li>button:focus{outline-color:#00326f;}

ul.sfTopMenu>li>button>i{
	position:absolute;
	right:0;top:0;
	text-align:center;
	height:47px;
	width:55px
}
ul.sfTopMenu>li>button>i>img{
	border:0;
	display:block;
	margin:0 auto;
	width:100%
}
/*--> [ SF Main Menu ] <--*/
.sfMainMenuArea{
	font-family:'Assistant', sans-serif;
	float:left;
	margin:0;
	padding:0;
	width:100%
}
ul.sfMainMenu{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	width:100%
}
ul.sfMainMenu>li{
	
	box-sizing:border-box;
	border-bottom:1px solid #cfcfcf;
	float:left;
	margin:0;
	padding:5px 0;
	position:relative;
	width:33.33%
}

ul.sfMainMenu>li>button{
	background:none;
	border:0;
	box-sizing:border-box;
	color:#4c4c4c;
	cursor:pointer;
	font-family:'Assistant', sans-serif;
	font-size:18px;
	font-weight:700;
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
	height:66px;
	width:100%
}
ul.sfMainMenu>li:nth-last-child(-n+3){border:0}
ul.sfMainMenu>li:nth-child(3n+2)>button{
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
}
ul.sfMainMenu>li>button:hover,
ul.sfMainMenu>li>button:focus,
ul.sfMainMenu>li>button:active{background-color:rgba(0,50,111,0.1);color:#00326f}
ul.sfMainMenu>li>button:focus{outline-color:#00326f}


ul.sfMainMenu>li>button>i{
	display:block;
	height:46px;
	text-align:center;
	width:100%
}
ul.sfMainMenu>li>button>i>img{
	border:0;
	display:block;
	margin:0 auto;
	padding:0;
	text-align:center;
}
ul.sfMainMenu>li>button>span{
	display:block;
	font-size:14px;
	height:20px;
	line-height:19px;
	text-align:center;
}

/*--> [ SF Color Zone ] <--*/
.sfColorzone{
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
}
.sfColorBoxArea{
	background:#111;
	top:0;
	margin:0;
	padding:0;
	position:absolute;
	height:76px;
	width:295px;
	z-index:99;
}
ul.sfBoxControl{
	box-sizing:border-box;
	float:left;
	margin:0;
	padding:0;
	height:76px;
	list-style:none;
	width:40%
}
ul.sfBoxControl>li{
	box-sizing:border-box;
	border-right:1px solid #fff;
	float:right;
	margin:0;
	padding:0;
	height:76px;
	width:50%
}
ul.sfBoxControl>li>button{
	background:none;
	border:0;
	cursor:pointer;
	display:block;
	padding:0;
	height:100%;
	width:100%
}
#sfColorSet>button{background:url("../images/sfAccessibility/tick.png") no-repeat center center/80%}
#sfColorCancel>button{background:url("../images/sfAccessibility/cross.png") no-repeat center center/65%}
ul.sfBoxControl>li>button>img{
	display:block;
	width:100%;
}
ul.sfColorBox{
	box-sizing:border-box;
	float:right;
	margin:0;
	padding:10px;
	height:76px;
	list-style:none;
	width:60%
}
ul.sfColorBox>li{
	box-sizing:border-box;
	float:right;
	margin:0;
	padding:4px 3px;
	width:16.667%;
}
ul.sfColorBox>li>button{
	background:none;
	border:1px solid #fff;
	cursor:pointer;
	display:block;
	height:18px;
	outline:0 none;
	margin:0 auto;
	padding:0;
	position:relative;
	width:18px
}

#sfBgColor12>button:after,
#sfTxColor12>button:after,#sfHdColor12>button:after{
	background:#fff;
	content:"";height:28px;
	left:0;margin:0 auto;
	position:absolute;
	right:0;top:-5px;
	transform:rotate(45deg);
	width:2px;z-index:1
}
#sfHeadingColor>.sfColorBoxArea{right:-197px}
#sfTextColor>.sfColorBoxArea{right:-98px}
#sfBackgroundColor>.sfColorBoxArea{right:0}
ul.sfColorBox>li>button:hover{border-color:#29abe2}


/*--> [ SF footer ] <--*/
footer.sfFooter{
	color:#fff;
	font-size:15px;
	padding:0;
	line-height:19px;
	text-align:center;
	height:128px;
}

ul.sfFtrMenu{
	background-color:#00326f;
	box-sizing:border-box;
	float:left;
	list-style:none;
	margin:0;
	padding:10px 5px;
	width:100%
}

ul.sfFtrMenu>li{
	box-sizing:border-box;
	color:#00326f;
	cursor:pointer;
	float:left;
	margin:0;
	padding:0;
	height:70px;
	width:33.33%
}
ul.sfFtrMenu>li>a,
ul.sfFtrMenu>li>button{
	background:none;
	border:1px dashed transparent;
	box-sizing:border-box;
	font-family:'Assistant', sans-serif;
	font-size:18px;
	font-weight:700;
	color:#fff;
	cursor:pointer;
	display:block;
	text-decoration:none;
	margin:0;
	padding:0;
	width:100%;
}
ul.sfFtrMenu>li>a:focus,
ul.sfFtrMenu>li>button:focus{outline:none;border-color:#fff}
ul.sfFtrMenu>li>a>i,
ul.sfFtrMenu>li>button>i{
	display:block;
	height:50px;
	text-align:center;
	width:100%
}
ul.sfFtrMenu>li>a>i>img,
ul.sfFtrMenu>li>button>i>img{
	border:0;
	display:block;
	margin:0 auto;
	padding:0;
	text-align:center;
}
ul.sfFtrMenu>li>a>span,
ul.sfFtrMenu>li>button>span{
	display:block;
	font-size:15px;
	height:20px;
	line-height:19px;
	text-align:center;
}

.rivacyPolicy{
	background:#fff;
	box-sizing:border-box;
	font-size:14px;
	float:left;
	margin:0;
	padding:10px 5px;
	height:38px;
	line-height:18px;
	width:100%
}
.rivacyPolicy>span{color:#282828;margin-right:5px;}
.rivacyPolicy>a{
	color:#282828;
	text-transform:uppercase;
	margin-left:5px;
	text-decoration:none
}
.rivacyPolicy>a:hover{color:#00326f}
ul.sfTopMenu>li.sfActive>a,
ul.sfTopMenu>li.sfActive>button,
ul.sfFtrMenu>li.sfActive>button,
ul.sfMainMenu>li.sfActive>button{color:#c0392b}


/*--> [ SF Contact Form ] <--*/
.sfContactForm{
	background:rgba(0,0,0,0.8);
	display:none;
	top:0;left:0;
	margin:0;padding:0;
	position:fixed;
	height:100%;
	width:100%;
	z-index:9999999
}
.sfCFormArea{
	background:#fff;
	box-sizing:border-box;
	margin:0 auto;
	padding:10px 15px;
	top:10%;
	height:80%;
	max-width:800px;
	position:relative;
	width:100%
}
.sfCFInfo{
	background:#fff;
	margin:0;
	padding:0;
	height:20%;
	width:100%
}
.sfCFInfo>h2{
	background:#fff;
	margin:0;
	padding:0 0 15px;
	text-align:center;
	position:relative;
}
.sfCFInfo>h2::after{
	background:#00125c;
	bottom:0;
	content:'';
	height:1px;
	margin:0 auto;
	padding:0;
	position:absolute;
	left:0;right:0;
	width:40%;
}
.sfCFInfo>h2>span{color:#00125c}
.sfCFInfo>h2>button{
	background:none;
	border:0 none;
    color:#ff0000;
	cursor:pointer;
    cursor:pointer;
    float:left;
    font-size:18px;
    height:25px;
    margin:0;
    padding:0;
    width:25px
}
.sfCFArea{overflow:auto;height:80%;width:100%}
.sfCForm{margin:0 auto;padding:0;max-width:500px;width:100%}
.sfFormGroup{
	box-sizing: border-box;
    margin:0;
    padding:0 0 14px;
    width:100%;
}
.sfFormGroup>label{
	box-sizing:border-box;
    display:block;
    margin:0 0 5px;
    padding:5px 0;
    text-align:center;
	position:relative;
    width:100%;
}
.sfFormGroup>label::after{
	background:#00125C;
	position:absolute;
	bottom:0;
	content:'';
	left:0;right:0;
	margin:0 auto;
	height:1px;
	width:30%;
}
.sfFormGroup>input{
	border-color:#00125C;
	border-style:solid;
	border-width:0 0 1px;
	box-sizing:border-box;
	box-shadow:none;
    display:block;
    font-size:14px;
    height:30px;
	outline:0;
    line-height:30px;
    margin:0;
    padding:3px 0;
    width:100%
}
.sfFormGroup>input:focus{border-color:#28d2aa}
.sfFormGroup>textarea:focus{border-color:#28d2aa}
.sfFormGroup>textarea{
	border:1px solid #00125C;
    box-sizing:border-box;
	font-size:14px;
	outline:0;
	line-height:28px;
    height:150px;
    margin:10px 0 0;
    padding:0 5px;
	resize:vertical;
    width:100%;
}
.sfFormBGroup{
	box-sizing:border-box;
    margin:0;
    padding:15px 0;
    width:100%
}
.sfFormBGroup>button{
	background:#00125c;
	border:0;cursor:pointer;
	outline:0;
	box-shadow:1px 2px 5px #111111;
	box-sizing:border-box;
	color:#fff;
	cursor:pointer;
	margin:0 0 0 15px;
	padding:6px 5px 8px;
	width:100px;
}
.sfFormBGroup>button:hover{}

.sfMessage{color:green}
.sfError{color:#ff0000}

.sfCFInfo>p{
	background:#fff;
	display:none;
	line-height:18px;
	margin:0;
	padding:10px 0;
	text-align:center;
	width:100%
}


/*--> [ SF Tab Options ] <--*/
.sfTabOptions{
	left:0;
    margin:0 auto;
    max-width:550px;
    position:fixed;
    right:0;
    top:0;
    width:100%
}
.sfTabOptions>button{
	background:rgba(0,17,89,0.8);
	border:0;
	border-radius:5px;
    box-sizing:border-box;
	font-family:'Assistant', sans-serif;
	font-size:18px;
	font-weight:700;
    color:#fff;
	cursor:pointer;
    display:none;
    font-size:18px;
    height:36px;
    left:0;
    margin:5px auto 0;
    outline:0 none;
    padding:0;
    position:absolute;
    right:0;
    text-align:right;
    top:-50px;
    width:200px;
}
.sfTabOptions>button:focus{top:0}
#sfKBOptions{list-style:none}
ul.sfKBOptions{
	box-sizing:border-box;
	display:none;
	float:left;
	height:45px;
	list-style:none;
	margin:0;
	padding:5px 0 0;
	position:absolute;
	width:100%;
}
ul.sfKBOptions>li{
	box-sizing:border-box;
	float:right;
	padding:0 5px;
	position:relative;
	width:33.33%;
}
ul.sfKBOptions>li>button{
	background:rgba(0,17,89,0.8);
	border:0;
	border-radius:3px;
    box-sizing:border-box;
    color:#fff;
	cursor:pointer;
	font-family:'Assistant', sans-serif;
	font-size:16px;
	font-weight:700;
    display:block;
    height:36px;
    margin:0 auto;
    outline:0 none;
    padding:0;
    position:relative;
    text-align:right;
    width:100%;
}

ul.sfKBOptions>li>button:hover{color:#00326f}

.sfKBOptions>li>button>span,
.sfTabOptions>button>span{
	background:url("../images/sfAccessibility/leftarow.png") no-repeat right 6px center;
	box-sizing:border-box;
	padding:0 45px 0 0;
	display:block;
	line-height:34px;
	width:100%;
}
.sfKBOptions>li>button>span>i,
.sfTabOptions>button>span>i{
	font-style:normal;
	position:relative;
	top:-2px;
}


/*--> [ SF Animation ] <--*/
ul.sfKBOptions>li>button:hover,
.sfTabOptions>button#sfTabOpenMenu:focus,
.sfWrapper,.sfCFormArea,
ul.sfTopMenu>li>button:hover,
ul.sfMainMenu>li>button:hover,
ul.sfFtrMenu>li>button:hover,
.sfHeader>button.sfClose:hover,
.sfFormGroup>input:focus,
.sfFormGroup>textarea:focus,
.sfFormBGroup>button:hover,.sfZoomText{
	-webkit-transition:all 700ms;
	-moz-transition:all 700ms;
	-ms-transition:all 700ms;
	-o-transition:all 700ms;
	transition:all 700ms;
	transition-property:all;
	transition-duration:700ms;
}





@media screen and (max-width: 767px){
	.sfTabOptions{display:none}
	.sfCFormArea{top:0;height:100%;max-width:100%}
}
@media screen and (max-width: 640px){
	ul.sfKBOptions>li {padding:0 5px 3px;width:100%}
}