/*SSCSS 2.0 - a CSS framework from - SINALSOFT 2003 - 2020 - all rights reserved*/
/*SSCSS - Theme
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- 
  Define colors:
  Primary: 		253, 36, 12 		: 	used in Objects   
  Secondary: 	1, 153, 203 	: 	used in Objects2 
  BG: 			1, 153, 203 	: 	used in backgrounds
  Light:  		248, 248, 248	:	used in backgrounds and text color where the bg is dark
  Dark:			12, 12, 12		:	used in backgrounds and text color where the bg is Light
*/
html,body{ font-family:Verdana,sans-serif; font-size:16px; line-height:1.5; }
html { background-color:rgb(172, 216, 252); }
/*font*/
h1 { font-size:36px; }h2{ font-size:30px; }h3{ font-size:24px; }h4{ font-size:20px; }h5{ font-size:18px; }h6{ font-size:16px; }
h1,h2,h3,h4,h5,h6{ font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0; }
/*important elements*/
h1, h2, h3, h4, h5 { color:rgb(248, 248, 248); }
a, a:link, a:visited, a:active, a:visited, a:checked, a:after { color:rgb(1, 153, 203); text-decoration:none; } a:hover { text-decoration:underline; color:rgb(253, 36, 12); } 
.a a, .a a:link, .a a:visited, .a a:active, .a a:visited { color:rgb(255, 255, 255); text-decoration:none; } .a a:hover { text-decoration:underline; color:rgb(204, 255, 255); } 
.ss-object { background-color: rgb(253, 36, 12); }   .ss-object-lighter { background-color: rgba(253, 36, 12, 0.2); } .ss-object-light { background-color: rgba(253, 36, 12, 0.4); }   .ss-object-medium { background-color: rgba(253, 36, 12, 0.6); }  .ss-object-dark { background-color: rgba(253, 36, 12, 0.7); } .ss-object-darker { background-color: rgba(253, 36, 12, 0.8); } .ss-object-darkerst { background-color: rgba(253, 36, 12, 0.9); }
.ss-object2 { background-color: rgb(1, 153, 203); } .ss-object2-lighter { background-color: rgba(1, 153, 203, 0.2); } .ss-object2-light { background-color: rgba(1, 153, 203, 0.4); } .ss-object2-medium { background-color: rgba(1, 153, 203, 0.6); } .ss-object2-dark { background-color: rgba(1, 153, 203, 0.7); } .ss-object2-darker { background-color: rgba(1, 153, 203, 0.8); } .ss-object2-darkerst { background-color: rgba(1, 153, 203, 0.9); }
.ss-border-object { border:1px rgb(253, 36, 12) solid;}
.ss-border-object2 { border:1px rgb(1, 153, 203) solid;}
.ss-border-object-top,.ss-border-object-top-2,.ss-border-object-top-3,.ss-border-object-top-4,.ss-border-object-top-5,.ss-border-object-top-10 {border-top-style:solid; border-top-color:rgb(253, 36, 12);}
.ss-border-object-bottom,.ss-border-object-bottom-2,.ss-border-object-bottom-3,.ss-border-object-bottom-4,.ss-border-object-bottom-5,.ss-border-object-bottom-10 {border-bottom-style:solid; border-bottom-color:rgb(253, 36, 12);}
.ss-border-object2-top,.ss-border-object2-top-2,.ss-border-object2-top-3,.ss-border-object2-top-4,.ss-border-object2-top-5,.ss-border-object2-top-10 {border-top-style:solid; border-top-color:rgb(1, 153, 203);}
.ss-border-object2-bottom,.ss-border-object2-bottom-2,.ss-border-object2-bottom-3,.ss-border-object2-bottom-4,.ss-border-object2-bottom-5,.ss-border-object2-bottom-10 {border-bottom-style:solid; border-bottom-color:rgb(1, 153, 203);}
.ss-border-object-top,.ss-border-object2-top{border-top-width:1px;} .ss-border-object-top-2,.ss-border-object2-top-2{border-top-width:2px;} .ss-border-object-top-3,.ss-border-object2-top-3{border-top-width:3px;} .ss-border-object-top-4,.ss-border-object2-top-4{border-top-width:4px;} .ss-border-object-top-5,.ss-border-object2-top-5{border-top-width:5px;} .ss-border-object-top-10,.ss-border-object2-top-10{border-top-width:10px;}
.ss-border-object-bottom,.ss-border-object2-bottom{border-bottom-width:1px;} .ss-border-object-bottom-2,.ss-border-object2-bottom-2{border-bottom-width:2px;} .ss-border-object-bottom-3,.ss-border-object2-bottom-3{border-bottom-width:3px;} .ss-border-object-bottom-4,.ss-border-object2-bottom-4{border-bottom-width:4px;} .ss-border-object-bottom-5,.ss-border-object2-bottom-5{border-bottom-width:5px;} .ss-border-object-bottom-10,.ss-border-object2-bottom-10{border-bottom-width:10px;}
/*color - bg - text*/
.ss-white {color:rgb(12, 12, 12)!important;background-color:rgb(248, 248, 248)!important; } .ss-white-lighter {color:rgba(12, 12, 12)!important; background-color:rgba(248, 248, 248, 0.2)!important;} .ss-white-light { color:rgba(12, 12, 12)!important; background-color:rgba(248, 248, 248, 0.4)!important; } .ss-white-medium{ color:rgba(12, 12, 12)!important; background-color:rgba(248, 248, 248, 0.6)!important; } .ss-white-dark{color:rgba(12, 12, 12)!important; background-color:rgba(248, 248, 248, 0.7)!important;} .ss-white-darker { color:rgba(12, 12, 12)!important; background-color:rgba(248, 248, 248, 0.8)!important;} .ss-white-darkest{color:rgba(12, 12, 12)!important; background-color:rgba(248, 248, 248, 0.9)!important;}
.ss-black {color:rgb(248, 248, 248)!important;background-color:rgb(12, 12, 12)!important; } .ss-black-lighter {color:rgba(248, 248, 248)!important; background-color:rgba(12, 12, 12, 0.2)!important;} .ss-black-light { color:rgba(248, 248, 248)!important; background-color:rgba(12, 12, 12, 0.4)!important; } .ss-black-medium{ color:rgba(248, 248, 248)!important; background-color:rgba(12, 12, 12, 0.6)!important; } .ss-black-dark{color:rgba(248, 248, 248)!important; background-color:rgba(12, 12, 12, 0.7)!important;} .ss-black-darker{color:rgba(248, 248, 248)!important; background-color:rgba(12, 12, 12, 0.8)!important;} .ss-black-darkest{color:rgba(248, 248, 248)!important; background-color:rgba(12, 12, 12, 0.9)!important;}
.ss-orange {background-color:rgb(253, 36, 12);} .ss-object-lighter{background-color:rgba(253, 36, 12, 0.2);} .ss-object-light{background-color:rgba(253, 36, 12, 0.4); } .ss-object-medium{background-color:rgba(253, 36, 12, 0.6);} .ss-object-dark{background-color:rgba(253, 36, 12, 0.7);} .ss-object-darker{background-color:rgba(253, 36, 12, 0.8);} .ss-object-darkest{background-color:rgba(253, 36, 12, 0.9);}
.ss-blue { background-color:rgb(1, 153, 203);} .ss-object2-lighter{background-color: rgba(1, 153, 203, 0.2);} .ss-object2-light{background-color:rgba(1, 153, 203, 0.4);} .ss-object2-medium{background-color:rgba(1, 153, 203, 0.6);} .ss-object2-darker{background-color:rgba(1, 153, 203, 0.7);} .ss-object2-darker{background-color:rgba(1, 153, 203, 0.8);} .ss-object2-darkest{background-color:rgba(1, 153, 203, 0.9);}
/*color - text - theme & perso*/.ss-text-object  { color:rgb(253, 36, 12) } .ss-text-object2  { color:rgb(1, 153, 203) } .ss-text-white  { color:rgb(248, 248, 248) } .ss-text-black  { color:rgb(12, 12, 12) } .ss-text-gray  { color:rgb(12, 12, 12) }
/*color - text - blue*/.ss-text-blue { color: rgb(0,0,255); } .ss-text-skyBlue5 { color: rgb(1, 153, 203); } .ss-text-deepBlueSky2 { color: rgb(3, 151, 223); } .ss-text-yale    { color: rgb(14,77,147); } .ss-text-prussian   { color: rgb(0,49,82); }
/*color - text - red*/.ss-text-red   { color: rgb(255,17,17); }
/*color - text -theme*/.ss-text-color-object {color:rgb(253, 36, 12);} .ss-text-color-object2 {color:rgb(rgb(1, 153, 203););}/*/theme*/
/*color - text - greens*/.ss-text-green   { color: rgb(0,204,102); } .ss-text-olive   { color: rgb(112,130,56); } .ss-text-sea   { color: rgb(47,139,88); }
/*color - text - orange*/.ss-text-orange { color: rgb(251,102,0); } .ss-text-ferrari { color: rgb(255,40,1); } .ss-text-tiger { color: rgb(253,106,1); } .ss-text-gold { color: rgb(249,166,2); } .ss-text-tangerine { color: rgb(249,129,42); } .ss-text-amber { color: rgb(254,191,0); } 
/*color - text - other*/.ss-text-yellow   { color: rgb(255,255,45); } .ss-text-pink   { color: rgb(192,128,129); } .ss-text-purple   { color: rgb(90,21,148); } .ss-text-cyan   { color: rgb(0,204,255); } .ss-text-brown   { color: rgb(128,64,0); }