@font-face {
  font-family: 'museo';
  src: url('/web/20180821070555im_/http://csahome.com/fonts/Eurostile.ttf');
}

.font{
  font-family: 'museo';
}

textarea:focus, input:focus{
    outline: none;
}
 
body{
	min-width: 400px !important;
}

.menu .active a{
	color:red;
}
.sidemenu .bold a{
	font-weight: bold;
}

.line{ 
	width: 100%; 
	text-align: center; 
	border-top: 2px solid #b3b3b3; 
	line-height: 0em;
	margin: 10px 0 10px 0px; 
}
.word{
	padding: 5px;
	background: white;
}

.btn_search{
	border-radius: 10px;
	width: 25px;
	height: 15px;
	margin: 0px 0px 0px -75px ;
	border:none;
	background: #9e9d9d;
	z-index: 100;
}

.btn_csa{
	background: #e60000;
	font-weight: bold;
	border-radius: 0;
	color: white;
	transition: all 0.5s ease;
	font-family: 'museo';
	font-size: 12pt;
}
.btn_csa:hover{
	background: #dedede;
	color: #e60000;
}

.pad0{
	padding: 0;
}
.justify{
	text-align: justify;
}
.justify a{
	color: #cc0000;
}
.justify a:hover{
	color: red;
}


.blank_space{
	height: 150px;
}

.top_header{
	background: #f3f3f3;
	padding: 5px;
	text-align: right;
}

.logo_csa{
	margin-left: 10px ;
}
.fixed_header{
	position: fixed; 
	z-index:2000;
	height: 150px;
	width: 100%;
	background: white;
}

.mid_box{
	padding: 5px 25px 5px 25px;
}
.box_header{
	text-align: center; 
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 7px;
	font-family: 'museo';
}
.text_image{
	margin-bottom: 15px;
}
.text_title{
	font-weight: bold;
	font-size: 12pt;
}
.text_body{
	margin-bottom: 15px;
}
.text_body a{
	color: black;
}
.text_body a:hover{
	color: #e60000;
}

.search_box{
	padding: 0px 45px  5px 5px;
	border: none;
	text-align: center;
	border-radius: 10px;
	background: #cccccc; 
	margin-right: 40px;
	width: 180px;
}

.slider{
	margin-bottom: 25px;
}
.slider_head{
	background: #cc0000;
	height: 30px;
	position: absolute;
	width: 320px;
	top: 330px;
	left: 20px;
	opacity: 0.6;
	display: none;
}
.slider_desc{
	position: absolute;
	width: 320px;
	height: 70px;
	top: 360px;
	left: 20px;
	background: black;
	opacity: 0.5;
	display: none;
}
.desc_head{
	height: 30px;
	padding: 8px 10px 10px 10px;
	position: absolute;
	width: 320px;
	font-size: 10pt;
	color: white;
	top: 330px;
	left: 20px;
	font-family: 'museo';
	display: none;
}
.desc_body{
	padding: 5px 10px 10px 15px;
	position: absolute;
	width: 320px;
	color: white;
	top: 360px;
	font-size: 9pt;
	left: 20px;
	display: none;
}


.partner_csa{
	margin-bottom: 10px;
}

.footer_csa{
	background: black;
	
}

.footer_content{
	color: white;
	padding-top: 35px;
	padding-right: 25px;
	padding-bottom: 10px;
	font-size: 10pt;
}

.foot_title{
	color: #e60000;
	font-family: 'museo';
	font-size: 12pt;
}

.foot_box_padding{
	margin-bottom: 10px;
	padding-left: 20px;
}
.copyright{
	color:#767676; 
	font-size: 9pt;
	padding: 0px 15px 15px 30px;
}

.logo_csa{
		margin-left: 5px;
		width: 220px;
	}

.press_release{
	padding: 0px 0px 20px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #a6a6a4; 
}
.press_release a{
	color: black;
}
.press_release a:hover{
	color: #e60000;
}

/*Company brief*/
.mini_sitemap{
	padding: 10px 15px 10px 15px;
	border-top: 1px solid #a6a6a4;
	color: black;
	margin-bottom: 5px;
	font-size: 9pt;
}

