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

/*Header Links*/
#suiteBar{
	background-color: #fff!important;
	height:33px;
}

.o365cs-nav-leftAlign, .o365cs-nav-brandingText,#O365_MainLink_Help, #RibbonContainer-TabRowRight {
	display:none!important;
}

#globalNavBox{
	background-color:transparent!important;
	background-image:none!important;
	/*border-bottom:1px solid #a6a5a5;*/
}

.ms-cui-topBar2 .ms-browseTabContainer,.ms-cui-topBar2 {
    border-bottom: none!important;
}
.ms-cui-tabBody {
    border-bottom-color: #a6a5a5 !important;
}
#suiteBar {
   /* float: right;
    width: auto;*/
}

#s4-ribbonrow {
   /* z-index: -1!important; 
    position:static;*/
    /*z-index: 1!important; 
    position:absolute;*/
}
#s4-ribbonrow{
	/* display:table;*/
}

/*Header*/
#mt-headerBackground {
    width: 100%;
    background-color:transparent;    
    background: url('Img/MT-HeaderBg.png') repeat-x left bottom;
    /*background-color: #f8f4f4;*/
    /*position:fixed;
    top:20;
    left:0;*/
      /*opacity: 0.8;*/
}


.MT-ContentWrapper-1 {
 
}

.ms-core-header{
	border-bottom:thin #ffffff solid;
	
}

#mt-headerBackground #s4-titlerow{
	height: 200px;
	padding: 0px;
	background-color: transparent;
	background:url('Img/Geometric1.png') top right no-repeat;
}

#mt-headerBackground #titleAreaRow #siteIcon {
    min-width: 94px;
    height: 94px;
    line-height: 94px;
    text-align: center;
    margin: 15px 20px 7px 0;
    float: left;
    
}


#siteIcon #DeltaSiteLogo .ms-siteicon-a {
    width: auto;
    height: 200px;
    display: inline-block;
	max-width: 200px;
	max-height: 150px;
}

#titleAreaRow #siteIcon .ms-siteicon-img {
    display: block;
    max-height: 204px;
    
}



/******************** breadcrumb ********************/
.ms-core-pageTitle{
	display:none!important
}

/*position the breadcrumb in the header*/

.breadcrumb-start {
    
    margin: 0 auto;
    width: 85%;
    min-width: 1100px;
    padding-top:10px;
    
    
    
}

/* Hide the text for the home link */

.breadcrumb a.home { color: transparent;font-size:1px;vertical-align:middle;}

.breadcrumb a.home:hover { color: transparent; }

 

/* Add the 'home' icon from Google's Material Design Icons */

.breadcrumb a.home:before { font-family: "Material Icons"; 
	content: '\E88A'; 
	font-size: 24px; 
	color: #d1d1d1; 
	width: 20px; 
	height: 20px; 
	overflow: hidden; 
	vertical-align: middle; 
	outline: none; 
	border: 0; 
	box-shadow: none; 
	background: transparent; }

