/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */
/*footer*/
.show-630{display:none;}
/*angola image*/

.cgg-pic-right-container {position: relative;top:inherit;margin-bottom: 40px;}
.expecttopimage {position:relative;top:0;}

.slideInfoZone_load .s5_iacf_line{border-width:1px!important;}
.readon{border: 1px solid #ffcc00;}
.readon:hover, .darkbutton{border:1px solid #000;}
/*#s5_nav li {  max-width: 160px;  text-align: center;}*/
#s5_nav li a{ font-size: 14px }
#subMenusContainer a, #s5_nav li li a { font-size: 12px}
.home .s5_iacf_line, .module_round_box.border_highlight2, #s5_qc_submitbutton.button.btn:hover {
    border-color: #9fa950 !important;
}
.table-wrapper {
	overflow: auto;
    width: 100%;
  	margin-top:15px;
}
.table-war.table {
  	border: 1px solid #ccc;
  	border-collapse: collapse;
  	margin: 0;
  	padding: 0;
	width: 100%;
	table-layout: fixed;
}
.table-war td{
	padding: 10px;
	line-height: 20px;
  	font-size: 15px;
}

.table-war .war-heading{
	background: #E9E9E9;
    padding: 10px;
  	font-weight: bold;
    text-align: center;
}

.s5_mason_abi_wrap  {
    width: 100%;
}
#s5_boderzoom #s5_responsive_mobile_bottom_bar_outer{display:none!important;}
/* 5 articles home*/
#s5_masondisplay_container .item:nth-child(2n+1) .s5_masonry_articletitle,
#s5_masondisplay_container .item:nth-child(2n+0) .s5_masonry_articletitle{
    color: #fff !important;
    font-weight: 600 !important;
}
#s5_masondisplay_container .item:nth-child(2n+1) .s5_masonwrapinner:hover .s5_masonry_articletitle,
#s5_masondisplay_container .item:nth-child(2n+0) .s5_masonwrapinner:hover .s5_masonry_articletitle{
    color: #fff !important;
}
/*#s5_masondisplay_container .item:nth-child(2n+0) .s5_masonry_articletitle {
    color: #000 !important;
    font-weight: 600 !important;;
}*/
/*#s5_masondisplay_container .item:nth-child(2n+0) .s5_masonwrapinner:hover .s5_masonry_articletitle {
  color: #fff!important;
}*/

#s5_masondisplay_container .item:nth-child(2n+1) .readon,
#s5_masondisplay_container .item:nth-child(2n+0) .readon{
  color: #fff;
  border: 1px solid #ffcc00;
}

#s5_masondisplay_container .item:nth-child(2n+1) .s5_masonwrapinner:hover .readon,
#s5_masondisplay_container .item:nth-child(2n+0) .s5_masonwrapinner:hover .readon{
  color: #fff;
  border: 1px solid #ffcc00;
}
#s5_masondisplay_container .item:nth-child(2n+1) .s5_masonwrapinner:hover .readon:hover,
#s5_masondisplay_container .item:nth-child(2n+0) .s5_masonwrapinner:hover .readon:hover{
  border: 1px solid #313131;
}

/*#s5_masondisplay_container .item:nth-child(2n+0) .readon {
  color: #000;
  border: 1px solid #ffcc00;
}*/

/*#s5_masondisplay_container .item:nth-child(2n+0) .s5_masonwrapinner:hover .readon {
  color: #fff;
  border: 1px solid #ffcc00;
}*/

/*#s5_masondisplay_container .item:nth-child(2n+0) .s5_masonwrapinner:hover .readon:hover {
  border: 1px solid #313131;
}*/

.module_round_box.titleleft h3 .s5_h3_last{
	line-height: 1em;
}

/*lightbox caption*/
.fancybox-caption-wrap {
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.7) 20%,rgba(0,0,0,0.8) 40%,rgba(0,0,0,.8) 80%,rgba(0,0,0,0.9));
}

