/*Copyright (c) 2004 KCI Industries, Inc.  All rights reserved.*/

body {
	font-family: 'Roboto', sans-serif;
    background-color: #8DCC9F;
    box-sizing: border-box;
    min-height: 100%;
}

.boldStarting {
	font-weight:600;
}

.mycmveriphoneImg {
	float: left;
	margin: 10px;
	margin-top: 1px;	
}

/* header {
   background-image: url('../images/main_logo.jpg');
   background-position:left;
   background-repeat: no-repeat;
   min-height: 110px;
   width: 100%
}
 */
nav {
  background: #D2D8D4;
  border: 1px solid #ccc;
  border-right: none;
  width: 100%;
  margin-bottom: 20px;
}

nav ul {
  margin: 0;
  padding: 0;
}

nav ul li {
  list-style: none;
  text-align: center;
/*   border-left: 1px solid #fff;
  border-right: 1px solid #ccc; */
}

nav ul li:first-child {
  border-left: none;
}

nav ul li a {
  display: block;
  text-decoration: none;
  color: #287295;
  font-weight: bolder;
  padding: 10px 0;
}

nav {
  display: table;
  table-layout: fixed;
}

nav ul {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;   
  flex-direction: row; 
  -webkit-flex-direction: row; 
  -ms-flex-direction: row; 
}

nav ul li {
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
}


/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
  	color: #287295;
  	font-weight: bolder;
	background: #D2D8D4;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ nav ul{
    display: block;
}

.mycmline {
	background-image: url('../images/mycmline.jpg');
	background-repeat:repeat-x;
	background-position:left;
	width:100%;
}

.wrapper {
   display: flex;   
   display: -webkit-flex;
   display: -ms-flexbox;   
   flex-wrap: wrap;     
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   margin-right: auto;
   margin-left: auto;
   background-color: #fff;	
}
.container {
   display: flex;   
   display: -webkit-flex;
   display: -ms-flexbox;   
   flex-wrap: wrap;     
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   margin-right: auto;
   margin-left: auto;
   background-color: #fff;
}

.box {
}

.startingLink {
	text-decoration: none;
	color: #fff;
}


.h-store-owner-header {
    color: #2A7396;
}

.h-store-owner-p {
    color: #2A7396;
    text-align:left;
    font-weight: bold;
}

.h-store-owner-btn {
    color: #287194;
    background-color: #fff;
    text-align:center;
    margin: auto;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    cursor: pointer; 
}

.h2-mycm {
    color: #2A7396;
}

.h3-mycm {
    color: #8DCC9F;
}

.mycm-content-p {
    color: #2A7396;
    text-align:left;
    font-weight: normal;
}

h4 {
   color: #2A7396; 
}

h5 {
   color: #8DCC9F; 
}

.mycm-content li {
    color: #2A7396;
}

.mycm-content p {
    color: #2A7396;
    text-align:left;
    font-weight: normal;
}

.mycm-content h2 {
    color: #2A7396;
}

.mycm-content li a {
    color: #8DCC9F;
}
.mycm-content-p a {
    color: #8DCC9F;
}

.contentnumberbullet {
	color: #2A7396;
}

.contactUsSpan {
	color: #8DCC9F;
}

.sec3 {
	text-align: left;
	border: 1px solid #287295;
	border-radius: 5px;
	background-color: #287295;
}

.h-portal-login-btn {
	border: 2px solid #96C8A3;
	background-color: #fff;
	box-shadow: 5px 5px 5px #90B1C0;
	color: #2A7396;
	height: 35px; 
	margin-left: 5px;
	margin-bottom: 15px;
	border-radius: 5px; 
	font-size: 12px;
	font-weight: bold;	
	cursor: pointer; 
}

.mycm-content-btn {
    border: 2px solid #96C8A3;
    background-color: #fff;    
    height: 35px; 
    margin-bottom: 15px;
    border-radius: 5px; 
    font-size: 12px;
    font-weight: bold;  
    color: #2A7396;
    text-align: left; 
    cursor: pointer; 
}

.btn-selected {
	background-color: #C8E4CB;
}

.mycm-content-btn2 {
    background-color: #fff;  
    border: none;  
    height: 35px; 
    margin-bottom: 15px;    
    font-size: 12px;
    font-weight: bold;  
    color: #8DCC9F;
    text-align: left;
}

.mycm-content-btn2-sel {
    background-color: #fff;  
    border: none;  
    height: 35px; 
    margin-bottom: 15px;    
    font-size: 12px;
    font-weight: bold;  
    color: #2A7396;
    text-align: left;
}

.mycm-content-btn2:hover {
	color: #2A7396;
	border: none;
}

.h-store-owner-btn {
	border: 2px solid #96C8A3;
	background-color: #fff;
	width: 75%;
	height: 35px; 
	margin-left: 5px;
	margin-bottom: 15px;
	border-radius: 5px; 
	font-size: 12px;
	font-weight: bold;
}

