@charset "utf-8";
.feature_section{background-color:#ffffff !important;padding:50px 0 50px 0;}
.ecosystem_text{color:#616161;text-align:center;padding-bottom:5px;margin-top:30px;line-height: 1.5;}
.circle-text{line-height:28px;text-align:center;font-size:18px;padding-top:20px;color:#888888;}
.circle-text-desc{margin-top:5px;}
.product-content .product-section h1{text-align:center;font-size:48px;}
.product-content .product-section h4{line-height:1.5em;}
.product-content .product-section.compatibility{text-align:center;}
.product-content .product-section.compatibility h2,
.product-content .product-section.compatibility h4{margin-bottom:1.5em;}
.feature_text{color:#616161;text-align:center;padding-bottom:0px;line-height:1.4;font-weight:300;padding-top:40px;font-size: 30px;}
.ms-logo{padding: 20px 15px;}

.skills_carousel .slick-current {
  transform: scale(1.15)
}

.slick-slide:focus {
    outline: none;
}

.skills_carousel .slick-slide {
    margin-top: 40px;
    margin-bottom: 40px;
}

.skills_carousel .skills_carousel_section {
    background-color:#ffffff !important;
    padding:50px 0 50px 0;
}

.skills_carousel_title {
    text-align: center;
    margin: 45px 0 0 0;
    color: #ffffff;
    font-style: italic;
    line-height: 1.4;
}

.skills_carousel_text {
    text-align: center;
    margin-bottom: 5px;
    color: #ffffff;
    line-height: 1.5;
    padding: 0 0;
    font-size: 27px;
    font-weight: 500;
    margin-top: 0;
}

.skills_carousel_section {
    background: url("../images/skills_background.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.skills_product_carousel_section {
    background-color: #ffffff;
    padding-top: 35px;
}

.carousel_feature_section {
    padding: 5px 0 10px 0;
}

.logos_carousel{
    background-color: #ffffff;
    padding: 0 0 60px 0;
    /*margin-bottom: 60px;*/
}

.techradar_logo {
    width:245px;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0 0 35px 0;
}

.skills_carousel_button {
    margin: 18px 0 50px 0;
    border-radius: 29px;
    background-color: rgba(154, 4, 191, 0.3);
}

.logos_carousel_header {
    text-align: center;
    color: #616161;
    margin-top: 100px;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 15px;
    font-style: italic;
}

.download_hiri_header_text {
    color: #616161;
    text-align: left;
    font-size: 14px;
    margin: 19px 0 0 0;
}



.download_hiri_screenshot {
    background: url("../images/download_hiri_screenshot.png") no-repeat center left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 670px;
}

.email_circles_screenshot {
    background: url("../images/email_circles_screenshot.png") no-repeat center left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 600px;
}

.calendar_large_screenshot {
    background: url("../images/calendar_large_screen.png") no-repeat center right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 562px;
}

.contacts_large_screenshot {
    background: url("../images/contacts_circles_screen.png") no-repeat center right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 500px;
}

.skills_intro_righthand {
    background: url("../images/angled_skills.png") no-repeat center left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 670px;
}


.download_hiri_section {
    padding: 50px 0 50px 0;
    background-color: #ffffff;
}

.download_hiri_lefthand {
    background: url("../images/circles_background.png") no-repeat top left;
    min-height: 555px;
}

.download_hiri_lefhand_text {
    color: #909090;
    font-size: 24px;
    margin-top: 8px;
    text-align: left;
    line-height: 1.5;
    padding: 0 20px;
    font-weight: 300;
}

.download_hiri_lefhand_header {
    font-size: 34px;
    margin-bottom: 15px;
    margin-top: 100px;
    line-height: 1.5;
    color: #232323;
    font-weight: 300;
    padding: 0 20px;
}

.company_logo_section {
    padding: 15px 0 50px 0;
    background-color: #ffffff;
}

.no_credit_card {
    color: #e08823;
    font-size: 14px;
    margin-top: 8px;
    text-align: left;
}

.download_img_buttons {
    margin: 19px 0 0 0;
    height: 55px;
}


.quotes_carousel_section {
    /*background: url("../images/quotes_background.jpg") no-repeat left top fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 50px 0;
    background-color: #404040;
}


.cards_carousel_section {
    background-color: #ffffff;
}

.cards_carousel_title {
    text-align: left;
    margin: 10px 0 10px 0;
    color: cornflowerblue;
    font-style: normal;
    line-height: 1;
    font-size: 24px;
}

.cards_carousel_text {
    text-align: left;
    margin-bottom: 5px;
    color: #aaaaaa;
    line-height: 1.5;
    padding: 0 0;
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
}

.feature_card {
    border-radius: 25px;
    padding: 10px 0 10px 0;
    margin: 30px 5px 30px 5px;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.28);
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15);
    max-width: 500px;
}

.feature_card:hover {
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.28);
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
}

.feature_card_icon {
    padding: 0;
    margin: 0;
}

.download_hiri_icon_button {
    background-color: transparent;
    border: 2px solid #c53dd7;
    color: #6b6b6b;
    padding: 5px 8px 5px 0;
    margin-left: 0;
}

.download_hiri_icon_button:focus, .download_hiri_icon_button:focus, .download_hiri_icon_button:hover {
    background-color: #de92e93b;
    color: #c744d9;
}

.download_hiri_icon_button_text {
    margin: 11px 0;
    text-align: left;
    font-size: 16px;
}

.download_hiri_icon_button_icon {
    height: 32px;
    margin: 6px 0;
}

.download_buttons {
    text-align:left;
    padding: 0;
}

.download_hiri_lefhand_header_homepage {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 15px;
}

.download_hiri_lefhand_text_homepage {
    color: #505050;
    font-size: 14px;
    margin-top: 8px;
    text-align: left;
    line-height: 1.5;
}

.download_hiri_lefhand_header_skills {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 15px;
}

.download_hiri_lefhand_text_skills {
    color: #505050;
    font-size: 14px;
    margin-top: 8px;
    text-align: left;
    line-height: 1.5;
}


/* Angled calendar Styles */

.angled_calendar {
    width:800px;
    position: absolute;
    top:130px;
    left:180px;
    overflow: hidden;
}

.angled_email {
    width:800px;
    position: absolute;
    top:130px;
    left:235px;
}

.main_product_heading{
    margin: 0;
    padding: 0;

}

/*.product_main_heading {*/
    /*font-size: 50px;*/
    /*margin: 35px 0 600px 0;*/
    /*color: #ffffff;*/
    /*text-align: center;*/
    /*font-weight: 300;*/
/*}*/



.angled_homepage_main_heading {
    font-size: 60px;
    color: #ffffff;
    text-align: center;
    margin: 0;
    font-weight: 300;
}

.angled_homepage_main_heading_sub {
    color: #d4d4d4;
    font-size: 18px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 600px;
}


@media(max-width: 990px) {

    .angled_calendar {
        display: none;
    }
    .angled_email {
        display: none;
    }
    .angled_homepage_main_heading_sub {
        margin-bottom: 40px;
    }
    .feature_section {
    background-color: #ffffff !important;
    padding: 0;
}
}