@charset "utf-8";
/* prod-cloud-management.css */

body#pro-av-software.cloud-management .banner {background-image:url("../images-aver/products/cloud-management/banner.jpg");}

.banner {
    background-color: #ccc;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}


.banner .overSub {
    background: rgba(0, 0, 0, 0.35);
    font-size: 18px;
    line-height: 1.3em;
    padding: 26px 0 36px 0
}

.banner .overSub .sectionLink {
    padding-top: 76px
}

.banner .overSub .sectionLink .bigLink {
    font-size: 23px !important;
    font-weight: 400
}

.banner .overSub .sectionLink .bigLink >i {
    font-size:125%;position:absolute;right: -25px;bottom:-1px;
}

.banner .overSub h1, .banner .overSub h2 {
    color: #fff !important;
    font-family: 'Roboto',Helvetica, Arial,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif"
}

body#pro-av-software .banner .overSub h1 {
    font-weight: 300;
    font-size: 120px;
    line-height: 1.1em;
    padding-bottom: 0px;
    margin: 0px
}


body#pro-av-software.cloud-management h1.pro-bg  {background:url("../images-aver/products/cloud-management/beta.svg") no-repeat;background-size:72px 55px;background-position:87% 45%}

.banner .overSub h2 {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2em;
    padding: 0 0 13px 0;
    margin: 0
}

.banner .overSub .prodBox {
    position: relative
}

body#pro-av-software .banner .overSub{
    padding: 26px 0 36px 0; min-height: auto;}

body#pro-av-software .banner .overSub .prod {
    
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0px;
    top: auto;
    z-index: 2
}

.banner .overSub a {
    color: #fff
}

.banner .breadcrumb {
    background-color: rgba(0, 0, 0, 0.6)!important;
    padding: 0px 5px !important;
    border-radius: 0
}

.banner .breadcrumb li::before {
    color: #eee
}

.banner .breadcrumb li a, .banner .breadcrumb .active {
    color: #fff
}

.banner .breadcrumb li a:hover {
    color: #ccc
}

.tagDesc {
    font-weight: normal;
    font-size: 20px
}

.tagDesc h3 {
    margin-bottom: 8px;
    text-transform: uppercase
}

/* Certificarions */
#certification {
    background: #f8f8f8;
    height: 120px;
    border-bottom: 1px solid #ddd
}

.cer-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 18px
}

.cer-lable {
    display: block;
    color: #595959;
    font-weight: 500;
    font-size: 20px
}

#certification img {
    padding-left: 15px
}

#certification img:first-of-type {
    border-left: 1px solid #ddd;
    margin-left: 15px
}

/* features */
.halfColorFeature {
    background-color: #fff
}

.halfColorFeature.lftRgt .col-md-6:first-child, .halfColorFeature.rgtLft .col-md-6:last-child {
    background-color: #fff
}

.halfColorFeature.lftRgt .col-md-6:last-child .cont, .halfColorFeature.rgtLft .col-md-6:first-child .cont {
}

.halfColorFeature.lftRgt .feaImg, .halfColorFeature.rgtLft .feaImg {
    float: left;
    position: relative;
    left: 30px
}

.halfColorFeature .heading-block:after {
    border-top: 5px solid #00c4db;
    width: 111px
}

.halfColorFeature .heading-block ~ p:not(.lead) {
    font-size: 16px
}

.padRgtWrap {
    padding-right: 100px
}

.padLftWrap {
    padding-left: 100px
}

.fslider .halfColorFeature.lftRgt .feaImg, .fslider .halfColorFeature.rgtLft .feaImg {
    float: none;
    position: relative;
    left: 30px
}

.feaCenterTxt {
    width: 80%;
    margin-bottom: 30px;
    margin-top: 30px
}

.feaCenterTxt >h2 {
    text-align: center;
    margin: 50px 0 30px 0;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.15em
}

.overlapFea {
    background: #fff
}

.overlapFea .container {
}

.overlapFea .feaImg {
    position: relative;
    top: -75px;
    z-index: 1;
    float: none !important;
    padding: 0
}

.overlapFea .feaImg h2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 27%;
    margin: 0 auto;
    font-size: 60px;
    text-align: center
}

.txtWhite {
    color: #fff !important
}

.overlapFea .cont {
    background: #f3f3f3;
    padding: 35px 45px;
    position: relative;
    z-index: 3;
    top: -290px;
    margin-bottom: -200px;
    right: 0;
    float: right
}

.overlapFea .heading-block {
    margin-bottom: 15px
}

.overlapFea .heading-block:after {
    margin-top: 10px;
    width: 65px;
    border-top: 2px solid #444
}


/* ----------------------------------------------------------------
	Responsive AVer CSS
-----------------------------------------------------------------*/   
@media (min-width: 2000px) {

.banner {height:1050px !important}  
}


@media (min-width: 1200px) and (max-width: 1400px) {
    body#pro-av-software.cloud-management h1.pro-bg  {background:url("../images-aver/products/cloud-management/beta.svg") no-repeat;background-size:72px 55px;background-position:100% 10%}

.banner {height:820px !important}
}

