/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */


/*	Generic: */
.sameheight{
	box-sizing:content-box;
}
.marg-o{margin:0;}
.clear{clear:both;}
/*	End Generic */

/*	Home Banner: */
.view-home-slider .views-field-field-banner img{
	width:100vw;
	height:auto;
}
/*	End Home Banner: */

/*	Samerf at glance: */
.hgl-ruban1{
	text-align:right;
}
.hgl-ruban1 img{
	max-width:24%;
	display:inline-block;
	transform: translate(0, 73.89%);
}
.hgl-bg{
	text-align:center;
	background-color:#fcfcfc;
	color:#0a2d3e;
	padding-bottom:75px;
}
.hgl-title{
	font-size:40px;
	font-weight:300;
	padding:66px 0 70px 0;
}
.hgl-txt1{
	font-size:38px;
	font-weight:300;
	padding:7px 0 0 0;
}
.hgl-txt2{
	font-size:23px;
	padding:0 0 39px 0;
}
.pckg-ttl,
.hgl-links,
.hgl-links:link,
.hgl-links:visited{
	font-weight:bold;
	font-size:20px;
	color:#0a2d3e;
	text-decoration:none;
}
.hgl-links:hover{
	text-decoration:underline;
}
.hgl-ruban2 img{
	max-width:24%;
	margin-left:20%;
	display:inline-block;
}
/*	End Samerf at glance */

/*	Home Footer: */
.hftritem{
	text-align:center;
	background-position:50% 50%;
	background-size:cover;
	padding:14.69% 12px;
	text-align:center;
}
.hftriteml{background-image:url(../images/home-footer-left.jpg);}
.hftritemr{background-image:url(../images/home-footer-right.jpg);}
.hftritem a,
.hftritem a:link,
.hftritem a:visited{
	color:#f7f7f7;
	font-weight:bold;
	font-size:30px;	
}
.hftritem a:hover{
	text-decoration:underline;
}
/*	End Home Footer */

/*	Footer: */
#HiddenFooter{display:none;}
.socials{
	display:flex;
}
.social{
	flex-basis: 100%;
	text-align:center;
}
.social img{
	max-width:100%;
}
#block-copyright{
	color:#0a2d3e;
	text-align:right;
	font-weight:300;
	font-size:20px;
	margin-top:27px;
}
/*	End Footer */

/* Dark Text Banner: */
.DarkTitle .interbannertitle{
	color:#022d3d;
}
/* Dark Text Banner: */

/* CSR 3 icons: */
.ticonsi{
	color:#FFFFFF;
	padding: 5.8% 4.222% 3.8% 4.222%;
}
.ticonsl{
	background-color:#1382b1;
}
.ticonsm{
	background-color:#1f98a4;
}
.ticonsr{
	background-color:#16a78f;
}
.ticonsicon{
	text-align:center;
}
.ticonsicon .img-responsive{
	display:inline-block;
}
.ticonstitle{
	text-align:center;
	font-size:69px;
	font-weight:300;
	padding:2.6% 0 1.56% 0;
}
/* End CSR 3 icons: */

/* CSR 2 cols text: */
.csr-2col{
	margin-top:4.9%;
}
.csr-2col-title{
	color:#0a2d3e;
	font-weight:300;
	font-size:74px;
}
.csr-2col-textl{
	color:#0a2d3e;
	font-weight:300;
	font-size:28px;
}
.csr-2col-textr{
	color:#7a7a7a;
	font-weight:300;
	font-size:15px;
}
/* End CSR 2 cols text: */

/* CSR Timeline */
.timelinebg{
	background-color:#fcfcfc;
	padding: 5.57% 0;
}
.field--name-field-timeline-title{
	font-size:74px;
	color:#0a2d3e;
	font-weight:300;
	text-align:center;
	padding-bottom:4.21%;
}
.timelineproccessed{
	position:relative;
	max-width: 60%;
	margin: 0 auto;
}
.timelineline{
	position:absolute;
	top:0;
	left:50%;
	bottom:0;
	width:6px;
	background-color:#cccccc;
	z-index:1;
	transform: translate(-3px, 0);
}
.timelineitem{
	width:50%;
	clear:both;
	padding-bottom:4.27%;
	position:relative;
	z-index:2;
}
.timelinehdn{
	display:none;
}
.timelineitemr{
	float:right;
	padding-left:100px;
	background:url(../images/timeline-right.png) 0 0 no-repeat;
	margin-right:19px;
}
.timelineiteml{
	float:left;
	padding-right:100px;
	background:url(../images/timeline-left.png) 100% 0 no-repeat;
	text-align:right;
	margin-left:19px;
}
.timelineproccessed .paragraph--type--timeline-item{
	transform: translate(0, -22px);
}
.field--name-field-timeline-year{
	font-size:40px;
	font-weight:600;
	color:#1382b1;
}
.field--name-field-timeline-text{
	font-size:21px;
	color:#7a7a7a;
}
.field--name-field-timeline-more-text{
	padding-top:4.21%;
	text-align:center;
}
.timelinemore,
.timelinemore:link,
.timelinemore:visited{
	font-size:21px;
	font-weight:bold;
	color:#0a2d3e;
	text-decoration:none;
}
/* END CSR Timeline */
	
