body 
{
    background-color:#ffffff;
    color:#575757;
}

#divTopSection 
{
    background-image:url('/lib/layout/images/headerBG.jpg');
    background-position:top center;
    background-size:cover;
    background-repeat:no-repeat;
}

#divTopSection .container 
{
    position:relative;
}

#divTopButtons 
{
    text-align:right;
    position:absolute;
    right:0px;
    top:-35px;
}

#divTopButtons .btn 
{
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}

#divMenuBarArea 
{
    color:rgba(255,255,255,1);
    background-color:rgba(0,0,0,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
    padding-top:35px;
    padding-bottom:35px;
}

#divMenuBarArea ul 
{
    list-style:none;
    padding:0px;
    margin:0px;
    text-align:right;
}

#divMenuBarArea ul li 
{
    display:inline-block;
    position:relative;
}

#divMenuBarArea ul li.menu-text a 
{
    display:inline-block;
    color:#ffffff;
    margin-left:1.5em;
    text-transform:uppercase;
    padding:1.5em 0px 0px;
    font-weight:bold;
    font-size:1.0em;
}

#divMenuBarArea ul li ul 
{
    display:none;
    position:absolute;
    min-width:100%;
    z-index:999;
}

#divMenuBarArea ul li ul li 
{
    display:block;
    min-width:100%;
}

#divMenuBarArea ul li:hover ul 
{
    display:block;
}

#divMenuBarArea ul li ul li a 
{
    display:block;
    background-color:#0095f1;
    min-width:100%;
    padding:0.65em !important;
    text-align:left;
    font-weight:normal;
    text-decoration:none;
    text-transform:none !important;
    font-weight:normal !important;
    border-bottom:1px solid #0b7bc0;
    white-space:nowrap;
}

#divMenuBarArea ul li ul li a:hover 
{
    text-decoration:none;
    background-color:#0b7bc0;
}    


#divMobileMenu 
{
    display:block;
    padding:1em;
    text-align:center;
    color:#ffffff;
    background-color:#0b7bc0;
}

#divPageBannerArea 
{
    color:rgba(255,255,255,1);
    font-size:1.55em;
    font-family: 'PT Sans', sans-serif;
}

#divPageBannerArea p
{
    font-size:0.9em;
}

#divPageBannerArea .container
{
    position:relative;
}

#divPageBannerArea h1, #divPageBannerArea .headline
{
    font-weight:bolder;
    font-size:2.2em;
    margin-top:0px;
    line-height:1.1em;
    margin-bottom:0.4em;
}

#divPageBannerArea .screenshot 
{
    border:2px solid #355e9e;
    box-shadow:0px 0px 25px rgba(0,0,0,.75);
}

#divPageBannerArea #frmBannerCreate 
{
    margin-top:1em;
}

.banner-content, .directive-content, .features-content, .feature-headline-content, .pricing-content, .banner-bg-content
{
    display:none;
}

.cf-blue 
{
    color:#00ccff;
}

.cf-blue-alt 
{
    color:#036ca8;
}
#divHomepageArtistArea 
{
    background-color:#ffffff;
}

#divHomepageDirectiveArea, .page-directive-area 
{
    text-align:center;
    background-color:#ffffff;
}

#divHomepageDirectiveArea h2, .page-directive-area h2
{
    margin-top:0px;
    color:#0a80df;
    font-weight:bold;
    font-size:2.6em;
    margin-bottom:0.75em;
}

#divHomepageBenefit1Area 
{
    background-color:#ffffff;
}

#divHomepageBenefit1Area .images
{
    background-image:url('/lib/layout/images/homepageBenefit1BG.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    border-right:10px solid #ffffff;
}

#divHomepageBenefit1Area .image #divImageOverlay
{
    position:absolute;
    width:100%;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
}


#divHomepageFree 
{
    background-color:#0c3660;
    color:#ffffff;
    font-size:1.2em;
}

#divHomepageFree h3 
{
    font-weight:bold;
    font-size:1.8em;
    margin-top:0px;
    margin-bottom:1em;
}

#divHomepageFree p
{
    margin-bottom:2em;
}

#divHomepageFree a
{
    text-transform:uppercase;
}

#divHomepageBenefit2Area 
{
    background-color:#ffffff;
    color:#233148;
}

#divHomepageBenefit2Area h2
{
    font-weight:bold;
    font-size:2.4em;
}


#divHomepageFeaturesArea
{
    background-color:#1a1a1a;
    text-align:center;
    background-image:url('/lib/layout/images/graphicFeaturesBG.jpg');
    background-size:cover;
}

.homepage-feature 
{
    padding:2em 1em;
    background-color:#ffffff;
    margin-bottom:2em;
    height:100%;
    color:#373737;
    border-radius:10px;
}

.homepage-feature .fa
{
    font-size:4em;
    color:rgba(0,144,247,1.00);
}

.homepage-feature h3 
{
    font-weight:bold;
    font-size:1.2em;
    color:#233148;
}

.feature-headline 
{
    color:#ffffff;
    margin:2em;
}

#divHomepageFeaturesArea a
{
    font-size:2em;
    padding:0.5em;
}

#divHomepageBenefit3Area 
{
    background-color:#ebebeb;
    background-image:url('/lib/layout/images/homepageBenefit3bg.jpg');
    background-position:top center;
    background-size:fit;
    background-repeat:no-repeat;
    color:#ffffff;
}

#divHomepageTargetAudienceArea 
{
    background-color:#ebebeb;
}

.homepage-audience 
{
    border-radius:15px;
    background-color:#ffffff;
    box-shadow:0px 0px 10px rgba(0,0,0,.5);
}

.homepage-audience h2 
{
    padding:1em 1em 0.25em;
    color:#006faf;
    font-weight:bold;
    font-size:1.8em;
}

.homepage-audience .spot-image 
{
    position:relative;
    text-align:center;
    background-color:#000000;
}

.homepage-audience .spot-image img
{
    width:100%;
}

.homepage-audience .spot-image .cloud
{
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
}

.homepage-audience p 
{
    padding:1.75em 1.75em 0px;
}

.homepage-audience .link
{
    text-align:right;
}

.homepage-audience .link a
{
    display:inline-block;
    padding:0px 1.0em 0.5em;
    font-size:2em;
    color:#00c1f8;
}

.homepage-audience .link a:hover
{
    color:#06a6d4;
}

#divSecondaryContentArea 
{
    background-color:#ffffff;
    padding-top:3em;
    padding-bottom:3em;
}

#divSecondaryContentArea h1 
{
    margin-bottom:1em;
    color:#0095f3;
}

#divSecondaryContentArea h2 
{
    font-size:1.8em;
}

#divSecondaryContentArea h3 
{
    font-size:1.4em;
}

#divHomepageCreateAccountArea 
{
    background-color:#2d4b7c;
    color:#ffffff;
    position:relative;
    padding-bottom:250px;
    background-image:url('/lib/layout/images/createAnAccountBG.jpg');
    background-size:cover;
    background-position:center center;
}

#divHomepageCreateAccountArea h2
{
    font-size:2.8em;
    font-weight:bold;
}

#divCloudCAN 
{
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
}

#frmHomepageCreate 
{
    background-color:#ffffff;
    padding:1em;
    border-radius:50px;
    color:#242323;
}

#frmHomepageCreate .form-group 
{
    margin:0px;
}

#frmHomepageCreate input[name=fldFirstName]
{
    border-radius:25px 8px 8px 25px;
}

#frmHomepageCreate button 
{
    border-radius:25px;
}

#divFooterArea 
{
    padding-top:0px;
    background-color:#ffffff;
}

#divFooterArea ul 
{
    list-style:none;
    margin:0px;
    padding:0px;
}

#divFooterArea ul li a 
{
    color:#666666;
}

#divFooterArea h3
{
    color:#233148;
    margin-bottom:1em;
}

#divBottomBar 
{
    background-color:#000000;
    padding:2em;
    color:#00fff1;
    vertical-align:middle;
}

#divBottomBar .copyright
{
    font-weight:bold;
}

#divBottomBar .social-icons
{
    font-size:1.4em;
}

#divBottomBar .social-icons a
{
    margin:0px 5px;
    color:#ffffff;
}

.section-padded-top-bottom 
{
    padding-top:3em;
    padding-bottom:3em;
}

.section-padded-top-bottom2 
{
    padding-top:5em;
    padding-bottom:5em;
}

.section-padded-top-bottom3 
{
    padding-top:2em;
    padding-bottom:2em;
}

.section-padded 
{
    padding:3em;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

#divHomepageFeaturesArea .flex-row > [class*='col-'] 
{
    margin-bottom:2em;
}

.flex-row.row:after, 
.flex-row.row:before {
    display: flex;
}

.btn-primary 
{
    background-color:#0b7bc0;
}

.btn-primary:hover 
{
    background-color:#0f74a9;
}

.btn-default 
{
    background-color:#909090;
    color:#ffffff;
    border:1px solid #909090;
}

.btn-default:hover 
{
    color:#ffffff;
    background-color:#666666;
    border:1px solid #666666;
}

.btn-success 
{
    background-color:#27914f;
}

.btn-success:hover 
{
    background-color:#11592c;
}

.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

#divBlueHeader {
	background-image: url('/lib/layout/images/createAnAccountBG.jpg');
	background-position:center center;
	background-size:cover;
	text-align:center;
	margin-bottom:0px;
	padding:2em;
}

#divBlueHeader h1 {
	margin:0px !important;
	color:#ffffff !important;
	font-size:1.8em;
}

.grey-background 
{
    background-color:#ebebeb;
}

.centered-content-section 
{
    text-align:center;
}

.centered-content-section h2 
{
    color:#0587f0;
    font-weight:bold;
    margin-top:0px;
}

.membership-packages 
{
}

.membership-packages .package 
{
    border-radius:10px;
    color:#ffffff;
    box-shadow:0px 3px 5px rgba(0,0,0,.50);
}

.membership-packages .package .content 
{
    background-color:#ffffff;
    position:relative;
}

.membership-packages .package h3 
{
    padding:0.5em;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    margin-bottom:0px;
    font-weight:bold;
    margin-top:0.25em;
}

.membership-packages .package .price 
{
    font-size:2em;
    font-weight:bold;
    line-height:0.75em;
    padding-top:0.15em !important;
}

.membership-packages .package .price .dollar
{
    font-size:0.5em;
    vertical-align:50%;
}

.membership-packages .package .pricePeriod {
    font-weight:bold;
    font-size:1.5em;
    margin-bottom:0.5em;
}

.membership-packages .package ul 
{
    list-style:none;
    margin:0px;
    padding:0px;
    padding-bottom:2em;
}

.membership-packages .package .links 
{
    padding:1em;
    background-color:#ffffff;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

.membership-packages .package .links .btn
{
    border-radius:10px;
}

.membership-packages .package .links .btn-default
{
    background-color:#2b3449;
}

.membership-packages .package .links .btn-default:hover
{
    background-color:#191f2f;
}

.membership-packages .packageFree .links .btn-default
{
    background-color:#004a80;
}

.membership-packages .packageFree .links .btn-default:hover
{
    background-color:#033152;
}

.membership-packages .package .links .btn-top
{
    padding-bottom:0.5em;
}

.membership-packages .packageFree h3 
{
    background-color:#0294e0;
}

.membership-packages .packageFree .content 
{
    background: rgb(109,196,146);
    background: -moz-linear-gradient(147deg, rgba(109,196,146,1) 0%, rgba(28,189,225,1) 46%);
    background: -webkit-linear-gradient(147deg, rgba(109,196,146,1) 0%, rgba(28,189,225,1) 46%);
    background: linear-gradient(147deg, rgba(109,196,146,1) 0%, rgba(28,189,225,1) 46%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6dc492",endColorstr="#1cbde1",GradientType=1);
}

.membership-packages .packageEmerge h3 
{
    background-color:#2b3449;
}

.membership-packages .packageEmerge .content 
{
    background: rgb(58,194,212);
    background: -moz-linear-gradient(147deg, rgba(58,194,212,1) 0%, rgba(52,127,177,1) 46%);
    background: -webkit-linear-gradient(147deg, rgba(58,194,212,1) 0%, rgba(52,127,177,1) 46%);
    background: linear-gradient(147deg, rgba(58,194,212,1) 0%, rgba(52,127,177,1) 46%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ac2d4",endColorstr="#347fb1",GradientType=1);
}

.membership-packages .packagePro h3 
{
    background-color:#2b3449;
}

.membership-packages .packagePro .content 
{
    background: rgb(156,128,187);
    background: -moz-linear-gradient(147deg, rgba(156,128,187,1) 0%, rgba(28,97,173,1) 46%);
    background: -webkit-linear-gradient(147deg, rgba(156,128,187,1) 0%, rgba(28,97,173,1) 46%);
    background: linear-gradient(147deg, rgba(156,128,187,1) 0%, rgba(28,97,173,1) 46%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c80bb",endColorstr="#1c61ad",GradientType=1);
}

.membership-packages .packageExhibit h3 
{
    background-color:#2b3449;
}

.membership-packages .packageExhibit .content 
{
    background: rgb(58,104,175);
    background: -moz-linear-gradient(147deg, rgba(58,104,175,1) 0%, rgba(39,42,57,1) 46%);
    background: -webkit-linear-gradient(147deg, rgba(58,104,175,1) 0%, rgba(39,42,57,1) 46%);
    background: linear-gradient(147deg, rgba(58,104,175,1) 0%, rgba(39,42,57,1) 46%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a68af",endColorstr="#272a39",GradientType=1);
}

.package-details 
{
    text-align:center;
}

.package-details h2
{
    font-size:2.4em !important;
    margin-bottom:2em;
    color:#233148;
    font-weight:bold;
    margin-top:0px;
}

.package-details h2 .membership-type 
{
    color:#0cb5b1;
    font-weight:normal;
}

.package-details .icon
{
    color:#1f8ff3;
    font-size:3em;
}

.package-details h3
{
    color:#233148;
    font-size:3em;
}

.package-details .col-md-4 
{
    padding-top:15px;
    padding-bottom:15px;
}

.package-details .col-md-4 
{
    border-left:1px solid #a2c1d8;
    border-right:1px solid #a2c1d8;
}

.package-details .col-md-4.top
{
    border-bottom:1px solid #a2c1d8;
}

.package-details .col-md-4.left
{
    border-left:0px;
}

.package-details .col-md-4.middle
{
    border-left:0px;
    border-right:0px;
}

.package-details .col-md-4.right
{
    border-right:0px;
}

.membership-packages {
	text-align:center;
}
.membership-packages .package .content {
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.membership-packages .package .content .price {
	font-size:4em;
	line-height:normal;
	padding-top:0.5em;
}
.membership-packages .package .content .cloud-white {
	padding:1em;
	background-color:#ffffff;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.membership-video-area a.btn {
	font-size: 2em;
	padding: 0.5em;
}
.membership-video-area 
{
	text-align:center;
	background-image:url('/lib/layout/images/membershipVideoBG.jpg');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top center;
}

.membership-video-area h3
{
	color:#ffffff;
	font-size:2.2em !important;
	font-weight:bold;
	margin-top:1em;
}

.membership-video-area a.btn 
{
	background-color:#12bbbd;
}

.membership-video-area a.btn:hover 
{
	background-color:#0b7c7d;
}

.membership-video-area .package-links
{
	margin-top:3em;
	font-size:1.5em;
	font-weight:bold;
}

#divCompanyBanner 
{
    background-image:url('/lib/layout/images/bannerCompanyBG.jpg');
    background-position:middle center;
    background-repeat:no-repeat;
    background-size:cover;
    text-align:center;
    padding-top:4em;
    padding-bottom:4em;
    color:#ffffff;
    font-size:2em;
}

#divCompanyProblem
{
    text-align:center;
    padding-top:4em;
    padding-bottom:4em;
    background-color:rgba(255,255,255,1);
}

#divCompanyProblem h2 
{
    font-size:2.2em;
    font-weight:bold;
    color:#233148;
    margin-bottom:2em;
}

#divCompanyProblem h3 
{
    font-size:1.2em;
    font-weight:bold;
    color:#1f8ff3;
}

#divCompanyApproach
{
    text-align:center;
    padding-top:4em;
    padding-bottom:4em;
    background-color:#10a2d9;
    color:#ffffff;
}

#divCompanyApproach h2 
{
    font-size:2.2em;
    font-weight:bold;
    color:#ffffff;
    margin-bottom:2em;
    margin-top:0px;
}

#divCompanyApproach h3 
{
    font-size:1.2em;
    font-weight:bold;
    color:#ffffff;
}

#divCompanyApproach .count 
{
    font-size:2em;
    background-color:#ffffff;
    color:#10a2d9;
    display:inline-block;
    padding:0.10em 0.50em;
    border-radius:3em;
    font-weight:bold;
}

#divCompanyTech
{
    padding-top:4em;
    padding-bottom:4em;
    background-color:#100e28;
    color:#ffffff;
}

#divCompanyTech h2 
{
    font-size:2.2em;
    font-weight:bold;
    color:#ffffff;
    margin-bottom:2em;
    text-align:center;
    margin-top:0px;
}

#divCompanyTech h3 
{
    font-size:1.2em;
    font-weight:bold;
    color:#31c3e9;
    margin-top:0px;
}

#divCompanyTeam
{
    padding-top:4em;
    padding-bottom:4em;
    background-color:rgba(255,255,255,1);
}

#divCompanyTeam h2 
{
    font-size:2.2em;
    font-weight:bold;
    color:#233148;
    margin-bottom:2em;
    text-align:center;
    margin-top:0px;
}

#divCompanyTeam h3 
{
    font-size:1.3em;
    font-weight:bold;
    color:#233148;
    margin-top:0px;
}

#divCompanyTeam h4
{
    font-size:1em;
    font-weight:bold;
    color:#087cdd;
    margin-top:0px;
}

#divCompanyTeam img 
{
    border:3px solid #66d3ef;
}

#divCompanyContact
{
    padding-top:4em;
    padding-bottom:4em;
    background-color:#109fd6;
    color:#ffffff;
}

#divCompanyContact h2 
{
    font-size:2.2em;
    font-weight:bold;
    margin-bottom:2em;
    text-align:center;
    margin-top:0px;
}

#divCompanyContact .btn 
{
    background-color:#000000;
    color:#ffffff;
}

#divCompanyContact .btn:hover 
{
    background-color:#051c25;
    color:#ffffff;
}

.search-form 
{
    padding:2em;
    background-color:rgba(0,0,0,.05);
    margin-bottom:2em;
}

.form-group 
{
    margin-bottom:0px;
}

.tableData 
{
    width:100%;
}

.blog-tag 
{
    display:inline-block;
    font-size:0.9em;
    padding:0.5em 0.75em;
    border:1px solid #999999;
    margin:1em 0.5em 0px 0px;
    border-radius:10px;
}

.blog-tag:hover 
{
    text-decoration:none;
    background-color:#03447a;
    color:#ffffff;
    border-color:#03447a;
}

.blog-social-icons a
{
    font-size:1.8em;
    display:inline-block;
    padding:0.10em 0.50em;
    background-color:#0b7bc0;
    color:#ffffff;
    margin-left:1px;
}

.blog-social-icons a:hover
{
    background-color:#03447a;
}

.featured-artist-box 
{
    padding:2em;
    border:1px solid rgba(0,0,0,.15);
    margin-bottom:2em;
}

.featured-artist-box h3 
{
    margin-top:0px;
    font-size:1.8em !important;
    font-weight:bold;
}

@media screen and (max-width: 970px) 
{
    #divPageBannerArea .banner-text,
    #divFooterArea ,
    #divBottomBar,
    #divHomepageBenefit1Area
    {
        text-align:center;
    }
    
    #divBottomBar .social-icons 
    {
        text-align:center;
        margin-top:0.5em;
    }
    
    #frmBannerCreate input,
    #frmBannerCreate button,
    #frmHomepageCreate input,
    frmHomepageCreate button
    {
        margin-bottom:1em;
    }
    
    #frmHomepageCreate input[name=fldFirstName]
    {
        border-radius:40px 40px 8px 8px;
    }

    #frmHomepageCreate button 
    {
        border-radius:8px 8px 40px 40px;
    }

	.membership-video-area 
	{
		background-size:cover;
		background-position:top center;
	}

	.membership-video-area .package-links a 
	{
	    color:#ffffff;
	}
	
    .package-details .col-md-4 
    {
        border-top:1px solid #a2c1d8 !important;
        border-left:0px;
        border-right:0px;
        border-bottom:0px;
    }

    .package-details .col-md-4.top
    {
        border-bottom:0px;
    }
    
    .featured-artist-box 
    {
        text-align:center;
    }
    

}