@charset "utf-8";
/* CSS Document */




body{
	background-color: #262626;
	color: white;
}

.backg {
	background: url("Images/bg.png") ;
	background-size: cover;
	background-position: top right;
	
}

.header_r{
	height: 15vh;
}

.body_r{
	height: 85vh;
	align-content: center;
	justify-content: center;
}

span {
	font-family: "Times New Roman";
	color: transparent;
	letter-spacing: 10px;
	font-weight: bold;
	background-image: linear-gradient(
	to right,#462523 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#462523 100%); 
	font-size: 3.2em;
	-webkit-background-clip: text;
	text-align: center;
	display: block;
	margin-left: auto;
}

p {
	font-family: "Times New Roman";
	font-size: 2em;
	font-weight: lighter;
	text-align: center;
	color: white;
}

.slogan_csforce{
	margin-top: 80px;
}

h2 {
	font-family: "Times New Roman";
	text-align: center;
	font-size: 2em;
	color: white;
}

.first{
	justify-content: center;
	align-items: center;
}


/** ANIMATED LOGO **/

.hovering_logo{
	margin-left: -125px;
	margin-top: 40px;
}
svg {
	width: 420px;
}

#Logo{
	transform: translateX(-80px) translateY(400px);
}
svg:hover #Logo {
	animation-duration: 2.2s;
	animation-name: animatedLogo;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

svg:hover #Tarjeta{
	animation-duration: 2.2s;
	animation-name: animatedBoard;
	animation-iteration-count: infinite;
	animation-direction: alternate;	
}

@keyframes animatedLogo {
	from {
		transform: translateX(-80px) translateY(400px);
	}
	to {
		transform: translateX(-80px) translateY(550px);
	}
}

@keyframes animatedBoard {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-70px);
	}
}