.breadcrumb a.home:hover:before { color: #fff !important; }

 

/* Begin breadcrumb wrap style */

.breadcrumb { display: inline-block; border-radius: 5px; overflow: hidden; border: 1px solid #e1e1e1;margin-bottom:0px; }

 

.breadcrumb a { display: inline-block; font-size: 12px; line-height: 28px; color: #222; position: relative; text-align: center; }

.breadcrumb a:first-child { padding-left: 26px; border-radius: 5px 0 0 5px; }

.breadcrumb a:after { content: ''; 
	position: absolute; 
	top: 0; 
	right: -14px; 
	width: 28px; 
	height: 28px; 
	transform: scale(0.707) rotate(45deg); 
	z-index: 1; 
	box-shadow: 1px -1px 0 1px #e1e1e1; border-radius: 0 5px 0 50px; }

 

/* Set the color for the current breadcrumb node */

.breadcrumb .current {color: #0072C6;}

 

/* Tidy up the position on our custom css classes we added to each breadcrumb node */

.breadcrumb a.home { padding-left: 12px; }

.breadcrumb a.bc-node { padding-right: 10px; }

.breadcrumb .current { padding: 0 15px; margin-left: 10px; }

 

/* Breadcrumb hover styles */

.breadcrumb a,

.breadcrumb a:after { background: #fff; color: #222; transition: all 0.35s ease-in-out; }

.breadcrumb a:hover,

.breadcrumb a:hover:after { background: #1d53a1; color:#fff; }

.breadcrumb a:hover:before { color: #1d53a1; }





/*position the breadcrumb in the header*/

.span4 {
    margin: 0 auto;
    width: 85%;
    min-width: 1100px;
    background-color: #fff;
    
}
.sp-breadcrumb {
	display: block;
	right: 0px;
	top:.90em;
	color: #000;
	white-space: nowrap;
	font-size: 14px;
	-webkit-box-shadow:rgba(0,0,0,0.25) 0 2px 4px;
	-moz-box-shadow:rgba(0,0,0,0.25) 0 2px 4px;
	box-shadow:rgba(0,0,0,0.25) 0 2px 4px;
	border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius:6px;
   padding:5px;
   float:right;
}


.sp-<strong>breadcrumb</strong> {background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #317faf), color-stop(100%, #003366));
	 background:-webkit-linear-gradient(top, #317faf 0%,#003366 100%);
	 background:-moz-linear-gradient(top, #317faf 0%,#003366 100%);
	 background:-o-linear-gradient(top, #317faf 0%,#003366 100%);
	 background:linear-gradient(top, #317faf 0%,#003366 100%);
	 background:-ms-linear-gradient(top, #317faf 0%,#003366 100%);}

/*fix bootstrap image resize issue for seperator image*/
.sp-breadcrumb img {
	max-width: none;
	width: auto;
	vertical-align:center !important;
}
/*change links and text to match branding*/
.sp-breadcrumb a {
	color: #000 !important;
	text-decoration:none !important;
}
.sp-breadcrumb a:hover{text-decoration:underline !important;
background-color:transparent !important;}

.sp-breadcrumb #DeltaPlaceHolderPageTitleInTitleArea > span.breadcrumb-separator > span img{
text-indent: -9999px;
overflow: hidden;
/*background: transparent url('../img/breadcrumb-separator.png') no-repeat 0 6px;*/
margin: 0px 5px;
width: 8px !important;
height: 11px !important;
display: inline-block !important;
}
/*second-level span may include text or separator, so we need to reset its styles*/
.sp-breadcrumb #DeltaPlaceHolderPageTitleInTitleArea > span:first-child > span,
.sp-breadcrumb #DeltaPlaceHolderPageTitleInTitleArea > span.breadcrumb-separator > span {
background: transparent none;
margin: 0px;
width: auto;
height: auto;
display: inline;
}



/**************content**************/
#contentRow {
   
    min-height: 800px;

}
.carousel {
    position: relative;
    top: -30px;
}
.text a{
	
	padding:10px;
	border:2px solid #1D4EA4;
}

.text a:hover{
	color:#bf1e2e;
	border:2px solid #bf1e2e;
}


@media print{ .mean-container,.social{display:none;}
.sp-breadcrumb{display:block;}

}

@media (max-width: 960px)
{
.sp-breadcrumb {	top: 6.5em;}
.sp-breadcrumb {	display:none;}
}

/*search*/

/*.ms-core-header .ms-mpSearchBox {    
    margin-top: 72px;
    width: 260px;
   
}*/

.ms-core-header .ms-srch-sb {
    background-color: #fff;
}

.ms-core-header .ms-mpSearchBox input.ms-textSmall {
    color: #bbb;
}

.ms-core-header .ms-srch-sb-border, .ms-core-header .ms-srch-sb-border:hover, .ms-core-header .ms-srch-sb-borderFocused {
    border: 1px solid #353535 !important;
    border-radius:6px;
}


.ms-core-header .ms-srch-sb-searchLink:hover, .ms-core-header .ms-srch-sb-searchLink {
    background:url('Img/MT-MainGoSearch.png') no-repeat left 2px;
    height: 28px !important;
    width: 28px !important;
}

.ms-core-header .ms-srch-sb-searchLink:hover {
    background: url('Img/MT-MainGoSearch.png') no-repeat left 2px;
    }




/*menu navigation*/
.ms-core-listMenu-horizontalBox {
    margin-left: -11px;
    margin-top: 40px;
}
.ms-core-listMenu-horizontalBox li.static {
background-color:;
}



.ms-core-header .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link,
.ms-core-header .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited,
.ms-core-header .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected,
.ms-core-header .ms-tv-selected:link {
background-color:#2d71ae!important;
}


#mt-tnWrapper li a.selected .menu-item-text {
    color: #ffffff;   
   
}

#mt-tnWrapper li.static a.selected :hover {
    color: #ffffff;
    
}

#mt-tnWrapper .static .menu-item :hover {
    color: #fff;
}

/*sub-menu*/

#mt-tnWrapper li.dynamic .ms-core-listMenu-item :hover {
    color: #ffffff;
    background-color: #2d71ae!important;
}

#mt-snWrapper .ms-core-listMenu-verticalBox .ms-core-listMenu-selected:link, #mt-snWrapper .ms-core-listMenu-verticalBox .ms-core-listMenu-selected:visited, #mt-snWrapper .ms-core-listMenu-verticalBox .ms-core-listMenu-selected {
    color: #ffffff!important;
    background: url("/_layouts/15/images/005_MT-Images/MT-ShadowNav_B.png") repeat-x left bottom !important;
    background-color: #2d71ae!important;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    margin-left: -1px;
    margin-right: -1px;
}


/*webpart - title*/

#mt-centerWrapper .ms-webpart-chrome-title{
	background-color:#2d71ae!important
	
}

#floated-no{
background:none;
float: right;
width: auto;
margin: 10px;
	
	}
	

#floated{
float: left;
width: auto;
background: #99c0eb none repeat scroll 0% 0%;
margin: 10px;
	
}

#floated-right
{
float: right;
width: auto;
background: #bf1e2e none repeat scroll 0% 0%;
margin: 10px;
	
	
}




/***********footer**********/
#MT-FooterContainer .MT-FooterContent .col_1 {
    width: 230px;
    min-height: 150px;
   
}
#MT-FooterContainer .MT-FooterContent .col_2 {
    width: 320px;
}

#MT-FooterContainer .MT-FooterContent .float_right{
	float:right;
}

