/*@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,500,700,300);
@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/

@import url('https://fonts.googleapis.com/css?family=Poppins:300');

/*RESETS*/
html, body {
    margin: 0; padding: 0; border: 0; font-size: 100%;
    font: inherit; vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
footer, header, menu, nav, section {
	display: block; }

a { text-decoration: none;}

ol, ul { list-style: none; padding: 0; }

/*CSS webkit & moz transitions*/
header, header .container a img, header li, .dashboardButton, 
header.sticky li,

.header ul li, #itemOne button,
header ul ul, header.sticky ul ul,
.quoteWin .dumbBox form input, #itemOne .anchorLink h3, .BRshop li, 
.contact1 form input, .contact1 form select, .contact1 form textarea,
.BMH2 .section div a p, .index1 button:nth-of-type(1), .index2 button:nth-of-type(1), .index1 a, .index2 a, .index3 a, .pricing1 button:nth-of-type(1), .pricing1 button:nth-of-type(2), .BMH2 .floatingButton,
.BMH2 article a, .dept, .dept p, .gumbeq, .BMDNS5 .gumbeq
{
    -webkit-transition: all ease-out 0.3s;
       -moz-transition: all ease-out 0.3s;
         -o-transition: all ease-out 0.3s;
            transition: all ease-out 0.3s;
}
    
/*SHADOWS*/
.pricing1 article, .BR1 span, .faq2 .section,
.BMEE_A span:nth-of-type(2),
footer div:nth-of-type(2), .BMH1 .section div:nth-of-type(1) span, .BMH2 .floatingButton:hover, .BMDNS5 .gumbeq:hover
{
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.38);
       -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.38);
            box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.38);   }

