/* CSS Document */

/* adjust navbar height*/

body {
	font-family: 'Source Sans Pro', sans-serif;
	background-color:#FFF;

	
}

p {
	font-family: 'Source Sans Pro', sans-serif;
	color:#9b9b9b;	
}
td {
	font-family: 'Source Sans Pro', sans-serif;
	color:#9b9b9b;	
}

h4 {
	color: #74AFCC;
	
}

h3 {
	color: #74AFCC;
	
}



.navbar-inverse {
    background-color: #fff !important;
    border-color: #fff !important;
	background-image:none !important;
}


.productSubNav {
	font-size:14px;
	
	line-height:18px; 
	border:0px solid #ff0000;
	
}


.productSubNav a{
	font-size:14px;
	margin-left:15px; 
	line-height:18px; 
	border:0px solid #ff0000;'
	
}


blockquote ul li {
	font-family: 'Source Sans Pro', sans-serif;
	color:#9b9b9b;
	font-size:14px;
}

.mura-breadcrumb {
	
	list-style: none;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	margin-bottom: 20px;
	
	padding:0px;
	
	li {
		display: inline-block;
	}
	
}

// Nav Sequential, Nav Next-N
.mura-nav-sequential,
.mura-next-n {
	
	ul {
		list-style: none;
		
		li {
		display: inline;
		
			a {
				text-decoration: none;
				}
		
			}
		
		}
	
	}




.mura-breadcrumb a {
	color:#74afcc;
	
}



.navbar-brand,.navbar-header{
  
   
	background-color:#fff;
    
}
.navbar-collapse{
	background-color:#fff;
}

.navbar {
background-image: linear-gradient(to bottom, #FFF 0px, #fff 100%);
border: 0px;
box-shadow:none;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
font-size:15px;

}


.navbar-toggle {
	background-color: #ff8e00;
}

/* adjust navigation */

.dropdown-menu ul {
    margin-left: 100px;
}


.pull-bottom {
	vertical-align:bottom;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
	color:#7c7c7c;
	text-shadow:none;
	font-weight:bold;
	background-image:none !important;
	/*margin:0px;
	padding:0px;*/
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
	text-shadow:none;
   
}

.navbar-inverse .navbar-nav > .active > a:hover {
	background-color: transparent;
	color: #ccc;
	text-shadow:none;
}


.navbar-inverse .navbar-nav > .active > a {
	background-color: transparent;
	color:#ff5500;
	font-weight:bold;
}


.nav ul li ul {
    margin-left: 0px;
    list-style: outside none none;
    padding-left: 0px;
	line-height:3px;
	
}

.nav ul li ul > li > a:hover {
	
	padding-left:40px;
	
}

.nav ul li ul > li > a {
	
	padding-left:40px;
	
}


.nav ul li ul > li > ul > li a:hover {
	
	padding-left:10px;
	
}

.nav ul li ul > li > ul > li > a {
	
	padding-left:10px !important;
	
}


.nav ul li ul li {
	margin-left:0px;	
}


.nav ul li ul li ul {
	display: none;
}




.nav ul li ul li:hover > ul {
	
		display: block;
		position: absolute; 
		left: 150px; 
		top:0;
		width:225px;
		background-color:#FFF;
		text-wrap:none;
		font-size: 14px;
		line-height: inherit;
		text-align: left;
		list-style: outside none none;
		background-color: #FFF;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 4px;
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	}
	
	
	
	
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a:hover {
	color:#cccccc;
	
}
	
.dropdown:after {
	margin:0px !important;
	padding: 0px !important;
}



/*.bannerStyle {
	min-height:630px;
	
	background-size:cover;
	
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  
}*/



/*FORM STYLES*/
aside h2 {
	font-family: 'Source Sans Pro', sans-serif;
		text-transform: uppercase;
	  color:#62a3bc;
	  font-size: 16px;
	  font-weight:bold;
	  margin-top:25px;
}

label {
	color:#ccc;
}

.checkbox, .radio {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    left: 50px;
	white-space: nowrap;
}

form .mura-form-radio p, form .mura-form-checkbox p {
    width: 25%;
    margin-right: 2%;
    padding-right: 7px;
    font-weight: 700;
    line-height: 1.4;
    text-align: right;
    float: left;
    white-space: nowrap;
    position: relative;
}


form .mura-form-radio label, form .mura-form-checkbox label {
    float: none;
    padding: 0px;
    margin: 0px 0px 0.8em;
    font-weight: 400;
    text-align: left;
}

.fa {
	
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 0 !important;
    -moz-osx-font-smoothing: grayscale;
	  opacity: .75;
	  color:#FFF;
}



.cornerImage {
	/*opacity:0.03;*/
	
}

.topHeader {
  max-width:100%;
  height:auto;
  border:none;
  display: block;
  margin: 0 auto;
}

.banner {
  position: relative;
}

.myTitle {
	text-align:right;
  position: absolute;
  width: 100%;
  top: 15px;
  right: 25px;
  
  
 
  
  color: #fff;
}



.mySocial {
  
  text-align: right;
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 25px;
}

.breadcrumb {
	background-color:transparent;
	
}



/* modify navbar collapse menu */

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border: 0px;
}