.slider_head_det{
	background: #cc0000;
	height: 35px;
	position: absolute;
	width: 400px;
	top: 300px;
	left: 20px;
	opacity: 0.6
}
.slider_desc_det{
	position: absolute;
	width: 400px;
	height: 70px;
	top: 335px;
	left: 20px;
	background: black;
	opacity: 0.5;
}
.desc_head_det{
	height: 35px;
	padding: 8px 10px 10px 15px;
	position: absolute;
	width: 400px;
	font-size: 12pt;
	color: white;
	top: 300px;
	left: 20px;
	font-weight: bold;
	font-family: 'museo'
}
.desc_body_det{
	padding: 5px 10px 10px 15px;
	position: absolute;
	width: 400px;
	color: white;
	top: 335px;
	font-size: 10pt;
	left: 20px;
}

.det_title{
	font-size: 16pt;
	color: #cc0000;
	font-weight: bold;
	padding: 0;
	margin-bottom: 15px;
	font-family: 'museo';
}

.social_media{
	padding: 15px 15px 15px 0px;
	color: #a6a6a4;
	border-top: 1px solid #a6a6a4;
	border-bottom: 1px solid #a6a6a4;
	margin-bottom: 10px;
}

.comp_desc{
	margin-bottom: 10px;
	color: black;
	padding: 0px 20px 0px 0px;
}
.comp_img{
	margin-bottom: 45px;
	margin-top: 25px;
	text-align: center;
}

.milestone_box{
	padding: 0px 5px 25px 5px;
	min-height: 130px;
	
}
.milestone_box:hover + .mile_border{
	 background-position:right bottom;
}

.mile_border{
	height: 3px;
	transition: all 0.8s ease;
	background: linear-gradient(to right, #e50c0c 50%, #fad91f 50%);
    background-size: 200% 100%;
    background-position:left bottom;
    margin-bottom: 20px;
}

.milestone_box_title{
	font-size: 14pt;
	margin-bottom: 5px;
}

.com_download a{
	font-size: 9pt;
	color: black;
}
.com_download a:hover{
	color:#e60000;
}

.career_profile{

}
.profile_img{
	padding: 10px 10px 10px 0px;
}
.profile_desc{
	padding: 10px 10px 10px 10px;
}


.drop{
	padding-left: 8px;
	display: none;
	transition:opacity 1s linear;
}
.job_list{
	list-style-type: none;
	padding: 0;
}
.job_list li{
	margin-bottom: 15px;
}
.job_list li a{
	color: #e60000;
	font-weight: bold
}

.jobvac_title{
	color: #cc0000;
	font-size: 14pt;
	border-bottom: 1px solid #a6a6a4;
	padding: 10px 10px 10px 0px;
	font-weight: bold; 
}
.jobvac_desc{
	padding: 20px 0px 0px 0px;
	line-height: 1.5;
	color: #7a797b;
}
.jobvac_apply{
	padding: 20px 0px 0px 0px;
}
.btn_apply_cv{

	background: #cc0000;
	color: white;
	padding: 20px;
	border:none;
}
.app_pos_title{
	color: #7a797b;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 15px; 
	padding: 0px 0px 0px 0px;
}
.app_title{
	color: #7a797b;
	font-size: 16pt;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #a6a6a4;
	margin-bottom: 15px;
}
.app_table td{
	border: none !important;
}
.normal{
	width: 100%;
	padding: 5px;
	border: 1px solid #c0c0c0;
}
.important{
	border-top: 3px solid #4caf50 !important;
}

.tdWidth{
	width: 150px;
}

.btnSubmitAppForm{
	padding: 15px 25px 15px 25px;
	color:white;
	background: #4caf50;
	border:none;
}

#piechart{
	height: 400px;
}

.count{
	font-size: 14pt;
	color: #c13a34;
	margin-bottom: 15px;
}

