#PageContainer11 {position:relative;display:inline-block;width:100%;margin-bottom: 30px;}
#PageContainer1 {position:relative;}
#PageContainer3 {position:relative;clear:right;}

.PageImage {margin:10px 30px 10px 10px;float:left;border-width:0px;border-style:solid;}
.PageImageCaption { text-align:right;padding:0 3px;}


.PageTitle {font-size:2.8em;margin:0 5px;padding:0 5px;font-weight:normal;line-height:1.2em;word-wrap:break-word;border-width:0px;border-style:solid;text-align: center;margin-bottom: 20px;}
.PageIntroduction {font-size:1.3em;margin:5px 5px 20px 5px;padding:.25em 5px;line-height:1.5em;word-wrap:break-word;border-width:0px;border-style:solid;font-weight:normal;text-align: center;position: relative; max-width: 800px; margin: 0 auto;}
.PageIntroduction a {text-decoration:underline;}
.PageDescription {font-size:1.3em;margin:5px 0 0 0;padding:.25em 10px;line-height:1.5em;word-wrap:break-word;border-width:0px;border-style:solid;box-sizing: border-box; max-width: 650px; margin: 5px auto;}
.PageDescription a {text-decoration:underline;}
.PageIntroduction img{float: right !important;padding: 10px !important;box-sizing: border-box; width: auto !important;}
.PageDescription ul{margin: 15px;}
.PageDescription ul li{list-style: none; padding-left: 15px; background: url(../media/arrow-new.png) no-repeat left 10px; margin-bottom: 4px;}
.PageDescription .sf-button{display: table; margin: 0 auto;}
.PageDescription .sf-button a{padding: 10px;}

.PageCodeSnippetArea1{position: relative;z-index: 1;margin-bottom: 40px;clear: both; }
.PageHTMLCodeTop{background: transparent;padding-bottom: 60px;}
.PageHTMLCodeTop h1{margin-bottom: 10px;font-size: 2.8em; font-weight: normal;}
.PageHTMLCodeTop h2{margin-bottom: 10px;font-size: 2em; font-weight: normal;}
.PageHTMLCodeTop p{max-width: 600px; margin: 0 auto;font-size: 1.5em; line-height: 1.5em; font-weight: normal;}

.PageCodeSnippetArea2{position: relative; z-index: 1; text-align: center;}
.PageCodeSnippetArea2 h1{font-weight: normal;margin: 0; margin-bottom: 15px; font-size: 2.8em;line-height: 1em;}
.PageCodeSnippetArea2 h2{font-weight: normal; max-width: 650px; margin: 0 auto; margin-bottom: 15px; font-size: 1.5em;} 

.PageHTMLCodeBottom {padding:15px;text-align:center;box-sizing: border-box; font-size: 1.7em; border-radius: 10px; line-height: 1.5em; clear: both; margin: 10px 15% 35px;display: inline-block;}

.wowDesign .IndexCodeSnippetBottom{width: 100%; clear: both; text-align: center; }
.wowDesign .IndexCodeSnippetBottom h1{font-size: 2.8em;font-weight: bold;line-height: 1em;margin: 0;}
.wowDesign .IndexCodeSnippetBottom h1 i{font-weight: normal;}

.WebsiteLinkBoxTop{display: block !important;}

.Product { clear:both;padding: 0 !important;}
.PageFooter{text-align: center;float: left;width: 100%;padding: 60px 0 30px;}
.PageFooter .PageFootnote{padding-bottom: 25px; }
.PageFooter .PageFootnote h1{font-size: 2.8em; line-height: 1em; margin: 0; font-weight: normal;}
.PageFooter .CustomNav{position: relative;float: none;width: 100%;max-width: 500px;margin-left: auto; margin-right: auto;display: inline-block;}
.PageFooter .CustomNav .CustomNavBox{float: left; width: 100%; margin-bottom: 25px;}
.PageFooter .CustomNav .CustomNavBox:last-child{margin-bottom: 0;}
.PageFooter .CustomNav .CustomNavBox .footerImg{float: left;width: 30%;}
.PageFooter .CustomNav .CustomNavBox .footerImg img{max-width: 100%; height: auto; opacity: 1;}
.PageFooter .CustomNav .CustomNavBox .CustomNavInfo{float: left; width: 70%; padding-left: 20px; box-sizing: border-box;text-align: left; max-width: 650px;padding-top: 5px;}
.PageFooter .CustomNav .CustomNavBox .CustomNavTitle{font-size: 1.7em; margin-bottom: 5px;line-height: 1.2em;}
.PageFooter .CustomNav .CustomNavBox .CustomNavIntroduction{font-size: 1.4em;}