@media (max-width: 1199px) {

/* banner */
.breadcrumb {display:none}
body#pro-av-software .banner .overSub h1 {font-size:90px;padding-bottom:10px}
.feaCenterTxt >h2 {font-size:38px;margin:10px 0 10px 0}

/***** Softwares *****/    
body#vc-software .banner .overSub h1 {font-size:85px;padding-bottom:10px}

/***** beta svg *****/  
body#pro-av-software.cloud-management h1.pro-bg  {background:url("../images-aver/products/cloud-management/beta.svg") no-repeat;background-size:72px 55px;background-position:50% 25%}

@media (min-width: 992px) and (max-width: 1199px) {

/* banner */
.breadcrumb {display:none}
body#pro-av-software.banner .overSub h1 {font-size:85px;padding-bottom:10px}
.banner .prodBox .prod {width:80%;right:-25px}

/***** beta svg *****/  
body#pro-av-software.cloud-management h1.pro-bg  {background:url("../images-aver/products/cloud-management/beta.svg") no-repeat;background-size:72px 55px;background-position:45% 10%}
}

@media (max-width: 991px) {

body#pro-av-software h1.pro-bg::after {
    width: 60px;
    height: 46px;
  }

}
/***** beta svg *****/  
body#pro-av-software.cloud-management h1.pro-bg  {background:url("../images-aver/products/cloud-management/beta.svg") no-repeat;background-size:72px 55px;background-position:55% 10%}

@media (min-width: 768px) and (max-width: 991px) {
    
/* banner */
body#pro-av-software.banner .overSub h1 {font-size:80px;padding-bottom:10px}
.breadcrumb {display:none}
.banner .overSub h2 {font-size:16px}
.banner .prodBox .prod {width:80%;right:-25px}
}

/***** beta svg *****/  
body#pro-av-software.cloud-management h1.pro-bg  {background:url("../images-aver/products/cloud-management/beta.svg") no-repeat;background-size:72px 55px;background-position:55% 10%}

@media (max-width: 767px) {

/* banner */
.breadcrumb {display:none}
.banner .overSub h1 {font-size:65px}
.banner .overSub h2 {font-size:16px}
.banner .prodBox .prod {width:80%;right:-25px}
}

@media (min-width: 576px) and (max-width: 767px) {
  body#pro-av-software h1.pro-bg::after {
    width: 40px;
    height: 30px;
  }
}

/* banner */		
body#pro-av-software .banner .overSub h1 {font-size:65px;margin:30px 0 0 0;padding-bottom:5px; text-align:left;}
body#pro-av-software .banner .prodBox .prod {position:relative;padding:40px 20% 20px 20%;margin-bottom:0px;width:100%;right:auto}
.banner {top:auto;margin-bottom:0;min-height:500px}
.breadcrumb {display:none}
.banner .overSub h1 span {font-size:25px;padding-bottom:10px}
.banner .overSub h2 {font-size:18px}
.banner .overSub {width:100%;font-size:16px;line-height:1.2em}
.banner .overSub .container {position:static;width:100%}
.banner .prodBox {margin:0px;width:100%;padding:0}
.halfColorFeature.lftRgt .col-md-6:last-child .cont, .halfColorFeature.rgtLft .col-md-6:first-child .cont {padding-left:50px;padding-right:50px; padding-top:25px}
.fslider .halfColorFeature.lftRgt .feaImg, .fslider .halfColorFeature.rgtLft .feaImg {float:none;left:0px;margin:0 auto;width:85%}
}


@media (max-width: 575px) {
/* banner */		
body#pro-av-software .banner .overSub h1 {font-size:65px;margin:30px 0 0 0;padding-bottom:5px; text-align:left;}
body#pro-av-software.banner .prodBox .prod {position:relative;padding:20px 20% 5px 20%;margin-bottom:0px;width:100%;right:auto}

/* .banner .overSub h1 span {font-size:25px;padding-bottom:10px} */
.banner {top:auto;margin-bottom:0;min-height:500px}
.breadcrumb {display:none}
.banner .overSub h2 {font-size:20px}
.banner .overSub {width:100%;font-size:16px;line-height:1.2em}
.banner .overSub .container {position:static;width:100%}
.banner .prodBox {margin:0px;width:100%;padding:0}


.halfColorFeature.lftRgt .col-md-6:last-child .cont, .halfColorFeature.rgtLft .col-md-6:first-child .cont {padding-left:50px;padding-right:50px; padding-top:25px}
.fslider .halfColorFeature.lftRgt .feaImg, .fslider .halfColorFeature.rgtLft .feaImg {float:none;left:0px;margin:0 auto;width:85%}
.overlapFea .feaImg h2 {top:40%;font-size:33px;line-height:1em;padding-left:15px;padding-right:15px}
.overlapFea .feaImg {top:0px}
.overlapFea .cont {top:0px;margin-bottom:0px;float:none;padding:15px 15px}
.clientQuote {padding:30px 0 30px 0}
blockquote.qStyle2 {padding-top:12px}


body#pro-av-software.cloud-management h1.pro-bg  {background:url("../images-aver/products/cloud-management/beta.svg") no-repeat;background-size:72px 55px;background-position:45% 10%}

}

@media only screen and (max-width: 430px) {
  body#pro-av-software.cloud-management h1.pro-bg {
    background-size: 60px 46px; 
    background-position: 80% 10%;
  }
}