.boxArrow a{
	/*color: #c8dfea;*/
	/*opacity:1.0 !important;*/
	z-index:1;
	
}

.boxArrow p{
	margin:0px !important;
	padding:5px 15px 5px 15px;
	color: #fff;
	font-size: 14px;
	/*opacity:.75;
	z-index:100;*/
	
}


h3.subHead{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	color:#fff !important;
	font-size:30px;
	vertical-align:middle !important;
	position:absolute; 
	vertical-align:middle; 
	text-align:center; 
	/*width:300px;*/
	width: 100%; 
	/*top: 90px;*/
	top: 30%; 
	/*border:0px solid #ff0000;
	text-shadow: 2px 2px 5px #000;*/
}




.tint {
    
    
   
    cursor: pointer;
 /*   -webkit-box-shadow: rgba(0,0,0,.2) 3px 5px 5px;
    -moz-box-shadow: rgba(0,0,0,.2) 3px 5px 5px;
    box-shadow: rgba(0,0,0,.2) 3px 5px 5px;*/
  }
  
  .tint:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255, 1);
	
	transition: all 0.3s ease;
	
	
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;

	text-align:center;
  }
  
  .tint:hover:before {
  background: none; 
   max-width:331px;
   min-width:331px;
   max-height:265px;
   color:#000 !important;
   text-align:center;
   
  }
  
 
  
  .t3:before {
	  /*max-width:331px;*/
	  max-width: 100%;
   min-width:331px;
   /*max-height:265px;*/
   max-height: 100%;
    /* background: rgba(255,85,0, 1); */
	background-image:url("https://www.cxtec.com/default/assets/Image/orangeSquare.png");
	 text-align:center;
	mix-blend-mode: multiply;
	
	
	 
  }
  
  
  h2 {
	  font-family: 'Source Sans Pro', sans-serif;
	  font-weight:300;
	  color:#62a3bc;
	  border:0px solid #ff0000;
	  
  }
  
  h2.topLevelIntroTitle {
	  font-family: 'Source Sans Pro', sans-serif;
	  font-weight:300;
	  color:#62a3bc;
	  text-align:center;
	  border:0px solid #ff0000;
	  
  }
  
  h2.newsroomTitle {
	  font-family: 'Source Sans Pro', sans-serif;
	  font-weight:300;
	  color:#62a3bc;
	  border:0px solid #ff0000;
	  
  }
  
  
  h2.topLevelIntro {
	  font-family: 'Source Sans Pro', sans-serif;
		/*text-transform: uppercase;*/
	  color:#62a3bc;
	  font-size: 16px;
	  font-weight:bold;
	 
  }
  
  h3.secondLevelIntro {
	  font-family: 'Source Sans Pro', sans-serif;
		
	  color: #999;
	  font-size: 15px;
	  font-weight:bold;
	 
	  
  }
  
  .topLevelIntroTitleCopy {
	  font-family: 'PT Sans', sans-serif;
	  font-weight: 300;
	  color: #62a3bc;
	  font-size: 14px;
	  border:10x solid #000;
	  text-align:center;
	  
	  
}
  
  .topLevelIntroCopy {
	  font-family: 'PT Sans', sans-serif;
	  font-weight: 400;
	  color: #9b9b9b;
	font-size: 14px;
	  border:0px solid #000;
	  width: 400px;
	  padding-left:40px;
	  
}



.dividerVer { background-image:url(/default/assets/Image/dividerVer.png); 
				height:100%; 
				background-repeat: no-repeat;
				background-position:left;
				
				}




.mura-nav-peer {
	border:0px !important;
	border-radius: 0px;
    background-image: linear-gradient(to bottom, #ff5500 0px, #ff5500 100%);
   
    background-repeat: repeat-x;
   
  /*  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);*/
}
.mura-nav-peer {
	margin-top:5px;
    min-height: 20px;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #ff5500;
	border:0px !important;
	border-radius: 0px;
   /* border: 0px solid #ff5500;
    
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;*/
}


.mura-nav-peer ol li a, .well ul li a, ol.well li a, ul.well li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size:20px;
	color: #fff;
    display: block;
    padding: 10px 0px 10px 20px;
	border-bottom: 5px solid #FFF;
	text-shadow: none !important;
	
}