.IndexCodeSnippetTop {margin:0;text-align:center;position: relative;z-index: 1; margin-bottom: 40px; padding: 40px 0;}
.IndexCodeSnippetTop h1{font-size: 2.8em; line-height: 1em; margin: 0; font-weight: normal;}
.IndexCodeSnippetTop .IndexCodeSnippetTopContent{position: relative; z-index: 1;}
.IndexCodeSnippetTop .IndexCodeSnippetTopContent img{margin: 0 !important;}

/* Page html code */
.PageCodeTop, .PageCodeBottom {padding:10px;}
.PageCodeSnippetArea1, .PageCodeSnippetArea2, .PageLinkBoxTop, .PageLinkBoxBottom {margin:5px;}

#PageContainer11{float: left !important; width: 100% !important;}

/* Start SiteMap */
.ddSitemapLink{position:relative;padding:0 5px;cursor:pointer;font-size:0.5625em;background-color:transparent;color:#7c7c7f;}
.ddSitemapMenu{position:absolute;visibility:hidden;left:0;top:0;width:200px;height:150px;padding:0px 5px;border:1px solid #000000;overflow:scroll;overflow-x:hidden;z-index:999;background-color:#ffffff;text-align:left;}
.ddSitemapMenu a,.ddSitemapMenu div{color:#000000;}
.ddSitemapMenu hr{position:relative;width:200px;height:1px;}
.ddSitemapItem{display:block;padding:0px 10px;text-decoration:none;width:190px;}
#ddSFLink{position:relative;text-align:right;top:-12px;}
#ddSFLinkSep{width:86%;}

.PageCodeSnippetArea1{ clear: both; width: 100%; text-align: center; float: left; margin: 0 0 40px !important; }
.PageCodeSnippetArea1 h1{font-size: 2.8em;line-height: 1em;font-weight: normal;margin: 0;}
/* End SiteMap */

.PageHTMLCodeTop img{margin: 0 !important; padding: 15px; box-sizing: border-box; width: auto !important;}

@media all and (min-width:1025px) and (max-width:1240px){
}
@media all and (min-width:769px) and (max-width:1024px){
}
@media all and (max-width:768px){
    .sfstyle #PageContainer11.pageResponsive{float: left !important; width: 100% !important;}
    .PageIntroduction img{float: none !important; display: inherit; margin: 0 auto !important;}
    .PageIntroduction{text-align: center; margin-bottom: 0; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
    .PageIntroduction p:first-child{
        text-align: center;
    }
    .PageIntroduction p:first-child strong{
        text-align: left; clear: both; float:left; width:100%;
    }
    .PageDescription .download-button{margin-bottom: 40px;}
    .PageHTMLCodeTop h1{margin: 0;}
    .PageFooter{padding: 60px 15px; box-sizing: border-box;}
    
    .PageCodeSnippetArea2{padding: 0 15px; box-sizing: border-box;}
    .IndexCodeSnippetTop{padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
    
}
@media all and (max-width:480px){
	.PageContentContainer{font-size:.4em;}
	.PageContentContainer > *{font-weight:normal;}

	.span_3_of_3 {width:100%!important;}
	.span_2_of_3 {width:100%!important;}
	.span_1_of_3 {width:100%!important;}
	.col {margin: 1% 0 1% 0%!important;}
}
@media all and (max-width:434px){
    .CustomNavCenter .CustomNavBox:nth-child(10){
        width: 400px; height: 140px;
    }
}
@media all and (max-width:400px){
    .CustomNavCenter .CustomNavBox:nth-child(10){
        width: 380px; height: 140px;
    }
}

@media all and (max-width:380px){
    .CustomNavCenter .CustomNavBox:nth-child(10){
        width: 320px; height: 140px;
    }
}

/*
Version tag, please don't remove
$Revision: 32087 $
$HeadURL: svn://3d3-p432/ShopFactory/branches/V11_00/bin/SFXTemplates/Themes/SFX-BES-AA_1/Pages/SFX-Home_1/stylesheet.css $
*/