/*	Footer: */
ul.menu--footer{
	padding: 0;
	list-style: none;
}
.footersubmenu{
	padding:7px 0;
	list-style:none;
}
/*	End Footer */

/*	Join Samref: */
.blue-section-bg{
	background-color:#1382b1;
	padding-bottom:10%;
	margin-bottom:-5.69%;
	color:#fff;
}
.bluesectiontitle{
	padding:30px;
	font-size:73px;
	font-weight:300;
}
.bluesectiondesc{
	padding:30px;
	font-size:40px;
	font-weight:300;
}
.bluesectiondesc p{
	margin-bottom:1em;
}
.pckg-det,
.pckg-ttl{
	max-width:66%;
	margin:1em auto 0 auto;
}
.pckg-lns .hgl-itm{
	margin-top:3em;
}
.bnftpckgs{
	margin-bottom:75px;
}
/*	End Join Samref: */

/*	All News: */
.view-news-carousel .col-md-4{
	margin-bottom:59px;
}
.view-news-carousel .views-field-body{
	line-height:1.4em;
	max-height:2.8em;
}
.view-news-carousel .views-field-view-node{
	margin-top:2em;
}
/*	End All News: */

/*	News: */
.newspage{
	margin-bottom:75px;
}
/*.news-image-cont{
	max-width:95%;
}*/
.news-loc-date{
	font-weight:600;
	color:#0a2d3e;
	font-size:20px;
}
.news-title{
	font-weight: bold;
	color:#0a2d3e;
	font-size:48px;
	margin:0.6em 0 1.2em 0;
}
.news-text{
	font-weight: 300;
	color:#7a7a7a;
	font-size:15px;
}
.news-text p{
	margin-bottom:1em;
}
/*	End News */

/*	Organization Chat POPUP */
.block-views-blockorganization-chart-block-1{
	position:relative;
}
.orgChartBg{
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:98;
	background-color:rgba(0,0,0,0.80);
	display:none;
	min-height:100%;
}
.orgChartCont{
	padding:75px 0;
}
.orgChartWrp{
	background-color:#fff;
	text-align:center;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
}
.orgChartImgCont{
	padding:60px 30px 30px 30px;
}
.orgChartImgCont img{
	display:inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.orgChartNameCont{
	font-size:40px;
	font-weight:300;
	color:#3cba84;
	padding:0 30px;
}
.orgChartPosCont{
	font-size:20px;
	font-weight:bold;
	color:#3cba84;
	padding:18px 30px;
}
.orgChartBioCont{
	font-size:18px;
	font-weight:300;
	color:#7a7a7a;
	padding:0 30px;
}
.orgChartCloseCont{
	padding:60px;
}
.orgChartCloseCont a,
.orgChartCloseCont a:link,
.orgChartCloseCont a:visited,
.orgChartCloseCont a:hover,
.orgChartCloseCont a#orgchartclose:hover{
	font-size:55px;
	color:#3bb984;
}
.block-views-blockorganization-chart-block-1 .views-field-body{
	display:none;
}
.orgchartopopup{
	cursor: pointer;
}
/*	End Organization Chat POPUP */