@media (min-width: 768px) {

  .fixed_header{
		position: fixed; 
		z-index:2000;
		height: 150px;
		width: 100%;
		background: white;
	}
	.logo_csa{
		margin-left: 5px;
		width: 180px;
	}
	.custom_csa{ 
		margin-top: 30px;
		margin-left: 0px;
		font-size: 9pt;
		font-weight: bold;
		font-family: 'museo';
	}

	.slider_head{
		background: #cc0000;
		height: 30px;
		position: absolute;
		width: 350px;
		top: 190px;
		left: 80px;
		opacity: 0.6;
		display: block;
	}
	.slider_desc{
		position: absolute;
		width: 350px;
		height: 80px;
		top: 220px;
		left: 80px;
		background: black;
		opacity: 0.5;
		display: block;
	}
	.desc_head{
		height: 30px;
		padding: 8px 10px 10px 15px;
		position: absolute;
		width: 350px;
		font-size: 12pt;
		color: white;
		top: 190px;
		left: 80px;
		font-weight: bold;
		display: block;
	}
	.desc_body{
		padding: 5px 10px 10px 15px;
		position: absolute;
		width: 350px;
		color: white;
		top: 220px;
		font-size: 10pt;
		left: 80px;
		display: block;
	}
	/*COMPANY*/
	.mini_sitemap{
		padding: 10px 15px 10px 15px;
		border-top: 1px solid #a6a6a4;
		color: black;
		font-size: 10pt;
		margin-bottom: 5px;
	}
	#piechart{
		height: 200px;
	}

}

@media (min-width: 900px) {


  .fixed_header{
		position: fixed; 
		z-index:2000;
		height: 150px;
		width: 100%;
		background: white;
	}
	.logo_csa{
		margin-left: 10px;
		width: 220px;
	}
	.custom_csa{
		margin-top: 30px;
		margin-left: 0px;
		font-size: 11pt;
		font-weight: bold;
	}

	.slider_head{
		background: #cc0000;
		height: 40px;
		position: absolute;
		width: 450px;
		top: 280px;
		left: 100px;
		opacity: 0.6;
		display: block;
	}
	.slider_desc{
		position: absolute;
		width: 450px;
		height: 70px;
		top: 320px;
		left: 100px;
		background: black;
		opacity: 0.5;
		display: block;
	}
	.desc_head{
		height: 40px;
		padding: 8px 10px 10px 15px;
		position: absolute;
		width: 450px;
		font-size: 13pt;
		color: white;
		top: 280px;
		left: 100px;
		font-weight: bold;
		display: block;
	}
	.desc_body{
		padding: 5px 10px 10px 15px;
		position: absolute;
		width: 450px;
		color: white;
		top: 320px;
		font-size: 11pt;
		left: 100px;
		display: block;
	}

	/*COMPANY*/
	.mini_sitemap{
		padding: 10px 15px 10px 15px;
		border-top: 1px solid #a6a6a4;
		color: black;
		margin-bottom: 5px;
		font-size: 10pt;
	}
	#piechart{
		height: 300px;
	}
}

@media (min-width: 1200px) {

  .fixed_header{
		position: fixed; 
		z-index:2000;
		height: 150px;
		width: 100%;
		background: white;
	}
	.logo_csa{
		margin-left: 70px ;
		width: 250px;
	}
	.custom_csa{
		margin-top: 30px;
		margin-left: 70px;
		font-size: 12pt;
		font-weight: bold;
	}

	.slider_head{
		background: #cc0000;
		height: 40px;
		position: absolute;
		width: 450px;
		top: 300px;
		left: 150px;
		opacity: 0.6;
		display: block;
	}
	.slider_desc{
		position: absolute;
		width: 450px;
		height: 90px;
		top: 340px;
		left: 150px;
		background: black;
		opacity: 0.5;
		display: block;
	}
	.desc_head{
		height: 40px;
		padding: 8px 10px 10px 15px;
		position: absolute;
		width: 450px;
		font-size: 14pt;
		color: white;
		top: 300px;
		left: 150px;
		font-weight: bold;
		display: block;
	}
	.desc_body{
		padding: 5px 10px 10px 15px;
		position: absolute;
		width: 450px;
		color: white;
		top: 340px;
		font-size: 12pt;
		left: 150px;
		display: block;
	}

	/*COMPANY*/
	.mini_sitemap{
		padding: 10px 15px 10px 15px;
		border-top: 1px solid #a6a6a4;
		color: black;
		margin-bottom: 5px;
		font-size: 10pt;
	}
	#piechart{
		height: 400px;
	}
}