.st0{enable-background:new;}
.st1{clip-path:url(#SVGID_2_);enable-background:new;}
.st2{fill:#294566;}
.st3{fill:#2B476A;}
.st4{fill:#2C4A6E;}
.st5{fill:#2E4D72;}
.st6{fill:#2F4F76;}
.st7{fill:#31527A;}
.st8{fill:#33547D;}
.st9{fill:#345781;}
.st10{fill:#365A85;}
.st11{fill:#395F8D;}
.st12{clip-path:url(#SVGID_4_);enable-background:new    ;}
.st13{clip-path:url(#SVGID_6_);enable-background:new    ;}
.st14{fill:#6D7885;}
.st15{fill:#2C4A6D;}
.st16{clip-path:url(#SVGID_8_);enable-background:new    ;}
.st17{clip-path:url(#SVGID_10_);enable-background:new    ;}
.st18{clip-path:url(#SVGID_12_);enable-background:new    ;}
.st19{clip-path:url(#SVGID_14_);enable-background:new    ;}
.st20{fill:#7A8594;}
.st21{fill:#7E8A99;}
.st22{fill:#828F9E;}
.st23{fill:#8693A3;}
.st24{fill:#8B98A8;}
.st25{clip-path:url(#SVGID_16_);enable-background:new    ;}
.st26{fill:#97A6B8;}
.st27{fill:#75808E;}
.st28{clip-path:url(#SVGID_18_);enable-background:new    ;}
.st29{clip-path:url(#SVGID_20_);enable-background:new    ;}
.st30{fill:#8F9CAD;}
.st31{fill:#76818F;}
.st32{fill:#717C8A;}
.st33{fill:#BBCDE3;}
.st34{clip-path:url(#SVGID_22_);enable-background:new    ;}
.st35{clip-path:url(#SVGID_24_);enable-background:new    ;}
.st36{clip-path:url(#SVGID_26_);enable-background:new    ;}
.st37{clip-path:url(#SVGID_28_);enable-background:new    ;}
.st38{clip-path:url(#SVGID_30_);enable-background:new    ;}
.st39{clip-path:url(#SVGID_32_);enable-background:new    ;}
.st40{clip-path:url(#SVGID_34_);enable-background:new    ;}
.st41{clip-path:url(#SVGID_36_);enable-background:new    ;}
.st42{clip-path:url(#SVGID_38_);enable-background:new    ;}
.st43{clip-path:url(#SVGID_40_);enable-background:new    ;}
.st44{clip-path:url(#SVGID_42_);enable-background:new    ;}
.st45{clip-path:url(#SVGID_44_);enable-background:new    ;}
.st46{clip-path:url(#SVGID_46_);enable-background:new    ;}
.st47{clip-path:url(#SVGID_48_);enable-background:new    ;}
.st48{clip-path:url(#SVGID_50_);enable-background:new    ;}
.st49{clip-path:url(#SVGID_52_);enable-background:new    ;}
.st50{clip-path:url(#SVGID_54_);enable-background:new    ;}
.st51{clip-path:url(#SVGID_56_);enable-background:new    ;}
.st52{clip-path:url(#SVGID_58_);enable-background:new    ;}
.st53{clip-path:url(#SVGID_60_);enable-background:new    ;}
.st54{clip-path:url(#SVGID_62_);enable-background:new    ;}
.st55{clip-path:url(#SVGID_64_);enable-background:new    ;}
.st56{clip-path:url(#SVGID_66_);enable-background:new    ;}
.st57{clip-path:url(#SVGID_68_);enable-background:new    ;}
.st58{clip-path:url(#SVGID_70_);enable-background:new    ;}
.st59{clip-path:url(#SVGID_72_);enable-background:new    ;}
.st60{fill:#365B87;}
.st61{clip-path:url(#SVGID_74_);enable-background:new    ;}
.st62{fill:#284262;}
.st63{clip-path:url(#SVGID_76_);enable-background:new    ;}
.st64{clip-path:url(#SVGID_78_);enable-background:new    ;}
.st65{clip-path:url(#SVGID_80_);enable-background:new    ;}
.st66{clip-path:url(#SVGID_82_);enable-background:new    ;}
.st67{clip-path:url(#SVGID_84_);enable-background:new    ;}
.st68{clip-path:url(#SVGID_86_);enable-background:new    ;}
.st69{clip-path:url(#SVGID_88_);enable-background:new    ;}
.st70{clip-path:url(#SVGID_90_);enable-background:new    ;}
.st71{clip-path:url(#SVGID_92_);enable-background:new    ;}
.st72{clip-path:url(#SVGID_94_);enable-background:new    ;}
.st73{clip-path:url(#SVGID_96_);enable-background:new    ;}
.st74{clip-path:url(#SVGID_98_);enable-background:new    ;}
.st75{clip-path:url(#SVGID_100_);enable-background:new    ;}
.st76{clip-path:url(#SVGID_102_);enable-background:new    ;}
.st77{clip-path:url(#SVGID_104_);enable-background:new    ;}
.st78{clip-path:url(#SVGID_106_);enable-background:new    ;}
.st79{clip-path:url(#SVGID_108_);enable-background:new    ;}
.st80{clip-path:url(#SVGID_110_);enable-background:new    ;}
.st81{clip-path:url(#SVGID_112_);enable-background:new    ;}
.st82{clip-path:url(#SVGID_114_);enable-background:new    ;}
.st83{clip-path:url(#SVGID_116_);enable-background:new    ;}
.st84{clip-path:url(#SVGID_118_);enable-background:new    ;}
.st85{clip-path:url(#SVGID_120_);enable-background:new    ;}
.st86{clip-path:url(#SVGID_122_);enable-background:new    ;}
.st87{clip-path:url(#SVGID_124_);enable-background:new    ;}
.st88{clip-path:url(#SVGID_126_);enable-background:new    ;}
.st89{fill:#4676AF;}
.st90{clip-path:url(#SVGID_128_);enable-background:new    ;}
.st91{clip-path:url(#SVGID_130_);enable-background:new    ;}
.st92{clip-path:url(#SVGID_132_);enable-background:new    ;}
.st93{clip-path:url(#SVGID_134_);enable-background:new    ;}
.st94{clip-path:url(#SVGID_136_);enable-background:new    ;}
.st95{clip-path:url(#SVGID_138_);enable-background:new    ;}
.st96{fill:#385E8C;}
.st97{clip-path:url(#SVGID_140_);enable-background:new    ;}
.st98{clip-path:url(#SVGID_142_);enable-background:new    ;}
.st99{clip-path:url(#SVGID_144_);enable-background:new    ;}
.st100{clip-path:url(#SVGID_146_);enable-background:new    ;}
.st101{clip-path:url(#SVGID_148_);enable-background:new    ;}
.st102{clip-path:url(#SVGID_150_);enable-background:new    ;}
.st103{clip-path:url(#SVGID_152_);enable-background:new    ;}
.st104{clip-path:url(#SVGID_154_);enable-background:new    ;}
.st105{clip-path:url(#SVGID_156_);enable-background:new    ;}
.st106{clip-path:url(#SVGID_158_);enable-background:new    ;}
.st107{clip-path:url(#SVGID_160_);enable-background:new    ;}
.st108{clip-path:url(#SVGID_162_);enable-background:new    ;}
.st109{clip-path:url(#SVGID_164_);enable-background:new    ;}
.st110{clip-path:url(#SVGID_166_);enable-background:new    ;}
.st111{clip-path:url(#SVGID_168_);enable-background:new    ;}
.st112{clip-path:url(#SVGID_170_);enable-background:new    ;}
.st113{clip-path:url(#SVGID_172_);enable-background:new    ;}
.st114{clip-path:url(#SVGID_174_);enable-background:new    ;}
.st115{clip-path:url(#SVGID_176_);enable-background:new    ;}
.st116{clip-path:url(#SVGID_178_);enable-background:new    ;}
.st117{clip-path:url(#SVGID_180_);enable-background:new    ;}
.st118{clip-path:url(#SVGID_182_);enable-background:new    ;}
.st119{clip-path:url(#SVGID_184_);enable-background:new    ;}
.st120{clip-path:url(#SVGID_186_);enable-background:new    ;}
.st121{clip-path:url(#SVGID_188_);enable-background:new    ;}
.st122{clip-path:url(#SVGID_190_);enable-background:new    ;}
.st123{clip-path:url(#SVGID_192_);enable-background:new    ;}
.st124{clip-path:url(#SVGID_194_);enable-background:new    ;}
.st125{clip-path:url(#SVGID_196_);enable-background:new    ;}
.st126{clip-path:url(#SVGID_198_);enable-background:new    ;}
.st127{clip-path:url(#SVGID_200_);enable-background:new    ;}
.st128{clip-path:url(#SVGID_202_);enable-background:new    ;}
.st129{clip-path:url(#SVGID_204_);enable-background:new    ;}
.st130{fill:#A4942C;}
.st131{fill:#A8982D;}
.st132{fill:#A0902B;}
.st133{fill:#9C8D2A;}
.st134{fill:#988928;}
.st135{fill:#938527;}
.st136{clip-path:url(#SVGID_206_);enable-background:new    ;}
.st137{clip-path:url(#SVGID_208_);enable-background:new    ;}
.st138{fill:#9F902B;}
.st139{fill:#A6962C;}
.st140{fill:#B1A02F;}
.st141{clip-path:url(#SVGID_210_);enable-background:new    ;}
.st142{clip-path:url(#SVGID_212_);enable-background:new    ;}
.st143{clip-path:url(#SVGID_214_);enable-background:new    ;}
.st144{clip-path:url(#SVGID_216_);enable-background:new    ;}
.st145{clip-path:url(#SVGID_218_);enable-background:new    ;}
.st146{clip-path:url(#SVGID_220_);enable-background:new    ;}
.st147{fill:#8F8126;}
.st148{clip-path:url(#SVGID_222_);enable-background:new    ;}
.st149{clip-path:url(#SVGID_224_);enable-background:new    ;}
.st150{clip-path:url(#SVGID_226_);enable-background:new    ;}
.st151{clip-path:url(#SVGID_228_);enable-background:new    ;}
.st152{clip-path:url(#SVGID_230_);enable-background:new    ;}
.st153{fill:#E6D03E;}
.st154{clip-path:url(#SVGID_232_);enable-background:new    ;}
.st155{clip-path:url(#SVGID_234_);enable-background:new    ;}
.st156{clip-path:url(#SVGID_236_);enable-background:new    ;}
.st157{clip-path:url(#SVGID_238_);enable-background:new    ;}
.st158{clip-path:url(#SVGID_240_);enable-background:new    ;}
.st159{clip-path:url(#SVGID_242_);enable-background:new    ;}
.st160{clip-path:url(#SVGID_244_);enable-background:new    ;}
.st161{clip-path:url(#SVGID_246_);enable-background:new    ;}
.st162{clip-path:url(#SVGID_248_);enable-background:new    ;}
.st163{clip-path:url(#SVGID_250_);enable-background:new    ;}
.st164{clip-path:url(#SVGID_252_);enable-background:new    ;}
.st165{clip-path:url(#SVGID_254_);enable-background:new    ;}
.st166{fill:#A0912B;}
.st167{clip-path:url(#SVGID_256_);enable-background:new    ;}
.st168{clip-path:url(#SVGID_258_);enable-background:new    ;}
.st169{clip-path:url(#SVGID_260_);enable-background:new    ;}
.st170{clip-path:url(#SVGID_262_);enable-background:new    ;}
.st171{clip-path:url(#SVGID_264_);enable-background:new    ;}
.st172{clip-path:url(#SVGID_266_);enable-background:new    ;}
.st173{clip-path:url(#SVGID_268_);enable-background:new    ;}
.st174{clip-path:url(#SVGID_270_);enable-background:new    ;}
.st175{clip-path:url(#SVGID_272_);enable-background:new    ;}
.st176{clip-path:url(#SVGID_274_);enable-background:new    ;}
.st177{clip-path:url(#SVGID_276_);enable-background:new    ;}
.st178{clip-path:url(#SVGID_278_);enable-background:new    ;}
.st179{clip-path:url(#SVGID_280_);enable-background:new    ;}
.st180{clip-path:url(#SVGID_282_);enable-background:new    ;}
.st181{clip-path:url(#SVGID_284_);enable-background:new    ;}
.st182{fill:#908226;}
.st183{clip-path:url(#SVGID_286_);enable-background:new    ;}
.st184{clip-path:url(#SVGID_288_);enable-background:new    ;}
.st185{clip-path:url(#SVGID_290_);enable-background:new    ;}
.st186{clip-path:url(#SVGID_292_);enable-background:new    ;}
.st187{clip-path:url(#SVGID_294_);enable-background:new    ;}
.st188{clip-path:url(#SVGID_296_);enable-background:new    ;}
.st189{clip-path:url(#SVGID_298_);enable-background:new    ;}
.st190{clip-path:url(#SVGID_300_);enable-background:new    ;}
.st191{display:none;}
.st192{display:inline;}
.st193{fill:#F7DF42;}