/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

div.body-bg{background: url('../images/body-bg.jpg') repeat-x 0 0 #c1d8e4; min-height: 855px;}
div.body-content{width: 960px; margin: 0 auto; position: relative;}

/* Snow Flakes */
#flake {
    color: #fff;
    position: absolute;
    font-size: 25px;
    top: -50px;
}

.navbar-default {
    background: rgba(0, 0, 0, 0) none repeat 0 0;
}

.navbar-header {
    float: none;
}

div.body-bg .navbar-brand-hds {
    float: left;
    height: 75px;
    line-height: 20px;
    padding: 38px 0 0 0;
    position: absolute;
    z-index: 99999;
}

div.body-bg .navbar-brand-hitachi {
    font-size: 18px;
    height: 88px;
    line-height: 20px;
    right:0;
    top: 30px;
    position: absolute;
    z-index: 99999;
}
div.body-bg .navbar-brand-hds a img{float: left;}
div.body-bg .navbar-brand-hitachi a img{float: right;}
div.intel-logo{float:left; left: 360px; top: 35px; width: 74px; height: 52px; position: absolute; z-index: 99999;}

.page-header{font-size: 60px; font-weight: bold; color: #ffffff; margin: 0; border-bottom: none;}

.landing-page{padding: 70px 0 0 0px;}
.landing-page h1{margin:0 0 30px 0;}
.landing-page h2{font-size:39px; font-weight: bold; color: #ffffff; margin:0 0 15px 0;}
.landing-page p{font-size:16px; font-weight: normal; color: #ffffff;}

.landing-page .col-md-7{}
.landing-page .xmas-calendar{background: url('../images/bubbles.png') no-repeat 0 140px; min-height: 823px; position: relative; margin-top: -120px; margin-left:-75px;}


.inner-page{padding: 70px 0 0 0px;}
.inner-page h1.page-header{margin:0 0 40px 0; font-size: 40px;}
.inner-page h2{font-size:36px; font-weight: bold; color: #ffffff; margin:0 0 80px 0;}
.inner-page p{font-size:16px; font-weight: normal; color: #ffffff;}
.inner-calendar {position: absolute; top: -30px; right: 0px;}

.content-week, .quiz-week, .game-week {padding: 20px 30px; min-height: 610px;}
.content-week{
    background: #74b937;
    background: -webkit-linear-gradient(180deg, #74b937, #61a327); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, #74b937, #61a327); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, #74b937, #61a327); /* For Firefox 3.6 to 15 */
    background: linear-gradient(180deg, #74b937, #61a327); /* Standard syntax */
    border:6px solid #15a33f;
}

.quiz-week{
    background: #0aafd0;
    background: -webkit-linear-gradient(180deg, #0aafd0, #008eaa); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, #0aafd0, #008eaa); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, #0aafd0, #008eaa); /* For Firefox 3.6 to 15 */
    background: linear-gradient(180deg, #0aafd0, #008eaa); /* Standard syntax */
    border:6px solid #15a33f;
}

.game-week{
    background: #959393;
    background: -webkit-linear-gradient(180deg, #959393, #626261); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, #959393, #626261); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, #959393, #626261); /* For Firefox 3.6 to 15 */
    background: linear-gradient(180deg, #959393, #626261); /* Standard syntax */
    border:6px solid #32a554;
}

a.click-to-play{background: #ffffff; color: #62a327; text-transform: uppercase; display: block; width:100%; border: 1px solid #ffffff; text-align: center; padding: 10px; text-decoration: none; font-weight: bold;}

.content-week h3, .quiz-week h3, .game-week h3{font-size:24px; font-weight:bold; color: #ffffff;}
.content-week p, .quiz-week p, .game-week p{margin:20px 0;}
.content-week a.download, .quiz-week a.download, .game-week a.download{background: #ffffff; color: #62a327; text-transform: uppercase; display: block; width:100%; border: 1px solid #ffffff; text-align: center; padding: 10px; text-decoration: none; font-weight: bold; }

.powered-by{color:#333333; margin-bottom: 20px;  margin-top: 20px;}
.button-red{background: #be0006; border-bottom: 4px solid #9b0d1b; height: 43px; font-size: 17px; font-weight: bold; text-align: center; color: #ffffff; width:190px; line-height: 43px; margin-top: 40px;}
.button-red a{display: block; text-decoration: none; color: #ffffff;}

svg#xmas-circle{min-height: 850px; width: 100%;}

.green1{background: rgba(83,158,62,0.9);}
.green1:hover{background: rgba(83,158,62,1); box-shadow: 3px 3px 10px #000;  z-index: 99;}

.green2{background: rgba(165,207,79,0.9); }
.green2:hover{background: rgba(165,207,79,1); box-shadow: 3px 3px 10px #000; z-index: 99}

.green3{background: rgba(5,104,57,0.9); }
.green3:hover{background: rgba(5,104,57,1); box-shadow: 3px 3px 10px #000; z-index: 99  }

.green4{background: rgba(11,161,75,0.9);}
.green4:hover{background: rgba(11,161,75,1); box-shadow: 3px 3px 10px #000; z-index: 99}

.red1{background: rgba(206,23,31,0.9);}
.red1:hover{background: rgba(206,23,31,1); box-shadow: 3px 3px 10px #000; z-index: 99}

.red2{background: rgba(237,28,36,0.9);}
.red2:hover{background: rgba(237,28,36,1); box-shadow: 3px 3px 10px #000; z-index: 99}

.red3{background: rgba(186,17,38,0.9);}
.red3:hover{background: rgba(186,17,38,1); box-shadow: 3px 3px 10px #000; z-index: 99;}


.orange1{background: rgba(242,128,33,0.8);}
.orange1:hover{background: rgba(242,128,33,1); box-shadow: 3px 3px 10px #000; z-index: 99}

.orange2{background: rgba(239,76,35,0.9);}
.orange2:hover{background: rgba(239,76,35,1); box-shadow: 3px 3px 10px #000; z-index: 99}

.pink1{background: rgba(222,21,136,0.9);}
.pink1:hover{background: rgba(222,21,136,1); box-shadow: 3px 3px 10px #000; z-index: 99}

.circle > a { color: #ffffff; text-decoration: none; display: block;}
.circle > a:hover { color: #ffffff; text-decoration: none;}

.circle1, .circle2, .circle3, .circle4, .circle5, .circle6, .circle7, .circle8, .circle9, .circle10, .circle11, .circle12, .circle13,.circle14, .circle15,
.circle16, .circle17, .circle18, .circle19, .circle20, .circle21, .circle22, .circle23, .circle24{
    color:#fff; position: absolute; text-align:center; font-weight: bold;
}
.circle1{width:152px; height:152px; border-radius:75px; font-size:75px; line-height:152px;  top: 0;  left: 74px; z-index: 24; opacity: 0;}
.circle2{width:92px; height:92px; border-radius:46px; font-size:46px;  line-height:90px;  top: 0;  left: 222px; z-index: 24; opacity: 0;}
.circle3{width:80px; height:80px; border-radius:40px; font-size:46px;  line-height:80px;  top: 0;  left: 308px; z-index: 24; opacity: 0;}
.circle4{width:80px; height:80px; border-radius:40px; font-size:46px;  line-height:80px;  top: 0;  left: 168px; z-index: 24; opacity: 0;}
.circle5{width:80px; height:80px; border-radius:40px; font-size:46px;  line-height:80px;  top: 0;  left: 227px; z-index: 24; opacity: 0;}
.circle6{width:124px; height:124px; border-radius:62px; font-size:72px;  line-height:124px;  top: 0;  left: 323px; z-index: 24; opacity: 0;}
.circle7{width:80px; height:80px; border-radius:40px; font-size:46px;  line-height:80px;  top: 0;  left: 478px;  opacity: 0;}
.circle8{width:80px; height:80px; border-radius:40px; font-size:46px;  line-height:80px;  top: 0;  left: 345px; opacity: 0;}
.circle9{width:136px; height:136px; border-radius:68px; font-size:72px;  line-height:136px;  top: 0;  left: 187px; opacity: 0;}
.circle10{width:80px; height:80px; border-radius:40px; font-size:44px;  line-height:80px;  top: 0;  left: 225px; opacity: 0;}
.circle11{width:115px; height:115px; border-radius:62px; font-size:44px;  line-height:115px;  top: 0;  left: 135px; opacity: 0;}
.circle12{width:112px; height:112px; border-radius:56px; font-size:54px;  line-height:112px;  top: 0;  left: 375px; opacity: 0;}
.circle13{width:62px; height:62px; border-radius:31px; font-size:33px;  line-height:62px;  top: 0;  left: 115px; opacity: 0;}
.circle14{width:62px; height:62px; border-radius:31px; font-size:33px;  line-height:62px;  top: 0;  left: 48px; opacity: 0;}
.circle15{width:62px; height:62px; border-radius:31px; font-size:33px;  line-height:62px;  top: 0;  left: 271px; opacity: 0;}
.circle16{width:70px; height:70px; border-radius:35px; font-size:33px;  line-height:70px;  top: 0;  left: 234px; opacity: 0;}
.circle17{width:62px; height:62px; border-radius:31px; font-size:28px;  line-height:62px;  top: 0;  left: 335px; opacity: 0;}
.circle18{width:62px; height:62px; border-radius:31px; font-size:28px;  line-height:62px;  top: 0;  left: 30px; opacity: 0;}
.circle19{width:96px; height:96px; border-radius:48px; font-size:44px;  line-height:96px;  top: 0;  left: 123px; opacity: 0;}
.circle20{width:62px; height:62px; border-radius:31px; font-size:28px;  line-height:62px;  top: 0;  left: 341px; opacity: 0;}
.circle21{width:56px; height:56px; border-radius:28px; font-size:22px;  line-height:56px;  top: 0;  left: 288px; opacity: 0;}
.circle22{width:40px; height:40px; border-radius:20px; font-size:22px;  line-height:40px;  top: 0;  left: 211px; opacity: 0;}
.circle23{width:36px; height:36px; border-radius:18px; font-size:22px;  line-height:36px;  top: 0;  left: 403px; opacity: 0;}
.circle24{width:48px; height:48px; border-radius:24px; font-size:22px;  line-height:48px;  top: 0;  left: 483px; opacity: 0;}

.comm-circle{width:38px; height:38px; border-radius:18px; font-size:18px;  line-height:36px;  top: 433px;  left: 403px; }

.xmas-star{position: absolute; top: 0; left: 192px; display: none;}

.landing-page .iphone-xmas-calendar .iphone-xmas-star{display: none;}


/* IE8 uses \0 */
@media all\0 { 
    .circle1{background: url('../images/ie8/circle1.png') no-repeat 0 0;}
    .circle2{background: url('../images/ie8/circle2.png') no-repeat 0 0;}
    .circle3{background: url('../images/ie8/circle3.png') no-repeat 0 0;}
    .circle4{background: url('../images/ie8/circle4.png') no-repeat 0 0;}
    .circle5{background: url('../images/ie8/circle5.png') no-repeat 0 0;}
    .circle6{background: url('../images/ie8/circle6.png') no-repeat 0 0;}
    .circle7{background: url('../images/ie8/circle7.png') no-repeat 0 0;}
    .circle8{background: url('../images/ie8/circle8.png') no-repeat 0 0;}
    .circle9{background: url('../images/ie8/circle9.png') no-repeat 0 0;}
    .circle10{background: url('../images/ie8/circle10.png') no-repeat 0 0;}
    .circle11{background: url('../images/ie8/circle11.png') no-repeat 0 0;}
    .circle12{background: url('../images/ie8/circle12.png') no-repeat 0 0;}
    .circle13{background: url('../images/ie8/circle13.png') no-repeat 0 0;}
    .circle14{background: url('../images/ie8/circle14.png') no-repeat 0 0;}
    .circle15{background: url('../images/ie8/circle15.png') no-repeat 0 0;}
    .circle16{background: url('../images/ie8/circle16.png') no-repeat 0 0;}
    .circle17{background: url('../images/ie8/circle17.png') no-repeat 0 0;}
    .circle18{background: url('../images/ie8/circle18.png') no-repeat 0 0;}
    .circle19{background: url('../images/ie8/circle19.png') no-repeat 0 0;}
    .circle20{background: url('../images/ie8/circle20.png') no-repeat 0 0;}
    .circle21{background: url('../images/ie8/circle21.png') no-repeat 0 0;}
    .circle22{background: url('../images/ie8/circle22.png') no-repeat 0 0;}
    .circle23{background: url('../images/ie8/circle23.png') no-repeat 0 0;}
    .circle24{background: url('../images/ie8/circle24.png') no-repeat 0 0;}

    .landing-page .iphone-xmas-calendar{display:none;}
} 

.blinking{
    -webkit-animation: blink 3s infinite;
    -moz-animation: blink 3s infinite;    
    animation: blink 3s infinite;
}

@-webkit-keyframes blink{
    0%{ opacity:0;}
    100%{opacity:1;}
}

@-moz-keyframes blink{
    0%{ opacity:0;}
    100%{opacity:1;}
}

@keyframes blink{
    0%{ opacity:0;}
    100%{opacity:1;}
}




.ip-circle1, .ip-circle2, .ip-circle3, .ip-circle4, .ip-circle5, .ip-circle6, .ip-circle7, .ip-circle8, .ip-circle9, .ip-circle10, .ip-circle11, .ip-circle12, .ip-circle13,.ip-circle14, .ip-circle15,
.ip-circle16, .ip-circle17, .ip-circle18, .ip-circle19, .ip-circle20, .ip-circle21, .ip-circle22, .ip-circle23, .ip-circle24{
    color:#fff; position: absolute; text-align:center; font-weight: bold;
}
.ip-circle1{width:65px; height:65px; border-radius:33px; font-size:34px;  line-height:65px;  top: 0;  left: 35px; z-index: 24; opacity: 0;}
.ip-circle2{width:40px; height:40px; border-radius:20px; font-size:24px;  line-height:40px;  top: 0;  left: 120px; z-index: 24; opacity: 0;}
.ip-circle3{width:40px; height:40px; border-radius:20px; font-size:24px;  line-height:40px;  top: 0;  left: 165px; z-index: 24; opacity: 0;}
.ip-circle4{width:40px; height:40px; border-radius:20px; font-size:24px;  line-height:40px;  top: 0;  left: 90px; z-index: 24; opacity: 0;}
.ip-circle5{width:40px; height:40px; border-radius:20px; font-size:24px;  line-height:40px;  top: 0;  left: 120px; z-index: 24; opacity: 0;}
.ip-circle6{width:48px; height:48px; border-radius:24px; font-size:28px;  line-height:48px;  top: 0;  left: 170px; z-index: 24; opacity: 0;}
.ip-circle7{width:40px; height:40px; border-radius:20px; font-size:24px;  line-height:40px;  top: 0;  left: 250px; z-index: 24; opacity: 0;}
.ip-circle8{width:40px; height:40px; border-radius:20px; font-size:24px;  line-height:40px;  top: 0;  left: 180px; z-index: 24; opacity: 0;}
.ip-circle9{width:54px; height:54px; border-radius:27px; font-size:32px;  line-height:54px;  top: 0;  left: 111px; z-index: 24; opacity: 0;}
.ip-circle10{width:40px; height:40px; border-radius:20px; font-size:24px;  line-height:40px;  top: 0;  left: 120px; z-index: 24; opacity: 0;}
.ip-circle11{width:44px; height:44px; border-radius:22px; font-size:24px;  line-height:44px;  top: 0;  left: 85px; z-index: 24; opacity: 0;}
.ip-circle12{width:44px; height:44px; border-radius:22px; font-size:24px;  line-height:44px;  top: 0;  left: 203px; z-index: 24; opacity: 0;}
.ip-circle13{width:35px; height:35px; border-radius:17px; font-size:18px;  line-height:35px;  top: 0;  left: 67px; opacity: 0;}
.ip-circle14{width:35px; height:35px; border-radius:17px; font-size:18px;  line-height:35px;  top: 0;  left: 25px; opacity: 0;}
.ip-circle15{width:35px; height:35px; border-radius:17px; font-size:18px;  line-height:35px;  top: 0;  left: 141px; opacity: 0;}
.ip-circle16{width:35px; height:35px; border-radius:17px; font-size:18px;  line-height:35px;  top: 0;  left: 105px; opacity: 0;}
.ip-circle17{width:35px; height:35px; border-radius:17px; font-size:18px;  line-height:35px;  top: 0;  left: 170px; opacity: 0;}
.ip-circle18{width:35px; height:35px; border-radius:17px; font-size:18px;  line-height:35px;  top: 0;  left: 20px; opacity: 0;}
.ip-circle19{width:50px; height:50px; border-radius:25px; font-size:24px;  line-height:50px;  top: 0;  left: 65px; z-index: 24; opacity: 0;}
.ip-circle20{width:35px; height:35px; border-radius:17px; font-size:18px;  line-height:35px;  top: 0;  left: 181px; opacity: 0;}
.ip-circle21{width:32px; height:32px; border-radius:16px; font-size:16px;  line-height:32px;  top: 0;  left: 145px; opacity: 0;}
.ip-circle22{width:26px; height:26px; border-radius:13px; font-size:15px;  line-height:26px;  top: 0;  left: 105px; opacity: 0;}
.ip-circle23{width:30px; height:30px; border-radius:15px; font-size:15px;  line-height:30px;  top: 0;  left: 205px; opacity: 0;}
.ip-circle24{width:35px; height:35px; border-radius:17px; font-size:16px;  line-height:35px;  top: 0;  left: 245px; opacity: 0;}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

#pageloaddiv {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background:#000000;
    z-index: 999999;
}
.loader{
    height: 180px;
    left: 50%;
    margin-left: -135px;
    margin-top: -90px;
    padding: 0;
    position: fixed;
    top: 50%;
    width: 270px;
    z-index: 9999999;
}

#dis-game-click{ position: fixed;
    background: transparent;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999999;
}

#hide-img-load{ position: fixed;
    background: #ffffff;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999999;
}

#iframe{width:100%; overflow: hidden; height: 590px;}

#game-load-overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background:#000000;
    z-index: 999999;
    opacity: 0.7;
    display: none;
}

.game-container {
    display: none;
    height: 520px;
    left: 50%;
    margin-left: -400px;
    margin-top: -260px;
    position: absolute;
    top: 50%;
    width: 800px;
    z-index: 999999;
    background: #ffffff;
}

.game-container h3{margin-bottom:0; font-weight: bold; text-align: center;}

.game-container .closebutton {
    margin: -18px 0 0 780px;
    position: absolute;
    z-index: 2;
}

/* Footer Styles */

footer {
    margin: 0;
}

footer .container{width:1024px; padding: 0 0px;}
footer::before {
    height: 50px;
}
footer {
    background:#6aa3c0 ;
    position: relative;
}

.left {
    float: left;
}

.right {
    float: right;
}

footer .right ul {
    padding: 0;
}
footer .left ul {
    padding: 0;
    color: #ffffff;
}
footer ul {
    box-sizing: border-box;
    clear: both;
    float: none;
    height: 50px;
    line-height: 50px;
    list-style: outside none none;
    margin: 0;
    text-align: center;
    vertical-align: middle;

}
footer .corp a:first-child {
    border-left: medium none;
    padding-left: 0;
}
footer .corp a {
    border-left: 1px solid #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding: 0 10px;
    color: #ffffff;
}
footer ul li a {
    padding: 0;
}
footer ul a {
    color: white;
    padding: 10px;
    transition: all 0.25s ease-in-out 0s;
}

footer .right a {
    padding: 5px;
}

footer .copy {
    background:url('../images/body-bg-gradient.jpg') 0 0 repeat-y;
    font-size: 11px !important;
    line-height: 1.2;
    padding: 20px 0;
    text-align: center;
}
footer .row{margin: 0;}

.left-footer ul{text-align: left; padding: 0;}
.right-footer ul{text-align: right; padding: 0;}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:768px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }

    div.body-content .navbar-brand-hds{width:65%; padding: 27px 15px 0 15px;}
    div.body-content .navbar-brand-hitachi{width:50%; padding: 0px 15px 0 15px;}
    div.body-content{width: 100%; margin: 0 auto;}

    .landing-page{padding: 30px 0 0 0px;}
    .landing-page .col-md-7{width:100%; position: relative;}


    .col-md-5{margin-bottom: 30px;}
    .col-md-5 > p{margin:15px 0px;}
    .inner-page h1.page-header{font-size: 34px;}
    .inner-page h2{font-size: 30px;}

    .content-week, .quiz-week, .game-week{padding:20px 15px; min-height: 275px;}


    .landing-page .xmas-calendar{display:none;}
    .landing-page .iphone-xmas-calendar{background: url('../images/bubbles-iphone.png') no-repeat center 0; min-height: 400px; position: relative; width: 290px; margin:0 auto;}
    .landing-page .iphone-xmas-calendar .iphone-xmas-star{position: absolute; top: -25px; left: 110px; display: block;}

    footer .container{width:100%; padding: 0;}
    .left-footer ul{text-align: center; padding: 0;}
    .right-footer ul{text-align: center; padding: 0;}

}

@media(max-width:767px) {
    /*iphone */
   
}

/* iPhone4 - Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    div.body-content .navbar-brand-hitachi{width: 35%; top:25px; }
    .button-red{width: auto; margin: 20px 0px 0;}
    .powered-by{margin-top: 20px; margin-left: 10px;}    
}

/* iPhone4 - Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    div.body-content .navbar-brand-hitachi{width: 35%; top:25px; }
    .powered-by{margin-top: 20px; margin-left: 10px;}
}

/* iPhone5 - Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .powered-by{margin-top: 20px; margin-left: 10px;}
}

/* iPhone5 - Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .powered-by{margin-top: 20px; margin-left: 10px;}
}

/* iPhone6 - Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
    .powered-by{margin-top: 20px; margin-left: 10px;}
}

/* iPhone6 - Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
    .button-red{margin-left:20px 0px 0;}
    .powered-by{margin-top: 20px; margin-left: 10px;}

    .landing-page .xmas-calendar{margin-left:30px;}
}


/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .landing-page .xmas-calendar{margin-left:75px;}
}

/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .ip-circle1, .ip-circle2, .ip-circle3, .ip-circle4, .ip-circle5, .ip-circle6, .ip-circle7, .ip-circle8, .ip-circle9, .ip-circle10, .ip-circle11, .ip-circle12, .ip-circle13,.ip-circle14, .ip-circle15,
.ip-circle16, .ip-circle17, .ip-circle18, .ip-circle19, .ip-circle20, .ip-circle21, .ip-circle22, .ip-circle23, .ip-circle24{display:none;}
}

/* Portrait */
@media (max-device-width: 800px) and (orientation: portrait) {
    div.body-content{width:100%;}
    footer .container{width:100%;}
    .button-red{margin-bottom: 20px;}
}