.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;}/* Hides from IE-mac \*/ * html .clearfix { height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */
.clear { clear:both;} 
.left { float:left;} 
.right { float:right;}
.img-left {float: left; margin-right: 10px;} 
.img-right {float: right; margin-left: 10px;}
.dnnsprite { background-image: url('images/AsideIcons.png'); background-color: transparent; background-repeat: no-repeat; }
.Community { background-position: -249px -5px; }
.Conferences { background-position: -188px -5px; }
.Manuals { background-position: -127px -5px; }
.Marketplace { background-position: -66px -5px; }
.Training { background-position: -5px -5px; }


ul.RotatorNav { margin:-74px 0 0 0;}
ul.RotatorNav li {margin:0;list-style:none;}

ul.sidebar-nav li { list-style-type: none;}
ul.sidebar-nav li ul li { padding-left: 20px;;}

/* Getting Started content */
.getting-started-wrap .left { width: 116px; padding-top:20px;}
.getting-started-wrap .right { width:500px;}
a#TourStart img, a#TourVideo img { margin: 3px 3px 3px -10px; vertical-align: middle;}
#dnnTourContainer { display:none; }
hr.tour { border-style: solid; border-top-width: 0; color: #ccc; margin-top: 1em; }

#Footer #dnn_Footer_LeftPane {float: left;margin: 0 20px 0 0;width: 430px;}
#Footer #dnn_Footer_RightPane {float: left;width: 510px;}

#Sponsors img{width:118px;height:58px;border:solid 1px #000;margin:0 7px 7px 0;background:url(images/Logos.jpg) no-repeat;}
#Sponsors .aspnet img{background-position:0 0;}
#Sponsors .maxasp img{background-position:-118px 0;}
#Sponsors .telerik img{background-position:-236px 0;}
#Sponsors .exacttarget img{background-position:-354px 0;}
#Sponsors .winlive img{background-position: 0 -58px;}
#Sponsors .redgate img{background-position: -118px -58px;}
#Sponsors .appliedi img{background-position: -236px -58px;}
#Sponsors .arrowdesign img{background-position: -354px -58px;}

/* Quick Links */
.tblQuickLinks { width:100%; }
.tblQuickLinks td { line-height:22px; }
.tblQuickLinks a:link, .tblQuickLinks a:active, .tblQuickLinks a:visited{ text-decoration:underline; color:#e5e5e5; }
.tblQuickLinks a:hover {color:#d0171e;}

/* ------    Awesome Cyles site styles    ------ */
/* footer */
.left-footer { width:48%; float:left;}
.right-footer { width:48%; float:right;}

/* Home page */
/* Header Banner*/
.bannerShadow {padding-bottom: 34px; background:url(/Portals/0/images/Slide-Shadow.png) no-repeat 0 bottom;}
	.header-banner { background-image: url("/Portals/0/images/header-bg.jpg"); background-repeat: repeat-x; background-color:#830c11; height:200px; color:#FFF;}
		.header-banner .header-banner-image { float:left; width:280px; margin-left:50px; padding-top:13px;}
		.header-banner .header-banner-text { float:right; width:550px; margin-right:55px;}
			.header-banner .header-banner-text { font-size:16px; line-height:19px; padding-top:10px;}
			.header-banner .header-banner-text h2 { font-size:36px; text-transform:uppercase}
			.header-banner .header-banner-text .header-read-more { font-size:14px; text-align:right;}
			.header-banner .header-banner-text .header-read-more a { color:#FFF;}

/* services columns */
.home-services div { width:190px; margin-right:20px; float:left;}
.home-services div.last { margin-right:0;}

/*  home page sidebar styles*/
#RightLinks .last { background:none;}
#RightLinks li.icoAbout img { background-image: url("images/bike-about-icon.png"); background-repeat: no-repeat;}
#RightLinks li.icoBike img { background-image: url("images/bike-icon.png"); background-repeat: no-repeat;}
#RightLinks li.icoNews img { background-image: url("images/bike-news-icon.png"); background-repeat: no-repeat;}

/* Subpage sidebar navigation on */
.Normal ul.sidebar-nav li { line-height:200%;}
.c_DNN6_Aside h3 { padding:0; margin:0; line-height:200%;}
/*Luis Gamarra*/
    .home-banner{
        background-image: url(/Portals/v2/imgs/home-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 0% 0%;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;

        .container{
            width: 100%;
            height: 100%;
            max-width: 1600px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            position: relative;

            .logo{
                position: absolute;
                bottom: 12%;
                left: calc(1% + 100px);
                width: 280px;
            }


            .block{
                max-width: 45%;
                color: #fff;
                padding-right: 30px;
                padding-top: 120px;

                .list{
                    display: flex;
                    flex-direction: column;
                    gap: 30px;
                    font-size: 30px;
                    list-style: disc;
                    line-height: 1.2;
                    margin: 0;
                    padding: 0;
                    font-weight: 700;
                }
                .home-icons{
                    margin-top: 60px;
                    display: grid;
                    grid-template-columns: 1fr 1fr 1fr;
                    gap: 50px;

                    .home-icons__box{
                        text-align: center;
                        width: 100%;
                        color: #fff;
                        text-decoration: none;

                        img{
                            width: 70px;
                            height: 70px;
                            object-fit: contain;
                        }
                        p{
                            padding-top: 15px;
                            font-size: 20px;
                            line-height: 1.2;
                        }
                    }
                }
            }
        }
    }
    #Header{
        background: #3681DF;
        position: relative;
        z-index: 999;
        min-height: 110px;
        height: auto;

        .Content{
            display: flex;
            align-items: center;
            height: auto;

            > div > img{
                width: 200px;
                object-fit: contain;
                padding: 20px;
            }
            #Nav{
                height: auto;
                width: 100% !important;
                max-width: 900px;
            }
            #LogoRow{
                float: none !important;
                padding: 20px !important;

                .LogoRowRight{
                    width: 100% !important;
                    min-width: 250px;
                }
            }
       }
       .dnnmega{
        display: flex;
        flex-wrap: wrap;
        align-items: center;

        > li > a{
            /*
            font-family: "Blisspro";
            font-weight: 700;
            text-transform: uppercase;
            */
            font-size: 13px;
        }
       }
    }
    #Login{
        color: #fff;

        a{
            color: #fff !important;

            &:before{
                color: #fff;
            }
        }
        #appolonotify a{
            color: #212121 !important;
        }
    }
    #Breadcrumb{
        width: 100% !important;
        margin: 0 !important;
    }
    #Panes{
        /* width: 100%;*/
        max-width: 1400px;
        padding: 20px;
        box-sizing: border-box;
    }
    .c_DNN6_Header{
        > .Title{
            color: #3681DF !important;

            span{
                color: #3681DF !important;
            }
        }
    }