.page-header {
    border: medium none;
    margin: 0 0 10px;
    padding: 0;
}

/*squares of images*/
#s5_masondisplay_container .item:nth-child(2n) .s5_masonwrapinner .s5_mason_abi_wrap {
    background: url(../images/masonryback.png) repeat!important;
}
#s5_masondisplay_container .item:nth-child(2n) .s5_masonwrapinner:hover .s5_mason_abi_wrap,
#s5_masondisplay_container .item:nth-child(2n+1) .s5_masonwrapinner:hover .s5_mason_abi_wrap{
    background: url(../images/masonryback.png) repeat!important;
}
@media(max-width:900px){
  #s5_top_row1_inner,#s5_top_row3_inner{display: flex;flex-direction: column-reverse;}
}
.s5_mason_abi_wrap .s5_masonry_articletitle.titleleft{margin:0!important;}
			
			

			
			
			
			
/* CUSTOM CSS - CGG
----------------------------------------------------------- */	
.cgg-btn-left-container {
  display: flex;
  flex-wrap: wrap;
  justify-items: left;
  justify-content: left;
}

.cgg-btn-right-container {
  display: flex;
  flex-wrap: wrap;
  justify-items: left;
  justify-content: left;
}

.cgg-pic-rightbottom-container img {
  top: -90px;
}

.cgg-btn-cat-container {
  display: flex;
  flex-wrap: wrap;
  justify-items: left;
}

@media (min-width: 1488px) {
  #s5_top_row2_area1 {
  	padding-top: 40px;
	}
}

#s5_top_row3_area_inner {
  padding-bottom: 20px;
  padding-top: 20px;
}

#s5_above_columns_inner {
  padding-top: 20px;
}

#s5_masonry_form_outer_wrap {
    padding-top: 30px;
}

.cgg-pic-left-container {
  position: relative;
  left: 6px;
}

@media (max-width: 1487px) {
  #s5_top_row2_area1 {
    padding-top: 40px;
    padding-bottom: 70px;
  }
}

@media (max-width: 1237px) {
  #s5_top_row1_area_inner {
    padding-bottom: 20px;
  }
  #s5_top_row2_area1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 900px) {
  .cgg-pic-right-container img {
    margin-top: 0px;
  }
  .cgg-pic-rightbottom-container img {
    margin-top: 0px;
    top: -100px;
  }
  .cgg-pic-left-container img {
    margin: 0 30px 0 36px;
  }
  #s5_pos_top_row2_1 {
    width: 90% !important;/*50% inline*/
  }
  #s5_pos_top_row2_2 {
    width: 100% !important;/*50% inline*/
  }
}

@media (max-width: 836px) {.cgg-pic-left-container {left: 0px;}}
@media (max-width: 768px) {
  .uk-cover-background {background-size:contain;}
}
@media(max-width: 630px) and (min-width: 580px){
  .show-630{display:block;}
}
@media (max-width: 600px) {
  .cgg-pic-left-container img {
    margin: 0;
  }
}

@media (max-width: 525px) {
  .cgg-btn-left-container {width: 50%;margin: 0 auto;}
  .cgg-btn-right-container {width: 50%;margin: 0 auto;}
}

@media (max-width: 450px) {.module_round_box h3 .s5_h3_last.cgg-title-container {font-size: 50px;}}

@media (max-width: 431px) {
  .cgg-btn-left-container {width: 60%;}
  .cgg-btn-right-container {width: 60%;}
}

@media (max-width: 401px) {.module_round_box h3 .s5_h3_last.cgg-title-container {font-size: 40px;}}

@media (max-width: 365px) {
  .cgg-btn-left-container {width: 70%;}
  .cgg-btn-right-container {width: 70%;}
}

@media (max-width: 329px) {.module_round_box h3 .s5_h3_last.cgg-title-container {font-size: 30px;}}