﻿/* Contact Us*/
 #questions
        {
            margin-left: 6px;
            margin-top: 10px;
            color: #f4692e;
            font-size: 30px;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        #tableOnMobile
        {
            display: none;
        }
        #contactOnMobile
        {
            background-image: url('../hmcImages/adress.jpg');
            background-repeat: no-repeat;
            background-size: 240px;
            margin-top: 10px;
            margin-left: 15px;
            position: relative;
            display: none;
        }
        .lblContact
        {
            color: #9fa3a2;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            font-size: 20px;
        }
        #email
        {
            color: #0178c8;
            text-decoration: underline;
        }
        #contactCellForDesktop
        {
            width: 70%;
        }
        .contactField
        {
            color: #a2a2a2;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            margin-left: 6px;
        }
        .contactTextField
        {
            margin-left: 6px;
            border: 2px solid #f2f2f2;
            width: 95%;
        }
        .contactAddress
        {
            color: #9fa3a2;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            font-size: 20px;
        }
        #emailLink
        {
            color: #0178c8;
            text-decoration: underline;
        }
        #tblMainContact
        {
        	margin-left: 5%;
            margin-right: 5%;
            width: 90%;
        }
        #tblMobileContact
        {
        	display: none;
        }
        @media screen and (max-width: 310px)
        {
            #questions
            {
                font-size: 16px;
                width: 240px;
            }
            #tableContact
            {
                display: none;
            }
            #tableOnMobile
            {
                display: block;
            }
            #contact
            {
                display: none;
            }
            a#signUpLinkMobile
            {
                text-decoration: underline;
                color: #1f70b2;
                font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
                font-size: 12px;
            }
            .btnSubmitMobile
            {
                background-color: #f4692e;
                border: none;
                color: White;
                font-size: 14px;
                width: 100px;
                height: 20px;
                cursor: pointer;
                margin-left: 7px;
            }
            #contactOnMobile
            {
                display: block;
            }
            .lblContact
            {
                font-size: 12px;
            }
            #email
            {
                font-size: 12px;
            }
            #tblMobileContact
            {
            	display: none;
            }
        }
        
        @media screen and (max-width: 420px)and (min-width: 310px)
        {
        	#tblMainContact
        	{
        		display: none;
        	}
        	#tblMobileContact
        	{
        		display: block;
        	}
        	#questions
        	{
        		font-size: 28px;
        	}
        	.btnSubmitContactMobile
            {
                background-color: #f4692e;
                border: none;
                color: White;
                font-size: 16px;
                cursor: pointer;
                margin-left: 7px;
            }
            .contactAddress
            {
            	color: Black;
            	font-size: 18px;
            }
            #emailLink
            {
            	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            }
        }
        
        @media screen and (max-width: 910px)and (min-width: 420px)
        {
            #questions
            {
                font-size: 20px;
            }
            .contactAddress
            {
                font-size: 17px;
            }
            #emailLink
            {
            	font-size: 14px;
            }
            #tblMobileContact
            {
            	display: none;
            }
        }
        
/* Product Services*/
#displayForMobile
        {
            display: none;
        }
        #tblMainProductServices
        {
            margin-left: 5%;
            margin-right: 5%;
            width: 90%;
        }
        #features
        {
            margin-top: 20px;
            color: #f4692e;
            font-size: 30px;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        #otherListElement
        {
            color: #6b6b6b;
            font-size: 18px;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        #divProductServicesMobile
        {
            background-image: url("../hmcImages/notebook_mobile.JPG");
            background-repeat: no-repeat;
            background-size: 240px;
            display: none;
        }
        #ourCreative
        {
            color: #8e8983;
            font-size: 18px;
            margin-left: 15px;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        a.linkSamples
        {
            color: #0178c8;
            font-size: 12px;
            text-decoration: underline;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            margin-left: 15px;
        }
        #managmentTool
        {
            color: #8e8983;
            font-size: 18px;
            margin-left: 5px;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        a#linkWebinar
        {
            color: #0178c8;
            font-size: 8px;
            text-decoration: underline;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        #includeInLibrary
        {
            display: none;
        }
        .library
        {
            font-size: 18px;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        .otherProduct
        {
            font-size: 16px;
            font-weight: bold;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            color: #f4692e;
        }
        a#tellUsLink
        {
            color: #0178c8;
            font-size: 16px;
            text-decoration: underline;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        #creative
        {
            color: #8e8983;
            font-size: 18px;
            margin-left: 15px;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        #seeSamples
        {
            color: #0178c8;
            font-size: 12px;
            text-decoration: underline;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            margin-left: 15px;
        }
        .seeSamples
        {
        	color: #0178c8;
            font-size: 12px;
            text-decoration: underline;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            margin-left: 15px;
        }
        #managmentTool
        {
            color: #8e8983;
            font-size: 18px;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        #laptopIcon
        {
            margin-left: 6px;
        }
        #includeInLibraryTwo
        {
            font-size: 18px;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        .ourLibrary
        {
            font-size: 16px;
            font-weight: bold;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            color: #f4692e;
        }
        a#tellUsLinkTwo
        {
            color: #0178c8;
            font-size: 18px;
            text-decoration: underline;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            
        }
        #tblMobileProductservices
        {
        	display: none;
        }
        @media screen and (max-width: 310px)
        {
            #divproductServices
            {
                display: none;
            }
            #displayForMobile
            {
                display: block;
            }
            #hideOnMobile
            {
                display: none;
            }
            #features
            {
                margin-top: 0px;
                font-size: 20px;
                width: 240px;
            }
            #otherListElement
            {
                font-size: 14px;
            }
            #ourCreative
            {
                font-size: 14px;
            }
            a.linkSamples
            {
                font-size: 8px;
            }
            #managmentTool
            {
                font-size: 14px;
            }
            
            #divProductServicesMobile
            {
                display: block;
            }
            #includeInLibrary
            {
                display: block;
            }
            .library
            {
                font-size: 14px;
                margin-top: -50px;
            }
            .otherProduct
            {
                font-size: 12px;
            }
            a#tellUsLink
            {
                font-size: 12px;
            }
            #tblMobileProductservices
            {
            	display: none;
            }
           
        }
        
        @media screen and (max-width: 420px)and (min-width: 310px)
        {
        	#tblMainProductServices
        	{
        		display: none;
        	}
        	#tblMobileProductservices
        	{
        		display: block;
        	}
        	#features
        	{
        		font-size: 26px;
        	}
        	#otherListElement
        	{
        		font-size: 18px;
        	}
        }
        
        @media screen and (max-width: 910px)and (min-width: 420px)
        {
            #divproductServices
            {
                background-size: 300px;
            }
            #creative
            {
                font-size: 16px;
                width: 150px;
            }
            #seeSamples
            {
                font-size: 9px;
            }
            #managmentTool
            {
                font-size: 16px;
                width: 120px;
                margin-left: -90px;
            }
            #laptopIcon
            {
                margin-left: -90px;
                height: 18px;
            }
            #pencilIcon
            {
            	height: 7px;
            }
            #features
            {
                font-size: 22px;
                margin-left: -90px;
                margin-top: 10px;
            }
            #otherListElement
            {
                font-size: 15px;
            }
            li
            {
            	/*margin-left: -90px;*/
            }
            #includeInLibraryTwo
            {
                font-size: 16px;
            }
            .ourLibrary
            {
                font-size: 14px;
            }
            a#tellUsLinkTwo
            {
            	font-size: 14px;
            }
            #tblMobileProductservices
            {
            	display: none;
            }
        }
        
/* How It Works*/
#threeSteps
        {
            color: Black;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            font-size: 30px;
            margin-left: 6px;
        }
        #tblMainHowWorks
        {
        	margin-left: 5%;
            margin-right: 5%;
            width: 90%;
        }
        #displayOnMobile
        {
        	display: none;
        }
        #tblMobileHowWorks
        {
        	display: none;
        }
        @media screen and (max-width: 310px)
        {
             
            .divHome
            {
                font-size: 18px;
            }
            #threeSteps
            {
            	 font-size: 24px;
            }
            #imgCoffe
            {
            	width:250px;
            	height: 150px;           
            }
            #hideOnMobile
            {
            	display:none;
            }
            #displayOnMobile
            {
            	display: block;
            }
            #customizeText
            {
            	font-size: 12px;
            }
            #tblMobileHowWorks
            {
            	display: none;
            }
        }
        
        @media screen and (max-width: 420px)and (min-width: 310px)
        {
        	#tblMainHowWorks
        	{
        		display: none;
        	}
           #div3Steps
           {
        	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
         	color: #f86e3f;
        	font-size: 28px;
         	margin-left:6px;
         	margin-top:12px;
           }
           #customizeText
           {
           	color: #444444;
           	margin-left: 0px;
           	margin-top: 0px;
           	font-size: 19px;
           }
           #tblMobileHowWorks
           {
           	display: block;
           }
        }
        
        @media screen and (max-width: 910px)and (min-width: 420px)
        {
        	.divHome
        	{
        		font-size: 20px;
        	}
        	#threeSteps
        	{
        		font-size: 26px;
        	}
        	#imgCoffe
        	{
        		width: 320px;
        	}
        	#customizeText
        	{
        		font-size: 15px;
        	}
        	#laptopIconHW
        	{
        		margin-left: -110px;
        	}
        	#tblMobileHowWorks
        	{
        		display: none;
        	}
         
        }
 /* Home*/
 #divHelp
        {
            margin-left: 6px;
            margin-top: 10px;
            font-size: 30px;
            color: #000000;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        #divMarketingGroup
        {
            margin-left: 6px;
            margin-top: 10px;
            font-size: 18px;
            color: #211c1c;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        #div3
        {
            margin-left: 6px;
            margin-top: 10px;
            font-size: 18px;
            color: #211c1c;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        #homeImageMobile
        {
            display: none;
        }
        #homeImageTwoThirds
        {
            display: none;
        }
        
        #tblMobileHome
        {
        	display: none;
        }
        @media screen and (max-width: 310px)
        {
            .divHome
            {
                font-size: 18px;
            }
            #homeImage
            {
                display: none;
            }

            #homeCell
            {
                width: 100%;
            }
            #divHelp
            {
                font-size: 22px;
            }
            #divMarketingGroup
            {
                font-size: 14px;
                width: 98%;
            }
            #div3
            {
                font-size: 14px;
                width: 98%;
            }
            a#signUpLink
            {
                font-size: 11px;
            }
            #homeImageMobile
            {
                display: block;
            }
            #homeImageTwoThirds
            {
            	display: none;
            }

            #tblMobileHome
            {
            	display: none;
            }
          
        }
        
        @media screen and (max-width: 420px)and (min-width: 310px)
        {
        	#tblMainHome
        	{
        		display: none;
        	}
        	#tblMobileHome
        	{
        		display: block;
        		width:100%;
        	}
        	.divHome
            {
                font-size: 25px;
            }
            #divHelp
            {
                font-size: 24px;
                font-weight: bold;
            }
         
         
        }
        
        @media screen and (max-width: 910px)and (min-width: 420px)
        {
            #homeImage
            {
                display: none;
            }

            #homeImageTwoThirds
            {
                display: block;
            }
            
            .divHome
            {
                font-size: 20px;
            }
            #divHelp
            {
                font-size: 26px;
            }
            #divMarketingGroup
            {
                font-size: 18px;
                width: 98%;
            }
            #div3
            {
                font-size: 16px;
                width: 98%;
            }
            #homeCell
            {
                width: 98%;
            }
            #tblMobileHome
            {
            	display: none;
            }
        }
/* HCMC Master Page*/

#logo
        {
            background-image: url(../hmcImages/logo.PNG);
            background-repeat: no-repeat;
            height: 97px;
            width: 443px;
        }
        #marketingMobile
        {
            color: #00a756;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            font-weight: bold;
            font-size: 12px;
            display: none;
        }
        #managmentMobile
        {
            color: #538BC6;
            font-size: 25px;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            font-size: 12px;
            display: none;
        }
        #hrMobile
        {
            display: none;
        }
        #cellForMobile
        {
            display: none;
        }
        #contactNrMobile
        {
            color: #040404;
            font-size: 12px;
            font-weight: bold;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            margin-left: -18px;
        }
        #menuMobile
        {
            display: none;
        }
        .btnMenu
        {
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
            color: White;
            border: none;
            background-color: #0072BC;
            font-size: 15px;
            cursor: pointer;
        }
        #menuForMobile
        {
            list-style: none;
            font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        }
        #menuForMobile li a
        {
            color: White;
        }
        #rowTwoThird
        {
            display: none;
        }
        #tblMobileMaster
        {
        	display: none;
        }
        #textWithBackgroundcolor
        {
        	display: none;
        }
        @media screen and (max-width: 310px)
        {
            #logo
            {
                background-image: url(../hmcImages/hcmc_logo_mobile.PNG);
                background-repeat: no-repeat;
                height: 45px;
                width: 300px;
                margin-top: -50px;
            }
            #tblHome
            {
                margin-left: 0%;
                margin-right: 0%;
            }
            #marketingMobile
            {
                display: block;
            }
            #managmentMobile
            {
                display: block;
            }
            #hrStyle
            {
                display: none;
            }
            #marketingTextCell
            {
                display: none;
            }
            #menuSection
            {
                display: none;
            }
            #mainMenu
            {
                display: none;
            }
            #hrMobile
            {
                display: block;
            }
            #hrDesktop
            {
                display: none;
            }
            #contactNr
            {
                display: none;
            }
            #smsIcon
            {
                display: none;
            }
            #cellForMobile
            {
                display: block;
            }
            #menuMobile
            {
                display: block;
                color: White;
            }
            #rowTwoThird
            {
            	display: none;
            }
            #tblMobileMaster
        {
        	display: none;
        }
        #textWithBackgroundcolor        
        {
        	display: none;
        }
        
        }
        
         @media screen and (max-width: 420px)and (min-width: 310px)
        {
        	#tblMainMaster
        	{
        		display: none;
        	}
        	#tblMobileMaster
        	{
        		display: block;
        	}
        	#spaceInHeight
        	{
        		height: 0px;
        	}
        	#textWithBackgroundcolor
        	{
        		font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        		background-color: #0072BC;
        		height: 53px;
        		color: White;
        		text-align: center;
        		display: block;
        		padding-left: 12px;
        		padding-top: 8px;
        	}
            
        }
        
        @media screen and (max-width: 910px)and (min-width: 420px)
        {
            #logo
            {
                background-image: url(../hmcImages/logo.PNG);
                background-repeat: no-repeat;
                background-size: 300px 70px;
            }
            #marketing
            {
                font-size: 17px;
            }
            #managment
            {
                font-size: 17px;
            }
            #row
            {
                display: none;
            }
            #rowTwoThird
            {
                display: block;
            }
            #contactNr
            {
                font-size: 15px;
            }
            #smsIcon
            {
                height: 13px;
                width: 22px;
            }
            #menu
            {
            	height: 50px;
            }
            #logoHome
            {
            	margin-top:-30px;
            }
            #tblMobileMaster
            {
        	display: none;
            }
            #textWithBackgroundcolor
            {
            	display: none;
            }
        }
 /*Webinar*/
           #tblMainWebinar
           {
         	margin-left: 5%;
            margin-right: 5%;
            width: 90%;
           }
           #tblMobileWebinar
           {
           	display: none;
           }
        @media screen and (max-width: 420px)and (min-width: 310px)
        {
        	#tblMainWebinar
        	{
        		display: none;
        	}
        	#tblMobileWebinar
        	{
        		display: block;
        	}
        	#questions
        	{
        		font-size: 25px;
        	}
        	.btnSubmitWebinar
        	{
        		background-color: #f4692e;
                border: none;
                color: White;
                font-size: 16px;
                cursor: pointer;
                margin-left: 7px;
        	}
           
        }
        
        
   /* Login*/
   #divLogin
   {
   	padding-bottom: 10px; 
   	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
   	width: 98%;
   }
   #tblMainLogin
   {
   	margin-left:5%;
	margin-right:5%;
	width:90%;
   }
   #tblMobile
   {
   	display: none;
   }
   #btnCell
   {
   	display: block;
   }
   .inputtext
   {
   	width: 220px;
   }
   @media screen and (max-width: 420px)and (min-width: 310px)
        {
        	#tblMobile
        	{
        		display: block;
        		margin-left:5%;
        		margin-right: 5%;
        		margin-top:50px;
        		width: 90%;
        		background-color: #eaeaea;
        	}
        	#tblMainLogin
        	{
        		display: none;
        	}
        	#tblLogin
        	{
        		width:350px;
        	}
        	.inputtext
        	{
        		width:170px;
        	}
            
        }