.menu-container {

}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    color: black;
    margin-top: -50px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    margin-left: 530px;
    width: 60%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0px;
}

.menu > ul > li a {
    text-decoration: none;
    padding: 45px 15px 15px 25px;
    display: block;
    color: black;
}

.menu > ul > li > a:hover {
    color: #e60000;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: white;
    padding: 20px;
    position: absolute;
    border: 
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;

    -webkit-box-shadow:  0 6px 12px rgba(0, 0, 0, 0.175);;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0 6px 12px rgba(0, 0, 0, 0.175);;  /* Firefox 3.5 - 3.6 */
    box-shadow:        0 6px 12px rgba(0, 0, 0, 0.175);;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    margin-right: 40px;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #777;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width:1250px) {
    .mar_mega{
    	margin-right: 50px;
    	margin-top: 15px;
    }

    .menu > ul {
	    margin: 0 auto;
	    margin-left: 400px;
	    width: 90%;
	    list-style: none;
	    padding: 0;
	    position: relative;
	    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
	    box-sizing: border-box;
	}
}


@media only screen and (max-width:1100px) {
    .mar_mega{
    	margin-right: 50px;
    	margin-top: 15px;
    }

    .menu > ul {
	    margin: 0 auto;
	    margin-left: 250px;
	    width: 90%;
	    list-style: none;
	    padding: 0;
	    position: relative;
	    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
	    box-sizing: border-box;
	}
}


@media only screen and (max-width: 900px) {
    .mar_mega{
    	margin-right: 50px;
    	margin-top: 15px;
    }

    .menu > ul {
	    margin: 0 auto;
	    margin-left: 250px;
	    width: 90%;
	    list-style: none;
	    padding: 0;
	    position: relative;
	    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
	    box-sizing: border-box;
	}
}

@media only screen and (max-width: 850px) {
    .mar_mega{
    	margin-right: 50px;
    	margin-top: 15px;
    }

    .menu > ul {
	    margin: 0 auto;
	    margin-left: 200px;
	    width: 90%;
	    list-style: none;
	    padding: 0;
	    position: relative;
	    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
	    box-sizing: border-box;
	}
}

@media only screen and (max-width: 768px) {
	.menu-mobile:after {
	    content: "\f394";
	    font-family: "Ionicons";
	    font-size: 2.5rem;
	    padding: 0;
	    float: right;
	    color: black;
	    margin-top: 20px;
	    position: relative;
	    top: 50%;
	    -webkit-transform: translateY(-25%);
	    -ms-transform: translateY(-25%);
	    transform: translateY(-25%);
	}
	.fixed_header{
		position: relative; 
		z-index:2000;
		height: 150px;
		width: 100%;
		background: white;
	}
	.blank_space{
		height: 0px;
	}

    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
        width: 100%;
        margin-left: 10px;
        margin-top: -30px;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        background: white;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
        width: 100%;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
	.menu-mobile:after {
	    content: "\f394";
	    font-family: "Ionicons";
	    font-size: 2.5rem;
	    padding: 0;
	    float: right;
	    color: black;
	    margin-top: -50px;
	    position: relative;
	    top: 50%;
	    -webkit-transform: translateY(-25%);
	    -ms-transform: translateY(-25%);
	    transform: translateY(-25%);
	}
	.fixed_header{
		position: relative; 
		z-index:2000;
		height: 150px;
		width: 100%;
		background: white;
	}
	.blank_space{
		height: 0px;
	}

    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
        width: 100%;
        margin-left: 10px;
        margin-top: -30px;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        background: white;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
        width: 100%;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}

/*
     FILE ARCHIVED ON 07:05:55 Aug 21, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:54:44 Mar 20, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 863.232
  exclusion.robots: 0.287
  exclusion.robots.policy: 0.276
  RedisCDXSource: 312.577
  esindex: 0.009
  LoadShardBlock: 530.021 (3)
  PetaboxLoader3.datanode: 543.401 (5)
  CDXLines.iter: 17.438 (3)
  load_resource: 53.271 (2)
  PetaboxLoader3.resolve: 25.724
*/