.h-store-owner-btn p {
	font-size: 12px;
	font-weight: bold;
}  
.numberlist {
    color: #2A7396;
    list-style-type: decimal;    
}

.numberlist a {
	color: #8DCC9F;
}


header {
   display: flex;   
   display: -webkit-flex;
   display: -ms-flexbox;   
   flex-wrap: wrap;     
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   margin-right: auto;
   margin-left: auto;

}

.footerLinksWrapper {
   display: flex;   
   display: -webkit-flex;
   display: -ms-flexbox;   
   flex-wrap: wrap;     
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   margin-right: auto;
   margin-left: auto;	
}

/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
@media (max-width: 850px) {
	nav ul li a {
  		padding: 10px 0px;
  		font-size: 14px;
	}

	.midLogo {
		font-size: 14px;
	}

}

@media (min-width: 751px) {

	.wrapper {
   		max-width:1000px;
   		margin-left: auto;	
   		margin-right: auto;
	}

	header {
		width:100%;
	}

	.mycHeader {
		
	}

	.logo {
		width:33.333333%;
		margin: auto;
		float:left;
	}

	.midLogo {
		width:33.333333%;
		margin:auto;
	}

	.logins {
		width:33.333333%;
		margin:auto;
	}

	#navheader {
		width: 100%;
		margin-bottom:5px;
		padding: 10px;
	}		

	.container {
   		width: 100%;
   		padding: 10px;
	}

	.h-portal-login-btn {
		width: 70%;
		margin: auto;
		text-align: left;
		margin-top: 20px;
		margin-bottom: 25px;
	}

	.evt-portal-login-btns {
		margin: auto;
		margin-left: 30px;
	}

	.h-store-login-btn {
		border: 2px solid #96C8A3;
		background-color: #fff;
		box-shadow: 5px 5px 5px #90B1C0;
		color: #2A7396;
		height: 35px; 
		margin-left: 5px;
		margin-bottom: 15px;
		border-radius: 5px; 
		font-size: 12px;
		font-weight: bold;
                cursor: pointer;	
	}

	.indented {
		padding-left: 10pt;
		padding-right: 10pt;
	}
	.indented2 {
		padding-left: 20pt;
		padding-right: 20pt;
	}
	.indented3 {
		padding-left: 30pt;
		padding-right: 30pt;
	}
	.indented4 {
		padding-left: 40pt;
		padding-right: 40pt;
	}

	.h2-mycm {
    	margin-top: 0px;
	}

	.sec0 {
		width: 4%;
		background-color: #8DCC9F;
	}

	.sec1 {
		width: 58%;
	}

    .sec1 img {
       width: 100%;       
    }

	.sec2 {
		width: 38%;
	}

    .sec2 img {
       width: 100%;  
    }

	.main24 {
        background-image: url('../images/main_24.jpg');                        
        width: 100%;
        min-height: 30px;       
	}

	.sec3 {
		width: 100%;
		margin-bottom: 30px;		
	}

	.sec3 p {
		padding:5px;
	}

	.sec4 {
		width: 30%;
		padding: 10px;	
		border-right: 2px dotted #8DCC9F;
		min-height: 110px;		
	}

	.sec4 p {
		
	}

	.sec5 {			
		width: 30%;
		padding: 10px;
		border-right: 2px dotted #8DCC9F;
		min-height: 110px;
	}

	.sec5 p {

	}

	.sec6 {
		width: 30%;
		padding: 10px;
	}

	.sec6 p {
		
	}

	.boxContent {
		margin-left: 15px;
		width: 65%;		
		order: 2;
		-webkit-order: 2;
		-ms-order: 2;	
	}

	.boxLeftbtns {	
	    border-right: 2px dotted #8DCC9F;			
	    margin-right: 3px;
		width:30%;
		order: 1;
		-webkit-order: 1;
		-ms-order: 1;
	}

	.mycm-content-btn {
		box-shadow: 5px 5px 5px #90B1C0;
		border: 2px solid #679AB5;
	}

	.hbt1 {
		width:96%;		
	}

	.hbt2 {
		width:96%;
	}

	.hbt3 {
		width:96%;
	}

	.reqCallImg {
		display: block;
		margin-left: 20%;
	}

	.footerLinksWrapper {
   		width: 100%;
   		margin: auto;
        color: #2A7396;
		background: url('../images/main_bottombar.jpg') no-repeat center center fixed;
  	    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
  		background-size: cover;
	}

	.footer-links {
		width: 30%;
		padding: 5px;
		float:left;
		text-align: left;		
		font-size: 14px;
	}

	.footer-links li a {
    	color: #2A7396;
    	text-decoration: none;
	}

	.footer-links li {
		list-style:none;
		margin-top: 3px;
	}

    footer {    
   		width: 100%;
   		margin: auto;    	
        text-align:center;
        color: #2A7396;
        order: 3;
        -webkit-order: 3;
        -ms-order: 3;
        background-color: #F5FAF6;        
    }

    footer a {        
        color: #2A7396;
        text-decoration: none;
    }
    	

}