.bottom_logo{
padding:5px;
margin:5px;
	
}

@media only screen and (max-width:1144px){

div.article{
    
    width: 100%;
}
}



@media only screen and (max-width:980px){
.top-img img {
	
	width:100%!important;
	height:auto!important;
}

#mt-headerBackground #s4-titlerow{
	background:none;
}

.breadcrumb-start {	display:none;}


/* Force table to not be like tables anymore */
	/*.ms-rtestate-field table, .ms-rtestate-field thead, .ms-rtestate-field tbody, .ms-rtestate-field th, .ms-rtestate-field td, .ms-rtestate-field tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	/*.ms-rtestate-field thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.ms-rtestate-field tr { border: 1px solid #ccc; }
	
	.ms-rtestate-field td  { 
		/* Behave  like a "row" */
			
	.ms-rtestate-field td  { 
		/* Behave  like a "row" */
		/*border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.ms-rtestate-field td:before  { 
		/* Now like a table header */
		
		/* Top/left values mimic padding */
		/*top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}*/


#MT-FooterContainer .MT-FooterContent .float_right{
	float:left;
}

@media (max-width: 960px)
{

.breadcrumb-start {	display:none;}
}

@media only screen and (max-width:900px){
#mt-headerBackground #titleAreaRow #siteIcon {
    min-width: 94px;
    height: 94px;
    line-height: 94px;
    text-align: center;
    margin: 5px 0px 5px 5px;
    
}
.show-menu {
    background: url("/_layouts/15/images/005_MT-Images/MT-ShowMenu.png") no-repeat left top;  
    background-color: #bf1e2e;
    display: block;
    width: 43px;
    height: 35px;
    position: absolute;
    left: 5px;
    top: -22px;
    z-index: 9999;
}


#mt-tnWrapper {    
    top: 150px;
 }