.mura-nav-peer ol li a:hover, .well ul li a:hover, ol.well li a:hover, ul.well li a:hover {
	color:#ff5500;
	
}



.mura-nav-peer .active {
	
	color:#fff !important;
	background-color:#CCC !important;
	
}








.mura-nav-multi-level {
	border:0px !important;
	border-radius: 0px;
    background-image: linear-gradient(to bottom, #ff5500 0px, #ff5500 100%);
   
    background-repeat: repeat-x;
   
  /*  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);*/
}
.mura-nav-multi-level {
	margin-top:4px;
    min-height: 20px;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #ff5500;
	border:0px !important;
	border-radius: 0px;
   /* border: 0px solid #ff5500;
    
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;*/
}


.mura-nav-multi-level ol li a, .well ul li a, ol.well li a, ul.well li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size:20px;
	color: #fff;
    display: block;
    padding: 10px 0px 10px 20px;
	border-bottom: 5px solid #FFF;
	text-shadow: none !important;
	
}

.mura-nav-multi-level ol li a:hover, .well ul li a:hover, ol.well li a:hover, ul.well li a:hover {
	color:#ff5500;
	
}
















.mura-nav-standard {
	border:0px !important;
	border-radius: 0px;
    background-image: linear-gradient(to bottom, #ff5500 0px, #ff5500 100%);
   
    background-repeat: repeat-x;
   
  /*  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);*/
}
.mura-nav-standard {
	margin-top:4px;
    min-height: 20px;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #ff5500;
	border:0px !important;
	border-radius: 0px;
   /* border: 0px solid #ff5500;
    
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;*/
}


.mura-nav-standard ol li a, .well ul li a, ol.well li a, ul.well li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size:20px;
	color: #fff;
    display: block;
    padding: 10px 0px 10px 20px;
	border-bottom: 5px solid #FFF;
	text-shadow: none !important;
	
}

.mura-nav-standard ol li a:hover, .well ul li a:hover, ol.well li a:hover, ul.well li a:hover {
	color:#ff5500;
	
}


.nav-list li.active li a {
	color:#999 !important;
	background:none;
	background-color:#FFF;
	line-height:19px;
	text-align:right;
	
	
}

.nav-list li.active li a:hover {
	color: #ff5500;	
}


.mura-nav-standard ol li a, .well ul li a, ol.well li a, ul.well li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size:20px;
	color: #fff;
    display: block;
    padding: 10px 0px 10px 20px;
	border-bottom: 5px solid #FFF;
	text-shadow: none !important;
	
}



.mura-nav-standard .active {
	
	color:#fff !important;
	background-color:#CCC !important;
	
}



.cx img:last-child{display:none}
.cx:hover img:first-child{display:none}
.cx:hover img:last-child{display:inline-block}

.mura-index dt {font-size:inherit; font-weight:normal;}

.dt {
	font-weight:normal;
}


.cxtecComp {
	margin-top:65px;
}



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.thumbnail {
	padding:5px;
	margin:10px;
}

.footer {
	
	color:#fff;
}

.footer a{
	padding-left: 25px;
	line-height:65px;
	color:#fff;
}


#sysNewsroomBlog > div:title a {
	color:#F00;
	
}



#sysNewsroomBlog a, #sysNewsroomUpcomingEvents a, #sysMediaResources a, #sysSocialMedia a{

font-size: 14px;
	
}


/*
.nav > li > a:focus, .nav > li > a {
	background-color: #ff5500;
	color:#ffffff;
	padding:20px;
	
}

.nav > li > a:focus, .nav > li > a:hover {
	background-color: #ffffff;
	color: #ff5500;
}

.nav > li > a:focus, .nav > li > {
	padding:20px;
	
}
  
*/

@media (min-width: 768px) {
	
	
	
	h1.title {
		position:relative;
		bottom:30px;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	
	font-size:40px;
	margin-bottom:20px;
	
	}
	
	
	h1.hometitle {
	color:#FFF !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:25px;
	
	}
	
	h1.hometitle a {
	color:#fff !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:25px;
	padding-left:0px;
	text-decoration:underline;
	margin:0px !important;
	}
	
	
	h1.titleHomeTop {
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:2
	}
	
	
h1.pageTitle {
	font-family: 'Source Sans Pro', sans-serif;
		text-transform: uppercase;
	  color:#62a3bc;
	  font-size: 16px;
	  font-weight:bold;
	}


  .mainImageAlign {
	  text-align:cetner;
  }
  /*.arrow {
	  display:none;
		
	}*/
	
	
.smallBox {
	
	width: 83%; 
	background-color:#74afcc; 
	height:335px;
	
}
	
	
	h1.titleHomeTop {
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:20px;

	
	}
	
	.myTitleHome {
		top:-20px;
		border:1px solid #ff0000;
		
	}
	
	.myblog {
		
		width:90%;
		margin-left:5%;
		
	}
  
}