/*	New Samref at glance: */
.hglance{
	position:relative;
	margin-top:45px;
}
.hgl-ruban-et{
	position:absolute;
	z-index:10;
	right:0;
	left:0;
	text-align:right;
}
.hgl-ruban-at{
	position:absolute;
	z-index:10;
	right:0;
	left:0;
	text-align:left;
}
.hgl-ruban-ath img,
.hgl-ruban-at img,
.hgl-ruban-eth img,
.hgl-ruban-et img{
	width:23.39%;
	display:inline-block;
}
.hgl-inner{
	position:relative;
	z-index:5;
}
.hgl-ruban-eb{
	position:absolute;
	z-index:6;
	right:16.56%;
	left:19.79%;
	top:0;
}
.hgl-ruban-ab{
	position:absolute;
	z-index:6;
	left:16.56%;
	right:19.79%;
	top:0;
}
.hgl-bg{
	position:relative;
	z-index:7;
	
}
@media only screen and (min-width: 992px) {
	.hgl-ruban2{
		display:none;
	}
	.hgl-bg{
		background-color:rgba(252,252,252,0.9);
		min-height: calc(30.86vw - 15px);
	}
	.hgl-inner{
		min-height: calc(40.47vw - 15px);
		overflow:hidden;
	}
}
/*	End New Samref at glance: */

/*	New Vendor registration button: */
.coopbutton,
.coopbutton:link,
.coopbutton:visited,
.coopbutton:hover{
	padding:0.5em 1em;
	background:#1582b1;
	color:#fff;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}
/*	End New Vendor registration button: */

/*	New Organization Chart: */
.orgchartn{
	position:relative;
	background-color: #3cba84;
	margin-bottom: 75px;
	color: #ffffff;
	text-align: center;
	padding: 100px;
	padding-bottom: 30px;
}
.orgchartn .field--name-field-slider-title{
	font-size: 74px;
	font-weight: 300;
	padding-bottom: 30px;
	text-align:center;
}
.orgchartn .field--name-field-slider-subtitle,
.orgchartn .field--name-field-slider-innertitle{
	font-size: 50px;
	padding-bottom: 100px;
}
.orgchartn .views-field-field-member-image img{
	border-radius: 50%;
	margin: 0px auto;
	padding-bottom: 20px;
	height: 333px;
	width: auto;
}
.orgchartn .views-field-title{
	font-size: 21px;
}
.orgchartn .views-field-field-position{
	font-size: 21px;
	font-weight: bold;
}
.orgchartn .views-row{
	padding-bottom: 70px
}
.orgchartn .views-field-body{
	display:none;
}
.orgchartrttlinner{
	display:inline-block;
	font-size:21px;
	padding:0 1em;
	line-height:3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
	border-radius: 3em;
	border:#fff solid 2px;
}
.orgchartlrow{
	padding-top:76px;
	padding-bottom:38px;
	background:url(../images/orgchartlrow.gif) 50% 0 no-repeat;
}
div.centered-col{
	float:none;
	margin:0 auto;
}
.orgchartn .paragraph--type--bod-slider > .row{
	margin:0;
}
@media only screen and (max-width: 1600px) {
	.orgchartn .field--name-field-slider-title{
		font-size:50px;
	}
}
@media only screen and (max-width: 1200px) {
	.orgchartn .organizationChart{
		font-size:30px;
	}	
	.orgchartn .views-field-field-position{
		font-size: 15px;
	}
	.orgchartn .field--name-field-slider-title{
		font-size: 30px;
	}
	.orgchartn .field--name-field-slider-subtitle{
		font-size: 18px;
	}
}
@media only screen and (max-width: 768px) {
	.orgchartn{
		padding: 20px;
		padding-bottom: 10px;
	}	
	.orgchartn .views-field-field-member-image img{
		height: auto;
		width: auto;
	}	
	.orgchartn .views-row{
		padding-bottom: 10px
	}
	.orgchartn .views-field-field-position{
		height: auto;
	}
	#twitter-widget-0{
		width: 100% !important; 
		
	}
	.twitter_section{
		padding: 30px 20px !important;
	}
	.twitter_section h1{
		font-size: 2em !important;
		margin-top: 0px !important;
	}
}
/*.block-views-blockorganization-chart-block-1 .organizationChart-1,
.block-views-blockorganization-chart-block-1  .organizationChart-2{
	cursor: pointer;
	display: inline-block;
}
.block-views-blockorganization-chart-block-1 .activegroup{
	font-weight: bold;
}*/
/*	End New Organization Chart */

/*twitter*/
.twitter_section{
	background: #0a2d3e  url(../images/twitter.png) left bottom no-repeat ;
	color: #ffffff;
	padding: 50px;
}
.twitter_section a, .twitter_section a:hover{
	color: #ffffff;
}
.twitter_section h1{
	font-size: 4em;
	margin-top: 20%;
}