.ms-core-listMenu-horizontalBox {
    margin-left: 5px;
    margin-top: 10px;
}

#mt-tnWrapper li.static a.selected .menu-item-text {
    color: #1D4EA4;
    
}
#mt-tnWrapper .static .ms-core-listMenu-selected :hover .menu-item-text,
#mt-tnWrapper .dynamic .menu-item :hover .menu-item-text
{
 background-color:#bf1e2e;
 
}

#show-sideMenu[type="checkbox"]:checked ~ #sideNavBox
{
	margin-top: -30px;
}

#mt-tnWrapper .static .menu-item :hover {
    color: #1D4EA4;
}

#MT-FooterContainer .MT-FooterContent .float_right{
	float:left;
}


}

@media only screen and (max-width:800px){
	
#MT-FooterContainer .MT-FooterContent .float_right{
	float:left;
}



@media only screen and (max-width:768px){
	
#MT-FooterContainer .MT-FooterContent .float_right{
	float:left;
}



 @media only screen and (max-width:600px){
	
#MT-FooterContainer .MT-FooterContent .float_right{
	float:left;
}

#MT-FooterContainer .MT-FooterContent .follow {
 float:left;
 }


}
@media only screen and (max-width:480px){

#mt-headerBackground #s4-titlerow{
	height: 200px;
	padding: 0px;
	background-color: transparent;
	background:url('Img/MT-HeaderBg.png') repeat-x left bottom !important;
}

.ms-cui-ribbon, #SuiteNavUserName{
	font-size:8px;
}

.show-search {
    background: url('Img/MT-MainGoSearch.png') no-repeat left top;
    display: block;
    width: 43px;
    height: 35px;
    position: absolute;
    right: 7px;
    top: 80px;
}

.carousel-caption{
	
}

.ms-rtestate-field h1{
	font-size:16px;
}
#floated{
	
	background:none!important;
}
#floated-right{
	
	background:none!important;
}

.ms-rtestate-field img {
    display: block;
    max-width: 100%;
    height: auto !important;
    width: auto\9;
    text-align:center;
}

	
#MT-FooterContainer .MT-FooterContent .float_right{
	float:left;
}

#MT-FooterContainer .MT-FooterContent .col_1 {
       min-height: 0;
   
}
#MT-FooterContainer .MT-FooterContent .follow {
 float:left;
 }
 
 
	/* Force table to not be like tables anymore */
	table .ms-rteTable-6, .ms-rteTable-6 thead, .ms-rteTable-6 tbody, .ms-rteTable-6 th, .ms-rteTable-6 td, .ms-rteTable-6 tr,
	.ms-rtestate-field table, .ms-rtestate-field thead, .ms-rtestate-field tbody, .ms-rtestate-field th, .ms-rtestate-field td, .ms-rtestate-field tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.ms-rteTable-6 thead tr, .ms-rtestate-field thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.ms-rteTable-6 tr, .ms-rtestate-field tr { border: 1px solid #ccc; }
	
	.ms-rteTable-6 td,.ms-rtestate-field td  { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.ms-rteTable-6 td:before, .ms-rtestate-field td:before  { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}


}
@media only screen and (max-width:320px){
#mt-headerBackground #s4-titlerow{
	height: 200px;
	padding: 0px;
	background-color: transparent;
	background:url('Img/MT-HeaderBg.png') repeat-x left bottom !important;
}

.ms-cui-ribbon, #SuiteNavUserName{
	font-size:8px;
}

.show-search {
    background: url('Img/MT-MainGoSearch.png') no-repeat left top;
    display: block;
    width: 43px;
    height: 35px;
    position: absolute;
    right: 7px;
    top: 80px;
}

#floated-right{	
	background:none!important;
}

#contentRow{
	overflow:visible!important;
}

.ms-rtestate-field img {
    display: block;
    max-width: 100%;
    height: auto !important;
    width: auto\9;
    text-align:center
}


	
#MT-FooterContainer .MT-FooterContent .float_right{
	float:left;
}

#MT-FooterContainer .MT-FooterContent .col_1 {
       min-height:0;
   
}
#MT-FooterContainer .MT-FooterContent .follow {
 float:left;
 }
 
 


}