@media (max-width: 750px) {
    
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}

  	nav ul {    
		display: none;    
  	}

  	nav {
    	font-size: .8em;
  	}
  
  	nav ul li {
    	display: block;
    	border-bottom: 1px solid #ccc;
  	}
      
    .container {
    	padding: 5px;
    }
  
	.logo {
		width: 100%;
		margin: auto;
		text-align: center;
	}	

	.midLogo {
 		position: absolute;
		top:-9999px;
		left: -9999px;		
	}

	.logins {
 		position: absolute;
		top:-9999px;
		left: -9999px;
	}

	#navheader {
		width: 100%;
	}

	.hbt1 {
		width:75%;
	}

	.hbt2 {
		width:75%;
	}

	.hbt3 {
		width:75%;
	}

	.sec0 {
		display: none;
	}
	.sec1 {
		width:100%;
	}

    .sec1 img {
        width: 100%;
    }

	.sec2 {
		width:100%;
	}

    .sec2 img {
        width: 100%;
    }

	.main24 {
        background-image: url('../images/main_24.jpg');                        
        width: 100%;
        min-height: 30px;       
	}   

	.sec3 {
		width: 100%			
	}

	.sec3 p {
		padding:5px;
	}

	.sec4 {
		min-height: 120px;
		border-bottom: 2px dotted #8DCC9F;
		width: 100%		      		
	}

	.sec5 {
		min-height: 110px;
		border-bottom: 2px dotted #8DCC9F;
		margin-top: 5px;
		width: 100%		
	}


	.sec6 {
		min-height: 110px;
		margin-top: 20px;
		width: 100%
	}

	.h-store-owner-header {
		padding: 5px;
	}

	.h-store-owner-p {
		padding: 5px;
	}

	.h-portal-login-btn {
		width: 90%;
		margin: auto;
		text-align: left;
		margin-top: 20px;
		margin-bottom: 25px;
                cursor: pointer;
	}

    .h-store-owner-btn {
        border: 2px solid #96C8A3;
        background-color: #fff;
        width: 75%;
        height: 35px; 
		margin-left: 5px;
        margin-bottom: 15px;
        border-radius: 5px; 
        font-size: 12px;
        font-weight: bold;
    }

    .h-store-owner-btn p {
        font-size: 12px;
        font-weight: bold;
    }  


    .mycm-content-btn {
        width:100%;
        height: 35px;
        margin-bottom: 20px;         
    }


	.boxContent {
		width:100%;
		order: 1;
		-webkit-order: 1;
		-ms-order: 1;
	}

	.boxLeftbtns {
		width:100%;
		order: 2;
		-webkit-order: 2;
		-ms-order: 2;
	}


	.reqCallImg {
		display: none;
	}

	.footerLinksWrapper {
   		width: 100%;
   		margin: auto;    	
        text-align:left;
        color: #2A7396;
		background: url('../images/main_bottombar.jpg') no-repeat center center fixed;
  	    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
  		background-size: cover;		
	}


	.footer-links {
		width: 100%;		
	}

	.footer-links ul {
		padding: 0px;
		padding-left: 10px;
	}

	.footer-links h4 {
		padding: 0px;
		margin-bottom: 5px;
	}

	.footer-links li {
		list-style:none;
	}

	.footer-links li a {
    	color: #2A7396;
    	text-decoration: none;
	}

    footer {
        text-align:center;
        background-color: #F4F9F5;
        margin:auto;
        color: #2A7396;
        font-size: 10px;
        order: 3;
        -webkit-order: 3;
        -ms-order: 3;
    }
    
}

/* KEYFRAMES */

/* @keyframes stylie-transform-keyframes {
    0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
    100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
    0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
    100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}
 */
/* @font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/RobotoCondensed-Light.eot);
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(../fonts/RobotoCondensed-Light.eot) format('embedded-opentype'), url(../fonts/RobotoCondensed-Light.woff) format('woff');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/RobotoCondensed-Regular.eot);
    src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(../fonts/RobotoCondensed-Regular.eot) format('embedded-opentype'), url(../fonts/RobotoCondensed-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/RobotoCondensed-Bold.eot);
    src: local('Roboto Condensed Regular'), local('RobotoCondensed-Bold'), url(../fonts/RobotoCondensed-Bold.eot) format('embedded-opentype'), url(../fonts/RobotoCondensed-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/RobotoCondensed-LightItalic.eot);
    src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(../fonts/RobotoCondensed-LightItalic.eot) format('embedded-opentype'), url(../fonts/RobotoCondensed-LightItalic.woff) format('woff');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/RobotoCondensed-Italic.eot);
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(../fonts/RobotoCondensed-Italic.eot) format('embedded-opentype'), url(../fonts/RobotoCondensed-Italic.woff) format('woff');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/RobotoCondensed-BoldItalic.eot);
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(../fonts/RobotoCondensed-BoldItalic.eot) format('embedded-opentype'), url(../fonts/RobotoCondensed-BoldItalic.woff) format('woff');
}
 */