body {
    margin:0; font-family: 'Fira Sans', sans-serif;
	line-height: 1; background: white; overflow-x: hidden !important;
    
    /*font smoothing*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/*mail msg*/

.mailMessage { width:50% ; height: 300px; background: white; position: fixed; display: block; margin: 30vh 0 0 25%; z-index: 99999; padding: 20px 0; box-sizing: border-box; font-size: 1.5em; text-align: center; border-radius: 5px;}
.mailMessage .gumbeq { display: inline-block; text-align: center; font-size: 1em; margin-top: 50px;}


#showspanel { width: 100%; height: 50px; background: rgba(255,255,255,0.75);}


/*header.html css*/
#expandMenu { display: none !important;}

header {
    position: fixed !important; width: 100%; height:89px; background: rgba(255,255,255,0.0);
    z-index:100;  }
        header.sticky { 
            height: 40px;  background: #4477f2; position: fixed !important;  }

    header .container { 
        width: 1010px; margin: 0 auto; }
    header .container a img { 
        float:left; width:133px; margin:23px 0 0 0;  }
        header.sticky .container a img { 
            margin:0; margin-top: 0;}

    header ul {
    list-style:none; position:relative; float:right; margin:0; padding:0;
    }

    header ul a {
    display:inline-block; color: white; 
	text-decoration:none; font-weight:500; font-size:0.95em; }
    
    header ul li {
    float:left; display: block; height: 45px;  
    padding: 38px 20px 0 20px; cursor: pointer;
	position:relative; }
        header.sticky ul li {
        padding: 13px 20px 0 20px; cursor: pointer; }

    /*this shows on header hover*/
    header ul ul, header.sticky ul ul {
	position:absolute; top:100%;
	left:0; padding:0;
    
    visibility: hidden;
    opacity: 0; }

    header ul ul li, header.sticky ul ul li {
	float:none; background: #4477f2;
    display: inline-block; height: auto; 
    padding: 0; cursor: pointer; width: 100%;
	position:relative;  white-space: nowrap; }

    header ul ul li:hover, header.sticky ul ul li:hover { 
    background: darkblue; }

    header ul ul a, header.sticky ul ul a { 
    line-height:150%; padding:0 0 0 5px; padding:15px 18px 15px 15px; width:100%; }

    header ul ul ul, header.sticky ul ul ul  { 
    top:0; left:100%; }

    header ul li:hover > ul, header.sticky ul li:hover > ul { 
    visibility: visible; opacity: 1; }

.expando { outline: 10px solid limegreen;}

.subsub { position: absolute; width: 100px; height: 100px; margin: -20px 0 0 100px;}

    .dashboardButton, header.sticky .dashboardButton,
.joinButton, header.sticky .joinButton { 
        float:right; background:#ebba37; height: 25px; cursor: pointer; border-bottom: none;
        border-radius:4px; padding:8px 0 0 0; margin:30px 0 0 20px;  }
        header.sticky .dashboardButton, header.sticky .joinButton {
        margin: 0 0 0 20px; padding:11px 0 4px 0;
        }

.joinButton, header.sticky .joinButton { background: #09a146;}

    .dashboardButton a, header.sticky .dashboardButton a, .joinButton a, header.sticky .joinButton a { height: 20px; text-align: center; width: 60px; height:30px; padding-top: 10px; box-sizing: border-box; margin-top: -8px;}

.joinButton a, header.sticky .joinButton a { width: 88px;}

    .dashboardButton:hover, header.sticky .dashboardButton:hover { 
        border-bottom:none; background: darkorange;}

header .extrasub .fa-chevron-right { font-size: 0.85em; margin: 0 0 0 10px; color: rgba(255,255,255,0.75); }

header .extrasub li, header.sticky .extrasub li { background: rgba(255,255,255,0.88); }
header .extrasub li:hover, header.sticky .extrasub li:hover { background: white; }
header .extrasub li:nth-of-type(1), header.sticky .extrasub li:nth-of-type(1) { border-top-left-radius: 7px; border-top-right-radius: 7px;}
header .extrasub li:last-of-type, header.sticky .extrasub li:last-of-type { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}
header .extrasub ul a, header.sticky .extrasub ul a { color: dimgray; padding:10px 12px 11px 14px; }
header .extrasub ul, header.sticky .extrasub ul  { margin: 0 0 0 12px; }

/*footer*/
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -420px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
footer, .page-wrap:after {
  height: 420px; font-family: 'Open Sans', sans-serif;
}
footer {
  background-image: url("../img/footimg.png");
    background-size: cover; 
}

    footer .container { width: 1024px; margin: 0 auto; }
    
    footer .container span {
    float:left; width: 20%; margin-top: 50px; box-sizing: border-box; padding: 0 20px 0 30px;  }
    footer .container h1 { color: #ffdc1c; font-size: 1em; font-weight: 500; margin-bottom: 20px; font-family: 'Fira Sans', sans-serif; }

    footer .container span a,
    footer .container span p { 
        padding: 5px 0; float:left; width: 100%; display: inline-block;
        font-size: 0.8em; font-weight: 400 !important; color: #efefef;
        text-decoration: none; line-height: 1.25; }

    footer .container span p { line-height: 200%; margin: 0 0 20px 0; font-size: 0.8em; padding: 0; font-weight: 400;}

    footer .container span a:hover {
        color: #ffffff; }

    footer div:nth-of-type(2) { width: 100%; color: #cfddff; position: absolute; margin-top: 380px; font-weight: 400; padding: 10px 0 12px 0; font-size: 0.8em; text-align: right; background: darkblue;
    box-sizing: border-box;}
    
    footer div:nth-of-type(2) a { color: white; margin: 0 10px;}
    footer div:nth-of-type(2) a i { font-size: 1.25em;}
    footer div:nth-of-type(2) a i:hover{ color: #ffc71e; }
    footer div:nth-of-type(2) a:nth-of-type(1), footer div:nth-of-type(2) a:nth-of-type(2) { 
        float: left; margin: 4px 10px 0 0;}


/*text style defaults*/

        /*Blue fira sans title*/
        .refunds h1, .privacyP h1, .contact1 h1, .dashboard h1
        { color: #4477f2; font-weight: 600; margin-bottom: 60px; }
    
        .index1 h1, .index2 h1, .index3 h1, .index4 h1, .index5 h1, .index6 h1, .partner1 h1, 
        .dParent3 h1
        { color: #4477f2; font-weight: 300; line-height: 150%; font-size: 1.9em;  }

    .index2 h1 { color: #1caf53;}
    .index3 h1 { color: #ff8a19;}
    .index5 h1 { color: #ebba37;}
    
        .index1 h1 strong, .index2 h1 strong, .index3 h1 strong, .index4 h1 strong, .index5 h1 strong, .index6 h1 strong, .partner1 h1 strong  {
            font-weight: 700; }
        
        .index1 h1 strong, .index2 h1 strong, .index3 h1 strong, .index4 h1 strong
        { display:block; }

        .index1 p, .index2 p, .index3 p, .index4 p, .index5 p,
        .BMEE_A font
        { color: #373737; font-weight: 300; line-height: 150%; display: inline-block; }

        .index1 button, .index1 a, .index2 button, .index2 a, .index6 a, .pricing1 button, 
        .BMH2 article a
        { border: none; outline: none; background: none; padding: 10px 18px 9px 18px; border-radius: 4px; font-weight: 600; cursor: pointer; font-size: 0.9em; text-decoration: none; }
    
        .index1 button, .index2 button
        { color: white; border: 2px solid #4477f2; border-radius: 20px; background: #4477f2;}

        .deets { color: #838383 !important; border: 2px solid #838383 !important; border-radius: 20px; background: rgba(255,255,255,0) !important; padding: 10px 18px 9px 18px !important; font-size: 0.9em; font-weight: bold; }
        .deets:hover { background: #838383 !important; color: white !important; }
        
        .index1 a, .index2 a, 
        .index6 a:nth-of-type(1), .pricing1 button
        { color: white;  background: #ffc71e; border: 2px solid #ffc71e; border-radius: 20px;}
        .index1 a:hover, .index2 a:hover { background: orange; border: 2px solid orange;}
        .index6 a:nth-of-type(2){  
            color: white; background: #4477f2; border: 2px solid #4477f2; border-radius: 20px;}
        
.index3 a { display: inline-block; margin: 16px 0 0 37px !important;}
    
    .gumbeq { background: #4477f2; text-decoration: none; border: none; font-size: 1.05em; 
        color: white; padding: 8px 18px 7px 18px; font-family: inherit; border-radius: 18px; cursor: pointer;}
    .gumbeq:hover { background: darkblue;}
    
/*REOCCURRING ASSETS*/
.northBg_thankYou { width:100%; background-image: url("http://i.imgur.com/v0CNrJB.png"); background-color: #4477f2; height: 300px;}
    
    .northBg_thankYou article { width: 1200px;  margin: 0 auto; display: block; background-image: url("http://i.imgur.com/eRyzVSy.png"); height: 300px; color: white;
    padding: 100px 0 0 0; box-sizing: border-box; text-align: center;}
    .northBg_thankYou .section h1 { margin:20px 0 0 0;}
    .northBg_thankYou .section h2 { font-weight: 300; font-size: 1em; margin-top: 10px;}
    .northBg_thankYou .fa-twitter { color: #62d8ff;}
    
.northBg_team, .northBg_careers, .northBg_job1 {width:1200px; background-color: darkblue; height: 342px; margin: 0 auto; background-size: cover; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-top: 160px; box-sizing: border-box;}

.northBg_dns { width: 100%; height: 342px; padding-top: 160px; box-sizing: border-box;}
    .northBg_dns .section { background: url("http://i.imgur.com/nAecIF0.png"); height: 342px; margin-top: -160px;}

    .northBg_dns h1 { position: absolute; width: 420px; margin: 120px 0 0 20px; font-size: 1.5em;}
    .northBg_dns h1 p { color: white; margin: 0; }

        .northBg_dns h1 p:nth-of-type(2) { font-size: 0.65em; line-height: 1.5; font-family: 'Open Sans', sans-serif; font-weight: 300; }
        .northBg_dns h1 p:first-child {  color: white; line-height: 1.25; font-weight: 500; margin-bottom: 17px; font-size: 1.22em; font-family: 'Fira Sans', sans-serif; }

    .northBg_team {background-image: url("http://i.imgur.com/v1AcB4K.jpg");}
    .northBg_dns, .BMDNS5 .gumbeq, .bcloud h1, .faqS a:nth-of-type(6), .howtoContent span a:nth-of-type(4)  /*, .BMDNS4 .gumbeq, .BMDNS4 span h3*/ {background: #4477f2;
        background: -moz-linear-gradient(-45deg,  #4477f2 0%, #6ad0ff 100%);
        background: -webkit-linear-gradient(-45deg,  #4477f2 0%,#6ad0ff 100%);
        background: linear-gradient(135deg,  #4477f2 0%,#6ad0ff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4477f2', endColorstr='#6ad0ff',GradientType=1 );
    }

    .northBg_dns .gumbeq { background: darkblue; font-size: 0.65em; font-weight: 500; margin-top: 25px; position: absolute; }
    .northBg_dns img { display: none;}

    .northBg_careers {background-image: url("http://i.imgur.com/W4ohQhX.png");}
    
    .northBg_team h1, .northBg_careers h1, .northBg_job1 h1 { color: white; margin: 0; text-align: center; font-weight: 300; font-size: 2.75em; line-height: 1.2;}
    
.northBg_collapsed {
    width:100%; background-image: url("../img/footimg.png"); background-size: cover; height: 83px; }

.northBg {
    width:100%; background-image: url("../img/footimg.png"); background-size: cover;
    height: 239px; }

    .northBg section {
        width: 1024px; box-sizing: border-box; margin: 0 auto; padding-top: 120px; }

    .northBg h1 { color: white; font-size: 2.75em; margin: 0; font-weight: 700;}
    .northBg h2 { color: white; font-weight: 300; font-size: 1.5em; margin: 15px 0 0 0;}

    .northBg .button { margin: -38px 0 0 0; float: right; background: #fd8c25; color: white; border-radius: 4px; padding: 10px 17px; font-size: 1em; text-decoration: none; font-weight: 700; font-family: 'Open Sans', sans-serif; }

    .northBg .faq { float: right; color: #ffc927; margin: -25px 0 0 0; color: #ffd248; padding-bottom: 5px; font-weight: 600;}
    .northBg .faq:hover { border-bottom: 1px solid #ffc927;}
    
    .centerTitle { width: 100%; height: 70px; font-size: 2em; font-weight: 500; padding-top: 20px !important; box-sizing: border-box; margin-bottom: 50px; border-bottom: 1px solid #999999; color: #999999;}
    
    .northBg_job1 {background-image: url("http://i.imgur.com/lLS1ATY.png");}
    .northBg_job1 p { color: white; font-weight: 400; width: 42%; text-align: center; margin: 50px auto 0 auto; line-height: 1.5; font-size: 0.8em;}

.northBg sup { color: white;}
    
/*QUOTE WINDOW*/
    .quoteWin, .quoteWinF { 
        display:none; z-index:40001;  } 
    
    .dumbBoxOverlay { 
        position:fixed; width:100%; height:100%; 
        background-color:#4477f2; opacity:.5; 
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
        /* IE transparency */  filter:alpha(opacity=50);
        /* More IE transparency */ z-index:40001; left:0; top:0; } 

    .vertical-offset { 
        position:fixed; top:5%; width:100%; z-index:40002; }
    .vertical-offset #closeModal, .vertical-offset #closeModalF {
        cursor:pointer; float:right; width:30px; margin: -6px -5px 0 0; }
    
    .dumbBox { 
        width:520px; position:relative; margin:0 auto; 
        background-color:white; padding:20px; 
        border-radius:4px; height:auto;
    } 
    
        .dumbBox form h3 {
            font-weight:700; margin-top: -5px; line-height: 133%; letter-spacing: -0.5px;
            margin-bottom:30px; color: #4477f2; font-family: 'Open Sans', sans-serif; }
    
        .dumbBox form .submit {
            background:#4477f2; font-size: 1.25em;
            color:white; padding:15px; }
    
        .dumbBox form input:focus {
            border:1px solid #4477f2; }
    
        .dumbBox form input, .dumbBox form select,
        .dumbBox form textarea {
            padding:10px; box-sizing: border-box;
            margin-bottom:10px;
            background:white;
            border:1px solid lightgray;
            color:black; width: 100%;
            font-size:1em !important;
            border-radius: 5px;
            
            -moz-appearance:none !important; }

        .dumbBox form select { height: 40px; }

    .tryfree { background: #fd8c25 !important; color: white; font-weight: bold; border-radius: 3px !important; font-size: 1em !important; }

/*hide spinners for mozilla*/
.dumbBox input[type=number] {
    -moz-appearance:textfield !important; }
    
.dumbBox input[type="number"]:hover,
.dumbBox input[type="number"]:focus {
    -moz-appearance: number-input !important; }

    .dumbBox form input:nth-of-type(3) { width: 50%;}
    .dumbBox form input:nth-of-type(4) { width: 49%;}
    .dumbBox form input:nth-of-type(5) { width: 257px;}
    .dumbBox form input:nth-of-type(6) { width: 257px; }
    .dumbBox form textarea { width: 100%; font-family: sans-serif !important;}
    .dumbBox form input:nth-of-type(8){ width: 100%; font-weight: 600; cursor:pointer; border-radius: 4px; margin:0;}

    
/*INDEX PAGE*/
.tollfreenum {
    width:100%; position:absolute; margin:80px 0 0 0; z-index:90; opacity: 0.75;  }

    .tollfreenum p {
        color:#efefef; display:block; width:1024px; margin:0 auto; text-align:left; }
    .tollfreenum p i {
        margin: 0 6px -2px 0; }

#itemOne {
    width: 100%; height:100vh; overflow: hidden; z-index: 10 !important; position: relative;  }
    
    #itemOne {
    background-color: lightgray;
    background-image: url("../img/classroom.png"); background-size: cover;
    background-position: 50% 45%; text-align: center; }

    #itemOne h1 { font-weight: 300; color: white; letter-spacing: -0.5px; font-size: 2em; margin-top: 33vh;  }
        #itemOne h1 span { display: block; margin-top: 9px; font-size: 1.25em; font-weight: 500;  }
        
    #itemOne p { color: #efefef; font-size: 1.125em; font-weight:300; background: rgba(0,0,0,0.3); display: inline-block; padding: 10px 20px; border-radius: 3px; line-height: 1.5; border-radius: 6px; margin-bottom:0 !important; font-family: 'Poppins', sans-serif; letter-spacing: -0.3px;  }
        #itemOne p span { font-weight: 700;}
        #itemOne p span:first-of-type img { width: 20px; margin: 0 4px -4px 2px; }
        #itemOne p span:nth-of-type(2) img { width: 20px; margin: 0 6px -3px 6px; }

    #itemOne strong { color: white; font-size: 1.125em; font-weight: 300; display: block; margin-top: 15vh;}

    #itemOne article { width: 360px; margin: 0 auto 0 auto;}
    .ca3-scroll-down-link { margin-top: 60px !important;}

    #itemOne a:nth-of-type(1) { width: 200px; display: block; position: relative; padding: 20px 50px; box-sizing:border-box; }
    #itemOne a:nth-of-type(1) h3 { background-color: #4477f2; color: white; text-decoration: none; font-weight: 400; font-size: 1.125em; padding: 10px 6px 9px 6px; width: 100px; border-radius: 20px; font-family: 'Open Sans', sans-serif; font-weight: 600;  }
    #itemOne a:nth-of-type(1):hover h3 { background-color: darkblue;}

    #itemOne button { color: white; border: 2px solid white; padding: 7px 15px 8px 15px; border-radius: 20px; cursor: pointer; background: rgba(255,255,255,0); margin: -75px 50px 0 0; float: right; }
    #itemOne button:hover { background: rgba(255,255,255,0.3); }
        #itemOne button h4 { margin: 0; font-size: 16px; }

    #itemOne sup { position: absolute; color: white; font-weight: bold; background: #fd8c25; padding: 5px 10px 3px 10px; border-radius: 10px; margin: -80px 0 0 520px;  }

    /*Header announce*/
    #announce01 { display: none; width:100%; height:63px; position:absolute; top:90px; }
    #announce01 section { width: 300px; display: grid; grid-template-columns: 1fr 70px; cursor: pointer; background: rgba(255,255,255,0.75); margin: 0 auto; border-radius: 10px; height: inherit; 
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    }
    #announce01 #exx { width: 35px; margin: 14px 0 0 0;}
    #announce01 section a { padding: 0 !important; height: 63px; width: 100% !important;}
    #announce01 section a:first-of-type { border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
        #announce01 section a:hover { background:rgba(255,255,255,0.5);
}
    #announce01 section a img { float: left; margin: 10px 0 0 10px;}
        #announce01 section a:nth-of-type(2) img { margin: 8px 0 0 10px}
    #announce01 section a h4 { color: #2b2b2b; font-weight: 400; font-size: 14px; line-height: 133%; margin: 18px auto 0 auto;}
    #announce01 section a h4 strong { color: #4477f2; margin: 0; font-weight: 500; font-size: 1em;}

    
    #announce055 { background: rgba(255,255,255,0.8); position: absolute; z-index: 200; left: 10px; top: 20px; width: 11%; border-radius: 10px;}
    #announce055>img { width: 20px; position: absolute; margin: -10px 0 0 94%; cursor: pointer;}
    #announce055 a { display: block; text-align: center; padding: 20px 0; }
    #announce055 a:first-of-type { border-radius: 10px 10px 0 0; }
    #announce055 a:nth-of-type(2) { border-radius: 0 0 0 0; }
    #announce055 a:last-of-type { border-radius: 0 0 10px 10px; }

    #announce055 a:hover { background: rgba(255,255,255,0.6);}
    #announce055 a h4 { color: #474747; margin: 0; font-size: 1.25em; margin: 10px 0;}
    #announce055 a h4 strong { display: block; font-size: 0.8em; margin: 5px 0; font-weight: 500; color: #4477f2;}

    #announce01, #announce055 {     
        animation: fadein 2s;
        -moz-animation: fadein 2s; /* Firefox */
        -webkit-animation: fadein 2s; /* Safari and Chrome */
        -o-animation: fadein 2s; /* Opera */
    }

@keyframes fadein {
    from { opacity:0; }
    to { opacity:1; }
}
@-moz-keyframes fadein { /* Firefox */
    from { opacity:0; }
    to { opacity:1; }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from { opacity:0; }
    to { opacity:1; }
}
@-o-keyframes fadein { /* Opera */
    from { opacity:0; }
    to { opacity: 1; }
}



    @media only screen and (max-width: 1366px) {
        #announce055 { display: none;}
        #announce01 { display: block;}
    }

/*ANCHOR FOR SCROLL DOWN*/
.ca3-scroll-down-arrow {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
	background-size: contain;
	background-repeat: no-repeat; }

.ca3-scroll-down-link {
  cursor:pointer; 
	height: 30px; width: 40px; bottom: 40px;
	margin: 0 0 0 -15px; line-height: 60px;
	position: absolute; left: 50%;
	color: #FFF; text-align: center; font-size: 1em;
	z-index: 90; text-decoration: none;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

	-webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
	-moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
	animation:         ca3_fade_move_down 2s ease-in-out infinite; }

/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}

.grayline {width:100%; border-bottom: 1px solid lightgray; height: 1px; display: block;}

.section { width: 1024px; margin: auto auto; }

    .intro { display: block; width: 100%; margin: 0 auto; 
        text-align: center; background: white; padding: 100px 0 100px 0; box-sizing: border-box;
        z-index: 2 !important; position: relative; border-bottom: 1px solid lightgray;}
    .intro h3 { font-size: 2.125em; color: #4477f2; line-height: 1.3; font-weight: 300; margin: 0 auto 17px auto; }
    .intro h3 strong { font-weight:600;}
    .intro h4 { line-height: 1.5; font-weight: 300; font-size: 1.25em; 
            color: #464646; width: 800px; margin: 0 auto;}
    .intro a { color: #fd8c25; text-decoration: underline; font-size: 1.25em; font-weight: 500; display: block; margin: 0 auto 40px auto; }
        .intro a img { width: 20px;}
    
    
    .index1 {   height: 630px; padding-top: 40px; }
    .index1 img:nth-of-type(2) { display: none;}
    .index1 img {   float: left; margin: -80px 0 0 -40px; z-index: 1;}
    .index1 span {  display: block; width: 520px; float: left; margin:95px 0 0 470px; 
     position: absolute;}
        .index1 p { margin-left: 50px; font-size: 1.125em;}
        .index1 button {margin:25px 16px 0 46px;}

    .index2 { height: 650px; }
    .index2 img {   width: 920px; position: absolute; margin: 50px 0 0 90px;}
    .index2 span {  display: block; width: 520px; float: left;
                    margin: 80px 0 0 -20px; text-align: right;}
        .index2 h1 {text-align: right; margin-right: -40px; }
        .index2 p { width: 100%; font-size: 1.125em; text-align: right; display: inline-block; margin: 20px 0 10px 0;  }
.index2 p:nth-of-type(2) { margin-bottom: 50px;}
        .index2 a { margin-left: 10px; } .index2 button {margin:0 0 0 30px;}

    .index3 {   height: 655px; margin-top:70px; }
    .index3 img {   width: 920px;  float:left; margin: 0 90px 0 -420px;}
    
    .index3 span {  display: block; width: auto; position: absolute; margin:20px 0 0 540px; }
        .index3 h1 {text-align: left;}
        .index3 p { width: 430px; font-size: 1.125em; text-align: left;  margin:20px 0 20px 50px; display: block;}

    .index4 { text-align: center;  height:900px; margin-top:80px;  }
    .index4 p { width: 500px; font-size: 1.125em;}

    .index5 { width: 100%; height: 470px; display: block; text-align: center; padding-top: 50px;
        
        background: #efefef;
        background: -moz-linear-gradient(-45deg,  #efefef 0%, #ffffff 100%);
        background: -webkit-linear-gradient(-45deg,  #efefef 0%,#ffffff 100%);
        background: linear-gradient(135deg,  #efefef 0%,#ffffff 100%);
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 );*/ }

    .index5 section { width: 1024px; display: block; margin: 0 auto; height: 280px; margin-top: 60px;}

    .index5 section h2 { width: 524px; float:left; text-align: right; padding-right: 24px; box-sizing: border-box; font-weight: 300; color: black;}
.index5 section h2 sup { line-height: 3; font-size: 0.625em;}
    .index5 section p { width: 500px; float: left; text-align: left; font-size: 1em; color: dimgray; margin-top: 18px; font-weight: 300; font-size: 1em; line-height: 1.5 !important;}

    .index5 .default { display: inline-block; width: 13px; height: 13px; background: gray; border-radius: 20px; margin: 0 5px; cursor: pointer; }
    .index5 .aktiven { display: inline-block; width: 13px; height: 13px; background: #ffc71e; border-radius: 20px; margin: 0 5px; }

    .index6 { text-align: center; height: 370px; padding-top: 57px;  }
    .index6 p { color: #4477f2; font-weight: 300; font-size: 1.25em; line-height: 1.3;}
    .index6 img { display: block; margin: 50px auto 50px auto; }
    .index6 a { font-size: 1em; font-weight: 600; background: #4477f2 !important; border: none !important; }
    
/*BMEE PAGE*/
.BMEE1 {
    background-color: #efefef; width: 100%; height: 208px; }

    .BMEE1 h3 { float:left; display: block; width: 500px; margin: 60px 0 0 0;
            font-size: 1.75em; font-weight: 300; line-height: 150%; color: #7b7a7a;}
    .BMEE1 h3 strong { font-weight:700;}
    .BMEE1 iframe {float: right !important; width: 370px; height: 208px; }

    .BMEE2 { text-align: center; width: 1024px; margin: 60px auto 0 auto; }
    .BMEE2 h3 { color: #4477f2; font-size: 1.5em;}
    .BMEE2 p {color: #222222; line-height: 160%; font-weight: 300; font-size: 1.25em; margin-bottom: 30px; text-align: left; }
    .BMEE2 p strong { font-size:1.25em; display: block; font-weight: 600; color: #4477f2;}
    .BMEE2 p:last-of-type { margin-bottom: 80px;}

/*BMEE dashboard sections*/
.BMEE_A {
    width: 100%; margin-top: 100px; padding-top: 35px;
    background-image: url(../img/pic_BMEE/adminbg.png); background-repeat: repeat-x;  }

.BMEE_A { height: 1060px;}

    .BMEE_A span:nth-of-type(1)
    { display: block; width: 342px; float: left; margin: 0; }

    .BMEE_A h1 { margin: 0; color: white; font-size: 2.25em; width: 250px; line-height: 130%; }
    .BMEE_A img { margin: 50px 0 20px 0;}
    .BMEE_A p{ color: gray; text-align: left; width: 242px; line-height: 1.65; font-weight: 300 !important; font-size: 1.15em;}


    /*Feature list styles*/
    .BMEE_A span:nth-of-type(2)
    { display: block;  width: 682px; float: left; background: white; padding: 30px; box-sizing: border-box; border-radius: 4px;   }

    .BMEE_A span:nth-of-type(2) div
    { display: block; width: 100%; overflow: auto; overflow-y:hidden; margin-bottom: 30px; padding-top: 20px; }

    .BMEE_A i
    { float: left; width: 17%; text-align: right; color: #4477f2;
                font-size: 2.75em; padding-right: 35px; box-sizing: border-box;}

    .BMEE_A section
    { width: 83%; float: left; }

    .BMEE_A h2 { margin: 0 0 20px 0; color: #4477f2; font-weight:400; font-size: 1.5em; line-height: 1.42;}
.bmeeprice { height:220px; text-align:center; background:#eff3fe; padding-top:100px; margin:220px auto 60px auto; box-sizing:border-box; }


.BMEE3 { width: 100%; overflow: auto; text-align: center;}

.BMEE3 span { width: 100%; height: 370px; background: #efefef; display: block; padding: 60px 0 30px 0; }
.BMEE3 span a { color: white; font-weight: 700; background: #ffc71e; border-radius: 4px; padding: 12px 0;  text-decoration: none;  margin: 30px 0; font-size: 1.2em; font-weight: 500; width: 220px; display: block; margin: 0 auto;
}

.BMEE3 span p { color: gray; font-size: 0.8em; margin: 15px 0; display: block;}
.BMEE3 span div { background: white; width: 600px; padding: 50px 0 20px 0; margin: 0 auto; margin-top:50px;}
.BMEE3 span div a { background: #4477f2 !important; display: block; margin:0 auto 30px auto;  cursor: pointer;}
.BMEE3 span div h3 {  color: #4477f2; font-weight: 300; font-size: 1.5em; display: block;  }

/*BMH PAGE*/
.BMH1 { width: 100%; background-image: url("../img/pic_BMH/studentAtHome.jpg"); background-size: cover; height: 540px; margin: 110px 0 550px 0; background-position: 0 45%;}

.BMH1 .section { height: auto;}

    .BMH1 .section div:nth-of-type(1) { display: inline-block;  height: auto; width: 652px; float: left;  }

    .BMH1 .section div:nth-of-type(1) h1 { color: white; font-weight: 300; line-height: 150%; width: 600px; margin-top: 40px;}
    .BMH1 .section div:nth-of-type(1) a { text-decoration: none; color: white; border: 1px solid white; border-radius: 3px; background: rgba(0,0,0,0.2); padding: 8px 20px; margin-top: 20px; display: inline-block; }

        .BMH1 .section div:nth-of-type(1) span {
            display: block; background-color: white; height: auto; margin-top: 50px; border-radius: 4px;   padding: 10px 0;}

       /* .BMH1 .section div:nth-of-type(1) span section:nth-child(even) { background: #efefef; }*/

        .BMH1 .section div:nth-of-type(1) span section { display: block; width: 100%; box-sizing: border-box; overflow: auto; overflow-y:hidden;  padding: 15px 40px 16px 0; border-bottom: 1px solid lightgray; }
        .BMH1 .section div:nth-of-type(1) span section:last-child { border-bottom: 0;}
        .BMH1 .section div:nth-of-type(1) span section i { float: left; width: 12%; text-align: right; color: #4477f2; font-size: 2em; padding: 4px 20px 0 0; box-sizing: border-box; font-size: 1.5em; }

        .BMH1 .section div:nth-of-type(1) span section p { display: block; float: left; width: 88%; color: #4477f2; line-height: 170%; margin: 0; font-size: 1.125em; font-weight:300;}

    .BMH1 .section div:nth-of-type(2) { width: 372px; height: auto; display: inline-block; }
    .BMH1 .section div:nth-of-type(2) img { margin: 670px 0 0 0; }

.BMH2 { width: 100%; background: #efefef; padding: 30px 0 50px 0 ; overflow: auto; border-bottom: 1px solid #d6d6d6;}
    .BMH2 span { display: block;}
    .BMH2 span article { float: left; background: white; width: 450px; 
                         padding: 0 20px; box-sizing: border-box;}
    .BMH2 span article:nth-of-type(1) { margin-right: 24px;}
    .BMH2 span h1 { color: #4477f2; font-weight: 400; float: left; font-size: 1.125em;}
    .BMH2 span h1 strong { font-size: 2.125em; font-weight:500; margin-right: 7px;}
    .BMH2 span h1 strong sup { font-size: 0.6em; margin-left: 7px;}
    
    .BMH2 article a { background: #ffc71e; float:right; margin: 16px 0 0 0; color: white;}
    .BMH2 article a:hover { background: orange;}
    .BMH2 article h3 { position: absolute; font-size: 0.7em; font-weight: 400; margin: 14px 0 0 160px; color: dimgray; font-family: sans-serif;}
    /*.BMH2 .floatingButton { background: #999999; padding: 10px 15px; color:white; border-radius: 4px;
        position:absolute; margin: 122px 0 0 -590px;}*/
    .BMH2 .section span { display: inline-block; width: 100px; float: left; font-size: 2em; 
        padding: 20px 0 0 22px; box-sizing: border-box; color: dimgray;}
    .BMH2 .section h4 { color: #fd8931; margin:0 0 0 20px; width: 800px; font-size: 1.5em; border: 2px solid #fd8931; padding:10px;  }




.BMH22 { background: #efefef; width: 100%; padding: 44px 0;  }
.BMH22 article { background: white; border-left: 10px solid #fd8b2e; max-width: 1024px; margin: 0 auto; -webkit-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.1); box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.1); border-top-right-radius: 5px; border-bottom-right-radius: 5px; height: 100px;  }
.BMH22 article div { float: left; width: 80%; }
.BMH22 article div h1 { margin: 10px 0 0 20px; font-weight: 500; font-size: 2.5em; color: gray; }
    .BMH22 article div h1 font, .BMH22 article div h1 font sup { font-size: 0.7em; }
    .BMH22 article div h1 strong { color: #a7a7a7; font-size: 0.6em; font-weight: 400; }
.BMH22 article div h2 { margin: 20px 0 0 20px; font-size: 1em; color: dimgray; font-weight: 400; }
.BMH22 article a span { float: left; width: 20%; outline: 1px solid green;  }
.BMH22 article a { background: #fb893d; color: white; font-weight: bold; font-size: 1.25em; padding: 9px 15px; border-radius: 7px; box-sizing: border-box; float: left; margin: 30px 0 0 20px;}


    
/*BR PAGE*/

.pricedrop {
     width:170px !important; margin-left:150px !important; font-family: 'Open Sans', sans-serif; 
}
    .pricedrop h1 { float: left; width: 50%; }
    .pricedrop h1:first-of-type { font-size: 1.5em !important; color: #a0a0a0 !important; }
    .pricedrop h1:last-of-type { font-weight: bold !important; color: #fd8c25 !important;; text-decoration: none !important; }
    .pricedrop p { color: #fd8c25 !important; text-decoration: none !important; float: right; margin: 10px 4px 0 0; }

    .pricedrop ~ p { position: absolute; margin: 26px 0 0 935px; line-height: 120%; color: dimgray; width: 50px; font-size: 12px; font-family: 'Open Sans', sans-serif; }

    .BR_promo { border: 2px solid #fd8c25; height: 220px; width: 800px; margin: 44px auto 0 auto; border-radius: 10px; background: #fff9f5; }
        .BR_promo h2 { color: dimgray; font-weight: 400; letter-spacing: -0.5px; font-family: 'Open Sans', sans-serif;}
        .BR_promo div  { height: 60px; width: 300px; margin: 40px auto 0 auto;}
        .BR_promo div h3 { font-family: 'Open Sans', sans-serif; width: 50%; color: #fd8c25; font-size: 2em; display: inline; }
            .BR_promo div h3:first-of-type { text-decoration: line-through; color: gray !important; font-weight: 400; font-size: 1.5em;}
        .BR_promo .gumbeq { display: block; width: 170px; font-size: 1.25em; background: #fd8c25; margin: 0 auto; font-weight: bold; padding: 10px 0; }

.BR1 {  margin-bottom: 40px;}

    .BR1 section { background-image: url(../img/pic_BR/BR_1.png); height: 400px; background-size: cover; padding: 110px 0 0 540px; box-sizing: border-box;  }
    .BR1 section h1 { font-size: 3.25em; color: #4477f2; font-weight: 300; margin:0; }
    .BR1 section h1 strong { font-weight: 700 !important;}
    .BR1 section p { color: #4477f2; font-size: 1.25em;}

    .BR1 span { display: block; width: 100%; height: 135px; padding-top: 30px; box-sizing: border-box; }

    .BR1 span div:nth-of-type(1) { float: left; width: 150px; height: 70px; margin-right: 20px; border-right: 1px solid gray; padding-left: 20px; }
    .BR1 span div:nth-of-type(1) p { color: gray; margin: 10px 0 10px 0; font-size: 0.9em; }
    .BR1 span div:nth-of-type(1) i { color: #888888; margin:5px 10px 0 0; font-size: 1.5em;}

    .BR1 span h2 { display: block; margin: 0; font-size: 1.2em; height: 70px; float: left; font-weight: 300; padding-top: 20px; line-height: 130%; box-sizing: border-box; color: gray; }

    .BR1 span div:nth-of-type(2) { float: left; width: 170px; height: 70px; margin-left: 230px;}

    .BR1 span div:nth-of-type(2) h1 { text-decoration: line-through; margin: 10px 0 0 0; text-align: center; font-weight: 400; font-size: 2em; color: #4477f2; }
    .BR1 span div:nth-of-type(2) h1 sup {font-size: 0.7em;}
    .BR1 span div:nth-of-type(2) p { font-size: 0.8em; text-align: center; color: gray; }

    .BR1 span a { display: block; float: left; color: white; padding: 15px 25px; border-radius: 4px; font-size: 1.5em; font-weight: 500; margin: 12px 0 0 23px;    }

    /*Gradient overlay*/
    .BR1 span a, .BR5 span, .faqS a:nth-of-type(5), .howtoContent span:nth-of-type(2) a:nth-of-type(2) {
    background: rgb(144,30,237);
background: -moz-linear-gradient(-45deg,  rgba(144,30,237,1) 0%, rgba(68,119,242,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(144,30,237,1) 0%,rgba(68,119,242,1) 100%);
background: linear-gradient(135deg,  rgba(144,30,237,1) 0%,rgba(68,119,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#901eed', endColorstr='#4477f2',GradientType=1 ); }

.BR2 { height: 280px;}
    .BR2 div { float: left; width: 300px; }
    .BR2 i { font-size: 2.5em; color: #4477f2; float: left; width: 22%; margin: 18px 0 0 0; }
    .BR2 p { color: #444444; font-size: 1.1em; float: left; width: 78%; line-height: 160%; font-weight: 300; }
    .BR2 div:nth-of-type(1), .BR2 div:nth-of-type(2), .BR2 div:nth-of-type(4), .BR2 div:nth-of-type(5) { margin-right: 45px;}

.BR3 { height: 600px; margin-bottom: 200px;}
    .BR3 div { height: 240px;}
    .BR3 h1 { font-size: 2.75em; float: left; width: 42%; text-align: right; line-height: 145%; margin: 0; float: left; font-weight: 600; color: #4477f2; }

    .BR3 h4 { display: block; width: 58%; float: left; margin: 0; padding: 12px 0 0 40px; font-size: 1.15em; line-height: 160%; box-sizing: border-box; font-weight: 300; color: dimgray; }
    .BR3 h4 a{ display: block; color: #4477f2; margin-top: 20px; }

    .BR3 span { display: block; width: 100%; background: url("../img/pic_BR/BR_2.png"); height: 500px;}
    .BR3 span div { background: rgba(255,255,255,0.8); width: 340px; float: right; border-radius: 5px; margin: 42px 42px 0 0; padding-left: 30px; box-sizing: border-box; height: 320px; }
    .BR3 span div h2 { color: #777777; font-size: 1.75em; line-height: 140%; margin-bottom: 40px; }
    .BR3 span div li { font-weight: 400; color: dimgray; list-style: none; margin: 12px 0; font-size: 1.25em; }

.BR4 { height: 950px; }
    .BR4 h1 { font-weight: 300; color: #4477f2; font-size: 2.75em; }
    .BR4 p { color: dimgray; font-weight: 300; line-height: 150%; width: 400px; }

    .BR4 div:first-child a { border: 1px solid #4477f2; padding: 5px 10px; color: #4477f2; border-radius: 4px; margin: 20px 5px 0 0; }
    .BR4 div:first-child { height: 380px; clear: both; padding-top: 50px;  }
    .BR4 div:first-child img { position: absolute; width: 700px; float: right; margin: -300px 0 0 450px; }

    .BR4 span { display: block;  height: 500px;  }
    .BR4 span img { width: 650px; position: absolute; margin: 0 0 0 -170px; }
    .BR4 span div { width: 400px;  float: right; margin: 70px 100px 0 0; }

.BR5 { box-sizing: border-box;  height: 800px; }
    .BR5 span { width: 100%; height: 300px; display: block; color: white; padding: 40px 0 0 40px; box-sizing: border-box; border-top-left-radius: 4px; border-top-right-radius: 4px;  }
    .BR5 span h1 { width: 800px;  margin: 0 0 40px 0; line-height: 140%; font-weight: 500; }
    .BR5 span p { width: 500px; line-height: 170%; font-weight: 300;}
    .BR5 span a { color: white; float: right; border: 1px solid white; border-radius: 4px; margin: -58px 40px 0 0; padding: 12px 20px;}
    .BR5 span a:hover { background: rgba(255,255,255,0.1);}
    
    .BR5 div { background-image: url("../img/pic_BR/br_app.jpg"); background-size: cover; height: 400px; padding: 40px 0 0 40px; box-sizing: border-box;}
    .BR5 div h2 { margin: 0; color: white; font-weight: 300; line-height: 150%; font-size: 2.25em; width: 400px; }

/*BLOCKSI ROUTER COMPARE TABLE*/
.BR6 {  height: 1400px; } .BMH3 { height: 980px;}
.BR6 h1 { color: #4477f2; font-weight: 300; font-size: 2.5em; width: 600px; line-height:
150%; text-align: center; margin: 0 auto; margin: 30px auto 70px auto;}

.BR6 .fa-check { color: limegreen;}
.BR6 .fa-times { color: #b8b8b8;}

    .BR6 ul { clear: both; height: 60px; background: white; margin: 0;}
    .BR6 ul:nth-child(odd) { background: #efefef;}
    
    .BR6 ul .feature {
        width: 364px;  text-align: center;  height: 60px; padding-top: 10px; box-sizing: border-box; padding-top: 24px; color: gray; font-size: 0.9em;  }
    .BR6 ul li { width: 165px; float: left; text-align: center; height: 60px; padding-top: 22px; box-sizing: border-box;}
    .BR6 ul .feature { width: 344px;}
    
    .BR6 .titles {
        padding:18px 0 0 344px; font-size: 1.2em; color: gray; background: white !important;
        height: 58px; text-align: center;}
        
         .BR6 .titles li {
            height: inherit; font-size: 0.9em; color: gray;
            padding-top: 18px; font-weight: 300; }
    .BR6 .bl0x { background: white;}
    
/*BMH and Free compare*/
.BMH3 { height: 1680px; border-bottom: 1px solid gray;}
.BMH3 h1 { text-align: left; margin: -5px 0 0 10px; position: absolute; font-size: 2em; width: 400px; }
.BMH3 ul li { width: 340px;}
.BMH3 i { margin: 0 5px; font-size: 1.25em;}    
.BMH3 .titles { padding: 0 0 0 512px; height: 168px; background: rgba(0,0,0,0) !important;}
    
.BMH3 .titles li { width: 256px; height: 130px; padding: 20px 15px; box-sizing: border-box;}
.BMH3 .titles .free { background: #efefef; color: #999999; padding-top: 53px; font-size: 1.5em;}
.BMH3 .titles .bl0x { height: 130px !important;}
.BMH3 .titles h2 { font-size: 1.125em; font-weight: bold; margin: 0;}
.BMH3 .titles p { margin: 0; margin: 5px auto 5px auto; font-size: 0.5em; line-height: 1.42; font-family: sans-serif;}
    .BMH3 .titles .bl0x p { font-size: 1em; margin: 7px auto;} 
    .BMH3 .titles .bl0x p:nth-of-type(1) { font-size: 0.7em;} 
    .BMH3 .bl0x p:nth-of-type(1) strong { font-size: 1.42em; display: block;}

.BMH3 .bl0x { border-bottom: 1px solid #efefef; background: rgba(255,255,255, 0.5);}
.BMH3 ul .feature { width: 512px; text-align: left; padding: 18px 0 0 30px; height: 40px !important;}
.BMH3 ul li { width: 256px;}
.BMH3 ul { height: 50px; }
.BMH3 ul li:nth-of-type(2) , .BMH3 ul li:nth-of-type(3) { height: 50px !important; padding-top:15px;} 
 
    .BMH3 ul:nth-last-child(2) { height: 100px; color: dimgray;}
    .BMH3 ul:nth-last-child(2) li { height: 100px;}
    .BMH3 ul:nth-last-child(2) .bl0x { line-height: 1.5; font-size: 0.85em; padding: 20px 17px 0 17px; box-sizing: border-box; }
    .BMH3 ul:nth-last-child(2) li:first-child { padding-top: 20px;}
    
    .BMH3 ul:last-child { height: 120px;}
    .BMH3 ul:last-child .bl0x { background: #efefef;}
    .BMH3 ul:last-child li:last-child { border: none;}
    .BMH3 ul:last-child li:last-child .gumbeq { display: block; width: 80px; margin: 10px auto;}
    .BMH3 ul:last-child li:last-child .gumbeq:nth-of-type(2) { background: gray;}
    .BMH3 ul:last-child li:last-child .gumbeq:nth-of-type(2):hover { background: dimgray;}
    
    .BMH3 ul:last-child li:nth-last-child(2) { height: 200px; padding: 30px 0 0 20px;}
    #getAddon { font-size: 1.05em; padding: 6px 18px; }
    #expandAddon { position: absolute; width: 173px; height: auto; font-size: 0.9em; 
        margin: 20px 0 0 31px; display: none; border-radius: 4px;}
    #expandAddon a { width: 100%; padding: 12px 0 12px 19px; box-sizing: border-box; display: block; background: #efefef; text-align: left; color: dimgray;}
    #expandAddon a:hover { background: white;}
    #expandAddon a i { font-size: 0.95em; margin-right: 6px;}
    
    .BMH4 { padding-top: 40px;}
    .BMH4 .gumbeq { margin: -117px 0 0 -136px; position: absolute;}
   

/*br shop*/
.brshop2 h1 {color: lightgray; font-size: 1.5em; font-weight: bold;  }

.brshop2 { text-align: center; padding-top: 50px; }
.brshop2 h4 { color: dimgray; font-weight: 300; }
.brshop2 a { border-radius: 5px; border: 1px solid lightgray; width: 320px; display: inline-block; }
    .brshop2 a:hover { background: #eff3fe; border: 1px solid #4477f2;}
.brshop2 a img { width: 88px;  }
.brshop2 a p { color: dimgray; font-weight: 400;  }

    .brshop2 ul { text-align:center; width: 800px; margin: 90px auto;}
    .brshop2 ul, .brshop2 a img { opacity: 0.8;
    -webkit-filter: grayscale(100%);
	filter: grayscale(100%); }
    
    .brshop2 li { width: 200px; height: 100px; cursor: pointer;
        padding-top: 10px; display:inline-block; text-align: center;    }
    /*.brshop2 li:hover { background: #f1f1f1;  }*/

/*Trends*/

.Trends { background: #eff3fe;} .Trends * {box-sizing: border-box;}
.Trends .section { background: white; padding: 22px 0 0 0;}

.Trends .section article { background: #42c3ff; border-radius: 10px; padding: 22px 22px 2px 22px; width: 980px; margin: 0 auto; color: white; background-image: url("https://i.imgur.com/hPDcjTw.png"); background-repeat: no-repeat; background-position: center right;}
.Trends article h2 { margin:0; font-size: 2.25em;}
.Trends article p { font-size: 1.5em; line-height: 133%; width: 610px; }

.Trends section { background-image: url("https://i.imgur.com/ODGp4lw.png"); background-repeat: no-repeat; padding-top: 62px; margin-bottom: 50px;}
.Trends section img { width: 512px; margin: 88px auto 0 auto; display: block; }
.Trends section h3 { font-family: 'Poppins', sans-serif; color: #4477f2; line-height: 150%; width: 640px; margin: 44px auto 88px auto; text-align: center; }
.Trends section button { display: none; }
.Trends section p { margin: 22px auto 22px 165px; color: #4b4b4b; line-height: 133%; width: 730px; font-size: 1.33em; font-weight: 300;}
.Trends section p:nth-of-type(2) { margin: 0 auto 0 165px;}
.Trends font { display: block; height: 22px; width: 1024px; margin: 0 auto; background: #f6c33a;}

.icon-1, .icon-2, .icon-3, .icon-4 { width: 66px; position: absolute;}

.icon-1 { margin: 850px 0 0 -30px;}
.icon-2 { margin: 770px 0 0 20px;}
.icon-3 { margin: 810px 0 0 900px;}
.icon-4 { margin: 720px 0 0 980px;}

/*Trends Aug 29th*/

.t-intro { width: 100%; background: #f1f1f1; font-family: 'Open Sans', sans-serif; margin-bottom: 66px; }
    .t-intro .section { padding-top: 44px; height:380px; text-align: center; background-image: url(https://i.imgur.com/Fdjeqic.png); background-size: cover; box-sizing: border-box;}
    .t-intro h1 { margin: 0; color: #4477f2; font-size: 2.5em; letter-spacing: -2px; margin-bottom: 20px; }
    .t-intro p { margin: 0; color: gray; width: 600px; margin: 0 auto 40px auto; line-height: 142%; }

.trends-features { height: auto; margin: 166px auto 0 auto; width: 1024px; }

    .trends-features section:first-of-type {  display: grid; grid-template-columns: 400px 1fr; grid-template-rows: 370px;}
        .trends-features section:first-of-type>div {grid-column: 2/3; grid-row: 1/2; margin: 0; text-align: right;}
            .trends-features section:first-of-type>div img { margin-right: -110px;}
        .trends-features section:first-of-type>article {grid-column: 1/2; grid-row: 1/2; margin: 0; padding-left: 50px;}
            .trends-features section:first-of-type>article p { margin: 30px 0 0 3px;}

    .trends-features section:nth-of-type(2) { display: grid; grid-template-columns: 1fr 470px; grid-template-rows: 420px; }
        .trends-features section:nth-of-type(2)>article {grid-column: 2/3; grid-row: 1/2; margin: 0;}
            .trends-features section:nth-of-type(2)>article h1 { width: 300px; margin: 44px 0 30px 0; }
        .trends-features section:nth-of-type(2)>div {grid-column: 1/2; grid-row: 1/2; margin: 0; padding-left: 70px;}

    .trends-features section:nth-of-type(3) { display: grid; grid-template-columns: 400px 1fr; grid-template-rows: 344px; }
        .trends-features section:nth-of-type(3)>div {grid-column: 2/3; grid-row: 1/2; margin: 0; text-align: right; padding-right: 70px;}
        .trends-features section:nth-of-type(3)>article {grid-column: 1/2; grid-row: 1/2; margin: 0; padding-left: 50px;}
            .trends-features section:nth-of-type(3)>article h1 {margin-top: 80px;}
            .trends-features section:nth-of-type(3)>article p {width: 270px;}

    .trends-features h1 { font-family: 'Fira Sans', sans-serif; font-weight: 300; font-size: 2em; line-height: 110%; color: gray; margin: 0; }
    .trends-features p { font-family: 'Open Sans', sans-serif; line-height: 150%; font-size: 0.9em; color: #616161; width: 350px; font-weight: 300; }


/*Returns and refunds + privacy policy*/
.privacyP { color: dimgray !important; font-family: sans-serif !important;}

    .privacyP h2 { color: #4477f2;}
    .privacyP a { color: #4477f2; font-weight: bold;}
    
    .privacyP p {line-height: 1.42; font-weight: 500; }
    .privacyP li {line-height: 1.42;}
    .privacyP li strong {display: block; margin: 20px 0 0 0;}
        .privacyP ul { margin-left: 50px;}
        .privacyP ul li { margin: 10px 0; list-style: circle;}
    
    .privacyP article { width: 600px; overflow: auto;}
    .privacyP article ol { float: left; width: 300px;}
    
    .privacyP article span { width: 100%; display: block; text-align: center; padding: 5px 20px; box-sizing: border-box; border-bottom: 1px solid lightgray;}
    .privacyP article ol span:nth-of-type(1) { height: 90px; font-weight: 600; font-size: 0.8em; line-height: 1.3;}
    .terms h3 { margin: 0 0 5px 0; padding-top: 42px;}
    .terms tt { line-height: 1.42; font-size: 1.25em;}
    .terms .links a { display: block; color: #4477f2; line-height: 1.3;}
    
.aboutus { height: 600px;}

    .aboutus h2 { color: #4477f2; font-weight: 300; width: 750px; line-height: 130%; text-align: center; margin: 80px auto; display: block; font-size: 2em; }

    .aboutus section { background: linear-gradient(180deg, #5937da, #4477f2, #8e57ff);
    background-size: 400% 400%; width: 200px; height:200px; border-radius: 18px; float: left; margin:0 40px 50px 0;

        -webkit-animation: AnimationName 9s ease infinite;
        -moz-animation: AnimationName 9s ease infinite;
        animation: AnimationName 9s ease infinite;
    }
        
    @-webkit-keyframes AnimationName {
        0%{background-position:51% 0%}
        50%{background-position:50% 100%}
        100%{background-position:51% 0%}
    }
    @-moz-keyframes AnimationName {
        0%{background-position:51% 0%}
        50%{background-position:50% 100%}
        100%{background-position:51% 0%}
    }
    @keyframes AnimationName { 
        0%{background-position:51% 0%}
        50%{background-position:50% 100%}
        100%{background-position:51% 0%}
    }

    .aboutus section img {
        width: 90px; display: inline-block; margin:52px 0 0 59px;}

    .aboutus p { font-weight: 400; font-size: 1.175em; line-height: 142%; margin: 0 0 20px 0; color: gray; }

/*CONTACT US*/

.contact1 div { text-align: center; float: left; width: 511px;}
.contact1 div:nth-of-type(1) { border-right: 1px solid lightgray;}
.contact1 div h1 { font-weight: 300;}
.contact1 ul { line-height: 150%; font-size: 1.175em; color: dimgray;}

.contact1 span { text-align: center; display: block; color: gray;}
.contact1 p { display:inline-block; margin: 50px auto; outline: 1px solid lightgray; clear: both; padding: 15px 25px; border-radius: 4px; }
.contact1 i { margin-right: 20px;}
.contact1 img { margin: 40px auto;}
.contact1 h3 { font-weight: 300; width: 550px; margin: -20px auto 0 auto; line-height: 150%; }

.contact1 form { height: 470px; width: 683px; margin: 50px auto 0 auto; }

    .contact1 form input, .contact1 form select,
    .contact1 form textarea  { border:1px solid grey; padding: 5px 12px; font-size: 1em; font-family: 'Fira Sans', sans-serif; font-weight: 300; color: #696969 !important; width: 330px; float: left; box-sizing: border-box; margin-bottom: 14px; border-radius: 4px; }

    .contact1 form input:nth-child(even), 
    .contact1 form select:nth-of-type(1) { margin-right: 21px;}

    .contact1 form textarea { width: 100%;}
    .contact1 form input:last-child { border: none; float: right; background: #4477f2; color: white !important; font-weight: 500; width: 200px; padding: 10px 0; cursor:pointer;}
    .contact1 form input:last-child:hover { background: #00008b;}

    .contact1 form input:focus, .contact1 form select:focus, .contact1 form textarea:focus { border: 1px solid #4477f2;}

    ::-webkit-input-placeholder {
    color: #696969; }
    :-moz-placeholder { /* Firefox 18- */
    opacity: 1; color: #696969;  }
    ::-moz-placeholder {  /* Firefox 19+ */
    opacity: 1; color: #696969;  }
    :-ms-input-placeholder {  
    color: #696969;  }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none; margin: 0; }


/* dashboard */

.dashboard { margin-bottom: 70px;}
.dashboard h1 { text-align: center; margin: 50px 0 50px 0;}

    .dashboard div { width: 100%; background: lightgray; border-radius: 5px; padding: 12px 12px 3px 12px; box-sizing: border-box; margin-bottom: 40px; }
    .dashboard div h2 { color: white; font-weight: 500; margin: 5px 0 15px 0;  }
    
    .dashboard span { display: block;  background: white; border-radius: 5px; box-sizing: border-box; height: auto; padding: 20px 20px 20px 30px; margin: 10px 0;}
    
    .dashboard img { width: 65px; margin: 8px 27px 0 0; float: left;}
    .dashboard h3 { color: #4477f2; font-size: 2em; font-weight: 300; margin: 10px 0 0 0;}
    .dashboard p { color: gray; font-family: 'Open Sans', sans-serif;}

    .dashboard section { float: right; margin: -60px 20px 0 0; }
    .dashboard section .gumbeq { margin-left: 10px;}
    /*.dashboard a { display: block; float: left; margin-left: 15px; border: 1px solid gray; color: gray; padding: 10px 15px; border-radius: 4px; }
    .dashboard a:hover { color: #4477f2; border: 1px solid #4477f2; }*/

    .delegatebutton { margin-top: -20px !important;}
    .delegatebutton a { background: #ff8c00;}
    .delegatebutton a:hover { background: #d4570c !important;}

    .studentButton { padding-top: 39px; margin-right: 145px !important;}
    .studentButton a { background: #09a146; margin-right: 38px;}
    .studentButton a:hover { background: #008134;}

/* service request */
    .servReq { color: dimgray;}
    .servReq h1 { text-align: center; color: #4477f2; margin-bottom: 30px;}
    .servReq li { text-align: left; width: 700px; margin: 15px auto; display: block; line-height: 1.5; }
    
    #submitTicketForm input:nth-of-type(2) { margin:0 0 0 20px !important;}
        
/*frequently asked pages*/
.faq1 { margin-top: 30px;}

.faq1 a { font-size: 1.5em; font-weight: 300; color: dimgray;  }
.faq1 a i { margin-right: 10px;}
.faq1 a:hover { border-bottom: 1px solid #4477f2; color: #4477f2;}
.faq1 h1 { color: #4477f2; margin-left: 18px; cursor: default;}

.faq2 { background: #efefef; height: auto; display: block; width: 100%; padding: 50px 0 90px 0;}
.faq2 .section { background: white; padding: 10px 50px 50px 30px; box-sizing: border-box; }

    .faq2 h3 { color: #4477f2; margin: 0; font-weight: 600; font-size: 1.25em; margin: 40px 0 15px 0; line-height: 142%;}
    .faq2 p { line-height: 160%; color: dimgray; font-family: sans-serif; margin-left: 30px;}
    .faq2 .back { color: #f8bb01; font-weight: 600; float: right; margin: 10px -20px 0 0; }    

    .faqS { background: white; padding: 40px 0 50px 0 !important; }
    .faqS a { width: 100%; padding: 20px; box-sizing:border-box; display: block; color: white; font-weight:600; border-radius: 50px; margin: 0 auto; text-align: center; width: 420px;}
    .faqS a:nth-of-type(1), .faqS a:nth-of-type(2), .faqS a:nth-of-type(3) {background: #4477f2; }
    .faqS a:nth-of-type(4) {background: orange; }
    .faqS h1 { text-align: center; color: gray; font-weight: 300; font-size: 1.5em; 
        margin: 30px auto 20px auto;   }
        
/*Dashboard pages*/
    .dParent1, .dTeacher1, .delegate1, .delegate1 .section { height: 150px; }
    
    .dParent1 a, .dTeacher1 a { font-size: 1.5em; font-weight: 300; color: white;  }
    .dParent1 a i, .dTeacher1 a i { margin-right: 10px;}
    .dParent1 a:hover, .dTeacher1 a:hover { border-bottom: 1px solid white; color: white;}
    .dParent1 h1, .dTeacher1 h1 { color: white; margin:15px 0 0 18px; cursor: default;}
    
    .dParent1 span:nth-of-type(1), .dTeacher1 span:nth-of-type(1) { 
        width: 673px; float: left; display: inline-block; 
        height: 157px; padding: 55px 0 0 20px; box-sizing: border-box; }
    .dParent1 span:nth-of-type(1) {background: #ffc61b;}
    .dTeacher1 span:nth-of-type(1) {background: #35c25e; }
    
    .dParent1 span:nth-of-type(2), .dTeacher1 span:nth-of-type(2) { 
        width: 33.3%;  float: left; display: inline-block;
        height: 100%;}
    
    .dParent1 img, .dTeacher1 img { float: left; height: 157px; }
    .dTeacher1 img { margin: 0 0 0 20px;}
    
    .dTeacher2, .dParent2 { margin-top: 100px; }
    .dTeacher2 .section, .dParent2 .section { 
        border-bottom: 1px solid lightgray; overflow: auto; margin-bottom: 60px;
        padding-bottom: 20px; box-sizing: border-box;}
    
    .dTeacher2 img, .dParent2 img { position: absolute; }
    .dTeacher2 h1, .dParent2 h1 { width: 42%; font-weight: 300; color: gray; line-height: 1.3; font-size: 2.25em;}
    .dParent2 h1 { font-size: 2em !important;}
    .dTeacher2 p, .dParent2 p { width: 42%; font-weight: 300; color: gray; line-height: 1.3;}
    
    .dTeacher2 .section:nth-child(even) h1, .dTeacher2 .section:nth-child(even) p, 
    .dParent2 .section:nth-child(even) h1, .dParent2 .section:nth-child(even) p { 
         text-align: right; margin-left: 58%;}
    
    .dParent3 h1 { font-size: 1.5em; text-align: center;}
    .dParent3 h1 strong { display: block;}

    .dTeacher2 .section:nth-of-type(1) img { margin: -170px 0 0 517px; }
    .dTeacher2 .section:nth-of-type(1) { height: 320px;}
        .dTeacher2 .section:nth-of-type(1) h4 { font-weight: 400; line-height: 160%; float: left; }
        .dTeacher2 .section:nth-of-type(1) span { width: 20px; height: 20px; display: inline-block; background-size: contain;  }
        .dTeacher2 .section:nth-of-type(1) span:first-of-type { background: url("../img/chromeColor.svg");}
        .dTeacher2 .section:nth-of-type(1) span:nth-of-type(2) { background: url("../img/winLogoBlue.svg");  }
    
    .dTeacher2 .section:nth-of-type(2) img { margin: -170px 0 0 -220px; }
    .dTeacher2 .section:nth-of-type(2) { height: 310px;}
    
    .dTeacher2 .section:nth-of-type(3) img { margin: -267px 0 0 517px;}
    .dTeacher2 .section:nth-of-type(3) { height: 330px;}
    
    .dTeacher2 .section:nth-of-type(4) img { margin: -170px 0 0 -190px; }
    .dTeacher2 .section:nth-of-type(4) { height: 335px;}
    
    .dParent2 .section:nth-of-type(1) img { margin: -260px 0 0 480px;}
    .dParent2 .section:nth-of-type(1) { padding-bottom: 50px;}
    
    .dParent2 .section:nth-of-type(2) img { margin: -197px 0 0 -75px;}
    .dParent2 .section:nth-of-type(2) { padding-bottom: 93px;}
    
    .dParent2 .section:nth-of-type(3) img { margin: -250px 0 0 520px;}
    .dParent2 .section:nth-of-type(3) { padding-bottom: 83px;}


    .delegate1 { border-bottom: 2px solid #813dff; width:100%;}
    .delegate1 .section { background: url("../img/pic_BMEE/dashboard_delegate.png"); background-repeat: no-repeat; padding-top: 44px; }

        .delegate1 a:first-of-type { font-size: 1.5em; font-weight: 300; color: dimgray; cursor: pointer; }
        .delegate1 a:first-of-type i { margin-right: 10px;}
        .delegate1 a:first-of-type:hover { border-bottom: 1px solid dimgray; }
        .delegate1 h1 { color: #813dff; margin:15px 0 0 18px; cursor: default;}
        .delegate1 button { background: #a4a4a4; color: white; border: none; font-weight: bold; float: right; padding: 8px 12px; border-radius: 7px; cursor: pointer; margin-top: -36px; }  

    .delegate2 { background: #f6f6f6; color: #575757; width: 100%; padding-bottom: 40px; font-family: 'Open Sans', sans-serif;}
    .delegate2 p { width: 850px; margin: 0 auto; text-align: center; font-weight: 400; font-size: 1.125em; line-height: 142%; padding: 50px 0 40px 0; }
    .delegate2 p strong { font-weight: 600;}
    .delegate2 .section { text-align: center;  }
    .delegate2 a { background: #813dff; color: white; cursor: pointer; padding: 8px 20px 9px 20px; border-radius: 7px;  }
    .delegate2 a:hover { background: #6d2af7; }

    .delegate3 span { border-bottom: 1px solid lightgray; width: 100%; display: block; }
    .delegate3 span h1 { color: gray; margin: 0; font-size: 2em; line-height: 1.3; width: 400px; font-weight: 300; }
    .delegate3 span:nth-of-type(1) h1, .delegate3 span:nth-of-type(2) h1, .delegate3 span:nth-of-type(3) h1 { padding: 100px 0 80px 0; }
    .delegate3 span:nth-of-type(2) h1 { text-align: right; margin-left: 624px; }
    .delegate3 span:nth-of-type(1) { background-image: url(../img/pic_BMEE/dlgt01.png); background-repeat: no-repeat; background-position: 75% 50%; }
    .delegate3 span:nth-of-type(2) { background-image: url(../img/pic_BMEE/dlgt02.png); background-repeat: no-repeat; background-position: 20% 50%; }
    .delegate3 span:nth-of-type(3) { background-image: url(../img/pic_BMEE/dlgt03.png); background-repeat: no-repeat; background-position: 75% 50%; }

    .delegate4 { width: 100%; height: 470px; background-image: url(../img/pic_BMEE/dlgtbg.jpg); background-attachment: fixed; font-family: 'Open Sans', sans-serif; background-size: cover; }
        .delegate4 .section { display: grid; grid-template-rows: 1fr; grid-template-columns: 430px 1fr;}
        .delegate4 span { grid-column: 1/2; padding-top: 72px; }
        .delegate4 article { grid-column: 2/3;  padding: 44px 0 0 44px; }

        .delegate4 li { list-style: none; display: grid; grid-template-columns: auto 1fr; font-size: 1em; background: white; margin-bottom: 15px; border-radius: 7px; width: auto; outline: 1px solid lightgray;}
        .delegate4 li img { grid-column: 1/2; padding: 12px 20px 11px 15px; }
        .delegate4 li font { grid-column: 2/3; padding: 20px 0 0 0; line-height: 130%; }
        .delegate4 h2 { color: #6d2af7; font-size: 2em; letter-spacing: -1px; }
        .delegate4 p { line-height: 150%; font-size: 0.9em;}
    
    .delegate5 { height: 100px; padding-top: 140px !important; text-align: center;}
    .delegate5 a { font-family: 'Open Sans', sans-serif; font-size: 1.25em;  margin-right: 44px; border-radius: 10px; padding: 15px 30px;}
    .delegate5 a:first-of-type { background: #f6f6f6; color: dimgray; border: 1px solid dimgray; }
    .delegate5 a:last-of-type { background: #5215ec; color: white; cursor: pointer;}
    .delegate5 a:last-of-type:hover { background: #6d2af7; }

    
    /*PRICING*/
    .pricing1 article {
        width: 520px; margin: 0 auto 40px auto; padding-bottom: 35px; box-sizing: border-box;
   background: white;/* background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 33%, #f4f4f4 100%);
background: -webkit-linear-gradient(top,  #ffffff 33%,#f4f4f4 100%);
background: linear-gradient(to bottom,  #ffffff 33%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );*/
    }
    
    .pricing1 h1 { width: 100%; color: white; text-align: center; 
        padding: 17px 0 14px 0; box-sizing: border-box; font-size:1.42em; margin: 0;
    border-top-right-radius: 4px; border-top-left-radius: 4px;}
    
    .pricing1 h3 { font-weight: 300; text-align: center; font-size: 1.125em; 
        margin: 40px auto 0 auto;}
    .pricing1 h2 { font-weight: 600; text-align: center; font-size:1.25em; 
        margin: 20px auto;}
    .pricing1 h2 strong { font-size: 2.75em;} .pricing1 h2 sup { font-size: 0.55em;}
    
    .pricing1 button { border: none; margin: 20px auto 50px auto; display: block; font-size: 1.125em;}
    .pricing1 button:nth-of-type(1) { background: #efb519;}
    .pricing1 button:nth-of-type(1):hover { background: #eaa207;}
    
    .pricing1 p { text-align: center; line-height: 1.5; color: #999999; width: 420px; 
        margin: 0 auto;}
    
    .pricing1_faq { background: #efefef; width: 100%; overflow: auto; padding: 20px 0 60px 0;
                    margin-top: 100px;}
    .pricing1_faq span { display: block; float: left; width: 512px;}
    .pricing1_faq span:nth-of-type(2) { padding-left: 50px; box-sizing: border-box;}
    
    .pricing1_faq h2 { text-align: center; font-weight: 400; font-size: 2.25em; color: gray;}
    
    .pricing1_faq h1 { font-weight: 300; line-height: 1.42; color: gray; font-size: 1.5em;}
    .pricing1_faq p { font-weight: 300; line-height: 1.42; color: dimgray; margin-bottom: 20px; display: inline-block;}
    
    .bmhPrice article { color:#4477f2; width: 620px;}

    .bmhPrice article h3 { font-size: 3.5em;   }
    .bmhPrice article h3 { font-weight: 300; color: gray; }
    .bmhPrice article strong { display:block; text-align:center; color: gray; font-weight:400; line-height:142%; margin-top:6px;  }
    .bmhPrice article a { border-radius:3px; font-size:1.25em; font-weight:bold;}
    .bmhPrice article a button { background-color:#fb8c35 !important; border-radius:10px;}
    
    .bmhPrice article h2 { float: left; width: 309px; padding: 30px 0; }
    .bmhPrice article h2:nth-of-type(1) { border-right: 1px solid lightgray;}


    
/*PARTNER PAGE*/
    .partner1 span { display: block; width: 800px; margin: 0 auto;}
    .partner1 span img { float: left; margin-right: 20px;}
    .partner1 span h3 { color: #4477f2; font-weight: 300; line-height: 1.5; font-size: 1.125em; }
    .partner1 h1 { text-align: center; margin: 100px auto 70px auto;}
    
    .partner1 div { overflow: auto; margin: 0 auto 70px auto;}
    .partner1 div article { width: 33%; float: left; padding: 0 20px; 
    box-sizing: border-box;}
    
    .partner1 div article:nth-of-type(1) { padding: 0 40px 0 0;}
    .partner1 div article:nth-of-type(3) { padding: 0 0 0 40px;}
    
    .partner1 article i { font-size: 3.5em; color: #ffc71e; float: left; margin-right: 25px;}
    .partner1 article:nth-of-type(2) i { font-size: 4.2em;}
    .partner1 article h2 { color: #4477f2; font-weight: 300; font-size: 1.9em; margin: 0;}
    .partner1 article p { line-height: 1.5; color: dimgray; font-size: 1em; font-weight: 300; margin-top: 42px;}
    
/*partner compare table */
    .partner2 { margin: 100px auto;}
    .partner2 article {  overflow: auto;}
    .partner2 article h1 { border-bottom: 1px solid gray; float: left; width: 256px; margin: 0; 
        padding: 70px 0 18px 0; box-sizing: border-box; font-size: 1em; color: gray; }
    .partner2 article h2 { float: left; width: 25%; margin:0; text-align: center; color: white; background: #4477f2; padding: 20px; box-sizing: border-box; font-size: 1em; font-weight: 400;}
    .partner2 h3 { float: left; width: 128px; text-align: center; padding: 20px 0; box-sizing: border-box; margin: 0; font-weight: 400; font-size: 1em;}
    .partner2 h3:nth-child(even) { background: #efefef;}
    
    .partner2 ul { margin: 0; overflow: auto; }
    .partner2 ul h1 { margin: 0; width: 256px; float: left; font-weight: 400; color: gray; padding: 20px 0 0 0; box-sizing: border-box; border-bottom: 1px solid lightgray; font-size: 1.125em; height: 54px !important; font-size: 1em;}
    .partner2 ul li { width: 128px !important; display: inline-block; text-align: center; height: 54px; float: left; padding: 20px 0 0 0; box-sizing: border-box; border-bottom: 1px solid lightgray;}
    
    .partner2 ul li:nth-of-type(5) { width: 256px !important;}
    .partner2 ul li:nth-child(odd) { background: #efefef;}
    
    .partner2 i { font-weight: 700;}
    .partner2 .fa-check { color: limegreen;}
    
/*BM Home thank you page*/
    .homeSetup article { border: 1px solid #4477f2; border-radius: 4px; width: 700px; margin: 30px auto; padding: 30px 50px; color: dimgray;}
    
    .homeSetup article h1 { text-align: center; color:#4477f2; margin: 0; box-sizing: border-box; }
    .homeSetup article h2 { font-size: 1.125em; font-weight: 600; color: #ffc819;}
    
    .homeSetup article p, .homeSetup article li { font-size: 1.125em; font-weight: 300; line-height: 1.5; }
    
/*careers*/
    .careers { overflow: auto; margin: 50px auto;}
    .dept { width: 500px; float: left; display: inline-block; margin: 15px 0;}
    .dept:nth-child(odd) { margin-right: 24px;}
    
    .dept { padding: 15px 20px 15px 25px; box-sizing: border-box; border-left: 1px solid #4477f2; }
    .dept:hover { background: #f3f3f3;}
    .dept:hover p { color: #4477f2;}
    
    .dept h1 { color: #4477f2;}
    .dept h2 { color: dimgray; font-weight: 300; line-height: 1.42; font-size: 1em;}
    .dept p { color: #999999;}

.jobs { color: dimgray; line-height: 1.42; width: 800px;}
    
    .jobs h1 { margin-top: 40px; border-bottom: 1px solid #4477f2;}
    .jobs h2 { margin:20px 0 10px 0; font-size: 1.25em; }
    .jobs li { line-height: 1.7; }
    .jobs button { margin: 20px 0; border: none; background: #4477f2; color: white; padding: 8px 12px; cursor: pointer;}
    .jobs button:hover { background: darkblue;}
    
/*whos who*/
.whoswho { overflow: hidden; height: 880px; width: 600px; margin-top: 70px;}
    
    .whoswho span { display: block; height: 134px;
        background: linear-gradient(135deg, #4477f2, #00008b, #4477f2);
        background-size: 600% 600%;

        -webkit-animation: AnimationName2 16s ease infinite; -moz-animation: AnimationName2 16s ease infinite;  -o-animation: AnimationName2 16s ease infinite; animation: AnimationName2 16s ease infinite; }
    
    .whoswho span:nth-of-type(2) {
        
        -webkit-animation: AnimationName2 12s ease infinite; -moz-animation: AnimationName2 12s ease infinite;  -o-animation: AnimationName2 12s ease infinite; animation: AnimationName2 12s ease infinite; }
    
    .whoswho span:nth-of-type(3) {
        
        -webkit-animation: AnimationName2 14s ease infinite; -moz-animation: AnimationName2 14s ease infinite;  -o-animation: AnimationName2 14s ease infinite; animation: AnimationName2 14s ease infinite; } 
    
@-webkit-keyframes AnimationName2 {
    0%{background-position:0% 0%}
    50%{background-position:93% 100%}
    100%{background-position:0% 0%}
}
@-moz-keyframes AnimationName2 {
    0%{background-position:0% 0%}
    50%{background-position:93% 100%}
    100%{background-position:0% 0%}
}
@-o-keyframes AnimationName2 {
    0%{background-position:0% 0%}
    50%{background-position:93% 100%}
    100%{background-position:0% 0%}
}
@keyframes AnimationName2 { 
    0%{background-position:0% 0%}
    50%{background-position:93% 100%}
    100%{background-position:0% 0%}
}
    
    .whoswho span img { float: left; width: 200px;}
    .whoswho div { height: 150px; width: 600px; margin: 0;}
    .whoswho div article { float: left; width: 200px; height:100px; margin-top: 20px;}
    
    .whoswho h1 { text-align: center; font-weight: 500; color: dimgray; font-size: 1.125em;}
    .whoswho h2 { text-align: center; font-weight: 400; color: #4477f2; font-size: 1em; margin: 0;}
    
/* NEWS */
    .news { padding-top: 40px;}
    .news span { width: 100%; background: #efefef; color: dimgray; display: block; text-align: center; font-size: 1.75em; font-weight:300; padding: 30px 0 30px 0;}
    
    .anchors { background: dimgray; width: 30%; float: left; }
    .anchors a { text-decoration: none; color:white;}

/*dns */

.BMDNS1 { width: 800px; text-align: justify; font-size: 1.33em; color: dimgray; line-height: 1.25; font-weight: 300; margin: 20px auto; height: 260px; padding-top: 30px;}

.BMDNS2 { width: 100%; height: 460px; background: #efefef; }
.BMDNS2 li { width: 33.3%; float: left; list-style: none; padding: 0 15px; box-sizing: border-box; cursor: default; }
    .BMDNS2 li:first-child { padding-left: 0;}
    .BMDNS2 li:last-child { padding-right: 0;}

.BMDNS2 li span { border-radius: 20px; display: block; margin: 0 auto; background: white; padding: 55px 25px 0px 25px; box-sizing: border-box; margin-top: 70px; height: 280px !important; text-align: center; }

    .BMDNS2 li span i { font-size: 1.75em; background: #ffc71e; margin: -80px 0 0 -25px; color: white; border-radius: 100px; padding: 10px 17px; position: absolute;} 
        .BMDNS2 li:nth-of-type(2) i  { padding: 10px 14px;}
        .BMDNS2 li:nth-of-type(3) i { padding: 10px 10px;}
    .BMDNS2 li span h1 { color: #4477f2; font-size: 1.25em;  margin: 0; line-height: 1.3; }
    .BMDNS2 li span p { line-height: 1.55; color: #696969; font-weight: 300; font-size: 1em; text-align: left; font-family: 'Open Sans', sans-serif;}

.BMDNS3 { width: 100%; height: 420px; background: url("http://i.imgur.com/gq7NV22.jpg"); background-size: cover; background-position: fixed; background-attachment: fixed; }
    .BMDNS3 .section { height: auto; padding-top: 40px; }
    .BMDNS3 img { width: 50px;}

    .BMDNS3 h1 { color: white; text-align: center; margin-bottom: 80px; }

    .BMDNS3 li { border-left: 5px solid white; float: left; width: 300px; color: white; font-size: 1.5em; list-style: none; height: 57px; font-weight: 300; line-height: 1.33; padding: 0 0 0 10px; margin: 0 0 35px 0;}

    .BMDNS3 li:nth-of-type(1), .BMDNS3 li:nth-of-type(2), .BMDNS3 li:nth-of-type(4), .BMDNS3 li:nth-of-type(5) { margin-right: 35px;}

.BMDNS5 { width: 100%; height: auto; padding-bottom: 80px; background: #ffffff; }

    .BMDNS5 .section { text-align: center; color: #4477f2; }
    .BMDNS5 h1 { margin: 70px auto 50px auto;}
    .BMDNS5 img { margin: 20px auto 30px auto; border-radius: 17px;}
    .BMDNS5 .gumbeq { display: inline-block; font-size: 1.25em; margin: 20px auto 0 auto; padding: 10px 20px 10px 23px;}
    .BMDNS5 .gumbeq i { font-size: 0.9em; margin: 0 0 -2px 5px;}

.bcloud h2 { line-height: 1.5em; }

/*HOW TO VIDEO GUIDES*/

.howtoNav { background: #eff3fe; width: 100%; height: 50px; padding-top: 17px; box-sizing: border-box; border-bottom: 1px solid #4477f2;}
    .howtoNav h1 { margin: 0; float: left; font-size: 1em; cursor: default;}
    .howtoNav h1 a { color: #4477f2;}
    .howtoNav nav { float: right;}
    .howtoNav nav a { color: #4477f2; font-size: 0.85em; margin: 0 6px; text-transform: uppercase; font-weight: 300;}
    .howtoNav nav a:hover { text-decoration: underline;}
    .howtoNav .active { font-weight: bold;}

.howtoContent { background: #f7f7f7;}
.howtoContent article { padding: 50px 0; background: white;}
.howtoContent iframe { border-radius: 6px;}
.howtoContent section { width: 720px; margin: 0 auto; color: dimgray; line-height: 1.3; font-weight: 300;}
.howtoContent section a, .howtoContent section h3 { color: #4477f2;}

.howtoContent h1 { color: #4477f2; text-align: center; font-size: 1.25em !important;}
.howtoContent span { background: #eff3fe; display: block; width: 512px; margin: 0 auto; border-radius: 7px; text-align: center; padding: 15px 0; border: 1px solid #4477f2;}
.howtoContent span a { background: #4477f2; margin: 10px 3px; display: inline-block; padding: 6px 14px 5px 14px; border-radius: 20px; color: white;}

.howtoContent span:nth-of-type(2) a:nth-of-type(1) { margin-top: 20px; background: #ffa500;}


.howtoContent h2 { width: 100%; text-align: center; margin-bottom: 50px; font-weight: 300; color: #4477f2 !important; }
.howtoContent h2 img { width: 42px; margin: 0 15px -13px 0; }

/*.BMDNS4 { width: 100%; height: 900px; background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 33%, #efefef 100%);
background: -webkit-linear-gradient(top,  #ffffff 33%,#efefef 100%);
background: linear-gradient(to bottom,  #ffffff 33%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); }

.BMDNS4 section { background: white; width: 100%; height: 800px; margin-top: 70px; border-radius: 20px; 
-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.33);
box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.33); }

.BMDNS4 section article { width: 50%; float: left;}

    .BMDNS4 span { display: block; width: 100%;}
    .BMDNS4 span h3 { display: inline-block; padding: 10px 22px; color: white; margin: 30px 0 0 100px; border-radius: 20px; font-size: 1em; font-weight: 500;}

    .BMDNS4 h2 { width: auto; margin:13px 0 13px 150px; font-size: 1.125em; font-weight: 300; line-height: 1.5;}

.contactDNS form input:nth-of-type(5) { width: 100%; }
.contactDNS .submit { font-weight: bold; border-radius: 50px; font-size: 1.25em !important; margin: 10px 0 0 100px !important; padding: 10px !important;}




/*.BMDNS4 { width: 100%; height: 500px; background: url("http://i.imgur.com/MmMfcxE.png"); background-repeat: repeat; text-align: center; color: white; padding-top: 50px; }
    
/*  
    .dParent2 { margin: 80px auto 40px auto; height: auto;}
    .dParent2 .section { height: auto; border-bottom: 1px solid lightgray; margin-bottom: 60px; display: block; padding-bottom: 42px; box-sizing: border-box;}
    .dParent2 h1 { margin: 0 0 20px 0; color: gray; font-weight: 300; line-height: 1.3;}
    .dParent2 p { margin: 0; line-height: 1.3; color: dimgray; font-weight: 300; }
    
    .dParent2 .section:nth-child(odd) span { width: 50%;}
    .dParent2 .section:nth-child(odd)  { text-align: left; }
    .dParent2 .section:nth-child(even) span { width: 50%; text-align: right; }
    .dParent2 .section:nth-child(even) { text-align: right; }
    .dParent2 .section span { height: auto; display: inline-block;}
    
    .dParent2 .section:nth-child(even) img { 
        outline: 1px solid blue; margin: 0 0 0 -900px; position: absolute;}
    .dParent2 .section:nth-child(odd) img { 
        outline: 1px solid gray; margin: 0 -300px 0 0;  position: absolute;}

    
    .dTeacher2 .section:nth-of-type(1) img { 
       outline: 0; margin: 7px 0 0 80px;}
    */

    