@charset "utf-8";
/* CSS Document */

@import url("https://use.typekit.net/odl4mmj.css");

body {font-family: open-sans, sans-serif;font-style: normal;margin: 0px; padding: 0px; color: #333333;}

a {color: #008a00 !important; text-decoration: none !important;}

.green-text {color: #008a00 !important;}

.orange-text {color: #ec7700 !important;}

.dkblue-text {color: #1e4488 !important;}


.services a {color: #1e4488 !important; text-decoration: none;}

.darkgray-text {color: #333333;}

.green-background {background-color: #008a00;}

.container-fluid {width: 100%;padding-right: 0 !important;padding-left: 0 !important;margin-right: auto;margin-left: auto;}

.hero {background-color: #002f6d; background-image: url("https://res.cloudinary.com/dbni2phas/image/upload/v1618344571/Partner_whyourcloud_Hero_x4cfda.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; height:315px;}

.nav-link {
    margin-right: 30px;
	font-size: 1.2rem
}

.navbar a {color: #54565b !important; text-decoration: none;}

.jumbotron-fluid {border-top: 8px solid #3f3f3f;}

.blocks {padding-top: 45px; padding-bottom: 45px;}

.blocks2 {padding-top: 75px; padding-bottom: 75px;}

.heroBlocks {padding-top: 35px; padding-bottom: 35px;}

.grayBack {background-color: #f4f8fa;}

.dkblueBack {background-color: #1e4488;}

.ltblueBack {background-color: #0091DA;}

.whiteText {font-size: 2rem; color: #ffffff;}

.whiteText2 {font-size: 1.6rem; color: #ffffff;}

.whiteFade {background-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);}

.h1, h1 {  font-family: open-sans, sans-serif;
  font-style:  normal;
  font-weight: 500;
    font-size: 2.9rem; color: #ffffff;
}

.h2, h2 {  font-family: open-sans, sans-serif;
  font-style:  normal;
  font-weight: 500;
    font-size: 2.1rem; color: #6cc5e9;
}

.margin-bg {margin-top: 50px; margin-bottom: 40px;}

.margin-md {margin-top: auto; margin-bottom: 25px;}

.h1spacing {padding-bottom: 25px;}

.text {color: #333333;  font-family: open-sans, sans-serif;font-style:  normal;font-weight: 400; font-size: 1.1rem;}

.text-bg {color: #333333;  font-family: open-sans, sans-serif;font-style:  normal;font-weight: 400; font-size: 1.2rem;}

.text-bg2 {color: #333333;  font-family: open-sans, sans-serif;font-style:  normal;font-weight: 600; font-size: 1.2rem;}

.text-sm {color: #333333;  font-family: open-sans, sans-serif;font-style:  normal;font-weight: 400; font-size: 0.8rem;}

.listMargin {margin-bottom: 15px;}

.smallHeaders {color: #333333;  font-family: open-sans, sans-serif;font-style:  normal;font-weight: 700; font-size: 1.1rem; margin-bottom: 10px;}

.bigHeaders {color: #333333;  font-family: open-sans, sans-serif;font-style:  normal;font-weight: 500; font-size: 1.8rem; margin-bottom: 35px; line-height: 2rem;}

.bigHeaders2 {color: #333333;  font-family: open-sans, sans-serif;font-style:  normal;font-weight: 500; font-size: 1.8rem; margin-bottom: 15px; line-height: 2rem;}

.top-icons {width: 28%;height: auto;margin-bottom: 20px; display: block;}

.block-2-icons {height: auto;
    width: 42%;
    margin-bottom: 25px;}
	
.statement {color: #333333;  font-family: open-sans, sans-serif;font-style:  normal;font-weight: 600;font-size: 1.1rem;margin-top: 50px;}	
	
.bottomLine {border-bottom: 2px solid #333333; padding-bottom: 35px; margin-bottom: 35px;}	

.logo {width: 18%;height: auto;padding-top: 15px;padding-bottom: 15px;display: block;}

.right-arrow {height: auto;width: 1.5%;display: inline-block;}

.footer {background-color: #3f3f3f; color: #8e8e8e;}

.footerIcons {height: auto;width: 8%; display: inline-block; margin-right: 10px;}

.footer a {color: #333333 !important; text-decoration: none !important;}

.footerHeaders {color: #008a00 !important;  font-family: open-sans, sans-serif;font-style:  normal;font-weight: 500; font-size: 1.6rem; margin-bottom: 25px; line-height: 1.8rem;}

.footerLogo {height: auto;width: 65%;margin-top: 25px;}

.reference {font-size: 0.8rem;
    margin-top: 8px;}

.button {width: 210px; height: auto; color: #ffffff; font-size: 1.4rem; padding-top: 10px; padding-bottom: 10px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.buttonTextmargin {margin-top: 25px;}

.buttonTextmargin2 {margin-top: 50px;}

.buttonTextmargin3 {margin-top: 10px;}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #0091da !important;
    background-color: #ffffff;border-left: 5px solid #0091da; font-weight: 700; border-right: 1px solid #ffffff;
}

.tab-content {border-top: 1px solid #717074; border-bottom: 1px solid #717074; border-right: 1px solid #717074;border-left: 1px solid #717074; }

.tab-pane {padding: 50px;}

.nav-pills .nav-link {
    border-radius: 0rem;
}

.vertTabs a {color: #3f3f3f !important;
border-bottom: 0px solid #717074;
border-right: 1px solid #ffffff;
border-left: 5px solid #717074;
border-top: 1px solid #717074;
background-color: #f4f8fa;position: relative; z-index: 2000;}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -15%;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    justify-content: left;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    background-color: #ffffff;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 55px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ec7700;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}


@media (max-width: 767px) {
	
.hero {
height: 185px;
	background-image:none;
}	
	
.h1, h1 {font-size: 1.7rem;}
	
.logo {width: 24%;}
	
	.carousel-inner {height: 175px;}
	
.text {font-size: 0.8rem;}	
	
.buttonSmall {width: 100%;}	
	
.greenButton {margin-top: 25px;margin-bottom: 25px;}
	
.heroBlocks {padding-top: 15px;padding-bottom: 10px;}
	
.blocks {padding-top: 35px;padding-bottom: 35px;}	
	
.midIconsMobileSize {height: auto;width: 20%;margin-bottom: 15px;margin-top: 15px;}	
	
.top-icons {margin-top: 25px;}
	
	.top-icons-mobile {width:25%; margin-bottom: 15px;margin-top: 15px;}	
	
.mobileHidden {display: none;}	
	
.offset-2 {margin-left: auto !important;}	
	
.as-mobile-pic {margin-bottom: 15px;}
	
.smallHeaders {margin-top: 25px;}}