@media (max-width: 992px) {
	
	h1.title {
		position:relative;
		bottom:30px;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	
	font-size:25px;
	margin-bottom:20px;
	
	}
	
	
	h1.hometitle {
	color:#FFF !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:25px;
	
	}
	
	h1.hometitle a {
	color:#fff !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:25px;
	padding-left:0px;
	text-decoration:underline;
	margin:0px !important;
	}
	
	
	h1.titleHomeTop {
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:100%;
	}
	
	
	.smallBox {
		padding:20px;
	
	width: 100%; 
	background-color:#74afcc; 
	height:100%;
	margin-bottom:20px;
	
}

	.smallBox p{
		color:#fff;
	
	
	
}
	
	h1.pageTitle {
	font-family: 'Source Sans Pro', sans-serif;
		text-transform: uppercase;
	  color:#62a3bc;
	  font-size: 16px;
	  font-weight:bold;
	}
	
  .mainImageAlign {
     
	
  }
  .arrow {
	display:none;
	}
	
	.myblog {
		
		width:90%;
		
	}
	
}

@media (min-width: 992px) {
	
	
	h1.title {
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:55px;
	
	}
	
	h1.titleBlog {
	color:#62A3BC;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:40px;
	
	}
	
	
	h1.titleHomeTop {
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:45px;
	
	}


	h1.hometitle {
	color:#FFF !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:25px;
	padding-left:15px;
	}
	
	h1.hometitle a {
	color:#fff !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:25px;
	padding-left:0px;
	text-decoration:underline;
	}
	
	
	
	h1.pageTitle {
	font-family: 'Source Sans Pro', sans-serif;
		text-transform: uppercase;
	  color:#62a3bc;
	  font-size: 16px;
	  font-weight:bold;
	}


	  .mainImageAlign {
		
	  }
  
  	.boxArrow {
		margin:0px !important;
		padding:0px !important;
		min-height: 235px;
		
	}
	
	.arrow {
		position:absolute; 
		top:0px; 
		left:-23px;
		
	}
	
	.myblog {
		
		width:38%;
		
	}
	
	
	.smallBox {
		padding:20px;
	
	width: 100%; 
	background-color:#74afcc; 
	height:100%;
	margin-bottom:20px;
	
}


	.smallBox p{
		color:#fff;
	
	}
	
}

@media (max-width: 767px) {
	.mySocial a span i{
		color: #002098 !important;
			
	}
	.strokeMe{
		text-shadow:
		-1px -1px 0 #FFF,
		1px -1px 0 #FFF,
		-1px 1px 0 #FFF,
		1px 1px 0 #FFF;  
	}
}

.mySocial a span i{
	color: #FFF;	
}


/**********************************************
	PPC Form Styles
**********************************************/
/* should be able to switch #frm... to .mura-form to apply to all forms */
.mura-form{
	margin-top: 7%;
	border: 2px solid #FF5500;
	border-radius: 25px;
	padding: 7%;
}

.contact_header{
    background: #FF5500;
	opacity: .8;
    padding: 20px 0;
    font-size: 200%;
    font-weight: 300;
    text-align: center;
    color: #fff;
	border-radius: 15px;
    /*margin: -16px -16px 16px -16px;*/
}

.mura-form input[type="submit"],
.mura-form input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 3%;
    background: #449D44;
	opacity: .8;
    border-bottom: 2px solid #449D44;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;   
	border-radius: 15px;
    color: #fff;
}

.mura-form input[type="submit"]:hover,
.mura-form input[type="button"]:hover{
    background: #449D44;
	opacity: 1;
}

.mura-form .mura-form-textfield label{
	color:#74AFCC;
	display: none;
}

.mura-form .mura-form-radio p{
	display: none;	
}

/*.mura-form .mura-form-checkbox p{
	display: none;
}*/

.mura-form .mura-form-textarea label{
	display: none;	
}

.mura-form .mura-form-file label{
	display: none;	
}

.newsroomGalleryDivider{
	background-color: #FF5500;
	color: white; 
	text-align: center; 
	padding: 1%;
	margin: 0 !important;
}



.mura-form input[type="text"] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow
}

.mura-form div[class*="paging-container-"] button {
	width:100%;
    display: inline-block;
    margin-bottom: 0;
	margin-top: 10px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}